모바일 디바이스 API 개발을 위한 Android Studio Gatting Started ( 지원 Platform : Android )
개요
본 가이드는 전자정부 표준프레임워크에서 제공하는 모바일 디바이스 API 가이드 프로그램을 Android Studio에서 실행시키는 방법을 제공한다.
Step 1. Android Studio 설치
다운로드
- Android Studio Download : Click 새 창 열림
Android Studio 설치
1) 탐색기에서 다운로드한 android-studio-ide-*-windows.exe를 실행한다.
2) Android Studio 설치를 진행한다.
3) 설치가 종료되고 실행하면 다음과 같은 화면이 표시된다.
4) 설치시 오류나 기타 사항은 Android Studio 사이트를 참고한다.
- Android Studio 설치 시 참고 : Click 새 창 열림
Step 2. 프로젝트 실행
Device API Guide Program 다운로드 및 Android Studio 에서 열기
1) 포털 사이트 > 다운로드 > 모바일 디바이스 API > 가이드 프로그램 (v3.9.0) 에서 다운로드 받을 가이드 프로그램 중 Android 아이콘을 선택한다.
2) 상세조회 화면의 첨부파일 중 add-studio 문자열을 포함하는 파일을 다운로드 받는다.
3) 다운로드한 파일을 특정 폴더에 압축을 푼다.
4) Android Studio Welcome Page 에서 'Open an existing Android Studio project'를 선택하여 압축해제한 폴더를 선택한다.
5) AVD(Android Virtual Device) Manager 아이콘 클릭 또는 Tools 메뉴 > AVD Manager 를 선택하여 연다.
6) Create Virtual Device 를 클릭한 후 테스트 하고자하는 Android 버전을 선택한다. (여기서는 Android 6, API Level 23의 image를 Download 설치하도록 한다.)
7) Virtual Device 생성 후 화살표 아이콘을 클릭하여 다음과 같은 메시지에 따라 조치하여야 할 수 있다.(Vt-x가 활성화 되어 있어야 하며, intel HAXM 도 설치가 되어 있어야 한다, https://github.com/intel/haxm/releases 새 창 열림 참조)
8) Intel VT-x(가상화 기술) 과 HAXM (Hardware Accelerated Execution Manager)가 설치되었다면 화살표 아이콘을 클릭하면 다음과 같이 Virtual Device가 뜬다.
9) Tools 메뉴 > SDK Manager 를 선택하여 연 후 API Level 23(Android 6, Marshmallow 에서 실행해보기 위함), 27(가이드 프로그램의 targetSdkVersion 이 27로 되어 있음)을 선택하여 설치합니다.
10) 다음 실행 아이콘을 클릭하면 Virtaul Device 에 apk 가 배포되어 실행된다.
Web Application
- Web Application은 전자정부 표준 프레임워크 3.9을 기반으로 만들어진 어플리케이션이므로, 아래를 참고한다.
Step 3. 자세히 들여다 보기
주요 Page
구조
| 디렉토리 | 파일 | 비고 |
|---|---|---|
| assets/www/css/egovframework/mbl/cmm/ | EgoMobile-1.4.5.css | 모바일 실행환경 공통 css 파일 |
| assets/www/css/egovframework/mbl/cmm/ | jquery.mobile-1.4.5.css | query 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.4.6.js | 모바일 실행환경의 공통 js 파일 |
| assets/www/js/egovframework/mbl/cmm/ | jquery-2.1.14.min.js | jQuery 의 js 파일 |
| assets/www/js/egovframework/mbl/cmm/ | jquery.mobile-1.4.5.min.js | jQuery Mobile 의 js 파일 |
| assets/www/js/egovframework/mbl/cmm/ | jquery.validate.min.js | Validation 관련 js 파일 |
| assets/www/js/egovframework/mbl/cmm/ | json2.js | json 관련 js 파일 |
| assets/www/js/egovframework/mbl/cmm/ | modernizr-3.6.0.js | Device API 확인을 위한 공통 js 파일 |
| assets/www/js/egovframework/mbl/cmm/swipebutton/ | jquery-mobile-custom.js | swipebutton 관련 js 파일 |
| libs/ | cordova.jar | Cordova (Phonegap) 구성을 위한 각종 클래스와 랩퍼클래스 |
| res/xml/ | config.xml | Cordova Plugin 구성을 위한 설정 XML 파일 |
| AndroidManiFest.xml | 안드로이드 어플리케이션 설정 XML 파일 |