JQuery Mobile Tutorial : Overview - 03 -

오늘은 JQuery Mobile DOC 의 Overview 부분을 마저 다루겠습니다.

3. Features
4. Accessibility
5. Supported platforms

이렇게 세가주 주제를 다룰건데요. 그냥 간단한 설명들이라서 한번에 다 정리하려구요.

Features

Key features:

• 익숙한 JQuery core를 사용해서 만들어 졌고 JQuery 신택스가 적용돼 쉽게 배울 수 있고 JQuery UI code와 pattern들을 쉽게 사용할 수 있음
• 모든 주요 모바일, 태블릿, e-reader, 데스크탑 플랫폼과 잘 호환 됨. iOS, Android, Blackberry, Palm WebOS, Nokia/Symbian, Windows Phone 7, MeeGo, Opera Mobile/Mini, Firefox Mobile, Kindle, Nook, 그리고 최근 기술을 지원하는 브라우저들 
• 소용량이며 이미지에 따라 속도가 크게 차이나지 않도록 구성 됨
• custom build를 사용할 수 있도록 구성된 Modular architecture
• 빠르게 개발할 수 있고 최소한의 코딩으로 작업할 수 있도록 HTML5 Markup-driven configuration 을 사용함
• Progressive enhancement approach brings core content and functionality to all mobile, tablet and desktop platforms and a rich, installed application-like experience on newer mobile platforms.
• Responsive design techniques and tools allow the same underlying codebase to automatically scale from smartphone to desktop-sized screens
• Powerful Ajax-powered navigation system to enable animated page transitions while maintaining back button, bookmarking and and clean URLs though pushState.
• Accessibility features such as WAI-ARIA are also included to ensure that the pages work for screen readers (e.g. VoiceOver in iOS) and other assistive technologies.
• Touch and mouse event support streamline the process of supporting touch, mouse, and cursor focus-based user input methods with a simple API.
• Unified UI widgets for common controls enhance native controls with touch-optimized, themable controls that are platform-agnostic and easy to use.
• Powerful theming framework 과 ThemeRoller application 은 아주 고급스러운 효과를 쉽게 구현할 수 있도록 도와 줍니다.
  

Accessibility

JQuery Mobile은 표준을 따릅니다. semantic HTML 을 따르며 그로 인해 가능한 많은 device를 지원할 수가 있습니다. A-Grade 브라우저들은 focus management, keyboard navigation 나 W3C의 WAI-ARIA specification을 따르는 HTML 속성을 지원하는 JQuery Mobile의 많은 컴포넌트이 사용 될 수 있습니다.

이러한 기능을 이용해 애플 아이폰의 VoiceOver 같이 앞을 볼 수 없는 유저들을 위한 screen reader나 웹에 접근하는 다른 지원기술들을 제공해 장애를 가지신 분들도 사용할 수 있도록 기능을 제공합니다.

Supported Platform

jQuery Mobile Supported Platforms

jQuery Mobile은 대부분의 데스크탑, 스마트폰, 태블릿, e-reader 플랫폼 에 대해 폭넓게 지원합니다. 또한 피처폰과 구 버전 브라우저도 지원합니다. 우리는 모든 대중적인 플랫폼을 폭 넓게 지원할 수 있는 것에 대해 자부심을 가지고 있습니다.

우리는 3개의 레벨로 나눠서 각 레벨별 플랫폼을 지원하는 시스템을 가지고 있습니다. : A (full), B (full minus Ajax), C (basic HTML). 비쥬얼한 부분과 부드러운 화면 전환은 그 디바이스나 플랫폼이 얼마나 CSS 를 지원하고 처리하느냐에 많이 영향을 받습니다. 그래서 A 등급이라고 해서 아주 정확하게 표현되거나 움직인다고는 할 수 없지만 대부분 정상적으로 움직입니다. 그리고 이러한 제한은 웹 환경에서는 필수불가결한 요소 입니다.

A-grade - Full enhanced experience with Ajax-based animated page transitions.

• Apple iOS 3.2-5.0 - Tested on the original iPad (4.3 / 5.0), iPad 2 (4.3), original iPhone (3.1), iPhone 3 (3.2), 3GS (4.3), 4 (4.3 / 5.0), and 4S (5.0)
• Android 2.1-2.3 - Tested on the HTC Incredible (2.2), original Droid (2.2), HTC Aria (2.1), Google Nexus S (2.3). Functional on 1.5 & 1.6 but performance may be sluggish, tested on Google G1 (1.5)
• Android 3.1 (Honeycomb)  - Tested on the Samsung Galaxy Tab 10.1 and Motorola XOOM
• Android 4.0 (ICS)  - Tested on a Galaxy Nexus. Note: transition performance can be poor on upgraded devices
• Windows Phone 7-7.5 - Tested on the HTC Surround (7.0) HTC Trophy (7.5), LG-E900 (7.5), Nokia Lumia 800
• Blackberry 6.0 - Tested on the Torch 9800 and Style 9670
• Blackberry 7 - Tested on BlackBerry® Torch 9810
• Blackberry Playbook (1.0-2.0) - Tested on PlayBook
• Palm WebOS (1.4-2.0) - Tested on the Palm Pixi (1.4), Pre (1.4), Pre 2 (2.0)
• Palm WebOS 3.0 - Tested on HP TouchPad
• Firebox Mobile (10 Beta) - Tested on Android 2.3 device
• Chrome for Android (Beta) - Tested on Android 4.0 device
• Skyfire 4.1 - Tested on Android 2.3 device
• Opera Mobile 11.5: Tested on Android 2.3
• Meego 1.2 - Tested on Nokia 950 and N9
• Samsung bada 2.0 - Tested on a Samsung Wave 3, Dolphin browser
• UC Browser - Tested on Android 2.3 device
• Kindle 3 and Fire - Tested on the built-in WebKit browser for each
• Nook Color 1.4.1 - Tested on original Nook Color, not Nook Tablet
• Chrome Desktop 11-17 - Tested on OS X 10.7 and Windows 7
• Safari Desktop 4-5 - Tested on OS X 10.7 and Windows 7
• Firefox Desktop 4-9 - Tested on OS X 10.7 and Windows 7
• Internet Explorer 7-9 - Tested on Windows XP, Vista and 7
• Opera Desktop 10-11 - Tested on OS X 10.7 and Windows 7
• 
  

B-grade - Enhanced experience except without Ajax navigation features.

• Blackberry 5.0: Tested on the Storm 2 9550, Bold 9770
• Opera Mini (5.0-6.5) - Tested on iOS 3.2/4.3 and Android 2.3
• Nokia Symbian^3 - Tested on Nokia N8 (Symbian^3), C7 (Symbian^3), also works on N97 (Symbian^1)
• 
  

C-grade - Basic, non-enhanced HTML experience that is still functional

• Blackberry 4.x - Tested on the Curve 8330
• Windows Mobile - Tested on the HTC Leo (WinMo 5.2)
• All older smartphone platforms and featurephones - Any device that doesn't support media queries will receive the basic, C grade experience

=> 요약설명한 부분들은 제가 번역하면 오히려 좀 더 이상해 지는 것 같아서 영어로 그대로 옮겼습니다.

 이로써 JQuery Mobile DOC 의 Overview 부분을 모두 정리했습니다.

다음은 Components 부분을 정리하겠습니다.