
KH IEI PROJECT
(스마트웹&콘텐츠개발)자바기반 반응형 UI/UX 웹 콘텐츠 개발자 양성과정(스마트혼합)(2) 1회차
박신우 강사 / 이호정 취업담임
2023. 05. 26 (301)
1 팀
책마루
| 팀장/팀원 |
박**(팀장), 우**, 왕**, 장**, 김**
|
| 개요 |
직관적 UI로 사용자의 편의성을 강조한 “책마루 도서관” 웹사이트입니다. 기존 도서관 사이트에서 제공하지 않는 대여 도서 리뷰 기능 뿐만 아니라, 도서에 대한 접근성을 높여 사람과 책 사이의 소통을 원활케 하고자 하였습니다. |
| 구현기능 |
회원 - 로컬 로그인 - 소셜 로그인 API - 회원 가입 - SMS API - 아이디 찾기 - 비밀번호 찾기 - 회원 정보 조회 및 수정 - 로그아웃 및 회원 탈퇴
도서실 - 도서 추천 - 도서 검색 - 도서 대여 - 도서 반납 - 찜 기능 - 희망 도서 신청
이용 안내 - 시설 안내 - 위치 안내 - 운영 시간 안내 - 자주 묻는 질문
게시판 - 공지사항 - 교육/문화 프로그램 - 문의사항
리뷰 - 리뷰 작성/수정/삭제 - 별점 기능
마이 페이지 - 내 정보 수정 - 내 서재 - 찜한 도서 목록 - 작성 글/댓글 확인
관리자 페이지 - 도서 관리 - 도서 API - 희망 도서 관리 - 관리자 관리 - 리뷰 관리 - 공지사항 관리 - 자주 묻는 질문 관리 - 이용자 관리 |
| 설계의 주안점 |
1. 사이트 활용도를 높이기 위한 직관적인 UI 2. 도서와 회원 간 소통이 중심이 되는 사이트 3. 리뷰, 찜하기, 별점과 같은 참여도 향상 기능 4. 다방면 API 활용으로 사용자의 편의성 개선 |
2 팀
샘세미
| 팀장/팀원 |
이**(팀장), 김**, 박**, 용**, 윤**, 최**
|
| 개요 |
코로나19로 인한 거리두기 규제가 시작되면서 여가시간이 증가하고 이에 따라 온라인으로 취미 생활을 찾으려는 수요가 증가하였다. 이용자가 ‘나’의 취미와 취향에 대해 몰입함과 동시에 타인과 취미를 공유하며 직접 소통하는 것에 대한 현대인의 니즈를 충족시킬 수 있는 소셜 모임 웹사이트를 개발하고자 한다. |
| 구현기능 |
1. 회원 로컬 회원가입, 로그인 2. 회원 각자의 취미를 공유할 수 있는 취미 게시판 3. 다른 이용자와 소통할 수 있도록 하는 모임 게시판 4. 각자의 취미 생활에 맞는 커미션 서비스를 이용할 수 있는 마켓 게시판 5. gorri 관리자 게시판 6. 사이트 전체적인 개요를 볼 수 있는 메인 페이지 등 |
| 설계의 주안점 |
- 카테고리와 검색 기능을 이용해 사용자의 취미와 취향에 맞는 서비스 제공 - 사용자가 자신의 취미를 공유하고 다른 사람들과 소통할 수 있는 기능 제공 - 같은 취미를 가진 사용자들이 모임을 개설하여 서로 소통하도록 하는 모임의 장 제공 - 관리자 계정으로 웹페이지 내 커뮤니티 활동을 원활하게 관리 및 운영 - 회원 간 거래 기능으로 커뮤니티 기능 확대 |
3 팀
PfF
| 팀장/팀원 |
문**(팀장), 이**, 김**, 유**, 문**
|
| 개요 |
Passion for Fashion 쇼핑몰은 기존 널리 알려진 무신사 사이트의 복잡하고 불편한 UI를 개선하고자 간편한 핵심 기능만으로 개발된 온라인 쇼핑몰입니다. 컴퓨터에 익숙하지 않은 세대도 편하게 원하는 기능을 찾을 수 있게 끔 간편한 UI를 제공하여 보다 편리한 쇼핑 경험을 제공할 것입니다. |
| 구현기능 |
카카오 로그인 : 카카오 로그인 API를 활용하여 사용자 인증 및 정보 요청을 처리 후 카카오 계정으로 로그인할 수 있도록 합니다.
일반 회원 로그인 : 사용자가 아이디, 비밀번호를 사용하여 로그인할 수 있도록 합니다.
계정 찾기 : 사용자가 잊어버린 계정 정보를 이메일 인증을 통해 검색할 수 있도록 합니다.
회원가입 : 사용자가 필요한 정보(아이디, 비밀번호, 이메일 등), 이메일 인증을 받은 후 주소지는 카카오 맵을 이용하여 입력하고 유효성 검사를 마치면 회원가입을 처리합니다.
마이페이지 : 사용자가 자신의 정보와 주문 내역을 확인할 수 있도록 합니다.
회원정보수정 : 사용자가 자신의 회원정보를 업데이트할 수 있도록 합니다.
회원탈퇴 : 사용자가 회원탈퇴를 요청할 수 있도록 합니다.
장바구니 : 상품을 장바구니에 담을 수 있도록 합니다.
제품 카탈로그: 다양한 패션 아이템을 포함한 제품 카탈로그를 제공하여 고객들이 원하는 제품을 쉽게 찾을 수 있도록 합니다. 대분류나 소분류로 필터링하여 페이지 별로 조회합니다.
상품 상세 보기 : 제품 카탈로그에서 선택한 상품에 대한 상세정보를 확인할 수 있도록 합니다.
결제 : 상세창이나 장바구니에서 사용자가 상품을 선택 후 정보를 입력하고 연동한 결제 API를 바탕으로 결제수단을 선택하여 적립금이나 쿠폰을 사용하여 상품을 구매할 수 있도록 합니다.
관리자 – 회원정보 수정 : 관리자 계정을 통해 회원정보를 수정할 수 있도록 합니다.
관리자 - 통계 : JavaScript 기반의 오픈 소스 차트 라이브러리를 이용하여 매출통계, 구매 횟수 통계 등을 구현합니다.
관리자 – 상품 등록 : 관리자 계정을 통해 상품을 등록할 수 있는 기능을 구현합니다.
관리자 – 상품 삭제 : 관리자 계정을 통해 상품을 삭제할 수 있는 기능을 구현합니다.
관리자 – 주문 관리 : 관리자 계정을 통해 주문 관리 기능을 구현합니다. 주문 목록 표시를 기간, 주소지로 필터링합니다. |
| 설계의 주안점 |
사용자 경험, 사용자가 웹 사이트를 사용하는 과정에서 편리하고 직관적인 경험을 제공하기 위해 UI/UX를 고려합니다. 적절한 레이아웃, 사용자 피드백, 오류 처리 등을 구현하여 사용자가 원활하게 사이트를 이용할 수 있도록 합니다. 문서화, 프로젝트의 구조와 설계 의도 그리고 기능 요구사항 등을 문서화 하여 팀원들이 협업하고 유지보수할 때 필요한 정보를 쉽게 찾을 수 있도록 합니다. 이를 통해 프로젝트의 이해도를 높이고 효율적인 협업을 도모합니다. 보안, 사용자의 개인정보와 결제 정보를 보호하기 위해 보안에 대한 주안점을 고려합니다. 비밀번호 암호화, 사용자 인증과 권한 관리, 입력 값 검증 등을 구현하여 보안 취약점을 최소화 합니다. |
4 팀
동물사랑해
| 팀장/팀원 |
김**(팀장), 김**, 신**, 이**, 장**
|
| 개요 |
반려동물 돌봄 매칭 사이트 |
| 구현기능 |
로그인 회원가입 집사지원 집사매칭 이용후기 마이페이지 관리자페이지 |
| 설계의 주안점 |
전문적인 서비스들을 제공해 이용자들이 서비스를 편하게 이용할 수 있도록 설계 목적별로 페이지를 구분해 필요한 기능을 쉽게 이용할 수 있도록 설계 인터페이스 직관적이고 심플하게 구현 집사 선정 시 자격증과 경력을 입력 받은 후, 심사를 거쳐 관리자가 승인 프리미엄 결제 같은 서비스 제공자 전용 요금제 구현 |