Platform E-Learning Untuk Pembelajaran Pemrograman Web Menggunakan Konsep Progressive Web Apps

Adi, Laurensius (2017) Platform E-Learning Untuk Pembelajaran Pemrograman Web Menggunakan Konsep Progressive Web Apps. Undergraduate thesis, Institut Teknologi Sepuluh Nopember.

[img]
Preview
Text
5113100141-Undergraduate_Thesis.pdf - Published Version

Download (2MB) | Preview

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. Modul penilaian soal pada e-Learning ini juga harus bisa dijalankan secara offline maka dibutuhkan modul penilaian yang bisa berjalan pada browser yaitu MochaJS. MochaJS sebagai kerangka kerja pengujian front-end ditambah dengan library assertion test jquery expect mampu memenuhi kebutuhan ini. Penerapan konsep PWA khususnya service worker meningkatkan performa platform e-Learning terutama waktu memuat halaman menjadi lebih cepat dan dapat berjalan secara offline. ======================================================================================================================== E - learning platform could be a powerful addition to learning process because students can study on their own from anywhere as long as internet connection is available . The lack of e - Learning platform that can fulfill the need for the platform to work on flaky connection or offline network is the main problem . Progressive Web Apps is a new concept of web application development which includes newest technology of web browsers such as service workers and app manifest. PWA concept can give the best user expe rience on any web app on flaky internet connection or even offline by using service worker. Service worker as request and response handler on a web app can be crafted as needed. In this final project, network first, cache fallback caching strategy is used on the service worker with additional cache only strategy on static files. This kind of strategy is chosen to avoid any token errors with Laravel framework and keeping fast response each time a webpage is opened. Judging module in this e - Learning also need ed to run on offline network, so MochaJS is chosen. MochaJS as a front - end testing framework, alongside jquery.expect as its assertion test library, able to fulfill the need The application of PWA concept on this e - Learning enhance its performance especia lly on making pages loads faster and function well while offline.

Item Type: Thesis (Undergraduate)
Uncontrolled Keywords: e-Learning, Progressive Web Apps, offline, MochaJS
Subjects: Q Science > QA Mathematics > QA75 Electronic computers. Computer science. EDP
T Technology > T Technology (General)
Divisions: Faculty of Information Technology > Informatics Engineering > (S1) Undergraduate Theses
Depositing User: Laurensius Adi .
Date Deposited: 22 Sep 2017 06:34
Last Modified: 06 Mar 2019 02:52
URI: http://repository.its.ac.id/id/eprint/43879

Actions (login required)

View Item View Item