Download - 330 booking system
![Page 1: 330 booking system](https://reader034.vdocuments.site/reader034/viewer/2022051521/5a6535677f8b9a5b558b53a5/html5/thumbnails/1.jpg)
330 예약 시스템
![Page 2: 330 booking system](https://reader034.vdocuments.site/reader034/viewer/2022051521/5a6535677f8b9a5b558b53a5/html5/thumbnails/2.jpg)
목적
![Page 3: 330 booking system](https://reader034.vdocuments.site/reader034/viewer/2022051521/5a6535677f8b9a5b558b53a5/html5/thumbnails/3.jpg)
목적
XE 보드로 만들어진 게시판 기능을 그대로 이용한 시스템
로그인 없이 예약가능
예약된 자리를 이용자가 알아서 피해 예약해야함
게시판 소유자가 군대감
기존 시스템
http://jaehyeok.kr/xe/d330_board
![Page 4: 330 booking system](https://reader034.vdocuments.site/reader034/viewer/2022051521/5a6535677f8b9a5b558b53a5/html5/thumbnails/4.jpg)
목적
• 로그인 없음
• 같은 이용자가 이름만 바꿔서 여러 자리를 예약할 수가 있음
• 이전 사용자가 누구인지 정확히 파악이 어려움
• 이용자가 알아서 이미 예약된 자리를 피해 예약 해야함.
• 동시 예약에 대한 예방책 전무
• 게시판 소유자가 군대감
• 관리자가 있지만, 군대 간 게시판 소유자의 불찰로 홈페이지가 불시에
닫힐 수도 있음
기존 시스템 문제점
![Page 5: 330 booking system](https://reader034.vdocuments.site/reader034/viewer/2022051521/5a6535677f8b9a5b558b53a5/html5/thumbnails/5.jpg)
목적
• 로그인 도입
• 학교의 허술한 로그인 API를 이용한 로그인으로 실제 이용자가
누구인지 확인 할 수 있음.
• 동시 예약에 대한 예방 수립
• 프론트엔드와 백엔드의 이중 예방책을 수립하여 동시 예약을 방지함.
• 학회에 의한 직접 관리
• 완성된 서비스는 학회에 인계하여, 관리 및 유지보수가 될 수 있도록 함.
개선 방향
![Page 6: 330 booking system](https://reader034.vdocuments.site/reader034/viewer/2022051521/5a6535677f8b9a5b558b53a5/html5/thumbnails/6.jpg)
주요 기능
![Page 7: 330 booking system](https://reader034.vdocuments.site/reader034/viewer/2022051521/5a6535677f8b9a5b558b53a5/html5/thumbnails/7.jpg)
주요 기능
이미 예매된 좌석은 회색으로 변하는 등 선택할 수 없게 변함
시간, 인원을 선택하고 화면을 전환 후 좌석을 선택하는 경우도 있음.
예약 기능 (기존 시스템 분석)
![Page 8: 330 booking system](https://reader034.vdocuments.site/reader034/viewer/2022051521/5a6535677f8b9a5b558b53a5/html5/thumbnails/8.jpg)
주요 기능
이미 예약된 좌석은 선택할 수 없고, 예약자의 이름이 나타남
예약 하고 싶은 장소의 시간을 선택하면 화면이 전환됨
선택한 시간을 시작시간으로 몇시간 이용할지 선택함
예약 기능 (기존 시스템 분석)
![Page 9: 330 booking system](https://reader034.vdocuments.site/reader034/viewer/2022051521/5a6535677f8b9a5b558b53a5/html5/thumbnails/9.jpg)
주요 기능
예약된 장소가 몇시간 동안 사용이 되고, 유휴 시간은 언제인지 볼 수 있음.
예약 현황(기존 시스템 분석)
![Page 10: 330 booking system](https://reader034.vdocuments.site/reader034/viewer/2022051521/5a6535677f8b9a5b558b53a5/html5/thumbnails/10.jpg)
주요 기능
현재 330 관리에 대한 문제를 인식하고 있지만 대안이 없음.
이전 사용자가 정돈 하지 않은 채 사용을 종료했을 경우
다음 사용자가 정돈 되지 않은 자리를 관리자에게 신고 할 수 있음.
신고 기능
![Page 11: 330 booking system](https://reader034.vdocuments.site/reader034/viewer/2022051521/5a6535677f8b9a5b558b53a5/html5/thumbnails/11.jpg)
사용 언어
![Page 12: 330 booking system](https://reader034.vdocuments.site/reader034/viewer/2022051521/5a6535677f8b9a5b558b53a5/html5/thumbnails/12.jpg)
사용 언어
Angular 4.x를 기본적으로 이용할 예정
Typescript와 rxjs 5는 Angular 내장 언어
추가적으로 css의 확장인 scss를 이용하여 페이지를 꾸밀 예정
프론트엔드
![Page 13: 330 booking system](https://reader034.vdocuments.site/reader034/viewer/2022051521/5a6535677f8b9a5b558b53a5/html5/thumbnails/13.jpg)
사용 언어
Nodejs와 express를 이용해 Restful API를 구성할 예정
백엔드
![Page 14: 330 booking system](https://reader034.vdocuments.site/reader034/viewer/2022051521/5a6535677f8b9a5b558b53a5/html5/thumbnails/14.jpg)
사용 언어
러닝 커브
프론트엔드 백엔드
![Page 15: 330 booking system](https://reader034.vdocuments.site/reader034/viewer/2022051521/5a6535677f8b9a5b558b53a5/html5/thumbnails/15.jpg)
![Page 16: 330 booking system](https://reader034.vdocuments.site/reader034/viewer/2022051521/5a6535677f8b9a5b558b53a5/html5/thumbnails/16.jpg)