Video: Introduzione alla struttura di Plone 

Cos'è Plone?

Plone è un software per la gestione dei contenuti (CMS, Content Management System) che puoi utilizzare per realizzare siti web. Con Plone una qualsiasi persona può contribuire ai contenuti di un sito web senza l'aiuto di un esperto. Inoltre Plone si utilizza via web, quindi non devi installare alcun software particolare sul tuo computer. In questo contesto il termine "contenuti" è da intendersi in generale, in quanto puoi pubblicare diversi tipi di informazioni, tra cui:

Un sito web Plone può quindi contenere diversi tipi di contenuti, tra cui testi, fotografie ed immagini. Questi possono essere presenti in più forme: documenti, notizie, eventi, video, file audio e qualsiasi tipo di file e di dati che possa essere caricato dalla rete o creato su un sito web. Il contenuto può anche essere caricato dal tuo computer e realizzando cartelle sul sito Plone in cui vuoi inserire i contenuti puoi creare una struttura di navigazione.

Se ami le farfalle...

Ad esempio, per inserire un nuovo contenuto sulle farfalle, puoi creare una cartella dal nome "Farfalle" e poi aggiungere del testo in una pagina web all'interno della cartella:

i

  Puoi anche aggiungere alcune fotografie di farfalle nella cartella:

Inoltre puoi inserire molti altri tipi di contenuti nelle cartelle, tra cui delle sottocartelle. Dopo aver creato alcune notizie e video sulle farfalle nella cartella "Farfalle", il contenuto potrebbe essere organizzato in questo modo, con due sottocartelle all'interno della cartella "Farfalle":

Cosa accade nel retroscena

Potresti chiederti come venga realizzato tutto ciò. Un tipico sito web Plone esiste come installazione del software Plone su un server. Il server potrebbe essere ovunque, spesso all'interno di un'azienda che ospita server dedicati a siti web.

Questo diagramma mostra i molti cavi che connettono i computer server individuali ad internet attraverso connessioni di rete veloci. Il tuo sito Plone è solamente un software e un database per immagazzinare i dati installati su uno dei computer. Mentre scrivi o clicchi sul tuo computer, i dati vengono mandati su e giù per i cavi di rete e nei canali di comunicazione di internet per interagire con l'installazione del tuo software Plone sul server.

Semplifichiamo un po' il diagramma che riassume l'interazione tra te e Plone:

Utilizzi il tuo browser -- Firefox, Safari, Internet Explorer, ecc. -- per visualizzare ed editare il tuo sito web Plone e le modifiche vengono salvate dal software Plone nel suo database.

Ad esempio, immagina che il tuo sito web Plone delle farfalle si trovi su mysite.com. Digita www.mysite.com sul tuo browser. Dopo aver premuto Invio, il browser comunica con il server di mysite.com e si innesca la seguente catena di eventi:

Il software Plone risponde:          
Plone legge il suo database per cercare informazioni memorizzate su mysite.com. Poi rimanda la pagina web al tuo computer in un codice chiamato HTML. L'HTML è un linguaggio per computer che descrive come una pagina web appare. Include, ad esempio, testi, grafica, font, il colore dello sfondo e tutto ciò che compone una pagina web. Ci sono molte risorse online che ti possono insegnare i dettagli del linguaggio HTML, ma uno dei vantaggi di Plone sta nel non dover conoscere questo linguaggio (o quasi). Questo è uno dei punti di forza di Plone e simili software: puoi concentrarti interamente sui contenuti e sulla grafica del tuo sito, anziché imparare un nuovo linguaggio informatico.

Torniamo alla nostra visione d'insieme. Il tuo browser "renderizza" (traduce) l'HTML e tu visualizzi, come risultato, la pagina web:

Visualizzando la pagina web sulle farfalle, puoi decidere se modificarla o aggiungere nuove informazioni. Puoi anche caricare fotografie, documenti, ecc. in qualsiasi momento:

Dopo che avrai apportato modifiche e cliccato su Salva modifiche, la nuova versione sarà immediatamente disponibile per chiunque navighi sul sito:

Che aspetto ha un sito web Plone? Per anni vi è stato un design coerente per l'aspetto di default di Plone. Si presenta generalmente così:

Il sito web Plone che utilizzi potrebbe avere un design radicalmente differente da questo, ma dovresti poter trovare elementi comuni, come il link di log-in e il pannello di navigazione o il menù. Nel design di default, il menù di navigazione si trova nell'area di sinistra e solitamente appare come una lista ordinata di cartelle. Ci può anche essere un insieme di tab vicino al log-in - "briciole di pane", nella parte alta del portale".

Bisogna distinguere tra il design di un sito web e la funzionalità di un sito web. E' meglio focalizzarsi sulla funzionalità e non preoccuparsi troppo dell'aspetto e del layout del sito. Un punto di forza del sistema di organizzazione dei contenuti di Plone sta nel poter ridisegnare un sito web e creare un nuovo look senza coinvolgerne il contenuto di fondo e la funzionalità. Per fare un semplice esempio, il menù di navigazione può essere spostato dall'area sinistra a quella destra, oppure l'area destra può essere cancellata nel caso in cui non sia necessaria. Le aree sinistra, centrale e destra, come raffigurato sopra e sotto, possono essere spostate nella parte alta, intermedia e bassa, ma la struttura sottostante sarà sempre un sito web Plone.

Useremo il layout di default di Plone come esempio della tipica suddivisione dello schermo:

Nella progettazione del tuo sito web Plone potresti aver bisogno di modificare tutti questi elementi che abbiamo appena visto. Potresti incontrare vari termini per descrivere le parti dello schermo, come gli "slot" destro e sinistro per le aree destra e sinistra e "portlet" o "viewlet" per particolari aree o box.

Possiamo selezionare tre siti web dalla lista di siti web Plone per confrontarli:

Questo è il sito web di Akamai, un fornitore di strumenti web online. L'area superiore presenta un menù realizzato in testo semplice disposto orizzontalmente per la scelta tra cinque aree principali. Sulla destra, l'area superiore contiene un altro menù orizzontale e un box di ricerca. Il fondo dell'area superiore contiene informazioni di log-in, che vengono utilizzate dai gestori del sito web. L'immagine principale in alto a sinistra è una focus area per catturare l'attenzione sulla grafica e sugli argomenti più attuali . E' presente un'area nella zona centrale, verso sinistra, dove è collocato il testo principale. La colonna di destra contiene una serie di portlet, o riquadri. Quello più in basso mostra un menù orizzontale che ripete le scelte di menù dell'area superiore, per comodità. Infine, c'é una colonna a destra che prevede impostazioni di ingrandimento (una sorta di zoom).

Questo è il sito web di Discover Magazine. L'area superiore contiene un grande menù orizzontale (il main menu), un menù orizzontale più piccolo in alto a destra e un box di ricerca. Questo sito è ricco di portlet testuali che coprono molte tematiche, suddivise in aree e disposte su tre colonne, sinistra, centrale e destra. La zona superiore della colonna di sinistra contiene un'area di focalizzazione con un video. Ci sono grandi box interattivi in diverse posizioni. Quello più in basso contiene informazioni di identificazione di base del sito e un link "About us". Per un sito web così vasto come quello di Discover, chi si occupa della manutenzione del sito deve effettuare un log-in e accedere a videate di editing create ad-hoc; in questo modo Plone garantisce una grande automazione nell'aggiornamento dei dati -- Plone utilizza Zope, un sofisticato sistema di immagazzinamento, e Python, un ottimo linguaggio di programmazione che facilita un intelligente impianto di scorrimento del testo e della grafica nel sito web.

L'ultimo dei tre siti che esaminiamo è il sito web del Penn State University's Smeal College of Business. L'area superiore contiene un logo, un menù orizzontale per le principali aree tematiche e un box di ricerca sulla destra. C'é un menù principale del sito sulla sinistra, una configurazione vicina alla tradizione dei siti web Plone. Una vasta area grafica contiene un'animazione che ruota. C'é un'altro piccolo elemento grafico nella colonna di sinistra. Tre colonne testuali completano il design, sopra il footer (la parte inferiore) di identificazione di base. Coloro che si occupano della manutenzione di questo sito web entrano tramite una pagina di log-in e le informazioni sul log-in e sull'utente vengono visualizzate lungo il fondo dell'area superiore più alta.

In conclusione, come appare un sito web Plone? Tradizionalmente, la configurazione base, "appena uscita dalla scatola", appare come quella mostrata all'inizio di questo capitolo, con area superiore, menù, colonne e area inferiore. Questi tre siti illustrano come i designer tipicamente combinano aree di focalizzazione, menù verticali e orizzontali, "portlet" e contenuti testuali, solitamente disposti su alcune colonne. Le applicazioni principali sono Plone, Zope e Python, ma il sito può essere riprogettato in base al tema grafico che il designer riterrà più adatto alle funzionalità che il portale dovrà svolgere.

Video: Account degli utenti

I siti Plone possono essere molto diversi: si può partire dai siti web personali con un solo utente fino ad arrivare ai siti di community, organizzazioni, aziende, che possono avere centinaia di utenti. Chiunque aggiunga dei contenuti ad un sito web Plone ha il proprio account utente. Un account utente comprende un nome utente e una password. Alcuni siti Plone consentono di identificarsi visitando il sito, cliccando sul link "Join" ("Accedi") e fornendo le informazioni base dell'utente. Altri siti hanno degli account utente che sono creati dagli amministratori del sito, in tal caso le persone normalmente ricevono un'e-mail con i dettagli dell'account utente.

In qualunque modo venga creato, un account utente Plone consente ad una persona di fare il log-in digitando il suo nome utente e una password.

Le password sono case-sensitive, il che significa che bisogna fare attenzione alle lettere maiuscole e minuscole. Ad esempio, se la vostra password è xcFGt6v, dovrete digitarla esattamente perché funzioni. Sono da preferirsi password con caratteri diversi fra loro e scelti casualmente rispetto a password come "mamma" o "navigare", dal momento che sono più difficili da indovinare e dunque più sicure.

Navigazione web anonima vs autenticata

La distinzione tra attività web anonima ed autenticata (logged-in) è importante:

Navigazione anonima

Questa è l'esperienza consueta per una persona che naviga in rete. Digitate l'indirizzo di un sito web sul vostro browser e visualizzate le pagine web, guardate video, immagini, ma non dovete fare il log-in. Questo è il motivo per cui questa modalità è detta anonima: chiunque può navigare liberamente, senza farsi riconoscere. Notate la presenza del link log-in nell'immagine della schermata sottostante (in alto a destra). Se compare un link log-in significa che non avete fatto il log-in -- e state navigando in forma anonima -- come visibile nella seguente schermata di un nuovo sito Plone:

Navigazione autenticata (logged-in)

Avete già sperimentato la modalità autenticata di navigazione web se avete utilizzato il sito di una banca o di una carta di credito, o qualsiasi altro sito che preveda un account utente. Il sito di una banca vi consente di visualizzare le informazioni del vostro conto, compilare moduli di raccolta di informazioni, trasferire fondi e fare altre operazioni, ma soltanto dopo aver fatto il log-in. Un sito Plone non è molto differente, tranne per il fatto che potete fare operazioni più complesse. Prendiamo ad esempio la schermata sottostante, catturata dopo che l'utente di nome "John Smith" ha fatto il log-in: in cima a destra  vedete i link del nome di John Smith e del log-out. C'è un'atra importante differenza che si nota in seguito al log-in: l'area principale al centro ora presenta una barra di intestazione verde con dei comandi. Questa sorta di barra di intestazione viene visualizzata quando l'utente ha diritto a modificare un'area del sito. John Smith ha diritto, come utente, a modificare quest'area principale. Questi comandi nella barra dell'area principale potranno variare, ma riconoscerete sempre questa interfaccia a comandi di un particolare colore verde. Nella seguente schermata, l'utente John Smith ha fatto il log-in in un nuovo sito Plone:

Ruoli dell'utente

Altrettanto importante è la distinzione tra differenti ruoli dell'utente in un sito Plone. Per illustrare il caso più semplice, consideriamo due ruoli dell'utente, uno detto member e l'altro manager. Considerate i diversi diritti o "poteri" di questi due ruoli:

Member

• possiede un account utente, dunque può fare il log-in
• può aggiungere contenuti, ma solo in specifiche aree, non può modificare nulla al di fuori di esse; spesso agli utenti viene assegnata una "home area", da utilizzare come uno spazio personale dove possono aggiungere dei contenuti
• non può pubblicare contenuti che siano visibili ai navigatori anonimi, nemmeno i contenuti aggiunti da lui stesso; in quanto una persona con il ruolo di manager deve approvare i contenuti prima della loro pubblicazione

Manager

• possiede un account utente, dunque può fare il log-in
• può aggiungere contenuti ovunque e ha la facoltà di cambiare tutto
• può pubblicare qualsiasi tipo di contenuto

Quando ottenete il vostro nuovo account su un sito Plone, dovreste ricevere informazioni che indichino dove avete il diritto di aggiungere contenuti, dopo aver fatto il log-in. Una volta effettuata l'identificazione, se accedete ad una cartella dove avete il diritto di "agire",  vedrete la barra di intestazione verde di cui abbiamo parlato, coi comandi principali Contenuti, Visualizza, Modifica, Regole, Proprietà, Condivisione e Storia:

Sarete in grado da soli di esplorare questi comandi per scoprirne le differenze, ma qui trovate delle descrizioni per aiutarvi ad iniziare:

• Contenuti (Contents) - mostra una lista degli elementi in una cartella
• Visualizza (View) - mostra ciò che visualizzerebbe un navigatore anonimo
• Modifica (Edit) - mostra un pannello per modificare i contenuti
• Regole (Rules) - mostra un pannello per controllare in che modo un elemento viene creato e gestito
• Condivisione (Sharing) - mostra un pannello per stabilire i diritti degli altri utenti a vedere o editare i contenuti
• Storia (History) - mostra lo storico dei cambiamenti per un elemento

Sono presenti anche dei menù nella parte bassa della barra di intestazione verde, Vista, Aggiungi un nuovo elemento, Stato:

Esplorate anche questi. Qui trovate delle descrizioni di base di questi menù:

• Vista - mostra le scelte del menù per stabilire il tipo di display (visualizza lista, visualizza sommario, ecc.)
• Aggiungi un nuovo elemento - mostra le scelte del menù per aggiungere elementi di contenuto (immagini, pagine, cartelle, ecc.)
• Stato - mostra le scelte del menù per decidere lo stato della pubblicazione (privato, public draft, pubblico, ecc.)

Questi menù e comandi offriranno i principali modi di interazione con Plone. Diventeranno sempre più familiari col crescere delle vostre esperienze nella gestione di un sito basato su Plone.

Video: Log-in

Quando visiti un sito web Plone anonimamente, o ti viene dato l'indirizzo web per la manutenzione del sito, vedrai un'icona di log-in simile a questa:

O a questa:

Dopo aver cliccato il link di log-in, vedrai un pannello di input dove inserire il tuo nome utente e password:

Dopo aver effettuato il log-in su un sito web Plone, vedrai alcune indicazioni sul tuo nome, in genere posizionate nella parte alta del portale. Puoi cliccare sul tuo nome per organizzare le tue preferenze personali. Nel prossimo paragrafo vedremo come fare.

Video: impostare le tue preferenze 

Dopo aver effettuato il log-in, il tuo nome verrà riportato per intero sulla destra della banda superiore. Cliccaci sopra per accedere alla tua area personale, chiamata bacheca (dashboard).

Il pannello della tua bacheca apparirà all'incirca così:

Quando effettui il log-in per la prima volta, la tua bacheca sarà vuota, come indicato dal messaggio di informazione (Info). I portlet, o riquadri, sono "viste" specifiche per le diverse tipologie di contenuto. Puoi scegliere quali avere nella tua bacheca cliccando su Modifica, ma ci arriveremo tra un secondo. Prima, diamo uno sguardo ai link Profilo e Preferenze personali in alto a destra. Cliccando sul link Profilo compare un pannello che mostra la fotografia del tuo profilo personale, se ne hai inserita una.

Puoi ritornare in questa sezione in qualsiasi momento per vedere le tue informazioni personali elencate in modo ordinato. Il pulsante Modifica del profilo o il link alle Preferenze personali a cui abbiamo accennato poco fa, danno accesso al pannello delle preferenze personali:

I campi di inserimento dati comprendono:

• Nome e cognome - Se il tuo nome è comune, includi il tuo secondo nome o l'iniziale.
• Indirizzo posta elettronica - OBBLIGATORIO - Potresti ricevere e-mail dal sistema del sito web o da un sistema di messaggistica ("message board"), se installato, ecc. Quando un campo è obbligatorio, compare un quadratino rosso accanto alla voce.
• Località - Riguarda il nome della tua città, provincia, stato o qualsiasi cosa tu pensi di dover inserire.
• Lingua - Plone offre un ottimo supporto multilingue.
• Biografia - Inserisci una breve descrizione di te stesso, lunga circa un paragrafo.
• Pagina personale (Home page) - Se hai un tuo sito web personale o un'area di sito web, in cui per esempio condividi fotografie, inserisci qui l'indirizzo web, se lo desideri, così le persone potranno conoscere qualcosa in più su di te.
• Editor del contenuto - Puoi scegliere, ad esempio, Kupu, che ti permette di realizzare pagine web con una piacevole interfaccia grafica, o un pannello di editing di base, che conviene usare se pensi di dover scrivere pagine web in HTML (il codice in cui sono scritte le pagine web). L'impostazione di default prevede l'utilizzo di Kupu, a cui verrà fatto riferimento in questo manuale.
• Abilita la modifica con l'editor esterno - Serve a dare o a negare il permesso ad un editor "esterno", nel caso in cui ne sia stato installato uno dall'amministratore del sito web. L'uso di un editor "esterno" avviene principalmente per web designer e programmatori che realizzano più editing del codice attuale, ma potrebbe essere utile anche per la creazione di una pagina utilizzando particolari linguaggi "mark-up" (non preoccuparti di questa impostazione se non ne hai mai sentito parlare dall'amministratore del tuo sito web).
• Visibile nelle ricerche fra i collaboratori - Deseleziona questo riquadro se non vuoi che il tuo nome compaia nei risultati delle ricerche effettuate nell'elenco dei collaboratori del sito. Normalmente conviene mantenere il campo selezionato, perché avere una comunicazione aperta è una finalità importante della maggior parte dei siti web Plone.

• Ritratto (inserimento della fotografia) - La fotografia apparirà come un'immagine di piccole dimensioni, o un'immagine grande quanto l'unghia di un pollice; quindi conviene usare la foto del viso o al massimo dalle spalle in su.

Potrai modificare le tue preferenze in qualsiasi momento vorrai.

Video: La tua bacheca 

Plone mette a disposizione delle "viste", dedicate a notizie, eventi, elementi recentemente modificati, ecc; sono collocate in aree rettangolari di medie dimensioni chiamate "portlet" o "riquadri". Pensa ad un portlet come appunto ad un riquadro, ad una finestra dedicata ad un dato tipo di contenuto. Per esempio, il portlet delle notizie offre un panorama delle  notizie recenti pubblicate.

Puoi controllare quali riquadri visualizzare nella tua bacheca ("dashboard" in inglese), e dove posizionarli. La seguente raffigurazione mostra ciò che l'utente Elizabeth Smith visualizza quando esegue il log-in e clicca sul suo nome in alto a destra per accedere alla sua area personale:

La bacheca di un nuovo utente risulta vuota.

Cliccando sul tab (ovvero l'etichetta che contrassegna un pannello) Modifica della bacheca, verrà mostrato che ci sono dei riquadri già impostati -- la visualizzazione della bacheca risultava vuota, come abbiamo visto appena sopra, solo perché non sono ancora stati inseriti dei contenuti nei riquadri. Questi sono i riquadri di default:

Abbiamo i riquadri delle news e degli eventi nella colonna di sinistra, a fianco quello dei contenuti recenti, nella colonna di destra il riquadro delle recensioni. Alla terza colonna non è assegnato nessun riquadro.

Un nuovo utente, in un sito web Plone di base, avrà una bacheca come quella mostrata sopra, ma in un sito che è già stato personalizzato con funzionalità aggiuntive, potrebbero trovarsi altri riquadri tra cui scegliere, e una bacheca può apparire molto più ricca, con più riquadri nelle colonne. Per esempio, possono esserci dei riquadri per le condizioni meteorologiche, o per la teleborsa, o per il pensiero del giorno, ecc., a seconda di ciò che è stato impostato nel sito (alcune funzioni potrebbero richiedere del software particolare). L'utente può in genere sistemare i riquadri come desidera, scegliendo dove posizionarli all'interno delle colonne.

Nell'account di un utente Plone di base, la bacheca quindi apparirà come quella mostrata sopra, ma potrà in seguito essere popolata sempre di più man mano che vengono aggiunti elementi, eventi e altri contenuti nel sito web.