Tutorial 12 (Difficile) Custom TinyWebDB, salvataggio tabellone HighScore su cloud in MIT App Inventor - Parte 1

Continuiamo a vedere una possibile applicazione del Custom TinyWebDB.

In questo tutorial andremo a creare un'istanza
personalizzata del TinyWebDB che ci permetterà in maniera molto semplice di memorizzare sul cloud App Engine una lista dei migliori punteggi realizzati nel nostro gioco creato con MIT App Inventor 2.

La parte difficile del tutorial è quella relativa alla creazione del Custom TinyWebDB, si potevano infatti pensare diversi approcci al problema, se inserire la logica della gestione degli high-score in App Inventor oppure delegare il tutto all'applicazione in Python che gira su Google App Engine.

Visto che sto studiando anche un pò di Python mi son voluto cimentare in questo secondo metodo, il vantaggio è che la parte da inserire in App Inventor è molto più semplice...

In pratica nel nostro gioco creato con App Inventor dobbiamo solamente memorizzare il punteggio del giocatore ed il suo nome.
Questa coppia di valori andrà inserita nella lista costruita e memorizzata nel TinyWebDB.

L'applicazione che gira su Google App Engine prenderà la lista completa di coppie nomi-punteggio, li metterà in ordine (dal più alto al più basso) e restituirà ad App Inventor la nuova lista (con il nuovo nome-punteggio) ordinata pronta per essere visualizzata nel vostro gioco.

Tutorial 12 (Difficile) Custom TinyWebDB, salvataggio tabellone HighScore su cloud in MIT App Inventor - Parte 2

Parte 1 del tutorial Custom TinyWebDB HighScore

In questa seconda parte del tutorial per la realizzazione di un gioco con MIT App Inventor 2 con salvataggio degli highscore, vediamo l'applicazione Python da caricare in Google App Engine.

Se non lo avete già fatto studiatevi il tutorial sul custom TinyWebDB e su Google App Engine cliccando QUA , vi servirà anche oggi...

Lo scopo di questa seconda parte del tutorial è spiegarvi quello che ho fatto con l'applicazione Python che gira nella nostra console in Google App Engine.

In pratica ho modificato il servizio "base" usato in MIT App Inventor 2 dal componente TinyWebDB, per accettare come dati da salvare sempre una coppia "tag"/"value" ma nello specifico in "value" gli voglio passare sempre e solo una lista annidiata contenente delle coppie di valori (("NomeGiocatore1","PunteggioGiocatore1"),("NomeGiocatore2","PunteggioGiocatore2",...))

Tutorial 11 (Difficile) TinyWebDB Parte 1 - Installazione e creazione custom TinyWebDB service su Google App Engine

In questo tutorial vedremo come utilizzare il componente TinyWebDB di MIT App Inventor 2.

MIT App Inventor 2 è un tool gratuito e web-based per la realizzazione di app android in modo semplice e veloce.

Con questo componente la nostra Android app potrà memorizzare dei dati nel cloud di Google (il loro servizio si chiama Google App Engine per la precisione).

In pratica il componente TinyWebDB come dice il nome stesso altro non è che la versione potenziata del TinyDB che opera sul web.

Ovviamente il bello di tutto questo è che il nostro DB creato su GAE (Google App Engine) sarà accessibile a tutti gli utilizzatori della nostra app, quindi finalmente sarà possibile realizzare applicazioni dove i dati sono "condivisi" e memorizzati nel cloud (un classico esempio: una lista della spesa condivisa, un tabellone per memorizzare gli highscore del vostro videogioco, una lista di posti dove ogni utente può aggiungere il suo, etc...)

Purtroppo lo scotto da pagare è un setup iniziale non proprio semplicissimo, ma ci sono io che vi guiderò passo passo con questo tutorial.

Iniziamo dalla parte 1 dove installeremo tutti i tool necessari e creeremo il nostro servizio su GAE.

Tutorial 9 - Creazione gioco Android tipo Space Invaders con MIT App Inventor 2 (Parte 1)

Nel tutorial di oggi vedremo come realizzare in maniera semplice e veloce un simpatico gioco per Android.

Useremo sempre MIT App Inventor 2, un tool gratuito e cloud based per la realizzazione di applicazioni Android.

Lo schema di base assomiglierà un pò al buon vecchio Space Invaders, ma in questo caso controlleremo con il nostro dito un sottomarino che dovrà sparare dei siluri per affondare la nave che viaggia nella parte superiore dello schermo.

Tutorial 9 - Creazione gioco Android tipo Space Invaders con MIT App Inventor 2 (Parte 2)

Per leggere la parte 1 del tutorial clicca QUA

Proseguiamo quindi il nostro tutorial per la creazione di un semplice videogioco Android tramite MIT App Inventor 2.

Mancano ancora da programmare gli eventi per la gestione delle collisioni, per lo spostamento della nave, per il calcolo del punteggio e per l'aggiunta degli effetti sonori...

Se provate l'app realizzata fino a questo punto vedrete che quando il proiettile raggiunge il bordo superiore dello schermo si ferma, per programmare quindi correttamente l'animazione del proiettile e far si che sparisca al di fuori dello schermo possiamo usare l'evento "Ball1.EdgeReached" che ci indica quando il proiettile tocca uno dei bordi dello schermo, quando viene generato questo evento vogliamo semplicemente far sparire il proiettile settando la sua visibilità a "false" e resettando la sua posizione ad un valore di default (ad esempio x=100 y=100 pixel), di fatto simulando l'uscita di questo dallo schermo.

Tutorial 8 - Creazione gioco Android Quiz Calcistico - Parte 1

Nel tutorial di oggi andremo a vedere come sia possibile creare con MIT App Inventor (un tool gratuito e cloud based per la creazione di app Android) un gioco a quiz sul calcio.

Il tutorial è interessante perchè introduce molti altri concetti di programmazione che vengono spesso utilizzati nella realizzazione di programmi e app.
In particolare parleremo di gestione delle "liste" il costrutto condizionale  "if-then", le "procedure" e la funzioni di "comparazione tra stringhe"

Seguitemi quindi nella lettura...

Tutorial 8 - Creazione gioco Android Quiz Calcistico - Parte 2

Leggi Parte 1 Tutorial Android Quiz Calcio

Continuiamo a vedere la logica di funzionamento della nostra app, proseguendo la programmazione per la parte relativa al "Blocks Editor"

Per prima cosa vogliamo inizializzare la nostra app alla sua apertura, per fare questo usiamo l'evento "Screen1.Initialize" che viene eseguito appunto non appena l'app viene lanciata dal nostro utente.

Impostiamo la label delle domande "Lbl_Domanda" con la prima domanda della lista creata in precedenza, per farlo usiamo il metodo "set Lbl_Domanda.text to"
Quindi usando dalla palette "list" la funzione per la selezione di un elemento andiamo ad estrarre il primo valore dalla "Lista_Domande"

Tutorial 8 - Creazione gioco Android Quiz Calcistico - Parte 3

Parte 1 Tutorial Android Quiz Calcio - Parte 2 Tutorial Android Quiz Calcio

Nella terza e "quasi..." ultima parte del nostro tutorial per la realizzazione di un quiz calcistico per Android usando MIT App Inventor andiamo a vedere come programmare la logica di controllo sulla correttezza della risposta inserita dal giocatore.

L'evento da programmare è ovviamente quello relativo alla pressione del tasto "Ok" (se ricordate nel design editor il suo nome è "Bn_Risposta")

Quindi il blocco da programmare sarà quello che trovate cliccando nella palette di sinistra l'elemento "Bn_Risposta" e poi selezionando e trascinando "When Bn_Risposta.Click" nel Blocks Editor:

Tutorial - Creare un app Android per i Mondiali di Calcio Brasile 2014 - Parte 1

In questo tutorial vedremo come sia possibile utilizzando MIT App Inventor 2 creare un applicazione Android che visualizzi il calendario ed i risultati delle partite dei Mondiali di Calcio del Brasile 2014.

Mit App Inventor 2 per chi non lo conoscesse ancora è uno strumento web based per la creazione di app Android in modo semplice, veloce e gratuito.

La forza di App Inventor 2 (in breve AI2) è quella di non richiedere particolari conoscenze informatiche e di essere un tool prettamente visivo dove si trascinano dei blocchi funzionali che andranno a creare la nostra app Android.

Tutorial - Creare un app Android per i Mondiali di Calcio Brasile 2014 - Parte 2

Nella seconda parte del tutorial per la realizzazione di un app Android per la visualizzazione dei calendari e dei risultati dei Mondiali di Calcio Fifa 2014 giocati in Brasile andremo a vedere la realizzazione dell'interfaccia grafica.

Creiamo un nuovo progetto in MIT App Inventor 2 andando alla pagina, http://ai2.appinventor.mit.edu/ e diamoci il nome voluto (ad esempio "Risultati Mondiali 2014"

Tutorial 7 - Componenti Button e Player, riproduzione di file audio mp3 con Android App Inventor (Parte 1)

Nel tutorial di oggi vedremo come creare una semplice app utilizzando lo strumento web based gratuito MIT App Inventor 2 per la creazione di applicazioni Android.

Nella prima parte vedremo come aggiungere un pulsante (Button) ed un media player (componente "Player"), lo scopo della nostra applicazione sarà quello di riprodurre il discorso di un grande personaggio del cinema alla pressione dell'immagine dell'attore.

Tutorial 7 - Componenti Button e Player, riproduzione di file audio mp3 con Android App Inventor (Parte 2)

Riprendiamo quanto visto nella parte 1 del tutorial ed aggiungiamo altri elementi alla nostra app Android.

Vogliamo aggiungere nella nostra app Android un secondo grande discorso del cinema, l'utente deciderà quale ascoltare cliccando una delle due immagini corrispondeti.
Inseriremo una logica di controllo del tipo
if-then-else (fondamentale in qualsiasi linguaggio di programmazione) per mettere in pausa i discorsi ed evitare che si accavallino tra di loro...

Tutorial 6 - Creazione gioco Android Magic 8 Ball - Parte 1

Continuiamo la serie di tutorial introduttivi ad Android MIT App Inventor, un tool web based per la realizzazione di app Android.

Nel tutorial di oggi andremo a vedere come realizzare il famosissimo gioco Magic 8 Ball (in italiano Palla 8 Magica ) sul nostro amato smartphone Android, useremo il componente "AccelerometerSensor" per capire quando la palla virtuale viene agitata ed useremo un selettore casuale ("pick a random item") per estrarre la risposta alla nostra domanda tra una lista di possibili risposte predefinite.

Tutorial 6 - Creazione gioco Android Magic 8 Ball - Parte 2

Eccoci con la parte 2 di questo tutorial , la vera Magic 8 Ball veniva attivata scuotendola con forza, giusto...

Bene, perchè non ricreare lo stesso effetto nella nostra app?
Nulla di più semplice tramite MIT App Inventor, il nostro tool web based preferito per la realizzazione di applicazioni Android.

Riprendiamo il nostro progetto ed aggiungiamo il primo dei nostri due nuovi componenti (che alla fine diventeranno tre...) :

Usare il componente Sharing in MIT App Inventor 2

Finalmente è stato implementato!!!
Era stato chiesto a gran voce da un enorme numero di utenti, e qualche giorno fa, il team del MIT App Inventor ha finalmente aggiunto un componente tanto semplice quanto essenziale nella realizzazione di quasi tutte le App Android.

Stiamo parlando del componente "sharing", questo componente ci permette di condividere (share in inglese significa appunto condivisione) in maniera facile e veloce un testo o un elemento multimediale tramite la nostra app.

Avete ovviamente presente l'icona presente nel 99,9% delle app Android, la famosa icona condividi:

bene da oggi possiamo implementare la stessa funzionalità anche nelle nostre App create con MIT App Inventor.

Vediamo subito come è possibile farlo...

Tutorial 5 - App Android disegno a mano libera

Proseguiamo la serie di tutorial introduttivi su MIT App Inventor 2 per la creazione di applicazioni Android.

Il tutorial di oggi vi permetterà di realizzare un applicazione per il disegno a mano libera che chiameremo "Scarabocchio Digitale" (digital doodle in inglese).

Questo tutorial è molto semplice e vi servirà per familiarizzare con il componente Canvas di App Inventor.

Tutta la nostra app avrà quindi un solo elemento, il Canvas appunto, vediamo nel dettaglio la realizzazione di questa app...

Tutorial 4 - Creazione di un gioco Android con MIT App Inventor (lancia la pallina)

Se ve lo stavate chiedendo, ebbene si, con App Inventor si possono creare anche dei giochi per Android!

Ovviamente ci vuole tanta pazienza e tanta bravura per creare qualcosa di accattivante, voglio comunque iniziare a mostrarvi nel tutorial di oggi alcuni componenti utili nella realizzazione di alcuni semplici giochi.

Partiremo con un gioco molto semplice, su un tavolo da biliardo avremo una pallina che potrà essere lanciata con il nostro dito tramite uno "swipe". (in 10 minuti di tutorial non si possono fare miracoli...)

Tutorial 3 - TalkToMe - Aggiunta componenti AccelerometerSensor , TextBox , TextToSpeech

Torniamo a parlare della nostra prima applicazione Android che avevamo realizzato con App Inventor,
chiamata TalkToMe (Tutorial TalktoMe parte 1 e Tutorial TalktoMe parte 2 se non li avete ancora seguiti ovviamente vi consiglio di farlo)

Nel tutorial di oggi andremo a vedere altri tre componenti abbastanza semplici che però permetteranno di amplicare le funzionalità della nostra app e sopratutto vi aiuteranno a capire sempre meglio come funziona App Inventor.

Tutorial 2 - Installare ed utilizzare emulatore Android con MIT App Inventor

Vediamo in questo secondo tutorial come possiamo diventare degli sviluppatori di app per Android anche se non disponiamo di uno smartphone con questo sistema operativo.

Infatti dalla pagina del MIT sarà possibile scaricare un software che ci metterà a disposizione un emulatore funzionante e completo al 100% di un dispositivo Android su cui potremmo testare tutte le nostre app.

Ovviamente l'uso di uno smartphone vero e proprio è sempre consigliato e l'emulatore ha alcuni svantaggi tra cui i principali sono:
1 - lentezza nell'esecuzione dei programmi
2 - mancanza di alcuni componenti (come fotocamera, accelerometro, sensore gps, etc...)
3 - possibilità (al momento) di emulare solo un Android con versione 2.2 e risoluzione 320x480

Tutorial 1 - Creare applicazioni Android con MIT App Inventor 2 - Introduzione

Bene, finalmente ci siamo!

Visto che MIT App Inventor 2 è uscito dalla fase alpha ed è entrato in fase beta da un pò di tempo, possiamo cominciare una nuova serie di tutorial che avvicineranno alla programmazione di App Android tramite l'utilizzo di questo software web facile ed intuitivo da usare.

Per chi non lo sapesse, tramite l'utilizzo di App Inventor, è possibile infatti creare in modo semplice e rapido della applicazioni Android anche se si hanno poche conoscenze di programmazione.