Web Mobile Apps vs Native Apps
0 gostou719 visualizações
O documento discute as opções para desenvolvimento de aplicativos móveis, incluindo nativas, híbridas e web. Apresenta as vantagens e desvantagens de cada abordagem e ressalta que a escolha da melhor opção depende dos recursos disponíveis e do crescimento esperado para o projeto, sem que uma solução deva ser vista como definitiva.
Web Mobile Apps vs Native Apps
- 2. Luiz Tiago... • Front-end Manager @ MGR Tecnologia • iPhone Developer • Especialista em “Mobile Developent” • And more things...
- 3. Desenvolvedores... • iPhone ? • Android ? • WEB ?
- 4. 7 bilhões de pessoas Fonte: ONU / ITU > 5 bilhões
- 5. Smartphones Timeline 2010 2011 +165% 2,7% 5,8% Fonte: Nielsen
- 6. $6,2 bi $35 bi
- 7. 25 dos 30 maiores do Alexa possuem versão mobile
- 8. Mobilidade não tem idade
- 10. Planejamento...
- 11. Planejamento... • Quais recursos do dispositivo precisarei utilizar?
- 12. Recursos do aparelho • Acelerômetro • Geolocation • Arquivos • Mídia • Bússola • Notifications • Camera • Storage • Contatos • Entre outras coisas...
- 13. Planejamento... • Quais recursos do dispositivo precisarei utilizar? • Quais dispositivos precisarei dar suporte?
- 14. iPhone Dev • 5 aparelhos (Classic, 3G, 3GS, 4, 4S) • 2 resoluções diferentes (320x480 e 640x960) • 5 Master Version’s
- 15. 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 Codfish 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 – Infinity – March HTC Dragon Motorola Backflip – 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/
- 17. Nem eles...
- 18. Planejamento... • Quais recursos do dispositivo precisarei utilizar? • Quais dispositivos precisarei dar suporte? • Qual o recurso disponível para o projeto? (financeiro e humano)
- 19. Recursos humanos e financeiros • Equipe tem conhecimento suficiente? • Terceirizar? • Treinar? • Orçamento disponível?
- 20. Planejamento... • Quais recursos do dispositivo precisarei utilizar? • Quais dispositivos precisarei dar suporte? • Qual o recurso disponível para o projeto? (financeiro e humano) • Quanto este projeto deve crescer?
- 21. Quanto vai crescer? 2008 2011
- 22. Sua escolha não deve virar religião
- 23. App Nativa • Uma aplicação escrita especificamente para aquela plataforma
- 24. App Nativa Recursos Código fonte app Aplicação (img, audio, etc) SDK Compila Executável Pacote App Stores
- 25. App Nativa (iOS) Recursos Código fonte app Aplicação (img, audio, etc) Objective-C SDK Compila Executável Pacote XCode .app App Stores
- 26. App Nativa (Android) Recursos Código fonte app Aplicação (img, audio, etc) Java SDK Compila Executável Pacote Android SDK .apk App Stores
- 27. App Nativa (Blackberry) Recursos Código fonte app Aplicação (img, audio, etc) Java SDK Compila Executável Pacote Blackberry for Eclipse .cod App Stores
- 28. App Nativa (Windows Phone) Recursos Código fonte app Aplicação (img, audio, etc) C#, VB, .Net, Silverlight SDK Compila Executável Pacote Visual Studio .xap App Stores
- 29. App Nativa • Recursos completos • Alta performance • Melhor User eXperience • Facilidade para criação de jogos
- 30. App Nativa • Alto custo para desenvolvimento • Desenvolvimento mais complicado • Vários dispositivos • Várias plataformas
- 31. Web App • Uma aplicação que roda em um web browser • Não necessariamente em HTML5, mas isso ajuda.
- 32. jQuery Mobile • Framework para mobile dev • Projeto open-source que fornece uma gama de elementos de interface e recursos para serem utilizados em aplicações móveis. • Simples de utilizar e com uma documentação rica
- 33. jQuery Mobile
- 34. jQuery Mobile
- 35. Web App • Padrão web (HTML, CSS, JS) • Multi-dispositivos • Multi-plataformas • Atualização realtime
- 36. Web App • Recursos limitados • Acessibilidade • Cross-domain (Webservices) • Performance
- 37. App Híbrida • Uma aplicação que roda em um web browser, dentro do app... ... e vai para a App Store, Android Market, etc. :)
- 38. Phonegap
- 41. Titanium • Desenvolvimento utilizando HTML, CSS, Javascript • Interface de usuário nativa do dispositivo • Transformando em miúdos, a aplicação é gerada com código nativo, utilizando o que você mais sabe. • Porém, ainda com algumas restrições de funcionalidades.
- 42. App Híbrida • Padrão web (HTML, CSS, JS) • Multi-dispositivos • Multi-plataformas
- 43. App Híbrida • Design único para todas as plataformas * • Recursos limitados • Acessibilidade • Cross-domain (Webservices) • Performance
- 44. Mais uma vez... Sua escolha não deve virar religião
- 45. Can I help you? • @ luiztiago • www.luiztiago.com • luiztiago@luiztiago.com