in una pagina web, si possono inserire molti elementi di vario formato, come foto, video, grafici … ogni elemento è personabilizzabile, da chiunque abbia accesso come webmaster e i CMS come Wordpress, facilitano l’inserimento.
Wordpress, Google Analytics, MySQL e Php, con free hostingCity Planner
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
L'Arte del Templating: Typoscript, Fluid e Grid ElementsElena Bartolotti
L’integrazione tra Fluid e Grid Elements permette la gestione di molteplici layout FrontEnd e BackEnd in grado di realizzare le più fantasiose richieste grafiche, senza complicare la vita ai content editors.
Nella presentazione vediamo insieme come realizzare un sito utilizzando FLUID e l'estensione GridElements, creando BackEnd Layout in base al risultato FrontEnd da ottenere.
Sito demo con codici sorgenti: t3campitalia.intera.it/elena/t3camp14
Prototipo di diario di viaggio con Wordpress. Presentazione nell'ambito del corso sul Web 2.0 tenuto all'Università di Milano Bicocca. Vedi anche www.corsoweb20polillo.blogspot.com
Wordpress, Google Analytics, MySQL e Php, con free hostingCity Planner
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
L'Arte del Templating: Typoscript, Fluid e Grid ElementsElena Bartolotti
L’integrazione tra Fluid e Grid Elements permette la gestione di molteplici layout FrontEnd e BackEnd in grado di realizzare le più fantasiose richieste grafiche, senza complicare la vita ai content editors.
Nella presentazione vediamo insieme come realizzare un sito utilizzando FLUID e l'estensione GridElements, creando BackEnd Layout in base al risultato FrontEnd da ottenere.
Sito demo con codici sorgenti: t3campitalia.intera.it/elena/t3camp14
Prototipo di diario di viaggio con Wordpress. Presentazione nell'ambito del corso sul Web 2.0 tenuto all'Università di Milano Bicocca. Vedi anche www.corsoweb20polillo.blogspot.com
Le novità di Ionic 4- Il framework basato su Angular per sviluppare applicazi...Antonio Gallo
Ionic è da anni uno dei framework basati su angular più famosi e più usati.
La versione 4 è una completa riscrittura della precedente versione usando tutta una serie di nuovi standard web con cui avremo a che fare sempre più spesso nei prossimi anni: Custom Element, Variabili CSS, Shadow DOM e non solo.
In questo talk, sia per esperti che principianti, vedremo come, grazie a Ionic, si può usare Angular per sviluppare un applicazione funzionante sia sul Web che sul Mobile.
Corso GIS Base a03 - gis strumento di lavoro alla base della cartografia e d...City Planner
*WEBINAR GIS BASE A03*
365gg senza #esri ! 3° #webinar sul #gis BASE: "HowTo Usare #postgis+#qgis" #hack #geodata by #geospatial LAB! http://www.cityplanner.it/webinar-gis-base-a03/
---
mar 16 settembre, 19:00
---
definizione completa di Sistema informativo territoriale - principali definizioni: collezionare, archiviare, gestire, analizzare e condividere - formato dei dati - strumenti di geoprocessing - servizi web - cosa si intende per GIS desktop? - cosa è un server? le due facce della medaglia - cosa è un WebGIS? un normale sito web può diventare un WebGIS? - creare, editare e aggiornare i dati geografici - principali tipi di cartografie - principali tipi di analisi - analisi evolute e possibili col GIS
Verrà illustrato un caso pratico di modifica di un sito web, su tecnologia ASP.NET 1.1, completo ma non accessibile: obiettivo del tutorial è quello di ottenere in tempi brevi una versione accessibile dello stesso sito.
*WEBINAR GIS AVANZATO A03*
365gg senza #esri ! 3° #webinar sul #gis AVANZATO: "HowTo Usare #postgis+#qgis" #hack #geodata by #geospatial LAB! http://www.cityplanner.it/webinar-gis-avanzato-a03/
---
mar 16 settembre, 20:00
---
-importare una geometria
-importare una tabella
-creare un join dei 2 import
-creare una view
-altri esempi di SQL
Il tuo primo sito web (senza ansie) con WordPressLaura Lonighi
Si può creare in autonomia un sito in WordPress pur non sapendo niente di hosting, domini e CMS? Provo a rispondere nella diretta, qui: https://www.youtube.com/watch?v=h0zgSPzvhk8&t=5s
I have 13 years of industry experience on GIS role. Aside from working as a GIS and Web developer. I’m also an active contributor on my YouTube online QGIS tutorials channel. My actual position is Freelancer
Le novità di Ionic 4- Il framework basato su Angular per sviluppare applicazi...Antonio Gallo
Ionic è da anni uno dei framework basati su angular più famosi e più usati.
La versione 4 è una completa riscrittura della precedente versione usando tutta una serie di nuovi standard web con cui avremo a che fare sempre più spesso nei prossimi anni: Custom Element, Variabili CSS, Shadow DOM e non solo.
In questo talk, sia per esperti che principianti, vedremo come, grazie a Ionic, si può usare Angular per sviluppare un applicazione funzionante sia sul Web che sul Mobile.
Corso GIS Base a03 - gis strumento di lavoro alla base della cartografia e d...City Planner
*WEBINAR GIS BASE A03*
365gg senza #esri ! 3° #webinar sul #gis BASE: "HowTo Usare #postgis+#qgis" #hack #geodata by #geospatial LAB! http://www.cityplanner.it/webinar-gis-base-a03/
---
mar 16 settembre, 19:00
---
definizione completa di Sistema informativo territoriale - principali definizioni: collezionare, archiviare, gestire, analizzare e condividere - formato dei dati - strumenti di geoprocessing - servizi web - cosa si intende per GIS desktop? - cosa è un server? le due facce della medaglia - cosa è un WebGIS? un normale sito web può diventare un WebGIS? - creare, editare e aggiornare i dati geografici - principali tipi di cartografie - principali tipi di analisi - analisi evolute e possibili col GIS
Verrà illustrato un caso pratico di modifica di un sito web, su tecnologia ASP.NET 1.1, completo ma non accessibile: obiettivo del tutorial è quello di ottenere in tempi brevi una versione accessibile dello stesso sito.
*WEBINAR GIS AVANZATO A03*
365gg senza #esri ! 3° #webinar sul #gis AVANZATO: "HowTo Usare #postgis+#qgis" #hack #geodata by #geospatial LAB! http://www.cityplanner.it/webinar-gis-avanzato-a03/
---
mar 16 settembre, 20:00
---
-importare una geometria
-importare una tabella
-creare un join dei 2 import
-creare una view
-altri esempi di SQL
Il tuo primo sito web (senza ansie) con WordPressLaura Lonighi
Si può creare in autonomia un sito in WordPress pur non sapendo niente di hosting, domini e CMS? Provo a rispondere nella diretta, qui: https://www.youtube.com/watch?v=h0zgSPzvhk8&t=5s
I have 13 years of industry experience on GIS role. Aside from working as a GIS and Web developer. I’m also an active contributor on my YouTube online QGIS tutorials channel. My actual position is Freelancer
Link: https://www.cityplanner.it/custommap/newyorkcity-neighborhoods-map-with-qgis-leafletjs-e-postgis/
Aggiornamento del mio webgis 1.1, ecco cosa c'è di nuovo!
Quick and easy to create maps scopriamo insieme q gisCity Planner
Il progetto QGis è attualmente alla versione 3.0, ma si consiglia, ad oggi di installare la versione 2.18.17.
OpenSource oltre a significare “libero” significa che ognuno può intervenire aggiungendo caratteristiche … anche di altri software OpenSource, come ad esempio GRASS, R e GIMP.
anno zero
tutto nasce da...
passione per mappe e dati
primi passi // workshop
trovarsi per imparare, confrontarsi… e divertirsi!!
2 workshop (pratici) al mese
esperimenti con QGIS // casual mapping time
un po’ di tentativi tra tool e mappe prima di capire…
ma che cosa vogliamo fare?
blog per raccogliere articoli e mappe // www.gistonic.it
nasce la necessità di avere uno strumento che faciliti l’inserimento dei contenuti...
hashtag #gistonic // nasce il geoblog!
automazione dei post su instagram con hashtag #gistonic
ora abbiamo bisogno di mettere in ordine mappe e articoli!
// OBIETTIVO GEOBLOG //
il Geoblog è un interessante pretesto per mappare, imparare e fare gruppo
più siamo e meglio mappiamo :)
Mi accorgo sempre più spesso che quando si parla di GIS open source c’è una certa confusione. Un po’ per inesperienza e un po’ per scopi commerciali, tra le varie professionalità attratte dagli sviluppi del GIS per la localizzazione di dati circolando tesi non complete che trascurano alcuni aspetti importanti. Ho selezionato le dieci mezze verità che più meritavano di essere completate.
È INCREDIBILE: in un anno siamo diventati 1000! Con questo video voglio ringraziarvi, insieme stiamo facendo passi da gigante. Grazie ◖GISTIPSTER & Coworking LOGIN◗
Gis strumento di lavoro alla base della cartografia e dell’analisiCity Planner
definizione completa di Sistema informativo territoriale
principali definizioni: collezionare, archiviare, gestire, analizzare e condividere
formato dei dati
creare, editare e aggiornare i dati geografici
strumenti di geoprocessing
servizi web
cosa si intende per GIS desktop?
cosa è un server? le due facce della medaglia
cosa è un WebGIS? un normale sito web può diventare un WebGIS?
carrelata screenshoot:
principali tipi di cartografie
principali tipi di analisi
analisi evolute e possibili col GIS
Open streetmap accedi, esplora, crea condividi, sviluppa.City Planner
Al LUG di Legnano abbiamo pensato di aprire le serate del Mercoledì con 15min ad ogni occasione su un aspetto di OpenStreetMap.
Questo è l’elenco della serie:
primi passi con OpenStreetMap
quali TAG scegliere
estrazione dati OSM con overpass turbo
come si usa OSM
...
Osm legnano-after-173010 2015-06-24-15-31_legnano100_osm
Webmap struttura della sorgente pagina
1. pianificazione territoriale comunale: non solo mappe di PJHooker www.cityplanner.it
http://www.cityplanner.it/webmap-struttura-della-sorgente-pagina/
GIS open source per la Pianificazione Territoriale
Quest'opera è distribuita con Licenza Creative Commons Attribuzione - Condividi allo stesso modo 4.0 Internazionale.
WEBMAPstruttura della sorgente pagina
2. Quest'operaèdistribuitaconLicenzaCreativeCommonsAttribuzione-Condividiallostessomodo4.0Internazionale.
pianificazioneterritorialecomunale:nonsolomappediPJHookerwww.cityplanner.it
HTML: una mappa online è un elemento della
pagina <html>
TEXT: nella pagina si possono inserire titoli <h1>..
<h6>, paragrafi <p> e altri tipi di testo
personalizzati <code>, <quote> ...
Titolo1
Titolo2
<!-- librerie necessarie per la
visualizzazione della pagina-->
HEAD: questa parte è nascosta, ma importante,
perchè sono caricate le impostazioni e i metadati
della pagina
DIV: la mappa è inserita in un contenitore, di
solito un <div> a cui è associato un id, che
permette al codice - ad esempio - JavaScript di
controllare il contenuto, mediante il richiamo di
funzioni di specifiche librerie
HTML5: in una pagina web, si possono inserire
molti elementi di vario formato, come foto,
video, grafici … ogni elemento è
personabilizzabile, da chiunque abbia accesso
come webmaster e i CMS come Wordpress,
facilitano l’inserimento. Per conoscere tutto ciò
che può essere inserito vedi questa pagina
3. Fogli di stile: CSS
Quest'operaèdistribuitaconLicenzaCreativeCommonsAttribuzione-Condividiallostessomodo4.0Internazionale.
pianificazioneterritorialecomunale:nonsolomappediPJHookerwww.cityplanner.it
Ogni elemento disponibile nel linguaggio HTML5, può essere manipolato attraverso i CSS.
Ogni elemento può avere proprietà specifiche, ma per comodità si crea una struttura logica a cui
associare dei riferimenti di stile: tutti gli H1, tutte le immagine, lo sfondo della prima pagina, il
bordo delle miniature ...
PC
Una mappa, racchiusa in un contenitore è un insieme di
elementi HTML5, gestibili come una normale pagina web
7. Non tutti i contenitori sono uguali
Quest'operaèdistribuitaconLicenzaCreativeCommonsAttribuzione-Condividiallostessomodo4.0Internazionale.
pianificazioneterritorialecomunale:nonsolomappediPJHookerwww.cityplanner.it
contenitori con funzioni specifiche
- poco personabilizzabili -
contenitori con funzioni generiche
- molto personabilizzabili -
9. Creare contenitori con stile: Bootstrap
Quest'operaèdistribuitaconLicenzaCreativeCommonsAttribuzione-Condividiallostessomodo4.0Internazionale.
pianificazioneterritorialecomunale:nonsolomappediPJHookerwww.cityplanner.it
Bootstrap http://getbootstrap.com/ è integrabile facilmente in ogni pagina HTML e
aggiunge librerie Javascript, jQuery e CSS che danno la possibilità di inserire subito
molti elementi con “stile” - non solo Bootstrap >> 8 bootstrap alternatives
10. Bootstrap + LeafletJS = Bootleaf
Quest'operaèdistribuitaconLicenzaCreativeCommonsAttribuzione-Condividiallostessomodo4.0Internazionale.
pianificazioneterritorialecomunale:nonsolomappediPJHookerwww.cityplanner.it
La dimostrazione di come integrare diverse librerie è concretizzata da questo
interessante progetto, Bootleaf. Con questo template, disponibile e scaricabile su
GitHub si può personalizzare ogni singolo elemento e prendere qualsiasi elemento ed
utilizzarlo sulle proprie mappe.
11. Ciò che vedi lo puoi “copiare”
Quest'operaèdistribuitaconLicenzaCreativeCommonsAttribuzione-Condividiallostessomodo4.0Internazionale.
pianificazioneterritorialecomunale:nonsolomappediPJHookerwww.cityplanner.it
Le mappe LeafletJS usano
codice “client-side” che
significa anche che quello
che vedi può essere
ispezionato, studiato e
copiato, considerando la
licenza con cui è
distribuito!
12. Ciò che vedi lo puoi “copiare”
Quest'operaèdistribuitaconLicenzaCreativeCommonsAttribuzione-Condividiallostessomodo4.0Internazionale.
pianificazioneterritorialecomunale:nonsolomappediPJHookerwww.cityplanner.it
Prova a visualizzare la sorgente
pagina e metterla in una tua pagina
sul tuo hosting, tieni d’occhio i
riferimenti ../dist/leaflet...
13. Gli elementi della mappa
Quest'operaèdistribuitaconLicenzaCreativeCommonsAttribuzione-Condividiallostessomodo4.0Internazionale.
pianificazioneterritorialecomunale:nonsolomappediPJHookerwww.cityplanner.it
Le base map: ho perso il conto dei leafletjs providers
I marker: c’è veramente un mondo di icone
Circle, line, polygon: principalmente si può cambiare il bordo e il riempimento
14. Dove studiare?
consiglio di partire con LeafletJS
Quest'operaèdistribuitaconLicenzaCreativeCommonsAttribuzione-Condividiallostessomodo4.0Internazionale.
pianificazioneterritorialecomunale:nonsolomappediPJHookerwww.cityplanner.it
TUTORIAL
http://leafletjs.com/examples.html
PLUGIN
http://leafletjs.com/plugins.html
GITHUB
https://github.com/search?leafletjs
20. pianificazione territoriale comunale: non solo mappe di PJHooker www.cityplanner.it
NEXTStop
Quest'opera è distribuita con Licenza Creative Commons Attribuzione - Condividi allo stesso modo 4.0 Internazionale.
www.cityplanner.it - lima.cityplanner@gmail.com
#GISTIPS