WebKit
I G B A
Hendra Pradiptya Merta
NIM :
1519551006
Teknologi
Informasi
Fakultas
Teknik
Universitas
Udayana
Pemrograman
Mobile
I Putu
Agus Eka Pratama, ST. MT.
A.
Penjelasan 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.
B.
Penerapan Web Kit 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.
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.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;
}
}
|
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.
Komentar
Posting Komentar