Desarrollo de aplicaciones móviles nativas con Titanium

Slide 1

Slide 1 text

No content

Slide 2

Slide 2 text

Desarrollo de aplicaciones móviles nativas con Titanium! Ricardo Alcocer // Platform Evangelist!

Slide 3

Slide 3 text

About Appcelerator Titanium! •  No es un lenguaje, si no un SDK de Javascript! •  Permite construir Apps nativos para iOS (iPhone, iPod Touch, iPad), Android (Teléfono y Tableta), Mobile Web, Blackberry 10 (beta), Tizen y pronto para Windows 8 ! •  Gratis/Open Source!! •  Es nativo, no una aplicación WebApp!!

Slide 4

Slide 4 text

Obtener Titanium Studio!

Slide 5

Slide 5 text

Bajar para la plataforma deseada!

Slide 6

Slide 6 text

Conﬁgurar los SDKs de las plataformas móviles! SDKs permiten la compilación con herramientas na3vas y proveen simulatores para realizar pruebas

Slide 7

Slide 7 text

¡Exito!!

Slide 8

Slide 8 text

h9p://blog.planetargon.com/entries/2010/3/1/designer-‐vs-‐developer

Slide 9

Slide 9 text

Model Controller View User Toma de decisiones, rutas Lógica de negocios, manipulación de datos, etc Lo que el usuario ve .JS Files .XML + .TSS Files Alloy MVC Framework!

Slide 10

Slide 10 text

Estructura de la carpeta App!

Slide 11

Slide 11 text

Puedes crear nuevos controladores desde el menú!

Slide 12

Slide 12 text

Ejemplo de un App con 2 tabs!

Slide 13

Slide 13 text

Corriendo en iOS!

Slide 14

Slide 14 text

Corriendo en Android 2.x!

Slide 15

Slide 15 text

Corriendo en Android ICS (4.x)!

Slide 16

Slide 16 text

Corriendo en Android ICS (4.x)!

Slide 17

Slide 17 text

Corriendo como MobileWeb!

Slide 18

Slide 18 text

Cross-platform is much more than being available across platforms! Android iOS

Slide 19

Slide 19 text

UI nativo, una sóla base de código!

Slide 20

Slide 20 text

Index.xml!

Slide 21

Slide 21 text

Index.js!

Slide 22

Slide 22 text

User Interface Guidelines! h9ps://developer.apple.com/library/ios/#documenta3on/UserExperience/Conceptual/ MobileHIG/Introduc3on/Introduc3on.html h9p://developer.android.com/guide/prac3ces/ ui_guidelines/index.html

Slide 23

Slide 23 text

Elementos nativos para iOS y Andoroid! h9p://www.teehanlax.com/blog/ios-‐6-‐gui-‐psd-‐iphone-‐5/ h9p://www.teehanlax.com/blog/android-‐2-‐3-‐4-‐gui-‐psd-‐high-‐density/

Slide 24

Slide 24 text

Titanium te permite utilizar los elementos nativos de cada plataforma! h9p://docs.appcelerator.com/3tanium/3.0/#!/api

Slide 25

Slide 25 text

El vocabulario está muy bien documentado! h9p://docs.appcelerator.com/3tanium/3.0/#!/api/Titanium.UI.Window

Slide 26

Slide 26 text

Alloy provee maneras avanzadas de interactuar con el XML desde Javascript!

Slide 27

Slide 27 text

Deﬁnición de la pantalla!

Slide 28

Slide 28 text

User Interface Deﬁnition! Deﬁnición del menú

Slide 29

Slide 29 text

User Interface Deﬁnition! Deﬁnición de la vista principal

Slide 30

Slide 30 text

User Interface Deﬁnition! Deﬁnición de la vista principal

Slide 31

Slide 31 text

Abres y cierras el menú utilizando Javascript : index.js!

Slide 32

Slide 32 text

¡Puedes usar lo que conoces!! •  CommonJS! •  Backbone Models! •  Underscore.js!

Slide 33

Slide 33 text

Algunos Apps desarrollados con Titanium!

Slide 34

Slide 34 text

Estadísticas de uso! •  Sobre 450,000 desarrolladores alrededor del mundo! •  Sobre 50,000 apps! •  1 de cada 10 dispositivos móviles en el mundo corren un App desarrollado con Titanium!

Slide 35

Slide 35 text

Mucho más! •  Command-line interface! •  Modules, Widgets, Sync Adapters! •  ACS – Appcelerator Cloud Services! •  Gaming via Lanica.co! •  Enterprise-ready!!

Slide 36

Slide 36 text

Code + Slides! Code disponible en! http://github.com/ricardoalcocer! ! Presentación disponible en! http://speakerdeck.com/ricardoalcocer! http://slideshare.net/ralcocer! ! !

Slide 37

Slide 37 text

Apoyo técnico! ! ! Appcelerator Q&A ! https://developer.appcelerator.com/questions/newest! ! Twitter! https://twitter.com/appcelerator! ! ! !

Slide 38

Slide 38 text

¿Preguntas?    ! ? ¡Obrigado!! [email protected]! ! Twitter: @ricardoalcocer! !

Slide 39

Slide 39 text

No content