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) 765 hari 596 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 sebuah 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
Installabe
Komponen-komponen PWA
Keuntungan dari PWA
Browser support
| Browser | Support | Comment | ||||
|---|---|---|---|---|---|---|
| Windows | Linux | macOS | Android | iOS | ||
| Chromium-based| style="background:#9F9;vertical-align:middle;text-align:center;" class="table-yes2"|Ya | Ya | Ya | Ya | — | Includes Google Chrome, Microsoft Edge,[6] Brave, Opera, Vivaldi,[7] and others. | |
| Firefox| style="background:#FFC7C7; vertical-align:middle; text-align:center; " class="table-no"|Tidak[8] | Tidak[8] | Tidak[8] | Setengah | Tidak | ||
| Safari| data-sort-value="" style="background: var(--background-color-interactive, #ececec); color: var(--color-base, #2C2C2C); vertical-align: middle; text-align: center; " class="table-na" | — | — | Ya | — | Ya (iOS 11.3+)[9] |
||
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.
- ^ Kesalahan pengutipan: Tag
<ref>tidak sah; tidak ditemukan teks untuk ref bernamaedge2 - ^ "Get your PWA on". Vivaldi Browser (dalam bahasa Inggris). 2021-10-07. Diakses tanggal 2021-10-11.
- ^ a b c Kesalahan pengutipan: Tag
<ref>tidak sah; tidak ditemukan teks untuk ref bernamafirefox-desktop - ^ Firtman, Maximiliano (2020-08-18). "Progressive Web Apps on iOS are here 🚀". Medium (dalam bahasa Inggris). Diakses tanggal 2021-01-29.