Come far vibrare il telefono (App Inventor 2 / Thunkable)

Se sei uno sviluppatore di app per android, una delle cose che prima o poi ti capiterà di dover fare è capire come far vibrare il telefono a seguito di un'azione dell'utente.
Può essere il caso in cui si sta creando un'app che manda delle notifiche, oppure un'applicazione per android che genera un allarme, o perchè no, la famosa app che simula le chiamate per il cellulare.

Quale che sia l'app in questione, grazie a Mit App Inventor 2 (o thunkable) è possibile far vibrare il telefono cellulare con un semplice componente nativo, senza bisogno di estensioni esterne.
Vediamo subito come fare.

Come far vibrare il telefono con App Inventor 2 e Thunkable

Partendo da un progetto vuoto al quale basta aggiungere un bottone per generare l'azione, per ottenere la vibrazione del telefono basta utilizzare il componente Player.
Trascinare dunque il componente player nel viewer e poi andare subito a lavorare nei blocchi (blocks).

Basterà infatti associare all'azione del click del bottone, l'azione del player (app inventor o thunkable) denominata call player vibrate (esegui player vibra), alla quale basterà poi associare il numero di millisecondi per i quali si vuol far vibrare il telefono.

Ed ecco che una volta lanciata la nostra app, al click del bottone il telefono vibrerà come per magia.
Tutto questo con un solo blocco di codice, facile no?

Un paio di note utili per la corretta riuscita di questa operazione:

• 1000 millisecondi sono un secondo, quindi per calcolare quanti secondi si vuole far vibrare il telefono basta fare x*1000
• Per poter far vibrare il telefono con la vostra app sviluppata con thunkable o app inventor, comunque bisogna avere abilitato la vibrazione delle notifiche.
  Sembra una banalità, ma se si lascia il telefono silenzioso senza vibrazione, questo componente non fa niente... io non lo sapevo e ci ho perso un secolo per capire come mai non funzionava la vibrazione su appinventor / thunkable, passando dal semplice componente player ad anche estensioni esterne, nulla funzionava fino a quando non ne ho scoperto il motivo :p

E' tutto sull'argomento vibrazione cellulare tramite appinventor / thunkable.
A questo link trovate il semplice progetto .aia da scaricare, nel caso vi servisse.

Tornare all'elenco delle lezioni

Cambiare lingua in Thunkable / App Inventor 2

Questo banale tutorial serve solo per i più novizi, soprattutto per quelle persone che non hanno molta dimestichezza con l'inglese.
A già, ho dimenticato di specificare il soggetto di questa guida, anzi i soggetti: thunkable e app inventor 2.

Non starò certo a spiegare a cosa servono queste due piattaforme online, anche perchè se sei capitato qui, di sicuro già lo saprai.
Se però l'inglese per te è un ostacolo insormontabile, ho una buona notizia, queste due piattaforme sono tradotte praticamente interamente in italiano.

Se dunque vuoi sapere come usare app inventor in italiano, o thunkable, continua a leggere (cit.)

Come cambiare lingua in Thunkable / App Inventor 2

La procedura per impostare la lingua in thunkable o MIT appinventor 2 è la stessa, quindi con un post faccio in pratica due guide.
E che post tra l'altro, dato che praticamente si tratta di fare un click :p

Comunque, per cambiare la lingua di thunkable o app inventor 2, basta cliccare in alto destra sul nome della lingua in uso.
Idealmente, se non hai mai cambiato la lingua, dovrai cliccare sulla voce English, e selezionare l'italiano.

Con un semplice click del mouse dunque, avrai impostato thunkable in italiano (o app inventor), ed ora tutti i blocchi ed i comandi, saranno nella tua lingua.
Al massimo dovrai rientrare nell'app che stavi usando prima del cambio lingua.

Ovviamente però, online ci sono molti più tutorial in inglese che in italiano, quindi il mio consiglio è quello di imparare ad utilizzare thunkable ed appinventor in inglese, dato che è la lingua ufficiale del mondo... se così si può dire :p

Torna all'elenco delle lezioni

Pubblicità Adsense Admob su MIT App Inventor 2

Dopo aver creato la tua prima applicazione per android, poi la seconda, poi la terza, ti verrà sicuramente voglia di iniziare a guardargnarci qualcosa.
Se però stai utilizzando MIT App inventor 2, avrai sicuramente capito da tempo che non è presente alcuna estensione per poter inserire i banner di admob nelle tue app.

Non avere paura però, dopo aver cercato e testato con mano la cosa, eccomi qui a fare un post su come mettere la pubblicità su appinventor.
Tecnicamente ripeto, almeno per il momento non è fattibile, ma con uno stratagemma, o per meglio dire con un altro strumento, è possibile salvare capra e cavoli (cit.).
Sto parlando di utilizzare thunkable, una piattaforma nata proprio da app inventor 2, che poi grazie a questa funzionalità aggiuntiva adsense ed alla gente che questa ha attirato, si è evoluta tanto da superare il maestro (oserei dire).

So che avrai già letto diversi post in merito, o visto dei video, ed il dubbio è sempre questo: "ma se ho già pubblicato un'app nel play store non mi fa caricare un'app sviluppata da un altra piattaforma, ma devo creare una nuova app e perdere quindi statistiche, stelle, commenti e posizionamento". Per fortuna però, è possibile aggiungere gli AD alle proprie App senza perdere lo storico nel play store, ed ora ti spiegherò subito come fare.

Come mettere la pubblicità Adsense Admob su MIT App Inventor 2

La prima cosa da fare per poter aggiungere adsense ad appinventor è lasciare app inventor :p
Dovrai infatti esportare il tuo progetto ed importarlo in thunkable.
Se non sai come importare/esportare un progetto .aia leggi questo post.

Quindi bisogna esporate il progetto da app inventor 2, poi importarlo in thunkable.
La procedura di import su questa seconda piattaforma è (quasi) la medesima che sulla prima, bisogna solo registrarsi al servizio, esattamente come fatto in appinventor, ovvero dando l'ok a connettersi con l'account google al seguente indirizzo:

http://app.thunkable.com

Ho scritto che la procedura di import è quasi la medesima perchè al posto di fare un importa progetto standard, dobbiamo usare la voce "upload legagy app project (.aia) from my computer".

Una volta importato il progetto in thunkable, entriamoci ed andiamo subito a vedere come inserire la pubblicità nella nostra app.

Il componente aggiuntivo da trascinare nel designer al momento si trova in experimental, e si chiama, niente poco di meno che admob banner.
Oppure, se vogliamo usare la pubblicità adsense di tipo popup a tutto schermo, bisogna trascinare nel design il componente admob interstitial.

Una cosa importante da fare però, per poter usare al meglio questi componenti, è impostare la nostra app in modo che sia responsive, cliccando su screen -> sizing -> responsive.

Adesso, per concludere la configurazione di questi componenti aggiuntivi pubblicitari, occorre indicare l'AD unit ID, mettendo il codice pubblicitario preso dalla piattaforma AdMob.
Se necessario, abilitare l'opzione "test mode" per poter verificare che il proprio banner si veda correttamente, senza rischiare di cliccarci sopra involontariamente (pratica vietata in adsense).

Ovviamente, affinchè tutto funzioni, bisogna essere registrati ad adsense con il proprio account google.
E bisogna aver aderito ad admob, aver creato un progetto per la propria App, ed una o più unità pubblicitarie, come spiegato in questo post.
E' proprio infatti da admob che si può reperire l'id da inserire in thunkable: andando in APP, cliccando sull'applicazione desiderata, e nella sezione "unità pubblicitarie", cliccando sull'icona copia affianco al banner di cui si vuole reperire l'id.

Bene, adesso che abbiamo configurato il nostro banner, possiamo farlo apparire nella nostra app thunkable andando nei blocchi (blocks) ed usando il comando call AdMob Banner Load Ad.

Ecco fatto, ora possiamo testare la nostra app, tenendo presente che i banner di admob potrebbero apparire dopo ore dalla loro creazione (quando si creano nuove unità pubblicitarie).

Prima di generare l'apk da inserire nel play store però, se vogliamo aggiornare un'app creata precedentemente in "MIT App Inventor 2" e modificata in Thunkable per aggiungerci la pubblicità, dobbiamo importare il keystore di app inventor 2 in thunkable, come spiegato in questo post.
Questa procedura è di vitale importanza per avere la possibilità di modificare app già esistenti nel play store, quindi il mio consiglio è quello di compiere questa operazione una volta sola, la prima volta che si usa thunkable.
Così facendo infatti, avremo allineato perfettamente le due piattaforme, che genereanno app firmate nello stesso modo, non creando problemi nello store.

Fatto questo abbiamo praticamente finito.
Ci basterà infatti generare l'apk da caricare nel play store, ed iniziare a guadagnare con la pubblicità presente nelle nostre app sviluppate con app inventor 2 o thunkable.

Ovviamente non è possibile reimportare un'app con il componente admob da thunkable ad app inventor 2, perchè questo lì non esiste (almeno per ora), quindi vuol dire che piano piano finirete per spostarvi a sviluppare direttamente su thunkable, abbandonando appinventor... proprio come sta succedendo nel mio caso.
Mi spiace per appinventor2, ma se non si decidono a consentire di mettere la pubblicità adsense sulle app degli sviluppatori, è ovvio che la gente non vorrà sempre lavorare gratis o fare programmi, anche complessi, solo per hobby ;)

Fine...
Ah già, dimenticavo, (ad oggi) thunkable prende il 5% dei vostri guadagni pubblicitari (non so tecnicamente come faccia)... ma come si dice, meglio guadagnare il 95% che lo 0%, no?
Io inizialmente ero scettico nell'uso di questa piattaforma, ma alla fine ho verificato e tutto funziona, i guadagni arrivano (immagine d'esempio generica):

Un'ultima cosa, un piccolo contro diciamo.
Alcune configurazioni di visualizzazione di blocchi tipo pulsanti potrebbero essere diverse tra appinventor e thunkable. Quindi potrebbe capitare di dover fare un minimo di porting tra le due piattaforme, sistemando colori o dimensioni varie... nulla di esageratamente grave ed oneroso comunque, praticamente tutto ciò che è sviluppato in app inventor gira su thunkable.

Torna all'elenco delle lezioni

Esportare / importare keystore App Inventor 2 / Thunkable

Avete mai sentito parlare del keystore?
Io sviluppo app con mit app inventor 2 e thunkable da un po', ed in effetti non mi ero mai filato questa voce del menù di queste piattaforme :p
Eppure, saper fare questa operazione, di recente è diventata per me una cosa vitale.

Il key store comunque, come suggerisce il nome, è una chiave di firma (certificato) per le nostre applicazioni per cellulare android, una chiave che viene letta dal play store quando carichiamo un apk.
Se infatti questa firma non viene riconosciuta da google, o se è diversa, non è possibile inserire nel market una nuova versione di un'app per android (insomma non la si può più aggiornare), e quindi bisognerebbe fare un nuovo progetto, perdendo di conseguenza tutte le statistiche.

Vediamo subito come fare import / export di questo file.

Come esportare il keystore da App Inventor 2 

Per poter eseguire l'export del keystore su app inventor 2, basta andare nel menù projects e cliccare banalmente la voce export keystore.

Ci verrà chiesto di salvare il file android.keystore sul nostro computer, facciamolo.
Questo file di cui ignoravo quasi l'esistenza, è infatti molto importante per poter firmare le proprie app, soprattutto se si vuole modificare un programma/gioco già esistente nel play store di android.
Se infatti cambiate piattaforma di sviluppo, dovrete premunirvi di portarvi dietro il keystore, quindi salvatevelo bene da qualche parte, magari anche in un'email online.

Ad esempio, l'esigenza più importante (che mi ha spinto a creare questo post), potrebbe essere quella di importare un gioco app inventor 2 su thunkable, per modificarlo (mettendoci la pubblicità) e poi ricaricarlo aggiornato nel play store.
Passiamo dunque a spiegare come fare l'import.

Come importare un keystore in Thunkable

Per poter importare keystore in Thunkable, basta seguire la stessa procedura che si farebbe in appinventor.
Andare infatti in projects (progetti) e cliccare su import keystore.

Thunkable (ed app inventor) mostrerà un messaggio d'avviso a video, avvertendo che il keystore sovrascritto verrà perso per sempre.
Questo vuol dire che le applicazioni sviluppate con quella firma, non saranno più modificabili.
Se dunque non siete sicuri di quello che fate, o anche se lo siete, effettuate sempre un backup del file android.keystore che andate a sovrascrivere.
Fatto questo quindi, non dovrete far altro che cercare il keystore sul vostro pc, e sovrascrivere online quello esistente.

E con la firma delle app per oggi è tutto (cit.).

Torna all'elenco delle lezioni

Come usare le notifiche push in Thunkable

Come primo post tutorial ufficiale della piattaforma di sviluppo app per android Thunkable, eccomi subito a parlare di un componente molto utile, le notifiche push.
Una notifica push è un messaggio che la tua applicazione può mostrare a tutti quegli utenti che l'hanno installata sul loro dispositivo mobile, a patto ovviamente che questa giri quantomeno in background sul telefono.

Grazie a questa geniale funzionalità infatti, ti sarà possibile inviare massivamente messaggi a tutti gli utenti che hanno scaricato ed installato la tua app.
Ma andiamo per ordine, vediamo subito cosa ti serve per poter creare un'app per android che possa ricevere le notifiche push.

Come usare le notifiche push in Thunkable

Il seguente tutorial spiega semplicemente come installare e configurare il componente aggiuntivo di thunkable (che altri non è che uno spin-off di app inventor 2) che consente di ricevere notifiche push.
Quello che infatti andremo a creare è un client per la ricezione delle notifiche. Per la spedizione invece, linkerò dopo il post che ho già fatto in merito qualche giorno fa.

Iniziamo subito.
Dopo aver creato il nostro progetto thunkable, in design, clicchiamo nella sezione experimental e trasciniamo il componente invisibile push notification (notifiche push).
Nelle proprietà del componente aggiuntivo, dovremo andare ad inserire l'onesignal app id.

Questo id è reperibile dalla piattaforma per le spedizioni di notifiche push, one signal.
Non è argomento di questo post spiegare come configurare onesignal e come spedire le notifiche push. Ma per fare ciò per fortuna, esiste già questo mio post (più quello linkato al suo interno).

Bene, adesso dovremo andare nei blocchi (blocks) e... fermi tutti, non bisogna più fare niente, abbiamo già finito.
La nostra app per android infatti, è già pronta per ricevere le notifiche push, e volendo non dobbiamo più scrivere neanche una riga di codice aggiuntivo.

Il mio consiglio però, è quello di mettere quantomeno l'opzione per poter far scegliere all'utente se ricevere o meno tali notifiche, in modo tale da non violare la sua privacy.
Come scritto nell'altro post, queste notifiche arrivano a tutte le persone che hanno installato la nostra app thunkable, a patto che questa giri almeno in background, e che le notifiche non siano state disattivate dalle impostazioni generali di android.