FiscoOggi.it è la rivista online dell’Agenzia delle entrate che offre aggiornamenti sull’attività dell’Amministrazione e dei suoi uffici centrali e periferici, commenti alla normativa, alla prassi e alla giurisprudenza tributaria. Ampio spazio è dedicato anche alla fiscalità internazionale con l’analisi dei sistemi di tassazione e delle novità tributarie dei vari Paesi. FiscoOggi.it vuol essere uno strumento di informazione tempestiva e puntuale, a disposizione dei contribuenti e degli operatori professionali.
Implementazione di un CMS solido e flessibile che possa migliorare l’esperienza editoriale di una redazione estremamente attiva, con un approccio mobile-first
Più di 10 milioni di utenti con oltre 22 milioni di accessi e ben 40 milioni di pagine visualizzate negli ultimi 3 anni, con circa 28000 iscritti alla newsletter e con un trend in costante crescita: nel solo 2018 quasi 4 milioni di utenti e più di 14 milioni di pagine visualizzate. Con questi numeri si presenta FiscoOggi , la più autorevole e longeva pubblicazione on-line italiana nell’ambito della fiscalità che offre un’informazione puntuale e tempestiva curata direttamente dall’Agenzia delle Entrate.
Potendo contare su una redazione di 12 funzionari e quasi 600 autori, i contenuti pubblicati sulla rivista superano i 5000 per anno, ponendo a noi di SparkFabrik una doppia sfida: migrare quanto già in essere su una nuova e moderna piattaforma e facilitare il lavoro della redazione nella produzione ed inserimento dei contenuti lavorando sull’esperienza utente lato editoriale.
Contestualmente, l’obiettivo di far fronte al sempre crescente utilizzo del sito su dispositivi mobili (+24% nell’ultimo anno), richiede particolare attenzione ad una presentazione chiara e gerarchica dei contenuti.
Considerate le richieste da parte del cliente emerse in fase di gara, la nostra proposta di design ha compreso un’approfondita analisi delle piattaforme dei principali attori dell’editoria online, e una puntuale applicazione delle best practices in ambito di user experience ed accessibilità.
Trattandosi di un sito prettamente contenutistico, la fruibilità da parte dell’utente è stata prioritaria durante il design di interfaccia e interazione. Abbiamo in prima istanza aumentato la dimensione dei titoli rispetto al corpo del testo ed aumentato il contrasto cromatico con lo sfondo per favorire una migliore gerarchia visiva dei contenuti.
In questa fase è stato operato anche un sostanzioso decluttering dell’interfaccia grafica, dando aria ai contenuti senza sacrificarne la ricchezza e privilegiandone una rappresentazione geometrica ed armoniosa.
La scelta dei font da utilizzare è ricaduta su un trio di caratteri sans-serif: Montserrat per i titoli, Open Sans per il corpo del testo e Titillium Web per quanto riguarda gli elementi interattivi. Si tratta di tre font di largo utilizzo e dalla spiccata leggibilità, dotati di una vasta varietà di pesi che ci ha consentito di adattarli ottimamente alle varie situazioni d’uso.
Il candidato ideale per l’ammodernamento della piattaforma è stato senza dubbio Drupal 8, framework moderno, modulare e di classe enterprise, peraltro una scelta di continuità in quanto successore della piattaforma alla base della precedente istanza di Pressflow (Drupal 6) ormai obsoleta.
Il passaggio a questa versione ha costituito un enhancement dell’esperienza utente del redattore, consentendo di dismettere un workflow antiquato e macchinoso a favore di uno in linea con le ultime tecnologie web. La flessibilità dei flussi editoriali personalizzabili offerti da Drupal 8, ha permesso di soddisfare appieno le esigenze della redazione. Le pagine di modifica e creazione dei contenuti sono state personalizzate, raggruppando gli elementi semanticamente in tab (field groups) e aggiungendo commenti e note per guidare l’editor nel suo lavoro quotidiano.
Le nuove migrate API di Drupal 8 hanno permesso la migrazione dei contenuti direttamente da Drupal 6, consentendo l’ottimizzazione delle strutture dati, agevolata dalla nuova tipizzazione delle entità: file, immagini, video e audio sono stati rimappati in media type ed è stata razionalizzata l’architettura dei content type esistenti. In totale la migrazione ha coinvolto oltre 42000 contenuti, 35000 immagini e 2700 contributi multimediali tra video e audio e foto e la scrittura di diversi plugin di tipo destination e process.
Una caratteristica del sito precedente, ritenuta prioritaria dalla redazione, era un sistema di ranking dei contenuti che permetteva di mostrare gli articoli più letti del giorno, di recente e di sempre. Il sistema si basava su di un modulo contrib (Radioactivity) che nella fase iniziale del progetto non era compatibile con Drupal 8. I nostri sforzi quindi si sono concentrati nello sviluppo di una nuova versione del modulo che fosse compatibile con il nuovo sito e nel migrare i valori di ranking di tutti i contenuti esistenti. Le ottimizzazioni architetturali introdotte con le migrazioni hanno consentito quindi di gestire le immagini come “media entity”, permettendo la creazione di un “repository” centralizzato che ne facilita il recupero ed eventualmente il riutilizzo (con l’utilizzo di moduli contrib quali “Entity media browser” ed “Entity embed”) con un pattern condiviso in tutte le operazioni che coinvolgono fotografie ed immagini.
L’integrazione con il server di streaming audio e video Wowza è stata migliorata e implementata in HTML5, aggiungendo il supporto a protocolli di streaming moderni, MPEG-DASH, HLS (HTTP Live Streaming) e mantenendo un fallback Adobe Flash per i vecchi browser.
Per il front-end si è scelto di mantenere un approccio Drupal nativo, che sfruttando la versatilità di Twig, nuovo template engine di Drupal 8, ha permesso di integrare facilmente il framework responsive mobile-first Zurb Foundation, modulare ed agilmente personalizzabile nonchè aderente agli standard di accessibilità. Le immagini sono state ottimizzate per le diverse risoluzioni tramite l’utilizzo del tag Picture ed un insieme di preset studiati nel dettaglio per offrire la migliore esperienza d’uso a tutte le risoluzioni, su device retina o meno, senza appesantire il caricamento della pagina.
La ricerca ha mantenuto l’originale integrazione con Apache Solr, assegnando un boost di rilevanza ai contenuti più recenti: la “navigazione” a faccette che consente all’utente di filtrare in modo veloce ed intuitivo i contenuti semanticamente e per tipologia è stata estesa anche a tutti i contenuti della sezione media.
Un primo ed evidente risultato è sul lato User Experience. Dalla approfondita analisi effettuata sulla struttura del vecchio sito siamo riusciti ad accorciare significativamente il percorso utente di accesso ai contenuti.
Portando alcuni esempi:
Il secondo grande achievement è senza dubbio la migrazione di una grande mole di contenuti strutturati da una piattaforma legacy come Drupal 6 ad una piattaforma moderna come Drupal 8.
Coniugando una approfondita analisi della struttura dati previgente con le nostre conoscenze delle potenzialità di Drupal 8 siamo riusciti non solo a rendere disponibili tutti i contenuti della vecchia piattaforma, ma a presentarli e a strutturarli in maniera moderna e future-proof.
Monitoraggio Progetti ICT, Agenzia delle Entrate
