Add: ITQ simulator html link

This commit is contained in:
2019-01-24 23:38:39 +09:00
parent 58f969890e
commit fbc914a79b
3 changed files with 64 additions and 15 deletions
+27 -11
View File
@@ -1,5 +1,13 @@
var GAME_SCREEN_SIZE = { x: 1024, y: 768 }; var GAME_SCREEN_SIZE = { x: 1024, y: 768 };
var MODE_RELEASE = "release";
var MODE_DEBUG = "debug";
var runMode = MODE_RELEASE;
function isDebugMode() {
// console.log("debug mode ? " + runMode);
return runMode == MODE_DEBUG ? true : false;
}
var BG_IMAGE_FILENAMES = [ var BG_IMAGE_FILENAMES = [
"windows_wallpaper", "windows_wallpaper",
"wait_wallpaper", "wait_wallpaper",
@@ -44,21 +52,29 @@ var Simulator = {
// keyboard shortcut // keyboard shortcut
this.keyboardShortcut = new KeyboardShortcut(); this.keyboardShortcut = new KeyboardShortcut();
this.keyboardShortcut.addCallback( this.keyboardShortcut.addCallback(
Phaser.KeyCode.ESC, // keyCode Phaser.KeyCode.LEFT, // keyCode
null, // keyDownHandler null, // keyDownHandler
(function() { this.back(); }).bind(this), // keyUpHandler (function() { this.prev(); }).bind(this), // keyUpHandler
"keyboard_test" // callerClassName
);
this.keyboardShortcut.addCallback(
Phaser.KeyCode.RIGHT, // keyCode
null, // keyDownHandler
(function() { this.next(); }).bind(this), // keyUpHandler
"keyboard_test" // callerClassName "keyboard_test" // callerClassName
); );
this.fullscreenButton = new FullscreenButton(); // this.fullscreenButton = new FullscreenButton();
// buttons // buttons
var buttonSetting = new RoundRectButtonSetting(50, game.world.centerY, BUTTON_WIDTH, BUTTON_HEIGHT, 20); var buttonSetting = new RoundRectButtonSetting(50, game.world.centerY, BUTTON_WIDTH, BUTTON_HEIGHT, 20);
this.prevButton = new RoundRectButton(buttonSetting, null, "<", (function() { this.prev(); }).bind(this)); this.prevButton = new RoundRectButton(buttonSetting, null, "<", (function() { this.prev(); }).bind(this));
this.prevButton.addShortcutText("←");
buttonSetting.x = game.world.width - BUTTON_WIDTH + 30; buttonSetting.x = game.world.width - BUTTON_WIDTH + 30;
this.nextButton = new RoundRectButton(buttonSetting, null, ">", (function() { this.next(); }).bind(this)); this.nextButton = new RoundRectButton(buttonSetting, null, ">", (function() { this.next(); }).bind(this));
this.nextButton.addShortcutText("→");
// tip // tip
@@ -114,7 +130,7 @@ var Simulator = {
] ]
}, },
{ {
tip: "KOAS 수험자용 - 프로그램 실행", tip: "[KOAS 수험자용] 프로그램 실행",
images: [ images: [
], ],
rectangles: [ rectangles: [
@@ -127,7 +143,7 @@ var Simulator = {
] ]
}, },
{ {
tip: "1. 수험표에 있는 수험번호를 정확히 입력\n" tip: "1. 수험표 수험번호를 정확히 입력\n"
+ "2. [확인] 버튼 클릭", + "2. [확인] 버튼 클릭",
images: [ images: [
{ {
@@ -182,7 +198,7 @@ var Simulator = {
] ]
}, },
{ {
tip: "1. 정확하게 입력이 되었는지 자세히 확인\n" tip: "1. 내 수험 정보가 정확하게 입력이 되었는지 자세히 확인\n"
+ "2. [확인] 버튼 클릭", + "2. [확인] 버튼 클릭",
images: [ images: [
{ {
@@ -209,7 +225,7 @@ var Simulator = {
{ {
tip: "대기 화면으로 바뀜\n" tip: "대기 화면으로 바뀜\n"
+ "\n" + "\n"
+ "* 기다리는 동안 감독관 선생님의 주의사항을 듣습니다.", + "* 기다리는 동안 감독관 선생님의 설명을 듣습니다.",
textColor: "lightblue", textColor: "lightblue",
bg: "wait_wallpaper", bg: "wait_wallpaper",
images: [ images: [
@@ -250,9 +266,9 @@ var Simulator = {
] ]
}, },
{ {
tip: "시험 시간이 되면 대기 화면에서 바탕 화면으로 전환됨\n" tip: "시험 시간이 되면 대기 화면에서 바탕 화면으로 바뀜\n"
+ "\n" + "\n"
+ "* 화면 오른쪽 위에 시험 관리 프로그램이 실행니다.", + "* 화면 오른쪽 위에 시험 관리 프로그램이 실행되고 있습니다.",
textColor: "lightblue", textColor: "lightblue",
images: [ images: [
{ {
@@ -271,7 +287,7 @@ var Simulator = {
] ]
}, },
{ {
tip: "문서 작업할 프로그램을 실행한 후, 가장 먼저 파일 저장\n" tip: "문서 작업할 프로그램을 실행한 후, 가장 먼저 파일 저장\n"
+ "\n" + "\n"
+ "[폴더] : 라이브러리 > 문서 > ITQ ∥ 내 문서 > ITQ\n" + "[폴더] : 라이브러리 > 문서 > ITQ ∥ 내 문서 > ITQ\n"
+ "[파일 이름] : 수험번호-이름 (예 : 70150012-홍길동)", + "[파일 이름] : 수험번호-이름 (예 : 70150012-홍길동)",
@@ -500,7 +516,7 @@ var Simulator = {
}, },
printContents: function() { printContents: function() {
console.log(this.stageIndex); // console.log(this.stageIndex);
var data = this.stageData[this.stageIndex]; var data = this.stageData[this.stageIndex];
this.tipText.text = data.tip; this.tipText.text = data.tip;
+2 -2
View File
@@ -22,8 +22,8 @@
})(window,document,'script','dataLayer','GTM-N8PB4F3');</script> })(window,document,'script','dataLayer','GTM-N8PB4F3');</script>
<!-- End Google Tag Manager --> <!-- End Google Tag Manager -->
<title>ITQ 시뮬레이터 | 초코마에</title> <title>ITQ 시험장 체험 | 초코마에</title>
<meta name="description" CONTENT="ITQ 시험장 사전 연습 앱 | 초코마에 ‧ ITQ license test simulation app | ChocoMae"> <meta name="description" CONTENT="ITQ 시험장 체험 앱 | 초코마에 ‧ ITQ license test simulation app | ChocoMae">
<link rel="icon" href="/favicon.ico" type="image/x-icon" /> <link rel="icon" href="/favicon.ico" type="image/x-icon" />
<link rel="shortcut icon" href="/favicon.ico" type="image/x-icon" /> <link rel="shortcut icon" href="/favicon.ico" type="image/x-icon" />
+35 -2
View File
@@ -2,8 +2,8 @@
$(document).ready(function() { $(document).ready(function() {
showErrorMessage( showErrorMessage(
"(01월 10일) 새소식<br/>\ "(01월 25일) 새소식<br/>\
타자 연습 앱 : [ 단어 비행접시 ] 추가되었습니다.", "success" * 보너스, 추가 컨텐츠로 [ ITQ 시험장 체험 ] 앱이 추가되었습니다. 화면 하단에서 확인해 보세요.", "success"
); );
}); });
@@ -242,6 +242,39 @@ function experienceMaestro() {
</div> </div>
</div> </div>
<hr class="mt-4">
<div class="row justify-content-center">
<div class="col-4">
<h5>&nbsp;</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>
&nbsp;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"> --> <!-- <hr class="mt-4"> -->