scrivere mobile apps con javascript: introduzione a titanium mobile e alloy

18
Introduzione a Titanium Mobile @alessioricco

Upload: codemotion

Post on 09-Jul-2015

359 views

Category:

Software


1 download

DESCRIPTION

Tech Webinar tenuto da Alessio Ricco. Per partecipare ad altri Tech Webinar gratuiti potete iscrivervi qui: http://goo.gl/77eapX In questo Tech Webinar si parlerà di: Come usare Javascript per compilare Mobile Apps per iOS, Android Le API di Titanium Settare un Development Environment Sviluppare usando le Native SDKs di iOS e Android L'ambiente di sviluppo di Titanium Studio Best Practices e tips per migliorare le performance Deploy e Compilazione Pubblicare sull'Apple Store e sull'Android Store

TRANSCRIPT

Page 1: Scrivere Mobile Apps con Javascript: Introduzione a Titanium Mobile e Alloy

Introduzione a Titanium Mobile @alessioricco

Page 2: Scrivere Mobile Apps con Javascript: Introduzione a Titanium Mobile e Alloy

Titanium Mobile

• Ambiente di sviluppo Cross Platform• Javascript, Titanium API• iOS, Android, Blackberry, HTML5, Tizen• IDE Aptana Studio • Debugger Integrato• Estensibile con moduli nativi• Marketplace• Servizi Cloud integrati• Node.js• Produce codice NATIVO

Page 3: Scrivere Mobile Apps con Javascript: Introduzione a Titanium Mobile e Alloy

Architettura

Page 4: Scrivere Mobile Apps con Javascript: Introduzione a Titanium Mobile e Alloy

Architettura

Page 5: Scrivere Mobile Apps con Javascript: Introduzione a Titanium Mobile e Alloy

Caratteristiche del framework

• Componenti UI nativi• API di localizzazione• SQLlite• API per la persistenza • XHR • Integrazione con Facebook, Twitter, YQL• Audio/Video streaming, registrazione Video• Moduli nativi• CommonJS, Moduli Nativi, MVC• Servizi Cloud

Page 6: Scrivere Mobile Apps con Javascript: Introduzione a Titanium Mobile e Alloy

ACS Appcelerator Cloud Services

• ACS VS DIY

• 21 API

• SDK TITANIUMIOSANDROID REST

• NODE.JS

Page 7: Scrivere Mobile Apps con Javascript: Introduzione a Titanium Mobile e Alloy

Kitchen Sink

• Progetto di esempio

• Demo di tutte le API disponibili

• Sorgenti disponibili

• Cross Platform

Page 8: Scrivere Mobile Apps con Javascript: Introduzione a Titanium Mobile e Alloy

Kitchen Sink è Cross Platform

Page 9: Scrivere Mobile Apps con Javascript: Introduzione a Titanium Mobile e Alloy

AlloyFramework MVC XML per la definizione della UIFogli stileWidgets riutilizzabili

Supporto integrato:Backbone.jsUnderscore.js

Page 10: Scrivere Mobile Apps con Javascript: Introduzione a Titanium Mobile e Alloy

Sorgenti vecchio stile

Page 11: Scrivere Mobile Apps con Javascript: Introduzione a Titanium Mobile e Alloy

Sorgenti Alloy

Page 12: Scrivere Mobile Apps con Javascript: Introduzione a Titanium Mobile e Alloy

Struttura di un progetto

• Principali• views• controllers• styles• models• assets

• Opzionali• lib• migrations• widgets

• Platform-specific folders

Page 13: Scrivere Mobile Apps con Javascript: Introduzione a Titanium Mobile e Alloy

Views

• ID e classi

• markup specifico per la piattaforma impiegata

• eventi dichiarati inline

• API tag

Page 14: Scrivere Mobile Apps con Javascript: Introduzione a Titanium Mobile e Alloy

Stili

• formato TSS• Costanti Titanium• Localizzazione• Alloy configuration items

• Group by ID, class, or Ti API

• Stili sulle devices

• Stili Global

Page 15: Scrivere Mobile Apps con Javascript: Introduzione a Titanium Mobile e Alloy

Controllers

• Accesso agli elementi via $

• Interfacce pubbliche via exports

• Direttive di compilazione

• Gestione eventi backbone

• Underscore.js

• Supporto completo SDK

Page 16: Scrivere Mobile Apps con Javascript: Introduzione a Titanium Mobile e Alloy

MODELLI

• Basato su Backbone

• Persistenza

• Supporto per la migrazione

Page 17: Scrivere Mobile Apps con Javascript: Introduzione a Titanium Mobile e Alloy
Page 18: Scrivere Mobile Apps con Javascript: Introduzione a Titanium Mobile e Alloy

https://www.facebook.com/groups/TitaniumMobileItaly/http://www.html.it/guide/guida-titanium/http://www.linkedin.com/in/alessioriccohttp://www.slideshare.net/alessioricco