Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.
Linux Day 2012              WINTER               Template   Soluzioni Open Source per losviluppo di ogni tipologia di sito...
Agenda                  WINTERInstallazione di un server LAMPIntroduzione ai sitiTemplate                     web (requisi...
Installazione di un server LAMP LAMP è un acronimo che sta per Linux, Apache, MySQL, PHP. Esempi di LAMP “all in one”:    ...
Siti web: macro-categorieI siti web vengono poi comunemente divisi incategorie per inquadrarne il settore dioperatività o ...
Siti web: introduzioneUn sito web è un insieme di pagine webcorrelate, ovvero una struttura ipertestualedi documenti.Esso ...
Siti web: introduzione (2)Dal punto di vista della struttura e della tecnologiautilizzata, i siti web si possono distingue...
Obbiettivi di un sito webRaggiungibileNavigabile (regola dei 3 click ed essere userfriendly)Interattivo (web 2.0 → siti di...
Progettazione e realizzazioneLa progettazione di un sito web è analoga almodello di sviluppo del software tipicadellingegn...
I Content Management SystemUn CMS, in italiano Sistema di gestione deicontenuti, è uno strumento software, installato su u...
CMS per siti personali / aziendaliAnalizziamo le caratteristiche principali dei 4 CMS più conosciutie apprezzati per lo sv...
CMS per siti di E-CommerceAnalizziamo le caratteristiche principali dei 4 CMS più conosciutie apprezzati per lo sviluppo d...
CMS per siti di E-LearningAnalizziamo le caratteristiche principali dei 4 CMS più conosciutie apprezzati per lo sviluppo d...
CMS per siti di ComunitàAnalizziamo le caratteristiche principali dei 4 CMS più conosciutie apprezzati per lo sviluppo di ...
CMS per Forum / WikiAnalizziamo le caratteristiche principali dei 4 CMS più conosciutie apprezzati per lo sviluppo di Foru...
Esempi famosi di utilizzo di CMS O.S.  MTV Newsroom → Wordpress  Playstation Blog → Wordpress  Yahoo Blog, eBay Blog → Wor...
Lesempio di Web&Dintorni | ServerHosting: server virtuale XEN con HW dedicato sitoa Londra con sistema operativo Debian Li...
Qual è il lavoro di Web&Dintorni?!La domanda potrebbe sorgere spontanea.. visto che fa“tutto” il CMS, dovè il lavoro di We...
Web&Dintorni | Esempi di siti realizzatiSiti realizzati con Wordpress:  Centro Studi di Ricerca Osteopatica  PantoniSiti r...
RingraziamentiGrazie per lattenzione! :)Queste slides saranno disponibili per ildownload sul sito di Web&Dintorni:http:/ww...
“One more thing..”“Lunico modo di fare un gran bel lavoro èamare quello che fate. Se non avete ancoratrovato ciò che fa pe...
Upcoming SlideShare
Loading in …5
×

Soluzioni Open Source per lo sviluppo di ogni tipologia di sito web. Il ca…

17,291 views

Published on

Talk di Paolo Gatti al Linux Day 2012 dal titolo "Soluzione Open Source per lo sviluppo di ogni tipologia di sito web. Il caso pratico di Web&Dintorni"

Published in: Technology
  • Be the first to comment

  • Be the first to like this

Soluzioni Open Source per lo sviluppo di ogni tipologia di sito web. Il ca…

  1. 1. Linux Day 2012 WINTER Template Soluzioni Open Source per losviluppo di ogni tipologia di sito web Il caso pratico di Web&Dintorni - dott. Paolo Gatti - www.paologatti.it www.webedintorni.eu
  2. 2. Agenda WINTERInstallazione di un server LAMPIntroduzione ai sitiTemplate web (requisiti, tipologie)Obiettivi di un sito web (progettazione erealizzazione)Breve introduzione ai CMSAnalisi dei CMS Open Source piùconosciuti/utilizzati nelle diverse tipologieEsempi famosiEsempi pratici di utilizzo professionale deiCMS O.S. nellazienda Web&Dintorni
  3. 3. Installazione di un server LAMP LAMP è un acronimo che sta per Linux, Apache, MySQL, PHP. Esempi di LAMP “all in one”: EasyPHP (solo per Windows) XAMPP (multipiattaforma) Installazione di XAMPP (da terminale): $ sudo su [password di root] # mkdir /opt # wget http://sito.ext/download.php? xampp-linux-1.8.1.tar.gz # tar xvfz xampp-linux-1.8.1.tar.gz -C /opt # /opt/lampp/lampp start
  4. 4. Siti web: macro-categorieI siti web vengono poi comunemente divisi incategorie per inquadrarne il settore dioperatività o i servizi offerti: Siti personali Siti aziendali Siti di e-commerce Siti di e-learning Siti di comunità Forum / WiKi Motori di ricerca Portali web
  5. 5. Siti web: introduzioneUn sito web è un insieme di pagine webcorrelate, ovvero una struttura ipertestualedi documenti.Esso risiede, tramite hosting (ovviamenteLinux o *BSD!), su un web server chepermette laccesso agli utenti che ne fannorichiesta utilizzando un web browser (miraccomando, Open Source!!), sul WorldWide Web della rete Internet (porta 80),digitando in esso il rispettivo URL (nome adominio) o direttamente lindirizzo IP.
  6. 6. Siti web: introduzione (2)Dal punto di vista della struttura e della tecnologiautilizzata, i siti web si possono distinguere in 2tipologie: Statici (presentano contenuti che solitamente vengono aggiornati con una bassa frequenza i quali, per essere modificati, necessitano lintervento direttamente sul codice HTML della pagina. Web 1.0) Dinamici (presentano invece contenuti redatti dinamicamente, alla “chiamata” della pagina da parte dellutente, grazie al collegamento ad un database, e forniscono contenuti che possono variare in base a più fattori. I siti web dinamici sono caratterizzati da unalta interazione fra sito e utente (web 2.0). I linguaggi più utilizzati sono il PHP e lASP / .NET
  7. 7. Obbiettivi di un sito webRaggiungibileNavigabile (regola dei 3 click ed essere userfriendly)Interattivo (web 2.0 → siti dinamici)Rappresentativo (è un presentazione alcliente!)Contaminato (apertura e contaminazioneda/verso altri siti → generano fiducia)Convertibile (convertire il navigatore adeffettuare determinate azioni → call-to-actionE importantissimo luso corretto dei colori!)
  8. 8. Progettazione e realizzazioneLa progettazione di un sito web è analoga almodello di sviluppo del software tipicadellingegneria del software con ladefinizione/pianificazione iniziale di ciò che deveessere realizzato a livello logico(analisi/definizione delle specifiche, strutturazionedei contenuti e grafica/formattazione), seguitadalla fase implementativa, dalla fase di testing edalleventuale correzione delle incongruenze conle specifiche o lusabilità del sito stesso.La realizzazione/gestione di un sito web fa ampiouso di tecniche e conoscenze proprie dellaprogrammazione Web.
  9. 9. I Content Management SystemUn CMS, in italiano Sistema di gestione deicontenuti, è uno strumento software, installato su unserver web, il cui compito è facilitare la gestione deicontenuti di siti web, svincolando lamministratore daconoscenze tecniche di programmazione Web.Vantaggi dei CMS Open Source: gestione multi-utenza con diversi permessi; possibilità di estendere le funzionalità base con componenti/moduli/plugin aggiuntivi; i contenuti possono essere modificati tramite un editor HTML WYSIWYG integrato; aspetto grafico personalizzabile (template); codice aperto → modifiche/personalizzazioni codice aperto → e free (non è scontato!)
  10. 10. CMS per siti personali / aziendaliAnalizziamo le caratteristiche principali dei 4 CMS più conosciutie apprezzati per lo sviluppo di siti Personali e Aziendali:Wordpress JoomlaFacilità installazione: Facilità installazione:Facilità utilizzo: Facilità utilizzo:Facilità aggiornamento: Facilità aggiornamento:Flessibilità: Flessibilità:Supporto: Supporto:Drupal PloneFacilità installazione: Facilità installazione:Facilità utilizzo: Facilità utilizzo:Facilità aggiornamento: Facilità aggiornamento:Flessibilità: Flessibilità:Supporto: Supporto:
  11. 11. CMS per siti di E-CommerceAnalizziamo le caratteristiche principali dei 4 CMS più conosciutie apprezzati per lo sviluppo di siti di commercio online:Joomla + Virtuemart Opencart / Zen CartFacilità installazione: Facilità installazione:Facilità utilizzo: Facilità utilizzo:Facilità aggiornamento: Facilità aggiornamento:Flessibilità: Flessibilità:Supporto: Supporto:Magento (Community E.) PrestashopFacilità installazione: Facilità installazione:Facilità utilizzo: Facilità utilizzo:Facilità aggiornamento: Facilità aggiornamento:Flessibilità: Flessibilità:Supporto: Supporto:
  12. 12. CMS per siti di E-LearningAnalizziamo le caratteristiche principali dei 4 CMS più conosciutie apprezzati per lo sviluppo di siti di apprendimento online:Moodle DoceboFacilità installazione: Facilità installazione:Facilità utilizzo: Facilità utilizzo:Facilità aggiornamento: Facilità aggiornamento:Flessibilità: Flessibilità:Supporto: Supporto:Ilias eFrontFacilità installazione: Facilità installazione:Facilità utilizzo: Facilità utilizzo:Facilità aggiornamento: Facilità aggiornamento:Flessibilità: Flessibilità:Supporto: Supporto:
  13. 13. CMS per siti di ComunitàAnalizziamo le caratteristiche principali dei 4 CMS più conosciutie apprezzati per lo sviluppo di siti di Comunità / Sociali:Wordpress + BuddyPress Joomla + Ja SocialFacilità installazione: Facilità installazione:Facilità utilizzo: Facilità utilizzo:Facilità aggiornamento: Facilità aggiornamento:Funzionalità: Funzionalità:Supporto: Supporto:Pligg Elgg. (commerciale)Facilità installazione: Facilità installazione:Facilità utilizzo: Facilità utilizzo:Facilità aggiornamento: Facilità aggiornamento:Funzionalità: Funzionalità:Supporto: Supporto:
  14. 14. CMS per Forum / WikiAnalizziamo le caratteristiche principali dei 4 CMS più conosciutie apprezzati per lo sviluppo di Forum / Wiki:phpBB Simple Machines ForumFacilità installazione: Facilità installazione:Facilità utilizzo: Facilità utilizzo:Facilità aggiornamento: Facilità aggiornamento:Funzionalità: Funzionalità:Supporto: Supporto:MediaWiki (Wikipedia!) Twiki (scritto in Perl)Facilità installazione: Facilità installazione:Facilità utilizzo: Facilità utilizzo:Facilità aggiornamento: Facilità aggiornamento:Funzionalità: Funzionalità:Supporto: Supporto:
  15. 15. Esempi famosi di utilizzo di CMS O.S. MTV Newsroom → Wordpress Playstation Blog → Wordpress Yahoo Blog, eBay Blog → Wordpress Porsche Brasile → Prima Joomla, ora Wordpress Epson Research & Development → Joomla Ikea Kuwait → Joomla Original Service Mercedes-Benz → Joomla Business Blog CNN → Wordpress CONI → Joomla Foppapedretti → Joomla TV Sorrisi e Canzoni → Wordpress B. Antonacci, N. Fabi, F. Renga → Wordpress Moodle usato in tutto il mondo per le-learning Wikipedia → MediaWiki
  16. 16. Lesempio di Web&Dintorni | ServerHosting: server virtuale XEN con HW dedicato sitoa Londra con sistema operativo Debian Linux 6.0.6: CPU: Intel(R) Xeon(R) X5660 @ 2.80GHz RAM: 4Gb Swap: 2Gb HD: 100Gb in RAID 1 Connessione GigaBit 2 IP dedicati 25Gb di spazio in rsync alimentazione ridondata, connessioni ridondate con bilanciamento del carico, firewall hardware, CED sorvegliato 24h su 24.
  17. 17. Qual è il lavoro di Web&Dintorni?!La domanda potrebbe sorgere spontanea.. visto che fa“tutto” il CMS, dovè il lavoro di Web&Dintorni?!Nella oppurtuna configurazione del CMS, nella realizzazionedel Template grafico (lavoro di grafica e programmazione) enello sviluppo di funzionalità aggiuntive richieste dal cliente.
  18. 18. Web&Dintorni | Esempi di siti realizzatiSiti realizzati con Wordpress: Centro Studi di Ricerca Osteopatica PantoniSiti realizzati con Joomla: LAltra Parola For Tennis TeamSiti realizzati di E-Commerce (Virtuemart e Opencart): Architetti in Casa Caffè CristoforiSiti di E-learning realizzati con Moodle: Istituto Superiore di Osteopatia
  19. 19. RingraziamentiGrazie per lattenzione! :)Queste slides saranno disponibili per ildownload sul sito di Web&Dintorni:http:/www.webedintorni.eu → Collaborazionie sul sito http://www.paologatti.itOra tocca a voi.. avanti con le domande!
  20. 20. “One more thing..”“Lunico modo di fare un gran bel lavoro èamare quello che fate. Se non avete ancoratrovato ciò che fa per voi, continuate acercare, non fermatevi, come capita per lefaccende di cuore, saprete di averlo trovatonon appena ce lavrete davanti. E, come legrandi storie damore, diventerà sempremeglio col passare degli anni. Quindicontinuate a cercare finché non lo trovate.Non accontentatevi. Siate affamati. Siate folli” Steve Jobs

×