====== 사용자 지원 - 사이트맵 ====== ===== 개요 ===== **사이트맵** 서비스는 전체 메뉴를 한눈에 보여주고 메뉴에 해당하는 화면으로의 링크를 제공한다.\\ **사이트맵** 서비스는 **HTML5**, **jQuery**와 함께 **jQM(jQuery Mobile)**을 바탕으로 개발된 모바일 공통 컴포넌트이다. \\ 자세한 사항은 [[http://www.egovframe.go.kr/html/egovframework/mbl/mguide/mguide.html|모바일 실행환경 가이드]]를 통해 안내되고 있다. \\ 컴포넌트와 관련된 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를 비교적 원활하게 지원하였다. \\ ==== 기능흐름도 ==== {{:egovframework:mcom:사이트맵_기능흐름도.jpg?740|}} ===== 설명 ===== 사이트맵은 모바일에서 제공하는 메뉴를 고정적으로 표시하는 방식과 로그인한 사용자의 권한에 대한 메뉴를 동적으로 표시하는 방식을 제공한다. == 클래스 다이어그램 == {{:egovframework:mcom:CLD_사이트맵.JPG?740|}} == 관련 소스 == ^유형^대상소스명^비고^ |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| | {{:egovframework:mcom:EgovWebSiteMap_1.jpg|}} {{:egovframework:mcom:EgovWebSiteMap_2.jpg|}} 홈: 홈 화면으로 이동한다. \\ 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"| {{:egovframework:mcom:EgovSiteMap_1.jpg|}} {{:egovframework:mcom:EgovSiteMap_2.jpg|}} 홈: 홈 화면으로 이동한다. \\ Type A : 사이트맵(Type A)로 이동한다. \\ 메뉴 클릭 : 해당 화면으로 이동한다. \\ ---- ===== 참고자료 ===== * 사이트맵 참조(기존 웹 버전) : [[사이트맵]] * 배포 및 테스트 관련 : [[egovframework:mcom:모바일 공통컴포넌트란?|모바일 공통컴포넌트란]] 및 [[모바일_배포_패키지_구성안|배포 패키지 구성안]]