Table of Contents

Introduzione

IRIS6 è dotato di una veste grafica basata sul framwork Bootstrap 5. Questo gli consente di avere una migliore usabilità da parte degli utenti, una più ampia portabilità sui dispositivi, privilegiando quelli mobile, ed infine garantire un livello di sicurezza più elevato.
La struttura della veste grafica di IRIS6 è stata semplificata per dare modo agli amministratori dell'archivio di poter intervenire su di essa in modo più rapido ed intuitivo. È infatti possibile gestire tutti gli elementi che compongono l'archivio attraverso l'utilizzo del tool Layout.

Tool di gestione della veste grafica

Il tool di gestione della veste grafica di IRIS6 è uno strumento disponibile agli amministratori che operano in visione completa. Per utilizzare il tool occorre accedere al menu e portarsi in Configurazione > Layout.
Il tool di gestione della veste grafica si compone di 4 elementi principali:

...

Di seguito vedremo l'utilizzo di questi 4 strumenti e spiegheremo l'impatto che hanno sulla gestione della veste grafica dell'archivio.

CMS

Il CMS (Content Managment System) è uno strumento che ci permette di gestire le risorse grafiche dell'archivio. Attraverso il CMS è quindi possibile inserire in Archivio file che saranno utilizzati per comporre la veste grafica.

...

Il CMS è composto da un'interfaccia che presenta 5 cartelle principali ovvero cineca, css, image, static e sr.
Nel nostro caso l'unica cartella da tenere in considerazione è sr. All'interno di questa cartella possiamo inserire tutti i file di cui necessitiamo in modo che poi possano essere utilizzati dal sistema. Tutti i file caricati in questa cartella sono letti automaticamente dal sistema. In questa cartella è possibile caricare il file local.css che serve per sovrascrivere le classi css dell'archivio.
Per accedere alla cartella sr basta selezionarla con un doppio click. All'interno della cartella sr si trovano due cartelle chiamate rispettivamente bootstrap e cineca che non devono essere utilizzate.

Caricamento file

Per caricare uno o più file all'interno della cartella sr occorre cliccare sul tasto menu (icona con 3 puntini) e selezionare la voce Upload files. Si aprirà una finestra di dialogo che consente di selezionare i file di interesse dal proprio pc. Una volta selezionati i file di interesse occorre cliccare sul pulsante Upload per caricare i file.

Creazione cartella

Per creare una nuova cartella all'interno della cartella sr occorre cliccare sul tasto menu (icona con 3 puntini) e selezionare la voce New folder. Si aprirà una finestra di dialogo che consente di attribuire un nome alla cartella che si vuole creare. Una volta digitato il nome della cartella occorre cliccare su Create per creare la cartella.

Gestione file

Cliccando con il pulsante destro del mouse su un file caricato all'interno della cartella sr viene visualizzato un menu che consente di eseguire le seguenti azioni:

• Download → consente di scaricare il file selezionato;
• Rename → consente di rinominare il file selezionato;
• Move → consente di spostare il file selezionato;
• Copy → consente di effettuare una copia del file selezionato;
• Permissions → visualizza una finestra di dialogo per gestire i permessi associati al file;
• Delete → consente di eliminare il file selezionato;

Gestione cartella

Cliccando con il pulsante destro del mouse su una cartella creata all'interno della cartella sr viene visualizzato un menu che consente di eseguire le seguenti azioni:

• Open → consente di accedere alla cartella selezionata;
• Rename → consente di rinominare la cartella selezionata;
• Move → consente di spostare la cartella selezionata;
• Permissions → visualizza una finestra di dialogo per gestire i permessi associati alla cartella selezionata;
• Compress → consente di comprimere la cartella selezionata;
• Delete → consente di eliminare la cartella selezionata;

local.css

Il file local.css è un file molto importante perché consente di sovrascrivere le classi css degli elementi che compongono l'Archivio. Sovrascrivendo le classi css standard è possibile modificare l'aspetto degli elementi che compongono l'archivio. Ad esempio è possibile attribuire un aspetto differente da quello standard a tutti gli elementi di tipo <H1>.

...

Ulteriori dettagli sull'utilizzo delle classi css sono disponibili al seguente indirizzo:
CSS Tutorial (w3schools.com)

Stile

Attraverso lo strumento Stile è possibile modificare l'aspetto degli elementi principali che caratterizzano l'archivio.
Lo strumento Stile è composto da una serie di campi che rappresentano gli elementi principali che caratterizzano l'aspetto grafico dell'archivio e i rispettivi valori di default.

...

Configurazioni

Il tool configurazioni è uno strumento che consente di stabilire le caratteristiche che devono avere gli elementi che compongono l'archivio. Questo strumento si compone di due sezioni:

• impostazioni sito
• impostazioni homepage

impostazioni sito

La sezione impostazioni sito è una form composta da 6 campi in cui indicare le caratteristiche che devono avere gli elementi principali dell'archivio. Essendo la veste grafica di IRIS6 basata su Bootstrap 5 le caratteristiche degli elementi devono essere indicate con le notazioni proprie di bootstrap 5.

• container pagina pubblica → valore di default = container-xxl. Indica che l'archivio verrà visualizzato presentando del margine ai lati dello schermo.
• stile menu top → valore di default = navbar-dark sticky-top
• stile footer totali → valore di default = bg-primary text-white. Indica che l'elemento totalFooter avrà come colore di sfondo il colore primario impostato nello strumento Stile, mentre il testo sarà di colore bianco.
• stile menu top backgroung → valore di default = bg-primary. Indica che il banner principale avrà come colore di sfondo il colore primario impostato nello strumento Stile.
• stile site header → valore di default = bg-secondary text-white. Indica che l'elemento newsHeader avrà come colore di sfondo il colore secondario impostato nello strumento Stile, mentre il testo sarà di colore bianco.
• stile menu sx → valore di default = bg-secondary. Indica che il menu principale avrà come colore di sfondo il colore secondario impostato nello strumento Stile.

impostazioni homepage

La sezione impostazione homepage consente di gestire gli elementi che compongono la homepage. Attraverso questa sezione è possibile agire sugli elementi che compongono l'homepage. In particolare è possibile stabilire:

...

Se un elemento ha una lunghezza pari a 12 colonne allora occupa l'intera larghezza della homepage. Se un elemento ha una lunghezza pari a 6 colonne allora occupa metà della larghezza della homepage e sarà visualizzato su una riga accanto a uno o più elementi.
Ad esempio, se ho 4 faccette e voglio che siano visualizzate su una sola riga, allora dovrò impostare il campo css facets con il valore col-lg-3 (12/3=4); Se voglio che le 4 faccette siano visualizzate su due righe in modo che ci siano due faccette per ogni riga allora dovrò impostare il campo css facets con il valore col-lg-6 (12/6=2).
Al termine di ogni modifica occorre cliccare su Salva e vai alla visualizzazione dei dati e quindi su aggiornamento configurazioni.

Modifica news

Il tool Modifica News permette di inserire del testo statico in homepage. Serve per inserire dei messaggi o dei contenuti html personalizzati. In ciascuna news infatti è possibile inserire del testo html.

...