Kamis, 17 Agustus 2017

Android - Aplikasi Web Melalui WebView dengan Progress Loading dan AdMob


Jika ingin menggunakan aplikasi web atau hanya halaman web sebagai bagian dari aplikasi klien android, kita dapat melakukannya dengan menggunakan WebView. WebView memungkinkan untuk menampilkan halaman web sebagai bagian dari aplikasi android. Semua yang WebView lakukan adalah merujuk pada halaman web.

Awalnya buka Android Studio dan buat sebuah Proyek Baru


kemudian tentukan Target Android Device


Add Activity to Mobile. pilih Empty Activity


Customize the Activity, lalu klik Finish


Lalu buka file build.gradle (Module: app)

Dan tambahkan mobile ads SDK kedalam gradle dependency yaitu:

compile 'com.google.android.gms:play-services-ads:11.0.4'

script lengkapnya sebagai berikut:


Kemudian buka file activity_main.xml pada text.


untuk desainnya masukan webview, progress bar dan Admob, langsung saja script lengkapnya seperti berikut:

selanjutnya buka file MainActivity.java

dan masukan script berikut:

Lalu buka file AndroidManifest.xml

dan tambahkan beberapa permission yaitu
berikut script lengkapnya

dan yang terakhir untuk menentukan judul aplikasi dan admob banner id ada di file strings.xml

yang isi nya sebagai berikut.

setelah itu jalankan menggunakan emulator atau langsung pada handphone untuk melihat hasilnya. seperti contoh pada gambar berikut ini:

Contoh Tampilan Webview 0.1
Contoh Tampilan WebView 0.2
Contoh Tampilan WebView 0.3
WebView ini sudah di lengkapi dengan fitur menyesuaikan pada display potrait maupun landscape, tekan tombol back dua kali untuk keluar dari aplikasi, juga telah dilengkapi dengan penanganan error ketika tidak ada jaringan Internet atau aplikasi tidak dapat terhubung ke server.


1 komentar: