275 lines
8.3 KiB
HTML
275 lines
8.3 KiB
HTML
<script>
|
|
|
|
$(document).ready(function() {
|
|
// showServiceCloseMessage();
|
|
showErrorMessage(
|
|
'(07월 02일) 알림<br/>\
|
|
* 초코마에 유료 정식 서비스 시작<br/>\
|
|
* 계정 유효기간 연장 or 업그레이드 메뉴가 활성화되었습니다.<br/>\
|
|
<br/>\
|
|
<a class="btn btn-outline-success" roll="button" href="../main/reopen_service.html">\
|
|
<span class="oi oi-bullhorn" title="icon bullhorn" aria-hidden="true"></span>\
|
|
정식 유료 서비스 - 자세한 내용 보기</a>'
|
|
, 'info'
|
|
);
|
|
});
|
|
|
|
|
|
function loadMaestroExperienceAccount() {
|
|
sendRequestServer( //url, sendParams, onSuccess, onFail, isDebugMode);
|
|
"./../server/maestro/maestro_experience_account.php",
|
|
"",
|
|
|
|
(function(jsonData) {
|
|
var maestroID = jsonData["maestroID"];
|
|
var playerID = jsonData["playerID"];
|
|
var playerName = jsonData["playerName"];
|
|
|
|
console.log("maestroID : " + maestroID);
|
|
console.log("playerID : " + playerID);
|
|
console.log("playerName : " + playerName);
|
|
|
|
sessionStorage.setItem("maestroID", maestroID);
|
|
sessionStorage.setItem("playerID", playerID);
|
|
sessionStorage.setItem("playerName", playerName);
|
|
|
|
location.href = "./../maestro/main_menu.html";
|
|
}),
|
|
|
|
(function(errorMessage, errorCode) {
|
|
showErrorMessage(errorMessage, "error");
|
|
})
|
|
|
|
);
|
|
var xhr = new XMLHttpRequest(); //new로 생성.
|
|
}
|
|
|
|
function experienceMaestro() {
|
|
loadMaestroExperienceAccount();
|
|
}
|
|
|
|
</script>
|
|
|
|
|
|
|
|
<div class="container py-3">
|
|
|
|
<div class="row mx-0">
|
|
<div class="col px-0">
|
|
<div id="message_box"></div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="px-5 py-4 mb-3" style="background-color: #ffce54"> <!-- jumbotron -->
|
|
<h1 class="display-3 font-weight-bold">마우스 타자 연습<span class="display-4">, 학생</span></h1>
|
|
|
|
<p>아직 마우스와 타자가 익숙하지 않으신가요?<br/>
|
|
✓ 재미있게 플레이 하는 동안에 실력이 쑥쑥 늘어나는 앱들이 여기에 있습니다.</p>
|
|
<hr class="mt-4">
|
|
|
|
<div class="row justify-content-center">
|
|
<div class="col-4">
|
|
<h5>무료 체험 앱</h5>
|
|
<div class="row">
|
|
<div>
|
|
<ul>
|
|
<li><i class="bi-mouse2"></i> 외계인 침공</li>
|
|
<li><i class="bi-mouse2"></i> 카드 짝 맞추기</li>
|
|
<li><i class="bi-mouse2"></i> 고기 굽기</li>
|
|
</ul>
|
|
</div>
|
|
<div>
|
|
<ul>
|
|
<li><i class="bi-keyboard"></i> 한글 타자 연습</li>
|
|
<li><i class="bi-keyboard"></i> 두더지 타자</li>
|
|
<!-- <li></li> -->
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="col-8">
|
|
<h5>유료 계정 전용 앱</h5>
|
|
<div class="row">
|
|
<div>
|
|
<ul>
|
|
<li><i class="bi-mouse2"></i> 미사일 피하기</li>
|
|
<li><i class="bi-mouse2"></i> 1부터 50</li>
|
|
<li><i class="bi-mouse2"></i> 시간을 맞춰라</li>
|
|
</ul>
|
|
</div>
|
|
<div>
|
|
<ul>
|
|
<li><i class="bi-keyboard"></i> 영어 타자 연습</li>
|
|
<li><i class="bi-keyboard"></i> 단어 비행접시</li>
|
|
</ul>
|
|
</div>
|
|
<div>
|
|
<ul>
|
|
<li><i class="bi-stopwatch"></i> 자격증 타이머 (기록 저장)</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="row">
|
|
<div class="col-4">
|
|
<a class="btn btn-outline-dark btn-block btn-lg" href="./../main/free_player_app_menu.html" target="_blank" role="button">
|
|
<span class="oi oi-browser" title="icon browser" aria-hidden="true"></span>
|
|
학생 무료 체험
|
|
</a>
|
|
</div>
|
|
<div class="col-8 mt-2">
|
|
<span class="oi oi-check" title="icon check" aria-hidden="true"></span>
|
|
마에스트로 유료 서비스를 가입하시고, 학생들과 함께 모든 앱을 사용하세요.
|
|
</div>
|
|
</div>
|
|
|
|
</div> <!-- jumbotron -->
|
|
|
|
|
|
|
|
<div class="px-5 py-4 mb-3" style="background-color: #99ccff"> <!-- jumbotron -->
|
|
<h1 class="display-3 font-weight-bold">마에스트로<span class="display-4">, 관리자</span></h1>
|
|
|
|
<p>마에스트로 유료 계정을 등록하세요.<br/>
|
|
✓ 앱 실행시 보여지는 광고 화면이 제거됩니다.<br/>
|
|
✓ 모든 마우스, 타자 연습 앱을 수업에 활용하실 수 있게 됩니다. 필요한 앱들만 학생들에게 열어주는 활성화/비활성화 기능도 제공됩니다.<br/>
|
|
✓ 등록된 학생들의 점수와 타수, 순위가 서버에 저장되고 보여집니다. 친구들과 함께 플레이하며 자신의 실력이 향상되는 것을 느끼게 해 주세요.</p>
|
|
<hr class="mt-4">
|
|
|
|
<div class="row justify-content-center">
|
|
<div class="col-4">
|
|
<h5>마에스트로 관리 기능</h5>
|
|
<ul>
|
|
<li>모든 앱 체험 + 앱 활성화 설정</li>
|
|
<li>학생 명단 관리</li>
|
|
<li>학생 타수 & 점수 랭킹, 기록</li>
|
|
</ul>
|
|
</div>
|
|
|
|
<div class="col-8">
|
|
<h5>계정 등록 비용 (유효기간 : 1년)</h5>
|
|
<div class="col-12">
|
|
<div class="row">
|
|
<div class="col-4">
|
|
<ul>
|
|
<li>1만원 : 학생 20명</li>
|
|
<li>2만원 : 학생 50명</li>
|
|
</ul>
|
|
</div>
|
|
<div class="col-4">
|
|
<ul>
|
|
<li>3만원 : 학생 100명</li>
|
|
<li>4만원 : 학생 500명</li>
|
|
</ul>
|
|
</div>
|
|
<div class="col-4">
|
|
<ul>
|
|
<li>5만원 : 학생 1,000명</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|
|
</div>
|
|
|
|
<div class="row">
|
|
<div class="col-4">
|
|
<a class="btn btn-outline-dark btn-block btn-lg" role="button" href="javascript:void(0);" onClick="experienceMaestro()">
|
|
마에스트로 무료 체험
|
|
</a>
|
|
</div>
|
|
<div class="col-8">
|
|
<a class="btn btn-primary btn-block btn-lg" role="button" href="./../main/register.html">마에스트로 가입</a>
|
|
</div>
|
|
</div>
|
|
|
|
</div> <!-- jumbotron -->
|
|
|
|
|
|
|
|
<div class="px-5 py-4" style="background-color: #ccff99"> <!-- jumbotron -->
|
|
<h1 class="display-3 font-weight-bold">보너스<span class="display-4">, 추가 컨텐츠</span></h1>
|
|
|
|
<div class="row justify-content-center">
|
|
<div class="col-4">
|
|
<h5> </h5>
|
|
</div>
|
|
<div class="col-8">
|
|
<h5>자격증 시험을 준비하는 학생들과 선생님에게 꼭 필요한 앱!</h5>
|
|
</div>
|
|
</div>
|
|
<div class="row justify-content-center">
|
|
<!-- <div class="row mt-3"> -->
|
|
<div class="col-4">
|
|
<br/>
|
|
<a class="btn btn-outline-dark btn-block btn-lg mt-3" role="button" href="./../client/license_timer.html" target="_blank">
|
|
<span class="oi oi-clock" title="icon clock" aria-hidden="true"></span>
|
|
자격증 타이머
|
|
</a>
|
|
</div>
|
|
<div class="col-8">
|
|
<div>
|
|
<div class="row">
|
|
<div>
|
|
<ul>
|
|
<li>무설치, 웹브라우저 타이머</li>
|
|
</ul>
|
|
</div>
|
|
<div>
|
|
<ul>
|
|
<li>(유료 기능) 타이머 시간 저장</li>
|
|
<li>(유료 기능) 과목 및 성적 저장</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
<!-- <span><i class="text-danger bi-exclamation-diamond-fill"></i> 현재 HTTPS(SSL)이 취소되어, <span class="text-danger">타임오버 알림 팝업창</span>이 <span class="text-danger">작동하지 않는 점</span> 참고하세요.</span> -->
|
|
<span class="text-warning bg-danger"> <i class="bi-exclamation-diamond-fill"></i> 현재 HTTPS(SSL)이 취소되어, <span class="text-light">타임오버 알림 팝업창</span>이 <span class="text-light">실행되지 않는</span> 상태입니다. </span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<hr class="mt-4">
|
|
|
|
<div class="row justify-content-center">
|
|
<div class="col-4">
|
|
<h5> </h5>
|
|
</div>
|
|
<div class="col-8">
|
|
<h5>ITQ 시험보러 가기 전에, 시험장 환경을 체험하며 주의사항을 확인해 보세요.</h5>
|
|
</div>
|
|
</div>
|
|
<div class="row justify-content-center">
|
|
<!-- <div class="row mt-3"> -->
|
|
<div class="col-4">
|
|
<a class="btn btn-outline-dark btn-block btn-lg mt-3" role="button" href="./../client/itq_simulator.html" target="_blank">
|
|
<span class="oi oi-browser" title="icon browser" aria-hidden="true"></span>
|
|
ITQ 시험장 체험
|
|
</a>
|
|
</div>
|
|
<div class="col-8">
|
|
<div>
|
|
<div class="row">
|
|
<div>
|
|
<ul>
|
|
<li>무설치, 웹브라우저 앱</li>
|
|
<li>ITQ 시험장 컴퓨터 환경 체험</li>
|
|
<li>시험 주의사항 확인</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- <hr class="mt-4"> -->
|
|
|
|
|
|
</div> <!-- jumbotron -->
|
|
|
|
|
|
|
|
</div> |