de perdidos a titanium - codemotion madrid 2013

@aferrandiniarielferrandini@gmail.com

Paradigma Tecnológico

Ariel Ferrandini Price

De perdidos a Titanium

Patrocinadores

arielferrandini@gmail.com - Paradigma TecnológicoAriel Ferrandini Price

De perdidos a Titanium

@aferrandini

Organización y Asistentes

arielferrandini@gmail.com - Paradigma TecnológicoAriel Ferrandini Price

De perdidos a Titanium

@aferrandini

Ariel Ferrandini@aferrandini

{CM}I

arielferrandini@gmail.com - Paradigma TecnológicoAriel Ferrandini Price

De perdidos a Titanium

@aferrandini

Ariel Ferrandini@aferrandini

{CM}I

arielferrandini@gmail.com - Paradigma TecnológicoAriel Ferrandini Price

De perdidos a Titanium

@aferrandini

Ariel Ferrandini@aferrandini

arielferrandini@gmail.com - Paradigma TecnológicoAriel Ferrandini Price

De perdidos a Titanium

@aferrandini

@aferrandini

Javascript

Douglas Crockford Senior JavaScript Architect

¿Quién soy?

• Ariel Ferrandini Price (11-11-85)

arielferrandini@gmail.com - Paradigma TecnológicoAriel Ferrandini Price

De perdidos a Titanium

@aferrandini

¿Quién soy?

• Ariel Ferrandini Price (11-11-85)

• Murcia ~ Madrid

arielferrandini@gmail.com - Paradigma TecnológicoAriel Ferrandini Price

De perdidos a Titanium

@aferrandini

¿Quién soy?

• Ariel Ferrandini Price (11-11-85)

• Murcia ~ Madrid

arielferrandini@gmail.com - Paradigma TecnológicoAriel Ferrandini Price

De perdidos a Titanium

@aferrandini

¿Quién soy?

• Ariel Ferrandini Price (11-11-85)

• Murcia ~ Madrid

• Programador Backend

arielferrandini@gmail.com - Paradigma TecnológicoAriel Ferrandini Price

De perdidos a Titanium

@aferrandini

¿Quién soy?

• Ariel Ferrandini Price (11-11-85)

• Murcia ~ Madrid

• Programador Backend

• PHP ~ Symfony

arielferrandini@gmail.com - Paradigma TecnológicoAriel Ferrandini Price

De perdidos a Titanium

@aferrandini

¿Quién soy?

• Ariel Ferrandini Price (11-11-85)

• Murcia ~ Madrid

• Programador Backend

• PHP ~ Symfony

• +8 años experiencia en movilidad

arielferrandini@gmail.com - Paradigma TecnológicoAriel Ferrandini Price

De perdidos a Titanium

@aferrandini

¿Qué es Titanium?

`Titanium`: en español `Titanio` del latín `Titan`, es un elemento químico cuyo símbolo es Ti y su número atómico es 22.

arielferrandini@gmail.com - Paradigma TecnológicoAriel Ferrandini Price

De perdidos a Titanium

@aferrandini

arielferrandini@gmail.com - Paradigma TecnológicoAriel Ferrandini Price

De perdidos a Titanium

@aferrandini

¿Qué es Titanium?

Appcelerator Titanium – Es un entorno de desarrollo abierto y extensible, para crear preciosas aplicaciones NATIVAS para las plataformas móviles: iOS, Android, BlackBerry e híbridas HTML5.

arielferrandini@gmail.com - Paradigma TecnológicoAriel Ferrandini Price

De perdidos a Titanium

@aferrandini

Tecnologías

• ¡ Javascript !

• [ Java ]

• [ Objective-C ]

• [ HTML/CSS ]

arielferrandini@gmail.com - Paradigma TecnológicoAriel Ferrandini Price

De perdidos a Titanium

@aferrandini

Tecnologías

• ¡ Photoshop ! / Gimp

arielferrandini@gmail.com - Paradigma TecnológicoAriel Ferrandini Price

De perdidos a Titanium

@aferrandini

¿Cómo funciona?

JS

arielferrandini@gmail.com - Paradigma TecnológicoAriel Ferrandini Price

De perdidos a Titanium

@aferrandini

¿Por qué Titanium?

• Una misma aplicacion para varias plataformas.

• Un solo lenguaje de programación: Javascript.

• Una sola maquetación.

• Un solo diseño.

arielferrandini@gmail.com - Paradigma TecnológicoAriel Ferrandini Price

De perdidos a Titanium

@aferrandini

¿Cuándo NO usar Titanium?

• Necesidad de OpenGL.

• Pantallas muy complejas.

• Necesidad de alto rendimiento.

arielferrandini@gmail.com - Paradigma TecnológicoAriel Ferrandini Price

De perdidos a Titanium

@aferrandini

Hay que saber decir NO, si no se puede...

arielferrandini@gmail.com - Paradigma TecnológicoAriel Ferrandini Price

De perdidos a Titanium

@aferrandini

Antes de empezar con Titanium

• Conocimiento de Javascript medio/alto.

• Necesitas un Mac para aplicaciones

iOS (iPhone y iPad).

arielferrandini@gmail.com - Paradigma TecnológicoAriel Ferrandini Price

De perdidos a Titanium

@aferrandini

Antes de empezar con Titanium

• Conocimiento de Javascript medio/alto.

• Necesitas un Mac para aplicaciones

iOS (iPhone y iPad).

• Desarrollador Apple 99$/año.

• Desarrollador Android 25$.

arielferrandini@gmail.com - Paradigma TecnológicoAriel Ferrandini Price

De perdidos a Titanium

@aferrandini

Titanium

arielferrandini@gmail.com - Paradigma TecnológicoAriel Ferrandini Price

De perdidos a Titanium

@aferrandini

Titanium IDE

• Eclipse con esteroides.

• Se integra a la perfección con Android SDK y Xcode.

• Debug:

‣ Android Simulator ~ Mejor Android Device + DDMS.

‣ iOS Simulator.

arielferrandini@gmail.com - Paradigma TecnológicoAriel Ferrandini Price

De perdidos a Titanium

@aferrandini

UI - Elementos nativos

http://docs.appcelerator.com/titanium/latest/

• Window, View, ScrollView, ListView, ImageView, WebView

• Label, TextField, Dialog, OptionDialog

• List, ListItem, ListSection

• Slider

• ProgressBar, Switch

arielferrandini@gmail.com - Paradigma TecnológicoAriel Ferrandini Price

De perdidos a Titanium

@aferrandini

UI - Elementos nativos

http://docs.appcelerator.com/titanium/latest/

• CoverFlowView, DocumentViewer

• Toolbar

• TabbedBar, StatusBar

• SystemIcon, SystemButton

• iPad - SplitWindow

arielferrandini@gmail.com - Paradigma TecnológicoAriel Ferrandini Price

De perdidos a Titanium

@aferrandini

UI - Elementos nativos

http://docs.appcelerator.com/titanium/latest/

• SearchView

• ProgressIndicator

arielferrandini@gmail.com - Paradigma TecnológicoAriel Ferrandini Price

De perdidos a Titanium

@aferrandini

Elementos personalizados

http://docs.appcelerator.com/titanium/latest/

• Módulos Javascript con Views, Labels, etc.

• Módulos nativos (Java, Objective-C).

• Depende de la necesidad y lo complejo que sea el elemento.

• Appcelerator Market / Github.

arielferrandini@gmail.com - Paradigma TecnológicoAriel Ferrandini Price

De perdidos a Titanium

@aferrandini

API - Titanium. | Ti.

• Titanium.Geolocation‣ GPS

‣ Acelerómetro

‣ Brújula

• Titanium.Network‣ Acceso HTTP/HTTPS

‣ XML/JSON Parser

‣ Notificaciones Push

• Titanium.Database‣ Integración SQLite

‣ Almacenamiento clave-valor

• Titanium.Filesystem‣ Lectura/Escritura archivos

• Titanium.Media‣ Cámara de fotos

‣ Grabación de audio y vídeo

‣ Reproductor de música y vídeos

• Titanium.Facebook‣ Integración con Facebook

‣ Integración con Twitter

‣ Integración con Foursquare

‣ Integración con Yahoo!

arielferrandini@gmail.com - Paradigma TecnológicoAriel Ferrandini Price

De perdidos a Titanium

@aferrandini

Hay un framework MVC

Alloyhttp://docs.appcelerator.com/titanium/3.0/#!/guide/Alloy_Framework

arielferrandini@gmail.com - Paradigma TecnológicoAriel Ferrandini Price

De perdidos a Titanium

@aferrandini

Alloy framework

• Vistas en archivos XML, hojas de estilo y temas.

• Controladores con herencia.

• Modelo que permite sincronización mediante adaptadores y migraciones.

• Widgets con sus propias vistas, controladores y modelo.

arielferrandini@gmail.com - Paradigma TecnológicoAriel Ferrandini Price

De perdidos a Titanium

@aferrandini

Workshophttps://github.com/aferrandini/Simon

arielferrandini@gmail.com - Paradigma TecnológicoAriel Ferrandini Price

De perdidos a Titanium

@aferrandini

¡Muchas gracias!

@aferrandini

arielferrandini@gmail.com - Paradigma TecnológicoAriel Ferrandini Price

De perdidos a Titanium

@aferrandini

¿Preguntas?