Web Mobile Apps vs Native Apps

  • Published on
    29-Nov-2014

  • View
    1.385

  • Download
    3

DESCRIPTION

 

Transcript

  • 1. Luiz Tiago... Front-end Manager @ MGR Tecnologia iPhone Developer Especialista em Mobile Developent And more things...
  • 2. Desenvolvedores... iPhone ? Android ? WEB ?
  • 3. 7 bilhes de pessoasFonte: ONU / ITU > 5 bilhes
  • 4. SmartphonesTimeline2010 2011 +165% 2,7% 5,8% Fonte: Nielsen
  • 5. $6,2 bi $35 bi
  • 6. 25 dos 30 maiores do Alexa possuem verso mobile
  • 7. Mobilidade no tem idade
  • 8. Por onde seguir?
  • 9. Planejamento...
  • 10. Planejamento... Quais recursos do dispositivo precisarei utilizar?
  • 11. Recursos do aparelho Acelermetro Geolocation Arquivos Mdia Bssola Notications Camera Storage Contatos Entre outras coisas...
  • 12. Planejamento... Quais recursos do dispositivo precisarei utilizar? Quais dispositivos precisarei dar suporte?
  • 13. iPhone Dev 5 aparelhos (Classic, 3G, 3GS, 4, 4S) 2 resolues diferentes (320x480 e 640x960) 5 Master Versions
  • 14. Android World 115 Android Phones (1 year ago) Acer beTouch E110 March HTC Paradise Motorola Morrison Cliq DEXT Acer beTouch E400 April HTC Magic Sapphire T-Mobile myTouch 3G Motorola Motoroi Sholes Tablet XT720 Acer Liquid A1 Google Ion Dopod A6188 Motorola MT710 Alcatel OT-980 May HTC myTouch Slide MyTouch 2 Espresso May Motorola Opus One Boost Mobile i1 Bluebird Pidion BIP-6000 17th Motorola Sholes XT701 Chinavision The Robot Superphone CVNC-M80 HTC Passion Dragon Zoom 2 Nexus One Motorola Quench Cliq XT Zeppelin XT800 Cool F910 Apanda A60 GooglePhone Philips V808 Compulab Exeda HTC Predator Philips V900 Dell Aero HTC Scorpion Late 2010 Qigi i6 Dell Mini 5 Streak Huawei RBM2 Der Allrounder Red Bull Mobile Samsung Beam i8520 Halo Dell Ophone mini3i Benzine Huawei U8220 U82226 U8230 T-Mobile Pulse Samsung Behold 2 T939 Foxda C8901 Huawei U8100 U8110 T-Mobile Pulse Mini Samsung Bigfoot Garmin Nuvifone A50 Huawei U8300 Samsung Galaxy i7500 Geek Phone One Huawei U8800 Samsung Galaxy Lite i5700 Galaxy Mini Spica General Mobile Brava Inbrics M1 Galaxy Portal General Mobile Cosmos March Innocomm Skate Samsung Galaxy S General Mobile Cosmos 2 June Kogan Agora Samsung Houdini General Mobile DSTL1 Koolu Freerunner Openmoko GTA02 Samsung i899 General Mobile Touch Stone Late 2010 Kyocera Zio M6000 July Samsung M100S SHW-M100S Gigabyte GSmart Codsh G1305 Lenovo O1 Ophone Samsung Moment InstinctQ m900 Gigabyte GSmart S1200 Android Lenovo LeName Samsung Saturn i6500 Haier H7 LG Andro-1 KH5200 Saygus VPhone V1 HighScreen PP5420 LG GT540 Swift April Sciphone N12 HighScreen Zeus LG GW620 InTouch Max Eve Etna Sciphone N16 Hisense HS-E90 LG GW880 Amundsen Sciphone N17 HKC Pearl LG LU2300 June Sciphone N19 HTC Bahamas LG Prada 3 LS680 Sciphone N21 HTC Click Fiesta Tattoo Lumigon T1 May Sony Ericsson Sunny HTC Desire Bravo Incredible March 26th Lumigon S1 June Sony Ericsson Susan HTC Desire 6200 Verizon Droid Eris Lumigon E1 Sony Ericsson XPERIA X10 Innity March HTC Dragon Motorola Backip Motus Sony Ericsson XPERIA X10 Mini Robyn June HTC Dream T-Mobile G1 Motorola Devour A555 Calgary February 25th Sony Ericsson XPERIA X10 Mini ProJune HTC Evo Supersonic A9292 Motorola Droid Sholes Tao Milestone Sunno S880 HTC Hero G2 Touch Motorola Heron Tiger G3 HTC Halo Motorola i1 Vibo A688 HTC Huangshan Motorola LaJolla ZiiLABS Zii Trinity HTC Legend March 30th Motorola MB511 Ruth ZTE Blade HTC Lancaster Motorola MB200 ZTE Smooth HTC Liberty Motorola MB300 ZTE Racer HTC Memphis Motorola Mirage Shadow Nexus Two http://www.googleandblog.com/faq-about-google-android/
  • 15. Sem contar eles...
  • 16. Nem eles...
  • 17. Planejamento... Quais recursos do dispositivo precisarei utilizar? Quais dispositivos precisarei dar suporte? Qual o recurso disponvel para o projeto? (nanceiro e humano)
  • 18. Recursos humanos e nanceiros Equipe tem conhecimento suciente? Terceirizar? Treinar? Oramento disponvel?
  • 19. Planejamento... Quais recursos do dispositivo precisarei utilizar? Quais dispositivos precisarei dar suporte? Qual o recurso disponvel para o projeto? (nanceiro e humano) Quanto este projeto deve crescer?
  • 20. Quanto vai crescer? 2008 2011
  • 21. Sua escolha nodeve virar religio
  • 22. App Nativa Uma aplicao escrita especicamente para aquela plataforma
  • 23. App Nativa RecursosCdigo fonte app Aplicao (img, audio, etc) SDK Compila Executvel Pacote App Stores
  • 24. App Nativa (iOS) RecursosCdigo fonte app Aplicao (img, audio, etc) Objective-C SDK Compila Executvel Pacote XCode .app App Stores
  • 25. App Nativa (Android) RecursosCdigo fonte app Aplicao (img, audio, etc) Java SDK Compila Executvel Pacote Android SDK .apk App Stores
  • 26. App Nativa (Blackberry) RecursosCdigo fonte app Aplicao (img, audio, etc) Java SDK Compila Executvel PacoteBlackberry for Eclipse .cod App Stores
  • 27. App Nativa (Windows Phone) RecursosCdigo fonte app Aplicao (img, audio, etc) C#, VB, .Net, Silverlight SDK Compila Executvel Pacote Visual Studio .xap App Stores
  • 28. App Nativa Recursos completos Alta performance Melhor User eXperience Facilidade para criao de jogos
  • 29. App Nativa Alto custo para desenvolvimento Desenvolvimento mais complicado Vrios dispositivos Vrias plataformas
  • 30. Web App Uma aplicao que roda em um web browser No necessariamente em HTML5, mas isso ajuda.
  • 31. jQuery Mobile Framework para mobile dev Projeto open-source que fornece uma gama de elementos de interface e recursos para serem utilizados em aplicaes mveis. Simples de utilizar e com uma documentao rica
  • 32. jQuery Mobile
  • 33. jQuery Mobile
  • 34. Web App Padro web (HTML, CSS, JS) Multi-dispositivos Multi-plataformas Atualizao realtime
  • 35. Web App Recursos limitados Acessibilidade Cross-domain (Webservices) Performance
  • 36. App Hbrida Uma aplicao que roda em um web browser, dentro do app... ... e vai para a App Store, Android Market, etc. :)
  • 37. Phonegap
  • 38. Titanium Desenvolvimento utilizando HTML, CSS, Javascript Interface de usurio nativa do dispositivo Transformando em midos, a aplicao gerada com cdigo nativo, utilizando o que voc mais sabe. Porm, ainda com algumas restries de funcionalidades.
  • 39. App Hbrida Padro web (HTML, CSS, JS) Multi-dispositivos Multi-plataformas
  • 40. App Hbrida Design nico para todas as plataformas * Recursos limitados Acessibilidade Cross-domain (Webservices) Performance
  • 41. Mais uma vez... Sua escolha nodeve virar religio
  • 42. Can I help you? @ luiztiago www.luiztiago.com luiztiago@luiztiago.com