• Save
Hybrid app
Upcoming SlideShare
Loading in...5
×
 

Hybrid app

on

  • 1,514 views

아꿈사 HTML5 스

아꿈사 HTML5 스

Statistics

Views

Total Views
1,514
Views on SlideShare
1,286
Embed Views
228

Actions

Likes
0
Downloads
0
Comments
0

10 Embeds 228

http://soomong.net 153
http://andstudy.com 32
http://www.hanrss.com 12
http://localhost 11
http://feeds2.feedburner.com 9
http://www.andstudy.com 6
http://paper.li 2
http://192.168.0.3 1
http://soomong.github.io 1
http://feeds.feedburner.com 1
More...

Accessibility

Categories

Upload Details

Uploaded via as Microsoft PowerPoint

Usage Rights

© All Rights Reserved

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment

Hybrid app Hybrid app Presentation Transcript

  • Hybrid App 아키텍트를 꿈꾸는 사람들 cafe.naver.com/architect1 현수명 soomong.net #soomong
  • Native App Hybrid App Web App
  • Native App Platform API 사용가능 - 막강함 - 지식 필요 Cross-Platform Porting - 새로 개발이나 마찬가지
  • Platform API 사용 불가능Cross-Platform Porting - 원래 가능 - HTML + CSS + JavaScript Web App
  • Platform API 사용가능 Hybrid App Cross-Platform Porting
  • HTML5 + CSS + JavaScript Cross-Platform Porting
  • Platform API 사용가능 - PhoneGap - Appcelerator Titanium - Appspresso
  • public class WebViewDemo extends Activity { @Override public void onCreate(Bundle icicle) { super.onCreate(icicle); setContentView(R.layout.main); mWebView = (WebView) findViewById(R.id.webview); mWebView.addJavascriptInterface(new DemoJavaScriptInterface(), "demo"); mWebView.loadUrl("file:///android_asset/demo.html"); } final class DemoJavaScriptInterface { public String clickOnAndroid() { return "Hello Web App World"; } }} Web App
  • <html> <head> <script language="javascript"> function wave() { document.getElementById("hello").innerHTML= demo.clickOnAndroid(); } </script> </head> <body> <b id="hello"> Hello </b><br> <a onClick="window.demo.clickOnAndroid()“> Click me! </a> </body></html> Web App
  • public class App extend DroidGap { public void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); super.loadUrl("file:///android/asset/www/index.html"); }}<!DOCTYPE HTML><html><head><title>PhoneGap</title><script type="text/javascript" charset="utf-8" src="phonegap.js"></script></head><body><h1>Hello World</h1></body></html> Hybrid App
  • Web UI -> Touch UI- JQuery Mobile- JQTouch- Sencha Touch
  • 감사합니다