Progressive Web App (PWA) adalah aplikasi web yang menggunakan progressive enhancement untuk memberikan pengalaman yang lebih andal kepada pengguna, menggunakan kemampuan baru untuk memberikan pengalaman yang lebih terintegrasi, dan dapat diinstal. Dan, karena ini adalah aplikasi web, ia dapat menjangkau siapa saja, di mana saja, di perangkat apa saja, semua dengan satu codebase. Setelah diinstal, PWA akan terlihat seperti aplikasi lainnya, khususnya:
- Aplikasi memiliki ikon di layar utama, peluncur aplikasi, peluncur, atau menu mulai.
- Tombol ini muncul saat Anda menelusuri aplikasi di perangkat.
- Aplikasi ini akan terbuka di jendela mandiri, yang sepenuhnya terpisah dari antarmuka pengguna browser.
- Aplikasi ini memiliki akses ke tingkat integrasi yang lebih tinggi dengan OS, misalnya, penanganan URL atau penyesuaian kolom judul.
- Berfungsi secara offline.
Platform web
Web adalah platform yang luar biasa. Perpaduan universalitasnya di seluruh perangkat dan sistem operasi, model keamanannya yang berfokus pada pengguna, dan fakta bahwa tidak ada satu perusahaan yang mengontrol spesifikasi atau implementasinya menjadikan Google Cloud sebagai platform yang andal untuk menghadirkan software.
Dikombinasikan dengan kemampuan tautan inheren web, Anda dapat mencari di seluruh laman dan berbagi apa yang Anda temukan dengan siapa pun, di mana pun. Setiap kali Anda membuka situs, situs tersebut adalah versi terbaru yang di-deploy oleh penayang, dan pengalaman Anda dengan situs tersebut dapat bersifat sementara atau permanen sesuai keinginan Anda.
Aplikasi web dapat menjangkau siapa saja, di mana saja, di perangkat apa pun dengan satu codebase. Bagi developer, web juga menawarkan mekanisme deployment yang transparan dan mudah. Tidak perlu pengemasan, tidak ada peninjauan konten tambahan, atau penundaan update. Pengguna selalu mendapatkan versi terbaru saat mereka mengunjungi aplikasi Anda. Dengan kemampuan dan teknik baru, aplikasi web kini dapat memungkinkan Anda berinteraksi atau melihat konten meskipun sedang offline, yang merupakan kendala yang tidak dapat diatasi beberapa tahun yang lalu.
Aplikasi khusus platform
Aplikasi khusus platform, baik di perangkat seluler maupun desktop, dikenal kaya dan andal. Aplikasi ini selalu ada, di layar utama, dok, dan taskbar. Aplikasi ini berfungsi terlepas dari koneksi jaringan, dan diluncurkan dalam pengalaman mandirinya sendiri. Aplikasi ini dapat membaca dan menulis file dari sistem file lokal, mengakses hardware yang terhubung melalui USB, serial, atau Bluetooth, dan berinteraksi dengan data yang disimpan di perangkat Anda, seperti kontak dan acara kalender. Di aplikasi khusus platform, Anda dapat mengambil gambar, memutar lagu yang tercantum di layar utama, atau mengontrol pemutaran media saat berada di aplikasi lain. Aplikasi ini terasa seperti bagian dari perangkat tempatnya berjalan.
Tantangan untuk aplikasi khusus platform adalah aplikasi tersebut tidak kompatibel dengan beberapa platform dan perangkat, sehingga tidak mudah, jika memungkinkan, untuk memindahkan aplikasi Android ke iOS atau iOS ke Windows atau ChromeOS tanpa membuat aplikasi baru dari awal.
Menghadirkan yang terbaik dari keduanya
Jika Anda memikirkan kemampuan dan jangkauan aplikasi platform dan aplikasi web, aplikasi platform mewakili kemampuan terbaik, sedangkan aplikasi web mewakili jangkauan terbaik. Progressive Web App berada di persimpangan kemampuan aplikasi platform dan jangkauan aplikasi web. Progressive Web App menyertakan fitur dari kedua dunia tersebut.
Web
- Kemampuan Dihubungkan
- Dapat diakses secara default
- Di mana-mana
- Mudah Di-deploy
- Mudah Diperbarui
- Semua orang dapat memublikasikan
Aplikasi platform
- Dapat digunakan offline
- Performa tinggi
- Integrasi Perangkat
- Pengalaman mandiri
- Ikon Terinstal
- Lengkap dan andal
Penerapan memiliki manfaatnya
Hulu, layanan streaming video di AS, membuat versi Progressive Web App dari pengalaman mereka untuk menggantikan aplikasi desktop yang memiliki ulasan pengguna dan penggunaan yang buruk. Seperti yang disampaikan di Google I/O 2019, satu developer dapat meriset dan menerapkan pengalaman ini dari aplikasi web yang ada dalam waktu dua minggu.
Dalam waktu lima bulan, 96% pengguna aplikasi lama mereka telah menggunakan PWA, dengan peningkatan kunjungan kembali sebesar 27% dan peningkatan engagement sebesar 5,5%. Karena berada di peluncur dan di taskbar, PWA lebih mudah dibuka kembali daripada jika hanya berada di tab.
JD.ID, sebuah platform e-commerce di Indonesia yang menyediakan layanan pengiriman untuk banyak produk, ingin memperluas kehadirannya di internet dengan berfokus pada performa dan pengalaman solid yang tidak bergantung pada jaringan untuk PWA mereka. Dengan pengalaman yang ditingkatkan ini, mereka meningkatkan rasio konversi seluler secara keseluruhan sebesar 53%, 200% untuk pengguna yang menginstal, dan meningkatkan pengguna aktif harian sebesar 26%.
Clipchamp adalah editor video online kelas desktop dalam browser yang memungkinkan siapa saja untuk menceritakan kisah yang layak dibagikan melalui video. Mereka melihat retensi pengguna yang 9% lebih tinggi dengan PWA dibandingkan pengguna aplikasi desktop standar mereka dan telah melihat penginstalan PWA mereka meningkat dengan kecepatan 97% setiap bulan dalam lima bulan pertama peluncurannya.
Gravit Designer dari Corel Corporation adalah alat desain vektor yang canggih untuk kelas desktop yang melayani puluhan ribu pengguna aktif harian yang memerlukan software ilustrasi vektor yang lengkap, terjangkau, dan mudah diakses. Sejak menambahkan PWA sebagai opsi penginstalan untuk pengguna, mereka melihat pengguna PWA 24% lebih aktif, PWA menyumbang 31% lebih banyak pengguna berulang, dan pengguna PWA 2,5 kali lebih cenderung membeli Gravit Designer PRO, dibandingkan dengan platform dan opsi penginstalan lainnya.
Inovasi game streaming
Contoh bagus dari kecanggihan Progressive Web App adalah industri platform streaming, termasuk cloud gaming dan komputasi jarak jauh. Sejak 2021, sebagian besar penyedia game cloud telah meluncurkan Progressive Web Apps, yang memungkinkan Anda bermain game konsol dari perangkat apa pun dan hanya dengan browser atau penginstalan PWA: iPhone, Android, iPad, laptop, Mac, atau PC. Amazon Luna, Microsoft Xbox Cloud Gaming, Facebook Gaming, Google Stadia, Nvidia GeForce Now, dan BlueStacks X menawarkan solusi game cloud melalui browser sebagai PWA. Semuanya memberikan pengalaman luar biasa dengan performa yang mendekati native di semua platform berkat teknologi web seperti WebRTC, WebAssembly, dan GamePad API.
Tantangan
Setelah membahas keuntungan menggunakan platform web untuk memublikasikan PWA, penting juga untuk mengetahui tantangan yang mungkin Anda hadapi.
Kompatibilitas lintas browser
Apple adalah perusahaan penting untuk dunia multiperangkat, yang memiliki iOS, iPadOS, macOS, dan Safari. Meskipun Apple belum pernah menggunakan istilah PWA secara publik, mereka telah mendukung teknologi untuk membuat PWA dapat diinstal dan dapat digunakan secara offline sejak 2018 di Safari untuk iPhone dan iPad.
Namun, implementasi spesifikasi PWA Apple melewatkan banyak fitur yang dimiliki oleh browser lain, terutama browser yang didukung oleh mesin Chromium.
Di tengah, kami juga memiliki Firefox dan mesin Gecko-nya dengan implementasi yang mencakup lebih banyak spesifikasi PWA di Android, dan lebih sedikit kemampuan penginstalan di desktop.
Batasan mencakup kurangnya notifikasi push, API integrasi (seperti Web Bluetooth atau WebNFC), dan teknik promosi penginstalan yang membantu pengguna mengetahui bahwa mereka dapat menginstal situs saat ini untuk mendapatkan pengalaman aplikasi. Selain itu, ada beberapa bug pada fitur yang diterapkan.
Seperti halnya semua pengembangan web, Anda harus menguji pengalaman di setiap platform saat merilis PWA, dan saat versi utama browser atau OS baru dirilis. Anda harus selalu memberikan solusi penggantian atau pengalaman alternatif saat fitur tidak tersedia.
Kesadaran tentang PWA
Sebagai developer PWA, Anda mungkin akan mengalami masalah awareness, baik dari sisi bisnis maupun pengguna. Beberapa pemilik bisnis tidak akan mengetahui PWA atau akan memiliki miskonsepsi tentang keunggulan dan tantangan Progressive Web App.
Saat memublikasikan PWA, tantangan Anda berikutnya adalah memastikan pengguna memahami bahwa situs dapat diinstal, sehingga menghasilkan pengalaman aplikasi terinstal.
Tantangan penginstalan lebih signifikan di beberapa platform, seperti iOS dan iPadOS, dan terkadang desainer UX menyertakan layar yang menjelaskan kepada pengguna cara menginstal aplikasi.
Kompatibilitas
Perlu diingat bahwa Progressive Web App hanyalah aplikasi web, sehingga konten dan layanan berjalan berdasarkan spesifikasi dan protokol standar. Oleh karena itu, PWA secara teknis berjalan di mana pun web berjalan; Anda tidak perlu platform yang kompatibel dengan "spesifikasi PWA" apa pun.
Namun, saat membahas PWA dan kompatibilitas, biasanya kita memikirkan kemampuan untuk melampaui batas browser dan konteks khusus online: penginstalan ikon dan dukungan offline.
Selain dukungan platform web klasik, mari kita periksa dukungan untuk fungsi aplikasi dasar, seperti penginstalan ikon dan kemampuan offline.
97 %
Browser yang siap digunakan secara offline
88 %
Pengguna web dapat menginstal PWA
Data bersumber dari StatCounter dan Dapatkah Saya Menggunakan.
Desktop dan laptop
Di dunia perangkat multifaktor, sulit untuk mengetahui apa itu perangkat desktop. Namun, setidaknya dari sudut pandang sistem operasi, browser dan app store ini kompatibel dengan penginstalan PWA dan kemampuan offline:
- Windows 10 dan 11
- Google Chrome (dari versi 73), Microsoft Edge (dari versi 79), Microsoft Store
- ChromeOS
- browser Chrome bawaan (dari versi 72), Play Store (dari versi 85)
- macOS, Linux, serta Windows 7 dan 8.x
- Google Chrome (dari versi 73), Microsoft Edge
Dalam video berikut, pengguna menginstal PWA dari browser di komputer desktop, lalu mengaksesnya seperti aplikasi lain dengan jendela mandirinya.
Perangkat seluler
Berbicara tentang ponsel dan tablet, Progressive Web App dapat diinstal dengan kemampuan offline menggunakan browser dan app store berikut:
- iOS dan iPadOS
- Browser pihak ketiga (sejak iOS/iPadOS 16.4), Safari (sejak iOS 11.3), AppStore (sejak iOS/iPadOS 14, dengan beberapa batasan), konfigurasi seluler untuk distribusi perusahaan.
- Android
- Firefox, Google Chrome, Samsung Internet, Microsoft Edge, Opera, Brave, Huawei Browser, Baidu, UCWeb, Play Store (dari versi 72 dengan Google Chrome terinstal, atau browser yang kompatibel dengan TWA), Galaxy Store, iframe Play terkelola untuk distribusi perusahaan.
Dalam video berikut, pengguna menginstal PWA dari browser di perangkat seluler menggunakan dialog browser, dan juga menggunakan menu Tambahkan ke Layar utama.
Perangkat lainnya
Beberapa perangkat kecil lainnya mendukung PWA, seperti konsol game (Xbox dengan Microsoft Store) atau perangkat XR (Microsoft Hololens, rencana untuk Oculus Facebook). Namun, perangkat lainnya yang memiliki browser biasanya tidak menerima PWA, termasuk:
- Konsol game
- Smart TV
- Smartwatch
- Mobil
PWA Anda akan selalu berfungsi di browser semua perangkat dengan batasan tertentu. Kemampuan ini untuk berfungsi di banyak perangkat memungkinkan Anda membuat perjalanan multi-perangkat, tempat pengguna dapat memulai tugas di satu perangkat dan menyelesaikannya di perangkat lain, dengan data yang disinkronkan di seluruh perangkat, dengan aplikasi yang di-deploy sama persis.