SlideShare a Scribd company logo
1 of 13
Download to read offline
Mobile Apps
per iOS e Android con
Appcelerator® Titanium


     Dr. Antonio Calanducci


  http://www.etnatraining.it
Cosa è Titanium?
Una piattaforma software per lo sviluppo rapido di
applicazioni mobili

  NATIVE e CROSS-PLATFORM su:

    iOS: iPhone, iPad, iPod touch

    Android: Samsung Galaxy, Google Nexus,
    HTC Android, Kindle Fire, Nook Tablet, etc.

    Blackberry (in beta)

  usando le tecnologie del Web:

    JavaScript, HTML, CSS
                www.etnatraining.it
Perché usare Titanium
Molteplicità di smartphone/tablet che usano
piattaforme software diverse:




Una piattaforma = un ambiente di sviluppo diverso,
linguaggi di programmazione diversi

  soluzione: un ambiente di sviluppo cross-
  platform

                    www.etnatraining.it
Soluzioni cross-platform esistenti




             www.etnatraining.it
Soluzioni cross-platform esistenti
Approcci delle soluzioni precedenti:

  WebView

    incapsulano una pagina Web in un browser

    utente interagisce con una pagina web, controlli
    disegnati via grafica/CSS

  OpenGL

    UI basata su oggetti custom (3D)

  Runtime proprietario

                   www.etnatraining.it
Titanium: approccio Nativo
accesso ai controlli nativi di ogni piattaforma
supportata

  look & feel, comportamento, performance nativi




                     www.etnatraining.it
Titanium: approccio Nativo
Accesso ai servizi Nativi:

  Fotocamera, Videocamera, Microfono

  Accelerometro, Bussola, Giroscopio

  GPS, Mapkit, Direct & Reverse geocoding

  Push Notifications

  Database SQLite, FileSystem, Properties APIs

  Android Intents, Local Notification, Background
  Services, Rubrica, Facebook, Twitter, Gestures,
  Socket, Clipboard, XML, Network, Locale, etc etc
                     www.etnatraining.it
Perché usare Titanium, dunque?
1. Cross-platform solution:

     singolo codice, più piattaforme (iOS/Android/Blackberry)

2. Componenti e servizi nativi

3. Basato sulle tecnologie del Web (JavaScript, HTML/CSS):

     non è richiesto l'apprendimento di nuovi linguaggi (NO
     Objective-C o Java)

     codice sintentico, drastica riduzione dei tempi di
     sviluppo

4. Free e Open-Source (licenza Apache 2.0)

5. Estendibile con moduli nativi (Objective-C/Java)
                         www.etnatraining.it
Una Shopping List in 30 righe di codice
Ti.UI.backgroundColor = "white";
var win = Ti.UI.createWindow({
	   backgroundImage: "postit5.png"
});
var itemName = Ti.UI.createTextField({
	   hintText: "Cosa devo comprare oggi?",
	   borderStyle: Titanium.UI.INPUT_BORDERSTYLE_ROUNDED,
	   height: 60,
	   top: 20,
	   width: "90%"
});
var shoppingTv = Ti.UI.createTableView({
	   backgroundColor: "transparent",
	   top:80,
	   left: 20,
	   right: 20,
	   bottom: 40,
	   editable:true // solo iPhone/iPad
});
itemName.addEventListener('return', function() {
	   shoppingTv.appendRow({title: itemName.value, backgroundColor: "transparent", color: "#009"});	
	   itemName.value = "";
	   itemName.blur();
});
shoppingTv.addEventListener('click', function(e) {
	   e.row.hasCheck = true;
});
win.add(itemName);
                                                       Demo live in 10 minuti:
                                                     http://youtu.be/pNFxvrgiHN8
win.add(shoppingTv);
win.open();


                                         www.etnatraining.it
Powered by Titanium
NBC (iPhone/
iPad app

Hotel Tonight

GetGlue

Wunderlist

TripLingo

Porsche, eBay,
MTV, Paypal,
Jaguar, e tanti
altri
                  www.etnatraining.it
Architettura di Titanium Mobile
Lo sviluppatore scrive il codice in JavaScript(e
HTML/CSS) usando le API di Titanium

Titanium esegue un mapping (bridge) uno-a-uno con
le corrispondenti funzionalità e componenti native




                    www.etnatraining.it
Volete saperne di più su Titanium?
Appcelerator homepage:

  http://www.appcelerator.com/

Documentazione di Titanium

  http://developer.appcelerator.com/documentation

Blog di Appcelerator:

  http://developer.appcelerator.com/blog/




                   www.etnatraining.it
Vuoi seguire un corso su
        Titanium in Italia?
  (Milano, Firenze, Bologna, Catania,
             Torino, Roma)




http://www.etnatraining.it/sviluppo-mobile/titanium/

More Related Content

Mobile Apps per iOS e Android con Appcelerator Titanium

  • 1. Mobile Apps per iOS e Android con Appcelerator® Titanium Dr. Antonio Calanducci http://www.etnatraining.it
  • 2. Cosa è Titanium? Una piattaforma software per lo sviluppo rapido di applicazioni mobili NATIVE e CROSS-PLATFORM su: iOS: iPhone, iPad, iPod touch Android: Samsung Galaxy, Google Nexus, HTC Android, Kindle Fire, Nook Tablet, etc. Blackberry (in beta) usando le tecnologie del Web: JavaScript, HTML, CSS www.etnatraining.it
  • 3. Perché usare Titanium Molteplicità di smartphone/tablet che usano piattaforme software diverse: Una piattaforma = un ambiente di sviluppo diverso, linguaggi di programmazione diversi soluzione: un ambiente di sviluppo cross- platform www.etnatraining.it
  • 5. Soluzioni cross-platform esistenti Approcci delle soluzioni precedenti: WebView incapsulano una pagina Web in un browser utente interagisce con una pagina web, controlli disegnati via grafica/CSS OpenGL UI basata su oggetti custom (3D) Runtime proprietario www.etnatraining.it
  • 6. Titanium: approccio Nativo accesso ai controlli nativi di ogni piattaforma supportata look & feel, comportamento, performance nativi www.etnatraining.it
  • 7. Titanium: approccio Nativo Accesso ai servizi Nativi: Fotocamera, Videocamera, Microfono Accelerometro, Bussola, Giroscopio GPS, Mapkit, Direct & Reverse geocoding Push Notifications Database SQLite, FileSystem, Properties APIs Android Intents, Local Notification, Background Services, Rubrica, Facebook, Twitter, Gestures, Socket, Clipboard, XML, Network, Locale, etc etc www.etnatraining.it
  • 8. Perché usare Titanium, dunque? 1. Cross-platform solution: singolo codice, più piattaforme (iOS/Android/Blackberry) 2. Componenti e servizi nativi 3. Basato sulle tecnologie del Web (JavaScript, HTML/CSS): non è richiesto l'apprendimento di nuovi linguaggi (NO Objective-C o Java) codice sintentico, drastica riduzione dei tempi di sviluppo 4. Free e Open-Source (licenza Apache 2.0) 5. Estendibile con moduli nativi (Objective-C/Java) www.etnatraining.it
  • 9. Una Shopping List in 30 righe di codice Ti.UI.backgroundColor = "white"; var win = Ti.UI.createWindow({ backgroundImage: "postit5.png" }); var itemName = Ti.UI.createTextField({ hintText: "Cosa devo comprare oggi?", borderStyle: Titanium.UI.INPUT_BORDERSTYLE_ROUNDED, height: 60, top: 20, width: "90%" }); var shoppingTv = Ti.UI.createTableView({ backgroundColor: "transparent", top:80, left: 20, right: 20, bottom: 40, editable:true // solo iPhone/iPad }); itemName.addEventListener('return', function() { shoppingTv.appendRow({title: itemName.value, backgroundColor: "transparent", color: "#009"}); itemName.value = ""; itemName.blur(); }); shoppingTv.addEventListener('click', function(e) { e.row.hasCheck = true; }); win.add(itemName); Demo live in 10 minuti: http://youtu.be/pNFxvrgiHN8 win.add(shoppingTv); win.open(); www.etnatraining.it
  • 10. Powered by Titanium NBC (iPhone/ iPad app Hotel Tonight GetGlue Wunderlist TripLingo Porsche, eBay, MTV, Paypal, Jaguar, e tanti altri www.etnatraining.it
  • 11. Architettura di Titanium Mobile Lo sviluppatore scrive il codice in JavaScript(e HTML/CSS) usando le API di Titanium Titanium esegue un mapping (bridge) uno-a-uno con le corrispondenti funzionalità e componenti native www.etnatraining.it
  • 12. Volete saperne di più su Titanium? Appcelerator homepage: http://www.appcelerator.com/ Documentazione di Titanium http://developer.appcelerator.com/documentation Blog di Appcelerator: http://developer.appcelerator.com/blog/ www.etnatraining.it
  • 13. Vuoi seguire un corso su Titanium in Italia? (Milano, Firenze, Bologna, Catania, Torino, Roma) http://www.etnatraining.it/sviluppo-mobile/titanium/