마이페이지(사회공헌대표계정) PCK 통합 프로젝트 Date / Version Prepared by 이윤주 푸르덴셜 사회공헌재단 확인 담당 책임 Xprime 확인 담당 PM

<< < [1] [2] [3] [4] [5] [6] [7] [8] [9] [10] > >> 요소 정의 입력폼 (single) (multi) Description 표시 1 2 3 Page description ▲ ▼ P1 P2 P3 Pop-up --- Check box   Option box Select box ▼ Input box File box Button Level 1 text (8/굵게) 확인, 쓰기, 등록 등 최종 기능 버튼 찾아보기… Level 2 버튼 인쇄, 스크랩 등 부가 기능 버튼 Font 타이틀 : 메뉴명 (10/굵게) 서브타이틀 : 메뉴명 (9/굵게) 본문 : 본문글 text (8), 강조 텍스트 (굵게) 링크 : 파란색 텍스트에 Underline Level 3 Txt버튼 ‘ID/PW 찾기’ 등 문장형이나 안내/설명 문구 등에 링크형태로 연결되는 버튼 TIP / Help ? icon Tap Image text (8/굵게) text (8/굵게) text (8/굵게) Visual/Image thumbnail Table □ No. text (8/굵게) 연락처 4 text (8) ☏ ☎ 3 2 1 주석 표시 주석문 Alert 알림문 Paging << < [1] [2] [3] [4] [5] [6] [7] [8] [9] [10] > >> 버튼 Pop-up _ □ X 연결된 페이지 이전 페이지 연걸 다음 페이지 연걸

Update History Update date Version Update History Updated Part Description Writer 2012.01.10 1.0 마이페이지 사회공헌대표 계정 시 페이지 구성 이윤주

PCM_2_3 마이페이지 > 나의 마일리지 > 마일리지 관리(사회공헌대표 계정) Home > 마이페이지 > 나의 마일리지 > 마일리지 관리(사회공헌대표 계정으로 로그인시) 푸르덴셜 사회공헌 사회공헌위원회 자원봉사 사회공헌 소식 마이페이지 푸르덴셜 사회공헌재단ㅣ 사이트맵 마이페이지 마일리지 관리 마일리지 관리 – 사회공헌 대표 계정으로 로그인 시 메뉴 노출(이름, 소속 지점 / 팀, 봉사활동기관, 수혜대상, 봉사종류, 활 동시간, 승인현황 정보) 승인관리 버튼 – 선택 시 신청된 상세 화 면으로 이동(P12참고) 일괄승인 버튼 - 리스트에서 전체선택 또 는 개별선택 후 일괄승인 클릭 하면 승인 현황 일괄 승인 처리 우리 사회 모든 구성원들이 보다 인간답고 행복하며 건강하게 살도록 하기 위한 자발적인 사랑의 실천 ▶ 나의 기부 ▶ 나의 마일리지 • 마일리지 조회 • 마일리지 관리 • 봉사 활동처 등록 ▶ 나의 학교방문 ▶ 위원회 신청/관리 1 No. 이름 소속 지점 / 팀 봉사활동기관 수혜대상 봉사종류 활동시간 승인현황 □ 20 홍길동 강남지점 푸르고등학교 학교방문 1 승인완료 19 한국메이크어위시재단 아동 사회복지 2 18 행복한세상 노인 사내봉사 3 . 2 승인관리 승인관리 승인관리 승인관리 승인관리 승인관리 승인관리 승인관리 << < [1] [2] [3] [4] [5] [6] [7] [8] [9] [10] > >> 3 일괄승인 서울시 강남구 역삼동 838 푸르덴셜타워 2층 대표전화 02-2144-2200 COPYRIGHTⓒ 2012 PRUDENTIAL FOUNDATION. ALL RIGHTS RESERVED 관련 사이트 ▼

PCM_2_3 마이페이지 > 나의 마일리지 > 마일리지 관리(사회공헌대표 계정) (신청된 상세 화면) Home > 마이페이지 > 나의 마일리지 > 마일리지 관리(사회공헌대표 계정으로 로그인시)(신청된 상세 화면) 푸르덴셜 사회공헌 사회공헌위원회 자원봉사 사회공헌 소식 마이페이지 푸르덴셜 사회공헌재단ㅣ 사이트맵 마이페이지 마일리지 관리 마일리지 관리 신청 상세 화면 – 신청자 의 정보와 승인 현황 선택(승인여부 상태 값은 “승인완료”, “승인대기”, “승인반려”) 확인 버튼 – 승인 여부 상태값 설정 후 확 인 버튼 누르면 마일리지 관리 리스트 화 면에 승인여부 상태 값 표기(승인완료, 승 인반려) 취소 버튼 – 선택 시 마일리지 관리 리스 트 화면으로 이동(P11참고) 목록 버튼 – 선택 시 마일리지 관리 리스 트 화면으로 이동(P11참고) 우리 사회 모든 구성원들이 보다 인간답고 행복하며 건강하게 살도록 하기 위한 자발적인 사랑의 실천 ▶ 나의 기부 ▶ 나의 마일리지 • 마일리지 조회 • 마일리지 관리 • 봉사 활동처 등록 ▶ 나의 학교방문 ▶ 위원회 신청/관리 1 이름 홍길동 사번 OS123 봉사활동처 푸르고등학교 기관연락처 02-123-4567 봉사종류 학교방문 봉사내용 수혜대상 청소년 봉사기간 2011-12-01 ~ 2011-12-01 봉사시간 1 *승인반려 시 사유를 적어주세요. 승인현황 승인대기 ▼ 4 목록 2 확인 취소 3 서울시 강남구 역삼동 838 푸르덴셜타워 2층 대표전화 02-2144-2200 COPYRIGHTⓒ 2012 PRUDENTIAL FOUNDATION. ALL RIGHTS RESERVED 관련 사이트 ▼

PCM_3_1 마이페이지 > 나의 학교방문 > 학교조회 및 신청(대리신청) Home > 마이페이지 > 나의 학교방문 > 학교조회 및 신청(대리신청) 푸르덴셜 사회공헌 사회공헌위원회 자원봉사 사회공헌 소식 마이페이지 푸르덴셜 사회공헌재단ㅣ 사이트맵 마이페이지 학교조회 및 신청 학교조회 영역 – 시/도, 구/군, 학교명, 중 /고 구분 선택 후 검색 버튼 누르면 하단 에 조회영역에 리스트 뿌려짐(P16참고) 임직원 검색 버튼 – 사회공헌대표 계정으 로 로그인 시 생성, 선택 시 직원 검색 팝 업 창 뜸(P19참고)단, 각 사회공헌대표 지 점별 직원들의 리스트가 뿌려짐 학교방문신청 버튼 – 학교조회 후 방문할 학교 선택 후 학교방문신청 버튼 선택(사 회공헌대표 대리 신청의 경우 2개 이상의 학교 동시에 방문신청 가능하도록 기능 구현) 학교 조회 영역 – 전체선택, NO, 학교명, 학급, 주소, 대표전화, 신청자, 소속, 방문 여부, 응모여부 리스트 뿌려짐(페이징 없 이 하단에 길게 나열) 학교방문 대상지역에서 지점/팀별 방문지역을 확인하신 후 신청해주세요. ▶ 나의 기부 ▶ 나의 마일리지 ▶ 나의 학교방문 • 학교조회 및 신청 • 학교방문 신청내역 ▶ 위원회 신청/관리 2 3 1 시/도 선택 ▼ 구/군 선택 ▼ 학교명 전체선택 ▼ 검색 임직원검색 학교방문신청 학교정보 방문신청현황 □ No. 학교명 학급 주소 대표전화 신청자 소속 방문여부 응모여부 20 푸르고등학교 10 경기도 고양시 덕양구 화신로 122 (행신동 927) 02-1234-5678 홍길동 강남지점 O X 19 푸르중학교 18 30 . 40 3 2 1 4 서울시 강남구 역삼동 838 푸르덴셜타워 2층 대표전화 02-2144-2200 COPYRIGHTⓒ 2012 PRUDENTIAL FOUNDATION. ALL RIGHTS RESERVED 관련 사이트 ▼

PCM_3_1 임직원 검색 팝업창 3 Home > 마이페이지 > 나의 학교방문 > 학교조회 및 신청(대리신청) > 임직원 검색 팝업 임직원 검색 _ □ X P1 이름 검색 임직원 검색창 – 임직원 이름 검색 후 해 당 임직원의 소속, 직책 검색 추출, 선택 후 확인 누르면 방문신청자 현황 내 신청 자에 검색한 직원 이름 자동 입력 / 취소 시 검색 창 닫힘 ** 각 사회공헌대표 지점별 직원들의 리스트 가 뿌려짐(Default) o 홍길동 강남 agency LP o 홍길동 강남 agency LP 확인 취소

PCM_3_2 마이페이지 > 나의 학교방문 > 학교방문 신청내역 Home > 마이페이지 > 나의 학교방문 > 학교방문 신청내역 푸르덴셜 사회공헌 사회공헌위원회 자원봉사 사회공헌 소식 마이페이지 푸르덴셜 사회공헌재단ㅣ 사이트맵 마이페이지 학교방문 신청내역 년도별 셀렉박스 – 상태 값 2012년 ~1998년(매년 해가 지나갈수록 다음 년 도 자동 생성) 신청취소 버튼 – 하단의 방문신청 리스트 중 취소할 학교 선택 후 클릭하면 “학교 방문을 취소하시겠습니까?” alert 처리 후 확인 시 취소 처리 됨 학교방문신청 리스트 영역 – 전체선택, 번호, 학교명, 학급, 신청자, 소속, 방문여 부, 응모여부, 방문보고서, 추가자료요청, Followup Call 정보 작성대기 상태 – 선택 시 보고서 작성 화 면으로 이동(P21참고) 작성완료 상태 – 선택 시 보고서 작성 완 료 화면으로 이동(P22참고) 학교방문 신청내역 페이지 입니다. 학교명을 클릭하시면 학교방문정보 페이지로 이동 합니다. ▶ 나의 기부 ▶ 나의 마일리지 ▶ 나의 학교방문 • 학교조회 및 신청 • 학교방문 신청내역 ▶ 위원회 신청/관리 1 전체 ▼ 신청취소 2 3 □ No. 년도 학교명 학급 신청자 소속 방문여부 응모여부 방문보고 서 추가자료 요청 Followup Call 10 2012 푸르고등학교 30 홍길동 푸르덴셜 생명보험 사회공헌재단 X 작성대기 9 2011 O 5 작성완료 - 8 2010 7 2009 2 6 2008 2007 1 4 2006 3 2005 2004 2003 4 5 서울시 강남구 역삼동 838 푸르덴셜타워 2층 대표전화 02-2144-2200 COPYRIGHTⓒ 2012 PRUDENTIAL FOUNDATION. ALL RIGHTS RESERVED 관련 사이트 ▼