1. Facilitando el desarrollo
web móvil, Frameworks
Raúl Jiménez Ortega
raul@pidecurso.es - @hhkaos

2. ¿Quien soy?
Y por qué os cuento esto.
● Emprendedor en:
○ GeoRemindMe!
○ PideCurso
● Desarrollador web desde 1999:
○ (X)HTML, HTML5, CSS 2.1, CSS3, Javascript, PHP,
Python+Django, ExtJS, Blueprint, etc.

3. Móviles
Pongamos a prueba nuestros conocimientos
de la situación en España con 3 preguntas.

4. ¿Cuánto ha crecido la presencia
smartphones en el último año?
a) 10%
b) 20%
c) 30%
d) 40%

5. ¿Cuánto ha crecido la presencia
smartphones en el último año?
a) 10%
b) 20%
c) 30%
d) 40%
Fuente IAB Spain:
De 2008 a 2009 incrementó un 11%
De 2009 a 2010 incrementó un 18%
De 2010 a 2011 incrementó un 40%
#PIDECURSO

6. ¿Qué % de la población Española
tiene dispositivos móviles con Inet?
a) 10%
b) 15%
c) 25%
d) 30%

7. ¿Qué % de la población Española
tiene dispositivos móviles con Inet?
a) 10%
b) 15%
c) 25%
d) 30%
Fuente IAB Spain:
11.8 Millones de personas en España tienen
dispositivos móviles con conexión a Internet
#PIDECURSO

8. ¿Qué sistema operativo está
creando más empleo?
a) Android
b) iOS
c) Blackberry
d) Windows Mobile

9. ¿Qué sistema operativo está
creando más empleo?
a) Android
b) iOS
c) Blackberry
d) Windows Mobile
Fuente Trovit:
3.162 empleos de desarrollo móvil
iPhone 58.9% y Android 41.1%

10. La gran pregunta
¿Desarrollo nativo, híbrido o web?

11. La respuesta obvia:
DEPENDE
Depende de:
● Necesidades:
○ Rendimiento
○ Funcionalidades
○ Urgencia
● Presupuesto
● Conocimientos
● Objetivo
● Etc.

12. Frameworks
Herramientas para desarrollar aplicaciones
web móvil con el mínimo esfuerzo.

13. Framework LungoJS
Webapps con HTML5, CSS3 y Javascript
- Semántico
- Multiplataforma:
- iOS
- Android
- Blackberry
- WebOS http://www.lungojs.com
https://github.com/TapQuo/Lungo.js
- Vectorizado
Autor:
- 188 hilos en los foros Javier Jiménez
CEO & Creative
Leader in TapQuo Inc.

14. Wall - App
http://wall-app.com

15. TV-Euskadi

16. jQuery Mobile
Framework multiplataforma
● Soporte para: iOS,
Android, Blackberry,
Windows Phone, bada,
palm webOS, symbian,
MeeGo
jquerymobile.com
● jQuery Project: 11
personas + 38
colaboradores Autor:
John Resign
● Plugins CEO & Creative
7167 hilos en los foros Developer en jQuery Team

17. Stanford, OpenTable & SlideShare
http://jquerymobile.com/#sites

18. Sencha Touch 2
Desarrollo móvil exclusivamente con Javascript y CSS
● Soporta: iOS 4+, BB OS+6,
Android 2.3+, Kindle OS
6.2.2
● Productos Sencha:
○ Ext JS 4.1
○ Sencha GXT 3 sencha.com/products/touch
○ Sencha Architect 2
○ Sencha Animator Sencha Team
89 empleados
Redwood EE.UU.
● Formación 700$/día
● Licencia 300$/1 dev.

21. LungoJS vs jQuery Mobile
Framworks para el desarrollo de webs móviles
Características LungoJS jQuery Mobile 1.1.0 Sencha Touch 2
Interfaz sensible nativa Sí No No
Lenguajes HTML5, CSS3, JS HTML5, CSS3, JS Javascript
Plataformas soportadas 4 8 4
Tamaño 12KB 88.8KB 89.9KB
Madurez 9/12/2011 26/10/2010 17/07/2010
Documentación Escasa Bastante Mucha
Plugins Con Sugar Sí Sí
Themes Escasos Escasos Varios
Dual: GPLv3 o
Licencia Dual: GPL o MIT Dual: GPL o MIT
comercial

22. Titanium
Traductor Javascript-Nativo
● Soporte:
○ Android
○ iOS
● Clientes: Ebay, Paypal, appcelerator.com
NBC, ...
Productos: Titanium SDK, App Celerator Team:
122 Empleados
Titanium Studio, Mountain View EE.UU.
Appcelerator Analytics,...

23. Titanium Apps
http://www.appcelerator.com/thinkmobile/showcase

24. PhoneGap/Cordova
Empaquetador de aplicaciones web en
aplicaciones nativas.

25. PhoneGap o Apache Cordova
- API
- Multiplataforma:
- iPhone
- Android
- Blackberry
- Windows Phone 7
- Bada
- Symbian
- webOS Autor:
Adobe Systems
Primera versión 2005

26. PhoneGap vs Titanium
Frameworks móviles
Características PhoneGap Titanium
SDK propia Sí Sí
Genera código nativo No Sí
HTML, CSS,
HTML, CSS,
Lenguajes de desarrollo Javascript, PHP,
Javascript
Python & Ruby
Rendimiento Baja Alto
Plataformas soportadas 7 2
Documentación de la API Amplia Amplia
Apache Public
Licencia BSD Modificada
License v2

27. Esto ha sido todo... ¡GRACIAS!
Podéis encontrarme en...
● Twitter: @hhkaos
● Linkedin: Raúl Jiménez Ortega
● Slideshare: hhkaos
● Youtube: hhkaos
● Email: raul@pidecurso.es
● ... Google: hhkaos ;-)