Tutorial 3 - TalkToMe - Aggiunta componenti AccelerometerSensor , TextBox , TextToSpeech

Torniamo a parlare della nostra prima applicazione Android che avevamo realizzato con App Inventor,
chiamata TalkToMe (Tutorial TalktoMe parte 1 e Tutorial TalktoMe parte 2 se non li avete ancora seguiti ovviamente vi consiglio di farlo)

Nel tutorial di oggi andremo a vedere altri tre componenti abbastanza semplici che però permetteranno di amplicare le funzionalità della nostra app e sopratutto vi aiuteranno a capire sempre meglio come funziona App Inventor.


Il primo componente che inseriamo è chiamato "AccelerometerSensor" e ci permette di andare a "leggere" gli eventi relativi all'accelerazione a cui è sottoposto il nostro telefono, il componente è molto potente, ma in questo tutorial vedremo solo uno dei suoi eventi, per altre info potete consultare l'help ufficiale in inglese (http://appinventor.mit.edu/explore/content/sensors.html#AccelerometerSensor)

In pratica useremo il suo evento "Shaking" che viene generato ogni qual volta l'utente "scuote" il proprio cellulare (per questo tutorial non è possibile usare l'emulatore in quanto non esiste un modo semplice di emulare l'accelerometro tramite esso, dovrete quindi usare il vostro smartphone Android)

Per fare questo basta inserire il componente "AccelerometerSensor" e poi programmare il suo evento nel blocks editor nel seguente modo:

Come potete facilmente capire, allo "shake" del telefono, la nostra app pronuncerà il testo indicato sopra.
Ovviamente siete liberi di programmare qualsiasi altra azione da far compiere quando il telefono viene "shakerato", liberate la vostra fantasia!!!

La seconda aggiunta alla nostra app prevede invece l'inserimento di un campo testuale in cui l'utente potrà inserire liberamente una qualsiasi frase, alla pressione di un pulsante (Button) nella nostra app, il motore di sintesi vocale di Android (in inglese TTS o Text-to-Speech) pronuncerà con voce "naturale" la frase appena inserita.

Per fare questo dobbiamo inserire due nuovi componenti:
- una "TextBox" [palette User Interface] (http://ai2.appinventor.mit.edu/reference/components/userinterface.html#TextBox)
- Il componente "TextToSpeech" [palette Media] (http://ai2.appinventor.mit.edu/reference/components/media.html#TextToSpeech)

Il primo componente permette di far inserire all'utente una stringa di testo e di gestirla all'interno dell'app, vedrete che questo componente è fondamentale per la creazione della maggior parte delle app.
il secondo componente invece permette di far "parlare" il nostro smartphone.

Il codice da aggiungere alla nostra app sarà quindi questo:

In pratica programmiamo l'app per far si che quando l'utente clicca sul Button1 andiamo ad eseguire il metodo .Speak del componente TextToSpeech1 , il testo da pronunciare sarà preso dal contenuto della casella TextBox1 (che viene letta tramite la proprietà "TextBox1.Text")

Come avete visto tutto è ancora abbastanza semplice ma le cose si stanno facendo sempre più interessanti vero???

Se volete seguire questo tutorial in versione video lo trovate qui sotto

Per qualsiasi domanda, chiarimento o curiosità usate i commenti qui sotto o quelli di YouTube.