TechBar Sviluppo di applicazioni mobile con Titanium Appcelerator  @lorenzomassacci  @g_mandolini  @emanuele_r
Cosè un TechBar?TechBar è il nome con cui abbiamo pensato di chiamare questo tipo dieventi, in cui si va oltre allapprendi...
Esperienze con Titanium?Esperienza con Javascript?Esperienze sviluppo Mobile con altre piattaforme/framework?             ...
Appcelerator Titanium    Titanium is an open source framework for building    Native, Hybrid and Mobile Web apps from a si...
Piattaforme Supportate Android           4° TechBar – Sviluppo di applicazioni mobile con Titanium Appcelerator | pag. 5Te...
Piattaforme Supportate iOS(iPhone/iPad)           4° TechBar – Sviluppo di applicazioni mobile con Titanium Appcelerator |...
Piattaforme Supportate - Mobile Webbrowser*richiede Titanium SDK > 1.7.2                4° TechBar – Sviluppo di applicazi...
BlackBerry? Windows Phone? Windows 8?The goal of Titanium Mobile is to provide a high level, cross-platform JavaScriptrunt...
Write once, run DEBUG everywhere iOS/AndroidTitanium is built on two assertions about mobile development:  ●      There is...
Performance vs. Flexibility                           http://www.titaniumninja.com            4° TechBar – Sviluppo di app...
its only javascript, baby             4° TechBar – Sviluppo di applicazioni mobile con Titanium Appcelerator | pag. 11Tech...
its only javascript, baby                            http://www.titaniumninja.com             4° TechBar – Sviluppo di app...
API ●     Contacts ●     Database ●     Filesystem ●     Geolocation ●     Map                              Supports 5,000...
cloud services   ●       Users   ●       photos   ●       push notifications   ●       email template   ●       custom obj...
Extending api                     why?                                                              how?   ●       Accessi...
Titanium Studio  Titanium Studio Eclipse-based IDE. (ex Aptana)   ●       Use Titanium Studio build, test, package and pub...
Titanium Project            4° TechBar – Sviluppo di applicazioni mobile con Titanium Appcelerator | pag. 17TechBar       ...
tiapp.xml            4° TechBar – Sviluppo di applicazioni mobile con Titanium Appcelerator | pag. 18TechBar              ...
Demo          4° TechBar – Sviluppo di applicazioni mobile con Titanium Appcelerator | pag. 19TechBar                     ...
Watch your step ●     su iOs ok :-) Android crash :-(     android first ●     sul simulatore va sul device no     non fida...
links ●     http://docs.appcelerator.com/titanium/2.0/index.html ●     http://developer.appcelerator.com/questions/newest ...
Hands on 1)Creiamo una Tabella con dei dati fissi (es: una lista della spesa) 2)Facciamo provenire questi dati da un datab...
Contatti                               www.e-xtrategy.net                               info@e-xtrategy.net           4° T...
Upcoming SlideShare
Loading in …5
×

Sviluppo di applicazioni mobile con Titanium Appcelerator

5,033 views

Published on

Published in: Technology
0 Comments
6 Likes
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total views
5,033
On SlideShare
0
From Embeds
0
Number of Embeds
948
Actions
Shares
0
Downloads
31
Comments
0
Likes
6
Embeds 0
No embeds

No notes for slide

Sviluppo di applicazioni mobile con Titanium Appcelerator

  1. 1. TechBar Sviluppo di applicazioni mobile con Titanium Appcelerator @lorenzomassacci @g_mandolini @emanuele_r
  2. 2. Cosè un TechBar?TechBar è il nome con cui abbiamo pensato di chiamare questo tipo dieventi, in cui si va oltre allapprendimento di nozioni in modo frontale, comenelle classiche conferenze: si ha la possibilità di sperimentare in primapersona, ad esempio "giocando" direttamente con il codice, e di confrontarsicon gli altri, il tutto con un tono molto colloquiale, come amici al bar!Twitter: @TechBarIt (https://twitter.com/TechBarIt)Facebook: https://www.facebook.com/groups/techbar/ 4° TechBar – Sviluppo di applicazioni mobile con Titanium Appcelerator | pag. 2TechBar e-xtrategy srl - www.e-xtrategy.net
  3. 3. Esperienze con Titanium?Esperienza con Javascript?Esperienze sviluppo Mobile con altre piattaforme/framework? http://www.flickr.com/photos/duskolo/2777742751/ 4° TechBar – Sviluppo di applicazioni mobile con Titanium Appcelerator | pag. 3TechBar e-xtrategy srl - www.e-xtrategy.net
  4. 4. Appcelerator Titanium Titanium is an open source framework for building Native, Hybrid and Mobile Web apps from a single JavaScript-based SDK 4° TechBar – Sviluppo di applicazioni mobile con Titanium Appcelerator | pag. 4TechBar e-xtrategy srl - www.e-xtrategy.net
  5. 5. Piattaforme Supportate Android 4° TechBar – Sviluppo di applicazioni mobile con Titanium Appcelerator | pag. 5TechBar e-xtrategy srl - www.e-xtrategy.net
  6. 6. Piattaforme Supportate iOS(iPhone/iPad) 4° TechBar – Sviluppo di applicazioni mobile con Titanium Appcelerator | pag. 6TechBar e-xtrategy srl - www.e-xtrategy.net
  7. 7. Piattaforme Supportate - Mobile Webbrowser*richiede Titanium SDK > 1.7.2 4° TechBar – Sviluppo di applicazioni mobile con Titanium Appcelerator | pag. 7TechBar e-xtrategy srl - www.e-xtrategy.net
  8. 8. BlackBerry? Windows Phone? Windows 8?The goal of Titanium Mobile is to provide a high level, cross-platform JavaScriptruntime and API for mobile development (today we support iOS, Android, andthe browser, with BlackBerry 10 and Windows Phone coming soon andeventually, respectively).(Maggio, 2012 - http://developer.appcelerator.com/blog/2012/05/comparing-titanium-and-phonegap.html) 4° TechBar – Sviluppo di applicazioni mobile con Titanium Appcelerator | pag. 8TechBar e-xtrategy srl - www.e-xtrategy.net
  9. 9. Write once, run DEBUG everywhere iOS/AndroidTitanium is built on two assertions about mobile development: ● There is a core of mobile development APIs which can be normalized across platforms. These areas should be targeted for code reuse. ● There are platform-specific APIs, UI conventions, and features which developers should incorporate when developing for that platform. Platform-specific code should exist for these use cases to provide the best possible experience.So for those reasons, Titanium is not an attempt at “write once, run everywhere”. Wethink there are great, user-experience enhancing features across multiple platforms thatdevelopers should be using. We think that native apps should, where appropriate,take advantage of familiar, high-performance native UI widgets. However, we thinkit is unnecessary that native developers need to learn platform-specific APIs todraw a rectangle, or make an HTTP request.(Maggio, 2012 - http://developer.appcelerator.com/blog/2012/05/comparing-titanium-and-phonegap.html) 4° TechBar – Sviluppo di applicazioni mobile con Titanium Appcelerator | pag. 9TechBar e-xtrategy srl - www.e-xtrategy.net
  10. 10. Performance vs. Flexibility http://www.titaniumninja.com 4° TechBar – Sviluppo di applicazioni mobile con Titanium Appcelerator | pag. 10TechBar e-xtrategy srl - www.e-xtrategy.net
  11. 11. its only javascript, baby 4° TechBar – Sviluppo di applicazioni mobile con Titanium Appcelerator | pag. 11TechBar e-xtrategy srl - www.e-xtrategy.net
  12. 12. its only javascript, baby http://www.titaniumninja.com 4° TechBar – Sviluppo di applicazioni mobile con Titanium Appcelerator | pag. 12TechBar e-xtrategy srl - www.e-xtrategy.net
  13. 13. API ● Contacts ● Database ● Filesystem ● Geolocation ● Map Supports 5,000+ native APIs ● Media ● Network http://docs.appcelerator.com/titanium/2.0/index.html#!/api ● UI ● Accelerometer ● Gesture ● .... 4° TechBar – Sviluppo di applicazioni mobile con Titanium Appcelerator | pag. 13TechBar e-xtrategy srl - www.e-xtrategy.net
  14. 14. cloud services ● Users ● photos ● push notifications ● email template ● custom objects ● places ● ratings, reviews, like ● analytics ● ..... SDK > 2.0 4° TechBar – Sviluppo di applicazioni mobile con Titanium Appcelerator | pag. 14TechBar e-xtrategy srl - www.e-xtrategy.net
  15. 15. Extending api why? how? ● Accessing specific OS features ● Creating one or more native ● Leveraging existing native modules throught the Titanium libraries Module SDK ● Optimizing critical portions of ● Great flexibility the app ● Easy to distribute (Open Source, ● Extending portions of the Binary packages, Appcelerator Titanium Mobile framework Marketplace) http://www.appcelerator.com/marketplace http://www.slideshare.net/omorandi/extending-appcelerator-titanium-mobile-through-native-modules 4° TechBar – Sviluppo di applicazioni mobile con Titanium Appcelerator | pag. 15TechBar e-xtrategy srl - www.e-xtrategy.net
  16. 16. Titanium Studio Titanium Studio Eclipse-based IDE. (ex Aptana) ● Use Titanium Studio build, test, package and publish mobile and web applications. ● Code assisting, ACS integration, module management, Git integration, publishing workflow and a full-featured editor. ● Manage Titanium projects, test your mobile apps in the simulator or on device, automate app packaging deploy to a public or private App 4° TechBar – Sviluppo di applicazioni mobile con Titanium Appcelerator | pag. 16TechBar e-xtrategy srl - www.e-xtrategy.net
  17. 17. Titanium Project 4° TechBar – Sviluppo di applicazioni mobile con Titanium Appcelerator | pag. 17TechBar e-xtrategy srl - www.e-xtrategy.net
  18. 18. tiapp.xml 4° TechBar – Sviluppo di applicazioni mobile con Titanium Appcelerator | pag. 18TechBar e-xtrategy srl - www.e-xtrategy.net
  19. 19. Demo 4° TechBar – Sviluppo di applicazioni mobile con Titanium Appcelerator | pag. 19TechBar e-xtrategy srl - www.e-xtrategy.net
  20. 20. Watch your step ● su iOs ok :-) Android crash :-( android first ● sul simulatore va sul device no non fidarsi troppo del simulatore ● risoluzioni diverse dei device dp e misure relative ● performance moduli nativi ● non prevede una suite di test jasmine con node (forse Anvil) ● gestione memoria best practices js ● bug di titanium armarsi di pazienza (aggirarli o correggerli è open source) http://www.flickr.com/photos/modowd/352920834/ 4° TechBar – Sviluppo di applicazioni mobile con Titanium Appcelerator | pag. 20TechBar e-xtrategy srl - www.e-xtrategy.net
  21. 21. links ● http://docs.appcelerator.com/titanium/2.0/index.html ● http://developer.appcelerator.com/questions/newest ● http://docs.appcelerator.com/titanium/2.0/index.html#!/guide ● http://docs.appcelerator.com/titanium/2.0/index.html#!/video ● https://wiki.appcelerator.org/display/guides/Managing+Memory+and+Finding+Lea ● @LearningTi ● @appcelerator ● https://github.com/appcelerator (KitchenSink) ● http://titaniumninja.com/ 4° TechBar – Sviluppo di applicazioni mobile con Titanium Appcelerator | pag. 21TechBar e-xtrategy srl - www.e-xtrategy.net
  22. 22. Hands on 1)Creiamo una Tabella con dei dati fissi (es: una lista della spesa) 2)Facciamo provenire questi dati da un database (popolato con valori di default allavvio dellapp se vuoto) 3)Diamo la possibilità di aggiungere una riga (togliendo il ripristino db allavvio e rendendo lapp usabile) suggerimenti: la window iniziale viene sostituita da un tabGroup e viene usata per la lista aggiungiamo una seconda window per gestire laggiunta del nuovo prodotto 4)Gestiamo il refresh della lista per vedere le modifiche (attualmente viene popolata solo allavvio dellapp) 5)Cancelliamo tutti i prodotti con uno shake 6)Ottimizzazioni, spunti e conquista del mondo con un click :-) https://github.com/e-xtrategy/titanium-shopping-list 4° TechBar – Sviluppo di applicazioni mobile con Titanium Appcelerator | pag. 22TechBar e-xtrategy srl - www.e-xtrategy.net
  23. 23. Contatti www.e-xtrategy.net info@e-xtrategy.net 4° TechBar – Sviluppo di applicazioni mobile con Titanium Appcelerator | pag. 23TechBar e-xtrategy srl - www.e-xtrategy.net

×