de perdidos a titanium - codemotion madrid 2013 @aferrandini
DESCRIPTION
Titanium es una herramienta para desarrollo de aplicaciones móviles de forma rápida y sencilla utilizando JavaScript como lenguaje de programación base. Porque todo el mundo puede hacer aplicaciones móviles nativas y de calidad. Si eres front-developer o back-developer, ya no tienes que preocuparte cuando te piden una aplicación móvil. En la charla te explicaremos como hacer tu aplicación con Titanium con un caso práctico de desarrollo, sin necesidad de saber Java ni Objective-C. Ponencia presentada por Ariel Ferrandini durante Codemotion 2013 http://www.paradigmatecnologico.comTRANSCRIPT
Patrocinadores
[email protected] - Paradigma TecnológicoAriel Ferrandini Price
De perdidos a Titanium
@aferrandini
Organización y Asistentes
[email protected] - Paradigma TecnológicoAriel Ferrandini Price
De perdidos a Titanium
@aferrandini
Ariel Ferrandini@aferrandini
{CM}I
[email protected] - Paradigma TecnológicoAriel Ferrandini Price
De perdidos a Titanium
@aferrandini
Ariel Ferrandini@aferrandini
{CM}I
[email protected] - Paradigma TecnológicoAriel Ferrandini Price
De perdidos a Titanium
@aferrandini
Ariel Ferrandini@aferrandini
[email protected] - 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)
[email protected] - Paradigma TecnológicoAriel Ferrandini Price
De perdidos a Titanium
@aferrandini
¿Quién soy?
• Ariel Ferrandini Price (11-11-85)
• Murcia ~ Madrid
[email protected] - Paradigma TecnológicoAriel Ferrandini Price
De perdidos a Titanium
@aferrandini
¿Quién soy?
• Ariel Ferrandini Price (11-11-85)
• Murcia ~ Madrid
[email protected] - Paradigma TecnológicoAriel Ferrandini Price
De perdidos a Titanium
@aferrandini
¿Quién soy?
• Ariel Ferrandini Price (11-11-85)
• Murcia ~ Madrid
• Programador Backend
[email protected] - 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
[email protected] - 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
[email protected] - 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.
[email protected] - Paradigma TecnológicoAriel Ferrandini Price
De perdidos a Titanium
@aferrandini
[email protected] - 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.
[email protected] - Paradigma TecnológicoAriel Ferrandini Price
De perdidos a Titanium
@aferrandini
Tecnologías
• ¡ Javascript !
• [ Java ]
• [ Objective-C ]
• [ HTML/CSS ]
[email protected] - Paradigma TecnológicoAriel Ferrandini Price
De perdidos a Titanium
@aferrandini
Tecnologías
• ¡ Photoshop ! / Gimp
[email protected] - Paradigma TecnológicoAriel Ferrandini Price
De perdidos a Titanium
@aferrandini
¿Cómo funciona?
JS
[email protected] - 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.
[email protected] - 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.
[email protected] - Paradigma TecnológicoAriel Ferrandini Price
De perdidos a Titanium
@aferrandini
Hay que saber decir NO, si no se puede...
[email protected] - 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).
[email protected] - 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$.
[email protected] - Paradigma TecnológicoAriel Ferrandini Price
De perdidos a Titanium
@aferrandini
Titanium
[email protected] - 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.
[email protected] - 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
[email protected] - 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
[email protected] - Paradigma TecnológicoAriel Ferrandini Price
De perdidos a Titanium
@aferrandini
UI - Elementos nativos
http://docs.appcelerator.com/titanium/latest/
• SearchView
• ProgressIndicator
[email protected] - 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.
[email protected] - 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!
[email protected] - Paradigma TecnológicoAriel Ferrandini Price
De perdidos a Titanium
@aferrandini
Hay un framework MVC
Alloyhttp://docs.appcelerator.com/titanium/3.0/#!/guide/Alloy_Framework
[email protected] - 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.
[email protected] - Paradigma TecnológicoAriel Ferrandini Price
De perdidos a Titanium
@aferrandini
Workshophttps://github.com/aferrandini/Simon
[email protected] - Paradigma TecnológicoAriel Ferrandini Price
De perdidos a Titanium
@aferrandini
¡Muchas gracias!
@aferrandini
[email protected] - Paradigma TecnológicoAriel Ferrandini Price
De perdidos a Titanium
@aferrandini
¿Preguntas?