SlideShare ist ein Scribd-Unternehmen logo
1 von 13
Downloaden Sie, um offline zu lesen
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/

Weitere ähnliche Inhalte

Kürzlich hochgeladen

IL CHIAMATO ALLA CONVERSIONE - catechesi per candidati alla Cresima
IL CHIAMATO ALLA CONVERSIONE - catechesi per candidati alla CresimaIL CHIAMATO ALLA CONVERSIONE - catechesi per candidati alla Cresima
IL CHIAMATO ALLA CONVERSIONE - catechesi per candidati alla CresimaRafael Figueredo
 
XI Lezione - Arabo LAR Giath Rammo @ Libera Accademia Romana
XI Lezione - Arabo LAR Giath Rammo @ Libera Accademia RomanaXI Lezione - Arabo LAR Giath Rammo @ Libera Accademia Romana
XI Lezione - Arabo LAR Giath Rammo @ Libera Accademia RomanaStefano Lariccia
 
Esperimenti_laboratorio di fisica per la scuola superiore
Esperimenti_laboratorio di fisica per la scuola superioreEsperimenti_laboratorio di fisica per la scuola superiore
Esperimenti_laboratorio di fisica per la scuola superiorevaleriodinoia35
 
lezione di fisica_I moti nel piano_Amaldi
lezione di fisica_I moti nel piano_Amaldilezione di fisica_I moti nel piano_Amaldi
lezione di fisica_I moti nel piano_Amaldivaleriodinoia35
 
Corso di digitalizzazione e reti per segretario amministrativo
Corso di digitalizzazione e reti per segretario amministrativoCorso di digitalizzazione e reti per segretario amministrativo
Corso di digitalizzazione e reti per segretario amministrativovaleriodinoia35
 
Ticonzero news 148.pdf aprile 2024 Terza cultura
Ticonzero news 148.pdf aprile 2024 Terza culturaTiconzero news 148.pdf aprile 2024 Terza cultura
Ticonzero news 148.pdf aprile 2024 Terza culturaPierLuigi Albini
 
XIII Lezione - Arabo G.Rammo @ Libera Accademia Romana
XIII Lezione - Arabo G.Rammo @ Libera Accademia RomanaXIII Lezione - Arabo G.Rammo @ Libera Accademia Romana
XIII Lezione - Arabo G.Rammo @ Libera Accademia RomanaStefano Lariccia
 
La seconda guerra mondiale per licei e scuole medie
La seconda guerra mondiale per licei e scuole medieLa seconda guerra mondiale per licei e scuole medie
La seconda guerra mondiale per licei e scuole medieVincenzoPantalena1
 

Kürzlich hochgeladen (8)

IL CHIAMATO ALLA CONVERSIONE - catechesi per candidati alla Cresima
IL CHIAMATO ALLA CONVERSIONE - catechesi per candidati alla CresimaIL CHIAMATO ALLA CONVERSIONE - catechesi per candidati alla Cresima
IL CHIAMATO ALLA CONVERSIONE - catechesi per candidati alla Cresima
 
XI Lezione - Arabo LAR Giath Rammo @ Libera Accademia Romana
XI Lezione - Arabo LAR Giath Rammo @ Libera Accademia RomanaXI Lezione - Arabo LAR Giath Rammo @ Libera Accademia Romana
XI Lezione - Arabo LAR Giath Rammo @ Libera Accademia Romana
 
Esperimenti_laboratorio di fisica per la scuola superiore
Esperimenti_laboratorio di fisica per la scuola superioreEsperimenti_laboratorio di fisica per la scuola superiore
Esperimenti_laboratorio di fisica per la scuola superiore
 
lezione di fisica_I moti nel piano_Amaldi
lezione di fisica_I moti nel piano_Amaldilezione di fisica_I moti nel piano_Amaldi
lezione di fisica_I moti nel piano_Amaldi
 
Corso di digitalizzazione e reti per segretario amministrativo
Corso di digitalizzazione e reti per segretario amministrativoCorso di digitalizzazione e reti per segretario amministrativo
Corso di digitalizzazione e reti per segretario amministrativo
 
Ticonzero news 148.pdf aprile 2024 Terza cultura
Ticonzero news 148.pdf aprile 2024 Terza culturaTiconzero news 148.pdf aprile 2024 Terza cultura
Ticonzero news 148.pdf aprile 2024 Terza cultura
 
XIII Lezione - Arabo G.Rammo @ Libera Accademia Romana
XIII Lezione - Arabo G.Rammo @ Libera Accademia RomanaXIII Lezione - Arabo G.Rammo @ Libera Accademia Romana
XIII Lezione - Arabo G.Rammo @ Libera Accademia Romana
 
La seconda guerra mondiale per licei e scuole medie
La seconda guerra mondiale per licei e scuole medieLa seconda guerra mondiale per licei e scuole medie
La seconda guerra mondiale per licei e scuole medie
 

Empfohlen

2024 State of Marketing Report – by Hubspot
2024 State of Marketing Report – by Hubspot2024 State of Marketing Report – by Hubspot
2024 State of Marketing Report – by HubspotMarius Sescu
 
Everything You Need To Know About ChatGPT
Everything You Need To Know About ChatGPTEverything You Need To Know About ChatGPT
Everything You Need To Know About ChatGPTExpeed Software
 
Product Design Trends in 2024 | Teenage Engineerings
Product Design Trends in 2024 | Teenage EngineeringsProduct Design Trends in 2024 | Teenage Engineerings
Product Design Trends in 2024 | Teenage EngineeringsPixeldarts
 
How Race, Age and Gender Shape Attitudes Towards Mental Health
How Race, Age and Gender Shape Attitudes Towards Mental HealthHow Race, Age and Gender Shape Attitudes Towards Mental Health
How Race, Age and Gender Shape Attitudes Towards Mental HealthThinkNow
 
AI Trends in Creative Operations 2024 by Artwork Flow.pdf
AI Trends in Creative Operations 2024 by Artwork Flow.pdfAI Trends in Creative Operations 2024 by Artwork Flow.pdf
AI Trends in Creative Operations 2024 by Artwork Flow.pdfmarketingartwork
 
PEPSICO Presentation to CAGNY Conference Feb 2024
PEPSICO Presentation to CAGNY Conference Feb 2024PEPSICO Presentation to CAGNY Conference Feb 2024
PEPSICO Presentation to CAGNY Conference Feb 2024Neil Kimberley
 
Content Methodology: A Best Practices Report (Webinar)
Content Methodology: A Best Practices Report (Webinar)Content Methodology: A Best Practices Report (Webinar)
Content Methodology: A Best Practices Report (Webinar)contently
 
How to Prepare For a Successful Job Search for 2024
How to Prepare For a Successful Job Search for 2024How to Prepare For a Successful Job Search for 2024
How to Prepare For a Successful Job Search for 2024Albert Qian
 
Social Media Marketing Trends 2024 // The Global Indie Insights
Social Media Marketing Trends 2024 // The Global Indie InsightsSocial Media Marketing Trends 2024 // The Global Indie Insights
Social Media Marketing Trends 2024 // The Global Indie InsightsKurio // The Social Media Age(ncy)
 
Trends In Paid Search: Navigating The Digital Landscape In 2024
Trends In Paid Search: Navigating The Digital Landscape In 2024Trends In Paid Search: Navigating The Digital Landscape In 2024
Trends In Paid Search: Navigating The Digital Landscape In 2024Search Engine Journal
 
5 Public speaking tips from TED - Visualized summary
5 Public speaking tips from TED - Visualized summary5 Public speaking tips from TED - Visualized summary
5 Public speaking tips from TED - Visualized summarySpeakerHub
 
ChatGPT and the Future of Work - Clark Boyd
ChatGPT and the Future of Work - Clark Boyd ChatGPT and the Future of Work - Clark Boyd
ChatGPT and the Future of Work - Clark Boyd Clark Boyd
 
Getting into the tech field. what next
Getting into the tech field. what next Getting into the tech field. what next
Getting into the tech field. what next Tessa Mero
 
Google's Just Not That Into You: Understanding Core Updates & Search Intent
Google's Just Not That Into You: Understanding Core Updates & Search IntentGoogle's Just Not That Into You: Understanding Core Updates & Search Intent
Google's Just Not That Into You: Understanding Core Updates & Search IntentLily Ray
 
Time Management & Productivity - Best Practices
Time Management & Productivity -  Best PracticesTime Management & Productivity -  Best Practices
Time Management & Productivity - Best PracticesVit Horky
 
The six step guide to practical project management
The six step guide to practical project managementThe six step guide to practical project management
The six step guide to practical project managementMindGenius
 
Beginners Guide to TikTok for Search - Rachel Pearson - We are Tilt __ Bright...
Beginners Guide to TikTok for Search - Rachel Pearson - We are Tilt __ Bright...Beginners Guide to TikTok for Search - Rachel Pearson - We are Tilt __ Bright...
Beginners Guide to TikTok for Search - Rachel Pearson - We are Tilt __ Bright...RachelPearson36
 

Empfohlen (20)

2024 State of Marketing Report – by Hubspot
2024 State of Marketing Report – by Hubspot2024 State of Marketing Report – by Hubspot
2024 State of Marketing Report – by Hubspot
 
Everything You Need To Know About ChatGPT
Everything You Need To Know About ChatGPTEverything You Need To Know About ChatGPT
Everything You Need To Know About ChatGPT
 
Product Design Trends in 2024 | Teenage Engineerings
Product Design Trends in 2024 | Teenage EngineeringsProduct Design Trends in 2024 | Teenage Engineerings
Product Design Trends in 2024 | Teenage Engineerings
 
How Race, Age and Gender Shape Attitudes Towards Mental Health
How Race, Age and Gender Shape Attitudes Towards Mental HealthHow Race, Age and Gender Shape Attitudes Towards Mental Health
How Race, Age and Gender Shape Attitudes Towards Mental Health
 
AI Trends in Creative Operations 2024 by Artwork Flow.pdf
AI Trends in Creative Operations 2024 by Artwork Flow.pdfAI Trends in Creative Operations 2024 by Artwork Flow.pdf
AI Trends in Creative Operations 2024 by Artwork Flow.pdf
 
Skeleton Culture Code
Skeleton Culture CodeSkeleton Culture Code
Skeleton Culture Code
 
PEPSICO Presentation to CAGNY Conference Feb 2024
PEPSICO Presentation to CAGNY Conference Feb 2024PEPSICO Presentation to CAGNY Conference Feb 2024
PEPSICO Presentation to CAGNY Conference Feb 2024
 
Content Methodology: A Best Practices Report (Webinar)
Content Methodology: A Best Practices Report (Webinar)Content Methodology: A Best Practices Report (Webinar)
Content Methodology: A Best Practices Report (Webinar)
 
How to Prepare For a Successful Job Search for 2024
How to Prepare For a Successful Job Search for 2024How to Prepare For a Successful Job Search for 2024
How to Prepare For a Successful Job Search for 2024
 
Social Media Marketing Trends 2024 // The Global Indie Insights
Social Media Marketing Trends 2024 // The Global Indie InsightsSocial Media Marketing Trends 2024 // The Global Indie Insights
Social Media Marketing Trends 2024 // The Global Indie Insights
 
Trends In Paid Search: Navigating The Digital Landscape In 2024
Trends In Paid Search: Navigating The Digital Landscape In 2024Trends In Paid Search: Navigating The Digital Landscape In 2024
Trends In Paid Search: Navigating The Digital Landscape In 2024
 
5 Public speaking tips from TED - Visualized summary
5 Public speaking tips from TED - Visualized summary5 Public speaking tips from TED - Visualized summary
5 Public speaking tips from TED - Visualized summary
 
ChatGPT and the Future of Work - Clark Boyd
ChatGPT and the Future of Work - Clark Boyd ChatGPT and the Future of Work - Clark Boyd
ChatGPT and the Future of Work - Clark Boyd
 
Getting into the tech field. what next
Getting into the tech field. what next Getting into the tech field. what next
Getting into the tech field. what next
 
Google's Just Not That Into You: Understanding Core Updates & Search Intent
Google's Just Not That Into You: Understanding Core Updates & Search IntentGoogle's Just Not That Into You: Understanding Core Updates & Search Intent
Google's Just Not That Into You: Understanding Core Updates & Search Intent
 
How to have difficult conversations
How to have difficult conversations How to have difficult conversations
How to have difficult conversations
 
Introduction to Data Science
Introduction to Data ScienceIntroduction to Data Science
Introduction to Data Science
 
Time Management & Productivity - Best Practices
Time Management & Productivity -  Best PracticesTime Management & Productivity -  Best Practices
Time Management & Productivity - Best Practices
 
The six step guide to practical project management
The six step guide to practical project managementThe six step guide to practical project management
The six step guide to practical project management
 
Beginners Guide to TikTok for Search - Rachel Pearson - We are Tilt __ Bright...
Beginners Guide to TikTok for Search - Rachel Pearson - We are Tilt __ Bright...Beginners Guide to TikTok for Search - Rachel Pearson - We are Tilt __ Bright...
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
  • 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/