Skip to content

Commit d4557fb

Browse files
feat(website): add case studies (#508)
* feat(website): add cultural landmarks case study and a link to another case study "digitalizing paper based community mapping in the evca" (https://preparecenter.org) * fix(ui): wrap footer items * feat(ui): add case studies to nav bar move link to GitHub to footer
1 parent e819a13 commit d4557fb

File tree

9 files changed

+222
-5
lines changed

9 files changed

+222
-5
lines changed

client-src/base/footer.css

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -12,6 +12,7 @@ footer {
1212

1313
/* flex container */
1414
display: flex;
15+
flex-wrap: wrap;
1516
gap: 1rem;
1617
align-items: end;
1718
line-height: 1rem;

client-src/case-studies/index.css

Lines changed: 9 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,9 @@
1+
@counter-style decimal-square-bracket {
2+
system: extends decimal;
3+
suffix: "] ";
4+
prefix: "[";
5+
}
6+
7+
.list-sources {
8+
list-style: decimal-square-bracket;
9+
}
Binary file not shown.

esbuild.js

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -9,6 +9,7 @@ require("esbuild")
99
"./client-src/help/index.css",
1010
"./client-src/help/index.js",
1111
"./client-src/about/index.css",
12+
"./client-src/case-studies/index.css",
1213
"./client-src/create/index.js",
1314
"./client-src/create-results/index.js",
1415
"./client-src/digitize/index.js",

sketch_map_tool/routes.py

Lines changed: 29 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,10 +1,18 @@
11
import json
22
from io import BytesIO
3+
from pathlib import Path
34
from uuid import UUID, uuid4
45

56
import geojson
67
from celery import chain, group
7-
from flask import redirect, render_template, request, send_file, url_for
8+
from flask import (
9+
redirect,
10+
render_template,
11+
request,
12+
send_file,
13+
send_from_directory,
14+
url_for,
15+
)
816
from werkzeug import Response
917

1018
from sketch_map_tool import celery_app, config, definitions, tasks
@@ -54,6 +62,26 @@ def about(lang="en") -> str:
5462
)
5563

5664

65+
@app.get("/case-studies/cultural-landmarks")
66+
@app.get("/<lang>/case-studies/cultural-landmarks")
67+
def case_study_cultural_landmarks(lang="en") -> str:
68+
return render_template("case-study-cultural-landmarks.html", lang=lang)
69+
70+
71+
@app.get("/case-studies/cultural-landmarks-pdf")
72+
@app.get("/<lang>/case-studies/cultural-landmarks-pdf")
73+
def case_study_cultural_landmarks_pdf(lang="en") -> Response:
74+
dir = Path(config.get_config_value("data-dir")) / "case-studies"
75+
name = "participatory-mapping-for-cultural-landmarks.pdf"
76+
return send_from_directory(dir, name, as_attachment=True)
77+
78+
79+
@app.get("/case-studies/timor-leste")
80+
@app.get("/<lang>/case-studies/timor-leste")
81+
def case_study_timor_leste(lang="en") -> str:
82+
return render_template("case-study-timor-leste.html", lang=lang)
83+
84+
5785
@app.get("/create")
5886
@app.get("/<lang>/create")
5987
def create(lang="en") -> str:
512 KB
Loading
4.74 MB
Loading

sketch_map_tool/templates/base.html

Lines changed: 14 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -32,13 +32,18 @@
3232
<li><a href="{{ url_for('about', lang=lang) }}" class="nav-link secondary">{{ _('About') }}</a></li>
3333
<li><a href="{{ url_for('help', lang=lang) }}" class="nav-link secondary">{{ _('Help') }}</a></li>
3434
<li>
35-
<a href="https://github.com/GIScience/sketch-map-tool" class="nav-link secondary" target="_blank">
36-
<span class="github-icon"></span> Code
37-
</a>
35+
<details role="list">
36+
<summary aria-haspopup="listbox" role="link" style="color: hsl(205, 20%, 32%);">Case Studies</summary>
37+
<ul role="listbox">
38+
<li><a href="{{ url_for('case_study_cultural_landmarks', lang=lang) }}">Participatory Mapping<br>for Cultural Landmarks</a></li>
39+
<li><a href="https://preparecenter.org/resource/digitalizing-paper-based-community-mapping-in-the-evca/"
40+
target="_blank">Digitalizing Paper-Based<br>Community mapping<br>in the EVCA</a></li>
41+
</ul>
42+
</details>
3843
</li>
3944
<li>
4045
<details role="list">
41-
<summary aria-haspopup="listbox">
46+
<summary aria-haspopup="listbox" role="link" style="color: hsl(205, 20%, 32%);">
4247
<svg xmlns="http://www.w3.org/2000/svg" width="30" height="30" fill="currentColor"
4348
class="bi bi-globe2" viewBox="0 0 16 16">
4449
<path d="M0 8a8 8 0 1 1 16 0A8 8 0 0 1 0 8zm7.5-6.923c-.67.204-1.335.82-1.887 1.855-.143.268-.276.56-.395.872.705.157 1.472.257 2.282.287V1.077zM4.249 3.539c.142-.384.304-.744.481-1.078a6.7 6.7 0 0 1 .597-.933A7.01 7.01 0 0 0 3.051 3.05c.362.184.763.349 1.198.49zM3.509 7.5c.036-1.07.188-2.087.436-3.008a9.124 9.124 0 0 1-1.565-.667A6.964 6.964 0 0 0 1.018 7.5h2.49zm1.4-2.741a12.344 12.344 0 0 0-.4 2.741H7.5V5.091c-.91-.03-1.783-.145-2.591-.332zM8.5 5.09V7.5h2.99a12.342 12.342 0 0 0-.399-2.741c-.808.187-1.681.301-2.591.332zM4.51 8.5c.035.987.176 1.914.399 2.741A13.612 13.612 0 0 1 7.5 10.91V8.5H4.51zm3.99 0v2.409c.91.03 1.783.145 2.591.332.223-.827.364-1.754.4-2.741H8.5zm-3.282 3.696c.12.312.252.604.395.872.552 1.035 1.218 1.65 1.887 1.855V11.91c-.81.03-1.577.13-2.282.287zm.11 2.276a6.696 6.696 0 0 1-.598-.933 8.853 8.853 0 0 1-.481-1.079 8.38 8.38 0 0 0-1.198.49 7.01 7.01 0 0 0 2.276 1.522zm-1.383-2.964A13.36 13.36 0 0 1 3.508 8.5h-2.49a6.963 6.963 0 0 0 1.362 3.675c.47-.258.995-.482 1.565-.667zm6.728 2.964a7.009 7.009 0 0 0 2.275-1.521 8.376 8.376 0 0 0-1.197-.49 8.853 8.853 0 0 1-.481 1.078 6.688 6.688 0 0 1-.597.933zM8.5 11.909v3.014c.67-.204 1.335-.82 1.887-1.855.143-.268.276-.56.395-.872A12.63 12.63 0 0 0 8.5 11.91zm3.555-.401c.57.185 1.095.409 1.565.667A6.963 6.963 0 0 0 14.982 8.5h-2.49a13.36 13.36 0 0 1-.437 3.008zM14.982 7.5a6.963 6.963 0 0 0-1.362-3.675c-.47.258-.995.482-1.565.667.248.92.4 1.938.437 3.008h2.49zM11.27 2.461c.177.334.339.694.482 1.078a8.368 8.368 0 0 0 1.196-.49 7.01 7.01 0 0 0-2.275-1.52c.218.283.418.597.597.932zm-.488 1.343a7.765 7.765 0 0 0-.395-.872C9.835 1.897 9.17 1.282 8.5 1.077V4.09c.81-.03 1.577-.13 2.282-.287z"/>
@@ -59,6 +64,10 @@
5964
</div>
6065

6166
<footer class="container-fluid">
67+
<a href="https://github.com/GIScience/sketch-map-tool" class="nav-link secondary" target="_blank">
68+
<span class="github-icon"></span> Code
69+
</a>
70+
<span>&middot;</span>
6271
<a class="nav-link secondary" href="https://mailings.heigit.org/f/386599-385418/" target="_blank">{{ _('Newsletter') }}</a>
6372
<span>&middot;</span>
6473
<a class="nav-link secondary" href="https://heigit.org/further-legal-information/" target="_blank">{{ _('Further Legal Information') }}</a>
@@ -67,6 +76,7 @@
6776
Policy') }}</a>
6877
<span>&middot;</span>
6978
<a class="nav-link secondary" href="https://heigit.org/imprint/" target="_blank">{{ _('Imprint') }}</a>
79+
<span>&middot;</span>
7080
<a href="https://heigit.org" target="_blank">
7181
<img src="/static/assets/logos/HeiGIT/HeiGIT_Logo_base.svg" alt="{{ _('HeiGIT Logo') }}">
7282
</a>
Lines changed: 168 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,168 @@
1+
{% extends "base.html" %}
2+
{% block head %}
3+
<link rel="stylesheet" href="{{url_for("static", filename="bundles/case-studies.css") }}">
4+
{% endblock head %}
5+
{% block header_message %}
6+
{{ _('Case Study') }}
7+
{% endblock header_message %}
8+
9+
{% block body %}
10+
11+
<main class="container">
12+
<h1>{{ _('Participatory Mapping for Cultural Landmarks') }}</h1>
13+
<figure>
14+
<img src="{{ url_for("static",
15+
filename="assets/images/case-study-cultural-landmarks/banner.png") }}"
16+
alt="{{ _('') }}">
17+
<!-- TODO -->
18+
<figcaption>{{ _('') }}</figcaption>
19+
</figure>
20+
<div class="grid">
21+
<div>
22+
<small>Claudio Sossio De Simone</small>
23+
<br>
24+
<small>University of Rome Tor Vergata</small>
25+
<br>
26+
<small>September 2023 to February 2024</small>
27+
<br>
28+
</div>
29+
<div>
30+
<br>
31+
<small><a href="{{ url_for('case_study_cultural_landmarks_pdf', lang=lang) }}">Download as PDF</a></small>
32+
</div>
33+
</div>
34+
<br>
35+
<p>
36+
{{ _('Claudio Sossio De Simone is a PhD candidate at the University of Rome
37+
Tor Vergata in the field of Cultural Heritage, Education and Territory. His
38+
research interests include GIS science and geoinformation applied to
39+
cultural heritage, as well as the geo-historical study of rural
40+
landscapes.') }}
41+
</p>
42+
<p>
43+
{{ _('The Sketch Map Tool was used as part of his PhD research on the
44+
changing territory around an artificial dam in a rural area in southern
45+
Italy. The research aimed to identify significant landmarks and provide
46+
decision-makers with geographical data to develop cultural, environmental,
47+
and touristic initiatives <a href="#1">[1]</a>.') }}
48+
</p>
49+
50+
<h2>{{ _('Why was the Sketch Map Tool used?') }}</h2>
51+
<p>
52+
{{ _('The Sketch Map Tool was used as a means to capture the local
53+
perception of the area around the Occhito dam by identifying
54+
environmentally, culturally or socially significant landmarks as perceived by
55+
the local community.') }}
56+
</p>
57+
58+
<h2>{{ _('The Project') }}</h2>
59+
<p>
60+
{{ _('The study area is a rural region between Molise and Apulia in Southern
61+
Italy that is mostly mountainous and only sparsely populated.') }}
62+
</p>
63+
64+
<p>
65+
{{ _('In the late 1950s, an artificial dam was built in this area to form the
66+
Lake Occhito. The area is included in the protected areas of the Natura 2000
67+
network <a href="#2">[2]</a>, with the vegetation surrounding the lake providing habitats
68+
for several protected species. However, the dam has altered the local
69+
environment. The instability of the new waterscape has caused frequent
70+
flooding. In addition, the agricultural system has been profoundly changed
71+
and the local traditional pastoral activities have almost completely
72+
disappeared.') }}
73+
</p>
74+
<p>
75+
{{ _(' This changing scenario, along the ongoing efforts by stakeholders and
76+
communities to develop a new governance plan, underscores the need for
77+
enhanced spatial knowledge of the area by combining institutional data with
78+
the local community expertise. ') }}
79+
</p>
80+
81+
<h2>{{ _('How was the Sketch Mapping organized?') }}</h2>
82+
83+
<p>
84+
{{ _('Community mapping was conducted with both local adults and school
85+
children aged 11 to 14, who were instructed to jointly work on Sketch Maps
86+
in small groups. The mapping session with A3 (large scale) and A0 (small
87+
scale) Sketch Maps took place on the field as well as in the classroom.
88+
Participants could draw landmarks and identify them as “cultural-natural
89+
places” (e.g. monuments, archaeological sites, birdwatching sites),
90+
“problematic places” (e.g. areas littered with garbage, flood-prone areas),
91+
and “special places” with a strong subjective value (e.g. a place for
92+
picnicking with family, the spot where the mapper kissed for the first time)
93+
<a href="#3">[3]</a>.') }}
94+
</p>
95+
<figure>
96+
<img src="{{ url_for("static",
97+
filename="assets/images/case-study-cultural-landmarks/1.png") }}" alt="{{
98+
_('A Sketch Map of the area around the Occito lake in QGIS software.') }}">
99+
<figcaption>
100+
{{ _('A Sketch Map of the area around the Occito lake in QGIS software.')
101+
}}
102+
</figcaption>
103+
</figure>
104+
105+
<h2>{{ _('How were the Sketch Maps analysed?') }}</h2>
106+
<p>
107+
{{ _('As a first step, the geodata from the digitalized Sketch Maps was
108+
manually cleaned, corrected and enhanced. Then, the collected markings of
109+
landmarks were uploaded to the Google My Maps platform for a quicker and
110+
better visualization of the collected data during the mapping session in the
111+
classroom.') }}
112+
</p>
113+
<p>
114+
{{ _(' As a further step, the Heatmap Plugin in QGIS was used to perform a
115+
density analysis on the point layers, resulting in heatmaps that visualize
116+
the intensity of a phenomenon in an area based on the density of points.
117+
Multiple heatmaps were created to map the density areas of the selected
118+
landmarks, which can later be used to analyze the cultural and social
119+
aspects of the area <a href="#4">[4]</a>.') }}
120+
</p>
121+
122+
<h2>{{ _('Results and Impact') }}</h2>
123+
<p>
124+
{{ _('The VGI data collected with the Sketch Map Tool sessions is to be
125+
merged with institutional data (e. g. land use maps, census data, maps of
126+
cultural sites) into a GIS platform, creating a web map that can be used to
127+
develop new cultural and touristic initiatives as well as a better
128+
governance of the problematic areas.') }}
129+
</p>
130+
<p>{{ _('Lesson learnt:') }}</p>
131+
<ol>
132+
<li>
133+
{{ _('Adult mappers demonstrated greater skills in orienting themselves on
134+
the map and geolocating landmarks, while the younger participants had more
135+
difficulties in orienting themselves in space, but identified more
136+
unconventional, subjectively relevant landmarks, showing interest in
137+
different areas and characteristics of the landscape.') }}
138+
</li>
139+
140+
<li>
141+
{{ _('Community mapping clearly showed its potential to highlight some
142+
aspects of the local resources and landmarks that are not present in the
143+
official cartography, particularly in regard to places with a cultural or
144+
subjective value.') }}
145+
</li>
146+
<li>
147+
{{ _('Many community mappers can orientate themselves more easily on a
148+
satellite map than on the OSM base maps. Since the Sketch Map Tool 1.0 was
149+
used, which only supported OSM as base map, satellite maps were used along
150+
OSM-based Sketch Maps to help with the orientation. Sketch Map Tool 2.0.
151+
now allows to integrate satellite imagery directly in the base maps.') }}
152+
</li>
153+
</ol>
154+
<p>{{ _(' ') }}</p>
155+
156+
<h6>{{ _('Sources') }}</h6>
157+
<ol class="list-sources">
158+
<li id="1">
159+
{{ _('La media valle del fiume Fortore (Campobasso), un caso di
160+
destrutturazione e ristrutturazione di un paesaggio d’acqua: variazioni
161+
nell’uso del suolo come indicatore di cambiamento, 2021') }}
162+
</li>
163+
<li id="2">{{ _('Biodiversity – Enviromental Inforamtion Systems') }}</li>
164+
<li id="3">{{ _('Millenium Ecosystem Assessment') }}</li>
165+
<li id="4">{{ _('Data Analysis with QGIS – GIS Resource Training Center') }}</li>
166+
</ol>
167+
</main>
168+
{% endblock body %}

0 commit comments

Comments
 (0)