Conoscere il web senza comprare servizi.
- il web e i suoi contenuti
- un sistema di gestione dei contenuti - CMS
- il blog, è uno degli utilizzi di un CMS
- come funziona un CMS
- il linguaggio PHP
- MySQL, forse lo usi, ma non lo conosci
- free hosting per gestione completa di un CMS
- Con un account Google c’è compreso Analytics e WebMaster tool
- uno dei CMS più diffusi: Wordpress
- ottenere di più da Wordpress
- plugin Wordpress: Google Analytics e SEO by Yoast
- esempi pratici
Wordpress, Google Analytics, MySQL e Php, con free hosting
1. pianificazione territoriale comunale: non solo mappe di PJHooker www.cityplanner.it
Google Analytics, MySQL e Php, con free hosting.
di Piergiorgio Roveda
Quest'opera è distribuita con Licenza Creative Commons Attribuzione - Condividi allo stesso modo 4.0 Internazionale.
2. Conoscere il web senza comprare servizi
Google Analytics, MySQL e Php, con free hosting
Quest'operaèdistribuitaconLicenzaCreativeCommonsAttribuzione-Condividiallostessomodo4.0Internazionale.
pianificazioneterritorialecomunale:nonsolomappediPJHookerwww.cityplanner.it
➔ il web e i suoi contenuti
➔ un sistema di gestione dei contenuti - CMS
➔ il blog, è uno degli utilizzi di un CMS
➔ come funziona un CMS
➔ il linguaggio PHP
➔ MySQL, forse lo usi, ma non lo conosci
➔ free hosting per gestione completa di un CMS
➔ Con un account Google c’è compreso Analytics e WebMaster tool
➔ uno dei CMS più diffusi: Wordpress
➔ ottenere di più da Wordpress
➔ plugin Wordpress: Google Analytics e SEO by Yoast
➔ esempi pratici
3. il web e i suoi contenuti
Quest'operaèdistribuitaconLicenzaCreativeCommonsAttribuzione-Condividiallostessomodo4.0Internazionale.
pianificazioneterritorialecomunale:nonsolomappediPJHookerwww.cityplanner.it
Un contenuto su internet è rintracciabile nei seguenti modi
➔ in modo diretto (direct)
➔ attraverso un social network
➔ link su sito web (referral)
➔ tramite motori di ricerca (organic search)
➔ con pubblicità online (brained paid search)
➔ tramite invio per email (email)
SERVER BROWSER
Indirizzo IP
Dominio
pubblico/privatocloud/locale
4. il web e i suoi contenuti
Quest'operaèdistribuitaconLicenzaCreativeCommonsAttribuzione-Condividiallostessomodo4.0Internazionale.
pianificazioneterritorialecomunale:nonsolomappediPJHookerwww.cityplanner.it
SERVER
➔ un server assomiglia molto ad un vostro PC
➔ nelle grandi aziende, questo gestisce i dati e a volte
dei software
➔ nelle nostre case, ci permette di vedere film sulla tv e
ascoltare la musica
➔ il server di solito serve a fare il lavoro duro ed è
progettato per rimanere sempre acceso e essere in
grado di mantenere un servizio anche se … si
“incendia”
➔ quando si parla di Cloud, si intende un servizio
accessibile tramite internet, che è ospitato su dei
server
5. il web e i suoi contenuti
Quest'operaèdistribuitaconLicenzaCreativeCommonsAttribuzione-Condividiallostessomodo4.0Internazionale.
pianificazioneterritorialecomunale:nonsolomappediPJHookerwww.cityplanner.it
Indirizzo IP e dominio
➔ un indirizzo IP permette è come una porta di accesso
ad internet
➔ ogni volta che ci connettiamo, viene associato uno di
questi indirizzi
➔ sono dei numeri 192.168.4.32 e nella rete pubblica,
non ci possono essere conteporaneamente due accessi
con IP identico
➔ www.miosito.it vuol dire associare un dominio ad un
indirizzo IP
➔ si possono avere più domini (DNS) associati ad un IP,
non viceversa
6. il web e i suoi contenuti
Quest'operaèdistribuitaconLicenzaCreativeCommonsAttribuzione-Condividiallostessomodo4.0Internazionale.
pianificazioneterritorialecomunale:nonsolomappediPJHookerwww.cityplanner.it
Browser
➔ il browser è una “finestra” che ci permette di accedere
a servizi resi disponibili da un server
➔ il browser è un tipo di client, come molti software che
accedono a servizi attraverso internet, ma in questo
caso ha una specifica funzione: visualizzare pagine per
lo più HTML
➔ sono sempre più diffusi i servizi accessibli tramite
browser e orami non si parla più di blog come qualche
anno fa
➔ la visualizzazione grafica che viene restituita è un mix
di linguaggio di programmazione, standard e stili, per
citarne alcuni, oltre all’HTML: JS, JQUERY, PHP, CSS,
AJAX
➔ molti degli attacchi “pirata” di cui si parla, sono dovuti
alla poca sicurezza dedicata alle pagine web; le prime
soluzioni da adottare sono: aggiornamento CMS e
password sicure
7. un sistema di gestione dei contenuti - CMS
Quest'operaèdistribuitaconLicenzaCreativeCommonsAttribuzione-Condividiallostessomodo4.0Internazionale.
pianificazioneterritorialecomunale:nonsolomappediPJHookerwww.cityplanner.it
dinamicità contenuti
HTML
JAVASCRIPT, JQUERY, AJAX, FLASH, …
PHP, ASP, PYTHON, .NET, JAVA, …
MYSQL, MSQL, POSTGRES, MARIADB, ...
CMS
content management system
10. il blog, è uno degli utilizzi di un CMS
Quest'operaèdistribuitaconLicenzaCreativeCommonsAttribuzione-Condividiallostessomodo4.0Internazionale.
pianificazioneterritorialecomunale:nonsolomappediPJHookerwww.cityplanner.it
Tipologia di contenuti
In base al formato
testi, immagini, audio, video, file, dati
In base all’utilizzo
prodotti, servizi, personali, istruzione, interna aziendale, dashboard,
community
e-commerce enciclopedia blog social network
forum photo album
data
vizualization
portali
CMS
11. un CMS … per archiviare le spese quotidiane
➔ http://www.cityplanner.it/conti/
con un tocco di Bootstrap!
Quest'operaèdistribuitaconLicenzaCreativeCommonsAttribuzione-Condividiallostessomodo4.0Internazionale.
pianificazioneterritorialecomunale:nonsolomappediPJHookerwww.cityplanner.it
12. come funziona un CMS
Quest'operaèdistribuitaconLicenzaCreativeCommonsAttribuzione-Condividiallostessomodo4.0Internazionale.
pianificazioneterritorialecomunale:nonsolomappediPJHookerwww.cityplanner.it
back end Front end
➔ scrivere articoli
➔ cambiare tema
➔ inserire widget
➔ organizzare i menù
➔ posizionare elementi
multimediali
PUBBLICA
SALVA
SERVER MEMORIA FILE DATABASE
14. MySQL, forse lo usi, ma non lo conosci
Quest'operaèdistribuitaconLicenzaCreativeCommonsAttribuzione-Condividiallostessomodo4.0Internazionale.
pianificazioneterritorialecomunale:nonsolomappediPJHookerwww.cityplanner.it
… o comunque un database, visto che MySQL è semplicemente il più diffuso
➔ se hai un sito Wordpress, hai anche un database, e con molta probabilità
questo è un MySQL
➔ per chi usa sistemi Linux MySQL è già presente e alcuni software ne fanno
uso
➔ in generale i database sono utilizzati da molti software, ad esempio Mozzilla
Firefox, utilizza un database per la gestione dei segnalibri, chiamato SQLite
➔ software per catalogare ebook, immagini e musica usano un database
➔ Un database contiene tabelle
➔ MySQL è detto relazionale, cioè che le tabelle possono relazionarsi tra di
loro; questo lo distingue ad esempio da tabelle di fogli di calcolo (tipo Excel)
dove non c’è relazione tra tabelle e non hanno una struttura
DATABASE FOGLIO DI CALCOLO
15. Il mio percorso verso i contenuti dinamici
Quest'operaèdistribuitaconLicenzaCreativeCommonsAttribuzione-Condividiallostessomodo4.0Internazionale.
pianificazioneterritorialecomunale:nonsolomappediPJHookerwww.cityplanner.it
Word, Excel,
PowerPoint, con
quantità di contenuti
eccessive e stili
piuttosto semplici, ma
fondamentali,
diventano sempre più
difficili da gestire. E poi
c’era Access:
divertente, ma
nascondeva qualcosa.
Ispirato da Indesign,
LaTeX, CAD … e dalla
tesi, ho approfondito la
logica di creare
contenuti, senza
preoccuparmi dello
stile. Ho iniziato ad
usare i template, l’
HTML e il CSS.
Scrivere l’HTML è
comodo quando si
progettano pagine,
presentazioni, grafiche,
ma l’uso massivo di
template e contenuti
con struttura ripetitiva,
tipo tabelle e grafici,
hanno richiesto la
conoscenza del PHP.
Il linguaggio PHP, non
solo automatizza la
creazione dell’HTML,
ma può elaborare file,
immagini, creare
interazione, fare calcoli
e gestire utenti e
variabili (background
scuro se accedi dopo le
17:00)
Eccomi nel mondo
Linux, dove database e
web dinamico
rappresentano la
logica in ogni cosa.
Dopo avere
famigliarizzato con l’
accesso ai database
col PHP, creavo report,
documenti, immagini,
senza limiti di software.
Il mondo open source
offre molta
documentazione ed
esempi, come ad
esempio Wordpress e il
suo Codex. Questo
significa avere una
base consolidata, per
creare. Ho creato un
blog di ricette con
140.000 articoli.
il Web: Social Network,
Analitycs, SEO,
Javascript, Bootstrap,
Cloud, Container,
BigData … Smart City
sono parole di uso
comune. Sapere che ci
sono e leggere le
novità, è da tenere in
considerazione.
esempio >>
Mentre usavo PHP,
usavo anche Access (e
Windows). Era troppo il
salto nel mondo di
Linux, così con un misto
di XAMP e Macchine
virtuali. Mi sono
affacciato a ciò che mi
aspettava!
Suite Office HTML con style PHP >> HTML Accesso a livello 1
Verso il mondo Linux Database ovunque Il disagio di non avere limiti Accesso a livello 2
16. Esempio pratico php e database
http://luglegnano.altervista.org/prova-query-articoli/
Quest'operaèdistribuitaconLicenzaCreativeCommonsAttribuzione-Condividiallostessomodo4.0Internazionale.
pianificazioneterritorialecomunale:nonsolomappediPJHookerwww.cityplanner.it
17. Esempio pratico php e database
http://luglegnano.altervista.org/prova-query-articoli/
Quest'operaèdistribuitaconLicenzaCreativeCommonsAttribuzione-Condividiallostessomodo4.0Internazionale.
pianificazioneterritorialecomunale:nonsolomappediPJHookerwww.cityplanner.it
18. Esempio pratico php e database
http://luglegnano.altervista.org/prova-query-articoli/
Quest'operaèdistribuitaconLicenzaCreativeCommonsAttribuzione-Condividiallostessomodo4.0Internazionale.
pianificazioneterritorialecomunale:nonsolomappediPJHookerwww.cityplanner.it
19. free hosting per gestione completa di un CMS
Quest'operaèdistribuitaconLicenzaCreativeCommonsAttribuzione-Condividiallostessomodo4.0Internazionale.
pianificazioneterritorialecomunale:nonsolomappediPJHookerwww.cityplanner.it
➔ uno spazio web da 3gb
➔ un database adatto per i più famosi CMS
➔ accesso tramite FTP (gestione file)
➔ dominio personalizzato (in parte)
◆ miosito.altervista.org
➔ pannello amministrazione hosting
20. Con un account Google c’è compreso
Analytics e WebMaster tool
Quest'operaèdistribuitaconLicenzaCreativeCommonsAttribuzione-Condividiallostessomodo4.0Internazionale.
pianificazioneterritorialecomunale:nonsolomappediPJHookerwww.cityplanner.it
Google Analytics genera le statistiche di traffico per
siti Web. È in grado di monitorare gli accessi al vostro
sito e stabilirne la provenienza. I webmasters possono
ottimizzare le loro campagne di pubblicità, basandosi
sulle statistiche che sono date.
Vuoi farti trovare sul Web? Google Web Master tool ha
gli strumenti giusti. Dati, strumenti e diagnosi per un
sito web efficace e ottimizzato per Google.
21. uno dei CMS più diffusi
Quest'operaèdistribuitaconLicenzaCreativeCommonsAttribuzione-Condividiallostessomodo4.0Internazionale.
pianificazioneterritorialecomunale:nonsolomappediPJHookerwww.cityplanner.it
22. ottenere di più da Wordpress
Quest'operaèdistribuitaconLicenzaCreativeCommonsAttribuzione-Condividiallostessomodo4.0Internazionale.
pianificazioneterritorialecomunale:nonsolomappediPJHookerwww.cityplanner.it
back end
plugin
plugin
23. plugin Wordpress: Google Analytics e SEO by Yoast
Quest'operaèdistribuitaconLicenzaCreativeCommonsAttribuzione-Condividiallostessomodo4.0Internazionale.
pianificazioneterritorialecomunale:nonsolomappediPJHookerwww.cityplanner.it
25. LUGLEGNANO
sito web realizzato con Wordpress su free hosting Altervista.org
Quest'operaèdistribuitaconLicenzaCreativeCommonsAttribuzione-Condividiallostessomodo4.0Internazionale.
pianificazioneterritorialecomunale:nonsolomappediPJHookerwww.cityplanner.it
28. Altervista.org pannello di controllo
Quest'operaèdistribuitaconLicenzaCreativeCommonsAttribuzione-Condividiallostessomodo4.0Internazionale.
pianificazioneterritorialecomunale:nonsolomappediPJHookerwww.cityplanner.it
29. Gestione file
Altervista.org pannello di controllo
Quest'operaèdistribuitaconLicenzaCreativeCommonsAttribuzione-Condividiallostessomodo4.0Internazionale.
pianificazioneterritorialecomunale:nonsolomappediPJHookerwww.cityplanner.it
30. phpMyAdmin (gestione MySQL)
Altervista.org pannello di controllo
Quest'operaèdistribuitaconLicenzaCreativeCommonsAttribuzione-Condividiallostessomodo4.0Internazionale.
pianificazioneterritorialecomunale:nonsolomappediPJHookerwww.cityplanner.it
31. BIBLIOGRAFIA,
RIFERIMENTI E
RINGRAZIAMENTI
● icon “server”: Created by Konstantin Velichko Bishkek, KG 2014 (CC BY 3.0)
● icon “browser”: Created by Max Miner Marina Del Rey, California, US 2014 (CC BY 3.0)
● icon “Switch-Monitor”: Created by stephan salt Nottingham, Nottinghamshire, GB 2015 (CC BY
3.0)
● icon “Hard-Drive”: Created by Adrian P. GB 2014 (CC BY 3.0)
● icon “Database”: Created by Shmidt Sergey Brooklyn, New York, US 2013 (CC BY 3.0)
● icon “Grid”: Created by Marek Polakovic SK 2015 (CC BY 3.0)
● icon “Grid”: Created by Marek Polakovic SK 2015 (CC BY 3.0)
● icon “Grid”: Created by Marek Polakovic SK 2015 (CC BY 3.0)
● logo Google analytics
● logo Google Webmaster tool
● logo Wordpress
● anteprima template Twenty Fifteen by Wordpress
● logo Altervista
● banner Wordpress SEO plug-in by Yoast
● banner Wordpress Google Analytics plug-in by Yoast
32. pianificazione territoriale comunale: non solo mappe di PJHooker www.cityplanner.it
NEXT#GISTIPS
Quest'opera è distribuita con Licenza Creative Commons Attribuzione - Condividi allo stesso modo 4.0 Internazionale.
Piergiorgio Roveda
Pianificatore territoriale - GIS expert
via privata Stefanardo da Vimercate, 28
Milano presso il Coworking Login
www.cityplanner.it - lima.cityplanner@gmail.com