SlideShare a Scribd company logo
1 of 20
Download to read offline
Linux Day 2012
              WINTER
               Template
   Soluzioni Open Source per lo
sviluppo di ogni tipologia di sito web
  Il caso pratico di Web&Dintorni

          - dott. Paolo Gatti -
           www.paologatti.it
         www.webedintorni.eu
Agenda
                  WINTER
Installazione di un server LAMP
Introduzione ai sitiTemplate
                     web (requisiti, tipologie)
Obiettivi di un sito web (progettazione e
realizzazione)
Breve introduzione ai CMS
Analisi dei CMS Open Source più
conosciuti/utilizzati nelle diverse tipologie
Esempi famosi
Esempi pratici di utilizzo professionale dei
CMS O.S. nell'azienda Web&Dintorni
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
Siti web: macro-categorie
I siti web vengono poi comunemente divisi in
categorie per inquadrarne il settore di
operatività 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
Siti web: introduzione
Un sito web è un insieme di pagine web
correlate, ovvero una struttura ipertestuale
di documenti.
Esso risiede, tramite hosting (ovviamente
Linux o *BSD!), su un web server che
permette l'accesso agli utenti che ne fanno
richiesta utilizzando un web browser (mi
raccomando, Open Source!!), sul World
Wide Web della rete Internet (porta 80),
digitando in esso il rispettivo URL (nome a
dominio) o direttamente l'indirizzo IP.
Siti web: introduzione (2)
Dal punto di vista della struttura e della tecnologia
utilizzata, i siti web si possono distinguere in 2
tipologie:
   Statici (presentano contenuti che solitamente
 vengono aggiornati con una bassa frequenza i quali,
 per essere modificati, necessitano l'intervento
 direttamente sul codice HTML della pagina. Web 1.0)
 Dinamici (presentano invece contenuti redatti
 dinamicamente, alla “chiamata” della pagina da parte
 dell'utente, grazie al collegamento ad un database, e
 forniscono contenuti che possono variare in base a
 più fattori. I siti web dinamici sono caratterizzati da
 un'alta interazione fra sito e utente (web 2.0). I
 linguaggi più utilizzati sono il PHP e l'ASP / .NET
Obbiettivi di un sito web
Raggiungibile
Navigabile (regola dei 3 click ed essere user
friendly)
Interattivo (web 2.0 → siti dinamici)
Rappresentativo (è un presentazione al
cliente!)
Contaminato (apertura e contaminazione
da/verso altri siti → generano fiducia)
Convertibile (convertire il navigatore ad
effettuare determinate azioni → call-to-action
E' importantissimo l'uso corretto dei colori!)
Progettazione e realizzazione
La progettazione di un sito web è analoga al
modello di sviluppo del software tipica
dell'ingegneria del software con la
definizione/pianificazione iniziale di ciò che deve
essere realizzato a livello logico
(analisi/definizione delle specifiche, strutturazione
dei contenuti e grafica/formattazione), seguita
dalla fase implementativa, dalla fase di testing e
dall'eventuale correzione delle incongruenze con
le specifiche o l'usabilità del sito stesso.
La realizzazione/gestione di un sito web fa ampio
uso di tecniche e conoscenze proprie della
programmazione Web.
I Content Management System
Un CMS, in italiano Sistema di gestione dei
contenuti, è uno strumento software, installato su un
server web, il cui compito è facilitare la gestione dei
contenuti di siti web, svincolando l'amministratore da
conoscenze 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!)
CMS per siti personali / aziendali
Analizziamo le caratteristiche principali dei 4 CMS più conosciuti
e apprezzati per lo sviluppo di siti Personali e Aziendali:

Wordpress                        Joomla
Facilità installazione:          Facilità installazione:
Facilità utilizzo:               Facilità utilizzo:
Facilità aggiornamento:          Facilità aggiornamento:
Flessibilità:                    Flessibilità:
Supporto:                        Supporto:

Drupal                           Plone
Facilità installazione:          Facilità installazione:
Facilità utilizzo:               Facilità utilizzo:
Facilità aggiornamento:          Facilità aggiornamento:
Flessibilità:                    Flessibilità:
Supporto:                        Supporto:
CMS per siti di E-Commerce
Analizziamo le caratteristiche principali dei 4 CMS più conosciuti
e apprezzati per lo sviluppo di siti di commercio online:

Joomla + Virtuemart              Opencart / Zen Cart
Facilità installazione:          Facilità installazione:
Facilità utilizzo:               Facilità utilizzo:
Facilità aggiornamento:          Facilità aggiornamento:
Flessibilità:                    Flessibilità:
Supporto:                        Supporto:

Magento (Community E.) Prestashop
Facilità installazione:          Facilità installazione:
Facilità utilizzo:               Facilità utilizzo:
Facilità aggiornamento:          Facilità aggiornamento:
Flessibilità:                    Flessibilità:
Supporto:                        Supporto:
CMS per siti di E-Learning
Analizziamo le caratteristiche principali dei 4 CMS più conosciuti
e apprezzati per lo sviluppo di siti di apprendimento online:

Moodle                           Docebo
Facilità installazione:          Facilità installazione:
Facilità utilizzo:               Facilità utilizzo:
Facilità aggiornamento:          Facilità aggiornamento:
Flessibilità:                    Flessibilità:
Supporto:                        Supporto:

Ilias                            eFront
Facilità installazione:          Facilità installazione:
Facilità utilizzo:               Facilità utilizzo:
Facilità aggiornamento:          Facilità aggiornamento:
Flessibilità:                    Flessibilità:
Supporto:                        Supporto:
CMS per siti di Comunità
Analizziamo le caratteristiche principali dei 4 CMS più conosciuti
e apprezzati per lo sviluppo di siti di Comunità / Sociali:

Wordpress + BuddyPress Joomla + Ja Social
Facilità 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:
CMS per Forum / Wiki
Analizziamo le caratteristiche principali dei 4 CMS più conosciuti
e apprezzati per lo sviluppo di Forum / Wiki:

phpBB                            Simple Machines Forum
Facilità 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:
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 l'e-learning
  Wikipedia → MediaWiki
L'esempio di Web&Dintorni | Server

Hosting: server virtuale XEN con HW dedicato sito
a 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.
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 realizzazione
del Template grafico (lavoro di grafica e programmazione) e
nello sviluppo di funzionalità aggiuntive richieste dal cliente.
Web&Dintorni | Esempi di siti realizzati

Siti realizzati con Wordpress:
  Centro Studi di Ricerca Osteopatica
  Pantoni
Siti realizzati con Joomla:
  L'Altra Parola
  For Tennis Team

Siti realizzati di E-Commerce (Virtuemart e Opencart):
  Architetti in Casa
  Caffè Cristofori

Siti di E-learning realizzati con Moodle:
  Istituto Superiore di Osteopatia
Ringraziamenti
Grazie per l'attenzione! :)
Queste slides saranno disponibili per il
download sul sito di Web&Dintorni:
http:/www.webedintorni.eu → Collaborazioni
e sul sito http://www.paologatti.it

Ora tocca a voi.. avanti con le domande!
“One more thing..”
“L'unico modo di fare un gran bel lavoro è
amare quello che fate. Se non avete ancora
trovato ciò che fa per voi, continuate a
cercare, non fermatevi, come capita per le
faccende di cuore, saprete di averlo trovato
non appena ce l'avrete davanti. E, come le
grandi storie d'amore, diventerà sempre
meglio col passare degli anni. Quindi
continuate a cercare finché non lo trovate.
Non accontentatevi. Siate affamati. Siate folli”
                                    Steve Jobs

More Related Content

What's hot

Perchè Wordpress è il presente e il futuro del Web
Perchè Wordpress è il presente e il futuro del WebPerchè Wordpress è il presente e il futuro del Web
Perchè Wordpress è il presente e il futuro del Webbonaventuradibello
 
WordPress: creare e gestire un sito gratuitamente e senza essere un esperto
WordPress: creare e gestire un sito gratuitamente e senza essere un espertoWordPress: creare e gestire un sito gratuitamente e senza essere un esperto
WordPress: creare e gestire un sito gratuitamente e senza essere un espertoBoris Amico
 
Smau 2014. WordPress, un CMS per la scuola
Smau 2014. WordPress, un CMS per la scuolaSmau 2014. WordPress, un CMS per la scuola
Smau 2014. WordPress, un CMS per la scuolaAlberto Ardizzone
 
Lezione WordPress Università degli Studi di Milano: Installazione e Gestione
Lezione WordPress Università degli Studi di Milano: Installazione e GestioneLezione WordPress Università degli Studi di Milano: Installazione e Gestione
Lezione WordPress Università degli Studi di Milano: Installazione e Gestionealessandro gasparotto
 
Introduzione a Wordpress
Introduzione a WordpressIntroduzione a Wordpress
Introduzione a WordpressSQcuola di Blog
 
WordPress 4.6 Corso Bacic
WordPress 4.6 Corso BacicWordPress 4.6 Corso Bacic
WordPress 4.6 Corso BacicRenato Gelforte
 
Creare un sito con WordPress
Creare un sito con WordPressCreare un sito con WordPress
Creare un sito con WordPressEugenio Molinario
 
Un Cms Per La Scuola Joomlafap
Un Cms Per La Scuola JoomlafapUn Cms Per La Scuola Joomlafap
Un Cms Per La Scuola JoomlafapLavia Di Sabatino
 
Wordpress la guida
Wordpress la guidaWordpress la guida
Wordpress la guidalajonard
 
WordPress per siti scolastici a norma: dominio, hosting e strumenti
WordPress per siti scolastici a norma: dominio, hosting e strumentiWordPress per siti scolastici a norma: dominio, hosting e strumenti
WordPress per siti scolastici a norma: dominio, hosting e strumentiMarco Milesi
 
Corso Base Wordpress 22-40 | installazione (2 di 4)
Corso Base Wordpress 22-40 | installazione (2 di 4)Corso Base Wordpress 22-40 | installazione (2 di 4)
Corso Base Wordpress 22-40 | installazione (2 di 4)armandocarcaterra
 
Wordpress per principianti: guida in 5 step e in 5 aree
Wordpress per principianti: guida in 5 step e in 5 areeWordpress per principianti: guida in 5 step e in 5 aree
Wordpress per principianti: guida in 5 step e in 5 areeLeonardo Serboni
 
WordPress - corso base
WordPress - corso baseWordPress - corso base
WordPress - corso baseTeo Jurina
 
I 1000 utilizzi di WordPress
I 1000 utilizzi di WordPressI 1000 utilizzi di WordPress
I 1000 utilizzi di WordPressMarco De Sangro
 

What's hot (19)

Perchè Wordpress è il presente e il futuro del Web
Perchè Wordpress è il presente e il futuro del WebPerchè Wordpress è il presente e il futuro del Web
Perchè Wordpress è il presente e il futuro del Web
 
WordPress: creare e gestire un sito gratuitamente e senza essere un esperto
WordPress: creare e gestire un sito gratuitamente e senza essere un espertoWordPress: creare e gestire un sito gratuitamente e senza essere un esperto
WordPress: creare e gestire un sito gratuitamente e senza essere un esperto
 
Smau 2014. WordPress, un CMS per la scuola
Smau 2014. WordPress, un CMS per la scuolaSmau 2014. WordPress, un CMS per la scuola
Smau 2014. WordPress, un CMS per la scuola
 
Lezione WordPress Università degli Studi di Milano: Installazione e Gestione
Lezione WordPress Università degli Studi di Milano: Installazione e GestioneLezione WordPress Università degli Studi di Milano: Installazione e Gestione
Lezione WordPress Università degli Studi di Milano: Installazione e Gestione
 
Wordpress corso base 2013
Wordpress corso base 2013Wordpress corso base 2013
Wordpress corso base 2013
 
Introduzione a Wordpress
Introduzione a WordpressIntroduzione a Wordpress
Introduzione a Wordpress
 
Corso base wordpress
Corso base wordpressCorso base wordpress
Corso base wordpress
 
I Love WordPress
I Love WordPressI Love WordPress
I Love WordPress
 
WordPress 4.6 Corso Bacic
WordPress 4.6 Corso BacicWordPress 4.6 Corso Bacic
WordPress 4.6 Corso Bacic
 
Creare un sito con WordPress
Creare un sito con WordPressCreare un sito con WordPress
Creare un sito con WordPress
 
Un Cms Per La Scuola Joomlafap
Un Cms Per La Scuola JoomlafapUn Cms Per La Scuola Joomlafap
Un Cms Per La Scuola Joomlafap
 
Introduzione a WordPress
Introduzione a WordPressIntroduzione a WordPress
Introduzione a WordPress
 
Wordpress la guida
Wordpress la guidaWordpress la guida
Wordpress la guida
 
WordPress per siti scolastici a norma: dominio, hosting e strumenti
WordPress per siti scolastici a norma: dominio, hosting e strumentiWordPress per siti scolastici a norma: dominio, hosting e strumenti
WordPress per siti scolastici a norma: dominio, hosting e strumenti
 
Corso Base Wordpress 22-40 | installazione (2 di 4)
Corso Base Wordpress 22-40 | installazione (2 di 4)Corso Base Wordpress 22-40 | installazione (2 di 4)
Corso Base Wordpress 22-40 | installazione (2 di 4)
 
Lezione 3 - Il CMS Joomla
Lezione 3 - Il CMS JoomlaLezione 3 - Il CMS Joomla
Lezione 3 - Il CMS Joomla
 
Wordpress per principianti: guida in 5 step e in 5 aree
Wordpress per principianti: guida in 5 step e in 5 areeWordpress per principianti: guida in 5 step e in 5 aree
Wordpress per principianti: guida in 5 step e in 5 aree
 
WordPress - corso base
WordPress - corso baseWordPress - corso base
WordPress - corso base
 
I 1000 utilizzi di WordPress
I 1000 utilizzi di WordPressI 1000 utilizzi di WordPress
I 1000 utilizzi di WordPress
 

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

Webdays 2004 Blogfordummies2 Ok
Webdays 2004 Blogfordummies2 OkWebdays 2004 Blogfordummies2 Ok
Webdays 2004 Blogfordummies2 OkMassimo Schiro
 
Cms, Content Management System. Sistema di gestione dei contenuti
Cms, Content Management System. Sistema di gestione dei contenutiCms, Content Management System. Sistema di gestione dei contenuti
Cms, Content Management System. Sistema di gestione dei contenutiGiulia S
 
II modulo – come gestire
II modulo – come gestireII modulo – come gestire
II modulo – come gestireBeesolution
 
WordPress, CMS/Blog per “tutte” le esigenze
WordPress, CMS/Blog per “tutte” le esigenzeWordPress, CMS/Blog per “tutte” le esigenze
WordPress, CMS/Blog per “tutte” le esigenzeRaoul Pettenò
 
Open Source con uno sguardo enterprise - CNA barcamp 2012
Open Source con uno sguardo enterprise - CNA barcamp 2012Open Source con uno sguardo enterprise - CNA barcamp 2012
Open Source con uno sguardo enterprise - CNA barcamp 2012David Denicolò
 
Open Source con uno sguardo enterprise
Open Source con uno sguardo enterpriseOpen Source con uno sguardo enterprise
Open Source con uno sguardo enterpriseCNA RAvenna
 
7. Applicazioni web e CMS
7. Applicazioni web e CMS7. Applicazioni web e CMS
7. Applicazioni web e CMSRoberto Polillo
 
Link. php [santi caltabiano]
  Link. php [santi caltabiano]  Link. php [santi caltabiano]
Link. php [santi caltabiano]santi caltabiano
 
CMS OPEN - Università degli studi di Macerata (UniMC)
CMS OPEN - Università degli studi di Macerata (UniMC)CMS OPEN - Università degli studi di Macerata (UniMC)
CMS OPEN - Università degli studi di Macerata (UniMC)Mauro Fava
 
Hosting: a ogni CMS, il suo hosting...con qualche eccezione #TipOfTheDay
Hosting: a ogni CMS, il suo hosting...con qualche eccezione  #TipOfTheDayHosting: a ogni CMS, il suo hosting...con qualche eccezione  #TipOfTheDay
Hosting: a ogni CMS, il suo hosting...con qualche eccezione #TipOfTheDayAruba S.p.A.
 
Gaetano Giunta: eZ System PHP Inside
Gaetano Giunta: eZ System PHP InsideGaetano Giunta: eZ System PHP Inside
Gaetano Giunta: eZ System PHP InsideFrancesco Fullone
 
Corso Pratico di WordPress
Corso Pratico di WordPressCorso Pratico di WordPress
Corso Pratico di WordPressNicola Strumia
 
Differenze tra Alfresco Community ed Enterprise
Differenze tra Alfresco Community ed EnterpriseDifferenze tra Alfresco Community ed Enterprise
Differenze tra Alfresco Community ed EnterpriseSoftInstigate
 
Pregi e difetti dei principali CMS Open Source
Pregi e difetti dei principali CMS Open SourcePregi e difetti dei principali CMS Open Source
Pregi e difetti dei principali CMS Open Sourcenois3
 
Slides webinar Abstract "Pregi e difetti dei principali CMS Open Source"
Slides webinar Abstract "Pregi e difetti dei principali CMS Open Source" Slides webinar Abstract "Pregi e difetti dei principali CMS Open Source"
Slides webinar Abstract "Pregi e difetti dei principali CMS Open Source" Abstract Technology Agency
 
Set up and management of an integrated information system on Linux.
Set up and management of an integrated information system on Linux.Set up and management of an integrated information system on Linux.
Set up and management of an integrated information system on Linux.Andrea Marchetti
 
Set up and management of an integrated information system on Linux.
Set up and management of an integrated information system on Linux.Set up and management of an integrated information system on Linux.
Set up and management of an integrated information system on Linux.Andrea Marchetti
 

Similar to Soluzioni Open Source per lo sviluppo di ogni tipologia di sito web. Il ca… (20)

Webdays 2004 Blogfordummies2 Ok
Webdays 2004 Blogfordummies2 OkWebdays 2004 Blogfordummies2 Ok
Webdays 2004 Blogfordummies2 Ok
 
Cms, Content Management System. Sistema di gestione dei contenuti
Cms, Content Management System. Sistema di gestione dei contenutiCms, Content Management System. Sistema di gestione dei contenuti
Cms, Content Management System. Sistema di gestione dei contenuti
 
II modulo – come gestire
II modulo – come gestireII modulo – come gestire
II modulo – come gestire
 
WordPress, CMS/Blog per “tutte” le esigenze
WordPress, CMS/Blog per “tutte” le esigenzeWordPress, CMS/Blog per “tutte” le esigenze
WordPress, CMS/Blog per “tutte” le esigenze
 
WordPress REST API
WordPress REST APIWordPress REST API
WordPress REST API
 
Open Source con uno sguardo enterprise - CNA barcamp 2012
Open Source con uno sguardo enterprise - CNA barcamp 2012Open Source con uno sguardo enterprise - CNA barcamp 2012
Open Source con uno sguardo enterprise - CNA barcamp 2012
 
Open Source con uno sguardo enterprise
Open Source con uno sguardo enterpriseOpen Source con uno sguardo enterprise
Open Source con uno sguardo enterprise
 
7. Applicazioni web e CMS
7. Applicazioni web e CMS7. Applicazioni web e CMS
7. Applicazioni web e CMS
 
Link. php [santi caltabiano]
  Link. php [santi caltabiano]  Link. php [santi caltabiano]
Link. php [santi caltabiano]
 
CMS OPEN - Università degli studi di Macerata (UniMC)
CMS OPEN - Università degli studi di Macerata (UniMC)CMS OPEN - Università degli studi di Macerata (UniMC)
CMS OPEN - Università degli studi di Macerata (UniMC)
 
Hosting: a ogni CMS, il suo hosting...con qualche eccezione #TipOfTheDay
Hosting: a ogni CMS, il suo hosting...con qualche eccezione  #TipOfTheDayHosting: a ogni CMS, il suo hosting...con qualche eccezione  #TipOfTheDay
Hosting: a ogni CMS, il suo hosting...con qualche eccezione #TipOfTheDay
 
Plone Cms
Plone CmsPlone Cms
Plone Cms
 
Gaetano Giunta: eZ System PHP Inside
Gaetano Giunta: eZ System PHP InsideGaetano Giunta: eZ System PHP Inside
Gaetano Giunta: eZ System PHP Inside
 
Tesina Grupposis
Tesina GrupposisTesina Grupposis
Tesina Grupposis
 
Corso Pratico di WordPress
Corso Pratico di WordPressCorso Pratico di WordPress
Corso Pratico di WordPress
 
Differenze tra Alfresco Community ed Enterprise
Differenze tra Alfresco Community ed EnterpriseDifferenze tra Alfresco Community ed Enterprise
Differenze tra Alfresco Community ed Enterprise
 
Pregi e difetti dei principali CMS Open Source
Pregi e difetti dei principali CMS Open SourcePregi e difetti dei principali CMS Open Source
Pregi e difetti dei principali CMS Open Source
 
Slides webinar Abstract "Pregi e difetti dei principali CMS Open Source"
Slides webinar Abstract "Pregi e difetti dei principali CMS Open Source" Slides webinar Abstract "Pregi e difetti dei principali CMS Open Source"
Slides webinar Abstract "Pregi e difetti dei principali CMS Open Source"
 
Set up and management of an integrated information system on Linux.
Set up and management of an integrated information system on Linux.Set up and management of an integrated information system on Linux.
Set up and management of an integrated information system on Linux.
 
Set up and management of an integrated information system on Linux.
Set up and management of an integrated information system on Linux.Set up and management of an integrated information system on Linux.
Set up and management of an integrated information system on Linux.
 

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

  • 1. Linux Day 2012 WINTER Template Soluzioni Open Source per lo sviluppo di ogni tipologia di sito web Il caso pratico di Web&Dintorni - dott. Paolo Gatti - www.paologatti.it www.webedintorni.eu
  • 2. Agenda WINTER Installazione di un server LAMP Introduzione ai sitiTemplate web (requisiti, tipologie) Obiettivi di un sito web (progettazione e realizzazione) Breve introduzione ai CMS Analisi dei CMS Open Source più conosciuti/utilizzati nelle diverse tipologie Esempi famosi Esempi pratici di utilizzo professionale dei CMS O.S. nell'azienda Web&Dintorni
  • 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. Siti web: macro-categorie I siti web vengono poi comunemente divisi in categorie per inquadrarne il settore di operatività 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. Siti web: introduzione Un sito web è un insieme di pagine web correlate, ovvero una struttura ipertestuale di documenti. Esso risiede, tramite hosting (ovviamente Linux o *BSD!), su un web server che permette l'accesso agli utenti che ne fanno richiesta utilizzando un web browser (mi raccomando, Open Source!!), sul World Wide Web della rete Internet (porta 80), digitando in esso il rispettivo URL (nome a dominio) o direttamente l'indirizzo IP.
  • 6. Siti web: introduzione (2) Dal punto di vista della struttura e della tecnologia utilizzata, i siti web si possono distinguere in 2 tipologie: Statici (presentano contenuti che solitamente vengono aggiornati con una bassa frequenza i quali, per essere modificati, necessitano l'intervento direttamente sul codice HTML della pagina. Web 1.0) Dinamici (presentano invece contenuti redatti dinamicamente, alla “chiamata” della pagina da parte dell'utente, grazie al collegamento ad un database, e forniscono contenuti che possono variare in base a più fattori. I siti web dinamici sono caratterizzati da un'alta interazione fra sito e utente (web 2.0). I linguaggi più utilizzati sono il PHP e l'ASP / .NET
  • 7. Obbiettivi di un sito web Raggiungibile Navigabile (regola dei 3 click ed essere user friendly) Interattivo (web 2.0 → siti dinamici) Rappresentativo (è un presentazione al cliente!) Contaminato (apertura e contaminazione da/verso altri siti → generano fiducia) Convertibile (convertire il navigatore ad effettuare determinate azioni → call-to-action E' importantissimo l'uso corretto dei colori!)
  • 8. Progettazione e realizzazione La progettazione di un sito web è analoga al modello di sviluppo del software tipica dell'ingegneria del software con la definizione/pianificazione iniziale di ciò che deve essere realizzato a livello logico (analisi/definizione delle specifiche, strutturazione dei contenuti e grafica/formattazione), seguita dalla fase implementativa, dalla fase di testing e dall'eventuale correzione delle incongruenze con le specifiche o l'usabilità del sito stesso. La realizzazione/gestione di un sito web fa ampio uso di tecniche e conoscenze proprie della programmazione Web.
  • 9. I Content Management System Un CMS, in italiano Sistema di gestione dei contenuti, è uno strumento software, installato su un server web, il cui compito è facilitare la gestione dei contenuti di siti web, svincolando l'amministratore da conoscenze 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. CMS per siti personali / aziendali Analizziamo le caratteristiche principali dei 4 CMS più conosciuti e apprezzati per lo sviluppo di siti Personali e Aziendali: Wordpress Joomla Facilità installazione: Facilità installazione: Facilità utilizzo: Facilità utilizzo: Facilità aggiornamento: Facilità aggiornamento: Flessibilità: Flessibilità: Supporto: Supporto: Drupal Plone Facilità installazione: Facilità installazione: Facilità utilizzo: Facilità utilizzo: Facilità aggiornamento: Facilità aggiornamento: Flessibilità: Flessibilità: Supporto: Supporto:
  • 11. CMS per siti di E-Commerce Analizziamo le caratteristiche principali dei 4 CMS più conosciuti e apprezzati per lo sviluppo di siti di commercio online: Joomla + Virtuemart Opencart / Zen Cart Facilità installazione: Facilità installazione: Facilità utilizzo: Facilità utilizzo: Facilità aggiornamento: Facilità aggiornamento: Flessibilità: Flessibilità: Supporto: Supporto: Magento (Community E.) Prestashop Facilità installazione: Facilità installazione: Facilità utilizzo: Facilità utilizzo: Facilità aggiornamento: Facilità aggiornamento: Flessibilità: Flessibilità: Supporto: Supporto:
  • 12. CMS per siti di E-Learning Analizziamo le caratteristiche principali dei 4 CMS più conosciuti e apprezzati per lo sviluppo di siti di apprendimento online: Moodle Docebo Facilità installazione: Facilità installazione: Facilità utilizzo: Facilità utilizzo: Facilità aggiornamento: Facilità aggiornamento: Flessibilità: Flessibilità: Supporto: Supporto: Ilias eFront Facilità installazione: Facilità installazione: Facilità utilizzo: Facilità utilizzo: Facilità aggiornamento: Facilità aggiornamento: Flessibilità: Flessibilità: Supporto: Supporto:
  • 13. CMS per siti di Comunità Analizziamo le caratteristiche principali dei 4 CMS più conosciuti e apprezzati per lo sviluppo di siti di Comunità / Sociali: Wordpress + BuddyPress Joomla + Ja Social Facilità 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. CMS per Forum / Wiki Analizziamo le caratteristiche principali dei 4 CMS più conosciuti e apprezzati per lo sviluppo di Forum / Wiki: phpBB Simple Machines Forum Facilità 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. 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 l'e-learning Wikipedia → MediaWiki
  • 16. L'esempio di Web&Dintorni | Server Hosting: server virtuale XEN con HW dedicato sito a 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. 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 realizzazione del Template grafico (lavoro di grafica e programmazione) e nello sviluppo di funzionalità aggiuntive richieste dal cliente.
  • 18. Web&Dintorni | Esempi di siti realizzati Siti realizzati con Wordpress: Centro Studi di Ricerca Osteopatica Pantoni Siti realizzati con Joomla: L'Altra Parola For Tennis Team Siti realizzati di E-Commerce (Virtuemart e Opencart): Architetti in Casa Caffè Cristofori Siti di E-learning realizzati con Moodle: Istituto Superiore di Osteopatia
  • 19. Ringraziamenti Grazie per l'attenzione! :) Queste slides saranno disponibili per il download sul sito di Web&Dintorni: http:/www.webedintorni.eu → Collaborazioni e sul sito http://www.paologatti.it Ora tocca a voi.. avanti con le domande!
  • 20. “One more thing..” “L'unico modo di fare un gran bel lavoro è amare quello che fate. Se non avete ancora trovato ciò che fa per voi, continuate a cercare, non fermatevi, come capita per le faccende di cuore, saprete di averlo trovato non appena ce l'avrete davanti. E, come le grandi storie d'amore, diventerà sempre meglio col passare degli anni. Quindi continuate a cercare finché non lo trovate. Non accontentatevi. Siate affamati. Siate folli” Steve Jobs