Este documento discute as diferenças entre o desenvolvimento de aplicativos móveis, web e desktop. Apresenta os desafios do hardware limitado de dispositivos móveis e as expectativas dos usuários. Também compara os modelos de estado, atualização e compatibilidade entre plataformas móvel, web e desktop.

1. MATC89'–'Aula'2'
Chris1na'von'Flach'
Rodrigo'Rocha'

2. HISTÓRICO)(CONT.))

3. WAP'

4. h<p://www.flickr.com/photos/agecombahia/4178529451/sizes/l/in/photostream/'

5. h<p://www.flickr.com/photos/wildhaber/5976264120/sizes/l/in/photostream/'

6. h<p://www.flickr.com/photos/girlontheles/6928438272/sizes/l/in/photostream/'

7. h<p://www.flickr.com/photos/m41k/4687194723/sizes/l/'

8. Open'Handset'Alliance'
• Mo1vação'
WEB) MOBILE)
Liberdade' Poucas'opções'
' '
Padrões' Tecnologias'
proprietárias'
'

9. Open'Handset'Alliance'
• Padrões'abertos'para'disposi1vos'móveis'
• Google,'Samsumg,'Intel'etc.'
• 2007'

10. Android'
• Android,'Inc.'–'2003'
• Comprada'pela'Google'
–'2005'
• Anunciado'em'2007,'
junto'com'a'Open'
Handset'Alliance'

11. Android'
• Versão'1.0'
• 23'set'2008'

12. INTRODUÇÃO)AO)DESENVOLVIMENTO)
DE)APPS)MÓVEIS)

13. Escopo'da'Disciplina'
• Foco'em'smartphones+da'era'touch+
• Em'parte,'tablets'

14. O'que'é'um'app?'
• Abreviação'para'aplica1vo'/'aplicação'
• Tipicamente,'um'programa...'
– Pequeno'
– Especializado'
• Baixado'para'disposi1vos'móveis'
– Tipicamente'através'de'uma'loja'especializada'em'
apps'(“app'store”)'
(Fonte:'Dic1onary.com)'

15. Desenvolvimento'de'Apps'
• Desenvolver'apps'é'diferente'
– O'hardware'é'diferente'
– O'sistema'operacional'é'diferente'
– As'pessoas'têm'expecta1vas'diferentes'

16. Hardware'
• Conec1vidade' – Altofalante'
– Rede'de'celular' – Tela'
– WilFi' • Sensores'
– Bluetooth' – Tela'mul1toque'
• Localização' – Câmera'
– GPS' – Microfone'
– Bússola' – Acelerômetro,'
giroscópio'
• Saídas'
– Sensor'de'luz'ambiente'
– Vibração'
– Sensor'de'proximidade'

17. Limitações'do'Hardware'
• Mobilidade'
– Energia'limitada'(bateria)'
– Internet'intermitente'(sinal'WilFi,'3G)'
– Pouco'espaço'(memória'fla$h)'
– Tela'pequena'–'mín'2,5”'(240x320)'
• Economia'de'energia'
– Processador'mais'lento'

18. Bateria'
• É'bom'economizar'
• GPS'e'rede'gastam'muita'bateria'
– Faça'um'cache'de'dados'remotos'
• Cuidado'redobrado'com'apps'que'rodam'em'
background'

19. Internet'nãolconfiável'
• Faça'cache'dos'dados'remotos'
• Se'possível,'use'o'banco'de'dados'local'
• Ofereça'alguma'funcionalidade'para'quem'
está'sem'Internet'

20. Memória'limitada'
• Não'há'memória'virtual'em'disco'
– O'sistema'ocupa'uma'parte'da'memória'
• O'sistema'no1fica'seu'app'quando'a'memória'
está'baixa'
– hora'de'apagar'caches'da'memória'
– ex.:'telas'que'estão'sob'outras'telas'
– (recarregue'as'telas'quando'necessário)'

21. Um'app'de'cada'vez'
• Normalmente,'o'sistema'executa'um'app'por'
vez'
– O'app'pode'ser'interrompido'por'uma'ligação...'
– ...'ou'o'usuário'pode'abrir'outro'app'
– quando'volta'para'seu'app,'é'bom'con1nuar'de'
onde'parou'

22. Sandbox'
• Cada'app'roda'em'uma'sandbox'
• Não'tem'acesso'a'arquivos'de'outros'apps'
• Apps'não'compar1lham'memória'
• Acesso'a'serviços'de'sistema'é'controlado'
– câmera'
– internet'
• Apps'são'assinados'
– previne'pirataria'(mais'ou'menos)'
– evita'que'arquivos'do'app'sejam'alterados'

23. Sandbox'
• Esse'conceito'está'presente'no'desktop'
– Browsers'(cada'aba'é'um'processo)'
– Apps'da'Mac'App'Store'

24. A'tela'é'pequena...'
• Não'dá'para'mostrar'tudo'de'uma'vez'
– Mais'navegação'entre'telas'
– Mais'rolagem'
– Mais'zoom'in/zoom'out'

25. ...'e'o'dedo'é'grande'
• Impreciso'
– Botões'devem'ser'grandes'
– ou'ter'borda'transparente'
• Não'tem'"botão'direito"'do'dedo'
• Mas'dá'pra'usar'dois'dedos'(ou'mais,'em'
tablets)'
– movimento'de'pinça'(zoom)'
– rotação'
– joys1ck'

26. O'teclado'é'pequeno...'
• E'muitas'vezes,'virtual'
• Poupe'o'usuário'de'digitar'o'tempo'todo'

27. ...'mas'há'outras'fontes'de'informação'
• Câmera'
– 1rar'foto'de'código'de'barras'
• GPS'
– buscar'restaurantes'perto'de'você'
• Internet'
– como'está'o'tempo'em'sua'cidade'
• Microfone'
– tecnologia'falalparaltexto'
• Acelerômetro'
– jogos'de'corrida'
• Bússola'
– apontar'para'uma'constelação'e'descobrir'seu'nome'

28. Fragmentação'
• Tamanho'de'tela'
• Recursos'(câmera,'GPS,'...)'
• Várias'plataformas'

29. Sempre'alerta!'
• O'disposi1vo'está'sempre'ligado'
– o'usuário'pode'querer'usar'seu'app'por'10'
segundos...'
– ele'não'vai'querer'esperar'5'segundos'para'o'app'
abrir'
• e'nem'o'SO'espera'

30. Usuários'exigentes'
• O'app'tem'de...'
– ser'bonito'
– ser'fácil'de'usar'
– ser'familiar'(seguir'convenções'de'outros'apps)'

31. O'contexto'do'usuário'
• Fonte:'h<p://www.slideshare.net/yiibu/thel
troublelwithlcontext'

37. The image cannot be displayed. Your computer may not have enough memory to open the image, or the image may have been corrupted. Restart your computer, and then open the file again. If the red x still appears, you may have to delete the image and then insert it again.

38. DESENVOLVIMENTO)MOBILE))
VS)WEB)VS)DESKTOP)

39. Mobile'vs.'Web'
• Acesso'a'banco'de'dados'remoto'
– web:'às'vezes'o'banco'de'dados'está'na'mesma'máquina'
– apps:'via'web'services'(não'há'muitos'drivers'para'bancos'
de'dados)'
• Estado'
– web:'sem'estado'(requisição,'resposta)'
– app:'com'estado'(e'gerencia'rotação'de'tela,'warnings'de'
memória...)'
• Conec1vidade'
– web:'dados,'lógica'e'visual'dependem'de'rede'
– app:'conteúdo'offline'e'cache'de'conteúdo'online'

40. Mobile'vs.'Web'
• Atualização'
– web:'instantânea'
– app:'deve'ser'copiado'para'disposi1vos'
• Compa1bilidade'e'padrões:'
– web:'baseado'em'padrões,'mas'resultado'
depende'do'navegador'
– app:'feito'para'uma'plataforma'específica'

41. Mobile'vs.'Desktop'
• Tamanho'de'tela' As'diferenças'estão'diminuindo:'no'Mac'OS'X'
– tamanho'dos'botões' Mountain'Lion'(sistema'operacional'desktop),'
– navegação' programas'têm'estado'e'rodam'em'uma'
• Mul1tarefa' sandbox.'
– desktop'é'mul1tarefa'
• Encerramento'do'programa'
– desktop:'tem'certeza'de'que'deseja'sair?'
– mobile:'seu'programa'tem'de'fechar'em'5'segundos'
• Estado'
– normalmente,'sistemas'desktop'começam'sempre'do'mesmo'ponto;'
apps'móveis'devem'guardar'o'estado'ao'fechar'
• Sandbox'
– sistemas'desktop'têm'acesso'quase'irrestrito'ao'sistema'

42. Próxima'aula'
• Mercado'de'apps'

43. Depois'
• Ferramentas'para'desenvolvimento'de'apps'
móveis'
• Na1vo,'web,'híbrido'