Tutorial 1 - Creare applicazioni Android con MIT App Inventor 2 - Parte 2 (Blocks Editor)

Eccoci alla seconda parte di questa guida per la realizzazione di app Android utilizzando il tool MIT App Inventor 2.

Avevamo completato la parte di interfaccia grafica e dovevamo ora programmare la logica di funzionamento del programma (molto semplice in questo primo esempio)

Andiamo quindi al "Blocks Editor" cliccando sul pulsante in alto a destra "Blocks"

Possiamo liberamente cliccare "Designer" o "Blocks" per muoverci avanti e indietro tra le due aree di sviluppo.

Il "Blocks Editor" è dove programmiamo la logica di funzionamento della nostra app.
Ci sono dei blocchi predefiniti (Built-in) a disposizione che possono gestire le funzioni logiche, matematiche, testuali e molto altro ancora.
Poi ci sono i nostri componenti che abbiamo precedentemente aggiunto nella finestra "Designer".
Ovviamente per far si che i nostri componenti appaiano qui, questi debbono essere stati aggiunti prima nel "Designer" , è per questo che ad esempio ora vediamo solo tre componenti, Screen1 (che c'è sempre in qualsiasi app), "Button1" e "TextToSpeech1"

Creiamo ora l'evento per il click sul nostro pulsante, per fare questo dobbiamo cliccare prima sull'elemento "Button" e poi scegliere il blocco "When Button1.Click do", lo prendiamo e lo trasciniamo nell'area di lavoro.
Questo blocco sarà quello che gestirà l'azione da far compiere alla nostra app quando il pulsante viene cliccato dall'utente. Questo blocco viene chiamato anche "Event Handler".

Ora vogliamo programmare l'azione del componente "TextToSpeech" ovvero un componente che può utilizzare la sintesi vocale di Android per pronunciare delle parole o delle frasi.
Clicchiamo quindi su "TextToSpeech1" ci si aprirà la selezione dei metodi e delle proprietà del componente, quindi selezioniamo la procedura "call TextToSpeech1.Speak" e la posizioniamo vicino al "do" dell'evento del pulsante appena visto, in modo che i due blocchi si incastrino tra loro.
Se abbiamo fatto l'operazione correttamente sentiremo un suono tipo "click", questo ci indica che i blocchi sono stati "incastrati" in maniera corretta! ben fatto!!!
Visto che questo blocco è all'interno dell'evento Button1.click, l'azione del blocco verrà eseguita al click del nostro pulsante.

L'ultima cosa da fare è quella di istruire la nostra app sul cosa vogliamo che essa dica.
Per fare questo clicchiamo sulla palette "Built-in" scegliamo un componente di tipo "Text" e lo incastriamo nello spazio apposito "message" del componente "TextToSpeech".

A questo punto dobbiamo solo inserire il testo che vogliamo sia pronunciato, clicchiamo quindi tra le due virgolette ed inseriamo il nostro testo, ad esempio "Congratulazioni! hai realizzato la tua prima app!"

Ora torniamo sul nostro cellulare e proviamo a cliccare il pulsante...
Se abbiamo fatto tutto correttamente (e se il volume non è su silenzioso...) dovremmo sentire il nostro smartphone pronunciare la nostra frase ad alta voce!!!
Ben fatto!!! Avete realizzato la vostra prima app per Android utilizzando MIT App Inventor 2.

Le applicazioni realizzate con AI possono essere scaricate come file di installazione (.apk) e possono essere regolarmente caricate sul Play Store (gratuitamente o a pagamento), quindi di fatto vi viene data la possibilità di diventare creatori di app per Android e di raggiungere un pubblico di milioni di utenti sparsi per tutto il mondo!!!
(per il caricamento sul Play Store vi consiglio di vedere i tutorial appositi creati da me in passato, specialmente questo:
Tutorial 47 - Guida Rapida: Come pubblicare le applicazioni App Inventor in Google Play Store (App2Market))

Per i più pigri o per chi preferisce un approccio più "visuale" all'apprendimento di App Inventor può vedere il video qui sotto in cui spiego le stesse cose.

Per ogni domanda, chiarimento, dubbio, usate i commenti di YouTube o i commenti qui sotto.
Cercherò di rispondere a tutti!!!

Ora potete proseguire alla parte 3 di questo tutorial dove inseriremo altri componenti interessanti:
Tutorial 3 - TalkToMe , aggiunta componenti

Buon App Inventing!!!