Realizzare un’applicazione web con contenuti dinamici grazie a strumenti Low Code

Quando si tratta di realizzare progetti evoluti come portali, applicazioni web o directory spesso si pensa alla necessità di dover utilizzare strumenti complessi o addirittura di doversi affidare ad uno sviluppatore per la creazione di un servizio su misura.

Fortunatamente negli ultimi anni ha preso piede la filosofia Low Code grazie alla quale sono nati diversi strumenti che permettono, anche a chi non ha competenze tecniche evolute, di realizzare praticamente qualsiasi tipo di applicazione in modo piuttosto semplice.

In questo articolo vediamo come grazie all’utilizzo di 2 tools si può creare una webapp basata su contenuti dinamici, aggiornabile velocemente, senza nessuna installazione di CMS e senza l’utilizzo di codice.

Strumenti utilizzati

Per realizzare il nostro progetto ci affideremo a:

• Airtable: per la creazione del database e l’aggiornamento dei contenuti;
• Softr: per la realizzazione del layout grafico e la pubblicazione online.

Grazie ad Airtable andremo a creare la struttura dei contenuti lavorando su un interfaccia visuale basata sul concetto di Foglio di calcolo tipico di Excel.

Nelle colonne della tabella vanno inseriti i diversi campi della struttura del contenuto come il titolo, la descrizione, l’url, le immagini e cosi via mentre su ciascuna riga va aggiunto un contenuto. Alla fine del lavoro la nostra tabella rappresenterà il database grazie al quale andremo a popolare il front end del nostro progetto.

Per la realizzazione del layout utilizzeremo invece Softr che ci permetterà di creare una vera e propria applicazione web con l’impostazione di un template, la personalizzazione grafica e la pubblicazione online su un dominio di nostra proprietà.

Creazione dei contenuti con Airtable

Partiamo dalla creazione della Tabella Airtable.

Una volta che ti sei iscritto ad Airtable (all’inizio è sufficiente la versione gratuita) dovrai creare il tuo primo Workspace (spazio di lavoro) scegliendo come tipologia di vista quella a Griglia (più semplice da utilizzare all’inizio).

A questo punto avrai di fronte la classica Tabella Excel e potrai iniziare a modificare le colonne creando la struttura dei contenuti che vorrai visualizzare nel tuo sito.

Nel mio esempio ho creato un sito web di recensioni dove ogni riga della tabella Airtable rappresenta una recensione di uno strumento digitale; su ogni colonna del mio foglio ho inserito il tipo di campo di cui avevo bisogno:

• Nome strumento: campo testo breve;
• Descrizione strumento: campo testo lungo;
• Categoria: campo select;
• URL: campo link;
• Immagine: campo allegato;
• Voto: campo rating;
• etc…

Alla fine dell’impostazione la mia tabella risulta essere così.

Per realizzare al meglio il tuo database devi immaginare che ogni informazione che vuoi visualizzare nel tuo sito o applicazione necessita di un corrispondente campo su Airtable; le informazioni presenti all’interno della tabella Airtable possono anche essere collegate tra di loro ed utilizzate per creare nuovi campi basati su operazioni logiche e matematiche (le classiche formule di Excel).

Per farti un esempio, se nella tua tabella Airtable hai un campo per il Nome ed uno per il Cognome, puoi creare un terzo campo Nome Completo utilizzando una funzione di tipo concatenazione.

Creazione del layout con Softr

Una volta che hai la tua base contenuti su Airtable dovrai iscriverti a Softr (anche in questo caso all’inizio può essere sufficiente la versione gratuita) ed iniziare un nuovo progetto scegliendo tra uno dei template disponibili nella piattaforma.

Una volta scelto il layout dovrai creare la struttura del sito impostando le singole pagine e aggiungendo diversi blocchi ad ogni pagina per andare a costruire il contenuto.

Puoi scegliere tra una vasta gamma di blocchi preconfigurati organizzati per sezione e scopo (header, footer, CTA, FAQ, etc..); ogni blocco può essere personalizzato a livello di colori, font, testi, immagini e molto altro permettendoti di realizzare praticamente qualsiasi interfaccia di cui hai bisogno.

I blocchi possono essere statici (sei tu a compilare i contenuti del blocco) o dinamici con contenuti che si popolano a partire dall’integrazione con una tabella Airtable. Ed è grazie a questa funzione che con pochi semplici clic puoi realizzare una pagina dinamica che ti permette di visualizzare le righe di Airtable sotto forma di contenuti html.

Grazie a Softr puoi formattare il singolo contenuto come preferisci scegliendo tra diverse tipologie di visualizzazione (elenco, griglia, etc..), puoi applicare filtri di visualizzazione basati sui campi Airtable e personalizzare la grafica del blocco scegliendo font, colori, elementi grafici, etc..

Vantaggi degli strumenti Low Code

Ma quali sono i vantaggi dell’utilizzo di strumenti Low Code rispetto a piattaforme come WordPress?

• Nessuna necessità di mantenimento né aggiornamento del software (le piattaforme si aggiornano costantemente con nuove versioni);
• Possibilità di aggiornare i contenuti in modo molto semplice anche attraverso la creazione di un Form da associare alla tabella Airtable;
• Si può realizzare qualsiasi tipo di progetto (sito, applicazione, crm) con questi 2 semplici software senza dover utilizzare servizi aggiuntivi (su WordPress per ogni nuova esigenza diventa necessario affidarsi ad un plugin o ad uno sviluppo custom);
• Il sistema è integrabile con qualsiasi fonte di dati (grazie ad Airtable) e rende quindi fattibile la creazione “automatizzata” di contenuti.

Per dare un’idea più precisa delle potenzialità di questi strumenti prendo come esempio il mio progetto di sito con recensioni che poteva essere fatto anche con un CMS come WordPress. La cosa interessante dell’utilizzo di un applicazione come Airtable è che potrei collegarla ad un form online per chiedere agli utenti un feedback sugli tools che vorrebbero vedere recensiti ed utilizzare poi queste informazioni per creare automaticamente nuove schede sul sito e ancora, grazie ad un sistema di scraping, recuperare informazioni online ed utilizzarle per creare i nuovi contenuti in modo automatico e scalabile. Qualsiasi futuro sviluppo che mi viene in mente diventa di semplice gestione con strumenti low code mentre sarebbe molto più complesso da gestire ed implementare con applicazioni più tradizionali.

Stefano Salustri

Sono un Consulente in Digital Marketing con oltre 10 anni di esperienza. Mi occupo di progettare e sviluppare strategie digitali per Piccole e Medie Imprese per aiutare le aziende ad ottenere il massimo ritorno dagli investimenti nei canali online.