Membuat WebView di Android Studio

 Teori Singkat

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.

Praktikum

§  Pertama jalankan aplikasi IDE Android Studio, caranya :
a. Pilih Start >> Android Studio
b. Pilih >> Start a new Android Studio Project
c. Pilih >> Empty Activity >> Next

§  Name >> WebView

§  Package Name >> ubah menjadi nama blog kalian masing-masing, di sini saya menggunakan url blog saya krisnasites.blogspot.com lalu di ikuti nama project WebView

§  Save Location >> C:\Users\DELL\AndroidStudioProjects\NamaMhs\WebView

§  Language >> Java

§  Minimum API Level >> API 15 >> Klik Finish

 

§  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

 

§  Selanjutnya buat layout dengan ketikan kode program activity_main.xml seperti di bawah ini, kita akan menambahkan progress bar di layout ini supaya ketika proses load website akan menampilkan icon loading.

 

 

  

§  Setelah itu Buka dan ubah script MainActivity.java dan tambahkan script untuk memanggil url website, object class Webview, dan proses progress bar pada MainActivity.java

 

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

 

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

 

§  Setelah itu coba kita jalankan menggunakan emulator yang tersedia di Android Studio Anda, maka akan tampil seperti video dibawah ini