ChContext
Download as PPTX, PDF0 likes92 views
This document discusses defining descriptors to simplify analysis and enable composition of features for cultural heritage applications. It presents the "divide and conquer" approach of separating the problem into maps, content and menus. Descriptors are defined for the map component, including a geocontext JSON sample defining layers and data sources to visualize geographic information. A static content JSON sample is also provided. Finally, it demonstrates existing applications and discusses installation/use of the open source front-end framework.
![Map – Geocontext – gcx.json
{
"title": "Circuses, Theatres and Amphitheatres: Where, When and Why",
"type": "2d",
"center": [44.292, 13.975],
"minzoom": 1,
"startzoom": 5,
"maxzoom": 20,
"datasources": [
{"name": "amphitheatres", "type": "geojson+http+remote", "conf": { "source": "/assets/datasets/amphitheatres.geojson"}},
{"name": "circuses", "type": "geojson+http+remote", "conf": { "source": "/assets/datasets/circuses.geojson"}},
{"name": "stadiums", "type": "geojson+http+remote", "conf": { "source": "/assets/datasets/stadiums.geojson"}},
{"name": "theatres", "type": "geojson+http+remote", "conf": { "source": "/assets/datasets/theatres.geojson"}}
],
"layers": [
{"name": "amphitheatres", "type": "features", "datasource": "amphitheatres", "style": { "style": "leaflet", "mode":
"marker", "markerType": "circle", "options": { "radius": 4, "fillColor": "#8cdf8a", "color": "#000", "weight": 1,
"opacity": 1, "fillOpacity": 0.6 } } },
{"name": "circuses", "type": "features", "datasource": "circuses", "style": { "style": "leaflet", "mode": "marker",
"markerType": "circle", "options": { "radius": 4, "fillColor": "#ea583e", "color": "#000", "weight": 1, "opacity": 1,
"fillOpacity": 0.6 } } },
{"name": "stadiums", "type": "features", "datasource": "stadiums", "style": { "style": "leaflet", "mode": "marker",
"markerType": "circle", "options": { "radius": 4, "fillColor": "#febccd", "color": "#000", "weight": 1, "opacity": 1,
"fillOpacity": 0.6 } } },
{"name": "theatres", "type": "features", "datasource": "theatres", "style": { "style": "leaflet", "mode": "marker",
"markerType": "circle", "options": { "radius": 4, "fillColor": "#9448b7", "color": "#000", "weight": 1, "opacity": 1,
"fillOpacity": 0.6 } } },
{"name": "Terrain", "type": "stamen-terrain"}
]
}](https://image.slidesharecdn.com/chcontext-181213095154/85/ChContext-9-320.jpg)
![Map – Geocontext – gcx.json
{
"title": "Circuses, Theatres and Amphitheatres: Where, When and Why",
"type": "2d",
"center": [44.292, 13.975],
"minzoom": 1,
"startzoom": 5,
"maxzoom": 20,
"datasources": [
{"name": "amphitheatres", "type": "geojson+http+remote", "conf": { "source": "/assets/datasets/amphitheatres.geojson"}},
{"name": "circuses", "type": "geojson+http+remote", "conf": { "source": "/assets/datasets/circuses.geojson"}},
{"name": "stadiums", "type": "geojson+http+remote", "conf": { "source": "/assets/datasets/stadiums.geojson"}},
{"name": "theatres", "type": "geojson+http+remote", "conf": { "source": "/assets/datasets/theatres.geojson"}}
],
"layers": [
{"name": "amphitheatres", "type": "features", "datasource": "amphitheatres", "style": { "style": "leaflet", "mode":
"marker", "markerType": "circle", "options": { "radius": 4, "fillColor": "#8cdf8a", "color": "#000", "weight": 1,
"opacity": 1, "fillOpacity": 0.6 } } },
{"name": "circuses", "type": "features", "datasource": "circuses", "style": { "style": "leaflet", "mode": "marker",
"markerType": "circle", "options": { "radius": 4, "fillColor": "#ea583e", "color": "#000", "weight": 1, "opacity": 1,
"fillOpacity": 0.6 } } },
{"name": "stadiums", "type": "features", "datasource": "stadiums", "style": { "style": "leaflet", "mode": "marker",
"markerType": "circle", "options": { "radius": 4, "fillColor": "#febccd", "color": "#000", "weight": 1, "opacity": 1,
"fillOpacity": 0.6 } } },
{"name": "theatres", "type": "features", "datasource": "theatres", "style": { "style": "leaflet", "mode": "marker",
"markerType": "circle", "options": { "radius": 4, "fillColor": "#9448b7", "color": "#000", "weight": 1, "opacity": 1,
"fillOpacity": 0.6 } } },
{"name": "Terrain", "type": "stamen-terrain"}
]
}
Global
Datasources
Layers](https://image.slidesharecdn.com/chcontext-181213095154/85/ChContext-10-320.jpg)
![Map – Geocontext – gcx.json
{
"title": "Circuses, Theatres and Amphitheatres: Where, When and Why",
"type": "2d",
"center": [44.292, 13.975],
"minzoom": 1,
"startzoom": 5,
"maxzoom": 20,
"datasources": [
{"name": "amphitheatres", "type": "geojson+http+remote", "conf": { "source": "/assets/datasets/amphitheatres.geojson"}},
{"name": "circuses", "type": "geojson+http+remote", "conf": { "source": "/assets/datasets/circuses.geojson"}},
{"name": "stadiums", "type": "geojson+http+remote", "conf": { "source": "/assets/datasets/stadiums.geojson"}},
{"name": "theatres", "type": "geojson+http+remote", "conf": { "source": "/assets/datasets/theatres.geojson"}}
],
"layers": [
{"name": "amphitheatres", "type": "features", "datasource": "amphitheatres", "style": { "style": "leaflet", "mode":
"marker", "markerType": "circle", "options": { "radius": 4, "fillColor": "#8cdf8a", "color": "#000", "weight": 1,
"opacity": 1, "fillOpacity": 0.6 } } },
{"name": "circuses", "type": "features", "datasource": "circuses", "style": { "style": "leaflet", "mode": "marker",
"markerType": "circle", "options": { "radius": 4, "fillColor": "#ea583e", "color": "#000", "weight": 1, "opacity": 1,
"fillOpacity": 0.6 } } },
{"name": "stadiums", "type": "features", "datasource": "stadiums", "style": { "style": "leaflet", "mode": "marker",
"markerType": "circle", "options": { "radius": 4, "fillColor": "#febccd", "color": "#000", "weight": 1, "opacity": 1,
"fillOpacity": 0.6 } } },
{"name": "theatres", "type": "features", "datasource": "theatres", "style": { "style": "leaflet", "mode": "marker",
"markerType": "circle", "options": { "radius": 4, "fillColor": "#9448b7", "color": "#000", "weight": 1, "opacity": 1,
"fillOpacity": 0.6 } } },
{"name": "Terrain", "type": "stamen-terrain"}
]
}](https://image.slidesharecdn.com/chcontext-181213095154/85/ChContext-11-320.jpg)
![{
"title": "Decarch Wiki Commons Collection",
"type": "2d",
"center": [34.7324, 36.7137],
"minzoom": 1,
"startzoom": 7,
"maxzoom": 20,
"search": true,
"datasources": [
{"name": "decarch", "type": "csv+http+remote", "conf": { "source": "/assets/datasets/decharch.csv", "structure":[
{"column":"categoria edifici", "type":"category", "tags": ["gcx:search"]},
{"column":"pertinenza edificio", "type":"category", "tags": ["gcx:search"]},
{"column":"parte di edificio", "type":"category", "tags": ["gcx:search"]},
{"column":"latitudine", "type":"number", "tags": ["gcx:lat", "gcx:geo"]},
{"column":"longitudine", "type":"number", "tags": ["gcx:lon", "gcx:geo"]},
{"column":"media", "type":"url", "tags": ["gcx:media"]},
{"column":"nome", "type":"string", "tags": ["gcx:title", "gcx:search"]}
]}}
],
"layers": [
{"name": "decarch", "type": "features", "datasource": "decarch", "style": { "style": "leaflet", "mode": "marker", "markerType":
"circle", "options": { "radius": 4, "fillColor": "#099092", "color": "#000", "weight": 1, "opacity": 1, "fillOpacity": 0.6 } } },
{"name": "Terrain", "type": "stamen-terrain"}
]
}
Map – Geocontext – gcx.json](https://image.slidesharecdn.com/chcontext-181213095154/85/ChContext-12-320.jpg)
ChContext
- 1. CHContext Cultural Heritage Context Marco Montanari – [email protected] Lucia Marsicano – [email protected]
- 2. Who are we? OpenHistoryMap • Google Maps of the Past • Archaeological data • Digitization process • Based in Bologna Modal Nodes • Software and Cloud Infrastructure • Software development • Based in Bologna Open Access Open Source
- 5. The Problem • Crerating apps for Cultural Institutions is complex (we could discuss if it makes sense but it is a different ENORMOUS topic) • Custom menus (CMS? Custom? Format?) • Custom content (CMS? Editable? Format?) • Custom maps (Source? Format?)
- 6. «Divide et Impera» • Three different problems • Map • Visualize and define a manner to display geographical information in a structured way • Content • Define static and semi-static content as • Menu • Define a complete user movement structure creating logic connections and facilitating information exploration
- 7. Describing the world We need to define descriptors that simplify our analysis and enable the composition of features bound to the three factors
- 9. Map – Geocontext – gcx.json { "title": "Circuses, Theatres and Amphitheatres: Where, When and Why", "type": "2d", "center": [44.292, 13.975], "minzoom": 1, "startzoom": 5, "maxzoom": 20, "datasources": [ {"name": "amphitheatres", "type": "geojson+http+remote", "conf": { "source": "/assets/datasets/amphitheatres.geojson"}}, {"name": "circuses", "type": "geojson+http+remote", "conf": { "source": "/assets/datasets/circuses.geojson"}}, {"name": "stadiums", "type": "geojson+http+remote", "conf": { "source": "/assets/datasets/stadiums.geojson"}}, {"name": "theatres", "type": "geojson+http+remote", "conf": { "source": "/assets/datasets/theatres.geojson"}} ], "layers": [ {"name": "amphitheatres", "type": "features", "datasource": "amphitheatres", "style": { "style": "leaflet", "mode": "marker", "markerType": "circle", "options": { "radius": 4, "fillColor": "#8cdf8a", "color": "#000", "weight": 1, "opacity": 1, "fillOpacity": 0.6 } } }, {"name": "circuses", "type": "features", "datasource": "circuses", "style": { "style": "leaflet", "mode": "marker", "markerType": "circle", "options": { "radius": 4, "fillColor": "#ea583e", "color": "#000", "weight": 1, "opacity": 1, "fillOpacity": 0.6 } } }, {"name": "stadiums", "type": "features", "datasource": "stadiums", "style": { "style": "leaflet", "mode": "marker", "markerType": "circle", "options": { "radius": 4, "fillColor": "#febccd", "color": "#000", "weight": 1, "opacity": 1, "fillOpacity": 0.6 } } }, {"name": "theatres", "type": "features", "datasource": "theatres", "style": { "style": "leaflet", "mode": "marker", "markerType": "circle", "options": { "radius": 4, "fillColor": "#9448b7", "color": "#000", "weight": 1, "opacity": 1, "fillOpacity": 0.6 } } }, {"name": "Terrain", "type": "stamen-terrain"} ] }
- 10. Map – Geocontext – gcx.json { "title": "Circuses, Theatres and Amphitheatres: Where, When and Why", "type": "2d", "center": [44.292, 13.975], "minzoom": 1, "startzoom": 5, "maxzoom": 20, "datasources": [ {"name": "amphitheatres", "type": "geojson+http+remote", "conf": { "source": "/assets/datasets/amphitheatres.geojson"}}, {"name": "circuses", "type": "geojson+http+remote", "conf": { "source": "/assets/datasets/circuses.geojson"}}, {"name": "stadiums", "type": "geojson+http+remote", "conf": { "source": "/assets/datasets/stadiums.geojson"}}, {"name": "theatres", "type": "geojson+http+remote", "conf": { "source": "/assets/datasets/theatres.geojson"}} ], "layers": [ {"name": "amphitheatres", "type": "features", "datasource": "amphitheatres", "style": { "style": "leaflet", "mode": "marker", "markerType": "circle", "options": { "radius": 4, "fillColor": "#8cdf8a", "color": "#000", "weight": 1, "opacity": 1, "fillOpacity": 0.6 } } }, {"name": "circuses", "type": "features", "datasource": "circuses", "style": { "style": "leaflet", "mode": "marker", "markerType": "circle", "options": { "radius": 4, "fillColor": "#ea583e", "color": "#000", "weight": 1, "opacity": 1, "fillOpacity": 0.6 } } }, {"name": "stadiums", "type": "features", "datasource": "stadiums", "style": { "style": "leaflet", "mode": "marker", "markerType": "circle", "options": { "radius": 4, "fillColor": "#febccd", "color": "#000", "weight": 1, "opacity": 1, "fillOpacity": 0.6 } } }, {"name": "theatres", "type": "features", "datasource": "theatres", "style": { "style": "leaflet", "mode": "marker", "markerType": "circle", "options": { "radius": 4, "fillColor": "#9448b7", "color": "#000", "weight": 1, "opacity": 1, "fillOpacity": 0.6 } } }, {"name": "Terrain", "type": "stamen-terrain"} ] } Global Datasources Layers
- 11. Map – Geocontext – gcx.json { "title": "Circuses, Theatres and Amphitheatres: Where, When and Why", "type": "2d", "center": [44.292, 13.975], "minzoom": 1, "startzoom": 5, "maxzoom": 20, "datasources": [ {"name": "amphitheatres", "type": "geojson+http+remote", "conf": { "source": "/assets/datasets/amphitheatres.geojson"}}, {"name": "circuses", "type": "geojson+http+remote", "conf": { "source": "/assets/datasets/circuses.geojson"}}, {"name": "stadiums", "type": "geojson+http+remote", "conf": { "source": "/assets/datasets/stadiums.geojson"}}, {"name": "theatres", "type": "geojson+http+remote", "conf": { "source": "/assets/datasets/theatres.geojson"}} ], "layers": [ {"name": "amphitheatres", "type": "features", "datasource": "amphitheatres", "style": { "style": "leaflet", "mode": "marker", "markerType": "circle", "options": { "radius": 4, "fillColor": "#8cdf8a", "color": "#000", "weight": 1, "opacity": 1, "fillOpacity": 0.6 } } }, {"name": "circuses", "type": "features", "datasource": "circuses", "style": { "style": "leaflet", "mode": "marker", "markerType": "circle", "options": { "radius": 4, "fillColor": "#ea583e", "color": "#000", "weight": 1, "opacity": 1, "fillOpacity": 0.6 } } }, {"name": "stadiums", "type": "features", "datasource": "stadiums", "style": { "style": "leaflet", "mode": "marker", "markerType": "circle", "options": { "radius": 4, "fillColor": "#febccd", "color": "#000", "weight": 1, "opacity": 1, "fillOpacity": 0.6 } } }, {"name": "theatres", "type": "features", "datasource": "theatres", "style": { "style": "leaflet", "mode": "marker", "markerType": "circle", "options": { "radius": 4, "fillColor": "#9448b7", "color": "#000", "weight": 1, "opacity": 1, "fillOpacity": 0.6 } } }, {"name": "Terrain", "type": "stamen-terrain"} ] }
- 12. { "title": "Decarch Wiki Commons Collection", "type": "2d", "center": [34.7324, 36.7137], "minzoom": 1, "startzoom": 7, "maxzoom": 20, "search": true, "datasources": [ {"name": "decarch", "type": "csv+http+remote", "conf": { "source": "/assets/datasets/decharch.csv", "structure":[ {"column":"categoria edifici", "type":"category", "tags": ["gcx:search"]}, {"column":"pertinenza edificio", "type":"category", "tags": ["gcx:search"]}, {"column":"parte di edificio", "type":"category", "tags": ["gcx:search"]}, {"column":"latitudine", "type":"number", "tags": ["gcx:lat", "gcx:geo"]}, {"column":"longitudine", "type":"number", "tags": ["gcx:lon", "gcx:geo"]}, {"column":"media", "type":"url", "tags": ["gcx:media"]}, {"column":"nome", "type":"string", "tags": ["gcx:title", "gcx:search"]} ]}} ], "layers": [ {"name": "decarch", "type": "features", "datasource": "decarch", "style": { "style": "leaflet", "mode": "marker", "markerType": "circle", "options": { "radius": 4, "fillColor": "#099092", "color": "#000", "weight": 1, "opacity": 1, "fillOpacity": 0.6 } } }, {"name": "Terrain", "type": "stamen-terrain"} ] } Map – Geocontext – gcx.json
- 13. Content – CHCXStatic – chcx-static.json { "info": { "target": "info", "title": "Info", "icon": "info", "mode": "file", "content": "/assets/chcx-static-pages/file.html" } }
- 14. Content – CHCXStatic – chcx-static.json { "info": { "target": "info", "title": "Info", "icon": "info", "mode": "file", "content": "/assets/chcx-static-pages/file.html" } } Source Global
- 15. Content – CHCXStatic – chcx-static.json { "info": { "target": "info", "title": "Info", "icon": "info", "mode": "file", "content": "/assets/chcx-static-pages/file.html" } }
- 17. Demo Decarch
- 19. How to install or use? • From source: • It is an Angular application, so it’s just a matter of building the libraries and content • Ng build --prod • IT is completely serverless, so that you can deploy the result on anything (nginx, apache) • Within a Docker Infrastructure • Docker run modalnodes/geocontext-front
- 20. Coming soon… • Generators • Geocontext hub (free for open access) • Native app generator (at least a wrapper around web applications) • QGIS plugin for simple export
- 21. Thanks! Questions? Marco Montanari – [email protected] - @ingmmo Lucia Marsicano – [email protected] - @archeolucia