ITIS “G. Marconi” - Pontedera
Linux Day 2013
Sviluppare siti web
con CMS Open Source
Marco Barsotti
ITIS “G. Marconi” - Pontedera
Linux Day 2013
Sviluppare siti web
con CMS Open Source
Perché CMS ?
Marco Barsotti
Le figure del web
●
●
●
Analista
–
Requisiti / Risorse
–
Ottimo “ascoltatore”
Web designer
–
Cura l'aspetto esteriore
–
Ottima conoscenza HTML / CSS / Grafica
Web developer
–
Cura la “meccanica”
–
Ottimo programmatore
Sabato 26 ottobre 2013
ITIS “G.Marconi” - Pontedera
Sviluppare siti web
con CMS Open Source
Perché CMS ?
3 / 14
Gli impieghi del web
●
Web agency
●
Piccole aziende
●
Grandi aziende
●
Multinazionali
e poi...
●
Web designer freelance
Sabato 26 ottobre 2013
ITIS “G.Marconi” - Pontedera
Sviluppare siti web
con CMS Open Source
Perché CMS ?
4 / 14
Web designer freelance
●
●
La “gavetta” del web
–
Lavorare gratis (o quasi...)
–
Investire su se stessi (certificazioni!!!)
“One-Man Show”
–
Ottimo ascoltatore e commerciante
–
HTML / CSS
–
PHP / JavaScript
–
SEO
Sabato 26 ottobre 2013
ITIS “G.Marconi” - Pontedera
Sviluppare siti web
con CMS Open Source
Perché CMS ?
5 / 14
Web designer freelance
●
Un lavoro appagante
–
●
Questo “l'ho fatto io”!
Un lavoro “che paga”
–
Non conosce crisi (+40% '12,+45% '13)
–
Imparare a calcolare i costi
–
Non c'è un limite superiore...
–
Commercialista!
Sabato 26 ottobre 2013
ITIS “G.Marconi” - Pontedera
Sviluppare siti web
con CMS Open Source
Perché CMS ?
6 / 14
Web designer freelance
●
Un lavoro difficile
–
–
Concorrenza
●
Farsi trovare preparati!
●
Saper vendere il proprio prodotto
Clienti sempre più “esperti”
●
Pretendono manutenzione (pagata?)
●
Vogliono mantenersi il sito da soli!
Sabato 26 ottobre 2013
ITIS “G.Marconi” - Pontedera
Sviluppare siti web
con CMS Open Source
Perché CMS ?
7 / 14
Sito statico vs Sito dinamico
●
●
Statico
–
Contenuto “fisso” - sola lettura
–
Pagine personali, piccole aziende, landing
pages...
Dinamico
–
Contenuto “variabile” - interattivo
–
Organizzazioni, aziende medio-grandi,
scuole...
Sabato 26 ottobre 2013
ITIS “G.Marconi” - Pontedera
Sviluppare siti web
con CMS Open Source
Perché CMS ?
8 / 14
Sito statico vs Sito dinamico
●
●
Statico
–
HTML + CSS , Flash
–
Basso costo di realizzazione
–
Alto costo di mantenimento
Dinamico
–
HTML + CSS + PHP + SQL + JS + ASP + ..
–
Alto costo di realizzazione
–
Basso costo di mantenimento
Sabato 26 ottobre 2013
ITIS “G.Marconi” - Pontedera
Sviluppare siti web
con CMS Open Source
Perché CMS ?
9 / 14
Non si vendono più i siti statici...
●
●
Editor WYSWYG
–
Frontpage (Windows)
–
Dreamweaver (Windows/Mac)
–
iWeb (Mac)
–
Nvu (multipiattaforma)
–
Kompozer (multipiattaforma)
Drag&Drop
–
Wix.com
Sabato 26 ottobre 2013
ITIS “G.Marconi” - Pontedera
Sviluppare siti web
con CMS Open Source
Perché CMS ?
10 / 14
...siti web dinamici vanno a ruba!
●
●
Abbattono i costi di mantenimento
–
All'utente piace il fai-da-te
–
Aggiornamento giornaliero
Ma i siti dinamici sono complicati!
–
Immissione dati user-friendly
–
Utenti / permessi
–
Database
–
Generazione pagine
Sabato 26 ottobre 2013
ITIS “G.Marconi” - Pontedera
Sviluppare siti web
con CMS Open Source
Perché CMS ?
11 / 14
CMS
Content Management System
●
Applicazione lato server
●
Front-end
–
●
Back-end
–
●
Alta personalizzazione
Gestione codeless, user-friendly
Database
–
Robustezza
Sabato 26 ottobre 2013
ITIS “G.Marconi” - Pontedera
Sviluppare siti web
con CMS Open Source
Perché CMS ?
12 / 14
CMS proprietari
●
Specializzazione ad-hoc
–
Coincide con la realtà che si vuole gestire
●
Scarsa espandibilità
●
Istruire il cliente
●
Costi elevati
●
Grandi aziende, enti, organizzazioni
●
Bug?
Sabato 26 ottobre 2013
ITIS “G.Marconi” - Pontedera
Sviluppare siti web
con CMS Open Source
Perché CMS ?
13 / 14
CMS Open Source
●
Generici / specializzati
–
Wordpress, Drupal, Joomla
–
Moodle
●
Elevata espandibilità
●
Documentazione già esistente
●
Costi contenuti
●
Piccole-medie aziende, scuole
●
Vantaggi dell'Open Source
Sabato 26 ottobre 2013
ITIS “G.Marconi” - Pontedera
Sviluppare siti web
con CMS Open Source
Perché CMS ?
14 / 14
ITIS “G. Marconi” - Pontedera
Linux Day 2013
Sviluppare siti web
con CMS Open Source
WordPress
Marco Barsotti
Un CMS solo per bloggers?
●
●
Plug-in (27000+)
–
Immagini
–
Download
–
E-commerce
–
Database
Temi (2000+)
–
http://wordpress.org/themes/
Sabato 26 ottobre 2013
ITIS “G.Marconi” - Pontedera
Sviluppare siti web
con CMS Open Source
Wordpress
2/5
Siti famosi in WordPress
●
●
VIP
–
http://www.sylvesterstallone.com
–
http://www.markwebber.com
Testate giornalistiche
–
http://www.ilfattoquotidiano.it
●
Scuole
●
http://wordpress.org/showcase/
Sabato 26 ottobre 2013
ITIS “G.Marconi” - Pontedera
Sviluppare siti web
con CMS Open Source
Wordpress
3/5
Caratteristiche
●
Installazione facile e immediata
●
Facile estensione funzionalità
●
Illimitata personalizzazione aspetto
●
Editor WYSIWYG per i testi
●
Utenti / permessi
●
Categorie
●
Template
●
Pagine statiche ecc....
Sabato 26 ottobre 2013
ITIS “G.Marconi” - Pontedera
Sviluppare siti web
con CMS Open Source
Wordpress
4/5
I vantaggi dell'Open Source
●
Creare / modificare temi
●
Creare / modificare plugin
●
http://wordpress.org
●
Google is the way!
Sabato 26 ottobre 2013
ITIS “G.Marconi” - Pontedera
Sviluppare siti web
con CMS Open Source
Wordpress
5/5
ITIS “G. Marconi” - Pontedera
Linux Day 2013
Sviluppare siti web
con CMS Open Source
Un esempio concreto:
www.aiapontedera.it
Marco Barsotti
Analisi situazione esistente
●
●
Hosting
–
Risorse
–
Applicazioni
Addetti
–
Livello di conoscenze
–
Abitudini / routine
Sabato 26 ottobre 2013
ITIS “G.Marconi” - Pontedera
Sviluppare siti web
con CMS Open Source
Un esempio concreto
2/8
Must del committente
●
●
Mantenere news e contenuti
–
Riutilizzare lo stesso CMS (DB)
–
Esportare / Importare
Gestione user-friendly
–
●
Grafica formale e “pulita”
–
●
Orientata all'inserimento articoli
Il vecchio “tema” non piaceva
Tempistiche strette
Sabato 26 ottobre 2013
ITIS “G.Marconi” - Pontedera
Sviluppare siti web
con CMS Open Source
Un esempio concreto
3/8
Pagine “importanti”
●
●
Pagina “Organico”
–
Dati anagrafici già presenti in .xls
–
Foto degli associati
–
Ricerca / filtro
Pagina “Impianti di gioco”
–
Dati in .xls suddivisi in via-comune-prov
–
Ubicazione su Google Maps
Sabato 26 ottobre 2013
ITIS “G.Marconi” - Pontedera
Sviluppare siti web
con CMS Open Source
Un esempio concreto
4/8
Funzionalità richieste
●
●
●
Newsletter
–
Invio ultime news a tutti gli associati
–
Grafica mobile-friendly
Calendario
–
Mini-calendario in tutte le pagine
–
Reminder prossimi eventi
–
Eventi ricorrenti
Fotogallery
–
Inserimento negli articoli
Sabato 26 ottobre 2013
ITIS “G.Marconi” - Pontedera
Sviluppare siti web
con CMS Open Source
Un esempio concreto
5/8
Personalizzazione
●
●
Modificare il tema (CSS)
–
Individuare gli elementi
–
Divertirsi con le proprietà
Modificare i plugin (PHP/JS)
–
Infinite possibilità...
–
...ma occhio a non fare danni!
–
/* commentare */
Sabato 26 ottobre 2013
ITIS “G.Marconi” - Pontedera
Sviluppare siti web
con CMS Open Source
Un esempio concreto
6/8
Qualche “trucchetto”
●
●
Reattività bassa
–
Immagini grandi
–
Caricam. immagini intelligente (Lazy Load)
Widget solo in certe pagine
–
●
Widget Logic
Problema nell'invio newsletter
–
Mailing list
Sabato 26 ottobre 2013
ITIS “G.Marconi” - Pontedera
Sviluppare siti web
con CMS Open Source
Un esempio concreto
7/8
Ottimizzazioni / Work in progress
●
Search Engine Optimization (SEO)
–
All in One SEO Pack
–
robots.txt
●
Aggiornamento plugin
●
Aggiornamento CMS
●
Backup
–
File
–
Database
Sabato 26 ottobre 2013
ITIS “G.Marconi” - Pontedera
Sviluppare siti web
con CMS Open Source
Un esempio concreto
8/8