Web Mobile Apps vs Native Apps

1,131 views
1,073 views

Published on

Published in: Technology
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total views
1,131
On SlideShare
0
From Embeds
0
Number of Embeds
0
Actions
Shares
0
Downloads
38
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

Web Mobile Apps vs Native Apps

  1. 1. Luiz Tiago...• Front-end Manager @ MGR Tecnologia• iPhone Developer• Especialista em “Mobile Developent”• And more things...
  2. 2. Desenvolvedores...• iPhone ?• Android ?• WEB ?
  3. 3. 7 bilhões de pessoasFonte: ONU / ITU > 5 bilhões
  4. 4. SmartphonesTimeline2010 2011 +165% 2,7% 5,8% Fonte: Nielsen
  5. 5. $6,2 bi $35 bi
  6. 6. 25 dos 30 maiores do Alexa possuem versão mobile
  7. 7. Mobilidade não tem idade
  8. 8. Por onde seguir?
  9. 9. Planejamento...
  10. 10. Planejamento...• Quais recursos do dispositivo precisarei utilizar?
  11. 11. Recursos do aparelho• Acelerômetro • Geolocation• Arquivos • Mídia• Bússola • Notifications• Camera • Storage• Contatos • Entre outras coisas...
  12. 12. Planejamento...• Quais recursos do dispositivo precisarei utilizar?• Quais dispositivos precisarei dar suporte?
  13. 13. iPhone Dev• 5 aparelhos (Classic, 3G, 3GS, 4, 4S)• 2 resoluções diferentes (320x480 e 640x960)• 5 Master Version’s
  14. 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 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/
  15. 15. Sem contar eles...
  16. 16. Nem eles...
  17. 17. Planejamento...• Quais recursos do dispositivo precisarei utilizar?• Quais dispositivos precisarei dar suporte?• Qual o recurso disponível para o projeto? (financeiro e humano)
  18. 18. Recursos humanos e financeiros• Equipe tem conhecimento suficiente?• Terceirizar?• Treinar?• Orçamento disponível?
  19. 19. 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?
  20. 20. Quanto vai crescer? 2008 2011
  21. 21. Sua escolha nãodeve virar religião
  22. 22. App Nativa • Uma aplicação escrita especificamente para aquela plataforma
  23. 23. App Nativa RecursosCódigo fonte app Aplicação (img, audio, etc) SDK Compila Executável Pacote App Stores
  24. 24. App Nativa (iOS) RecursosCódigo fonte app Aplicação (img, audio, etc) Objective-C SDK Compila Executável Pacote XCode .app App Stores
  25. 25. App Nativa (Android) RecursosCódigo fonte app Aplicação (img, audio, etc) Java SDK Compila Executável Pacote Android SDK .apk App Stores
  26. 26. App Nativa (Blackberry) RecursosCódigo fonte app Aplicação (img, audio, etc) Java SDK Compila Executável PacoteBlackberry for Eclipse .cod App Stores
  27. 27. App Nativa (Windows Phone) RecursosCódigo fonte app Aplicação (img, audio, etc) C#, VB, .Net, Silverlight SDK Compila Executável Pacote Visual Studio .xap App Stores
  28. 28. App Nativa • Recursos completos • Alta performance • Melhor User eXperience • Facilidade para criação de jogos
  29. 29. App Nativa • Alto custo para desenvolvimento • Desenvolvimento mais complicado • Vários dispositivos • Várias plataformas
  30. 30. Web App • Uma aplicação que roda em um web browser • Não necessariamente em HTML5, mas isso ajuda.
  31. 31. 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
  32. 32. jQuery Mobile
  33. 33. jQuery Mobile
  34. 34. Web App • Padrão web (HTML, CSS, JS) • Multi-dispositivos • Multi-plataformas • Atualização realtime
  35. 35. Web App • Recursos limitados • Acessibilidade • Cross-domain (Webservices) • Performance
  36. 36. App Híbrida • Uma aplicação que roda em um web browser, dentro do app... ... e vai para a App Store, Android Market, etc. :)
  37. 37. Phonegap
  38. 38. 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.
  39. 39. App Híbrida • Padrão web (HTML, CSS, JS) • Multi-dispositivos • Multi-plataformas
  40. 40. App Híbrida • Design único para todas as plataformas * • Recursos limitados • Acessibilidade • Cross-domain (Webservices) • Performance
  41. 41. Mais uma vez... Sua escolha nãodeve virar religião
  42. 42. Can I help you?• @ luiztiago• www.luiztiago.com• luiztiago@luiztiago.com

×