-
Notifications
You must be signed in to change notification settings - Fork 1
/
p_newVCS.html
108 lines (94 loc) · 6.39 KB
/
p_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
<!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");
}
</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 procurement 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>1. Procuring Digital Services, Software and/or Hardware</h2>
<form>
<label for="a1-1" class="col-11"><h4>1.1 What environmentally sustainable practices do your suppliers operate under? </h4>
</label>
<div class="popup" onclick="pop2()"><img src="media/idea.png" alt="ideas that you could try" class="icon" style="height:35px;">
<span class="popuptext" id="pop2">Ask your potential suppliers these questions and assess their answers before deciding to use them:
<ul style="text-align: left;"><li>Are your operations directly powered by renewable energy?</li>
<li>Do you have an (environmental) policy or charter, and if so, does it have third party certification?</li>
<li>Are transport emissions included in your energy accounting?</li>
<li>Can you provide more information about sustainability indicators beyond renewable energy, such as water usage, waste generation, and biodiversity protection?</li></ul>
<p>Beware of greenwashing. Companies can say they are using renewable energy (or are 'net zero') when in fact, they are still using fossil fuels, by offsetting this use with pro-environmental investments, such as investing in renewable energy elsewhere.Find out more <a href="https://docs.google.com/document/d/1pYBemmkJ0a_ClSj0G4RFjHomYgln26XTXQG-7AhOnoA/" target="_blank">here</a> and <a href="https://www.ft.com/content/ea246444-7bd4-4d1f-8bf0-8adcd3a7eba4" target="_blank">here.</a></p>
<p>Also, some scholars are concerned that the increasing use of renewable energy in the digital sector may draw this energy away from other sectors.
Learn more about offsetting, and other relevant terms (such as Power Purchase Agreements), <a href="https://learn.greensoftware.foundation/climate-commitments/" target="_blank"> here</a>. </p>
</span></div>
<textarea id="a1-1" name="a1-1" rows="4" cols="100"></textarea><br>
</form>
<div class="row">
<h4 class="col-11">1.2 What services will be supplied by the company or companies you are intending to procure from?</h4>
<div class="popup" onclick="pop1()"><img src="media/why.png" alt="Why should you ask this question" class="icon" style="height:35px;">
<span class="popuptext" id="pop1">Devices includes sensors, phones, laptops, servers and networking components such as switches and routers. Software may be bespoke or off the shelf. Click on the relevant buttons to see a list of questions you should ask suppliers to inform procurement decisions.<p>Make sure you also consider any training or implementation services you might need for anything you procure. This may be particularly relevant if your supplier(s) are based abroad and / or if your digital health system is not funded beyond an initial period. Building up skills and capacity in your own organisation should make the ongoing management of your digital health system more sustainable economically and therefore more likely to succeed and deliver its positive health outcomes.</span>
</div>
</div>
<div class="buttons row">
<div class="planning col-2"><a href="devices_p_newVCS.html"><img src="media/devices.png" class="icon" style="height:50px;"><h3>devices</h3></a></div>
<div class="col-1"><p></p></div>
<div class="planning col-2"><a href="software_p_newVCS.html"><img src="media/softw.png" class="icon" style="height:50px;"><h3>software</h3></a></div>
<div class="col-1"><p></p></div>
<div class="planning col-2"><a href="cloud_p_newVCS.html"><img src="media/cloud.png" class="icon" style="height:50px;"><h3>cloud hosting</h3></a></div>
</div>
</div>
<aside class="col-2">
<h4>Go to planning:</h4>
<a href="newVCS.html">
<h4>Initial page</h4></a>
<a href="dm_newVCS.html"><h4>Data Management and Processing</h4>
</a>
<a href="sr_newVCS.html"><h4>Sustainability Regulations</h4></a>
<a href="ma_newVCS.html"><h4>Monitoring and Assessment</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>