From 334f3f5186d5fc4210aea737fb4df39e03fee887 Mon Sep 17 00:00:00 2001
From: iMac <jisangs@gmail.com>
Date: Wed, 7 Oct 2020 11:25:08 +0900
Subject: [PATCH] Add: close service notice * Disable register button

---
 src/web/js/main.js                            |  21 ++
 src/web/main/close_service.html               |  69 +++++
 src/web/module/home_section.html              |   3 +-
 .../module/home_section_close_service.html    | 247 ++++++++++++++++++
 src/web/module/maestro_section_login.html     |   2 +-
 src/web/module/maestro_section_main.html      |   1 +
 6 files changed, 341 insertions(+), 2 deletions(-)
 create mode 100644 src/web/main/close_service.html
 create mode 100644 src/web/module/home_section_close_service.html
diff --git a/src/web/js/main.js b/src/web/js/main.js
index fff1db9..18d3459 100644
--- a/src/web/js/main.js
+++ b/src/web/js/main.js
@@ -92,4 +92,25 @@ function showErrorMessage(message, type) {
 			+ message
 		+ '</div>'
 	);
+}
+
+function showServiceCloseMessage(message) {
+	console.log("showNotifyMessage : " + message);
+	var messageBox = $("#message_box");
+
+	if(!messageBox)
+		return;
+
+	messageBox.html(
+		'<div class="alert alert-danger" role="alert">'
+			+ '<button type="button" class="close" data-dismiss="alert">&times;</button>'
+			+ '(10월 08일) 알림<br/>\
+				* 2021년 02월 초코마에 서비스 종료 안내 <span class="text-muted">(자세한 내용은 아래 버튼을 클릭해서 확인해주세요)</span><br/>\
+				&nbsp;&nbsp;- 유료 계정 신규 가입은 더이상 받지 않습니다.<br/>\
+				&nbsp;&nbsp;- (기존) 유료 계정에 대한 환불 신청을 받습니다.<br/>'
+			+ '<div class=""><br/>'
+			+ '<a type="button" class="btn btn-outline-danger" roll="button" href="../main/close_service.html">\
+				서비스 종료 안내</a>'
+		+ '</div>'
+	);
 }
\ No newline at end of file
diff --git a/src/web/main/close_service.html b/src/web/main/close_service.html
new file mode 100644
index 0000000..4cd386d
--- /dev/null
+++ b/src/web/main/close_service.html
@@ -0,0 +1,69 @@
+﻿<!DOCTYPE html>
+<html>
+
+<head>
+	<meta http-equiv="X-UA-Compatible" content="IE=Edge" />
+	<meta charset="UTF-8">
+
+	<!-- Global site tag (gtag.js) - Google Analytics -->
+	<script async src="https://www.googletagmanager.com/gtag/js?id=UA-85912788-2"></script>
+	<script>
+		window.dataLayer = window.dataLayer || [];
+		function gtag(){dataLayer.push(arguments);}
+		gtag('js', new Date());
+
+		gtag('config', 'UA-85912788-2');
+	</script>
+
+	<!-- Google Tag Manager -->
+	<script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
+	new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
+	j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
+	'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
+	})(window,document,'script','dataLayer','GTM-N8PB4F3');</script>
+	<!-- End Google Tag Manager -->
+
+	<title>서비스 종료 알림 | 초코마에</title>
+	<meta name="description" CONTENT="서비스 종료 알림 | 초코마에 ‧ 서비스 종료 | ChocoMae">
+
+	<link rel="icon" href="/favicon.ico" type="image/x-icon" />
+	<link rel="shortcut icon" href="/favicon.ico" type="image/x-icon" />
+
+	<link href="../../../resources/font/open-iconic-master/font/css/open-iconic-bootstrap.css" rel="stylesheet">
+	<link href="../../../resources/bootstrap/css/bootstrap.min.css" rel="stylesheet">
+
+	<script type="text/javascript" src="./../../../resources/jquery/jquery-3.3.1.min.js"></script>
+	<script type="text/javascript" src="./../js/main.js"></script>
+	<script type="text/javascript">
+		$(document).ready(function() {
+			if(maestroID === -1)
+				$("#header").load("./../module/header.html");
+			else
+				$("#header").load("./../module/maestro_header.html");
+			$("#section").load("./../module/home_section_close_service.html");
+			$("#footer").load("./../module/footer.html");
+		});
+	</script>
+</head>
+
+
+
+<body bgcolor="white">
+
+	<div id="wrapper">
+
+		<header id="header">
+		</header>
+
+		<section id="section">
+		</section>
+
+		<footer id="footer">
+		</footer>
+
+	</div>
+
+</body>
+
+
+</html>
\ No newline at end of file
diff --git a/src/web/module/home_section.html b/src/web/module/home_section.html
index 0a5798b..12db976 100644
--- a/src/web/module/home_section.html
+++ b/src/web/module/home_section.html
@@ -1,6 +1,7 @@
 ﻿<script>
 
 $(document).ready(function() {
+	showServiceCloseMessage();
 	/*
 	showErrorMessage(
 		"(12월 4일) 알림<br/>\
@@ -175,7 +176,7 @@ function experienceMaestro() {
 				</a>
 			</div>
 			<div class="col-8">
-				<a class="btn btn-primary btn-block btn-lg" role="button" href="./../main/register.html">마에스트로 가입</a>
+				<button class="btn btn-primary btn-block btn-lg" role="button" href="./../main/register.html" disabled>마에스트로 가입 (신규 가입 신청 중단)</button>
 			</div>
 		</div>
 
diff --git a/src/web/module/home_section_close_service.html b/src/web/module/home_section_close_service.html
new file mode 100644
index 0000000..e6963bb
--- /dev/null
+++ b/src/web/module/home_section_close_service.html
@@ -0,0 +1,247 @@
+﻿<div class="container my-3">
+
+	<div class="px-5 py-4 mb-3" style="background-color: #ffce54">
+		<h1 class="display-3 font-weight-bold" style="color: #630;">초코마에<span class="display-4">, 서비스 종료 안내</span></h1>
+	</div>	<!-- jumbotron -->
+
+	<div class="card border-danger">
+		<h5 class="card-header text-danger font-weight-bold">서비스 종료일</h5>
+		<div class="card-body">
+			<h5 class="card-title text-primary"><span class="text-danger">2021년 02월 28일</span> 24시까지 운영</h5>
+			<p class="card-text">
+				<ul>
+					<li>2021년 2월 28일까지는 현재 상태로 서비스를 유지합니다.</li>
+					<li>2월 28일 자정이 되면 서버를 내려, 서비스를 종료합니다.</li>
+					<li>3월 1일부터는 <span class="text-danger">웹 접속이 안되며, 서비스 이용이 불가능</span>해집니다.</li>
+				</ul>
+			</p>
+		</div>
+	</div>
+	<br/>
+
+	<div class="card">
+		<h5 class="card-header text-danger font-weight-bold">서비스 종료 후, 남은 유효기간에 대한 환불</h5>
+		<div class="card-body">
+			<h5 class="card-title text-primary">환불 대상</h5>
+			<p class="card-text">
+				<ul>
+					<li>환불을 요청한 유료(마에스트로) 계정</li>
+					<li>
+						2020년 3월 1일 이후의 신규 생성 / 연장 / 업그레이드 계정 모두 해당합니다.
+						<div class="alert alert-info" role="alert">
+							서비스 종료 기간에 해당하지 않는 유료 계정도,<br/>
+							(항상 그래왔던 것처럼) 남아 있는 기간만큼에 대해 환불 요청이 가능합니다.
+						</div>
+					</li>
+				</ul>
+			</p>
+			<h5 class="card-title text-primary">환불 요청 시기</h5>
+			<p class="card-text">
+				<ul>
+					<li>
+						서비스 종료 전
+
+						<table class="table">
+							<thead class="thead-dark">
+								<tr>
+									<th scope="col">방식</th>
+									<th scope="col">요청</th>
+									<th scope="col">처리 내용</th>
+								</tr>
+							</thead>
+							<tbody>
+								<tr>
+									<th scope="row">즉시 해지</th>
+									<td>요청시 즉시 해지, 남은 기간에 대한 환불</td>
+									<td>즉시 해지 요청일을 기준으로 환불해드리고, 계정을 바로 비활성화합니다.</td>
+								</tr>
+								<tr>
+									<th scope="row">종료일까지 사용</th>
+									<td>종료일까지 사용, 이후 기간에 대한 환불</td>
+									<td>종료일 이후의 기간에 대한 금액을 미리 환불해 드립니다. 종료일까지 계정은 유지됩니다.</td>
+								</tr>
+							</tbody>
+						</table>
+
+					</li>
+					<li>
+						서비스 종료 후
+						<ul>
+							<li>종료일 이후, 남은 기간에 대한 금액을 환불해 드립니다.</li>
+							<li>서비스 종료 후에는 홈페이지 접속이 불가능하니, 이전에 보내드린 이메일로 연락 주세요.</li>
+						</ul>
+					</li>
+				</ul>
+			</p>
+			<h5 class="card-title text-primary">환불 금액 계산</h5>
+			<p class="card-text">
+				<ul>
+					<li>결제 금액 * (남은 개월수 / 12)</li>
+				</ul>
+			</p>
+		</div>
+	</div>
+	<br/>
+
+	<div class="card">
+		<h5 class="card-header text-danger font-weight-bold">환불 신청</h5>
+		<div class="card-body">
+			<h5 class="card-title text-primary">신청 방법</h5>
+			<p class="card-text">
+				<ul>
+					<li>support+chocomae@jinaju.com 이메일로 신청</li>
+				</ul>
+			</p>
+			<h5 class="card-title text-primary">내용</h5>
+			<p class="card-text">
+				<ul>
+					<li>
+						아래 내용을 복사해서 이메일에 붙여넣기하고 작성해주세요.
+						<div class="alert alert-warning" role="alert">
+							<ul>
+								<li>마에스트로 계정명 : </li>
+								<li>환불받을 계좌 정보 (은행명, 계좌 번호) : </li>
+								<li>[ 즉시 해지 ] / [ 종료일까지 사용 ] <span class="text-muted">(위 <span class="text-info">환불 요청 시기</span> 내용 참고)</span>중 택일</li>
+							</ul>
+						</div>
+					</li>
+				</ul>
+			</p>
+		</div>
+	</div>
+	<br/>
+
+	<div class="card">
+		<h5 class="card-header text-danger font-weight-bold">남은 기간동안 서비스 운영</h5>
+		<div class="card-body">
+			<h5 class="card-title text-primary">신규 계정</h5>
+			<p class="card-text">
+				<ul>
+					<li><span class="text-danger">신규 계정 신청은 더 이상 받지 않습니다.</span></li>
+				</ul>
+			</p>
+
+			<h5 class="card-title text-primary">기존 계정</h5>
+			<p class="card-text">
+				<ul>
+					<li>이미 등록된 마에스트로 계정은 쭉 유지됩니다.</li>
+					<li>
+						남은 기간동안 아래 기능이 무료로 제공됩니다. <span class="text-muted">(신청시에만 무료로 적용)</span>
+						<ul>
+							<li>유효기간 연장 (내년 2월 28일까지)</li>
+							<li>학생수 업그레이드</li>
+						</ul>
+					</li>
+				</ul>
+			</p>
+		</div>
+	</div>
+	<br/>
+
+	<div class="card">
+		<h5 class="card-header text-danger font-weight-bold">백업 데이터</h5>
+		<div class="card-body">
+			<h5 class="card-title text-primary">1년간 데이터 보관</h5>
+			<p class="card-text">
+				<ul>
+					<li>서비스 종료일<span class="text-muted">(2021년 2월 28일)</span>의 데이터를 백업해서 1년간 보관합니다.</li>
+					<li>마에스트로, 학생 데이터가 필요한 분은 반드시 2022년 2월 28일 이전에 요청해주세요.</li>
+					<br/>
+					<li>
+						마에스트로 계정 정보: 환불 등의 추후 작업을 위해 보관할 예정입니다.
+						<ul>
+							<li>가입시 알려주신 e-mail 주소 이외에는 개인 정보가 전무합니다.</li>
+							<li>
+								마에스트로 로그인 암호는 DB에 암호화되어 저장되었기 때문에 사이트 관리자를 포함한 그 누구도 절대 확인할 수 없습니다.
+								<br/><span class="text-muted">(그래도 불안하신 분은 미리 실생활 암호 말고 전용 암호로 바꿔주세요)</span>
+							</li>
+						</ul>
+					</li>
+					<li>학생 데이터: 타자, 마우스, 자격증 타이머등의 기록을 보관할 예정입니다.</li>
+				</ul>
+			</p>
+			<h5 class="card-title text-primary">1년 후 백업 데이터 폐기</h5>
+			<p class="card-text">
+				<ul>
+					<li>1년 후(2022년 2월 28일)에는 백업 DB 데이터도 삭제해서 폐기할 예정입니다.</li>
+				</ul>
+			</p>
+		</div>
+	</div>
+	<br/>
+
+	<div class="card">
+		<h5 class="card-header text-danger font-weight-bold">Q. 왜 서비스를 종료하나요?</h5>
+		<div class="card-body">
+			<h5 class="card-title text-primary">A. 매출이 줄어 서버 유지가 힘들어졌습니다.</h5>
+			<p class="card-text">
+				<ul>
+					<li>작년(2019년)에 많은 분들이 유료 결제해주셔서 운영에 충분한 매출이 나왔습니다.</li>
+					<li>
+						올해에는 매출이 많이 줄었습니다.
+						<ul>
+							<li>작년 말부터 서비스 개선과 컨텐츠 추가를 진행하지 못했습니다.</li>
+							<li>추가 개발 계획은 있었지만 개발 시간과 비용이 큰 작업이라 시작할 수 없었네요.</li>
+							<li>코로나로 인해 정상적인 방과후 학교 수업이 진행되지 못한 점도 안타깝습니다.</li>
+						</ul>
+					</li>
+					<br/>
+					<li>그럼에도 계정을 연장해 주신 분들이 계셔서 너무 감사한 마음입니다.</li>
+					<li>여름방학 즈음에 계정을 신규 생성해주신 분들도 꽤 계셨습니다. 정말로 죄송하게 되었습니다.</li>
+				</ul>
+			</p>
+
+			<h5 class="card-title text-primary">A. 서비스를 매각해보려 했지만 실패했습니다.</h5>
+			<p class="card-text">
+				<ul>
+					<li>이대로 서비스 종료하기는 많이 아쉬웠습니다.</li>
+					<li>그래서 올해 여름, 초코마에 서비스를 여러 회사에 판매해보려고 연락했습니다.</li>
+					<li>초등학생 대상의 사이트나 방과후 컴퓨터 서적 출판사들에 제안서를 보냈습니다.</li>
+					<li>사업적으로 큰 매력이 있는 서비스가 아니었던것 같네요. 아쉽게도 연락이 돌아오지 않았습니다.</li>
+				</ul>
+			</p>
+
+			<h5 class="card-title text-primary">A. 서버 유지가 부담되어서 서비스를 종료하게 되었습니다.</h5>
+			<p class="card-text">
+				<ul>
+					<li>1년에 80~100만원 정도의 운영비가 들어갑니다.</li>
+					<li>비용만으로 보면 손해를 보면서도 유지할 마음은 있습니다만...</li>
+					<li>작년에 서버가 해킹 공격을 당했던 적이 있습니다. 서버가 다시 공격받고 복구 불가능한 상황이 발생할 수 있습니다.</li>
+					<li>nCloud 서버를 사용중인데, 단순 유지만 하더라도 nCloud 서버 API 업데이트등 계속해서 작업해야 할 사항이 발생합니다.</li>
+					<li>서버, 웹 개발 전문가가 아니어서 문제 발생시 해결에 대한 부담이 굉장히 컸습니다.</li>
+				</ul>
+			</p>
+
+			<h5 class="card-title text-primary">A. 초코마에 서비스 이전?</h5>
+			<p class="card-text">
+				<ul>
+					<li>만약 서비스를 이어가겠다는 개인 또는 회사가 있으면 두손들고 환영합니다.</li>
+					<li>support+chocomae@jinaju.com 이메일로 편하게 연락 주세요.</li>
+				</ul>
+			</p>
+		</div>
+	</div>
+	<br/>
+
+	<div class="card">
+		<h5 class="card-header text-danger font-weight-bold">인사말</h5>
+		<div class="card-body">
+			<h5 class="card-title text-primary">방과후/초등학교 선생님, 그리고 학생분들께.</h5>
+			<p class="card-text">
+				<ul>
+					<li>초코마에 서비스를 이용해주시고 즐겨주셔서 정말로 감사합니다.</li>
+					<br/>
+					<li>제가 가르치는 학생들을 위해 수업 자료를 만들고 모으다가, 웹 서비스까지 되었습니다.</li>
+					<li>재미있게 타자와 마우스 연습을 하는 학생들을 보며 즐거웠고, 다른 선생님들께 도움이 된다는 생각에 뿌듯했습니다.</li>
+					<br/>
+					<li>혼자서 개발하는데 한계가 찾아와서 고민이 많았는데, 상황이 여의치 않아 이렇게 서비스를 종료하게 되었습니다.</li>
+					<li>그동안 초코마에를 찾아주신 선생님과 학생 여러분들께 진심으로 감사드립니다.</li>
+					<br/>
+					<li>항상 건강하시고, 앞으로도 알차고 즐거운 수업이 계속되길 희망합니다.</li>
+				</ul>
+			</p>
+		</div>
+	</div>
+	<br/>
+
+</div>
diff --git a/src/web/module/maestro_section_login.html b/src/web/module/maestro_section_login.html
index f5921c6..cda2488 100644
--- a/src/web/module/maestro_section_login.html
+++ b/src/web/module/maestro_section_login.html
@@ -126,7 +126,7 @@ function login() {
 			</div>
 		</div>
 
-		<p><a class="btn btn-primary btn-block btn-lg" role="button" href="./../main/register.html">마에스트로 가입</a>
+		<p><button class="btn btn-primary btn-block btn-lg" role="button" href="./../main/register.html" disabled>마에스트로 가입 (신규 가입 신청 중단)</button>
 
 	</div>
 
diff --git a/src/web/module/maestro_section_main.html b/src/web/module/maestro_section_main.html
index 17187ff..3538171 100644
--- a/src/web/module/maestro_section_main.html
+++ b/src/web/module/maestro_section_main.html
@@ -21,6 +21,7 @@ $(document).ready(function() {
 
 	maestroInfo.loadMaestroInfo(onLoadSuccessMaestroInfo, onLoadFailMaestroInfo);
 
+	showServiceCloseMessage();
 	/*
 	showErrorMessage(
 		"(09월 28일) 알림<br/>\
