Desarrollo de aplicaciones móviles nativas con Titanium

Transcript

2. Desarrollo de aplicaciones móviles nativas con Titanium! Ricardo Alcocer // Platform Evangelist!
3. 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!!
4. Obtener Titanium Studio!
5. Bajar para la plataforma deseada!
6. Configurar los SDKs de las plataformas móviles! SDKs  permiten  la  compilación  con  herramientas  na3vas  y  proveen  simulatores  para  realizar  pruebas  
7. ¡Exito!!
8. h9p://blog.planetargon.com/entries/2010/3/1/designer-­‐vs-­‐developer  
9. 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!
10. Estructura de la carpeta App!
11. Puedes crear nuevos controladores desde el menú!
12. Ejemplo de un App con 2 tabs!
13. Corriendo en iOS!
14. Corriendo en Android 2.x!
15. Corriendo en Android ICS (4.x)!
16. Corriendo en Android ICS (4.x)!
17. Corriendo como MobileWeb!
18. Cross-platform is much more than being available across platforms! Android   iOS  
19. UI nativo, una sóla base de código!
20. Index.xml!
21. Index.js!
22. 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  
23. 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/  
24. Titanium te permite utilizar los elementos nativos de cada plataforma! h9p://docs.appcelerator.com/3tanium/3.0/#!/api  
25. El vocabulario está muy bien documentado! h9p://docs.appcelerator.com/3tanium/3.0/#!/api/Titanium.UI.Window  
26. Alloy provee maneras avanzadas de interactuar con el XML desde Javascript!
27. Definición de la pantalla!
28. User Interface Definition! Definición  del  menú  
29. User Interface Definition! Definición  de  la  vista  principal  
30. User Interface Definition! Definición  de  la  vista  principal  
31. Abres y cierras el menú utilizando Javascript : index.js!
32. ¡Puedes usar lo que conoces!! •  CommonJS! •  Backbone Models! •  Underscore.js!
33. Algunos Apps desarrollados con Titanium!
34. 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!
35. Mucho más! •  Command-line interface! •  Modules, Widgets, Sync Adapters! •  ACS – Appcelerator Cloud Services! •  Gaming via Lanica.co! •  Enterprise-ready!!
36. Code + Slides! Code disponible en! http://github.com/ricardoalcocer! ! Presentación disponible en! http://speakerdeck.com/ricardoalcocer! http://slideshare.net/ralcocer! ! !
37. Apoyo técnico! ! ! Appcelerator Q&A ! https://developer.appcelerator.com/questions/newest! ! Twitter! https://twitter.com/appcelerator! ! ! !
38. ¿Preguntas?
 
 ! ?   ¡Obrigado!! ralcocer@appcelerator.com! ! Twitter: @ricardoalcocer! !