Tutorial WebKit di Android

Share

Selamat malam semuanya.. sudah hampir setahun saya sudah tidak menulis kembali tentang android. Rasanya lumayan kangen sih, karena akhir-akhir ini fokus ke TA, sama ada kerjaan. Mumpung hari ini adalah hari spesial, jadi saya akan memberikan sedikit tutorial mengenai webkit di android. Mungkin pada penasaran, apa sih webkit itu? ada yang tau gak? mungkin ada yang tau, mungkin juga gak ya.. saya akan menjabarkan sedikit mengenai webkit itu (sok tau).. wkwk

Webkit adalah salah satu toolkits GUI dimana kita diperbolehkan menggunakan format HTML untuk menampilkannya di browser yang lebih dikenal dengan istilah embedding. Web browser dapat dijadikan sebagai widgets di dalam sebuah activity untuk menampilkan format HTML. Web browser di android dikenal dengan istilah Webkit, sama dengan istilah Safari web browser kalau di produk App*e.. hehe.

Gimana, sudah lumayan tau tentang webkit?? mari kita mulai membuat webkit. pada kasus ini saya akan membuat webkit ke alamat blog saya. 

1. Buatlah project baru dengan ketentuannya terserah anda. Saya contohkan dengan yang telah saya buat.

• Project name : webkit
• Built target : Android 2.3
• Application name : webkit
• Package name : com.febrian.webkit
• Activity : webkit
• Min Sdk : 9

     2.  Masuk ke main.xml dan rubah codingannya sebagai berikut :

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent"
    android:orientation="vertical" >

    <WebView android:id="@+id/webkit"
         android:layout_width="fill_parent"
         android:layout_height="fill_parent"  
     />

</LinearLayout>

     3.  Selanjutnya ubah Android.Manifest.xml sebagai berikut :

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

    <uses-sdk android:minSdkVersion="9" />
    <uses-permission android:name="android.permission.INTERNET"/>
    <application
        android:icon="@drawable/ic_launcher"
        android:label="@string/app_name" >
        <activity
            android:label="@string/app_name"
            android:name=".WebkitActivity" >
            <intent-filter >
                <action android:name="android.intent.action.MAIN" />

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

</manifest>

     4.  Selanjutnya ubah webkit.java sebagai berikut :

package com.febrian.webkit;

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

public class WebkitActivity extends Activity {
    WebView browser;
    /** Called when the activity is first created. */
    @Override
    public void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.main);
        browser=(WebView)findViewById(R.id.webkit);
        browser.loadUrl("http://selukbelukandroid.blogspot.com");
       
    }
}

    5. Dan terakhir, coba jalankan aplikasi yang telah anda buat, hasilnya adalah sebagai berikut :

Selamat mencoba :D

Posted in: Tutorial Android,tutorial webkit