Desenvolvimento Mobile Híbrido, Nativo ou Web: Quando usá-los - Juliana Chahoud
1 gostou•990 visualizações
O documento analisa as diferentes abordagens para desenvolvimento mobile, incluindo nativo, cross-platform, PWA e responsivos, destacando suas vantagens e desvantagens. Ele oferece um guia prático para decidir a melhor tecnologia com base em fatores como orçamento, tempo, e a importância estratégica do mobile. A conclusão enfatiza que não existe uma solução perfeita e que a escolha deve equilibrar diversos aspectos.
Desenvolvimento Mobile Híbrido, Nativo ou Web: Quando usá-los - Juliana Chahoud
- 1. Juliana Chahoud, @jchahoud Desenvolvimento Mobile Híbrido, Nativo ou Web Quando usá-los?
- 4. Agenda A era mobile Tecnologias para desenvolvimento Vantagens x Desvantagens Guia para te ajudar a decidir
- 6. 2007 2013 2016 2017 201820122011210200920082005 › › Apps
- 9. Por que empresas estão adotando "Mobile First"?
- 10. Aprox. 1 em cada 3 pessoas no mundo tem um smartphone
- 13. + 6 milhões de apps nas lojas
- 14. Quais tecnologias temos para desenvolver para Mobile?
- 15. Experiência do usuário Serviços / APIPlataformas Evolução Aplicativos Evolução Plataformas
- 16. Aplicativos Principais abordagens Apps Nativos Cross-platform (Xamarin, React Native, Flutter) PWA - Progressive Web Apps Site responsivo ou Híbridos
- 17. Nativos
- 18. Nativos
- 19. import UIKit class ViewController: UIViewController { override func viewDidLoad() { super.viewDidLoad() let label = UILabel() label.text = "InterCon" view.addSubview(label) } }
- 20. Vantagens Apps com alta qualidade Melhor performance do app e do gráfico Acesso a tecnologias mais recentes Acesso as funcionalidades do Hardware
- 21. Desvantagens Mais difícil de encontrar desenvolvedores experientes Mais caro / salários mais altos Processo de release mais lento com regras das App Stores
- 23. React Native
- 24. export default class App extends Component { render() { return ( <View> <Text>InterCon</Text> </View> ); } }
- 25. React Native
- 28. Vantagens Mais fácil encontrar desenvolvedores Tendência de implementação mais rápida Alguns updates sem passar por reviews de App Store Regras de negócio concentradas em um único ponto Debug mais fácil: para refresh não é preciso recompilar o App (estilo web)
- 29. Hot Reloading
- 30. Desvantagens Componentes padrão podem se mais difíceis de implementar Novas tecnologias podem demorar para estarem disponíveis Podem ser mais lentas na renderização da interface Features não suportadas Risco do Facebook parar o desenvolvimento
- 31. React Native Time de 5 Devs, uma validação de hipótese em 3 meses Desafio
- 32. PWA - Progressive Web Apps Sites responsivos com funcionalidades extras
- 33. PWA - Progressive Web App
- 34. PWA - Progressive Web App
- 35. https://blog.twitter.com/engineering/en_us/topics/open-source/2017/how-we-built-twitter-lite.html Twitter Lite 65% aumento de páginas por sessão 75% aumentos de Tweets enviados 20% diminuição de visitantes que entram e deixam o site
- 36. Vantagens Geolocalização, notificações, uso offline, câmera Mais rápidos Sempre atualizado Amigável para SEO - mecanismos de busca
- 37. Desvantagens Limitações de funcionalidade Acesso ao hardware também limitado (ex: bluetooth) Apple não suporta push notifications, Touch ID, ARKit, etc Apple limita em 50 MB armazenamento de arquivos https://medium.com/@firt/progressive-web-apps-on-ios-are-here-d00430dee3a7
- 38. Site Responsivo Desenhado para “responder" ao tipo de ambiente do usuário
- 39. Latam: funcionalidade híbrida / responsiva
- 40. Vantagens A opção mais barata! Mais rápida de criar Fácil de encontrar desenvolvedores
- 41. Desvantagens A mais barata… mas a mais limitada Pior performance Integrações mais pobres / limitadas
- 42. Mas afinal… … qual escolher?
- 43. Guia • Orçamento • Tempo • Importância estratégica do mobile • Retorno do investimento • Habilidades do time
- 44. Prefira uma tech stack que você tenha conhecimento
- 46. Suporte a tablets, TVs ou smart watches? Nativo
- 47. Se os desenvolvedores são experientes, mas o prazo é apertado Híbrida
- 48. Sua base de usuários é Android / Windows? PWA
- 49. O App vai fornecer uma vantagem competitiva para o negócio? Nativo
- 50. App precisa do fator “UAU" ou melhor experiência disponível? Nativo
- 51. Android e iOS podem ter visual e comportamento praticamente idênticos? Cross
- 52. Está só testando o mercado? ? Else If (Funciona?) Web PWA
- 54. Google e Apple serão parceiros de marketing? Nativo
- 55. Mercado é muito competitivo? Nativo
- 56. Seus usuários são clientes internos? (funcionários) PWA Híbrido
- 57. Resumo Abordagens: Nativos, Cross, PWA, Responsivos, Híbridos Não existe a bala de prata! Encontre um balanço: Orçamento, Tempo, Estratégia, ROI, Capacidade do time