-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathma_newVCS.html
123 lines (100 loc) · 5.92 KB
/
ma_newVCS.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
<!doctype html>
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="VCSstyle.css">
<link href="media/paris.png" rel="icon" type="image/x-icon" />
<title> Green Digital Health System Planning and Monitoring Tool</title>
<script>
// When the user clicks on div, open the popup
function pop1() {
var popup = document.getElementById("pop1");
popup.classList.toggle("show");
}
function pop2() {
var popup = document.getElementById("pop2");
popup.classList.toggle("show");
}
function pop3() {
var popup = document.getElementById("pop3");
popup.classList.toggle("show");
}
function pop4() {
var popup = document.getElementById("pop4");
popup.classList.toggle("show");
}
</script>
</head>
<body>
<header class="row col-12">
<div class="header-title col-10">
<h1>Green Digital Health Tool</h1>
</div>
<div class="header-brand col-2">
<a href="https://www.paris-de.org">
<img src="media/Paris DE colour.png" alt="PARIS-DE logo" style="height:70px; align:right;"></a></div>
</header>
<nav class="row col-12">
<h6 class="breadcrumb">You are at the Assessment and Monitoring page in planning a digital health system</h6>
</nav>
<div class="main row col-12">
<div class="col-2">
<section >
<h4>How to use this site</h4>
<p>This tool shows you the questions that will need to be answered to implement and maintain a sustainable Digital Health System. You probably won't be able to answer all the questions by yourself, so identify the people that have the knowledge and skills on the different areas covered by this tool and ask them the questions. They might be people in other departments or even some of the suppliers used by your organisation.</p>
<p>Beside the questions you will sometimes see an icon. Clicking on them will provide extra information. Below is a brief explanation of what each icon means:</p>
<p><img class="icon" src="media/why.png" alt="Why should you ask this question" style="height:48px;"><b>Why should you ask this question?</b></p><br>
<p><img class="icon" src="media/info.png" alt="Extra information and resources" style="height:48px;"><b>Read more about this subject</b> </p><br>
<p><img class="icon" src="media/idea.png" alt="ideas that you could try" style="height:48px;"><b>Suggest actions to be taken next</b></p>
</section>
</div>
<div class="core col-8">
<h2>4. Assessing and Monitoring</h2>
<form>
<label for="a4-1" class="col-11"><h4>4.1 How are you going to assess the environmental impact of your service over time?</h4>
</label>
<a href="info.html#as_env_imp"><img src="media/info.png" alt="Extra information and resources" class="icon" style="height: 35px;"></a>
<textarea id="a4-1" name="a4-1" rows="4" cols="100"></textarea>
<p></p>
<label for="a4-2" class="col-11"><h4>4.2 Have you considered any intended or unintended environmental impacts (<a href="thesaurus.html#rebound_effects">rebound effects</a>) associated with your digital health system? </h4>
</label>
<div class="popup" onclick="pop2()"><img src="media/why.png" alt="Why should you ask this question" class="icon" style="height: 35px;">
<span class="popuptext" id="pop2">Decision-making can have unintended consequences called ‘rebound effects’. For example, a virtual care service may be so convenient, in comparison with the in person service it was intended to 'replace', that many more people use it. Instead of the anticipated reduced emissions resulting from reduced patient travel, you might be surprised to find that overall emissions have actually increased.</span></div>
<textarea id="a4-2" name="a4-2" rows="4" cols="100"></textarea>
<p></p>
<label for="a4-3" class="col-11"><h4>4.3 Have you considered other possible impacts that might be associated with the digital health system? </h4>
</label>
<div class="popup" onclick="pop3()"><img src="media/idea.png" alt="ideas that you could try" class="icon" style="height: 35px;">
<span class="popuptext" id="pop3">For example, is the digital health system actually achieving its desired health outcomes? You should plan to assess this on an ongoing basis, rather than simply assume it is the case. If desired health outcomes are not met, resources are being wasted. Decreasing resource consumption of a digital health system that is not achieving its intended health outcomes is worse than using more resources for something that is having real health benefits over the long term.</span></div>
<textarea id="a4-3" name="a4-3" rows="4" cols="100"></textarea>
<p></p>
<label for="a4-4" class="col-11"><h4>4.4 Have you mapped out how you will address any intended or unintended environmental impacts? </h4>
</label>
<div class="popup" onclick="pop4()"><img src="media/why.png" alt="Why should you ask this question" class="icon" style="height: 35px;">
<span class="popuptext" id="pop4">This example of <a href="thesaurus.html#rebound_effects">rebound effects</a> also provides examples of possible mitigation strategies.
</span></div>
<textarea id="a4-4" name="a4-4" rows="4" cols="100"></textarea>
</form>
</div>
<aside class="col-2">
<h4>Go to planning:</h4>
<a href="newVCS.html">
<h4>Initial page</h4></a>
<a href="p_newVCS.html"><h4>Procurement</h4>
</a>
<a href="dm_newVCS.html"><h4>Data Management and Processing</h4>
</a>
<a href="sr_newVCS.html"><h4>Sustainability Regulations</h4></a>
</aside>
</div>
<footer class="col-12">
<ul>
<li><a href="index.html"><span>Back to the start</span></a></li>
<li><a href="thesaurus.html"><span>Thesaurus</span></a></li>
<li><a href="tool_dev.html"><span>About this tool</span></a></li>
<li>This version is a prototype and will not save text. Please do not share.</li>
</ul>
</footer>
</body>
</html>