More Related Content
Similar to Hybrid app (20)
More from hyun soomyung (6)
Hybrid app
- 1. Hybrid App
아키텍트를 꿈꾸는 사람들 cafe.naver.com/architect1
현수명 soomong.net
#soomong
- 4. Platform API 사용 불가능
Cross-Platform Porting
- 원래 가능
- HTML + CSS + JavaScript
Web App
- 8. 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
- 9. <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
- 10. 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
- 11. Web UI -> Touch UI
- JQuery Mobile
- JQTouch
- Sencha Touch