Categories
GIS tutorial

Guida UX/UI: design e sviluppo

https://www.html.it/guide/uxui-design-guida-pratica/

Il design della user experience (UX) e delle interfacce (user interface, UI) è il primo passo verso la realizzazione di siti web moderni e professionali. Questa guida introduce il lettore al mondo delle interfacce web responsive, coprendo vari aspetti multidisciplinari: dalla progettazione allo sviluppo, con focus sul flusso di lavoro, gli strumenti, i trend ed i design pattern moderni.

Categories
GIS tutorial

Documenting APIs: A guide for technical writers and engineers

https://idratherbewriting.com/learnapidoc/

In this course on writing documentation for REST APIs, instead of just talking about abstract concepts, I contextualize REST APIs with a direct, hands-on approach. You’ll first learn about API documentation by using a simple weather API to put a weather forecast on your site.

As you use the API, you’ll learn about endpoints, parameters, data types, authentication, curl, JSON, the command line, Chrome’s Developer Console, JavaScript, and more. The idea is that rather than learning about these concepts independent of any context, you learn them by immersing yourself in a real scenario while using an API. Immersion in real scenarios makes these tools and technologies more meaningful.

We’ll then transition into standards, tools, and specifications for REST APIs. You’ll learn about the required sections in API documentation, analyze examples of REST API documentation from various companies, learn how to join an open-source project to get experience, and more.

Categories
GIS tutorial

Creare una mappa custom con QGIS, evidenziando le aree verdi sulla basemap di Carto

QuickMapServices è un plugin molto utile che offre molte basemaps. Per creare una mappa “con stile” però bisogna approfondire di più questi strumenti. Infine con alcune operazioni sui vettori e l’utilizzo dell’Atlas, è possibile ottenere delle mappe per rilievi “ad hoc”

https://overpass-turbo.eu/s/GIA

/*
This has been generated by the overpass-turbo wizard.
The original search was:
“park in milan”
*/
[out:json][timeout:25];
// fetch area “milan” to search in
{{geocodeArea:manhattan}}->.searchArea;
// gather results
(
// query part for: “park”
node["leisure"="park"](area.searchArea);
way["leisure"="park"](area.searchArea);
relation["leisure"="park"](area.searchArea);
);
// print results
out body;
>;
out skel qt;

Categories
GIS tutorial

Creazione DB 🐘 PostGIS in cloud per QGIS in 10 minuti (DigitalOcean + Postgres)

Per info gistips WhatsApp 3487448152 email lima.cityplanner@gmail.com
Richiesto per il tutorial:
– account DigitalOcean (REFERRAL LINK https://m.do.co/c/0b88c63ccdf0)
– PuTTY: a free SSH and Telnet client
– Windows 8 or higher
– pgAdmin4
– QGIS

Versione in inglese: questo link

Procedura

– create droplet digitalocean 1GB 5€/mo
– connect with putty and change password
– (https://www.digitalocean.com/community/tutorials/how-to-install-and-use-postgresql-on-ubuntu-18-04)
– sudo apt update
– sudo apt install postgresql postgresql-contrib
– (https://black-tea.github.io/setup-notes/2017/03/12/Postgres-and-GeoServer-on-DigitalOcean-Ubuntu.html)
– (https://launchpad.net/ubuntu/bionic/+package/postgresql-10-postgis-2.4)
– sudo apt-get install postgresql-10-postgis-2.4
– (https://www.igismap.com/install-postgis-postgresql-ubuntu/)
– sudo -u postgres psql
postgres=# CREATE DATABASE mygeo;\connect mygeo;
postgres=# CREATE EXTENSION postgis SCHEMA public; (QGIS expects postGIS to be installed in Public schema)
(https://medium.com/coding-blocks/creating-user-database-and-adding-access-on-postgresql-8bfcd2f4a91e)
postgres=# create user pjhooker with encrypted password ‘1jRM6EA0’;
postgres=# grant all privileges on database mygeo to pjhooker;
– putty tunnel
– create connection with pgadmi4
– create connection with qgis3.2
– import pg_cittametropolitane
– load in qgis pg_cittametropolitane

Categories
QGis tutorial

qgis2threejs 📈 Mt. Vesiuvus 🌋 3D WebMap

Il plugin di QGIS “Qgis2threejs” permette di creare delle webmap in 3D. Ecco tutti i passaggi dal download del DEM alla pubblicazione. Enjoy!

Link map1: http://www.cityplanner.it/webapp/treejs-mt-vesuvius/index.html
Link map2: http://www.cityplanner.it/webapp/treejs-gis074-test08/

Categories
QGis tutorial

Geocoding con QGIS e script Python

Nella cartella è possibile trovare il codice Python pronto per essere eseguito nella console di QGis. E’ importante creare un file JSON di input degli indirizzi in modo corretto. Lo standard JSON come potete trovare nei link utili è una rappresentazione testuale di array e nelle seguenti righe viene spiegata brevemente la struttura e le caratteristiche:

{
  "address":
    [
      "Via+Tucidide,+54,+Milano",
      "Via+Verdi,+4,+Milano",
      "Piazza+Cordusio,+5,+Milano"
    ]
}

Gli indirizzi, compresi tra le parentesi quadre [ ] sono separati dalla virgola, per formare l’elenco degli indirizzi da processare. Gli spazi sono sostituiti dal “+” e le tre infomazioni che compongono l’indirizzo sono “nome via”, “civico”, “città”.

Nel codice Python sono presenti due link a file, quello di imput e quello di output:

  • D:\ubicacionhospitaleslist.json
  • D:\ubicacionhospitaleslist.csv

E’ importante sostituire nel codice Python la scritta

--YOUR_GOOGLE_API_KEY--

con la vostra chiave personale generata nella Dashboard API di Google

Ad esempio questa stringa:

url = "https://maps.googleapis.com/maps/api/geocode/json?address="+line+"&key="+"--YOUR_GOOGLE_API_KEY--"

diventa:

url = "https://maps.googleapis.com/maps/api/geocode/json?address="+line+"&key="+"AIzaSyApj7VHnDq48SA9zodbvnTmnMQleNsNcRs"

Link utili

Tutorial to Georeference Google Searches with Python and QGIS

QGIS: Running Scripts in the Python Console

Introducing JSON

What is Geocoding?

  • https://developers.google.com/maps/documentation/geocoding/intro

Example API Google

  • https://maps.googleapis.com/maps/api/geocode/json?address=Via+Tucidide,+54,+Milano&key=you_api_key

String Concatenation and Formatting

  • http://www.pythonforbeginners.com/concatenation/string-concatenation-and-formatting-in-python

File Reading and Writing Methods

  • http://www.pitt.edu/~naraehan/python2/reading_writing_methods.html

Python: read all text file lines in loop

  • https://stackoverflow.com/questions/17949508/python-read-all-text-file-lines-in-loop

Python while Loop Statements

  • https://www.tutorialspoint.com/python/python_while_loop.htm

Reading and Writing JSON to a File in Python

  • http://stackabuse.com/reading-and-writing-json-to-a-file-in-python/

Parsing values from a JSON file?

  • https://stackoverflow.com/questions/2835559/parsing-values-from-a-json-file

How to Parse Data From JSON Into Python

  • https://linuxconfig.org/how-to-parse-data-from-json-into-python

How do you append to a file?

  • https://stackoverflow.com/questions/4706499/how-do-you-append-to-a-file

Python integer incrementing with ++

  • https://stackoverflow.com/questions/2632677/python-integer-incrementing-with
Categories
QGis tutorial

QGIS & SQL: sintassi AND / OR

Le sintassi da usare, non solo in QGIS, durante le selezioni tramite espressioni, sono molto importanti per estrarre risultati più coerenti con le proprie scelte. Si parte sempre da AND e da OR, per poi approfondire sempre di più. Ecco come si inseriscono correttamente in QGIS.

Categories
QGis tutorial

Qualche indicazione per usare meglio la cartella dei Tutorial di Google Drive

Adesso che avete l’accesso completo alla cartella con i file&slide (http://www.cityplanner.it/gis/) dei tutorial su QGis e i WebGIS, in questo video vi mostro come usare meglio la cartella e tenere traccia delle attività di caricamento e modifica.

Categories
QGis tutorial

Creare con QGIS delle mappe in serie, da punti 1x1km con Atlas Generator

In questo tutorial, su richiesta per il gruppo #gistipster, ho seguito il metodo per geneare una serie stampe (totale 60 immagini) che seguono una griglia di punti, 1km x 1km generata con MMQGIS. L’Atlas permette di centrare la mappa su ogni punto della serie, con una scala fissa 1:10.000 (a necessità) e di esportare singoli file JPG. Questi file contengono nel nome il numero della pagina e l’identificativo del punto.

Categories
WebGIS

WP Maps tutorial – Come inserire la prima mappa nel template di una pagina di WordPress

In questo prima puntata della serie WP Maps Tutorial, vederete i file necessari per creare un template; intervenendo sul codice, andremo a sostituire questi file del template, con alcuni nostri, semplificati e adatti ad inserire una semplice prima mappa.