Penerapan Progressive Web Application (PWA) pada E-Commerce

Abstract

Strategi mobile development dibagi dalam dua kelompok utama yaitu native development dan web-base development. Aplikasi native mobile dikembangkan hanya pada satu platform dan menggunakan bahasa pemrograman dan tools dari platform itu sendiri, tetapi memiliki kinerja tinggi dan User Experience (UX) yang baik. Sebaliknya, web-base development yang menggunakan teknologi web, seperti HTML5, CSS, dan JavaScript untuk mengembangkan aplikasi mobile yang dapat digunakan di platform apa pun. Teknologi terbaru dari web-base application adalah Progressive Web Apps (PWA). PWA adalah teknologi yang dirancang untuk mengatasi keterbatasan browser seluler dan aplikasi native. PWA menggunakan kemampuan web modern yang menggambarkan koleksi teknologi, konsep desain, dan API Web yang bekerja bersama-sama untuk menghadirkan pengalaman pengguna seperti aplikasi native. PWA dapat dijalankan dengan mengklik ikon di layar utama ponsel sama seperti bagaimana seseorang menggunakan aplikasi native. PWA dapat langsung dijalanlan walaupun tidak ada jaringan internet serta mendukung splash screen dan push notification. Tujuan dari penelitian ini adalah menerapkan PWA pada web e-commerce agar dapat dijalankan melalui ponsel tanpa harus membuat ulang kode program dengan menggunakan bahasa pemrograman Java dan SDK. Hasil dari penelitian yang dilakukan yaitu dengan merapkan PWA pada e-commerce pengguna dapat menjalankan aplikasi e-commerce layaknya aplikasi native yang dapat dijalankan dengan mengklik ikon pada layar utama ponsel. E-commerce juga dapat diakses pada berbagai platform dengan menggunakan browser seluler maupun desktop dengan adanya jaringan internet maupun offline.

Pengembangan Aplikasi Progressive Web Application (PWA) Untuk Pembelajaran dan Evaluasi Kelas English Grammar Online Course

“…Terlebih beberapa aplikasi belajar Bahasa Inggris di Android dan IOS mengharuskan pembelajar untuk membayar biaya unduhan dan biaya langganan. Nurwanto (2019) menemukan bahwa terdapat kesenjangan antara Aplikasi Native dan Web Standar. Oleh karena itu biasanya pelajar lebih sering memakai aplikasi berbasis web yang pemakaian data internetnya jauh lebih mudah dan praktis ketimbang memakai aplikasi Android dan IOS.…”

Implementasi Progressive Web App Sebagai Solusi Untuk Meningkatkan Kinerja Aplikasi E-Commerce

“…Sebagian besar pengguna menghabiskan waktunya untuk menelusuri situs melalui web browser pada ponsel. Tetapi karena antarmuka sebagian besar situs web tidak otomatis responsif di web browser seluler menyebabkan pengguna tidak merasa senang sehingga dibutuhkan teknologi yang dapat mengatasi masalah tersebut [4].…”

“…Namun, karena kode program dari platform tersebut tidak dapat digunakan kembali di platform lain maka diperlukan pengembangan dan membuat ulang kode program agar dapat digunakan pada platform lain sehingga biaya perawatan yang dibutuhkan lebih tinggi. Sebaliknya, web-base development yang menggunakan teknologi web, seperti HTML5, CSS, dan JavaScript untuk mengembangkan aplikasi mobile yang dapat digunakan di platform apa pun dapat mengatasi masalah tersebut [4].…”

“…PWA dapat dijalankan dengan mengklik ikon di layar utama ponsel sama seperti bagaimana seseorang menggunakan aplikasi native. PWA dapat langsung dijalanlan walaupun tidak ada jaringan internet serta mendukung splash screen dan push notification [4]. Tujuan dari penelitian ini adalah menerapkan PWA pada web e-commerce agar dapat dijalankan melalui ponsel tanpa harus membuat ulang kode program dengan menggunakan bahasa pemrograman Java dan SDK.…”

“…Tahap kedua yaitu membangun dan memperbaiki prototype, pada tahapan ini dilakukan perancangan dan pengkodean e-commerce sesuai keinginan pelanggan dengan menggunakan CMS (Content Management System) Wordpress. Tahap ketiga yaitu pengujian prototype, pada tahapan ini pengujian dilakukan dengan mengakses e-commerce melalui smartphone untuk mengetahui fungsionalitasnya apakah sudah sesuai keinginan pelanggan, serta menguji penerapan Progressive Web Apps (PWA) [4].…”