�ݺ�ߣ

04/06/2013
Massimo Gagliardi: box@massimogagliardi.it
Raffaele Capasso: info@raffaelecapasso.it
Corso di comunicazione digitale
Scienze della comunicazione - UNIPG

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

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
3

I vostri nomi Le vostre aspettative
4

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
5

Cosa non è questo corso
•Non è un corso avanzato di sviluppo
6
IL CMS JOOMLA!

7
IL CMS JOOMLA! Elementi base

8

9

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!
10

11
Siti statici

12
Siti dinamici

• 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
13
Vantaggi Siti dinamici

14
Che cos’è Joomla!

• 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
15
Che cos’è un CMS

ApacheJoomla!
16
Struttura del nostro CMS

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)
17
Vantaggi di un CMS

18

19

20

21

22

23

24

Installazione e configurazione
del CMS Joomla!
25

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
26
Dove troviamo i pezzi?

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
27
Componiamo il puzzle
4. Nella cartella che abbiamo creato avremo i seguenti files:

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…
28
Installazione Xampp (1)

29

30
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)

31

32
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

Una volta installato XAMPP, cominciamo a configurarlo. Per fare
ciò, scriviamo nella barra indirizzi del nostro browser
http://localhost/xampp
33
Configurazione Xampp (1)

Come consigliato dalla
pagina, clicchiamo su status
per vedere se va tutto bene
34

Vediamo che sono attivate le
componenti principali, siamo a posto.
Clicchiamo su “Sicurezza”
35

Per cambiare queste impostazioni di sicurezza è sufficiente scorrere poco più in
basso la pagina e cliccare su http://localhost/security/xamppsecurity.php
36

37

38

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.
39
Configurazione Xampp (Riassunto)

• 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
40
Installazione Joomla!

41
Configurazione Joomla!

42
Configurazione Joomla! (2)

43

44

45

46

47

48

49

50
Joomla! – Installazione completata

51
Joomla! – Front-end – I menù

52
Joomla! – Front-end - Articoli

53
Joomla! – Back-end

54
Joomla! – Back-end

55
Joomla! – Back-end - Articolo

56
Joomla! – Back-end – Articolo (2)

57
Joomla! – Back-end – Template

58
Joomla! – Front-end – Template

• Free (o Business) template
• Artisteer
• Css (cascade style sheet)
• [Responsive]
59
Joomla! – Template

• http://ajoomlatemplates.com/
• http://www.bestofjoomla.com/
60
Joomla! – Free (business) template

• Artisteer.4.1.0.59861 (trial)
• Gimp (Fotoritocco- free)
• Inkscape (Disegno vettoriale - free)
•Joomla_2.5.9_ita-Stable.zip (free)
•J25it.pdf (corso per principianti)
• Notepad ++ (Blocco note avanzato - free)
• Xampp-win32-1.8.1-VC9-installer (free)
61
Contenuti messi a disposizione

62
Artisteer

 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
63
Linkografia

�ݺ�ߣ

Il CMS Joomla!

More Related Content

Il CMS Joomla!