SlideShare a Scribd company logo
1 of 32
Download to read offline
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.
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
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
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
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
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
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
Quest'operaèdistribuitaconLicenzaCreativeCommonsAttribuzione-Condividiallostessomodo4.0Internazionale.
pianificazioneterritorialecomunale:nonsolomappediPJHookerwww.cityplanner.it
un sistema di gestione dei contenuti - CMS
Generalmente offre un'interfaccia di
amministrazione con cui gestire ogni
aspetto del sito web, senza il bisogno di
possedere conoscenze tecniche particolari
di programmazione Web
[Da Wikipedia, l'enciclopedia libera.]
CMS
content management system
Quest'operaèdistribuitaconLicenzaCreativeCommonsAttribuzione-Condividiallostessomodo4.0Internazionale.
pianificazioneterritorialecomunale:nonsolomappediPJHookerwww.cityplanner.it
un sistema di gestione dei contenuti - CMS
CMS
content management system
pannello
amministratore
bacheca
back end
sezione
applicativa
sito pubblico
Front end
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
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
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
il linguaggio PHP
Quest'operaèdistribuitaconLicenzaCreativeCommonsAttribuzione-Condividiallostessomodo4.0Internazionale.
pianificazioneterritorialecomunale:nonsolomappediPJHookerwww.cityplanner.it
HTML
PHP
<h1>Titolo</h1>
<ul>
<li>item1</li>
<li>item2</li>
<li>item3</li>
<li>item4</li>
<li>item5</li>
<li>item6</li>
<li>item7</li>
</ul>
<?php
echo”<h1>Titolo</h1>”;
echo”<ul>”;
for($i=1;$i<=7;$i++) {
echo”<li>item$i</li>”;
}
echo”</ul>”;
?>
Titolo
● item1
● item2
● item3
● item4
● item5
● item6
● item7
Titolo
● item1
● item2
● item3
● item4
● item5
● item6
● item7
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
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
Esempio pratico php e database
http://luglegnano.altervista.org/prova-query-articoli/
Quest'operaèdistribuitaconLicenzaCreativeCommonsAttribuzione-Condividiallostessomodo4.0Internazionale.
pianificazioneterritorialecomunale:nonsolomappediPJHookerwww.cityplanner.it
Esempio pratico php e database
http://luglegnano.altervista.org/prova-query-articoli/
Quest'operaèdistribuitaconLicenzaCreativeCommonsAttribuzione-Condividiallostessomodo4.0Internazionale.
pianificazioneterritorialecomunale:nonsolomappediPJHookerwww.cityplanner.it
Esempio pratico php e database
http://luglegnano.altervista.org/prova-query-articoli/
Quest'operaèdistribuitaconLicenzaCreativeCommonsAttribuzione-Condividiallostessomodo4.0Internazionale.
pianificazioneterritorialecomunale:nonsolomappediPJHookerwww.cityplanner.it
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
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.
uno dei CMS più diffusi
Quest'operaèdistribuitaconLicenzaCreativeCommonsAttribuzione-Condividiallostessomodo4.0Internazionale.
pianificazioneterritorialecomunale:nonsolomappediPJHookerwww.cityplanner.it
ottenere di più da Wordpress
Quest'operaèdistribuitaconLicenzaCreativeCommonsAttribuzione-Condividiallostessomodo4.0Internazionale.
pianificazioneterritorialecomunale:nonsolomappediPJHookerwww.cityplanner.it
back end
plugin
plugin
plugin Wordpress: Google Analytics e SEO by Yoast
Quest'operaèdistribuitaconLicenzaCreativeCommonsAttribuzione-Condividiallostessomodo4.0Internazionale.
pianificazioneterritorialecomunale:nonsolomappediPJHookerwww.cityplanner.it
esempi pratici
Quest'operaèdistribuitaconLicenzaCreativeCommonsAttribuzione-Condividiallostessomodo4.0Internazionale.
pianificazioneterritorialecomunale:nonsolomappediPJHookerwww.cityplanner.it
Scrivete una mail a:
lima.cityplanner@gmail.com
per avere l’accesso ai seguenti servizi:
● sito web http://luglegnano.altervista.org/
● web tool https://www.google.com/analytics/
● web tool https://www.google.com/webmasters/
● pannello di controllo Altervista
LUGLEGNANO
sito web realizzato con Wordpress su free hosting Altervista.org
Quest'operaèdistribuitaconLicenzaCreativeCommonsAttribuzione-Condividiallostessomodo4.0Internazionale.
pianificazioneterritorialecomunale:nonsolomappediPJHookerwww.cityplanner.it
Google Analytics
Quest'operaèdistribuitaconLicenzaCreativeCommonsAttribuzione-Condividiallostessomodo4.0Internazionale.
pianificazioneterritorialecomunale:nonsolomappediPJHookerwww.cityplanner.it
Google WebMaster tool
Quest'operaèdistribuitaconLicenzaCreativeCommonsAttribuzione-Condividiallostessomodo4.0Internazionale.
pianificazioneterritorialecomunale:nonsolomappediPJHookerwww.cityplanner.it
Altervista.org pannello di controllo
Quest'operaèdistribuitaconLicenzaCreativeCommonsAttribuzione-Condividiallostessomodo4.0Internazionale.
pianificazioneterritorialecomunale:nonsolomappediPJHookerwww.cityplanner.it
Gestione file
Altervista.org pannello di controllo
Quest'operaèdistribuitaconLicenzaCreativeCommonsAttribuzione-Condividiallostessomodo4.0Internazionale.
pianificazioneterritorialecomunale:nonsolomappediPJHookerwww.cityplanner.it
phpMyAdmin (gestione MySQL)
Altervista.org pannello di controllo
Quest'operaèdistribuitaconLicenzaCreativeCommonsAttribuzione-Condividiallostessomodo4.0Internazionale.
pianificazioneterritorialecomunale:nonsolomappediPJHookerwww.cityplanner.it
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
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

More Related Content

Similar to Wordpress, Google Analytics, MySQL e Php, con free hosting

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
 
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 3/7. temi e plugin
Wordpress 3/7. temi e pluginWordpress 3/7. temi e plugin
Wordpress 3/7. temi e pluginCity Planner
 
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ò
 
II modulo – come gestire
II modulo – come gestireII modulo – come gestire
II modulo – come gestireBeesolution
 
microASP.it
microASP.itmicroASP.it
microASP.itictblog
 
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
 
C’ era una volta il sito
C’ era una volta il sitoC’ era una volta il sito
C’ era una volta il sitoGianluigi Cogo
 
SMAU Milano 2015
SMAU Milano 2015SMAU Milano 2015
SMAU Milano 2015Paolo Dadda
 
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
 
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
 
7. Applicazioni web e CMS
7. Applicazioni web e CMS7. Applicazioni web e CMS
7. Applicazioni web e CMSRoberto Polillo
 
Le applicazioni web e i CMS (18/19)
Le applicazioni web e i CMS (18/19)Le applicazioni web e i CMS (18/19)
Le applicazioni web e i CMS (18/19)Giuseppe Vizzari
 
7. Applicazioni Web e CMS
7. Applicazioni Web e CMS7. Applicazioni Web e CMS
7. Applicazioni Web e CMSRoberto Polillo
 
Framework di sviluppo web: introduzione a bootstrap e boostack
Framework di sviluppo web: introduzione a bootstrap e boostackFramework di sviluppo web: introduzione a bootstrap e boostack
Framework di sviluppo web: introduzione a bootstrap e boostackStefano Spagnolo
 

Similar to Wordpress, Google Analytics, MySQL e Php, con free hosting (20)

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)
 
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)
 
Wordpress 3/7. temi e plugin
Wordpress 3/7. temi e pluginWordpress 3/7. temi e plugin
Wordpress 3/7. temi e plugin
 
Cms
CmsCms
Cms
 
7 - Web application e CMS
7 - Web application e CMS7 - Web application e CMS
7 - Web application e CMS
 
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
 
II modulo – come gestire
II modulo – come gestireII modulo – come gestire
II modulo – come gestire
 
microASP.it
microASP.itmicroASP.it
microASP.it
 
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"
 
C’ era una volta il sito
C’ era una volta il sitoC’ era una volta il sito
C’ era una volta il sito
 
SMAU Milano 2015
SMAU Milano 2015SMAU Milano 2015
SMAU Milano 2015
 
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
 
Euroweb Solution20082009
Euroweb Solution20082009Euroweb Solution20082009
Euroweb Solution20082009
 
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
 
7. Applicazioni web e CMS
7. Applicazioni web e CMS7. Applicazioni web e CMS
7. Applicazioni web e CMS
 
Le applicazioni web e i CMS (18/19)
Le applicazioni web e i CMS (18/19)Le applicazioni web e i CMS (18/19)
Le applicazioni web e i CMS (18/19)
 
7. Applicazioni Web e CMS
7. Applicazioni Web e CMS7. Applicazioni Web e CMS
7. Applicazioni Web e CMS
 
programmare sito web.ppt
programmare sito web.pptprogrammare sito web.ppt
programmare sito web.ppt
 
Framework di sviluppo web: introduzione a bootstrap e boostack
Framework di sviluppo web: introduzione a bootstrap e boostackFramework di sviluppo web: introduzione a bootstrap e boostack
Framework di sviluppo web: introduzione a bootstrap e boostack
 
Presentazione Wave37
Presentazione Wave37Presentazione Wave37
Presentazione Wave37
 

More from City Planner

Piergiorgio Roveda - About me
Piergiorgio Roveda - About mePiergiorgio Roveda - About me
Piergiorgio Roveda - About meCity Planner
 
Qgis2ThreeJS - Tutorial pratico completo
Qgis2ThreeJS - Tutorial pratico completoQgis2ThreeJS - Tutorial pratico completo
Qgis2ThreeJS - Tutorial pratico completoCity Planner
 
Creare un web gis versione 1.1
Creare un web gis   versione 1.1Creare un web gis   versione 1.1
Creare un web gis versione 1.1City Planner
 
Quick and easy to create maps scopriamo insieme QGis
Quick and easy to create maps scopriamo insieme QGisQuick and easy to create maps scopriamo insieme QGis
Quick and easy to create maps scopriamo insieme QGisCity Planner
 
Quick and easy to create maps scopriamo insieme q gis
Quick and easy to create maps scopriamo insieme q gisQuick and easy to create maps scopriamo insieme q gis
Quick and easy to create maps scopriamo insieme q gisCity Planner
 
Presentazione del GeoBLOG GIStonic
Presentazione del GeoBLOG GIStonicPresentazione del GeoBLOG GIStonic
Presentazione del GeoBLOG GIStonicCity Planner
 
Linux day 2016 FaberLab
Linux day 2016 FaberLabLinux day 2016 FaberLab
Linux day 2016 FaberLabCity Planner
 
Installa web master su wordpress
Installa web master su wordpressInstalla web master su wordpress
Installa web master su wordpressCity Planner
 
Mappa alberi instagram
Mappa alberi   instagramMappa alberi   instagram
Mappa alberi instagramCity Planner
 
10 mezze verità su gis open source
10 mezze verità su gis open source10 mezze verità su gis open source
10 mezze verità su gis open sourceCity Planner
 
1000 iscritti! Grazie GISTIPSTER!
1000 iscritti! Grazie GISTIPSTER! 1000 iscritti! Grazie GISTIPSTER!
1000 iscritti! Grazie GISTIPSTER! City Planner
 
Open streetmap non solo mappe 20160523 #luglegnano
Open streetmap  non solo mappe 20160523 #luglegnanoOpen streetmap  non solo mappe 20160523 #luglegnano
Open streetmap non solo mappe 20160523 #luglegnanoCity Planner
 
Una mappa, una idea
Una mappa, una ideaUna mappa, una idea
Una mappa, una ideaCity Planner
 
Gis strumento di lavoro alla base della cartografia e dell’analisi
Gis  strumento di lavoro alla base della cartografia e dell’analisiGis  strumento di lavoro alla base della cartografia e dell’analisi
Gis strumento di lavoro alla base della cartografia e dell’analisiCity Planner
 
Gis strumento di lavoro alla base della cartografia e dell’analisi
Gis  strumento di lavoro alla base della cartografia e dell’analisiGis  strumento di lavoro alla base della cartografia e dell’analisi
Gis strumento di lavoro alla base della cartografia e dell’analisiCity Planner
 
Open streetmap accedi, esplora, crea condividi, sviluppa.
Open streetmap  accedi, esplora, crea condividi, sviluppa.Open streetmap  accedi, esplora, crea condividi, sviluppa.
Open streetmap accedi, esplora, crea condividi, sviluppa.City Planner
 
Bootleaf un semplice sistema gis sul tuo smartphone
Bootleaf un semplice sistema gis sul tuo smartphoneBootleaf un semplice sistema gis sul tuo smartphone
Bootleaf un semplice sistema gis sul tuo smartphoneCity Planner
 
Ecco come le API diventano una mappa!
Ecco come le API diventano una mappa! Ecco come le API diventano una mappa!
Ecco come le API diventano una mappa! City Planner
 
Webmap struttura della sorgente pagina
Webmap struttura della sorgente paginaWebmap struttura della sorgente pagina
Webmap struttura della sorgente paginaCity Planner
 
Maptime milano vol.IX
Maptime milano vol.IXMaptime milano vol.IX
Maptime milano vol.IXCity Planner
 

More from City Planner (20)

Piergiorgio Roveda - About me
Piergiorgio Roveda - About mePiergiorgio Roveda - About me
Piergiorgio Roveda - About me
 
Qgis2ThreeJS - Tutorial pratico completo
Qgis2ThreeJS - Tutorial pratico completoQgis2ThreeJS - Tutorial pratico completo
Qgis2ThreeJS - Tutorial pratico completo
 
Creare un web gis versione 1.1
Creare un web gis   versione 1.1Creare un web gis   versione 1.1
Creare un web gis versione 1.1
 
Quick and easy to create maps scopriamo insieme QGis
Quick and easy to create maps scopriamo insieme QGisQuick and easy to create maps scopriamo insieme QGis
Quick and easy to create maps scopriamo insieme QGis
 
Quick and easy to create maps scopriamo insieme q gis
Quick and easy to create maps scopriamo insieme q gisQuick and easy to create maps scopriamo insieme q gis
Quick and easy to create maps scopriamo insieme q gis
 
Presentazione del GeoBLOG GIStonic
Presentazione del GeoBLOG GIStonicPresentazione del GeoBLOG GIStonic
Presentazione del GeoBLOG GIStonic
 
Linux day 2016 FaberLab
Linux day 2016 FaberLabLinux day 2016 FaberLab
Linux day 2016 FaberLab
 
Installa web master su wordpress
Installa web master su wordpressInstalla web master su wordpress
Installa web master su wordpress
 
Mappa alberi instagram
Mappa alberi   instagramMappa alberi   instagram
Mappa alberi instagram
 
10 mezze verità su gis open source
10 mezze verità su gis open source10 mezze verità su gis open source
10 mezze verità su gis open source
 
1000 iscritti! Grazie GISTIPSTER!
1000 iscritti! Grazie GISTIPSTER! 1000 iscritti! Grazie GISTIPSTER!
1000 iscritti! Grazie GISTIPSTER!
 
Open streetmap non solo mappe 20160523 #luglegnano
Open streetmap  non solo mappe 20160523 #luglegnanoOpen streetmap  non solo mappe 20160523 #luglegnano
Open streetmap non solo mappe 20160523 #luglegnano
 
Una mappa, una idea
Una mappa, una ideaUna mappa, una idea
Una mappa, una idea
 
Gis strumento di lavoro alla base della cartografia e dell’analisi
Gis  strumento di lavoro alla base della cartografia e dell’analisiGis  strumento di lavoro alla base della cartografia e dell’analisi
Gis strumento di lavoro alla base della cartografia e dell’analisi
 
Gis strumento di lavoro alla base della cartografia e dell’analisi
Gis  strumento di lavoro alla base della cartografia e dell’analisiGis  strumento di lavoro alla base della cartografia e dell’analisi
Gis strumento di lavoro alla base della cartografia e dell’analisi
 
Open streetmap accedi, esplora, crea condividi, sviluppa.
Open streetmap  accedi, esplora, crea condividi, sviluppa.Open streetmap  accedi, esplora, crea condividi, sviluppa.
Open streetmap accedi, esplora, crea condividi, sviluppa.
 
Bootleaf un semplice sistema gis sul tuo smartphone
Bootleaf un semplice sistema gis sul tuo smartphoneBootleaf un semplice sistema gis sul tuo smartphone
Bootleaf un semplice sistema gis sul tuo smartphone
 
Ecco come le API diventano una mappa!
Ecco come le API diventano una mappa! Ecco come le API diventano una mappa!
Ecco come le API diventano una mappa!
 
Webmap struttura della sorgente pagina
Webmap struttura della sorgente paginaWebmap struttura della sorgente pagina
Webmap struttura della sorgente pagina
 
Maptime milano vol.IX
Maptime milano vol.IXMaptime milano vol.IX
Maptime milano vol.IX
 

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
  • 8. Quest'operaèdistribuitaconLicenzaCreativeCommonsAttribuzione-Condividiallostessomodo4.0Internazionale. pianificazioneterritorialecomunale:nonsolomappediPJHookerwww.cityplanner.it un sistema di gestione dei contenuti - CMS Generalmente offre un'interfaccia di amministrazione con cui gestire ogni aspetto del sito web, senza il bisogno di possedere conoscenze tecniche particolari di programmazione Web [Da Wikipedia, l'enciclopedia libera.] CMS content management system
  • 9. Quest'operaèdistribuitaconLicenzaCreativeCommonsAttribuzione-Condividiallostessomodo4.0Internazionale. pianificazioneterritorialecomunale:nonsolomappediPJHookerwww.cityplanner.it un sistema di gestione dei contenuti - CMS CMS content management system pannello amministratore bacheca back end sezione applicativa sito pubblico Front end
  • 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
  • 24. esempi pratici Quest'operaèdistribuitaconLicenzaCreativeCommonsAttribuzione-Condividiallostessomodo4.0Internazionale. pianificazioneterritorialecomunale:nonsolomappediPJHookerwww.cityplanner.it Scrivete una mail a: lima.cityplanner@gmail.com per avere l’accesso ai seguenti servizi: ● sito web http://luglegnano.altervista.org/ ● web tool https://www.google.com/analytics/ ● web tool https://www.google.com/webmasters/ ● pannello di controllo Altervista
  • 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