Progressive Web App
 | Artikel ini sedang dalam perbaikan. Untuk menghindari konflik penyuntingan, mohon jangan melakukan penyuntingan selama pesan ini ditampilkan. Halaman ini terakhir disunting oleh Syariful Msth (Kontrib • Log) 677 hari 885 menit lalu. |
Progressive Web App (disingkat PWA) adalah sebuah aplikasi web yang dirancang atau dibangun dengan melakukan optimasi pada sebuah website. Tiga pilar utama Progressive Web App yaitu capable, reliable, installable.[1] Aplikasi Progressive Web App merupakan website yang dibangun dengan menggunakan service worker, manifest, dan beberapa fitur pembentuk Progressive Web App lainnya.[2] Sebuah aplikasi Progressive Web App memiliki beberapa keunggulan apabila dibandingkan dengan sebuah website biasa, di antaranya yaitu dapat dipasang pada perangkat (installable), aman (secure), progresif, responsif, dan lain sebagainya.[3]
Sejarah
Tiga pilar Progressive Web App
Capable
Saat ini website sudah mampu untuk melakukan suatu tugas tertentu yang dapat dilakukannya. Misalnya yaitu membuat sebuah aplikasi video hyper-local (cepat dan efisien) dengan menggunakan WebRTC, geolokasi, dan teknologi push notification. Aplikasi yang dikembangkan tersebut bahkan dapat dipasang (install) pada perangkat dan bisa digunakan untuk melakukan percakapan secara virtual dengan memanfaaatkan WebGL dan WebVR. Selain itu, dengan diperkenalkannya WebAssembly, para pengembang aplikasi (developer) dapat memanfaatkan ekosistem lain seperti C, C++, ataupun Rust, dengan keuntungan kinerja aplikasi yang lebih baik. Misalnya yaitu Squoosh.app yang menerapkannya untuk kompresi gambar tingkat lanjut.[4]
Sampai saat ini, hanya aplikasi platform tertentu yang benar-benar dapat menerapkan hal ini. Meskipun masih ada beberapa kemampuan (capabilities) yang belum dapat diterapkan atau berada di luar jangkauan teknologi website, tetapi dengan hadirnya API baru dan yang akan datang kemungkinan dapat mengubahnya dan memperluas kemampuan (capabilites) yang dapat dilakukan sebuah website. Misalnya yaitu adanya fitur akses file sistem, kontrol media, app badging,[5] ataupun full clipboard. Semua kemampuan tersebut dibangun dengan menerapkan konsep keamanan web (web secure) dan model data yang berpusat pada pengguna (user-centric permission model) guna memastikan bahwa website yang digunakan aman bagi pengguna.
Di antara API modern yang ada, termasuk WebAssembly dan API baru yang akan hadir, dapat memungkinkan sebuah aplikasi website memiliki kemampuan (capabilities) yang lebih baik dari sebelumnya dan dapat terus berkembang lagi.[1]
Reliable
Aplikasi Web Progresif yang andal terasa cepat dan dapat diandalkan terlepas dari jaringannya.
Kecepatan sangat penting untuk membuat pengguna menggunakan pengalaman Anda. Faktanya, saat waktu muat halaman berubah dari 1 detik menjadi sepuluh detik, kemungkinan pengguna terpental meningkat sebesar 123% . Performa tidak berhenti setelah onloadacara. Pengguna tidak boleh bertanya-tanya apakah interaksi mereka—misalnya, mengklik tombol—telah terdaftar atau belum. Pengguliran dan animasi harus terasa halus. Performa memengaruhi seluruh pengalaman pengguna, mulai dari persepsi mereka terhadap aplikasi Anda hingga performa sebenarnya.
Terakhir, aplikasi yang andal harus dapat digunakan terlepas dari koneksi jaringan. Pengguna mengharapkan aplikasi untuk memulai pada koneksi jaringan yang lambat atau tidak stabil atau bahkan saat offline. Mereka berharap konten terbaru yang berinteraksi dengan mereka, seperti trek media atau tiket dan rencana perjalanan, akan tersedia dan dapat digunakan meskipun sulit untuk mendapatkan permintaan ke server Anda. Ketika permintaan tidak memungkinkan, mereka berharap diberi tahu bahwa ada masalah alih-alih gagal atau mogok secara diam-diam.
Pengguna berhak mendapatkan aplikasi yang merespons interaksi dalam sekejap mata, dan pengalaman yang dapat mereka andalkan.
Installabe
Komponen-komponen PWA
Keuntungan dari PWA
Penerapan di industri
Progressive Web App termasuk dalam teknologi baru, meskipun demikian sudah banyak website kelas dunia yang sudah menerapkan Progressive Web App. Berikut daftar website yang menerapkan sifat Progressive Web App, di antaranya yaitu :
Lihat pula
Daftar pustaka
- ^ a b "What are Progressive Web Apps?". web.dev (dalam bahasa Inggris). Diakses tanggal 2022-11-29.
- ^ "Progressive web apps (PWAs) | MDN". developer.mozilla.org (dalam bahasa Inggris). Diakses tanggal 2022-11-29.
- ^ "Progressive web apps (PWAs) | MDN". developer.mozilla.org (dalam bahasa Inggris). Diakses tanggal 2022-11-29.
- ^ "WebAssembly Concepts - WebAssembly | MDN". developer.mozilla.org (dalam bahasa Inggris). Diakses tanggal 2022-11-30.
- ^ "Badging for app icons". Chrome Developers (dalam bahasa Inggris). Diakses tanggal 2022-11-30.