diff --git a/resources/image/license/itq/itq_testsheet.png b/resources/image/license/itq/itq_testsheet.png new file mode 100644 index 0000000..38dd953 Binary files /dev/null and b/resources/image/license/itq/itq_testsheet.png differ diff --git a/resources/image/license/itq/itq_testsheet_id.png b/resources/image/license/itq/itq_testsheet_id.png index 70242d6..e8cc810 100644 Binary files a/resources/image/license/itq/itq_testsheet_id.png and b/resources/image/license/itq/itq_testsheet_id.png differ diff --git a/resources/image/license/itq/personal_id.jpg b/resources/image/license/itq/personal_id.jpg new file mode 100644 index 0000000..07aff78 Binary files /dev/null and b/resources/image/license/itq/personal_id.jpg differ diff --git a/resources/image/license/itq/wait_paper.png b/resources/image/license/itq/wait_wallpaper.png similarity index 100% rename from resources/image/license/itq/wait_paper.png rename to resources/image/license/itq/wait_wallpaper.png diff --git a/resources/image/license/itq/windows_basic_koas.png b/resources/image/license/itq/windows_wallpaper.png similarity index 100% rename from resources/image/license/itq/windows_basic_koas.png rename to resources/image/license/itq/windows_wallpaper.png diff --git a/src/game/license_simulator/itq/loading.js b/src/game/license_simulator/itq/loading.js index 190d452..1c839a2 100644 --- a/src/game/license_simulator/itq/loading.js +++ b/src/game/license_simulator/itq/loading.js @@ -32,12 +32,14 @@ var Loading = { // SpriteIconTimer.loadResources(); - game.load.image('windows_wallpaper', '../../../resources/image/license/itq/windows_basic_koas.png'); - game.load.image('wait_paper', '../../../resources/image/license/itq/wait_paper.png'); + game.load.image('windows_wallpaper', '../../../resources/image/license/itq/windows_wallpaper.png'); + game.load.image('wait_wallpaper', '../../../resources/image/license/itq/wait_wallpaper.png'); game.load.image('pen', '../../../resources/image/license/itq/pen.png'); + game.load.image('itq_testsheet', '../../../resources/image/license/itq/itq_testsheet.png'); game.load.image('itq_testsheet_id', '../../../resources/image/license/itq/itq_testsheet_id.png'); game.load.image('itq_testsheet_small', '../../../resources/image/license/itq/itq_testsheet_small.png'); + game.load.image('personal_id', '../../../resources/image/license/itq/personal_id.jpg'); game.load.image('popup_check_info', '../../../resources/image/license/itq/popup_check_info.png'); game.load.image('popup_check_saved_file', '../../../resources/image/license/itq/popup_check_saved_file.png'); diff --git a/src/game/license_simulator/itq/simulator.js b/src/game/license_simulator/itq/simulator.js index 9ccc6ae..3f69dae 100644 --- a/src/game/license_simulator/itq/simulator.js +++ b/src/game/license_simulator/itq/simulator.js @@ -2,23 +2,27 @@ var GAME_SCREEN_SIZE = { x: 1024, y: 768 }; var BG_IMAGE_FILENAMES = [ "windows_wallpaper", - "wait_paper", + "wait_wallpaper", ]; var POPUP_IMGE_FILENAMES = [ - "pen", - "itq_testsheet_id", - "itq_testsheet_small", - - "popup_check_info", - "popup_check_saved_file", - "popup_check_success_transfer", - "popup_register", - "popup_save_filename", - "popup_save_folder", - "popup_select_version", "program_control_center_after_transfer", "program_control_center", + + "pen", + "itq_testsheet", + "itq_testsheet_id", + "itq_testsheet_small", + "personal_id", + + "popup_check_info", + "popup_select_version", + "popup_register", + "popup_check_saved_file", + "popup_check_success_transfer", + + "popup_save_filename", + "popup_save_folder", ]; var BUTTON_WIDTH = 80; @@ -59,7 +63,7 @@ var Simulator = { // tip var textStyle = { font: "bold 40px Arial", fill: "#fff", align: "center", boundsAlignH: "center", boundsAlignV: "middle" }; - this.tipText = game.add.text(game.world.centerX, game.world.height - 200, "Tip text", textStyle); + this.tipText = game.add.text(game.world.centerX, game.world.height - 170, "Tip text", textStyle); this.tipText.setShadow(3, 3, 'rgba(0, 0, 0, 0.5)', 2); this.tipText.stroke = "#333"; this.tipText.strokeThickness = 5; @@ -73,100 +77,386 @@ var Simulator = { this.stageData = [ { - tip: "파워포인트, 아래한글, 엑셀 프로그램을 실행해봅니다.\n다른 프로그램은 절대 실행하지 마세요. (특히 인터넷)", + tip: "준비물 : 신분증, 수험표, 일반 볼펜\n" + + "\n" + + "* 초등학생 : 가족관계증명서, 주민등록등초본, 여권 중 하나\n" + + "* 볼펜 : 컴퓨터용 싸인펜 (x), 일반 볼펜 (o)", textColor: "yellow", images: [ { - name: "pen", - x: 200, - y: 100 + name: "personal_id", + x: 240, + y: 50 }, { name: "itq_testsheet_small", - x: game.world.width / 2, - y: 100 + x: 550, + y: 50 + }, + { + name: "pen", + x: 830, + y: 50 + }, + ], + rectangles: [ + ] + }, + { + tip: "1. 작업할 프로그램(파워포인트, 아래한글, 엑셀)을 실행\n" + + "2. 키보드 입력과 마우스가 잘 되는지 확인하고 프로그램 종료\n" + + "\n" + + "* 다른 프로그램은 절대로 실행하지 마세요. (특히 인터넷)", + textColor: "orangered", + images: [ + ], + rectangles: [ + ] + }, + { + tip: "KOAS 수험자용 - 프로그램 실행", + images: [ + ], + rectangles: [ + { + x: 81, + y: 617, + width: 70, + height: 70 + }, + ] + }, + { + tip: "1. 수험표에 있는 수험번호를 정확히 입력\n" + + "2. [확인] 버튼 클릭", + images: [ + { + name: "itq_testsheet_id", + x: 550, + y: 80 + }, + { + name: "popup_register", + x: 550, + y: 250 }, ], rectangles: [ { - x: 100, - y: 200, - width: 300, - height: 300 + x: 494, + y: 383, + width: 203, + height: 30 }, { - x: 500, - y: 200, - width: 200, - height: 200 + x: 537, + y: 460, + width: 82, + height: 40 }, ] }, { - tip: "KOAS 수험자용 - 프로그램을 실행합니다.", + tip: "1. 아래한글 또는 MS 오피스 버전 선택\n" + + "2. [확인] 버튼 클릭", + images: [ + { + name: "popup_select_version", + x: 550, + y: 220 + }, + ], + rectangles: [ + { + x: 474, + y: 388, + width: 150, + height: 20 + }, + { + x: 554, + y: 473, + width: 86, + height: 40 + }, + ] + }, + { + tip: "1. 정확하게 입력이 되었는지 자세히 확인\n" + + "2. [확인] 버튼 클릭", + images: [ + { + name: "popup_check_info", + x: 550, + y: 190 + }, + ], + rectangles: [ + { + x: 402, + y: 314, + width: 290, + height: 116 + }, + { + x: 530, + y: 462, + width: 82, + height: 42 + }, + ] + }, + { + tip: "대기 화면으로 바뀜\n" + + "\n" + + "* 기다리는 동안 감독관 선생님의 주의사항을 듣습니다.", + textColor: "lightblue", + bg: "wait_wallpaper", images: [ ], rectangles: [ ] }, { - tip: "수험표에 있는 수험번호를 정확히 입력합니다.", + tip: "시험지를 받으면 가장 먼저 볼펜으로\n" + + "자신의 [수험번호]와 [이름]을 적기", + textColor: "orangered", + bg: "wait_wallpaper", images: [ + { + name: "itq_testsheet_id", + x: 520, + y: 60 + }, + { + name: "itq_testsheet", + x: 510, + y: 240 + }, + ], + rectangles: [ + { + x: 595, + y: 355, + width: 125, + height: 30 + }, + { + x: 740, + y: 355, + width: 100, + height: 30 + }, + ] + }, + { + tip: "시험 시간이 되면 대기 화면에서 바탕 화면으로 전환됨\n" + + "\n" + + "* 화면 오른쪽 위에는 시험 관리 프로그램이 실행됩니다.", + textColor: "lightblue", + images: [ + { + name: "program_control_center", + x: 890, + y: 10 + }, + ], + rectangles: [ + { + x: 760, + y: 3, + width: 256, + height: 305 + }, + ] + }, + { + tip: "문서 작업할 프로그램을 실행한 후, 가장 먼저 파일 저장\n" + + "\n" + + "* 폴더 : 라이브러리 > 문서 > ITQ (혹은) 내 문서 > ITQ\n" + + "* 파일 이름 : 수험번호-이름 (예 : 70150012-홍길동) ", + textColor: "orangered", + images: [ + { + name: "program_control_center", + x: 890, + y: 10 + }, + { + name: "popup_save_filename", + x: 520, + y: 200 + }, ], rectangles: [ ] }, { - tip: "아래한글 또는 MS오피스\n2010 버전을 선택하세요.", + tip: "파일 저장 후, 바탕 화면에서 실행되고 있는\n" + + "시험 관리 프로그램에서 [답안 전송] 버튼 클릭", images: [ + { + name: "program_control_center", + x: 890, + y: 10 + }, ], rectangles: [ + { + x: 776, + y: 125, + width: 223, + height: 40 + }, ] }, { - tip: "입력한 내용이 정확한지 자세히 확인하고\n[확인] 버튼을 누르세요.", + tip: "저장한 답안 파일이 목록에 잘 보이는지 확인\n" + + "\n" + + "* 만약에 목록에 안 보일 경우, 폴더와 파일을 확인하세요.\n" + + "* 원인을 알 수 없으면 감독관 선생님께 도움을 요청하세요.", + textColor: "lightblue", images: [ + { + name: "program_control_center", + x: 890, + y: 10 + }, + { + name: "popup_check_saved_file", + x: 520, + y: 110 + }, ], rectangles: [ + { + x: 382, + y: 251, + width: 262, + height: 30 + }, ] }, { - tip: "기다리는 동안 시험지를 받습니다.\n시험지 위에 볼펜으로\n자신의 [수험번호], [이름]을 적습니다.", + tip: "답안 파일을 선택하고 [답안전송] 버튼 클릭", images: [ + { + name: "program_control_center", + x: 890, + y: 10 + }, + { + name: "popup_check_saved_file", + x: 520, + y: 110 + }, ], rectangles: [ + { + x: 382, + y: 251, + width: 262, + height: 30 + }, + { + x: 493, + y: 410, + width: 136, + height: 40 + }, ] }, { - tip: "시험이 시작되면\n아래한글 또는 파워포인트/엑셀 프로그램을\n실행합니다.", + tip: "1. 답안 전송 상태 확인\n" + + "* 전송 실패시 감독관 선생님께 도움을 요청하세요.\n" + + "2. [닫기] 버튼 클릭", images: [ + { + name: "program_control_center", + x: 890, + y: 10 + }, + { + name: "popup_check_success_transfer", + x: 520, + y: 110 + }, ], rectangles: [ + { + x: 632, + y: 251, + width: 86, + height: 30 + }, + { + x: 631, + y: 410, + width: 83, + height: 40 + }, ] }, { - tip: "프로그램 실행 후 가장 먼저 파일을 저장합니다.\n라이브러리>문서>ITQ 폴더!!! '수험번호-이름'!!!", + tip: "본격적으로 문서 작업 시작\n" + + "\n" + + "* 페이지 작업 완료 / 시험 끝나기 5분전 / 시험 끝날때\n" + + "* 항상 파일을 저장하고 답안 전송도 함께 합니다.", + textColor: "lightblue", images: [ + { + name: "program_control_center_after_transfer", + x: 890, + y: 10 + }, ], rectangles: [ + { + x: 776, + y: 90, + width: 225, + height: 26 + }, ] }, { - tip: "내 정답 파일이 목록에 잘 보이는지 확인한 후,\n[답안 전송] 버튼을 누르세요.", - images: [ - ], - rectangles: [ - ] - }, - { - tip: "자주 저장하세요!!!\n슬라이드/페이지마다 / 시험 종료 5분전 / 시험 종료시\n답안 전송도 함께 하세요.", + tip: "시험 종료시\n" + + "1. 시험지에 수험번호와 이름을 잘 적었는지 확인\n" + + "2. 시험지는 반드시 책상에 두고 시험장에서 나오기\n" + + "* 시험지를 가지고 나오면 부정행위로 !! 실격 처리 !! 됩니다.", + textColor: "orangered", images: [ + { + name: "program_control_center", + x: 890, + y: 10 + }, + { + name: "itq_testsheet", + x: 510, + y: 200 + }, ], rectangles: [ + { + x: 595, + y: 315, + width: 125, + height: 30 + }, + { + x: 740, + y: 315, + width: 100, + height: 30 + }, ] }, ]; + // this.stageIndex = 14; + + this.popupImages = []; this.shownImages = []; this.rectangles = []; @@ -201,23 +491,27 @@ var Simulator = { }, next: function() { - this.stageIndex++; - if(this.stageIndex > 9) - this.stageIndex = 9; + if(this.stageIndex < this.stageData.length - 1) + this.stageIndex++; this.printContents(); }, printContents: function() { - // this.bgImage.loadTexture(this.images[this.stageIndex]); + console.log(this.stageIndex); var data = this.stageData[this.stageIndex]; this.tipText.text = data.tip; if(data.textColor === undefined) - this.tipText.addColor("red", 0); + this.tipText.addColor("white", 0); else this.tipText.addColor(data.textColor, 0); + if(data.bg === undefined) + this.bgImage.loadTexture("windows_wallpaper"); + else + this.bgImage.loadTexture(data.bg); + this.hideAllShownImages(); var imageCount = data.images.length; for(var i = 0; i < imageCount; i++) {