powerpens blog

componenti plug in e moduli per Joomla!

L’installazione del pacchetto Joomla! standard appena scaricato (il cosiddetto “core”) consente l’utilizzo delle funzioni base di Joomla!.

La configurazione e le funzionalità iniziali sono sufficienti per la gestione di un sito, chiamiamolo, “di contenuto”, ovvero dove sono presenti un considerevole numero di articoli organizzati nelle sezioni e categorie di Joomla! e che devono semplicemente essere presentati in modo adeguato nelle pagine.

Se il nostro progetto è più complesso richiederà nuove funzionalità e saremo costretti a estendere le funzionalità base di Joomla!. Per ricercare quelle più adatte alla costruzione del nostro nuovo sito possiamo fare riferimento alla sezione estensioni del del sito ufficiale di Joomla, dove è presente un elenco completo e aggiornato di tutte le estensioni disponibili per Joomla! organizzate in categorie.

Le estensioni si dividono in tre diverse tipologie: i componenti, i moduli e i plug in.

Componenti: sono le estensioni più “corpose” di Joomla!. Sono infatti delle vere e proprie applicazioni che si appoggiano al core e che offrono funzionalità complesse. Alcune componenti sono già presente nella versione base e permettono il funzionamento dei contatti, dei sondaggi, della mailing list e la gestione dei banner, dei sondaggi e della prima pagina. I componenti vengono normalmente presentati pubblicamente tramite collegamento a una voce di menu.

Esempi: VirtueMart (e-commerce), Community Builder (gestore di community), Eventlist (gestore di eventi)

Moduli: sono aree che contengono alcune funzionalità specifiche e che devono essere posizionate all’interno del template del sito e pubblicate per mostrare il contenuto. I moduli possono essere a loro volta estensioni dei componenti (per esempio, il modulo che mostra il form username e password – normalmente posizionato nelle colonne destra o sinistra del template – si appoggia al componente login) oppure stand-alone (come i modulo che mostrano le condizioni meteo o i moduli creto da noi come “html personalizzato”).

Esempi: Minifrontpage (visualizzazione articoli stile giornalistico), Menu (i menu di Joomla sono moduli!)

Plug in: chiamati così dalla versione 1.5 (nella versione 1.0 erano chiamati “mambot”) i “plug in”sono utili ad estendere le funzionalità di Joomla! ma lavorano in background, spesso appoggiandosi a estensioni già esistenti.

Esempi: Googlemaps (permette la visualizzazione di Google Map nel contenuto), YouTubePlugin (permette di inserire i video di You tube nel contenuto delle pagine).

Vengono normalmente considerate estensioni di Joomla anche i template che permettono la modifica dell’aspetto grafico dei siti e i file di lingua che servono a tradurre l’intera installazione di Joomla! nella lingua a noi più familiare.

logo firefox, internet explorer 7 e 6

Una delle difficoltà nella realizzazione di siti web sta nel costruire pagine che vengano visualizzati nello stesso modo in tutti i browser disponibili.

Sono passati i tempi del “sito ottimizzato per internet explorer 6.0″ o del “best view in internet explorer”; oggi chi realizza pagine web deve fare i conti con la diffusione di browser diversi con comportamenti diversi e buona parte del lavoro di costruzione delle pagine è dedicato alla fase di test utilizzando i browser in circolazione, specialmente i più diffusi.

Le statistiche di utilizzo sono rintracciabili in molti siti web come, per esempio, w3schools.com nella sezione dedicata alla diffusione dei browser.

Creare siti web cross-browser è un’operazione che richiede tempo e pazienza.

Generalmente è utile testare le proprie pagine almeno con internet explorer nelle versioni 6 e 7 e in firefox 3.

Installare sul proprio computer firefox unitamente a internet explorer è semplice e permette di facilmente di aprire il proprio lavoro nei 2 browser installati e di testarne il comportamento.

Poichè spesso l’aggiornamento browser sovrascrive la versione precedente, ben più complicato è testare la stessa pagina in internet explorer 6 e contemporaneamente nella versione 7 nello stesso computer.

Evitiamo l’utilizzo di 2 computer con installati i 2 differinti browser e ricorriamo a un utilissimo pacchetto chiamato MultipleIE che permette di installare internet explorer addirittura dalla versione 3.0.

Un’altra interessante utility online è browsershots.org che permette di visualizzare, inserito l’url del proprio sito, una serie di screenshot dai browser (davvero tanti!) selezionati dall’utente per il test.

Per il resto non c’è altro da fare che armarsi di pazienza e cercare le soluzione per una visualizzazione omogenea, sfruttando le risorse disponibili in rete che aiutano a correggere i comportamenti anomali dei browser, specialmente i più datati.

logo di Joomla!

Installare Joomla! in locale e lavorare direttamente sul proprio computer prima di trasferirlo sul server è un metodo di lavoro che porta sicuramente dei benefici: le modifiche alla struttura, alla configurazione, al template grafico sono immediate sia per i tempi di risposta (più rapidi) sia perché non è necessario caricare file ad ogni modifica.

Inoltre, possiamo testare moduli, componenti e plugin in totale tranquillità e avere una copia di ciò che metteremo online nel nostro computer può essere utile come backup dei dati in caso di modifica o perdita accidentale.

Creiamo un web server!

Prima cosa da fare è ricreare un web server Apache nel nostro computer. Per fare questo consiglio l’utilizzo di Xampp, una distribuzione gratuita Apache contenente MySQL, PHP e Perl che ha il vantaggio di essere veramente semplice da installare!

L’indirizzo dove scaricare Xampp (versione per windows, mac os, linux): http://www.apachefriends.org/it/xampp.html. La versione con installer permette l’installazione tramite una facile procedura guidata.

Seguiamo la procedura di installazione e il gioco è fatto! Abbiamo creato le condizioni per il funzionamento in locale di Joomla!.

Installiamo Joomla!

Scarichiamo ora l’ultima versione di Joomla! in italiano e scompattiamo il file zip.

Mettiamo la cartella così creata all’interno di C:/Programmi/xampp/htdocs (per comodità creiamo un collegamento ad htdocs sul desktop per poterci accedere più rapidamente in futuro).

Rinominiamo la cartella in “miosito” (è un nome arbitrario, possiamo chiamarla “cliente01″, oppure “portale-automobile”).

Da browser accediamo a http://localhost e dal menu a sinistra selezioniamo phpMyAdmin dal gruppo “Strumenti”.  Nella pagina creiamo un nuovo database con un nome a piacere.

E’ importante ricordare il nome del databse perchè dovremo poi indicare a Joomla! a quale database fare riferimento. Nell’esempio lo chiameremo miositodb. E confermiamo cliccando “Crea”.

screenshot phpmyadmin

Da browser accediamo all’indirizzo http://localhost/miosito e, se tutto è stato eseguito correttamente, ci troveremo di fronte la procedura per installare Joomla! Seguiamo le fasi:

1. Selezione lingua, italiano

2. Controlli preistallazione, proseguiamo

3. Contratto di licenza, proseguiamo ancora

4. Configurazione database (MySQL dal menu a tendina, Nome host: localhost, nome utente: root, nome database: miositodb, ovvero quello precedentemente creato attraverso l’interfaccia di phpMyAdmin)

procedura installazione joomla - connessione al database

5. Configurazione ftp, non necessaria, lasciamo “no” e proseguiamo

6. Configurazione principale. Inseriamo il nome del sito, la nostra e-mail e la password, confermandola una seconda volta. L’utilizzo o meno dei dati di esempio dipende dalla confidenza che abbiamo con Joomla! ma il loro inserimento potrebbe confondere le idee per cui evitiamo di installarli. Proseguiamo con “Avanti” in alto a destra e diamo ok sulla finestrella che ci informa che non abbiamo installato i dati di esempio.

7. Installazione completata! E’ necessario rimuovere (o rinominare) la cartella “installation” che troviamo all’interno di htdocs/miosito.

Possiamo finalmente iniziare a mettere mano a Joomla! personalizzando struttura e grafica, installando componenti e moduli e inserendo contenuti secondo le nostre necessità!