Appunti di programmazione, tutorial e guide per il mondo Android usando App Inventor
Cerca con Google
Translate
Visualizzazione post con etichetta Clock. Mostra tutti i post
Visualizzazione post con etichetta Clock. Mostra tutti i post
17 luglio 2015
Tutorial 12 (Difficile) Custom TinyWebDB, salvataggio tabellone HighScore su cloud in MIT App Inventor - Parte 1
Continuiamo a vedere una possibile applicazione del Custom TinyWebDB.
In questo tutorial andremo a creare un'istanza
personalizzata del TinyWebDB che ci permetterà in maniera molto semplice di memorizzare sul cloud App Engine una lista dei migliori punteggi realizzati nel nostro gioco creato con MIT App Inventor 2.
La parte difficile del tutorial è quella relativa alla creazione del Custom TinyWebDB, si potevano infatti pensare diversi approcci al problema, se inserire la logica della gestione degli high-score in App Inventor oppure delegare il tutto all'applicazione in Python che gira su Google App Engine.
Visto che sto studiando anche un pò di Python mi son voluto cimentare in questo secondo metodo, il vantaggio è che la parte da inserire in App Inventor è molto più semplice...
In pratica nel nostro gioco creato con App Inventor dobbiamo solamente memorizzare il punteggio del giocatore ed il suo nome.
Questa coppia di valori andrà inserita nella lista costruita e memorizzata nel TinyWebDB.
L'applicazione che gira su Google App Engine prenderà la lista completa di coppie nomi-punteggio, li metterà in ordine (dal più alto al più basso) e restituirà ad App Inventor la nuova lista (con il nuovo nome-punteggio) ordinata pronta per essere visualizzata nel vostro gioco.
Etichette:
App Engine,
App Inventor 2,
Clock,
Gioco,
Google App Engine,
HighScore,
Lists,
Python,
TinyWebDB,
Tutorial,
VideoGioco
Tutorial 12 (Difficile) Custom TinyWebDB, salvataggio tabellone HighScore su cloud in MIT App Inventor - Parte 2
Parte 1 del tutorial Custom TinyWebDB HighScore
In questa seconda parte del tutorial per la realizzazione di un gioco con MIT App Inventor 2 con salvataggio degli highscore, vediamo l'applicazione Python da caricare in Google App Engine.
Se non lo avete già fatto studiatevi il tutorial sul custom TinyWebDB e su Google App Engine cliccando QUA , vi servirà anche oggi...
Lo scopo di questa seconda parte del tutorial è spiegarvi quello che ho fatto con l'applicazione Python che gira nella nostra console in Google App Engine.
In pratica ho modificato il servizio "base" usato in MIT App Inventor 2 dal componente TinyWebDB, per accettare come dati da salvare sempre una coppia "tag"/"value" ma nello specifico in "value" gli voglio passare sempre e solo una lista annidiata contenente delle coppie di valori (("NomeGiocatore1","PunteggioGiocatore1"),("NomeGiocatore2","PunteggioGiocatore2",...))
In questa seconda parte del tutorial per la realizzazione di un gioco con MIT App Inventor 2 con salvataggio degli highscore, vediamo l'applicazione Python da caricare in Google App Engine.
Se non lo avete già fatto studiatevi il tutorial sul custom TinyWebDB e su Google App Engine cliccando QUA , vi servirà anche oggi...
Lo scopo di questa seconda parte del tutorial è spiegarvi quello che ho fatto con l'applicazione Python che gira nella nostra console in Google App Engine.
In pratica ho modificato il servizio "base" usato in MIT App Inventor 2 dal componente TinyWebDB, per accettare come dati da salvare sempre una coppia "tag"/"value" ma nello specifico in "value" gli voglio passare sempre e solo una lista annidiata contenente delle coppie di valori (("NomeGiocatore1","PunteggioGiocatore1"),("NomeGiocatore2","PunteggioGiocatore2",...))
Etichette:
App Engine,
App Inventor 2,
Clock,
Gioco,
Google App Engine,
HighScore,
Lists,
Python,
TinyWebDB,
Tutorial,
VideoGioco
1 luglio 2015
Nuova versione di MIT App Inventor 2 (nb144) - 30 Giugno 2015
Procedono senza sosta i lavori su MIT App Inventor 2, il tool online, web based e gratuito per la realizzazione di Android app.
Siamo giunti alla versione nb144 datata 30 Giugno 2015.
Vediamo brevemente tutte le novità, alcune molto interessanti ed attese da tempo...
Siamo giunti alla versione nb144 datata 30 Giugno 2015.
Vediamo brevemente tutte le novità, alcune molto interessanti ed attese da tempo...
Etichette:
ActivityStarter,
Aggiornamento,
App Inventor 2,
Background,
Background Image,
Clock,
ListView,
player,
Screen1,
TextToSpeech
31 luglio 2014
Tutorial 9 - Creazione gioco Android tipo Space Invaders con MIT App Inventor 2 (Parte 1)
Nel tutorial di oggi vedremo come realizzare in maniera semplice e veloce un simpatico gioco per Android.
Useremo sempre MIT App Inventor 2, un tool gratuito e cloud based per la realizzazione di applicazioni Android.
Lo schema di base assomiglierà un pò al buon vecchio Space Invaders, ma in questo caso controlleremo con il nostro dito un sottomarino che dovrà sparare dei siluri per affondare la nave che viaggia nella parte superiore dello schermo.
Useremo sempre MIT App Inventor 2, un tool gratuito e cloud based per la realizzazione di applicazioni Android.
Lo schema di base assomiglierà un pò al buon vecchio Space Invaders, ma in questo caso controlleremo con il nostro dito un sottomarino che dovrà sparare dei siluri per affondare la nave che viaggia nella parte superiore dello schermo.
Etichette:
App Inventor 2,
Ball,
Clock,
CollidedWith,
EdgeReached,
Gioco,
If-then-Else,
ifelse,
Image Sprite,
Interval,
Pulsanti,
Random,
random integer,
Sound1.Play,
Speed,
Sprite1.Heading,
TimerInterval,
Tutorial,
VideoGioco
Tutorial 9 - Creazione gioco Android tipo Space Invaders con MIT App Inventor 2 (Parte 2)
Per leggere la parte 1 del tutorial clicca QUA
Proseguiamo quindi il nostro tutorial per la creazione di un semplice videogioco Android tramite MIT App Inventor 2.
Mancano ancora da programmare gli eventi per la gestione delle collisioni, per lo spostamento della nave, per il calcolo del punteggio e per l'aggiunta degli effetti sonori...
Se provate l'app realizzata fino a questo punto vedrete che quando il proiettile raggiunge il bordo superiore dello schermo si ferma, per programmare quindi correttamente l'animazione del proiettile e far si che sparisca al di fuori dello schermo possiamo usare l'evento "Ball1.EdgeReached" che ci indica quando il proiettile tocca uno dei bordi dello schermo, quando viene generato questo evento vogliamo semplicemente far sparire il proiettile settando la sua visibilità a "false" e resettando la sua posizione ad un valore di default (ad esempio x=100 y=100 pixel), di fatto simulando l'uscita di questo dallo schermo.
Proseguiamo quindi il nostro tutorial per la creazione di un semplice videogioco Android tramite MIT App Inventor 2.
Mancano ancora da programmare gli eventi per la gestione delle collisioni, per lo spostamento della nave, per il calcolo del punteggio e per l'aggiunta degli effetti sonori...
Se provate l'app realizzata fino a questo punto vedrete che quando il proiettile raggiunge il bordo superiore dello schermo si ferma, per programmare quindi correttamente l'animazione del proiettile e far si che sparisca al di fuori dello schermo possiamo usare l'evento "Ball1.EdgeReached" che ci indica quando il proiettile tocca uno dei bordi dello schermo, quando viene generato questo evento vogliamo semplicemente far sparire il proiettile settando la sua visibilità a "false" e resettando la sua posizione ad un valore di default (ad esempio x=100 y=100 pixel), di fatto simulando l'uscita di questo dallo schermo.
Etichette:
App Inventor 2,
Ball,
Clock,
CollidedWith,
EdgeReached,
Gioco,
If-then-Else,
ifelse,
Image Sprite,
Interval,
Pulsanti,
Random,
random integer,
Sound1.Play,
Speed,
Sprite1.Heading,
TimerInterval,
Tutorial
14 agosto 2013
Tutorial 55 - Importare dati da un file .csv o .txt tramite JavaScript e memorizzarlo in TinyDB
Iniziamo a vedere con questo tutorial tutte le potenzialità che può esprimere App Inventor quando viene utilizzato insieme a JavaScript.
Per chi non lo sapesse JavaScript è un linguaggio di programmazione solitamente usato nelle pagine web per ampliare la funzionalità dell'html di base ed avere quindi siti internet più ricchi di funzionalità (detta proprio terra terra...)
Il grande PuraVidaApps (sito che vi consiglio di visitare) ha scoperto la possibilità di usare JavaScript anche in App Inventor!
Per chi non lo sapesse JavaScript è un linguaggio di programmazione solitamente usato nelle pagine web per ampliare la funzionalità dell'html di base ed avere quindi siti internet più ricchi di funzionalità (detta proprio terra terra...)
Il grande PuraVidaApps (sito che vi consiglio di visitare) ha scoperto la possibilità di usare JavaScript anche in App Inventor!
Etichette:
Android,
App Inventor,
Clock,
CSV,
Database,
Google,
Guida,
ifelse,
Indice,
list from csv table,
Lists,
Screen1,
SQL,
TinyDB,
Tutorial,
Variabili,
WebView,
WebViewer
5 aprile 2013
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.
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.
Etichette:
Button,
Clock,
format as decimal,
Guida,
ifelse,
make a list,
Notifier,
procedureWithResult,
Pulsanti,
Random,
random integer,
replace list item,
Screen Arrangement,
segment,
select list item,
Tutorial,
Variabili
8 ottobre 2012
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
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
Etichette:
Android,
App Inventor,
Clock,
Google,
Guida,
MultiScreen,
Notifier,
Pulsanti,
Screen Arrangement,
SplashScreen,
Tasto Back,
Tutorial,
Vertical Arrangement
21 novembre 2011
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.
Etichette:
Android,
App Inventor,
Clock,
EULA,
Google,
Guida,
MultiScreen,
Notifier,
OrientationSensor,
Pulsanti,
Screen Arrangement,
SplashScreen,
TinyDB,
Tutorial,
Vertical Arrangement
Iscriviti a:
Post (Atom)
