본 프로젝트는 2020 군장병 공개SW 온라인 해커톤에 출품했던 프로젝트입니다.

출타 신청시의 소통의 어려움과 작업의 불편함을 해결하는 자동화된 시스템

시연영상

왜 만들었나요?

용사가 보유한 출타 확인불가

본인이 휴가가 정확히 얼마나 있는지 모릅니다!

행정계원의 단순 노동

2020년에 손으로 써서 신청하고 엑셀로 정리하여 종합합니다. 행정계원 1명이 중대용사 100명분을!

출타 승인 여부를 확인할 수 없음

신청한 휴가가 혹시 잘렸는지 모두가 하루 세네번씩 행정계원에게 물어봅니다! 계원은 괴롭습니다!

뭐가 좋나요?

엑셀 노가다는 그만

출타 부여, 신청, 승인 등 모든 작업이 자동화된 체계 내에서 동작합니다!

계원 찾아 삼만리도 그만

로그인 한 번에 보유한 출타, 출타 신청 현황, 승인 여부 등 모든 정보를 확인 가능합니다!

언제 어디서나 나의 출타계획 도우미와 함께

휴가조합 추천 AI와 출타 통계 기능을 통해 많은 출타 고민들을 용사 대신 해줍니다!

기능 설계

Material Design을 구현하는 Vuetify 프레임워크의 컴포넌트를 기능 설계에 적극 반영했습니다.

화면 프로토타이핑 : Oven

유저 페이지 구성

대시보드

본인의 출타에 관한 모든 정보가 요약되어 한 화면에 표시됩니다. 대시보드는 크게 5개 기능으로 구성되어 있습니다.

보유한 출타 조회	본인의 잔여 출타들이 종류별로 분류되어 보유 출타 일수가 표시됩니다.
출타신청 현황 조회	본인이 신청한 출타들의 상태(승인/거부/대기)가 상태별로 분류되어 그 개수가 표시됩니다.
출타 히스토리 조회	본인이 과거에 나간 모든 출타들의 목록이 요약되어 표시됩니다.
내 출타달력 조회	본인이 과거에 나간 출타들, 신청 후 승인된 그리고 대기중인 예정된 출타들이 달력에 표시됩니다.
월별 출타율 그래프 조회	내 달력과 연동되어, 최근 2개월의 날짜별 출타율 정보가 꺾은선 그래프로 표시됩니다. 용사들이 출타신청시 언제 출타를 나갈 수 있을지 예측할 때 유용합니다.

출타신청

대시보드의 '보유한 출타' 영역 우측 하단의 자세히 보기 버튼을 클릭하면 표시됩니다.

사용하려는 출타들을 선택하고, 달력에서 출발일을 선택하고 신청하기 버튼을 클릭하면 출타가 신청됩니다.

만료일과 출타길이를 기반으로 조합별 점수를 매겨 최상의 휴가 조합 3개를 추천해주는 휴가 추천 시스템을 이용해 출타일수만 결정하면 더 이상의 고민 없이 즉시 신청 가능합니다.

기능

보유 출타 모두 조회

보유 출타 종류별(정기, 포상, 청원 등)로 필터링하여 조회

휴가, 외출, 외박 신청

AI가 추천해주는 휴가 조합

출타 현황

대시보드의 '출타신청 현황' 영역 우측 하단의 자세히 보기 버튼을 클릭하면 표시됩니다.

본인이 신청한 출타들의 상태가 상태별로(승인/거부/대기) 분류되어 조회됩니다.

기능

본인이 신청한 모든 출타의 상세 정보 조회

승인된, 거부된, 승인대기중인 출타들의 목록 각각 조회

관리자 페이지 구성

출타신청 현황 조회

상단 바의 출타관리 탭을 클릭한 후 출타승인 탭을 선택하면 표시되는 페이지입니다.

관리자 소속 부대의 용사들이 신청한 모든 출타가 조회되며, 각각의 출타를 승인 또는 거부할 수 있습니다.

기능

소속 부대의 용사들이 신청한 모든 출타의 상세 정보 조회

특정 용사가 신청한 출타 검색

각각의 출타 승인 또는 거부

출타 부여

상단 바의 출타관리 탭을 클릭한 후 출타부여 탭을 선택하면 표시되는 페이지입니다.

새 출타를 생성할 수 있으며, 생성된 출타를 관리자 소속 부대의 용사들에게 부여할 수 있습니다.

기능

새 출타 생성

생성된 출타 정보 수정 또는 삭제

소속 부대의 용사들에게 출타 부여

출타 달력

상단 바의 출타달력 탭을 선택하면 표시되는 페이지입니다.

관리자 소속 부대 용사들의 모든 출타 일정이 달력에 조회되며, 날짜별 출타율 변화 추이 그래프와 함께 표시됩니다.

기능

소속 부대 용사들의 모든 출타 일정 조회

용사들의 출타 상세 정보(출타의 근거 등) 조회

날짜별 출타율 변화 추이 그래프

유저 관리

상단 바의 유저관리 탭을 선택하면 표시되는 페이지입니다.

관리자 소속 부대 용사들의 유저 정보를 추가, 수정, 삭제할 수 있습니다.

기능

소속 부대 유저 정보 추가, 수정, 삭제

총관리자 페이지 구성

부대 관리

상단 바의 부대관리 탭을 선택하면 표시되는 페이지입니다.

부대 정보를 추가, 수정, 삭제할 수 있습니다.

기능

부대 정보 추가, 수정, 삭제

각 부대의 관리자 및 소속 인원수 조회

컴퓨터 구성 / 필수 조건 안내 (Prerequisites)

브라우저 권장 사항

ECMAScript 6 지원 브라우저 사용
권장: Google Chrome 버젼 77 이상

Backend 서버 권장 사항

Node.js v12.13.0 이상

주요 기술 스택

Backend Server

Frontend

설치 안내 & 프로젝트 사용법

기여 가이드 문서를 참고하세요.

팀 정보

박건영 ([email protected])

백도원 ([email protected])

osamhack2020 / web_leaveoutsystem_div-7 Goto Github PK

web_leaveoutsystem_div-7's Introduction