272 lines
8.4 KiB
HTML
272 lines
8.4 KiB
HTML
<script type="text/javascript">
|
|
|
|
|
|
$(document).ready(function() {
|
|
$('.owner_maestro_id').append(maestroInfo.maestroName);
|
|
});
|
|
|
|
|
|
|
|
function showModal(contentFileName) {
|
|
// console.log("showContractModal");
|
|
$("#popupContent").empty();
|
|
$("#popupContent").load("./../popup/" + contentFileName + ".html");
|
|
|
|
$("#popupModal").modal();
|
|
}
|
|
|
|
|
|
|
|
</script>
|
|
|
|
|
|
|
|
<div class="modal fade" id="popupModal" tabindex="-1" role="dialog" aria-labelledby="contractModalLabel" aria-hidden="true">
|
|
<div class="modal-dialog modal-dialog-centered" role="document">
|
|
<div id="popupContent" class="modal-content">
|
|
|
|
</div> <!-- modal content -->
|
|
</div> <!-- modal dialog -->
|
|
</div> <!-- modal -->
|
|
|
|
|
|
|
|
<!-- shortcut -->
|
|
<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 -->
|
|
|
|
<div class="row mx-4">
|
|
<div class="col-3">
|
|
<label class="lead"> 바로 가기 주소</label>
|
|
</div>
|
|
<div class="col-9">
|
|
|
|
<table class="table table-sm table-borderless">
|
|
<tbody>
|
|
<tr>
|
|
<td scope="row">학생 로그인 화면</td>
|
|
<td>http://www.chocomae.com/<span class="text-danger">login</span>/<span class="owner_maestro_id"></span></td>
|
|
</tr>
|
|
<tr>
|
|
<td scope="row">타이머 로그인 화면</td>
|
|
<td>http://www.chocomae.com/<span class="text-primary">timer</span>/<span class="owner_maestro_id"></span></td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
|
|
</div> <!-- col -->
|
|
</div> <!-- row -->
|
|
|
|
|
|
<div class="row mx-4">
|
|
<div class="col-3">
|
|
<label class="lead"> 바로 가기 등록 방법</label>
|
|
</div>
|
|
<div class="col-9">
|
|
|
|
<button type="button" class="btn btn-primary" onClick='showModal("maestro_shortcut_icon");'>바로 가기 아이콘 생성</button>
|
|
<button type="button" class="btn btn-primary" onClick='showModal("maestro_register_favorite");'>웹브라우저 즐겨찾기 등록</button>
|
|
<button type="button" class="btn btn-secondary" disabled onClick='showModal("maestro_register_startpage");'>웹브라우저 시작페이지 설정</button>
|
|
|
|
</div> <!-- col -->
|
|
</div> <!-- row -->
|
|
|
|
|
|
</p> <!-- card teext -->
|
|
</div> <!-- card body -->
|
|
</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-primary">같은 이름이지만 입장번호가 다를 경우, 중복 이름으로 학생 계정을 등록하실 수 있습니다.</li>
|
|
<li class="text-danger">이름과 입장번호가 모두 같으면, 학생 계정을 등록할 수 없습니다.</li>
|
|
</ul>
|
|
<br/>
|
|
|
|
<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>
|
|
<br/>
|
|
|
|
<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 activation -->
|
|
<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>
|
|
유료 결제 계정 전용 앱들도 활성화시켜서 사용하실 수 있습니다. <span class="text-muted">(미사일 피하기, 단어 비행접시 등)</span>
|
|
</li>
|
|
<li class="text-danger">전체 활성화 / 전체 비활성화 기능은 아직 준비하지 못했습니다.</li>
|
|
</ul>
|
|
|
|
</p> <!-- card teext -->
|
|
</div> <!-- card body -->
|
|
</div> <!-- card -->
|
|
<br/>
|
|
|
|
|
|
|
|
<!-- app 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>"[ ] 학생 로그인 후, 설정 화면에서 입장번호 변경을 허용" 항목을 체크해서 활성화 시킬 수 있습니다.</li>
|
|
<li>
|
|
학생 입장번호 변경 설정을 활성화하면,
|
|
<ol>
|
|
<li>학생들이 로그인 한 뒤 나오는 메뉴 화면의 상단 우측에 <kbd>설정</kbd> 버튼이 나타납니다.</li>
|
|
<li>설정 화면에서 학생 스스로 입장번호를 변경할 수 있게 됩니다.</li>
|
|
</ol>
|
|
</li>
|
|
<li>학생 입장번호 변경 설정을 비활성화 하면, 학생들의 화면에서 <kbd>설정</kbd> 버튼이 샤라집니다.</li>
|
|
</ul>
|
|
<br/>
|
|
|
|
<div class="row mx-1">
|
|
<div class="col-12">
|
|
<h5 class="mb-2">자격증 타이머 앱</h5>
|
|
</div> <!-- col -->
|
|
</div> <!-- row -->
|
|
|
|
<ul>
|
|
</li>
|
|
<li>자격증 타이머 점수 기록시, 학생들이 장난으로 입력하지 못하도록 <span class="text-muted">(점수 입력)</span> 비밀번호를 설정하세요.</li>
|
|
</ul>
|
|
|
|
</p> <!-- card teext -->
|
|
</div> <!-- card body -->
|
|
</div> <!-- card -->
|
|
<br/> |