PAPB B
Tutorial Membuat Aplikasi Web View Android pada Eclipse 1.
2.
Membuat Project Baru a. Langkah awal pastinya adalah membuat project baru: File-New-Project
b. Kemudian klik Next da nisi informasi yang dibutuhkan sesuai spesifikasi Aplikasi yang diinginkan c. Project Name :WebView d. Android 2.3 e. Application name : Web View f. Package name : com.ariany.webview g. Min SDK Version 8 Membuat Aplikasi Setelah langkah 1 diatas telah selesai maka akan muncul Project yang sebelumnya dibuat a. Pertama sekali masuk res-layout-main.xml kemudian edit source codenya dengan source code berikut :
<WebView xmlns:android="http://schemas.android.com/apk/res/andro id" android:id="@+id/webview" android:layout_height="fill_parent" android:layout_width="fill_parent" /> b.
Lakukan hal yang sama pada file AndroidManifest.xml dengan source code berikut :
<manifest xmlns:android="http://schemas.android.com/apk/res/android" package="com.ariany.webview" android:versionCode="1" android:versionName="1.0"> <uses-sdk android:minSdkVersion="8" /> <uses-permission android:name="android.permission.INTERNET">
NAMA : ARIANY SITANGGANG NIM : 115060801111078
PAPB B android:label="@string/app_name" android:theme="@android:style/Theme.NoTitleBar"> <uses-permission android:name="android.permission.INTERNET"> c. Karena aplikasi ini membutuhkan akses internet, maka pada source code di atas, kita menambahkan tag <uses-permission android:name="android.permission.INTERNET"> yang berfungsi agar mengizinkan user untuk menjalankan aplikasi ini dan terhubung dengan internet. d. Kemudian lakukan hal yang sama pada HelloWebView.java seperti pada langkah no 2 a dan b. package com.ariany.webview; import import import import import
android.app.Activity; android.os.Bundle; android.view.KeyEvent; android.webkit.WebView; android.webkit.WebViewClient;
public class HelloWebView extends Activity { WebView mWebView; /** Called when the activity is first created. */ @Override public void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.main); mWebView = (WebView) findViewById(R.id.webview); mWebView.getSettings().setJavaScriptEnabled(true); mWebView.loadUrl("http://www.google.com"); mWebView.setWebViewClient(new HelloWebViewClient()); } private class HelloWebViewClient extends WebViewClient{ @Override public boolean shouldOverrideUrlLoading(WebView view, String url) { view.loadUrl(url); return true; } } @Override public boolean onKeyDown(int keyCode, KeyEvent event) { if((keyCode == KeyEvent.KEYCODE_BACK) && mWebView.canGoBack()){ mWebView.goBack(); return true; } return super.onKeyDown(keyCode, event); } }
NAMA : ARIANY SITANGGANG NIM : 115060801111078
PAPB B e.
f. g.
3.
Pada mWebView.getSettings().setJavaScriptEnabled(true); berfungsi agar WebView bisa menampilkan text javascript pada halaman web yang dibuka, sedangkan pada baris mWebView.loadUrl("http://www.google.com"); adalah alamat web yg akan dibuka oleh aplikasi dalam hal ini kita menggunakan alamat website google.com Aplikasi telah selesai dibuat. Kemudian jalankan aplikasi . Berikut adalah Snapshot google yang di akses dari aplikasi yang telah dibuat
Membuat Aplikasi ke dalam bentuk APK Setelah selesai aplikasi dibuat maka sekarang kita mencoba membuat APK. Berikut adalah langkah – langkah menjadikan aplikasi yang dibuat ke dalam bentuk APK a. Klik kanan pada project kemudian pilih export. Kemudian akan muncul window seperti berikut ini
b.
Pilih Export Android Application kemudian Next
NAMA : ARIANY SITANGGANG NIM : 115060801111078
PAPB B
c.
Isilah semua informasi yang dibutuhkan
NAMA : ARIANY SITANGGANG NIM : 115060801111078
PAPB B
d.
Terakhir adalah pilih lokasi penyimpanan file APK dari aplikasi yang dibuat seperti pada gambar
NAMA : ARIANY SITANGGANG NIM : 115060801111078
PAPB B
4.
Instalasi APK Web View dalam Android Smartphone Setelah proses membuat Aplikasi selesai kemudian proses membuat aplikasi menjadi dalam bentuk file APK, sekarang kita akan mencoba menjalankan file APK dijalankan/diinstalasi pada Android Smartphone, berikut langkah – langkahnya : a. Setelah file APK dipindahkan ke memory Smartphone, selanjutnya kita install APKnya
b.
Proses Instalasi
NAMA : ARIANY SITANGGANG NIM : 115060801111078
PAPB B
c.
Instalasi Selesai
d.
Aplikasi dijalankan, pada gambar berikut akan ditunjukkan window yang mengarak ke Web Google seperti pada source code Web View yang pertama sekali kita lakukan.
NAMA : ARIANY SITANGGANG NIM : 115060801111078
PAPB B
Sumber : http://taryana.blog.unikom.ac.id/membuat-webview.3d5 Slide Webview pak Herman Tolle pada http://www.hermantolle.com/class/groups/pengembanganaplikasi-perangkat-bergerak/ Tugas 3 ini juga telah dipost pada blog http://blog.ub.ac.id/arianysilo/2014/10/22/tutorial-membuataplikasi-web-view-android-pada-eclipse/
NAMA : ARIANY SITANGGANG NIM : 115060801111078
