Google AppSheet: come creare una APP Mobile da un foglio Excel in 5 minuti

AppSheet è una innovativa piattaforma che permette di sviluppare applicazioni mobile in pochissimo tempo, senza richiedere alcuna conoscenza di programmazione.

Le APP che sviluppi con AppSheet possono collegarsi automaticamente ai tuoi dati (salvati su diverse piattaforme: Database Oracle, Fogli Google, Office 365, Salesforce, Smartesheet, AWS, ecc.), senza la necessità di dover sviluppare costose integrazioni.

In questo articolo ti spiegherò come creare la tua prima applicazione mobile con AppSheet.

AppSheet: la piattaforma No-Code di Google

Recentemente acquisita da Google, AppSheet si integra perfettamente con la strategia di Google Cloud, ovvero offrire un ecosistema di soluzioni per lo sviluppo di applicazioni.

No-Code, automazione dei workflow ed integrazione sono i punti focali di questa strategia.

Quindi, uno degli aspetti in assoluto più interessanti di AppSheet è la possibilità di poter integrare nella stessa applicazioni diverse sorgenti dati, in maniera del tutto trasparente per l’utilizzatore finale.

Ad esempio, potresti collegare i dati che arrivano da fogli di lavoro, database SQL e progetti Smartsheet, il tutto senza dover implementare nessun flusso di integrazione.

Il contesto dell’acquisizione, spiega Google Cloud, è quello in cui la richiesta di processi e automazioni sempre più rapidi rende necessario creare multiple applicazioni aziendali, con maggiore velocità ed efficienza.

Molte aziende non dispongono delle risorse per affrontare queste sfide. Soluzioni come AppSheet consentono alle aziende di creare ed estendere più facilmente le proprie applicazioni, senza la necessità di disporre di competenze professionali di sviluppo del codice.

Allora, vuoi vedere come funziona AppSheet? Prima di tutto, se non lo hai già fatto, registrati al servizio utilizzando il tuo account Google.

Come creare la tua prima applicazione in Google AppSheet

Devi sapere che normalmente sono solito tracciare le mie spese su un foglio dati Google. Tuttavia, soprattutto quando sono fuori casa, trovo molto difficile aprire il mio foglio dati ed aggiornarlo usando lo smartphone.

Per questo motivo, mi trovo spesso a dover fare questo lavoro la sera, dopo cena.

Vorrei creare una semplice applicazione mobile che mi consenta di tenere aggiornato il mio foglio elettronico, direttamente dallo smartphone.

1. Prepara i dati

Per costruire un’applicazione mobile basata dobbiamo prima di tutto decidere a quale database dovrà collegarsi.

AppSheet permette di integrare diverse sorgenti dati, tra cui anche file Excel e Fogli Google.

Perciò, per iniziare, potresti usare anche tu un file Excel. Se vuoi, a questo link puoi trovare il file che ho usato per questo tutorial.

Una volta preparato il foglio dati che userai per creare la tua applicazione, dovrai salvarlo nella tua area personale di Google Drive.

2. Collega i dati ad AppSheet

In questo paragrafo, vedremo come collegare il tuo foglio dati ad una applicazione AppSheet.

Vale la pena ribadire che il foglio dati che collegheremo diventerà a tutti gli effetti la sorgente dati della nostra applicazione.

Questo significa che i dati modificati in back-end direttamente nel foglio dati saranno disponibili dall’APP e viceversa.

Per collegare creare la tua APP puoi iniziare direttamente da Google Sheets in questo modo

• Apri il file in Google Sheets
• Clicca su Strumenti > AppSheet > Crea un’app

In alternativa, puoi creare la tua APP da zero, direttamente dal workspace di AppSheet.

• Accedi all’area di lavoro di AppSheet.
• Clicca sul bottone Make a new app

• Seleziona Start with your own data

• Inserisci le seguenti informazioni
  • App Name: dai un nome della tua applicazione
  • Category: indica il tipo di applicazione che stai creando
• Clicca Choose your data

• AppSheet si collega direttamente tuo ambiente Google Drive.
• Seleziona il foglio che userai come sorgente dati e premi Select.

• A questo punto il sistema inizia a generare la tua applicazione.

• Al termine di questa operazione si aprirà l’ambiente di sviluppo della tua nuova applicazione

3. AppSheet Editor

L’AppSheet Editor è l’ambiente in cui trovi tutte le funzionalità per configurare la tua applicazione.

A sinistra trovi le voci di menù per accedere ai vari componenti dell’applicazione. Vediamo quali sono le sezioni principali

• In Data andrai a definire come AppSheet interagisce con i tuoi dati
• UX ti permette di creare le pagine (chiamate Views) della tua applicazione. Da qui puoi anche personalizzare la tua applicazione caricando, ad esempio, il logo della tua azienda.
• Behavior ti consente di creare dei bottoni per eseguire delle operazioni specifiche
• Nella sezione Security puoi definire ruoli e profili utente
• In Users potrai condividere la tua applicazione con altri utenti

Nel pannello a destra puoi attivare una preview in tempo reale della tua applicazione, indispensabile per verificare se il Look&Feel ed il funzionamento siano quelli attesi

Nei paragrafi successivi andremo ad esplorare le principali funzionalità dell’Editor e configureremo la nostra applicazione dei demo.

4. Definisci come AppSheet utilizzerà i tuoi dati

• Accedi all’ Editor e clicca su Data.
• Da qui puoi la tabella che AppSheet ha creato quando hai importato il foglio dati da Google Drive.
• Sempre da qui, se lo desideri, puoi aggiungere altre tabelle.
• Se per fare questo esercizio stai utilizzando il file di esempio che ti ho fornito, dovresti trovare una tabella chiamata SPESE, che il sistema ha creato dal foglio “SPESE” del file Excel.
• Poiché nel file Excel è presente un altro foglio dati, chiamato “TIPO_SPESA”, l’editor mi propone fin da subito la possibilità di aggiungere anche la tabella TIPO_SPESA

• Clicca su Add a table for “TIPO SPESA”

Alla fine dell’operazione dovresti avere disponibili due tabelle:

• SPESE
• TIPO_SPESA

5. setup delle tabelle

Ora che abbiamo abbiamo mappato le tabelle nella nostra applicazione possiamo completare la loro configurazione

Prima di tutto, concentriamoci sulla tabella SPESE che l’applicazione utilizzerà per salvare i dati .

• Accedi all’area amministrativa dell’applicazione
• Vai alla tabella SPESE e clicca su Dettagli

• Dal pannello di controllo della tabella puoi configurare il tipo di operazioni che l’applicazione può eseguire (Updates / Adds / Deletes)
• Clicca su View Columns

• Da questa schermata puoi configurare le colonne della tabella e, allo stesso tempo, puoi vedere le sue proprietà come il tipo di dato, il formato e così via.
• Sempre da qui, è possibile creare delle colonne virtuali, ovvero basate su un serie di formule che AppSheet mette a disposizione.
• Creiamo una colonna virtuale che ci servirà per aggregare le spese in funziona della mensilità.
• Clicca su Add Virtual Column

• Aggiungi una nuova colonna
  • Column Name: Anno_Mese
  • App Formula: CONCATENATE(YEAR([Data]), ” “,TEXT([Data];”mmmm”))
  • Type: Text

• Clicca Done

• In maniera uguale crea altre 2 colonne virtuali:
  • Anno: Tipo Text; YEAR([Data])
  • Mese: Tipo Text; CONCATENATE(MONTH([Data]), ” “,TEXT([Data];”mmmm”))
• Clicca Save per salvare le modifiche all’App

• Clicca su Add a table for “TIPO SPESA”

• Apri le proprietà della tabella e clicca su Read Only

• Apri le proprietà della tabella e clicca su Read Only

6. Personalizza il layout

Una volta che abbiamo completato la configurazione del modello dati, possiamo procedere alla personalizzazione del layout.

Ciascuna pagina di un applicazione ApppSheet si chiama View (Vista)

Possiamo accedere all’area di gestione delle Views cliccando sulla voce di menù UX.

• Per creare una nuova Vista, clicca su New View

• Avendo creato questa applicazione da un foglio dati, dovresti già trovare una Vista predefinita.
• Clicca su Details

Configurazione Table

• Dai un Nome alla tua vista
• Seleziona la tabella dalla quale la vista deve leggere i dati
• Seleziona come tipo vista il template table
• Come puoi notare, AppSheet mette a tua disposizione diversi tipi di Template grafici.

• Nella sezione Position, seleziona l’opzione center

• Nelle opzioni di visualizzazione, imposta le seguenti opzioni
  • Sort By: imposta l’ordinamento per il campo Data
  • Group By: imposta un raggruppamento per Anno, Mese, Categoria di Spesa ed infine per Descrizione
  • Group Aggregate: imposta la somma del campo Importo

• Il risultato finale sarà una Vista che mostrerà i dati aggregati per Anno > Mese > Tipo Spesa.

• Cliccando sul record Anno, l’applicazione passerà alla schermata successiva che mostrerà il valore aggregato per Mese e così via fino ad arrivare al singolo record del foglio di lavoro

Ovviamente puoi aggiungere altre viste per personalizzare ulteriormente la tua applicazione.

Ad esempio, possiamo aggiungere una pagina che mostra il grafico di spesa complessivo e una pagina per inserire una nuova voce di spesa

Configurazione Chart

Per configurare un grafico:

• Crea una nuova Vista
• Seleziona come View Type il tipo Chart

• Seleziona il tipo di grafico e la formula da applicare

Configurazione Form

Una vista di tipo Form serve per inserire un nuovo recor

• Crea una nuova View di tipo Form

• Attiva l’opzione Auto re-open

Procedendo nella stessa maniera, puoi inserire tutte le finestre e form che ti servono per gestire i tuoi dati.

Nel prossimo paragrafo vedremo come configurare dei bottoni che eseguono delle azioni.

7. Crea bottoni personalizzati, azioni ed automatismi

Spesso c’è l’esigenza di dover personalizzare ulteriormente le nostre applicazioni creando bottoni ed automatismi che servono ad elaborare i dati in maniera automatica.

Vediamo come creare un bottone che effettua una copia di un record.

• Accedi all’editor dell’applicazione e clicca su Behaviuout

• Clicca New Action

• Imposta le proprietà dell’Action
  • Action name: Copy
  • For a record of this table: SPESE
  • Do this: copy this row and edit the copy

• Seleziona l’icona e la posizione del bottone.

• Ecco il risultato finale

8. Avvia l’applicazione

Quando la tua applicazione è pronta puoi condividerla con i tuoi collaboratori.

• Accedi all’editor dell’applicazione e clicca su Users.

• Inserisci l’email della persona con la quale vuoi condividere l’applicazione
• Clicca su Add user + send Invite per inviare un email con il link alla tua nuova applicazione

• Nella sezione Links puoi trovare i link all’eseguibile per installare l’applicazione sul tuo smartphone oppure per usarla via browser

Conclusioni

Dopo aver giocato un po’ con AppSheet posso affermare che sia un prodotto davvero molto interessante per chi ha bisogno di sviluppare delle applicazioni mobile Low-Code.

Sicuramente uno degli aspetti più interessanti è la possibilità di creare una applicazione in grado di integrare sorgenti dati anche molto diverse tra di loro in un modo molto semplice ed intuitivo, senza la necessità di sviluppare alcun tipo di integrazione.

I principali vantaggi di AppSheet sono la sua facilità d’uso, la sua discreta configurabilità e la possibilità di creare applicazioni mobile perfettamente funzionanti senza scrivere una sola riga di codice .

Con gli strumenti di AppSheet, è possibile creare facilmente app iOS e Android interattive e completamente funzionali.

Gli utenti devono semplicemente connettere i propri dati locali o quelli archiviati nel cloud, inclusi database e fogli di calcolo, con la piattaforma AppSheet.

Hai la possibilità aggiungere facilmente funzionalità personalizzate, come avvisi e-mail, mappe GPS, acquisizione di firme, grafici, acquisizione di foto e notifiche push.

Le app possono anche essere facilmente pubblicate e condivise una volta pronte.

Sono supportati database e piattaforme popolari come Salesforce, SQL Server, Excel (Office 365), PostgreSQL e MySQL.