KH 프로젝트

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

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

프로젝트 발표날짜 : 2023. 12. 20

KH IEI PROJECT
 

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

김가현 강사 / 조지은 취업담임
2023. 12. 20 (D)

1 팀
1조가 또 1등하조
팀장/팀원 정**(팀장), 기**, 김**, 김**, 김**, 정**
개요 * Q. MBTING.의 의미?
A. MBTI + 소개팅의 합성어
=> MBTI를 기반으로 성격이 맞는 사람들을 매칭 시켜주는 소개팅 사이트입니다.

* Q. MBTING.만의 장점?
A_1. 사회적 분위기 반영
a. 요즘 트렌드에 맞게 MBTI라는 소재를 통해 소개팅이 이루어짐
b. 안전을 위해 상호 동의가 이루어져야만 소개팅 관련 기능을 이용 가능
구현기능 - 일반 회원 기능
1. 회사 소개 페이지
●발표할 PPT 내용을 작성(임원진 소개 - 조원 소개, 회사소개 - 프로젝트 소개, 회사 위치- 학원 위치(카카오지도api 이용)

2. 1:1 채팅기능
● 상호 동의후에 사용 가능, 대화창 내 프로필 이미지 표기, 만남단계(매칭 상호동의 ~ 연락처 교환)에서는 대화 기록, 만남 이벤트 종료시는 대화방 소멸
● 상황별 대화 가이드 기능(챗지피티api 이용 고려)

3. 로그인 / 회원가입
●모달창 구현, 로그인이 필요한 서비스시 자동연결, 카카오 로그인api 사용, 아이디 찾기, 비밀번호 재설정 기능
●회원가입시프로필 이미지 등록 필수, 실시간 유효성 검사

3. 만남후기게시판
●1:1 매칭을 완료 후 등록 가능, 섬네일 및 게시글 내 이미지 첨부 가능, 등록 비밀번호로 수정 및 삭제 가능
●날짜순 / 좋아요순 / 조회수순 조회 기능

4. 1:1 매칭기능
●기본 1:1 매칭은 설문조사 MBTI성향 값이 존재할 때만 진행 가능, MBTI 성향에 따른 궁합 대상 표기
●M연시 게임 매칭은 성향조사 게임 진행 후 결과에 맞는 성향과 매칭
●인적사항을 통한 매칭은 사용자가 희망하는 인적사항을 입력 후 조회된 리스트 중 선택하여 매칭
→ 매칭 신청의 경우 상호 수락이 완료되어야만 매칭이 이루어짐, 회원 신고 기능

5. 연애테스트(MBTI 성향조사 기능)
●설문조사 형식으로 MBTI 성향조사, 결과로 MBTI 값 받기
●M연시(대화형 시뮬레이션 게임) 형식 조사, 결과는 별칭형식으로 저장(MBTI값이랑 별개)

6. 고객센터 페이지
●FAQ페이지(하위메뉴는 아이콘형식으로 표기, 각 항목의 질문 클릭시 답변 열람가능)
●네이버톡톡, 1:1 채팅api로 상담 구현 고려

7. 결제페이지
●결제시스템(1:1 매칭횟수 지급, 회원가입시 1회 무료), 결제 금액 표기(매칭 횟수별 금액 표기), 카카오api를 이용한 결제 기능 구현

8. 마이페이지
●기본정보표기(인적사항, 매칭기록), 프로필 이미지는 슬라이드 형식으로 시각화
●MBTI 성향이 Null이라면 성향테스트 페이지로 이동
●프리미엄 계정 시각화, 프리미엄 계정 활성화 기능은 결제 페이지로 이동

- 관리자 기능
●회원 관리페이지 구현(정지상태를 토글식으로 관리, 프리미엄 계정 목록 표기, 아이디 / 이름 / 매칭상태 / 프리미엄상태 표기)
→신고는 1:1 채팅으로 구현, 신고내역조회, 삭제 기능, 신고에 답장, 신고 승인/반려 가능
●공지사항 관리페이지 구현(공지 작성 / 수정 / 삭제)
●후기 관리페이지 구현(리스트조회, 정지)
●메인페이지 슬라이드 광고 편집(이미지 등록, 문구 수정)
●통계시각화(회원수 / 성별비율 / MBTI성향분포 / 매칭성공률 / 프리미엄 계정 비율 / 매출(년별,월별))
●고객센터 문의 관리 페이지(네이버톡톡 api, 1:1채팅 api 관리페이지 연결)
설계의 주안점 사람은 각각 다른 성향과 가치관을 가지고 있어 마음이 맞는 이성을 찾기 어렵습니다.
그래서 저희는 첫 만남에도 오래된 친구를 만난 것처럼 편안하고 즐거운 시간을 보낼 수 있는 매칭 사이트를 목표했습니다.
그 결과 사용자는 간단한 설문조사와 대화형 시뮬레이션 게임을 통해 자신의 MBTI 성향에 맞는 최적의 상대를 추천받고,
간편하게 원하는 상대와 매칭하고 대화할 수 있는 UI/UX 디자인을 설계했습니다.
- 사용자가 간편하게 MBTI 궁합에 맞는 대상과 매칭/대화 할 수 있는 UI/UX 디자인 구현
- 매칭 횟수를 추가할 수 있는 결제 시스템
- 매칭이 성사되었을 때 작성 가능한 포토 후기 게시판
- 사이트 기능을 관리할 수 있는 관리자 기능 구현
2 팀
개발해조
팀장/팀원 김**(팀장), 김**, 봉**, 정**, 한**
개요 깔끔하게 정리된 개발자 전용 플랫폼인 Coddy를 만나보세요.
프로젝트를 위한 대기실부터 채팅방까지 제공하며, 개발자 시점에서 편리하게 여러 서비스를 제공받을수도 있습니다.
구현기능 1. 회원관련
회원-회원가입, 로그인, 로그아웃, ID/PWD찾기, 이메일인증, 기업가입(API)
마이페이지 - 내정보조회, 내정보 수정 및 삭제, 참여한 프로젝트조회, 찜목록, 좋아요한 목록, 내 평점 확인
대기실 기능 - 대기실 생성 및 설정, 인원관리, 프로젝트 시작, 프로젝트 후기, 팀원평가
채팅 기능 - 1:1 및 프로젝트 단위 채팅
고객센터 - 1:1 문의(API)
각 게시판 - 게시판별 필요에 따른 조회, 추가, 수정, 삭제, 댓글, 대댓글, 첨부파일 등록, 찜, 좋아요, 추천 기능 제공

2. 관리자관련
회원관리 - 회원 조회, 삭제
대기실관리 - 대기실 조회, 수정, 삭제
채팅방관리 - 채팅방 조회, 삭제
공지사항관리 - 공지사항 조회, 추가, 수정, 삭제
각 게시판 및 댓글 관리 - 각 게시판별 조회, 삭제
설계의 주안점 1. 프로젝트 생성 및 관리를 통해 프로젝트 & 공모전등에 특화시켜 개발자들에게 보다 좋은 취업 환경을 제공합니다.
2. 여러 사람들의 의견을 모으고, 코드를 공유 및 질문할 수 있는 게시판 기능을 제공하여 학습의 질을 높였습니다.
3. 실시간 1:1 문의를 통한 소비자 친화적인 서비스를 지향합니다.
3 팀
신선한 땅의 맛
팀장/팀원 김**(팀장), 김**, 전**, 천**, 최**
개요 농산물 가격이 비싼 이유를 쓸데 없는 2차, 3차 유통이 있어서 유통 가격이 오르는 데에 있다고 보고 유통을 줄일 수 있을 법한 직거래 시장 플래폼을 만들어 보고 싶어서 주제를 선정했습니다.
구현기능 회원 기능:
- 가입 (구매자 / 판매자), 로그인 / 로그아웃
- 아이디 / 비밀번호 찾기, 회원정보 수정 / 탈퇴


상품 관리:
- 상품 조회 / 검색 / 상세정보
- 상품 주문, 댓글 및 좋아요 기능


주문 및 결제:
- 주문 내역 조회, 장바구니 관리
- 카카오페이 API를 활용한 결제 시스템


게시판 및 커뮤니케이션:
마켓 문의 및 댓글
- 후기 게시판, 댓글 기능
- 홍보 게시판, 댓글 기능


마이페이지 및 판매자 도구:
- 마이페이지 (회원정보, 구매목록, 문의글)
- 판매자용 마켓 개설 및 관리
- 통계 조회, 찜한 유저 조회


관리자 기능:
- 공지사항 관리, 회원 관리
- 마켓 / 상품 / 판매목록 / 통계 조회
설계의 주안점 카카오페이 결제 api를 사용하여 판매자와 구매자 모두 안전하고 편한 거래 플래폼을 만들고자 하였습니다. 또한 서로 소통도 간편하고 구매 목록도 메일로 전송 해주는 시스템을 사용하여 거래하는데 불편함이 없는 장소를 만드는게 목적입니다.
4 팀
믿고 쓰는 4조
팀장/팀원 이**(팀장), 김**, 오**, 이**, 천**
개요 기존 재능 판매 플랫폼들의 단점을 보완하여 더 쉽고 간편하게 재능을 판매하고 구매하는 사이트 구현
구현기능 1. 회원가입
2.로그인(ID/PW 찾기)
3.마이페이지 (일반 : 내 정보 조회 / 수정, 비밀번호 변경, 회원 탈퇴, 고수 : 고수 정보 조회 / 수정, 고수 비활성화 요청)
4.채팅
5. 관리자 페이지(공지사항 등록 및 삭제 / 회원관리 / 포트폴리오 관리 / 리뷰 관리 / 신고관리 / 게시판 관리)
6.공지사항 / 팁 / 고수요청 게시판
7.포트폴리오 게시판
8. 견적서 / 리뷰
9.결제
설계의 주안점 JSP, Spring, Mybatis 를 이용한 웹사이트 구현
복잡하고 불편한 기존 사이트들의 단점을 보완한 사이트 구현
데이터베이스 설계 원칙을 준수하여 데이터 베이스 스키마 설계
KH정보교육원
  • 고용노동부 선정
  • 5년 인증 우수훈련기관 선정
  • 대한민국 브랜드 어워즈 대상
  • IT교육부문 4년 연속 대상 수상
  • 고용노동부
  • 장관 표창

빠른 상담

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

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

교육희망 과정

희망과정 선택


세부 교육과정

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

교육희망 지점

신청자 정보

- -

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

1544
9970

대표문의
(연중무휴)

개강일정

개강일정

국비대상자 간편조회

국비대상자
간편조회

온라인 상담

온라인 상담

오시는길

오시는길

카톡 상담

카톡 상담

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

1544-9970

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

  • 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