Download - Laboratorio Creare e pubblicare mobile apps per iOS e Android Configurazione PC/Mac

Transcript
Page 1: Laboratorio Creare e pubblicare mobile apps per iOS e Android Configurazione PC/Mac

Laboratorio Creare e pubblicare mobile apps

per iOS e Android Configurazione PC/Mac

Prof. Antonio Calanducci A.A. 2013/2014

Page 2: Laboratorio Creare e pubblicare mobile apps per iOS e Android Configurazione PC/Mac

www.etnatraining.it

Requisiti minimi di sistemaMemoria del PC :

Minimo 2 GB RAM

Consigliato 4 GB RAM

Sistemi operativi supportati:

Mac OS (10.8.4 and later - Mountain Lion, Mavericks)

Windows 7, Windows 8

Ubuntu Linux (12.04 LTS)

Page 3: Laboratorio Creare e pubblicare mobile apps per iOS e Android Configurazione PC/Mac

www.etnatraining.it

Software necessarioSarà necessario installare il seguente software sul proprio PC/Mac portatile (da portare a lezione):

Appcelerator Titanium Studio

Genymotion Emulator

ATTENZIONE: dato che i software sopra menzionati richiedono il download di vari Gigabytes di dati, è altamente consigliato utilizzare una connessione ad Internet via ADSL (Wifi o via cavo) anziché chiavette dati 3G/4G onde evitare l’esaurimento del traffico e lunghe attese per il completamento delle operazioni.

Page 4: Laboratorio Creare e pubblicare mobile apps per iOS e Android Configurazione PC/Mac

www.etnatraining.it

Download di Titanium StudioCreare un account gratutito su

https://my.appcelerator.com/auth/signup

riceverete un e-mail con cui attivare attivare l’account

annotare username/password (serviranno all’avvio di Titanium Studio)

Download Titanium Studio da:

http://titanium-studio.s3.amazonaws.com/latest/Titanium_Studio.dmg (OS X)

http://titanium-studio.s3.amazonaws.com/latest/Titanium_Studio.exe (Windows)

Altre versioni (Linux), qui:

http://preview.appcelerator.com/studio/

Page 5: Laboratorio Creare e pubblicare mobile apps per iOS e Android Configurazione PC/Mac

www.etnatraining.it

Installazione di Titanium StudioOS X:

aprire il DMG scaricato e trascinare Titanium Studio nel folder Applicazioni

Windows 7/8:

avviare l’installer scaricato da Internet nella slide precedente

Creare una cartella labs  in cui conserveremo gli esercizi che faremo a lezione

Avviare Titanium Studio

Select Workspace: selezionare la cartella labs appena creata

usare username/password creati durante la fase di registrazione al sito di Appcelerator

ACCETTARE TUTTE le richieste di eventuali aggiornamenti proposti (Titanium Mobile SDK 3.2.3, Node.js, Alloy, ACS, etc)

Page 6: Laboratorio Creare e pubblicare mobile apps per iOS e Android Configurazione PC/Mac

www.etnatraining.it

Configurazione di Titanium StudioDalla Dashboard (nella barra degli strumenti), selezionare poi “Get Started”

Page 7: Laboratorio Creare e pubblicare mobile apps per iOS e Android Configurazione PC/Mac

www.etnatraining.it

Installazione Android SDKNella sezione “Configure Native SDKs” (scorrere la pagina verso il basso se non visibile), selezionare “Android SDK” e di seguito “Install or Update Android SDK”

Page 8: Laboratorio Creare e pubblicare mobile apps per iOS e Android Configurazione PC/Mac

www.etnatraining.it

Installazione Android SDKSelezionare “Android” e cliccare su “Settings”

Selezionare Android 4.3 (o Android 4.1.2)

Page 9: Laboratorio Creare e pubblicare mobile apps per iOS e Android Configurazione PC/Mac

www.etnatraining.it

Configurazione di Titanium StudioAccertarsi dunque che il segno di spunta Android SDK e iOS SDK (solo per Mac) sia verde

!

!

!

!

Utenti Windows 7/8 e Linux

sarà possibile spuntare solo Android SDK (iOS è supportato solo su Mac)

Page 10: Laboratorio Creare e pubblicare mobile apps per iOS e Android Configurazione PC/Mac

www.etnatraining.it

Creazione del primo progettoAprire la Dashboard (toolbar, icona rossa di Appcelerator)

Selezionare Develop

Selezionare “New Project” affianco “Tabbed Application”

Page 11: Laboratorio Creare e pubblicare mobile apps per iOS e Android Configurazione PC/Mac

www.etnatraining.it

Creazione del primo progettoProject Name: “primoprogetto”

App Id: “it.unict.primoprogetto

Cliccare su Finish

Page 12: Laboratorio Creare e pubblicare mobile apps per iOS e Android Configurazione PC/Mac

www.etnatraining.it

Compilazione e avvio del primo progettoClick su pulsante “Run as” - tasto verde “play”

Selezione di

iPhone Simulator (solo Mac)

Android Emulator (Win e Mac)

iPad Simulator (solo Mac)

Page 13: Laboratorio Creare e pubblicare mobile apps per iOS e Android Configurazione PC/Mac

www.etnatraining.it

Installazione di GenymotionGenymotion è un emulatore Android molto più veloce di quello fornito da Google

Per effettuare il download di Genymotion:

https://cloud.genymotion.com/page/launchpad/download/

è richiesta la creazione gratuita di un account

Page 14: Laboratorio Creare e pubblicare mobile apps per iOS e Android Configurazione PC/Mac

www.etnatraining.it

Configurare GenymotionAl primo avvio vi verrà richiesto di aggiungere un virtual device. Confermatelo

Utilizzate le credenziali (username/password) che avete appena creato sul sito di genymotion selezionando il tasto “Connect”

Selezionare “Nexus 4 - 4.3 - API 18”

Page 15: Laboratorio Creare e pubblicare mobile apps per iOS e Android Configurazione PC/Mac

www.etnatraining.it

Configurare Titanium Studio per Genymotion

Una volta avviato il virtual device appena creato da Genymotion, da Titanium Studio sarà possibile selezionarlo dal Menu Run -> Android Emulator -> Nexus 4 …

nel caso non essere presente, selezionare “refresh devices” o chiudere e riavviare “Titanium Studio”

Page 16: Laboratorio Creare e pubblicare mobile apps per iOS e Android Configurazione PC/Mac

Vai sul gruppo https://groups.google.com/

forum/#!forum/applab per ricevere assistenza