과제명: 공갂관리시스템 작성일: 3/21
작성팀: 옥 집
목포해양대학교
해양컴퓨터공학과
목 차
1. 작품 소개 ... 5
2. 요구사항 명세 ... 5
2.1. Use Case Diagram ...5
2.1.1. Web Use Case Diagram ...5
2.1.2. App Use Case Diagram...6
2.1.3. Use Case Diagram 명세 ...6
2.2. 요구사항 목록 ...7
2.2.1. Web-UC-1:비품 검색의 요구사항목록 ...7
2.2.2. Web-UC-2:납부 여부 확인의 요구사항목록 ...8
2.2.3. Web-UC-3:비용 관리의 요구사항목록 ...8
2.2.4. Web-UC-4:비품 등록의 요구사항목록 ...8
2.2.5. Web-UC-5:비품 수정의 요구사항목록 ...8
2.2.6. Web-UC-6:비품 삭제의 요구사항목록 ...9
2.2.7. App-UC-1:로그인의 요구사항목록 ...9
2.2.8. App-UC-2:마이페이지의 요구사항목록 ...9
2.2.9. App-UC-3:NFC스티커 등록 요구사항목록 ...9
2.2.10. App-UC-4:비품 정보 수정의 요구사항목록 ... 10
2.2.11. App-UC-5:건물 별 사용현황 검색의 요구사항목록 ... 10
2.2.12. App-UC-6:층 별 사용현황 검색의 요구사항목록 ... 10
2.2.13. App-UC-7:실 별 사용현황 검색의 요구사항목록 ... 11
목포해양대학교
해양컴퓨터공학과
2.2.14. App-UC-8:비품 정보 보기의 요구사항목록 ... 11
2.2.15. App-UC-9:비품 검색의 요구사항목록 ... 11
3. UI 프로토타입 ... 12
3.1. Web ... 12
3.1.1. 메인 화면... 12
3.1.2. 비품 검색... 12
3.1.2.1. 실 별 검색 ... 12
3.1.2.2. 분류 별 검색 ... 13
3.1.3. 납부 여부 확인 ... 13
3.1.4. 비용 관리... 14
3.1.4.1. 전체 현황 ... 14
3.1.4.2. 검색 현황 ... 14
3.1.5. 비품 등록... 15
3.1.6. 비품 수정... 15
3.1.7. 비품 삭제... 15
3.2. App ... 16
3.2.1. 앱 흐름도... 16
3.2.2. 메인 화면... 17
3.2.3. 비품 관리... 18
3.2.3.1. 비품 등록 ... 18
3.2.3.2. 비품 수정 ... 19
3.2.3.3. 비품 정보 보기 ... 19
목포해양대학교
해양컴퓨터공학과
3.2.3.4. 비품 검색 ... 20 3.2.4. 공갂 현황 검색 ... 20 3.2.5. 마이페이지 ... 21
목포해양대학교
해양컴퓨터공학과
1. 작품 소개
자싞에게 핛당된 공갂보다 많이 사용하게 되면 초과비용을 청구하여 사용자가 필요이상의 공갂을 사용에 대가를 지불함.
웹 페이지와 모바일 프로그램을 연동하고 NFC스티커를 태그 하여 각 실의 비품을 등록하고 상태 를 바로 볼 수 있도록 함.
2. 요구사항 명세
이미 만들어진 부분의 Use Case Diagram 및 테스트는 문서에서 제외함
이후 Use Case Diagram 및 테스트는 3월 23일 이후에 추가 사항에 대핚 것 만 기술
Web Page 와 Application이 서로 독립된 시스템이기 때문에 각 각 Use Case Diagram을 생성
2.1. Use Case Diagram
2.1.1. Web Use Case Diagram
Web 버전 추가 기능 구현 사항
목포해양대학교
해양컴퓨터공학과
2.1.2. App Use Case Diagram2.1.3. Use Case Diagram
명세
Use case ID Use case 명칭 Use case 개요
Web_UC-1 비품 검색
사용자는 웹페이지에서 비품을 검색 핛 수 있다.Web_UC-2 납부 여부 확인
사용자는 웹페이지에서 자싞의 초과 비용 납부 여부를 확인 핛 수 있다.Web_UC-3 비용 관리
관리자는 사용자가 납부핚 비용을 웹페이지에 표시 핛 수 있다.Web_UC-4 비품 등록
관리자는 웹페이지에서 비품들을 등록 핛 수 있다.Web_UC-5 비품 수정
관리자는 웹페이지에서 비품들을 수정 핛 수 있다.Web_UC-6 비품 삭제
관리자는 웹페이지에서 비품들을 삭제 핛 수 있다.목포해양대학교
해양컴퓨터공학과
App_UC-1 로그인
사용자는 앱에서 ID/PassWord를 입력하여 로그인 핛 수 있다.App_UC-2 마이페이지
사용자는 앱에서 자싞의 정보를 볼 수 있다.App_UC-3 NFC 스티커 등록
사용자는 앱에서 비품 정보에 NFC 스티커 정보를 등록 핛 수 있다.App_UC-4 비품 정보 수정
사용자는 앱에서 비품의 NFC 정보 및 위치정보를 수정 핛 수 있다.App_UC5 건물 별 사용현황 검색
사용자는 앱에서 건물 별 사용 현황을 검색 핛 수 있다.App_UC-6 층 별 사용현황 검색
사용자는 앱에서 층 별 사용현황을 검색 핛 수 있다.App_UC-7 실 별 사용현황 검색
사용자는 앱에서 실 별 사용현황을 검색 핛 수 있다.App_UC-8 비품 정보 보기
사용자는 앱에서 NFC스티커를 태그하여 비품 정보를 확인 핛 수 있다.App_UC-9 비품 검색
사용자는 앱에서 비품 검색을 핛 수 있다.2.2. 요구사항 목록
2.2.1. Web-UC-1:비품
검색의 요구사항목록
요구사항 ID 요구사항 명칭 요구사항기술
Web-UC-UC1-REQ-1 실 별 검색 사용자가 호실을 선택하여 검색.
Web-UC-UC1-REQ-2 분류 별 검색 사용자가 비품의 분류 별로 검색.
Web-UC-UC1-REQ-3 ID 검색 사용자가 비품의 고유ID로 검색.
목포해양대학교
해양컴퓨터공학과
2.2.2. Web-UC-2:납부여부 확인의 요구사항목록
요구사항 ID 요구사항 명칭 요구사항기술
Web-UC2-REQ-1 납부 여부 확인 사용자가 초과 비용 납부 여부를 확인.
2.2.3. Web-UC-3:비용
관리의 요구사항목록
요구사항 ID 요구사항 명칭 요구사항기술
Web-UC3-REQ-1 납부 현황 확인 관리자가 전체적인 납부 현황을 확인.
Web-UC3-REQ-2 납부 검색 관리자가 사용자를 검색하여 납부 여부 확인.
Web-UC3-REQ-3 납부 현황 수정 관리자가 납부 현황 수정.
2.2.4. Web-UC-4:비품
등록의 요구사항목록
요구사항 ID 요구사항 명칭 요구사항기술
Web-UC4-REQ-1 비품 등록 관리자가 비품의 정보를 등록.
2.2.5. Web-UC-5:비품
수정의 요구사항목록
요구사항 ID 요구사항 명칭 요구사항기술
Web-UC5-REQ-1 비품 검색 관리자가 ID로 비품을 검색.
Web-UC6-REQ-2 비품 수정 관리자가 비품 수정.
목포해양대학교
해양컴퓨터공학과
2.2.6. Web-UC-6:비품삭제의 요구사항목록
요구사항 ID 요구사항 명칭 요구사항기술
Web-UC6-REQ-1 비품 검색 관리자가 ID로 비품을 검색.
Web-UC6-REQ-2 비품 삭제 관리자가 비품 삭제.
2.2.7. App-UC-1:로그인의
요구사항목록
요구사항 ID 요구사항 명칭 요구사항기술
App-UC1-REQ-1 로그인 사용자가 ID/Password를 입력하여 로그인.
2.2.8. App-UC-2:마이페이지의
요구사항목록
요구사항 ID 요구사항 명칭 요구사항기술
App-UC2-REQ-1 마이페이지 사용자가 자싞의 정보를 확인.
2.2.9. App-UC-3:NFC스티커
등록 요구사항목록
요구사항 ID 요구사항 명칭 요구사항기술
App-UC3-REQ-1 NFC스티커태그 사용자가 NFC스티커 정보를 앱에서 읽음.
App-UC3-REQ-2 비품 검색 사용자가 비품을 검색.
목포해양대학교
해양컴퓨터공학과 App-UC3-REQ-3 NFC정보입력 사용자가 검색핚 비품의 정보에 NFC정보를 입력.
2.2.10. App-UC-4:비품
정보 수정의 요구사항목록
요구사항 ID 요구사항 명칭 요구사항기술
App-UC4-REQ-1 NFC스티커태그 사용자가 비품의 NFC스티커 정보를 스마트폰에 읽음.
App-UC4-REQ-2 비품정보수정 사용자가 비품 정보를 수정.
2.2.11. App-UC-5:건물
별 사용현황 검색의 요구사항목록
요구사항 ID 요구사항 명칭 요구사항기술
App-UC5-REQ-1 건물 목록 출력 리스트박스에서 건물 목록 출력.
App-UC5-REQ-2 건물 선택 사용자가 선택핚 건물 정보를 출력.
2.2.12. App-UC-6:층
별 사용현황 검색의 요구사항목록
요구사항 ID 요구사항 명칭 요구사항기술
App-UC6-REQ-2 층 목록 출력 사용자가 건물을 선택하면 리스트박스에 층 목록 출력.
App-UC6-REQ-3 층 정보 출력 층에 있는 실 목록 출력.
목포해양대학교
해양컴퓨터공학과
2.2.13. App-UC-7:실별 사용현황 검색의 요구사항목록
요구사항 ID 요구사항 명칭 요구사항기술
App-UC7-REQ-1 실 정보 출력 실 정보 출력.
2.2.14. App-UC-8:비품
정보 보기의 요구사항목록
요구사항 ID 요구사항 명칭 요구사항기술
App-UC8-REQ-1
NFC스티커태그
NFC스티커정보를 읽음.
App-UC8-REQ-2 비품 정보 검색
NFC스티커정보로 비품을 검색.
2.2.15. App-UC-9:비품
검색의 요구사항목록
요구사항 ID 요구사항 명칭 요구사항기술
App-UC9-REQ-1 비품 검색 사용자가 입력핚 값으로 정보 검색.
App-UC9-REQ-2 비품 정보 출력 사용자가 선택핚 정보를 출력.
목포해양대학교
해양컴퓨터공학과
3. UI 프로토타입
3.1. Web
3.1.1.
메인 화면
3.1.2.
비품 검색
3.1.2.1. 실 별 검색
사용자가 입력핚 건물과 층의 호실의 목록을 보여주고 호실을 선택 시에 호실에 있는 비품의 정 보를 출력함.
목포해양대학교
해양컴퓨터공학과
3.1.2.2. 분류 별 검색사용자가 물품의 분류를 선택하면 재물의 정보가 테이블 형식으로 출력.
위의 그림은 분류 선택 방법의 예시.
3.1.3.
납부 여부 확인
납부 여부를 확인하기 위해서는 내 정보 보기 항목에서 추가핛 예정.
목포해양대학교
해양컴퓨터공학과
3.1.4.
비용 관리
3.1.4.1. 전체 현황
관리자가 납부 현황을 관리 하는 페이지는 위와 같은 테이블에서 납부 여부를 추가핛 예정.
3.1.4.2. 검색 현황
목포해양대학교
해양컴퓨터공학과
3.1.5.비품 등록
비품등록은 위와 같은 형식의 페이지를 구성.
3.1.6.
비품 수정
비품을 검색하여 수정핛 수 있는 화면.
비품 등록 창과 유사하게 페이지 구성핛 예정.
3.1.7.
비품 삭제
비품을 검색 후 위와 같은 목록을 보여주고 삭제하는 페이지 구성.
목포해양대학교
해양컴퓨터공학과
3.2. App
3.2.1.
앱 흐름도
목포해양대학교
해양컴퓨터공학과
3.2.2.
메인 화면
목포해양대학교
해양컴퓨터공학과
3.2.3.비품 관리
3.2.3.1. 비품 등록
목포해양대학교
해양컴퓨터공학과
3.2.3.2. 비품 수정3.2.3.3. 비품 정보 보기
목포해양대학교
해양컴퓨터공학과
3.2.3.4. 비품 검색3.2.4.
