2. Indice dei contenuti:
- Ambienti di sviluppo (quello che serve)
- Joomla! – Come si fa
- Realizzazione del sito del progetto
- Realizzazione delle vostre pagine
04/06/2013box@massimogagliardi.it-info@raffaelecapasso.it
2
Corso di comunicazione digitale
Scienze della comunicazione - UNIPG
3. Gli incontri:
- 18 Aprile 2013 15.00 – 18.00
- 09 Maggio 2013 15.00 – 18.00
- 14 Maggio 2013 15.00 – 18.00
- 21 Maggio 2013 15.00 – 18.00
04/06/2013box@massimogagliardi.it-info@raffaelecapasso.it
3
Corso di comunicazione digitale
Scienze della comunicazione - UNIPG
4. I vostri nomi Le vostre aspettative
Corso di comunicazione digitale
Scienze della comunicazione - UNIPG
04/06/2013box@massimogagliardi.it-info@raffaelecapasso.it
4
5. IL CMS JOOMLA!
A chi è rivolto questo corso:
- A chi non ha mai usato Joomla!
- A chi non sa come creare un sito
- A chi vuole sperimentare e imparare
Prerequisiti
- Nessuno in particolare
04/06/2013box@massimogagliardi.it-info@raffaelecapasso.it
5
Corso di comunicazione digitale
Scienze della comunicazione - UNIPG
6. Cosa non è questo corso
•Non è un corso avanzato di sviluppo
04/06/2013box@massimogagliardi.it-info@raffaelecapasso.it
6
Corso di comunicazione digitale
Scienze della comunicazione - UNIPG
IL CMS JOOMLA!
10. Siti statici VS Siti dinamici
• Esteriormente ai siti “statici” non manca nulla, ma... sono siti
assai difficili da aggiornare o modificare!
• Anche la più piccola modifica (come aggiungere un link)
richiede una serie di interventi con tempi lunghi
• Aggiornare il sito significa modificare i file html presenti sul
server!!!
• Impossibilità di personalizzare i contenuti in base ai visitatori
e di interagire con essi
• Sono siti realizzati tramite editor html... è necessario saper
leggere e scrivere html e css!
04/06/2013box@massimogagliardi.it-info@raffaelecapasso.it
10
Corso di comunicazione digitale
Scienze della comunicazione - UNIPG
IL CMS JOOMLA! Elementi base
13. • Sono facili da aggiornare e da modificare
• La gestione del sito nell'uso quotidiano non
richiede particolari conoscenze tecniche
• Normalmente i siti sono amministrabili
direttamente dal proprio browser
• I visitatori possono interagire con il sito
• Chi amministra il sito non deve imparare
l'html, il css o altri linguaggi informatici
04/06/2013box@massimogagliardi.it-info@raffaelecapasso.it
13
Corso di comunicazione digitale
Scienze della comunicazione - UNIPG
IL CMS JOOMLA! Elementi base
Vantaggi Siti dinamici
15. • Un Content management system (CMS), in italiano
"Sistema di gestione dei contenuti" è un software che si
installa generalmente su un server per la gestione di siti
web.
• Un CMS è un'applicazione lato server, divisa in due parti: la
sezione di amministrazione (back end), che serve ad
organizzare e supervisionare la produzione dei contenuti, e
la sezione applicativa (front end), che l'utente web usa per
fruire i contenuti e le applicazioni del sito.
• I CMS sono realizzati in vari linguaggi; Joomla! è scritto in
PHP e utilizza un database Mysql e un server web Apache
04/06/2013box@massimogagliardi.it-info@raffaelecapasso.it
15
Corso di comunicazione digitale
Scienze della comunicazione - UNIPG
Che cos’è un CMS
17. Un CMS permette di costruire e aggiornare un sito
dinamico, anche molto grande, senza necessità di
scrivere una riga di codice HTML e senza conoscere
linguaggi di programmazione lato server (come
PHP) o progettare un apposito database.
L'aspetto esteriore delle pagine può essere
personalizzato scegliendo un foglio di stile CSS
(Cascading Style Sheets – fogli di stile)
04/06/2013box@massimogagliardi.it-info@raffaelecapasso.it
17
Corso di comunicazione digitale
Scienze della comunicazione - UNIPG
Vantaggi di un CMS
25. Installazione e configurazione
del CMS Joomla!
04/06/2013box@massimogagliardi.it-info@raffaelecapasso.it
25
Corso di comunicazione digitale
Scienze della comunicazione - UNIPG
26. Naturalmente su Internet!
Pacchetto Xampp: contiene:
Apache (web server),
MySQL (database management system),
PHP (linguaggio di scripting per la creazione di
pagine dinamiche)
Joomla 2.5
04/06/2013box@massimogagliardi.it-info@raffaelecapasso.it
26
Corso di comunicazione digitale
Scienze della comunicazione - UNIPG
Installazione e configurazione
Dove troviamo i pezzi?
27. 1. Creiamo una cartella qualsiasi
2. Scarichiamo Joomla! da
http://www.joomla.it/download.html
Clicchiamo su Joomla 2.5. Il file è Joomla2.5.9 ita Stable
3. Scarichiamo XAMPP da
http://www.apachefriends.org/it/xampp.html
Clicchiamo su XAMPP per Windows, poi XAMPP, poi Installer per scaricare il file
04/06/2013box@massimogagliardi.it-info@raffaelecapasso.it
27
Corso di comunicazione digitale
Scienze della comunicazione - UNIPG
Installazione e configurazione
Componiamo il puzzle
4. Nella cartella che abbiamo creato avremo i seguenti files:
28. Clicchiamo 2 volte sul file XAMPP appena
scaricato e andiamo avanti con
l’installazione. E’ tutto molto
semplice, diamo solo una veloce occhiata
alle schermate che seguiranno via via…
04/06/2013box@massimogagliardi.it-info@raffaelecapasso.it
28
Corso di comunicazione digitale
Scienze della comunicazione - UNIPG
Installazione Xampp (1)
30. 04/06/2013box@massimogagliardi.it-info@raffaelecapasso.it
30
Corso di comunicazione digitale
Scienze della comunicazione - UNIPG
Installazione Xampp (3)
Nella finestra a sinistra, in SERVICE SECTION, possiamo spuntare le
caselline di due dei tre servizi: Apache, MySQL (Filezilla è un server
FTP, per il momento non serve. In ogni caso è possibile abilitarlo in
ogni momento)
32. 04/06/2013box@massimogagliardi.it-info@raffaelecapasso.it
32
Corso di comunicazione digitale
Scienze della comunicazione - UNIPG
Installazione Xampp (5)
Cliccando su Sì si aprirà il pannello di controllo (Control Panel) di
Xampp, non c’è da fare niente se non verificare che Apache e Mysql siano
in “running”, dopodichè possiamo ridurre a icona. Il pannello di
controllo potrà comunque essere aperto in ogni momento cliccando
sull’icona arancione che sarà apparsa sul Desktop
33. Una volta installato XAMPP, cominciamo a configurarlo. Per fare
ciò, scriviamo nella barra indirizzi del nostro browser
http://localhost/xampp
04/06/2013box@massimogagliardi.it-info@raffaelecapasso.it
33
Corso di comunicazione digitale
Scienze della comunicazione - UNIPG
Configurazione Xampp (1)
34. Come consigliato dalla
pagina, clicchiamo su status
per vedere se va tutto bene
04/06/2013box@massimogagliardi.it-info@raffaelecapasso.it
34
Corso di comunicazione digitale
Scienze della comunicazione - UNIPG
Configurazione Xampp (2)
35. Vediamo che sono attivate le
componenti principali, siamo a posto.
Clicchiamo su “Sicurezza”
04/06/2013box@massimogagliardi.it-info@raffaelecapasso.it
35
Corso di comunicazione digitale
Scienze della comunicazione - UNIPG
Configurazione Xampp (3)
36. Per cambiare queste impostazioni di sicurezza è sufficiente scorrere poco più in
basso la pagina e cliccare su http://localhost/security/xamppsecurity.php
04/06/2013box@massimogagliardi.it-info@raffaelecapasso.it
36
Corso di comunicazione digitale
Scienze della comunicazione - UNIPG
Configurazione Xampp (4)
39. Abbiamo installato XAMPP, attivando un
server web locale (http://localhost) e
installando un sistema di gestione database
(MySQL) e un linguaggio di scripting (Php)
che Joomla! utilizzerà per funzionare
correttamente.
04/06/2013box@massimogagliardi.it-info@raffaelecapasso.it
39
Corso di comunicazione digitale
Scienze della comunicazione - UNIPG
Configurazione Xampp (Riassunto)
40. • Scompattate il vostro file compresso
joomla in una cartella con nome a
piacere (suggeriamo il vostro nome)
• Digitiamo semplicemente
http://localhost/nomeassegnato per
cominciare la configurazione
04/06/2013box@massimogagliardi.it-info@raffaelecapasso.it
40
Corso di comunicazione digitale
Scienze della comunicazione - UNIPG
Installazione Joomla!
63. http://www.joowiki.com/ Tutorial vari su come
installare Joomla e anche videocorsi
http://www.youtube.com/watch?v=A5zFLqF3Z
4g Videocorso in italiano
http://www.joomla.it Tutto lo scibile su
Joomla per approfondire questa e altre lezioni
http://cocoate.com/sites/cocoate.com/files/pri
vate/j25it.pdf Guida per principianti
04/06/2013box@massimogagliardi.it-info@raffaelecapasso.it
63
Corso di comunicazione digitale
Scienze della comunicazione - UNIPG
Linkografia