Titolo Tutorial. MOVIO: PageType: Galleria fotografica da categoria. Versione MOVIO SCMS. Versione Tutorial. Commenti Dichiarazione di copyright

Transcript

1 Titolo Tutorial MOVIO: PageType: Galleria fotografica da categoria Versione MOVIO SCMS 1.00 Versione Tutorial 1.00 Data 15/02/14 Autori e affiliation Rubino Saccoccio (Gruppometa) Commenti Dichiarazione di copyright Abstract Questo documento descrive il front-end e il back-end del sito web del progetto MOVIO. In particolare riferito all uso del Tipo di Pagina: Galleria fotografica da categoria MOVIO PageType: Galleria fotografica da categoria - v.1.00 del 17/03/14 1

2 Sommario Sommario... 2 Galleria Fotografica (Gallery, Slide Show, Slider e Page Flip)... 3 Tool usati... 3 Descrizione... 3 Campi generali della Pagina... 5 Campi specifici per la Galleria fotografica... 6 Esempio pratico Photogallery_category - Galleria... 8 MOVIO PageType: Galleria fotografica da categoria - v.1.00 del 17/03/14 2

3 Galleria Fotografica (Gallery, Slide Show, Slider e Page Flip) In questo Tutorial esamineremo il Tipo di pagina Galleria fotografica da categoria, vedremo quindi come si compila e quale sarà il risultato finale pubblicato nel front end del sito. Form di creazione nuova Pagina. Tool usati Questi i tool usati nelle implementazioni della Galleria fotografica da categoria Galleria fotografica (con superzoom) ( ( Sfogliatore gallery/) Slider ( Image zoom ( Descrizione Tutte le immagini che sono caricate nell Archivio media vengono assegnate a una categoria per facilitarne successivamente la ricerca. (Vedi tutorial specifico) MOVIO offre la possibilità di creare gallerie fotografiche usando come aggregatore proprio la categoria, in questo modo la galleria si crea automaticamente senza dover selezionare a mano, una per una, le immagini che faranno parte della galleria. MOVIO PageType: Galleria fotografica da categoria - v.1.00 del 17/03/14 3

4 NOTA: L utilizzo di questo tipo di funzione è consigliato nel caso di aggregazione di un numero alto di immagini per singola galleria. Si consideri però che in questo caso il sistema mette le immagini in sequenza sulla base dell ordine alfabetico. Creiamo quindi una nuova pagina di tipo Galleria fotografica da categoria scegliendo Photogallery_category dal menu dei Tipi di pagina. Form di creazione nuova Pagina di tipo Galleria fotografica da categoria MOVIO PageType: Galleria fotografica da categoria - v.1.00 del 17/03/14 4

5 Form di creazione nuova Pagina. MOVIO ci mostra un modulo in cui si richiede di specificare i seguenti campi: Campi generali della Pagina Titolo, è il titolo che avrà la nuova pagina all interno del sito, il campo è già compilato, ma è ancora modificabile dall utente. URL, è la URL parlante della pagina, il campo è compilabile dall utente e serve a poter raggiungere facilmente la pagina digitando nella barra degli indirizzi del browser direttamente questo: <indirizzo_sito>/<url_parlante> NOTA: la URL parlante non può contenere spazi Testo, è il testo della pagina MOVIO PageType: Galleria fotografica da categoria - v.1.00 del 17/03/14 5

6 Campi specifici per la Galleria fotografica In MOVIO è possibile creare quattro tipi di gallerie fotografiche. Il tipo viene specificato nel campo Tipo di galleria, questi i tipi disponibili: PhotoGallery, si tratta di un visore di immagini su sfondo nero SlideShow, si tratta di uno slide show automatico di immagini Slider, si tratta di un visore di immagini Sfogliatore, si tratta di uno sfogliatore di immagini Nota: è possibile creare nel sito più pagine di tipo Galleria fotografica da categoria. Nota: Il Tipo di galleria slideshow, è consigliato per le immagini che hanno didascalie lunghe perché prevede ampio spazio per il testo delle didascalie. Il campo usato come didascalia è il corrispondente campo Descrizione dell immagine nell Archivio Media. PhotoGallery Slide Show Slider Page Flip Esempi di visualizzazione nel front end dei diversi tipi di Tipo di galleria Altri parametri disponibili sono: MOVIO PageType: Galleria fotografica da categoria - v.1.00 del 17/03/14 6

7 Ritaglia immagine, se flaggato l immagine viene ritagliata per rientrare nel box della photogallery, altrimenti viene ridotta in proporzione, potranno in tal caso essere visualizzare delle bande nere sopra/sotto o ai lati dell immagine Scorri immagine ritagliata, se flaggato l immagine che è stata ritagliata può essere scorsa comunque con il mouse Lista immagini, consente di specificare, da un elenco, una delle categorie utilizzate per taggare le immagini MOVIO PageType: Galleria fotografica da categoria - v.1.00 del 17/03/14 7

8 Esempio pratico Photogallery_category - Galleria Vediamo in pratica come realizziamo una pagina del sito con una Galleria fotografica di tipo PhotoGallery. 1) Scegliamo la voce Aggiungi pagina dal back end. Aggiungi pagina Titolo: Galleria fotografica da categoria Pagina padre: Tipo di pagina: Photogallery_category Facciamo click su Salva. 2) Nella pagina di definizione della Galleria fotografica, definiamo i campi: Tipo di galleria, PhotoGallery Ritaglia immagine, YES Image list: Roma MOVIO PageType: Galleria fotografica da categoria - v.1.00 del 17/03/14 8

9 3) Click sul pulsante Salva per salvare la Galleria fotografica appena definita. Se tutto si è svolto correttamente il sistema mostra il messaggio: Dati salvati correttamente 4) Visualizzazione della pagina nel front end. Nella pagina di front end visualizzeremo: Visualizzazione della Galleria fotografica per categoria di tipo PhotoGalleryCategory nel front end. MOVIO PageType: Galleria fotografica da categoria - v.1.00 del 17/03/14 9