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.
