Update UI

@@ -17,6 +17,13 @@
 #canvasOutput {
     background-color: #666;
 }
+#student_id {
+    margin-top: 10px;
+    margin-bottom: 5px;
+}
+#student_name {
+    margin-bottom: 10px;
+}
 </style>
 <script type='text/javascript' src="{{url_for('static', filename='js/opencv.js')}}"></script>
 <script type='text/javascript' src="{{url_for('static', filename='js/utils.js')}}"></script>
@@ -178,7 +185,7 @@ function toggle_streaming()
     }
     else{
         streamButton.value = "촬영시작";
-        change_notice("촬영 시작 버튼을 누르면 인식된 얼굴을 촬영합니다");
+        change_notice("촬영 시작 버튼을 누르면 얼굴을 촬영합니다");
     }
     main();
 }
@@ -233,15 +240,19 @@ and is wrapped around the whole page content, except for the footer in this exam
         </header>
         
         <div class="w3-row", style='text-align:center'>
-            <h2 id="notice"><b>촬영 시작 버튼을 누르면 인식된 얼굴을 촬영합니다</b></h2>
+            <h2 id="notice">촬영 시작 버튼을 누르면 얼굴을 촬영합니다</h2>
             <input id="streamButton" type="button" onclick="toggle_streaming()" value="활영시작">
             <div id="container">
                 <video autoplay="true" id="videoInput" style="display: none; object-fit:cover;"></video>
                 <canvas id="canvasOutput"></canvas>
             </div>
             <div>
+                <strong>얼굴 이미지는 서버에 저장되지 않습니다</strong><br>
+                <strong>(복원 불가능한 512차원 벡터로 변환됩니다)</strong><br>
+                <strong>학번과 이름은 임의로 입력해주세요</strong><br>
+                <strong>예)1234/홍길동 등</strong><br>
                 학번: <input type="text" id="student_id"><br>
-                이름: <input type="text" id="student_name"><br><br>
+                이름: <input type="text" id="student_name"><br>
                 <input id="sender" type="button" onclick="submit()" value="등록" disabled>
             </div>
         </div>