This document discusses setting up PhoneGap for the Bada mobile platform. It outlines the steps to install prerequisites like Eclipse, Java, and Android SDK. It also explains how to download the PhoneGap source code and build an example PhoneGap app. The key tasks are to identify the Bada equivalent of Android's WebView class and determine the native interfaces needed by PhoneGap's JavaScript library to integrate with Bada natively.

1. PhoneGap for Bada research 박지훈 [email_address] http://webdevmobile.com http://code.google.com/p/badaphonegap

2. PhoneGap-Plugins http://wiki.phonegap.com/w/page/36752779/PhoneGap-Plugins

3. Install

4. Step 1: Installing the Prerequisite Software Eclipse Java JDK Android SDK ADT Plug-in for Eclipse Apache ANT Ruby (Ruby187) Git Bash

5. Step 2: Confirm Environment Variables ANDROID_HOME D:/android-sdk-windows ANT_HOME D:\apache-ant-1.8.1 JAVA_HOME C:\Program Files\Java\jdk1.6.0_20 Path C:\Ruby191\ bin ; D:\apache-ant-1.8.1\ bin ; C:\Program Files\Java\jdk1.6.0_20\ bin ; D:\android-sdk-windows\ tools E:\JeeHoon\phonegap-android\bin

6. Step 3. Download the PhoneGap Source Code http://github.com/phonegap/phonegap-android

7. Step 4. Build the Example PhoneGap App ruby bin/droid gap create [path_of_application] ruby bin/droidgap create example ruby bin/droidgap gen …

8. Step 5. Importing Your Example App into Eclipse

9. Project

10. JS -> Java

11. JS -> Java

12. JS -> Java

13. Java -> JS

14. Java -> JS

15. WebView android.webkit.WebView http://developer.android.com/reference/android/webkit/WebView.html

16. WebView A WebView has several customization points where you can add your own behavior. These are: Creating and setting a WebChromeClient subclass. This class is called when something that might impact a browser UI happens, for instance, progress updates and JavaScript alerts are sent here (see Debugging Tasks ). Creating and setting a WebViewClient subclass. It will be called when things happen that impact the rendering of the content, eg, errors or form submissions. You can also intercept URL loading here (via shouldOverrideUrlLoading() ). Modifying the WebSettings , such as enabling JavaScript with setJavaScriptEnabled() . Adding JavaScript-to-Java interfaces with the addJavascriptInterface(Object, String) method. This lets you bind Java objects into the WebView so they can be controlled from the web pages JavaScript.

17. Stack JavaScript -> Bada … . Bada -> JavaScript Osp::Base::String * Osp::Web::Controls::Web::EvaluateJavascriptN ( const Osp::Base::String & scriptCode ) const PhoneGap (Native) Android Device WebView Device Device WebChromeClient WebViewClient PhoneGap (JavaScript) Application PhoneGap (Native) Bada Device ??? Device Device ??? ??? PhoneGap (JavaScript) Application

18. BONDI

19. 요약 phonegap.0.9.4.js Library on js js 파일은 모든 플랫폼 동일할 것으로 생각됨 Com.phonegap package Library on anroid android.webkit.WebView 를 사용하여 JS 와 Java 사이의 interface 를 제공하는 것으로 생각됨 Customization by using WebChromeClient , WebViewClient 주요 예상 작업 Bada 향 WebView 와 같은 클래스 파악 Phonegap.0.9.4.js 에서 native 에 필요로하는 interface 파악