WebView pada 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
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.
Berikut
Tutorial membuat WebView
1.
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
Configure Your Project
·
Name : Modul11WebView
· Package
Name : Diubah menjadi nama blog
masing – masing, disini saya akan menggunakan url blog saya gustidjafiralasdialbar.blogspot.com
lalu diikuti nama project modul11webview
·
Save
Location :
D:\2021\semester6\ti1\14518489_GustiDjafiralAsdiAlbar\Modul11WebView
·
Language : Java
· Minimum SDK : API 16: Android 4.1 (Jelly Bean)
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.
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.
4.
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
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 themes.xml yang ada dalam folder ../res/values/themes
seperti dibawah ini
7.
Setelah
itu coba kita jalankan menggunakan Vysor yang tersedia di Android Anda, maka
akan tampil seperti video dibawah ini
Komentar
Posting Komentar