Tutorial 10 (difficile) - Utilizzare Dropbox in MIT App Inventor - Parte 1

Vediamo in questo lungo ed articolato tutorial come sia possibile integrare il famosissimo servizio di cloud storage Dropbox all'interno delle nostre app create con MIT App Inventor.

Un ringraziamento speciale al nostro amico del forum Andrea alias Spacchino per il grande impegno profuso nello studio e nella realizzazione di questo tutorial.

Implementando quello che leggerete sarà possibile accedere sia in lettura che in scrittura ad i vostri file memorizzati nel cloud di DropBox, rendendo quindi di fatto la vostra android app MIT App Inventor un app con funzionalità "cloud based"...

Tutorial 10 (difficile) - Utilizzare Dropbox in MIT App Inventor - Parte 2

Prima parte

SECONDA PARTE: Autenticare la propria app Android per accedere a Dropbox

Creiamo un nuovo progetto MIT App Inventor (che per semplicità ho chiamato con lo stesso nome dato all'app in Dropbox)

Ovvero AIDropSync, ovviamente il nome può (e dovrebbe) essere scelto a piacere.

Aggiungiamo subito due componenti che ci serviranno in futuro:

1. un Web Component per “comunicare” con Dropbox
2. un TinyDB Component per memorizzare le password e i codici di accesso che otterremo in modo da non dover ripetere il processo di autenticazione ad ogni apertura della nostra app

Tutorial 10 (difficile) - Utilizzare Dropbox in MIT App Inventor - Parte 3

Prima parte - Tutorial Dropbox in MIT App Inventor 2

Seconda parte 2 - Tutorial Dropbox in MIT App Inventor 2

Continuiamo il tutorial per la costruzione della nostra android app con MIT App Inventor che utilizzi i file memorizzati nel cloud del servizio Dropbox.

Tutorial 10 (difficile) - Utilizzare Dropbox in MIT App Inventor - Parte 4

Prima parte - Seconda parte - Terza parte

Vediamo ora come effettuare il download di un file dalla cartella Dropbox, alla memoria dello smartphone tramite MIT App Inventor:

QUARTA PARTE: Download di un file da Dropbox

Innanzitutto carichiamo un file di esempio nella cartella dell app su Dropbox. 
Una semplice immagine jpeg può andar bene:

Nella nostra app, mantenendo sempre un layout estremamente semplice, creiamo due pulsanti per le operazioni di download e di upload che andremo ad eseguire. Riutilizzeremo invece la label di debug per seguire l'esecuzione delle operazioni:

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 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 51 - Il componente Web e la creazione di una semplice App per previsioni meteo (Yahoo Weather)

Andiamo a vedere nel tutorial di oggi un bel pò di cose interessanti,
riprendiamo quanto in parte fatto nel Tutorial 17 - Importazione dati XML per la lettura di un file xml che ci fornisse la situazione attuale del meteo di una determinata città.
Purtroppo Google ha rimosso le API per Google Weather circa un anno fa rendendo il tutorial obsoleto.
Vedremo quindi oggi come utilizzare le API di Yahoo Weather per realizzare un app molto simile che ci visualizzi le condizioni meteo attuali di una città a piacere.

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.

Nuova versione App Inventor (v134 - 04-05-2013)

Vi segnalo l'uscita da poche ore della nuova versione di App Inventor,
non ci sono grossissime novità in arrivo ma solamente alcuni miglioramenti ai componenti già esistenti (uno su tutti il componente "Web")

La grossa novità che è attesa da molti e che probabilmente vedrà la luce solo nei prossimi mesi è quella del "new blocks", in pratica si abbandonerà l'uso del blocks editor o meglio anche il blocks editor sarà un applicazione web (e non come oggi che è un applicazione java). Ma di questo vi parlerò in altri post...

Vediamo però adesso solo le novità della versione 134:

App Inventor ... grosse novità in arrivo ???

Vengo a conoscenza leggendo un post nel gruppo ufficiale di discussione di App Inventor, e nello specifico di AI4A (ovvero App Inventor for All, il progetto "parallelo" per far funzionare App Inventor in locale) di un interessante iniziativa che ci potrebbe riguardare da molto vicino.

Per chi non lo conoscesse Jose Mª Martin è attualmente impegnato nello sviluppo di App Inventor e partecipa attivamente alla comunità su Google Gruppi (vi invito ad iscrivervi e ad aggiungere Jose tra le vostre cerchie G+)

Oggi ha postato un interessante appello in cui ricerca dei Beta Tester per una versione "sperimentale" di App Inventor, ed ha pubblicato l'elenco delle nuove feature che ha in mente, nello specifico:

Tutorial 40 - Inviare email con allegati da App Inventor

Premessa: Questo è un tutorial abbastanza complicato, infatti App Inventor nativamente non offre la possibilità di inviare email con allegati.

Il tutorial è composto solo da testo e screenshot, l'utente deve avere una buona padronanza sia di App Inventor che dei servizi Google in generale

Detto questo, vediamo come, sfruttando uno script python caricato su Google App Engine è possibile inviare da App Inventor delle mail con anche un allegato.

Il metodo non usa activitystarter (come visto nel tutorial 14) e quindi non si aprirà il client gmail, ma usa il componente web per dialogare con il web service, volendo la mail viene mandata anche senza premere un tasto "send" visto che si usa il componente web col metodo POST.

Tutorial 38 - Importare dati da una tabella HTML in App Inventor - Parte 2

Eccoci alla parte 2 del tutorial (la parte 1 la trovate cliccando QUA)

Ora i dati sono pronti e formattati secondo le nostre necessità.

Non ci resta che creare l'app che scarichi questi dati e li visualizzi all'utente.

Per semplicità la nostra app visualizzerà solo le prime 3 squadre in classifica ed il loro punteggio, è chiaro come sia possibile far visualizzare qualsiasi dato presente nella nostra tabella cambiando la query ed aggiungendo nuove label, etc...

Tutorial 38 - Importare dati da una tabella HTML in App Inventor - Parte 1

Nel tutorial di oggi ci occuperemo di "data scraping", ovvero quel metodo con cui si prendono delle informazioni dalla rete per poi renderle disponibili all'interno della nostra app.

Nello specifico faremo "scraping" di una tabella HTML visto che in internet, molte volte troviamo dati formattati proprio sotto forma tabellare.

Per cercare di facilitare il più possibile il processo utilizzeremo Google Spreadsheet (tradotto "Foglio di Lavoro" in Google Drive) che servirà da passaggio intermedio tra il sito internet e la nostra app.

Tutorial 25 - Il componente WebViewer di App Inventor

Eccoci arrivati al tutorial sul componente WebViewer
Questo componente è stato introdotto ultimamente in App Inventor dopo insistenti richieste dei suoi utilizzatori.

Per chi non sapesse cos'è una WebView possiamo semplificare dicendo che è una "finestra" all'interno della nostra app che visualizza un contenuto disponibile sul web.

Acqua Alta Venezia aggiornato alla versione 3.0 !

Dopo un weekend eccezionalmente caldo trascorso a Venezia (come potete vedere sono anche passato davanti ad una delle stazioni di rilevamento della marea) son finalmente riuscito ad aggiornare la mia App portandola alla versione 3.0

Tutorial 20 - Importazione dati da XML (Avanzato) tag ripetuti

Nel tutorial di oggi andremo ad approfondire quanto visto nel Tutorial 17 per quanto riguarda l'estrazione dei dati da una pagina in XML.

Non sempre i tag ( gli elementi della pagina XML delimitati dai simboli < e /> ) appaiono una sola volta nella nostra pagina, anzi succede più spesso l'opposto.
Con la procedura vista l'altra volta era possibile estrarre solamente la prima occorrenza del tag cercato.

Tutorial 19 - Usare il componente LocationSensor per sapere dove siamo

Nel tutorial di oggi vedremo l'utilizzo del componente LocationSensor (palette Sensors) che permette di ottenere nelle nostre app informazioni sulla "geolocalizzazione" del nostro telefono.
In pratica questo componente viene utilizzato in tutte quelle applicazioni che han bisogno di conoscere con esattezza la nostra posizione.
Gli utilizzi sono veramente innumerevoli (una semplice app che visualizzi le previsioni del tempo per la nostra località, oppure una app che ci ricordi dove abbiamo parcheggiato, etc...) e fortunatamente App Inventor ha un componente apposito fin dalla sua prima release.

Tutorial 17 - Importare dati da pagina XML con App Inventor

Vediamo nel tutorial di oggi un'altra possibile implementazione del nuovo componente web di App Inventor,
mi è stato infatti chiesto se fosse possibile leggere una pagina formattata in XML con App Inventor.

Tutorial 11 - Il nuovo componente WEB di App Inventor

Come visto qualche giorno fa, il team Google ha introdotto un interessantissimo nonchè potentissimo nuovo componente in App Inventor.
Si chiama semplicemente "Web" e ci permette di ricevere dati tramite HTTP GET o HTTP POST nella nostra applicazione.
Questo vuol dire che ogni pagina internet, server web, etc... potrà essere "interrogato" dalla nostra app e potremo avere a disposizione questi dati all'interno di app inventor.
Le possibilità si ampliano di molto rispetto al passato quando l'unico elemento per fare una cosa simile era "TinyWebDB" ma il suo uso era molto più complicato e laborioso.