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. <nunziante.esposito@uiciechi.it>`_

