Adi, Laurensius (2017) Platform E-Learning Untuk Pembelajaran Pemrograman Web Menggunakan Konsep Progressive Web Apps. Undergraduate thesis, Institut Teknologi Sepuluh Nopember.
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 > 55201-(S1) Undergraduate Thesis |
| 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 |