914b78f5-23be-4214-9992-66bcff35e53c

Prévia do material em texto

WBA0596_v1.0
Aplicações móveis
Desenvolvimento de aplicações
para dispositivos móveis
Interface, desenvolvimento nativo, híbrido e 
principais ferramentas
Bloco 1
Alexandre Peres Arias
Desenvolvimento mobile
• Quais as especificidades?
• Hardware limitado.
• Software intuitivo.
• Mobilidade e dinamicidade.
Figura 1 – Smartphone e tablet, dois dos mais 
utilizados dispositivos móveis 
Fonte: Musabirov/ iStock.com.
Desafios
⚫ Diversidade de dispositivos.
⚫ Atualizações dos apps.
⚫ Recursos limitados. (MASTERWEB, 2018)
Figura 2 –Equipe de planejamento de um aplicativo
Fonte: Weedesign/ iStock.com.
Fluxo básico de desenvolvimento
⚫ Requisitos → design → implementação → teste → 
suporte e manutenção → atualizações. 
Figura 3 – Representação dos processos de 
desenvolvimento de um aplicativo
Fonte: Miaklevy/ iStock.com.
A importância do planejamento da Interface
⚫ Aplicativos devem ser fáceis de utilizar.
⚫ UX → Experiência do Usuário.
⚫ UI design → projeto da interface.
Figura 4 – A definição da interface do usuário considerando a UX
Fonte: Scyther/ iStock.com.
Wireframe, mockup e protótipo
• Técnicas para projetar a interface.
Figura 5 –Exemplo de um wireframe
Fonte: Chaosamran_Studio/ iStock.com. 
Desenvolvimento de aplicações
para dispositivos móveis
Interface, desenvolvimento nativo, híbrido e 
principais ferramentas
Bloco 2
Alexandre Peres Arias
O alvo do desenvolvimento
⚫ Três principais sistemas operacionais distintos entre si.
⚫ Desenvolvimento específico → nativo.
⚫ Desenvolvimento geral → híbrido e multiplataforma.
⚫ Questões a considerar: 
⚫ Cronograma.
⚫ Custo.
⚫ Treinamento.
⚫ Eficiência.
Desenvolvimento nativo
⚫ Utiliza a linguagem específica de cada sistema.
⚫ Android: Java; IoS: Swift e Objective C; Windows Phone: C#.
⚫ Vantagens.
⚫ Desvantagens.
Figura 6 – Exemplo de ferramenta de 
desenvolvimento nativo para Android
Fonte: elaborada pelo 
autor.
Desenvolvimento híbrido
⚫ Executa o mesmo código em diversos sistemas operacionais.
⚫ Utiliza uma camada de webview.
⚫ Vantagens.
⚫ Desvantagens.
Fonte: Bet_Noire/ iStock.com.
Figura 7 – O hibridismo é um conceito utilizado em veículos, 
por exemplo, para rodar com eletricidade, álcool ou gasolina
Principais ferramentas
⚫ Nativos:
⚫ Android Studio.
⚫ Xcode.
⚫ Visual Studio Code.
⚫ Híbridos:
⚫ Ionic.
⚫ PhoneGap.
Ionic Framework
⚫ Demonstração - três minutos.
⚫ Inicialização do servidor.
⚫ Código Olá Mundo.
⚫ Visualização do aplicativo.
Teoria em Prática
Bloco 3
Alexandre Peres Arias
Reflita sobre a seguinte situação
Uma escola contratou a empresa que você trabalha para 
desenvolver soluções educacionais para a sala de aula. 
Para facilitar a usabilidade, por parte dos alunos, as 
soluções apresentadas devem executar nos smartphones 
de cada um, independentemente do sistema operacional 
que executa. 
A escola solicita, de sua empresa, dois modelos de 
proposta, uma de caráter emergencial, que deve ficar 
pronto em no máximo um mês e o outra com até seis 
meses para a entrega. 
Dessa forma, você é responsável por sugerir as melhores 
tecnologias para o desenvolvimento de aplicativos em 
cada caso, considerando o cenário de diversidade de 
dispositivos dos alunos e os prazos de cada proposta.
Norte para a resolução
Considerando o cenário emergencial, a melhor alternativa é o 
uso de técnicas de desenvolvimento híbrido, como o 
Cordova/Ionic, pois o mesmo código pode ser executado sobre 
os distintos sistemas operacionais dos dispositivos dos alunos. A 
maior desvantagem, neste caso, é que a execução perde em 
velocidade e eficiência.
Já para a segunda proposta, em que o prazo de entrega é maior, 
o ideal é que o desenvolvimento do aplicativo seja feito de 
modo nativo. A desvantagem, neste caso, é o tempo para 
treinar a equipe, de modo que esteja familiarizada com 
desenvolvimento para Android, IoS e Windows Phone. Contudo, 
os aplicativos executarão com maior eficiência e robustez que a 
solução híbrida.
Dicas do(a) Professor(a)
Bloco 4
Alexandre Peres Arias
Prezado aluno, as indicações a seguir podem estar disponíveis 
em algum dos parceiros da nossa Biblioteca Virtual (faça o login
através do seu AVA). Algumas indicações também 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, 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, te convidamos a explorar todas as possibilidades da 
nossa Biblioteca Virtual e além! Sucesso!
Leitura Fundamental
Indicação de leitura 1
Este artigo aborda um projeto de 
desenvolvimento de um aplicativo para uma 
biblioteca, a fim de analisar elementos de design 
de interface, usabilidade e outros.
Referência
FERRO, B. H.; CEZAR, M. S. Design de interface para aplicativo 
móvel de biblioteca digital. Revista Tecnologia e Tendências, v. 9, 
n. 2, p. 1-21, 2014.
Indicação de leitura 2
Este artigo apresenta as principais características do 
desenvolvimento nativo e do desenvolvimento 
híbrido para aplicações Android e busca elencar os 
principais benefícios e desvantagens de cada técnica.
Referência
DA FONSECA, M. R.; BEDER, D. M. Aplicativos Android: 
desenvolvimento nativo versus uso de ferramentas baseadas em 
padrões web. Revista TIS, v. 4, n. 1. São Paulo, 2016.
Dica do(a) Professor(a)
O FluidUI é uma aplicação on-line para o projeto e 
desenvolvimento de interfaces, levando em consideração 
os princípios da UX e da UI design. Possui planos gratuitos 
e pagos, e é um dos softwares mais utilizados para 
projetar aplicações móveis.
Referência:
FLUIDUI. Disponível em: https://www.fluidui.com/. Acesso em: 1 abril 
2022.
Referências
DA FONSECA, M. R.; BEDER, D. M. Aplicativos Android: 
desenvolvimento nativo versus uso de ferramentas 
baseadas em padrões web. Revista TIS, v. 4, n. 1. São 
Paulo, 2016.
FLUIDUI. Disponível em: https://www.fluidui.com/. 
Acesso em: 1 abril 2022.
FERRO, B. H.; CEZAR, M. S. Design de interface para 
aplicativo móvel de biblioteca digital. Revista 
Tecnologia e Tendências, v. 9, n. 2, p. 1-21. Rio de 
Janeiro: FEEVALE, 2014. Disponível em: 
https://periodicos.feevale.br/seer/index.php/revistatec
nologiaetendencias/article/view/1338. Acesso em: 1 
abril 2022.
MONITORATEC. 5 Desafios no Desenvolvimento 
Mobile. Monitoratec, 2018. Disponível em: 
https://www.monitoratec.com.br/blog/5-desafios-no-
desenvolvimento-mobile/. Acesso em: 1 abril 2022.
Bons estudos!