La nostra esperienza con Liferay DXP 7.1 nella realizzazione di un progetto per un grande istituto bancario

1. Liferay DXP 7.1:
un prodotto già maturo a pochi
mesi dal rilascio?
La nostra esperienza con Liferay DXP 7.1 nella realizzazione di un
progetto per un grande istituto bancario
Filippo Frignocca
Project Manager & Team Leader
Ariadne

2. #LRITA2018
DXP: la storia
• DXP 7.0 prima release → 15/06/2016
• DXP 7.0 Service Pack 8 → 19/07/2108
• DXP 7.0 Fix Pack 59 → 03/10/2018
• DXP 7.1 prima release → 10/07/2018

3. #LRITA2018
1 2 3
Prima Release
7.1.10 GA1
10/07/2018
Fix Pack 1
(165 issues solved)
22/08/2018
Fix Pack 2
(86 issues solved)
11/09/2018
DXP 7.1 - Milestones

4. #LRITA2018
Il “Business Case”
• Il Cliente: istituto bancario nazionale
• Il progetto: migrazione del sito corporate
e di altri quattro siti verticali
del gruppo su DXP 7.1
Requisiti principali: local staging,
architettura in cluster,
marketing landing pages, SPA,
multilingua, full responsive

5. #LRITA2018
Sito di News
tematiche
Start:
01/09/2018
Go-Live target:
31/10/2018
Step 1: Sito Pilota

6. #LRITA2018
Particolarità del Sito Pilota
• Utilizzo di contenuti multimediali con supporto adattivo
• Utilizzo di menù di navigazione differenti
• Personalizzazione dei risultati di ricerca
• Display Pages dinamiche per le news
• Local Staging

7. #LRITA2018
Adaptive Media
<picture data-fileentryid="${fileEntryId}">
<source media=“(min-width:576px)”
srcset=“/o/adaptivemedia/image/${fileEntryId}/${mediaName}/${fileName}”>
</picture>
Il supporto adattivo regola
dinamicamente le immagini per
adattarle al meglio al layout di
visualizzazione.
Offre inoltre un controllo
approfondito sul modo in cui le
immagini vengono caricate e
visualizzate nei template.

8. #LRITA2018
Esempio Adaptive Media 1/2
Immagine originale 995x663 (152 KB)
break 800x553 (65 KB)
break 600x400 (42 KB)
break 330x220 (15 KB)
break 120x80 (3 KB)
/o/adaptive-media/image/104836/120-x-80-px/HeroImage
/documents/104623/40144199-aad9-4797-1024-748ea78b8ac6

9. #LRITA2018
Esempio Adaptive Media 2/2
/o/adaptive-media/image/104836/800-x-533-px/NewsImage
/o/adaptive-media/image/104836/330-x-220-px/NewsImage

10. #LRITA2018
Navigation Menu
I menù, disaccoppiati dalla
navigazione delle pagine, si
possono creare in modo
personalizzato.
È possibile gestire facilmente le
gerarchie dei menù e salvare
diversi set di menu con la nuova
interfaccia drag-and-drop.

11. #LRITA2018
Navigation Menu - Widget

12. #LRITA2018
Personalizzazione della Ricerca
Widget Barra di ricerca
Widget Risultati di ricerca

13. #LRITA2018
Step di personalizzazione ricerca
• Model Pre Filter Contributor Module
modulo per l’implementazione delle condizioni di filtraggio custom, in modo che la
ricerca ritorni solo Web Content di una o più Strutture e per forzare i criteri
con cui effettuare la ricerca.
• Configuration API Module
modulo per poter configurare l’elenco delle strutture su cui deve operare la ricerca
• Module Fragment
modulo per “personalizzare” il layout grafico dei risultati della ricerca.

14. #LRITA2018
Gestione Display Pages
Le pagine di visualizzazione (Display Pages) con
DXP 7.1 sono state migliorate per semplificare la
creazione di modelli standard per i contenuti web
che devono avere un aspetto coerente, utilizzando i
Page Fragment con sezioni dinamiche.
Quando il contenuto web viene pubblicato con un
modello di pagina di visualizzazione, ottiene
automaticamente la propria pagina con URL
univoco.
Contenuto Dinamico
Embedded
Widgets

15. #LRITA2018
Local Staging
• Abilitazione del “Local Staging” per la gestione editoriale del sito
• Page Versioning non ablitato
• Asset configurati per lo staging:
• Web Content
• Document and Media Library
• Application Display Templates

16. #LRITA2018
Go Live
Sito Pilota
31/10/2018
Go Live
3 Siti di
Comunicazione
31/12/2018
Go Live
Sito Corporate
febbraio 2018
Prossimi Passi

17. #LRITA2018
Futuri sviluppi
• Creazione Marketing Landing Page utilizzando Page Fragment
• Sviluppo Siti SPA
• Integrazione con servizi esterni
• Integrazione librerie JS via ThemeContributor e AMD loader

18. #LRITA2018
Filippo Frignocca
Project Manager
& Team Leader
Ariadne
Contatti:
e-mail: frignocca@ariadne.it
twitter: @filfritz - @AriadneSrl
site: www.ariadne.it

19. #LRITA2018