-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathhowto.html
71 lines (60 loc) · 3.69 KB
/
howto.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
<!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>
</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">
<ul>
<li><a href="index.html">Home</a></li>
<li><a href="thesaurus.html">Thesaurus</a></li>
<li><a href="howto.html">How to use this tool</a></li>
</ul>
</nav>
<div class="main row col-12">
<div class="col-1">
<p></p>
</div>
<div class="core col-10">
<h2>How to use this tool</h2>
<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 some of the suppliers used by your organisation.</p>
<p>On the homepage, click on the button to start. Work on the questions provided and click on the buttons to see more questions under each theme. Please note that this version is a prototype with no working features to save your answers at this stage. The text you enter will not be saved or kept in the boxes. If you go out of the page or refresh it, the text you typed will be lost.</p>
<p>Beside the questions you will often see an icon. Clicking on the icons will open a pop up window providing extra information. Some of the pop ups contain links to other resources. Just click on the pop up window again to close it.</p>
<br>
<hr>
<p>Below is a brief explanation of what each icon means. Bear in mind that the information provided in an icon may cover more than one of the types below but has been rolled up under a single icon for continuity.</p>
<div class="row">
<div class="col-3"><p><img class="icon" src="media/why.png" alt="Why should you ask this question" style="height: 100px; padding: 10px;"></p><p><b>Why should you ask this question?</b></p><p>This icon will provide more context to the question and explain why it is important to consider those points.</p></div>
<div class="col-1"><p></p></div>
<div class="col-3"><p><img class="icon" src="media/info.png" alt="Extra information and resources" style="height: 100px; padding: 10px;"></p><p><b>Read more about this subject</b> </p><p>This icon will have links to a page with more detailed information on the subject or context of the question and listing other resources where you can find out more.</p>
</div>
<div class="col-1"><p></p></div>
<div class="col-3"><p><img class="icon" src="media/idea.png" alt="ideas that you could try" style="height: 100px; padding: 10px;"></p><p><b>Suggest actions to be taken next</b></p><p>This icon will provide some ideas of things you can do to plan or monitor different aspects of your Digital Health System.</p></div>
</div>
</div>
<div class="col-1">
<p></p>
</div>
</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>