Tugas Progmob : Dokumentasi Webkit

Nama : I Kadek Dharma Krisna Putra

NIM : 1519551015

Teknologi Informasi

Fakultas Teknik 

Universitas Udayana

Pemrograman Mobile

I Putu Agus Eka Pratama S.T, M.T

1. Pengertian WEBKIT

Webkit adalah salah satu mesin rendering web untuk membaca atau menampilkan suatu halaman web di platform mobile. Oleh sebab itu, webkit dapat juga diartikan sebagai sebuah aplikasi web browser sebagaimana layaknya Opera, Firefox, dan lainnya yang ada di platform mobile, termasuk juga di platform Android.

Dengan adanya webkit, anda dapat memasukkan kode – kode HTML untuk aplikasi Android yang anda buat. Hal ini ke depannya akan sangat membantu untuk berbagi aplikasi GUI di Android yang membutuhkan koneksi internet, GIS (Graphic Information System), dan layanan mobile lainnya. Webkit sendiri memiliki banyak kelas, namun yang umum digunakan di dalam pemrograman Android adalah WebView.

2. Penerapan WEBKIT pada Android

Pada penerapan web kit di android akan di aplikasikan untuk memanfaatkan webkit dengan studi kasus sebuah URL internet jika diketikan pada aplikasi webkit Buka Web maka program akan menampilkan web dari URL yang di masukan.

• Pertama buka terlebih dahulu android studio, lalu buat New project > Lalu pada application name berikan judul BukaWeb kemudian next saja biarkan seperti biasa kemudian pilih empty activity kemudian next kemudian pada activity name berikan nama bukaweb dan layout name akan otomatis terisi biarkan saja lalu finish.
• Masukan sourcode berikut pada BukaWeb.java.

package com.example.adi_krisna.bukaweb;

import android.app.Activity;
import android.graphics.Bitmap;
import android.os.Bundle;
import android.view.Menu;
import android.view.View;
import android.view.View.OnClickListener;
import android.webkit.WebView;
import android.webkit.WebViewClient;
import android.widget.Button;
import android.widget.EditText;

public class BukaWeb extends Activity {
    private WebView webView;
    private EditText urlEditText;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.bukaweb);

        urlEditText = (EditText) findViewById(R.id.urlField);
        webView = (WebView) findViewById(R.id.webView);

        Button openUrl = (Button) findViewById(R.id.goButton);
        openUrl.setOnClickListener(new OnClickListener() {

            @Override
            public void onClick(View view) {
                String url =urlEditText.getText().toString();
                if(validateUrl(url)){

                   webView.getSettings().setJavaScriptEnabled(true);
                    webView.loadUrl(url);
                }
            }
            private boolean validateUrl(String url) {
                return true;
            }
        });
    }

    @Override
    public boolean onCreateOptionsMenu(Menu menu ) {
        getMenuInflater().inflate(R.layout.bukaweb, menu);
        return true;
    }
}

• Kemudian masukan sourcode berikut pada bukaweb.xml.

<RelativeLayout
    xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    tools:context=".BukaWeb" >

    <LinearLayout
        android:id="@+id/urlContainer"
        android:layout_width="fill_parent"
        android:layout_height="wrap_content"
        android:orientation="horizontal" >

        <EditText
            android:id="@+id/urlField"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_weight="3"
            android:hint="Enter URL to open" />

        <Button
            android:id="@+id/goButton"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_weight="1"
            android:text="Open" />
    </LinearLayout>

    <WebView
        android:id="@+id/webView"
        android:layout_width="fill_parent"
        android:layout_height="fill_parent"
        android:layout_below="@id/urlContainer" />

</RelativeLayout>

• Kemudian pada AndroidManifest.xml tambahkan sourcode berikut.

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

Isikan tambahan baris sourcode diatas pada bagian bawah sebelum penutup yaitu di atas </manifest> . sourcode tersebut berfungsi untuk memberikan permission (hak akses) kepada emulator Android (AVD) agar dapat menggunakan koneksi internet yang ada di komputer anda. 

3. Kemudian setelah selesai dan tidak ada error jalankan project via emulator dan coba mengetikan URL pada aplikasi BukaWeb misalnya disini saya ketikan URLhttps://www.unud.ac.id maka program akan menampilkan website Universitas Udayana sesuai dengan URL yang dimasukan.

sumber ; Modul Pembelajaran Pemrograman Aplikasi Berbasis Android // I   Putu Agus Eka Pratama, ST.MT.