Creare Lapbook con MIT App Inventor 2 – tutorial parte 3

Terzo step del nostro tutorial che si propone di suggerire alcune soluzioni per creare Lapbook utilizzando MIT App Inventor 2 (qui per la prima parte, qui per la seconda e qui per tutti i tutorial dedicati a MIT App Inventor 2).

Dicevamo nei post precedenti che, oltre a Lapbook legati ad argomenti e contenuti della didattica e del sapere scolastico, troviamo interessante l’ipotesi di utilizzare tale idea per creare un’App basata su una esperienza quotidiana motivante.

Ciò al fine di aiutare il soggetto (magari  con qualche difficoltà cognitiva) a migliorare il suo orientamento alla realtà, rielaborando nessi temporali, relazionali, spaziali, strumentali.

Eravamo quindi partiti dalla lezione di equitazione e avevamo, nel secondo tutorial, preparato uno screen in cui il bambino poteva giocare a preparare uno zainetto con gli oggetti necessari alla lezione.

In questo post ci concentriamo invece sulla dimensione temporale che permette di collocare l’impegno del bambino all’interno della settimana.

MIT App Inventor 2 Tutorial Italiano Lapbook orientamento alla realtà disabili

Screenshot dell’home della nostra App. Clicca per ingrandire

Lavoriamo sul “Quando”

Nota preliminare: tutti le foto e i disegni utilizzati sono solo esemplificativi, per la finalità di orientamento alla realtà ha senso sostituirli con elementi personalizzati e reali, tratti dall’esperienza del bambino (fotografando o disegnando il suo cavallo, il suo zaino, il calendario di casa, i famigliari e la maestra di equitazione…).

 

Creiamo un nuovo Screen utilizzando il tasto Add Screen:

MIT App Inventor 2 Lapbook

Rinominiamo come “ScreenQuando”.

Dalla sezione Blocks di Screen1 predisponiamo un blocco che consente, alla pressione del calendario, di aprire il nuovo schermo.

MIT App Inventor 2 Disabilità Apprendimento Android

Clicca sull’immagine per ingrandire

N.B.

Come già detto in altri post, l’aggiunta di più schermi è un’operazione interessante ma da utilizzare con parsimonia: comporta un notevole consumo di memoria e fatica, ad oggi, ad essere completamente gestito dall’App Companion (il che vuol dire che non sempre possiamo effettuare simulazioni senza scaricare l’App sul nostro dispositivo).

Una volta selezionato il nuovo Screen, il Viewer ci mostra uno schermo vuoto: impostiamo la proprietà ScreenOrientation a “Landscape”.

Trasciniamo ora sullo schermo un componente TableArrangement con le seguenti proprietà:

MIT App Inventor 2 Tutorial italiano Lapbook

Clicca per ingrandire

A questo punto abbiamo creato nello schermo della nostra applicazione uno spazio bipartito.

Trasciniamo un Canvas nella riga superiore e rinominiamolo come Canvas_attività, ecco le proprietà:

MIT App Inventor 2 Tutorial Italiano Canvas

Clicca per ingrandire

Trasciniamo all’interno di tale Canvas uno Sprite e rinominiamolo Attività

Ecco le proprietà da impostare:

MIT App Inventor 2 Imparare Disabilità Sprite

Clicca per ingrandire

E il file di immagine per la proprietà Picture.

Trasciniamo ora un Canvas nella parte inferiore del nostro TableArrangement, rinominiamolo Canvas_Settimana ed impostiamo le seguenti proprietà:

MIT App Inventor 2 Tutorial Disabili Android Lapbook

Clicca per ingrandire

Inseriamo all’interno di questo secondo Canvas otto Sprite e una Ball, rinominiamo così:

MIT App Inventor 2 Italiano Tutorial Disabili

Clicca per ingrandire

 

Ecco come impostarli:

Name Height Width X Y
Lunedì 70 70 0 0
Martedì 70 70 70 0
Mercoledì 70 70 140 0
Giovedì 70 70 210 0
Venerdì 70 70 280 0
Sabato 70 70 350 0
Domenica 70 70 420 0
Home 50 50 490 10
Ball1 Radius: 10 35 25

Clicca sull’immagine per ingrandire

Ed ecco i link alle immagini per le proprietà Picture:

Lunedì  Martedì   Mercoledì   Giovedì   Venerdì   Sabato   Domenica   Home

Ecco uno screenshot della nostra App:

MIT App Inventor 2 Screenshot

Clicca per ingrandire

L’idea è quella di “scorrere” i giorni della settimana, tramite lo sfioramento dello schermo (Flung), associando ad ogni giorno un’immagine significativa: il mercoledì si va dai nonni, il giovedì in piscina e il venerdì, finalmente, a cavallo 😉

Si potrebbe pensare di associare ad ogni giorno anche un file audio o una sintesi vocale che espliciti giorno ed impegno corrispondente…

Il principio cognitivo è comunque quello più volte esplicitato: “agire” delle scelte inerenti i vincoli spazio temporali e relazionali per aiutare il soggetto a meglio orientarsi nella realtà.

A questo punto possiamo trasferirci nella sezione Bloks per programmare i nostri oggetti.

Dobbiamo impostare: un contatore, una lista contenente i nomi dei file di immagine dei giorni della settimana e una seconda lista con le posizioni che dovrà assumere la Ball1 durante le scelte.

MIT App Inventor 2 Liste

Clicca per ingrandire

Ed ecco ora il blocco più importante, quello che, valutato il movimento di Flung (ossia di sfioramento verso una direzione) dello schermo, modificherà l’immagine della porzione superiore dello schermo procedendo con i giorni della settimana in caso di movimento sinistra-destra o, viceversa, tornando ai giorni precedenti in caso di Flung in direzione destra-sinistra.

Il blocco whenCanvas.Flung fornisce nella variabile Heading la direzione dello sfioramento in gradi.

Il test che troverete nella mia proposta controlla se Heading è compreso tra -90 gradi e +90 gradi (il primo e il quarto quadrante, per ragionare in termini di coordinate cartesiane) e, in tal caso, procede modificando l’immagine nella parte superiore dello schermo con il giorno successivo e modificando la posizione di Ball1 di conseguenza.

Nulla di difficile:

MIT App Inventor 2 Flung Tutorial Italiano

Clicca per ingrandire

Non ci resta, per finire, che prevedere un blocco per chiudere questo Screen e tornare alla schermata principale della nostra App:

Clicca per ingrandire

Ciao!

 

Annunci

Una risposta a "Creare Lapbook con MIT App Inventor 2 – tutorial parte 3"

Rispondi

Inserisci i tuoi dati qui sotto o clicca su un'icona per effettuare l'accesso:

Logo WordPress.com

Stai commentando usando il tuo account WordPress.com. Chiudi sessione /  Modifica )

Google+ photo

Stai commentando usando il tuo account Google+. Chiudi sessione /  Modifica )

Foto Twitter

Stai commentando usando il tuo account Twitter. Chiudi sessione /  Modifica )

Foto di Facebook

Stai commentando usando il tuo account Facebook. Chiudi sessione /  Modifica )

Connessione a %s...