슬라이드 1

Transcription

1 - 1 - 전자정부모바일표준프레임워크실습 LAB 개발환경

2 실습목차 LAB 1-1 모바일프로젝트생성실습 LAB 1-2 모바일사이트템플릿프로젝트생성실습 LAB 1-3 모바일공통컴포넌트생성및조립도구실습 - 2 -

3 LAB 1-1 모바일프로젝트생성실습 (1/2) Step 구현도구에서 egovframe>start>new Mobile Project 메뉴를선택한다. Step 모바일프로젝트생성위저드에서아래와같이입력하고 Next 버튼을클릭한다. 항목입력내용비고 Project name lab101 Target Runtime Apache Tomcat 6.0 Dynamic Web Module Version Group Id 2.5 자동입력 egovframe Artifact Id lab101 자동입력 Version 자동입력 Step Generate Example 항목을체크하고 Finish 버튼을클릭한다

4 LAB 1-1 모바일프로젝트생성실습 (2/2) Step Package Explorer에서생성된 lab103의데이터베이스를실행한다. ( path tools > Command Line Shell 이용하여 runhsqldb.cmd 실행 ) Step 이클립스에서 Run As > Maven Install 을클릭하여 Maven 을실행한다. Step 생성한프로젝트를실행하여결과를확인한다. [Eclipse 이용 ] lab103 > Run As > Run on Server 클릭 Finish 버튼클릭 [ 오류발생시 ] 구현도구 (eclipse) 재기동, Maven Clean, Maven Install 실행후다시 Run On Server 실행 - 4 -

5 LAB 1-2 모바일사이트템플릿프로젝트생성실습 (1/2) Step 구현도구에서 egovframe>start>new Mobile Template Project 메뉴를선택 한다. Step New Mobile Template Project 위저드에서 Collaboration 을선택하고 Next 를클릭한다. Step egovframe Mobile Template Project 에서아래와같이입력하고 Finish 버튼을클릭한다. 항목입력내용비고 Project name lab102 Target Runtime Apache Tomcat 6.0 Dynamic Web Module Version Group Id 2.5 자동입력 egovframe Artifact Id lab102 자동입력 Version 자동입력 - 5 -

6 LAB 1-2 모바일사이트템플릿프로젝트생성실습 (2/2) Step 실습용으로배포된 mysql zip 파일을로컬에풀고실행한다. 실행방법 : mysql설치폴더 > bin > mysqld.exe 실행종료방법 : 커맨드창에서 mysqladmin -u root shutdown 실행 Step 생성한프로젝트의 DB 연결정보를설정한다. 설정파일 : src > main > resources > egovframework > egovprops > globals.properties 설정항목 Globals.DbType Globals.DriverClassName Globals.Url Globals.UserName Globals.Password 실습용입력정보 mysql com.mysql.jdbc.driver jdbc:mysql://localhost:3306/com com com01 Step 이클립스에서 Run As > Maven Install 을클릭하여 Maven 을 실행한다. Step 생성한프로젝트를실행하여결과를확인한다. [Eclipse 이용 ] lab103 > Run As > Run on Server 클릭 Finish 버튼클릭 [ 오류발생시 ] 구현도구 (eclipse) 재기동, Maven Clean, Maven Install 실행후다시 Run On Server 실행 - 6 -

7 LAB 1-3 모바일공통컴포넌트생성및조립도구실습 (1/20) Step Database Connection 생성 - 1/3 Eclipse Menu > Window > Show View > Data Source Explorer context menu 에서 New 를선택 - 7 -

8 LAB 1-3 모바일공통컴포넌트생성및조립도구실습 (2/20) Step Database Connection 생성 - 2/3 연결할 DB Type 선택후 Next 버튼클릭 Drivers 선택, 또는 (New Driver Definition) 버튼을클릭하여 Driver Definition 을입력 ( 다음장참고 ) Driver Definition 에대한입력을마친후 Properties 그룹의 General 탭에서필요한 Property 값을입력 Test Connection 후 Finish 버튼을눌러 Database Connection 추가를완료 - 8 -

9 LAB 1-3 모바일공통컴포넌트생성및조립도구실습 (3/20) Step Database Connection 생성 - 3/3 Driver Definition 정보를입력하고 OK 버튼클릭 Name/Type 탭 : 추가할드라이버 Type 선택 JAR List 탭 : 사용할 jdbc 파일선택 Properties 탭 : 연결할 DB 정보를입력 - 9 -

10 LAB 1-3 모바일공통컴포넌트생성및조립도구실습 (4/20) Step egovframe Perspective 실행 Eclipse Menu > Window > Open Perspective > egovframe 선택

11 LAB 1-3 모바일공통컴포넌트생성및조립도구실습 (5/20) Step Project 생성 - 1/3 방법 1 : Eclipse Menu > egovframe > Start > New Web Project 선택 방법 2 : Package Explorer > 마우스오른쪽버튼클릭 > New > egovframe Web Project 선택 방법 1 방법

12 LAB 1-3 모바일공통컴포넌트생성및조립도구실습 (6/20) Step Project 생성 - 2/3 프로젝트정보입력

13 LAB 1-3 모바일공통컴포넌트생성및조립도구실습 (7/20) Step Project 생성 - 3/3 프로젝트생성결과확인

14 LAB 1-3 모바일공통컴포넌트생성및조립도구실습 (8/20) Step 모바일공통컴포넌트생성위저드실행 - 1/5 프로젝트선택마우스우클릭 > New > egovframe Common Component 선택

15 LAB 1-3 모바일공통컴포넌트생성및조립도구실습 (9/20) Step 모바일공통컴포넌트생성위저드실행 - 2/5 공통컴포넌트목록중설치하고자하는컴포넌트를선택하고 Next 를클릭 선택한컴포넌트를확인하고테이블설치여부를선택 ( 실습예제로 사용자 DB 에생성 선택 )

16 LAB 1-3 모바일공통컴포넌트생성및조립도구실습 (10/20) Step 모바일공통컴포넌트생성위저드실행 - 3/5 Data Source Explorer 에등록한사용자의 DB 중하나를선택하고 Connection Test 를클릭 Connection Test 이후에활성화된 Create Table 버튼을클릭

17 LAB 1-3 모바일공통컴포넌트생성및조립도구실습 (11/20) Step 모바일공통컴포넌트생성위저드실행 - 4/5 Create Table 을정상적으로완료한후 Finish 를클릭

18 LAB 1-3 모바일공통컴포넌트생성및조립도구실습 (12/20) Step 모바일공통컴포넌트생성위저드실행 - 5/5 생성된소스확인

19 LAB 1-3 모바일공통컴포넌트생성및조립도구실습 (13/20) Step 서버설정 ( 톰캣 Server) - 1/3 New > Others 선택후위저드에서 Server 선택

20 LAB 1-3 모바일공통컴포넌트생성및조립도구실습 (14/20) Step 서버설정 ( 톰캣 Server) - 2/3 Apache>Tomcat v6.0 Server 선택 Tomcat 6.0 이설치된디렉토리선택 서버에서테스트할프로젝트추가

21 LAB 1-3 모바일공통컴포넌트생성및조립도구실습 (15/20) Step 서버설정 ( 톰캣 Server) - 3/3 프로젝트선택마우스우클릭 > Run > Run on Server 테스트할서버선택후 Finish 클릭 톰캣서버에러없이 Starting 확인

22 LAB 1-3 모바일공통컴포넌트생성및조립도구실습 (16/20) Step 생성된모바일공통컴포넌트확인 브라우저창이뜨면일반로그인항목선택과아이디및비밀번호입력 항목입력내용비고 일반로그인 아이디 업무 test1 비밀번호공통

23 LAB 1-3 모바일공통컴포넌트생성및조립도구실습 (17/20) Step 생성된모바일공통컴포넌트확인 로그인후메뉴관리 > 메뉴목록조회클릭 설치한모바일공통컴포넌트확인후하나를선택 (ex. 모바일차트 / 그래프 )

24 LAB 1-3 모바일공통컴포넌트생성및조립도구실습 (18/20) Step 생성된모바일공통컴포넌트확인 모바일차트 / 그래프 에대한메뉴상세조회에서 수정 클릭 상위메뉴 에서 협업 선택

25 LAB 1-3 모바일공통컴포넌트생성및조립도구실습 (19/20) Step 생성된모바일공통컴포넌트확인 사용여부 에서 예 선택 메뉴목록조회에서 뒤로 클릭

26 LAB 1-3 모바일공통컴포넌트생성및조립도구실습 (20/20) Step 생성된모바일공통컴포넌트확인 협업 카테고리에서 모바일차트 / 그래프 클릭 생성된 모바일차트 / 그래프 확인가능