La creazione di un'applicazione con App Inventor si divide in due parti. Prima si progetta l'aspetto dell'app, poi si dice all'app cosa fare codificandola.
PRIMI PASSI
- Fai prima uno schizzo su carta
- Usa il tuo prototipo cartaceo
- Tienilo vicino a te
- Aprire MIT App Inventor
- ai2.appinventor.mit.edu
- Seleziona "Inizia un nuovo progetto" nel menu Progetti
PARTI DEL DESIGNER
Clicca sulla i arancione per conoscere le parti evidenziate. Clicca sulle frecce a sinistra e a destra per conoscere le altre parti del Designer.
La Palette elenca TUTTI i possibili componenti (parti) che puoi aggiungere alla tua applicazione.
Sono raggruppati per cassetti o schede. Puoi semplicemente cliccare su un cassetto per aprirlo.
Il Viewer mostra l'aspetto dell'applicazione dopo aver trascinato i componenti dalla Palette.
I componenti non visibili non appaiono sullo schermo dell'applicazione ma sono comunque parti importanti dell'applicazione.
Il pannello dei componenti elenca tutti i componenti che sono stati aggiunti all'applicazione.
Hanno uno spazio in più davanti a sé se sono contenuti all'interno di un altro componente.
Il pannello Pannello delle proprietà è il luogo in cui puoi vedere o modificare le diverse caratteristiche di ogni componente.
Il Pannello multimediale è il luogo in cui puoi caricare file come immagini e suoni da utilizzare nella tua applicazione. Puoi semplicemente trascinare i file nel Pannello multimediale.
È ORA DI PROVARLO!
ATTIVITÀ 1: PROGETTARE UN'APP
Ora che hai aggiunto tutti i componenti dell'app, passerai all'editor dei blocchi per iniziare a codificare l'app!
VARIABILI
Prima di iniziare a codificare, impariamo a conoscere le le variabili. Dovrai usarle quando codificherai il Gioco del Riciclo.
Se stai realizzando un'applicazione per dispositivi mobili, a volte devi tenere traccia di diverse informazioni all'interno della tua applicazione. Le variabili servono proprio a questo.
L'EDITOR DEI BLOCCHI
- Apri il progetto Recycle Game in App Inventor
- Hai aggiunto tutti i tuoi componenti
- Ora passa all'editor dei blocchi
PARTI DELL'EDITOR DEI BLOCCHI
Clicca sulla i arancione per conoscere le parti evidenziate. Clicca sulle frecce a sinistra e a destra per conoscere le altre parti dell'Editor blocchi.
I Blocchi elenca tutti i blocchi disponibili per essere utilizzati.
I blocchi integrati fanno parte di ogni app.
Ogni componente ha anche un proprio set di blocchi di codice.
Il Visualizzatore è il tuo spazio di lavoro per la codifica, dove collochi tutti i blocchi di codice.
Clicca su un componente, poi trascina il blocco desiderato sul Visualizzatore.
Lo Zaino ti permette di salvare i tuoi blocchi di codice per riutilizzarli in altri progetti.
Trascina i blocchi creati nello zaino. Puoi aprire un altro progetto e trascinarli fuori per riutilizzarli.
Controlla le avvertenze in giallo e gli errori in rosso prima di eseguire l'applicazione.
Puoi ingrandire e ridurre lo zoom e reimpostare lo zoom del Viewer.
Puoi rimuovere i blocchi inutilizzati trascinandoli nel cestino per eliminarli.
ATTIVITÀ 2: CODICE DEL GIOCO DEL RICICLO
Gioco del riciclo
5:02
3:01
4:20
6:10
4:35
