Progressive Web App: Perbedaan antara revisi
menambahkan gambar |
sunting isi artikel |
||
| Baris 8: | Baris 8: | ||
== Keuntungan dari PWA == |
== Keuntungan dari PWA == |
||
== ''Browser support'' == |
|||
{| class="wikitable" |
|||
|+ |
|||
! rowspan="2" |Browser |
|||
! colspan="5" |Support |
|||
! rowspan="2" |Comment |
|||
|- |
|||
![[Microsoft Windows|Windows]] |
|||
![[Linux]] |
|||
![[macOS]] |
|||
![[Android (operating system)|Android]] |
|||
![[iOS]] |
|||
|- |
|||
|[[Chromium (web browser)|Chromium]] |
|||
| {{Yes}} |
|||
| {{Yes}} |
|||
| {{Yes}} |
|||
| {{N/A}} |
|||
|Includes [[Google Chrome]], [[Microsoft Edge]],<ref name="edge">{{cite web|date=13 March 2021|title=Progressive Web Apps on Windows overview|url=https://docs.microsoft.com/en-us/microsoft-edge/progressive-web-apps-chromium/|website=Microsoft Edge Documentation|language=en|access-date=13 March 2021}}</ref> [[Brave (peramban web)|Brave]], [[Opera (web browser)|Opera]], [[Vivaldi (peramban web)|Vivaldi]],<ref>{{Cite web|date=2021-10-07|title=Get your PWA on|url=https://vivaldi.com/blog/vivaldi-gets-more-private-delivers-an-all-new-capture-pwa-support/|website=Vivaldi Browser|language=en|access-date=2021-10-11|url-status=live}}</ref> and [[Chromium (web browser)#Browsers based on Chromium|others]]. |
|||
|- |
|||
|[[Firefox]] |
|||
| {{No}}<ref name="firefox-desktop" /> |
|||
| {{No}}<ref name="firefox-desktop" /> |
|||
| {{Partial}} |
|||
| {{No}} |
|||
| |
|||
|- |
|||
|[[Safari (peramban web)|Safari]] |
|||
| {{N/A}} |
|||
| {{Yes}} |
|||
| {{N/A}} |
|||
| {{Yes}}<br/>(iOS 11.3+)<ref>{{Cite web|last=Firtman|first=Maximiliano|date=2020-08-18|title=Progressive Web Apps on iOS are here 🚀|url=https://medium.com/@firt/progressive-web-apps-on-ios-are-here-d00430dee3a7|access-date=2021-01-29|website=Medium|language=en}}</ref> |
|||
| |
|||
|} |
|||
== Penerapan di industri == |
== Penerapan di industri == |
||
| Baris 26: | Baris 61: | ||
* [[Node.js|NodeJS]] |
* [[Node.js|NodeJS]] |
||
* [[Npm (perangkat lunak)|NPM]] |
* [[Npm (perangkat lunak)|NPM]] |
||
* Google Lighthouse |
|||
== Daftar pustaka == |
== Daftar pustaka == |
||
Revisi per 29 November 2022 23.45
 | 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) 710 hari 383 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
Komponen-komponen PWA
Keuntungan dari PWA
Browser support
| Browser | Support | Comment | ||||
|---|---|---|---|---|---|---|
| Windows | Linux | macOS | Android | iOS | ||
| Chromium | Ya | Ya | Ya | — | Includes Google Chrome, Microsoft Edge,[4] Brave, Opera, Vivaldi,[5] and others. | |
| Firefox | Tidak[6] | Tidak[6] | Setengah | Tidak | ||
| Safari | — | Ya | — | Ya (iOS 11.3+)[7] |
||
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
- ^ "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.
- ^ "Progressive Web Apps on Windows overview". Microsoft Edge Documentation (dalam bahasa Inggris). 13 March 2021. Diakses tanggal 13 March 2021.
- ^ "Get your PWA on". Vivaldi Browser (dalam bahasa Inggris). 2021-10-07. Diakses tanggal 2021-10-11.
- ^ a b 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.