전자정부 모바일 디바이스 API 개발을 위한 Gatting Started ( 지원 Platform : Android )

개요

본 가이드는 전자정부 표준 프레임워크에서 제공하는 모바일 디바이스 API 실행환경, 개발환경, 가이드프로그램의 적용 및 실습을 위한 기본 환경 구축 내용이다.

빠른 시간 내에 전자정부 디바이스 API 활용 하이브리드 앱 개발을 위한 기본 기능을 활용하기 위해 3단계 따라하기 방식으로 진행된다.

  1. 개발환경 설치 : 실습을 위한 개발환경을 구축한다.
  2. 프로젝트 실행 : 제공한 샘플 프로젝트를 이용하여 앱 어플리케이션을 생성하고 웹 어플리케이션을 통해 실행해 본다.
  3. 자세히 들여보기 : 생성/실행한 프로젝트의 내부 소스코드를 학습하여 전자정부 표준 프레임워크 기반의 웹 어플리케이션과 전자정부 디바이스API 프레임워크 기반의 앱 어플리케이션 구현 원리를 이해한다.

전자정부 표준 프레임워크 기반의 웹 어플리케이션과 전자정부 디바이스API 프레임워크 기반의 앱 어플리케이션 개발 및 실행을 위한 구현도구의 환경정보는 다음과 같다

항목설명비고
OSWindows 2000, xp, vista, seven
JDKJava SE SDK 5.0 이상
SDKAndroid SDK Revision 18 이상 적용빌드번호 : GINGERBREAD EL21
SDK-APIAndroid 2.2 이상 API 8
IDEEclipse 3.6.2(Helios) 구현도구에 포함
Cordova2.9.0Phonegap
Plug-InADT

Step 1. 설치

다운로드

  1. Android SDK Manager : Android SDK Manager Download
  2. ADT Plugin : ADT Plugin Download
  3. Cordova (Phonegap) : Cordova Download

개발환경 설치

  1. 인터넷 웹브라우저를 통해 eGovFrame 홈페이지(https://www.egovframe.go.kr/)에 접속하여 사이트 상위메뉴를 통해 “다운로드>개발환경”으로 이동 후 개발환경을 다운로드 받는다.



SDK 설치

Android SDK는 SDK Manager를 설치 후, SDK를 설치하게 된다.
자세한 사항은 아래의 설치방법을 참고하도록 한다.

설치방법

유의사항

  • SDK 경로는 한글이나 공백이 들어가서는 안된다.
  • API는 필요한 버전을 설치하도록 하며, 전자정부 디바이스API 개발에서는 Android 2.2 이상을 지원하고 있다.

ADT 설치

Android Development Toolkit(이하 ADT)는 Eclipse IDE에서 Android 개발을 도와주기 위한 플러그인 이다. 자세한 사항은 아래의 설치방법을 참고하도록 한다.

설치방법

Android Configurator for M2E 플러그인 설치

  • ADT와 M2Eclipse Maven 플러그인 연결을 위한 플러그인이다.
  • Maven 업데이트를 완료한 후에 플러그인 설치를 하여야한다.

Cordova 설치

전자정부 디바이스API에서 참조하고 있는 Cordova(Phonegap)을 설치한다. 자세한 사항은 아래의 설치방법을 참고하도록 한다.

설치방법

전자정부 디바이스API 실행환경 설치

DeviceAPIGuide_Android_V2.7.zip import

  1. New > Android > Android Application Project

  2. Application Name 입력 및 Build SDK 선택

  3. Next 후, Create Activity 선택 해제 > Finish

  4. 전자 정부 표준프레임워크 센터에서 받은 DeviceAPIGuide_Android_V2.7.zip 파일을 해당 위치에 복사한다. (전자정부 표준 프레임워크 센터 이용하기)
  5. Import > Archive File

  6. 다운 받은 DeviceAPIGuide_Android_V2.7.zip 선택 > Finish

  7. 프로젝트 내, 전자정부 디바이스API 실행환경 구성

기존 프로젝트에 실행환경 구성

  1. 전자 정부 표준프레임워크 센터에서 받은 DeviceAPIGuide_Android_V2.7.zip 파일을 해당 위치에 복사한다. (전자정부 표준 프레임워크 센터 이용하기)
  2. 다운받은 DeviceAPIGuide_Android_V2.7.zip 압축을 푼다.
  3. assets / www 폴더 내에 실행환경의 css를 구성한다.
  4. assets / www 폴더 내에 실행환경의 images를 구성한다.
  5. assets / www 폴더 내에 실행환경의 js를 구성한다.
  6. cordova-1.9.0.jar, EgovHybrid-1.0.0.jar, spring-android-core-1.0.0.RELEASE.jar, spring-android-rest-template-1.0.0.RELEASE.jar 를 libs 폴더에 구성한다.
  7. AndroidManifest.xml 및 project.properties를 수정한다. Cordova (Phonegap) 설정

Step 2. 프로젝트 실행

Device Application

  1. 실행환경 예제를 설치한다.실행환경 예제 설치하러 가기
  2. 프로젝트 선택 후, 오른쪽 클릭 > Run As > Android Application

  3. ADT에서 제공하는 Android Virtual Device Manager로 실행

  4. 디바이스의 USB 디버깅 모드로 실행

  5. LogCat을 통해 앱 어플리케이션에 대한 디버그를 확인

Web Application

Step 3. 자세히 들여다보기

주요 Page

구조

디렉토리파일비고
assets/www/css/egovframework/mbl/cmm/EgoMobile-1.3.2.css모바일 실행환경 공통 css 파일
assets/www/css/egovframework/mbl/cmm/jquery.mobile-1.3.2.cssquery mobile 의 css 파일
assets/www/css/egovframework/mbl/cmm/theme-1.1.1.css테마 파일
assets/www/css/egovframework/mbl/cmm/swipebutton/jquery-mobile-custom.css swipebutton 관련 css 파일
assets/www/js/egovframework/mbl/cmm/cordova.js cordova의 js 파일
assets/www/js/egovframework/mbl/cmm/EgovHybrid.js 디바이스API 공통 js 파일
assets/www/js/egovframework/mbl/cmm/EgovMobile-1.3.2.js모바일 실행환경의 공통 js 파일
assets/www/js/egovframework/mbl/cmm/jquery-1.9.1.min.jsjQuery 의 js 파일
assets/www/js/egovframework/mbl/cmm/jquery.mobile-1.3.2.min.jsjQuery Mobile 의 js 파일
assets/www/js/egovframework/mbl/cmm/jquery.validate.min.jsValidation 관련 js 파일
assets/www/js/egovframework/mbl/cmm/json2.jsjson 관련 js 파일
assets/www/js/egovframework/mbl/cmm/modernizr-2.0.4.jsDevice API 확인을 위한 공통 js 파일
assets/www/js/egovframework/mbl/cmm/swipebutton/jquery-mobile-custom.jsswipebutton 관련 js 파일
libs/cordova.jarPhonegap 구성을 위한 각종 클래스와 랩퍼클래스
res/xml/plugin.xmlCordova Plugin 구성을 위한 설정 XML 파일
AndroidManiFest.xml안드로이드 어플리케이션 설정 XML 파일

구성

관련 환경

 
egovframework/hyb/init/add/getting_started.txt · 마지막 수정: 2020/07/09 14:26 (외부 편집기)
 
이 위키의 내용은 다음의 라이센스에 따릅니다 :CC Attribution-Noncommercial-Share Alike 3.0 Unported
전자정부 표준프레임워크 라이센스(바로가기)

전자정부 표준프레임워크 활용의 안정성 보장을 위해 위험성을 지속적으로 모니터링하고 있으나, 오픈소스의 특성상 문제가 발생할 수 있습니다.
전자정부 표준프레임워크는 Apache 2.0 라이선스를 따르고 있는 오픈소스 프로그램입니다. Apache 2.0 라이선스에 따라 표준프레임워크를 활용하여 발생된 업무중단, 컴퓨터 고장 또는 오동작으로 인한 손해 등에 대해서 책임이 없습니다.
Recent changes RSS feed CC Attribution-Noncommercial-Share Alike 3.0 Unported Donate Powered by PHP Valid XHTML 1.0 Valid CSS Driven by DokuWiki