Graduate

Update UI

...@@ -17,6 +17,13 @@ ...@@ -17,6 +17,13 @@
17 #canvasOutput { 17 #canvasOutput {
18 background-color: #666; 18 background-color: #666;
19 } 19 }
20 +#student_id {
21 + margin-top: 10px;
22 + margin-bottom: 5px;
23 +}
24 +#student_name {
25 + margin-bottom: 10px;
26 +}
20 </style> 27 </style>
21 <script type='text/javascript' src="{{url_for('static', filename='js/opencv.js')}}"></script> 28 <script type='text/javascript' src="{{url_for('static', filename='js/opencv.js')}}"></script>
22 <script type='text/javascript' src="{{url_for('static', filename='js/utils.js')}}"></script> 29 <script type='text/javascript' src="{{url_for('static', filename='js/utils.js')}}"></script>
...@@ -178,7 +185,7 @@ function toggle_streaming() ...@@ -178,7 +185,7 @@ function toggle_streaming()
178 } 185 }
179 else{ 186 else{
180 streamButton.value = "촬영시작"; 187 streamButton.value = "촬영시작";
181 - change_notice("촬영 시작 버튼을 누르면 인식된 얼굴을 촬영합니다"); 188 + change_notice("촬영 시작 버튼을 누르면 얼굴을 촬영합니다");
182 } 189 }
183 main(); 190 main();
184 } 191 }
...@@ -233,15 +240,19 @@ and is wrapped around the whole page content, except for the footer in this exam ...@@ -233,15 +240,19 @@ and is wrapped around the whole page content, except for the footer in this exam
233 </header> 240 </header>
234 241
235 <div class="w3-row", style='text-align:center'> 242 <div class="w3-row", style='text-align:center'>
236 - <h2 id="notice"><b>촬영 시작 버튼을 누르면 인식된 얼굴을 촬영합니다</b></h2> 243 + <h2 id="notice">촬영 시작 버튼을 누르면 얼굴을 촬영합니다</h2>
237 <input id="streamButton" type="button" onclick="toggle_streaming()" value="활영시작"> 244 <input id="streamButton" type="button" onclick="toggle_streaming()" value="활영시작">
238 <div id="container"> 245 <div id="container">
239 <video autoplay="true" id="videoInput" style="display: none; object-fit:cover;"></video> 246 <video autoplay="true" id="videoInput" style="display: none; object-fit:cover;"></video>
240 <canvas id="canvasOutput"></canvas> 247 <canvas id="canvasOutput"></canvas>
241 </div> 248 </div>
242 <div> 249 <div>
250 + <strong>얼굴 이미지는 서버에 저장되지 않습니다</strong><br>
251 + <strong>(복원 불가능한 512차원 벡터로 변환됩니다)</strong><br>
252 + <strong>학번과 이름은 임의로 입력해주세요</strong><br>
253 + <strong>예)1234/홍길동 등</strong><br>
243 학번: <input type="text" id="student_id"><br> 254 학번: <input type="text" id="student_id"><br>
244 - 이름: <input type="text" id="student_name"><br><br> 255 + 이름: <input type="text" id="student_name"><br>
245 <input id="sender" type="button" onclick="submit()" value="등록" disabled> 256 <input id="sender" type="button" onclick="submit()" value="등록" disabled>
246 </div> 257 </div>
247 </div> 258 </div>
......