WBA0596_V2.

Aplicações móveis
Conceitos iniciais sobre desenvolvimento móvel

Abordagens de Desenvolvimento de Aplicativos

Móveis

Bloco 1
Rodrigo Rocha
Vamos refletir?

O verdadeiro desafio no desenvolvimento

mobile é antecipar as necessidades dos
usuários e entregar uma experiência que seja
tanto útil quanto envolvente.
Para iniciarmos a conversa

Vamos refletir a partir de uma pergunta muito

importante:
Definição e aplicações
A programação mobile refere-se ao processo de criação
de software especificamente para dispositivos móveis,
como smartphones e tablets. Essa disciplina envolve uma
série de práticas e técnicas que permitem aos
desenvolvedores criar aplicativos que são otimizados para
o ambiente móvel, aproveitando ao máximo os recursos
e capacidades dos dispositivos móveis.
Desenvolvimento web
Consiste em desenvolver aplicativos utilizando tecnologia web, como
HTML, CSS e Javascript.

São essencialmente websites otimizados para dispositivos móveis.

Utilização de frameworks, por exemplo: Onsen UI, Framework 7.

Vantagens: acessibilidade, custo.

Desvantagens: desempenho, acesso a recursos dos dispositivos (Ex.:

Gps, câmera, sensores).
Desenvolvimento nativo
• Criação de aplicativos específicos para cada plataforma, utilizando as
linguagens e ferramentas fornecidas pelos próprios fabricantes do
sistema operacional.

• Android

• Linguagem: Java, Kotlin (atual).

• IDE: Android Studio.

• iOS

• Linguagem: Objective-c, Swift (Atual)

• IDE: Xcode

• Vantagens: Desempenho, acesso direto aos recursos do dispositivo

• Desvantagens: Custo e Tempo

Frameworks multiplataforma
• Permitem a criação de aplicativos que funcionam em várias
plataformas com uma única base de código.
• Geram os códigos-fontes nativos.
• Exemplos:
• Flutter (Dart).
• React Native (Javascript e framework React).
• Xamarin (C# e .Net).
• Vantagens: reutilização de código, desenvolvimento rápido.
• Desvantagens: tamanho do aplicativo (inclusão da engine e
bibliotecas), limitações a recursos nativos (exigindo a
criação de plugins).
Desenvolvimento híbrido
Combina elementos do desenvolvimento web e nativo.

Usa tecnologias web, que são encapsuladas em um contêiner nativo.

Exemplos: Ionic e Cordova.

Vantagens: Custo e Tempo.

Desvantagens: Desempenho e Complexidade.

Importante: apesar de existirem muitos sistemas legados utilizando essas

tecnologias, estas perderam espaço para frameworks multiplataformas.
Conceitos iniciais sobre desenvolvimento móvel

Sistemas Operacionais e IDE de desenvolvimento

Bloco 2
Rodrigo Rocha
Android
• Desenvolvido pela Google.
• Kernel Linux.
• SO Mobile mais utilizado no mundo.
• Características:
• Flexibilidade: Permite uma grande personalização e
liberdade para os fabricantes e desenvolvedores.
• Diversidade de Dispositivos: A vasta gama de
dispositivos Android oferece opções variadas em
termos de preço e características.
Ambiente de Desenvolvimento: Android Studio

Oferece um conjunto de ferramentas.

Possui emulador.

Linguagem: Java e Kotlin (atual).

Características:

• Editor de Layout: Ferramenta visual para criar interfaces de

usuário.
• Instant Run: Permite ver as mudanças em tempo real no
aplicativo em execução.
• Suporte ao Gradle: Sistema de automação de compilação que
simplifica o gerenciamento de dependências e compilação.
iOS
• Desenvolvimento pela Apple.
• Conhecido pela segurança e controle de qualidade.
• Exclusivo para dispositivos Apple.
• Características:
• Ecossistema Fechado: A Apple controla tanto o
hardware quanto o software, proporcionando
uma experiência de usuário mais integrada.
• Segurança e Privacidade: O iOS é conhecido por
suas rigorosas medidas de segurança e
privacidade.
Ambiente de Desenvolvimento: xCode

Oferece um conjunto de ferramentas.

Possui Emulador.

Linguagem: objective-C e Swift (atual).

Características:

• Interface Builder: Ferramenta visual para construção de

interfaces de usuário.
• Simulator: Emulador para testar aplicativos em diferentes
dispositivos Apple.
• Instruments: Ferramenta para análise de desempenho e
gerenciamento de memória.
Conceitos iniciais sobre desenvolvimento móvel

Programação Web para Dispositivos Móveis

Bloco 3
Rodrigo Rocha
Programação Web
A programação web para dispositivos móveis envolve a
criação de sites e aplicativos web que são acessíveis e
utilizáveis em smartphones e tablets. As tecnologias
principais incluem HTML, CSS e JavaScript.
Utilização de Frameworks (Ionic, Ousen UI, Framework 7).
Designer responsivo:
• É uma abordagem para a criação de websites que
funcionam bem em todos os tamanhos de tela. Usando
consultas de mídia CSS, layouts flexíveis e imagens
responsivas, os desenvolvedores podem garantir que
seus sites sejam acessíveis e visualmente atraentes em
dispositivos móveis.
React
Componentes:
React permite a criação de componentes reutilizáveis,
que são as partes fundamentais da interface de usuário.
Os componentes podem ser combinados e aninhados
para construir interfaces complexas de maneira
modular.
Estado e Propriedades:
O estado e as propriedades são conceitos-chave em
React. O estado representa dados que podem mudar ao
longo do tempo, enquanto as propriedades são valores
passados para os componentes que geralmente não
mudam.
React Native
React Native estende os conceitos de React para o
desenvolvimento móvel, permitindo que os
desenvolvedores usem JavaScript para criar aplicativos
nativos.
Linguagem : Javascript
JSX:
JavaScript XML: JSX é uma extensão de sintaxe que
permite escrever elementos de interface de usuário em
JavaScript de forma semelhante ao HTML.
Combinação de JS e HTML: Com JSX, os desenvolvedores
podem combinar lógica JavaScript e layout visual em um
único arquivo, tornando o desenvolvimento mais intuitivo.
Ecossistema e ferramentas
Node.js e npm: Node.js é utilizado para executar o
ambiente de desenvolvimento do React Native, e o npm
(Node Package Manager) é usado para gerenciar
dependências.
Metro Bundler: Uma ferramenta de bundling específica do
React Native que ajuda a compilar e empacotar o código
JavaScript para execução no dispositivo móvel.
Expo: Um conjunto de ferramentas e serviços que facilita o
desenvolvimento com React Native, especialmente útil
para iniciantes. Expo simplifica o processo de configuração
e oferece APIs adicionais.
Conceitos iniciais sobre desenvolvimento móvel

Teoria em prática

Bloco 4
Rodrigo Rocha
Reflita sobre a seguinte situação
Você foi selecionado por uma faculdade para desenvolver
um aplicativo móvel que permita a professores e
educadores inserir, gerenciar e visualizar as notas dos
alunos de maneira eficiente e acessível. O aplicativo deve
suportar funcionalidades essenciais, como registro de
notas, cálculo de médias, geração de relatórios e
visualização de desempenho individual e coletivo.
Qual a abordagem de desenvolvimento mobile você
utilizaria e por quê?
Norte para a resolução

Pontos para pensar Outros pontos-chaves

• Compatibilidade. • Curva de aprendizado.

• Uso de recursos nativos do • Custo.
dispositivo. • Tempo.
• Eficiência.
Norte para a resolução
• Pesquisar e identificar os componentes:

Analisar as necessidades do projeto.

Escolher a melhor abordagem (nativa, web, híbrida).

Instalar e configurar o ambiente de desenvolvimento.

Codificar a solução.

Testar e avaliar se esse conjunto contempla a solução.

Conceitos iniciais sobre desenvolvimento móvel

Consolidando o aprendizado

Bloco 5
Rodrigo Rocha
Consolidando o aprendizado
• Programação para dispositivos móveis é a criação de software
específico para dispositivos móveis, como smartphones e
tablets, que utiliza plataformas principais como Android e iOS.
• Podem utilizar desenvolvimento de aplicativos nativos, que
são escritos em linguagens específicas para cada plataforma
(Java/Kotlin para Android e Swift/Objective-C para iOS).
• Podem utilizar metodologia híbrida, que permite utilizar uma
única linguagem de programação e gerar código para
diferentes sistemas operacionais (Flutter, React Native,
Xamarin).
• Desenvolvimento web mobile responsivo é a criação de sites
e aplicativos web que se adaptam a diferentes tamanhos de
tela e dispositivos, proporcionando uma experiência de
usuário otimizada em smartphones, tablets e desktops.
 Quiz

Qual dos seguintes frameworks é utilizado para

desenvolver aplicativos móveis multiplataforma
usando JavaScript?

A Flutter B React Native

C Swift D Xamarin
 Quiz

Qual dos seguintes frameworks é utilizado para

desenvolver aplicativos móveis multiplataforma
usando JavaScript?

A Flutter B React Native

C Swift D Xamarin
Quiz – Resolução

B) React Native.
React Native é um framework que permite
desenvolver aplicativos móveis multiplataforma
usando JavaScript.
Leitura Fundamental
Prezado estudante, as indicações a seguir podem estar disponíveis
em algum dos parceiros da nossa Biblioteca Virtual (faça o login por
meio do seu AVA), e outras podem estar disponíveis em sites
acadêmicos (como o SciELO), repositórios de instituições públicas,
órgãos públicos, anais de eventos científicos ou periódicos
científicos, todos acessíveis pela internet.
Isso não significa que o protagonismo da sua jornada de
autodesenvolvimento deva mudar de foco. Reconhecemos que
você é a autoridade máxima da sua própria vida e deve, portanto,
assumir uma postura autônoma nos estudos e na construção da sua
carreira profissional.
Por isso, nós o convidamos a explorar todas as possibilidades da
nossa Biblioteca Virtual e além! Sucesso!
Indicação de leitura 1
Esse artigo trata sobre a análise de um aplicativo móvel para
avaliação, prevenção e tratamento da lesão por pressão.
Referência:
MIRANDA, Flávio Dutra; SALOMÉ, Geraldo Magela.
Desenvolvimento de aplicativo móvel para avaliar, tratar e
prevenir lesão por pressão. Acta Paul Enferm., 35, 2022.
Disponível em:
https://www.scielo.br/j/ape/a/T3CzHnV9CS4v4Pp3PdtCH4P
/#. Acesso em: 20 ago. 2024.
Indicação de leitura 2
O trabalho acadêmico trata de um comparativo entre
desenvolvimento Nativo vs Web/Híbrido.
Referência:
BEZERRA, Franklyn S.R.; VIANA, Windson.
Desenvolvimento Nativo vs Ionic vs React Native: uma
análise comparativa do suporte à acessibilidade em
Android. Disponível em:
https://repositorio.ufc.br/bitstream/riufc/58979/1/2021_t
cc_fsrbezerra.pdf. Acesso em: 20 ago. 2024.
Referências
FACEBOOK. React Native. Disponível em: https://reactnative.dev/. Acesso: 20
ago. 2024.
MARCOLINO, Anderson da S. Frameworks Front End. SRV Editora LTDA, 2021. E-
book. ISBN 9786589965077. Disponível em:
https://integrada.minhabiblioteca.com.br/#/books/9786589965077/. Acesso
em: 01 jun. 2024.
MORAIS, Myllena Silva de F.; MARTINS, Rafael L.; SANTOS, Marcelo da Silva dos;
et al. Fundamentos de desenvolvimento mobile. Grupo A, 2022. E-book. ISBN
9786556903057. Disponível em:
https://integrada.minhabiblioteca.com.br/#/books/9786556903057/. Acesso
em: 21 maio 2024.
Bons estudos!