Files
chocomae/src/web/module/home_section.html
T

155 lines
5.0 KiB
HTML

<script>
function loadMaestroExperienceAccount() {
sendRequestServer( //url, sendParams, onSuccess, onFail, isDebugMode);
"./../server/maestro/maestro_experience_account.php",
"",
(function(jsonData) {
let maestroID = jsonData["maestroID"];
let playerID = jsonData["playerID"];
let 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");
})
);
let xhr = new XMLHttpRequest(); //new로 생성.
}
function experienceMaestro() {
loadMaestroExperienceAccount();
}
</script>
<div class="container">
<div class="px-5 pt-4 pb-4 my-3" style="background-color: #ffce54">
<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>&nbsp;</h5>
</div>
<div class="col-8">
<h5>무료 체험 앱</h5>
</div>
</div>
<div class="row justify-content-center">
<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">학생 무료 체험 »</a>
</div>
<div class="col-8">
<div class="row">
<div class="col-4">
<ul>
<li>마우스 클릭 연습</li>
<li>한글 타자 연습</li>
</ul>
</div>
<div class="col-8">
<ul>
<li>마우스 더블 클릭 연습</li>
<li>영문 타자 연습</li>
</ul>
</div>
</div>
</div>
</div>
<!--
<h5>무료 체험 가능 앱</h5>
<ul class="list-inline">
<li class="list-inline-item">마우스 클릭 연습</li>
<li class="list-inline-item">마우스 더블 클릭 연습</li>
<li class="list-inline-item">한글 타자 연습</li>
<li class="list-inline-item">영문 타자 연습</li>
</ul>
<p><a class="btn btn-outline-dark btn-lg" href="./../main/free_player_app_menu.html" target="_blank" role="button">학생 무료 체험 »</a></p>
-->
</div> <!-- jumbotron -->
<div class="px-5 pt-4 pb-5 my-3" style="background-color: #99ccff">
<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>
<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>
<ul>
<li>1만원 : 학생 20명</li>
<li>2만원 : 학생 30명</li>
<li>3만원 : 학생 100명</li>
</ul>
</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>