accedere al sito AppInventor:
https://appinventor.mit.edu/
cliccando su Create App e accedendo con il proprio account google della scuola
Cliccare su Projects/new project
Sezione Designer
Aggiungere con Drag&Drop dal menù a sinistra, nello schermo del telefono:
- Una Label
- un textBox
- un Button
- una Label
Personalizzare gli oggetti
- Cambiare la proprietà Text della Label1 nel menù a sinistra in "Numero intero in base 10 da convertire"
- Cambiare la proprietà Text del Button1 in "CONVERTI"
- Cambiare la proprietà Text della Label2 in "risultato"
Sezione BLOCKS
Nella sezione blocks (bottone in alto a destra) andremo a programmare il comportamento dell’app:
Dovremo implementare l’algoritmo per convertire in base 2 un numero. Ricordate?
Bisogna dividere il numero per due fino a che non si ottiene 0 e scrivere i resti ottenuti come cifre del numero in base due a cominciare da destra spostandoci verso sinistra.
Ecco il DIAGRAMMA DI FLUSSO
Andiamo a implementarlo nell’app:
Dal menù a sinistra selezioneremo i blocchi di codice che ci sevono per realizzare le operazioni viste
- impostiamo la variabile n=0: da Variables aggiungere un blocco initialize e da Math aggiungere un blocco per un numero
- il calcolo comincia quando l’utente clicca sul bottone. Quindi dobbiamo programmare le azioni al click del bottone: da Button1 aggiungere un blocco when-click
- quando è cliccato il bottone assegnamo alla variabile n prima definita il valore che l’utente ha inserito nel TextBox: per farlo da Variable inseriamo un blocco set e lo uguagliamo al blocco Textbox.text
- azzeriamo il risultato scrivendo uno spazio nella Label2: da Label2 prendiamo un blocco set-text e lo impostiamo a un text vuoto " "
- iniziamo le divisioni: mentre n è maggiore di 0, lo dividiamo per due, prendiamo il resto come cifra del risultato in base due, e il quoziente come nuovo n: inseriamo un bloccowhile-test da Control) che eseguirà tutte le operazioni al suo interno finche test è vero; per test controlliamo che n>0 inserendo un blocco > da Math;
- all’interno di while prendiamo il resto della divisione e lo assegniamo al risultato; poi dividiamo n per 2 e lo assumiamo come nuovo n
L’app è pronta!
Dal menù in alto "BUILD" scegliamo AndroidApp (.apk)
Dopo circa un minuto o due comparirà un QRcode da cui scaricare l’app.
Per IPhone la procedura è un po’ più complessa: potete eseguirla da casa, come scritto qui:
http://appinventor.mit.edu/explore/...
Maquillage
Potete ora personalizzare la vostra app: tornate alla scheda Designer e potete cambia testi e colori degli elementi, a cominciare dalla scritta Screen1
E aggiungere funzioni, ad esempio potete modificarla per introdurre la base in cui convertire il numero...
RSS 2.0