01 - I ferri del mestiere.
Logo di scratch
01 - I ferri del mestiere. /1
Logo di scratch

Per realizzare app per Android ti servono solo Internet e un account Google.


Avvia l'ambiente di sviluppo: http://ai2.appinventor.mit.edu/.
Esegui l'accesso con il tuo account Google.
Permetti al MIT di accedere al tuo account Google.
Accetta le condizioni d'uso.
Se te lo chiedono ed hai voglia di fare un'intervista, accetala.
Clicca continua ad eventuali messaggi informativi.
Avvia un nuovo progetto e chiamalo "CiaoMondo".


immagine

Ecco il nostro ambiente di sviluppo.


immagine
01 - I ferri del mestiere /2
Logo di scratch

Facciamo un gioco? Prova ad individuare queste sei zone!

  1. Il menu principale
  2. Il menu dell'app che stai realizzando
  3. La Pallette con tutti i componenti
  4. La sezione Viewer dove sistemerai i componenti scelti
  5. La sezione Components con l'elenco dei componenti scelti
  6. La sezione Properties con le proprietà del componenete selezionato

Bene! Ora cominciamo la nostra app.


Trascina un compomente button dalla Pallette al Viewer.

immagine
immagine

Adesso,
cerca tra le Properties del pulsante la proprietà Text
e modifica il suo valore in "Ciao Mondo".


Riesci a fare da sol*, adesso?
Nella Pallette c'è una sezione Media:
prendi un componente TextToSpeech e portalo nella tua applicazione (Viewer).

immagine

Come vedi, questo è un componente non visibile:
ti viene indicato così.

Adesso imposta le due proprietà Country e Language a "ITA".


immagine

Alla fine del menu della tua app (barra verde)
trovi questi due pulsanti: ora sei in modalità designer,
clicca su Blocks per andare nell'altra modalità.


In modalità Blocks il nostro ambiente di sviluppo cambia aspetto!

01 - I ferri del mestiere /3
Logo di scratch

Al posto della zona Pallette abbiamo due zone in verticale: Blocks e Media.

Inoltre la zona del Viewer si è ampliata
ed ora non ospiterà più lo schermo del nostro device ma i blocchi di codice.

immagine

In Blocks nella sezione relativa a Screen1 trovi i tuoi controlli: clicca su Button1 e ti compariranno tutti i blocchi relativi al componente Button.

immagine

Fai click sul primo blocco.

01 - I ferri del mestiere /4
Logo di scratch
immagine

Successivamente fai click su TextToSpeech1 (sempre in Blocks)
scegli il blocco indicato in figura ed aggancialo al blocco precedente.


Ora nel gruppo Built-in (sempre di Blocks)
fai click su Text e scegli il primo blocco diponibile.

immagine

Aggancia questo blocco come in figura e scrivi il testo "Ciao Mondo".

immagine

Ok, l'app è finita!

Come la proviamo?


Ci sono due possibilità:
o sul tuo PC con un emulatore oppure sul tuo smartphone.

Vediamole entrambe.


Cominciamo con l'emulatore.

01 - I ferri del mestiere /5
Logo di scratch

Dobbiamo prima di tutto scaricarlo.

Il simulatore per Windows lo scarichi qui: http://appinv.us/aisetup_windows

Se hai un altro sistema operativo fai riferimento a questa pagina: http://appinventor.mit.edu/explore/ai2/setup-emulator.html


Installalo ed eseguilo.


Ora dobbiamo collegare il simulatore all'ambiente di sviluppo.

immagine

Dal menu Connect scegli Emulator.


Attenzione!
La procedura di avvio dell'emulatore e poi di setup e poi di collegamento della tua app può richiedere molto molto tempo.

Ma solo la prima volta!


Quando filnalmente vedrai la tua app sull'emulatore
accendi le casse e fai click sul pulsante Ciao Mondo!


immagine

E per vedere le mie app sul telefonino?

01 - I ferri del mestiere /6
Logo di scratch
immagine

Per eseguire l'app sullo smartphone è indispensabile che il PC sul quale lavori
ed il cellulare siano sulla stessa rete WI-FI.


immagine

É è inoltrenecessario installare l'app: MIT AI2 Companion.

La trovi sul Play Store.

Scarica, installa e lancia la app.


Bene, adesso tutto ciò che devi fare è andare alla voce di menu
Connect | AI Companion dell'ambiente di sviluppo
e seguire le indicazioni a video.


Se stai già urlando perchè il tuo smartphone ti ha salutato
tutto ok..


Però le cose che possono andare storte sono molte!

Probabilmente la comunicazione tra PC e smartphone è impedita
da un firewall o da un antivirus.


Se hai Avast, per esempio, il probolema si risolve andando su
Impostazioni > Proprietà generiche > Esclusioni > URL
ed aggiungendo l'URL della pagina web dalla quale programmi
(una cosa simile a http://ai2.appinventor.mit.edu/#109150103).


Ok, ora che sai eseguire la tua applicazione
sia sull'emulatore che sul tuo smartphone
che ne diresti di modificarla?

Sei capace di fargli dire Sei il migliore o Sei la migliore ?