Jamboo's Webs and Blogs

Corso on line

Servizi di qualità all’utenza e attività didattiche interattive

Organizzazione : Associazione Culturale Matite nel web ( www.matitenelweb.it )

Responsabile del progetto e coordinamento dello staff: Mario Varini

---

(a cura di Daniele Dallatomasina)

In questo tutorial impareremo a scaricare e installare due moduli fondamentali per la gestione delle immagini: il modulo image e image_assist. Il secondo ci servirà per inserire agevolmente le nostre immagini all'interno delle pagine del sito.
Ricordo che le immagini, come le pagine, le storie, i libri ecc, vengono considerate da Drupal dei nodi.

Rimando la configurazione di questo moduli ai tutorial successivi.

L'installazione e configurazione di questi due moduli è da considerare un po' paradigmatica in quanto può servire per l'installazione di tutti gli altri moduli che vorremo aggiungere a Drupal.

Impareremo infatti a creare una nuova tabella sul database Mysql (alcuni moduli aggiuntivi richiedono per il loro funzionamento una tabella specifica) con lo script fornito con il modulo e ad importare la traduzione in italiano del modulo.

Ci accorgeremo che alcuni moduli, per funzionare, richiedono la presenza di altri moduli (in questo caso è richiesto il modulo upload) e che per configurare un modulo è necessario impostare alcune voci presenti nella sezione "impostazioni", "permessi di accesso", "categorie", "menu" e "blocchi".

Prima di passare a questo tutorial è quindi consigliabile aver ben digerito i precedenti sui moduli, menu, lingua e categorie.

Entriamo nella sezione "modules" del sito ufficiale di Drupal www.drupal.org:

Scarichiamo sul nostro pc il modulo zippato "image":

Scarichiamo anche il modulo zippato "img_assit":

Decomprimiamo i due files contenenti i due moduli:

La cartella "image" contiene la sottocartella "po": in essa troviamo le traduzioni del modulo nelle varie lingue, tra cui anche quella italiana:

Il modulo img_assist non ha, al momento, la traduzione italiana. Richiede però la creazione di una nuova tabella sul nostro database Mysql. Creeremo facilmente la tabella grazie allo script contenuto nel file img_assist.mysql:

Ora dobbiamo trasferire le 2 cartelle con i moduli image e img_assist via FTP:

Selezioniamo sul nostro pc le due cartelle e poi trasferiamole sul nostro sito all'interno della cartella "modules".
Non è necessario trasferire le cartelle "po" con le traduzioni e il file img_assist.mysql:

Ecco cosa otteniamo a trasferimento via FTP avvenuto:

Ora dobbiamo creare la nuova tabella per il modulo img_assist sul database Mysql.
Dobbiamo entrare nel Pannello di Controllo di Mysql:

Selezioniamo il database sul quale gira il nostro sito con Drupal e poi clicchiamo sul pulsante "SQL[ i ]":

Clicchiamo sul pulsante "sfoglia" per selezionre, sul nostro pc il file img_assist.mysql del modulo img_assist contenente lo script per la creazione della nuova tabella Mysql.
Dopo aver selezionato il file, clicchiamo sul pulsante "Esegui":

In pochi istanti verrà generata la nuova tabella Mysql:

Usciamo dal Pannello di Amministrazione Mysql per entrare nella sezione "moduli" del nostro sito realizzato con Drupal.
Qui dobbiamo attivare i due nuovi moduli che abbiamo appena installato:

Vogliamo fare le cose per bene: importiamo la traduzione italiana del modulo "image".
Entriamo nella sezione "lingua" del nostro sito e poi clicchiamo su "importing a translation":

Usando il comando "sfoglia" andiamo a selezionare sul nostro pc il file "it.po" all'interno della sottocartella "po" del modulo "image".

Selezioniamo la voce "Conserva le frasi esistenti, aggiungi solo le nuove frasi".
Clicchiamo infine sul pulsante "Importa":

Ecco il risultato dell'importazione della traduzione del modulo "image":

A questo punto vedremo comparire alcune nuove voci nel menu di amministrazione di Drupal all'interno della sezione "impostazioni": gallerie immagini, img_assist, immagine:

Clicchiamo sulla voce di menu "immagine" e diamo un'occhiata. Notiamo che Drupal ha creato le cartelle files/images e files/images/temp:

Clicchiamo anche sulla voce img_assist e diamo un'occhiata:

Clicchiamo anche sul link "Gallerie di immagini".
Noteremo che Drupal ha creato la categoria (cioè un vocabolario) denominata "Gallerie di immagini".
Per rendere pienamente operativa la galleria delle immagini dovremo, all'interno della sezione "categorie", creare dei nuovi termini per il vocabolario "Gallerie di immagini".

E' bene rileggersi il tutorial sulle Categorie di Drupal:

Entriamo nella sezione "controlli di accesso" di Drupal.
Dobbiamo impostare i permessi per i diversi utenti.

In sostanza dobbiamo permettere ai visitatori (gli utenti anomini) di poter visualizzare le immagini e agli utenti autenticati di poterle amministrare:

Andiamo ora a conoscere la sezione di Drupal chiamata "Formati di input".

Come impostazione di default Drupal presenta tre formati: Html[ i ] filtrato, Codice PHP[ i ] e Full Html.
Clicchiamo su "configura":

Per ogni tipo di formato dobbiamo selezionare il comando "Inline images":

Clicchiamo su "Configura" del formato "HTML filtrato" e tra i tag[ i ] permessi inseriamo img come nella figura qui sotto: questo consentirà agli utenti di inserire nei nodi pagina le immagini:

Possiamo, altrimenti, impostare per default l'Html Full: in questo modo tutti i tag html saranno consentiti:

Ora nella sezione "Crea un contenuto" comparirà anche la possibilità di creare un nodo immmagine:

Dobbiamo però configurare ancora qualche altro parametro.

Dobbiamo settare sul server con il programma FTP i permessi della cartella "files" (che contiene la sottocartella "images" e cioè quella nella quale andranno a finire le nostre immagini) a 777.

Facciamo clic con il tasto destro del mouse sulla cartella "files".

Vedremo apparire un menu con la voce "chmod (UNIX)" sulla quale dobbiamo cliccare:

Mettiamo tutti i segni di spunta possibili (che corrispondono infatti ai permessi 777):

Ho fatto la stessa cosa con la cartella "images" contenuta nella cartella "files".
In teoria i permessi sono ereditari, quindi questo passaggio dovrebbe essere inutile:

Ora possiamo, finalmente, pubblicare un'immagine.
Clicchiamo su "crea contenuto" e poi su "immagine":

Riempiamo i campi come per il nodo pagina e selezioniamo con il comando "sfoglia" un'immagine sul nostro pc. Clicchiamo infine su "pubblica"

Ecco come apparirà il nostro nodo-immagine appena pubblicato:

Ecco come apparirà, nell'home[ i ] page del sito, la miniatura del nodo-immagine. La miniatura è, a sua volta, un collegamento ipertestuale all'immagine originale:

Il prossimo passo sarà ora quello di creare una galleria di immagini, cioè una sorta di album fotografico.

Vogliamo anche fare in modo che i nodi-immagini siano pubblicabili anche nelle sezioni del sito che abbiamo creato nel tutorial dedicato alle catogorie. Le tre sezioni erano: News, Tutorial e Corsi.

Clicchiamo sul titolo del nodo-immagine e poi su "modifica". Togliamo il segno di spunta alla voce "promosso in prima pagina":

Andiamo ora nel pannello di amministrazione di Drupal e clicchiamo sulla voce "Categorie" e poi su "Modifica vocabolario" della voce "Drupal":

Tra i "Tipi" mettiamo la spunta anche a "immagini".
In questo modo potremmo pubblicare le immagini anche nelle sezioni del nostro sito:

Nella sezione "Categorie" possiamo ora vedere che per al vocabolario "Drupal" (che contiene i tre termini-sezioni del sito News, Corsi e Tutorial) sono associati i tipi "pagina" e "immagine".

Ora vogliamo creare una galleria per le nostre immagini, cioè una sezione del sito nella quale visualizzare le immagini.

Quando abbiamo installato il modulo "image", Drupal ha creato il vocabolario "Gallerie di immagini". Per questo vocabolario dobbiamo creare almeno un termine.

Clicchiamo su "aggiungi un termine":

Creiamo il termine "Immagini tutorial" per il vocabolario "Gallerie di immagini":

Nel pannello di amministrazione di Drupal clicchiamo su "Amministra" e poi su "Contenuti".
Qui vediamo l'elenco di tutti i nodi del sito.
Vogliamo modificare il nodo-immagine "Foto di prova 1". Clicchiamo su "modifica":

Selezioniamo il termine "Immagini tutorial" del vocabolario "Gallerie di immagini":

Facciamo la stessa cosa per il nodo-immagine "Prova Foto 2":

Andiamo all'indirizzo web www.matitephp.net/corso_drupal/?q=image
Qui vedremo la nostra galleria di immagini.
Clicchiamo sulla miniatura dell'immagine:

Dopo aver cliccato sulla miniatura dell'immagine proposta come copertina dell'album vedremo le miniature delle immagini che sono collegate alle immagini originali:

Seguendo il tutorial sulla creazione dei "Menu" possiamo creare una voce per il menu di navigazione del sito "Risorse" collegata alla galleria di immagini.