Mengenal Android Webkit

Android Webkit adalah salah satu toolkits GUI dimana kita diperbolehkan menggunakan format html untuk menampilkannya dibrowser atau yang lebih dikenal dengan istilah embedding. Web browser dapat dijadikan sebagai widgets didalam sebuah activity utnuk menampilkan format html. Web browser di android dikenal dengan istilah Webkit.
Class di Android Webkit sangat banyak seperti diantaranya WebView, WebStroge, WebSetting, WebChromeClient, URLUtil, WebViewClient, WebViewDatabase, dll. Class yang paling banyak dipakai adalah WebView.

Untuk lebih memudahkan dalam mengenal konsep Android Webkit, langsung saja kita praktekan langkah – langkah berikut:
Buat project android seperti berikut:
Application Name               : AndroidWebkit1
Project Name                      : AndroidWebkit1
Package Name                    : firman.salatigadev.webkit1
Minimum Required SDK   : Andoid 2.2
Target SDK                          : Android 4.2
Yang lain biarkan default.
Buka file activity_main.xml di direktori res/layout dan isikan code menjadi seperti berikut:

res/layout/activity_main.xml
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
	android:orientation="vertical"
	android:layout_width="fill_parent"
	android:layout_height="fill_parent"
	>
	<WebView android:id="@+id/webkit"
		android:layout_width="fill_parent" 
		android:layout_height="fill_parent" 
	/>
</LinearLayout>

Buat class MainActivity.java pada package firman.salatigadev.webkit1 lalu isi dengan code berikut:

MainActivity.java
package firman.salatigadev.webkit1;

import android.os.Bundle;
import android.app.Activity;
import android.view.Menu;
import android.webkit.WebView;

public class MainActivity extends Activity {
	WebView browser;

	@Override
	protected void onCreate(Bundle savedInstanceState) {
		super.onCreate(savedInstanceState);
		setContentView(R.layout.activity_main);
		browser = (WebView)findViewById(R.id.webkit);
		
		browser.loadData("<html><body>Tulisan Pertama yang ditampilkan di web browser</body></html>", "text/html", "UTF-8");
	}

	@Override
	public boolean onCreateOptionsMenu(Menu menu) {
		// Inflate the menu; this adds items to the action bar if it is present.
		getMenuInflater().inflate(R.menu.main, menu);
		return true;
	}

}

Dari contoh sederhana diatas kita sedikit memahami konsep pada Android Webkit. Kita sudah melakukan import libraries android webkit yang diwakili oleh sub class WebView seperti berikut:

import android.webkit.WebView;

kemudian data ditampilkan dengan statement loadData, seperti contoh berikut yang akan menampilkan tulisan text dilayar:

browser.loadData("<html><body>Tulisan Pertama yang ditampilkan di web browser</body></html>", "text/html", "UTF-8");

Project sederhana yang kita buat diatas akan menampilkan tampilan seperti berikut:

Selain loadData sebenarnya webkit mempunyai fungsi-fungsi lain seperti loadUrl yang akan kita bahas pada contoh aplikasi selanjutnya.
Pada contoh aplikasi yang menggunakan fungsi loadUrl ini kita akan buat program yang apabila aplikasi dibuka maka akan otomatis membuka website.
Gunakan project yang sudah kita buat sebelumnya.
Buka class MainActivity.java dan cari pada baris berikut:

MainActivity.java
browser.loadData("<html><body>Tulisan Pertama yang ditampilkan di web browser</body></html>", "text/html", "UTF-8");

Ubah menjadi seperti berikut:

MainActivity.java
browser.loadUrl("http://firman.salatigadev.com");

Jangan lupa tambahkan permission untuk mengakses internet pada file AndroidManifest.xml.

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

Sehingga file AndroidManifest.xml menjadi seperti berikut:

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

    <uses-sdk
        android:minSdkVersion="8"
        android:targetSdkVersion="17" />
    
    <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="firman.salatigadev.webkit1.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>

Running aplikasi.

You may also like...

2 Responses

  1. Johnk23 says:

    I’m seeking weblogs which all have fantastic guidance on what’s popular and specifically what the top rated makeup is.. aacafdedcbdd

  2. Johnd812 says:

    Your weblog is 1 of a kind, i really like the way you organize the topics. gbadfdadcbke

Leave a Reply

Your email address will not be published. Required fields are marked *