1

Come nascono i Concetti?

I concetti nascono da analogie basate sulle esperienze concrete e quotidiane di ognuno di noi.

Ogni progettazione educativa e didattica deve tenerne conto: occorre partire dalla realtà vissuta…in altre parole: non c’è apprendimento senza personalizzazione. Il sarto è al lavoro!

Concetti, MIT App inventor, educational technology

 

 

Annunci
2

MIT App Inventor 2 – Gli strumenti Touch per apprendere parte 3: gli Sprite

Continuiamo il nostro viaggio attraverso le possibilità che MIT App Inventor 2 ci permette di utilizzare per creare delle App, facilitanti il processo di apprendimento, grazie alla tecnologia Touch.

(Prima di proseguire consiglio caldamente la lettura del primo post e del secondo)

Nel precedente tutorial avevamo introdotto i Canvas, gli “spazi di attività” entro i quali far interagire oggetti e disegnare.

Oggi incontriamo, finalmente, gli Sprite: oggetti che, posti all’interno di un Canvas, possono animarsi, muoversi al nostro tocco, collidere con altri elementi…

App disabilità MIT App Inventor 2 Touch Apprendere Android

Siamo, quindi, nel pieno dell’interesse per chi si occupa di apprendimento: spostare, muovere, manipolare oggetti è ciò che ci consente di “portare il corpo dentro il virtuale” (per dirla alla De Kerchove).

Ricordate, nel precedente post, avevamo creato quattro Canvas, con un allineamento a tabella, puramente a scopo didattico, per esercitarci con dimensioni e posizionamenti dei nostri campi di attività…

Riprendiamo ora quella disposizione grafica e iniziamo ad impostarla in modo più complesso:

Disabili App Android MIT App Inventor 2 Apprendere Sprite

Clicca sull’immagine per ingrandire

Dal sottomenu Drawing and Animation trasciniamo uno Sprite all’interno di Canvas1 (in alto a sinistra nel nostro Viewer).

Nell’esempio ho rinominato (pulsante Rename) lo Sprite come “Primo Sprite”, ne ho impostato larghezza e altezza rispettivamente a 30 e 20 Pixel, ho caricato, tramite la proprietà Picture, l’immagine di una mano (la potete scaricare da qui) e il mio Sprite ne ha assunto la forma.

Altre proprietà che è possibile impostare per gli Sprite riguardano l’abilitazione degli stessi (Enabled), l’orientamento del loro movimento (in gradi, proprietà Heading), l’intervallo di movimento e la velocità dello stesso (proprietà Interval e Speed), la posizione all’interno del Canvas (X e Y).

Trasciniamo poi un secondo Sprite all’interno di Canvas4 (in basso a destra), modificando, anche in questo caso, la proprietà Picture.

Nell’esempio ho altresì modificato la proprietà BackgroundImage di Canvas4, effettuando l’upload di questa immagine…un famigliare Parquet…

Spostiamoci ora nel Bloks Editor.

Cliccando sui nostri Sprite, a sinistra del nostro schermo, MIT APP Inventor ci suggerirà tutti i blocchi di istruzione che possiamo associare all’oggetto:

Software disabilità apprendimento App MIT APP Inventor 2

Clicca sull’immagine per ingrandirla

Date un’occhiata all’estrema varietà di comportamenti che potete selezionare, MIT APP Inventor 2 ci consente di distinguere se:

  • trasciniamo lo Sprite
  • effettuiamo un “Flung” (ossia quella, ormai comune, azione simile allo “sfogliare pagina” effettuata col dito sugli schermi touch)
  • si verifica una collisione con un altro Sprite (o se lo Sprite smette di collidere)
  • lo Sprite viene premuto, toccato o rilasciato o raggiunge un bordo

Sono queste caratteristiche che rendono MIT APP Inventor 2 così interessante per chi ha a cuore la personalizzazione dell’esperienza dell’apprendimento (e sa che deve creare ambienti utilizzabili da persone con limiti differenti…).

Trasciniamo nella scrivania del Blocks Editor i due blocchi in figura “When Primosprite.Dragged” e “When Secondo_Sprite.Dragged”.

Successivamente andiamo a selezionare (sempre tra le alternative consigliate cliccando su uno dei nostri Sprite), il blocco “Call PrimoSprite.MoveTo” , collegandolo come in figura al blocco principale; questa istruzione ci consente di muovere il nostro Sprite (a forma di “mano”) ogniqualvolta che trasciniamo lo stesso sullo schermo.

L’unica cosa che ci rimane da fare è completare i campi X e Y, lo facciamo andando a posizionare il nostro puntatore sopra il parametro “currentX” del Blocco Dragged e trascinando l’opzione “get currentX” (ottiene la posizione X corrente del nostro dito sullo schermo). Naturalmente, ripeteremo la medesima operazione per la Y.

Software disabili apprendimento MIT APP Inventor 2 Android

Clicca sull’immagine per ingrandire

Nel prossimo post utilizzeremo il Blocco CollidedWith (“Collide con”) per creare una piccola applicazione di scelta tra elementi ed opzioni; a presto!

 

 

 

2

MIT App Inventor 2: gli strumenti Touch per apprendere parte 2

Come scrivevamo nella prima parte del post, la tecnologia Touch dei tablet e degli smartphone ci consente di riportare il corpo e l’azione all’interno del mondo virtuale e rende possibili ambienti di apprendimento più facilmente manipolabili, meno passivi e, quindi, potenzialmente più significativi.

App Disabili Tecnologia MIT APP INventor 2 Apprendimento

Continuiamo, quindi, con l’illustrazione dei principali strumenti che MIT App Inventor 2 ci mette a disposizione per creare applicazioni che interagiscano al nostro tocco.

Canvas

Il Canvas può essere pensato come un “campo di attività”, di dimensioni variabili, all’interno del quale è possibile animare, far interagire oggetti (gli Sprite) e disegnare.

Inserire un Canvas nella nostra App è semplice, dalla schermata Designer basta trascinare nel nostro “smartphone simulato” (il Viewer) l’apposita icona che si trova nel sotto menu Drawing della nostra Palette:

App disabili Android MIT App Inventor 2 Canvas Touch

Clicca sull’immagine per ingrandirla

Sempre dal Designer, con le opzioni che troviamo alla destra dell’editor (nella finestra Properties), possiamo attribuire al nostro Canvas dimensioni in larghezza e altezza, modificarne il colore di sfondo, le caratteristiche del testo e infine, scegliere se renderlo visibile o meno.

Per posizionare più Cavas nel nostro schermo possiamo utilizzare gli strumenti del sotto menu Layout (al solito, trascinandoli nel nostro Viewer) per creare più Canvas allineati verticalmente, orizzontalmente o disposti in più colonne e righe.

Nell’immagine che segue abbiamo scelto un allineamento “a tabella” inserendo nella App quattro Canvas di diverse dimensioni:

App Disabilità MIT App Inventor 2 Android Tecnologie Riabilitazione

Clicca sull’immagine per ingrandirla

Spostiamoci ora nel Blocks Editor, cliccando l’apposita icona in alto a destra dello schermo.

Troveremo, sulla nostra sinistra, i componenti canvas che abbiamo inserito dal Designer; cliccando su ognuno di essi, MIT App Inventor 2, ci suggerirà i blocchi di istruzione disponibili.

App Disabilità Android MIT App Inventor 2 Touch Canvas

Clicca sull’immagine per ingrandire

MIT App Inventor 2 ci può essere estremamente utile nel creare ambienti di apprendimento per persone con bisogni speciali, perché è estremamente versatile e personalizzabile.

I blocchi di istruzioni che abbiamo a disposizione per gestire i Canvas ne sono un esempio.

Possiamo attribuire al nostro oggetto un comportamento a nostra scelta quando:

  1. trasciniamo il nostro contatto sul Canvas
  2. effettuiamo un “Flung” (ossia quella, ormai comune, azione simile allo “sfogliare pagina” effettuata col dito sugli schermi touch)
  3. tocchiamo semplicemente il Canvas
  4. premiamo il Canvas
  5. rilasciamo il Canvas

Chiunque abbia esperienza con le difficoltà motorie può comprendere l’importanza di avere a disposizione tante possibili modalità di scelta ed interazione…

Una volta selezionato un Canvas, cosa può succedere?

  • operazioni grafiche, se è questo l’utilizzo che abbiamo in mente, ovvero il Canvas si può comportare come una lavagna sulla quale scrivere, disegnare, colorare, cancellare (e salvare in un file di immagine)
  • avviare un qualsiasi altro algoritmo di interazione con gli elementi della nostra App

Il prossimo Post parlerà degli Sprite, oggetti che si possono muovere e possono interagire all’interno dei Canvas…non abbiamo bisogno di molto di più per iniziare a creare App utili e personalizzabili per favorire percorsi di apprendimento!

P.S.

Qui un utile e semplice tutorial sui Canvas direttamente dal sito ufficiale di MIT APP INVENTOR 2.

 

7

Imparare (con) MIT App Inventor 2

Cos’è MIT App Inventor 2?

E’ un semplice sistema (un Ambiente di sviluppo) per creare App nel sistema operativo Android, nato nel 2009 da Google e sviluppato ora dal MIT di Boston.

MIT App Inventor 2 Android disabili apprendimento

L’obiettivo è consentire a tutti di creare la propria App.

MIT app inventor android makers disabilità

Il pubblico cui Mit App Inventor 2 si rivolge è costituito da: Educatori, Amministratori pubblici, Volontari, Hobbisti…

 

 

 

Gli stessi utenti animano numerosi Forum e Blog dove trovare interessanti esempi, in Open Source, e suggerimenti (qui un utilissimo Blog in Italiano: Seblogsapp).

Come funziona?

E’ davvero semplice, anche se non così da poter essere illustrato in poche righe 🙂

Lo vedremo meglio nei post seguenti; per il momento acceniamo solo alcune caratteristiche.

Il creatore di App è chiamato a operare su due ambienti: il “Designer” e quello dedicato ai “Blocks”.

Il Designer è il luogo in cui ci occupiamo dell’aspetto della nostra App: dalle immagini di sfondo, ai componenti che vogliamo utilizzare (Bottoni, Sensori, Sprite, Bluetooth…), alle caratteristiche del testo…

Ecco come si presenta l’interfaccia: al centro c’è lo schermo di un dispositivo Android, a sinistra i componenti che selezioniamo trascinandoli sullo schermo (Drag and Drop), a destra le opzioni per personalizzare l’utilizzo.

disabilità mit app inventor apprendimento android

MIT App Inventor2 è Block-Based, basato su blocchi d’istruzioni che si incastrano, come fossero pezzi di puzzle solo con altre istruzioni “compatibili”: idea interessante per evitare i noiosi errori di sintassi dei linguaggi di programmazione classici.

Ecco allora come si presenta l’interfaccia Blocks: con le “istruzioni” disponibili a sinistra e il foglio per comporle a destra.

Bloks MIT App inventor disabili apprendimento android

Quali sono i primi passi?

E’ necessario avere un account Google.

MIT App Inventor funziona su Mac, su Windows e su Linux.

N.B.: MIT App Inventor non funziona su Explorer, occorre usare Firefox o Safari o Chrome.

Naturalmente il modo di lavorare più comodo e funzionale è quello di avere a disposizione anche un Tablet o un Cellulare Android connesso alla stessa Wireless del Computer.

In caso contrario è possibile scaricare un emulatore (non molto funzionale, secondo la mia esperienza) o collegare il dispositivo Android al Computer con la porta USB.

Sul dispositivo Android andrà installata (ecco il link) un’App (MIT AI2 Companion App) che consentirà di testare le nostre App, oltre ovviamente a utilizzarle quando saranno pronte.

A quel punto basterà andare sul sito  cliccare il pulsante Create ed accedere all’ambiente di sviluppo con le proprie credenziali Google.

Perché MIT App Inventor 2 è interessante per noi?

  1. Perché ci consente di creare delle App completamente personalizzate, di tagliare l’abito su misura del singolo utilizzatore.
  2. Perché offre possibilità all’utente di personalizzare ulteriormente l’applicazione.
  3. Perché è relativamente semplice.
  4. Perché è Open Source e incontra quindi la nostra idea di conoscenza per tutti senza costi proibitivi.
  5. Perché sono disponibili in rete parecchi tutorial e forum in cui è possibile essere aiutati.

A presto!