Creare siti con Joomla!

WWW.GURUATWORK.COM

autore e relatore:

Francesco Galganifrancesco@galgani.it

GROSSETO, 27 OTTOBRE - 31 OTTOBRE – 7 NOVEMBRE 2012

INFORMAZIONI PRELIMINARI - 1

Per rimanere in contattoMAILING LIST GURU@WORK

Dove scaricare queste slidesSITO GURU@WORK

WWW.GURUATWORK.COM

GLI INCONTRI

SABATO 27 OTTOBRE 2012, 15-16:30MERCOLEDÌ 31 OTTOBRE 2012, 17-18:30MERCOLEDÌ 7 NOVEMBRE 2012, 17-18:30

GROSSETO, VIA GINORI 43

VERRÀ RILASCIATO UN ATTESTATO DI PARTECIPAZIONE AL TERMINE DEL CORSO

WWW.GURUATWORK.COM

INFORMAZIONI PRELIMINARI - 2

INFORMAZIONI PRELIMINARI - 3

A CHI È RIVOLTO QUESTO CORSOA CHI NON HA MAI USATO JOOMLA

A CHI NON SA COME CREARE UN SITOA CHI VUOLE SPERIMENTARE E IMPARARE

PREREQUISITINESSUNO IN PARTICOLARE

INFORMAZIONI PRELIMINARI - 4

COSA NON È QUESTO CORSONON È UN CORSO AVANZATO DI SVILUPPO WEB

AVVERTENZAUSEREMO LINUX... MA NON PREOCCUPARTI!

GLI AMICI DEL GURU@WORK POSSONO DARTI UNA MANO A INSTALLARLO ;)

OBIETTIVI DEL PRIMO INCONTRO

1. CAPIRE GLI ELEMENTI DI BASE DI UN SITO

2. CAPIRE DIVERSI APPROCCIPER 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

GLI ELEMENTI DI BASE DI UN SITO WEB - 1

IL CLIENT E IL SERVER

GLI ELEMENTI DI BASE DI UN SITO WEB - 2

CODICE INVIATO DAL SERVERAL BROWSER

BROWSERSERVER (risponde al browser)

GLI ELEMENTI DI BASE DI UN SITO WEB - 3

ESEMPIO DI CODICE HTML E CSS INVIATODAL SERVER AL BROWSER DEL CLIENT

GLI ELEMENTI DI BASE DI UN SITO WEB - 4

DATABASE

SERVERCLIENT

GLI ELEMENTI DI BASE DI UN SITO WEB - 5

UN ESEMPIO DI CODICE PHP... vi spaventa? :)

SITI STATICI E DINAMICI - 1

I PRIMI SITI DA ME REALIZZATI ERANO “STATICI”...AD ESEMPIO...

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 MODIFICAREI FILE HTML PRESENTI SUL SERVER!!!

IMPOSSIBILITÀ DI PERSONALIZZARE I CONTENUTIIN BASE AI VISITATORI E DI INTERAGIRE CON ESSI

SONO SITI REALIZZATI TRAMITE EDITOR HTML...È NECESSARIO SAPER LEGGERE E SCRIVERE HTML E CSS!

SITI STATICI E DINAMICI - 3

GLI ULTIMI SITI DA ME REALIZZATI SONO “DINAMICI”...AD ESEMPIO...

ENTRAMBI SONO FATTI CON JOOMLA!

SITI STATICI E DINAMICI - 4

I VANTAGGI DEI SITI “DINAMICI”...

SONO FACILI DA AGGIORNARE E DA MODIFICARE

LA GESTIONE DEL SITO NELL'USO QUOTIDIANONON RICHIEDE PARTICOLARI CONOSCENZE TECNICHE

NORMALMENTE I SITI SONO AMMINISTRABILIDIRETTAMENTE DAL PROPRIO BROWSER

I VISITATORI POSSONO INTERAGIRE CON IL SITO

CHI AMMINISTRA IL SITO NON DEVE IMPARAREL'HTML, IL CSS O ALTRI LINGUAGGI INFORMATICI

SITI STATICI E DINAMICI - 5

MA QUANTO È COMPLESSO UN SITO DINAMICO?UN CASO CONCRETO...

19240 FILESSOCIAL NETWORK STUDENTI UNINETTUNO

1'405'744LINEE DI CODICE PHP

BASIC COCOMO MODEL77 SVILUPPATORI5 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

COS'È JOOMLA? - 1

JOOMLA È UN C.M.S.CONTENT MANAGEMENT SYSTEM

FACILITA LA GESTIONE DEI

CONTENUTI

SVINCOLA L'AMMINISTRATORE DA CONOSCENZE TECNICHE DI

PROGRAMMAZIONE WEB

COS'È JOOMLA? - 2

JOOMLA È UN “SOFTWARE LIBERO”

significa che...

(1)È FRUTTO DEL LAVORO DI UNA COMUNITÀ MONDIALE,

FATTA DI PERSONE CHE, SU BASE VOLONTARIA, CONDIVIDONO RISORSE, TEMPO E CONOSCENZE

COMMUNITY!

COS'È JOOMLA? - 3

JOOMLA È UN “SOFTWARE LIBERO”

significa che...

(2)CHIUNQUE PUÒ USARE JOOMLA PER CREARE ILPROPRIO SITO, SENZA DOVER PAGARE LICENZE

LICENZA GNU/GPL V.2

COS'È JOOMLA? - 4

JOOMLA È UN “SOFTWARE LIBERO”

significa che...

(3)I SITI FATTI CON JOOMLA POSSONO ESSERE USATIPER QUALSIASI SCOPO CONSENTITO DALLA LEGGE:

Joomla va bene per siti personali, associativi, di vendita, di informazione, istituzionali, comunitari, ecc.

LICENZA GNU/GPL V.2

COS'È JOOMLA? - 5

JOOMLA È UN “SOFTWARE LIBERO”

significa che...

(4)CHIUNQUE NE ABBIA LA CAPACITÀ, PUÒ STUDIARE

COME FUNZIONA JOOMLA E ADATTARLO ALLEPROPRIE NECESSITÀ O A QUELLE DI UN CLIENTE

LICENZA GNU/GPL V.2

COS'È JOOMLA? - 6

JOOMLA È UN “SOFTWARE LIBERO”

significa che...

(5)JOOMLA PUÒ ESSERE COPIATO E DATO AD ALTRI

SENZA ALCUN VINCOLO, A TITOLO GRATUITO O NON

LICENZA GNU/GPL V.2

COS'È JOOMLA? - 7

JOOMLA È UN “SOFTWARE LIBERO”

significa che...

(6)C'È LA LIBERTÀ DI MIGLIORARE JOOMLA

E DI DISTRIBUIRNE PUBBLICAMENTEI MIGLIORAMENTI IN MODO CHE TUTTA

LA COMUNITÀ NE TRAGGA BENEFICIO

LICENZA GNU/GPL V.2

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 NELPACCHETTO BASE, PUÒ ESSERE AGGIUNTO

COSA SERVE PER USARE JOOMLA?

VARIE POSSIBILITÀ

SPAZIO WEB +JOOMLA GIÀ INSTALLATO

SPAZIO WEB SU CUIINSTALLARE JOOMLA

INSTALLIAMO UN SERVER LAMP SUL NOSTRO PC E CI CARICHIAMO JOOMA!

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

2. APRIAMO IL TERMINALE

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

4. INSERIAMO LA PASSWORD

sudo apt-get -y install lamp-server^ phpmyadmin

5. INSTALLAZIONE IN CORSO

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

7. RIPETERE LA PASSWORD

8. SCEGLIERE “APACHE” COME SERVER WEB DA CONFIGURARE

9. CONFIGURAZIONE DI PHPMYADMIN

10. PASSWORD AMMINISTRATORE

11. ANCORA PASSWORD...

12. CONFERMA PASSWORD

13. INSTALLAZIONE COMPLETATA

14. APRO FIREFOX

15. FIREFOX APERTO

16. APRO LOCALHOST

17. ANDIAMO SUL SITO DI JOOMLA

18. SCEGLIAMO JOOMLA 2.5

19. SELEZIONIAMO IL PRIMO FILE

20. CLICCO SU DOWNLOAD

21. SCEGLIAMO “SALVA FILE”

22. IL FILE È STATO SCARICATO

23. DOPPIO CLICK SU “COMPUTER”

24. DOPPIO CLICK SU “FILE SYSTEM”

25. DOPPIO CLICK SULLA CARTELLA “VAR”

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

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

28. HO APERTO LA CARTELLA “WWW” COME AMMINISTRATORE

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

30. COPIO IL FILE DI JOOMLA

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

32. INCOLLO IL FILE DI JOOMLA IN “WWW”

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

34. RINOMINO LA NUOVA CARTELLA

35. IL NUOVO NOME È “JOOMLA”

36. APRO LE PROPRIETÀ DELLA CARTELLA

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

38. LASCIO LA CARTELLA APERTA E TORNO SU FIREFOX

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

40. SUPERO I CONTROLLI DI PREINSTALLAZIONE

41. CONTROLLO LE IMPOSTAZIONI RACCOMANDATE

42. ACCETTO LA LICENZA GNU/GPL V.2

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

44. APRO UNA NUOVA SCHEDA IN FIREFOX

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

46. CLICCO SUL PULSANTE “DATABASE”

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

48. IL DATABASE È CREATO

49. CHIUDO LA SCHEDA DI PHPMYADMIN

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

51. SALTO LA CONFIGURAZIONE FTP

52. INSERISCO GLI ULTERIORI DATI RICHIESTI

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

54. DATI DI ESEMPIO INSTALLATI

55. VADO ANCORA AVANTI

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

57. DOPPIO CLICK SU “JOOMLA”

58. ELIMINO LA CARTELLA DI INSTALLAZIONE

59. CONFERMO L'ELIMINAZIONE

60. CHIUDO “WWW”

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

62. NAVIGO NEL SITO DI ESEMPIO

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

64. ECCO COME SI PRESENTA L'AMMINISTRAZIONE

Il primo incontrofinisce qui...