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.

Nuova versione App Inventor (v131 - 10-12-2012)

Ad un mese esatto di distanza dall'ultimo update ecco che il MIT sforna una nuova versione di App Inventor, la v 131 rilasciata in data 10 Dicembre 2012.

Questa volta le novità sono davvero minori, mi sembra si sian più concentrati sul risolvere piccoli bug e poco altro, ad ogni modo ecco il changelog completo:

Version 131, December 10, 2012

• Aggiornato "Image Picker" per permettere di scegliere immagini sia dalla camera che da altri album accessibili dal device. Copia anche il nome l'immagine selezionata dalla SD e ritorna il path ad essa come argomento all'evento "AfterPicking"
• Camcorder: Piccole modifiche su dove vengono memorizzati i video, ora vengono salvati nella directory di default
• Bugfixes vari per il Texting Component.
• Fix al buildserver che a volte non compilava nell'apk le librerie esterne corrette (ad esempio per i componenti Texting e Fusion Tables), nota: questo era già stato corretto dalla versione v130c
• Sistemato il componente "Notifier" che ora mostra un font di una grandezza "accettabile" sia sulle vecchie che sulle nuove versioni di Android

Come vedete nulla di eclatante, importanti di sicuro gli aggiustamenti al componente Texting che aveva dato parecchi grattacapi a vari utenti.
Attendiamo con impazienza aggiornamenti più corposi,
vi ricordo che se volete curiosare sugli attuali sviluppi di App Inventor potete controllare direttamente questa pagina:

https://github.com/mit-cml/appinventor-sources/commits/master

buon App Inventing :)

Tutorial 39 - Installare App Inventor in locale sul proprio pc (obsoleto!!!)

Aggiornamento: ho realizzato una nuova versione dello stesso tutorial, per favore guardate il nuovo tutorial QUA ora è molto più semplice!

App Inventor è fondamentalmente una web app, e per questo ha bisogno di una connessione internet attiva per funzionare correttamente.
Cosa succede però se vogliamo sperimentare o sviluppare la nostra idea quando la rete non c'è?
Fino ad oggi dovevamo attendere di essere di nuovo connessi per poter usare MIT App Inventor...
Ma ora, finalmente, grazie al grande lavoro svolto dal team MIT e dal grande Gary possiamo installare in locale sul nostro pc una versione di App Inventor perfettamente funzionante e che non necessita di alcuna connessione di rete.

Nuova versione App Inventor (v130a - 10-11-2012)

E' stata rilasciata una nuova versione di App Inventor,
per la precisione la v130a con data 10-11-2012
già disponibile semplicemente visitando la solita pagina

http://beta.appinventor.mit.edu

ed anche nella sua equivalente versione wireless (dovete in questo caso aggiornare l'app corrispondente nel vostro smartphone)

http://testwireless.appinventor.mit.edu/

in basso a destra vedremo l'indicazione

Built: November 10 2012 Version: v130a

Vediamo brevemente le novità che porta (poche ma importanti):

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 37 - Connessione del proprio cellulare al Blocks Editor via wifi (senza driver adb)

E' con grande piacere che vi propongo oggi una rapida guida per utilizzare App Inventor in maniera del tutto wireless!!!

Il team del MIT infatti si è infatti reso conto di quanto possa essere tedioso e problematico per l'utente riuscire ad installare i driver Adb corretti per il proprio dispositivo
(basta guardare quanti commenti ci sono nel tutorial che avevo fatto e quanti problemi hanno avuto i miei lettori...)
Ogni giorno escono device Android nuovi, e non sempre le case forniscono subito i driver adb corretti (sopratutto per prodotti lowcost).
Aggiungiamo a questo marasma tutte le versioni di Windows esistenti e capite anche voi in quale caos ci si possa ritrovare!

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

Nuova versione App Inventor (v129 - 11-09-2012)

Dopo essere tornati tutti dalle vacanze, il team del MIT ci fa una bella sorpresa rilasciando una nuova versione di App Inventor,
per la precisione la nuova build è la :

Built: September 11 2012 Version: v129

Vediamone insieme tutte le novità:

• Supporto per il ridimensionamento ed il full screen nei video.
  E' ora possibile riscalare il componente "Video Player" da blocks editor, dalle versioni Android 2 e successive potete impostare il Video Player in full screen, il tasto back del telefono riporterà il componente alla sua dimensione originale
• Gli "Horizontal e Vertical Arrangements" possono ora allineare il loro contenuto!
  Anche lo Screen ha questa proprietà, si può scegliere di allineare a Sinistra, Destra, Centro, Alto o Basso il contenuto degli Arrangements.
  Questo settaggio non ha nessun effetto se il size dell'arrangement è impostato su "automatic", e l'impostazione di allineamento verticale non ha effetto se lo "screen" è impostato su "scrollable"
• Migliorie per "Canvas" e "Sprite". Creati nuovi eventi "Flung" , "TouchUp" e "TouchDown".
  Quando l'utente tocca uno sprite e fa uno "swipe" in una direzione, l'evento "Flung" viene generato con le informazioni sulla direzione e la velocità dello swipe stesso. Questo evento può essere utilizzato per determinare la direzione e la velocità a cui muovere lo Sprite. Anche il Canvas può creare un evento "Flung" così l'utente può leggere questo evento e programmare le azioni da fare di conseguenza
  In ultimo quando un utente poggia il dito su uno sprite l'evento "TouchDown" è generato, quando solleva il dito l'evento "TouchUp" è generato, questi nuovi eventi sono in più rispetto all'esistente "Touched" che rimane sempre valido.
• Aggiunte nuove impostazioni per la screen orientation
  User (lascia l'utente scegliere l'orientamento)
  Sensor (ruota automaticamente quando il telefono ruota)
• Bug fix vari

Se volete qui trovate le release note dal sito ufficiale (release notes in inglese)

Ora al solito i miei commenti:

1) Full screen nei video, potrebbe essere interessante ma reputo AI poco adatto alla gestione dei video e non ci ho mai lavorato tanto, ma magari a qualcuno può interessare

2) Allineamenti!!!!! Finalmente possiamo allineare i nostri button, textbox, label, etc... con molta facilità!

questa era una cosa che aspettavamo da tempo, per centrare il famoso pulsante in centro allo schermo non dovremmo più impazzire con delle finte label vuote ma usare direttamente queste nuove properties,

Guardate questo esempio per capire meglio, ho allineato due pulsanti orizontalmente in centro allo schermo, basta mettere un horizontal arrangement con dimensione "fill parent" e poi scegliere l'alignhorizontal "center" e il gioco è fatto!

sarà così finalmente possibile creare interfacce ancora più curate con semplicità! era ora!!! :)

3) Evento "Flung"

molto interessante, in pratica mi sembra di capire che possiamo ora realizzare qualcosa del tipo swipe a destra o sinistra, non ho ancora provato a vedere bene come funziona, mi spaventa un pò il fatto che funzioni solo sui Canvas e sugli Sprite, sarebbe bello averlo anche ad esempio negli "Arrangement" così nell'esempio dell'allineamento di qua sopra si potrebbero programmare le azioni per passare da una schermata all'altra usando lo swipe (oltre che eventualmente premendo i pulsanti)

Proverò a sperimentare un pò sperando di capire un pò meglio il tutto e di trovarne un applicazione pratica

Che dire, il team MIT sembra sempre al lavoro ed ogni mese circa abbiamo qualche piccola ma utile funzione in più!

E voi, che ne pensate? venite nel forum per dire la vostra! :)

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à!

Nuova versione App Inventor (v127 - 23-07-2012)

Bene bene, vedo che al MIT non stanno fermi, è stata appena rilasciata una nuova versione di App Inventor!

Built: July 23 2012 Version: v127

Vediamo subito le novità dal changelog ufficiale:

• Aggiunto componente "CamCorder", funziona come la "Camera" ma cattura video invece che immagini, attualmente le immagini catturate avranno una dimensione molto piccola, stiamo lavorando per risolvere il problema
• Possibilita per gli Image Sprite di ruotare e ridimensionarsi simultaneamente.
• Corretto Webviewer che a volte poteva ritornare un errore di null pointer exception.
• Possibilità di cambiare versionName e versionCode nel Designer Editor come proprietà del componente Screen1. Questo è necessario per permettere di fare l'update della applicazioni caricate su Google Play

E' finalmente attivo il nostro FORUM!!!

Dopo aver ricevuto molte richieste di avere un Forum relativo a questo blog, finalmente ho trovato il tempo per installarne uno.

Nella lista delle pagine in alto selezionate la voce Forum e sarete reindirizzati ad esso.

Oppure cliccate App Inventor Italia Forum

Per la registrazione io consiglio ovviamente di usare il vostro account Google,
in alternativa potete utilizzare le login tramite Facebook o Twitter (OpenId a me da qualche problema quindi per ora non utilizzatelo)

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.

Tutorial 33 - Copiare blocks e design editor da uno Screen ad un altro/i

Quello di oggi sarà un tutorial un pò diverso, non vedremo infatti dei componenti nuovi ma vi spiegherò come sia possibile con dei "trucchetti" creare un applicazione multiscreen riutilizzando il codice che abbiamo inserito nello Screen1.

Mettiamo ad esempio che abbiate un applicazione creata tanto tempo fa quando ancora il multiscreen non esisteva.
Avevate fatto tutto con i metodi "visible" per simulare il multiscreen (come nel mio Tutorial 21 - Realizzare un applicazione con schermate multiple) ed ora vorreste utilizzare la nuova funzione nativa per gli schermi multipli.

Nuova versione App Inventor (v126 - 26-06-2012)

E' finalmente uscito un ulteriore aggiornamento ad App Inventor, ora la versione che si utilizza è la 126


Built: June 29 2012 Version: v126


Vediamo in breve le novità introdotte (a dire il vero si tratta di un minor update che non porta novità eclatanti ma che fa come sempre ben sperare per il futuro di questo interessante progetto...)

Google I/O 2012 e App Inventor

Mercoledì 27 Giugno ore 18:30 circa (in Italia) 

comincerà il Google I/O 2012, la conferenza che si tiene ogni anno e che viene utilizzata per presentare al pubblico le novità principali che ha in serbo Google per l'anno a venire.

Ovviamente gran parte dell'evento sarà dedicato ad Android, l'anno scorso presentarono anche qualcosina relativa ad App Inventor, quest'anno non si sa ancora...

Per tutti i fan Android ed ovviamente App Inventor, su questa pagina da domani potrete seguire live l'evento in streaming, naturalmente non dovreste mancare, infatti anche se non si parlerà direttamente di App Inventor, verranno sicuramente presentate interessanti novità che indirettamente toccheranno anche noi (Android Jelly Bean ... sarà compatibile con AI, mi auguro proprio di si!)

Ci vediamo qui domani per seguire l'evento ed eventualmente commentare le novità! :)

Tutorial 32 - Creazione emulatori Android da usare con App Inventor - Parte 2

In questa seconda ed ultima parte del tutorial andiamo a vedere come collegare il nostro emulatore creato con AVD al blocks editor, e le differenze di comportamento della nostra app a seconda della risoluzione impostata.

Spesso mi riportate tramite mail o commenti dei problemi nell'apertura del blocks editor, nella prima parte del video vi mostro anche come abilitare la console Java per avere più informazioni possibili su eventuali errori nel programma.

Tutorial 32 - Creazione emulatori Android da usare con App Inventor - Parte 1

Quante volte avremmo voluto provare la nostra applicazione creata con App Inventor in un altro emulatore, che non fosse "il solito" con gingerbread e su una risoluzione diversa dalla "canonica" 480x800...

Bene, nei due tutorial che vi propongo andremo a fare proprio questo.

Forse non tutti lo sanno ma utilizzando ancora una volta Android SDK è infatti possibile creare in maniera molto semplice e veloce, molteplici immagini virtuali di dispositivi Android, ognuna con le proprie caratteristiche.

Nuova versione App Inventor (v125 - 08-05-2012)

Mi è appena giunta notizia che App Inventor è stato aggiornato alla versione v.125 (Version: 125 Id: 4fbee9e4023c), sembra ci siano delle novità interessanti che potrebbero rendere "obsoleti" alcuni dei miei vecchi tutorial :(

Per usare la nuova versione basta ricaricare la pagina app inventor all'indirizzo solito:

http://beta.appinventor.mit.edu

Attenzione che usando questa nuova versione, i file .apk generati non sono più "direttamente compatibili con Marketizer Cloud"
Leggete maggiori informazioni su come risolvere la cosa 
qua

In particolare sembra ora che i progetti realizzati possano essere direttamente caricati in Google Play senza passare da Marketizer o altro.

Tutorial 31 - Applicazione con schermate multiple (semplice)

Continuiamo oggi il discorso delle applicazioni MultiScreen andando a vedere un altro esempio che utilizza la nuova opzione "Add Screen" di App Inventor.

Nel precedente tutorial (Tutorial 29 - Applicazioni MultiScreen nuovo metodo) avevamo visto una certa complessità d'implementazione dove ad esempio uno screen passa delle informazioni all'altro per comunicare i settaggi di un applicazione.

Tutorial 30 - Come pubblicare le proprie applicazioni App Inventor su Google Play con Marketizer Cloud

Riprendiamo un tutorial visto qualche mese fa sulla pubblicazione delle proprie fatiche di App Inventor in Google Play store.

Sono successe alcune cose nel frattempo, nello specifico che ci interessano da vicino le novità sono 3:

1 - Android Market si chiama ora Google Play store
2 - Google App Inventor è passato nelle mani del MIT ed ora è conosciuto come MIT App Inventor
3 - Marketizer è ora diventato un progetto "cloud" ed infatti l'ultima versione disponibile è Marketizer Cloud

Tutorial 29 - Applicazioni MultiScreen (nuovo metodo) MIT App Inventor

Rieccoci con un nuovo VideoTutorial, come accennato precedentemente, la prima novità offerta da quando App Inventor è passato nelle mani del MIT è quella di realizzare applicazioni "realmente" MultiScreen.

Troviamo infatti ora due nuovi pulsanti sulla barra del design editor, "Add Screen" e "Remove Screen" che ci permettono in pratica di creare delle vere e proprie "sottoapplicazioni" all'interno della nostra app principale.

La fase di test è finita! App Inventor prosegue la sua marcia!

Come annunciato da Hal in questo post:

http://groups.google.com/group/mit-appinventor-testers/browse_thread/thread/9744108af43e6cb2

La fase di test (quella a numero chiuso) è stata dichiarata ufficialmente chiusa e quindi verranno chiusi anche i forum di supporto creati appositamente, si invitano gli utenti ad utilizzare da ora in avanti il bug tracker ufficiale che trovate a questa pagina:

http://code.google.com/p/app-inventor-for-android/wiki/ReportingBugs

dove andranno segnalati tutti i bug riscontrati.

Ufficiale, App Inventor è tornato, e stavolta è per tutti!

Come preannunciato da me in via non del tutto ufficiale il 29 Febbraio, MIT App Inventor è ora in fase open beta, ovvero chiunque si può registrare e può iniziare nuovamente ad usare App Inventor!

la notizia ci viene data da questo post di Hal Abelson

Announcing: MIT App Inventor Open Beta Preview

ed il nuovo indirizzo ufficiale di App Inventor diventa:

http://appinventor.mit.edu/

MIT App Inventor passa alla fase Beta pubblica

Eccoci!!!! finalmente ci siamo!!!!


App Inventor è passato alla fase di Beta Pubblica!!!

Questo cosa significa? che non bisogna più richiedere l'accesso come beta tester ma basta avere un account google e puntare il proprio browser all'indirizzo:

http://experimental.appinventor.mit.edu/

Per ricominciare ad usare il nostro amato App Inventor

MIT App Inventor, ora Open Source!!!

Continua la spasmodica attesa per il lancio dei server pubblici di MIT App Inventor, volevo aggiornavi sulle ultime news che sono riuscito a recuperare:

Continuiamo ad aspettare...con fiducia!!!

Eh si, purtroppo non abbiamo ancora notizie aggiornate su quando il nostro amato App Inventor tornerà ad essere disponibile pubblicamente.

Continuo a seguire assiduamente il forum di riferimento a questo indirizzo:

http://groups.google.com/group/mit-appinventor-testers

(consiglio anche a tutti voi di darci un occhio di tanto in tanto)