Platform e-Learning untuk Pembelajaran Pemrograman Web Menggunakan Konsep Progressive Web Apps

Abstract

Platform e-Learning bisa menjadi alat bantu proses belajar yang efektif, karena peserta didik bisa belajar dengan sendiri dan dari tempat yang tidak terbatas, selama masih ada koneksi internet. Yang sering menjadi kendala adalah ketersediaan platform e-Learning yang stabil dalam koneksi internet yang minim atau kondisi offline. Progressive Web Apps (PWA) adalah konsep pengembangan aplikasi berbasis web yang mencakup penerapan teknologi terbaru dari browser seperti service workers dan app manifest. Konsep PWA dapat memberikan pengalaman terbaik dalam menggunakan suatu aplikasi web walaupun dalam koneksi internet yang minim atau offline sekalipun dengan menggunakan service worker. Service worker sebagai pengatur request dan response pada sebuah aplikasi web dapat dirancang sesuai kebutuhan. Pada studi ini, pada service worker digunakan strategi caching network first, cache fallback dengan tambahan cache only pada berkas-berkas statis. Strategi ini dipilih untuk menghindari eror token pada kerangka kerja Laravel dan tetap mendapat respons yang cepat ketika sebuah halaman web dibuka. Penerapan konsep PWA khususnya service worker meningkatkan performa platform e-Learning terutama waktu memuat halaman menjadi lebih cepat dan dapat berjalan secara offline.

Implementasi Progressive Web Apps (PWA) pada Repository E-Portofolio Mahasiswa

“…Laravel dibangun menggunakan bahasa pemrograman PHP yang cukup populer di Indonesia. Selain itu Jika dibandingkan dengan framework PHP lainnya Laravel memiliki banyak keunggulan seperti: auth scaffolding yang memudahkan pembuatan fitur login dan register secara otomatis tanpa harus menulis kode program, dan Eloquent Orm untuk mengelola database tanpa menggunakan bahasa SQL, dan cocok untuk membuat layanan restfull API dan Repository online [8].…”

“…Progressive Web Apps (PWA) adalah konsep penerapan pembuatan website yang menerapkan teknologi service worker, web manifest, dan cache API [8]. Dengan membangun aplikasi menggunakan konsep PWA akan membuat aplikasi web berjalan di berbagai platform seperti website, desktop, dan platform mobile atau Android, PWA sendiri memiliki berbagai keunggulan seperti:…”

Pemanfaatan Progressive Web Apps Pada Web Akuntansi

“…Progressive Web Apps (PWA) adalah aplikasi web yang memuat seperti halaman web tetapi dapat menawarkan fungsionalitas pengguna seperti bekerja offline, notifikasi, dan akses perangkat keras. PWAs mempunyai karakteristik dapat diandalkan, cepat, dan menarik [2]. Berikut adalah karakteristik dari PWA [3]: 1) Progressivekompatibel untuk semua browser dan device.…”

Aplikasi Asesmen Anak Berkebutuhan Khusus di SLB Rafaha Arjasari Menggunakan Progressive Web App

“…PWA berguna untuk pengguna sejak pertama membuka halaman sebuah web dengan konsep PWA, dan seiring dengan pengguna menggunakan aplikasi web lebih banyak lagi, aplikasi akan menjadi semakin powerful. Aplikasi dapat dimuat dengan cepat, bahkan dalam kondisi internet yang kurang baik sekalipun, dapat mengirim push notifications, mempunyai ikon aplikasi di home screen, dan bisa berjalan dalam mode layar penuh [10].…”

“…Service worker adalah salah satu jenis dari web worker, yaitu script yang berjalan di belakang browser pengguna. Service worker pada dasarnya adalah berkas JavaScript yang berjalan pada thread yang berbeda dengan main thread browser, menangani network request, caching, mengembali-kan resource dari cache, dan bisa mengirimkan push message [10].…”