De perdidos a Titanium - Codemotion Madrid 2013 @aferrandini

@[email protected]

Paradigma Tecnológico

Ariel Ferrandini Price

De perdidos a Titanium

Patrocinadores

[email protected] - Paradigma TecnológicoAriel Ferrandini Price


@aferrandini

Organización y Asistentes



@aferrandini

Ariel Ferrandini@aferrandini

{CM}I



@aferrandini

Ariel Ferrandini@aferrandini



@aferrandini

@aferrandini

Javascript

Douglas Crockford Senior JavaScript Architect

¿Quién soy?

• Ariel Ferrandini Price (11-11-85)



@aferrandini

¿Quién soy?


• Murcia ~ Madrid



@aferrandini

¿Quién soy?


• Murcia ~ Madrid

• Programador Backend



@aferrandini

¿Quién soy?


• Murcia ~ Madrid


• PHP ~ Symfony



@aferrandini

¿Quién soy?


• Murcia ~ Madrid


• PHP ~ Symfony

• +8 años experiencia en movilidad



@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.



@aferrandini



@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.



@aferrandini

Tecnologías

• ¡ Javascript !

• [ Java ]

• [ Objective-C ]

• [ HTML/CSS ]



@aferrandini

Tecnologías

• ¡ Photoshop ! / Gimp



@aferrandini

¿Cómo funciona?

JS



@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.



@aferrandini

¿Cuándo NO usar Titanium?

• Necesidad de OpenGL.

• Pantallas muy complejas.

• Necesidad de alto rendimiento.



@aferrandini

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



@aferrandini

Antes de empezar con Titanium

• Conocimiento de Javascript medio/alto.

• Necesitas un Mac para aplicaciones

iOS (iPhone y iPad).



@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$.



@aferrandini

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.



@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



@aferrandini



• CoverFlowView, DocumentViewer

• Toolbar

• TabbedBar, StatusBar

• SystemIcon, SystemButton

• iPad - SplitWindow



@aferrandini



• SearchView

• ProgressIndicator



@aferrandini

Elementos personalizados


• 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.



@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!



@aferrandini

Hay un framework MVC

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



@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.



@aferrandini

Workshophttps://github.com/aferrandini/Simon



@aferrandini

¡Muchas gracias!

@aferrandini



@aferrandini

¿Preguntas?

De perdidos a Titanium - Codemotion Madrid 2013 @aferrandini

Documents

Transcript of De perdidos a Titanium - Codemotion Madrid 2013 @aferrandini