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