desarrollo móvil con titanium, phonegap y otros

27
Drr v Apprr, PGp r Cr Bv - T L Er (J 2012) @r. @bv / #bbb BetaBeers, Julio 2012 Carlos Buenosvinos (@buenosvinos) [email protected] 1 Saturday, July 28, 12

Upload: carlos-buenosvinos

Post on 06-May-2015

2.887 views

Category:

Education


2 download

DESCRIPTION

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

TRANSCRIPT

Page 1: Desarrollo móvil con Titanium, PhoneGap y otros

D!"#rr$%%$ &'v(% )$* +,#*(-& App)!%!r#,$r, P.$*!G#p / $,r0C#r%0 B-!*0v(*0 - T!).*()#% L!#1 !* E&#2(",!r (J-%($ 2012).(@)#r%0.($

@b-!*0v(*0 / #bbb)*

BetaBeers,  Julio  2012  -­‐  Carlos  Buenosvinos  (@buenosvinos)  -­‐  [email protected]  

1Saturday, July 28, 12

Page 2: Desarrollo móvil con Titanium, PhoneGap y otros

Q-(!r$ 1!"#rr$%%#r #p%()#)($*!" p#r# &'v(%!" / *$ q-(!r$ #pr!*1!r *( J#v# *( Ob3!),(v!-C

T#&b(4* "! p$1r5# ,(,-%#r...

Introducción

2Saturday, July 28, 12

Page 3: Desarrollo móvil con Titanium, PhoneGap y otros

V!*2#, v#! S$/ W!bD!v!%$p!r / $ p-!1$ 1!"#rr$%%#r -,(%6#*1$ J#v#")r(p,, CSS / HTML $ *$ 1!"#rr$%%#r4

-*# #p%()#)('* &'v(% !* &( v(1#...

$ "(!*1$ pr7),()0...

Introducción

3Saturday, July 28, 12

Page 4: Desarrollo móvil con Titanium, PhoneGap y otros

"$/ -* p-,$ p!rr$(/$ !% pr(&!r$)

$ r!"-&(!*1$...

Introducción

4Saturday, July 28, 12

Page 5: Desarrollo móvil con Titanium, PhoneGap y otros

Introducción

5Saturday, July 28, 12

Page 6: Desarrollo móvil con Titanium, PhoneGap y otros

Conocer alternativas al desarrollo

nativo para móviles y “ver/tocar”

uno de ellos, en este caso, Titanium

Appcelerator.

Desarrollar aplicaciones móviles

rápidamente con los

conocimientos y el equipo web

que ya disponemos.

Ob3!,(v$

Introducción

• Tipos de Aplicaciones móviles

• Ejemplos de cada tipo

• Frameworks HTML, CSS, y JS

• Plataformas de desarrollo

• Cordova / PhoneGap en detalle

• Titanium Appcelerator en detalle

• Preguntas

¿Q-4 *0 v#" # )$*,#r?D! q-4 v# !",# pr!"!*,#)('*

6Saturday, July 28, 12

Page 7: Desarrollo móvil con Titanium, PhoneGap y otros

+p0 1! Ap%()#)($*!"...

Ap%()#)('* N#,(v# Ap%()#)('* M8,# W!bApp / W!b M$b(%!

Tipos  de  Aplicaciones  y  Tecnología

7Saturday, July 28, 12

Page 8: Desarrollo móvil con Titanium, PhoneGap y otros

+p0 1! #p%()#)($*!"...

W!bApp / W!b M$b(%!- N$ 1(",r(b-51#- E" -*# w!b!

Tipos  de  Aplicaciones  y  Tecnología

8Saturday, July 28, 12

Page 9: Desarrollo móvil con Titanium, PhoneGap y otros

+p0 1! #p%()#)($*!"...

Ap%()#)('* M8,#- D(",r(b-51# $9)(#%&!*,!- B#"#1# !* )$*,!*(1$ w!b 1!"1! "!rv(1$r- R!*1(&(!*,$ *$ !" -* f#),$r )r5,()$

Tipos  de  Aplicaciones  y  Tecnología

9Saturday, July 28, 12

Page 10: Desarrollo móvil con Titanium, PhoneGap y otros

+p0 1! #p%()#)($*!"...

Ap%()#)('* N#,(v#- D(",r(b-51# $9)(#%&!*,!- C$&p$*!*,!" *#,(v0- A%,$ r!*1(&(!*,$

Tipos  de  Aplicaciones  y  Tecnología

10Saturday, July 28, 12

Page 11: Desarrollo móvil con Titanium, PhoneGap y otros

¿Q-4 ,#% !",7(" 1! %# v(",#?

Tipos  de  Aplicaciones  y  Tecnología

11Saturday, July 28, 12

Page 12: Desarrollo móvil con Titanium, PhoneGap y otros

+p0 v". T!)*$%$25#"

Ap%()#)('* N#,(v# Ap%()#)('* M8,# W!bApp / W!b M$b(%!

Pensad  en  un  navegador  a  Pantalla  Completa

Tipos  de  Aplicaciones  y  Tecnología

12Saturday, July 28, 12

Page 13: Desarrollo móvil con Titanium, PhoneGap y otros

A"5 q-! "( v#&0 # p$r &8,# $ w!b...

JQ-!r/ M$b(%!.,,p://3q-!r/&$b(%!.)$&/

S!*).# T$-)..,,p://www."!*).#.)$&/pr$1-),"/,$-)./

Tipos  de  Aplicaciones  y  Tecnología

3QT$-)..,,p://www.3q,$-)..)$&

JS:  Medio JS:  Alto JS:  Bajo  /  Medio

13Saturday, July 28, 12

Page 14: Desarrollo móvil con Titanium, PhoneGap y otros

... / %# p#r,! *#,(v#

+,#*(-& App)!%!r#,$r.,,p://www.#pp)!%!r#,$r.)$&

P.$*!G#p.,,p://www.p.$*!2#p.)$&

Ap#).! C$r1$v#.,,p://(*)-b#,$r.#p#).!.$r2/)$r1$v#/

Tipos  de  Aplicaciones  y  Tecnología

JS:  Alto JS:  Medio

14Saturday, July 28, 12

Page 15: Desarrollo móvil con Titanium, PhoneGap y otros

PhoneGap  /  Apache  Cordova

P.$*!G#p / Ap#).! C$r1$v#

15Saturday, July 28, 12

Page 16: Desarrollo móvil con Titanium, PhoneGap y otros

PhoneGap  /  Apache  Cordova

16Saturday, July 28, 12

Page 17: Desarrollo móvil con Titanium, PhoneGap y otros

PhoneGap  /  Apache  Cordova

17Saturday, July 28, 12

Page 18: Desarrollo móvil con Titanium, PhoneGap y otros

PhoneGap  /  Apache  Cordova

18Saturday, July 28, 12

Page 19: Desarrollo móvil con Titanium, PhoneGap y otros

PhoneGap  /  Apache  Cordova

19Saturday, July 28, 12

Page 20: Desarrollo móvil con Titanium, PhoneGap y otros

PhoneGap  /  Apache  Cordova

20Saturday, July 28, 12

Page 21: Desarrollo móvil con Titanium, PhoneGap y otros

Titanium

21Saturday, July 28, 12

Page 22: Desarrollo móvil con Titanium, PhoneGap y otros

Titanium

22Saturday, July 28, 12

Page 23: Desarrollo móvil con Titanium, PhoneGap y otros

Titanium

JS:  Alto

.,,p://)$&&$*3".$r2

23Saturday, July 28, 12

Page 24: Desarrollo móvil con Titanium, PhoneGap y otros

Titanium

24Saturday, July 28, 12

Page 25: Desarrollo móvil con Titanium, PhoneGap y otros

Titanium

25Saturday, July 28, 12

Page 26: Desarrollo móvil con Titanium, PhoneGap y otros

Gr#)(#"p$r !")-).#r!

Carlos BuenosvinosMail: [email protected]: @buenosvinos

26Saturday, July 28, 12

Page 27: Desarrollo móvil con Titanium, PhoneGap y otros

Pr!2-*,#"1#1%! 1-r$!

27Saturday, July 28, 12