Visualizzazione post con etichetta app-inventor-2. Mostra tutti i post
Visualizzazione post con etichetta app-inventor-2. Mostra tutti i post

giovedì 27 aprile 2017

Fare e riprodurre video (Mit App Inventor 2)

Poteva mancare una fornita sezione Multimediale in Mit App Inventor 2?
Certo che no!
In questo breve tutorial vi spiegherò come fare video con app inventor 2, ma anche come riprodurli, grazie a due componenti davvero semplici da utilizzare, che sfruttano le più basilari funzionalità degli smartphone.


Come fare e riprodurre video in Mit App Inventor 2


Per poter registrare un video con app inventor 2, basta utilizzare un componente che si trova nella sezione Multimediale (Media), il cui nome è niente poco di meno che: Videocamera (Camcorder).

Fare e riprodurre video (Mit App Inventor 2)

Dopo aver trascinato la videocamera dentro il Visualizzatore (viewer), andare nei blocchi, per vedere come gestire la registrazione dei video in appinventor2.

Il comando (blocco) da utilizzare per la registrazione di un video (da associare magari ad un semplice bottone), si chiama Esegui videocamera registra video (call camcorder record video).

Esegui videocamera registra video

Il componente invece da utilizzare per poter riprodurre un video in app inventor 2, si trova sempre nella sezione multimedia, e si chiama Player Video.

I blocchi (blocks) da usare per la riproduzione di un video, sono Imposta playervideo sorgente (Set playervideo source) per poter dire quale video bisogna riprodurre, e Esegui playervideo avvia (Call playervideo start)... più eventuali altri comandi di Stop e Pausa.

Nel nostro specifico esempio, il sorgente da impostare per il lettore video, lo andiamo a prendere direttamente da una variabile valorizzata dal comando Per sempre quando videocamera termina registrazione (When cam corder after recording).

Player Video App Inventor 2

Trovate un esempio pratico di come registrare e riprodurre video app inventor, in questo progetto .aia, che come sempre è solo un assaggio (completo comunque) di ciò che è possibile fare con i componenti appinventor, giusto per capire velocemente, toccando con mano un esempio già preimpostato, le potenzialità dello strumento.

Grazie a questi semplici componenti di app inventor, potrete creare un'applicazione che registra, riproduce, e volendo, condivide dei video.

Tornare all'elenco delle lezioni

mercoledì 26 aprile 2017

Installare MIT App Inventor 2 su Windows in locale

Per poter superare tutti i limiti di MIT App Inventor 2, c'è una cosa che potete fare, anzi due: installarlo sul vostro computer in locale, e modificarlo creando nuovi componenti e/o estensioni.

Più facile a dirsi che a farsi ovviamente, ma andiamo per ordine: installare app inventor 2 in locale, sul proprio pc di casa, che magari ha su windows.
Questa operazione, richiede un po' di pazienza, per poter eseguire con successo tutti i vari passaggi, che immancabilmente vi riporteranno qualche errore e/o grattacapo da risolvere.


Come installare MIT App Inventor 2 su Windows in locale


Per far girare app inventor 2 in locale, occorre prima soddisfare una serie di requisiti:
  1. Installare l'ultima versione di Java (o guardare sul sito MIT la minima necessaria, attualmente la 7)
  2. Installare ANT per Windows (leggere qui su come fare)
  3. Installare GIT
  4. Installare ADB Android Debug Bridge (qui le istruzioni)
  5. Installare AppEngine sdk
  6. Sistemare le variabili d'ambiente (leggere qui)

Dopo aver soddisfatto questi requisiti base, forse avrete meno grane durante l'installazione di app inventor su windows (e non).

Andiamo subito a scaricare il file zip contenente tutti i file necessari per l'installazione, da questo indirizzo:

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

Estrarre lo zip su una cartella del proprio computer, es: c:\appinventor

Adesso, aprire il prompt dei comandi di windows, entrare dentro la cartella di appinventor, fino ad arrivare (tramite il classico comando dos cd nomecartella) a dove è presente un file chiamato build.xml, nella root di app inventor (ad esempio in: C:\appinventor\appinventor), poi digitare:
  • ant clean + INVIO: puliamo/prepariamo l'ambiente per la compilazione, passaggio necessario ogni volta che si vuole rifare il built
  • ant MakeAuthKey + INVIO: otteniamo una chiave segreta che serve al programma
  • ant + INVIO: la compilazione vera e propria

Se tutto sarà andato a buon fine, dopo diversi minuti di compilazione verrà riportato a video il messaggio: BUILD SUCCESSFUL.

Installare MIT App Inventor 2 su Windows in locale

Possibili errori di questi passaggi (es. "cannot run program git"), sono quelli dovuti all'ant path e a git, entrambi risolvibili tramite una corretta configurazione delle variabili d'ambiente.

Build fallito

variabili d'ambiente per app inventor

Git per windows lo trovate al seguente indirizzo.

Inoltre, un altro problema che ho riscontrato durante la compilazione, è che non trovava alcuni file presenti nelle cartelle blocky e closure-libray, dentro la cartella lib di app inventor.
In questo caso, dopo averci perso molto tempo, ho scoperto che il problema (temporaneo credo), era la presenza del carattere @ dentro le cartelle di github online. E' bastato riscaricare singolarmente le cartelle e rinominarle senza tutto ciò che era scritto dopo la chiocciola (e cancellare le corrispettive cartelle vuote in locale), per far funzionare il tutto.

Risolvere problema cartelle vuote

Un'altra cosa da fare è installare app inventor companion app.
Questo strumento serve per poter testare le proprie app da cellulare tramite wifi, e va ricompilato ogni volta che si modifica la piattaforma appinventor (es. aggiungendo nuovi componenti).
In realtà la prima volta forse non è necessario compilarlo, comunque il comando da lanciare (dopo aver collegato il telefono al pc con il cavo usb) da dentro la root di appinventor è:
ant installplay

Se per caso dovesse generare qualche errore, ciò potrebbe dipendere dalla mancata presenza dell'adb (Android Debug Bridge), da installare ed impostare correttamente come variabile d'ambiente.

Bene, adesso diciamo che il più quasi fatto.
Ora, per poter lanciare app inventor sul proprio pc con su windows, occorre usare l'app engine.

Trattasi di un altro componente java, che consente di lanciare app java tipo webserver, le quali consentono di far aprire il sito/applicazione dal browser, collegandosi ad un indirizzo locale della macchina.

In soldoni, dopo aver installato appengine sdk java (scaricabile da qui), occorre lanciare il comando dev_appserver.sh, indicandogli la porta, l'indirizzo del server, ed il percorso fisico dell'appengine nostra app.

Ad esempio nel mio caso, il comando da lanciare dal prompt di dos sarà una cosa del genere:
cd C:\Program Files\appengine-java-sdk-1.9.51\bin\
dev_appserver.sh  --port=8888 --address=0.0.0.0 C:\appinventor\appinventor\appengine\build\war\

Con il primo comando mi posiziono nella cartella dell'appengine java del mio pc (se non l'ho mappata come path di sistema), con il secondo comando invece, lancio app inventor per windows.
Ovviamente è consigliato crearsi un bat che fa in automatico queste ultime azioni, lanciando di fatto appinventor con un click.

Dovrebbe anche partire una finestra java che vi chiede il consenso alla connesione remota, nel caso abbiate qualche firewall, datelo senza problemi.
Ovviamente, per poter girare, serve un java aggiornato (scaricabile da qui), come dicevo sopra.

Bene, adesso basterà aprire il browser (sconsigliato fortemente internet explorer), e collegarsi al seguente indirizzo:
http://127.0.0.1:8888/

Vi verrà chiesta user e password, ma se cliccherete su "Click Here to use your Google Account to login", di fatto finirete in una pagina dove vi basterà inserire una mail per entrare senza password (dopo aver dato il consenso ai termini del servizio).
L'utente indicato servirà anche per la generazione dei pacchetti che andrete a creare con app inventor 2 per pc.

login app inventor

Accedi

Bene, ora, dopo tanta fatica, sarete finalmente dentro il vostro mit app inventor personale, e potrete iniziare subito a creare un nuovo progetto, oppure ad importare uno di quelli che avevate creato online.

App Inventor 2 in locale

Tutto finito? In realtà no.
Per poter creare applicazioni con il vostro app inventor 2 offline (o quasi), dovrete lanciare il BuildServer.
Trattasi dello strumento che consente di generare gli apk, i file che poi si installano sul vostro telefono, i file che consentono la distribuzione della vostra app sul google play store.

Per lanciare il buildserver machine, bisogna spostarsi tramite prompt di dos nella root di appinventor, e poi nella cartella buildserver, ed infine digitare il comando:
ant RunLocalBuildServer
Se il risultato sarà "Server running", allora il buildserver starà girando correttamente, e potrete generare tranquillamente gli apk.
Per testare il build server potrete digitare questo indirizzo:
http://127.0.0.1:9990/buildserver/vars
o questo:
http://127.0.0.1:9990/buildserver/health
che vi restituirà semplicemente OK, in caso positivo.
Oppure, provare direttamente a generare l'apk dalla piattaforma appinventor.

BuildServer in azione

Per comodità quindi, se create un bat che vi lancia app inventor 2 server, aggiungete anche il comando per lanciare il buildserver, così da non doverlo fare ogni volta a mano.
Se vi dimenticate di lanciare il buildserver, quando proverete a generare un apk, l'app vi darà errore.

E' tutto.
Trovate quanto scritto sopra, più dettagliatamente, ma in inglese, a questo indirizzo.

Tornare all'elenco delle lezioni

martedì 25 aprile 2017

La gestione delle notifiche (Mit App Inventor 2)

Un altro utile componente di Mit App Inventor 2 riguarda le notifiche (Notifier blocks).
Grazie a questa funzionalità infatti, sarà possibile creare delle applicazioni per android in grado di riportare a video dei brevi messaggi di notifica, oppure una sorta di popup con (ad esempio) un messaggio di informazioni, oppure ancora, con la possibilità di effettuare una scelta.

Vediamo dunque come funzionano e a cosa servono le notifiche di appinventor 2.

La gestione delle notifiche (Mit App Inventor 2)
 

La gestione delle notifiche in Mit App Inventor 2


Il componente chiamato Notifiche (Notifier) in app inventor 2, si trova nella sezione Interfaccia utente (user interface).
Questo è un componente di tipo invisibile, ovvero, una volta trascinato nel visualizzatore (viewer), non verrà mostrato a video, ma saranno però presenti i suoi effetti dopo aver lavorato nella sezione blocchi (blocks).

Tra le proprietà (properties) configurabili di questo componente di notifica, ci sono il colore di sfondo, la lunghezza notifica (corta/lunga), ed il colore testo.

Proprietà di notifica

Andando poi nei blocchi, sarà possibile vedere che tipo di notifiche app inventor 2 può gestire.

Ci sono infatti le notifiche che salvano dati nei log (info log, error log, avvertimento log), ovvero quelle notifiche che vengono memorizzate nei log del telefono.

Poi ci sono le notifiche di tipo più operativo, quelle che appaiono a video.

Abbiamo la Esegui notifiche mostra avviso (Call notifier show alert notice), che consente di far apparire a video una notifica di testo che poi sparisce dopo pochi istanti (la lunghezza dell'apparizione dipende dal parametro lunghezza notifica / notifier length).

La Esegui notifiche mostra finestra messaggio (Call notifier show message dialog), che fa apparire il classico popup informativo che l'utente deve chiudere cliccando il tasto ok (o qualsiasi altra label si voglia mettere, es. chiudi).

Poi abbiamo la Esegui notifiche Mostra finestra scelta (Call notifierShow chose dialog), interessantissima funzionalità che da all'utente la possibilità di fare delle scelte (es. si o no), poi intercettabili dall'applicazione tramite il blocco Per sempre quando notifiche dopo scelta (When notifier after choosing).

Questo tipo di scelte viene fatto tramite click su delle opzioni prestabilite.
Se invece si vuole far immettere un valore all'utente dentro una finestra di popup che appare nell'applicazione, basta usare il blocco Esegui notifiche mostra finestra testo (Call notifier Show message dialog).
Il messaggio inserito dall'utente viene poi intercettato dal blocco Per sempre quando notifiche dopo inserimento testo (When notifier after text input).

Alcuni di questi popup di notifica app inventor, possono essere chiusi anche senza effettuare alcuna scelta, dipende tutto da come impostate l'opzione di obbligatorietà Nascondibile (cancelable).

Blocchi notifiche

L'ultima funzionalità da citare nella sezione notifiche, riguarda quella della barra di caricamento dell'applicazione: Esegui notifiche Mostra barra di avanzamento (Call notifier show progress dialog).
Questo blocco serve per far apparire il classico popup / finestra modal, in cui si avvisa l'utente che l'applicazione sta caricando (loading please wait).
Attenzione a non dimenticare di utilizzare poi il blocco Esegui notifiche Dismiss progess dialog, altrimenti la barra di avanzamento precedentemente attivata, bloccherà la vostra applicazione.

Tutto quando sopra detto (o quasi), lo ritrovate in questo progetto .aia.
Buon esercizio con le notifiche di app inventor 2.

Come però avrete capito, non si tratta delle notifiche mandate dalla vostra applicazione in background al vostro cellulare, nella sua barra delle notifiche.
Questa funzionalità è un'altra cosa, e non so se appinventor la contempla (devo ancora scovarla).

Tornare all'elenco delle lezioni

lunedì 24 aprile 2017

Form e salvataggio dati (Mit App Inventor 2)

Con tutti i campi / componenti presenti in Mit App Inventor 2, è ovviamente possibile creare delle form per la raccolta dei dati.

Per chi non proviene dal mondo dell'html o della programmazione in generale, una form è una sorta di pagina/struttura, contenente diversi campi compilabili dall'utente, con la quale è possibile raccogliere/salvare/inviare varie informazioni.

Molte applicazioni utilizzano le form, più o meno complesse, per memorizzare delle opzioni di gioco o dei dati personali, quindi è molto importante sapere come creare form tramite app inventor, in modo che queste possano poi compiere varie azioni, dall'invio via email dei dati, al salvataggio su un database esterno, o addirittura nell'applicazione stessa.

Form con App Inventor 2

Creazione form e salvataggio dati con Mit App Inventor 2


Vediamo subito quali componenti è possibile utilizzare per la creazione di un form / questionario con app inventor 2.
Tutti i comandi che vi andrò a spiegare, sono presenti nella sezione Interfaccia utente (user interface), e basta trascinarli nel visualizzatore / viewer, per poterli adoperare.

Casella di scelta / Check Box
E' il classico checkbox, uno strumento usato nelle risposte a scelta multipla, ovvero quando si vuole dare la possibilità all'utente di spuntare più opzioni.

Selettore data / Data Picker
Bottone che se cliccato, fa aprire sul cellulare uno strumento popup che consente di scegliere una data (giorno / mese / anno), molto comodo per chiedere la data di nascita, ad esempio.

Selettore lista / List Picker
Bottone, al quale è possibile cambiare la grafica, sostituendolo anche con un'immagine, tramite il quale è possibile aprire una tendina prepopolata di valori, dove l'utente deve effettuare una singola scelta (es. selezionare un comune da elenco di città).

Casella di testo password / Password textbox
Se nella vostra applicazione volete far memorizzare o inserire una password, utilizzate questo componente per evitare che questa sia visibile durante la digitazione.
Ovviamente, se salvate delle password nelle vostre app, sarebbe meglio prima criptarle.

Cursore / Slider
Da usare quando si vuole far scegliere all'utente un valore numerico dentro un range (es. da 1 a 100), tramite però una barra visiva che si trascina, come se fosse un volume in un lettore mp3.

Selettore a scorrimento / Spinner
Come il selettore lista, solo che consente di far apparire già a video l'elemento selezionato.
Ovviamente anche in questo caso, è possibile popolare questo componente sia dal visualizzatore, che dai blocchi, magari pescando i dati da una lista (list).

Casella di testo / Text Box
Indubbiamente il componente form di app inventor 2 più utilizzato in assoluto.
Consente di far inserire all'utente una stringa di testo o anche un numero, oppure un testo lungo su più righe.

Selettore ora / Time Picker
Come il selettore data, con l'unica differenza che qui si impostano i campi ora e minuti.

Etichetta / label
Non serve per poter salvare dati su mit app inventor, ma è un elemento indispensabile nelle form, in quanto consente di inserire note di testo descrittive per gli utenti (es. "inserisci il tuo nome qui sotto").

Pulsante / Button
Senza un bottone che faccia il submit del form app inventor, non si va da nessuna parte.
Grazie ai pulsanti è quindi possibile inviare i dati contenuti nei form, lavorando poi ovviamente dietro le quinte tramite l'azione Per sempre quando pulsante cliccato (When button clicked).

Form e salvataggio dati (Mit App Inventor 2)

Ovviamente senza l'opportuna programmazione tramite i Blocchi (blocks) di app inventor 2, i campi dei form servono a ben poco.
Nell'esempio che potete scaricare qui (solito progetto .aia), troverete tutta una serie di esempi con i campi appena descritti.

Controlli form

Inoltre, nel mio progetto d'esempio, ho messo anche qualche controllo sui campi inseriti (se è un numero, se è stato selezionato, controllo sui campi obbligatori, ecc...), più il salvataggio su tinydb, in modo che riaprendo l'applicazione dopo aver salvato tramite apposito tasto, la form venga automaticamente ripopolata.

Quando creerete la vostra prima applicazione, non sottovalutate l'importanza dei controlli form app inventor 2 per i dati inseriti, perchè la robustezza della vostra app potrebbe essere giudicata proprio dal fatto che un utente possa mandarla in crash solo perchè ha inserito un valore inatteso/sbagliato.

Questa lezione in effetti è un po' più astratta del solito, ma il progetto che ho incluso vale più di 1000 parole, provare per credere.
A seconda della vostra dimestichezza con app inventor 2, potrete creare delle form più o meno complesse per le vostre applicazioni.

Tornare all'elenco lezioni

domenica 23 aprile 2017

Caricare e salvare immagini (Mit App Inventor 2)

Molte applicazioni per android, consentono di caricare e salvare immagini, ed ovviamente anche con Mit App Inventor 2 è possibile compiere questo genere di operazioni.

Purtroppo anche in questo caso (attualmente) ci sono dei limiti, che vi andrò subito ad elencare:
  • E' possibile salvare/gestire un numero massimo di 10 immagini alla volta
  • Non è possibile spostare il percorso del salvataggio del file

Accettati questi limiti, che comunque non sono poi così vincolanti, vediamo subito come fare l'upload di immagini in app inventor 2.


Come caricare e salvare immagini in Mit App Inventor 2


Per poter fare l'upload di foto in una propria app o gioco per cellulare, tramite appinventor, basta utilizzare il componente, presente nella sezione Multimediale (Media), chiamato Selettore immagine (Image Picker).

Caricare e salvare immagini (Mit App Inventor 2)

Grazie a questo componente, sarà possibile selezionare qualsiasi foto/immagine dal proprio telefonino, ed utilizzarla come meglio si crede nella propria app.

Il componente apparirà come una sorta di pulsante (sostituibile con una bella immagine grafica, se lo si vuole), cliccato il quale, si aprirà la classica schermata per la selezione dei file.
Una volta selezionata una foto dalla propria galleria del telefono, questa verrà automaticamente salvata in un percorso tipo:
storage/emulated/0/Pictures/_app_inventor_image_picker/pikerd_nomeimmagine.estensione.

Come si evince dal nome del file, l'immagine caricata sarà automaticamente rinominata con l'aggiunta del suffisso "piked_".

Questo componente di app inventor 2 è compatibile con i classici formati grafici d'immagine, quali jpg, png, gif.

Venendo invece al suo funzionamento, tramite il blocco Per sempre quando selezione immagine Terminata Selezione (When Image Picker Afer Picking) è possibile compiere delle azioni subito dopo il salvataggio dell'immagine sul proprio cellulare.
Ad esempio, il comando Imposta Immagine = Seleziona immagine (Set Image Picture = Image Picker Selection), serve a settare l'immagine appena caricata dentro il classico componente Immagine (Image) di app inventor, in modo da poter visualizzare in tempo reale ciò che è stato appena caricato/salvato.

Blocchi Image Picker

Questo componente è molto utile per poter ad esempio creare app dove si da la possibilità all'utente di cambiare l'immagine di sfondo di un gioco, o per caricare delle foto alle quali poi applicare qualche effetto.
Insomma, questo è solo l'inizio (cit.)

A questo indirizzo trovate il solito esempio progetto .aia da scaricare per testare con mano le potenzialità del componente per il salvataggio delle immagini con app inventor 2.
Ho usato anche il componente tinydb per salvare in una variabile l'ultima foto caricata dalla mia app di test, in modo da verificare che uscendo e rientrando nell'applicazione, il programma davvero ha salvato l'immagine e la può ripescare facilmente.

Ovviamente, potrete superare i limiti di questo componente installandovi qualche estensione creata e condivisa da qualche buon samaritano.

Tornare all'elenco delle lezioni

venerdì 21 aprile 2017

Creare l'app del tuo sito web (Mit App Inventor 2)

Un esercizio facile facile, che però potrà darti subito una bella soddisfazione personale, è quello di creare l'app per il tuo sito web, tramite ovviamente Mit App Inventor 2.

Trattasi quindi della creazione di un'applicazione per cellulari android, che sia in grado di riprodurre fedelmente il tuo sito internet.

Ma perchè fare ciò se già si ha un sito internet online?
Semplice, per aumentare le visite, grazie alla presenza del proprio sito, anche nel play store di google.

Ma vediamo subito come fare.


Come creare l'app del tuo sito web con Mit App Inventor 2


Per poter avere un'app per cellulare del proprio sito internet, occorre soddisfare due semplici requisiti:
  1. Possedere un sito web responsive: ovvero avere già un sito internet che si adatti in automatico alle varie dimensioni dei cellulari
  2. Saper usare mit app inventor 2, o semplicemente, continuare a leggere questo post :)

Andiamo subito a creare un nuovo progetto in appinventor2 e posizioniamoci nei componenti disponibili (Palette), nella sezione Interfaccia utente (User interface).

Il componente che dobbiamo trascinare nel visualizzatore è il VisualizzatoreWeb (WebViewer).

Creare l'app del tuo sito web (Mit App Inventor 2)

Possiamo lasciare i parametri di altezza e larghezza automatici, ed andare ad inserire l'indirizzo del nostro sito web nell'apposito campo chiamato UrlIniziale (HomeUrl).
Inoltre, se vogliamo che il nostro sito si apra senza ulteriori barre, andiamo a cliccare su screen e a nascondere il titolo, defleggando il campo TitoloVisibile (TitleVisible).

Web Viewer

A te poi la scelta se mettere lo screen su responsive, o se abilitare o meno la rotazione dello schermo (e quindi dell'intero sito).

Praticamente abbiamo già finito.
Prova a lanciare la tua app con l'emulatore o tramite l'app di app inventor (sembra un gioco di parole), per poter ammirare immediatamente l'app android del tuo sito internet.

Oggi è un altro post

Come dicevo all'inizio di questo post, il sito web di base dovrà essere responsive.
Se quindi il tuo sito lo è, il risultato finale sarà ottimo, e potrai navigare tranquillamente tutte le sue pagine dalla tua app per cellulare, ed addirittura vedere la pubblicità adsense, se presente (quindi non perderai niente a livello di eventuali incassi dovuti alle visite del tuo sito)... questo chiaramente non risponde all'osannata domanda "come mettere la pubblicità su app inventor 2" (magari con admob)... ma è una magra consolazione nella creazione di una propria app/sito web.

Ovviamente questo è solo un esempio basilare e banale (clicca qui se vuoi scaricare il progetto .aia).
Una vera app per un sito web ha anche delle funzionalità extra che il browser magari non ha... ma diciamo che questo è un buon inizio per avere la prima applicazione per il proprio sito internet, da distribuire sul play store o anche solo agli amici passandogli l'apk... oppure solo per uso personale.

Torna all'elenco lezioni

giovedì 20 aprile 2017

La gestione dello schermo screen (Mit App Inventor 2)

Oltre a tutti i vari comandi, i blocchi, le funzioni, le procedure, in Mit App Inventor 2 è possibile gestire anche lo schermo (screen).

Un'applicazione appinventor infatti, può avere uno o più schermi, con colori, orientamento ed impostazioni diverse, configurabili facilmente tramite interfaccia visiva in fase di progettazione, oppure tramite i blocchi (blocks)... vediamo quest'ultimo caso.


La gestione dello schermo screen in Mit App Inventor 2


Per cambiare le proprietà dello schermo in app inventor, entrare in blocchi e cliccare su screen.

In questa sezione sarà possibile, sia reperire tramite codice varie informazioni sullo schermo del cellulare in uso, come le dimensioni (altezza e larghezza), il colore di sfondo impostato nell'app, ed anche l'orientamento dello schermo.

La gestione dello schermo screen (Mit App Inventor 2)

A parte scoprire i vari parametri dello schermo ed eventualmente modificarli in base alle necessità, una funzionalità base che sicuramente userete in quasi tutte le vostre app sarà il blocco Per sempre quando screen inizializza (when screen initialize) che sostanzialmente consente di compiere azioni, come valorizzare variabili, all'apertura della vostra app parte, quando lo schermo in questione viene caricato.

Un'altra funzionalità utile è quella che consente di catturare gli errori del vostro gioco app inventor 2.
Tramite il blocco Per sempre quando screen si è verificato un errore (when screen error occurred), potrete intercettare gli errori senza far chiudere la vostra app.
Questa gestione degli errori di app invetor 2, può tornare sicuramente utile nei casi l'utente possa in qualche modo far generare all'app un errore che potrebbe in qualche modo causare un crash/interruzione del programma.
Impedendo quindi di far bloccare la vostra applicazione, potrete anche mostrare a video l'errore generato.

gestione degli errori di app invetor 2

Le altre funzionalità del blocco screen di app inventor consentono di cambiare colore di sfondo, cambiare immagine di sfondo, cambiare orientamento dello schermo, far sparire la tastiera, gestire la pressione del tasto indietro (il tasto back, ovvero quello usato per uscire dall'app), più altre utili funzioni.

Trovate un progetto .aia con qualche esempio a questo link.

Saper gestire le proprietà dello schermo, è una skill fondamentale ad esempio, per creare app responsive con app inventor 2, ovvero dei programmi che possono cambiare le dimensioni degli oggetti in essi contenuti, a seconda delle dimensioni dello schermo dell'utente.
Ma questo è solo un esempio delle tante cose che è possibile gestire con la sezione screen di appinventor, il resto lo scoprirete solo con la pratica.

Tornare all'elenco delle lezioni