BUDDY
프로젝트 발표날짜 : 2022. 12. 22
(스마트웹&콘텐츠개발)반응형 UI/UX 웹콘텐츠 개발자 양성과정C 1회차
팀장/팀원 | 송**(팀장) : 병원, 병원 질문정보 게시판 |
---|---|
김** : 메인, 커뮤니티 게시판 | |
김** : 데이트, 마이페이지 | |
백** : 유저(회원관리), 쇼핑 | |
홍** : 입양, 회계 | |
김** : 공지사항 | |
개요 | 반려동물에 관한 관심과 유기 등이 증가함에 따라 동물에 관해 하나로 통합하여 이용할 수 있는 홈페이지 신설 |
구현기능 | 메인 - 슬라이드 - 게시판 최신글, 인기글 목록 조회 회원 - 로그인, 로그아웃, 회원가입 쇼핑 - 상품 수입, 리뷰 등록, (관리자) 상품 등록 및 삭제 커뮤니티 - 게시글 CRUD, 페이징, 검색, 카테고리별 필터링, 이미지 파일 첨부, 다운로드, 댓글, 좋아요 데이트 - 게시글 CRUD, 페이징, 검색, 카테고리별 필터링, 이미지 파일 첨부, 다운로드,댓글, 좋아요, 장소 검색, 이전글 다음글 마이페이지 - 회원 정보 수정, 1:1 문의 내역 확인, 회원 탈퇴 1:1문의 - 관리자에게 문의 내용 작성 병원 - 서울시 동물병원 인허가 정보API를 사용한 동물병원 정보 등록, 병원 정보 관리 (CRUD), 병원 목록 페이징, 이미지 첨부 및 수정 - 별점 평가, 병원 리뷰(조회, 등록, 삭제, 좋아요), 리뷰 최신순/ 좋아요 순 정렬 - 지역 또는 병원 이름으로 동물병원 검색, 24시간 운영 병원 필터링, 해당 요일의 진료시간 표시, 별점 높은 순/리뷰 많은 순 병원 목록 정렬 - 관심병원 지정, 관심병원 모아보기 - 다음 지도 API를 이용한 병원 위치 표시, SNS링크 공유 병원 질문정보 게시판 - 게시글 CRUD, 게시판 페이징, 이미지 첨부, 첨부파일 다운로드, 게시글 좋아요 - 사용자 프로필 사진을 포함한 댓글 목록 조회, 댓글 CRUD, 대댓글 - 동물(강아지, 고양이), 글 카테고리 별로 게시글 필터링, 최신순/ 인기순 정렬, 게시글 검색, 공지 게시글 상단 고정 입양 - 입양 프로필 : 등록(다중이미지,미리보기,필수/ 유효성 검사)/ 수정/ 삭제[관리자], 프로필 목록, 프로필 상세보기, 카테고리(입양완료상태는 컬러변경 및 버튼 비활), 카테고리 별 페이징, 찜[로그인], 기억한아이(찜)페이지[로그인], 입양하기(신청서이동), 댓글 등록/ 수정/ 삭제[로그인], 댓글 정렬, 공유 , 페이지 경로 메뉴 표시, 조회 수, 댓글 수, 이전/ 이후 페이지 이동, 버튼들 hover시 컬러변경 - 입양 신청서 : 등록(다중이미지, 미리보기, 필수/ 유효성 검사), 신청서 목록, 신규신청서 확인(아이콘), 신청서류 상태별 컬러변경, 신청서 상세보기 서류상태 버튼(상태에 따라 버튼 컬러/ 클릭 시 상태 변경) 회계 - 회계 보고 : 등록(파일,제목 미 입력 시 제목없음)/ 수정/ 삭제[관리자], 회계 보고 목록, 파일첨부 표시(아이콘), 파일 다운, 공유, 검색(keyup 동적), 검색어 별 페이징, 페이지 경로 메뉴표시 |
설계의 주안점 | - 반려동물에 관련한 서비스들을 통합적으로 제공해 이용자들이 서비스를 편하게 이용할 수 있도록 설계 - 목적별로 페이지를 구분해 필요한 기능을 쉽게 이용할 수 있도록 설계 - 인터페이스를 직관적이고 심플하게 구현 - 유지 보수 용이 및 확장성 있는 코드 구현 |
사용기술 및 개발환경 |
사용 언어: JAVA, JavaScript, CSS, HTML, JSP 웹프레임워크 : Spring, myBatis jQuery, Ajax 웹 서버 : Apach Tomcat 9 데이터베이스 : ORACLE DB, SQL Developer 통합개발환경 : Eclipse, STS 버전관리 도구 : GIT HUB 사용 API : 카카오 지도API, 다음 API, 서울시 동물병원 인허가 정보API OS : Windows |