12/04/2023
Massimo Gagliardi: [email protected]
Raffaele Capasso: [email protected]
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
12/04/2023box@
massim
ogagliardi.it - [email protected]
2
Corso di comunicazione digitale
Scienze della comunicazione - UNIPG
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
12/04/2023box@
massim
ogagliardi.it - [email protected]
3
Corso di comunicazione digitale
Scienze della comunicazione - UNIPG
I vostri nomi Le vostre aspettative
Corso di comunicazione digitale
Scienze della comunicazione - UNIPG12/04/2023
box@m
assimogagliardi.it - info@
raffaelecapasso.it
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
12/04/2023box@
massim
ogagliardi.it - [email protected]
5
Corso di comunicazione digitale
Scienze della comunicazione - UNIPG
Cosa non è questo corso• Non è un corso avanzato di sviluppo
12/04/2023box@
massim
ogagliardi.it - [email protected]
6
Corso di comunicazione digitale
Scienze della comunicazione - UNIPG
IL CMS JOOMLA!
12/04/2023box@
massim
ogagliardi.it - [email protected]
7
Corso di comunicazione digitale
Scienze della comunicazione - UNIPG
IL CMS JOOMLA! Elementi base
12/04/2023box@
massim
ogagliardi.it - [email protected]
8
Corso di comunicazione digitale
Scienze della comunicazione - UNIPG
IL CMS JOOMLA! Elementi base
12/04/2023box@
massim
ogagliardi.it - [email protected]
9
Corso di comunicazione digitale
Scienze della comunicazione - UNIPG
IL CMS JOOMLA! Elementi base
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!
12/04/2023box@
massim
ogagliardi.it - [email protected]
10
Corso di comunicazione digitale
Scienze della comunicazione - UNIPG
IL CMS JOOMLA! Elementi base
12/04/2023box@
massim
ogagliardi.it - [email protected]
11
Corso di comunicazione digitale
Scienze della comunicazione - UNIPG
IL CMS JOOMLA! Elementi base
Siti statici
12/04/2023box@
massim
ogagliardi.it - [email protected]
12
Corso di comunicazione digitale
Scienze della comunicazione - UNIPG
IL CMS JOOMLA! Elementi base
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
12/04/2023box@
massim
ogagliardi.it - [email protected]
13
Corso di comunicazione digitale
Scienze della comunicazione - UNIPG
IL CMS JOOMLA! Elementi base
Vantaggi Siti dinamici
12/04/2023box@
massim
ogagliardi.it - [email protected]
14
Corso di comunicazione digitale
Scienze della comunicazione - UNIPG
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
12/04/2023box@
massim
ogagliardi.it - [email protected]
15
Corso di comunicazione digitale
Scienze della comunicazione - UNIPG
Che cos’è un CMS
Apache Joomla!
12/04/2023box@
massim
ogagliardi.it - [email protected]
16
Corso di comunicazione digitale
Scienze della comunicazione - UNIPG
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)
12/04/2023box@
massim
ogagliardi.it - [email protected]
17
Corso di comunicazione digitale
Scienze della comunicazione - UNIPG
Vantaggi di un CMS
12/04/2023box@
massim
ogagliardi.it - [email protected]
18
Corso di comunicazione digitale
Scienze della comunicazione - UNIPG
Che cos’è Joomla!
12/04/2023box@
massim
ogagliardi.it - [email protected]
19
Corso di comunicazione digitale
Scienze della comunicazione - UNIPG
Che cos’è Joomla!
12/04/2023box@
massim
ogagliardi.it - [email protected]
20
Corso di comunicazione digitale
Scienze della comunicazione - UNIPG
Che cos’è Joomla!
12/04/2023box@
massim
ogagliardi.it - [email protected]
21
Corso di comunicazione digitale
Scienze della comunicazione - UNIPG
Che cos’è Joomla!
12/04/2023box@
massim
ogagliardi.it - [email protected]
22
Corso di comunicazione digitale
Scienze della comunicazione - UNIPG
Che cos’è Joomla!
12/04/2023box@
massim
ogagliardi.it - [email protected]
23
Corso di comunicazione digitale
Scienze della comunicazione - UNIPG
Che cos’è Joomla!
12/04/2023box@
massim
ogagliardi.it - [email protected]
24
Corso di comunicazione digitale
Scienze della comunicazione - UNIPG
Che cos’è Joomla!
Installazione e configurazionedel CMS Joomla!
12/04/2023box@
massim
ogagliardi.it - [email protected]
25
Corso di comunicazione digitale
Scienze della comunicazione - UNIPG
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
12/04/2023box@
massim
ogagliardi.it - [email protected]
26
Corso di comunicazione digitale
Scienze della comunicazione - UNIPG
Installazione e configurazioneDove troviamo i pezzi?
1. Creiamo una cartella qualsiasi2. Scarichiamo Joomla! dahttp://www.joomla.it/download.htmlClicchiamo su Joomla 2.5. Il file è Joomla2.5.9 ita Stable
3. Scarichiamo XAMPP dahttp://www.apachefriends.org/it/xampp.html Clicchiamo su XAMPP per Windows, poi XAMPP, poi Installer per
scaricare il file
12/04/2023box@
massim
ogagliardi.it - [email protected]
27
Corso di comunicazione digitale
Scienze della comunicazione - UNIPG
Installazione e configurazioneComponiamo 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…
12/04/2023box@
massim
ogagliardi.it - [email protected]
28
Corso di comunicazione digitale
Scienze della comunicazione - UNIPG
Installazione Xampp (1)
12/04/2023box@
massim
ogagliardi.it - [email protected]
29
Corso di comunicazione digitale
Scienze della comunicazione - UNIPG
Installazione Xampp (2)
12/04/2023box@
massim
ogagliardi.it - [email protected]
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)
12/04/2023box@
massim
ogagliardi.it - [email protected]
31
Corso di comunicazione digitale
Scienze della comunicazione - UNIPG
Installazione Xampp (4)
12/04/2023box@
massim
ogagliardi.it - [email protected]
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
Una volta installato XAMPP, cominciamo a configurarlo. Per fare ciò, scriviamo nella barra indirizzi del nostro browser http://localhost/xampp
12/04/2023box@
massim
ogagliardi.it - [email protected]
33
Corso di comunicazione digitale
Scienze della comunicazione - UNIPG
Configurazione Xampp (1)
Come consigliato dalla pagina, clicchiamo su status per vedere se va tutto bene
12/04/2023box@
massim
ogagliardi.it - [email protected]
34
Corso di comunicazione digitale
Scienze della comunicazione - UNIPG
Configurazione Xampp (2)
Vediamo che sono attivate le componenti principali, siamo a posto. Clicchiamo su “Sicurezza”
12/04/2023box@
massim
ogagliardi.it - [email protected]
35
Corso di comunicazione digitale
Scienze della comunicazione - UNIPG
Configurazione Xampp (3)
Per cambiare queste impostazioni di sicurezza è sufficiente scorrere poco più in basso la pagina e cliccare su http://localhost/security/xamppsecurity.php
12/04/2023box@
massim
ogagliardi.it - [email protected]
36
Corso di comunicazione digitale
Scienze della comunicazione - UNIPG
Configurazione Xampp (4)
12/04/2023box@
massim
ogagliardi.it - [email protected]
37
Corso di comunicazione digitale
Scienze della comunicazione - UNIPG
Configurazione Xampp (5)
12/04/2023box@
massim
ogagliardi.it - [email protected]
38
Corso di comunicazione digitale
Scienze della comunicazione - UNIPG
Configurazione Xampp (6)
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.
12/04/2023box@
massim
ogagliardi.it - [email protected]
39
Corso di comunicazione digitale
Scienze della comunicazione - UNIPG
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
12/04/2023box@
massim
ogagliardi.it - [email protected]
40
Corso di comunicazione digitale
Scienze della comunicazione - UNIPG
Installazione Joomla!
12/04/2023box@
massim
ogagliardi.it - [email protected]
41
Corso di comunicazione digitale
Scienze della comunicazione - UNIPG
Configurazione Joomla!
12/04/2023box@
massim
ogagliardi.it - [email protected]
42
Corso di comunicazione digitale
Scienze della comunicazione - UNIPG
Configurazione Joomla! (2)
12/04/2023box@
massim
ogagliardi.it - [email protected]
43
Corso di comunicazione digitale
Scienze della comunicazione - UNIPG
Configurazione Joomla! (3)
12/04/2023box@
massim
ogagliardi.it - [email protected]
44
Corso di comunicazione digitale
Scienze della comunicazione - UNIPG
Configurazione Joomla! (4)
12/04/2023box@
massim
ogagliardi.it - [email protected]
45
Corso di comunicazione digitale
Scienze della comunicazione - UNIPG
Configurazione Joomla! (5)
12/04/2023box@
massim
ogagliardi.it - [email protected]
46
Corso di comunicazione digitale
Scienze della comunicazione - UNIPG
Configurazione Joomla! (6)
12/04/2023box@
massim
ogagliardi.it - [email protected]
47
Corso di comunicazione digitale
Scienze della comunicazione - UNIPG
Configurazione Joomla! (7)
12/04/2023box@
massim
ogagliardi.it - [email protected]
48
Corso di comunicazione digitale
Scienze della comunicazione - UNIPG
Configurazione Joomla! (8)
12/04/2023box@
massim
ogagliardi.it - [email protected]
49
Corso di comunicazione digitale
Scienze della comunicazione - UNIPG
Configurazione Joomla! (9)
12/04/2023box@
massim
ogagliardi.it - [email protected]
50
Corso di comunicazione digitale
Scienze della comunicazione - UNIPG
Joomla! – Installazione completata
12/04/2023box@
massim
ogagliardi.it - [email protected]
51
Corso di comunicazione digitale
Scienze della comunicazione - UNIPG
Joomla! – Front-end – I menù
12/04/2023box@
massim
ogagliardi.it - [email protected]
52
Corso di comunicazione digitale
Scienze della comunicazione - UNIPG
Joomla! – Front-end - Articoli
12/04/2023box@
massim
ogagliardi.it - [email protected]
53
Corso di comunicazione digitale
Scienze della comunicazione - UNIPG
Joomla! – Back-end
12/04/2023box@
massim
ogagliardi.it - [email protected]
54
Corso di comunicazione digitale
Scienze della comunicazione - UNIPG
Joomla! – Back-end
12/04/2023box@
massim
ogagliardi.it - [email protected]
55
Corso di comunicazione digitale
Scienze della comunicazione - UNIPG
Joomla! – Back-end - Articolo
12/04/2023box@
massim
ogagliardi.it - [email protected]
56
Corso di comunicazione digitale
Scienze della comunicazione - UNIPG
Joomla! – Back-end – Articolo (2)
12/04/2023box@
massim
ogagliardi.it - [email protected]
57
Corso di comunicazione digitale
Scienze della comunicazione - UNIPG
Joomla! – Back-end – Template
12/04/2023box@
massim
ogagliardi.it - [email protected]
58
Corso di comunicazione digitale
Scienze della comunicazione - UNIPG
Joomla! – Front-end – Template
• Free (o Business)
template
• Artisteer
• Css (cascade style
sheet)
• [Responsive]
12/04/2023box@
massim
ogagliardi.it - [email protected]
59
Corso di comunicazione digitale
Scienze della comunicazione - UNIPG
Joomla! – Template
• http://ajoomlatemplates.com/
• http://www.bestofjoomla.com/
12/04/2023box@
massim
ogagliardi.it - [email protected]
60
Corso di comunicazione digitale
Scienze della comunicazione - UNIPG
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)
12/04/2023box@
massim
ogagliardi.it - [email protected]
61
Corso di comunicazione digitale
Scienze della comunicazione - UNIPG
Contenuti messi a disposizione
12/04/2023box@
massim
ogagliardi.it - [email protected]
62
Corso di comunicazione digitale
Scienze della comunicazione - UNIPG
Artisteer
http://www.joowiki.com/ Tutorial vari su come installare Joomla e anche videocorsi
http://www.youtube.com/watch?v=A5zFLqF3Z4g 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/private/j25it.pdf Guida per principianti
12/04/2023box@
massim
ogagliardi.it - [email protected]
63
Corso di comunicazione digitale
Scienze della comunicazione - UNIPG
Linkografia
Top Related