Nuova versione di MIT App Inventor 2 (nb145) finalmente il Responsive Design

Vediamo in questo articolo la novità principale di MIT App Inventor 2 versione nb145.

Il tool semplice e gratuito per la realizzazione di android app web based.

E' stato introdotto il Responsive Design , finalmente sono stati fatti i primi passi per permettere alle app realizzate con App Inventor di adattarsi alla dimensione dei vari dispositivi (soprattutto smartphone e tablet).

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 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...) :

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 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.

Tutorial 1 - Creare applicazioni Android con MIT App Inventor 2 - Parte 2 (Blocks Editor)

Eccoci alla seconda parte di questa guida per la realizzazione di app Android utilizzando il tool MIT App Inventor 2.

Avevamo completato la parte di interfaccia grafica e dovevamo ora programmare la logica di funzionamento del programma (molto semplice in questo primo esempio)

Andiamo quindi al "Blocks Editor" cliccando sul pulsante in alto a destra "Blocks"

Tutorial 53 - Il componente TinyDB per il salvataggio dei dati (App rubrica telefonica)

Torniamo a parlare di TinyDB, un componente veramente fondamentale in Android App Inventor.

Abbiamo già visto il componente nel Tutorial 23 , oggi vedremo un altro esempio andando a realizzare una semplice rubrica telefonica dove l'utente potrà memorizzare in maniera persistente un elenco di record composto da:

Nome - Cognome - Numero di Telefono

Questo elenco sarà memorizzato nel telefono e quindi lo potremo ricaricare a piacimento anche dopo che l'utente ha riavviato l'applicazione o il telefono.

Tutorial 52 - Il componente LocationSensor per la geolocalizzazione e la realizzazione di un App meteo (Yahoo Meteo)

Ricordate il Tutorial 51? Oggi andremo a vedere come sia possibile aggiungere il componente "LocationSensor" di App Inventor per realizzare un'applicazione in grado di localizzare il telefono e quindi darci le informazioni meteo relative alla nostra posizione attuale.

Uno dei vantaggi dei moderni smartphone è infatti quello di avere un gran numero di sensori che ci forniscono una quantità enorme di dati, tra questi uno dei più utilizzati è sicuramente il GPS che ci permette di localizzare con esattezza la posizione del telefono in ogni momento.

Tutorial / Template 49 - Come controllare se è disponibile la connettività internet nella propria App

Abbiamo visto come molto spesso le nostre app necessitino obbligatoriamente di una connessione attiva per poter funzionare ed essere utili (pensate alle app del meteo, della borsa, etc...)

Anche App Inventor non fa eccezione e risulta quindi particolarmente utile poter sapere all'interno della nostra app se la connessione ad internet è attualmente disponibile o meno.

Purtroppo non c'è una strada facile od un blocco ad-hoc ma usando un pò di ingegno e con un pò di pazienza possiamo ottenere un validissimo (e alquanto preciso) controllo sulla connettività usando i blocchi esistenti.

Tutorial 48 - Componenti PhoneNumberPicker, PhoneCall e Texting per effettuare chiamate ed inviare SMS

Tutorial Facile

Nel tutorial di oggi andremo a realizzare un applicazione "dimostrativa" che vi illustrerà abbastanza nel dettaglio l'uso dei componenti nella palette "social" per la gestione delle funzioni telefoniche del vostro smartphone.

Si analizzeranno quindi i componenti "PhoneNumberPicker", "PhoneCall" e "Texting" (per il componente texting potete andare a vedere anche gli altri due tutorial : Tutorial 43 - Invio SMS e Tutorial 45 - Ricezione di SMS)

Con questi componenti come avrete intuito sarà possibile selezionare un numero dalla rubrica del telefono, per poi decidere se si vuole effettuare una chiamata verso questo numero o se si preferisce inviare un SMS.

Tutorial 46 - Creazione di App per Radio in Streaming con Android App Inventor

Visto che mi è stato chiesto più volte sia tramite mail che commenti sul blog o su youtube, eccovi a voi un tutorial per creare un App di Radio Streaming.

Il componente utilizzato sarà il componente "player" che ci permette o di riprodurre un file audio memorizzato direttamente all'interno dell'app, oppure come nel tutorial di oggi, la riproduzione di uno stream audio reperibile su internet.

Tutorial 45 - Ricezione e lettura di SMS con App Inventor (componente Texting e TextToSpeech)

Continuiamo ad analizzare il componente "Texting" di Android MIT App Inventor per la gestione degli SMS.

La volta scorsa abbiamo visto come inviare in maniera molto semplice dei messaggi di testo tramite una nostra app.

Questa volta vedremo invece come gestire eventuali messaggi SMS in arrivo verso il nostro cellulare e farli interagire con un applicazione creata da noi.

Tutorial 44 - Realizzazione di un gioco matematico (indovina le frazioni) (array,random,funzioni matematiche...)

Benvenuti in questo nuovo tutorial !!!

Questa volta facciamo nuovamente qualcosa di diverso; prendendo spunto dall'idea di  un professore di matematica andremo a creare un vero e proprio gioco con App Inventor

Ovviamente il gioco sarà anche il pretesto per imparare meglio dei concetti base della programmazione , come le liste, gli indici, le variabili e le procedure.

Tutorial 43 - Invio di SMS da App Inventor con il componente Texting

Nel tutorial di oggi vedremo come è possibile inviare con facilità SMS nelle nostre app create con App Inventor.

Utilizzeremo principalmente due componenti:

1. Texting
2. PhoneNumberPicker

L'applicazione sarà volutamente molto semplice, un campo dove inserire il testo del nostro SMS e due pulsanti, uno per scegliere il destinatario del nostro messaggio e l'altro per l'invio dell'SMS.

Nuova versione App Inventor (v133 - 04-02-2013)

Finalmente è stata rilasciata un ulteriore nuova versione di MIT App Inventor,
siamo giunti alla versione v133 (potete controllare guardando in basso a destra nel design editor la voce è:  Built: February 4 2013 Version: v133)

Quello che interessa a noi ovviamente è andare a scoprire le novità introdotte, non perdiamo altro tempo e guardiamo il changelog completo: