스튜디오 앙상블
프로젝트 발표날짜 : 2021. 08. 19
KH IEI PROJECT
멍때리냥
(디지털컨버전스) UI/UX 웹 콘텐츠 융합 응용SW 개발자 양성과정 [종로지원]
| 팀장/팀원 | 김**(팀장) : 공지사항, 리뷰, 1:1문의, FAQ 게시판 등 |
|---|---|
| 이** : 메인페이지, 소개페이지, 관리자(상품/매출현황/회원조회), 상품페이지 등 | |
| 이** : 관리자(예약), 예약하기, 예약조회 등 | |
| 최** : 로그인(일반/소셜), 회원가입, 아이디/비밀번호찾기, 회원탈퇴, 회원정보수정, 비밀번호변경 등 | |
| 개요 | 반려동물과의 다시 오지 않을 소중한 순간을 추억으로 남길 수 있는 스튜디오 대여 서비스로 기존의 스튜디오 대여 사이트의 불편함을 해소하는 편리한 예약 시스템과, 다양한 컨셉의 스튜디오를 제공한다. |
| 구현기능 | 구현기능 1. 회원서비스 - 로그인 1) 일반로그인/소셜로그인 2) 유효성검사 3) 비밀번호 암호화 - 회원가입 1) 유효성검사 2) 이용약관 - 아이디/비밀번호찾기 1) 닉네임/이메일 비교하여 아이디 앞자리만 보여주기 2) 임시비밀번호 생성하여 이메일로 발송 - 로그아웃 2. 메인페이지 - 소개, 상품 등 각 게시판으로 연결 - 상품 미리보기 기능 - 공지사항 미리보기 기능 3. 마이페이지 - 회원정보수정 1) 프로필사진 수정 기능 - 비밀번호변경 - 회원탈퇴 - 반려동물 추가, 수정, 삭제 - 예약현황 조회 4. 공지사항/FAQ/1:1/리뷰 - 게시글 기본 기능 1) 작성, 수정 summerNote API를 이용하여 원하는 형태의 text작업 환경 구성 image 첨부시 ajax로 server에 자동 저장 / 작성완료시 DB에 저장 2) 삭제 연관된 댓글/첨부파일 등의 DB 삭제 후 해당 게시글 삭제 spring에서 @Schedule를 이용해 주기적으로 불필요한 첨부파일 삭제 - 게시글 추가기능 1) 댓글 작성, 수정, 수정취소 등 진행시 ajax로 DB 연결하여 화면전환 없는 댓글변화 2) 좋아요 open Source(CSS)를 활용하여 ajax로 DB 연결, 좋아요 상태 반영 3) 페이지네이션 java layer에서 간단한 math를 이용하여 화면에 표현할 페이지수와 목록을 계산하여 표현함 한 화면에 표현한 페이지 : Notice(3개), Review(6개), 1:1&FAQ(10개) 목록 : 10개씩으로 통일 4) 검색 검색조건/검색값에 따른 검색기능 5. 예약서비스 - 예약하기 페이지 1)날짜와 스튜디오 선택시 예약가능한 스튜디오만 선택되게 구현 2) Date Picker를 통한 날짜 정보 입력 3) 옵션과 스튜디오에 따른 가격 변경 - 예약현황 페이지 1) Fullcalendar를 통한 예약 가능 여부 확인 2) 일간, 주간, 월간 스케쥴 구분 조회 가능 - 예약내역 페이지 1) 주문번호에 따른 예약내역 상세 조회 2) 페이징 처리를 통한 다량의 예약 내역 간편 조회 6. 상품페이지 - 디비와 연동 - 관리자페이지에서 추가/수정/삭제 가능 - 메인 사진 캐러셀 - 갤러리 사진 확대 기능 - 정상가, 할인율, 할인가 적용 - 리뷰 전체 게시글 수 조회, 최근 리뷰 목록 조회 7. 관리자페이지 - 대시보드 1) 예약 관리 2) 매출 현황 - 상품관리 1) 상품 추가 2) 상품 수정 3) 상품 삭제 4) 상품 노출 상태 변경 - 관리자 예약관리 1) 모든 회원에 대한 주문내역 확인 가능 2) 예약 상태 변경 버튼을 통한 간편한 예약 상태 변경 - 관리자 예약수정 1) 기존 예약정보를 불러와서 상세 조회 가능 2) 날짜와 스튜디오 선택시 예약가능한 스튜디오만 선택되게 구현 3) Date Picker를 통한 날짜 정보 입력 4) 옵션과 스튜디오에 따른 가격 변경 - 매출현황 1) 전체 예약 건수 조회 2) 일별 예약 건수 조회 - 회원관리 1) 가장 최근에 등록한 회원 순으로 조회 2) 회원 번호, 아이디, 이메일, 닉네임, 휴대전화, 회원 상태 조회 |
| 설계의 주안점 | 1. 소셜로그인(네이버) 기능 통한 간편 로그인 구현 2. 관리자페이지에서 상품관리가 가능하도록 구현 3. 기본 기능에 추가되는 (댓글, 좋아요, 글 작성시 image 반영(서버/DB)) - Ajax 비동기화로 댓글/좋아요 기능 구현 - summerNote API를 이용, style bar 수정 + image 서버/DB에 저장&삭제관리 4. Full Calendar API를 이용하여 예약현황 조회 기능 구현 |
| 사용기술 및 개발환경 |
Windows OS, Eclipse, Spring Framework, SQL developer, MyBatis, Visual Studio Code, Apache Tomcat 8.5, Java, Servlet, HTML5, css, Javascript, jQuery, GSON, Ajax, JSP, JSTL, Bootstrap, SweetAlert, github, ERDCloud, google drive, summerNote API, Full Calendar API, DatePicker, GoogleMap API, NaverLogin API, 오픈소스CSS |
|
|
이전글이전글이 없습니다.
다음글다음글이 없습니다.
③ 제1항에 따른 권리 행사는 정보주체의 법정대리인이나 위임을 받은 자 등 대리인을 통하여 하실 수 있습니다. 이 경우 개인정보보호법 시행규칙 별지 제11호 서식에 따른 위임장을 제출하셔야 합니다.
④ 개인정보 열람 및 처리정지 요구는 개인정보 보호법 제35조 제4항, 제37조 제2항에 의하여 정보주체의 권리가 제한 될 수 있습니다.
⑤ 개인정보의 정정 및 삭제 요구는 다른 법령에서 그 개인정보가 수집 대상으로 명시되어 있는 경우에는 그 삭제를 요구할 수 없습니다.
⑥ KH정보교육원은 정보주체 권리에 따른 열람의 요구, 정정·삭제의 요구, 처리정지의 요구 시 열람 등 요구를 한 자가 본인이거나 정당한 대리인인지를 확인합니다.
