Corso Web Developer Lezione 7 – Le estensioni – Pubblicare il nostro sito sul web!

Presentazione sul tema: "Corso Web Developer Lezione 7 – Le estensioni – Pubblicare il nostro sito sul web!"— Transcript della presentazione:

1 Corso Web Developer Lezione 7 – Le estensioni – Pubblicare il nostro sito sul web!

2 Aggiungere un’estensione al nostro sito Joomla! Abbiamo parlato di come installare e modificare template per personalizzare il proprio sito sviluppato con Joomla!. Adesso vediamo come è possibile installare estensioni degne di questo nome, che andiamo cercare, per lo più, su: http://extensions.joomla.org (inglese).http://extensions.joomla.org http://extensions.joomlaitalia.com (italiano) http://extensions.joomlaitalia.com

3 Aggiungere un’estensione al nostro sito Joomla! Su questi siti è possibile cercare tutte le estensioni (Moduli, Componenti, Plugin) che ci servono, organizzate per categoria: Forum, Wiki, E- Commerce, Multimedia ed altri.

4 Installiamo la prima estensione Partiamo con un caso specifico: Il nostro committente vuole realizzare un sito di e-commerce, fra le caratteristiche richieste c’è anche quella di mettere a disposizione un chat per permettere agli utenti di poter parlare fra di loro in maniera totalmente istantanea direttamente dal sito ovvero permettere ai clienti di poter parlare online con il personale.

5 Installiamo la prima estensione Dunque mi reco sul sito e passo alla sezione “Chat”: mi sbalordisco per il numero di chat disponibili (ben 20 al momento), poi faccio una rapida scorsa per vedere quello che fa al caso mio. In particolare mi piace subito la grafica di questa Shoutbox (http://extensions.joomla.org/extensions /communication/shoutbox), scritta con Ajax, composta di un Componente e un Modulo, clicco sul link e lo scarico.http://extensions.joomla.org/extensions /communication/shoutbox

6 Installiamo la prima estensione Come per i template NON estraggo l’archivio, entro nel Pannello di Amministrazione e raggiungo la sezione di installazione. L’installazione è totalmente uguale a quella per i template (di cui abbiamo parlato), sia per i Componenti che per i Moduli.

7 Installiamo la prima estensione

8

9 Dopo aver installato l’estensione ci dirigiamo alla sezione “Gestione Modulo”: qui dobbiamo posizionare la chat dove vogliamo, scegliendo fra la colonna sinistra, destra, ed altre posizioni all’interno della pagina. Dobbiamo anche attivarla per renderla visibile nel nostro sito.

10 Installiamo la prima estensione

11 Configuriamo l’estensione Per fare ciò scorriamo la lista di moduli e selezioniamo Shoutbox, ci appare un form dove possiamo configurare il modulo: ad esempio possiamo posizionarlo a destra all’interno del sito, e naturalmente impostare il modulo come pubblicato (se non lo facciamo il modulo non sarà visibile). Basta quindi tornare al sito per vedere la chat finalmente operativa, oppure dirigersi nel Pannello di Amministrazione, all’interno della sezione “Components”, per cambiare il comportamento dell’estensione (ad esempio specificare se permettere agli utenti non registrati di utilizzare la chat).

12 L’estensione funzionante

13 Estensioni e multimedia Vediamo ora una serie di estensioni molto utili per gestire foto e filmati. La prima che vogliamo analizzare è la più famosa estensione (gratuita) per la gestione di gallerie fotografiche MorfeoShow (http://morfeoshow.joomlaitalia.com/newrelease.html) MorfeoShow

14 MorfeoShow (nonsologallery) Uno strumento per la gestione di gallerie fotografiche e non solo. La componente si ispira ad un lavoro originale di Matthew Thomson e permette di gestire diverse gallerie flash semplicemente creando la vostra gallerie e caricando le immagini direttamente dal pannello amministrativo. E' possibile creare voci di menu collegate alla singola galleria cliccando sull'apposita icona nella lista gallerie, scegliere vari formati tra cui imagerotator, simpleview, polaroid oppure, senza caricare alcuna immagine utilizzare le varie gallerie flickr e picasa, utilizzare la funzione Google map o Flickr map per creare la vostra pagina Dove siamo del vostro sito. MorfeoShow è una componente gratuita e nativa per Joomla! 1.5

15 Per prima cosa scarichiamo l’estensione Se è la prima volta che si utilizza l’estensione si deve scaricare la versione completa, altrimenti si deve installare l’aggiornamento per non perdere le gallerie precedentemente salvate. La versione completa è reperibile all’indirizzo: http://morfeoshow.joomlaitalia.com/n ew-install.html http://morfeoshow.joomlaitalia.com/n ew-install.html

16 Installiamo l’estensione Si procede come per l’estensione precedente solo che in questo caso dopo aver fatto carica & installa vedremo partire un tool di configurazione dell’estensione.

17 Installiamo l’estensione

18 Configuriamo l’estensione e creiamo la nostra prima galleria

19 Creiamo una nuova galleria. Per prima cosa creiamo una nuova galleria premendo sul tasto nuova.

20 Carichiamo le foto per la galleria. Possiamo caricare le foto o una alla volta (mettendo anche delle descrizioni) o tutte insieme da una cartella precedentemente caricata con il nostro client FTP preferito nella cartella: /components/com_morfeoshow/myphot o

21 Selezioniamo le immagini da aggiungere alla galleria Dopo aver selezionate le immagini premiamo su Aggiungi Immagini

22 Verifichiamo la selezione delle immagini

23 A questo punto la nostra galleria è pronta…

24 Estensioni per la gestione dei video Un’altra interessante estensione è rappresentata da AllVideos Plugin v2.4 - All-in-one media solutionAllVideos Plugin v2.4 - All-in-one media solution Ottimo plugin che consente di riprodurre nei contenuti del vostro sito ogni tipo di file musicale o video! Avrete la possibilità di riprodurre file collocati sul vostro server o su server esterni e di riprodurre file di una lunga lista di provider video quali "youtube", "google video", "yahoo video", ecc. Il plugin è fornito di un'ottima guida la cui lettura rende semplice ed intuitivo l'utilizzo dello stesso.

25 AllVideos Plugin Ecco una lista dei provider video supportati: - Google Video International ( http://video.google.com ) - Google Video Australia ( http://video.google.com.au ) - Google Video Deutchland (Germany) ( http://video.google.de ) - Google Video Espana (Spain) ( http://video.google.es ) - Google Video France ( http://video.google.fr ) - Google Video Italia (Italy) ( http://video.google.it ) - Google Video Nederland (The Netherlands/Holland) ( http://video.google.nl ) - Google Video Polska (Poland) ( http://video.google.pl ) - Google Video U.K. (United Kingdom/Great Britain) ( http://video.google.co.uk ) - YouTube ( http://www.youtube.com ) - iFilm ( http://www.ifilm.com ) - Yahoo Video ( http://video.yahoo.com ) - Vimeo ( http://www.vimeo.com ) - Metacafe ( http://www.metacafe.com ) - Bolt.com (for Audio & Video) ( http://www.bolt.com ) - Bofunk.com ( http://www.bofunk.com )

26 AllVideos Plugin - Break.com ( http://www.break.com ) - Jumpcut ( http://www.jumpcut.com ) - Dropshots ( http://www.dropshots.com ) - Current TV ( http://www.current.tv ) - MySpace Video Code ( http://www.myspacevideocode.com ) - Revver ( http://www.revver.com ) - CollegeHumor.com ( http://www.collegehumor.com ) - Clipfish.de ( http://www.clipfish.de ) - GameTrailers.com ( http://www.gametrailers.com ) - FreeVideoBlog ( http://www.freevideoblog.com ) - Streetfire Videos ( http://www.streetfire.net ) - Crossroad Videos ( http://www.crossroadvideos.com ) - Anime Episodes ( http://www.animeepisodes.net ) - MyVideo.de ( http://www.myvideo.de ) - Sevenload.de ( http://www.sevenload.de ) - Stickam ( http://www.stickam.com ) - Krazyshow ( http://www.krazyshow.com )

27 Configurazione Accediamo all’interfaccia di amministrazione di Joomla ed apriamo il menu “Estensioni | Installa / Disinstalla”. Selezioniamo il file appena scaricato all’interno della form “Carica file pacchetto” e premiamo il pulsante “Carica file & Installa”. Terminata questa procedura, possiamo accedere alla configurazione dell’estensione. Essendo questo un plugin, apriamo il menu “Estensioni | Gestione plugin” e selezioniamo la voce “AllVideos (by JoomlaWorks)”.

28 Installazione del plug-in

29 Abbiamo installato il nuovo plugin

30 Gestione plugin

31 Gestione del plugin Dobbiamo prima di tutto attivare il plugin, settando su “Si” la voce “Attivato”. Poi possiamo passare alla parte destra dello schermo per impostare altre configurazioni:

32 Gestione del plugin Possiamo personalizzare l’aspetto del player modificando il valore del campo “Aspetto”. “ Compress player scripts using PHP” serve a migliorare la performance delle pagine, comprimendo il codice JavaScript richiesto per l’esecuzione dei video. Questa opzione è consigliata ma non è supportata da tutti gli hosting, per cui in caso di problemi è possibile impostare la voce su “No”. “Local Video Folder” è la cartella dove vengono inseriti i video caricati sul server perchè siano inviati in streaming ai visitatori del sito. “Default width (in px) for videos” e “Default height (in px) for videos” rappresentano la dimensione standard del box in cui viene ospitato il video. “Local Audio Folder” è la cartella in cui sono inseriti i file audio caricati sul server, per l’audio streaming. “Default width (in px) for audio player” e “Default height (in px) for audio player” permettono di specificare la dimensione del player audio.

33 Gestione del plugin “Autoplay”, se impostato su “Yes” il contenuto audio/video inizia l’esecuzione automaticamente quando la pagina viene caricata. In caso contrario, l’utente dovrà premere il pulsante “Play” per fruire del contenuto. “Player transparency” viene usato per permettere al player flash di essere visualizzato in modalità trasparente. “Player background color” consente di impostare il colore dello sfondo del player “Player controlbar location” permette di scegliere dove visualizzare la barra di controllo del player: in alto o in basso. Terminata la configurazione di questi settaggi, possiamo salvarli premendo il tasto “Salva”.

34 Come usare il plugin A questo punto possiamo iniziare ad inserire video nei nostri elementi di contenuto. Apriamo il menu “Contenuti | Gestione articoli” e selezioniamo un articolo, ad esempio (se abbiamo ancora i dati di esempio installati) “Versione Italiana di Joomla”. Proviamo ad inserire un video pubblicato su YouTube: identifichiamo un video YouTube e copiamo il suo codice. Ad esempio: http://www.youtube.com/watch?v =5qP_nGaFAGg

35 Come usare il plugin Il codice di questo video è 5qP_nGaFAGg A questo punto inseriamo nell’articolo il seguente codice: {youtube} 5qP_nGaFAGg {/youtube} E salviamo l’articolo. Come possiamo vedere caricando la home page di Joomla e visualizzando l’articolo, il video è stato inserito e visualizzato.

36 Il plugin in funzione

37 File sul nostro server Ora proviamo a caricare un nostro file audio sul server e a riprodurlo. A seconda del formato del video/audio dovremo usare un tag diverso per identificarlo. Sul sito ufficiale dell’estensione è presente una comoda tabella che possiamo usare come reference.tabella

38 Le estensioni più usate Riportiamo qui alcuni tag utilizzati per caricare i formati più comuni: {flv}nome_file_video{/flv} {mp3}nome_file_audio{/mp3} {swf}nome_file_video{/swf} {wmv}nome_file_video{/wmv} {mp4}nome_file_video{/mp4} {mov}nome_file_video{/mov}

39 Caricamento di un file audio Per cui volendo caricare un file mp3, ci colleghiamo via FTP al server e lo carichiamo nella cartella images/stories/audio (videos), così come la abbiamo impostata nella configurazione del plugin, e carichiamo il nostro file audio. Ora apriamo l’articolo in cui vogliamo inserire l’audio nell’amministrazione di Joomla ed inseriamo il codice {mp3}nome_file_audio{/mp3}

40 Caricamento file audio dove “nome_file_audio” è il nome del file, senza estensione. Facciamo una prova anche con un file video Se vogliamo includere un file audio/video presente su un server diverso possiamo farlo usando i tag {flvremote}, {mp3remote}, {swfremote}, includendo tra il tag di apertura ed il tag di chiusura l’URL del video. Qui potete trovare una guida a questo ottimo plugin http://www.joomlaworks.gr/content/view/35/41/ http://www.joomlaworks.gr/content/view/35/41/

41 Il plugin in funzione

42 Esempi di estensioni Per quanto riguarda i servizi esterni, AllVideos può importare video da una varietà di siti molto ampia. Possiamo consultare la tabella sul sito ufficiale per districarci tra le dozzine di siti supportati, di cui facciamo un breve elenco che include i più comuni:sito ufficiale Google Video: l’indirizzo di un video è http://video.google.com/videoplay?docid=- 814361516845782676. Il codice identificativo del video è - 814361516845782676, per cui dovremo usare il tag {google}-814361516845782676{/google} ustream.tv: l’indirizzo di un video è http://www.ustream.tv/recorded/140603. Il codice identificativo del video è 140603, per cui useremo il tag {ustream}140603{/ustream}

43 Esempi di estensioni vimeo.com: un indirizzo tipico è http://www.vimeo.com/1319796, il codice del video è 1319796 ed useremo il tag {vimeo}1319796{/vimeo} video.yahoo.com: l’indirizzo è http://video.yahoo.com/watch/3169238/8981933, il codice 3169238/8981933 ed il tag corrispondente {yahoo}3169238/8981933{/yahoo} youtube.com: l’indirizzo tipico è http://www.youtube.com/watch?v=DV81bAghxBU, il codice del video è DV81bAghxBU ed il tag, come abbiamo visto prima, {youtube}DV81bAghxBU{/youtube}

44 Installare Joomla su uno spazio web gratuito Caratteristiche dell’host Adesso descriveremo i passi per installare Joomla! in remoto, cioè in uno spazio web. In particolare ci riferiremo allo spazio web concesso da Altervista, poiché è uno spazio web sostanzialmente gratuito che consente il corretto funzionamento di Joomla!. Joomla!, infatti, per poter funzionare richiede l’interprete PHP 4.3 o superiore (è richiesto supporto a MySql, XML e Zlib), e un database MySql 3.23 o superiore. Ovviamente ci sono moltissimi hosting online che consentono di far girare Joomla! senza alcun problema, e ogni giorno se ne aggiunge qualcuno di nuovo.Altervista

45 Requisiti Per conoscere le caratteristiche del vostro spazio web potete usare questo script PHP: <?php // visualizza info sistema Phpinfo(); ?> Salvate il testo in un file phpinfo.php e ponetelo nella cartella principale del vostro spazio web, e poi lanciatelo dal browser. Otterrete informazioni complete sul sistema. Dopo averlo usato, cancellatelo prima di procedere all’installazione di Joomla!

46 Requisiti Oppure, potete usare anche HISA (Health, Installation and Security Audit), uno script PHP che si occupa di visualizzare le caratteristiche del vostro spazio web e di analizzare la sua compatibilità con Joomla!. lo trovate su joomlacode oppure, in italiano, nella sezione Download di joomla.it. E' sufficiente decomprimere il file (è uno solo), e caricarlo sul vostro spazio web. Puntate poi il browser a quel file e lo avviate: http://miosito.est/joomla_hisa_it_1_1.php lo script visualizza le caratteristiche dello spazio web, valutando se Joomla! può girare correttamente. Segue poi una panoramica delle impostazioni dell’host, del PHP, del database MySql ed ulteriori parametri. Se Joomla! è già installato vengono visualizzati anche i parametri e le eventuali vulnerabilità di Joomla! su quell’host.joomlacodejoomla.it

47 Requisiti

48 Filezilla (client FTP) Per poter caricare (upload) file nel vostro spazio web potete servirvi del pannello di controllo che in genere è offerto insieme allo spazio web, oppure di un programma (client) FTP, come Filezilla. Per configurare correttamente Filezilla dovete procedere in questo modo. Scaricatelo, installatelo e poi avviatelo. Nel menu FILE selezionate Gestore Siti e poi cliccate su Nuovo Sito (nella sezione IMPOSTAZIONI potete configurare la lingua italiana). Si aprirà nella finestra Siti FTP una nuova cartella dove dovete inserire il nome del vostro sito, ad esempio MIOSITO.Filezilla

49 Filezilla (client FTP) Nella finestra di sinistra inserite le impostazione come fornitevi dal vostro Host (nel nostro caso Altervista). In HOST inserirete il Server, in pratica il link al vostro spazio web senza http://. In Tipo di server selezionate FTP. In Tipo di accesso selezionate Normale, e in Utente inserite la vostra username e in Password la password fornita da Altervista. Il resto lasciatelo come è.

50 Filezilla (client FTP) A questo punto premendo su CONNETTI avrete finalmente nella schermata di destra l’elenco dei file del vostro spazio web. Nella schermata di sinistra, dove dice SITO LOCALE, selezionate i file da copiare e trascinateli nella schermata di destra, in SITO REMOTO. Partirà immediatamente la copia dei file.

51 Filezilla (client FTP)

52 Registrazione account Il primo passo per ottenere uno spazio web è registrarsi su Altervista. Ovviamente se avete uno spazio web di un altro hosting attenetevi alle istruzioni del vostro servizio. Andate su Altervista e cliccate su CREA IL TUO SITO. Seguendo le istruzioni avrete in breve uno spazio web tutto vostro, da poter espandere in futuro. Segnatevi accuratamente tutti i riferimenti (user, password, account FTP…) che vi saranno forniti, perché saranno necessari in seguito per la realizzazione del sito.Altervista

53 Registrazione account Una volta registrati, entrate nel vostro pannello di controllo passando dalla pagina principale di Altervista e inserendo username e password in alto a sinistra, e poi cliccate su accedi al pannello di controllo, dove dovrete reinserire la password. Si aprirà un’altra finestra dove potrete vedere il vostro pannello di controllo. Andate in GESTIONE FILES. Da lì potete caricare files nel vostro spazio web. Oppure, meglio, usate un programma FTP come Filezilla.

54 Trasferimento dei file sul sito remoto Selezionate tutto quello che c’è nello spazio web ed eliminatelo (di fatto c’è solo il file index.html da cancellare, la directory PHP5 lasciatela, il file index.wml non si può cancellare). Adesso dovete scaricare Joomla! (l’ultima versione è Joomla 1.5.8), dalla sezione DOWNLOAD di Joomla.it.DOWNLOAD

55 Trasferimento dei file sul sito remoto Estraete tutto il contenuto del file zip in una cartella sul vostro PC, ad esempio joomla, e caricate tutti i file, così come si trovano, comprese le sottodirectory, usando GESTIONE FILE di Altervista oppure, meglio, il programma FTP. Poiché i files sono molti, oltre 4.000, a seconda della velocità di connessione ci potrebbe volere anche qualche ora.

56 Trasferimento dei file sul sito remoto Usando Filezilla, nella schermata di sinistra, dove dice SITO LOCALE, selezionate la cartella dove avete estratto i file di Joomla!, e trascinate tutti i files e le sottodirectory nella schermata di destra, in SITO REMOTO. Ricordate di selezionare i files dall’interno della cartella di Joomla, non la cartella direttamente, altrimenti vi troverete Joomla! in una sottocartella del vostro spazio web. Partirà immediatamente la copia dei file. Attendete il tempo necessario che si completi l’operazione che può durare anche oltre un’ora (i server di Altervista non sono velocissimi!!!).

57 Attivazione database MySql Un qualunque sito che si rispetti ha necessità di un database dove mantenere i contenuti del sito, uno dei più usati è MySql che è fornito da Altervista, ma anche da tanti altri hosting. L’attivazione dipende ovviamente dal vostro hosting. Per Altervista andate nel pannello di controllo e cliccate su RISORSE E UPGRADE, dove dovrete attivare un database MySql almeno di classe 2 (è preferibile almeno la 3 però), necessario per funzionare Joomla! Cliccate in fondo alla pagina su CONFERMA per creare il database. Segnatevi le informazioni (hostname, user, password e nome database) che vi vengono fornite, poiché sono necessarie per l’uso del database.

58 Installazione di Joomla! Andate nella pagina iniziale del sito, tipo: http://miosito.est oppure http://miosito.est/joomla nel caso abbiate caricato Joomla! in una sottocartella. Vi troverete visualizzata la prima schermata del processo di installazione di Joomla! dove dovete scegliere la lingua da utilizzare. Se non appare avete dimenticato di cancellare i file all’inizio, oppure non avete caricato correttamente le directory di Joomla!. Cancellate tutto e ripete le operazioni come spiegate sopra.

59 Installazione di Joomla! In alcuni casi, a seconda delle impostazioni dei server, potrebbero apparire degli avvertimenti in alto (ad esempio: Notice: ini_set() has been disabled for security reasons in /membri/score/libraries/joomla/sessio n/session.php on line XX), che non pregiudicano, comunque, la corretta installazione di Joomla!.

60 Installazione di Joomla! La conseguenza è solo nella fase iniziale, in particolare noterete che il CSS non viene letto correttamente, per cui il pulsante Avanti di fatto lo si trova spostato tutto a destra, oltre il bordo dello schermo, per cui dovrete scrollare la pagina verso destra per vederlo. Selezionate italian (Italy) se non è già selezionato, e cliccate su Avanti, tenendo presente che dopo aver installato Joomla! è sempre possibile installare nuovi pacchetti lingua.

61 Scelta della lingua di installazione La lingua selezionata in questa fase riguarda solo il processo di installazione, mentre la lingua del sito dipende dalla versione di Joomla! che avete scaricato. Quella di joomla.it è interamente tradotta in italiano.

62 Controlli pre-installazione Nella seconda schermata abbiamo i controlli pre-installazione, dove il software verifica che lo spazio web sia in grado di far funzionare correttamente Joomla!. Se tutto è segnato in verde significa che non ci sono problemi, quindi si può cliccare su Avanti e proseguire.

63 Controlli pre-installazione

64 Se vi sono delle scritte in rosso nella prima sezione, è necessario risolvere il problema prima di proseguire. In caso contrario potrebbe non giungere alla fine l’installazione, oppure potrebbe essere necessario adoperarsi dopo l’installazione per risolvere il problema. Il problema più comune è il file configuration.php che risulta non scrivibile. In questo caso è possibile agire, tramite FTP, sui CHMOD, cioè sui permessi dei file.

65 Controlli pre-installazione Nel caso specifico potete usare Filezilla, cliccando col testo destro sul file e selezionando Attributi File. Per rendere scrivibile un file portate il valore a 777. Oppure, poiché al termine dell’installazione viene mostrato a video il contenuto del file in questione, basterà copiarlo e incollarlo in un file che rinominerete configuration.php e che caricherete nel vostro spazio web, nella cartella principale (root) di Joomla!, risolvendo così il problema.

66 Controlli pre-installazione Il secondo blocco riguarda dei settaggi del PHP. L’installazione, nel caso ci fossero voci in rosso, si completa ugualmente, però la sicurezza di Joomla! è ridotta. In sostanza sono avvertimenti che si possono risolvere in seguito, e comunque non incidono sul normale funzionamento di Joomla!, ma solo sulla sicurezza del sito.

67 Controlli pre-installazione Per quanto riguardo, invece, l’avviso in merito al Session save path, non preoccupatevi, se risulta che è non scrivibile, in rosso. Questo parametro dipende dal server, ma in realtà Joomla! lo usa solo per l’accesso al pannello di amministrazione. Joomla! funziona benissimo nonostante quella directory (cioè la /tmp/ che si trova nella cartella administrator) sia non scrivibile.

68 Controlli pre-installazione Su Altervista, inoltre, non è possibile modificare quel parametro, e in ogni caso Altervista consente comunque il funzionamento degli script senza problemi. Ovviamente, se procedete ad una modifica, non c’è alcun bisogno di uscire dall’installazione, basta, dopo la modifica, premere Controlla di nuovo.

69 Configurazione database Nella terza schermata viene visualizzata la licenza di Joomla!, che dovete ovviamente accettare per poter proseguire. Cliccate su Avanti. Nella quarta schermata dovrete inserire i dati del vostro database, che vi sono stati forniti dal provider al momento della creazione del database. Questa pagina è la più importante ed è dove è più probabile commettere errori. E’ qui infatti che si istruisce il programma su come configurare il database, che è poi il cuore del vostro sito, cioè dove sono materialmente conservati i contenuti del sito.

70 Configurazione database I dati da inserire sono: - tipo database: in genere MySql; - nome host: il nome dell’host sul quale risiede il vostro server; generalmente è localhost, ma dipende dal provider; - nome utente: il nome utente per l’accesso al vostro database; - password: la password di accesso al database, se ne avete una (normalmente MySQL non richiede una password, ma è consigliato usarne una per aumentare la sicurezza del sito); - nome database: il nome del vostro database (in genere my_nick).

71 Configurazione database

72 Cliccando su Configurazione avanzata potete anche scegliere se cancellare il precedente database, in caso di nuova installazione, oppure mantenerne il contenuto. La voce Prefisso tabelle è il prefisso che viene aggiunto a tutte le tabelle del database.

73 Configurazione database Potete usare il prefisso che volete, ma deve terminare necessariamente con il segno _ (underscore o trattino basso).

74 Configurazione database Se vi da errore cambiatelo, ma potete benissimo lasciare quello che c’è. Nel caso abbiate installato due versioni di Joomla! sul vostro sito, dovete necessariamente avere due tabelle diverse per far funzionare i due siti, altrimenti le voci delle tabelle si sovrappongono. In questo caso potreste dover modificare il prefisso del secondo Joomla! che installate.

75 Configurazione FTP La schermata successiva riguarda la configurazione dell’FTP, necessaria nel caso in cui vi fossero delle restrizioni nei permessi del file system ed anche delle restrizioni di Safe Mode nel PHP. Dovrete quindi inserire i dati per l’accesso via FTP al vostro sito. Sono gli stessi dati che avete inserito nel vostro programma FTP (come Filezilla) per caricare i file di Joomla! nello spazio web. Potete anche configurare questi dati in un secondo momento, cliccando subito su Avanti. Nel caso di Altervista è inutile configurare questa parte visto che non vi sono restrizioni nell’accesso via FTP con un programma tipo Filezilla.

76 Configurazione FTP

77 Configurazione principale La fase successiva è quella della configurazione principale. Dovete inserire il nome del sito, cioè quello che sarà mostrato in homepage. Poi di seguito dovete indicare la email dell’amministratore del sito, e scegliere la password che, in aggiunta alla user di default admin, vi consentirà di accedere al pannello di amministrazione di Joomla!. Sia user che password sono modificabili anche in un secondo momento dal pannello di controllo di Joomla!.

78 Completamento dell’installazione. Non ci soffermeremo ulteriormente sull’installazione del progetto perché ce ne siamo già occupati tempo fa. Vediamo invece i passi necessari post installazione.

79 Register Globals Se nella fase di installazione avete ottenuto evidenziato in rosso il warning che il Register Globals è ON (oppure su 1) invece di Off (oppure 0), dovete risolvere il problema per evitare rischi alla sicurezza del sito.

80 Impostazione PHP register_globals è `ON` invece di `OFF` Questa funzione è utile per gli sviluppatori, in quanto trasforma i valori passati con gli script automaticamente in variabili.

81 Impostazione PHP register_globals è `ON` invece di `OFF` Il problema è che questa funzione non controlla i valori, e ciò consentirebbe di passare codice in grado di danneggiare il sito, ad esempio basterebbe di fatto passare un valore diverso per index.php, includendo il link ad un file per avere l’accesso al sito da parte di un hacker.

82 Impostazione PHP register_globals è `ON` invece di `OFF` La funzione in sé non avrebbe conseguenze negative se le variabili fossero tutte controllate prima di essere inserite negli script, ma poiché ciò non accade sempre (pensiamo alle innumerevoli estensioni di Joomla!, come facciamo ad essere sicuri su come sono programmate ?), è meglio risolvere questo problema di sicurezza.

83 Impostazione PHP register_globals è `ON` invece di `OFF` Ai fini della sicurezza del sito vi conviene porre a OFF il register_globals. Per fare ciò dovete inserire la direttiva opportuna nel file htaccess.txt. In genere la direttiva è di questo tipo, ma dipende anche dall’hosting: php_value register_globals 0 oppure php_value register_globals off Ponetela come prima riga del file htaccess.txt, che trovate nella cartella principale di Joomla, e rinominate il file in.htaccess

84 Impostazione PHP register_globals è `ON` invece di `OFF` Per porre il register_globals a off ed usare l’.htaccess si deve però innanzitutto attivare il mod rewrite. Nel pannello di controllo di Altervista, ad esempio, nella scheda RISORSE E UPGRADES, si deve attivare la Gestione avanzata opzioni cartelle (htaccess) con supporto mod_rewrite. Selezionato Attivo, si deve premere Conferma. A questo punto si modifica il parametro direttamente nel pannello di controllo, in Configurazione Generale, scheda Server, dove si deve selezionare Emulazione Register Globals Off.

85 Impostazione PHP register_globals è `ON` invece di `OFF` Poi si deve pone la direttiva sopra indicata nel file htaccess.txt che trovate nella cartella principale di Joomla! Nel caso in cui il vostro sito non si trovi nella cartella principale, dovete modificare così questo rigo: RewriteBase /CARTELLA IN CUI SI TROVA JOOMLA

86 Impostazione PHP register_globals è `ON` invece di `OFF` Quindi, usando un FTP modificate il nome del file in.htaccess (importantissimo il punto prima del nome, di fatto il file sarà senza nome, non c’è niente prima del punto, ma con estensione htaccess). Tenete presente che modificando il nome al file nel modo descritto lo fa diventare file nascosto, per cui sarà visibile solo se attivate l’opzione Visualizza file nascosti nel programma FTP (scheda Server in Filezilla). In questo modo l’emulazione non è più attivata e il sistema è più sicuro. Verificate se il sito è ancora visibile. Se vi da errore 500 allora avete sbagliato qualcosa. Ripetete i vari passi. Se il sito è visibile il problema è risolto.

87 Collegamenti www.joomla.org (il sito principale del progetto) www.joomla.org www.joomla.it (il sito della community italiana, da cui scaricare la versione tradotta) www.joomla.it www.joomlaitalia.com (un altro sito in italiano su joomla) www.joomlaitalia.com http://extensions.joomlaitalia.com (un archivio di estensioni per Joomla!) http://extensions.joomlaitalia.com http://www.joomla.it/template.html (i template per la versione italiana) http://www.joomla.it/template.html

88 Collegamenti http://bsaett.altervista.org/internet-e- web/tutorial-per-installare-joomla-su- altervista.html (una guida per installare Joomla! Su altervista, la stessa che trovate in queste slide) http://bsaett.altervista.org/internet-e- web/tutorial-per-installare-joomla-su- altervista.html http://cms.html.it/guide/leggi/138/gui dajoomla/ (un’interessante guida a Joomla!) http://cms.html.it/guide/leggi/138/gui dajoomla/ http://www.google.it/search?hl=it&so urce=hp&q=Joomla&meta=&aq=f&o q= (Un mare di contenuti!!!) http://www.google.it/search?hl=it&so urce=hp&q=Joomla&meta=&aq=f&o q

89 Conclusioni In questo corso avete visto i siti web dalla parte del web master: avete brevemente visto i linguaggi di programmazione che si posso usare per rendere questi siti dinamici e ricchi di contenuti. Infine ci siamo dedicati ad un progetto CMS (Joomla!) molto interessante per la costruzione di un sito web funzionale ed accattivante. A voi ora l’onere e l’onore di trasformare queste conoscenze in qualcosa di produttivo ed utile per gli altri. Buon web a tutti.

90 Corso Web Developer Lezione 7 – Fine