iOS Apps: Nativas vs WebApps
¿Quien soy?@iturpablotwitter, stackoverflow, spring repository ...MBA Ing Informático.ReCompralo.com
Indice¿Cómo empezó todo?Breve comparaciónDisección de una app de negocioApps NativasWebAppsHíbridasBackend (te puede salva...
Breve comparaciónSi, ya se que esto está muy hablado.Apps Nativas -> Fluidas y potentesWebApps -> Corren en cualquier disp...
Breve ComparaciónNativas:-Solo pueden correr en una plataforma.-Más tiempo y dinero en desarrollo+Mejor experiencia de usu...
Breve ComparaciónProblemas con WebApps:-Nunca serán tan fluidas como nativas.-Peor acceso a hardware+Multiplataforma+Updat...
¿Cómo empezó todo?
¿Cómo empezó todo?Al inicio Steve Jobs y Apple veían unfuturo de webapps
¿Cómo empezó todo?Pues lo de siempre, no se puede parar a los frikis :-)YApple reacciono
Disección de una app de negocioMi objetivo con esta presentación es hacer unacomparativa desde el punto de vista del infor...
Disección de una app de negocioInterfáz gráfica.Local Storage.Sync y Offline access.Live sync.Acceso a hardware.
App NativaBasada en la IOS app de ReCompraloBasada en la IOS app de ReCompraloStack:-Xcode-RestKit-Zxing-Facebook-sdk
App NativaInterfáz GráficaInterfáz GráficaInterfaz: StoryBoard, Integrar componentes, lucha cuerpo acuerpo.
App NativaInterfáz Gráfica - StoryBoardStoryBoard
App NativaInterfáz Gráfica - Intergrar ComponentesIntergrar ComponentesTan simple como:-en el .h extender de un clase-en e...
App NativaInterfáz Gráfica - Lucha cuerpo a cuerpoSuerte ...
App NativaLocal storageLocal storage
App NativaLocal storageLocal storageBastante trivial, pero con muchos detalles.-NSObject -> NSManageObject.-Tratar con SQL...
App NativaSync y offline accessSync y offline accessNo puedo expresar mi agradecimiento a esta librería
App NativaLocal storage - Sync y offline accessLocal storage - Sync y offline accessReskit da "out of the box"Simple reque...
WebAppBasada en la WebApp de VentaFunBasada en la WebApp de VentaFunStack:-Backbone.js-Cordoba-Handlebars-jquery, jqueryMo...
WebAppUn poco de inspiración - TRELLOTRELLOhttp://prezi.com/skunatcrkp5m/trello-architecture/
WebAppBackboneBackbone
WebAppBackbone - EstructuraBackbone - Estructura
WebNativaInterfáz GráficaInterfáz GráficaBackBone.ViewtemplateshtmlEventsHandlers
WebNativaLocal storageLocal storageDB
WebAppSync y offline accessSync y offline accesswww.saveideanow.comOperaciones:full(): Se descarga toda la collectionpull(...
WebApp HíbridaPhoneGap y Cordoba.jsPhoneGap y Cordoba.js
BackendsMás importante de lo que pareceMás importante de lo que parece
¿Quién Gana?Todo depende ...
Upcoming SlideShare
Loading in...5
×

iOS Apps: Nativas vs Webapps

300

Published on

Charla de @iturpablo sobre distintos modos de afrontar el desarrollo de Apps para iOS en el VI Betabeers Mallorca

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
300
On Slideshare
0
From Embeds
0
Number of Embeds
1
Actions
Shares
0
Downloads
1
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

iOS Apps: Nativas vs Webapps

  1. 1. iOS Apps: Nativas vs WebApps
  2. 2. ¿Quien soy?@iturpablotwitter, stackoverflow, spring repository ...MBA Ing Informático.ReCompralo.com
  3. 3. Indice¿Cómo empezó todo?Breve comparaciónDisección de una app de negocioApps NativasWebAppsHíbridasBackend (te puede salvar la vida)¿Quién gana?
  4. 4. Breve comparaciónSi, ya se que esto está muy hablado.Apps Nativas -> Fluidas y potentesWebApps -> Corren en cualquier dispositivo.
  5. 5. Breve ComparaciónNativas:-Solo pueden correr en una plataforma.-Más tiempo y dinero en desarrollo+Mejor experiencia de usuario.+Suelen designan mucho de su código al SO+No necesitan descargar más que la info de usuario-Updates ¿? -> Le paso a Instagram
  6. 6. Breve ComparaciónProblemas con WebApps:-Nunca serán tan fluidas como nativas.-Peor acceso a hardware+Multiplataforma+Updates, no problem -> al instante
  7. 7. ¿Cómo empezó todo?
  8. 8. ¿Cómo empezó todo?Al inicio Steve Jobs y Apple veían unfuturo de webapps
  9. 9. ¿Cómo empezó todo?Pues lo de siempre, no se puede parar a los frikis :-)YApple reacciono
  10. 10. Disección de una app de negocioMi objetivo con esta presentación es hacer unacomparativa desde el punto de vista del informático(mono rasca teclas).
  11. 11. Disección de una app de negocioInterfáz gráfica.Local Storage.Sync y Offline access.Live sync.Acceso a hardware.
  12. 12. App NativaBasada en la IOS app de ReCompraloBasada en la IOS app de ReCompraloStack:-Xcode-RestKit-Zxing-Facebook-sdk
  13. 13. App NativaInterfáz GráficaInterfáz GráficaInterfaz: StoryBoard, Integrar componentes, lucha cuerpo acuerpo.
  14. 14. App NativaInterfáz Gráfica - StoryBoardStoryBoard
  15. 15. App NativaInterfáz Gráfica - Intergrar ComponentesIntergrar ComponentesTan simple como:-en el .h extender de un clase-en el .m pasarle la info correcta
  16. 16. App NativaInterfáz Gráfica - Lucha cuerpo a cuerpoSuerte ...
  17. 17. App NativaLocal storageLocal storage
  18. 18. App NativaLocal storageLocal storageBastante trivial, pero con muchos detalles.-NSObject -> NSManageObject.-Tratar con SQLite-Ruta:/Users/#Name#/Library/Application Support/iPhone Simulator/5.1/Applications/#ID#/Documents-Instalar una db con info pre-cargada.Cuidado-Guardar info en local sesion"
  19. 19. App NativaSync y offline accessSync y offline accessNo puedo expresar mi agradecimiento a esta librería
  20. 20. App NativaLocal storage - Sync y offline accessLocal storage - Sync y offline accessReskit da "out of the box"Simple request/response systemCore Data supportObject mapping systemSimple request/response system
  21. 21. WebAppBasada en la WebApp de VentaFunBasada en la WebApp de VentaFunStack:-Backbone.js-Cordoba-Handlebars-jquery, jqueryMobile, jqmNavigator-UnderScore-require-Coffee Script
  22. 22. WebAppUn poco de inspiración - TRELLOTRELLOhttp://prezi.com/skunatcrkp5m/trello-architecture/
  23. 23. WebAppBackboneBackbone
  24. 24. WebAppBackbone - EstructuraBackbone - Estructura
  25. 25. WebNativaInterfáz GráficaInterfáz GráficaBackBone.ViewtemplateshtmlEventsHandlers
  26. 26. WebNativaLocal storageLocal storageDB
  27. 27. WebAppSync y offline accessSync y offline accesswww.saveideanow.comOperaciones:full(): Se descarga toda la collectionpull(): Pide información al server y la "mergea" con localpush(): Envia información al server con operaciones atómicasincremental(): Primero hace un pull y luego un push.
  28. 28. WebApp HíbridaPhoneGap y Cordoba.jsPhoneGap y Cordoba.js
  29. 29. BackendsMás importante de lo que pareceMás importante de lo que parece
  30. 30. ¿Quién Gana?Todo depende ...
  1. A particular slide catching your eye?

    Clipping is a handy way to collect important slides you want to go back to later.

×