Hybrid app

Hybrid App

아키텍트를 꿈꾸는 사람들 cafe.naver.com/architect1
현수명 soomong.net
#soomong

Native App

Hybrid App

Web App

Native App
Platform API 사용가능
- 막강함
- 지식 필요

Cross-Platform Porting
- 새로 개발이나 마찬가지

Platform API 사용 불가능

- 원래 가능
- HTML + CSS + JavaScript

Web App


Hybrid App


HTML5 + CSS + JavaScript


- 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

Hybrid app

Recomendados

Recomendados

Mais conteúdo relacionado

Mais procurados

Mais procurados (20)

Destaque

Destaque (17)

Semelhante a Hybrid app

Semelhante a Hybrid app (20)

Mais de hyun soomyung

Mais de hyun soomyung (6)

Último

Último (20)

Hybrid app