[분산컴퓨팅] 스마트폰용 프레이워크 - 모바일웹앱조사(jQuery Mobile, iUI, jQ Touch, Sencha Touch, PhoneGap) 과제

소개글

[분산컴퓨팅] 스마트폰용 프레이워크 - 모바일웹앱조사(jQuery Mobile, iUI, jQ Touch, Sencha Touch, PhoneGap) 과제에 대한 보고서 자료입니다.

목차

Ⅰ jQuery Moblie
1. jQuery Mobile 소개
2. 특징
3. 모바일웹앱 프레임워크 비교
4. 개발환경 설정

Ⅱ iUI(iOS)
1. iUI 소개
2. 특징
3. 개발환경 설정

Ⅲ jQ Touch
1. jQ Touch 소개
2. 특징
3. 모바일웹앱 프레임워크 비교
4. 개발환경 설정

Ⅳ Sencha Touch
1. Sencha Touch 소개
2. 특징
3. 모바일웹앱 프레임워크 비교
4. 개발환경 설정

Ⅴ PhoneGap
1. Phone Gap 소개
2. 특징

본문내용

마 특징
일반 CSS
테마롤러 도구 지원
Sass 기반
기반 스크립트
jQuery 기반
jQuery 기반
ExtJS 기반
라이브러리 용량
적음
중간
많음
최적화 대상
Phone
Phone, Tablet PC
Phone, Tablet PC
지원 기기
한정적
iOS 계열 모바일 기기
다양함
iOS, Android, Blackberry, 팜 웹OS, 오페라모바일, 파이어 폭스 모바일 등
중간
iOS, Android 계열 모바일, Blackberry OS 6.0 이상
개발환경 설정
Sencha Touch는 별도의 프로그램 설치 과정이 필요없다. 개발 소스에 라이브러리를 참조시켜 Sencha Touch 프레임워크를 사용한다. Sencha Touch 라이브러리는 http://www.sencha.com/products/touch/download/ 에서 다운로드 받을 수 있다. 다운로드 받은 라이브러리에 sencha-touch.js와 sencha-touch.css를 HEAD 영역에 아래와 같이 참조한다.


PhoneGap
Phone Gap 소개
PhoneGap 공식 사이트에서 PhoneGap을 다음과 같이 설명하고 있다. 간단히 말하면 PhoneGap은 웹 API로 모바일 앱을 개발 할 수 있는 프레임워크이다. 즉 HTML5, JavaScript, CSS를 사용하여 디바이스 하이브리드 어플리케이션을 구축하기 위한 오픈소스 프레임워크 이다.
특징
PhoneGap은 웹 콘텐츠를 보여 주는 웹뷰(WebView)에서 스마트폰 디바이스에 접근하여, 카메라나 마이크 제어 같은 웹 브라우저 고유 기능 이외의 기능을 실행할 수 있는 인터페이스를 제공하는 대표적인 하이브리드 앱 개발 솔루션이다. 캐나다에 있는 Nitobi라는 회사에서 처음 제작했으며 2011년 10월에 Adobe사가 PhoneGap을 인수했다. Adobe사의 인수 후에 Apache 라이선스 적용으로 오픈소스 정책을 더욱 강화했으며, 각종 추가 기능이 플러그인 형태로 개발되어 커뮤니티에 공유되고 있는 것이 장점이다. PhoneGap은 현재 하이브리드 앱 플랫폼 중 가장 큰 경쟁력을 가지고 있다. 가장 많은 스마트폰 플랫폼(iOS, Android, Windows Phone, Blackberry 등 7개 운영체제)을 지원하고, 제품 완성도도 높기 때문이다. 2011년 11월 7일에 릴리스된 1.2.0 버전을 기준으로 장치 제어에 사용하는 디바이스 API는 다음과 같다.
Accelerometer: 가속도계 사용
Camera: 사진 촬영과 사진 앨범 탐색
Capture: 동영상 녹화, 오디오 녹음, 정지 영상 촬영
Compass: 나침반 기능
Connection: 모바일 네트워크 상태 확인
Contacts: 주소록 검색 및 연락처 추가/수정/탐색
Device: 단말기, 운영체제 버전 등
Events: 하드웨어 버튼 이벤트
File: 파일 입출력, 전송
Geolocation: 위치 정보
Media: 음성 재생과 녹음
Notification: 벨 소리, 진동, 시스템 알림 메시지 등
Storage: 네이티브 DB 접근

키워드

jQuery Mobile,   iUI,   jQ Touch,   Sencha Touch,   PhoneGap,   모바일웹앱,   모바일웹앱 조사,   모바일웹앱 과제,   웹앱 과제