Your SlideShare is downloading. ×
0
Ariel Ferrandini Price
De perdidos a Titanium
@aferrandini
arielferrandini@gmail.com
Paradigma Tecnológico
De perdidos a Titanium
Ariel Ferrandini Price

arielferrandini@gmail.com - Paradigma Tecnológico

Patrocinadores

@aferran...
De perdidos a Titanium
Ariel Ferrandini Price

arielferrandini@gmail.com - Paradigma Tecnológico

Organización y Asistente...
De perdidos a Titanium
Ariel Ferrandini Price

arielferrandini@gmail.com - Paradigma Tecnológico

I

{CM}

@aferrandini
De perdidos a Titanium
Ariel Ferrandini Price

I

arielferrandini@gmail.com - Paradigma Tecnológico

{CM}

@aferrandini
De perdidos a Titanium
Ariel Ferrandini Price

arielferrandini@gmail.com - Paradigma Tecnológico

@aferrandini
Javascript

Douglas Crockford Senior JavaScript Architect

@aferrandini
De perdidos a Titanium
Ariel Ferrandini Price

arielferrandini@gmail.com - Paradigma Tecnológico

¿Quién soy?
•

Ariel Fer...
De perdidos a Titanium
Ariel Ferrandini Price

arielferrandini@gmail.com - Paradigma Tecnológico

¿Quién soy?
•

Ariel Fer...
De perdidos a Titanium
Ariel Ferrandini Price

arielferrandini@gmail.com - Paradigma Tecnológico

¿Quién soy?
•

Ariel Fer...
De perdidos a Titanium
Ariel Ferrandini Price

arielferrandini@gmail.com - Paradigma Tecnológico

¿Quién soy?
•

Ariel Fer...
De perdidos a Titanium
Ariel Ferrandini Price

arielferrandini@gmail.com - Paradigma Tecnológico

¿Quién soy?
•

Ariel Fer...
De perdidos a Titanium
Ariel Ferrandini Price

arielferrandini@gmail.com - Paradigma Tecnológico

¿Quién soy?
•

Ariel Fer...
De perdidos a Titanium
Ariel Ferrandini Price

arielferrandini@gmail.com - Paradigma Tecnológico

¿Qué es Titanium?
`Titan...
De perdidos a Titanium
Ariel Ferrandini Price

arielferrandini@gmail.com - Paradigma Tecnológico

¿Qué es Titanium?
– Es u...
De perdidos a Titanium
Ariel Ferrandini Price

arielferrandini@gmail.com - Paradigma Tecnológico

Tecnologías

•

¡ Javasc...
De perdidos a Titanium
Ariel Ferrandini Price

arielferrandini@gmail.com - Paradigma Tecnológico

Tecnologías

•

¡ Photos...
De perdidos a Titanium
Ariel Ferrandini Price

arielferrandini@gmail.com - Paradigma Tecnológico

¿Cómo funciona?

JS
@afe...
De perdidos a Titanium
Ariel Ferrandini Price

arielferrandini@gmail.com - Paradigma Tecnológico

¿Por qué Titanium?

•

U...
De perdidos a Titanium
Ariel Ferrandini Price

arielferrandini@gmail.com - Paradigma Tecnológico

¿Cuándo NO usar Titanium...
De perdidos a Titanium
Ariel Ferrandini Price

arielferrandini@gmail.com - Paradigma Tecnológico

Hay que saber decir NO, ...
De perdidos a Titanium
Ariel Ferrandini Price

arielferrandini@gmail.com - Paradigma Tecnológico

Antes de empezar con Tit...
De perdidos a Titanium
Ariel Ferrandini Price

arielferrandini@gmail.com - Paradigma Tecnológico

Antes de empezar con Tit...
De perdidos a Titanium
Ariel Ferrandini Price

arielferrandini@gmail.com - Paradigma Tecnológico

Titanium

@aferrandini
De perdidos a Titanium
Ariel Ferrandini Price

arielferrandini@gmail.com - Paradigma Tecnológico

Titanium IDE

•
•
•

Ecl...
De perdidos a Titanium
Ariel Ferrandini Price

arielferrandini@gmail.com - Paradigma Tecnológico

UI - Elementos nativos

...
De perdidos a Titanium
Ariel Ferrandini Price

arielferrandini@gmail.com - Paradigma Tecnológico

UI - Elementos nativos

...
De perdidos a Titanium
Ariel Ferrandini Price

arielferrandini@gmail.com - Paradigma Tecnológico

UI - Elementos nativos

...
De perdidos a Titanium
Ariel Ferrandini Price

arielferrandini@gmail.com - Paradigma Tecnológico

Elementos personalizados...
De perdidos a Titanium
Ariel Ferrandini Price

arielferrandini@gmail.com - Paradigma Tecnológico

API - Titanium. | Ti.
•
...
De perdidos a Titanium
Ariel Ferrandini Price

arielferrandini@gmail.com - Paradigma Tecnológico

Hay un framework MVC

Al...
De perdidos a Titanium
Ariel Ferrandini Price

arielferrandini@gmail.com - Paradigma Tecnológico

Alloy framework

•
•
•

...
De perdidos a Titanium
Ariel Ferrandini Price

arielferrandini@gmail.com - Paradigma Tecnológico

Workshop
https://github....
De perdidos a Titanium
Ariel Ferrandini Price

arielferrandini@gmail.com - Paradigma Tecnológico

¡Muchas gracias!
@aferra...
De perdidos a Titanium
Ariel Ferrandini Price

arielferrandini@gmail.com - Paradigma Tecnológico

¿Preguntas?

@aferrandin...
Upcoming SlideShare
Loading in...5
×

De perdidos a Titanium - Codemotion Madrid 2013

1,273

Published on

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.

Published in: Technology
0 Comments
1 Like
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total Views
1,273
On Slideshare
0
From Embeds
0
Number of Embeds
2
Actions
Shares
0
Downloads
21
Comments
0
Likes
1
Embeds 0
No embeds

No notes for slide

Transcript of "De perdidos a Titanium - Codemotion Madrid 2013"

  1. 1. Ariel Ferrandini Price De perdidos a Titanium @aferrandini arielferrandini@gmail.com Paradigma Tecnológico
  2. 2. De perdidos a Titanium Ariel Ferrandini Price arielferrandini@gmail.com - Paradigma Tecnológico Patrocinadores @aferrandini
  3. 3. De perdidos a Titanium Ariel Ferrandini Price arielferrandini@gmail.com - Paradigma Tecnológico Organización y Asistentes @aferrandini
  4. 4. De perdidos a Titanium Ariel Ferrandini Price arielferrandini@gmail.com - Paradigma Tecnológico I {CM} @aferrandini
  5. 5. De perdidos a Titanium Ariel Ferrandini Price I arielferrandini@gmail.com - Paradigma Tecnológico {CM} @aferrandini
  6. 6. De perdidos a Titanium Ariel Ferrandini Price arielferrandini@gmail.com - Paradigma Tecnológico @aferrandini
  7. 7. Javascript Douglas Crockford Senior JavaScript Architect @aferrandini
  8. 8. De perdidos a Titanium Ariel Ferrandini Price arielferrandini@gmail.com - Paradigma Tecnológico ¿Quién soy? • Ariel Ferrandini Price (11-11-85) @aferrandini
  9. 9. De perdidos a Titanium Ariel Ferrandini Price arielferrandini@gmail.com - Paradigma Tecnológico ¿Quién soy? • Ariel Ferrandini Price (11-11-85) • Murcia ~ Madrid @aferrandini
  10. 10. De perdidos a Titanium Ariel Ferrandini Price arielferrandini@gmail.com - Paradigma Tecnológico ¿Quién soy? • Ariel Ferrandini Price (11-11-85) • Murcia ~ Madrid @aferrandini
  11. 11. De perdidos a Titanium Ariel Ferrandini Price arielferrandini@gmail.com - Paradigma Tecnológico ¿Quién soy? • Ariel Ferrandini Price (11-11-85) • Murcia ~ Madrid • Programador Backend @aferrandini
  12. 12. De perdidos a Titanium Ariel Ferrandini Price arielferrandini@gmail.com - Paradigma Tecnológico ¿Quién soy? • Ariel Ferrandini Price (11-11-85) • Murcia ~ Madrid • Programador Backend • PHP ~ Symfony @aferrandini
  13. 13. De perdidos a Titanium Ariel Ferrandini Price arielferrandini@gmail.com - Paradigma Tecnológico ¿Quién soy? • Ariel Ferrandini Price (11-11-85) • Murcia ~ Madrid • Programador Backend • PHP ~ Symfony • +8 años experiencia en movilidad @aferrandini
  14. 14. De perdidos a Titanium Ariel Ferrandini Price arielferrandini@gmail.com - Paradigma Tecnológico ¿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
  15. 15. De perdidos a Titanium Ariel Ferrandini Price arielferrandini@gmail.com - Paradigma Tecnológico ¿Qué es 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. Appcelerator Titanium @aferrandini
  16. 16. De perdidos a Titanium Ariel Ferrandini Price arielferrandini@gmail.com - Paradigma Tecnológico Tecnologías • ¡ Javascript ! • [ Java ] • [ Objective-C ] • [ HTML/CSS ] @aferrandini
  17. 17. De perdidos a Titanium Ariel Ferrandini Price arielferrandini@gmail.com - Paradigma Tecnológico Tecnologías • ¡ Photoshop ! / Gimp @aferrandini
  18. 18. De perdidos a Titanium Ariel Ferrandini Price arielferrandini@gmail.com - Paradigma Tecnológico ¿Cómo funciona? JS @aferrandini
  19. 19. De perdidos a Titanium Ariel Ferrandini Price arielferrandini@gmail.com - Paradigma Tecnológico ¿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
  20. 20. De perdidos a Titanium Ariel Ferrandini Price arielferrandini@gmail.com - Paradigma Tecnológico ¿Cuándo NO usar Titanium? • Necesidad de OpenGL. • Pantallas muy complejas. • Necesidad de alto rendimiento. @aferrandini
  21. 21. De perdidos a Titanium Ariel Ferrandini Price arielferrandini@gmail.com - Paradigma Tecnológico Hay que saber decir NO, si no se puede... @aferrandini
  22. 22. De perdidos a Titanium Ariel Ferrandini Price arielferrandini@gmail.com - Paradigma Tecnológico Antes de empezar con Titanium • Conocimiento de Javascript medio/alto. • Necesitas un Mac para aplicaciones iOS (iPhone y iPad). @aferrandini
  23. 23. De perdidos a Titanium Ariel Ferrandini Price arielferrandini@gmail.com - Paradigma Tecnológico 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
  24. 24. De perdidos a Titanium Ariel Ferrandini Price arielferrandini@gmail.com - Paradigma Tecnológico Titanium @aferrandini
  25. 25. De perdidos a Titanium Ariel Ferrandini Price arielferrandini@gmail.com - Paradigma Tecnológico 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
  26. 26. De perdidos a Titanium Ariel Ferrandini Price arielferrandini@gmail.com - Paradigma Tecnológico UI - Elementos nativos • • • • • Window,View, ScrollView, ListView, ImageView, WebView Label, TextField, Dialog, OptionDialog List, ListItem, ListSection Slider ProgressBar, Switch http://docs.appcelerator.com/titanium/latest/ @aferrandini
  27. 27. De perdidos a Titanium Ariel Ferrandini Price arielferrandini@gmail.com - Paradigma Tecnológico UI - Elementos nativos • • • • • CoverFlowView, DocumentViewer Toolbar TabbedBar, StatusBar SystemIcon, SystemButton iPad - SplitWindow http://docs.appcelerator.com/titanium/latest/ @aferrandini
  28. 28. De perdidos a Titanium Ariel Ferrandini Price arielferrandini@gmail.com - Paradigma Tecnológico UI - Elementos nativos • • SearchView ProgressIndicator http://docs.appcelerator.com/titanium/latest/ @aferrandini
  29. 29. De perdidos a Titanium Ariel Ferrandini Price arielferrandini@gmail.com - Paradigma Tecnológico Elementos personalizados • • • Módulos Javascript con Views, Labels, etc. • Appcelerator Market / Github. Módulos nativos (Java, Objective-C). Depende de la necesidad y lo complejo que sea el elemento. http://docs.appcelerator.com/titanium/latest/ @aferrandini
  30. 30. De perdidos a Titanium Ariel Ferrandini Price arielferrandini@gmail.com - Paradigma Tecnológico API - Titanium. | Ti. • Titanium.Geolocation ‣ Acelerómetro ‣ • GPS ‣ Brújula • XML/JSON Parser ‣ Notificaciones Push Titanium.Database Lectura/Escritura archivos Titanium.Media ‣ Grabación de audio y vídeo ‣ • Cámara de fotos ‣ Acceso HTTP/HTTPS ‣ Titanium.Filesystem ‣ Titanium.Network ‣ • • Reproductor de música y vídeos Titanium.Facebook ‣ Integración con Facebook ‣ Integración con Twitter ‣ Integración SQLite ‣ Integración con Foursquare ‣ Almacenamiento clave-valor ‣ Integración con Yahoo! @aferrandini
  31. 31. De perdidos a Titanium Ariel Ferrandini Price arielferrandini@gmail.com - Paradigma Tecnológico Hay un framework MVC Alloy http://docs.appcelerator.com/titanium/3.0/#!/guide/Alloy_Framework @aferrandini
  32. 32. De perdidos a Titanium Ariel Ferrandini Price arielferrandini@gmail.com - Paradigma Tecnológico Alloy framework • • • Vistas en archivos XML, hojas de estilo y temas. • Widgets con sus propias vistas, controladores y modelo. Controladores con herencia. Modelo que permite sincronización mediante adaptadores y migraciones. @aferrandini
  33. 33. De perdidos a Titanium Ariel Ferrandini Price arielferrandini@gmail.com - Paradigma Tecnológico Workshop https://github.com/aferrandini/Simon @aferrandini
  34. 34. De perdidos a Titanium Ariel Ferrandini Price arielferrandini@gmail.com - Paradigma Tecnológico ¡Muchas gracias! @aferrandini @aferrandini
  35. 35. De perdidos a Titanium Ariel Ferrandini Price arielferrandini@gmail.com - Paradigma Tecnológico ¿Preguntas? @aferrandini
  1. A particular slide catching your eye?

    Clipping is a handy way to collect important slides you want to go back to later.

×