프로젝트 명 작성자작성일검토자검토일

2 버전일자내용작성자  Document History 서비스명문서명화면기획서 최초 작성일자최종 변경일자 보안등급□ 비보안 ■ 내부전용 □ 대외비

3  일정계획 1 차 현업 업무협의 1 차 현업 업무협의 2 차 현업 업무협의 2 차 현업 업무협의 분석 / 설계 확정 디자인 & 개발 업무 적합도 검증 업무 적합도 검증 운영이관 Service 개시 Service 개시 현업 업무협의 (7/24) 요구사항 확정 (~7/29) 분석 / 설계 (~7/31) 확정 (~8/1) 디자인 & 개발 (8/1~9/30) 업무적합도 검증 (10/1) 운영이관 (10/2) Service 개시 (10/2~) Key Task 요청서 내용 Review 개발범위 방향 협의 진행일정 협의 요구사항 확정 개발범위 확정 진행일정 공유 Function Design Technical Design 개발 Spec 확 정 개발 진행 : DB 설계 기능 설계 개발 및 단위 테스트 통합테스트 현업 시연 운영 체계 구축 운영서버 Deploy 운영담당자 이관 서비스 모니터링 체 계 구축 고객 협의사항 요구사항 명확화 개발 범위 및 기 간 확정 N/A 기능 충족요건 확인 단위 테스트 진행 유용성 검증 모니터링 참여인원 클라이언트 – 담당 자 관계자 개발업체 - *** 과장 - *** 이사 - Daniel.J 대리 클라이언트 – 담 당자 관계자 개발업체 - Daniel.J 대리 기획 – 1 명 DB – 1 명 개발업체 - *** 과장 - *** 이사 - Daniel.J 대리 클라이언트 – 담당자 관계자 개발업체 - Daniel.J 대리 기획 – 1 명 디자인 – 1 명 프로그래밍 – 1 명 클라이언트 – 담 당자 관계자 유지보수 - *** 부장 클라이언트 – 담 당자 관계자 유지보수 - *** 부장 클라이언트 – 담당 자 관계자 회원 운영담당자 개발자 운영진행 유지보수 - *** 부장

4  INDEX 앱분류 1Depth2Depthtab 세부항목 및 기능 Info TypeCodeLevel 화면번호실시간

5  요구사항 정의 NoRFP 확정여부비고 1 요구사항 1 내용미정 협의 후 결정 2 요구사항 2 내용확정화면설계 적용 3 요구사항 3 내용확정화면설계 적용 (1 안 ) 4 요구사항 4 내용확정화면설계 적용 5 요구사항 5 내용확정 회의결과 반영 6 요구사항 6 내용확정화면설계 적용 7 요구사항 7 내용확정화면설계 적용 8 요구사항 8 내용확정화면설계 적용 9 요구사항 9 내용확정화면설계 적용 (1 안 ) 10 요구사항 10 내용확정 회의결과 반영 11 요구사항 11 내용확정화면설계 적용

6  Process 정의 관리자 서비스 1 메인 공지사항 list 시스템 관리자 Q&A list 공유자료방 list 채택 list 아이디어 / 실시 / 공모 list 나의 서비스 1 list 관리자 분류관리 관리자 게시판관리 관리자 평가서편집 관리자 외부공개할 관리자 외부공개된 관리자 우수서비스 1 인 회원 공지사항 list 공지사항 view 공지사항 write Q&A list Q&A view Q&A Write_Q Q&A Write_A 공유자료방 list 공유자료방 view ***/***/*** list ***/***/*** view ***/***/*** write ***/***/*** 평가 채택 list 채택 view 공지사항 update Q&A update 공유자료방 update 아이디어 / 실시 / 공모 update 채택 update 회원 / 관리자 공유자료방 수정 회원 / 관리자 등록 글 수정 관리자 답변등록 관리자 회원 / 관리자 등록 수정 관리자 평가 회원 / 관리자 관리자 권한설정 일반회원 업무관리자 / 관리자 회원 의견등록

1. 기본 2. 기본화면 레이아웃 3. 공통요소 정의 4. 공통효과 정의 5. 공통기능 정의 1. 화면설계 정의

8 1. 기본 개발 요소 기본 정의 플랫폼 - 모바일 웹 (HTML5) 제스처 및 애니메이션 - 적용하지 않음 대응 Device - 5” 크기의 해상도를 기준으로 함. ( 국내 출시 안드로이드 폰 목록 참조 ) - 5” 이하 : 모바일 웹으로 서비스 ( - 5” 이상 : 웹과 동일 서비스 제공 폰트 및 디자인 - 기존 웹과 동일 기타 - 아이폰 / 안드로이드 웹브라우저를 통한 홈화면 추가 기능 ( 바탕화면에 바로가기 아이콘 생성 ) - 현재 홈화면 바로가기 아이콘 파비콘 사이즈 ( 아이폰 / 패드 ): 57*57 ( 안드로이드 ): 128*128 - 참조 자료 :

9 플랫폼 공통 UI ( 아이폰 / 안드로이드 공통 ) 2. 기본화면 레이아웃 → 모바일 웹의 특성에 맞게 개발 → 디자인은 아이폰 4 기준 해상도로 제작 필요함. (640x960) 아이폰 OS  기본 단말기 : iPhone 3GS  기본 해상도 : 320x480 브라우저 기능 영역 ( 상단 ) 브라우저 기능 영역 ( 하단 ) 컨텐츠 영역 Indicator 영역 Status Bar Contents Area Navigation bar Ticker bar 화면 영역 사이즈

10 List (Title, Navigation, Ticker) 및 표, Menu (Tab, Button) 2. 기본화면 레이아웃

11 Keyboard 및 Date picker 정의 3. 공통요소 정의

12 로딩바 호출 및 Dimm 처리 4. 공통효과 정의 → 1 초 이상 딜레이 시 로딩바 호출. MH Status Bar 팝업 호출 시 Dimm 처리 필요한 모든 화면 Color : Black Alpha : 30% 로 통일. MH Status Bar

13 Pop-up (Pop-over, Push) 및 Alert 정의 5. 공통기능 정의

1. 메뉴리스트 2. 메뉴리스트 3. 메뉴리스트 1. Menu Depth

15 User Process 또는 주요 제스처 및 기능 기획의도 및 Concept

16 Menu name INDEX Description Check List Mobile Status Bar 로그인전체메뉴이용안내공지사항 개정이력 1차1차 2차2차 3차3차 4차4차 5차5차 6차6차 7차7차 8차8차 9차9차 10 차 12 차 13 차 14 차 15 차 16 차 17 차 18 차 19 차 20 차 21 차 22 차 11 차 22 차 확정여부

17 Menu name INDEX Description Check List 개정이력 1차1차 2차2차 3차3차 4차4차 5차5차 6차6차 7차7차 8차8차 9차9차 10 차 12 차 13 차 14 차 15 차 16 차 17 차 18 차 19 차 20 차 21 차 22 차 11 차 22 차 확정여부