KH 프로젝트

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

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

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

KH IEI PROJECT
 

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

한지오 강사 / 진은지 취업담임
2023. 06. 20 (351)

1 팀
page404
팀장/팀원 김**(팀장), 곽**, 박**, 변**, 유**, 홍**
개요 최근 점집을 찾는 수요가 늘고 있다.
경기침체와 취업난 등으로 '미래 불확실성'이 늘어가는 가운데 점괘를 통해 조금이나마 불안감을 덜 수 있다는 이유에서다.
구인구직 포털사이트 알바천국이 실시한 설문조에 따르면 지난해 MZ세대 10명중 9명이 운세를 본 적이 있다고 답할 정도이다.
수요가 높아짐에 따라, 전화상담 SNS방송 상담 등의 상담형태도 시대에 맞춰 다변화 하는 중이다.
이로인해, 온라인으로 물건을 구매하는 것처럼
소비자들이 편리하고 투명한 정보를 통해 용한 점집을 선택할 수 있는 중계 서비스를 제공
구현기능 1) 사용자
- 회원서비스 : 로그인, 로그아웃, 회원가입, 내정보 수정, ID / PW찾기, 탈퇴, 소셜로그인 / 아웃
- 게시판 : 글 작성 / 수정 / 삭제, 파일업로드 / 다운로드
- 게시물 : 작성, 수정, 삭제, 공개범위 설정
- 댓글 : 작성, 수정, 삭제
- 알림 : 작성한 글의 댓글,
- 찜(구독) : 제휴사의 소식 받기
- 예약 : 예약 / 수정 / 취소
- 결제 : 결제
- 채팅 : 1:1 채팅
- 리뷰 : 작성, 삭제
- 영상 : 등록, 삭제

2) 제휴사
- 회원서비스 : 로그인, 로그아웃, 회원가입, 내정보 수정 탈퇴
- 예약 관리 : 예약 시간, 상담 방식 수정

3) 운영사
- 사용자 관리 : 사용자 조회 / 수정 / 탈퇴 | 예약조회 | 게시글&댓글 조회 / 수정 / 삭제 / 검색 / 필터링 / 페이징
- 제휴사 관리 : 제휴사 조회 / 수정 / 탈퇴 | 예약조회 | 리뷰 조회/삭제 | 제휴사가 업로드한 홍보영상 조회 / 삭제
- 공지사항: 각 사용자&제휴사에게 운영사의 공지사항 작성 / 조회 / 수정 / 삭제 / 파일업로드
- 예약 / 결제 관리 : 내역 조회
설계의 주안점 - '사용자'들에게 원하는 유형의 점집을 소개
- '제휴사'들의 투명한 정보공개로 인한 경쟁심화, '사용자'에게 양질의 컨탠츠를 제공
- '제휴사'에게 마케팅, 고객 · 스케줄 관리 자동화된 수익 인프라를 제공
2 팀
우리의 우정
팀장/팀원 박**(팀장), 김**, 이**, 황**, 황**
개요 국내 음원 Source를 구매, 공유를 하는 사이트는 커뮤니티 위주로 소규모 네트워크에
그 수도 현저히 부족하다. 이에 간편하고 직관적인 UI를 통해 원하는 음원 Sample을 쉽게
다운로드하고, 공유하며, 게시판을 통해 커뮤니티를 구성할 수 있는 서비스를 제공한다.
또한, 자신이 만든 음원 Source로 서비스 내에서의 수익 창출을 할 수 있도록 유도한다.
구현기능 - 회원
: 로그인, 로그아웃, 회원가입, SNS회원가입, SNS로그인, 마이페이지
: 아이디 찾기, 비밀번호 찾기, 아이디 중복 검사, 닉네임 중복 검사
: 회원정보수정, 회원 탈퇴
: 프로필 이미지 업로드 / 수정 기능
: 이메일 본인인증 기능

- 음원
: 미리듣기, 플레이어( 재생, 일시정지, 이전, 다음 ),
: 장바구니 담기, 장바구니 알림
: 음원 Source 구매, Pack 전체 음원 Source 장바구니 담기
: 음원 Source 및 Pack 단위 업로드 기능
: 음원 Source 좋아요, Pack 좋아요 기능
: 태그별 분류 ( 장르, 악기, 악기세부사항, 분위기, 효과음 )
: 태그별 필터 ( 예) 장르 + 악기의 조건 )
: Rank ( 추천 수 기준 )

- 게시글
: 게시글 작성, 수정, 삭제
: 댓글 작성, 수정, 삭제
: 첨부파일 업로드
: 게시글 조회, 좋아요(추천)
: 게시판 카테고리별 검색 ( 공지, 자유 )
: 게시글 제목별 검색
: 페이지네이션

- 관리자
: 회원 등급 조정
: 회원 문의 답변
: 게시글 삭제

- 장바구니
: 항목 조회
: 항목 삭제
: 구매 [ 선택 구매, 전체 구매 ]
: 담기 [ 개별 담기, 전체 담기 ]

- 크레딧 서비스
: 결제(크레딧 충전) - 카드, 계좌이체, 모바일
: 크레딧 사용 내역 조회
: 항목 상세 조회
: 항목 삭제
: 결제 내역 조회
: 크레딧 현재 잔액 조회
: 크레딧 환전 신청
설계의 주안점 - 일반회원 가입뿐만이 아닌 카카오 회원가입을 통해 접근성 상승
- 추천 수 Rank 시스템으로 가장 반응이 좋은 음원소스 정보 제공
- 크레딧 서비스를 통한 수익 창출
- 음원소스 업로드를 통한 회원 수익 창출
- 취미부터 프로까지 쉽게 음원소스를 얻을 수 있는 시스템
3 팀
자만추
팀장/팀원 송**(팀장), 김**, 김**, 윤**, 이**, 함**
개요 최근 트렌디한 주류를 찾는 MZ세대 고객이 늘면서 위스키 시장이 폭발적으로 성장하고 있습니다.

그동안 위스키는 'old'하다라는 인식을 깨고 소비 주도층이 20~30대로 이동이되고 단순한 소비를 넘어서,

하나의 문화로 만들고 있습니다. 이러한 시대적 트렌드에 맞게 위스키와 관련한 사이트를 만들어 보았습니다.
구현기능 로컬 로그인, 카카오 로그인, 네이버 로그인

카카오 지도 API, 풀 캘린더 API를 활용한 등록 모임 조회, 검색 , 신청

Websocket을 이용한 실시간 채팅과 AJAX를 이용한 채팅내역 무한 스크롤

AJAX 기반의 사용자 게시판

Tosspayments의 API를 이용한 결제

Summernote web editor를 활용한 글쓰기 및 파일 가공
설계의 주안점 웹 애플리케이션을 개발하여, 낯선 개인들과의 대면 상호작용의 어려움과 코로나19로 인한 비대면 활동 증가로 인한
사회적 거리감의 문제를 해소하기 위해, 커뮤니티 게시판을 구현하여 사람들의 접근성을 증대시키고, 모임 참여의 불안감을 완화시킨다.

달력 API 및 지도 API와의 통합을 통해 직관적이고 사용자 중심의 인터페이스를 구현하며, 이를 통해 술 모임 신청 과정을 용이하게 만들어
사용자들에게 더욱 향상된 사용자 경험을 제공할수 있게 한다.

채팅, 댓글, SNS 형태의 게시판을 활용하여 활발한 사용자 소통과 커뮤니티 구축할수 있게 한다.

다양한 로그인 기능( 로컬 로그인, 카카오 로그인 및 네이버 로그인)을 병행하여 제공함으로써 사용자의 편의성을 극대화시킨다.

웹페이지의 다양한 관리자 업무에 대한 서비스를 한 페이지에서 제공하여 관리자의 업무량 감소, 업무 효율 증대와 삶의 질을 향상시킨다.
4 팀
귀엽조
팀장/팀원 윤**(팀장), 강**, 김**, 손**, 이**, 허**
개요 반려동물 플랫폼이 증가하는 추세이다.
하지만 강아지와 고양이 등 대중적인 동물들에게 초점이 맞춰진 경우가 많다.
최근 들어 유튜브, SNS의 영향에 의한 관심의 변경으로 대형 동물등의 특수동물들을 키우거나, 키우고자 하는 사람들이 많아졌지만
특수동물에 대한 정보를 제공하는 플랫폼은 부족하다고 느껴졌다.
우리는 대중적인 동물들뿐만 아니라 특수동물에도 초점을 맞춘 사이트를 제작하여
특수동물을 취급하는 병원을 쉽게 찾을 수 있으며, 같은 동물들을 키우는 사람들이 모여 서로 도울수 있는 커뮤니티 사이트를 제공하고자 한다.
구현기능 ================================회원 페이지========================================

- 회원서비스 : 로그인, 소셜로그인, 마이페이지, 회원가입, 정보수정, 병원등록, 펫정보등록 ,회원탈퇴

- 쇼핑 : 쇼핑리스트, 쇼핑검색, 장바구니, 결제, 구매내역, 리뷰작성, 상품신고

- 쪽지 : 쪽지보내기, 쪽지보기, 쪽지저장, 읽음처리, 받은지 30일이 지난 쪽지는 자동삭제, 관리자를 제외한 모든 유저에게 전체쪽지보내기

- 공지사항 : 공지사항 조회

- 게시판 : (종류) 자유게시판, 중고거래, 품앗이
게시글쓰기, 게시글조회, 거리별 게시판 리스트 띄우기, 게시글수정, 게시글삭제, 댓글, 대댓글(깊이제한없음) 쓰기 / 삭제 / 추천, 게시글추천

- 병원 : 병원 등록(파일 업로드), 병원 목록, 병원 검색(반경), 사용자와 병원 사이 거리, 좌표 기반 지도 api


================================관리자 페이지========================================

- 관리자메인페이지 : 링크별 헤더수정, 메인페이지 관리

- 상품관리 : 상품목록보기, 상품등록, 상품수정, 상품판매중단 및 재개, 신고상품관리, 불량신고자처리, 선택신고상품처리, 개별신고상품처리, 신고처리
상품 처리완료 표시, 구매자관리, 선택 구매자 구매완료처리, 구매완료 처리시 물품갯수처리 및 수정

- 신고관리 : 게시글신고조회, 신고게시글 삭제, 신고댓글수정, 불량신고자&피신고자처리, 게시글신고 처리완료표시, 댓글 신고 처리완료 표시

- 유저관리 : 유저조회, 유저검색, 유저수정

- 블랙리스트 관리 : 블랙리스트조회, 블랙리스트 추가, 블랙리스트 중복제거, 블랙리스트 선택해제, 블랙리스트 개별해제

- 공지 관리 : 공지조회, 공지작성, 공지수정, 공지삭제
설계의 주안점 - 다양한 SNS를 통한 로그인 시스템

- 특수동물 병원 위치 정보 제공

- 품앗이를 위한 거리별 게시글 띄우기

- 가까운 병원 위치와 진료가능 여부 제공
5 팀
i6 <아이식스>
팀장/팀원 이**(팀장), 김**, 김**, 박**, 엄**, 이**
개요 우리나라 1인당 플라스틱 쓰레기 배출량이 세계에서 상위권 이라고 한다.
이를 통해 미래에도 지속 가능한 지구를 꿈꾸는 웹사이트 기획하고 싶었다.
환경에 관련된 캠페인과, 챌린지를 알려주고 환경을 보존하는 정보를 서로 공유하고 질문을 통해 알아가며, 
자신이 참여한 챌린지와 캠페인을 기록하는 커뮤니티를 제공한다.
구현기능 - 회원: 로그인, 로그아웃, 회원가입, 마이페이지, 내정보 수정, 탈퇴

- 메인: (환경기념일)달력, 랜덤퀴즈, 굿즈샵

- 마이페이지: 회원정보 조회, 수정, 탈퇴 / 작성글 보기, 작성 댓글 보기, 삭제 / 주문내역 확인

- 관리자: 자유게시판 공지 작성, 수정, 삭제 / 정보게시판 글 작성, 수정, 삭제 / 캠페인게시판 캠페인 작성, 수정, 삭제, 참여글 확인
/ 상품등록, 상품삭제, 상품옵션추가 / 상품 문의 답변하기

- 쇼핑몰: 장바구니 담기,변경,선택삭제, 선택주문, 전체주문, 문의하기 ,결제하기, 상품조회

- 커뮤니티: 소개게시판(웹페이지 소개)
정보게시판(추천수인기글, 썸네일 형식)
자유게시판(CRUD,댓글, 좋아요, 페이지네이션, 검색, 말머리글)
캠페인게시판(게시글 필터링, 페이지네이션, 달력(기념일, 작성한 인증글 목록, 모달을 이용한 인증글 작성, 삭제))
설계의 주안점 - 환경에 관한 캠페인과 챌린지를 직관적으로 소개
- 유저 간 환경을 보존하기 위한 정보와 질문을 자유롭게 소통
- 캘린더 api 를 통하여 유저가 참여한 챌린지와 캠페인을 기록
- 친환경 환경 제품을 쇼핑을 통하여 물품 구매
- 카카오톡api, 네이버api 로그인 시스템
- 캘린더를 통해 환경기념일 확인 가능
- 말머리글로 게시글 구분
- 검색창을 통해 원하는 게시글 제공
6 팀
아이무비
팀장/팀원 김**(팀장)
개요 영화에 대한 정보를 공유하고 이야기를 나눌 사이트가 필요
구현기능 회원서비스 : 로그인, 로그아웃
게시물 : 작성, 수정, 삭제, 검색, 댓글
설계의 주안점 영화에 대한 정보 공유와 영화를 보고난 후의 소감과 의견을 나눌 수 있는 게시판을 제작
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