Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

Desenvolvimento Mobile Híbrido, Nativo ou Web: Quando usá-los - Juliana Chahoud

60 views

Published on

Juliana Chahoud - Consultora, ThoughtWorks

Com tantas empresas adotando a estratégia "Mobile-First" (dispositivos móveis em primeiro), uma das grandes decisões que um time de desenvolvimento precisa tomar é: qual tech stack usar para mobile?
Diversas tecnologias e linguagens podem ser adotadas, como Swift, Java, Kotlin, React Native, Flutter, Progressive Web App, criação de sites responsivos, etc...
No entanto, com tantas variáveis a serem consideradas, essa decisão passou a ser não trivial e que pode trazer grandes consequências a longo prazo e até mesmo inviabilizar um projeto.
Nessa palestra serão discutidos os prós e contras de diversas abordagens, para que você possa ter um guia para tomar decisões mais corretas no uso dessas tecnologias

Palestra apresentada no InterCon 2018 - https://eventos.imasters.com.br/intercon

Published in: Software
  • Be the first to comment

  • Be the first to like this

Desenvolvimento Mobile Híbrido, Nativo ou Web: Quando usá-los - Juliana Chahoud

  1. 1. Juliana Chahoud, @jchahoud Desenvolvimento Mobile Híbrido, Nativo ou Web Quando usá-los?
  2. 2. Juliana Chahoud Desenvolvedora Mobile @jchahoud
  3. 3. https://www.thoughtworks.com/insights/blog/choosing-right-mobile-development-tools-part-one
  4. 4. Agenda A era mobile Tecnologias para desenvolvimento Vantagens x Desvantagens Guia para te ajudar a decidir
  5. 5. 2007 2013 2016 2017 201820122011210200920082005 › › Apps
  6. 6. Por que empresas estão adotando "Mobile First"?
  7. 7. Aprox. 1 em cada 3 pessoas no mundo tem um smartphone
  8. 8. + 6 milhões de apps nas lojas
  9. 9. Quais tecnologias temos para desenvolver para Mobile?
  10. 10. Experiência do usuário Serviços / APIPlataformas Evolução Aplicativos Evolução Plataformas
  11. 11. Aplicativos Principais abordagens Apps Nativos Cross-platform (Xamarin, React Native, Flutter) PWA - Progressive Web Apps Site responsivo ou Híbridos
  12. 12. Nativos
  13. 13. Nativos
  14. 14. import UIKit class ViewController: UIViewController { override func viewDidLoad() { super.viewDidLoad() let label = UILabel() label.text = "InterCon" view.addSubview(label) } }
  15. 15. Vantagens Apps com alta qualidade Melhor performance do app e do gráfico Acesso a tecnologias mais recentes Acesso as funcionalidades do Hardware
  16. 16. Desvantagens Mais difícil de encontrar desenvolvedores experientes Mais caro / salários mais altos Processo de release mais lento com regras das App Stores
  17. 17. Cross-platform Flutter
  18. 18. React Native
  19. 19. export default class App extends Component { render() { return ( <View> <Text>InterCon</Text> </View> ); } }
  20. 20. React Native
  21. 21. https://engenharia.elo7.com.br/minimizando-codigo-duplicado-com-react-native/
  22. 22. 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)
  23. 23. Hot Reloading
  24. 24. 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
  25. 25. React Native Time de 5 Devs, uma validação de hipótese em 3 meses Desafio
  26. 26. PWA - Progressive Web Apps Sites responsivos com funcionalidades extras
  27. 27. PWA - Progressive Web App
  28. 28. PWA - Progressive Web App
  29. 29. 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
  30. 30. Vantagens Geolocalização, notificações, uso offline, câmera Mais rápidos Sempre atualizado Amigável para SEO - mecanismos de busca
  31. 31. 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
  32. 32. Site Responsivo Desenhado para “responder" ao tipo de ambiente do usuário
  33. 33. Latam: funcionalidade híbrida / responsiva
  34. 34. Vantagens A opção mais barata! Mais rápida de criar Fácil de encontrar desenvolvedores
  35. 35. Desvantagens A mais barata… mas a mais limitada Pior performance Integrações mais pobres / limitadas
  36. 36. Mas afinal… … qual escolher?
  37. 37. Guia • Orçamento • Tempo • Importância estratégica do mobile • Retorno do investimento • Habilidades do time
  38. 38. Prefira uma tech stack que você tenha conhecimento
  39. 39. Orçamento é apertado? Web
  40. 40. Suporte a tablets, TVs ou smart watches? Nativo
  41. 41. Se os desenvolvedores são experientes, mas o prazo é apertado Híbrida
  42. 42. Sua base de usuários é Android / Windows? PWA
  43. 43. O App vai fornecer uma vantagem competitiva para o negócio? Nativo
  44. 44. App precisa do fator “UAU" ou melhor experiência disponível? Nativo
  45. 45. Android e iOS podem ter visual e comportamento praticamente idênticos? Cross
  46. 46. Está só testando o mercado? ? Else If (Funciona?) Web PWA
  47. 47. Segurança é crítico? Nativo Cross
  48. 48. Google e Apple serão parceiros de marketing? Nativo
  49. 49. Mercado é muito competitivo? Nativo
  50. 50. Seus usuários são clientes internos? (funcionários) PWA Híbrido
  51. 51. 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
  52. 52. Obrigada! @jchahoud

×