nunziante esposito su uiciechi.it, 2008-06.

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.