Nephila per DeA Scuola

Creare un sistema di navigazione personalizzata richiede molta energia a livello backend; energie che abbiamo investito per creare una soluzione applicativa adeguata. Su deascuola.it, l’utente può registrarsi come insegnante, genitore o studente e sono queste classi di utenti che ci permettono di identificarlo e personalizzare interfaccia e funzionalità a seconda dei vari ruoli. Non solo, per la personalizzazione degli acquisti e del download dei materiali abbiamo dovuto gestire la corretta interazione con i servizi esterni su cui si basano queste funzionalità, tenendo conto delle tecnologie di scambio dati che utilizzano (REST API).

Abbiamo dovuto prevedere ogni casistica, compresa quella in cui sul sito arrivino nuovi utenti. La soluzione è stata chiara: creare un percorso di navigazione personalizzato anche per loro. Una soluzione che ci ha posto davanti a una sfida, quella di creare un header generico da mostrare solo su alcune specifiche pagine. Si tratta di un’implementazione che unisce sviluppo backend e frontend ma che il nostro team ha saputo affrontare efficacemente, non senza qualche rompicapo di codice a cui far fronte.

Affrontate e superate queste implementazioni, abbiamo dovuto trovare un modo per consentire alle redazioni De Agostini di lavorare autonomamente sui contenuti e sulla loro visualizzazione per classe di utenti; abbiamo optato per django CMS che permette agli editor di aggiornare i contenuti e scegliere per quali utenti renderli accessibili.

Per permettere a DeA Scuola un editing dei contenuti efficace ed efficiente, e di agire direttamente sulla visualizzazione dei contenuti, abbiamo dovuto lavorare molto su django CMS, in modo da modellarlo sulle loro specifiche esigenze. Molte delle nostre energie sono state assorbite dalla riscrittura del codice di una parte essenziale di django CMS stesso per adattarlo alla struttura per classi di utenti, e quindi alla navigazione personalizzata.

Con l’obiettivo di facilitare il lavoro delle redazioni DeA Scuolaabbiamo calibrato l’implementazione di tutte queste funzionalità sulle loro specifiche esigenze editoriali, in modo che riflettessero il loro naturale processo di editing. La necessità di dare loro la maggiore libertà possibile nella modifica dei contenuti, ad esempio si è tradotta in un processo di aggiornamento dei contenuti che avviene in uno specifico ambiente di pre-produzione, le cui modifiche vengono poi aggiornate sul sito online solo in un secondo momento, a modifiche ultimate e su conferma di DeA Scuola. È stata una feature sudatissima, dati i tanti modi diversi e fantasiosi in cui la sincronizzazione tra i due database può fallire, ma che abbiamo fronteggiato sempre pronti a gestire ogni piccolo imprevisto di backend.

E ancora, al bisogno di replicare i contenuti delle pagine CMS in modo fedele al Design System - ma anche ad elementi in esso non presenti - abbiamo risposto con l’implementazione di tutta una serie di plugin django CMS diversi tra loro e volti a riprodurre ogni tipo di elemento di design presente nel Design System, come questo:

Una delle soluzioni che abbiamo implementato e ha agevolato maggiormente il lavoro delle redazioni De Agostini Scuola è l’aggiornamento automatico delle pagine che prevedono gli stessi contenuti per ogni classe di utente; in pratica, alla modifica di una sola pagina CMS corrisponde l’aggiornamento di ben tre pagine CMS. Un’ottimizzazione del lavoro non banale per chi ogni giorno deve aggiornare i contenuti di un sistema digitale complesso come Deascuola.it.

Questa area di progetto abbraccia tutto il lavoro che abbiamo svolto sulle REST API per lo scambio di informazioni tra l’infrastruttura e i suoi servizi esterni. Entriamo nel dettaglio per scoprire tutte le integrazioni che abbiamo sviluppato.

Integrazione con il catalogo editoriale De Agostini Scuola

Su questa integrazione si basa il sistema di navigazione del sito (Menu Node), oltre che l’aggiornamento dei contenuti che avviene quotidianamente. Abbiamo lavorato sull’interazione dell’infrastruttura con il sistema interno di gestione catalografica di De Agostini Scuola e implementato una procedura che permette alla redazione di inviare automaticamente e in tempo reale le modifiche al sito direttamente dal software interno. Per l’invio dei dati dal sistema di gestione del catalogo interno al sito Deascuola.it ci siamo basati sul meccanismo di Amazon Lambda mentre per il resto abbiamo scritto codice ad-hoc.

Integrazione con il sistema di Single Sign On (SSO)

Anche per l’autenticazione centralizzata abbiamo dovuto gestire le interazioni con un sistema esterno di Single Sign On (SSO), implementato da terze parti. L’autenticazione SSO è stata creata per uniformare tutti i servizi di Deascuola.it e facilitare la vita dell’utente che con una sola registrazione può accedere a tutto l’universo digitale DeA Scuola. Per supportare questa funzionalità abbiamo sviluppato l’integrazione per Django del sistema SSO e creato codice ad hoc che implementiamo in tutte le piattaforme digitali De Agostini Scuola che usano Django, come Lettere e Didattica e Deaformazione.it.

Attivazione degli ebook e gestione delle licenze

Per licenze, intendiamo l’attivazione degli ebook o di altre risorse digitali associate ai libri di testo acquistati dagli utenti, utile a sbloccarne la fruizione. È una funzionalità che segue logiche di backend piuttosto complesse a causa dell’associazione utente, libro e risorsa che non avviene su Deascuola.it stesso ma su un sistema esterno. Da questo deriva una pesante interazione di sistemi che devono essere costantemente mantenuti sincronizzati affinché gli utenti visualizzino nella propria area personale ciò che si aspettano di vedere, ossia i contenuti che hanno acquistato e le risorse associate ad un proprio libro.

Per portare a casa questa implementazione, a livello di sviluppo abbiamo dovuto superare la tradizionale gestione dei menu in django CMS e riscriverla per permettere alla piattaforma di gestione dei contenuti di interagire con dati che le redazioni DeA Scuola possono gestire dall’interfaccia di amministrazione: è in questo modo che gli editor possono fare le dovute associazioni tra catalogo e pagine CMS. Non solo, per richiamare i contenuti giusti alle rispettive voci di menu abbiamo dovuto operare sulle view di Django e riscriverne la gestione. Grazie a questa implementazione la piattaforma ha fatto un ulteriore salto di qualità consentendo agli editor una gestione dei contenuti ancora più libera e indipendente.

Il Design System è un insieme di regole e linee guida(spazi, colori, bordi e fonts) - blocchi di codice ed elementi grafici - che definiscono il design complessivo di un ecosistema digitale, con l’obiettivo di creare una brand identity coerente, tenendo conto della multicanalità con cui al giorno d’oggi l’utente si muove nel web. Data la complessità di Deascuola.it, definire a monte il design della piattaforma e creare un “linguaggio” condiviso e unificato è stato un passaggio fondamentale, soprattutto in ottica di una sempre maggiore espansione ed evoluzione dell’ecosistema: Deascuola.it accoglierà nuovi spazi web e servizi che dovranno essere coerenti e riconoscibili.

Il Design System di Deascuola.it è stato sviluppato da un’agenzia specializzata esterna (Sketchin) ed è stato realizzato con Vue.js, unframework scritto in linguaggio Javascript, che noi abbiamo suggerito in quanto flessibile, di semplice utilizzo e perché permette una integrazione più naturale con Django.

Sebbene il Design System sia stato sviluppato da terze parti, abbiamo dovuto, durante lo sviluppo del progetto, lavorarci sopra per integrarlo con nuovi elementi - avendo cura di mantenere l’armonia d’insieme -, correggerlo dove necessario e rifattorizzarlo per mantenere il codice chiaro ed evitare il rischio di possibili bug.