PROGETTAZIONE WEB CON ARIADNE WCM

Transcript

1 Università di Modena e Reggio Emilia 15 settembre 2011 PROGETTAZIONE WEB CON ARIADNE WCM Introduzione al modulo di Configurazione 1

2 Agenda» Cenni generali sull applicazione: uno sguardo complessivi alle entità e ai concetti propri di Ariadne WCM;» Presentazione, Pagine e Template: come viene generato il sito che sto vedendo?» Categorie e Tipi di contenuto: come vengono strutturati e organizzati i contenuti;» I Canali: come organizzare siti coordinati e versioni multi-lingua;» La gestione degli Utenti: come è organizzato il lavoro di una redazione web con Ariadne WCM. 2

3 Progettazione web con Ariadne WCM 1. CENNI GENERALI SULLA APPLICAZIONE

4 Ariadne WCM: schema funzionale AMMINISTRAZIONE / REDAZIONE WEB composta dagli utenti del CMS CONFIGURAZIONE DEL SISTEMA Creazione Categorie Configurazione Tipi di contenuto Creazione Canali Caricamento Template Creazione Pagine REDAZIONE DEI CONTENUTI Creazione e modifica di Articoli, Documenti, Schede, Immagini e Video PUBBLICAZIONE Impaginazione degli articoli nelle pagine e pubblicazione delle pagine Database File System Servlet / JSP ARIADNE WCM Sito web italiano Sito web inglese Sito web francese Sito mobile italiano Sito mobile inglese Sito mobile francese 4

5 Ariadne WCM: schema logico INSTALLAZIONE ARIADNE WCM /wcm/ /off-line/ /site/ ISTANZA ISTANZA 2 Utenti, Ruoli, Gruppi ISTANZA 4 ISTANZA 3 Categorie Tipi di contenuto Canale Albero di navigazione Pagine Template Contenuti: Articoli, Schede, Immagini, Documenti, Video 5

6 Ariadne WCM: le tre webapp Ariadne WCM si compone di tre distinte applicazioni web» /wcm/ rappresenta il back-office del sistema. Accessibile solo previa log-in.» /site/ serve il/i siti» /off-line/ serve il/i siti in modalità preview (es. visualizza anche i contenuti in stato diverso da approvato ). Accessibile solo previa log-in. 6

7 SITE, OFF-LINE, WCM URL = dominio + webapp

8 Configurazione Rappresenta quella sezione del CMS che permette di effettuare operazioni strutturali di set-up» Caricamento e associazione dei Template» Creazione e gestione delle Pagine» Organizzazione delle Categorie» Configurazione Tipi di contenuto» Gestione degli Utenti» Gestione dei Canali» Gestione delle Istanze 8

9 Progettazione web con Ariadne WCM 2. PRESENTAZIONE: PAGINE E TEMPLATE

10 Contenuto e Presentazione Dal punto di vista tecnico, Ariadne WCM è un Engine XML che separa contenuto e presentazione:» i contenuti, singoli o aggregati in pagine, sono rappresentati in XML» i template (tecnicamente, file XSL) trasformano l XML dei dati in (x)html >> 10

11 Pagine e Contenuti Le Pagine e i Contenuti sono entità distinte e potenzialmente indipendenti, anche se questo può non risultare immediato dall esperienza di navigazione.!= Le Pagine sono dei contenitori di uno o più contenuti a seconda del loro tipo e della loro configurazione. 11

12 Tipologie di Pagina e metodi di pubblicazione» Pagine index (nel back-office Pagine tout-cout): possono ospitare uno o più articoli, a seconda del template associato. L impaginazione (= scelta dei contenuti ) è manuale;» Pagine category : sono liste di contenuti omogenei (articoli, schede, documenti o immagini) estratte automaticamente in base alla Categoria dei contenuti.» Pagine clone : ereditano automaticamente ciò che compare nella pagina master e sono particolarmente utili per siti web in più lingue. 12

13 L impaginazione 13

14 Template esterno e interno 14

15 Template di struttura (esterno)» Definisce la presentazione delle parti costanti (o strutturalmente simili) del sito web o di più pagine: es. header, menù di navigazione, footer» Viene importato in Configurazione > Gestione Template come file.xsl» Ogni sito (Canale) ne ha uno di default (utilizzato automaticamente per le nuove pagine)» Non può includere contenuti del CMS, se non tramite workaround.» E buona norma creare Template di struttura solo quando è realmente necessario. 15

16 I Template della parte interna La presentazione della parte interna è affidata a template diversi:» Template di Pagina per le pagine» Template di Articolo per gli articoli in dettaglio» Template di Scheda per le schede in dettaglio 16

17 Template di Pagina Definisce, quando siamo in una Pagina (index)» la presentazione della parte interna della pagina;» Il numero di articoli che questa può includere;» la disposizione degli articoli. Ciò che WCM chiama Template di pagina è in realtà una coppia di file fisici:» il template di pagina vero e proprio, che determina la presentazione della parte interna delle pagine trasformando l XML in HTML;» il template di impaginazione che genera la schermata di impaginazione nel back-office 17

18 Template di Pagina e di Impaginazione TEMPLATE DI IMPAGINAZIONE TEMPLATE DI PAGINA 18

19 Caricamento di un Template di pagina 19

20 Progettazione web con Ariadne WCM 3. CATEGORIE E TIPI DI CONTENUTO

21 Le Categorie» Sono etichette tematiche, disposte ad albero, utilizzate per referenziare, ricercare, estrarre e proteggere i contenuti.» Ogni contenuto deve essere obbligatoriamente associato ad almeno una Categoria. 21

22 Utilizzo delle Categorie in un sito web» Ricerche avanzate;» Pagine Category : estraggono contenuti omogenei (Articoli, Documenti, Schede) assegnati ad una data categoria;» Protezione: è possibile rendere visibili i contenuti di una Categoria ad uno specifico insieme di utenti autenticati (indipendentemente da dove i contenuti sono pubblicati) 22

23 I Tipi di contenuto Ariadne WCM struttura i contenuti attraverso alcune entità:» Documento» Immagine» Video» Articolo» Scheda Oggetti elementari : file fisico + metadati Oggetti composti : aggregano oggetti elementari, dati propri e metadati I Tipi di contenuto definiscono da quanti e quali campi i contenuti saranno composti (es. presenza/assenza di immagini o documenti allegati, n. di link a corredo, ecc.) I Tipi di contenuti sono uguali tra Canali diversi. 23

24 Tipi di contenuto: il flusso di lavoro» Scelta progettuale: di quali contenuti ha bisogno il progetto dal punto di vista editoriale?» Configurazione dei Tipi: si sceglie come codificare i contenuti necessari secondo i concetti di Ariadne WCM.» Redazione: il redattore, inserendo i contenuti effettiva si adegua alla struttura definita dal Configuratore. 24

25 Tipi di contenuto: dati comuni Tutti i contenuti di Ariadne WCM, indipendentemente dal Tipo, hanno in comune alcuni dati/caratteristiche:» ID» una o più Categorie» Titolo» Stato (in lavorazione, in approvazione, approvato, archiviato)» Gruppo (di utenti redattori) cui il contenuto appartiene» Date di sistema (inserimento, ultima modifica)» Date redazionali : Data di inizio pubblicazione, Data di fine pubblicazione, Data di ordinamento 25

26 URL e percorso In fase di Configurazione dei Tipi (Articolo, Scheda, Documento) possono essere abilitati i campi URL e Percorso:» URL definisce il friendly URL del dettaglio del contenuto» il Percorso definisce quale pagina rappresenta il contesto di navigazione più pertinente per il dettaglio del contenuto.» URL e Percorso possono essere utilizzati per dare un indirizzo univoco a ciascun contenuto, evitando problemi di duplicate content da parte dei motori di ricerca. Esempio: lavatrice.html FRIENDLY URL DEL CONTENUTO /prodotti/elettrodomestici/ /azienda/contatti/ /azienda/notizie/ POSSIBILI CONTESTI DI NAVIGAZIONE /prodotti/elettrodomestici/lavatrice.html 26

27 I Documenti: composizione e pubblicazione Il Documento è un Tipo di contenuto elementare composto da un file fisico e alcuni metadati, come Autore, Sottotitolo, Data di produzione e note. Le modalità di inserimento possono essere» inserimento singolo» inserimento multiplo I documenti possono» Comparire nella pagine category apposite (Document Category o Lista documenti per categoria)» essere allegati ad Articoli o Schede. 27

28 Le immagini e i Formati L immagine è un Tipo di contenuto elementare composto da uno o più file e alcuni metadati, come Argomento e ALT (Testo alternativo). L immagine è in realtà una aggregazione di file diversi per dimensione: i Formati. 28

29 I Formati» Vengono stabiliti dal Configuratore, tipicamente in base all impostazione grafica del sito» Ogni Formato va a costituire, per chi inserisce i contenuti, un campo di Upload. CONFIGURAZIONE FORMATI INSERIMENTO IMMAGINE 29

30 I Formati immagine nelle pagine del sito E il template che stabilisce quale Formato utilizzare nel contesto della pagina, in base allo spazio disponibile e alle esigenze del progetto. Il Template di Homepage utilizza il Formato Immagine grande Articolo 465x155 pixel 30

31 Formati: un altro esempio TEMPLATE HOMEPAGE TEMPLATE PAGINA INTERNA 31

32 256 px 256 px 674 px 300 px 169 px Formati e modalità di caricamento delle immagini» Formati diversi possono presentare file immagine con soggetti differenti» Nel caso dell inserimento manuale non c è un effettivo controllo delle dimensioni in pixel, che quindi non sono vincolanti» Nel caso dell inserimento tramite autoresize il sistema ricampiona l immagine caricata creando tanti file quanti sono i formati abilitati» In questo caso WCM inscrive l immagine sorgente nel formato considerando la dimensione maggiore e rispettando il rapporto base x altezza: IMMAGINE SORGENTE FORMATO RISULTATO 300 px 1200 px 300 px 455 px 455 px 32

33 Tipo di contenuto Video e suo utilizzo» Consiste di metadati propri (Titolo, Argomento) e in un file video, che può consistere in un file multimediale o in un link (a Youtube o a uno Streming Server)» I Video compaiono on-line se allegati ad Articoli (quindi in pagine index, in dettagli di articolo o in Article Category) o Schede (in dettagli di scheda o in Card Category) 33

34 Gli Articoli e la loro composizione L articolo è un Tipo di contenuto che può aggregare dati propri, come campi di testo formattabile (Abstract, Testo) e altri elementi:» immagini associate» documenti associati» schede associate» video associati» link interni o esterni 34

35 Gli Articoli e la loro pubblicazione Un articolo può essere visualizzato:» in una pagina index a impaginazione e pubblicazione manuale, assieme ad altri o da solo» in una pagina Article Category (Lista Articoli per Categoria) assieme ad altri della stessa Categoria» in dettaglio (da solo, all interno della cornice del sito) Dal Template dipendono:» quali elementi vengono visualizzati e quali no;» come vengono visualizzati gli elementi. 35

36 Qualche consiglio Pensare al redattore:» non esagerare configurando troppi tipi;» evitare form kilometriche» dare ai Tipi nomi significativi e indicativi della loro funzione Pensare agli aspetti editoriali e alla grafica definita:» di quanti e quali dati c è bisogno? 36

37 Tipi di Scheda Le Schede permettono un ampia libertà di configurazione. E possibile configurare campi di vario tipo assegnando loro un nome. I campi possono essere» Testo semplice (Stringa) o formattabile (Textarea)» Campi numerici (Numero intero o decimale, o Valuta)» Campi Data» Select tra più valori» Mappa» Link 37

38 Le Schede e la loro pubblicazione Una scheda può essere visualizzata:» in una pagina Card Category (Lista Schede per Categoria) assieme ad altre della stessa Categoria» in dettaglio (da sola, all interno della cornice del sito)» in una pagina index solo per tramite di un Articolo (le Schede non si impaginano) Dal Template di scheda dipendono:» quali elementi vengono visualizzati e quali no;» come vengono visualizzati gli elementi. 38

39 Articoli o Schede? Scegliere se gestire dei contenuti utilizzando Articoli o Schede è un passaggio molto importante nella progettazione di un sito web. Qualche considerazione:» l Articolo è preferibile se si cerca flessibilità» tendenzialmente la Scheda è preferibile tanto più l informazione è tipizzata» la Scheda può facilitare il lavoro a redattori meno esperti, che vengono guidati dai nomi dei campi 39

40 Progettazione web con Ariadne WCM 4. I CANALI

41 Il concetto di Canale Un Canale è un insieme di Pagine e di Contenuti che risponde ad un dominio: in pratica un sito web/mobile. Utilizzi tipici dei Canali sono:» Multilinguismo: un sito web che presenta traduzioni in lingua, parziali o totali» Multicanalità: un sito web con una versione mobile» Multi-sito: una stessa Redazione di utenti gestisce più siti (web/mobile) differenti con riuso di contenuti (es. Sito aziendale, Sito di prodotto ecc.) Quando in una istanza sono presenti più Canali ciascuno di questi ha un Albero di navigazione proprio e indipendente. 41

42 I Tipi di Canale» Il Tipo di Canale indica la lingua (italiano, inglese, francese ecc.) e il media (Web, Mobile, Voice)» Il Tipo di Canale viene scelto in fase di creazione» Esiste una lista di Tipi configurati, altri possono essere aggiunti intervenendo sul DB. 42

43 I Canali e le URL Nel funzionamento di default di WCM il nome di un Canale deve corrispondere al dominio o ad un sottodominio (che sia risolvibile dal DNS): NOME DEL CANALE Normalmente il nome del Canale deve essere univoco nell installazione. L eccezione è rappresentata da Canali di tipo differente, come le versioni in lingua: STESSO NOME DEL CANALE: l univocità è assicurata dal marcatore della lingua 43

44 Canali e URL per il multilinguismo Quando i Canali sono di tipo diverso ci sono diverse possibilità di naming:» dominio nazionale (es. sottodominio (es. en.ariadne.it, fr.ariadne.it)» dominio principale con marcatore della lingua (cfr. slide precedente) 44

45 I Contenuti e i Canali Quando in una Istanza sono presenti Canali di Tipo diverso (es. Web e Web.en) gli Articoli e le Schede possono avere una loro versione (traduzione o adattamento): ID univoco I Documenti sono di default disponibili in tutti i Canali, ma possono essere assegnati ad un Tipo di Canale specifico in fase di inserimento o modifica. Immagini e Video non dispongono di versioni per canale. 45

46 Le Pagine e i Canali» Ogni Canale dispone di uno specifico Albero di Navigazione» Gli Alberi tra Canali sono indipendenti per numero di Pagine e struttura di navigazione» I legami tra pagine simili in canali differenti vengono effettuati attraverso il concetto di Pagina Clone 46

47 Le Pagine Clone Le Pagine Clone ereditano automaticamente gli Articoli impaginati (o le impostazioni dinamiche, se si tratta di pagine Category) della pagina master, mostrando i contenuti nella versione di canale specifica (se esiste). Pagina master WEB Pagina clone WEB.EN Contenuti: ARTICOLO ID=100 (Versione WEB) ARTICOLO ID=101 (Versione WEB) ARTICOLO ID=102 (Versione WEB) ARTICOLO ID=103 (Versione WEB) >> Contenuti: ARTICOLO ID=100 (Versione WEB.EN) ARTICOLO ID=101 (Versione WEB.EN) ARTICOLO ID=102 (Versione WEB.EN) ARTICOLO ID=103 (Versione WEB.EN) 47

48 I Template e i Canali Tra Canali diversi i Template sono indipendenti: i Canali dispongono di una propria cartella sul file-system. Quando si carica (in Configurazione > Gestione Template) un template in WCM questo viene reso disponibile nelle cartelle di ciascun Canale. I Template non necessari possono essere disabilitati. TEMPLATE E CSS CANALE WEB TEMPLATE E CSS CANALE WEB EN 48

49 Progettazione web con Ariadne WCM 5. GESTIONE DEGLI UTENTI

50 Gli Utenti Per Utenti si intendono quelle figure deputate a lavorare (configurare siti o gestire contenuti) nel backoffice del CMS. Sono distinti dai navigatori registrati (= Utenti AR di Area Riservata). Gli utenti sono caratterizzati da:» dati di accesso: Username, Password» dati personali: Nome, Cognome, » stato (attivo/non attivo)» dati di sistema: ID, data inserimento e data ultima modifica» Ruolo: definisce i permessi sulle altre entità WCM (contenuti, pagine, categorie, template ecc.)» Gruppo: circoscrive l ambito di competenza di un Utente 50

51 Gruppo Definisce l ambito di competenza di un Redattore, restringendo i confini del Ruolo. Ad un Gruppo possono essere assegnati Contenuti, Pagine e Categorie.» quali contenuti può modificare l utente? Mario Rossi può modificare gli articoli (Ruolo) ma solo se appartengono al Gruppo Cronaca» su quali pagine può lavorare? Mario Rossi può impaginare e pubblicare (Ruolo) le pagine della Cronaca, ma non la Homepage (riservata al Gruppo Amministrazione )» quali categorie può assegnare ai contenuti? Mario Rossi può utilizzare le categorie Cronaca nera e Cronaca rosa ma non Politica estera 51

52 Gruppo: regole di assegnazione» Ogni Utente appartiene ad uno e un solo Gruppo, e quando inserisce un contenuto gli trasmette il proprio Gruppo» Ogni contenuto appartiene necessariamente ad un Gruppo» Per Pagine e Categorie l associazione non è obbligatoria» Il Gruppo Amministrazione (presente di default) non soggiace alle limitazioni degli altri Gruppi» Gli Utenti di Amministrazione scelgono liberamente, inserendo contenuti, a quale Gruppo assegnarli. 52

53 Ruolo Collezione di permessi di utilizzo delle entità di Ariadne WCM. I permessi posso riguardare la Redazione (inserimento, modifica, approvazione, impaginazione, pubblicazione) la Configurazione (gestione pagine, categorie, template, tipi di contenuto ) o le Applicazioni (calendario, questionari, newsletter ecc.). Di default è presente il ruolo Amministratore (= permessi completi). 53

54 Permessi di modifica, impaginazione e pubblicazione I permessi di MODIFICA possono riguardare» i propri contenuti (= i soli contenuti che l Utente ha inserito)» i soli contenuti che appartengono al Gruppo di cui l Utente fa parte» tutti i contenuti a prescindere dal Gruppo. I permessi di IMPAGINAZIONE e PUBBLICAZIONE possono riguardare:» Solo le pagine che appartengono al Gruppo di cui l Utente fa parte» Tutte le pagine. 54