Web View & Hibryd Application

Asep Indra Syahyadi

Pengertian Webview
• Web view merupakan sebuah aplikasi mobile yang dibangun
dengan menyematkan tautan dari sebuah halaman web. kedalam
sebuah aplikasi android. Membuat web view tidak sama membuat
aplikasi android native. aplikasi android yg dibangun hanya
memanggil halaman web untuk ditampilkan.
• Saat kita sudah memiliki aplikasi berbasis web. tanpa kita build
kedalam aplikasi android lagi yang membutuhkan waktu yang
lama kita dapat membuat versi androidnya dengan membuat web
view nya.
Pengertian Webview
• Namun, tidak semua aplikasi mendukung Android
System Webview. Itulah sebabnya beberapa aplikasi
saat membuka tautan akan otomatis membukanya
melalui Chrome, bukan di dalam aplikasi itu sendiri.
• Webview juga biasa digunakan saat membuat
aplikasi android native untuk menyematkan
beberapa halaman web seperti ketika ingin
menampilkan satu halaman berita di aplikasi. Web
view menjadi salah satu solusinya.
• Setiap aplikasi adnroid yang akan menampilkan
webview link akan dibuka oleh komponen sistem
yang terinstal di android yaitu Android System
Webview
Apa itu Android System Web view?
• Android System Webview bisa dibilang
adalah versi kecil dari browser Chrome, yang
mampu untuk membuka tautan di dalam
aplikasi android, sehingga kamu tidak perlu
meninggalkan aplikasi untuk membuka tautan
• Dimulai sejak android versi Kit-Kat, disetiap
versi android akan memiliki bawaan Android
System Webview. Sedangkan sebelum versi
kit-kat. Android System WebView
menggunakan kode berdasarkan Webkit
Apple seperti teknologi yang ada pada
browser Safari
Apa itu Android System Web view?
• contoh cara kerja android system webview bisa anda temukan
pada aplikasi facebook android,jika ada teman fb yang
membagikan berita di situs tertentu,maka anda bisa membuka url
situs berita tersebut langsung menggunakan aplikasi facebook
tanpa membuka browser.
• seperti kita ketahui jika dulu sebelum ada aplikasi android system
webview ,apabila ada link atau url halaman web di aplikasi pihak
ketiga ,jika kita klik dan buka maka aplikasi tiga akan di tutup dan
browser default atau bawaan android anda akan terbuka
otomatis langsung memuat url tersebut
Kapan kita menggunakan Web View?
• Pertimbangkan untuk menggunakan alternatif ini untuk
WebView jika aplikasi Anda termasuk dalam kasus
penggunaan berikut:
– Jika Anda ingin mengarahkan pengguna ke aplikasi web,
buatlah progressive web app (PWA).
– Jika Anda ingin menampilkan konten web pihak ketiga,
kirimkan intent ke browser web yang terinstal.
– Jika Anda tidak ingin keluar dari aplikasi untuk membuka
browser, atau jika ingin menyesuaikan antarmuka browser,
gunakan Tab Khusus Chrome.
Kapan kita menggunakan Web View?
• Pertimbangkan untuk menggunakan alternatif ini untuk
WebView jika aplikasi Anda termasuk dalam kasus
penggunaan berikut:
– Jika Anda ingin mengarahkan pengguna ke aplikasi web,
buatlah progressive web app (PWA).
– Jika Anda ingin menampilkan konten web pihak ketiga,
kirimkan intent ke browser web yang terinstal.
– Jika Anda tidak ingin keluar dari aplikasi untuk membuka
browser, atau jika ingin menyesuaikan antarmuka browser,
gunakan Tab Khusus Chrome.
Membuat Aplikasi WebView
• Silakan Membuka Tautan Dibawah
https://developer.android.com/guide/webapps/webview
Video Tutorial
• WebView Tutorial (2020) Android Studio | Beginner's Guide
https://www.youtube.com/watch?v=z1gUOTZrMFc
• WebView In Flutter For Beginners
https://www.youtube.com/watch?v=5u3pZZ6uvDo
Hybrid Application
• Hybrid Application adalah
aplikasi yang
mengkombinasi antara
Native aplication dan Web
application.
Native App

Aplikasi native adalah

aplikasi mobile yang
dikembangkan secara
khusus untuk satu
sistem operasi.
Contohnya adalah
pengembangan android
hanya untuk android
saja, atau Objective-
C/Swift hanya untuk ios
 Kekurangan : Kelebihan ;
• Dapat berfungsi dalam kondisi baik
• pengembangan aplikasi terhubung jaringan (termasuk internet)
hybrid harus menggunakan maupun tidak.
• Integrasi dengan file system
framework
perangkat.
• sisi performa masih belum • Integrasi dengan Web-services.
bisa melewati aplikasi • Embed dengan browser untuk
native meningkatkan akses ke konten online
secara dinamis.
• Tidak mudah bagi pemula
untuk mengembangkannya
IOnic

Framewok aplikasi mobile 
berbasis:HTML5
mengembangkan
apikasi mobile dengan
teknologi web : HTML,
CSS, dan Javascript.
Aplikasi lintas platform
seperti untuk Android dan
iOS.
 Ionic mempunyai kelebihan
• Ionic Menggunakan lisensi Opensource
• Ionic platform menggunakan lisensi opensource, anda
boleh membuat aplikasi free ataupun comercial dengan
Ionic.
• Menggunakan teknologi web terbaru
• Ionic memanfaatkan AngularJS untuk implementasi
logicnya. Angular menawarkan performa dan respon
cepat serasa aplikasi native.
TUGAS MANDIRI
• Setiap Mahasiswa buatlah Aplikasi Web View yang
menampilkan halaman web tertentu kedalam aplikasi
android. Tugas dibuat dalam bentuk Video dan APK. Link
video dan file APK nya diupload di LENTERA
• Tutorial ada di SLIDE 8
The End

SYUKRAN