KH 프로젝트

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

(디지털컨버전스) 디지털 콘텐츠와 웹 융합 응용SW개발자 양성과정 [종로지원]

프로젝트 발표날짜 : 2021. 06. 15

KH IEI PROJECT
 

(디지털컨버전스) 디지털 콘텐츠와 웹 융합 응용SW개발자 양성과정 [종로지원]

민봉식 강사 / 김혜림 취업담임
2021. 06. 15 (F)

1 팀
스펙트럼
팀장/팀원 오**(팀장), 한**, 이**, 김**, 박**
개요 독립 유공자분들을 추모하는 동시에, 어려운 처지에 있는 그 분들의 후손들을 도울 수 있는 방법이 없을까 하는
생각에서 사이트를 기획하게 되었습니다. 그래서 기존의 펀딩 사이트에 '기부' 섹션을 추가하였고, 독립 유공자분들의 활동 정보도 검색할 수 있고, 역사적 가치가 있는 사적지를 방문하며 회원들끼리 서로 소통하면서 방문인증시 적립되는 포인트로 기부도 할 수 있는 할 수 있는 종합 커뮤니티&클라우드 펀딩 플랫폼을 만들었습니다.
구현기능 - 로그인/로그아웃/회원가입/회원정보수정,삭제/회원탈퇴 기능
- 회원가입시 독립유공자 DB를 통한 닉네임 자동 생성 기능
- 마이페이지에서 회원의 댓글, 좋아요 ,게시글 목록 확인 및 수정 기능
- 관리자 페이지의 그래프 API를 이용한 펀딩, 기부 작성 내역 확인 기능
- 관리자 페이지의 캘린더 API를 이용한 펀딩, 기부 작성 목록 확인 기능
- 지도 API를 활용하여 사적지의 위치 확인 기능
- 유공자 정보(약 16000건) 검색 기능
- 관리자페이지에서 회원 관리 및 댓글, 게시글 관리 기능
- 결제 API를 이용한 결제 및 결제 금액만큼의 포인트 충전 기능
- 회원 간 쪽지 및 포인트(선물하기) 전송 기능
- 각 게시글 별 '좋아요' 기능
- 펀딩, 기부 리스트 정렬(최신, 좋아요순, 모금액순) 기능
- 펀딩&기부 제안하기 통한 프로젝트 생성 및 수정, 삭제 기능
- 펀딩&기부 포인트를 통한 참여 및 후원하기 기능
- 독립 유공 관련 사적지 방문 인증글 작성시 현재 작성자의 지도 API 및 위치 API 확인 기능
- 독립 유공 관련 사적지 방문 인증글 작성시 포인트 지급 기능
설계의 주안점 -공훈전자사료관 : 정부 사이트로써 독립 유공자에 대한 상세한 정보를 얻을 수 있지만 단순히 정보를 나열
하고 있다는 단점이 있음.
-독립운동가 어플: 독립운동가를 기리는 목적을 가진 사이트로써 정보전달 및 관련 홍보에 주안점을 두지만
유저의 활동거리가 없다는 한계가 있음.
-크라우디 : 한국의 대표적인 크라우디 펀딩 사이트로써 다양한 주제로 펀딩이 가능하지만 투자와 수익성
위주로 이뤄져 공익성이 부족.
-무바다 : 독립영화 펀딩 사이트로써 영화 한정으로 제작자, 출연자 등을 연결해주는 플랫폼 역활의 펀딩
서비스지만 영화라는 한 장르에 한정적임.

설계 시에 '독립유공자', '크라우드 펀딩' 두 가지를 주된 특징으로 하여
1) 독립 운동과 관련한 정보를 확인하고 이에 대한 생각을 공유할 수 있는 커뮤니티 파트와
2) 크라우드 펀딩방식의 펀딩 및 기부 프로젝트에 참여할 수 있는 펀딩/기부 파트로 크게 나누어 설계하였습니다.

다른 서비스들과의 차별점은 독립 유공자 정보를 활용한 닉네임생성이나 사적지 방문기능을 통하여
이용자들이 능동적인 커뮤니티 활동을 통하여 독립 유공자분들을 기억할 수 있는 계기들을 제공하고 있고,
독립유공자분들의 후손이나 그들의 업적을 기리기 위한 활동에 쉽게 참여하고 기여할 수 있는 통로를
제공하고 있다는 데에 있습니다.
2 팀
철이없었조
팀장/팀원 김**(팀장), 이**, 홍**, 전**, 전**
개요 프로젝트 '부캐'란 일상생활을 하는 본 캐릭터가 아닌 부 캐릭터의 모습으로 새로운 나를 발견하기 위해 자신만의 취미생활을 가지며 일상생활에서 벗어나 오로지 자신만의 취미 시간을 보낼 수 있는 것을 목표로 한 플랫폼이다.
구현기능 1. 일반 회원 / 업체 회원 / 관리자 로 구분
- 공통 기능 : 회원가입 / 로그인 / 회원정보수정 / 로그아웃 / 회원탈퇴
- 일반 회원과 업체 회원 로그인 탭 구분
- 일반 회원의 경우 카카오를 활용한 소셜 로그인기능 구현
- JavaMailSender.js 를 활용한 아이디 / 비밀번호 찾기 구현
- ajax를 이용하여 실시간 유효성 검사 기능 적용

2. 클래스와 액티비티로 섹션을 나누어 다양한 취미 활동 제안
- 업체 회원이 클래스 및 액티비티 CRUD 가능하도록 구현
- 일반 회원은 로그인을 해야 모든 기능 사용이 가능함
- 일반 회원이 클래스 및 액티비티를 찜 추가/취소 할 수 있는 기능 구현
- 일반 회원이 클래스 및 액티비티를 예약 및 취소 할 수 있는 기능 구현
- 클래스 및 액티비티 예약이 승인 된 수업을 아임포트api를 활용하여 결제 기능 구현
- 카카오맵api를 활용하여 각 클래스 및 액티비티 장소를 표시
- 풀캘린더를 사용하여 예약된 클래스와 액티비티 대기 및 승인 상태를 확인

3. 1:1 채팅 (일반 회원 - 업체 회원)
- 웹소켓을 이용하여 업체회원과 유저간 실시간 채팅 기능 구현
- 채팅방 목록과 채팅 내역을 DB에 저장

4. 관리자
- 관리자 대시보드 활용 하여 클래스, 액티비티, 후기, 회원(일반,업체) 등 포괄적인 정보를 확인할 수 있는 기능 구현
- 각 항목에 대한 삭제 / 취소 ajax 및 jQuery로 기능 구현

5. 후기
- 일반 회원이 클래스 및 액티비티 결제가 완료 된 수업만 후기게시판에 글을 남길 수 있는 기능
- 후기 게시판에 있는 글에 대한 좋아요를 기록하고 ajax로 확인 및 취소 가능
- ajax를 이용하여 후기글에 댓글 남기기 기능

6. 추천하기
- 사용자의 취향에 맞는 클래스 및 액티비티를 추천해주는 기능

7. 공지사항
- 사이트 하단 혹은 드롭다운 메뉴로 접근 가능
설계의 주안점 - 예약의 승인 과정을 도입하여 업체가 승인할 시 결제 기능이 구현 됨
- 업체 회원의 경우 회원가입시 관리자의 승인을 요구
3 팀
세일러문
팀장/팀원 이**(팀장), 김**, 박**, 박**, 조**
개요 보호자의 식사 제공이 어려워 결식 우려가 있는 아동, 청소년들에게 꿈나무카드 소지 시 결제 없이 무상으로 식사를 제공하는 착한 가게를 소개하고 간편한 접근, 기부할 수 사이트를 구현하고자 하였습니다.
구현기능 - 가게별 위치를 나타내는 지도 마커와 가게 상세정보 구현
- 메인페이지, 가게검색에서 가게 이름 검색으로 편리한 접근성 제공
- 리뷰를 한눈에 모아볼 수 있는 게시판 형태의 커뮤니티(리뷰, 추천글, 공지, 문의)
- 관리자에게 문의할 수 있는 채팅 기능 구현
- 회원의 정보를 보호하기 위한 스프링 시큐리티 구현
- 포인트 기능, 기부 시에 포인트 사용 가능
- 아임포트 API를 사용한 결제기능과 결제 후 플러스 포인트 룰렛 구현
- 방문할 날짜를 정할 수 있는 예약기능 구현
- 가게 찜 기능
설계의 주안점 - 결식아동에게 메뉴 제공 의사 있는 가게를 모음
- 위치를 알리는 지도 제공
- 가게별 상세한 정보 제공
- 회원 편리를 위한 카카오/구글 로그인
- 시간을 특정한 예약기능 제공
- 찜 기능 및 아임포트를 사용한 기부 기능 시스템화
- 관리자와 문의 채팅 기능
- 크게 세 유형으로 나뉜 회원
4 팀
뿌리
팀장/팀원 김**(팀장), 백**, 신**, 오**, 이**
개요 솔리프(souLeaf)는 소울(SOUL) + 리프(LEAF)의 합성어입니다. 반려식물을 키우고 싶지만 정보가 없어 힘들었던 사용자에게 맞춤 식물 정보를 제공합니다. 식물 찾기를 통해 내가 원하는 식물을 검색 하고 반려식물 등록 후 성장일기를 통해 해당 식물의 상세한 기록을 할 수 있습니다. 또한 식물자랑, 식물클리닉, 궁금해요 게시판을 활용하여 식물을 쉽고 재미있게 다가갈수 있도록 하였습니다.
구현기능 - 1:1채팅
- 캘린더 api
- 날씨 api
- 식물찾기 (3차분류 검색을 통한 상세한 검색)
- 식물자랑 (대댓글 기능과 이모티콘 기능)
- 식물클리닉 (댓글 채택 기능)
- 궁금해요 (식물 해시태그 기능)
- QnA
- 마이페이지  (회원정보, 반려식물 정보, 내 게시글 관리, 내 댓글 관리, 비밀번호 변경, 회원 탈퇴)
- 관리자페이지 (도감관리, 회원관리, 게시글 관리, QnA 관리)
- 로그인, 카카오로그인
- 이메일인증을 통한 회원가입, 비밀번호 찾기, 아이디찾기
설계의 주안점 - 채팅 기능으로 사용자들의 소통이 원활하게 함
- 성장일기로 반려식물을 기르는 과정을 세세히 기록 가능
- 등록한 반려식물의 물주는 날을 달력에 표시해주는 것이 관건
- 각 게시판 별로 특징을 주어 사용자들이 홈페이지 사용시 재미를 줌
5 팀
삼팔광땡
팀장/팀원 박**(팀장), 김**, 최**, 김**, 이**
개요 코로나 사태가 계속 이어지면서 함께 만나서 할 수 있는 스터디는 어려운 일이 되었습니다. 하지만 이렇게 사람을 만날 수 없는 시기일수록 함께 공부하거나 자신의 창작에 대한 피드백을 받고 싶어하는 사람들의 욕구도 커져가고 있습니다. 이렇게 함부로 만날 수 없는 사람들의 함께 만나서 공부하고자 하는 스터디 니즈를 충족하고자 ‘스터디어스’를 기획하게 되었습니다.
구현기능 * 로그인, 소셜 로그인(네이버), 회원가입(이메일 인증), 아이디 찾기(이메일 인증), 비밀번호 찾기(이메일 인증)
* 마이페이지 : 가입한 스터디 목록, 내 일정(캘린더), 작성한 스터디 카페 후기 목록, 내 정보 조회/수정, 내 결제 정보 조회
* 스터디 검색 : 해시태그, 해시태그 검색
* 스터디 생성, 스터디 가입 신청
* 스터디
* 메인 : 최신 공지사항, 프리미엄, 출석 인원 조회, 출석 요일 조회, 최근 30일 출석률 조회, 출석 확인, 출석률 TOP5 그래프, 프로젝트 현황 그래프
* 일정(캘린더) : 전체 스터디 일정 조회, 일정 정보 모달창, 일정 카테고리별 조회
* 공지사항 : 공지사항 조회, 공지사항 작성/수정/삭제, 메인 공지사항 등록/수정
* 게시판 : 게시글 작성/수정/삭제, 댓글 등록/수정/삭제, 게시글 검색(카테고리별 검색 가능), 파일 업로드/다운로드
* 과제 : 과제/과제 그룹 조회, 과제 작성/수정/삭제, 과제 그룹 추가/수정/삭제
* 과제 파일함 : 이미지 파일 조회, 기타 파일 조회
* 채팅 : 실시간 채팅, 채팅 참여자 확인
* 출석 확인 : 전체 출석률 조회, 회원 출석 기록 조회(날짜순, 닉네임순 정렬), 회원 출석 기록 검색(날짜별, 닉네임별)
* 회원 목록 : 스터디 회원 목록 조회(닉네임, 이메일, 과제율, 출석률), 스터디 회원 추방
* 게시물 관리/ 댓글 관리 : 게시판과 과제 제출 게시물과 댓글 조회, 검색
* 가입신청 관리 : 스터디 가입신청자 목록 조회, 스터디 가입 승인/거부
* 스터디 샵 : 결제
* 스터디 카페 : 스터디 카페 목록, 스터디 카페 조회, 스터디 카페 예약, 후기 작성
* 관리자 페이지
* 회원 관리 : 회원 목록 조회, 회원 삭제, 회원 검색(카테고리별)
* 스터디 관리 : 스터디 목록 조회, 스터디 삭제, 스터디 검색(카테고리별)
* 스터디 카페 관리 : 스터디 카페 목록 조회, 스터디 카페 등록/삭제, 스터디 카페 정보 수정, 스터디 카페 룸 설정
* 예약 관리 : 스터디 카페 예약 현황, 예약 관리(캘린더), 예약 정보 모달창, 예약 취소
* 결제 관리 : 결제 정보 목록 조회, 결제 정보 검색(카테고리별)
설계의 주안점 * 회원가입과 비밀번호 재설정에서 mailsender를 통해 인증번호, 임시 비밀번호 발송함
* Apache Commons FileUpload를 통한 파일업로드와 이미지파일은 imgscalr을 이용해 썸네일 생성
* WebSocket을 이용하여 채팅방 및 실시간 채팅 구현
* Lombok을 이용하여 어노테이션 설정으로 간단하게 Domain의 메소드를 생성함으로써 작성 코드를 줄여줌
* Chart.js를 사용해 실시간으로 변경되는 그래프를 구현
* Fullcalendar 라이브러리를 이용한 휴가 현황 및 프로젝트 전체 일정, 모임 일정 캘린더 구현
* 카카오 장소 검색 api를 이용해 관리자 스터디카페 등록시 장소를 지정해 인서트 할 수 있도록 구현
* AJAX를 통해 프로젝트 상세 페이지를 한 페이지에 구현
* INIAPI를 이용해 카카오페이, 네이버 페이, 신용카드 결제 등의 결제 구현
* pdf.js를 통해 pdf 파일 미리보기와 뷰어 구현
* 게시글 페이지와 과제 페이지에서 quill을 사용한 글 작성 페이지 구현
* 공지사항 페이지에서 SummerNote를 사용한 글 작성 페이지 구현
* 도로명주소 API를 사용하여 스터디카페 등록 시 주소 검색 등록 구현
6 팀
텔레토비
팀장/팀원 조**(팀장), 한**, 김**, 이**
개요 회사에 입사하기 전에 기업에서 가장 많이 쓰는 프로그램을 직접 코딩함으로서 직무를 이해하고자 함에 있다.
구현기능 - 로그인/로그아웃/회원가입/회원정보수정/회원정보삭제/회원탈퇴
- 날씨 API를 이용한 현재 위치의 실시간 날씨 확인 가능
- 회사 대표 및 사용자가 속한 부서의 부서장의 현재 상태를 확인할 수 있는 집무 현황
- 부서별 실시간 대화가 가능한 채팅기능
- 결재자를 선택하고 결재문을 올리면 해당 결재자들이 결재문을 검토하여 결과를 보여주는 전자결재 기능
- 조직도 리스트를 활용하여 특정 사원에게 파일과 글보낼 수 있는 메일 기능
- 사용자만 볼 수 있으며, 중요한 일을 적어놓도록 캘린더를 활용한 일정 기능
- 사용자만 볼 수 있으며, 메모를 적어놓을 수 있는 ToDoList(메모) 기능
- 캘린더를 활용하여 회의실을 예약할 수 있는 예약관리 기능
- 사용자의 근무일수에 따라 연차가 부여된 것을 확인할 수 있으며, 연차를 신청할 수 있는 근태 기능
- 부서별 방을 생성하여 다양한 이야기를 나눌 수 있는 스레드형식의 게시판
- 게시판 답글 기능
- 기간을 설정하면 해당 기간동안만 진행되는 투표 및 익명/실명 작성자만 보기 설정이 가능한 결과보기 기능
설계의 주안점 LG의 그룹웨어 프로그램 'U+윅스', '워크 플로우 전자결재 시스템' 과 같은 사이트를 참고하였습니다.
위와 같은 타사와 전체적인 기능은 비슷하지만, 'GroupEroom'은 소형 기업 및 전자 결재, 부서별 소통, 현황에 더욱 집중하여 업무의 능률 향상 효과를 기대할 수 있습니다.
또 한, 개인 다이어리를 쓰는 듯한 느낌을 줄 수 있도록 퍼스널 서비스도 추가하였으며, 접근성을 용이하기 위해 Web기반 플랫폼으로 설계의 주안점을 두었습니다.
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 삼비빌딩 1F, 12F