sa 현황판 화면설계서

COPYRIGHT 2009 MEGAZONE CORP. ALL RIGHTS RESERVED메가존 ( 주 ) 의 사전 승인 없이 본 내용의 전부 또는 일부에 대한 복사 , 전재 , 배포 , 사용을 금합니다 .

현황판 _v1.03

SA 현황판 구축

화면 설계서 (Storyboard)2010-01-29

구분 이름 서명 날짜

메가존 승인

작성자 2010-01-29

PL

PM

고객사 승인

고객사 승인

화면설계서COPYRIGHT 2008 MEGAZONE CORP. All rights reserved | CONFIDENTIAL

문서 명 화면 설계서 : 현황판

버전 날짜 내용 작성자

v1.01 2010-01-22 문서를 초안 완성본으로 Fix 함 최은혜

v1.02 2010-01-29

변경사항1. 프론트 1) 기획파일은 메뉴별로 1 개씩 노출 2) GNB 에 현황판만 남기고 다른 메뉴삭제 추후 상황에 따라 추가 가능 3) 모든 메뉴 이슈리스트 페이지 존재 4) 현황판에서 한 메뉴당 한 라인씩 위치해야 함 본문에서 확인 5) 페이지명 삭제2. 관리자 1) 프로젝트 관리 메뉴 추가 ( 슈퍼관리자에게만 보이는 메뉴 ) 2) 회원관리 구성 변경 , 회원검색 형태 변경 3) 디렉토리 등록 추가

최은혜

v1.03 2010-01-29

변경사항1. 프론트 1) 현황판 > 디렉토리 필드 삭제 2) 현황판 > 디자인 검수 필드 / 로그 필드 추가 3) 현황판 > 전체 디자인 수 , 코딩 수 노출2. 관리자 1) 디렉토리 등록 삭제 2) 카테고리 등록 시 , 화면 ID 자동생성 기능 추가

최은혜

Revision History

화면 코드 페이지 명 작성자 최은혜 작성일 2010-01-29

화면 경로 VER 1.03 P.NO

Description

SA 현황판 구축

3

화면설계서 COPYRIGHT 2008 MEGAZONE CORP. All rights reserved | CONFIDENTIAL

123456789101112131415특이사항

관리자



Description

SA 현황판 구축

4


B1 관리자 로그인

관리자 > 로그인

개요 관리자 로그인 페이지

1 [ 로그인 ]1. 아이디 , 비밀번호 모두 입력 후 클릭 시 에만 [ 관리자 메인 ] 로 이동2. “1 번” 의 내용을 적용하지 않을 경우 “ A2” “A3” 와 같은 alert 창이 나타남 .3. 관리자 계정이 아닌 정보를 입력할 경우 “A1” 와 같은 alert 창이 나타남 .

2 [ 관리자 형태 선택 ]1. 기본값 : 일반관리자 )PM) 1) 일반관리자로 선택한 후 로그인 했을 경우 담당 프로젝트의 카테고리관리 페이지로 이동 화면 ID: B2.1 2) 슈퍼관리자로 선택한 후 로그인 했을 경우 전체 프로젝트 관리 페이지로 이동 화면 ID: B4

3456789101112131415특이사항

관리자 페이지에 오신 것을 환영합니다 .

본 사이트는 허가되지 아니한 자의 접근을 금합니다 .

사용 중 문의사항은 관리 책임자에게 연락 주시기 바랍니다 .담당자 ☏ 070-1234-1234 [email protected]

아이디

비밀번호로그인

1

Windows Internet Explorer

아이디를 입력해 주세요 .

확인

A2 아이디 미 입력 후로그인 버튼을 클릭한 경우


비밀번호를 입력해 주세요 .

확인

A3 비밀번호 미 입력 후로그인 버튼을 클릭한 경우


아이디와 비밀번호를 확인해주세요 .

확인

A1 관리자 계정이 아닌 정보를 입력 후로그인 버튼을 클릭한 경우

일반관리자 (PM) 슈퍼관리자2



Description

SA 현황판 구축

5


B2.1 카테고리관리

관리자 > 카테고리관리

개요

카테고리 관리 페이지 AJAX 로 구현

1 [ 프로젝트명 ]1. 현재 관리하고 있는 프로젝트명 노출2. 관리하고 있는 프로젝트가 2 개 이상일 시 프로젝트명을 선택함 기본값 : 가장 최근에 등록된 프로젝트

2 [ 프로젝트 현황 /등록 ]1. 슈퍼관리자에게만 보이는 메뉴2. 클릭 시 , 프로젝트 관리 페이지로 이동 화면 ID: B4

3 [ 카테고리 입력 ]1.입력창에 카테고리 입력 시 오른쪽 표에 실시간으로 보여 짐2.카테고리 입력 방식은 , 탭으로 뎁스를 구분 예 ) 탭 0 번 들여쓰기 : 1 뎁스 탭 1 번 들여쓰기 : 2 뎁스 탭 2 번 들여쓰기 : 3 뎁스3. 첫 작성자가 접근 했을 시 , 예시로 기본 데이터 뿌려 줌 ( 입력방법을 직관적으로 알 수 있음 )4. 화면 ID 자동생성 카테고리 등록 시 , 정해진 규칙에 따라 ID 자동생성 됨 . 수정 가능 작성법 : 아래의 코드설계서 참조

4 [ 취소 ]1. 등록한 정보 삭제2. 이미 등록되어 있던 정보가 있고 , 수 정중에 [ 취소 ] 버튼 클릭 했을 시 원래 등록되었던 정보로 복구 됨

4

홍길동 ㅣ 로그아웃

회사소개 (A1) CEO 인사말 (A1.1) 비전 (A1.2) 역혁 (A1.3) 오시는 길 (A1.4)투자정보 (A2) 지배구조 (A2.1) 회사개요 (A2.1.1) 기업집단 (A2.1.2) 정관 (A2.1.3) 이사회 /감사위원회 (A2.1.4) 지배구조현장 (A2.1.5) 윤리경영 (A2.1.6) 공시정보관리규정 (A2.1.7) 주식정보 (A2.2) 주가정보 (A2.2.1) 주주현황 (A2.2.2) 주주이익환원 (A2.2.3)

화면 ID 1depth 2depth 3depth 4depth 5depth 6depth

A1 회사소개

A1.1 CEO 인사말

A1.2 비전

A1.3 연혁

A1.4 오시는 길

A2 투자정보

A2.1 지배구조

A2.1.1 회사개요

A2.1.2 기업집단

A2.1.3 정관

A2.1.4 이사회 /감사위원회

A2.1.5 지배구조현장

A2.1.6 윤리경영

A2.1.7 공시정보관리규정

A2.2 주식정보

A2.2.1 주가정보

A2.2.2 주주현황

A2.2.3 주주이익환원

왼쪽의 입력창에 탭을 이용하여 간편하게 카테고리를 입력하세요 . 오른쪽의 미리보기 화면으로 바로 확인해 보실 수 있습니다 .탭으로 뎁스를 구분하세요 . ( 예 : 탭 0 번 들여쓰기 1 뎁스 , 탭 1 번 들여쓰기 2 뎁스 , 탭 2 번 들여쓰기 3 뎁스 )

카테고리 관리

등록 취소


등록되었습니다 .

확인

A1 [ 등록 ] 버튼 클릭하였을 시

000000000 프로젝트 ▼

카테고리 관리 회원 관리 권한 관리

프로젝트 관리12

3

ÄÚµå¼³°è¼



Description

SA 현황판 구축

6


B2.2 회원관리

관리자 > 회원관리

1 [ 구분 ]1. 기본값 : 기획2. 구분값 :PM, 기획 , 디자인 , 퍼블리싱 , 플래시 , 개발 , 고객 , 기타

2 [ 회원검색 ]1.그룹웨어와 연동함 ( 회원정보 끌어옴 ) 직접입력불가2. 검색버튼 클릭 시 , 검색 팝업 뜸 화면 ID: B2.2.1p

3 [ 회원직접등록 ]1. 그룹웨어에 등록되지 않은 사람인 경우( 예 : 계약직 , 고객 등 ) 직접등록 함 권한은 PM 에게 있음2. 버튼 클릭 시 직접등록 팝업 뜸 화면 ID:B2.2.3p

4 [ 등록버튼 ]1.버튼 클릭 시 각 필수항목을 올바르게 입력 했을 시 아래의 목록에 추가 됨2.필수 항목을 올바르게 입력하지 않고 등록버튼 클릭 했을 경우 alert 창 뜸 A4, A5

5 [ 목록 ]1.최근 등록된 회원이 아래로 추가 됨2.올림차순3.페이징 없이 한 페이지에서 전체 노출

6 [ 수정버튼 ]1.버튼 클릭 시 , 상단의 등록 폼에 선택한 회원 정보 노출 됨 2.수정 완료 후 [ 등록 ] 버튼 클릭 시 최하단에 다시 등록되는 것이 아니라 원래의 위치에서 업데이트만 됨

7 [ 담당메뉴 ]1. 카테고리 관리에서 등록한 1 뎁스 메뉴가

노출 됨2. 카테고리 관리에서 등록하지 않고 회원관리

페이지를 접속했을 경우 담당메뉴 영역에 “카테고리를 먼저 등록 해 주세요” 라는 메시지 노출


000000000 프로젝트 ▼


프로젝트 관리

번호 파트 회원명 아이디 /비밀번호 이메일 담당메뉴

1 기획 이름 1 aaaa1/ ***** [email protected] 메뉴명 12 기획 이름 2 aaaa2/ ***** [email protected] 메뉴명 2, 메뉴명 33 기획 이름 3 aaaa3/ ***** [email protected] 메뉴명 4, 메뉴명 54 디자인 이름 4 aaaa4/ ***** [email protected] 메뉴명 15 디자인 이름 5 aaaa5/ ***** [email protected] 메뉴명 2, 메뉴명 36 디자인 이름 6 aaaa6/ ***** [email protected] 메뉴명 4, 메뉴명 57 퍼블리싱 이름 7 aaaa7/ ***** [email protected] 메뉴명 1, 메뉴명 2, 메뉴명 3, 메뉴명 4, 메뉴명 58 플래시 이름 8 aaaa8/ ***** [email protected] 메뉴명 1, 메뉴명 2, 메뉴명 3, 메뉴명 4, 메뉴명 59 개발 이름 9 aaaa9/ ***** [email protected] 메뉴명 1, 메뉴명 310 개발 이름 10 aaaa10/ ***** [email protected] 메뉴명 2, 메뉴명 4, 메뉴명 5

등록

수정 삭제

4

5

6


한 명만 선택해 주세요 .

확인

A1 여러 회원 선택 후 [ 수정 ] 버튼 클릭 시


정말 삭제하시겠습니까 ?

확인

A3 회원 선택 후 [ 삭제 ] 버튼 클릭 시


회원을 선택해 주세요 .

확인

A2 회원 선택하지 않고 [ 수정 /삭제 ]버튼 클릭 시

* 회원

* 아이디 /비밀번호 abcd / ******* 회원명 선택 시 값을 가져옴 * 이메일 [email protected] 회원명 선택 시 값을 가져옴

* 담당메뉴 메뉴명 1 메뉴명 2 메뉴명 3 메뉴명 4 메뉴명 5 미정

홍길동 검색 2기획 ▼ 회원직접등록1

3

7



Description

SA 현황판 구축

7


B2.2 회원관리


123456789101112131415특이사항


회원을 검색해 주세요 .

확인

A4 회원을 검색하지 않고 , 다음단계 또는 등록 버튼을 클릭한 경우


담당메뉴를 선택해 주세요 .

확인

A5 담당메뉴를 선택하지 않고 등록 버튼을 클릭한 경우

회원 등록 시 alert



Description

SA 현황판 구축

8


B2.2.1p 회원관리


개요

회원검색 팝업회원정보 그룹웨어와 연동

1 [ 검색조건 ]1. 기본값 : 전체 .2. 구분값 : 전체 , 사업부 , 이름

2 [ 검색버튼 ]1. 검색결과가 없을 경우 “ P1” 팝업과 같이 나타남 .2. 검색결과가 있을 경우 “ P2” 와 같은 팝업 창이 나타남 . 화면 ID: B2.2.2p

3 [ 닫기 버튼 ]1. 버튼 클릭 시 팝업 창 닫힘

456789101112131415특이사항

1. 초기 팝업 상태는 검색결과가 없는 상태 .

P1 회원 검색 팝업 ( 검색결과가 없을 경우 )회원 검색 회원 검색

닫기

전체 ▼ 검색

이름 부서 직급

검색결과가 없습니다 .

21

3


검색할 대상을 입력해주세요 .

확인

A1 검색어 없이 [ 검색 ] 버튼 클릭했을 경우



Description

SA 현황판 구축

9




1 [ 이름 ]1. 이름 클릭 시 , 회원의 [ 이름 ] 입력란에 자동입력 되며 팝업창 닫힘

2 [ 닫기 ] 버튼1. 클릭 시 팝업 창 닫힘

3456789101112131415특이사항

P2 회원 선택 팝업 ( 검색결과가 있을 경우 )회원 검색 회원 검색

닫기

전체 ▼ PMO 검색

이름 부서 직급

최영란 PMO 부장

박양배 PMO 차장

양성근 PMO 과장

1

2



Description

SA 현황판 구축

10




1 [ 이름 ]1. 4 자 이상 15 자 이하 , 한글 /영문만 허용2. 그 이외의 경우 코멘트 처리 ( 다음페이지 참조 )

2 [ 아이디 ]1. 4 자 이상 15 자 이하 , 영문 /숫자만 허용2. 그 이외의 경우 코멘트 처리 ( 다음페이지 참조 )

3 [ 비밀번호 ]1. 4 자 이상 15 자 이하 , 영문 /숫자만 허용2. 그 이외의 경우 코멘트 처리 ( 다음페이지 참조 )3. 한글 , 특수문자 , 공백 입력 시 표시되지 않음

4 [ 이메일 ]1.최대 50byte

[4a]1.기본값 : 직접입력

5 [ 확인 버튼 ]1.이름 ,아이디 ,비밀번호 ,이메일 네 항목이 모두 올바르게 입력되었을 경우 , 상단의 회원 정보에 자동노출 됨2.네 항목 중 한 항목이라도 입력되지 않았을 경우 alert 처리 A1, A2, A3, A43. 네 항목 중 올바르게 입력되지 않은 상태에서 [ 확인 ] 버튼 클릭 한 경우 A5

6 [ 닫기 버튼 ]1. 클릭 시 팝업창 닫힘

P3 회원을 직접 입력하는 경우

회원직접입력 회원직접입력

확인 닫기

* 분류

* 이름 4~15 자로 입력해 주세요 .* 아이디 사용 가능한 ID 입니다

* 비밀번호 4~15 자로 입력해 주세요 .* 이메일 @

5 6

고객 1lgtel 1*****guest lgtel.co.kr



확인

A2 아이디 미 입력 후확인 버튼을 클릭한 경우



확인

A3 비밀번호 미 입력 후확인 버튼을 클릭한 경우


이름을 입력해 주세요 .

확인

A1 이름 미 입력 후확인 버튼을 클릭한 경우


올바른 정보를 입력해 주세요 .

확인

A5 올바르게 입력하지 않고 확인버튼클릭 한 경우

직접입력 ▼ 직접입력 ▼

직접입력naver.comchol.comdreamwiz.comempal.comFreechal.comgmail.comhanafos.comhanmail.nethanmir.comhitel.nethotmail.comkorea.comlycos.co.krnate.comnetian.comparan.comyahoo.comyahoo.co.kr

1234 4a


이메일 주소를 입력해 주세요 .

확인

A4 이메일 미 입력 후확인 버튼을 클릭한 경우

기획 ▼



Description

SA 현황판 구축

11


123456789101112131415특이사항

이름 아이디 비밀번호

1.이름의 자릿수를 미만 /초과한 경우 “4~15 자로 입력해 주세요”

2. 4자 이상 15 자 이하 , 한글 /영문만으로 올바른 이름을 입력했을 경우

“올바른 이름을 입력하셨습니다”

1.아이디의 자릿수를 미만 /초과한 경우 “4~15 자로 입력해 주세요”

2. 4자 이상 15 자 이하 , 영문 /숫자만으로 올바른 아이디를 입력했을 경우

“ 사용할 수 있는 ID 입니다”

1.비밀번호의 자릿수를 미만 /초과한 경우 “4~15 자로 입력해 주세요”

2. 4자 이상 15 자 이하 , 영문 /숫자만으로 올바른 아이디를 입력했을 경우

“ 사용할 수 있는 비밀번호입니다”

직접 등록 시 각 항목별 메시지





Description

SA 현황판 구축

12


B3 권한관리

관리자 > 권한관리

개요

권한관리는 2차 개발 범위이므로 메뉴만 구성 함

123456789101112131415특이사항

준비 중 입니다


000000000 프로젝트 ▼


프로젝트 관리



Description

SA 현황판 구축

13


B4 프로젝트 현황 /등록

관리자 > 프로젝트관리

1 [ 프로젝트명 검색 ]1.[ 검색 ] 버튼 클릭 시 검색팝업 뜸 화면 ID:B4.1p 직접 입력 불가 제안현황시스템에서 데이터 검색 함2.[ 검색 ] 버튼을 통하여 프로젝트명 추가 시 “ 1a” 의 값을 “제안현황” 의 정보를 가져와 노출함 .

2 [ 사업부명 ]1. 기본값 : Agency 신규2. 구분값 : Agency 신규 , Agency, 운영 , GO, UX Center

3 [ 등록버튼 ]1.버튼 클릭 시 각 필수항목을 올바르게 입력 했을 시 아래의 목록에 추가 됨2.필수 항목을 올바르게 입력하지 않고 등록버튼 클릭 했을 경우 alert 창 뜸 A4, A5, A6 ( 다음페이지 참조 )

4 [ 목록 ]1.최근 등록 프로젝트가 최상단에 등록2.내림차순3.한 페이지에 15 개씩 페이징

5 [ 프로젝트 목록 ]1.프로젝트명 클릭 시 해당 프로젝트의 현황판으로 이동 화면 ID: A3

6 [ 수정버튼 ]1.버튼 클릭 시 , 상단의 등록 폼에 선택한 플젝 정보 노출 됨 2.수정 완료 후 [ 등록 ] 버튼 클릭 시 최상단에 다시 등록되는 것이 아니라 원래의 위치에서 업데이트만 됨

7 [ 회원검색 ]1.그룹웨어와 연동함 ( 회원정보 끌어옴 ) 직접입력불가2. 검색버튼 클릭 시 , 검색 팝업 뜸 화면 ID: B2.2.1p


프로젝트 관리

000000000 프로젝트 ▼ 프로젝트 관리

번호 프로젝트명 고객사명 프로젝트매니저 구축기간 사업부명

20 프로젝트명 1 고객사명 1 홍길동 과장 2009.03.01 ~ 2009.03.28 Agency 신규










* 프로젝트명

* 고객사명 고객사명 1 프로젝트 선택 시 “제안현황” 의 값을 가져옴 * 프로젝트 매니저

* 구축기간 ~ * 사업부명

프로젝트명 1 검색 1

Agency 신규 ▼

홍길동 과장

2009.03.01 2009.03.28

등록

5

수정 삭제◀ | 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | ▶◀◀ ▶▶

2

1a

3

4

6


하나의 프로젝트만 선택해 주세요 .

확인

A1 여러 프로젝트 선택 후 [ 수정 ] 버튼 클릭 시



확인

A3 프로젝트 선택 후 [ 삭제 ] 버튼 클릭 시


프로젝트를 선택해 주세요 .

확인

A2 프로젝트 선택하지 않고 [ 수정 /삭제 ] 버튼 클릭 시

검색 7



Description

SA 현황판 구축

14


B4 프로젝트 현황 /등록


123456789101112131415특이사항


프로젝트명을 검색해 주세요 .

확인

A4 프로젝트명을 검색하지 않고 , 다음단계 또는 등록 버튼을 클릭한 경우 Windows Internet Explorer

프로젝트 매니저를 입력해주세요 .

확인

A5 프로젝트 매니저를 입력하지 않고 , 다음단계 또는 등록 버튼을 클릭한 경우 Windows Internet Explorer

구축기간을 선택해 주세요 .

확인

A6 구축기간을 설정하지 않고 , 다음단계 또는 등록 버튼을 클릭한 경우

프로젝트 등록 시 alert



Description

SA 현황판 구축

15


B4.1p 프로젝트 검색 ( 검색결과 없을 경우 )


1 [ 검색 조건 ]1. 기본값 : 전체 .2. 구분값 : 전체 , 신규 , 운영 , 전략

2 [ 검색 ]1. 검색결과가 없을 경우 “ P1” 팝업과 같이 나타남 .2. 검색결과가 있을 경우 “ P2” 와 같은 팝업 창이 나타남 . 화면 ID: B4.2p3. 검색어를 입력하지 않고 “검색” 버튼을 클릭할 경우 전체 프로젝트 리스트가 나타남 .

3 [ 닫기 버튼 ]1. 버튼 클릭 시 팝업 창이 닫힘

456789101112131415특이사항

1. 초기 팝업 상태는 검색결과가 없는 상태 .

P1 프로젝트 검색 팝업 ( 검색결과가 없을 경우 )프로젝트 검색 프로젝트 검색

닫기

전체 ▼ 검색

구분 프로젝트명

검색결과가 없습니다 .

21

3



Description

SA 현황판 구축

16


B4.2p 프로젝트 검색 ( 검색결과 있을 경우 )


1 [ 검색 버튼 ]1. 버튼 클릭 시 입력한 검색어에 해당하는 결과 리스트가 나타남 .

2 [ 프로젝트명 ]1. 프로젝트명을 클릭할 경우 팝업 창이 닫히고 , 프로젝트 등록 입력창에 정보 노출 됨

3 [ 닫기 버튼 ]1. 버튼 클릭 시 팝업창 닫힘

456789101112131415특이사항

P2 프로젝트 검색 팝업 ( 검색결과가 있을 경우 )프로젝트 검색 프로젝트 검색

닫기

전체 ▼ 프로 검색

구분 프로젝트명

신규 프로젝트 1

운영 프로젝트 2

전략 프로젝트 3

1

3

2



Description

SA 현황판 구축

17


123456789101112131415특이사항

프론트



Description

SA 현황판 구축

18


A1 퍼블리싱 현황판 로그인 페이지

현황판 > 로그인

1 퍼블리싱 현황판 로그인 페이지

2 [ 로그인 ]1. 아이디 , 비밀번호 모두 입력 후 클릭 시 에만 [ 관리자 메인 ] 로 이동2. “1 번” 의 내용을 적용하지 않을 경우 “ A2” “A3” 와 같은 alert 창이 나타남 .3. 관리자 계정이 아닌 정보를 입력할 경우 “A1” 와 같은 alert 창이 나타남 .

3456789101112131415특이사항

펴블리싱 현황 게시판에 오신 것을 환영합니다 .

본 사이트는 허가되지 아니한 자의 접근을 금합니다 .

사용 중 문의사항은 관리 책임자에게 연락 주시기 바랍니다 .담당자 ☏ 070-1234-1234 [email protected]

아이디

비밀번호로그인

1



확인

A2 아이디 미 입력 후로그인 버튼을 클릭한 경우



확인

A3 비밀번호 미 입력 후로그인 버튼을 클릭한 경우


아이디와 비밀번호를 확인해주세요 .

확인

A1 관리자 계정이 아닌 정보를 입력 후로그인 버튼을 클릭한 경우



Description

SA 현황판 구축

19


A2 프로젝트 리스트

현황판 > 프로젝트 리스트

1 [ 프로젝트 리스트 ]1. 로그인 한 게정으로 접근할 수 있는 프로젝트 리스트를 보여 줌

2 [ 프로젝트명 선택 ]1. 프로젝트명 클릭 시 , 해당 프로젝트의 현황판 페이지로 이동

3456789101112131415특이사항


프로젝트 리스트

프로젝트를 선택해 주세요 .

대신증권 사이트 리뉴얼

신한카드 컨설팅

㈜문진미디어 온라인 사이트구축

1

2



Description

SA 현황판 구축

20


A3 현황판 페이지 목록

현황판 > 페이지 목록

1 [ 로고영역 ]1. 진행하는 프로젝트의 로고 노출

2 [GNB]1.GNB 에서 [ 현황판 ] 이 기본값2. 마크업가이드 등의 다른 메뉴는 필요에 따라 추가 가능

3 [ 로그인 시 ]1. 로그인 시 상단에 로그인 한 회원의 이름과 로그아웃 버튼이 노출 됨

4 [ 브래드커럼스 ]1. 브래드커럼스로 단계별로 링크를 걸어 이동 . 단 마지막은 현재페이지므로 링크 없음

5 [ 뎁스명 + 이슈 수 ]1. 각 댑스별로 현황판을 따로 구성2. 상단에 뎁스명과 전체 이슈 수를 노출

6 [ 진행상황 총합 ]1 . 현재진행률 : 검수완료율로 책정2. 새코멘트 : 등록된 지 24 시간 이내의 코멘트를 새 코멘트로 함3 . 작업완료 : 작업완료 건 수4. 검수완료 : 검수완료 건 수5. 수정 중 : 수정중인 건 수

7 [ 각 뎁스명 + 이슈 수 ]1. 뎁스명과 함께 해당 페이지의 ( 미완료 이슈 /전체 이슈 수 ) 가 표기 됨2. 각 뎁스마다 이슈리스트 페이지 존재3. 클릭 시 해당 페이지의 이슈 리스트 페이지로 이동 화면 ID: A3.14. 한 라인에 하나의 메뉴만 존재해야 함 예를 들면 , 1 뎁스가 페이지가 없을 경우라도 1 뎁스와 2 뎁스가 한 라인에 나란히 있는 것이 아니라 각각 한 라인씩

8 [ 디자인 /코딩파일 확인 및 상태확인 ]1. 디자인 /코딩 파일과 상태 및 페이지 수를 확인할 수 있음 작업 완료된 파일은 FTP 로 업로드2.파일명은 [ 화면 ID.] 의 형태로 함

9 [ 상태변경 ]1. 선택 후 상태설정 버튼 ( 검수완료 /수정 중 ) 버튼 클릭 시 상태 변경 됨2. 상태 변경은 해당 담당 기획자만 할 수 있으나 권한 설정은 2차 개발에서 진행

10 [ 파일다운로드 ]1. 작업 완료된 기획서 , 디자인파일을 다운로드 받을 수 있음 . 작업 완료된 파일은 FTP 로 업로드하여 현황판과 연동시킴

프로젝트 로고 현황판

1depth 2depth 3depth 4depth 5depth 검수 기획

파일다운로드 log 비고 디자인 (54) 코딩 (32)

1 뎁스명(2/7)

A1-01.psd A1-01.htmlA1-01.ppt

2 뎁스명(4/7)

A1-02.psd A1-02.html

3 뎁스명(2/10)

A1-03.psd A1-03.html

3 뎁스명(4/4)

프로젝트명 > 1depth 명 ▼

1depth 명 (13) 현재 진행률 80% 새 코멘트 10 작업완료 10 검수완료 10 수정중 5


작업완료

검수완료

수정 중

검수완료 수정 중

12

3

4

5 6

7

8

9

10

기획 홍길동 디자인 : 홍길순 퍼블리싱 : 홍서범 플래시 : 홍기범 개발 : 홍당무

작업완료

검수완료

수정 중



Description

SA 현황판 구축

21


A3.1 페이지별 이슈 목록

현황판 > 페이지 목록 > 이슈목록

1 [ 지난 이슈 ]1.등록 된지 24 시간이 지난 이슈 목록2.최신 목록이 아래로 추가 되는 형태 ( 먼저 등록된 이슈부터 처리하기 위함 )3.이슈가 없을 경우 “등록된 이슈가 없습니다”

2 [ 체크박스 ]1. 이슈 앞의 체크박스에 체크 설정을 하게 되면 [ 완료된 이슈 ] 라는 의미가 됨 체크 하는 동시에 완료된 이슈 목록으로 이동 체크 해제 시 , 다시 지난 이슈 목록으로 원 위치됨

3 [ 이슈 정보 노출 ]1. 이슈 내용 , 전체 코멘트 수 , 첨부파일 유무 노출 ( 클릭 시 다운로드 )2. 이슈 글 클릭 시 상세 페이지로 이동

4 [ 최근 이슈 ]1. 등록된 지 24 시간 이내의 이슈 목록2.먼저 등록된 글이 최상단에 위치3. 이슈가 없을 경우 “등록된 이슈가 없습니다”

5 [ 완료된 이슈 ]1. 체크박스에 추가된 이슈 목록 리스트2.먼저 등록된 글이 최상단에 위치3. 중선 처리4. 이슈가 없을 경우 “등록된 이슈가 없습니다”

6 [ 비고 ]1. 비고 내용 등록 /삭제 활성화 상태 담당자 ( 코더 /기획자 ) 만 등록 /삭제 권한이 있으나 2차 개발 시 적용2. 등록버튼 : 입력한 내용 등록 됨3. 삭제버튼 : 입력한 내용 삭제 됨

7 [ 이슈등록 ] 버튼1. 이슈등록 버튼 클릭 시 팝업 뜸 화면 ID:A3.1.1

8 [ 수정 ] 버튼1. 버튼 클릭 시 , 등록 시와 동일한 팝업이 떠서 수정할 수 있도록 함2. 본인이 쓴 글에만 노출

9101112131415특이사항

지난 이슈

2 일전 (1월 18 일 , 월요일 ) 홍길동 아이콘 변경 요망 (3)


페이지명

홍길동 ㅣ 로그인

2depth 명 ▼>

[ 디렉토리 ]/info/info

[ 비고 ]

최근 이슈

오늘 (1월 20 일 , 수요일 ) 홍길동 아이콘 변경 요망 오타 확인 수정 /삭제

완료된 이슈

2 일전 (1월 18 일 , 월요일 ) 홍길동

3depth 명 ▼>

1

2

4

5

3

추가 컨텐츠 수급 중

등록 삭제

6

이슈 등록7

8 Windows Internet Explorer


확인

A1 삭제 버튼 클릭 시




Description

SA 현황판 구축

22


A3.1.1 이슈등록

현황판 > 페이지 목록 > 이슈목록 > 이슈등록

p1 [ 이슈등록 ]1. 최대 1000byte2.첨부파일 500KBP1 이슈 등록하기

이슈등록하기

이슈 등록

▲

▼

등록 취소

첨부파일(500KB)

찾아보기



Description

SA 현황판 구축

23


A3.1.1 이슈별 상세 페이지

현황판 > 페이지 목록 > 이슈목록 > 이슈상세

1 [ 코멘트 노출 ]1. 이름 , 등록일 , 내용 , 첨부파일2. 등록된 코멘트 없을 경우 “등록된 코멘트가 없습니다”

2 [ 수정버튼 ]1. 수정버튼 클릭 시 아래의 코멘트 입력창에 내용을 끌어와 노출시켜서 수정할 수 있도록 함

3 [ 현재 이슈에 참여한 멤버 ]1. 현재 이슈에 덧글남긴 사람들 목록 클릭 시 해당 인물에게 메일 보낼 수 있도록 아웃룩 뜸 . 이렇게 해서 이 이슈에 참여한 사람 중에서 특별한 사람에게 만 긴밀한 메일을 보낼 수 있도록 유도함

4 [ 나만 보기 상태 ]1.등록 시 [ 나만 보기 ] 에 체크했을 경우 나에게만 보이게 됨 (to do list 등 )


2 일전 (1월 18 일 , 월요일 ) 홍길동

아이콘 변경 요망

홍길동 ㅣ 로그인

2depth 명 ▼>

[ 코멘트 작성시 표기법 예시 ]“bold” → bold-italic_ → italic-to do list → to do list*Bulleted list → • Bulleted list #Number list → 1h1 Big header → Big header h2 Big header → Normal header“megazone”.http://www.mz.co.kr → megazone

[ 현재 이슈에 참여한 멤버 ]홍길순 [email protected]홍서범 [email protected]홍당무 hong3@,z.co.kr

3depth 명 ▼>

홍길순 1월 19 일 , 화요일 11:38 AM페이지 아래에서 세 번째 줄에서 보면 , 00 아이콘이 있는데요 이 아이콘을 첨부한 아이콘으로 변경 부탁 드립니다 . 오늘 오후 3 시까지 작업 해주세면 되요

Icon.jsp수정 삭제

홍서범 1월 19 일 , 화요일 11:50 AM

수정 삭제

홍당무 1월 19 일 , 화요일 11:38 AM페이지 아래에서 세 번째 줄에서 보면 , 00 아이콘이 있는데요 이 아이콘을 첨부한 아이콘으로 변경 부탁 드립니다 . 오늘 오후 3 시까지 작업 해주세면 되요

Icon.jsp

수정 삭제

다음 페이지 계속 ▼

1

2



확인

A1 삭제 버튼 클릭 시

3

4


mailto:[email protected]

mailto:[email protected]

mailto:hong3@,z.co.kr



Description

SA 현황판 구축

24


A3.1.1 이슈별 상세 페이지

현황판 > 페이지 목록 > 이슈목록 > 이슈상세

5 [ 코멘트 등록하기 ]1. 코멘트 내용 , 나만보기 여부 , 첨부파일 , 메일로 해당 내용 받을 사람 선택 후 [등록하기 ] 버튼 클릭하면 등록 완료 됨

코멘트 남기기

등록하기

▲

▼

나만보기

쓴 글을 알려줄 대상을 선택해 주세요 .

전체멤버

홍길동 홍길순 홍서범 홍당무 멤버 5 멤버 6 멤버 7멤버 8 멤버 9 멤버 10 멤버 11 멤버 12 멤버 13 멤버

14

미리보기

P1 코멘트 미리보기

미리보기

홍길순 1월 19 일 , 화요일 11:38 AM페이지 아래에서 세 번째 줄에서 보면 , 00 아이콘이 있는데요 이 아이콘을 첨부한 아이콘으로 변경 부탁 드립니다 . 오늘 오후 3 시까지 작업 해주세면 되요

Icon.jsp

닫기

첨부파일(500KB)

찾아보기

찾아보기

찾아보기

Icon2.jspIcon3.jsp

5

sa 현황판 화면설계서

Documents