Joomla! Componenti, moduli e mambot

Transcript

1 Joomla! Componenti, moduli e mambot INDICE ARCHITETTURA di JOOMLA!... 2 INSTALLAZIONE E DISINSTALLAZIONE... 2 COMPONENTI... 4 Banner... 4 Community Builder... 6 Docman EM Sql Admin Exposé Jce Editor JEvents JoomlaComment Joomla Pack SMO Ajax Shoutbox Virtuemart XMap MODULI D4J Transmenu MAMBOT All videos plugin Simple Image Gallery LICENZA E CREDITS... 65

2 ARCHITETTURA di JOOMLA! Joomla! è strutturato in modo molto razionale, è completamente adattabile e si compone di una serie di funzionalità che possono essere attivate o disattivate a seconda delle necessità. In particolar modo è possibile inserire delle estensioni (molte delle quali sono distribuite gratuitamente) nel sito Joomla! ampliandone le funzionalità. Le estensioni di Joomla! si articolano in tre categorie: - componenti; - moduli; - mambots (oppure plug-in nella versione 1.5). I componenti sono applicazioni legate espressamente alla gestione dei contenuti, come ad esempio una galleria foto, un negozio on line, ecc... I moduli, invece, consentono di visualizzare informazioni di vario tipo e/o di realizzare particolari funzionalità interattive, come visualizzazione di immagini e testi, per cui possono consistere in semplice testo, codice HTML, o possono essere applicazione complete realizzate da terzi. Possono essere creati con estrema facilità. I mambots (o plug-in), infine, si occupano delle funzioni di supporto a tutte le operazioni di Joomla!, come ad esempio la ricerca nell ambito del sito o di una sezione. In alcuni casi si sostituiscono a codice di Joomla! ampliandone le funzioni. Le funzionalità di Joomla!, quindi, possono essere ampliate tramite l uso di questi tre tipi di add-on, attraverso un processo di installazione che avviene in maniera semplice ed intuitiva, semplicemente selezionando l add-on, così come avviene per i template. INSTALLAZIONE E DISINSTALLAZIONE Sia i componenti, sia i moduli che i mambot, vengono installati attraverso il Menu Installazioni, che si compone, per la parte che qui interessa, di tre voci. Per installare un componente, ad esempio, non dobbiamo fare altro che selezionare l apposita voce. La pagina di installazione ci avverte che estensioni di terze parti potrebbero rendere il sito meno sicuro, e più vulnerabile ad attacchi di hacker. Quindi ricordiamoci sempre di installare solo componenti sicuri. La prima regola è di prendere queste estensioni solo da siti affidabili, come il sito 2

3 Un componente è di regola costituito da un pacchetto compresso, con estensione.zip o.tar.gz. Il pacchetto non va decompresso, ma va selezionato e caricato così come è. Una volta selezionato il file, cliccando su SFOGLIA, clicchiamo su Carica File e Installa. Otterremo una schermata di conferma del caricamento del componente. Talvolta in questa schermata vengono visualizzate anche utili informazioni sul componente medesimo, in genere le istruzioni di funzionamento, e i crediti. Cliccando su Continua torniamo alla schermata di caricamento. Allo stesso modo agiremo se si tratta di moduli o mambot, ricordandoci di selezionare la voce di menu giusta. Invece, nel caso in cui volessimo eliminare un componente od un modulo dal sito, non dobbiamo cancellarlo fisicamente (ad esempio con un FTP), ma solo disinstallarlo, con una procedura analoga. Selezioniamo il componente, o il modulo o il mambot, cliccando nel cerchio alla sinistra del nome del componente, e poi clicchiamo su Disinstalla. Questo è il modo giusto per eliminare un componente dal vostro sito. In questo modo, infatti, Joomla! si occuperà non solo di eliminare i file e le cartelle del componente, ma anche le tabelle dal database del sito. 3

4 COMPONENTI Banner Il componente dedicato per la gestione dei banner è già compreso nel pacchetto di Joomla!, per cui non è necessario installarlo, ma lo troveremo già nel Menu -> Componenti -> Banner. Se abbiamo già a disposizione il banner da inserire, nel formato 468x60, andiamo prima di tutto in Gestione Clienti, dove inseriremo, cliccando su Nuovo, i dati del nostro inserzionista. 4

5 Salvati dati del contatto, andiamo in Gestione Banner, dove inseriremo i dati del banner. In particolare inseriremo il nome del banner, selezioneremo il cliente tra quelli già inseriti nell apposito pannello, immetteremo il numero di impressioni acquistate dal cliente, così Joomla! potrà automaticamente disattivare la visualizzazione del banner raggiunto il numero di impressioni stabilite, inseriremo l URL al quale si verrà indirizzati in caso di click sul banner, e soprattutto selezioneremo il banner tra quelli già caricati nella cartella /images/banners/. Il banner può essere caricato o via FTP oppure direttamente in questo pannello selezionando il radio button Carica. Eventualmente il banner può essere caricato anche attraverso il pannello Gestione Media. 5

6 Una volta salvato il tutto, torneremo al pannello principale dove troviamo le statistiche sui banner inseriti nel sito, compreso il numero di click che ha ricevuto ogni banner, e il numero di impressioni fatte (cioè le visualizzazioni). Community Builder Il community builder (CB) è un componente usato per la creazione di community online, che consente la gestione di utenti con profili completi di avatar, campo mail ecc, nonché gestione di gruppi e messaggi privati. Il CB integra e sostituisce alcune funzioni di Joomla non adatte per una community, in particolare sostituisce il Login Form. Il CB è ampiamente configurabile e gestisce anche, tramite plugin, varie lingue, tra cui l italiano. Da questa pagina potete scaricare la versione originale in inglese. Non dimenticate di scaricare anche la traduzione in italiano. Comunque il sito a cui fare riferimento è questo: Il pacchetto è in formato compresso, lo dovete decomprimere e vi troverete vari file. - comprofiler.zip che contiene il pacchetto di installazione di CB; - cblogin.zip che andrà a sostituire il Login Form di Joomla; - mod_comprofileronline.zip che è il modulo che visualizza gli utenti registrati on line; - mod_comprofilermoderator.zip che è il modulo per la moderazione. Installate tutti questi file, il primo come componente, gli altri come moduli. Man mano che li installate avrete la conferma dell avvenuta installazione. Alla fine avrete nel menu componenti del pannello di amministrazione di Joomla!, l ulteriore voce COMMUNITY BUILDER, con 7 sottovoci. Installate anche i plugin, che troverete ovviamente nella sottodirectory plugin. In particolare risulta importante il plugin plug_cbcaptcha, che attiva il filtro antispam e antirobot nel nuovo modulo di Login per il Community Builder. I plugin devono essere pubblicati dal pannello di controllo del CB per funzionare. 6

7 Adesso create un nuovo menu in UserMenu che potete chiamare Lista Link. Deve puntare a questo URL: index.php?option=com_comprofiler&task=userslist Questa voce di menu eventualmente supporta la lista dei link degli utenti registrati e la ricerca in essa. Settatelo come accesso Public o Registered. Adesso è necessario creare i menu per il CB. Andate in UserMenu e selezionate New, poi selezionate Component, e infine Community Builder. Selezionate Top come posizione e Registered come accesso. Come nome potete scegliere quello che più vi aggrada, community builder oppure Il tuo profilo ad esempio. 7

8 Selezionate Si per pubblicarlo e poi cliccate su Salva. Adesso si deve sostituire il Login form di Joomla con quello fornito da CB. Andate in Moduli Sito e deselezionate la pubblicazione per il Login Form. Poi cercate il mod_cblogin e pubblicatelo. Eventualmente potete cambiargli nome in Login Form. Il livello di accesso deve essere ovviamente Pubblico. Alla fine avrete il login form originario di Joomla! sostituito con quello del CB. In particolare potete notare la voce Password dimenticata, che consente il recupero della password in caso di smarrimento. 8

9 Per il resto è identico al vecchio Login Form, tranne che per i campi da compilare nella fase di registrazione. Qui potete vedere i campi da compilare per l installazione, notate in particolare il captcha (l immagine con i numeri). Ovviamente la registrazione è ampiamente configurabile, può anche selezionarsi una registrazione moderata dall amministratore. Sempre in Moduli Sito pubblicate il modulo mod_comprofilermoderator, che visualizza le attività pendenti per il singolo utente (es. l upload di immagini sul sito). Anche questo modulo deve avere accesso Registered. Così avete installato il Community Builder. 9

10 Docman DOCman, che funziona anche con Joomla! 1.5, è un gestore di documenti che consente di caricare sul sito dei files ed organizzarli in categorie, mettendoli a disposizione per il download. I files possono trovarsi anche in spazi web differenti da quello dove è situato il sito Joomla!. Scaricate Docman da questo sito: Troverete anche numerosi add-on e il file per tradurre il componente in italiano. Installate il componente com_docman_xxxx.zip, otterrete la schermata di caricamento confermato. A questo punto abbiamo una nuova voce di menu. 10

11 A questo punto si rende necessario creare una nuova voce in uno dei menu visualizzati nella home page. Selezioniamo Componente Docman. Così abbiamo il menu che ci porta alla pagina di gestione documenti. Adesso dobbiamo installare gli add-on. Prima di tutto installiamo il mambot di ricerca (bot_docman_search.zip), che ci consente di effettuare ricerche tra i documenti inseriti in 11

12 Docman. Non dimentichiamo di pubblicarlo. Installiamo il plugin dell editor (bot_doclink.zip), che consente di inserire dei link ai file di Docman direttamente negli articoli. Il modulo mod_docman_catdown.zip mostra i documenti di una specifica categoria, il modulo mod_docman_latestdown.zip, mostra gli ultimi documenti inseriti, mentre mod_docman_lister.zip visualizza la lista dei documenti più popolari. Infine mod_docman_mostdown.zip visualizza i documenti più scaricati dal sito. Ricordate che sia i moduli che i plugin devono essere pubblicati per funzionare correttamente. A questo punto vediamo sommariamente il funzionamento del componente. Supponendo che abbiate un files PDF da caricare sul vostro sito, selezionate Files dal menu di Docman, e cliccate su Upload. Nella schermata successiva dovete scegliere le modalità di caricamento del file. Nel caso specifico selezioniamo Upload a file from your computer. 12

13 Nella schermata successiva selezioniamo il file e clicchiamo su Submit. Joomla! ci avverte che il file è stato caricato correttamente. A questo punto selezioniamo Make a new document entry using this file, così veniamo portati direttamente nella schermata di creazione del documento (che si può raggiungere anche dal menu di Docman). Per poter creare un documento, però, è necessario creare prima una categoria dove inserire il documento, per cui se non la abbiamo ancora creata andiamo nel menu di Docman e selezioniamo Categories, per creare una nuova categoria. A questo punto possiamo creare il nuovo documento. Nella schermata di creazione del documento dovremo, ovviamente, selezionare il file collegato al documento, mettere un nome al documento, e decidere se approvarlo e pubblicarlo. È anche possibile linkare il file da un sito esterno e, inserire ulteriori dettagli, come il link del sito di riferimento. 13

14 Nella scheda Permissions selezionate gli utenti che potranno accedere al documento pubblicato, e coloro che si occuperanno della gestione del documento (in questo caso l Editor). Avremo quindi una schermata così cliccando sul menu Docman in home page. E cliccando sulla categoria Guide Joomla: 14

15 Il documento potrà essere scaricato dai gruppi di utenti selezionati nella scheda Permission, semplicemente cliccando su Download. Cliccando su View il documento sarà visualizzato (se il computer ha il visualizzatore giusto, in questo caso Adobe Reader ), e con Details otteniamo ulteriori dettagli sul documento in questione. Se volete Docman in italiano dovete decomprimere il pacchetto.zip della lingua italiana e caricare via FTP i singoli file nelle rispettive cartelle /administrator/components/com_docman/language/ e /components/com_docman/themes/default/language/ Infine, gli utenti registrati sono abilitati ad inviare file al sito Joomla!, file che poi potranno essere pubblicati previa approvazione di un Publisher o dell Administrator. Loggandosi al sito e andando alla pagina di Docman si avrà in più la voce Invia File. 15

16 Cliccando su questa voce si avrà la possibilità di caricare un file direttamente dalla home page, selezionandolo dal proprio computer oppure caricandolo da uno spazio web. Si aprirà una schermata nella quale inserire i dati del documento, come se si fosse all interno del pannello di controllo di Docman, nel lato amministrazione. Cliccando su Save (il segno di spunta verde), invieremo il file. Joomla! ci da conferma dell invio. 16

17 Nel caso specifico Joomla! ci consente di pubblicarlo direttamente, poiché il file è stato inviato direttamente dall amministratore, che ha tutti i permessi. Ma se fosse stato un utente senza i permessi per decidere della pubblicazione di un file, questa attività avrebbe dovuto farla successivamente un utente con permessi Publisher dalla voce Documents del menu Docman. Da questo sito è possibile recuperare ulteriori plugin per Docman. 17

18 Ad esempio, MjazTools AutoThumb genera thumnails per tutte le immagini dei documenti in Docman. Basta settare i parametri e pubblicare il mambot. MjazTools BlogTheme, invece, utilizza il template del sito Joomla! Per uniformare la pagina di Docman al resto del sito. Per installare il pacchetto è necessario entrare nel pannello Themes del pannello di controllo di Docman e cliccare su Add, settando il tema di default. Tenete presente che in caso doveste spostare il vostro sito su un altro server, per far funzionare correttamente Docman dovete modificare il path alla riga 13 del file /administrator/components/com_docman/docman.config.php var $dmpath = "/path/dmdocuments"; EM Sql Admin Questo componente consente di lavorare sul database MySql direttamente dal pannello di amministrazione di Joomla. Lo potete scaricare dal sito: Basta installarlo e poi avrete la classica interfaccia di PhpMyAdmin nel pannello di controllo del vostro sito Joomla. Exposé 4 Exposé è una galleria di immagini dall ottimo impatto grafico. La potete scaricare dal sito: Questo è invece il sito ufficiale a cui fare riferimento: 18

19 Scaricate ed installate com_expose come componente. Avrete una schermata di conferma dell installazione. In particolare, verificate che il vostro hosting abbia i requisiti richiesti dal componente, così come precisati in System Requirements. Cliccate su Continua per terminare l installazione. Create una nuova voce di menu, assegnandogli il componente Expose. 19

20 Infine decomprimete il pacchetto languages_4v6v3.zip, all interno del quale prenderete il file strings.xml nella cartella italian, che dovrà essere sovrascritto al file string.xml che si trova nella cartella /components/com_expose/expose/config/. Fatto ciò avrete Exposé in italiano nel front-end. Per entrare nel pannello di gestione della galleria, avrete a disposizione, nel menu Componenti, la voce Expose con quattro sottovoci. La prima, Manage Albums, serve a gestire gli album, cioè le gallerie che creerete. Per entrare dovete utilizzare la password manager. 20

21 Una volta entrati nel pannello di gestione degli album, troverete questa schermata: 21

22 Da questa schermata caricate le foto, o i video, e gestite i vari album. Le foto possono essere caricate direttamente dal vostro computer (Upload photos), tenendo presente i limiti del vostro hosting, ma anche direttamente da una cartella del vostro sito web (Add from bucket). La seconda voce di menu, Configuration, consente la configurazione della galleria, e dei parametri del componente. In particolare risulta molto utile in quanto spesso Exposè tende a uscire dalla pagina web, per cui si rende necessario adattare la visualizzazione delle immagini al sito. 22

23 Per una corretta configurazione è consigliato leggere il manuale che trovate sul sito di Exposè. La terza voce, Check System, vi consente di verificare se il vostro hosting consente di far funzionare correttamente Exposè, il quale ha bisogno di una particolare configurazione del PHP. La quarta voce, Manual, vi consente di leggere il manuale direttamente dal sito da dove avete scaricato Exposè. 23

24 Nel caso il vostro server non avesse le caratteristiche richieste da Exposé, potete sempre usare l Album Manager in locale (la versione stand-alone, per Windows o Mac), sul vostro computer, e poi caricare le cartelle contenenti le foto sul sito web. Verificate il manuale di Exposé per ulteriori informazioni. Un modulo molto utile da installare è lo Scroller, che trovate sempre nel sito indicato sopra. Caricatelo come modulo, al termine dell installazione avrete a video le istruzioni per usarlo. Cliccate su Continua, pubblicate il modulo, e infine scegliete la sua posizione. Avrete dieci immagini scelte a caso da quelle inserite nelle gallerie di Exposé, che scrollano sulla home page. Jce Editor JCE (Joomla Content Editor) è un componente che si aggiunge al nucleo di Joomla! consentendo di creare e modificare articoli e contenuti, utilizzando una interfaccia molto simile a quella dei comuni editor wysiwyg, come MS Word o OpenOffice. JCE va quindi ad aggiungersi all editor di default di Joomla!, cioè il TinyMCE, e si può sostituire ad esso, selezionandolo in Configurazione Generale, scheda Sito, e poi in Gestione Utenti, scheda Parametri. Ricordate però che gli editor di Joomla! formattano il testo usando tag HTML, ed inoltre se non viene applicata nessuna formattazione il testo viene pubblicato sulla base della formattazione del file template_css.css. Ciò potrebbe portare ad una visualizzazione diversa da quella che pensate di ottenere. 24

25 L editor JCE lo possiamo scaricare dal sito del produttore: Dobbiamo preoccuparci di scaricare tutto il necessario, cioè: - com_jce_111.zip (il componente per la parte Admin); - bot_jce_118.zip (il mambot dell editor); e poi i plugin che ci interessano. Potremmo scaricare jce_joomla_110.zip, che serve per aggiungere i bottoni per inserire i tag mosimage e mospagebreak, jce_iframe_111.zip, che serve per aggiungere o editare gli iframes, ed anche i plugin per aggiungere i link alle discussioni dei forum Fireboard e Joomlaboard e ai documenti di Docman (jce_doclink_113.zip). Possiamo anche scaricare il Language Pack ITA dal sito Installiamo quindi prima il componente (com_jce) e poi il mambot (bot_jce) dal Menu Installazioni. Ottenuto il messaggio di caricamento confermato, verifichiamo che la nuova voce di Menu sia presente. Andiamo direttamente in JCE Plugins, da dove carichiamo i plugin che abbiamo scelto. È sufficiente cliccare su INSTALL e procedere selezionando il plugin con Sfoglia e poi cliccare su Upload File & Install. Noi abbiamo scelto di caricare i seguenti plugin: Jce Doclink, Jce EditArea, Jce iframe, Jce Joomla. Ricordatevi di pubblicare i plugin dopo averli installati. 25

26 Dopo di ciò andiamo sul menu Jce Languages e installiamo con la medesima procedura il Language Pack ITA. Dopo torniamo in Jce Languages, selezioniamo la lingua appena caricata, e clicchiamo su Pubblica per avere il Jce in Italiano. A questo punto JCE è correttamente installato. Per poterlo usare al posto dell editor di default di Joomla!, cioè il TinyMCE, dovete però modificare la voce Editor WYSIWYG predefinito in Configurazione Generale, selezionando Jce Editor Mambot, e poi assegnare ai singoli utenti il nuovo editor, in Gestione Utenti. Nella scheda Parametri, a destra dello schemro, troverete la voce Editor utente, dove dovete selezionare Jce Editor Mambot. Così dovete fare per tutti gli utenti ai quali volete assegnare il nuovo editor, altrimenti continueranno ad usare il TinyMCE. La schermata dell editor è molto simile a quella di un normale editor. Abbiamo infatti le classiche icone di un editor wysiwyg. In più abbiamo i campi classici di Joomla!. In particolare abbiamo il campo per selezionare Sezione e Categoria dell articolo, i campi per scegliere se mostrare l articolo in home page e per pubblicarlo immediatamente, il campo per il titolo e le icone per salvare l articolo. L icona Salva ci fa uscire dall editor dopo aver salvato, mentre l icona Applica salva l articolo senza uscire dall editor. L icona Chiudi, invece, non salva l articolo (o le modifiche), e esce dall editor. 26

27 Anche con JCE la schermata è divisa in Testo introduttivo e Testo esteso, come accadeva col TinyMCE. Il JCE ha numerose icone che aiutano nella redazione dell articolo e nella formattazione del testo. È possibile, infatti, copiare testo direttamente da MS Word, già formattato, oppure eliminare la formattazione del testo, inserire tabelle, codice HTML e Javascript, inserire emoticons, inserire del testo con link attivo, modificare colori, dimensione e stile del testo, ecc. Attraverso il pannello di JCE è possibile inserire un immagine nell articolo. Per fare ciò si deve cliccare sull icona apposita. Si aprirà una finestra pop-up, dove è possibile selezionare l immagine, la posizione rispetto al testo e l eventuale bordo. E anche possibile caricare direttamente l immagine dal vostro computer, se per caso non è già presente sul sito. 27

28 Dopo aver selezionato l immagine e i parametri di visualizzazione, basta cliccare su Inserisci e l immagine sarà inserita nell articolo, nel punto dove si trovava il cursore. Se in seguito desideriamo modificare l immagine dobbiamo cliccare sull immagine, in modo che sia selezionata e poi cliccare sull icona Inserisci/Modifica immagine. Nel caso il vostro sito avesse una grafica scura, potreste avere lo sfondo dell area di testo dell editor JCE dello stesso colore del template grafico, con ovvie difficoltà nel leggere il testo che immettete. In questo caso per riportare lo sfondo dell area di immissione del testo al 28

29 colore bianco di default, basta cliccare sul mambot JCE Editor Mambot e selezionare NO in Templates CSS Classes, nella scheda Parametri. JEvents JEvents è un componente per calendario, che consente di gestire eventi ed appuntamenti, i quali vengono visualizzati, nei tempi scelti dall amministratore, sul sito medesimo. Lo scaricate da qui: Qui invece c è il demo con ulteriori informazioni sul funzionamento: JEvents consiste di un componente, tre moduli (Events Calendar, che visualizza fino a tre differenti calendari per ogni componente; Latest/Upcoming Events, che visualizza i prossimi eventi; Events Legend, che visualizza la leggenda per le categorie degli eventi), e due mambot (Search bot, che consente a Joomla! di cercare un evento tra quelli inseriti nel componente; Event Report bot, per creare automaticamente link a eventi dopo che sono già passati). Prima di tutto installiamo il componente, cioè com_events_1.4.2.zip (o versione superiore). Otteniamo la conferma del caricamento del componente e della creazione delle tabelle nel database. Installiamo i moduli, mod_events_cal_ zip, mod_events_latest_ zip, e mod_events_legend_ zip, e i due mambot, bot_events_reports_ zip, bot_events_search_ zip. non dimenticate di pubblicare i moduli che volete utilizzare. Avremo a questo punto un nuovo menu in Componenti. 29

30 Portatevi in Configuration per inserire I parametri che più vi aggradano. In particolare dovete inserire la vostra mail, scegliere chi potrà gestire ed inserire gli eventi (amministratore, utenti registrati), il formato della data (scegliete Continental-German), e così via per tutte le schede. Una volta terminate cliccate su Salva. 30

31 A questo punto create una nuova voce di menu per il componente, al fine di consentirne la visualizzazione. Portatevi in Mainmenu, oppure nel menu dove volete inserire la voce, e cliccate su Nuovo. Selezionate Componente e cliccate su Avanti. Immettete il nome della nuova voce di menu e selezionate il componente, cioè Events. Poi cliccate su Salva. 31

32 Ordinate le voci di menu, e quindi avrete la vostra nuova voce per il componente JEvents, che porta a questa pagina: 32

33 Adesso inserite dal menu Manage Categories una nuova categoria, ricordandovi di pubblicarla. E dopo potrete inserire, da Manage Events, un evento. 33

34 Controllate se l evento risulta pubblicato, come nell immagine qui sopra, e poi verificate che sia correttamente visualizzato sul sito. Se cliccate sull evento visualizzato otterrete una pagina con il dettaglio dell evento medesimo. 34

35 Adesso vediamo il funzionamento dei vari moduli e mambot. Il modulo Events Calendar da una visualizzazione semplificata degli eventi, ed è molto utile da posizionare in home page. Cliccando sulle date si va alla pagina del componente Eventi. Il modulo Latest Events da un sommario degli eventi prossimi venturi. Anche qui, cliccandoci sopra si giunge alla pagina del componente relativa all evento selezionato. Il modulo Events Legend visualizza una leggenda relativa alle varie categorie inserite nel componente Eventi. 35

36 Il mambot Search consente, ovviamente, di cercare un evento specifico tra quelli inseriti nel componente. Ovviamente la ricerca la farete dal modulo Cerca del sito Joomla!. Tenete presente che con alcuni componenti di riscrittura degli URL possono sorgere dei problemi. In particolare ogni tanto sfoltite le URL al fine di evitare un errore ( too many pages ) nella visualizzazione delle pagine di JEvents. JoomlaComment Questo è un componente per consentire ai visitatori di commentare gli articoli del sito. Il file può essere scaricato da qui: Questo è il sito demo dello sviluppatore: Installiamolo, ottenendo la schermata di conferma di caricamento. Nel Menu Componenti troverete la nuova voce per JoomlaComment, che vi consentirà di configurarlo secondo i vostri gusti. Potete stabilire se possono commentare tutti, o solo gli utenti registrati, e se i commenti devono essere o meno approvati da un amministratore. Potete inserire una lista delle parole vietate nei commenti. Si può inoltre stabilire se pubblicare l IP del commentatore, anche solo parzialmente, ed è anche possibile rispondere e citare i commenti stessi. Se scegliete di moderare i commenti, selezionate l invio di per ogni commento, così riceverete un avviso e potrete andare nel pannello di controllo per decidere se pubblicare o meno il commento. 36

37 La schermata dove inserire i commenti è molto colorata e ben curata. Il commento risulta in questo modo, fermo restando che la grafica è sempre possibile modificarla. Esistono vari template già predisposti, ed è anche possibile personalizzare il layout. Esiste anche un sistema di votazione dei commenti, cliccando sulle manine verdi e rosse. 37

38 Il componente in questione consente anche di importare i commenti da AkoComment. Joomla Pack JoomlaPack è un componente che consente di effettuare il backup del sito, compreso anche il database MySql. E quindi da ritenersi un componente fondamentale, perché consente il recupero (restore) del sito in caso di attacco hacker, oppure in tutti quei casi in cui il sito sia irrimediabilmente danneggiato e non più recuperabile. JoomlaPack lo si può scaricare dal sito dello sviluppatore: Consiste in un solo componente, cioè com_joomlapack zip. Scaricate il componente ed installatelo sul sito. Ottenuta la schermata di caricamento confermato, non vi resta che andare in Menu -> Componenti -> JoomlaPack. Ricordate che il componente può essere usato solo da un SuperAdministrator. Nella pagina Options avrete la possibilità di modificare i settaggi del componente, in particolare la directory dove sarà salvato il backup del sito, che viene mantenuto, ovviamente, in una cartella in remoto, dalla quale, se volete averne una copia sul vostro computer, dovrete scaricarla via FTP. Con Exclude Directories potete selezionare le cartelle da non inserire nel backup, utile se per caso volete procedere al backup del solo sito Joomla, ma non di altre cose, ad esempio un blog, un forum, che avete sul sito. In caso contrario JoomlaPack procede al backup di tutto il sito. Cliccando su Backup Now, procederete al backup del sito, con i settaggi selezionati. 38

39 L opzione Backup Your Site consente di effettuare il backup dell intero sito, compreso il database, così da consentire il recupero del sito in un solo passaggio, mentre Backup Your Database effettua il backup del solo database MySql in un SQL file. Completato il backup del sito, o del database, avremo l apposito messaggio di conferma, che è identico nei due casi. È ovvio che per aver un backup funzionante, dovremmo effettuare il backup sia del sito del database. Cliccando su Administer Backup Files, otterremo l elenco dei file di backup. Con Delete cancelliamo il backup, con Download possiamo scaricarlo sul nostro computer. E interessante notare che cliccando su View Log si ottiene una schermata nella quale possiamo verificare lo stato del sito navigando tra i meni, così da poter visualizzare quali componenti e moduli erano installati al momento del backup. 39

40 Per ripristinare il sito dovete scompattare il file di backup (il.zip) nella cartella dove volete effettuare il ripristino. Il file lo troverete nella seguente cartella: /administrator/components/com_joomlapack/temp/. Dovete puntare il browser a questa Url: L importante è NON NAVIGARE sul sito prima del completamento dell operazione di ripristino. Quindi procedete come se doveste installare Joomla!, e selezionate Installa Dati di Esempio al passo 1 dell installazione. Se state ripristinando il sito nello stesso host dove si trovava prima, non dovete fare altro che proseguire cliccando su Avanti tra le varie schermate. In caso contrario dovete modificare i dati del database. Alla fine del processo di installazione dovrete inserire una password di amministratore. Questa password, però, non ha alcun effetto. Infatti, trattandosi del ripristino del precedente sito, la password che dovete utilizzare è quella del precedente sito. Alla fine del ripristino cancellate la directory Installation. Tenete presente che vi sono alcuni componenti (ad esempio Docman) che usano un path assoluto e non relativo, per cui se usate JoomlaPack per spostare il vostro sito su un diverso spazio web, dovete modificare questo path. SMO Ajax Shoutbox Questo è un componente che consente di chattare sul vostro sito, avendo a disposizione un modulo veloce realizzato in Ajax. Supporta anche gli smilies. Lo potete trovare sul sito: 40

41 Scaricate il pacchetto all interno del quale troverete un componente e un modulo da installare attraverso il menu Installazioni. Al termine del caricamento del componente verrete avvertiti di inserire un codice nell index.php del vostro template. Il codice è di questo tipo: <link rel="stylesheet" href="<?php echo $mosconfig_live_site;?>/modules/mod_smo_ajax_shoutbox_css.php" type="text/css" /> <script type="text/javascript" src="<?php echo $mosconfig_live_site;?>/modules/mod_smo_ajax_shoutbox_js.php"></script> Installate anche il modulo, poi andate in Sito -> Gestione Template -> Template del Sito, selezionate il template in uso e cliccate su Mod. HTML. Si aprirà l editor dell index.php del template e inserite nella sezione HEAD, prima del tag </head>, il codice sopra riportato. Salvate. Adesso nel menu Componenti troverete la voce SMO Ajax Shoutbox, dove potrete configurare il componente. In Moduli Sito dovrete pubblicare il modulo SMO Ajax Shoutbox, selezionare posizione e ordine dei moduli. 41

42 Virtuemart L estensione VirtueMart consente di realizzare un sito di e-commerce, implementando un sistema completo per integrare un negozio in un sito Joomla!. VirtueMart offre le seguenti caratteristiche: - prodotti e categorie illimitati con possibilità di annidamento degli stessi; - vendita di prodotti scaricabili, come ebook, video, MP3 e software; - attributi aggiuntivi per i prodotti (taglia, colore, ecc ); - possibilità di effettuare aste; - possibilità di importazione da file CSV; - modulo di benvenuto che mostra le statistiche, come numero di clienti e ordine; - amministrazione da internet; - diverse valute e paesi; - diversi indirizzi di spedizione per i singoli clienti; - sistemi di tassazione differenziati; - crittografia SSL; - diverse possibilità di pagamento (ad esempio carte di credito o PayPal); - opzione per informare il cliente quando un ordine viene spedito. Installazione di Virtuemart L installazione è molto semplice. Basta scaricare il pacchetto VIRTUEMART COMPLETE PACKAGE dal sito: e decomprimerlo in una directory. Il risultato sarà di avere 16 file in questa directory. Dal pannello di controllo di Joomla! installate per primo il componente com_virtuemart_ zip. Avrete la schermata di benvenuto di VirtueMart. 42

43 Qui potrete scegliere se installare il componente con i dati di esempio (Installa SAMPLE DATA) oppure un negozio vuoto (Go directly to the Shop). Per questa volta scegliamo di installare i dati di esempio. Creati i dati di esempio viene mostrata una schermata che indica la corretta installazione e l interfaccia di amministrazione del negozio virtuale. 43

44 Adesso installate il modulo mod_virtuemart_ tar.gz. Andate in Moduli Sito, troverete il nuovo modulo VirtueMart Module, posizionatelo dove volete nel sito Joomla e pubblicatelo. Altri moduli e mambot Quelli che avete installato sono i due file necessari per il funzionamento di VirtuMart. Ma ci sono altri moduli che consentono l espansione delle funzionalità del negozio on line. Il modulo mod_virtuemart_search_ tar.gz visualizza una casella di ricerca con la quale gli utenti possono cercare un prodotto specifico. Il modulo mod_product_categories_ tar.gz visualizza le categorie presenti in VirtueMart. 44

45 Il modulo mod_productscroller_ tar.gz visualizza i prodotti presenti in una piccola finestra usando uno scroller (marquee tag). Il modulo mod_virtuemart_allinone_ tar.gz visualizza in una finestra le immagini di prodotti scelti sulla base di determinati parametri, ad esempio i più recenti, i più venduti, e così via. Il modulo mod_virtuemart_cart_ tar.gz visualizza un riassunto del contenuto del carrello (cart) col link al carrello vero e proprio. 45

46 Il modulo mod_virtuemart_featureprod_ tar.gz visualizza I prodotti speciali. Il modulo mod_virtuemart_latestprod_ tar.gz visualizza gli ultimi prodotti immessi nel catalogo. 46

47 Il modulo mod_virtuemart_manufacturers_ tar.gz visualizza un modulo di ricerca per i produttori, con la possibilità di visualizzare tutti I prodotti del singolo produttore. Il modulo mod_virtuemart_randomprod_ tar.gz visualizza dei prodotti a caso di una categoria specificata. Il modulo mod_virtuemart_topten_ tar.gz visualizza i prodotti più venduti. Il mambot virtuemart.searchbot_ tar.gz consente una ricerca dei prodotti tramite il modulo di ricerca di Joomla!. Il mambot mosproductsnap_ tar.gz consente la visualizzazione dei prodotti negli articoli di Joomla!. Entrambi i mambot, come del resto tutti i moduli, devono essere pubblicati per essere usati. Un modulo essenziale è il Language_pack_for_VirtueMart_ tar.gz, che consente di modificare la lingua del componente nel linguaggio scelto. Basta decompremere il package e caricare tramite FTP il file italian.php nella directory /administrator/components/com_virtuemart/languages/ La lingua corretta sarà selezionata automaticamente e tutti i Menu cambieranno in italiano. 47

48 Un altro modulo molto interessante è mod_virtuemart_luckyphoto_1.0.tar.gz, modulo che consente di avere due foto per ogni articolo, un thumb (anteprima) e la foto normale. Viene presentata l anteprima, e cliccando su di esse si apre la foto a grandezza normale. Usare Virtuemart Cliccando sulle categorie (Hand Tools nell esempio) si accede ai singoli prodotti. Cliccando sul nome dell articolo (ad esempio Hammer) si entra nella pagina dei dettagli. Cliccando su Manufacturer (Fabbricante) o su Vendor Information (Informazioni Venditore) si aprirà una finestra con le informazioni sul fabbricante e sul venditore del prodotto. Cliccando su View Full Image Size (Visualizza Ingrandimento) si apre una finestra con una immagine più dettagliata del prodotto. 48

49 Configurare Virtuemart Per configurare il componente vi dovete portare nel Menu Componenti -> VirtueMart. Si aprirà la schermata Your Store Control Panel (Il tuo negozio Pannello di controllo) che avete visto sopra. Per prima cosa cliccate su Edit Store (Modifica negozio), dove potete inserire tutte le informazioni sul negozio ed eventualmente anche il vostro logo. Ovviamente avete la possibilità di modificare molti parametri, come la valuta, il simbolo di valuta, e così via. Alla fine cliccate sul radiobutton Salva. Nel menu Tax (I.V.A.) potrete aggiungere le percentuali di tassazione per L Italia. E nel menu Admin -> Configuration (Amministrazione -> Configurazione) potrete specificare i dettagli delle diverse aree del negozio, come la possibilità di attivare il download di prodotti tipo software. Tutte questa operazioni si svolgono a partire dalla toolbar di VirtueMart, oppure dalla schermata Your Store Control Panel. Dal menu Products (Prodotti) potete avere una lista di tutti i prodotti o delle categorie inserite nel negozio e, ovviamente, crearne altri. Affinché il negozio virtuale funzioni correttamente è necessario configurare Joomla! in modo che gli utenti abbiano la possibilità di registrarsi (Permetti registrazione utenti nella scheda Sito nel pannello Configurazione Generale). Inoltre deve essere attivata la voce Usa attivazione nuovi account (sempre nella scheda Sito). Gli ordini Il cliente seleziona l articolo che desidera acquistare e lo inserisce nel carrello cliccando su Add to Cart (Aggiungi). 49

50 Alla fine della selezione degli articoli viene mostrato il carrello (cart). 50

51 Cliccando su Continue Shopping (Continua lo shopping) si possono scegliere altri prodotti da aggiungere al carrello, oppure cliccando su Checkout (Cassa) si attiva la procedure per gli ordini. Quando il cliente ha emesso un ordine, questo compare nell interfaccia di amministrazione del negozio in Orders -> List Orders (Ordini -> Lista degli ordini). XMap Xmap è un componente che consente di creare una mappa che visualizzi la struttura del sito Joomla!, da fornire a Google come sitemap. Il componente è compatibile con Joomla! 1.5. Potete scaricarlo da questo sito: Oltre al componente e la sua traduzione in italiano, esistono numerosi plug-in da utilizzare per la corretta visualizzazione dei contenuti degli altri componenti di Joomla!. Installate il componente, otterrete la schermata di conferma. 51

52 La gestione del componente è molto semplice. Il mainmenu è inserito di default, potete aggiungere dal pannello di controllo del componente altri menu. Da opzioni potete modificare la frequenza degli aggiornamenti, e decidere se inserire i vari menu nella mappa del sito e nel file XML da fornire a Google. 52

53 Cliccando sulla freccia verso il basso si apre un nuovo menu che vi consente di settare i parametri del componente, ma in particolare vi fornisce l URL da dare a Google come sitemap. Per installare i plug-in dovete scompattare i file.zip e caricare, via FTP, i file php nella seguente cartella: /administrator/component/com_xmap/plugins/ 53

54 MODULI La pagina di un sito Joomla! è costituita da diversi blocchi nei quali è possibile visualizzare vari tipi di contenuto. Per poter verificare il template in uso quali blocchi visualizza possiamo usare questa procedura. Andiamo nel Menu Sito, e poi clicchiamo su Anteprima - > Sito nel pannello di controllo con blocchi modulo. Un modo altrettanto semplice è aggiungere alla Url del vostro sito questo codice: /index.php?tp=1 Le aree dei moduli possono contenere un modulo già predisposto, oppure possiamo usarle per far apparire un modulo che creiamo noi all occorrenza. Esistono molti blocchi all interno di un sito Joomla!, anche se non tutti vengono visualizzati contemporaneamente. Ma è possibile modificare questa visualizzazione, che dipende dal template grafico, personalizzando così il sito. In particolare si tenga presente che i nomi assegnati ai moduli (user1, banner, left, right.) hanno solo valore di etichetta, non sono vincolanti, per cui potremmo far apparire un banner nel modulo footer, o nel modulo header. In un blocco modulo è anche possibile far apparire più di un modulo, un modulo può essere visualizzato in tutte le pagine di un sito oppure solo in alcune di esso, ma si deve tener conto della dimensione dei moduli, nel senso che il contenuto (ad esempio un video) non può essere più grande delle dimensioni massime del blocco modulo. Joomla!, inoltre, consente anche di creare nuovi blocchi modulo. La gestioni dei moduli avviene attraverso il menu Moduli. 54

55 Tramite la voce Moduli sito richiamiamo il pannello che consente la gestione dei singoli moduli. In alto a destra abbiamo le icone che consentono la gestione vera e propria dei moduli, cioè la pubblicazione, la sospensione, la copia, cancellazione, modifica e la creazione di un nuovo modulo. Più in basso abbiamo i filtri di ricerca che consentono di limitare la visualizzazione dei moduli nella finestra. Più sotto ancora abbiamo l elenco dei moduli, con evidenziato se sono pubblici (icona verde-blu) o meno (croce rossa). A fianco all accesso troviamo la posizione, che indica in quale blocco modulo viene visualizzato il modulo, poi in quali pagine del sito viene visualizzato, infine l ID, che serve a Joomla! per identificare il modulo. Cliccando sul nome del modulo passiamo al pannello di configurazione del modulo, che ovviamente differisce a seconda dei moduli. Caratteristiche comuni sono il titolo, la posizione (cioè il blocco modulo), l ordine del modulo all interno della posizione, il livello di accesso, se deve essere visualizzato o meno (pubblicazione), l ID e la descrizione. 55

56 D4J Transmenu Il TransMenu è utile per creare dei menu a scorrimento (o a tendina), cioè sliding menus. Per fare ciò scaricate da questo sito il modulo D4J TransMenu: Installate il modulo. Create una nuova voce di menu nel sito. Andate quindi in Menu e cliccate su OtherMenu. Cliccate quindi su NUOVO, collegatelo con una notizia, ad esempio, e salvate. Create adesso il menu a tendina, inserendo due nuove voci nel menu. La differenza in questo caso sta nel fatto che le due nuove voci dovranno avere come Parent Item non la voce TOP, ma la voce precedentemente creata, cioè nel nostro esempio Prova TransMenu. 56

57 Così alla fine avrete le voci di menu in questo modo: Adesso tornate al modulo TransMenu, aprendo la schermata di configurazione del modulo, e pubblicatelo. 57

58 Nella sezione PARAMETRI dovete selezionare il Menu che si intende rendere interattivo. In questo caso selezionate OtherMenu. Salvate e poi nella schermate successiva de-pubblicate il menu OtherMenu. 58

59 Il nuovo menu funziona egregiamente. Adesso occorre solo modificare l aspetto del menu. Per fare questo tornate nel modulo e apportate le modifiche che ritenete opportune. In particolare si può osservare che Menu Background Color è il colore di sfondo del menu, Opacity è il grado di trasparenza. 59

60 MAMBOT All videos plugin Questo plugin consente di inserire video, anche in streaming, in un contenuto o articolo. Scaricatelo da questo sito ed installatelo come mambot. Questo plugin vi consente di utilizzare moltissimi formati video e audio, e di inserirli nel vostro sito. Per conoscere le modalità di inserimento vi basta cliccare sulla linguetta Usage instructions. Ad esempio, per inserire un video che si trova su YouTube, vi basta prendere l id, cioè la parta finale della URL e inserirla tra i tag: {youtube}video_id{/youtube} Quindi se il link del video è : 60

61 allora l id sarà cdxtdovb9k8. Per utilizzare anche più semplicemente questo plugin potete installare anche il plugin All-in- OnevideodePocheButtons, che trovate qui: Questo plugin vi consente di avere una serie di icone nella pagina dell editor con le quali potrete più semplicemente inserire i tag necessari per AllVideosPlugin. Simple Image Gallery Simple Image Gallery è un plugin (mambot) che consente di creare una galleria di immagini sul sito Joomla! Per creare la galleria è sufficiente inserire le foto che faranno parte della galleria in una cartella nella cartella /images/stories/ di Joomla! Poi si deve installare il plugin, scaricandolo da questo sito: Fate attenzione che esiste anche una versione Pro del plugin, che però è a pagamento. Installate il plugin come mambot, e nella schermata di conferma installazione troverete le istruzioni (usage instructions) per il suo funzionamento. 61

62 Dopo aver installato il plugin, lo si deve pubblicare, ed infine si può inserire la galleria in un articolo. Per fare ciò si inserisce tra i tag il nome della cartella dove sono state caricate le immagini. Supponendo che la cartella si chiami galleria, avremo i tag in questo modo: {gallery}galleria{/gallery} Ovviamente la cartella deve trovarsi in /images/stories/ Le immagini saranno mostrate in forma di thumbnail, automaticamente creati dal mambot, le cui dimensioni sono modificabili nei parametri del plugin. Così si presenta la galleria creata: 62

63 Cliccando sulle immagini queste si aprono nella pagina con il classico e conosciutissimo effetto light box. 63

64 64

65 LICENZA E CREDITS I diritti di quest opera appartengono interamente all autore Bruno SAETTA ( ). L opera per volontà dell autore è pubblicata con licenza Creative Commons ( ) e può essere liberamente distribuita purché non siano modificati i riferimenti agli autori dei rispettivi contributi. L opera può anche essere modificata a condizione che il lavoro risultante sia distribuito con identica licenza Creative Commons. L opera non può essere usata a fini commerciali. Questa licenza lascia impregiudicati i diritti morali. 65