16
330 예약 시스템

330 booking system

  • Upload
    -

  • View
    29

  • Download
    1

Embed Size (px)

Citation preview

Page 1: 330 booking system

330 예약 시스템

Page 2: 330 booking system

목적

Page 3: 330 booking system

목적

XE 보드로 만들어진 게시판 기능을 그대로 이용한 시스템

로그인 없이 예약가능

예약된 자리를 이용자가 알아서 피해 예약해야함

게시판 소유자가 군대감

기존 시스템

http://jaehyeok.kr/xe/d330_board

Page 4: 330 booking system

목적

• 로그인 없음

• 같은 이용자가 이름만 바꿔서 여러 자리를 예약할 수가 있음

• 이전 사용자가 누구인지 정확히 파악이 어려움

• 이용자가 알아서 이미 예약된 자리를 피해 예약 해야함.

• 동시 예약에 대한 예방책 전무

• 게시판 소유자가 군대감

• 관리자가 있지만, 군대 간 게시판 소유자의 불찰로 홈페이지가 불시에

닫힐 수도 있음

기존 시스템 문제점

Page 5: 330 booking system

목적

• 로그인 도입

• 학교의 허술한 로그인 API를 이용한 로그인으로 실제 이용자가

누구인지 확인 할 수 있음.

• 동시 예약에 대한 예방 수립

• 프론트엔드와 백엔드의 이중 예방책을 수립하여 동시 예약을 방지함.

• 학회에 의한 직접 관리

• 완성된 서비스는 학회에 인계하여, 관리 및 유지보수가 될 수 있도록 함.

개선 방향

Page 6: 330 booking system

주요 기능

Page 7: 330 booking system

주요 기능

이미 예매된 좌석은 회색으로 변하는 등 선택할 수 없게 변함

시간, 인원을 선택하고 화면을 전환 후 좌석을 선택하는 경우도 있음.

예약 기능 (기존 시스템 분석)

Page 8: 330 booking system

주요 기능

이미 예약된 좌석은 선택할 수 없고, 예약자의 이름이 나타남

예약 하고 싶은 장소의 시간을 선택하면 화면이 전환됨

선택한 시간을 시작시간으로 몇시간 이용할지 선택함

예약 기능 (기존 시스템 분석)

Page 9: 330 booking system

주요 기능

예약된 장소가 몇시간 동안 사용이 되고, 유휴 시간은 언제인지 볼 수 있음.

예약 현황(기존 시스템 분석)

Page 10: 330 booking system

주요 기능

현재 330 관리에 대한 문제를 인식하고 있지만 대안이 없음.

이전 사용자가 정돈 하지 않은 채 사용을 종료했을 경우

다음 사용자가 정돈 되지 않은 자리를 관리자에게 신고 할 수 있음.

신고 기능

Page 11: 330 booking system

사용 언어

Page 12: 330 booking system

사용 언어

Angular 4.x를 기본적으로 이용할 예정

Typescript와 rxjs 5는 Angular 내장 언어

추가적으로 css의 확장인 scss를 이용하여 페이지를 꾸밀 예정

프론트엔드

Page 13: 330 booking system

사용 언어

Nodejs와 express를 이용해 Restful API를 구성할 예정

백엔드

Page 14: 330 booking system

사용 언어

러닝 커브

프론트엔드 백엔드

Page 15: 330 booking system
Page 16: 330 booking system