Introducció al desarrollo móvil con Titanium, PhoneGap y otros. Presentación impartida por Carlos Buenosvinos (@buenosvinos) en el BetaBeers de Julio 2012.

1. Desarrollo móvil con
Titanium Appcelerator,
PhoneGap y otros
Carlos Buenosvinos - Technical Lead en Emagister (Julio 2012)
hi@carlos.io
@buenosvinos / #bbbcn
BetaBeers,
Julio
2012
-­‐
Carlos
Buenosvinos
(@buenosvinos)
-­‐
hi@carlos.io
Saturday, July 28, 12 1

2. También se podría titular...
Quiero desarrollar aplicaciones para móviles y no
quiero aprender ni Java ni Objective-C
Introducción
Saturday, July 28, 12 2

3. o siendo prácticos...
Venga, va! Soy WebDeveloper y o puedo desarrollar
utilizando Javascript, CSS y HTML o no desarrollaré
una aplicación móvil en mi vida...
Introducción
Saturday, July 28, 12 3

4. o resumiendo...
soy un puto perro
(yo el primero)
Introducción
Saturday, July 28, 12 4

5. Introducción
Saturday, July 28, 12 5

6. ¿Qué nos vas a contar? Objetivo
De qué va esta presentación
Conocer alternativas al desarrollo
• Tipos de Aplicaciones móviles nativo para móviles y “ver/tocar”
• Ejemplos de cada tipo uno de ellos, en este caso, Titanium
Appcelerator.
• Frameworks HTML, CSS, y JS
• Plataformas de desarrollo
Desarrollar aplicaciones móviles
• Cordova / PhoneGap en detalle rápidamente con los
• Titanium Appcelerator en detalle conocimientos y el equipo web
• Preguntas que ya disponemos.
Introducción
Saturday, July 28, 12 6

7. Tipos de Aplicaciones...
Aplicación Nativa Aplicación Mixta WebApp / Web Mobile
Tipos
de
Aplicaciones
y
Tecnología
Saturday, July 28, 12 7

8. Tipos de aplicaciones...
WebApp / Web Mobile
- No distribuída
- Es una web!
Tipos
de
Aplicaciones
y
Tecnología
Saturday, July 28, 12 8

9. Tipos de aplicaciones...
Aplicación Mixta
- Distribuída oficialmente
- Basada en contenido web desde servidor
- Rendimiento no es un factor crítico
Tipos
de
Aplicaciones
y
Tecnología
Saturday, July 28, 12 9

10. Tipos de aplicaciones...
Aplicación Nativa
- Distribuída oficialmente
- Componentes nativos
- Alto rendimiento
Tipos
de
Aplicaciones
y
Tecnología
Saturday, July 28, 12 10

11. ¿Qué tal estáis de la vista?
Tipos
de
Aplicaciones
y
Tecnología
Saturday, July 28, 12 11

12. Tipos vs. Tecnologías
Pensad
en
un
navegador
a
Pantalla
Completa
Aplicación Nativa Aplicación Mixta WebApp / Web Mobile
Tipos
de
Aplicaciones
y
Tecnología
Saturday, July 28, 12 12

13. Así que si vamos a por mixta o web...
JQuery Mobile Sencha Touch jQTouch
http://jquerymobile.com/ http://www.sencha.com/products/touch/ http://www.jqtouch.com
JS:
Medio JS:
Alto JS:
Bajo
/
Medio
Tipos
de
Aplicaciones
y
Tecnología
Saturday, July 28, 12 13

14. ... y la parte nativa
Titanium Appcelerator PhoneGap Apache Cordova
http://www.appcelerator.com http://www.phonegap.com http://incubator.apache.org/cordova/
JS:
Alto JS:
Medio
Tipos
de
Aplicaciones
y
Tecnología
Saturday, July 28, 12 14

15. PhoneGap / Apache Cordova
PhoneGap
/
Apache
Cordova
Saturday, July 28, 12 15

16. PhoneGap
/
Apache
Cordova
Saturday, July 28, 12 16

17. PhoneGap
/
Apache
Cordova
Saturday, July 28, 12 17

18. PhoneGap
/
Apache
Cordova
Saturday, July 28, 12 18

19. PhoneGap
/
Apache
Cordova
Saturday, July 28, 12 19

20. PhoneGap
/
Apache
Cordova
Saturday, July 28, 12 20

21. Titanium
Saturday, July 28, 12 21

22. Titanium
Saturday, July 28, 12 22

23. http://commonjs.org
JS:
Alto
Titanium
Saturday, July 28, 12 23

24. Titanium
Saturday, July 28, 12 24

25. Titanium
Saturday, July 28, 12 25

26. Gracias
por escuchar!
Carlos Buenosvinos
Mail: hi@carlos.io
Twitter: @buenosvinos
Saturday, July 28, 12 26

27. Preguntas
dadle duro!
Saturday, July 28, 12 27