El documento compara las aplicaciones nativas, webapps y híbridas. Las aplicaciones nativas son más fluidas pero solo funcionan en una plataforma, mientras que las webapps funcionan en cualquier dispositivo pero nunca serán tan fluidas. Las aplicaciones híbridas combinan lo mejor de ambos mundos al permitir el desarrollo multiplataforma con el rendimiento nativo. El backend también es importante y herramientas como Reskit y Saveideanow facilitan la sincronización y el acceso sin conexión.

1. iOS Apps: Nativas vs WebApps

2. ¿Quien soy?
@iturpablo
twitter, stackoverflow, spring repository ...
MBA Ing Informático.
ReCompralo.com

3. Indice
¿Cómo empezó todo?
Breve comparación
Disección de una app de negocio
Apps Nativas
WebApps
Híbridas
Backend (te puede salvar la vida)
¿Quién gana?

4. Breve comparación
Si, ya se que esto está muy hablado.
Apps Nativas -> Fluidas y potentes
WebApps -> Corren en cualquier dispositivo.

5. Breve Comparación
Nativas:
-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. Breve Comparación
Problemas con WebApps:
-Nunca serán tan fluidas como nativas.
-Peor acceso a hardware
+Multiplataforma
+Updates, no problem -> al instante

7. ¿Cómo empezó todo?

8. ¿Cómo empezó todo?
Al inicio Steve Jobs y Apple veían un
futuro de webapps

9. ¿Cómo empezó todo?
Pues lo de siempre, no se puede parar a los frikis :-)
Y
Apple reacciono

10. Disección de una app de negocio
Mi objetivo con esta presentación es hacer una
comparativa desde el punto de vista del informático
(mono rasca teclas).

11. Disección de una app de negocio
Interfáz gráfica.
Local Storage.
Sync y Offline access.
Live sync.
Acceso a hardware.

12. App Nativa
Basada en la IOS app de ReCompralo
Basada en la IOS app de ReCompralo
Stack:
-Xcode
-RestKit
-Zxing
-Facebook-sdk

13. App Nativa
Interfáz Gráfica
Interfáz Gráfica
Interfaz: StoryBoard, Integrar componentes, lucha cuerpo a
cuerpo.

14. App Nativa
Interfáz Gráfica - StoryBoard
StoryBoard

15. App Nativa
Interfáz Gráfica - Intergrar Componentes
Intergrar Componentes
Tan simple como:
-en el .h extender de un clase
-en el .m pasarle la info correcta

16. App Nativa
Interfáz Gráfica - Lucha cuerpo a cuerpo
Suerte ...

17. App Nativa
Local storage
Local storage

18. App Nativa
Local storage
Local storage
Bastante 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 Nativa
Sync y offline access
Sync y offline access
No puedo expresar mi agradecimiento a esta librería

20. App Nativa
Local storage - Sync y offline access
Local storage - Sync y offline access
Reskit da "out of the box"
Simple request/response system
Core Data support
Object mapping system
Simple request/response system

21. WebApp
Basada en la WebApp de VentaFun
Basada en la WebApp de VentaFun
Stack:
-Backbone.js
-Cordoba
-Handlebars
-jquery, jqueryMobile, jqmNavigator
-UnderScore
-require
-Coffee Script

22. WebApp
Un poco de inspiración - TRELLO
TRELLO
http://prezi.com/skunatcrkp5m/trello-architecture/

23. WebApp
Backbone
Backbone

24. WebApp
Backbone - Estructura
Backbone - Estructura

25. WebNativa
Interfáz Gráfica
Interfáz Gráfica
BackBone.View
templates
html
Events
Handlers

26. WebNativa
Local storage
Local storage
DB

27. WebApp
Sync y offline access
Sync y offline access
www.saveideanow.com
Operaciones:
full(): Se descarga toda la collection
pull(): Pide información al server y la "mergea" con local
push(): Envia información al server con operaciones atómicas
incremental(): Primero hace un pull y luego un push.

28. WebApp Híbrida
PhoneGap y Cordoba.js
PhoneGap y Cordoba.js

29. Backends
Más importante de lo que parece
Más importante de lo que parece

30. ¿Quién Gana?
Todo depende ...