iOS Apps: Nativas vs Webapps

Embed Size (px)

DESCRIPTION

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

Text of iOS Apps: Nativas vs Webapps

  • 1. iOS Apps: Nativas vs WebApps

2. Quien soy?@iturpablotwitter, stackoverflow, spring repository ...MBA Ing Informtico.ReCompralo.com 3. IndiceCmo empez todo?Breve comparacinDiseccin de una app de negocioApps NativasWebAppsHbridasBackend (te puede salvar la vida)Quin gana? 4. Breve comparacinSi, ya se que esto est muy hablado.Apps Nativas -> Fluidas y potentesWebApps -> Corren en cualquier dispositivo. 5. Breve ComparacinNativas:-Solo pueden correr en una plataforma.-Ms tiempo y dinero en desarrollo+Mejor experiencia de usuario.+Suelen designan mucho de su cdigo al SO+No necesitan descargar ms que la info de usuario-Updates ? -> Le paso a Instagram 6. Breve ComparacinProblemas con WebApps:-Nunca sern tan fluidas como nativas.-Peor acceso a hardware+Multiplataforma+Updates, no problem -> al instante 7. Cmo empez todo? 8. Cmo empez todo?Al inicio Steve Jobs y Apple vean unfuturo de webapps 9. Cmo empez todo?Pues lo de siempre, no se puede parar a los frikis :-)YApple reacciono 10. Diseccin de una app de negocioMi objetivo con esta presentacin es hacer unacomparativa desde el punto de vista del informtico(mono rasca teclas). 11. Diseccin de una app de negocioInterfz grfica.Local Storage.Sync y Offline access.Live sync.Acceso a hardware. 12. App NativaBasada en la IOS app de ReCompraloBasada en la IOS app de ReCompraloStack:-Xcode-RestKit-Zxing-Facebook-sdk 13. App NativaInterfz GrficaInterfz GrficaInterfaz: StoryBoard, Integrar componentes, lucha cuerpo acuerpo. 14. App NativaInterfz Grfica - StoryBoardStoryBoard 15. App NativaInterfz Grfica - Intergrar ComponentesIntergrar ComponentesTan simple como:-en el .h extender de un clase-en el .m pasarle la info correcta 16. App NativaInterfz Grfica - Lucha cuerpo a cuerpoSuerte ... 17. App NativaLocal storageLocal storage 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. App NativaSync y offline accessSync y offline accessNo puedo expresar mi agradecimiento a esta librera 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. WebAppBasada en la WebApp de VentaFunBasada en la WebApp de VentaFunStack:-Backbone.js-Cordoba-Handlebars-jquery, jqueryMobile, jqmNavigator-UnderScore-require-Coffee Script 22. WebAppUn poco de inspiracin - TRELLOTRELLOhttp://prezi.com/skunatcrkp5m/trello-architecture/ 23. WebAppBackboneBackbone 24. WebAppBackbone - EstructuraBackbone - Estructura 25. WebNativaInterfz GrficaInterfz GrficaBackBone.ViewtemplateshtmlEventsHandlers 26. WebNativaLocal storageLocal storageDB 27. WebAppSync y offline accessSync y offline accesswww.saveideanow.comOperaciones:full(): Se descarga toda la collectionpull(): Pide informacin al server y la "mergea" con localpush(): Envia informacin al server con operaciones atmicasincremental(): Primero hace un pull y luego un push. 28. WebApp HbridaPhoneGap y Cordoba.jsPhoneGap y Cordoba.js 29. BackendsMs importante de lo que pareceMs importante de lo que parece 30. Quin Gana?Todo depende ...