il cms joomla!

63
28/10/2022 Massimo Gagliardi: [email protected] Raffaele Capasso: [email protected] Corso di comunicazione digitale Scienze della comunicazione - UNIPG

Upload: massimo-gagliardi

Post on 27-May-2015

224 views

Category:

Technology


3 download

DESCRIPTION

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

TRANSCRIPT

Page 1: Il CMS Joomla!

12/04/2023

Massimo Gagliardi: [email protected]

Raffaele Capasso: [email protected]

Corso di comunicazione digitale

Scienze della comunicazione - UNIPG

Page 2: Il CMS Joomla!

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

Page 3: Il CMS Joomla!

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

Page 4: Il CMS Joomla!

I vostri nomi Le vostre aspettative

Corso di comunicazione digitale

Scienze della comunicazione - UNIPG12/04/2023

box@m

assimogagliardi.it - info@

raffaelecapasso.it

4

Page 5: Il CMS Joomla!

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

Page 6: Il CMS Joomla!

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!

Page 7: 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

Page 8: Il CMS Joomla!

12/04/2023box@

massim

ogagliardi.it - [email protected]

8

Corso di comunicazione digitale

Scienze della comunicazione - UNIPG

IL CMS JOOMLA! Elementi base

Page 9: Il CMS Joomla!

12/04/2023box@

massim

ogagliardi.it - [email protected]

9

Corso di comunicazione digitale

Scienze della comunicazione - UNIPG

IL CMS JOOMLA! Elementi base

Page 10: Il CMS Joomla!

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

Page 11: Il CMS Joomla!

12/04/2023box@

massim

ogagliardi.it - [email protected]

11

Corso di comunicazione digitale

Scienze della comunicazione - UNIPG

IL CMS JOOMLA! Elementi base

Siti statici

Page 12: Il CMS Joomla!

12/04/2023box@

massim

ogagliardi.it - [email protected]

12

Corso di comunicazione digitale

Scienze della comunicazione - UNIPG

IL CMS JOOMLA! Elementi base

Siti dinamici

Page 13: Il CMS Joomla!

• 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

Page 14: Il CMS Joomla!

12/04/2023box@

massim

ogagliardi.it - [email protected]

14

Corso di comunicazione digitale

Scienze della comunicazione - UNIPG

Che cos’è Joomla!

Page 15: Il CMS 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

Page 16: Il CMS Joomla!

Apache Joomla!

12/04/2023box@

massim

ogagliardi.it - [email protected]

16

Corso di comunicazione digitale

Scienze della comunicazione - UNIPG

Struttura del nostro CMS

Page 17: Il CMS Joomla!

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

Page 18: Il CMS Joomla!

12/04/2023box@

massim

ogagliardi.it - [email protected]

18

Corso di comunicazione digitale

Scienze della comunicazione - UNIPG

Che cos’è Joomla!

Page 19: Il CMS Joomla!

12/04/2023box@

massim

ogagliardi.it - [email protected]

19

Corso di comunicazione digitale

Scienze della comunicazione - UNIPG

Che cos’è Joomla!

Page 20: Il CMS Joomla!

12/04/2023box@

massim

ogagliardi.it - [email protected]

20

Corso di comunicazione digitale

Scienze della comunicazione - UNIPG

Che cos’è Joomla!

Page 21: Il CMS Joomla!

12/04/2023box@

massim

ogagliardi.it - [email protected]

21

Corso di comunicazione digitale

Scienze della comunicazione - UNIPG

Che cos’è Joomla!

Page 22: Il CMS Joomla!

12/04/2023box@

massim

ogagliardi.it - [email protected]

22

Corso di comunicazione digitale

Scienze della comunicazione - UNIPG

Che cos’è Joomla!

Page 23: Il CMS Joomla!

12/04/2023box@

massim

ogagliardi.it - [email protected]

23

Corso di comunicazione digitale

Scienze della comunicazione - UNIPG

Che cos’è Joomla!

Page 24: Il CMS Joomla!

12/04/2023box@

massim

ogagliardi.it - [email protected]

24

Corso di comunicazione digitale

Scienze della comunicazione - UNIPG

Che cos’è Joomla!

Page 25: Il CMS Joomla!

Installazione e configurazionedel CMS Joomla!

12/04/2023box@

massim

ogagliardi.it - [email protected]

25

Corso di comunicazione digitale

Scienze della comunicazione - UNIPG

Page 26: Il CMS Joomla!

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?

Page 27: Il CMS Joomla!

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:

Page 28: Il CMS Joomla!

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)

Page 29: Il CMS Joomla!

12/04/2023box@

massim

ogagliardi.it - [email protected]

29

Corso di comunicazione digitale

Scienze della comunicazione - UNIPG

Installazione Xampp (2)

Page 30: Il CMS Joomla!

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)

Page 31: Il CMS Joomla!

12/04/2023box@

massim

ogagliardi.it - [email protected]

31

Corso di comunicazione digitale

Scienze della comunicazione - UNIPG

Installazione Xampp (4)

Page 32: Il CMS Joomla!

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

Page 33: Il CMS Joomla!

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)

Page 34: Il CMS Joomla!

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)

Page 35: Il CMS Joomla!

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)

Page 36: Il CMS Joomla!

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)

Page 37: Il CMS Joomla!

12/04/2023box@

massim

ogagliardi.it - [email protected]

37

Corso di comunicazione digitale

Scienze della comunicazione - UNIPG

Configurazione Xampp (5)

Page 38: Il CMS Joomla!

12/04/2023box@

massim

ogagliardi.it - [email protected]

38

Corso di comunicazione digitale

Scienze della comunicazione - UNIPG

Configurazione Xampp (6)

Page 39: Il CMS Joomla!

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)

Page 40: Il CMS Joomla!

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

Page 41: Il CMS Joomla!

12/04/2023box@

massim

ogagliardi.it - [email protected]

41

Corso di comunicazione digitale

Scienze della comunicazione - UNIPG

Configurazione Joomla!

Page 42: Il CMS Joomla!

12/04/2023box@

massim

ogagliardi.it - [email protected]

42

Corso di comunicazione digitale

Scienze della comunicazione - UNIPG

Configurazione Joomla! (2)

Page 43: Il CMS Joomla!

12/04/2023box@

massim

ogagliardi.it - [email protected]

43

Corso di comunicazione digitale

Scienze della comunicazione - UNIPG

Configurazione Joomla! (3)

Page 44: Il CMS Joomla!

12/04/2023box@

massim

ogagliardi.it - [email protected]

44

Corso di comunicazione digitale

Scienze della comunicazione - UNIPG

Configurazione Joomla! (4)

Page 45: Il CMS Joomla!

12/04/2023box@

massim

ogagliardi.it - [email protected]

45

Corso di comunicazione digitale

Scienze della comunicazione - UNIPG

Configurazione Joomla! (5)

Page 46: Il CMS Joomla!

12/04/2023box@

massim

ogagliardi.it - [email protected]

46

Corso di comunicazione digitale

Scienze della comunicazione - UNIPG

Configurazione Joomla! (6)

Page 47: Il CMS Joomla!

12/04/2023box@

massim

ogagliardi.it - [email protected]

47

Corso di comunicazione digitale

Scienze della comunicazione - UNIPG

Configurazione Joomla! (7)

Page 48: Il CMS Joomla!

12/04/2023box@

massim

ogagliardi.it - [email protected]

48

Corso di comunicazione digitale

Scienze della comunicazione - UNIPG

Configurazione Joomla! (8)

Page 49: Il CMS Joomla!

12/04/2023box@

massim

ogagliardi.it - [email protected]

49

Corso di comunicazione digitale

Scienze della comunicazione - UNIPG

Configurazione Joomla! (9)

Page 50: Il CMS Joomla!

12/04/2023box@

massim

ogagliardi.it - [email protected]

50

Corso di comunicazione digitale

Scienze della comunicazione - UNIPG

Joomla! – Installazione completata

Page 51: Il CMS Joomla!

12/04/2023box@

massim

ogagliardi.it - [email protected]

51

Corso di comunicazione digitale

Scienze della comunicazione - UNIPG

Joomla! – Front-end – I menù

Page 52: Il CMS Joomla!

12/04/2023box@

massim

ogagliardi.it - [email protected]

52

Corso di comunicazione digitale

Scienze della comunicazione - UNIPG

Joomla! – Front-end - Articoli

Page 53: Il CMS Joomla!

12/04/2023box@

massim

ogagliardi.it - [email protected]

53

Corso di comunicazione digitale

Scienze della comunicazione - UNIPG

Joomla! – Back-end

Page 54: Il CMS Joomla!

12/04/2023box@

massim

ogagliardi.it - [email protected]

54

Corso di comunicazione digitale

Scienze della comunicazione - UNIPG

Joomla! – Back-end

Page 55: Il CMS Joomla!

12/04/2023box@

massim

ogagliardi.it - [email protected]

55

Corso di comunicazione digitale

Scienze della comunicazione - UNIPG

Joomla! – Back-end - Articolo

Page 56: Il CMS Joomla!

12/04/2023box@

massim

ogagliardi.it - [email protected]

56

Corso di comunicazione digitale

Scienze della comunicazione - UNIPG

Joomla! – Back-end – Articolo (2)

Page 57: Il CMS Joomla!

12/04/2023box@

massim

ogagliardi.it - [email protected]

57

Corso di comunicazione digitale

Scienze della comunicazione - UNIPG

Joomla! – Back-end – Template

Page 58: Il CMS Joomla!

12/04/2023box@

massim

ogagliardi.it - [email protected]

58

Corso di comunicazione digitale

Scienze della comunicazione - UNIPG

Joomla! – Front-end – Template

Page 59: Il CMS Joomla!

• 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

Page 60: Il CMS Joomla!

• 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

Page 61: Il CMS Joomla!

• 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

Page 62: Il CMS Joomla!

12/04/2023box@

massim

ogagliardi.it - [email protected]

62

Corso di comunicazione digitale

Scienze della comunicazione - UNIPG

Artisteer

Page 63: Il CMS Joomla!

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