Mobile Destilado!

Talk para equipe de testes na CWI Software

Transcript

1. mobile destilado!
2. modelos de desenvolvimento Web mobile site web app nativo multi-plataforma app
3. mobile site • versão otimizada para dispositivos móveis • utiliza apis do html5 para ter acesso às funcionalidades do dispositivo • não depende de lojas de aplicativos • pontos críticos são performance e fragmentação
4. ok, mas exemplo? m.walmart.com.br
5. web app • "imita" um app acessado via web • geralmente utiliza a técnica de spa (single page application)
6. ok, mas exemplo? mail.google.com/mail/mu
7. ferramentas
8. ferramentas
9. Vantagens • utiliza tecnologias web (padrão de mercado) • junto com seo pode impulsionar bastante a marca • não depende de lojas de aplicativos (ciclo de publicação muito menor)
10. desVantagens • não é performático por natureza • ter boa performance é muito complexo • html5 ainda não resolve a grande fragmentação • consolo: já foi muito pior :-P • Não tem suporte a notificações push nativas
11. frag.. what?
12. app nativo • código é escrito em linguagens específicas para cada plataforma • código é escrito no alto-nível mais próximo possível do sistema operacional mobile • depende de loja de aplicativos
13. ok, mas exemplo?
14. ferramentas
15. vantagens • melhor dos mundos, em termos de produto final • performance • confiabilidade • suporte tecnológico muito bom • documentações oficiais • ide muito boas (debug, profile, publicação nas lojas)
16. desvantagens • em geral, o custo médio de desenvolvimento e manutenção é o mais alto possível • profissionais mais específicos • duplicação natural de lógica de código
17. multi-plataforma híbrido • utiliza ferramentas e linguagens web-standards que entregam código binário para mais de uma plataforma • frameworks "empacotam" o web-app dentro de uma "caixa" nativa • arquitetura orientada a plugins
18. ok, mas exemplo?
19. ferramentas
20. vantagens • Curva de aprendizado é menor • Maior facilidade de reaproveitamento de código com sistemas web já existentes • EM geral, melhor time-to-market possível
21. desvantagens • Resultado final não é o melhor possível em termos de performance e experiência de uso • Suporte tecnológico não é o melhor possível (depende de muitas tecnologias open-source e empresas diferentes)
22. multi-plataforma aceleradores • "transpila" código do acelerador para binário nativo • componentes de interface não são totalmente re- aproveitáveis • binário final gerado não é 100% igual a um binário genuinamente nativo
23. ok, mas exemplo?
24. ferramentas
25. vantagens • Curva de aprendizado é intermediária • reaproveitamento de código intermediário • mescla os principais benefícios entre híbrido e nativo
26. desvantagens • pouco reaproveitamento nas interfaces • poucas opções free e open-source • binário final não é 100% igual a um nativo genuíno
27. e testes?
28. independente disso.. • teste com rotação de dispositivo (em cada tela) • teste com recebimento de chamada telefônica • abrir outro aplicativo e voltar para o site / app • modo avião
29. independente disso.. • teste com vários tipos de conexão (2g, 3g, muito ruim, muito boa) • teste com bateria morrendo (desligar inesperadamente) • testar sobreposição de versão do site / app
30. pode ser útil.. • servidor proxy (charles, fiddler2, mitmproxy) • inspecionar tráfego de rede do dispositivo • condicionar velocidade de rede • gravar simulação de bugs • utilizar emuladores para mitigar risco de fragmentação (Gennymotion!!)