Come creare un sito web in 1 ora con Drupal

Dal LinuxDay 2009 a Dalmine, Bergamo.

In questo tutorial vedremo come realizzare un sito web dinamico in una sola ora con Drupal.
Vediamo le specifiche del progetto che andremo a realizzare:

Il sito web del BgLug ha bisogno di pubblicare alcune news sulle serate al Lug. Queste news sono costituite da:

• Un titolo
• Una descrizione
• Un campo personalizzato con i nomi/nickname delle persone che hanno partecipato alla serata

La struttura del sito sarà costituita da:

• Homepage con la lista delle ultime news inserite
• Pagina "Cosa è il BgLug"
• Pagina "Contatti"

Per riuscire a completare la realizzazione del nostro sito web nell'ora prevista abbiamo però bisogno di alcuni requisiti, quali:

• Un server web
• Php
• Un server Mysql (è utile installare anche phpMyAdmin)

Il fantastico team del BgLug ha però predisposto una macchina virtuale con già installato tutto il necessario per fare funzionare Drupal.
Non ci resta quindi altro da fare che scaricare la macchina da questo link per i possessori di VmWare/Virtualbox o alternativamente da quest'altro link in formato raw.

Se hai scaricato l'immagine puoi saltare direttamente al punto 2 di questo tutorial.
Se invece desideri utilizzare la tua macchina come sistema LAMP (linux, apache, mysql, php) devi scaricare i sorgenti di Drupal dal sito ufficiale, topic che copriremo nel punto 1.

1 - Scaricare i sorgenti di Drupal

Colleghiamoci al sito web ufficiale di Drupal, drupal.org, clicchiamo a destra su Drupal 6.14 nel blocco verde Downloads e nella pagina successiva su Download Drupal 6.14.
A quel punto salviamo il pacchetto ed estraiamone il contenuto nella nostra www-root (la www-root è il path in cui teniamo i files che il nostro Apache processa, è essenzialmente la cartella dove teniamo le nostre pagine web).

Per velocizzare il tutto, clicca quì per scaricare Drupal.

Avremo bisogno anche della traduzione italiana, che la community DrupalItalia ci fornisce puntualmente in ogni release. Per scaricarla rechiamoci su DrupalItalia e clicchiamo su Translation (.tar.gz) nel blocco di destra.
Salviamo di nuovo il pacchetto ed estraiamone il contenuto nella cartella di Drupal precedentemente creata nella www-root, rispettando le cartelle all'interno dell'archivio.

Per velocizzare nuovamente il tutto potete cliccare su questo link diretto.

2 - Installare Drupal

Sia che abbiamo utilizzato la macchina virtuale fornita dallo staff del BgLug, sia che abbiamo utilizzato il nostro sistema, è arrivato il momento di installare Drupal.

Per prima cosa è necessario creare un database. Se abbiamo utilizzato la macchina virtuale del BgLug non dobbiamo svolgere questa operazione perchè è stato creato in automatico. Se invece abbiamo utilizzato la nostra macchina dobbiamo recarvi all'indirizzo http://localhost/phpmyadmin, ci dobbiamo loggare con i nostri nome utente e password e creare un nuovo database.
Chiamiamolo ad esempio drupal.

Ora apriamo il browser all'indirizzo http://localhost/drupal-6.14 (http://localhost/~tux/drupal se state usando la macchina virtuale).
La pagina di installazione di Drupal comparirà davanti a noi. Selezioniamo la lingua italiana e clicchiamo su Select Language. Nella pagina successiva comparirà una scritta rossa con alcuni errori.
Sono semplicemente requisiti di installazione da soddisfare prima di poter procedere con l'installazione.
Apriamo il file manager, rechiamoci nella nostra www-root ed entriamo in drupal/sites/default. Copiamo il file default.settings.php e rinominiamolo in settings.php. Assegnamogli permessi di scrittura (777).
Creiamo inoltre la cartella files/ ed assegnamo ad essa gli stessi permessi (777).

Torniamo al browser, ricarichiamo la pagina (premiamo quindi F5) e vedremo che gli errori sono scomparsi, al loro posto ci viene mostrata una form con alcuni parametri da settare.
Chi ha il proprio sistema LAMP sicuramente saprà quali valori inserire, per chi invece usa la macchina virtuale:

• Nome Database: drupal
• Nome Utente Database: drupal
• Password Database: linux

Clicchiamo su Registra e continua per arrivare all'ultimo passaggio della nostra installazione.
Ci viene mostrato un box rosso nuovamente contenente due errori. Ci viene chiesto di rimuovere i permessi assegnati in precedenza a settings.php ed alla cartella files/ e di sostituirli con Sola Lettura (corrispondente a 444).
Nella parte bassa della pagina ci vengono richieste le informazioni principali sul sito:

• Nome del sito: BgLug
• Indirizzo email del sito: mettiamo il nostro indirizzo email
• Nome utente: Admin
• Indirizzo email: mettiamo il nostro indirizzo email
• Password: mettiamo una password
• Conferma Password: ripetiamo la password inserita in precedenza

Clicchiamo su Registra e continua ed avremo il nostro sito drupal pronto per essere configurato.

3 - Cambiamo look al nostro sito

Drupal fornisce una directory di temi già pronti liberamente scaricabili.
Per il sito del bglug ho scelto di scaricare Acquia Marina, un tema molto pulito.
Clicchiamo su questo link per scaricarlo immediatamente.

I temi scaricati vanno posizionati nella cartella sites/all/default/themes/ (nell'installazione di base non esisterà, occorre crearla), estraiamo quindi in quella cartella l'archivio appena scaricato.
Ora logghiamoci come amministratori con username e password scelti in precedenza e clicchiamo su Amministra->Costruzione del sito->Temi. Vedremo che il tema Acquia Marina è presente nell'elenco insieme ad altri temi che Drupal fornisce di default nel pacchetto di installazione. Attiviamo Acquia Marina e rendiamolo predefinito.
Al salvataggio ci ritroveremo con il nostro nuovo tema installato e funzionante.

4 - Creiamo la pagina "Cosa è il BgLug"

Creare la pagina "Cosa è il BgLug" è davvero banale con Drupal.
Rechiamoci su Crea Contenuto->Pagina. Di default Drupal fornisce un titolo ed una descrizione per la pagina, oltre alla possibilità di posizionare una voce di menu per la pagina stessa ed oltre ad altre impostazioni che per ora non prenderemo in considerazione.
Assegnamo quindi il titolo alla pagina, il testo, ed un titolo per il menu.
Tra le opzioni di pubblicazione controlliamo che la voce Promosso in prima pagina sia disabilitata.
Premiamo Salva ed avremo creato la nostra pagina con la relativa voce nel menu.

4 - Creiamo la pagina "Contatti"

Per creare una pagina di contatto abbiamo bisogno di abilitare un nuovo modulo. Questo non è un modulo aggiuntivo da scaricare in modo separato ma è incluso con il pacchetto base di Drupal. Rechiamoci in Amministra->Costruzione del sito->Moduli e provvediamo ad abilitare il modulo Contact.
Ora rechiamoci in Amministra->Costruzione del sito->Modulo di contatto e settiamo le opzioni di configurazione necessarie ad avere una pagina contenente il modulo di contatto con il link nel menu.
Clicchiamo su "Aggiungi Categoria" ed inseriamo:

• Categoria: Form di contatto
• Lista destinatari: Il solo nostro indirizzo email
• Risposta automatica : Grazie per averci contattato, ti risponderemo al più presto.

Ora rechiamoci in Amministra->Costruzione del sito->Menu->Navigazione. Clicchiamo su Modifica accanto alla voce Contatto (disabilitato) ed attiviamo il menu, settando Links Primari come voce padre al posto di Navigazione ed un peso maggiore di zero. Navigazione infatti è il menu riservato agli utenti loggati, noi vogliamo invece che il link al modulo di contatto sia mostrato menu in cui abbiamo mostrato il link alla pagina "Cosa è il BgLug".
Come ultimo settaggio, dobbiamo abilitare il modulo di contatto per gli utenti anonimi, rechiamoci su Amministra->Gestione utente->Permessi ed abilitiamo per il modulo contact il permesso necessario.
Perfetto, ora abbiamo anche il modulo di contatto configurato. Manca un solo step al termine del nostro sito web.

5 - Creiamo la sezione dinamica News

Per concludere i nostri lavori sul sito web del BgLug abbiamo bisogno di un modulo aggiuntivo di nome CCK. Scarichiamolo cliccando su Download oppure cliccando direttamente questo link.
Estraiamo il contenuto del pacchetto nella directory sites/all/modules (anche questa directory è da creare).
Ora rechiamoci nuovamente nella pagina di amministrazione dei moduli ed abilitiamo tutti i moduli del gruppo CCK.
Bene, ora non ci resta che configurare la nostra nuova tipologia di contenuto.
Rechiamoci su Amministra->Gestione dei contenuti->Tipi di contenuto->Aggiungi tipo di contenuto.
Inseriamo:

• Nome: news
• Tipo: news
• Descrizione: La news è una tipologia di contenuto che rappresenta le novità relative alle serate del BgLug.

Clicchiamo su Salva ed accanto a Pagina e Storia ora avremo un nuovo tipo di contenuto, le nostre tanto desiderate News.
Avevamo messo nelle specifiche, oltre ai soliti campi titolo e descrizione, un campo aggiuntivo per le news, una textarea che consenta agli amministratori di inserire i nick dei partecipanti alla serata.
Clicchiamo su Manage Fields accanto a News ed andiamo ad inserire i dettagli del nuovo campo sotto alla voce New Fields.
Inseriamo come etichetta Partecipanti, come Field name partecipanti. Il tipo di dato sarà testo e come form element textarea.
Tra le opzioni che compaiono nella pagina seguente troviamo quella per rendere il campo obbligatorio, la possibilità di inserire un testo di aiuto per il campo e la possibilità di limitare la lunghezza del campo ad un numero predefinito di caratteri.
Non è il nostro caso, potremo cliccare direttamente su Salva le impostazioni del campo per vedere aggiunto il nostro campo tra quelli elencati.

Perfetto, abbiamo terminato.
Ora possiamo recarci in Crea Contenuto->News e possiamo aggiungere un report del LinuxDay, che finirà in prima pagina sul nostro sito web e riporterà il messaggio:
"Ho creato il mio primo sito web in meno di un'ora, ed è stato davvero facile!"