Add: help - contents

src/web/module/maestro_section_help.html

@@ -33,20 +33,20 @@ function showModal(contentFileName) {
 
 <!-- shortcut -->
 <div class="card bg-light">
-	<h5 class="card-header">초코마에 바로가기</h5>
+	<h5 class="card-header">초코마에 바로 가기</h5>
 	<div class="card-body">
 		<p class="card-text">
 
 
 			<div class="row mx-1">
 				<div class="col-12">
-					<h5 class="mb-2">바로가기</h5>
+					<h5 class="mb-2">바로 가기</h5>
 				</div> <!-- col -->
 			</div> <!-- row -->
 
 			<div class="row mx-4">
 				<div class="col-3">
-					<label class="lead"> 바로가기 주소</label>
+					<label class="lead"> 바로 가기 주소</label>
 				</div>
 				<div class="col-9">
 
@@ -69,7 +69,7 @@ function showModal(contentFileName) {
 
 			<div class="row mx-4">
 				<div class="col-3">
-					<label class="lead"> 바로가기 등록 방법</label>
+					<label class="lead"> 바로 가기 등록 방법</label>
 				</div>
 				<div class="col-9">
 
@@ -83,4 +83,168 @@ function showModal(contentFileName) {
 
 		</p> <!-- card teext -->
 	</div>	<!-- card body -->
-</div>	<!-- card -->
+</div>	<!-- card -->
+<br/>
+
+
+<!-- account setting -->
+<div class="card bg-light">
+	<h5 class="card-header">계정 정보 수정</h5>
+	<div class="card-body">
+		<p class="card-text">
+
+
+			<div class="row mx-1">
+				<div class="col-12">
+					<h5 class="mb-2">아이디, 이메일, 암호 변경 가능</h5>
+				</div> <!-- col -->
+			</div> <!-- row -->
+
+			<ul>
+				<li>화면 상단 오른쪽의 <kbd>계정 정보 수정</kbd> 버튼을 눌러주세요.</li>
+				<li>아이디는 언제든지 자유롭게 바꾸실 수 있습니다. <span class="text-muted">(<span class="text-primary">한글</span>도 사용 가능)</span></li>
+				<li>아이디를 바꾸셨으면, 기존에 등록했던 바로 가기 아이콘과 즐겨찾기 주소도 함께 변경해주세요.</li>
+			</ul>
+
+		</p> <!-- card teext -->
+	</div>	<!-- card body -->
+</div>	<!-- card -->
+<br/>
+
+
+<!-- account upgrade -->
+<div class="card bg-light">
+	<h5 class="card-header">계정 업그레이드</h5>
+	<div class="card-body">
+		<p class="card-text">
+
+
+			<div class="row mx-1">
+				<div class="col-12">
+					<h5 class="mb-2">업그레이드 가능, 다운그레이드 불가능</h5>
+				</div> <!-- col -->
+			</div> <!-- row -->
+
+			<ul>
+				<li>화면 상단 오른쪽의 <kbd>업그레이드</kbd> 버튼을 눌러주세요.</li>
+				<li>모든 요금제의 기능은 동일합니다. 요금제에 따라 최대 등록 학생수만 늘어납니다.</li>
+				<li>기존 요금제의 남은 유효 기간과 상관 없이, 업그레이드 날짜로부터 다시 1년동안 사용하실 수 있습니다.</li>
+				<li>
+					높은 요금제로 올릴 수는 있지만, 낮은 요금제로 내릴 수는 없습니다.<br/>
+					<span class="text-muted">(현재 계정을 취소하여 남은 기간만큼 환불받고, 새로운 계정을 신청하세요)</span>
+				</li>
+			</ul>
+
+		</p> <!-- card teext -->
+	</div>	<!-- card body -->
+</div>	<!-- card -->
+<br/>
+
+
+<!-- player management -->
+<div class="card bg-light">
+	<h5 class="card-header">학생 목록 관리</h5>
+	<div class="card-body">
+		<p class="card-text">
+
+
+			<div class="row mx-1">
+				<div class="col-12">
+					<h5 class="mb-2">학생 추가</h5>
+				</div> <!-- col -->
+			</div> <!-- row -->
+
+			<ul>
+				<li>학생 이름과 입장번호를 입력합니다.</li>
+				<li class="text-danger">
+					단체 명단을 한꺼번에 등록하는 기능은 아직 준비하지 못했습니다.
+					<ul class="text-dark">
+						<li>당장은 학생 한명 한명 수작업으로 등록해야 하는 상황입니다.</li>
+						<li>
+							명단이 너무 많을 경우 아래 방법을 사용하시면 입력 작업을 줄일 수 있습니다.
+							<ol>
+								<li>(선생님) 입장번호를 통일해서 모든 학생의 이름을 등록</li>
+								<li>(학생) 이름과 초기 입장번호로 로그인</li>
+								<li>(학생) 설정 화면에 들어가서 학생 스스로 입장번호를 변경</li>
+							</ol>
+						</li>
+					</ul>
+				</li>
+				<li class="text-success">같은 이름이지만 입장번호가 다를 경우, 중복 이름으로 학생 계정을 등록하실 수 있습니다.</li>
+				<li class="text-danger">이름과 입장번호가 모두 같으면, 학생 계정을 등록할 수 없습니다.</li>
+			</ul>
+
+			<div class="row mx-1">
+				<div class="col-12">
+					<h5 class="mb-2">학생 입장번호 변경 설정</h5>
+				</div> <!-- col -->
+			</div> <!-- row -->
+
+			<ul>
+				<li>
+					학생 입장번호 변경 설정을 활성화하면, 학생들이 로그인 한 뒤 나오는 메뉴 화면 상단 우측에 <kbd>설정</kbd> 버튼이 나타납니다.<br/>
+					설정 화면에 들어가서 학생 스스로 입장번호를 변경할 수 있게 됩니다.
+				</li>
+				<li>학생 입장번호 변경 설정을 비활성화 하면, 학생들의 화면에서 <kbd>설정</kbd> 버튼이 샤라집니다.</li>
+			</ul>
+
+			<div class="row mx-1">
+				<div class="col-12">
+					<h5 class="mb-2">학생 삭제</h5>
+				</div> <!-- col -->
+			</div> <!-- row -->
+
+			<ul>
+				<li class="text-danger">학생 계정을 삭제하면, 해당 학생의 기록과 순위 정보도 모두 함께 삭제됩니다.</li>
+			</ul>
+
+			<div class="row mx-1">
+				<div class="col-12">
+					<h5 class="mb-2">학생 검색</h5>
+				</div> <!-- col -->
+			</div> <!-- row -->
+
+			<ul>
+				<li>학생 이름으로만 검색이 가능합니다.</li>
+				<li>검색 결과 목록 화면에서 바로 학생 정보 수정을 하실 수 있습니다.</li>
+			</ul>
+
+		</p> <!-- card teext -->
+	</div>	<!-- card body -->
+</div>	<!-- card -->
+<br/>
+
+
+<!-- app management -->
+<div class="card bg-light">
+	<h5 class="card-header">앱 관리</h5>
+	<div class="card-body">
+		<p class="card-text">
+
+			<div class="row mx-1">
+				<div class="col-12">
+					<h5 class="mb-2">앱 활성화</h5>
+				</div> <!-- col -->
+			</div> <!-- row -->
+
+			<ul>
+				<li>
+					유료 결제 계정 전용 앱들도 활성화시켜서 사용하실 수 있습니다. <span class="text-muted">(미사일 피하기, 단어 비행접시 등)</span>
+				</li>
+				<li class="text-danger">전체 활성화 / 전체 비활성화 기능은 아직 준비하지 못했습니다.</li>
+			</ul>
+
+			<div class="row mx-1">
+				<div class="col-12">
+					<h5 class="mb-2">앱 설정</h5>
+				</div> <!-- col -->
+			</div> <!-- row -->
+
+			<ul>
+				<li>자격증 타이머 점수 기록시, 학생들이 장난으로 입력하지 못하도록 <span class="text-muted">(점수 입력)</span> 비밀번호를 설정하세요.</li>
+			</ul>
+
+		</p> <!-- card teext -->
+	</div>	<!-- card body -->
+</div>	<!-- card -->
+<br/>