Progressive Web App: Perbedaan antara revisi
Konten dihapus Konten ditambahkan
sunting isi artikel |
sunting isi artikel Tag: halaman dengan galat kutipan VisualEditor |
||
Baris 1:
{{Dalam perbaikan}}
[[Berkas:Progressive Web Apps Logo.svg|jmpl|Logo Progressive Web App]]
'''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>{{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> 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|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>
== 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 [[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>
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,''<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 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" />
=== ''Reliable'' ===
=== ''Installabe'' ===
== Komponen-komponen PWA ==
Baris 22 ⟶ 35:
![[iOS]]
|-
|[[Chromium (web browser)|Chromium]]-based| {{Yes}}
| {{Yes}}
| {{Yes}}
| {{Yes}}
| {{N/A}}
|Includes [[Google Chrome]], [[Microsoft Edge]],<ref name="
|-
|[[Firefox]]| {{No}}<ref name="firefox-desktop" />
| {{No}}<ref name="firefox-desktop" />
| {{No}}<ref name="firefox-desktop" />
Baris 36 ⟶ 49:
|
|-
|[[Safari (peramban web)|Safari]]| {{N/A}}
| {{N/A}}
| {{Yes}}
| |||