Web Kit

Tugas : Pemrograman Mobile

Nama : Ketut Arif Suidiantara

NIM : 1519551008

Universitas Udayana

Fakultas Teknik

Teknologi Informasi

Pemrograman Mobile (TI024330)

I Putu Agus Eka Pratama, ST. MT.

Pengertian Web Kit

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.

Penerapan Web Kit

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.

1. 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.

2. Masukan sourcode berikut pada BukaWeb.java.

package com.example.arif_suidiantara.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;     } }

3. 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>

4. 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.

5. Kemudian setelah selesai dan tidak ada error jalankan project via emulator dan coba mengetikan URL pada aplikasi BukaWeb misalnya disini saya ketikan URL https://www.google.co.id/ maka program akan menampilkan website serchengine Google.com sesuai dengan URL yang dimasukan.

Sumber

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