CMS Joomla

Embed Size (px)

DESCRIPTION

Installazione e configurazione di Jommla su Windows, Linux e Mac

Text of CMS Joomla

  • 1. Il CMS Joomla Mauro Faillamauro.failla2@gmail.com

2. Vedremo come : Installare e configurare tutto lambiente necessario (Su macchine Windows, Linux e Mac) Installare Joomla 3. Cos un CMS Un content management system, in acronimo CMS,in italiano Sistema di Gestione dei Contenuti, unostrumento software installato su un server webstudiato per facilitare la gestione dei contenuti di sitiweb, svincolando lamministratore da conoscenzetecniche di programmazione Web.I CMS possono essere realizzati tramiteprogrammazione in vari linguaggi web tra cui picomunemente in ASP, PHP, .NET; 4. Il CMS JOOMLA Joomla un software di content management per siti web,realizzato completamente in linguaggio PHP. pubblicato conlicenza open source GNU GPL v.2. nato nel settembre 2005da una scissione dal codice del CMS Mambo;Tra le caratteristiche principali abbiamo lalto grado dipersonalizzazione grazie alle numerose estensioni: moduli,componenti e plugin; Caching delle pagine per incrementare le prestazioni; Funzioni di Search Engine Optimization, per facilitarelindicizzazione dei contenuti da parte dei motori di ricerca. 5. Per iniziare : Scaricare lultima versione stabile di Joomla dal sitohttp://www.joomla.it/download.html(Joomla 2.5.2 Ita Stable) Abbiamo 2 alternative : Installazione in locale Installazione su Web Server 6. Tutto il necessario : Apache: il Web server; MySQL: il database management system (odatabase server); PHP: il linguaggio di programmazione. 7. Installazione su Web ServerDato per scontato la presenza, nel server che ospitail nostro dominio, di php e mysql , passiamoallinstallazione di Joomla. Scaricare un Client FTP, consiglio Filezilla(free ed in italiano)http://filezilla-project.org/download.php 8. Installazione 1/3 Avviamo Filezilla e dal primo menu in alto click su: "File" selezioniamo "Gestore siti", poi "Nuovo sito",inseriamo il nome del nostro dominio.Nella finestra di destra compiliamo il campo Host,solitamente ftp.nomesito.ext (dove nomesitoindica il nome del vostro dominio ed ext lestensioneo .it o .com ecc...) ma pu essere anche una serienumerica, viene fornito dal gestore di hosting con idati di accesso FTP. 9. Installazione 2/3 Nel campo "Porta" inseriamo il numero 21, in "Tipo server"lasciamo FTP - File Transfer Protocol, in "Tipo di accesso"selezioniamo "Normale", in "Utente" il nome utente, in"Password" la password (dati forniti dal gestore di hosting).Click su "Connetti", nella finestra di destra vengonomostrate le cartelle presenti sul server allinterno del nostrodominio, su alcuni server necessario accedere alla cartellache viene definita come la cartella principale del nostro sito(Root) dove devono essere caricati tutti i file di Joomla. (es."public_html" oppure "httpdocs"). 10. Installazione 3/3 Eliminare dalla cartella principale eventuali file dinome index.html o index.htm. Nella finestra di sinistra che mostra i dati del nostroPC navigliamo fra le cartelle fino a trovare la cartellache contiene i file di Joomla, selezioniamo tutti i filee le cartelle presenti in questa cartella e trasciniamoli,tenendo premuto il tasto sinistro del mouse, nellafinestra di destra. Attendere il completamento delloperazione 11. Installazione in LocaleS.O. Linux Ubuntu Possiamo installare manualmente i 3 softwareelencati precedentemente (apache,php, mysql) Pi velocemente possiamo installare il pacchettoLAMP che comprende tutto loccorrente Da terminale digitare :sudo tasksel install lamp-serverConfigurare MySQL:Durante linstallazione di mysql verr chiesto diintrodurre una password, che sar quella perlutente principale di mysql.(non dimenticare tale psw) 12. Snapshot TaskselLa spunta si inserisce premendo la barra spaziatrice. 13. Cominciamo listallazione di Joomla Scompattiamo il file .tar scaricato dal sito Posizioniamoci, da terminale, dove presente lanoistra cartella:cd /home/..... Copiamo la cartella joomla appena scompattata invar/www:sudo cp -r joomla /var/www Diamo i permessi di scrittura alla cartellasudo chmod -R 777 /var/www/joomla 14. Creazione DatabaseJoomla per funzionare necessita di un database creiamolo econfiguriamolo: mysql -u root -p (verr chiesta la psw) CREATE DATABASE joomladatabase; GRANT ALL on joomladatabase .* TO utentejoomla @localhost IDENTIFIED BY passwordjoomla ; Utentejoomla : utente del pc Passwordjoomla: password Usciamo con q ed invio 15. Iniziamo http://localhost/joomla Scegliamo la lingua italiana e seguiamo le istruzioni Al termine spuntare la casella elimina file diinstallazione In alternativa:sudo rm -fr /var/www/joomla/installation 16. Installazione in Locale S.O. WindowsTutto il necessario : EasyPHP Cartella Installazione Joomla 17. Scarichiamo ed installiamo EasyPHP http://www.easyphp.org/download.php(EASYPHP 5.3.9) 18. EasyPHP Configurazione Dopo aver completato l installazione nella barra delmenu di avvio apparir licona del programma. Clicchiamo sullicona con il tasto destro del mouse,dal menu a tendina cliccate su "configurazione" eselezionare "PHP". Nel file php.ini cercate la riga "magic_quotes_gpc =Off" e impostatela a "magic_quotes_gpc = On";salvare e chiudere il file. Riavviamo i server Apache e MySql (i semafori verdiindicano lavvio). 19. Creazione del Database 1/3 Dal nostro browser digitiamo 127.0.0.1:8080click 20. Creazione del Database 2/3 Selezioniamo la scheda Database , e creiamo ildatabase. 21. Creazione del Database 3/3 Compiliamo i campi richiesti e settiamo localenella voce Host. 22. Privilegi di Accesso al Database Dalla scheda Privelegi Creiamo un nuovo utente. Spuntiamo tutte le opzioni. 23. Installazione in Locale S.O. Mac OS Prima di tutto scarichiamo ed installiamo il softwareMAMP.http://www.mamp.info/en/index.htmlLinstallazione di MAMP include un sempliceprogramma cocoa per far avviare e chiudere ilserver. E tutto installato in una cartella. Una volta avviato MAMP, il tuo Joomla e le altreapplicazioni vanno installate in una cartellachiamata htdocs situata allinterno della cartelladellapplicazione MAMP. 24. Installazione Parte 1 Lanciate MAMP con un semplice doppio clicksullicona dellapplicazione. Vedrete il programmacocoa partire e le luci verdi nella finestra indicanoquando il server Apache e MySQL sono in funzione.Il browser si dovrebbe aprire su una pagina che dicewelcom to MAMP con la URL mostrata nellabarra dellindirizzo. Lurl visualizzata dovrebbe essere questa :http://localhost:8888/MAMP/?language=English 25. Installazione Parte 2 Nella pagina web appena aperta cerare i seguenticampi :- Host: localhost- Port: 8888- User: root- Password: root Controllate che siano questi altrimenti appuntateli daqualche parte. 26. Creazione del Database Sempre nella stessa pagina http://localhost:8888/MAMP/ Cliccare su phpMyAdmin Nella pagina che si aprir cliccateCreate new Database. Scegliere un nome e cliccare su Create.In cima alla pagina cliccate sul link phpMyAdmin,torneremo alla solita pagina. Dovrete cliccare su un link nella met inferiore dellapagina con scritto Privilegi. 27. Privilegi di accesso al Database Nel mezzo della pagina troverete il link Aggiungiun nuovo utente, cliccatelo. Ora vedrete la schermata Aggiungi un nuovoutente , compilare i campi nomeutente epassword. Proseguendo, sulla stessa pagina c Privilegiglobali. Cliccate il link Seleziona tutti, poi cliccaresu Esegui. Avete appena aggiunto un database eun utente con tutti i privilegi al vostro databaseMySQL in ambiente MAMP. 28. Installazione Joomla Andare nella cartella Applicazioni e cercare lacartella Mamp. Allinterno della cartella Mamp , cercare la cartellahtdocs e copiare allinterno la cartella joomla. Adesso dal browser andiamo allindirizzo :http://localhost:8888/joomla e seguiamo i passidellinstallazione. Al termine spuntare la casella elimina file diinstallazione 29. La progettazione di un sito webLa progettazione di un sito web unattivit molto complessaperch pu essere senza dubbio annoverata tra le progettazionisoftware.Essa, a differenza della progettazione di altre tipologie di software,comporta la sinergia tra professionalit eterogenee:Esperti di comunicazioneEsperti di marketingEsperti di graficaEsperti informaticiGli step da seguire per una buona progettazione sono descritti nelCore Process. 30. Core ProcessIl Core Process attualmente una delle metodogie piseguite per il progetto o per la riprogettazione di un sitoweb.Esso frutto di unelaborazione collettiva di alcuni tra i piimportanti designer americani ed presentato come unworkflow in cinque fasi, direttamente orientato al compitodella riprogettazione. 31. Le 5 fasi del Core Process (1)Definire il progettoEsplorazione (audit, identificazione utenza e requisiti di programmazione, analisicompetitors)Pianificazione (di budget, tempistica, modelli di lavoro collaborativo, testing edocumentazione)Chiarificazione (definizione degli obiettivi)Sviluppare la struttura del sitoContenuti (organizzazione generale, strutturazione e tecniche di distribuzione)Sito (mappa, definizione convenzioni)Pagina (struttura, navigazione, convenzioni sui nomi, task interattivi)Visual design e testingCreazione (prima analisi concettuale del design visuale e proposte di layout)Convalida (realizzazione del prototipo e convalida)Applicazione (template grafici, guida di stile) 32. Le 5 fasi del Core Process (2)Produzione e controllo qualitRevisione (definizione delle linee guida e della specifiche di realizzazione, architetturadei file e delle cartelle)Costruzione (grafica, HTML, scripting, back-end)Testing (definizione dei criteri del CQ, debugging, verifica)Lancio e manutenzioneConsegna (guida di stile per aggiornamento, doc. progetto, addestramento teammanutenzione)Lancio (campagna pubblicitaria, registrazione sui motori di ricerca, upload)Manutenzione (piano di manutenzione, misurazione risultati, verifica di sicurezza). 33. Validazione Sito Web Validazione del Codice HTMLhttp://validator.w3.org/ Validazione de