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

32
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 .

Transcript of Wordpress, Google Analytics, MySQL e Php, con free hosting

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 serviziGoogle Analytics, MySQL e Php, con free hosting

Que

st'o

per

a è

dis

trib

uita

co

n Li

cenz

a C

reat

ive

Co

mm

ons

Att

rib

uzio

ne -

Co

ndiv

idi a

llo s

tess

o m

od

o 4

.0 In

tern

azio

nale

.

pian

ific

azio

ne t

erri

tori

ale

com

unal

e: n

on s

olo

map

pe d

i PJH

ooke

r ww

w.c

ityp

lann

er.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

Que

st'o

per

a è

dis

trib

uita

co

n Li

cenz

a C

reat

ive

Co

mm

ons

Att

rib

uzio

ne -

Co

ndiv

idi a

llo s

tess

o m

od

o 4

.0 In

tern

azio

nale

.

pian

ific

azio

ne t

erri

tori

ale

com

unal

e: n

on s

olo

map

pe d

i PJH

ooke

r ww

w.c

ityp

lann

er.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

Que

st'o

per

a è

dis

trib

uita

co

n Li

cenz

a C

reat

ive

Co

mm

ons

Att

rib

uzio

ne -

Co

ndiv

idi a

llo s

tess

o m

od

o 4

.0 In

tern

azio

nale

.

pian

ific

azio

ne t

erri

tori

ale

com

unal

e: n

on s

olo

map

pe d

i PJH

ooke

r ww

w.c

ityp

lann

er.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

Que

st'o

per

a è

dis

trib

uita

co

n Li

cenz

a C

reat

ive

Co

mm

ons

Att

rib

uzio

ne -

Co

ndiv

idi a

llo s

tess

o m

od

o 4

.0 In

tern

azio

nale

.

pian

ific

azio

ne t

erri

tori

ale

com

unal

e: n

on s

olo

map

pe d

i PJH

ooke

r ww

w.c

ityp

lann

er.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

Que

st'o

per

a è

dis

trib

uita

co

n Li

cenz

a C

reat

ive

Co

mm

ons

Att

rib

uzio

ne -

Co

ndiv

idi a

llo s

tess

o m

od

o 4

.0 In

tern

azio

nale

.

pian

ific

azio

ne t

erri

tori

ale

com

unal

e: n

on s

olo

map

pe d

i PJH

ooke

r ww

w.c

ityp

lann

er.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

Que

st'o

per

a è

dis

trib

uita

co

n Li

cenz

a C

reat

ive

Co

mm

ons

Att

rib

uzio

ne -

Co

ndiv

idi a

llo s

tess

o m

od

o 4

.0 In

tern

azio

nale

.

pian

ific

azio

ne t

erri

tori

ale

com

unal

e: n

on s

olo

map

pe d

i PJH

ooke

r ww

w.c

ityp

lann

er.it

dinamicità contenuti

HTML

JAVASCRIPT, JQUERY, AJAX, FLASH, …

PHP, ASP, PYTHON, .NET, JAVA, …

MYSQL, MSQL, POSTGRES, MARIADB, ...

CMScontent management system

Que

st'o

per

a è

dis

trib

uita

co

n Li

cenz

a C

reat

ive

Co

mm

ons

Att

rib

uzio

ne -

Co

ndiv

idi a

llo s

tess

o m

od

o 4

.0 In

tern

azio

nale

.

pian

ific

azio

ne t

erri

tori

ale

com

unal

e: n

on s

olo

map

pe d

i PJH

ooke

r ww

w.c

ityp

lann

er.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.]

CMScontent management system

Que

st'o

per

a è

dis

trib

uita

co

n Li

cenz

a C

reat

ive

Co

mm

ons

Att

rib

uzio

ne -

Co

ndiv

idi a

llo s

tess

o m

od

o 4

.0 In

tern

azio

nale

.

pian

ific

azio

ne t

erri

tori

ale

com

unal

e: n

on s

olo

map

pe d

i PJH

ooke

r ww

w.c

ityp

lann

er.it

un sistema di gestione dei contenuti - CMS

CMScontent management system

pannello amministratore

bacheca

back end

sezione applicativa

sito pubblico

Front end

il blog, è uno degli utilizzi di un CMS

Que

st'o

per

a è

dis

trib

uita

co

n Li

cenz

a C

reat

ive

Co

mm

ons

Att

rib

uzio

ne -

Co

ndiv

idi a

llo s

tess

o m

od

o 4

.0 In

tern

azio

nale

.

pian

ific

azio

ne t

erri

tori

ale

com

unal

e: n

on s

olo

map

pe d

i PJH

ooke

r ww

w.c

ityp

lann

er.it Tipologia di contenuti

In base al formatotesti, immagini, audio, video, file, dati

In base all’utilizzoprodotti, servizi, personali, istruzione, interna aziendale, dashboard, community

e-commerce enciclopedia blog social network

forum photo album data vizualizationportali

CMS

un CMS … per archiviare le spese quotidiane➔ http://www.cityplanner.it/conti/

con un tocco di Bootstrap!

Que

st'o

per

a è

dis

trib

uita

co

n Li

cenz

a C

reat

ive

Co

mm

ons

Att

rib

uzio

ne -

Co

ndiv

idi a

llo s

tess

o m

od

o 4

.0 In

tern

azio

nale

.

pian

ific

azio

ne t

erri

tori

ale

com

unal

e: n

on s

olo

map

pe d

i PJH

ooke

r ww

w.c

ityp

lann

er.it

come funziona un CMS

Que

st'o

per

a è

dis

trib

uita

co

n Li

cenz

a C

reat

ive

Co

mm

ons

Att

rib

uzio

ne -

Co

ndiv

idi a

llo s

tess

o m

od

o 4

.0 In

tern

azio

nale

.

pian

ific

azio

ne t

erri

tori

ale

com

unal

e: n

on s

olo

map

pe d

i PJH

ooke

r ww

w.c

ityp

lann

er.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

Que

st'o

per

a è

dis

trib

uita

co

n Li

cenz

a C

reat

ive

Co

mm

ons

Att

rib

uzio

ne -

Co

ndiv

idi a

llo s

tess

o m

od

o 4

.0 In

tern

azio

nale

.

pian

ific

azio

ne t

erri

tori

ale

com

unal

e: n

on s

olo

map

pe d

i PJH

ooke

r ww

w.c

ityp

lann

er.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

Que

st'o

per

a è

dis

trib

uita

co

n Li

cenz

a C

reat

ive

Co

mm

ons

Att

rib

uzio

ne -

Co

ndiv

idi a

llo s

tess

o m

od

o 4

.0 In

tern

azio

nale

.

pian

ific

azio

ne t

erri

tori

ale

com

unal

e: n

on s

olo

map

pe d

i PJH

ooke

r ww

w.c

ityp

lann

er.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

Que

st'o

per

a è

dis

trib

uita

co

n Li

cenz

a C

reat

ive

Co

mm

ons

Att

rib

uzio

ne -

Co

ndiv

idi a

llo s

tess

o m

od

o 4

.0 In

tern

azio

nale

.

pian

ific

azio

ne t

erri

tori

ale

com

unal

e: n

on s

olo

map

pe d

i PJH

ooke

r ww

w.c

ityp

lann

er.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 databasehttp://luglegnano.altervista.org/prova-query-articoli/

Que

st'o

per

a è

dis

trib

uita

co

n Li

cenz

a C

reat

ive

Co

mm

ons

Att

rib

uzio

ne -

Co

ndiv

idi a

llo s

tess

o m

od

o 4

.0 In

tern

azio

nale

.

pian

ific

azio

ne t

erri

tori

ale

com

unal

e: n

on s

olo

map

pe d

i PJH

ooke

r ww

w.c

ityp

lann

er.it

Esempio pratico php e databasehttp://luglegnano.altervista.org/prova-query-articoli/

Que

st'o

per

a è

dis

trib

uita

co

n Li

cenz

a C

reat

ive

Co

mm

ons

Att

rib

uzio

ne -

Co

ndiv

idi a

llo s

tess

o m

od

o 4

.0 In

tern

azio

nale

.

pian

ific

azio

ne t

erri

tori

ale

com

unal

e: n

on s

olo

map

pe d

i PJH

ooke

r ww

w.c

ityp

lann

er.it

Esempio pratico php e databasehttp://luglegnano.altervista.org/prova-query-articoli/

Que

st'o

per

a è

dis

trib

uita

co

n Li

cenz

a C

reat

ive

Co

mm

ons

Att

rib

uzio

ne -

Co

ndiv

idi a

llo s

tess

o m

od

o 4

.0 In

tern

azio

nale

.

pian

ific

azio

ne t

erri

tori

ale

com

unal

e: n

on s

olo

map

pe d

i PJH

ooke

r ww

w.c

ityp

lann

er.it

free hosting per gestione completa di un CMS

Que

st'o

per

a è

dis

trib

uita

co

n Li

cenz

a C

reat

ive

Co

mm

ons

Att

rib

uzio

ne -

Co

ndiv

idi a

llo s

tess

o m

od

o 4

.0 In

tern

azio

nale

.

pian

ific

azio

ne t

erri

tori

ale

com

unal

e: n

on s

olo

map

pe d

i PJH

ooke

r ww

w.c

ityp

lann

er.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’è compresoAnalytics e WebMaster tool

Que

st'o

per

a è

dis

trib

uita

co

n Li

cenz

a C

reat

ive

Co

mm

ons

Att

rib

uzio

ne -

Co

ndiv

idi a

llo s

tess

o m

od

o 4

.0 In

tern

azio

nale

.

pian

ific

azio

ne t

erri

tori

ale

com

unal

e: n

on s

olo

map

pe d

i PJH

ooke

r ww

w.c

ityp

lann

er.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

Que

st'o

per

a è

dis

trib

uita

co

n Li

cenz

a C

reat

ive

Co

mm

ons

Att

rib

uzio

ne -

Co

ndiv

idi a

llo s

tess

o m

od

o 4

.0 In

tern

azio

nale

.

pian

ific

azio

ne t

erri

tori

ale

com

unal

e: n

on s

olo

map

pe d

i PJH

ooke

r ww

w.c

ityp

lann

er.it

ottenere di più da Wordpress

Que

st'o

per

a è

dis

trib

uita

co

n Li

cenz

a C

reat

ive

Co

mm

ons

Att

rib

uzio

ne -

Co

ndiv

idi a

llo s

tess

o m

od

o 4

.0 In

tern

azio

nale

.

pian

ific

azio

ne t

erri

tori

ale

com

unal

e: n

on s

olo

map

pe d

i PJH

ooke

r ww

w.c

ityp

lann

er.it back end

plugin

plugin

plugin Wordpress: Google Analytics e SEO by Yoast

Que

st'o

per

a è

dis

trib

uita

co

n Li

cenz

a C

reat

ive

Co

mm

ons

Att

rib

uzio

ne -

Co

ndiv

idi a

llo s

tess

o m

od

o 4

.0 In

tern

azio

nale

.

pian

ific

azio

ne t

erri

tori

ale

com

unal

e: n

on s

olo

map

pe d

i PJH

ooke

r ww

w.c

ityp

lann

er.it

esempi pratici

Que

st'o

per

a è

dis

trib

uita

co

n Li

cenz

a C

reat

ive

Co

mm

ons

Att

rib

uzio

ne -

Co

ndiv

idi a

llo s

tess

o m

od

o 4

.0 In

tern

azio

nale

.

pian

ific

azio

ne t

erri

tori

ale

com

unal

e: n

on s

olo

map

pe d

i PJH

ooke

r ww

w.c

ityp

lann

er.it

Scrivete una mail a:

[email protected] 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

LUGLEGNANOsito web realizzato con Wordpress su free hosting Altervista.org

Que

st'o

per

a è

dis

trib

uita

co

n Li

cenz

a C

reat

ive

Co

mm

ons

Att

rib

uzio

ne -

Co

ndiv

idi a

llo s

tess

o m

od

o 4

.0 In

tern

azio

nale

.

pian

ific

azio

ne t

erri

tori

ale

com

unal

e: n

on s

olo

map

pe d

i PJH

ooke

r ww

w.c

ityp

lann

er.it

Google Analytics

Que

st'o

per

a è

dis

trib

uita

co

n Li

cenz

a C

reat

ive

Co

mm

ons

Att

rib

uzio

ne -

Co

ndiv

idi a

llo s

tess

o m

od

o 4

.0 In

tern

azio

nale

.

pian

ific

azio

ne t

erri

tori

ale

com

unal

e: n

on s

olo

map

pe d

i PJH

ooke

r ww

w.c

ityp

lann

er.it

Google WebMaster tool

Que

st'o

per

a è

dis

trib

uita

co

n Li

cenz

a C

reat

ive

Co

mm

ons

Att

rib

uzio

ne -

Co

ndiv

idi a

llo s

tess

o m

od

o 4

.0 In

tern

azio

nale

.

pian

ific

azio

ne t

erri

tori

ale

com

unal

e: n

on s

olo

map

pe d

i PJH

ooke

r ww

w.c

ityp

lann

er.it

Altervista.org pannello di controllo

Que

st'o

per

a è

dis

trib

uita

co

n Li

cenz

a C

reat

ive

Co

mm

ons

Att

rib

uzio

ne -

Co

ndiv

idi a

llo s

tess

o m

od

o 4

.0 In

tern

azio

nale

.

pian

ific

azio

ne t

erri

tori

ale

com

unal

e: n

on s

olo

map

pe d

i PJH

ooke

r ww

w.c

ityp

lann

er.it

Gestione fileAltervista.org pannello di controllo

Que

st'o

per

a è

dis

trib

uita

co

n Li

cenz

a C

reat

ive

Co

mm

ons

Att

rib

uzio

ne -

Co

ndiv

idi a

llo s

tess

o m

od

o 4

.0 In

tern

azio

nale

.

pian

ific

azio

ne t

erri

tori

ale

com

unal

e: n

on s

olo

map

pe d

i PJH

ooke

r ww

w.c

ityp

lann

er.it

phpMyAdmin (gestione MySQL)Altervista.org pannello di controllo

Que

st'o

per

a è

dis

trib

uita

co

n Li

cenz

a C

reat

ive

Co

mm

ons

Att

rib

uzio

ne -

Co

ndiv

idi a

llo s

tess

o m

od

o 4

.0 In

tern

azio

nale

.

pian

ific

azio

ne t

erri

tori

ale

com

unal

e: n

on s

olo

map

pe d

i PJH

ooke

r ww

w.c

ityp

lann

er.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 RovedaPianificatore territoriale - GIS expertvia privata Stefanardo da Vimercate, 28Milano presso il Coworking Loginwww.cityplanner.it - [email protected]