Design Mobile

Coisas legais para você aprender

 Design Mobile
Navegue nos sites:

https://material.io/tools/

https://developer.android.com/design/index.html?hl=pt-br
Android!
 Design Mobile
Navegue nos sites:

https://developer.apple.com/ IOS!
Design Mobile
Nativo, Web Web ou Híbrido?
 NATIVO OU HÍBRIDO?
O app nativo é desenvolvido para utilização em uma
plataforma específica, como iOS ou Android. Dessa
forma, o aplicativo nativo é capaz de explorar todas
as potencialidades da plataforma para a qual foi
criado.
Consegue ter acesso a diversos recursos dos aparelhos
como GPS, câmera, calendário, lista de contatos, entre
outros. E nem sempre os aplicativos nativos precisam
da internet para seu funcionamento.
 NATIVO OU HÍBRIDO?
O app nativo é desenvolvido para
utilização em uma plataforma
específica, como iOS ou Android.
Dessa forma, o aplicativo nativo
é capaz de explorar todas as
potencialidades da plataforma
para a qual foi criado.
Consegue ter acesso a diversos
recursos dos aparelhos como GPS,
câmera, calendário, lista de
contatos, entre outros. E nem
sempre os aplicativos nativos
precisam da internet para seu
funcionamento.
O app híbrido tem características
do app nativo e da web, utilizando
códigos de ambos para sua criação.
Assim, esse modelo de app pode
usar recursos tanto da internet
quanto do dispositivo e tem a
capacidade de ser executado em
diferentes plataformas.
Porém, o app híbrido não consegue
acessar as funcionalidades do
dispositivo de forma direta, sendo
necessário o uso de um framework
que funcione como intermediário
entre o aplicativo e o dispositivo
 Quando escolher
trabalhar NATIVO?
O desenvolvimento do aplicativo nativo
leva tempo e é mais trabalhoso, pois será
necessário desenvolver um app para cada
plataforma distinta. Além disso, os códigos
não podem ser reutilizados, pois cada
plataforma requer diferentes códigos para
o desenvolvimento dos aplicativos e mão de
obra especializada. Tudo isso faz com que o
custo do app nativo seja bem mais alto.

Mas se o público-alvo do aplicativo é mais

exigente, buscando rapidez e confiabilidade,
o app nativo é, com certeza, a melhor
opção para atender a essas necessidades.
 Quando escolher
trabalhar NATIVO?
O aplicativo nativo é programado
na linguagem de cada sistema,
como Java no Android e Objective-C
no iOS, podendo ser escrito em
outras linguagens para cada
sistema.

Cada plataforma apresenta suas

próprias ferramentas e elementos
de interface.
 Quando escolher
trabalhar NATIVO?
Alguns exemplos de aplicativos
nativos que são excelentes e
provavelmente você utiliza são:
WhatsApp, Facebook, Instagram,
Waze e Uber.

Os custos também podem ser um

pouco mais elevados, por você ter que
manter os aplicativos em cada App
Store. Mas a opção do seu usuário
baixar seu aplicativo, usá-lo offline e o
bom desempenho que ele terá valem o
investimento.
 O que são Web Apps?
Web App não é um aplicativo real e não estará disponível
nas App Stores. Na verdade é um site desenvolvido
exclusivamente para dispositivos móveis.

Possui uma programação que reconhece que o usuário está

acessando por um smartphone e se adapta a ele.
 O que são Web Apps?
Os códigos otimizados para dispositivos mobile oferecem
uma boa experiência ao usuário.

Quando a ideia é apenas apresentar conteúdo ou apenas

ter presença mobile online, eles são uma excelente opção
por serem mais baratos e fáceis de desenvolver.

Toda sua programação é feita utilizando HTML5,

Cascading Style Sheets (CSS) e Javascript.
 O que são Web Apps?
O Web App necessita de conexão com a internet para ser
acessado e não consegue utilizar todas as
funcionalidades do seu dispositivo.

São mais lentos que os aplicativos nativos, por não

serem integrados ao sistema operacional.
 Quando escolher
trabalhar HÍBRIDO?
O aplicativo híbrido, como o próprio
nome já sugere, é uma mistura de um
aplicativo nativo e um web App.

O aplicativo híbrido é construído na

linguagem HTML5, CSS e Javascript,
assim como o site mobile.

Esse código é alocado dentro de um

container, integrando as
funcionalidades que o seu dispositivo
oferece, oferecendo uma experiência
melhor ao usuário que os web Apps.
 Quando escolher
trabalhar HÍBRIDO?
A redução de tempo em comparação aos
aplicativos nativos se deve à possibilidade de
execução do aplicativo híbrido em diferentes
plataformas.

Devido a essa característica, não há a

necessidade de desenvolver o aplicativo
várias vezes para se adequar a distintas
plataformas, gerando menos impacto sobre o
orçamento.

Assim, apenas uma parte do código nativo

deverá ser escrito para esses Apps. Isso
possibilita que apenas uma parte do código
seja reescrita caso queira oferecer o
aplicativo para outra plataforma.
 Quando escolher
trabalhar HÍBRIDO?
Eles estarão disponíveis para download nas
App Stores, oferecendo um canal de tráfego e
download. Da mesma forma como o aplicativo
nativo, o híbrido apresenta um custo de
manutenção nas App Stores.

É mais simples e, consequentemente, mais

rápido de se desenvolver. Não se é necessário
fazer o download sempre que uma atualização
for feita em seu aplicativo. Mas sua utilização
ainda dependerá de conexão com a internet e
da velocidade da mesma, não funcionando tão
rápido quanto um aplicativo nativo

Um exemplo de aplicativo híbrido muito bem

construído é o do Netflix.
Desenvolvimento Mobile
Navegue nos sites:

https://phonegap.com/ híbrido!
Desenvolvimento Mobile
Navegue nos sites:

https://cordova.apache.org/ híbrido!
Desenvolvimento Mobile
Navegue nos sites:

https://ionicframework.com/ híbrido!
https://usemobile.com.br/aplicativo-nativo-web-hibrido/