Cara Membuat Aplikasi Android WebView Menggunakan Android Studio - Ngulik Kode

Ngulik Kode - Hallo kali ini saya ingin membagikan cara membuat project WebView dengan menggunakan Android Studio, WebView adalah sebuah class pada android yang menampilkan dan menjalankan aplikasi mobile yang berbasis web. Sederhananya, WebView itu seperti android browser, tetapi tidak mempunyai address bar untuk memasukkan URL, karena URL sudah kita didefinisikan dalam aplikasi android tersebut.

Membuat WebView Dengan Android Studio

1. Pertama harus membuat project baru android studio anda. lakukan seperti biasa.

2. Kemudian konfigurasi penamaan aplikasi dan package.

3. Pada bagian penentuan build target, SDK minimum yang anda inginkan.

4. Pada saat pemilihan Add an activity to mobile,pilih blank activity.

5. Pada choose optional for your new file, klik Finish.

Jika anda masih kesulitan untuk membuat project baru yang sudah saya tunjukan di atas, akan saya berikan petunjuk yang lebih lengkap membuat project baru android studio dibawah ini.

---

---

6. Jika Android Studionya sudah kebuka seperti gambar dibawah, lalu pilih mode design, pilih WebView pada Palette.

Klik dan tarik dari ujung kiri atas ke ujung kanan bawah hingga satu layar penuh.

7. Untuk membuat aplikasi android kita dapat mengakses internet dengan menambahkan permission internet sebagai berikut.

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

Pasang kode diatas kedalam file AndroidManifest.xml

8. Lalu buka file MainActivity.java, letakan kode berikut tepat dibawah kode

setContentView(R.layout.activity_main);

String url = "http://ngulikode.blogspot.com/" ; //Pendefinisian URL WebView view = (WebView) this .findViewById(R.id.webView); //sinkronisasi object berdasarkan id view.getSettings().setJavaScriptEnabled( true ); //untuk mengaktifkan javascript view.loadUrl(url); //agar URL terload saat dibuka aplikasi

Jangan lupa mengimport class webview agar webview terdefinisikan.

9.  Aplikasi WebView kita sudah siap, sekarang tinggal mencoba menjalankan aplikasi yang sudah kita buat, klik RUN 'app'

10. Saya menjalankan project langsung menggunakan HP Android saya tanpa menggunakan emulator. Baca Artikel :

Jika aplikasi berhasil dan tidak ada error akan tampak seperti gambar dibawah ini.

Informasi Tambahan

Untuk membuat aplikasi webview fullscreen , hapus kode berikut dari activity_main.xml

android:paddingLeft="@dimen/activity_horizontal_margin"
android:paddingRight="@dimen/activity_horizontal_margin"
android:paddingTop="@dimen/activity_vertical_margin"
android:paddingBottom="@dimen/activity_vertical_margin"

Untuk membuat aplikasi webview tidak redirect ke web browser saat di klik link , kita perlu menambah class WebViewClient dan override method tersebut. Letak kode berikut di MainActivity.java

import android.webkit.WebView; //import WebView classimport android.webkit.WebViewClient; //import WebViewClient class
public class MainActivity extends ActionBarActivity {

    @Override    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);

        WebView view = (WebView) this.findViewById(R.id.webView);
        view.getSettings().setJavaScriptEnabled(true);
        view.setWebViewClient(new MyBrowser());
        view.loadUrl("http://ngulikode.blogspot.com");
    }

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

Sekian Tutorial dari saya jika masih ada yang kurang jelas bisa anda komentar di kolam komentar dibawah ini. Terimakasih

Aplikasi Ngulik Kode yang sudah jadi berbentuk APK bisa kalian Unduh link dibawah ini :)

click to begin
2,4 MB .APK