Cara Mudah Membuat WebView Dengan Eclipse

11930 views

DroidMu dot com ~ Tutorial kali ini memiliki kategori pemula karena memang ditujukan untuk pemula. Jika Anda memiliki blog atau website dan ingin menjadikannya aplikasi android (dot apk) maka Anda wajib membaca dan mempraktekkan tutorial ini. Website atau blog agar menjadi sebuah aplikasi dot apk membutuhkan software untuk membuat aplikasi android. Tutorial ini tentu saja menggunakan software eclipse sesuai dengan judul di atas Cara Mudah Membuat Webview Dengan Eclipse.

Apa sih WebView?secara sederhana WebView merupakan salah satu komponen yang terdapat dalam sistem operasi Android. Komponen ini memungkinkan aplikasi untuk membuka dan menampilkan isi dari website atau blog ke dalam aplikasi Android. Istilahnya semacam browser namun alamat website telah ditentukan terlebih dahulu dalam aplikasi. Sedangkan dengan browser, kita terlebih dahulu mengisi alamat url website yang akan kita tampilkan.

Langkah Pertama

Buatlah project baru, misalnya DroidMu WebView. Secara default, kita akan memiliki activity dan layout standard yakni MainActivity.java dan activity_main.xml .

Langkah Kedua

Buka activity_main.xml dan ubah seperti source code di bawah ini

<?xml version="1.0" encoding="utf-8"?>
<WebView xmlns:android="http://schemas.android.com/apk/res/android"
 android:id="@+id/webViewDroidMu"
 android:layout_width="fill_parent"
 android:layout_height="fill_parent"
/>

Pengaturan layout di atas maksudnya menambahkan komponen WebView ke activity_main.xml. Dan mengubah ukuran WebView tersebut full sesuai screen dengan mengatur width dan height menjadi fill_parent.

Langkah Ketiga

Beralih ke class activity yakni MainActivity.java . Untuk dapat menjalankan komponen WebView pada activity_main.xml  di atas maka kita membutuhkan beberapa import yakni

import android.webkit.WebView;
import android.webkit.WebViewClient;

Untuk source code dari MainActivity.java selengkapnya di bawah ini

package com.droidmu.droidmuwebview;

import android.app.Activity;
import android.os.Bundle;
import android.webkit.WebView;
import android.webkit.WebViewClient;
import android.widget.Toast;

public class MainActivity extends Activity {

 private WebView mWvDroidMu;

 public void onCreate(Bundle savedInstanceState) {
 super.onCreate(savedInstanceState);

 mWvDroidMu = new WebView(this);

 mWvDroidMu.getSettings().setJavaScriptEnabled(true); // enable javascript

 final Activity activity = this;

 mWvDroidMu.setWebViewClient (new WebViewClient());
 

 mWvDroidMu .loadUrl("http://droidmu.com");
 setContentView(mWvDroidMu );

 }

}

Penjelasan :

private WebView mWvDroidMu;
  • mendefinisikan mWvDroidMu sebagai WebView.
mWvDroidMu.getSettings().setJavaScriptEnabled(true);
  • kode di atas mengaktifkan javascript pada pengaturan mWvDroidMu.
mWvDroidMu.setWebViewClient (new WebViewClient());
  • setWebViewClient berfungsi untuk melakukan rendering website atau blog ke dalam aplikasi.
mWvDroidMu .loadUrl("http://droidmu.com");
setContentView(mWvDroidMu );
  • setelah di set sebagai WebViewClient, maka mWvDroidmu siap untuk memanggil url website atau blog dan ditampilkan dengan perintah setContentView.

Langkah Keempat

Setelah mempersiapkan activity dan layout di atas, langkah selanjutnya yakni melakukan setting pada AndroidManifest.xml . Untuk dapat menampilkan website maka kita memerlukan koneksi internet. Oleh karena itu pada AndroidManifest.xml kita buka saluran (permission) untuk menghubungkan dengan jalur internet.

<uses-permission android:name="android.permission.INTERNET" />

Source code selengkapnya pada AndroidManifest.xml yakni.

<?xml version="1.0" encoding="utf-8"?>
<manifest xmlns:android="http://schemas.android.com/apk/res/android"
 package="com.droidmu.droidmuwebview"
 android:versionCode="1"
 android:versionName="1.0" >

 <uses-sdk
 android:minSdkVersion="8"
 android:targetSdkVersion="21" />
 <uses-permission android:name="android.permission.INTERNET" />

 <application
 android:allowBackup="true"
 android:icon="@drawable/ic_launcher"
 android:label="@string/app_name"
 android:theme="@style/AppTheme" >
 <activity
 android:name=".MainActivity"
 android:label="@string/app_name"
 >
 <intent-filter>
 <action android:name="android.intent.action.MAIN" />

 <category android:name="android.intent.category.LAUNCHER" />
 </intent-filter>
 </activity>
 </application>

</manifest>

Simpan terlebih dahulu project kemudian jalankan maka Anda telah memiliki aplikasi webview yang akan membuka website http://droidmu.com. Anda bisa mengubah url website dengan url website atau blog Anda sendiri.

Cara Mudah Membuat WebView Dengan Eclipse

Cara Mudah Membuat WebView Dengan Eclipse

Ketika dijalankan maka masih ada title bar pada bagian atas. Jika Anda ingin menghilangkan title bar tersebut, maka Anda tinggal mengubah manifest yakni.

<activity
android:name=".MainActivity"
android:label="@string/app_name" >

Diubah dengan menyisipkan kode menjadi.

<activity
android:name=".MainActivity"
android:label="@string/app_name"
android:theme="@android:style/Theme.NoTitleBar" >

Maka setelah dijalankan, title bar pada bagian atas akan hilang sehingga akan tampil seperti gambar di bawah ini.

Cara Mudah Membuat WebView Dengan Eclipse

Cara Mudah Membuat WebView Dengan Eclipse

Demikian tutorial Cara Mudah Membuat WebView Dengan Eclipse kali ini. Dengan tutorial webview ini maka setidaknya menambah pengetahuan Anda tentang membuat aplikasi android. Sebagai informasi, jasa webview biasa dikenakan tarif yang lumayan $5 per websitenya. Lebih hemat khan dengan membuat webview sendiri memakai eclipse.

 

Leave a reply "Cara Mudah Membuat WebView Dengan Eclipse"

Author: 
    author