Skip to content

Commit bbfc61e

Browse files
Cloddino95Cloddino95
authored
Merge pull request #129 from quantum-label/128-data-catalogue-and-dataset-creation-disclaimer-as-well-as-dqu-and-maturity-assessments-independance
Added dataset and data catalogue disclaimer as well as dq&u and matur…
2 parents a467f61 + 47b2f55 commit bbfc61e

File tree

3 files changed

+59
-38
lines changed

3 files changed

+59
-38
lines changed

‎webapp/templates/dataset_label.html‎

Lines changed: 47 additions & 38 deletions
Original file line numberDiff line numberDiff line change
@@ -66,7 +66,9 @@ <h1 class="text-center mt-3" style="margin-bottom: 20px;">QUANTUM label</h1>
6666
</ul>
6767
</li>
6868

69-
<li><b>Color Gradient</b>: The base color of each category is assigned uniquely, while the dimensions inherit the same base color with varying opacity based on their score. As the score increases, the opacity of the color increases, making the slice more visible.</li>
69+
<li><b>Color Gradient</b>: The base color of each category is assigned uniquely, while the dimensions inherit the same base color with varying opacity based on their score. As the score increases, the opacity of the color increases,
70+
making the slice more visible.
71+
</li>
7072
<li><b>Stars & Score in Center</b>: The chart center displays the total DQ&U score and a star rating:
7173
<ul>
7274
<li>★☆☆☆☆ = 25% of DQ&U reached</li>
@@ -113,14 +115,14 @@ <h4>Dataset information</h4>
113115
</div>
114116

115117
{% if assessment_percentage == 100 %}
116-
<h5 class="text-success text-center"><b>This label shows a completed quality assessment.</b></h5>
118+
<h5 class="text-success text-center"><b>This label shows a completed quality assessment.</b></h5>
117119
{% else %}
118-
<h5 class="text-warning text-center"><b>This is an ongoing evaluation; the displayed quality label is not final.</b></h5>
120+
<h5 class="text-warning text-center"><b>This is an ongoing evaluation; the displayed quality label is not final.</b></h5>
119121
{% endif %}
120122

121123

122124
<div class="progress-container mb-2">
123-
<div class="progress text-center opacity-75 mx-5" role="progressbar">
125+
<div class="progress text-center opacity-75 mx-5" role="progressbar">
124126
<div id="progress" class="progress-bar bg-warning" style="width: 0%"></div>
125127
</div>
126128
</div>
@@ -148,7 +150,7 @@ <h5 class="text-warning text-center"><b>This is an ongoing evaluation; the displ
148150
});
149151

150152
</script>
151-
</div>
153+
</div>
152154

153155
<div class="col-md-2 col-sm-12"></div>
154156
<div class="col-md-8 col-sm-12">
@@ -157,50 +159,57 @@ <h5 class="text-warning text-center"><b>This is an ongoing evaluation; the displ
157159
{{ label | safe }}
158160
</div>
159161

160-
<h2 class="text-center mt-5">Quality & Utility Assessment score</h2>
162+
<div class="card card-body alert alert-warning mt-3">
163+
<span>
164+
The Maturity label and the DQ&U label are completely independent. Neither is calculated based on the other.
165+
</span>
166+
</div>
167+
168+
<h2 class="text-center mt-3">Quality & Utility Assessment score</h2>
161169

162170
<div class="mt-3">
163171
<p class="display-2 text-center">
164172
{{ stars | safe }}
165173
</p>
166174

167-
<h2 style="margin-top: 20px; margin-bottom: 30px;" class="text-center"><a href="#" data-bs-toggle="modal" data-bs-target="#modal_finalScore">Total Q&U Score:</a> {{ score|floatformat:2 }} / 100 </h4>
175+
<h2 style="margin-top: 20px; margin-bottom: 30px;" class="text-center"><a href="#" data-bs-toggle="modal" data-bs-target="#modal_finalScore">Total Q&U Score:</a> {{ score|floatformat:2 }} / 100 </h2>
168176

169-
<div class="modal fade" id="modal_finalScore" tabindex="-1">
170-
<div class="modal-dialog modal-lg">
171-
<div class="modal-content">
172-
<div class="modal-header">
173-
<h1 class="modal-title fs-5" id="exampleModalLabel">
174-
Stars & Final Score Calculation
175-
</h1>
176-
<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
177-
</div>
178-
<div class=" text-center modal-body">
179-
<p>
180-
<b>Stars Calculation:</b>
181-
<br>
182-
<p> ★☆☆☆☆ = 25% of DQ&U reached <br> ★★☆☆☆ = 45% of DQ&U reached <br> ★★★☆☆ = 60% of DQ&U reached <br> ★★★★☆ = 80% of DQ&U reached <br> ★★★★★ = ≥90% of DQ&U reached</p>
183-
</p>
184-
<hr>
185-
<p>
186-
<b>Final Score Calculation:</b>
187-
<br>
188-
</p>
189-
<div class="text-center overflow-auto">
190-
<p> The Total Score is a weighted average that measures the dataset's quality and utility. Each dimension's score is based on its importance (compared to the other dimensions) multiplied by the performance of its
191-
metrics. The
192-
dimension score is normalized by the total weight of all dimensions and then summed with all the other dimension scores.</p><br>
193-
<p> \[\text{Total Score} =\frac{\sum_{i=1}^{n=12} \text{Dimension}_i^{\text{weight}} \times \left[\sum_{j=1}^{n=2} \left(\text{metric}_j^{\text{weight}} \times \text{metric value}_j \right) \right]}{\text{Total
194-
Weight of
195-
Dimensions}} \times 100\]</p>
196-
</div>
197-
</div>
198-
<div class="modal-footer">
199-
<button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Close</button>
177+
178+
<div class="modal fade" id="modal_finalScore" tabindex="-1">
179+
<div class="modal-dialog modal-lg">
180+
<div class="modal-content">
181+
<div class="modal-header">
182+
<h1 class="modal-title fs-5" id="exampleModalLabel">
183+
Stars & Final Score Calculation
184+
</h1>
185+
<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
186+
</div>
187+
<div class=" text-center modal-body">
188+
<p>
189+
<b>Stars Calculation:</b>
190+
<br>
191+
<p> ★☆☆☆☆ = 25% of DQ&U reached <br> ★★☆☆☆ = 45% of DQ&U reached <br> ★★★☆☆ = 60% of DQ&U reached <br> ★★★★☆ = 80% of DQ&U reached <br> ★★★★★ = ≥90% of DQ&U reached</p>
192+
</p>
193+
<hr>
194+
<p>
195+
<b>Final Score Calculation:</b>
196+
<br>
197+
</p>
198+
<div class="text-center overflow-auto">
199+
<p> The Total Score is a weighted average that measures the dataset's quality and utility. Each dimension's score is based on its importance (compared to the other dimensions) multiplied by the performance of its
200+
metrics. The
201+
dimension score is normalized by the total weight of all dimensions and then summed with all the other dimension scores.</p><br>
202+
<p> \[\text{Total Score} =\frac{\sum_{i=1}^{n=12} \text{Dimension}_i^{\text{weight}} \times \left[\sum_{j=1}^{n=2} \left(\text{metric}_j^{\text{weight}} \times \text{metric value}_j \right) \right]}{\text{Total
203+
Weight of
204+
Dimensions}} \times 100\]</p>
200205
</div>
201206
</div>
207+
<div class="modal-footer">
208+
<button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Close</button>
209+
</div>
202210
</div>
203211
</div>
212+
</div>
204213
</div>
205214

206215
<h2 class="text-center mt-5">Maturity score: {{ maturity_percentage }}% ({{ maturity_score }}/50)</h2>

‎webapp/templates/dq_dashboard.html‎

Lines changed: 6 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -8,6 +8,12 @@
88

99
{% block content %}
1010

11+
<div class="card card-body alert alert-warning">
12+
<span>
13+
In the QUANTUM labelling tool, data catalogues and datasets are expected to be entered manually only during the piloting phase. In the future, this information will be automatically linked to existing metadata repositories and platforms across the EU.</b>
14+
</span>
15+
</div>
16+
1117
<h3 class="text-center mt-3 mb-3"> {{user.get_username}}'s DQ&U Dashboard</h3>
1218

1319
<div class="d-flex justify-content-center">

‎webapp/templates/maturity_dashboard.html‎

Lines changed: 6 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -8,6 +8,12 @@
88

99
{% block content %}
1010

11+
<div class="card card-body alert alert-warning">
12+
<span>
13+
The Maturity label and the DQ&U label are completely independent. Neither is calculated based on the other.
14+
</span>
15+
</div>
16+
1117
<h3 class="text-center mt-3 mb-3"> {{user.get_username}}'s Maturity Dashboard</h3>
1218

1319
<div class="fluid-container mt-5"> <!-- class in Bootstrap ensures that the container is full-width and responsive. It is used to contain, pad, and (sometimes) center the content. -->

0 commit comments

Comments
 (0)