영화보조(4SUM) 프로젝트
KH정보교육원
2022.11.01 14:11
4SUM (디지털컨버전스)자바(JAVA)기반 클라우드 융합 개발자 과정A2 1회차 | |
|---|---|
| 팀장/팀원 | 임**(팀장) : 예매, 좌석, 결제 - UI 구현 예매 - 등록되어 있는 영화(영화 목록 연동 Swiper-slide 라이브러리 활용) & 영화관 선택(영화관 목록 연동), 날짜 & 시간 선택 구현 좌석 - 좌석 선택(체크박스) 구현 결제 - iamport api를 활용한 카카오페이 간편결제 연동, iamport 관리자 페이지 결제내역 연동. 결제 완료 시 티켓 페이지에서 선택된 영화, 영화관, 날짜, 시간, 좌석, 결제내역 표기 |
| 김** : 공지사항, 고객센터(1:1문의) - UI 구현 고객센터 - 문의 제목, 작성자(로그인 회원), 문의 내용 등록 기능 구현 | |
| 김** : 관리자페이지 - UI 구현 관리자 대시보드 - 회원목록, 1:1 문의, 영화 등록, 영화관 등록, 상영시간 등록, 공지사항 등록 페이지 UI 구현 및 기능 구현 회원목록 - 관리자, 일반회원, 탈퇴회원 직관적으로 구분 가능한 icon 표기, 회원 권한 변경(관리자 승격), 탈퇴 기능 구현 1:1 문의 - 회원이 작성한 문의내역 리스트, 답변(답변 시 답변상태 변경("답변완료")) 가능한 등록 기능 구현 영화 - 영화 정보 입력, 포스터 업로드(파일 업로드), summer-note 활용한 텍스트 입력 가능한 등록 기능 구현 영화관 - 영화관 정보 입력, 영화관 사진 업로드(파일 업로드), kakaoapi 활용 x,y 좌표값으로 지도 위치 표기, summer-note 활용한 텍스트 입력 가능한 등 기록 기능 구현 상영시간 - 영화관, 영화, 상영날짜, 종영날짜, 상영시간 입력 및 등록 기능 구현 공지사항 - 공지사항 게시글 등록, 수정, 삭제 기능 구현 | |
| 유** : 메인페이지, 영화, 영화관, 커뮤니티 - Main UI 구현 메인페이지 - 배너 등록(Swiper-slide 라이브러리 활용), 현재 상영작, 상영 예정작 TOP4 순위 구현, 영화진흥위원회 영화 순위 API 연동으로 순위, 누적 관객수 구현 영화 - 영화 등록, 영화 목록 (현재 상영작, 상영 예정작, 연령제한, 나의 추천영화(추천 영화는 로그인 시 노출)) 영화관 - 영화관 등록, 영화관 상세 페이지 (kakao map api 활용 위치, 주차안내) 커뮤니티 - 공지사항, 이벤트, 1:1문의 이용 가능한 페이지 연결 | |
| 정** : 로그인/ 회원가입 - UI 구현 회원가입 - id, email, phone 중복 허용되지 않도록 기능 구현, 중복확인이 완료되어야 회원가입 가능 기능 구현 로그인 - 등록되어 있는 회원 로그인 기능 구현 아이디찾기 - 등록되어 있는 회원 name, date, email, phone 모두 일치하면 아이디 노출 기능 구현 비밀번호 찾기 - 회원가입 시 입력한 회원 id, name, date, email, phone 모두 일치하면 비밀번호 1234로 초기화 기능 구현 | |
| 정** : Header, Footer, 마이페이지, 영화 상세페이지 - UI 구현 영화 상세페이지 - 영화 예매 클릭 시 예매 페이지 연동, 영화 평점,댓글 등록 기능 구현 (별점 등록 기능, 평균 총점/ 참여자로 계산), 예매율 기능 구현(전체 영화 예매수/ 해당 영화 예매수로 계산), 예고편 클릭 시 영상 재생, 비회원 접근 시 댓글 작성 버튼 비노출 기능 구현 마이페이지 - 개인정보수정, 나의 무비로드, 나의 한줄평, 나의 문의내역, 나의 포인트, 예매확인/ 취소 페이지 구현 및 기능 구현 개인정보수정 - 비밀번호 입력 시 수정페이지 정상 접근(오입력 시 알림창 출력), email, phone 중복 검사 완료 후 회원 정보 수정 기능 구현 나의 한줄평 - 영화 상세페이지에서 작성한 댓글 리스트 연동, 작성한 회원이 로그인 회원 동일 시 댓글 삭제 기능 구현 나의 문의내역 - 고객센터(1:1문의)에서 작성한 게시글 리스트 연동, 관리자가 문의내역 답변 시(게시글 수정) 답변 상태 '답변완료' 변경 기능 구현 예매확인/ 취소 - 회원이 예매한 티켓 리스트 연동, 예매 번호로 예매티켓 접근 가능, 예매한 회원이 로그인 회원 동일 시 예매취소 기능 구현 관리자 페이지 - 공지사항 등록 기능 구현(파일 첨부 기능, 조회수 새로고침 방지) | |
| 개요 | 프로젝트 명 : 영화보조(4SUM) 프로젝트 기간 : 2022.08.16 ~ 2022.10.31 목적 : 대표적인 3사 브랜드(MEGABOX, CGV, LOTTE CINEMA)의 웹사이트를 이해하고 벤치마킹하여 현업에서 사용하는 프로세스를 경험해보고자 개발하게 되었습니다. |
| 구현기능 | 메인페이지 - 현재 상영작, 상영 예정작 배너 등록 - 현재 상영작, 상영 예정작 TOP4 순위 노출, 영진위 API 누적관객수 연동 - 커뮤니티 페이지 연결 (공지사항, 이벤트, 1:1문의) 로그인, 회원가입 - 회원 로그인, 로그아웃 - 회원가입 가입정보 중복확인 마이페이지 - 개인정보수정, 예매내역확인/ 취소, 나의한줄평(댓글), 나의문의내역, 나의포인트(회원포인트), 나의무비로드 게시글 기능 영화예매, 결제 - 영화, 영화관, 날짜, 시간, 좌석 선택, 결제 (iamport API kakaopay) 관리자 페이지 - 회원목록 (권한 설정, 탈퇴) - 영화, 영화관, 상영시간, 공지사항, 고객센터 (1:1문의) 게시글 등록, 수정, 삭제 |
| 설계의 주안점 | 사용자의 접근성을 위해 인터페이스를 직관적이고 심플하게 구현 회원, 비회원 별 접근 가능한 페이지를 구분해 필요한 기능을 이용할 수 있도록 설계 |
| 사용기술 및 개발환경 | 1. FrontEnd : HTML5/ CSS/ JavaScript/ jQuery 2. BackEnd : Java/ JSP/ SpringFrameWork 3. OS : Window10 4. Library : Oracle JDBC/ JSTL/ JSON/ GSON/ Swiper-slide/ SummerNote 5. API : 영화진흥위원회 API/ KAKAO MAP API/ IamPort 결제 API 6. SERVER : Tomcat 7. DataBase : Oracle 8. CI : GitHub/ Oracle Cloud/ SourceTree 9. IDE : Spring Tool Suite 3/ Visual Studio 10. Document : Google Drive/ Power Point |
 | |
목록으로 
댓글쓰기 
0 
