PhoneGap for Bada research  박지훈 [email_address] http://webdevmobile.com   http://code.google.com/p/badaphonegap
PhoneGap-Plugins http://wiki.phonegap.com/w/page/36752779/PhoneGap-Plugins
Install
Step 1: Installing the Prerequisite Software <ul><li>Eclipse </li></ul><ul><li>Java JDK </li></ul><ul><li>Android SDK </li...
Step 2: Confirm Environment Variables <ul><li>ANDROID_HOME </li></ul><ul><ul><li>D:/android-sdk-windows </li></ul></ul><ul...
Step 3. Download the PhoneGap Source Code <ul><li>http://github.com/phonegap/phonegap-android </li></ul>
Step 4. Build the Example PhoneGap App <ul><li>ruby bin/droid gap create [path_of_application] </li></ul><ul><ul><li>ruby ...
Step 5. Importing Your Example App into Eclipse
Project
JS -> Java
JS -> Java
JS -> Java
Java -> JS
Java -> JS
WebView <ul><li>android.webkit.WebView </li></ul><ul><ul><li>http://developer.android.com/reference/android/webkit/WebView...
WebView <ul><li>A WebView has several customization points where you can add your own behavior.  </li></ul><ul><li>These a...
Stack JavaScript  ->  Bada … . Bada  ->  JavaScript Osp::Base::String * Osp::Web::Controls::Web::EvaluateJavascriptN ( con...
BONDI
요약 <ul><li>phonegap.0.9.4.js </li></ul><ul><ul><li>Library  on js </li></ul></ul><ul><ul><li>js 파일은 모든 플랫폼 동일할 것으로 생각됨 </l...
Upcoming SlideShare
Loading in...5
×

Parkjihoon phonegap research_for_bada

1,524

Published on

0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total Views
1,524
On Slideshare
0
From Embeds
0
Number of Embeds
0
Actions
Shares
0
Downloads
4
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

Parkjihoon phonegap research_for_bada

  1. 1. PhoneGap for Bada research 박지훈 [email_address] http://webdevmobile.com http://code.google.com/p/badaphonegap
  2. 2. PhoneGap-Plugins http://wiki.phonegap.com/w/page/36752779/PhoneGap-Plugins
  3. 3. Install
  4. 4. Step 1: Installing the Prerequisite Software <ul><li>Eclipse </li></ul><ul><li>Java JDK </li></ul><ul><li>Android SDK </li></ul><ul><li>ADT Plug-in for Eclipse </li></ul><ul><li>Apache ANT  </li></ul><ul><li>Ruby (Ruby187) </li></ul><ul><li>Git Bash </li></ul>
  5. 5. Step 2: Confirm Environment Variables <ul><li>ANDROID_HOME </li></ul><ul><ul><li>D:/android-sdk-windows </li></ul></ul><ul><li>ANT_HOME </li></ul><ul><ul><li>D:apache-ant-1.8.1 </li></ul></ul><ul><li>JAVA_HOME </li></ul><ul><ul><li>C:Program FilesJavajdk1.6.0_20 </li></ul></ul><ul><li>Path </li></ul><ul><ul><li>C:Ruby191 bin ; </li></ul></ul><ul><ul><li>D:apache-ant-1.8.1 bin ; </li></ul></ul><ul><ul><li>C:Program FilesJavajdk1.6.0_20 bin ; </li></ul></ul><ul><ul><li>D:android-sdk-windows tools </li></ul></ul><ul><ul><li>E:JeeHoonphonegap-androidbin </li></ul></ul>
  6. 6. Step 3. Download the PhoneGap Source Code <ul><li>http://github.com/phonegap/phonegap-android </li></ul>
  7. 7. Step 4. Build the Example PhoneGap App <ul><li>ruby bin/droid gap create [path_of_application] </li></ul><ul><ul><li>ruby bin/droidgap create example </li></ul></ul><ul><li>ruby bin/droidgap gen … </li></ul>
  8. 8. Step 5. Importing Your Example App into Eclipse
  9. 9. Project
  10. 10. JS -> Java
  11. 11. JS -> Java
  12. 12. JS -> Java
  13. 13. Java -> JS
  14. 14. Java -> JS
  15. 15. WebView <ul><li>android.webkit.WebView </li></ul><ul><ul><li>http://developer.android.com/reference/android/webkit/WebView.html </li></ul></ul>
  16. 16. WebView <ul><li>A WebView has several customization points where you can add your own behavior. </li></ul><ul><li>These are: </li></ul><ul><li>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 ). </li></ul><ul><li>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() ). </li></ul><ul><li>Modifying the WebSettings , such as enabling JavaScript with setJavaScriptEnabled() . </li></ul><ul><li>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. </li></ul>
  17. 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. 18. BONDI
  19. 19. 요약 <ul><li>phonegap.0.9.4.js </li></ul><ul><ul><li>Library on js </li></ul></ul><ul><ul><li>js 파일은 모든 플랫폼 동일할 것으로 생각됨 </li></ul></ul><ul><li>Com.phonegap package </li></ul><ul><ul><li>Library on anroid </li></ul></ul><ul><ul><li>android.webkit.WebView 를 사용하여 JS 와 Java 사이의 interface 를 제공하는 것으로 생각됨 </li></ul></ul><ul><ul><ul><li>Customization by using WebChromeClient , WebViewClient </li></ul></ul></ul><ul><li>주요 예상 작업 </li></ul><ul><ul><li>Bada 향 WebView 와 같은 클래스 파악 </li></ul></ul><ul><ul><li>Phonegap.0.9.4.js 에서 native 에 필요로하는 interface 파악 </li></ul></ul>
  1. A particular slide catching your eye?

    Clipping is a handy way to collect important slides you want to go back to later.

×