Novità per MIT App Inventor, presto in arrivo il supporto ai Tablet!!!

Buone notizie in arrivo dal team MIT App Inventor,
(tool gratuito e cloud based per la creazione di applicazioni Android) è stato reso disponibile un nuovo server di test dove testare il supporto preliminare alle risoluzioni dei tablet.

Questo vuol dire che in un prossimo futuro si potranno realizzare con più facilità delle app che "scalano" correttamente quando visualizzate sui tablet, senza dover ricorrere a "trucchi" strani per riscalare i nostri elementi grafici.

Il post di riferimento di Jos lo potete leggere a questo indirizzo:

https://groups.google.com/forum/#!topic/app-inventor-open-source-dev/58jyavtBBVk

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.

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:

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

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

Tutorial 28 - Usare il componente Notifier per interagire con l'utente

Vediamo in questo tutorial i possibili utilizzi di un componente molto interessante di App Inventor, il componente "Notifier"
Questo componente viene utilizzato principalmente per "dialogare" con l'utente in maniera interattiva facendo apparire dei messaggi di avviso o di notifica nella nostra app.

Tutorial 27 - Distribuire carte da Poker (ciclo "while", random e array)

Su richiesta di un amico lettore, vediamo oggi un applicazione realizzata con App Inventor che prenda un ipotetico mazzo di carte da Poker e le distribuisca in maniera casuale a quattro giocatori.

Il tutorial di oggi si avvarrà solo di screenshot e testo, il video risulterebbe troppo lungo e noioso, non vi spaventate, cercherò di essere il più chiaro possibile.

Questa app è solo un esempio di come si potrebbe creare un gioco di Texas Hold'em o di Video Poker, la strada da fare è tanta e complicata ma seguendo questo tutorial imparerete comunque cose interessanti sui cicli "while", sulle liste e sulle funzioni random di App Inventor.

Tutorial 26 - Template Splash Screen e EULA

Importante, disponibile un aggiornamento di questo tutorial, trovate il nuovo articolo cliccando qua

Vediamo oggi un tutorial un pò "anomalo", nel senso che imparerete e rivedrete si l'utilizzo di alcuni componenti di App Inventor (come i Vertical Arrangement, il Clock, il TinyDB e il Notifier) ma sopratutto vi programmerete un app base (template) che vi potrà servire in futuro come partenza per la creazione di molte vostre 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 21 - Realizzare un applicazione con schermate multiple

Una delle limitazioni di App Inventor (un'altra direte voi...) è che non si possono creare applicazioni che abbiano più di una schermata.

Infatti nel design editor avrete notato che esiste solo un elemento "Screen1" poco personalizzabile, e che tutti i nostri ulteriori elementi dell'interfaccia vanno posizionati gerarchicamente sotto di esso.

Tutorial 16 - Utilizzare l'elemento ImageSprite al posto dell'elemento Button

Come abbiamo visto nel Tutorial 15 possiamo usare un immagine come sfondo per i nostri pulsanti in App Inventor.
Il risultato sarà sicuramente soddisfacente ma, sfortunatamente, in alcune situazioni potrà capitare che l'allineamento dei nostri pulsanti risulti molto difficoltoso (se non a volte impossibile).

Ecco allora che si può utilizzare un altro trucchetto per simulare un pulsante (Button), il componente da utilizzare si trova nella palette Animation ed è chiamato ImageSprite.

ImageSprite va utilizzato solamente all'interno di un Canvas (elemento che abbiamo visto nel Tutorial di PaintPot), ed è per questo che suggerisco di utilizzare questo accorgimento per applicazioni dove l'aspetto grafico è di fondamentale importanza.

Tutorial 15 - Creare pulsanti (Button) con grafica accattivante

Vediamo oggi come è possibile, con un piccolo sforzo di programmazione in più, utilizzare nelle nostre App dei pulsanti (Button) che abbiano un aspetto grafico diverso da quello di default di App Inventor.

Come ormai saprete infatti, i pulsanti "base" di App Inventor (quelli che trasciniamo nel nostro progetto dalla palette basic) sono si utilissimi e molto facili da utilizzare, ma peccano dal punto di vista visivo, in quanto sono tutti uguali ed aimè poco accattivanti...

Tutorial 14 - Inviare email da Gmail con App Inventor

Proseguiamo con l'analizzare quali altre applicazioni "standard" possono essere facilmente utilizzate ed integrate in App Inventor...

Sicuramente chi ha un telefono Android ha anche un account Gmail (sarebbe un pazzo a non averlo!), e di conseguenza sarà già ben familiare col client di posta Gmail integrato nel suo smartphone.

Vediamo nel tutorial di oggi come è possibile, sempre usando il potentissimo componente activitystarter, avviare direttamente da App Inventor il client di posta nel modo a noi più utile.