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

Laurensius Adi, Rizky Januar Akbar, Wijayanti Nurul Khotimah
Submission Date: 2017-07-27 14:03:56
Accepted Date: 2018-01-09 21:27:31

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 tugas akhir 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.


Keywords


e-Learning; Progressive Web Apps; offline; MochaJS

References


“Your First Progressive Web App | Web,” Google Developers. [Daring]. Tersedia pada: https://developers.google.com/web/fundamentals/getting-started/codelabs/your-first-pwapp/. [Diakses: 05-Jun-2017].

“Can I use... Support tables for HTML5, CSS3, etc.” [Daring]. Tersedia pada: https://caniuse.com/#feat=serviceworkers. [Diakses: 05-Jun-2017].

“Cache,” Mozilla Developer Network. [Daring]. Tersedia pada: https://developer.mozilla.org/en-US/docs/Web/API/Cache. [Diakses: 06-Jun-2017].

D. Walsh, “Cache API,” David Walsh Blog, 14-Feb-2016. .

“Introduction to Progressive Web App Architectures | Caching Strategies Supported by sw-toolbox.” [Daring]. Tersedia pada: https://developers.google.com/web/ilt/pwa/introduction-to-progressive-web-app-architectures#caching_strategies_supported_by_sw-toolbox. [Diakses: 05-Jun-2017].

“Codecademy - learn to code, interactively, for free,” Codecademy. [Daring]. Tersedia pada: https://www.codecademy.com/. [Diakses: 20-Jun-2017].

“Learn to code and help nonprofits,” Free Code Camp. [Daring]. Tersedia pada: http://www.freecodecamp.com. [Diakses: 20-Jun-2017].

“Lighthouse | Web | Google Developers.” [Daring]. Tersedia pada: https://developers.google.com/web/tools/lighthouse/. [Diakses: 15-Jun-2017].

“Calibre - Web performance monitoring.” [Daring]. Tersedia pada: https://calibreapp.com/. [Diakses: 21-Jun-2017].


Full Text: PDF

CC Licencing


Authors who publish with this journal agree to the following terms:
- Authors retain copyright and grant the journal right of first publication with the work simultaneously licensed under a Creative Commons Attribution License that allows others to share the work with an acknowledgement of the work's authorship and initial publication in this journal.
- Authors are able to enter into separate, additional contractual arrangements for the non-exclusive distribution of the journal's published version of the work (e.g., post it to an institutional repository or publish it in a book), with an acknowledgement of its initial publication in this journal.
- Authors are permitted and encouraged to post their work online (e.g., in institutional repositories or on their website) prior to and during the submission process, as it can lead to productive exchanges, as well as earlier and greater citation of published work (See The Effect of Open Access).

Refbacks

  • There are currently no refbacks.


Creative Commons License
Jurnal Teknik ITS by Lembaga Penelitian dan Pengabdian Kepada Masyarakat, LPPM-ITS is licensed under a Creative Commons Attribution-ShareAlike 4.0 International License.
Based on a work at http://ejurnal.its.ac.id/index.php/teknik.
Statistik Pengunjung