-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathindex.html
127 lines (100 loc) · 5.71 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
<!DOCTYPE html>
<head>
<title>CXR Reading</title>
<script src = "https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<script src = "https://timbrady.org/turk/TimTurkTools.js"></script>
<script src = "js/vismemCC.js"></script>
<script src = "js/swiped-events.js"></script>
<link rel = "stylesheet" href = "css/style.css">
</head>
<body>
<!-- ลองใส่ demodata -->
<div id='register' class="container">
<div id=titleLanding class="text-center">
<h1>Can you identify cardiomegaly?</h1>
<font color='red'>**กรุณาทำแบบทดสอบนี้บนอุปกรณ์ที่มีแป้นพิมพ์</font>
<h3>โปรดกรอกข้อมูลด้านล่าง จากนั้นกดปุ่ม <B>ถัดไป</B></h3>
<br>
</div>
<form>
<div class="row">
<div class="col-md-6">
<label for="idGender"> เพศสภาพของท่าน </label>
<p id='idGender'>
<input id="inputIdGender1" type="radio" name="idGender" value="male" class="form-check-input">
<label for="inputIdGender1" class="form-check-label">ชาย</label>
<input id="inputIdGender2" type="radio" name="idGender" value="female" class="form-check-input">
<label for="inputIdGender2" class="form-check-label">หญิง</label>
</p>
</div>
</div>
</form>
<form name="select">
<div class="row">
<div class="col-md-12">
<label for="inputIdEd">สถานะในการปฏิบัติงานของท่าน</label>
<select name="ระดับการศึกษาสูงสุด" id='inputIdEd' class="form-control">
<option value="0"></option>
<option value="1">นิสิตแพทย์ชั้นปีที่ 4-5</option>
<option value="2">นิสิตแพทย์เวชปฏิบัติ(extern)</option>
<option value="3">แพทย์ประจำบ้าน(resident)</option>
<option value="4">แพทย์ประจำบ้านต่อยอด(fellow)</option>
<option value="5">อาจารย์แพทย์(staff)</option>
</select>
</div>
</div>
</form>
<div>
<br>
<br>
<br>
<button type = "button" class = "startInstructionsButton" id = "startInstructions"><a> ถัดไป </a></button>
</div>
</div>
<!-- จบ demodata ตรงนี้ -->
<div id = "instructions">
<h2>Instructions</h2>
<p>แบบทดสอบนี้ประกอบไปด้วยภาพ Chest X-rays จำนวนทั้งสิ้น 320 ภาพ
<br>โดยจะมีทั้งภาพปกติ ภาพที่กลับซ้าย-ขวา และภาพที่กลับบน-ล่าง
<br>ซึ่งจะถูกแบ่งออกเป็น 8 ตอน ตอนละ 40 ภาพ</p>
<p>ให้ท่านพิจารณาภาพที่ปรากฎขึ้น
<br><font color='red'>และกด<b> "X"</b> บนแป้นพิมพ์ หากคิดว่าภาพนั้นมี<b> "Cardiomegaly"</b>
<br>หรือกด<b> "Z"</b> บนแป้นพิมพ์ หากคิดว่าภาพนั้นมี<b> "Normal heart size"</b></font>
<br>โดยภาพจะปรากฏอยู่เพียง 3 วินาที แต่ท่านยังสามารถกดตอบได้หลังจากภาพหายไป
<br>เมื่อท่านกด x หรือ z แล้ว ท่านจะไปสู่ภาพต่อไปทันที
<br>และจะสามารถหยุดพักได้เมื่อจบ 1 ตอน</p>
<p>ขอให้ท่านทำแบบทดสอบนี้ด้วยความตั้งใจ</p>
<p>หากพร้อมแล้ว กดปุ่ม <b>เริ่ม</b> เพื่อเข้าสู่การทดสอบ</p>
</div>
<div id = 'break'>
<h2> This is a break.</h2>
<br> You did great. take a little break, will ya?
<br><br><br><br>
</div>
<!-- <div id = "startExperimentButton"> -->
<!-- <input type = "submit" value = "Submit" name = "submitButton" id = "submitButton"> -->
<!-- <a href = "#" id = "startExperiment">เริ่ม</a> -->
<!-- </div> -->
<div align="center">
<button type = "button" class = "startExperimentButton" id = "startExperiment"><a> เริ่ม </a></button>
</div>
<div align="center">
<canvas id = "myCanvas">
</canvas>
<p id = "instr"></p>
</div>
<div id = 'frame'; class = 'trialDiv'>
<div>
<img id = "picture" src = 'allim/c1.png'>
</div >
</div>
<div align = center id = "text">
<br>กด<b> "X"</b> บนแป้นพิมพ์ หากคิดว่าภาพนี้มี<b> "Cardiomegaly"</b>
<br>หรือกด<b> "Z"</b> บนแป้นพิมพ์ หากคิดว่าภาพนี้มี<b> "Normal heart size"</b>
</div>
<div id = "done" class = "taskDiv">
Saving data...
</div>
<script src = "js/index.js"></script>
</body>
</html>