-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
129 lines (121 loc) · 6.64 KB
/
index.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
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Home - SDLDpred</title>
<link rel = "stylesheet" type = "text/css" href = "css/main.css" />
<script type = "text/javascript" src = "js/input.js"></script>
<script>
function setInitialKeyHTML(elementID) {
var keyHTML = '<select class="full" id="k0" name="k0">';
for (var i=0; i<symptoms.length; ++i)
keyHTML += '<option value="' + symptoms[i] + '">' + symptoms[i] + '</option>';
keyHTML += '</select>';
document.getElementById(elementID).innerHTML = keyHTML;
}
</script>
<style>
body{
background-color: #ffffff;
}
.intro{
width:80%;
font-size:1.1em;
height:auto;
margin:0 10% 0 10%;
}
</style>
</head>
<body>
<div class = "section_header">
<center><p class="title">SDLDpred - Symptom-based Drugs of Lifestyle-related Diseases prediction</p></center>
</div>
<div class = "section_menu">
<center>
<table cellpadding="3px">
<tr class="nav">
<td class="nav"><a href="#" class="active">Home</a></td>
<td class="nav"><a href="about.html" class="side_nav">About</a></td>
<td class="nav"><a href="help.html" class="side_nav">Help</a></td>
<td class="nav"><a href="team.html" class="side_nav">Team</a></td>
</tr>
</table>
</center>
</div>
<!--<div class = "section_left"></div>-->
<div class = "section_middle">
<br/>
<p class="intro">
<b>SDLDpred</b> is a web-based tool to predict drugs of lifestyle-related
diseases using symptoms as features. It uses an unsupervised machine
learning model trained using <i>Bisecting K-Means</i> algorithm to
perform the prediction. The model was trained with disease-symptom and
drug-disease association data of <i>143 lifestyle-related diseases</i>,
<i>1271 drugs</i> and <i>305 symptoms</i>. To know more about SDLDpred,
go to <a style="color:blue;" href="about.html">About</a> page. For help,
please refer to <a style="color:blue;" href="help.html">Help</a> page.
</p><br/>
<p class="intro" style="color:maroon;">
<b>Cite as:</b> Bhattacharjee, S., Saha, B., & Saha, S. (2024).
Symptom-based drug prediction of lifestyle-related chronic diseases using
unsupervised machine learning techniques. <i>Computers in Biology and
Medicine</i>, 174, 108413.
<a style="color:blue;" href="https://doi.org/10.1016/j.compbiomed.2024.108413" target="_blank">
https://doi.org/10.1016/j.compbiomed.2024.108413
</a>
</p>
<form method="post" action="prediction.php">
<table border="0" align="center" style="margin-top:20px;">
<tr>
<td style="text-align:right;"><button class="bt" type="button" style="width:180px;margin:5px;" onclick="addExampleRows(0)">Insert example data 1</button></td>
<td style="text-align:left;"><button class="bt" type="button" style="width:180px;margin:5px;" onclick="addExampleRows(1)">Insert example data 2</button></td>
</tr>
</table>
<table class="form" id="form_input_table" border="0" align="center">
<tr>
<th style="width:10%; border:0;"></th>
<th style="width:70%; font-size:1.1em; border:0;">Symptom</th>
<th style="width:20%; font-size:1.1em; border:0;">Symptom intensity (0-10)</th>
</tr>
<tr class="input_row">
<td style="width:10%;"></td>
<td style="width:70%;" id="initial_key">
</td>
<td style="width:20%;">
<input type="number" min="0" max="10" step="0.01" class="full" value=0 placeholder="Enter symptom intensity (1-10)" required />
</td>
</tr>
</table>
<input type="hidden" id="total_count" name="total_count" value="1" />
<script>setInitialKeyHTML('initial_key');</script>
<script>document.getElementById('total_count').value = 1;</script>
<table border="0" align="center" style="margin-top:10px;">
<tr>
<td colspan="2">
<p style="width:60%; margin:0 20% 0px 20%;">
More symptoms can be added by clicking on the <i>"Add symptom"</i> button below.
To delete symptoms, first select the checkbox for the symptoms to be deleted and,
then, click on <i>"Delete symptom"</i> button below. Symptom intensity can be in
the range <i>0-10</i>, where 10 indicates severest symptom.
</p>
</td>
</tr>
<tr>
<td style="text-align:right;"><button class="bt" type="button" style="width:130px;margin:5px;" onclick="addRow()">Add symptom</button></td>
<td style="text-align:left;"><button class="bt" type="button" style="width:130px;margin:5px;" onclick="deleteRow()">Delete symptom</button></td>
</tr>
<tr>
<td style="text-align:right;//padding-right:100px;"><input type="submit" style="width:100px;margin:15px;" name="Submit" value="Submit" /></td>
<td style="text-align:left;//padding-left:100px;"><button class="reset" type="reset" style="width:100px;margin:15px;" value="Reset" onclick="deleteAllRows()">Reset</button></td>
</tr>
</table>
<script>addExampleRows(0);</script>
</form>
<br/><hr/>
<p style="font-size:0.8em;text-align:center;">
Please contact Dr. Sudipto Saha (<a href="mailto:ssaha4@jcbose.ac.in">ssaha4@jcbose.ac.in</a>,
<a href="mailto:ssaha4@gmail.com">ssaha4@gmail.com</a>) regarding any further queries.
</p>
</div>
</body>
</html>