Membuat Aplikasi Android Webkit Tampilkan Jam Sistem

Membuat Aplikasi Android Webkit Tampilkan Jam Sistem - Pada aplikasi webkit ini kita akan membuat aplikasi android yang bisa memunculkan jam sistem pada browser kita menggunakan salah satu fungsi yang ada di webkit yaitu loadDataWithBaseUrl. berbeda dengan aplikasi webkit yang sebelumnya kita sudah pernah buat, pada aplikasi ini kita tidak memerlukan koneksi internet karna kita hanya akan menampilkan jam pada sistem dengan webkit. Untuk lebih jelasnya sekarang kita langsung saja membuatnya.

Baca juga : Membuat Aplikasi Android ArrayAdapter

A. Buatlah Sebuah Project Android Baru

Sebelum anda memulai membuat project, apa bila anda baru memulai membuat aplikasi android dan belum menginstal software yang diperlukan harap di instal terlebih dahulu, untuk cara penginstalan software yang di butuhkan baca di sini Cara Instalasi Package Untuk Membuat Aplikasi Android.

Untuk langkah - langkah membuat project baru lihat disini Cara Membuat Aplikasi Android

Pertama buatalah sebuah project android baru dengan property :

Project name    : webkit3
Build target             : Android 2.3
Application name    : webkit3
Package name        : com.wilis.webkit3
Activity                  : webkit3
Min SDK               : 9

1. main.xml

Ubahlah file main.xml dalam direktori res/layout menjadi seperti ini :

<?xml version="1.0" encoding="utf-8"?>
<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>

2.AndroidManifest.xml

Ubahlah isi file AndroidMain.xml dalam direktori luar menjadi seperti ini :

<?xml version="1.0" encoding="utf-8"?>
<manifest xmlns:android="http://schemas.android.com/apk/res/android"
      package="com.wilis.webkit3"
      android:versionCode="1"
      android:versionName="1.0">
    <application android:icon="@drawable/icon" android:label="@string/app_name">
        <activity android:name=".webkit3"
                  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>
    <uses-sdk android:minSdkVersion="9" />

</manifest>

3.webkit3.java

Ubahlah file webkit3.java dalam direktori src/com.wilis.webkit3 menjadi seperti ini :

package com.wilis.webkit3;

import android.app.Activity;
import android.os.Bundle;
import android.webkit.WebView;
import android.webkit.WebViewClient;
import java.util.Date;

public class webkit3 extends Activity {
 WebView browser;
 
    /** Called when the activity is first created. */
    @Override
    public void onCreate(Bundle icicle) {
        super.onCreate(icicle);
        setContentView(R.layout.main);
        browser=(WebView)findViewById(R.id.webkit);
        browser.setWebViewClient(new Callback());
        
        loadTime();
    }
    
    void loadTime(){
     String page="<html><body><a href=\"clock\">"+new Date().toString()+"</a></body></html>";
     browser.loadDataWithBaseURL("x-data://base", page, "text/html", "UTF-8", null);
    }
    
    private class Callback extends WebViewClient{
     public boolean shouldOverrideUrlLoading(WebView view, String url){
      loadTime();
      
      return(true);
     }
    }
}

Sekaran jalankan aplikasi anda dengan cara klik Run > Run As Android Aplication.

Sumber : Pemograman Aplikasi Mobile Smartphone dan tablet PC Berbasic Android Penerbit Informatika, Bandung, 2012 By : Nazruddin Safaat.

Aplikasi Android Webkit Tampilkan Jam Sistem anda sekarang sudah selesai, baca juga tutorial membuat aplikasi android lainnya.