KH 프로젝트

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

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

프로젝트 발표날짜 : 2023. 08. 16

KH IEI PROJECT
 

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

심원용 강사 / 박민수 취업담임
2023. 08. 16 (362)

1 팀
푸리미엄
팀장/팀원 견**(팀장), 김**, 김**, 윤**, 윤**
개요 꿀단지는 푸리미엄 아파트의 입주민들에게 유용한 서비스를 제공하는 웹 플랫폼입니다.
이웃 간 소통의 부재를 해소하기 위한 게시판, 1:1 채팅 기능과
아파트 관리 업무의 편리함을 위하여 온라인 관리비 고지, 편의시설 관리,
아파트 회원 상벌점 관리 기능들을 이용할 수 있습니다.
구현기능 <회원>
- 회원 정보 : 로그인, 회원가입, 아이디 찾기/비밀번호 재설정, 정보 수정, 탈퇴
- 캘린더 : 회원 일정 등록, 삭제
- 가계부 : 등록, 수정, 삭제, 검색
- 사유물(자동차,자전거) : 등록, 삭제, 검색
- 나의 활동 : 내 게시글, 댓글, 좋아요 글, 상벌점내역 조회
- 관리비 : 조회, 납부
- 게시판 : 작성, 수정, 삭제, 좋아요, 댓글 작성, 댓글 삭제,댓글 수정, 투표, 검색, 정렬
- 편의시설 : 예약, 편의시설 정보 조회
- 조식 : 신청, 신청 내역 조회, 신청 취소
- 주변시설 : 검색, 평가 등록, 평가 조회
- 고객센터 : FAQ 조회, 1:1문의 등록, 조회
- 1:1 채팅
- 알림(택배,배달) 조회
- 동대표 선호도 투표

<관리자>
- 관리자 정보 : 로그인, 회원가입, 정보 수정, 탈퇴
- 회원 관리 : 신규 회원가입 승인, 전체 회원 조회, 검색
- 회원 제재 : 조회, 제재, 수정, 검색
- 회원 상벌점 : 조회, 삭제, 수정, 검색
- 고객센터 : FAQ 조회, 검색 , 1:1 문의 조회, 답변, 삭제, 검색
- 캘린더 : 아파트 공동 일정 등록, 삭제
- 사유물(자동차,자전거) : 승인, 반려, 조회
- 관리비 : 전체 관리비 조회, 등록, 삭제, 수정, 고지, 엑셀 다운로드
- 게시판 : 공지게시판 작성, 투표 생성, 회원 글 삭제, 회원 댓글 삭제
- 편의시설 : 정보 변경, 예약자 조회
- 조식 관리
- 알림(택배,배달) 전송

<기타>
- 날씨 조회, 미세먼지 수치 조회
- 우수 이웃 조회, 우수 동 조회
설계의 주안점 - 게시판과 1:1 채팅을 통한 아파트 주민 간의 소통 활성화
- 온라인 편의시설 예약을 통한 불편함 해소
- 배달 / 택배 알림을 통한 업무의 간략화
- 온라인 관리비 납부 / 조회를 통한 주민 편의성 도모
- 가계부, 일정 관리로 회원 만의 공간 형성
2 팀
2조실력거품 언빌리버블
팀장/팀원 김**(팀장), 윤**, 김**, 김**, 조**
개요 워크스페이스를 통해 팀원과 원활하게 업무를 공유하고 동물의 상태를 효율적으로 기록하여 담당 동물에 대한 종합적 관리를 위한 그룹웨어입니다.
구현기능 <로그인>

- 발급 받은 아이디와 비밀번호로 비밀번호 설정 후 로그인이 가능

<비밀번호 설정>

- 자신의 아이디로 원하는 비밀번호 설정 가능 (5자 이상 , 특수문자 1개 포함)

<비밀번호 재 설정>

- 비밀번호 분실 시 자신의 이메일로 본인인증 후 재 설정 가능

<동물 기능>

동물 리스트

- 동물원의 현재 보유 동물 수를 보여주며 카테고리별 검색이 가능 .한페이지당 10개씩 보여주며 페이징 처리

동물 등록

- 동물의 프로필 사진이 등록 계통, 멸종위기 등급, 담당부서, 애칭, 식성, 서식지, 방사장, 등록일시 등록 가능

동물 훈련 일지

- 훈련 일지 작성은 제목과 훈련 내용 작성 가능
- 훈련 일지 상세 조회시 등록일시, 제목, 내용 확인 가능
- 제목과 훈련 내용 수정 가능

동물 건강검진 일지

- 건강 검진 일지 작성은 유질환 , 생활습관 관리 , 건강상태 작성 가능
- 건강검진 일지 상세 조회시 유질환, 생활습관 관리 , 건강상태 확인 가능
- 유질환 , 생활습관 관리 , 건강상태 수정 가능

동물 세부 정보

- 해당 동물의 상세 정보를 보여주기
- 건강검진 작성 가능
- 훈련일지 작성 가능
- 해당 동물의 건강 정보 조회가 가능
- 해당 동물의 훈련일지 정보 조회 가능
- 폐사 처리 가능

<설문조사>

설문조사 평균 점수

- 모든 직원들의 설문조사 후 점수의 평균 점수 보기 가능
원의 테두리의 색이
0점~30점 :초록색
31점 ~60점 : 주황색
61점 ~ 100점 : 빨간색
으로 색이 변함
(점수가 높을수록 좋지않음)
- 매월 16일 마다 설문조사 가능

설문조사 항목

- 모든 항목을 체크하지 않은 채로 제출하기 버튼을 누를시 제출이 불가.
- 해당항목의 체크 상태 초기화 가능

업무할당

- 자신의 업무 명, 내용 , 마감날짜 작성 가능
- 체크리스트 표시 로 자신의 업무 진행도 확인 가능
- ToDo - Doing - Done 자유롭게 드래그앤 드롭 가능

<지도>

- 원하는 위치 검색시 마커 표시 가능

<사이드바>

- 토글방식이며 해당 프로젝트의 페이지 보기 가능


(관리자)

- 인사등록 : 프로필사진첨부 및 미리보기, 직급에 맞춰 급여 자동선택, 번호 입력시 자동으로 하이픈 생성, 정상 등록시 인사목록으로 이동, 주소 api 사용
- 인사목록 : 정상등록된 인사목록 확인 가능, 전체직원 수 표시, 페이징, 검색기능
- 인사정보수정 : 프로필사진 수정 및 전체 정보 수정
- 공지사항작성 : 공지사항 작성, 파일첨부 및 임시저장, 댓글 허용여부 및 우클릭 허용여부 설정
- 공지사항목록 : 게시글 복사, 수정(여러개 선택 시 수정불가능 하나의 게시글만 골라야 수정할 수 있음), 삭제, 페이징, 검색기능
- 공지사항 상세조회 : 게시글 복사, 수정, 삭제, 댓글 작성 및 삭제, 댓글 태그 기능
- 건의사항목록 : 직원이 작성한 건의사항 복사 및 삭제, 원하는 게시글 공지로 등록, 페이징, 검색기능
- 건의사항 상세조회 : 게시글 복사 및 삭제, 공지로 등록, 댓글 작성, 댓글 태그 기능

(직원)

- 건의사항작성 : 파일 첨부, 우클릭 허용여부 및 공개 설정 범위와 댓글 허용여부 설정
- 건의사항목록 : 페이징, 검색기능, 비밀글은 본인 및 관리자만 열람 가능
- 건의사항 상세조회 : 본인이 작성한 게시글 복사, 삭제, 수정 가능
- 공지사항목록 : 페이징, 검색기능, 관리자가 작성한 게시글 열람
- 공지사항 상세조회 : 댓글 작성, 본인이 작성한 댓글 삭제, 댓글 태그 기능
- 프로젝트 생성 : 필요한 인원과 프로젝트 생성가능
- 프로젝트 상세조회 : 프로젝트 할일 등록, 진행상태 조회, 달력 기능, 공지사항 및 건의사항 바로가기 기능,
팀 채팅 기능


<근태 관리>

1. 출퇴근 등록
- 출근 퇴근 등록 시 기록 저장
- 하루에 한번씩, 중복 출퇴근 등록 불가능
- 등록 시 출퇴근 전용 달력에 기록 저장
2. 목록(기록) 조회
- 휴가 요청, 추가 근무 요청 현황 조회 가능
- 내 출근 현황, 부서 출결 현황 조회 가능
- 휴가(연차) 잔여 개수 확인 가능
- 총 근무 현황 조회 가능
- 검색 기능 (상태에 따른 검색)
3. 근무 이의 신청
- 출결 조회 후 관리자에게 이의 신청 가능
(사유 작성/승인 여부 조회 가능)
4. (관리자) 유저 전체 조회
- 검색 기능 (날짜 별, 부서/사원 별)
- 이의 신청 건수 확인 후 이동 가능
5. (관리자) 이의 신청 처리
- 이의 신청 요청한 목록 조회 가능
- 사유 확인 후 승인 여부 결정 가능
- 검색 기능 (날짜 별, 부서/사원 별)
- 승인 후 결과 바꾸기

<회의실>

1. 회의실 조회
- 회의실 목록 조회 가능
- 가능한 날짜 별, 시간 별 회의실 조회 가능
2. 회의실 예약
- 회의실, 시간 선택 후 예약 가능
- 본인 예약 기록 조회
- 예약 취소하기
- 달력과 연동되어 예약 취소 시 반영
3. (관리자) 회의실 관리
- 회의실 추가, 수정, 삭제 가능 (사진 등록 가능)

<일정 관리>

1. 일정 등록
- 타입 별 일정 등록 가능
- 수정, 삭제, 추가 가능
2. 일정 조회
- 일정 조회 가능
- 검색 기능(타입 별)

<에러 관리>

1. error
2. 404 error
3. 500 error



<홈화면>
⦁ 프로필
- 로그인한 사용자의 정보 가져오기
- 개인정보, 상태메세지 수정 가능
⦁ 날씨
- 공공데이터를 활용하여 현재 좌표의 날씨 정보를 가져옴
- 오전, 오후 6시를 기준으로 밤과 낮을 판단하여 배경색 , 해와 달 아이콘 변경
- 날씨 정보에 따라 아이콘 변경
⦁ 달력
- API를 활용하여 오늘 날짜 확인 가능
⦁ 뉴스/ 최신글
- 뉴스에서 공지중 이벤트 카테고리의 리스트를 가져옴
- 최신글에서 커뮤니티중 게시판에서 카테고리 상관없이 최근 글 목록을 가져옴
- 클릭으로 상세 페이지 이동
⦁ 일정
- 본인이 포함된 일정정보를 가져오고 남은 날짜를 표시함
⦁ 근태 현황
- 마지막 근무일자의 정보를 가져오고 출퇴근 시간을 표기함
⦁ 커뮤니티
- 커뮤니티 카테고리중 부서 자유의 게시글 목록을 표시함
- 클릭시 상세 페이지 이동
⦁ 공지
- 가장 최근 작성된 공지 표시
- 클릭시 공지 목록 페이지로 이동

< 문서 >

- 카테고리별 목록 표시
- 파일이름 , 작성자 , 파일유형에 따라 검색 기능
- 게시글 클릭시 상세 페이지 이동 및 파일 다운로드 가능

⦁ 업로드

- 공개 범위를 지정해서 업로드 가능
- 유저의 고유 번호와 디렉토리 번호 그리고 파일 번호로 관리
- 업로드후 AJAX를 통해 비동기로 목록에 새롭게 업로드한 파일 추가

⦁ 폴더

- 개인 문서의 이름 변경 가능
- 새 폴더 추가 가능

<커뮤니티>

- 카테고리별 게시글 목록 표시
- 제목과 작성자 검색 기능
- 목록 상단에 최근 공지 2개 표시
- 클릭시 상세 페이지

⦁ 글쓰기

- 공개 범위 지정 가능
- 썸머노트로 글작성 가능
- 파일 업로드 기능



주소록 : 부서별 사원목록을 확인 가능하며, 해당 사원의 상세 정보를 볼 수 있으며 메일을 바로 보낼 수도 있습니다.

메일 작성 : 받는 사람, 참조, 숨은 참조 설정이 가능합니다. 파일을 첨부할 수 있습니다.
메일 목록 : 받은 메일, 전체 메일, 내게 쓴 메일, 휴지통, 중요, 개인 메일함 카테고리로 메일 목록을 확인 할 수 있습니다.
메일 상세보기 : 받은 메일의 상세 내용을 확인할 수 있습니다.

결재 작성 / 상신 : 원하는 양식의 문서를 선택하여 작성할 수 있습니다. 결재자와 참조인을 설정할 수 있습니다.
결재 목록 : 내가 받은 문서, 내 결재 대기중인 문서, 참조 결재 문서, 내가 상신한 문서별로 목록을 조회 할 수 있습니다.
결재 상세보기 / 결재 : 문서의 상세 내용을 확인 할 수 있으며, 결재자라면 결재를 진행할 수 있습니다.
설계의 주안점 업무할당 : 자신의 일을 처리할 수 있게 재미있고 유연한 방법을 고려하였고 , 시각적이고 사용도 간편하게 만들려 했습니다.


- 관리자와 일반회원의 접속경로를 다르게하여 일반회원의 무분별한 접근을 막고
프로젝트를 생성하여 1:1채팅, 그룹채팅이 가능하도록 하였습니다.


반복되는 기능들은 페이지 수를 간소화시켜 이동의 불편함을 줄이고자 하였습니다.
간단하게 담으면서도 알찬 화면을 구성하고자 하였고, 기능적으로 사용자가
이용하는 데에 불편함 혹은 정보 오류가 나지 않게 처리하기 위해 노력하였습니다.

사용하기 편하게, 불필요한 시선 분산을 줄이도록 UI 부분에 조금 무게를 두었습니다.
또한 홈 화면에서 업무중에 필요한 정보를 효과적으로 담아내고자 했습니다.


주소록, 메일, 전자결재 : 기존 다른 프로그램과 최대한 유사하게 이용하기에 친숙하고 직관적이게 만들려 했습니다.
3 팀
삼위일체
팀장/팀원 지**(팀장), 송**, 이**, 곽**
개요 생명, 건강과 관련된 업무가 진행되는 병원에서
행정 업무에 소요되는 시간을 줄이고
환자 치료라는 본업에 더 시간을 쓸 수 있게 만들어
환자와 의사 모두에게 도움이 되고자 개발하게 되었습니다.
구현기능 메일, 메신저, 입원, 수술
진료, 메인 / 마이페이지, 게시판, 회원가입, 로그인
결재, 근태
회원관리, 조직도, 당직표, 재고, 회의록
설계의 주안점 1. 의료진들의 니즈를 충족시키기 위한 입원, 수술과 같은 상세한 의료 기능 제공하고자 한다.
2. 일상적, 반복적 작업의 간소화를 통해 의료진의 업무 부담을 최소화하고자 한다.
4 팀
파이어
팀장/팀원 김**(팀장), 이**, 김**, 추**
개요 호텔솔루션은 호텔 사원들의 효율적인 업무 시스템을 제공하는 웹 플랫폼입니다.
팀원간의 협업을 위한 자료실,게시판,팀일정, 1:1 채팅 기능을 제공하고 사내 결재를 위한 결재시스템이 있습니다
구현기능 공통기능

회원가입,로그인 : 비밀번호 재설정, 아이디는 전화번호로
근태관리 : 출퇴근관리, 업무시간등록
결재 : 휴가증 , 지출결의, 업무보고서
직원검색(주소록) : 직원검색 ,채팅신청
게시판 : 공용게시판
채팅기능: 부서별, 회사공용, 1:1
자료실 : 개인자료실, 공용자료실, 부서별자료실
일정관리 : 달력이용, 풀캘린더 일정 등록 수정 삭제

부서별

식음팀 : 룸서비스주문내역(조회기능, 완료체크 기능)
식당 이용 / 예약(식당 예약 조회기능, 검색기능 ,예약기능, 이용기능)
식당테이블(테이블 조회기능 , 테이블 금액 조회기능, 테이블 결제, 메뉴주문)
메뉴주문 (메뉴 조회기능, 메뉴주문기능)
물품재고관리(물품 조회기능, 물품 검색기능 , 수정 )
메뉴관리(메뉴 조회기능, 메뉴 검색기능 , 수정, 삭제, 메뉴추가 기능)
일매출(매출조회기능, 매출 검색기능)
월매출(매출조회기능, 매출 검색기능)
: 구매팀 : 발주 리스트보기, 발주 결재 수락,
일매출(식당& 호텔 매출 조회기능,식당 & 호텔 매출 검색기능)

프론트팀

객실,시설물 상태 수정(목록조회기능 ,검색기능,상세조회기능,상세정보수정)
예약관리(목록조회기능 , 검색기능 ,상세조회기능 , 삭제 , 체크인기능 ),
이용관리 (목록조회기능 , 검색기능 , 룸서비스 목록 조회 , 룸서비스 주문 , 룸서비스 검색기능 , 체크아웃기능)
이용 / 예약하기 (목록조회기능, 검색기능, 객실 이용하기, 객실 예약하기 )
일매출(매출조회기능, 매출 검색기능),월매출(매출조회기능, 매출 검색기능)
물품 재고관리(물품 조회기능, 물품 검색기능, 수정기능)


인사팀

직원정보관리,
신규직원 등록및 수정,
직원대상 설문지 발행,
설문 결과 조회,
휴가증 조회및 승인 (민규)
설계의 주안점 - 호텔 사원들간 소통 및 업무 간소화
- 결재 시스템을 통한 온라인 결재
- 공용 채팅방, 공용 자료실, 공용 게시판을 이용 전 사원 교류 가능
- 팀 별 채팅방, 부서별 자료실, 부서별 일정 관리를 이용 부서 내부 정보 공유 가능
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