-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathabout.html
264 lines (258 loc) · 12.3 KB
/
about.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
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
<!--
* ADR Reporting
* Copyright (C) 2017 Divay Prakash
* GNU Affero General Public License 3.0 (https://github.com/adrrep/adr/blob/master/LICENSE)
-->
<!DOCTYPE html>
<html lang="en">
<html>
<head>
<!-- Meta tags -->
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="title" content="ADR Reporting Form">
<meta name="description" content="A portal for healthcare professionals to report Adverse Drug Reactions in order to facilitate better services">
<meta name="author" content="Divay Prakash">
<!-- Title -->
<title>ADR Reporting</title>
<!-- Favicon -->
<link rel="shortcut icon" href="./images/favicon.png">
<!-- Material icons -->
<link rel="stylesheet" href="https://fonts.googleapis.com/icon?family=Material+Icons">
<!-- Materialize CSS -->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/materialize/0.99.0/css/materialize.min.css" integrity="sha256-oiVjjd5Fuot9f/fgwH5IBBjsOA7TDdcfSK5I2EZ0zMw=" crossorigin="anonymous">
<!-- Custom CSS -->
<link rel="stylesheet" href="./css/main.css">
</head>
<body>
<header>
<nav class="brand-red darken-1" role="navigation">
<!--<img class="responsive-img left" src="./images/logo.png">-->
<div class="nav-wrapper container">
<div class="brand-logo">ADR Reporting</div>
<a href="#" data-activates="nav-mobile" class="button-collapse"><i class="material-icons">menu</i></a>
<ul class="right hide-on-med-and-down">
<li><a href="./index.html"><i class="material-icons left">home</i>Home</a></li>
<li class="active"><a href="#"><i class="material-icons left">info</i>About</a></li>
<li><a href="./faq.html"><i class="material-icons left">help</i>FAQ</a></li>
<li><a href="./support.html"><i class="material-icons left">build</i>Support</a></li>
</ul>
<ul id="nav-mobile" class="side-nav">
<li><a href="./index.html"><i class="material-icons left">home</i>Home</a></li>
<li class="active"><a href="#"><i class="material-icons left">info</i>About</a></li>
<li><a href="./faq.html"><i class="material-icons left">help</i>FAQ</a></li>
<li><a href="./support.html"><i class="material-icons left">build</i>Support</a></li>
</ul>
</div>
</nav>
</header>
<div class="fixed-action-btn menu-fab">
<a class="waves-effect waves-light btn-floating btn-large orange">
<i class="large material-icons">menu</i>
</a>
<ul>
<li>
<a href="./support.html" class="btn-floating red"><i class="material-icons">build</i></a>
<a href="./support.html" class="btn-floating fab-tip">Support</a>
</li>
<li>
<a href="./faq.html" class="btn-floating yellow darken-1"><i class="material-icons">help</i></a>
<a href="./faq.html" class="btn-floating fab-tip">FAQ</a>
</li>
<li>
<a href="#" class="btn-floating green"><i class="material-icons">info</i></a>
<a href="#" class="btn-floating fab-tip">About</a>
</li>
<li>
<a href="./index.html" class="btn-floating blue"><i class="material-icons">home</i></a>
<a href="./index.html" class="btn-floating fab-tip">Home</a>
</li>
</ul>
</div>
<div class="fixed-action-btn hide-on-small-only">
<a id="help-fab" class="waves-effect btn-floating btn-large deep-orange">
<i class="large material-icons">help</i>
</a>
</div>
<div id="help-tap-target" class="tap-target purple darken-4" data-activates="help-fab">
<div class="tap-target-content white-text">
<h5>Need any help?</h5>
<p>Check out the <a href="./faq.html">FAQ</a> section or contact <a href="./support.html">support</a></p>
</div>
</div>
<main class="about">
<div class="container">
<div class="card">
<div class="card-content">
<span class="card-title">About</span>
<div class="divider"></div>
<br>
<div>
<b>• What is ADR?</b><br>
<p>
Adverse Drug Reaction (ADR) can be described as an injury caused due to administration of any medication. ADRs may occur as a result of administration of a single dose of medication or due to prolonged drug usage patterns.
</p>
<p>
Also, an ADR may be initiated as a result of therapy including a combination of drugs.
</p>
</div>
<br>
<div>
<b>• What is the importance of an ADR reporting system?</b><br>
<p>
An ADR reporting system enables timely detection of ADRs, following which adequate measures for controlling the damage caused and preventing any further damage can be taken by healthcare professionals in order to provide the highest quality of healthcare facilities to all individuals.
</p>
<p>
Moreover certain reaactions can be plotted as a pattern after administration of a particular medication. Monitoring and reporting the same enables an elimination of the root cause of ADRs.
</p>
<p>
Reporting and monitoring of ADRs also provides a platform for research and development of finest quality of medication. The data so obtained is also utilised for educational purposes.
</p>
<br>
</div>
<div>
<b>• Why is this software developed?</b><br>
<p>
The ADR reporting system ensures accurate and timely reporting of ADRs. It also ensures security and privacy of sensitive patient information. Moreover, the system facilitates reduction of data redundancy and data loss due to illegible text while also decreasing human effort involved in the reporting process.
</p>
</div>
<br>
<div>
<b>• How does this system work?</b><br>
<p>
The system provides a simple form strcuture on a website which can be accessed by any healthcare professional. The form provides simple input fields, radio buttons, checkboxes, dropdown selectors, date pickers and various other such elements which are easy-to-use and familiar from their use in other web portals/applications etc. Once the data entry process is complete, the system generates a PDF file which can be downloaded and sent to the concerned authorities for further processing.
</p>
</div>
<br>
<div>
<b>• Advantages of using this system</b><br>
<p>
 • No data entered by user is stored by the system, ensuring complete data security.
</p>
<p>
 • No data entered by the user is sent to the server.
</p>
<p>
 • Any given user would not be able to access the data being entered by any other user.
</p>
</div>
<br>
<div>
<b>• Where does the data go?</b><br>
<p>
The data after validation, processing and editing (if required) is sent to our local adverse drug reaction monitoring center (AMC) for further escalation to national authorities acting under the Pharmacovigilance Program of India (PvPI).
</p>
</div>
<br>
</div>
</div>
<div class="card">
<div class="card-content">
<span class="card-title">Compatibility</span>
<div class="divider"></div>
<br>
<h6>Device</h6>
<p class="icon-inline">
<i class="material-icons">desktop_mac</i>Desktop
<span class="breakline"><br></span>
<i class="material-icons">laptop</i>Laptop
<span class="breakline"><br></span>
<i class="material-icons">tablet</i>Tablet
<span class="breakline"><br></span>
<i class="material-icons">phone_android</i>Phone
</p>
<br>
<h6>Platform</h6>
<p class="compatibility">
<img src="./images/windows.png">Windows
<span class="breakline"><br></span>
<img src="./images/mac.png">Mac
<span class="breakline"><br></span>
<img src="./images/android.png">Android
<span class="breakline"><br></span>
<img src="./images/ios.png">iOS
<span class="breakline"><br></span>
<img src="./images/linux.png">Linux
</p>
<br>
<h6>Browser</h6>
<p class="compatibility">
<img src="./images/chrome.png">Chrome
<span class="breakline"><br></span>
<img src="./images/safari.png">Safari
<span class="breakline"><br></span>
<img src="./images/firefox.png">Firefox
<span class="breakline"><br></span>
<img src="./images/opera.png">Opera
<span class="breakline"><br></span>
<img src="./images/edge.png">Edge
</p>
</div>
</div>
<div class="card">
<div class="card-content">
<span class="card-title">Attributions</span>
<div class="divider"></div>
<br>
<p>
• <a href="https://materializecss.com/">Materialize</a> under <a href="https://github.com/Dogfalo/materialize/blob/master/LICENSE">MIT license</a><br>
• <a href="https://material.io/icons/">Material icons</a> under Apache License Version 2.0<br>
</p>
</div>
</div>
<div class="card">
<div class="card-content">
<span class="card-title">Credits</span>
<div class="divider"></div>
<br>
<div class="row">
<table class="col l4 m6 s12">
<tr>
<td><strong>Concept and design:</strong></td>
<td>Srishti Aggarwal</td>
</tr>
<tr>
<td><strong>Developer:</strong></td>
<td>Divay Prakash</td>
</tr>
</table>
</div>
</div>
</div>
</div>
</main>
<footer class="page-footer brand-blue">
<div class="container">
<div class="row">
<div class="col l6 s12">
<h5 class="white-text">ADR Reporting</h5>
<p class="grey-text text-lighten-4">A portal for healthcare professionals to report Adverse Drug Reactions in order to facilitate better services</p>
</div>
<div class="col l4 offset-l2 s12">
<h5 class="white-text">Links</h5>
<ul>
<li><a class="grey-text text-lighten-3" href="./index.html">Home</a></li>
<li><a class="grey-text text-lighten-3" href="#">About</a></li>
<li><a class="grey-text text-lighten-3" href="./faq.html">FAQ</a></li>
<li><a class="grey-text text-lighten-3" href="./support.html">Support</a></li>
</ul>
</div>
</div>
</div>
<div class="footer-copyright">
<div class="container">
<a class="grey-text text-lighten-4 left waves-effect" href="https://divayprakash.github.io/">© 2017 Divay Prakash</a>
<a class="grey-text text-lighten-4 right waves-effect" href="https://github.com/adrrep/adr/blob/master/LICENSE">Licensed under AGPL-3.0</a>
<br>
<a class="grey-text text-lighten-4 right waves-effect" href="https://github.com/adrrep/adr/">Source code on GitHub</a>
</div>
</div>
</footer>
<!-- jQuery -->
<script src="https://code.jquery.com/jquery-2.1.1.min.js" integrity="sha256-h0cGsrExGgcZtSZ/fRz4AwV+Nn6Urh/3v3jFRQ0w9dQ=" crossorigin="anonymous"></script>
<!-- Materialize JS -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/materialize/0.99.0/js/materialize.min.js" integrity="sha256-Ff9bGnIM3a8Yj4saIp6RH8xkb1rQZpHqoFw/6m08fgA=" crossorigin="anonymous"></script>
<!-- Custom JS -->
<script src="./js/simple.js"></script>
</body>
</html>