KH 프로젝트

KH정보교육원에서 진행하고 발표된 프로젝트를 과정별로 보실 수 있습니다.

(스마트웹&콘텐츠개발)자바기반 반응형 UI/UX 웹 콘텐츠 개발자 양성과정(스마트혼합)(2) 1회차

프로젝트 발표날짜 : 2023. 07. 13

KH IEI PROJECT
 

(스마트웹&콘텐츠개발)자바기반 반응형 UI/UX 웹 콘텐츠 개발자 양성과정(스마트혼합)(2) 1회차

박신우 강사 / 이호정 취업담임
2023. 07. 13 (B)

1 팀
수면의 숲
팀장/팀원 김**(팀장), 장**, 김**, 왕**, 우**, 이**
개요 수면 장애를 겪는 사람들을 위한 전문 쇼핑몰 입니다. 저희는 수면과 관련된 다양한 상품을 판매하며, 동시에 회원들이 수면에 관한 유익한 정보를 공유하고 자유롭게 소통할 수 있는 커뮤니티 공간을 제공합니다.
저희 쇼핑몰은 사용자들이 원하는 상품에 쉽게 접근할 수 있도록 구성되어 있으며, 커뮤니티에 특화된 UI를 제공함으로써 기존 타사이트 커뮤니티 기능의 한계를 보완했습니다. 특히 커뮤니티에 일반 광고가 아닌 우리 쇼핑몰의 광고를 보이게 해서 수익을 극대화 할 수 있습니다.
또한, 단순히 피드백을 받고 문제를 해결하는 것이 아니라 문의 게시판을 통해 적극적으로 이용자의 질문에 답변하며 이용자 친화적인 사이트를 목표로 구현했습니다. 이처럼 다양한 서비스로 사용자의 건강하고 행복한 삶을 도모하고자 합니다.
구현기능 1)회원
-회원가입
-로컬 로그인
-소셜 로그인(카카오, 네이버, 구글)
-아이디 찾기, 비밀번호 찾기
-내 정보 수정
-주문 내역 조회
-작성 글 / 댓글 관리
-휴대폰 번호 인증
-1:1 문의 내역 조회
-리뷰 관리

2) 쇼핑몰
-상품 목록 조회
-상품 상세 조회
-리뷰
-Q&A
-상품 검색
-리뷰 작성
-장바구니
-주문 / 결제
-상품 Q&A 내역 작성
-쿠폰 적용
-이벤트 상품 검색 / 조회

3) 관리자
-FAQ관리
-공지사항 관리
-통계 현황 및 순위 조회
-사용자 관리
-게시판 관리
-상품 관리
-배송 관리
-쿠폰 관리

4) 커뮤니티
-게시글 작성
-게시글 관리
-게시글 반응 (추천, 반대, 신고, 댓글 작성)
-쇼핑몰 광고 전시
설계의 주안점 - 수면 제품 탐색 용이성 : 사용자가 원하는 상품에 보다 쉽게 접근하기 위해 직관적이고 간편한 검색 및 필터 기능 제공(검색 카테고리, 상품 가격 범위 필터링)
- 커뮤니티 기능 강화 : 수면 관련 정보와 팁을 사용자가 공유하게 하여 사이트에 접속하는 것을 매력적이게 하고, 또한 일반 광고가 아닌 우리 쇼핑몰의 광고를 보여주게 하여 커뮤니티 유지 비용 절감 → 쇼핑몰 수익 극대화
- 피드백과 1:1문의처리 : 사용자들의 피드백 적극 수집 및 반영. 또한 1:1문의 사항에 빠르고 정확한 답변을 제공하여 사용자들의 불편 사항을 해결하고 만족도를 높임.
- 활발한 할인 이벤트 : 할인된 가격으로 제품에 대한 사용자의 관심과 참여를 유도하고 기간 한정 이벤트를 통해 구매 욕구를 자극.
2 팀
좋은 하루
팀장/팀원 김**(팀장), 용**, 문**
개요 Coivd 19 으로 인한 생활 패턴이 망가지고 운동 , 외부 활동이 현저하게 부족
해진 현대인을 타겟으로 잡았다 .
To do list 를 통한 사용자의 개인 목표를 이뤄가며 생활 패턴 회복 , 오프라인
모임을 통해 타인과의 운동에 대한 관심을 갖게 해 코로나 이전의 외부 여가
생활을 늘리고 운동에 대한 진입장벽을 낮추고 사용자 간의 커뮤니티 활성화
를 도모할 웹 페이지를 개발하고자 한다.
구현기능 1. 로컬 회원 기능 (회원가입, 로그인)
2. To do list 를 이용한 회원 개인의 할 일 , 목표 설정
3. 사람들과 약속을 잡아 오프라인에서 만날 수 있게 하는 모임 게시판
4. 오프라인 모임에서 필요한 물품을 구매 할 수 있는 운동 관련 용품 샵
5. 페이지 전반적인 소개와 안내를 해주는 챗봇
6. 관리자 페이지
설계의 주안점 - 공공 API 를 통한 칼로리 소개
- 모임을 통한 운동 활성화
- TodoList 를 통한 목표 설정
- 편리함을 위한 챗봇 구현
3 팀
깨맑자
팀장/팀원 이**(팀장), 김**, 김**, 문**, 박**, 장**, 최**
개요 ‘전문 영양사의 건강한 음식’ 이라는 차별성을 가지며, 자체적인 판매사이트 운영으로 수익모델을 광고에 의존하지 않음으로써, 이용자의 사이트 이용에 불편을 최소화.
레시피 업로드 이용자의 경우, 운영자와의 컨텍을 통해 수익 창출이 가능하여 다양한 이용자의 유입 유도.
구현기능 회원
-회원가입(아이디·닉네임 중복확인, 정규화를 통해 기준조건 설정된 비밀번호 입력)
-로그인(일반 로그인, 소셜 간편 로그인[카카오, 네이버])
-정보찾기(아이디 찾기, 이메일 인증 비밀번호 재설정)

회원(프로필페이지)
-정보 조회(타 회원 정보, 작성 레시피 목록, 작성 글, 작성 댓글, 작성 후기, 북마크 내역)
-팔로잉(팔로잉 / 팔로워 목록 조회 및 추가)

회원(마이페이지)
-프로필(프로필사진, 자기소개 등록·수정·삭제)
-회원정보(정보 조회·수정, 비밀번호 수정, 회원 탈퇴)
-스크랩(나의 레시피, 스크랩, 좋아요 목록 조회·삭제)
-배송지(배송지 목록 조회·추가·수정·삭제)
-팔로잉(팔로잉 / 팔로워 목록 조회·추가·삭제)
-포인트(내역 조회)
-구매내역 조회(상품 구매내역 조회, 일자별 구매내역 검색, 상태별 검색)

출석체크
-출석체크(회원별 요일체크, 당일 출석체크 가능, 출석체크 시 포인트 지급, 매월 1일 출석체크 초기화, 30일 출석체크시 포인트 지급)
-출석체크 조회(출석날짜 조회, 기간 조회 및 DB초기화)

자유게시판
-게시글 조회(카테고리 기준 검색, 페이징, 상세보기)
-게시글 작성(게시글 작성·수정·삭제, 댓글 작성·수정·삭제)

고객센터
-고객센터 조회(카테고리 기준 검색, 페이징, 상세보기)
-문의 작성
-카카오톡 문의

메인페이지
-메인페이지(광고캐러셀, 인기레시피 목록, 인기상품 목록, 추천 레시피 목록, 추천 회원 목록)

레시피
-레시피 작성(등록된 재료를 선택하여 작성, 원하는 만큼 설명/이미지 입력)
-레시피 조회(목록 조회, 검색, 카테고리·최신순·조회순 기준 조회)
-레시피 상세조회(레시피 작성자에 한해 수정·삭제, 이용자 후기·문의 작성, 구매페이지 연결)

식단
-식단 조회(목록 조회, 검색, 카테고리 기준으로 조회, 인기있는 식단 표시)
-식단 상세조회(상세정보 조회, 이용자 후기·문의 작성)

쇼핑몰
-상품 조회(목록 조회, 상품 종류별 조회 및 슬라이드 메뉴)
-상품 상세조회(상품에 대한 가격·옵션 등 정보 조회)
-상품 장바구니(장바구니 담기)
-상품 구매(옵션 선택여부 체크, 중복여부 체크)
-상품 리뷰(상품 구매자에 한해 별점 및 리뷰 작성, 최신순/별점 기준 조회)
-상품 문의(상품별 문의 작성, 문의 페이징)

장바구니
-장바구니(장바구니 조회, 선택 삭제, 장바구니 수량 변경, 선택상품 합계 금액 계산)

주문상세내역
-주문상세내역(장바구니 내 선택상품 주문 상세내역에서 조회)

결제
-결제(포인트 사용 반영 결제)
-배송지(배송지 조회·추가·삭제)

관리자페이지(매출관리)
-매출조회(일일 / 월간 매출액·판매건수 상세조회, 문관리 조회, 상세조회)

관리자페이지(회원관리)
-회원정보 조회·수정(목록 조회, 상세조회, 정보수정)
-포인트(내역 조회, 관리 및 지급)

관리자페이지(상품관리)
-식단(목록 조회, 검색, 상세조회, 기존 등록 식품정보를 토대로 등록, 수정)
-식재료(목록 조회, 검색, 상세조회, 상품여부 선택하여 등록, 수정)
-식품(목록 조회, 검색, 상세조회, 기존 등록 식품 정보 조회하여 다른 타입으로 등록 가능, 원하는 형태로 등록 가능, 수정)
-도구(목록 조회, 검색, 상세조회, 원하는 옵션 조합 생성, 등록, 수정)

관리자페이지(게시글관리)
-레시피(목록 조회, 검색, 상세조회)
-레시피후기(목록 조회, 검색, 상세조회)
-식단구독후기(목록 조회, 검색, 상세조회)
-상품구매후기(목록 조회, 검색, 상세조회)

관리자페이지(고객센터)
-자주묻는질문(목록 조회, 검색, 상세조회, 작성)
-1:1문의(목록 조회, 검색, 상세조회, 답변작성)

관리자페이지(기타)
-모든 관리자페이지의 목록 조회수 일괄설정 기능
-관리자여부 확인 Interceptor
-관리자페이지 기본설정 관리 AOP
설계의 주안점 -안전한 계정 관리를 위한 다양한 비밀번호 정규화 적용 및 이메일 인증 재설정
-소셜 로그인을 통한 접근성 강화
-팔로잉 / 팔로워, 타 회원 정보 조회, 자유게시판을 통한 커뮤니티 관계망 형성
-스크랩, 좋아요를 통해 레시피 및 상품에 접근성 강화
-다양한 구매내역 조회를 통한 이용자 편의성 증가
-출석체크 포인트 지급을 통한 유입 빈도수 증가 유도
-카카오톡 문의를 통해 이용자 편의성 증가
-누구나 작성할 수 있는 레시피를 통해 수익모델로 연결 가능
-영양사의 건강한 식단 제공을 통한 차별성 강화
-레시피 / 식단과 관련된 상품 판매 서비스를 통한 광고 및 수익모델 연결
-일관된 관리자 페이지 디자인 및 기능을 통한 관리자 편의성 증대
-페이지마다 다양한 카테고리 검색을 통한 사용성 증대
4 팀
또똣
팀장/팀원 이**(팀장), 윤**, 신**, 박**, 유**
개요 선뜻은 봉사, 기부 정보를 한데 모아 볼 수 있는 웹사이트입니다.
기부, 봉사와 관련된 사이트가 많음에도 원하는 기부 방법과 경로를 찾는데 어려움이 있어 그를 해소하고자 하였습니다. 더불어 기부 단체에 대한 불신을 극복하기 위해 '결실' 게시판을 생성하여 투명성을 보장하였습니다.
구현기능 회원 :
- 로컬 로그인
- Kakao 로그인 API
- 회원 가입
- Google Mail API
- COOL SMS API
- Kakao 주소 API
- 아이디 찾기
- 비밀번호 찾기
- 로그아웃

정보성 게시판 (선한 뉴스, 선뜻한 사람, 결실) :
- 게시글 목록 조회
- 게시글 상세 조회
- 게시글 작성, 수정, 삭제
- AWS S3 API
- 카테고리별 검색
- 댓글 목록 조회
- 댓글 작성, 삭제

봉사 :
- 게시글 목록 조회
- 게시글 상세 조회
- 봉사 신청
- 봉사 등록, 수정, 삭제
- Kakao Maps API
- 카테고리별 검색

후원(모금함) :
- 게시글 목록 조회
- 게시글 상세 조회
- 후원 신청
- 후원하기
- 카테고리별 검색
– 후원 등록, 수정, 삭제
- 아임포트 API

일반 게시판 :
- 게시글 목록 조회
- 게시글 상세 조회
- 게시글 작성, 수정, 삭제
- 카테고리별 검색
- 댓글 목록 조회
- 댓글 작성, 삭제
- RESTful API

마이 페이지 :
- 내 정보 수정
- 비밀번호 변경
- 후원 내역
- 자원 봉사 내역
- 작성 글
- 작성 댓글

관리자 페이지 :
- 회원 목록
- 봉사 목록
- 봉사 등록 내역
- 후원 목록
- 후원 신청 내역
- 후원 내역
- 선한 뉴스 목록
- 결실 목록
- 선뜻한 사람 목록
- Talk
- 자주 묻는 질문
- 1:1 문의
- NOTICE
설계의 주안점 1. 사이트 편의 향상을 위한 다수 API 적용
2. 포인트 컬러를 활용한 통일성 있는 UI
3. 후원, 봉사 과정의 체계적인 구조 설계
4. URL 이동 최소화로 사용자 피로도 감소
 ex) 봉사 조회 / 결실 댓글
5. 사람 간 소통을 기반으로 한 커뮤니티 활성화
KH정보교육원
  • 고용노동부 선정
  • 5년 인증 우수훈련기관 선정
  • 대한민국 브랜드 어워즈 대상
  • IT교육부문 4년 연속 대상 수상
  • 고용노동부
  • 장관 표창

빠른 상담

KH임직원은 수강생 한 분 한 분의 성공적인 취업을 위해 최선을 다하겠습니다.

No.1 국내 최대의 취업 실적을 보유한 KH정보교육원에 오신 것을 환영 합니다.
KH의 전 과정은 NCS(국가교육표준화)기준을 준수하며 100% 무료, 전액 국비지원을 받으실 수 있습니다.

교육희망 과정

희망과정 선택


세부 교육과정

전화 아이콘
  • 전국대표문의전화(연중무휴)

교육희망 지점

신청자 정보

- -

기입 내용이 사실과 다를 시 상담 서비스가 원활하지 않을 수 있습니다.

대표문의
(연중무휴)

개강일정

개강일정

국비대상자 간편조회

국비대상자
간편조회

온라인 상담

온라인 상담

오시는길

오시는길

카톡 상담

카톡 상담

KH정보교육원
전국대표 문의전화
(연중무휴)

주말·공휴일에도 상담 및 접수 가능합니다.

  • 2023 당산지원

    5년 인증 우수
    훈련기관 선정

  • 2022 강남지원

    5년 인증 우수
    훈련기관 선정

  • 2022 종로지원

    5년 인증 우수
    훈련기관 선정

  • 2020 강남지원

    훈련 이수자 평가
    A등급 획득

  • 2020 종로지원

    훈련 이수자 평가
    A등급 획득

  • 2019 당산지원

    훈련 이수자 평가
    A등급 획득

  • 2019 IT교육부문

    브랜드 대상
    4년 연속 수상

  • 2018 당산지원

    4차 산업 선도
    훈련기관 선정

KH정보교육원 | 사업자등록번호 : 487-86-00763 | 사업자등록번호 : 851-87-00622 | 서울 강남 제2014-01호 | 대표자 : 양진선 | 책임자 : 최홍석 |  개인정보관리책임자 : 양진선

강남지원 1관 : 서울특별시 강남구 테헤란로14길 6 남도빌딩 2F, 3F, 4F, 5F, 6F
강남지원 2관 : 서울특별시 강남구 테헤란로10길 9 그랑프리 빌딩 4F, 5F, 7F
강남지원 3관 : 서울특별시 강남구 테헤란로 130 호산빌딩 5F, 6F
종로점 : 서울특별시 중구 남대문로 120 그레이츠 청계(구 대일빌딩) 2F, 3F
당산점 : 서울특별시 영등포구 선유동2로 57 이레빌딩(구관) 19F, 20F
논현점 : 서울특별시 강남구 논현로 132길 9 마루빌딩 1F, 2F, 3F
부산점 : 부산 부산진구 중앙대로 627 삼비빌딩 2F, 12F