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.

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

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.