Tutorial Membuat Aplikasi Web View Android pada Eclipse

Transkripsi

1 Tutorial Membuat Aplikasi Web View Android pada Eclipse 1. 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 2. 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 : <?xml version="1.0" encoding="utf-8"?> <WebView xmlns:android=" 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 : <?xml version="1.0" encoding="utf-8"?> <manifest xmlns:android=" package="com.ariany.webview" android:versioncode="1" android:versionname="1.0"> <uses-sdk android:minsdkversion="8" /> <uses-permission android:name="android.permission.internet"></usespermission> <application android:icon="@drawable/icon" android:label="@string/app_name"> <activity android:name="hellowebview"

2 <intent-filter> <action android:name="android.intent.action.main" /> <category android:name="android.intent.category.launcher" /> </intent-filter> </activity> <uses-permission android:name="android.permission.internet"></usespermission> </application> </manifest> c. Karena aplikasi ini membutuhkan akses internet, maka pada source code di atas, kita menambahkan tag <uses-permission android:name="android.permission.internet"></usespermission> 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 android.app.activity; import android.os.bundle; import android.view.keyevent; import android.webkit.webview; import android.webkit.webviewclient; public class HelloWebView extends Activity { WebView mwebview; /** Called when the activity is first created. public void oncreate(bundle savedinstancestate) { super.oncreate(savedinstancestate); setcontentview(r.layout.main); mwebview = (WebView) findviewbyid(r.id.webview); mwebview.getsettings().setjavascriptenabled(true); mwebview.loadurl(" mwebview.setwebviewclient(new HelloWebViewClient()); private class HelloWebViewClient extends public boolean shouldoverrideurlloading(webview view, String url) { view.loadurl(url); return public boolean onkeydown(int keycode, KeyEvent event) { if((keycode == KeyEvent.KEYCODE_BACK) && mwebview.cangoback()){ mwebview.goback(); return true; return super.onkeydown(keycode, event);

3 e. Pada mwebview.getsettings().setjavascriptenabled(true); berfungsi agar WebView bisa menampilkan text javascript pada halaman web yang dibuka, sedangkan pada baris mwebview.loadurl(" adalah alamat web yg akan dibuka oleh aplikasi dalam hal ini kita menggunakan alamat website google.com f. Aplikasi telah selesai dibuat. Kemudian jalankan aplikasi. g. Berikut adalah Snapshot google yang di akses dari aplikasi yang telah dibuat 3. 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

4 c. Isilah semua informasi yang dibutuhkan

5 d. Terakhir adalah pilih lokasi penyimpanan file APK dari aplikasi yang dibuat seperti pada gambar

6 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

7 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.

8 Sumber : Slide Webview pak Herman Tolle pada Tugas 3 ini juga telah dipost pada blog