Beginners Guide to TikTok for Search - Rachel Pearson - We are Tilt __ Bright...
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
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/