MIACC 2022 학생/청년 여름 수련회 웹페이지 요구사항

https://github.com/Kloong1/miacc_youth_2022_summer_retreat

GitHub - Kloong1/miacc_youth_2022_summer_retreat: 미아중앙교회 2022 여름 수련회에 사용될 웹 어플리케이션

 

0. 들어가며

 코로나가 아직도 끝나지 않은 2022년 여름. 재개발로 인한 교회 재건축과 코로나의 여파가 겹쳐서, 올해 교회 여름 수련회는 당일치기로 진행하게 되었다. 현재 우리 교회가 쓰고 있는 공간은 임시로 빌린 공간이라 수련회를 진행하기에는 너무 좁았고, 외부에서 프로그램을 진행하는 방법밖에 없었다. 결국 런닝맨처럼 미션을 수행하는 방식의 수련회를 하기로 했는데, 문제는 런닝맨이 방영을 시작한지 벌써 12년째가 되어가고 있는 만큼 미션을 수행하는 방식의 수련회도 식상할대로 식상해져 버렸다는 것이다.

 그래서 내가 최근에 공부하고 있는 스프링을 사용해서, 런닝맨보다는 방탈출에 가까운 방식으로 수련회를 진행하기로 했다. 기존 런닝맨 방식의 수련회는 특정 장소로 가서 사진을 찍고, 미션 수행을 하고, 다시 장소를 옮기고, 미션을 수행하고, 의 반복이었다. 한 여름에 이런 방식의 수련회를 진행하기에는 어려움이 많았다. 따라서 미션 장소를 한 곳으로 고정하고, 방탈출처럼 특정 장소 안에서 암호를 푸는 방식을 채택하기로 했다.

 그리고 방탈출의 컨셉을 살리기 위해 세계관과 스토리를 짜고, 스토리와 미션을 영상과 웹페이지를 통해 전달함으로써 몰입도를 높이고, 참가자들이 자연스럽게 미션을 수행할 수 있게 만들었다. 이렇게 되면 기존 런닝맨 방식 수련회의 단점인 특정한 목적 없이 미션을 위한 미션이 반복되는 문제를 해결할 수 있게 된다.

 아무튼 미션 수행에 꼭 필요한 웹페이지를 내가 개발해보겠다고 했고, 어려운 웹 앱은 아니지만 기록으로 남기면 더 좋을 것 같아서 이렇게 글을 쓰게 되었다.

1. 요구사항

 아주 단순한 형태의 웹 앱이기 때문에 요구사항이 많지는 않다. 미션 페이지에서 텍스트와 영상으로 미션 내용을 확인할 수 있고, 미션을 수행하면 얻을 수 있는 암호를 Form에 입력하면 다음 미션 페이지로 이동할 수 있기만 하면 된다. 그래도 이왕 개발하는 거 완성도를 높이기 위해서 스스로 몇가지 요구사항을 추가했다.

a) 요구사항

• 첫 페이지에는 스토리와 미션 진행 방식에 대한 대략적인 내용이 있어야 한다. 그리고 각 스톤에 대한 미션이 시작되는 페이지로 이동할 수 있는 링크가 존재해야 한다.
• 각 미션 페이지에는 암호를 입력하는 곳이 존재한다. 미션을 해결해서 알아낸 암호를 입력하면 다음 미션 페이지로 이동할 수 있다.
• 잘못된 암호를 입력했을 경우, 혹은 미션 페이지의 URL을 직접 입력했을 경우에는 미션 페이지로 접속이 불가능하다.
• 방탈출 컨셉을 더욱 살려서 몰입도를 높이기 위해 웹페이지의 디자인적 요소도 신경써야 한다.

b) 기술적 요구사항

• 코드 내부에 미션에 대한 암호가 어떤 형태로도 존재해서는 안된다.
• 미션의 암호를 평문 형태로 서버에 전송해도 상관 없다. 각 팀마다 서로 다른 미션을 진행하기 때문.
• 미션 암호는 HTML Form 방식으로 전송한다.
• 미션의 암호를 입력할 때마다 Slack 또는 Discord로 로그를 전송한다.
  • 로그의 내용은 다음과 같다.
  • <팀(스톤) - 미션 번호 - 입력한 암호 - 성공 여부>