Hybrid Mobile Application Framework (www.wapplejs.com) 1. Native Resource Control 2. Native UI + Web UI 3. Plug-in Expansion 4. Native App Based on JavaScript 5. One Source Multi Use 6. Multi Platform & Device

1. Introduction to Web Application Engine Framework
To deliver innovative user experience by continuously
foreseeing consumer’s future needs

2. Introduction to WApplE.js
: Web Application Engine
Native UI/Resource를 직접 컨트롤할 수 있는 Hybrid Application Framework
하나의 자바스크립트 소스를 이용해 다양한 플랫폼과 디바이스에 최적화된 Native App 개발이 가능하고 각 플랫폼 별 Native
UI/Resource를 직접 컨트롤하여 빠른 App 실행속도와 UI 통일성을 제공 합니다.
“ It’s WApplE.js! ” New
Platform & Device
Support
!
iPad Tablet
WApplE.js Base API iPhone phone
WApplE.js UI API
+
Sencha Touch
jQTouch
jQuery Mobile
JS One Source Multi Use
All Rights Reserved, Copyright© TRUEMobile co., Ltd

3. Introduction to WApplE.js
Feature 1.
Native Resource Control
WApplE.js는 각 플랫폼 별 Native UI/Resource를 직접 컨트롤 할 수 있는 API를 제공합니다.
iOS/Android 고유의 UI를 호출하여 빠른 App실행속도와 통일된 UI/UX를 제공 할 수 있습니다.
WApplE.js Resource API Contacts
WPButton
WApplE.js UI API
WPView
WPImageView
WPMediaPlayerView
Camera
WPTextView
Geolocation
WPListView
WPScrollView
Notification
All Rights Reserved, Copyright© TRUEMobile co., Ltd

4. Introduction to WApplE.js
Feature 2.
Native UI + Web UI
WApplE.js는 API를 통해 자바스크립트로 Native UI를 사용 할 수 있을 뿐만
아니라, HTML5, CSS3로 개발된 Web UI도 동시에 표현 할 수 있습니다.
자바스크립트
Hybrid App
JS
All Rights Reserved, Copyright© TRUEMobile co., Ltd

5. Introduction to WApplE.js
Feature 3.
Plug-in expansion
WApplE.js는 여러 개발자가 참여하여 Core수정 없이 필요한
기능을 자유롭게 추가/공유 할 수 있는 Plug-in을 지원합니다.
Core
All Rights Reserved, Copyright© TRUEMobile co., Ltd

6. Introduction to WApplE.js
Feature 4.
Native App based on JavaScript
WApplE.js는 Objective-C, Java에 대한 사전 지식이 없어도 기존 웹 개발자들에게 익숙한
자바스크립트를 이용해 iOS App, Android App 개발이 가능합니다.
var orientation = null;
var label = new $W.Label().setSize({
width: "100%",
자바스크립트
height: "60px",
}).setBackgroundColorFromString("green").
appendTo(mainView);
new $W.Button().setSize({
width: "300px",
height: "60px",
}).setText("GetOrientation", $W.ButtonState.Normal).
setButtonListener({
....
All Rights Reserved, Copyright© TRUEMobile co., Ltd

7. Introduction to WApplE.js
Feature 5.
One Source Multi Use
WApplE.js는 자바스크립트기반의 Hybrid App 개발이 가능하여 App 개발 시 투입되
는 비용의 절감과 플랫폼 최적화를 지원하는 최고의 OSMU 솔루션입니다.
JS
Onit! Onit!
IPA File
APK File
One Source Multi Use
All Rights Reserved, Copyright© TRUEMobile co., Ltd

8. Introduction to WApplE.js
Feature 6.
Multi Platform & Device Support
WApplE.js는 하나의 소스로 다양한 플랫폼에서 동작하는 Hybrid App을 바로 만들 수 있으
며, 향후 추가되는 플랫폼/ 디바이스에 구조변경 없이 확장 할 수 있습니다.
+α
All Rights Reserved, Copyright© TRUEMobile co., Ltd

9. Introduction to WApplE.js
FAQs
? 무엇이든 물어보세요
Q1 하이브리드 앱은 속도가 느리지 않나요?
A WApplE.js는 기존의 Web기반 하이브리드 앱에 비해 처리 속도가 획기적으로 빠릅니다.
Q2 Objective-C, Java를 모르는데 앱을 만들 수 있나요?
A WApplE.js는 기존 웹 개발자들에게 익숙한 자바스크립트만으로 아이폰, 안드로이드용 모바일 네이티브앱을 만들 수 있는
하이브리드 앱 프레임워크입니다.
Q3 하이브리드 앱 프레임워크는 네이티브UI를 사용 할 수 없나요?
A WApplE.js는 각 모바일 플랫폼 고유의 네이티브 UI를 사용할 수 있는 API를 제공합니다. 이를 통해 아이폰/ 안드로이드 사용자에게
익숙한 UI/UX를 제공 할 수 있습니다. 또한 Webkit을 사용해 HTML5, CSS로 이루어진 웹UI도 동시에 표시 가능합니다.
Q4 하이브리드 앱 프레임워크에 네이티브UI와 웹UI를 동시에 표현 할 수 있나요?
A WApplE.js를 이용하면 네이티브UI와 웹UI를 동시에 표현 할 수 있고 제한적 연동이 가능하며 점차 연동 범위를 확대해 나갈 예정입니다.
Q5 HTML5, CSS와 자바스크립트를 이용한 하이브리드 앱을 만들 수 있나요?
A WApplE.js는 네이티브 UI를 사용토록하는 전용 API를 제공할 뿐만 아니라 기존 하이브리드 앱 프레임워크와 마찬가지로
HTML5, CSS, 자바스크립트를 이용한 앱 개발도 가능합니다.
All Rights Reserved, Copyright© TRUEMobile co., Ltd

10. Thank you
http://www.wapplejs.com
서울시 강남구 대치4동 890-32 현민타워 7층 / 7th Floor, Hyunmin Tower,890-32,Daechi4dong,Kangnamgu,Seoul,135-839,Korea
Tel :+82(0)2 6246 3105/Fax :+82(0)2 562 0567