tutorial organizzato all'interno della smartcityweek di Trento 2018 per la georeferenziazione e pubblicazione online di mappe antiche digitalizzate da parte della Biblioteca Comunale di Trento e rese disponibili su Wikimedia Commons. Il tutorial mostra come utilizzare mapwarper per la georeferenziazione e umap per la pubblicazione su web con la possibile conseguenza di poter generare dati e creare visualizzazioni. Strumenti usati: - mapwarper - wikimedia commons - umap ... ed un pizzico di javascript/html con leaflet

1. @napo
Laboratorio su mappe (antiche) digitalizzate

2. @napo
Agenda
- L'esperienza della biblioteca
comunale di New York
[per tutti]
- Come usare Mapwarper
[per tutti]
- Come usare la nuova mappa in
uMap
[per chi si sta appassionando]
- Visualizzazioni in sovrapposizione
fra presente e passato
[per aspiranti programmatori]

3. @napo
L'esperienza della
biblioteca comunale di
New York

4. @napo
NYC SPACE/TIME
http://spacetime.nypl.org/
La New York Public Library
sta creando un servizio
digitale per il viaggio nel
tempo su New York City
attraverso mappe digitali,
ricche di dati e con l'aiuto
dei cittadini.

5. @napo
http://emigrantcity.nypl.org
Emigrant City

6. @napo
Stiamo trascrivendo i menu storici
dei ristorante della nostra città,
piatto dopo piatto, in modo che
possano essere cercati e
conoscere così ciò che le persone
stavano mangiando in quel
giorno.
È un grande lavoro quindi
abbiamo bisogno del tuo aiuto
http://menus.nypl.org/
What's on the menu?

7. @napo
Benvenuti cittadini cartografi!
Aiutateci a sbloccare il passato di
New York identificando edifici e altri
dettagli da bellissime e datate mappe.
Building Inspector
http://buildinginspector.nypl.org/

8. @napo
NYPL Map Warper

9. @napo
Come usare Mapwarper

10. @napo
mapwarper.net
mapwarper.net

11. @napo
registrarsi ed entrare

12. @napo
http://bit.ly/atlantismagnitomusquartus
Scegliere una immagine con una mappa

13. @napo
… ad alta risoluzione

14. @napo
caricare il file e compilare i metadati

15. @napo
individua i punti di controllo ...
… con tanta PAZIENZA ….

16. @napo
e avvia la rettificazione :)
premere su WARP IMAGE

17. @napo
OOOOHHHH!!!

18. @napo
export di Mapwarper
Images:
GeoTiff => immagine georefernziata
per software GIS
MapService
KML => si può aprire con Google
Earth
WMS => servizio remoto per mappe
online x esperti
TMS => servizio remoto per mappe
online più popolare

19. @napo
Esempio ...

20. @napo
Come usare la mappa
creata in uMap

21. @napo
Creare mappe con uMap
http://umap.openstreetmap.fr/it/

22. @napo
Aggiungere una mappa di Mapwarper
Impostazioni mappa => sfondo personalizzato

23. @napo
Mapwarper compare in uMap
http://mapwarper.net/maps/tile/29903/{z}/{x}/{y}.png

24. @napo
e rendere interattiva
es. un punto sulla mappa dove fare apparire una immagine

25. @napo
… in questo modo

26. @napo
aggiungo il campo immagine e nome

27. @napo
inserisco geometria e attributi

28. @napo
imposto il popup
Nota: il nome del campo dell'immagine va messo fra tre parentesi graffe!!!
{{{img}}}

29. @napo
la mappa può essere condivisa

30. @napo
Visualizzare una lente sul
passato

31. @napo
http://labmod.org/maps/trento1915/mask.html
cosa si vuole ottenere

32. @napo
http://bit.lylentetemporale
per ora codice html/javascript ...

33. @napo
dati necessari
Indirizzo mapwarper:
http://mapwarper.net/maps/tile/29903/{z}/{x}/{y}.png
Coordinate del centro della mappa
=> lo si ricava da OpenStreetMap
Livello di zoom
=> lo si ricava da OpenStreetMap

34. @napo
dati necessari
Limiti di confine
=> uMap

35. @napo
modificare il file e aprire con un browser
nota:
un buon editor è Sublime o Notepad++
per aprire un file con Firefox premere CTRL-o

36. @napo
è più facile di quello che sembra

37. @napo
Maurizio Napolitano
http://slideshare.net/napo
napolitano@fbk.eu
@napo
Ringraziamenti
- Biblioteca Comunale di Trento (Eusebia Parrotto)
- Wikimedia Commons
- NYPL
- Rat-Man (Leo Ortoloani)
- The Noun Project per le icone
per contatti