Tutorial WebView Android

Anda memiliki sebuah web atau blog, pastinya menginginkan web atau blog anda dibuat aplikasi natif android. Pada kali ini saya akan membagikan tutorial tersebut seperti yang sudah saya lakukan pada blog saya. Mungkin langkah awal yang harus diperhatikan yaitu tampilan web atau blog anda responsive terhadap perangkat pengguna, contohnya pada blog saya ini.

Mungkin saat ini saya tidak akan membahas untuk mengubah web atau blog anda menjadi responsive, melainkan memberikan tutorial bagaimana web atau blog anda di buat ke dalam aplikasi android. Untuk mengintegrasikan web atau blog ke dalam aplikasi android kita akan memanfaatkan fitur WebView pada android itu sendiri.

Terus bagaimana cara menggunakan fitur tersebut ?... Nah ini dia caranya. Langkah-langkah yang harus anda lakukan antara lain yaitu :

Pertama anda harus membuat projek baru terlebih dahulu, bebas anda mau menggunakan Eclipse atau Android Studio. Kalu belum tahu caranya silahkan baca artikael saya Cara Membuat Projek Android Dengan Eclipse atau yang untuk android studio Cara Membuat Projek Android Dengan Eclipse.

Langkah kedua yakni menambahkan WebView pada Layout anda menjadi seperti di bawah ini :

<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=".MainActivity" >

    <WebView
        android:id="@+id/webView1"
        android:layout_width="match_parent"
        android:layout_height="match_parent" />

</RelativeLayout>

Langkah ketiga yaitu menambahkan source code di bawah ini pada di dalam onCreate(Bundle saveInstance)  di MainActivity.java anda.

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        WebView wbview = (WebView)findViewById(R.id.webView1);
        wbview.loadUrl("ALAMAT WEB / BLOG ANDA");
    }

Sampai disini web atau blog anda sudah jadi aplikasi android, namun ketika link dalam web atau blog anda klik akan terbuka menggunakan aplikasi browser. Nah untuk membuatnya tetap termuat dalam aplikasi anda silahkan tambahkan Class di bawah ini.

    public class MyBrowser extends WebViewClient {
        @Override
        public boolean shouldOverrideUrlLoading(WebView view, String urls) {
            view.loadUrl(urls);
            return true;
        }
    }

Setelah itu di dalam onCreate(Bundle saveInstance) sebelum  wbview.loadUrl("ALAMAT WEB / BLOG ANDA"); tambahkan script dibawah ini.

        webView.setWebViewClient(new MyBrowser());
        WebSettings wbset= webView.getSettings();
        wbset.setJavaScriptEnabled(true);

Langkah selanjutnya tinggal menambahkan script di bawah ini agar ketika di tekan navigasi back bisa ke halaman sebelumnya.

    @Override
    public boolean onKeyDown(int keyCode, KeyEvent event) {
        if ((keyCode == KeyEvent.KEYCODE_BACK) && this.webView.canGoBack()) {
            this.webView.goBack();
            return true;
        }
        return super.onKeyDown(keyCode, event);
    }

Langkah terakhir yakni menambahkan permission internetnya pada AndroidManifest.xml

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

Tinggal build ke apk dan jalankan di android anda atau android emulator.