ItCMS: un Content Management System Open source.

Di Nunziante Esposito.

Quarta parte.

*********

Dopo aver visto come installare questo CMS in locale e su uno spazio di hosting che può ospitare questo tipo di CMS in PHP, e dopo aver attivato uno spazio gratuito su http://www.altervista.org, cominciamo a vedere come impostare e costruire un sito, partendo dalla pagina di login per l'amministratore, quello che nella fase di installazione è definito come super admin.

Se tutto è stato eseguito come spiegato nelle parti precedenti e dando per scontato che abbiamo attivato uno spazio gratuito su Altervista, dobbiamo collegarci al nostro spazio web impostando come indirizzo quello della home page. In pratica, ci collegheremo come se volessimo aprire il sito normalmente.

Avviamo Internet come facciamo abitualmente, dal menu file, scegliamo apri e premiamo invio. Per fare prima, con la versione 6 SP2, premiamo control più F12 e per la versione 7, premiamo control più O. Si apre il campo editazione e scriviamo l'indirizzo da aprire, quindi, http://www.miosito.altervista.org, dove mio sito è il nome del sito che abbiamo scelto in fase di registrazione su Altervista.

Si apre la home page del sito, ma troviamo solo quello che è stato previsto dal suo autore quando si installa la prima volta ItCms. Per default il sito risulta in manutenzione e presenta, oltre al messaggio di attenzione che dichiara il sito in manutenzione, la maschera di login che consente al solo amministratore di entrare e configurare il CMS.

Portiamoci sul form di login, sul campo editazione per inserire il nome dell'amministratore del sito e premiamo invio per attivare la modalità scrittura, le maschere per Jaws.

Prima di digitare il nome da inserire, dobbiamo assicurarci che il campo editazione sia vuoto, poiché ho riscontrato in alcune occasioni che non si svuota automaticamente.

Digitato il nome del super amministratore, con tab ci portiamo sul campo password e digitiamo anche quella, sempre controllando che il campo sia vuoto.

Non ci resta che premere tab per andare sul pulsante login e premere invio.

Si apre la parte amministrativa del sito che stiamo creando, cioè quella parte che ci consente di impostare la forma del sito, creare le sezioni, le pagine delle sezioni, installare i moduli del sito, eccetera. Queste cose le vedremo piano piano, quindi, non ci dobbiamo impressionare se di primo acchito vi possono sembrare difficili o strane. Poco alla volta vi renderete conto di essere al cospetto di cose più difficili da spiegare che da fare.

Dopo pochi secondi si presenta la home page del pannello di amministrazione, con tutti i comandi, sotto forma di link o di pulsanti, che ci consentiranno di creare tutto quello che vorremo, con il solo limite della fantasia.

Cominciamo ad analizzare il contenuto della Home page del pannello di amministrazione, esaminando uno ad uno i link ed i pulsanti in essa presenti, descrivendone le funzioni. Partendo dalla prima riga della pagina avremo il titolo della pagina che sarà, fino a quando non lo modificheremo, "ITCms: Home". Subito sotto al titolo, avremo un link alla stessa pagina che ha per etichetta "iTCms".

Qualche riga più sotto, abbiamo il Menu principale che, con il CMS appena installato e, per giunta, in manutenzione, è molto piccolo e presenta solo tre voci:

• Home: disattivata perché siamo proprio sulla Home Page.
• Grafico di attenzione ed il rispettivo link "PORTALE IN MANUTENZIONE": serve ad accedere alla pagina che consente di impostare il sito nella forma e nei contenuti, secondo le nostre esigenze.
• Link "[*] Admin Modifica": serve a modificare la home page, cambiando il testo presente con quello che ci necessita per spiegare i contenuti del nostro sito.

Il resto della pagina è una sorta di pubblicità a ItCms Vigile Napoletano, pagina che poi modificheremo, secondo le peculiarità del sito, con il link apposito, e che contiene anche brevi spiegazioni sul come usarlo.

Portiamoci sul link "Portale in manutenzione" e, premendo invio, apriremo la pagina che consente di impostare la configurazione della struttura del sito tramite un form.

Ad inizio pagina si ripetono le stesse cose della home page e, subito dopo, troveremo la seguente scritta: "..Configurazione Struttura Sito.. Configurazione Principale".

Da questo punto in poi ci sono i campi del form che sono:

1. Titolo del sito: portiamoci sul campo editazione dove è scritto ItCms e premiamo invio per attivare la modalità scrittura. Cancelliamo ItCms e scriviamo il titolo del sito che, come ci viene detto da Jaws, deve essere un nome breve. Ho fatto qualche prova e può essere massimo venti caratteri.
2. Con tab passiamo al campo successivo che con due pulsanti radio ci consente di scegliere se il sito è visibile da tutti o se è visibile solo dagli amministratori, figure che potremo creare come vedremo in seguito. Per il momento lo lasciamo in manutenzione.
3. Con tab andiamo su due campi consecutivi che ci consentono di scegliere rispettivamente la distanza laterale e quella verticale tra i box. I box sono le sezioni delle pagine che andremo a costruire. E' inserito in entrambi il valore 10 e consiglio di non modificare.
4. Con tab andiamo su altri tre campi consecutivi che consentono di impostare rispettivamente la grandezza della pagina, del menu di sinistra e quello di destra. Sono indicati dei valori minimi e massimi che si possono inserire, ma consiglio di lasciare i valori predefiniti in modo da non dover variare nulla delle cose già previste e preparate come le skin, dei layout predefiniti che il CMS mette a disposizione.
5. Segue un campo nel quale sono presenti tre pulsanti radio che ci consentono di mostrare il sito a tre colonne, a due colonne mettendo il menu a sinistra e due colonne mettendo il menu a destra. Per noi che usiamo uno screen-reader, scorrendo la pagina con le frecce verticali avremo, praticamente, le tre disposizioni seguenti:

• Un menu principale, la pagina con i contenuti ed un altro menu secondario.
• Un menu, composto dai due menu previsti, e la pagina con i contenuti.
• La pagina con i contenuti ed il menu, composto dai due menu previsti.

Nota bene: il layout a tre colonne è fastidioso per alcune tipologie di ipovisione, quindi, consiglio di scegliere la seconda o la terza opzione.

6. Con tab ci portiamo sui due campi successivi che consentono di poter impostare rispettivamente la forma di data ed ora. Lasciamo tutto invariato perché impostati come si usa in Italia.
7. Con tab passiamo al campo successivo che presenta tre pulsanti radio con i quali possiamo stabilire, per coloro che si registreranno al sito, di mostrare nel box dell'utente alcuni o tutti i dati scelti in fase di registrazione. Il box utente è una sezione che viene mostrata su ogni pagina quando si fa il login al sito. Un avatar è una foto o un disegno che possiamo caricare sul sito anche dall'esterno oltre che poterlo scegliere tra quelli messi a disposizione dal CMS stesso.
8. Il campo successivo presenta due pulsanti con i quali possiamo stabilire di visualizzare o meno le immagini nel pannello di amministrazione e nel box utente. Consiglio di visualizzare le immagini.
9. Nel campo successivo troviamo una casella combinata che ci consente di scegliere il tipo di cursore che può essere molto importante per un ipovedente. E' impostato di default quello predefinito.
10. Nel campo successivo scegliamo da una casella combinata la skin e, per una questione di accessibilità, consiglio di scegliere "NniftyAccessibile" in modo che possiamo essere certi che partiamo già con il piede giusto in merito all'accessibilità del sito prodotto.
11. Nel campo che segue, tramite due pulsanti radio possiamo scegliere se mascherare o meno le URL. Significa che gli indirizzi web non saranno visibili ma al loro posto sarà visualizzata una etichetta.
12. Nel campo successivo troviamo 4 pulsanti radio che ci consentono di visualizzare sulle pagine le statistiche per le visite che verranno fatte al sito. Consiglio di scegliere la seconda voce, statistiche complete, in modo che avremo tutte le indicazioni che servono per capire in che modo viene apprezzato il contenuto del sito.
13. Il campo che segue consente di visualizzare il cronometro, ovvero il tempo che è passato da quando ci siamo connessi al sito. Personalmente ho scelto solo per gli Admin, ma scegliere la seconda voce, visualizzato da tutti, potrebbe essere valida lo stesso, perché è sempre una cosa in più che viene offerta agli utenti.
14. Sul campo che segue possiamo scegliere di visualizzare o meno le accesskey nel menu principale. Consiglio di lasciare attivato la visualizzazione, perché almeno per il menu principale, le accesskey possono rivelarsi molto utili.
15. Sul campo successivo, tramite tre pulsanti radio sceglieremo la modalità di registrazione al sito. Può essere disabilitata, abilitata in modo diretto o tramite invio di password generata in automatico ad un indirizzo email. Consiglio di scegliere la terza voce, se non altro, perché siamo certi che chi si registra avrà una email valida, senza la quale non si può eseguire la registrazione.
16. Sul campo successivo, abbiamo due pulsanti radio che ci consentono di stabilire se uno si può registrare più volte o se con la stessa email non è possibile una seconda registrazione. Consiglio di sceglier e la seconda voce, in modo da non avere registrazioni multiple con la stessa email.
17. Segue il campo sul quale possiamo digitare per quanti giorni il sito deve ricordare la nostra identità tramite un cookie. Di default è stato scelto 180 giorni (sei mesi), un periodo abbastanza idoneo, ma possiamo modificarlo come vogliamo.
18. Seguono tre campi che permettono di stabilire la lunghezza rispettivamente di nome utente, password e firma. I valori sono ottimali, ma se volessimo, possiamo modificare quelli esistenti sui campi editazione.
19. Segue un campo editazione che consente di scrivere un testo che apparirà nella testata di tutte le pagine ed è un testo che può servire a fornire una qualsiasi indicazione.
20. Quello che segue è il campo che contiene tutti i Meta Tag del sito. Questo campo è molto importante perché consente di inserire tutte quelle indicazioni affinché il sito sia rintracciabile dai motori di ricerca. Tanto per essere chiari, in questa sezione vanno inserite con cura tutte le indicazioni che possono dare l'idea del contenuto del sito. Perdete qualche minuto in più, ma inserite tutte le indicazioni idonee a far rintracciare il sito più facilmente dai motori di ricerca. Ci sono già dei dati tra virgolette, quindi, basta far fede a quelli e mettere i propri.
21. Il campo successivo è un altro campo editazione nel quale possiamo scrivere un testo che sarà visualizzato in fondo a tutte le pagine ed è generalmente quella parte delle pagine che indica il copyright.
22. Segue un altro campo editazione che contiene già un testo. E' il messaggio di avviso e cioè la regola per poter essere un utente del sito. Diciamo che sono le normali regole di buon comportamento. Nulla toglie che questo testo lo possiamo modificare o integrare.
23. il campo successivo contiene del codice HTMl misto a codice PHP e per il momento saltiamo questo campo in quanto le modifiche per il nostro sito per quanto riguarda la struttura le vedremo in seguito.
24. Abbiamo raggiunto la fine del form. Un altro colpo di tab e siamo sul pulsante "Clicca per modificare la configurazione del sito". Premendo invio su questo pulsante applicheremo le modifiche al sito. Viene aggiornata la pagina che riporta tutte le modifiche apportate e che, eventualmente, possiamo controllare e correggere.

Se tutto è andato per il verso giusto e le modifiche erano quelle applicate, facendo l'ipotesi di aver scelto di visualizzare i contenuti in due colonne con i menu dopo il corpo della pagina, dopo aver scorso tutto il form appena spiegato, troveremo il menu principale ed il box dell'amministratore, composti da vari link. Ecco di seguito la loro composizione.

I link del Menu principale sono:

1. Home: ci riporta alla pagina principale del pannello di amministrazione.
2. Amministra CMS: apre una pagina per poter amministrare i contenuti, stabilendo cosa e come presentarli sulle pagine.
3. Gestione Utenti: apre la parte che ci consente di gestire gli utenti che si sono registrati e di creare delle figure di amministratori con poteri anche diversi.
4. News Utenti: sono le informazioni che gli utenti possono lasciare all'amministratore del sito. Troveremo 0, 0, perché il sito è nuovo e non ci sono utenti registrati.

La pagina termina con la sezione personale del Super Amministratore. Infatti, troviamo una riga con il suo nome, quello scelto in fase di installazione di ItCms, per intenderci quello che abbiamo usato per loggarci come amministratore e subito dopo, ci sono altri link che occorrono per cose personali e che sono:

1. Profilo Personale. Apre una pagina con un form per poter inserire i propri dati personali, dati che poi verranno resi visibili dagli altri iscritti al sito, ammesso che il sito sarà costruito in modo da ospitare anche la sezione registrazioni al sito, forum, eccetera.
2. * Logout. Link per eseguire una disconnessione sicura dal sito, cosa che impedisce di poter recuperare i nostri dati dalla cache del computer.
3. * MP [0].`` E' il link che ci fa accedere ai messaggi presenti sul sito, sia quelli cui abbiamo già risposto, sia quelli da leggere e ai quali, ovviamente, non abbiamo ancora risposto. Il numero che viene mostrato tra le parentesi quadre è zero, normale per un sito che ancora dobbiamo iniziare a sviluppare.
4. * Cambia Grafica. Questo link consente di usare una grafica diversa per ogni utente. Infatti, indipendentemente dalla grafica che il Super Amministratore stabilirà per il sito, ognuno degli iscritti si potrà scegliere la grafica tra quelle disponibili. Questa, è sicuramente una buona cosa. Infatti, considerando soprattutto i problemi per l'ipovisione, si possono rendere disponibili diversi modelli di layout tali da agevolare tutte le diverse tipologie di ipovedenti.
5. * Mio Profilo. Non è altro che la replica del link profilo personale, trovato subito dopo il nome del Super Amministratore.
6. * Lista Utenti. Presenta una pagina con tutti gli utenti che si sono registrati al sito. In questo nostro caso, questa pagina non presenterà nessun nominativo.

Abbiamo terminato questa prima impostazione, la più importante e che darà inizio alla configurazione di tutte le impostazioni del nostro sito.

Per ulteriori spiegazioni, scrivere a: Nunziante Esposito.