Tugas KU

TUTORIAL MEMBUAT WEB VIEW PADA ANDROID STUDIO 

WebView Android Studio

    Jika ingin menyediakan aplikasi web (atau hanya halaman web) sebagai bagian dari aplikasi klien, Anda dapat melakukannya menggunakan WebView. Class WebView adalah ekstensi class View Android yang memungkinkan Anda menampilkan halaman web sebagai bagian dari tata letak aktivitas Anda. Class ini tidak menyertakan fitur apa pun dari browser web yang dikembangkan sepenuhnya, seperti kontrol navigasi atau kolom URL. Semua yang dilakukan WebView secara default adalah menampilkan halaman web

Teori WebView

    Skenario umum ketika menggunakan WebView menjadi sangat membantu adalah saat Anda ingin memberikan informasi di aplikasi yang mungkin perlu diperbarui, seperti perjanjian pengguna akhir atau panduan pengguna. Dalam aplikasi Android, Anda dapat membuat Activity yang berisi WebView, lalu menggunakannya untuk menampilkan dokumen Anda yang dihosting secara online.

    Skenario lain ketika WebView menjadi sangat membantu adalah saat aplikasi Anda memberikan data kepada pengguna yang selalu memerlukan koneksi internet untuk mengambil data, seperti email. Dalam kasus ini, Anda mungkin menyadari bahwa lebih mudah untuk membuat WebView di aplikasi Android Anda yang menampilkan halaman web dengan semua data pengguna, daripada membuat permintaan jaringan, lalu mengurai data, dan merendernya dalam tata letak Android. Sebagai gantinya, Anda dapat merancang halaman web yang disesuaikan untuk perangkat Android, lalu menerapkan WebView di aplikasi Android Anda yang memuat halaman web.

Menambahkan WebView Android Studio

     cara memulai WebView dan cara melakukan beberapa hal tambahan, seperti menangani navigasi halaman dan mengikat JavaScript dari halaman web Anda ke kode sisi klien di aplikasi Android Anda. Untuk menambahkan WebView di aplikasi, Anda dapat menyertakan elemen di tata letak aktivitas, atau menetapkan seluruh jendela Aktivitas sebagai WebView di onCreate().

Ada beberapa hal untuk menyesuaikan tampilan WebView

• Mengaktifkan dukungan layar penuh dengan WebChromeClient. Class ini juga dipanggil saat WebView memerlukan izin untuk mengubah UI aplikasi host, seperti membuat atau menutup jendela dan mengirim dialog JavaScript kepada pengguna. Untuk mempelajari lebih lanjut proses debug dalam konteks ini, baca Proses Debug Aplikasi Web.

• Menangani peristiwa yang memengaruhi perenderan konten, seperti error pada pengiriman formulir atau navigasi dengan WebViewClient. Anda juga dapat menggunakan subclass ini untuk mengintersep pemuatan URL.

• Mengaktifkan JavaScript dengan mengubah WebSettings.

• Menggunakan JavaScript untuk mengakses objek framework Android yang telah Anda masukkan ke dalam WebView.

Gambar 1.2 Contoh Hasil Run

Okey, kita langsung saja ke Tutorialnya :

1. Pertama kita jalankan aplikasi IDE Android Studio, caranya :

a. Pilih Start → Android Studio

b. Pilih → Start a new Android Studio Project

c. Pilih → Empty Activity → Next

d. Configure Your Project → Finish

    Keterangan :

      

   Name                     :WebView

   Package Name      : rikiwahyudirw.blogspot.com                       

   Save Location       : D:\2021\semester6\ti1\Riki Wahyudi\

                                    Pertemuan 11

   Language              : Java

   Minimum SD         : API 14     

        2. Siapkan sebuah file gambar dengan forma file .png yang akan kita gunakan sebagai           icon  Aplikasi web view kita lalu copy kedalam folder ../res/drawable/ seperti gambar            di bawah ini

       3. Maka akan muncul tampilan  IDE Android Studio, Setelah itu Ketikan script                            pada file activity_main.xml seperti gambar di bawah ini:

4. Setelah itu Buka dan ubah script MainActivity.java menjadi seperti gambar di bawah ini.

5. Tambahkan uses-permission INTERNET dalam script AndroidManifest.xml seperti di     bawah ini

6. Agar terlihat lebih menarik User Interface-nya kita hilangkan actionbar webview             dengan merubah script style.xml yang ada dalam folder ../res/values/style seperti             dibawah ini

    7. Lalu coba jalankan menggunakan emulator (RUN) yang tersedia di Android                     Studio Anda, maka akan tampil seperti gabar dibawah ini

 

Hasil Run

Thank Youu 😀😄