Pengenalan Progressive Web Apps

Noviana
Arunatech
Published in
3 min readAug 31, 2022

PWA adalah singkatan dari Progressive Web App. Ini adalah aplikasi yang dibangun dari teknologi web, seperti HTML, CSS, dan JavaScript yang terlihat dan berperilaku seperti halaman web biasa, tetapi dengan nuansa dan fungsionalitas yang menyaingi aplikasi asli yang sebenarnya seperti bekerja secara offline, dapat mengirim push notification dan menggunakan perangkat keras mobile dengan cara yang sama seperti aplikasi asli.

Jadi apa keuntungan utama dari Progressive Web Apps ?

  • Pendekatan mobile-first. PWA adalah jawaban langsung untuk kebutuhan pengguna seluler dan memungkinkan bisnis untuk membangun solusi web cukup sekali dan terutama bekerja dengan sangat baik di perangkat seluler.
  • Semua dalam satu. Dengan PWA, dimungkinkan untuk mengembangkan halaman web dan aplikasi secara bersamaan dengan biaya yang lebih rendah dan time-to-market yang lebih singkat. Di sisi lain, pengguna tidak perlu mengunjungi play store / app store untuk meng-install aplikasi mereka dapat menginstalnya langsung dari browser.
  • Waktu loading yang singkat. PWA memuat 2–3 kali lebih cepat daripada halaman web responsif, sehingga pengguna tidak terganggu dengan loading bars dan langsung terlibat.
  • UX seperti aplikasi Native. Push Notifications, ikon di beranda, dan akses offline adalah beberapa fitur aplikasi asli yang disertakan dengan PWA.
  • Kapabilitas offline. Banyak pelanggan menderita konektivitas internet yang rendah. PWA memungkinkan mereka untuk terus menjelajah tanpa hambatan. kesiapan offline PWA juga mendukung puncak lalu lintas yang sangat padat/puncak.
  • SEO-friendliness. PWA dapat dioptimalkan sesuai dengan pedoman Google dan diindeks oleh Googlebot.

Keren, tapi bagaimana sebenarnya cara kerjanya?

WEB APP MANIFEST

Web App Manifest​​ adalah file JSON yang memberi tahu browser bagaimana aplikasi web Anda seharusnya berperilaku saat diinstal pada perangkat seluler pengguna. Memiliki manifes diperlukan oleh Chrome untuk menampilkan perintah Tambahkan ke Layar Utama.

SERVICE-WORKERS

Kita semua tahu cara kerja situs web - based. Kode disimpan di server, dan siapa pun dapat mengaksesnya melalui browser mereka dengan mengetikkan nama domain atau alamat IP langsung.
Ketika datang ke PWA, ada elemen tambahan: Service-Worker. Intinya, service worker adalah file JavaScript sisi klien yang ditambahkan ke kode Anda. Itu berada di antara server dan browser, mengisi lapisan baru fungsionalitas latar belakang untuk meniru fitur seperti aplikasi (mis., Push Notifications untuk status pengiriman makanan dari situs web restoran).

KOMPABILITAS DENGAN BROWSER

Dukungan browser modern untuk fitur seperti pemberitahuan push dan penyimpanan layar utama merupakan bagian integral dari PWA. PWA juga memerlukan browser untuk mendukung pekerja layanan, yang hampir semua browser modern lakukan. Karena PWA adalah situs web, PWA akan tetap berfungsi di semua browser

Oke, apa manfaatnya bagi Aruna?

LAUT UNTUK SEMUA

Seperti yang kita ketahui bersama, pengguna aplikasi Aruna berasal dari berbagai kalangan yang bekerja di mata rantai penangkapan ikan.
Tentunya banyak aspek keuntungan yang akan didapat jika Aruna mengimplementasikan teknologi PWA ini, diantaranya:

  • Pengembangan satu kali, time-to-market yang cepat.
  • Tidak perlu mengerti teknologi terlalu dalam untuk menggunakan Aplikasi Aruna (Jaringan Jarak Jauh, Spesifikasi dan Penyimpanan Rendah Smartphone karena tidak perlu menginstal aplikasi, Tidak Perlu memperbarui dari App Store / Play Store dan sebagainya)
  • Loading secara instan dan ringan

Saya pikir, itu saja. Apakah anda tertarik dengan PWA ? ;)

https://aruna.id

--

--