Progressive Web App: Perbedaan antara revisi

'''Progressive Web App''' (disingkat '''PWA''') adalah sebuah aplikasi web yang dirancang atau dibangun dengan melakukan optimasi pada sebuah [[Website|''[[website'']]''. Tiga pilar utama Progressive Web App yaitu ''capable, reliable, installable.''<ref name=":0">{{Cite web|title=What are Progressive Web Apps?|url=https://web.dev/what-are-pwas/|website=web.dev|language=en|access-date=2022-11-29}}</ref> Aplikasi Progressive Web App merupakan ''website'' yang dibangun dengan menggunakan ''service worker, manifest,'' dan beberapa fitur pembentuk Progressive Web App lainnya.<ref name="developer.mozilla.org">{{Cite web|title=Progressive web apps (PWAs) {{!}} MDN|url=https://developer.mozilla.org/en-US/docs/Web/Progressive_web_apps|website=developer.mozilla.org|language=en-US|access-date=2022-11-29}}</ref> Tujuan hadirnyadari penerapan Progressive Web App yaitu memungkinkan para [[pengembang web]] (''web developer'') mengubah ''website'' yang sudah ada agar bisa berperilaku layaknya aplikasi ''native''.<ref name=":1">{{Cite web|last=Indonesia|first=Dicoding|title=Developer Academy: Menjadi Front-End Web Developer Expert|url=https://www.dicoding.com/academies/219|website=Dicoding|language=en|access-date=2022-11-30}}</ref> 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.<ref>{{Cite web|titlename=Progressive web apps (PWAs) {{!}} MDN|url=https://"developer.mozilla.org"/en-US/docs/Web/Progressive_web_apps|website=developer.mozilla.org|language=en-US|access-date=2022-11-29}}</ref>

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 [[Bahasa C|C]], [[C++]], ataupun [[Rust]], dengan keuntungan kinerja aplikasi yang lebih baik. Misalnya yaitu [https://squoosh.app/ Squoosh.app] yang menerapkannya untuk kompresi gambar tingkat lanjut.<ref>{{Cite web|title=WebAssembly Concepts - WebAssembly {{!}} MDN|url=https://developer.mozilla.org/en-US/docs/WebAssembly/Concepts|website=developer.mozilla.org|language=en-US|access-date=2022-11-30}}</ref>

SampaiHingga 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,''<ref>{{Cite web|title=Badging for app icons|url=https://developer.chrome.com/articles/badging-api/|website=Chrome Developers|language=en|access-date=2022-11-30}}</ref> 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 [[Application Programming Interface|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.<ref name=":0" />

Progressive Web App memiliki kinerja yang lebih cepat dan dapat diandalkan dibandingkan dengan ''website'' biasa. Bahkan dengan menerapkan Progressive Web App pengguna dapat mengakses ''website'' dalam keadaan tanpa akses internet (''offline'').<ref name=":0" /> Hal tersebut dapat terjadi karena Progressive Web App menerapkan teknologi ''service worker.'' Service worker adalah sebuah berkas JavaScript yang diproses oleh ''browser'' di latar belakang.<ref name=":1" /> Berkas tersebut dieksekusi secara terpisah tak seperti berkas JavaScript biasa yang membentuk sebuah ''website''. ''Service worker'' pada dasarnya bertindak sebagai ''server proxy'' yang berada di antara aplikasi web, ''browser,'' dan internet (apabila tersedia). Service worker dapat memungkinkan webuah aplikasi web dapat diakses tanpa akses internet, mencegat permintaan (''request'') jaringan internet dan mengambil tindakan yang sesuai berdasarkan ketersediaan jaringan internet. <ref>{{Cite web|title=Service Worker API - Web APIs {{!}} MDN|url=https://developer.mozilla.org/en-US/docs/Web/API/Service_Worker_API|website=developer.mozilla.org|language=en-US|access-date=2022-11-30}}</ref>

* Aplikasi ''native'' lebih sulit diindeks oleh [[Mesin pencari web|mesin pencari]] dan hanya dapat ditemukan melalui ''App/Play store.'' Sedangkan Progressive Web App bekerja layaknya ''website,'' sehingga dapat diindeks oleh mesin pencari. Hal tersebut membuat Progressive Web App mudah ditemukan (''discoverability'').

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 :

[[Kategori:WebsiteSitus web|p]]