Il CMS Joomla!

393 views

Published on

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

Published in: Technology
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total views
393
On SlideShare
0
From Embeds
0
Number of Embeds
31
Actions
Shares
0
Downloads
19
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

Il CMS Joomla!

  1. 1. 04/06/2013Massimo Gagliardi: box@massimogagliardi.itRaffaele Capasso: info@raffaelecapasso.itCorso di comunicazione digitaleScienze della comunicazione - UNIPG
  2. 2. Indice dei contenuti:- Ambienti di sviluppo (quello che serve)- Joomla! – Come si fa- Realizzazione del sito del progetto- Realizzazione delle vostre pagine04/06/2013box@massimogagliardi.it-info@raffaelecapasso.it2Corso di comunicazione digitaleScienze della comunicazione - UNIPG
  3. 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.0004/06/2013box@massimogagliardi.it-info@raffaelecapasso.it3Corso di comunicazione digitaleScienze della comunicazione - UNIPG
  4. 4. I vostri nomi Le vostre aspettativeCorso di comunicazione digitaleScienze della comunicazione - UNIPG04/06/2013box@massimogagliardi.it-info@raffaelecapasso.it4
  5. 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 impararePrerequisiti- Nessuno in particolare04/06/2013box@massimogagliardi.it-info@raffaelecapasso.it5Corso di comunicazione digitaleScienze della comunicazione - UNIPG
  6. 6. Cosa non è questo corso•Non è un corso avanzato di sviluppo04/06/2013box@massimogagliardi.it-info@raffaelecapasso.it6Corso di comunicazione digitaleScienze della comunicazione - UNIPGIL CMS JOOMLA!
  7. 7. 04/06/2013box@massimogagliardi.it-info@raffaelecapasso.it7Corso di comunicazione digitaleScienze della comunicazione - UNIPGIL CMS JOOMLA! Elementi base
  8. 8. 04/06/2013box@massimogagliardi.it-info@raffaelecapasso.it8Corso di comunicazione digitaleScienze della comunicazione - UNIPGIL CMS JOOMLA! Elementi base
  9. 9. 04/06/2013box@massimogagliardi.it-info@raffaelecapasso.it9Corso di comunicazione digitaleScienze della comunicazione - UNIPGIL CMS JOOMLA! Elementi base
  10. 10. Siti statici VS Siti dinamici• Esteriormente ai siti “statici” non manca nulla, ma... sono sitiassai 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 sulserver!!!• Impossibilità di personalizzare i contenuti in base ai visitatorie di interagire con essi• Sono siti realizzati tramite editor html... è necessario saperleggere e scrivere html e css!04/06/2013box@massimogagliardi.it-info@raffaelecapasso.it10Corso di comunicazione digitaleScienze della comunicazione - UNIPGIL CMS JOOMLA! Elementi base
  11. 11. 04/06/2013box@massimogagliardi.it-info@raffaelecapasso.it11Corso di comunicazione digitaleScienze della comunicazione - UNIPGIL CMS JOOMLA! Elementi baseSiti statici
  12. 12. 04/06/2013box@massimogagliardi.it-info@raffaelecapasso.it12Corso di comunicazione digitaleScienze della comunicazione - UNIPGIL CMS JOOMLA! Elementi baseSiti dinamici
  13. 13. • Sono facili da aggiornare e da modificare• La gestione del sito nelluso quotidiano nonrichiede particolari conoscenze tecniche• Normalmente i siti sono amministrabilidirettamente dal proprio browser• I visitatori possono interagire con il sito• Chi amministra il sito non deve impararelhtml, il css o altri linguaggi informatici04/06/2013box@massimogagliardi.it-info@raffaelecapasso.it13Corso di comunicazione digitaleScienze della comunicazione - UNIPGIL CMS JOOMLA! Elementi baseVantaggi Siti dinamici
  14. 14. 04/06/2013box@massimogagliardi.it-info@raffaelecapasso.it14Corso di comunicazione digitaleScienze della comunicazione - UNIPGChe cos’è Joomla!
  15. 15. • Un Content management system (CMS), in italiano"Sistema di gestione dei contenuti" è un software che siinstalla generalmente su un server per la gestione di sitiweb.• Un CMS è unapplicazione lato server, divisa in due parti: lasezione di amministrazione (back end), che serve adorganizzare e supervisionare la produzione dei contenuti, ela sezione applicativa (front end), che lutente web usa perfruire i contenuti e le applicazioni del sito.• I CMS sono realizzati in vari linguaggi; Joomla! è scritto inPHP e utilizza un database Mysql e un server web Apache04/06/2013box@massimogagliardi.it-info@raffaelecapasso.it15Corso di comunicazione digitaleScienze della comunicazione - UNIPGChe cos’è un CMS
  16. 16. ApacheJoomla!04/06/2013box@massimogagliardi.it-info@raffaelecapasso.it16Corso di comunicazione digitaleScienze della comunicazione - UNIPGStruttura del nostro CMS
  17. 17. Un CMS permette di costruire e aggiornare un sitodinamico, anche molto grande, senza necessità discrivere una riga di codice HTML e senza conoscerelinguaggi di programmazione lato server (comePHP) o progettare un apposito database.Laspetto esteriore delle pagine può esserepersonalizzato scegliendo un foglio di stile CSS(Cascading Style Sheets – fogli di stile)04/06/2013box@massimogagliardi.it-info@raffaelecapasso.it17Corso di comunicazione digitaleScienze della comunicazione - UNIPGVantaggi di un CMS
  18. 18. 04/06/2013box@massimogagliardi.it-info@raffaelecapasso.it18Corso di comunicazione digitaleScienze della comunicazione - UNIPGChe cos’è Joomla!
  19. 19. 04/06/2013box@massimogagliardi.it-info@raffaelecapasso.it19Corso di comunicazione digitaleScienze della comunicazione - UNIPGChe cos’è Joomla!
  20. 20. 04/06/2013box@massimogagliardi.it-info@raffaelecapasso.it20Corso di comunicazione digitaleScienze della comunicazione - UNIPGChe cos’è Joomla!
  21. 21. 04/06/2013box@massimogagliardi.it-info@raffaelecapasso.it21Corso di comunicazione digitaleScienze della comunicazione - UNIPGChe cos’è Joomla!
  22. 22. 04/06/2013box@massimogagliardi.it-info@raffaelecapasso.it22Corso di comunicazione digitaleScienze della comunicazione - UNIPGChe cos’è Joomla!
  23. 23. 04/06/2013box@massimogagliardi.it-info@raffaelecapasso.it23Corso di comunicazione digitaleScienze della comunicazione - UNIPGChe cos’è Joomla!
  24. 24. 04/06/2013box@massimogagliardi.it-info@raffaelecapasso.it24Corso di comunicazione digitaleScienze della comunicazione - UNIPGChe cos’è Joomla!
  25. 25. Installazione e configurazionedel CMS Joomla!04/06/2013box@massimogagliardi.it-info@raffaelecapasso.it25Corso di comunicazione digitaleScienze della comunicazione - UNIPG
  26. 26. Naturalmente su Internet! Pacchetto Xampp: contiene: Apache (web server), MySQL (database management system), PHP (linguaggio di scripting per la creazione dipagine dinamiche) Joomla 2.504/06/2013box@massimogagliardi.it-info@raffaelecapasso.it26Corso di comunicazione digitaleScienze della comunicazione - UNIPGInstallazione e configurazioneDove troviamo i pezzi?
  27. 27. 1. Creiamo una cartella qualsiasi2. Scarichiamo Joomla! dahttp://www.joomla.it/download.htmlClicchiamo su Joomla 2.5. Il file è Joomla2.5.9 ita Stable3. Scarichiamo XAMPP dahttp://www.apachefriends.org/it/xampp.htmlClicchiamo su XAMPP per Windows, poi XAMPP, poi Installer per scaricare il file04/06/2013box@massimogagliardi.it-info@raffaelecapasso.it27Corso di comunicazione digitaleScienze della comunicazione - UNIPGInstallazione e configurazioneComponiamo il puzzle4. Nella cartella che abbiamo creato avremo i seguenti files:
  28. 28. Clicchiamo 2 volte sul file XAMPP appenascaricato e andiamo avanti conl’installazione. E’ tutto moltosemplice, diamo solo una veloce occhiataalle schermate che seguiranno via via…04/06/2013box@massimogagliardi.it-info@raffaelecapasso.it28Corso di comunicazione digitaleScienze della comunicazione - UNIPGInstallazione Xampp (1)
  29. 29. 04/06/2013box@massimogagliardi.it-info@raffaelecapasso.it29Corso di comunicazione digitaleScienze della comunicazione - UNIPGInstallazione Xampp (2)
  30. 30. 04/06/2013box@massimogagliardi.it-info@raffaelecapasso.it30Corso di comunicazione digitaleScienze della comunicazione - UNIPGInstallazione Xampp (3)Nella finestra a sinistra, in SERVICE SECTION, possiamo spuntare lecaselline di due dei tre servizi: Apache, MySQL (Filezilla è un serverFTP, per il momento non serve. In ogni caso è possibile abilitarlo inogni momento)
  31. 31. 04/06/2013box@massimogagliardi.it-info@raffaelecapasso.it31Corso di comunicazione digitaleScienze della comunicazione - UNIPGInstallazione Xampp (4)
  32. 32. 04/06/2013box@massimogagliardi.it-info@raffaelecapasso.it32Corso di comunicazione digitaleScienze della comunicazione - UNIPGInstallazione Xampp (5)Cliccando su Sì si aprirà il pannello di controllo (Control Panel) diXampp, non c’è da fare niente se non verificare che Apache e Mysql sianoin “running”, dopodichè possiamo ridurre a icona. Il pannello dicontrollo potrà comunque essere aperto in ogni momento cliccandosull’icona arancione che sarà apparsa sul Desktop
  33. 33. Una volta installato XAMPP, cominciamo a configurarlo. Per fareciò, scriviamo nella barra indirizzi del nostro browserhttp://localhost/xampp04/06/2013box@massimogagliardi.it-info@raffaelecapasso.it33Corso di comunicazione digitaleScienze della comunicazione - UNIPGConfigurazione Xampp (1)
  34. 34. Come consigliato dallapagina, clicchiamo su statusper vedere se va tutto bene04/06/2013box@massimogagliardi.it-info@raffaelecapasso.it34Corso di comunicazione digitaleScienze della comunicazione - UNIPGConfigurazione Xampp (2)
  35. 35. Vediamo che sono attivate lecomponenti principali, siamo a posto.Clicchiamo su “Sicurezza”04/06/2013box@massimogagliardi.it-info@raffaelecapasso.it35Corso di comunicazione digitaleScienze della comunicazione - UNIPGConfigurazione Xampp (3)
  36. 36. Per cambiare queste impostazioni di sicurezza è sufficiente scorrere poco più inbasso la pagina e cliccare su http://localhost/security/xamppsecurity.php04/06/2013box@massimogagliardi.it-info@raffaelecapasso.it36Corso di comunicazione digitaleScienze della comunicazione - UNIPGConfigurazione Xampp (4)
  37. 37. 04/06/2013box@massimogagliardi.it-info@raffaelecapasso.it37Corso di comunicazione digitaleScienze della comunicazione - UNIPGConfigurazione Xampp (5)
  38. 38. 04/06/2013box@massimogagliardi.it-info@raffaelecapasso.it38Corso di comunicazione digitaleScienze della comunicazione - UNIPGConfigurazione Xampp (6)
  39. 39. Abbiamo installato XAMPP, attivando unserver web locale (http://localhost) einstallando un sistema di gestione database(MySQL) e un linguaggio di scripting (Php)che Joomla! utilizzerà per funzionarecorrettamente.04/06/2013box@massimogagliardi.it-info@raffaelecapasso.it39Corso di comunicazione digitaleScienze della comunicazione - UNIPGConfigurazione Xampp (Riassunto)
  40. 40. • Scompattate il vostro file compressojoomla in una cartella con nome apiacere (suggeriamo il vostro nome)• Digitiamo semplicementehttp://localhost/nomeassegnato percominciare la configurazione04/06/2013box@massimogagliardi.it-info@raffaelecapasso.it40Corso di comunicazione digitaleScienze della comunicazione - UNIPGInstallazione Joomla!
  41. 41. 04/06/2013box@massimogagliardi.it-info@raffaelecapasso.it41Corso di comunicazione digitaleScienze della comunicazione - UNIPGConfigurazione Joomla!
  42. 42. 04/06/2013box@massimogagliardi.it-info@raffaelecapasso.it42Corso di comunicazione digitaleScienze della comunicazione - UNIPGConfigurazione Joomla! (2)
  43. 43. 04/06/2013box@massimogagliardi.it-info@raffaelecapasso.it43Corso di comunicazione digitaleScienze della comunicazione - UNIPGConfigurazione Joomla! (3)
  44. 44. 04/06/2013box@massimogagliardi.it-info@raffaelecapasso.it44Corso di comunicazione digitaleScienze della comunicazione - UNIPGConfigurazione Joomla! (4)
  45. 45. 04/06/2013box@massimogagliardi.it-info@raffaelecapasso.it45Corso di comunicazione digitaleScienze della comunicazione - UNIPGConfigurazione Joomla! (5)
  46. 46. 04/06/2013box@massimogagliardi.it-info@raffaelecapasso.it46Corso di comunicazione digitaleScienze della comunicazione - UNIPGConfigurazione Joomla! (6)
  47. 47. 04/06/2013box@massimogagliardi.it-info@raffaelecapasso.it47Corso di comunicazione digitaleScienze della comunicazione - UNIPGConfigurazione Joomla! (7)
  48. 48. 04/06/2013box@massimogagliardi.it-info@raffaelecapasso.it48Corso di comunicazione digitaleScienze della comunicazione - UNIPGConfigurazione Joomla! (8)
  49. 49. 04/06/2013box@massimogagliardi.it-info@raffaelecapasso.it49Corso di comunicazione digitaleScienze della comunicazione - UNIPGConfigurazione Joomla! (9)
  50. 50. 04/06/2013box@massimogagliardi.it-info@raffaelecapasso.it50Corso di comunicazione digitaleScienze della comunicazione - UNIPGJoomla! – Installazione completata
  51. 51. 04/06/2013box@massimogagliardi.it-info@raffaelecapasso.it51Corso di comunicazione digitaleScienze della comunicazione - UNIPGJoomla! – Front-end – I menù
  52. 52. 04/06/2013box@massimogagliardi.it-info@raffaelecapasso.it52Corso di comunicazione digitaleScienze della comunicazione - UNIPGJoomla! – Front-end - Articoli
  53. 53. 04/06/2013box@massimogagliardi.it-info@raffaelecapasso.it53Corso di comunicazione digitaleScienze della comunicazione - UNIPGJoomla! – Back-end
  54. 54. 04/06/2013box@massimogagliardi.it-info@raffaelecapasso.it54Corso di comunicazione digitaleScienze della comunicazione - UNIPGJoomla! – Back-end
  55. 55. 04/06/2013box@massimogagliardi.it-info@raffaelecapasso.it55Corso di comunicazione digitaleScienze della comunicazione - UNIPGJoomla! – Back-end - Articolo
  56. 56. 04/06/2013box@massimogagliardi.it-info@raffaelecapasso.it56Corso di comunicazione digitaleScienze della comunicazione - UNIPGJoomla! – Back-end – Articolo (2)
  57. 57. 04/06/2013box@massimogagliardi.it-info@raffaelecapasso.it57Corso di comunicazione digitaleScienze della comunicazione - UNIPGJoomla! – Back-end – Template
  58. 58. 04/06/2013box@massimogagliardi.it-info@raffaelecapasso.it58Corso di comunicazione digitaleScienze della comunicazione - UNIPGJoomla! – Front-end – Template
  59. 59. • Free (o Business) template• Artisteer• Css (cascade style sheet)• [Responsive]04/06/2013box@massimogagliardi.it-info@raffaelecapasso.it59Corso di comunicazione digitaleScienze della comunicazione - UNIPGJoomla! – Template
  60. 60. • http://ajoomlatemplates.com/• http://www.bestofjoomla.com/04/06/2013box@massimogagliardi.it-info@raffaelecapasso.it60Corso di comunicazione digitaleScienze della comunicazione - UNIPGJoomla! – Free (business) template
  61. 61. • 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)04/06/2013box@massimogagliardi.it-info@raffaelecapasso.it61Corso di comunicazione digitaleScienze della comunicazione - UNIPGContenuti messi a disposizione
  62. 62. 04/06/2013box@massimogagliardi.it-info@raffaelecapasso.it62Corso di comunicazione digitaleScienze della comunicazione - UNIPGArtisteer
  63. 63.  http://www.joowiki.com/ Tutorial vari su comeinstallare Joomla e anche videocorsi http://www.youtube.com/watch?v=A5zFLqF3Z4g Videocorso in italiano http://www.joomla.it Tutto lo scibile suJoomla per approfondire questa e altre lezioni http://cocoate.com/sites/cocoate.com/files/private/j25it.pdf Guida per principianti04/06/2013box@massimogagliardi.it-info@raffaelecapasso.it63Corso di comunicazione digitaleScienze della comunicazione - UNIPGLinkografia

×