팀프로젝트로 진행한 '방탈출 예약 및 관리'에 대한 PPT입니다.
기획동기, 개발Tool, 개발일정, 기능소개로 이루어져 있으며
포트폴리오 사이트에서 소개하고자 했던 내용을 조금 더 자세하게 보실 수 있습니다.
전체 소스코드 또한 github (https://github.com/gaZero/ProjectCode)에서 확인하실 수 있습니다.
감사합니다.
2. 1. 웹 및 모바일 기획동기
2. 개발 Tool
3. 개발일정
4. 각 페이지 별 기능소개
INDEX
3. 1. 웹 및 모바일 선정이유 및 개요
각기 다른 테마의 방 안에 갇힌 참가자가 되어
정해진 시간안에 공간을 탈출하는 체험중심의 신개념 놀이문화
SNS 및 매체 등을 통해 입소문을 타면서
‘방탈출게임’을 주제로한 TV프로그램까지 등장할정도로 유행
Escape room?
377 1700
전국 매장수 전국 테마수
4. 1. 웹 및 모바일 선정이유 및 개요
방탈출 카페 예약시
지점마다 생성된 개별 홈페이지에 직접 들어가 예약을 해야했기에
자신이 원하는 테마를 찾기 위해 여러번 개별 사이트에 접속해야 했다
얻을 수 있는 정보도 제한적이고
사용자들의 후기, 평균 별점 같은 객관적 정보도 찾아보기 힘들었다
이 불편함을 개선하기 위해
조회는 물론 예약까지 가능한 통합 웹 및 모바일 서비스 제작
javajo
6. 3. 개발일정
사용자 요구사항 명세서, 데이터 모델링. 사용자 흐름도, 상세화면 설계, SQL명세
프로젝트 완료 보고서
프로젝트 기획, 분석(요구사항 명세서),
설계(데이터모델링,화면정의서,테이블명세서,클래스명세서),구현(소스코드)
모바일
모바일 상세화면 UI 및 구현
모바일 최종발표
웹 구현 및 발표
5 24
7 10
8 3
8 10
9 17
7. 4. 각페이지별 기능소개
Modeling website
‘야놀자’ 사이트 디자인 및 기능 참조
상단바
예약, 지점소개, 로그인, 회원가입
메인페이지 예약 카테고리에서
검색조건을 충족시키면 그에맞는
검색결과 산출
10. 4. 각페이지별 기능소개
the upper part 지점소개
상단바의 지점소개 버튼 클릭시
전국의 방탈출 카페들이
한페이지에 출력됨
11. 4. 각페이지별 기능소개
the upper part 예약하기
상단바의 지점소개 버튼 클릭시
전국의 방탈출 카페들이
한페이지에 출력됨
원하는
시,도 / 지역 / 방탈출카페명으로도
검색이 가능
12. 4. 각페이지별 기능소개
the upper part 예약하기
상단바의 지점소개 버튼 클릭시
전국의 방탈출 카페들이
한페이지에 출력됨
원하는
시,도 / 지역 / 방탈출카페명으로도
검색이 가능
검색된 방탈출 카페 하단의
지점소개/ 예약하기/ 질문하기에
따라 방탈출카페의 정보를 보거나
예약 페이지 또는 게시판으로
이동가능
14. 4. 각페이지별 기능소개
the upper part 예약하기
클릭했던 지점의 정보가 자동으로
선택되며,
원하는 날짜를 선택하면 예약이 가능
15. 4. 각페이지별 기능소개
the upper part 질문하기
선택한 지점의 질문게시판으로
이어지고,
방탈출카페명과 회원들이 쓴 질문
및 관리자 답글 확인 가능
로그인했을 경우에만
글쓰기 및 읽기가 가능
16. 4. 각페이지별 기능소개
the upper part 질문하기
선택한 지점의 질문게시판으로
이어지고,
방탈출카페명과 회원들이 쓴 질문
및 관리자 답글 확인 가능
로그인했을 경우에만
글쓰기 및 읽기가 가능
글쓰기 창에서 작성자명에 아이디가
자동으로 기입되며, 제목과 내용을
입력할 수 있고 사진첨부도 가능
17. 4. 각페이지별 기능소개
the upper part 로그인
로그인 화면에서 아이디와
비밀번호입력시 로그인 가능
존재하지 않는 아이디나 비밀번호
입력시 로그인 불가능
하단의 회원가입 버튼을 누르면
바로 회원가입 화면으로 이동
18. 4. 각페이지별 기능소개
the upper part 로그인
로그인 화면에서 아이디와
비밀번호입력시 로그인 가능
존재하지 않는 아이디나 비밀번호
입력시 로그인 불가능
하단의 회원가입 버튼을 누르면
바로 회원가입 화면으로 이동
로그인 성공시 로그인성공 화면 출력
19. 4. 각페이지별 기능소개
the upper part 회원가입
회원가입 폼에
정보를 모두 입력한 후 회원가입 가능
회원가입은 일반회원과 점주회원이
나뉘어져 있으며
입력해야 하는 정보또한 상이함
20. 4. 각페이지별 기능소개 관리자
the upper part
예약하기, 지점소개, 내정보, 로그아웃
으로 구성
예약과 지점소개는 일반 사용자화면과
동일한 기능 사용가능
21. 4. 각페이지별 기능소개
the upper part
예약하기, 지점소개, 내정보, 로그아웃
으로 구성
예약과 지점소개는 일반 사용자화면과
동일한 기능 사용가능
내정보 페이지에서 예약현황,
테마관리 및 고객관리 가능
22. 4. 각페이지별 기능소개
the upper part
예약하기, 지점소개, 내정보, 로그아웃
으로 구성
예약과 지점소개는 일반 사용자화면과
동일한 기능 사용가능
내정보 페이지에서 예약현황,
테마관리 및 고객관리 가능
24. 4. 각페이지별 기능소개
the upper part 예약관리
예약관리 페이지에서 예약된 페이지는
색깔이 변하며,
색깔이 변한 페이지를 클릭시
예약자명, 인원, 전화번호, 금액 등
예약관련 정보를 확인할 수 있음
25. 4. 각페이지별 기능소개
the upper part 게시물관리
게시물관리 페이지에서는
질문자들이 올린 질문에 대해 답변
작성이 가능
관리자로 로그인 했을경우만 가능하며
관리자가 작성한 공지글은 가장 상단에
다른 색깔로 표시가 됨
26. 4. 각페이지별 기능소개
the upper part 게시물관리
게시물관리 페이지에서는
질문자들이 올린 질문에 대해 답변
작성이 가능
관리자로 로그인 했을경우만 가능하며
관리자가 작성한 공지글은 가장 상단에
다른 색깔로 표시가 됨
게시글을 클릭하면 답글을 달거나
삭제,수정이 가능
27. 4. 각페이지별 기능소개
the upper part 게시물관리
게시물관리 페이지에서는
질문자들이 올린 질문에 대해 답변
작성이 가능
관리자로 로그인 했을경우만 가능하며
관리자가 작성한 공지글은 가장 상단에
다른 색깔로 표시가 됨
게시글을 클릭하면 답글을 달거나
삭제,수정이 가능
답변작성시 작성자 칸에 관리자
아이디가 자동으로 입력되며,
답변 및 파일도 첨부 가능
28. 4. 각페이지별 기능소개
the upper part 내정보수정
정보 수정에서는
관리자 정보 수정이 가능
기존의 정보들을 모두자동으로
입력하며,
입력한 비밀번호와 비밀번호 확인이
불일치할경우 변경불가
29. 4. 각페이지별 기능소개
the upper part 테마 관리
관리자의 지점에 등록된 테마들을
확인하고 수정 및 삭제가 가능하며
30. 4. 각페이지별 기능소개
the upper part 테마 관리
관리자의 지점에 등록된 테마들을
확인하고 수정 및 삭제가 가능하며
수정 버튼을 누르면
원하는 내용을 입력한 뒤 수정 가능
32. 4. 각페이지별 기능소개 모바일
사용자 편의성을 위해 배달의민족 app 참조
방탈출카페 사이트에 각각 접속해서 예약해야 했던 불편함을 해소
소비자들이 방탈출카페 선정시에 가장 우선시하는
‘장르’선택을 중점으로 두고 디자인
장르-테마-예약 순서로 진행
장르 선택 후 각 테마에 맞는 위치와 테마소개글 및 난이도가
별점으로 표기되어있어 자신에게 맞는 테마를 더 잘 선택할 수 있게 함
내위치 가져오기
소비자의 위치를 자동으로 가져와 주변의 방탈출 카페를 소개해
더 편리한 예약시스템을 제공
33. 4. 각페이지별 기능소개
사용자 편의성을 위해 배달의민족 app 참고
방탈출카페 사이트에 각각 접속해서 예약해야 했던 불편함을 해소
소비자들이 방탈출카페 선정시에 가장 우선시하는
‘장르’선택을 중점으로 두고 디자인
장르-테마-예약 순서로 진행
장르 선택 후 각 테마에 맞는 위치와 테마소개글 및 난이도가
별점으로 표기되어있어 자신에게 맞는 테마를 더 잘 선택할 수 있게 함
내위치 가져오기
소비자의 위치를 자동으로 가져와 주변의 방탈출 카페를 소개해
더 편리한 예약시스템을 제공