Il CMS Joomla!

Post on 27-May-2015

222 views 3 download

description

- Ambienti di sviluppo (quello che serve) - Joomla! – Come si fa

Transcript of Il CMS Joomla!

12/04/2023

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

12/04/2023box@

massim

ogagliardi.it - info@raffaelecapasso.it

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 - info@raffaelecapasso.it

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 - info@raffaelecapasso.it

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 - info@raffaelecapasso.it

6

Corso di comunicazione digitale

Scienze della comunicazione - UNIPG

IL CMS JOOMLA!

12/04/2023box@

massim

ogagliardi.it - info@raffaelecapasso.it

7

Corso di comunicazione digitale

Scienze della comunicazione - UNIPG

IL CMS JOOMLA! Elementi base

12/04/2023box@

massim

ogagliardi.it - info@raffaelecapasso.it

8

Corso di comunicazione digitale

Scienze della comunicazione - UNIPG

IL CMS JOOMLA! Elementi base

12/04/2023box@

massim

ogagliardi.it - info@raffaelecapasso.it

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 - info@raffaelecapasso.it

10

Corso di comunicazione digitale

Scienze della comunicazione - UNIPG

IL CMS JOOMLA! Elementi base

12/04/2023box@

massim

ogagliardi.it - info@raffaelecapasso.it

11

Corso di comunicazione digitale

Scienze della comunicazione - UNIPG

IL CMS JOOMLA! Elementi base

Siti statici

12/04/2023box@

massim

ogagliardi.it - info@raffaelecapasso.it

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 - info@raffaelecapasso.it

13

Corso di comunicazione digitale

Scienze della comunicazione - UNIPG

IL CMS JOOMLA! Elementi base

Vantaggi Siti dinamici

12/04/2023box@

massim

ogagliardi.it - info@raffaelecapasso.it

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 - info@raffaelecapasso.it

15

Corso di comunicazione digitale

Scienze della comunicazione - UNIPG

Che cos’è un CMS

Apache Joomla!

12/04/2023box@

massim

ogagliardi.it - info@raffaelecapasso.it

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 - info@raffaelecapasso.it

17

Corso di comunicazione digitale

Scienze della comunicazione - UNIPG

Vantaggi di un CMS

12/04/2023box@

massim

ogagliardi.it - info@raffaelecapasso.it

18

Corso di comunicazione digitale

Scienze della comunicazione - UNIPG

Che cos’è Joomla!

12/04/2023box@

massim

ogagliardi.it - info@raffaelecapasso.it

19

Corso di comunicazione digitale

Scienze della comunicazione - UNIPG

Che cos’è Joomla!

12/04/2023box@

massim

ogagliardi.it - info@raffaelecapasso.it

20

Corso di comunicazione digitale

Scienze della comunicazione - UNIPG

Che cos’è Joomla!

12/04/2023box@

massim

ogagliardi.it - info@raffaelecapasso.it

21

Corso di comunicazione digitale

Scienze della comunicazione - UNIPG

Che cos’è Joomla!

12/04/2023box@

massim

ogagliardi.it - info@raffaelecapasso.it

22

Corso di comunicazione digitale

Scienze della comunicazione - UNIPG

Che cos’è Joomla!

12/04/2023box@

massim

ogagliardi.it - info@raffaelecapasso.it

23

Corso di comunicazione digitale

Scienze della comunicazione - UNIPG

Che cos’è Joomla!

12/04/2023box@

massim

ogagliardi.it - info@raffaelecapasso.it

24

Corso di comunicazione digitale

Scienze della comunicazione - UNIPG

Che cos’è Joomla!

Installazione e configurazionedel CMS Joomla!

12/04/2023box@

massim

ogagliardi.it - info@raffaelecapasso.it

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 - info@raffaelecapasso.it

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 - info@raffaelecapasso.it

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 - info@raffaelecapasso.it

28

Corso di comunicazione digitale

Scienze della comunicazione - UNIPG

Installazione Xampp (1)

12/04/2023box@

massim

ogagliardi.it - info@raffaelecapasso.it

29

Corso di comunicazione digitale

Scienze della comunicazione - UNIPG

Installazione Xampp (2)

12/04/2023box@

massim

ogagliardi.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)

12/04/2023box@

massim

ogagliardi.it - info@raffaelecapasso.it

31

Corso di comunicazione digitale

Scienze della comunicazione - UNIPG

Installazione Xampp (4)

12/04/2023box@

massim

ogagliardi.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

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 - info@raffaelecapasso.it

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 - info@raffaelecapasso.it

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 - info@raffaelecapasso.it

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 - info@raffaelecapasso.it

36

Corso di comunicazione digitale

Scienze della comunicazione - UNIPG

Configurazione Xampp (4)

12/04/2023box@

massim

ogagliardi.it - info@raffaelecapasso.it

37

Corso di comunicazione digitale

Scienze della comunicazione - UNIPG

Configurazione Xampp (5)

12/04/2023box@

massim

ogagliardi.it - info@raffaelecapasso.it

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 - info@raffaelecapasso.it

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 - info@raffaelecapasso.it

40

Corso di comunicazione digitale

Scienze della comunicazione - UNIPG

Installazione Joomla!

12/04/2023box@

massim

ogagliardi.it - info@raffaelecapasso.it

41

Corso di comunicazione digitale

Scienze della comunicazione - UNIPG

Configurazione Joomla!

12/04/2023box@

massim

ogagliardi.it - info@raffaelecapasso.it

42

Corso di comunicazione digitale

Scienze della comunicazione - UNIPG

Configurazione Joomla! (2)

12/04/2023box@

massim

ogagliardi.it - info@raffaelecapasso.it

43

Corso di comunicazione digitale

Scienze della comunicazione - UNIPG

Configurazione Joomla! (3)

12/04/2023box@

massim

ogagliardi.it - info@raffaelecapasso.it

44

Corso di comunicazione digitale

Scienze della comunicazione - UNIPG

Configurazione Joomla! (4)

12/04/2023box@

massim

ogagliardi.it - info@raffaelecapasso.it

45

Corso di comunicazione digitale

Scienze della comunicazione - UNIPG

Configurazione Joomla! (5)

12/04/2023box@

massim

ogagliardi.it - info@raffaelecapasso.it

46

Corso di comunicazione digitale

Scienze della comunicazione - UNIPG

Configurazione Joomla! (6)

12/04/2023box@

massim

ogagliardi.it - info@raffaelecapasso.it

47

Corso di comunicazione digitale

Scienze della comunicazione - UNIPG

Configurazione Joomla! (7)

12/04/2023box@

massim

ogagliardi.it - info@raffaelecapasso.it

48

Corso di comunicazione digitale

Scienze della comunicazione - UNIPG

Configurazione Joomla! (8)

12/04/2023box@

massim

ogagliardi.it - info@raffaelecapasso.it

49

Corso di comunicazione digitale

Scienze della comunicazione - UNIPG

Configurazione Joomla! (9)

12/04/2023box@

massim

ogagliardi.it - info@raffaelecapasso.it

50

Corso di comunicazione digitale

Scienze della comunicazione - UNIPG

Joomla! – Installazione completata

12/04/2023box@

massim

ogagliardi.it - info@raffaelecapasso.it

51

Corso di comunicazione digitale

Scienze della comunicazione - UNIPG

Joomla! – Front-end – I menù

12/04/2023box@

massim

ogagliardi.it - info@raffaelecapasso.it

52

Corso di comunicazione digitale

Scienze della comunicazione - UNIPG

Joomla! – Front-end - Articoli

12/04/2023box@

massim

ogagliardi.it - info@raffaelecapasso.it

53

Corso di comunicazione digitale

Scienze della comunicazione - UNIPG

Joomla! – Back-end

12/04/2023box@

massim

ogagliardi.it - info@raffaelecapasso.it

54

Corso di comunicazione digitale

Scienze della comunicazione - UNIPG

Joomla! – Back-end

12/04/2023box@

massim

ogagliardi.it - info@raffaelecapasso.it

55

Corso di comunicazione digitale

Scienze della comunicazione - UNIPG

Joomla! – Back-end - Articolo

12/04/2023box@

massim

ogagliardi.it - info@raffaelecapasso.it

56

Corso di comunicazione digitale

Scienze della comunicazione - UNIPG

Joomla! – Back-end – Articolo (2)

12/04/2023box@

massim

ogagliardi.it - info@raffaelecapasso.it

57

Corso di comunicazione digitale

Scienze della comunicazione - UNIPG

Joomla! – Back-end – Template

12/04/2023box@

massim

ogagliardi.it - info@raffaelecapasso.it

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 - info@raffaelecapasso.it

59

Corso di comunicazione digitale

Scienze della comunicazione - UNIPG

Joomla! – Template

• http://ajoomlatemplates.com/

• http://www.bestofjoomla.com/

12/04/2023box@

massim

ogagliardi.it - info@raffaelecapasso.it

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 - info@raffaelecapasso.it

61

Corso di comunicazione digitale

Scienze della comunicazione - UNIPG

Contenuti messi a disposizione

12/04/2023box@

massim

ogagliardi.it - info@raffaelecapasso.it

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 - info@raffaelecapasso.it

63

Corso di comunicazione digitale

Scienze della comunicazione - UNIPG

Linkografia