Il CMS Joomla

Mauro Faillamauro.failla2@gmail.com

Vedremo come :

● Installare e configurare tutto l'ambiente necessario

(Su macchine Windows, Linux e Mac)

● Installare Joomla

Cos'è un CMS

● Un content management system, in acronimo CMS, in italiano Sistema di Gestione dei Contenuti, è uno strumento software installato su un server web studiato per facilitare la gestione dei contenuti di siti web, svincolando l'amministratore da conoscenze tecniche di programmazione Web.

● I CMS possono essere realizzati tramite programmazione in vari linguaggi web tra cui più comunemente in ASP, PHP, .NET;

Il CMS JOOMLA

● Joomla è un software di content management per siti web, realizzato completamente in linguaggio PHP. È pubblicato con licenza open source GNU GPL v.2. È nato nel settembre 2005 da una scissione dal codice del CMS Mambo;

● Tra le caratteristiche principali abbiamo l'alto grado di personalizzazione grazie alle numerose estensioni: moduli, componenti e plugin;

● Caching delle pagine per incrementare le prestazioni;● Funzioni di Search Engine Optimization, per facilitare

l'indicizzazione dei contenuti da parte dei motori di ricerca.

Per iniziare :

● Scaricare l'ultima versione stabile di Joomla dal sito http://www.joomla.it/download.html(Joomla 2.5.2 Ita Stable)

Abbiamo 2 alternative :● Installazione in locale● Installazione su Web Server

Tutto il necessario :

● Apache: il Web server;● MySQL: il database management system (o

database server);● PHP: il linguaggio di programmazione.

Installazione su Web Server

Dato per scontato la presenza, nel server che ospita il nostro dominio, di php e mysql , passiamo all'installazione di Joomla.

● Scaricare un Client FTP, consiglio Filezilla(free ed in italiano)http://filezilla-project.org/download.php

Installazione 1/3

● Avviamo Filezilla e dal primo menu in alto click su:● "File" selezioniamo "Gestore siti", poi "Nuovo sito",

inseriamo il nome del nostro dominio.● Nella finestra di destra compiliamo il campo Host,

solitamente è ftp.nomesito.ext (dove nomesito indica il nome del vostro dominio ed ext l'estensione o .it o .com ecc...) ma può essere anche una serie numerica, viene fornito dal gestore di hosting con i dati di accesso FTP.

Installazione 2/3● Nel campo "Porta" inseriamo il numero 21, in "Tipo server"

lasciamo FTP - File Transfer Protocol, in "Tipo di accesso" selezioniamo "Normale", in "Utente" il nome utente, in "Password" la password (dati forniti dal gestore di hosting).

● Click su "Connetti", nella finestra di destra vengono mostrate le cartelle presenti sul server all'interno del nostro dominio, su alcuni server è necessario accedere alla cartella che viene definita come la cartella principale del nostro sito (Root) dove devono essere caricati tutti i file di Joomla. (es. "public_html" oppure "httpdocs").

Installazione 3/3

● Eliminare dalla cartella principale eventuali file di nome index.html o index.htm.

● Nella finestra di sinistra che mostra i dati del nostro PC navigliamo fra le cartelle fino a trovare la cartella che contiene i file di Joomla, selezioniamo tutti i file e le cartelle presenti in questa cartella e trasciniamoli, tenendo premuto il tasto sinistro del mouse, nella finestra di destra.

● Attendere il completamento dell'operazione

Installazione in LocaleS.O. Linux Ubuntu

● Possiamo installare manualmente i 3 software elencati precedentemente (apache,php, mysql)

● Più velocemente possiamo installare il pacchetto LAMP che comprende tutto l'occorrente

● Da terminale digitare :sudo tasksel install lamp-server

● Configurare MySQL:Durante l’installazione di mysql verrà chiesto di introdurre una password, che sarà quella per l’utente principale di mysql. (non dimenticare tale psw)

Snapshot Tasksel

La spunta si inserisce premendo la barra spaziatrice.

Cominciamo l'istallazione di Joomla● Scompattiamo il file .tar scaricato dal sito● Posizioniamoci, da terminale, dove è presente la

noistra cartella:

cd /home/.....● Copiamo la cartella joomla appena scompattata in

”var/www”:sudo cp -r joomla /var/www

● Diamo i permessi di scrittura alla cartella sudo chmod -R 777 /var/www/joomla

Creazione DatabaseJoomla per funzionare necessita di un database creiamolo e configuriamolo:

● mysql -u root -p (verrà chiesta la psw)● CREATE DATABASE joomladatabase;● GRANT ALL on joomladatabase .* TO ’utentejoomla ’@’

localhost ’IDENTIFIED BY ’passwordjoomla ’;

● Utentejoomla : utente del pc● Passwordjoomla: password● Usciamo con \q ed invio

Iniziamo

● http://localhost/joomla● Scegliamo la lingua italiana e seguiamo le istruzioni● Al termine spuntare la casella ”elimina file di

installazione”● In alternativa:

sudo rm -fr /var/www/joomla/installation

Installazione in LocaleS.O. Windows

Tutto il necessario :

● EasyPHP

● Cartella Installazione Joomla

Scarichiamo ed installiamo EasyPHP

● http://www.easyphp.org/download.php

(EASYPHP 5.3.9)

EasyPHP Configurazione

● Dopo aver completato l' installazione nella barra del menu di avvio apparirà l'icona del programma.

● Clicchiamo sull'icona con il tasto destro del mouse, dal menu a tendina cliccate su "configurazione" e selezionare "PHP".

● Nel file php.ini cercate la riga "magic_quotes_gpc = Off" e impostatela a "magic_quotes_gpc = On";salvare e chiudere il file.

● Riavviamo i server Apache e MySql (i semafori verdi indicano l'avvio).

Creazione del Database 1/3

● Dal nostro browser digitiamo 127.0.0.1:8080

click

Creazione del Database 2/3

● Selezioniamo la scheda Database , e creiamo il database.

Creazione del Database 3/3● Compiliamo i campi richiesti e settiamo ”locale”

nella voce Host.

Privilegi di Accesso al Database

● Dalla scheda Privelegi Creiamo un nuovo utente.● Spuntiamo tutte le opzioni.

Installazione in Locale S.O. Mac OS

● Prima di tutto scarichiamo ed installiamo il software MAMP. http://www.mamp.info/en/index.html

L'installazione di MAMP include un semplice programma cocoa per far avviare e chiudere il server. E’ tutto installato in una cartella.

● Una volta avviato MAMP, il tuo Joomla e le altre applicazioni vanno installate in una cartella chiamata “htdocs” situata all’interno della cartella dell'applicazione MAMP.

Installazione Parte 1

● Lanciate MAMP con un semplice doppio click sull’icona dell’applicazione. Vedrete il programma cocoa partire e le luci verdi nella finestra indicano quando il server Apache e MySQL sono in funzione. Il browser si dovrebbe aprire su una pagina che dice “welcom to MAMP” con la URL mostrata nella barra dell’indirizzo.

● L'url visualizzata dovrebbe essere questa :http://localhost:8888/MAMP/?language=English

Installazione Parte 2

● Nella pagina web appena aperta cerare i seguenti campi :

- Host: localhost

- Port: 8888

- User: root

- Password: root● Controllate che siano questi altrimenti appuntateli da

qualche parte.

Creazione del Database

● Sempre nella stessa pagina http://localhost:8888/MAMP/● Cliccare su phpMyAdmin● Nella pagina che si aprirà cliccate

”Create new Database”.● Scegliere un nome e cliccare su ”Create”.● In cima alla pagina cliccate sul link “phpMyAdmin”,

torneremo alla solita pagina.● Dovrete cliccare su un link nella metà inferiore della

pagina con scritto “Privilegi”.

Privilegi di accesso al Database● Nel mezzo della pagina troverete il link “Aggiungi

un nuovo utente”, cliccatelo.● Ora vedrete la schermata “Aggiungi un nuovo

utente” , compilare i campi ”nomeutente” e ”password”.

● Proseguendo, sulla stessa pagina c’è Privilegi globali. Cliccate il link “Seleziona tutti”, poi cliccare su “Esegui”. Avete appena aggiunto un database e un utente con tutti i privilegi al vostro database MySQL in ambiente MAMP.

Installazione Joomla

● Andare nella cartella Applicazioni e cercare la cartella Mamp.

● All'interno della cartella Mamp , cercare la cartella htdocs e copiare all'interno la cartella joomla.

● Adesso dal browser andiamo all'indirizzo :http://localhost:8888/joomla e seguiamo i passi dell'installazione.

● Al termine spuntare la casella ”elimina file di installazione”

La progettazione di un sito web

La progettazione di un sito web è un’attività molto complessa perché può essere senza dubbio annoverata tra le progettazioni software.

Essa, a differenza della progettazione di altre tipologie di software, comporta la sinergia tra professionalità eterogenee:

Esperti di comunicazione

Esperti di marketing

Esperti di grafica

Esperti informatici

Gli step da seguire per una buona progettazione sono descritti nel Core Process.

Core Process

● Il Core Process è attualmente una delle metodogie più seguite per il progetto o per la riprogettazione di un sito web.

● Esso è frutto di un’elaborazione collettiva di alcuni tra i più importanti designer americani ed è presentato come un workflow in cinque fasi, direttamente orientato al compito della riprogettazione.

Le 5 fasi del Core Process (1)Definire il progetto

Esplorazione (audit, identificazione utenza e requisiti di programmazione, analisi competitors)

Pianificazione (di budget, tempistica, modelli di lavoro collaborativo, testing e documentazione)

Chiarificazione (definizione degli obiettivi)

Sviluppare la struttura del sitoContenuti (organizzazione generale, strutturazione e tecniche di distribuzione)

Sito (mappa, definizione convenzioni)

Pagina (struttura, navigazione, convenzioni sui nomi, task interattivi)

Visual design e testingCreazione (prima analisi concettuale del design visuale e proposte di layout)

Convalida (realizzazione del prototipo e convalida)

Applicazione (template grafici, guida di stile)

Le 5 fasi del Core Process (2)

Produzione e controllo qualità

Revisione (definizione delle linee guida e della specifiche di realizzazione, architettura dei file e delle cartelle)

Costruzione (grafica, HTML, scripting, back-end)

Testing (definizione dei criteri del CQ, debugging, verifica)

Lancio e manutenzione

Consegna (guida di stile per aggiornamento, doc. progetto, addestramento team manutenzione)

Lancio (campagna pubblicitaria, registrazione sui motori di ricerca, upload)

Manutenzione (piano di manutenzione, misurazione risultati, verifica di sicurezza).

Validazione Sito Web

● Validazione del Codice HTML

http://validator.w3.org/

● Validazione dei file CSShttp://jigsaw.w3.org/css-validator/