Introduction to Web Application Engine Framework




                             To deliver innovative user experience by continuously
                              foreseeing consumer’s future needs
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
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
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
Introduction to WApplE.js


                               Feature 3.

                          Plug-in expansion
                          WApplE.js는 여러 개발자가 참여하여 Core수정 없이 필요한
                          기능을 자유롭게 추가/공유 할 수 있는 Plug-in을 지원합니다.




                                                           Core




All Rights Reserved, Copyright© TRUEMobile co., Ltd
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
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
Introduction to WApplE.js


                               Feature 6.

                          Multi Platform & Device Support
                          WApplE.js는 하나의 소스로 다양한 플랫폼에서 동작하는 Hybrid App을 바로 만들 수 있으
                          며, 향후 추가되는 플랫폼/ 디바이스에 구조변경 없이 확장 할 수 있습니다.




                                                                                +α

All Rights Reserved, Copyright© TRUEMobile co., Ltd
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
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

More Related Content

PDF
하이브리드앱 개발 전략과 이슈
PDF
[H3 2012] 하이브리드앱 제작 사례 공유 - 푸딩얼굴인식 3.0
PDF
C1 하이브리드 앱 어떻게 개발해야 하나
PDF
하이브리드 앱(Hybrid App)
PPTX
하이브리드앱
PDF
하이브리드앱 아키텍쳐 및 개발 사례
PPTX
Hybrid App
PDF
React native study
하이브리드앱 개발 전략과 이슈
[H3 2012] 하이브리드앱 제작 사례 공유 - 푸딩얼굴인식 3.0
C1 하이브리드 앱 어떻게 개발해야 하나
하이브리드 앱(Hybrid App)
하이브리드앱
하이브리드앱 아키텍쳐 및 개발 사례
Hybrid App
React native study

What's hot (16)

PDF
Dreamweaver CS5.5 를 이용한 jQueryMobile 개발
PPTX
하이브리드 앱 개발 개요
PPTX
하이브리드 앱_개발_개요
PPTX
Jqm+appspresso
PDF
모바일앱개발 교육자료
PDF
스마트 모바일 앱 개발 방법론(1)
PPTX
경영과 정보기술 - 어플리케이션 디자인 과제
PDF
Web app 개발 방법론
PDF
어플리케이션 및 웹 개발
PDF
나만의 앱 완성하기 with 델파이
PDF
차세대 웹비즈니스를 위한 "HTML5"
PDF
Hybrid app and app store
PDF
[HCI2010]UI패턴기반 UI설계/개발자동화사례발표
PDF
누구나 만드는 모바일앱 하이씨엘
PDF
푸시윙 - 앱이 없는 웹사이트를 위한 무료 푸시 알림 서비스
PDF
[Iga works] live operation in app notice guide-1.1
Dreamweaver CS5.5 를 이용한 jQueryMobile 개발
하이브리드 앱 개발 개요
하이브리드 앱_개발_개요
Jqm+appspresso
모바일앱개발 교육자료
스마트 모바일 앱 개발 방법론(1)
경영과 정보기술 - 어플리케이션 디자인 과제
Web app 개발 방법론
어플리케이션 및 웹 개발
나만의 앱 완성하기 with 델파이
차세대 웹비즈니스를 위한 "HTML5"
Hybrid app and app store
[HCI2010]UI패턴기반 UI설계/개발자동화사례발표
누구나 만드는 모바일앱 하이씨엘
푸시윙 - 앱이 없는 웹사이트를 위한 무료 푸시 알림 서비스
[Iga works] live operation in app notice guide-1.1
Ad

Similar to Introduction to WApplE.js - 트루모바일 (20)

PDF
H3 2011 하이브리드 앱 아키텍쳐 및 개발방법
 
PPTX
6. nexcore alopex runtime
PDF
스타트업을 위한 성공적인 Open AP 만들기 - 윤석찬 (2012)
PDF
H3 2011 하이브리드 앱 아키텍쳐 및 개발방법_아임IN Lab팀_장동수
PDF
[Tech meet up] 2018 프론트엔드 트렌드&인사이트
PDF
Open API - 웹 플랫폼 생태계를 만드는 기술 (2011)
PDF
Hybrid App Platform - HyWAI 3.5
PDF
[HCI2011]모바일웹 UI패턴 및 UI플랫폼_김창겸,문승현_배포용
PPTX
Requirement analysis for the production of educational hybrid web applications
PDF
AWS Amplify를 통한 손쉬운 모바일 애플리케이션 개발하기 - 김필중 솔루션즈 아키텍트, AWS :: AWS Summit Seoul ...
PDF
[uengine.org-uEngine Day] 스마트폰과BPM의만남:프로세스터치프로젝트발표자료
PDF
HTML5 기반 다매체 연동형 서비스 발전 방향(티비스톰 정운교 이사)
PDF
H3 2011 하이브리드 앱의 미래, 앱스프레소 1.0
 
PDF
모바일 웹앱 프로그래밍 과정
PDF
T12_1_김나람_웹 기술로 구축하는 모바일 애플리케이션 - React Native
PDF
01.모바일 프레임워크 이론
PDF
프로그레시브 웹앱이란? - Progressive Web Apps
PDF
[2010 네이트 앱스토어 개발자 세미나] 모바일 네이트 앱스토어 플랫폼 및 등록 프로세스 안내
PDF
JavaScript MEAN 스택
PDF
[D2 오픈세미나]3.자바스크립트mean스택 김태훈
H3 2011 하이브리드 앱 아키텍쳐 및 개발방법
 
6. nexcore alopex runtime
스타트업을 위한 성공적인 Open AP 만들기 - 윤석찬 (2012)
H3 2011 하이브리드 앱 아키텍쳐 및 개발방법_아임IN Lab팀_장동수
[Tech meet up] 2018 프론트엔드 트렌드&인사이트
Open API - 웹 플랫폼 생태계를 만드는 기술 (2011)
Hybrid App Platform - HyWAI 3.5
[HCI2011]모바일웹 UI패턴 및 UI플랫폼_김창겸,문승현_배포용
Requirement analysis for the production of educational hybrid web applications
AWS Amplify를 통한 손쉬운 모바일 애플리케이션 개발하기 - 김필중 솔루션즈 아키텍트, AWS :: AWS Summit Seoul ...
[uengine.org-uEngine Day] 스마트폰과BPM의만남:프로세스터치프로젝트발표자료
HTML5 기반 다매체 연동형 서비스 발전 방향(티비스톰 정운교 이사)
H3 2011 하이브리드 앱의 미래, 앱스프레소 1.0
 
모바일 웹앱 프로그래밍 과정
T12_1_김나람_웹 기술로 구축하는 모바일 애플리케이션 - React Native
01.모바일 프레임워크 이론
프로그레시브 웹앱이란? - Progressive Web Apps
[2010 네이트 앱스토어 개발자 세미나] 모바일 네이트 앱스토어 플랫폼 및 등록 프로세스 안내
JavaScript MEAN 스택
[D2 오픈세미나]3.자바스크립트mean스택 김태훈
Ad

Introduction to WApplE.js - 트루모바일

  • 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