Pada tutorial kali ini saya akan membahas tentang membuat aplikasi web view di android studio. Apa sih itu WebView? WebView adalah sebuah cara yang dilakukan untuk menampilkan web yang sudah kita definisikan sebelumnya pada kode Android kita. Secara tampilan, WebView ini hampir sama dengan web browser umumnya pada android, namun perbedaannya adalah jika pada aplikasi ini tidak terdapat Address Bar (URL) pada toolbar aplikasinya.
Membuat Project
Langkah pertama yang harus dilakukan adalah membuat project baru pada Android Studio.
Membuat Tampilan
Jika proses pembuatan project baru-nya sudah selesai, maka langkah selanjutnya adalah mengatur tampilan layout yang nantinya digunakan untuk menampilkan web kita. Buka activity_main.xml dan salin kode berikut :
<?xml version="1.0" encoding="utf-8"?>
<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"
android:background="#ffffff"
tools:context="com.example.asus.webview.MainActivity">
<WebView
android:id="@+id/webView"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_centerHorizontal="true"
android:layout_centerVertical="true" />
</RelativeLayout>
Membuat Logika Java
Jika tampilan layoutnya sudah selesai, maka langkah selanjutnya adalah mengatur logika Java-nya. Perlu diketahui pada kodingan ini ada String yang harus disesuaikan oleh kemauan kita. Pada kode dibawah terdapat String yang bernama WEB_VIEW_URL, kita dapat menyesuaikannya dengan blog / website kemauan kita. Ok, buka MainActivity.java dan salin kode-kode berikut :
package com.example.asus.webview;
import android.support.v7.app.AppCompatActivity;
imporhant android.os.Bundle;
import android.webkit.WebView;
import android.webkit.WebViewClient;
public class MainActivity extends AppCompatActivity {
public static final String WEB_VIEW_URL = "http://www.alvinsystem.blogspot.co.id";
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
WebView web = (WebView)findViewById(R.id.webView);
/*Memberikan izin kepada fungsi-fungsi JavaScript pada web tsb*/
web.getSettings().setJavaScriptEnabled(true);
web.setWebViewClient(new WebViewClient(){
@Override
public boolean shouldOverrideUrlLoading(WebView view, String url) {
return super.shouldOverrideUrlLoading(view, url);
}
});
web.loadUrl(WEB_VIEW_URL);
}
}
Memberi Akses Perizinan Internet
Satu hal yang perlu diperhatikan adalah kita harus memberikan akses perizinan internet pada aplikasi ini, dikarenakan kita memanggil suatu url yang butuh koneksi internet. Buka file AndroidManifest.xml dan tambahkan kode berikut diluar kode <application :
<uses-permission android:name="android.permission.INTERNET"/>
Menjalankan Project
Setelah semua proses sudah selesai, maka langkah terakhir kita tinggal lihat hasilnya saja (jika tidak ada error...).Jika sudah, maka kurang lebih tampilannya akan seperti berikut :
This is dummy text. It is not meant to be read. Accordingly, it is difficult to figure out when to end it. But then, this is dummy text. It is not meant to be read. Period.
ConversionConversion EmoticonEmoticon