Slides della prima lezione del corso "Creare siti web con Joomla" tenuto da Francesco Galgani per GuruAtWork il giorno 27/10/2012. http://www.guruatwork.com

1. Creare siti con Joomla!
autore e relatore:
Francesco Galgani
francesco@galgani.it
WWW.GURUATWORK.COM
GROSSETO, 27 OTTOBRE - 31 OTTOBRE – 7 NOVEMBRE 2012

2. INFORMAZIONI PRELIMINARI - 1
Per rimanere in contatto
MAILING LIST GURU@WORK
Dove scaricare queste slides
SITO GURU@WORK
WWW.GURUATWORK.COM

3. INFORMAZIONI PRELIMINARI - 2
GLI INCONTRI
SABATO 27 OTTOBRE 2012, 15-16:30
MERCOLEDÌ 31 OTTOBRE 2012, 17-18:30
MERCOLEDÌ 7 NOVEMBRE 2012, 17-18:30
GROSSETO, VIA GINORI 43
VERRÀ RILASCIATO UN ATTESTATO DI
PARTECIPAZIONE AL TERMINE DEL CORSO
WWW.GURUATWORK.COM

4. INFORMAZIONI PRELIMINARI - 3
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. INFORMAZIONI PRELIMINARI - 4
COSA NON È QUESTO CORSO
NON È UN CORSO AVANZATO DI SVILUPPO WEB
AVVERTENZA
USEREMO LINUX... MA NON PREOCCUPARTI!
GLI AMICI DEL GURU@WORK POSSONO
DARTI UNA MANO A INSTALLARLO ;)

6. OBIETTIVI DEL PRIMO INCONTRO
1. CAPIRE GLI ELEMENTI DI BASE DI UN SITO
2. CAPIRE DIVERSI APPROCCI
PER CREARE UN SITO
3. CAPIRE COS'È UN C.M.S.
4. CAPIRE COSA SIGNIFICA CHE JOOMLA
È UN C.M.S. E UN SOFTWARE LIBERO
5. SAPER FARE
UN'INSTALLAZIONE DI JOOMLA
NEL PROPRIO COMPUTER

7. GLI ELEMENTI DI BASE DI UN SITO WEB - 1
IL CLIENT E IL SERVER

8. GLI ELEMENTI DI BASE DI UN SITO WEB - 2
SERVER (risponde al browser)
BROWSER
CODICE INVIATO DAL SERVER
AL BROWSER

9. GLI ELEMENTI DI BASE DI UN SITO WEB - 3
ESEMPIO DI CODICE HTML E CSS INVIATO
DAL SERVER AL BROWSER DEL CLIENT

10. GLI ELEMENTI DI BASE DI UN SITO WEB - 4
CLIENT SERVER
DATABASE

11. GLI ELEMENTI DI BASE DI UN SITO WEB - 5
UN ESEMPIO DI CODICE PHP... vi spaventa? :)

12. SITI STATICI E DINAMICI - 1
I PRIMI SITI DA ME REALIZZATI ERANO “STATICI”...
AD ESEMPIO...

13. SITI STATICI E DINAMICI - 2
ESTERIORMENTE A QUESTI 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!

14. SITI STATICI E DINAMICI - 3
GLI ULTIMI SITI DA ME REALIZZATI SONO “DINAMICI”...
AD ESEMPIO...
ENTRAMBI SONO
FATTI CON JOOMLA!

15. SITI STATICI E DINAMICI - 4
I VANTAGGI DEI 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

16. SITI STATICI E DINAMICI - 5
MA QUANTO È COMPLESSO UN SITO DINAMICO?
UN CASO CONCRETO...
SOCIAL NETWORK STUDENTI UNINETTUNO
19240 FILES
1'405'744
LINEE DI CODICE PHP
BASIC COCOMO MODEL
77 SVILUPPATORI
5 ANNI DI LAVORO
54 MILIONI DI DOLLARI
IN REALTÀ, GRAZIE A JOOMLA E ALLA COMUNITÀ DI JOOMLA, È STATO
SUFFICIENTE UN SOLO SVILUPPATORE, CON COSTI E TEMPI CONTENUTI

17. COS'È JOOMLA? - 1
JOOMLA È UN C.M.S.
CONTENT MANAGEMENT SYSTEM
FACILITA LA SVINCOLA L'AMMINISTRATORE
GESTIONE DEI DA CONOSCENZE TECNICHE DI
CONTENUTI PROGRAMMAZIONE WEB

18. COS'È JOOMLA? - 2
JOOMLA È UN “SOFTWARE LIBERO”
COMMUNITY!
significa che...
(1)
È FRUTTO DEL LAVORO DI UNA COMUNITÀ MONDIALE,
FATTA DI PERSONE CHE, SU BASE VOLONTARIA,
CONDIVIDONO RISORSE, TEMPO E CONOSCENZE

19. COS'È JOOMLA? - 3
JOOMLA È UN “SOFTWARE LIBERO”
LICENZA GNU/GPL V.2
significa che...
(2)
CHIUNQUE PUÒ USARE JOOMLA PER CREARE IL
PROPRIO SITO, SENZA DOVER PAGARE LICENZE

20. COS'È JOOMLA? - 4
JOOMLA È UN “SOFTWARE LIBERO”
LICENZA GNU/GPL V.2
significa che...
(3)
I SITI FATTI CON JOOMLA POSSONO ESSERE USATI
PER QUALSIASI SCOPO CONSENTITO DALLA LEGGE:
Joomla va bene per siti personali, associativi, di vendita,
di informazione, istituzionali, comunitari, ecc.

21. COS'È JOOMLA? - 5
JOOMLA È UN “SOFTWARE LIBERO”
LICENZA GNU/GPL V.2
significa che...
(4)
CHIUNQUE NE ABBIA LA CAPACITÀ, PUÒ STUDIARE
COME FUNZIONA JOOMLA E ADATTARLO ALLE
PROPRIE NECESSITÀ O A QUELLE DI UN CLIENTE

22. COS'È JOOMLA? - 6
JOOMLA È UN “SOFTWARE LIBERO”
LICENZA GNU/GPL V.2
significa che...
(5)
JOOMLA PUÒ ESSERE COPIATO E DATO AD ALTRI
SENZA ALCUN VINCOLO, A TITOLO GRATUITO O NON

23. COS'È JOOMLA? - 7
JOOMLA È UN “SOFTWARE LIBERO”
LICENZA GNU/GPL V.2
significa che...
(6)
C'È LA LIBERTÀ DI MIGLIORARE JOOMLA
E DI DISTRIBUIRNE PUBBLICAMENTE
I MIGLIORAMENTI IN MODO CHE TUTTA
LA COMUNITÀ NE TRAGGA BENEFICIO

24. COS'È JOOMLA? - 8
JOOMLA È UNA BUONA BASE PER FARE SITI
perché...
È MOLTO DIFFUSO
È FACILE TROVARE APPASSIONATI, GUIDE IN RETE,
FORUM, LIBRI E PROFESSIONISTI
LA GRAFICA E LE FUNZIONI SONO PERSONALIZZABILI
È MODULARE: CIÒ CHE NON È PRESENTE NEL
PACCHETTO BASE, PUÒ ESSERE AGGIUNTO

25. COSA SERVE PER USARE JOOMLA?
VARIE POSSIBILITÀ
SPAZIO WEB +
JOOMLA GIÀ INSTALLATO
SPAZIO WEB SU CUI
INSTALLARE JOOMLA
INSTALLIAMO UN SERVER
LAMP SUL NOSTRO PC E CI
CARICHIAMO JOOMA!

26. 1. PARTIAMO DA UNA INSTALLAZIONE “PULITA” E AGGIORNATA DI LINUX MINT

27. 2. APRIAMO IL TERMINALE

28. 3. INSERIAMO NEL TERMINALE IL COMANDO DI INSTALLAZIONE
sudo apt-get -y install lamp-server^ phpmyadmin

29. 4. INSERIAMO LA PASSWORD

30. 5. INSTALLAZIONE IN CORSO
sudo apt-get -y install lamp-server^ phpmyadmin

31. 6. RICHIESTA DI PASSWORD (USARE IL TASTO TAB E LA BARRA SPAZIATRICE)

32. 7. RIPETERE LA PASSWORD

33. 8. SCEGLIERE “APACHE” COME SERVER WEB DA CONFIGURARE

34. 9. CONFIGURAZIONE DI PHPMYADMIN

35. 10. PASSWORD AMMINISTRATORE

36. 11. ANCORA PASSWORD...

37. 12. CONFERMA PASSWORD

38. 13. INSTALLAZIONE COMPLETATA

39. 14. APRO FIREFOX

40. 15. FIREFOX APERTO

41. 16. APRO LOCALHOST

42. 17. ANDIAMO SUL SITO DI JOOMLA

43. 18. SCEGLIAMO JOOMLA 2.5

44. 19. SELEZIONIAMO IL PRIMO FILE

45. 20. CLICCO SU DOWNLOAD

46. 21. SCEGLIAMO “SALVA FILE”

47. 22. IL FILE È STATO SCARICATO

48. 23. DOPPIO CLICK SU “COMPUTER”

49. 24. DOPPIO CLICK SU “FILE SYSTEM”

50. 25. DOPPIO CLICK SULLA CARTELLA “VAR”

51. 26. CLICK DESTRO SU “WWW” E SELEZIONO “APRI COME AMMINISTRATORE”

52. 27. INSERISCO LA PASSWORD SCELTA DURANTE L'INSTALLAZIONE DI LINUX MINT

53. 28. HO APERTO LA CARTELLA “WWW” COME AMMINISTRATORE

54. 29. LASCIO “WWW” APERTO E APRO LA CARTELLA CON I FILE SCARICATI

55. 30. COPIO IL FILE DI JOOMLA

56. 31. NELLA BARRA IN BASSO, SELEZIONO DI NUOVO “WWW”

57. 32. INCOLLO IL FILE DI JOOMLA IN “WWW”

58. 33. CLICK DESTRO SUL FILE, POI SELEZIONO “ESTRAI QUI”

59. 34. RINOMINO LA NUOVA CARTELLA

60. 35. IL NUOVO NOME È “JOOMLA”

61. 36. APRO LE PROPRIETÀ DELLA CARTELLA

62. 37. SCELGO I SEGUENTI “PERMESSI” E LI APPLICO A TUTTI I FILES CONTENUTI

63. 38. LASCIO LA CARTELLA APERTA E TORNO SU FIREFOX

64. 39. APRO http://localhost/joomla E L'INSTALLAZIONE INIZIA!

65. 40. SUPERO I CONTROLLI DI PREINSTALLAZIONE

66. 41. CONTROLLO LE IMPOSTAZIONI RACCOMANDATE

67. 42. ACCETTO LA LICENZA GNU/GPL V.2

68. 43. INSERIAMO I DATI DEL DATABASE, MA MANCA IL NOME DEL DATABASE

69. 44. APRO UNA NUOVA SCHEDA IN FIREFOX

70. 45. APRO PHPMYADMIN → http://localhost/phpmyadmin/

71. 46. CLICCO SUL PULSANTE “DATABASE”

72. 47. SCRIVO IL NOME DEL DATABASE E CLICCO SU “CREA”

73. 48. IL DATABASE È CREATO

74. 49. CHIUDO LA SCHEDA DI PHPMYADMIN

75. 50. INSERISCO IL NOME DEL DATABASE E CLICCO SU “AVANTI”

76. 51. SALTO LA CONFIGURAZIONE FTP

77. 52. INSERISCO GLI ULTERIORI DATI RICHIESTI

78. 53. NELLA STESSA PAGINA, CLICCO SU “INSTALLA DATI DI ESEMPIO”

79. 54. DATI DI ESEMPIO INSTALLATI

80. 55. VADO ANCORA AVANTI

81. 56. NELLA BARRA IN BASSO, CLICCO SU “WWW”

82. 57. DOPPIO CLICK SU “JOOMLA”

83. 58. ELIMINO LA CARTELLA DI INSTALLAZIONE

84. 59. CONFERMO L'ELIMINAZIONE

85. 60. CHIUDO “WWW”

86. 61. L'INSTALLAZIONE È FINITA, CLICCO SU “SITO”

87. 62. NAVIGO NEL SITO DI ESEMPIO

88. 63. ENTRO NELL'AMMINISTRAZIONE DA localhost/joomla/administrator

89. 64. ECCO COME SI PRESENTA L'AMMINISTRAZIONE

90. Il primo incontro
finisce qui...