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.

MIT App Inventor 2 progetto del GSoC 2015 (Google Summer of Code)

Leggo e diffondo con molto piacere questa stupenda iniziativa che vede la collaborazione tra il MIT e Google.

Anche quest'anno prenderà il via il famoso Google Summer of Code (un programma dedicato agli studenti che vogliano fare una fantastica esperienza lavorando per un estate direttamente nei campus Google - se avete visto il film "Gli Stagisti" sapete di cosa si parla...)

La cosa bella è che quest'anno App Inventor sarà uno dei progetti facenti parte del GSoC e quindi qualunque studente da qualunque parte del mondo può fare domanda per partecipare a questa esperienza indimenticabile.

Nuova versione di MIT App Inventor 2 (nb139)

Eccoci con il "consueto" appuntamento per analizzare le novità in arrivo con la nuova versione di MIT App Inventor, il tool gratuito e web based per la realizzazione di app Android.

Scaldate le vostre tastiere perchè nei prossimi giorni verrà messa online la versione nb139 del nostro software preferito.

Vi riporto il changelog (ovvero le novità previste), la nuova versione dovrebbe andare online a brevissimo probabilmente già nel momento in cui leggerete questo articolo.

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 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 55 - Importare dati da un file .csv o .txt tramite JavaScript e memorizzarlo in TinyDB

Iniziamo a vedere con questo tutorial tutte le potenzialità che può esprimere App Inventor quando viene utilizzato insieme a JavaScript.

Per chi non lo sapesse JavaScript è un linguaggio di programmazione solitamente usato nelle pagine web per ampliare la funzionalità dell'html di base ed avere quindi siti internet più ricchi di funzionalità (detta proprio terra terra...)

Il grande PuraVidaApps (sito che vi consiglio di visitare) ha scoperto la possibilità di usare JavaScript anche in App Inventor!

Tutorial 54 - Ricercare dati all'interno di una lista bidimensionale (array) con le funzioni nella palette "Lists" ed il ciclo "ForEach"

Ripartiamo da quanto avevamo fatto nel Tutorial 53 per il salvataggio di una base dati da utilizzare nella nostra App.
Andremo a vedere in questo tutorial come sia possibile cercare dei dati specifici all'interno dei dati che avevamo salvato nel TinyDB sotto forma di lista bidimensionale.

Come infatti potete immaginare, il bello di avere una gran mole di dati (supponiamo appunto un intero elenco telefonico), è quello di poter ricercare un valore particolare all'interno di essi con facilità.

Nell'esempio di oggi vedremo come è possible cercare se nel nostro elenco è presente un particolare "cognome" ed estrarre tutti i dati ad esso relativi, quindi il relativo "nome" ed il "numero di telefono".

MIT Android App Inventor 2 sta arrivando!!! Alpha pubblica aperta a tutti!!!

Ci siamo quasi...

Finalmente sembra che quei "geniacci" del MIT abbiano ancora una volta fatto il loro dovere...

Di cosa stiamo parlando???

Ma dell'imminente rilascio di App Inventor 2 ovviamente!!!

Infatti è possibile già da qualche giorno collegarsi a questo sito:

http://ai2.appinventor.mit.edu

Per avere una succosa anteprima di quello che ci attende con App Inventor 2.
Il tutto ovviamente è ancora in fase "alpha" ma sembra che un bel pò di cose siano già a posto e funzionino a dovere.

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 50 - Creare App per Radio in Streaming in 10 minuti (usando App Inventor)

Tutorial facile

Ritorno a parlare di radio in streaming e della possibilità di realizzare tramite App Inventor una semplicissima applicazione Android per l'ascolto di una stazione radio.

Avevamo già visto nel Tutorial 46 come realizzare un applicazione che permettesse di ascoltare tre diverse radio, questa volta però, per venire incontro alle esigenze dei nostri lettori che ci seguono da meno tempo, ho  pensato di semplificare all'estremo la realizzazione dell'app.

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

Tutorial 36 - Template con SplashScreen e controllo tasto Back

Il tutorial di oggi riprende quello pubblicato quasi un anno fa in cui realizzammo un Template generico di un app con SplashScreen e contratto EULA per l'utente.

E' passato diverso tempo da allora e possiamo migliorare tale progetto implementando due nuove importanti ottimizzazioni:

1 - L'app sarà multiscreen, con l'utilizzo delle schermate multiple nativo di App Inventor
2 - L'app sarà in grado di "intercettare" la pressione del tasto back fisico del telefono in modo da visualizzare un messaggio di conferma prima dell'uscita dall'applicazione

Tutorial 35 - Inserire banner pubblicitari in App Inventor (Parte 3)

In questa terza ed ultima parte della guida andremo a vedere come implementare in Design e Blocks Editor tutto quel che serve per la corretta implementazione dei banner pubblicitari nella nostra app realizzata completamente con MIT App Inventor.

Se non l'avete ancora letta, leggete prima la :
Parte 1
Parte 2
della guida, è obbligatorio infatti aver fatto tutti i passaggi per poter proseguire correttamente.

Tutorial 35 - Inserire banner pubblicitari in App Inventor (Parte 2)

Continuiamo con la guida iniziata per l'inserimento di banner pubblicitari in App Inventor, se non avete ancora letto la prima parte fatelo cliccando QUA

Bene, a questo punto dovreste avere una campagna attiva e approvata su MobFox, dobbiamo tornare ora in AlterVista (o un altro spazio web che avete deciso di utilizzare) per creare la pagina web vera e propria che conterrà SOLAMENTE il nostro banner pubblicitario.

Decidete un nome per questa pagina e segnatevelo, supponiamo sia mobfoxexample.altervista.com/banner.html

Tutorial 35 - Inserire banner pubblicitari in App Inventor (Parte 1)

Bene! finalmente ci siamo! me lo avete chiesto veramente in tanti...

E' possibile inserire banner pubblicitari nelle nostre app realizzate con MIT App Inventor????

La risposta è SI (ma con qualche limitazione come vedremo dopo) ...!!!!!

In questo lungo tutorial vedremo come fare; ho deciso di non farlo tramite video perché sarebbe stato troppo lungo, ma non temete, ho fatto talmente tanti screen-shot che se seguirete tutto passo passo potrete inserire i vostri banner preferiti con facilità!

Tutorial 34 - Copiare Screens (Blocks e Design editor) da un App ad un'altra

Scopriamo oggi un altro "trucchetto" di App Inventor.

Mettiamo caso di aver realizzato un App particolarmente complicata su cui abbiamo speso giorni e giorni di fatica.
Ora vogliamo creare una nuova App che potrebbe guarda caso utilizzare parte del codice che abbiamo già scritto in precedenza.