288 lines
8.0 KiB
HTML
288 lines
8.0 KiB
HTML
<script>
|
|
|
|
$(document).ready(function() {
|
|
/*
|
|
showErrorMessage(
|
|
"(09월 28일) 알림<br/>\
|
|
* [긴글 (시험)] 5분 초과시에도 기록을 서버에 저장하도록 수정했습니다.<br/>\
|
|
※※※ 앱 실행시 문제가 생기면 [ Ctrl + F5 ](MS IE, Edge) 또는 [ Ctrl + Shift + R ](크롬 등) 단축키를 눌러서 브라우저 캐시 삭제를 해주세요. ※※※", "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>마우스 클릭 연습</li>
|
|
<li>드래그 연습</li>
|
|
<li>더블 클릭 연습</li>
|
|
</ul>
|
|
</div>
|
|
<div>
|
|
<ul>
|
|
<li>한글 타자 연습</li>
|
|
<li>두더지 타자</li>
|
|
<!-- <li></li> -->
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="col-8">
|
|
<h5>유료 계정 전용 앱</h5>
|
|
<div class="row">
|
|
<div>
|
|
<ul>
|
|
<li>마우스 움직임 연습</li>
|
|
</ul>
|
|
</div>
|
|
<div>
|
|
<ul>
|
|
<li>영어 타자 연습</li>
|
|
<li>단어 비행접시</li>
|
|
<!-- <li></li> -->
|
|
</ul>
|
|
</div>
|
|
<div>
|
|
<ul>
|
|
<li>자격증 타이머 (기록 저장)</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>
|
|
<li class="d-none">랭킹</li>
|
|
<li class="d-none">기록</li>
|
|
</ul>
|
|
</div>
|
|
|
|
<div class="col-8">
|
|
<h5>계정 등록 비용 (유효기간 : 1년)</h5>
|
|
<div class="col-8">
|
|
<div class="row">
|
|
<div class="col-6">
|
|
<ul>
|
|
<li>1만원 : 학생 20명</li>
|
|
<li>2만원 : 학생 50명</li>
|
|
<li>3만원 : 학생 100명</li>
|
|
</ul>
|
|
</div>
|
|
<div class="col-6">
|
|
<ul>
|
|
<li>4만원 : 학생 500명</li>
|
|
<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>
|
|
|
|
<!--
|
|
<h5>마에스트로 관리 기능</h5>
|
|
<ul>
|
|
<li>학생 등록 및 삭제</li>
|
|
<li>학생 정보 수정</li>
|
|
<li>앱 활성화 / 비활성화</li>
|
|
<li class="d-none">랭킹</li>
|
|
<li class="d-none">기록</li>
|
|
</ul>
|
|
|
|
<p><a class="btn btn-outline-dark btn-lg" role="button" href="javascript:void(0);" onClick="experienceMaestro()">마에스트로 무료 체험 »</a></p>
|
|
|
|
<hr class="mt-4 mb-3" />
|
|
<h5>계정 등록 비용 (금액 / 1년)</h5>
|
|
<ul>
|
|
<li>1만원 : 학생 20명</li>
|
|
<li>2만원 : 학생 30명</li>
|
|
<li>3만원 : 학생 100명</li>
|
|
</ul>
|
|
|
|
<div class="mt-3"><a class="btn btn-primary btn-block btn-lg" role="button" href="./../main/register.html">마에스트로 가입</a></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">
|
|
<a class="btn btn-outline-dark btn-block btn-lg" 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>
|
|
</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" 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> |