KH 프로젝트

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

기업이 요구하는 자바 웹 개발자 양성 과정 16회차

프로젝트 발표날짜 : 2017. 03. 20

KH IEI PROJECT
 

기업이 요구하는 자바 웹 개발자 양성 과정 16회차

김수연 강사 / 이호정 취업담임
2017. 03. 20 (B)

1 팀
문이 열리네요
팀장/팀원 김**(팀장), 박**, 양**, 유**, 장**
개요 ● 이용대상 : 만 20세 이상 누구나

● 주제선정 이유 : 야놀자, 여기어때와 같은 사이트들과 다르게 상품을 구매할 수 있는 기능을 제공하여 모텔 등에 대한 성에 대한 선입견을 해소한다.
구현기능 1) 회원가입 / 로그인
● 회원가입시 성인인증(휴대폰인증)을 통한 기능구현

2) 마이페이지
● 개인정보 (수정, 회원탈퇴)
● QnA(글쓰기, 내가 쓴 글 확인)
● 내역 확인(예약, 후기, 상품구매)
● 최근 검색 정보 확인

3) 숙소 예약 페이지
● 숙박 업소 조회시 : 지도(api - 마커기능) 활용
● 추천(가격, 별점순)하는 숙박업소 기능 추가
● 숙박업소 검색(지역, 가격 별점, 숙소명, 이용날짜 및 시간, 옵션(방의 등급), 숙박대실) 기능
● 결제

4) 상품 페이지
● 검색(카테고리별 조회, 추천 조회) 기능 삽입
● 리스트 조회(조회수, 구입수, 용품명, 사용법, 가격, 규격 등)


5) 후기 게시판 페이지
● 게시판 조회(숙소 정보, 평가, 조회수)
● 게시판 검색 기능 삽입
● 아이디별 게시글 삭제(회원, 관리자(모든 게시글 삭제 가능))
● 댓글(등록, 삭제, 수정) 기능

6-1) FAQ 페이지
● 리스트 조회
● 등록 및 삭제(관리자만 가능)

6-2) QnA 페이지
● 내가쓴 QnA의 리스트 조회
● 등록(회원)기능
● 삭제(관리자, 회원)기능
설계의 주안점 ● 구글맵 API를 사용하여 숙소 조회시 (시도&시군구에 따라) 한눈에 확인할 수 있다.
● 회원가입을 시도할 때 성인 인증시 만 19세 이상 가입이 가능하게 한다.(휴대폰 인증)
● 게시판(후기 및 QnA) 등록시 스마트 에디터를 사용하여 등록시 용이하게 한다.
● 검색시 자동완성API의 기능을 추가하여 검색을 용이하게 한다.
2 팀
MEW
팀장/팀원 권**(팀장), 김**, 김**, 박**, 신**
개요 사용대상(USER)1. 세상 그 무엇이든 다른 이용자가 평가한 리뷰가 궁금한 일반사용자.
2. 내가 리뷰를 작성해서 많은 사람들에게 정보를 공유하고 싶은 파워?리뷰어.
3. 자사의 제품 또는 서비스를 홍보하고 싶은 기업.


- 개인 리뷰
일반유저가 본인이 직접 구입한 제품 또는 이용한 서비스에 대한 리뷰를 모아둔 게시판
일반 회원이라면 자유롭게 리뷰 등록 가능

- 체험 리뷰
체험단이 등록한 리뷰를 모아둔 게시판

- 제휴 신청(모집 등록)
기업 회원이 자사의 제품 또는 서비스를 홍보하거나 평가를 위하여 체험단을 모집하고 싶을 때 체험단 모집을 등록

- 체험단 신청
기업이 등록한 체험단 모집을 신청하는 메뉴.
일반 회원은 누구나 신청 가능하지만 기업회원이 선발한 회원만 체험단이 될 수 있음
체험단은 기업이 제공하는 제품이나 서비스를 이용하고 반드시 리뷰를 등록해야함
파워블로거, 얼리어답터 등 기업이 제공하는 제품이나 서비스를 이용하고 싶은 사람들이 주로 이용

- 포인트 제도
일반 유저의 경우 개인 리뷰 게시판에 리뷰를 등록하고 평가에 따라 포인트를 지급받게 됨
누적된 포인트를 통해 등급(VIP, GOLD, SILVER, BRONZE 등)이 나뉘어지고,
해당 포인트와 등급을 이용해 포인트 몰에서 기업에서 제공한 제품이나 서비스를 이용할 수 있음.
구현기능 [1] 페이지 / 게시판 디자인
▶ 메인 페이지에는 ‘좋아요’가 많은 순서대로 체험단의 리뷰 및 개인 리뷰의 일부를 보이게함
▶ 헤더메뉴에 마우스 오버시 1레벨의 카테고리들이 슬라이드다운 됨.
▶ 슬라이드 다운된 1레벨의 카테고리들에 마우스 오버 또는 클릭시 2레벨 카테고리들이 나옴.
▶ 최대한 직관적으로 이미지들이 한눈에 들어오고 리뷰 정렬 또한 심플하게함.


[2] 사이트의 전체 흐름
1. 제품이나 서비스(이하 아이템)를 홍보하고 싶은 기업이 입점을 의뢰함
2. 관리자가 해당 아이템을 검수 후 체험단 모집 게시판에 등록함.
2-1. 일정 기간 동안 체험단을 모집하고, 선발된 체험단은 일정 기간동안 리뷰를 등록.
3. 일반유저가 개인적으로 이용했던 아이템을 개인리뷰 메뉴에 등록함(승인 대기 상태)
3-1. 관리자가 심사후 등록을 승인함.
4. 문의 내용이 DB에 저장되고, E-mail로도 문의내용이 접수될 수 있도록 기능 구현.


[3] 관리자 기능
1. 게시판 관리.
2. 모든 게시물에는 신고기능이 있어서 욕설, 허가되지 않은 광고글, 음란물 등은 신고 가능함.
2-1. 신고를 받은 게시물들은 관리자 페이지에 자동으로 등록이 되고 관리자는 카테고리
별로 나뉘어져있어 바로 글을 확인하고 글을 삭제하고 작성자에게 패널티를 부여할 수 있음.


[4] 개인 회원 마이페이지
- 포인트 관리(현재 보유 포인ㅌ, 사용이력)
- 개인정보 관리
- 내가 등록한 리뷰 관리
- 내가 등록한 댓글 관리
- 쪽지함(카카오톡 같은 채팅 느낌나는 ui로 구현)


[5] 기업 회원 마이페이지
- 아이템 등록 기능
- 체험단 리뷰 확인, 승인 기능
- 문의 답변 기능
설계의 주안점 1. 촘촘한 DATABASE 구축으로 제품이 등록되거나 리뷰가 등록되었을 때 각각의 게시판이나 사용자 관리 페이지에 자동으로 트리거 되도록 구현.
2. 사용자나 기업 누가봐도 직관적으로 한눈에 알아볼 수 있도록 디자인.
3. 데이터가 많아져도 속도가 느려지지 않도록 최적화.
4. 리뷰를 작성할 때 심플하지만 필요한 기능들은 다 있는 글작성 폼을 구현.
5. 세상 모든 것을 리뷰할 수 있는 사이트이기 때문에 추후에 카테고리가 늘거나 필요한 분류가 생길 경우 쉽게 추가할 수 있도록 구현함.
3 팀
지방구조
팀장/팀원 문**(팀장), 김**, 김**, 진**, 황**
개요 몸매관리를 위한 길잡이칼로리, 영양소, 운동법에 관한 정보를 제공
익명와 사용자들과의 다이어트 정보 및 후기 공유

사용대상(USER)1, 남녀노소 / 식단관리 및 몸매관리를 원하는 사용자

사용방법1. 자신의 다이어트 일지를 기록하고,2. 다른 사용자들의 다이어트 관련 통계(익명)를 보고 동기부여를 할 수 있다.
3. 다이어트 정보를 공유, 검색할 수 있다.
구현기능 1. 마이 주스 레시피
가상으로 건강주스를 만들고 사이트에서 칼로리와 영양소 정보를 제공해준다.

2. 익명의 다이어트 동지와의 채팅
간단한 신상정보(현재몸무게, 목표몸무게 등)로 채팅에 로그인, 다른 사용자와의 채팅을 통해 다이어트 정보를 얻고, 대화를 할 수 있다.

3. 커뮤니티
1) 다이어트 성공후기 : 사용자들은 서로 다이어트 후기를 공유하고, 월별로 “좋아요(추천)”가 가장 많은 후기를 베스트 후기로 선정, 베스트 후기를 메인화면에 노출시킨다.
2) 다이어트 상품후기 : 다이어트 상품과 관련된 후기를 남길 수 있다.

4. 나의 다이어트 일지- 회원가입 시, 간단한 신상정보 및 신체정보를 입력하면, 체형에 맞는 다이어트 방법을 권유해준다.- 하루에 섭취한 식단과 운동량을 입력하면, 일별/월별 칼로리 섭취, 소비량을 알려주고,통계를 제공해준다.

5. 칼로리 및 열량 정보제공
- 식품을 검색, 칼로리 및 영양소 정보를 제공해줍니다.

6. 간단한 운동 및 식단 소개
- 몸매 관리 종류 별로 운동과 식단을 추천해준다.
설계의 주안점 1. Spring Framework를 이용한 MVC 구현과, MyBatis로 Database연동을 구현해보기
2. 사용자가 입력하는 데이터의 양이 많으므로, Database 구축 및 테이블 설계에 중점
3. 자연스러운 페이지 처리를 위해 다양한 스크립트 활용.- Ajax를 이용한 페이지 로드-
AngularJS를 이용한 입력값 적용- NodeJS를 활용한 익명 채팅
4 팀
고시원에 사는 수빈이에게 희망을 좀 조
팀장/팀원 마**(팀장), 박**, 유**, 이**, 정**, 최**
개요 온라인 방식으로 진행되는 자선바자회를 컨셉으로, 일상적으로 이루어지는 중고품의 거래와 기부를 통합하고 중고품 거래금액의 일부를 포인트로 지급하고
이를 기부와 후원에 사용가능한 사이트를 개발하여, 기부에 대한 접근성을 높이고
관심을 유도한다.
구현기능 1. 계정1) 회원가입 - 아이디, 비밀번호, 성별, 나이, 이메일, 전화번호, 포인트, 주소 - 이메일 인증2) 회원 권한 - 비회원 : 게시물 열람가능 - 회원 : 게시물 열람 및 자신의 게시물 작성, 후원 신청 확인 가능 - 관리자 : 후원 요청 글 작성 및 공지사항 작성, 후원 신청 확인 가능3) 로그인 - 아이디, 비밀번호를 입력하여 로그인.(회원 모드와 관리자 모드)
2. 메인 페이지1) 페이지 구성 - 화면 2분할. 아이콘 클릭 시 해당 페이지로 이동 1_1) 거래 아이콘 : 중고 물품 페이지 이동 1_2) 기부 아이콘 : 기부 페이지 이동
3. 거래 게시판1) 거래 방식 : 판매자가 중고품을 올리면 제품의 기준 가격을 선정하여 경매를 진행하고 구매자들이 경매를 통하여 입찰하는 방식 구현. 판매자가 판매금 포인트 전환율 조절 가능.(낙찰 -> 구매버튼 공개(낙찰된 사람) -> 입금 -> 구매확정 -> 포인트 지급
1. ->환급버튼 -> 수수료를 제외한 금액 입금)2) 게시판 구성 - 중고품 이미지를 게시판 목록을 앨범형으로 구현. - 전체 목록과 카테고리 목록으로 나눔
2. 기부 게시판1) 게시판 구성 - 모집 현황 : 후원이 필요한 곳들을 올려놓은 게시판 구현 - 후원 상세 : 후원에 대한 상세 내역, 기부 목표 금액, 달성률, 후원 버튼 (포인트 기부액을 직접 입력 가능)
3. 게시판1) 게시판 구성 - 자유 게시판 : 회원들이 자유롭게 글을 쓸 수 있는 게시판 구현 - 공지 사항 : 기부 목표액 달성 시 공지사항 자동 등록 - QnA : 고객문의
설계의 주안점 1. 거래 게시판에 타이머를 부여하여 게시글 열람의 활성/비활성화를
가능하도록 구현한다
2. 거래 게시글에 입찰 기능을 구현하여 거래 방식을 경매형으로 할 수
있도록 구현한다.
3. 목표와 현황을 그래프로 실시간 반영하도록 구현한다. 목표 달성 시
공지사항 게시판에 자동으로 등록되도록 한다.
5 팀
나이거사조
팀장/팀원 심**(팀장), 강**, 김**, 김**, 조**, 고**
개요 개발 목적
쇼핑몰 웹사이트를 직접 설계 및 구현해본다.

차별성
온라인 쇼핑의 한계는 제품을 실제로 착용해보지 못하고 그로 인한 교환·환불이 많아진다는 점이다. ‘Celeb#’은 체형에 따른 가상 피팅 시스템을 구현해 이러한 문제점을 해결하고자 한다.
구현기능 1. 메인 화면 - 헤더, 섹션, 푸터로 구성
1) 헤더에 로그인, 회원가입 및 각 메뉴로 이동할 수 있는 버튼을 위치시킨다.
2) 섹션에서 각 게시판의 최신글에 첨부된 이미지를 썸네일로 보여준다.
3) 푸터에 작성자, 저작권 정보 및 페이지 상단으로 이동할 수 있는 버튼을 위치시킨다.

2. 계정 관리
1) 계정은 관리자와 4단계의 회원(브론즈, 실버, 골드, 다이아)으로 분류한다.
2) 회원 아이디 및 비밀번호 찾기 기능을 제공한다.
3) 계정 정보에 아이디, 비밀번호, 이름, 성별, 나이, 연락처, 거주지 등을 입력한다.
2.1.4. 구매 시마다 일정 %의 적립금을 제공하고, 다음 구매 시 사용할 수 있도록 한다.
2.1.5. 회원 등급 별로 차등의 금액 쿠폰을 발행한다.

3. 메뉴[Ⅰ] – 사이트 소개
1) 사이트 목적, Contact Us, 사이트 맵 등

4. 메뉴[Ⅱ] - 카테고리 별 제품 페이지
1) 사진은 제품 상세 사진과 모델 시착 사진 등 2장 이상을 필수로 등록해야 한다.
2) 제품 사진에 마우스 커서를 올리면 사진이 확대되도록 한다.
3) 해시태그(#)를 등록해 게시물 검색이 용이하도록 한다.
4) 셀럽(인스타그램 팔로워 1만 이상)인 회원에게 제품 판매 자격을 부여하고, 해당 회원은 자신의 코디 사진을 올릴 수 있다.
5) 일반 회원이 셀럽의 착용 정보를 통해 구매하면 착용 정보를 제시한 셀럽에게 일정 금액을 지급한다.
6) 하단에 제품 문의와 후기(일반/사진)를 남길 수 있도록 게시판을 구성하고, 사진을 첨부해 후기를 남긴 회원에게 적립금을 지급한다.

5. 메뉴[Ⅲ] – 게시판 (공지사항, FAQ)
5.1.1. 공지사항 게시판을 통해 배송 정보, 결제 안내, 회원 등급별 안내, 이벤트 등을

1.1.1. 안내한다.
1.1.2. FAQ 게시판에서 주문 결제, 배송 안내, 주문 취소, 교환, 환불, 상품 관련, 적립금·쿠폰, 기타, TIP 등에 관한 정보를 안내한다.

6. 메뉴[Ⅳ] - 관련 정보
1) 여러 브랜드의 화보나 할인 정보, lookbook 등을 게시한다.

7. 결제 시스템
1) 네이버 페이, 무통장 입금 등의 방식을 제공한다.
설계의 주안점 □ 가상 피팅 시스템을 구현해 체형별 핏을 제공한다.
□ 셀럽(인스타그램 팔로워 1만 이상)인 회원에게 제품 판매 자격을 부여하고, 일반 회원이 셀럽의 착용 정보를 통해 제품을 구매하면 착용 정보를 제시한 셀럽에게 판매 금액의 일부를 지급한다.
□ 결제 시스템을 구현해 제품 판매 및 구매가 가능하도록 한다.
6 팀
n
팀장/팀원 임**(팀장)
개요 1. 개발 목적
NBA 선수카드를 모으고 덱을 만들어 즐길 수 있는 사이트 구현

2. 기대 효과
진행 중인 시즌의 기록을 주기적으로 반영하여 실제 리그에 대한 관심을 올릴 수 있다.
이전 시즌을 반영하여 이용자가 좋아하는 팀이나 선수를 모으는 재미를 제공할 수 있다.
구현기능 1. 회원가입 및 로그인
일반 유저와 관리자 구분.

2. 관련 게시판 운영
새소식 게시판 : 관리자가 작성하는 정보 제공 게시판(공지, 이벤트, 업데이트).
커뮤니티 게시판 : 유저가 작성할 수 있는 게시판(자유, 팁).

3. 게임정보 제공
적용되어 있는 선수정보와 팀정보를 확인 가능.

4. 선수 모집
선수 등급 별로 확률을 지정하고 게임 내 화폐를 이용하여 카드 획득.

5. 로스터 수정
가지고 있는 선수카드를 각 포지션에 맞게 배치(12명).

6. 매치
다른 유저의 덱과 경기를 진행하여 게임 내 화폐 획득.
경기는 카드 스탯을 기반으로 자동으로 진행되어 결과 확인.

7. 승부예측
실제 리그 다음날 경기의 승패를 맞춰 게임 내 화폐 획득.

8. 구단정보
유저의 각종 기록, 정보 제공.
설계의 주안점  사용자 입장에서 사용하기 편리한 화면 설계.
 프레임워크를 이용하여 코드를 간결하게 설계.
 Ajax를 이용하여 불필요한 페이지 이동 최소화.
KH정보교육원
  • 고용노동부 선정
  • 5년 인증 우수훈련기관 선정
  • 대한민국 브랜드 어워즈 대상
  • IT교육부문 4년 연속 대상 수상
  • 고용노동부
  • 장관 표창

빠른 상담

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

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

교육희망 과정

희망과정 선택


세부 교육과정

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

교육희망 지점

신청자 정보

- -

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

02
6952
3858

대표문의
(연중무휴)

개강일정

개강일정

국비대상자 간편조회

국비대상자
간편조회

온라인 상담

온라인 상담

오시는길

오시는길

카톡 상담

카톡 상담

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

02-6952-3858

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

  • 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