사용자 지원 - 사이트맵
개요
사이트맵 서비스는 전체 메뉴를 한눈에 보여주고 메뉴에 해당하는 화면으로의 링크를 제공한다.
사이트맵 서비스는 HTML5, jQuery와 함께 jQM(jQuery Mobile)을 바탕으로 개발된 모바일 공통 컴포넌트이다.
자세한 사항은 모바일 실행환경 가이드를 통해 안내되고 있다.
컴포넌트와 관련된 css로는 기본적으로 적용되는 EgovMobile.css와 함께 egovBoard.css, ussCommon.css가 사용된다.
또한 공통으로 지원하고 있는 jAlert가 사용되고 있으며, 아래와 같은 js 파일에 정의되어 있다.
- EgovMobile.js
지원대상
본 컴포넌트는 모바일 디바이스에서 사용 가능한 브라우저를 대상으로 개발 및 테스트를 완료하였으며
PC용 브라우저와 mobile용 브라우저의 HTML5, CSS3 에 대한 지원이 상이함으로 개발, 적용 시에 주의가 필요하다.
개발 및 테스트를 위해 갤럭시S2, 갤럭시S, 갤럭시탭, iPad2, iPhone4 등의 모바일 기기와
Android 기본 브라우저, Firefox, Safari, Opera Mobile 등의 모바일 브라우저를 사용하였다.
Android
테스트 디바이스로는 갤럭시S, 갤럭시S2, 갤럭시탭을 사용하였으며,
브라우저는 Android 기본 브라우저, Firefox(6.xx), Opera Mobile 브라우저를 사용하였다.
- Android OS 2.3 (GingerBread) : HTML5, CSS3 및 컴포넌트의 실행을 안정적으로 지원하였다.
- Android OS 2.1 (Eclair), 2.2 (Froyo) : HTML5, CSS3 지원이 부족하여 컴포넌트의 UI 구현이 원할하지 못하였다.
하지만, Opera Mobile의 경우에는 색상 및 이벤트 처리에 일부 문제가 발생하여 3종지원 브라우저 대상에서 제외되었다.
iOS
테스트 디바이스로는 iPhone4, iPad2를 사용하였다.
- iOS 4.2, 4.3 : 두 버전 모두 HTML5, CSS3를 비교적 원활하게 지원하였다.
기능흐름도
설명
사이트맵은 모바일에서 제공하는 메뉴를 고정적으로 표시하는 방식과 로그인한 사용자의 권한에 대한 메뉴를 동적으로 표시하는 방식을 제공한다.
클래스 다이어그램
관련 소스
| 유형 | 대상소스명 | 비고 |
|---|---|---|
| Controller | egovframework.com.uss.umt.web.EgovSiteMapngController.java | 사용자 권한별 사이트맵을 조회하기 위한 컨트롤러 클래스 |
| Controller | egovframework.mbl.com.sym.mnu.mcm.web.EgovMblSiteMapngController | 사용자 권한별 사이트맵을 조회하기 위한 모바일 컨트롤러 클래스 |
| Service | egovframework.com.uss.umt.service.EgovSiteMapngService.java | 사용자 권한별 사이트맵을 조회하기 위한 서비스 인터페이스 |
| ServiceImpl | egovframework.com.uss.umt.service.impl.EgovSiteMapngServiceImpl.java | 사용자 권한별 사이트맵을 조회하기 위한 서비스 구현 클래스 |
| Service | egovframework.com.sym.mnu.mcm.service.EgovMenuCreateManageService.java | 사용자 권한별 사이트맵을 조회하기 위한 모바일 서비스 인터페이스 |
| ServiceImpl | egovframework.com.sym.mnu.mcm.service.impl.EgovMenuCreateManageServiceImpl.java | 사용자 권한별 사이트맵을 조회하기 위한 모바일 서비스 구현 클래스 |
| VO | egovframework.com.uss.umt.service.SiteMapngVO.java | 사용자 권한별 사이트맵 조회를 위한 VO 클래스 |
| VO | egovframework.com.sym.mnu.mcm.service.MenuSiteMapVO.java | 사용자 권한별 모바일 사이트맵 조회를 위한 VO 클래스 |
| DAO | egovframework.com.uss.umt.service.impl.SiteMapngDAO.java | 사용자 권한별 사이트맵 조회를 위한 데이터처리 클래스 |
| DAO | egovframework.com.sym.mnu.mcm.service.impl.MenuCreateManageDAO.java | 사용자 권한별 모바일 사이트맵 조회를 위한 데이터처리 클래스 |
| JSP | /WEB-INF/jsp/egovframework/cmm/uss/umt/EgovSiteMapng.jsp | 사용자 권한별 사이트맵 조회를 위한 목록조회 페이지 |
| JSP | /WEB-INF/jsp/egovframework/mbl/com/sym/mnu/mcm/EgovSiteMap.jsp | 사용자 권한별 모바일 사이트맵 조회를 위한 목록조회 페이지 |
관련테이블
| 테이블명 | 테이블명(영문) | 비고 |
|---|---|---|
| 메뉴정보 | COMTNMENUINFO | 메뉴 정보를 관리 |
| 메뉴생성내역 | COMTNMENUCREATDTLS | 메뉴생성 정보를 관리 |
| 프로그램목록 | COMTNPROGRMLIST | 프로그램목록을 관리 |
| 사용자보안설정 | COMTNEMPLYRSCRTYESTBS | 사용자별 권한 관리 |
관련화면 및 수행메뉴얼
사이트맵(Type A) 조회
모바일에서 제공하는 공통컴포넌트의 기능에 대한 고정적인 메뉴를 제공한다.
제공되는 공통컴포넌트의 기능이 변경될 경우 관리자에 의한 수정작업이 필요하다.
| Action | URL | Controller method | QueryID |
|---|---|---|---|
| 화면 | /sym/mnu/mcm/EgovWebSiteMapView.mdo | webSiteMapView |
홈: 홈 화면으로 이동한다.
Type B : 사이트맵(Type B)로 이동한다.
메뉴 클릭 : 해당 화면으로 이동한다.
사이트맵(Type B) 조회
로그인한 사용자의 권한에 대한 메뉴를 바탕으로 사이트 맵을 구성하므로 반드시 메뉴가 생성되어 있어야 한다.
지정된 URL이 모바일URL(~.mdo)인 경우에 해당 화면으로 이동하므로 메뉴의 URL을 모바일URL(~.mdo)로 생성하도록 한다.
| Action | URL | Controller method | QueryID |
|---|---|---|---|
| 화면 | /sym/mnu/mcm/EgovSiteMapng.mdo | siteMapView | |
| 조회 | /sym/mnu/mcm/EgovSiteMapngActor.mdo | selectSiteMapng | “menuManageDAO.selectSiteMapByUser” |
| “menuManageDAO.selectAuthorByUsr” |
홈: 홈 화면으로 이동한다.
Type A : 사이트맵(Type A)로 이동한다.
메뉴 클릭 : 해당 화면으로 이동한다.
참고자료
- 사이트맵 참조(기존 웹 버전) : 사이트맵
- 배포 및 테스트 관련 : 모바일 공통컴포넌트란 및 배포 패키지 구성안