Desain Presentasi Aktivitas dalam Moodle menjelaskan tahapan membuat tugas, kuis, forum diskusi dan chat.

46 Gambar 21. Tampilan user interface dari halaman Access Gambar 22 menunjukkan tampilan user interface dari halaman Welcome. Halaman ini berisi presentasi elemen Introduction, Header, Questionnaire, Pre‐test, Materials and Profiles. Gambar 22. Tampilan user interface dari halaman Welcome Gambar 23 menunjukkan tampilan user interface dari halaman Global‐Multimedia yang berisi empat presentasi yakni Header, Content, Materials presentation dan Footer. Presentasi Header terdiri atas elemen 47 Logoff dan Progress dan sebuah tombol Profiles. Presentasi Content berisi elemen Topics. Presentasi Materials berisi materi pembelajaran dan komponen multimedia. Preentasi Footer berisi element Multimedia Nav. Gambar 23. Tampilan user interface dari halaman Global‐Multimedia Gambar 24 menunjukkan tampilan user interface dari halaman Global‐nonMultimedia. Tampilan ini sama seperti tampilan Global‐ Multimedia kecuali tidak adanya penyajian multimedia ke pengguna. 48 Gambar 24. Tampilan user interface dari halaman Global‐nonMultimedia Gambar 25 menunjukkan tampilan user interface dari halaman Sequential‐Multimedia yang berisi tiga presentasi yakni Header, Materials dan Footer. Presentasi Header berisi elemen Logoff and Progress dan tombol Profiles. Presentasi Materials berisi materi pembelajaran dan resourses multimedia. Presentasi Footer berisi tombol Multimedia Nav dan Navigation. Gambar 26 menunjukkan tampilan user interface dari halaman Sequential‐nonMultimedia. Tampilan ini sama seperti tampilan Sequential‐ Multimedia kecuali tidak adanya penyajian multimedia ke pengguna. 49 Gambar 25. Tampilan user interface dari halaman Sequential‐Multimedia Gambar 26. Tampilan user interface dari halaman Sequential‐ nonMultimedia 50

H. Implementasi Software

Halaman Access adalah halaman pertama yang diakses siswa untuk masuk ke sistem e‐learning adaptif. Gambar 27 menunjukkan halaman Access tersebut. Halaman Access tersebut merupakan file HTML yang berisi beberapa form untuk pendaftaran pengguna baru, login pengguna yang telah terdaftar serta masuk baru dan melanjutkan bagi pengguna anonim. Selain data pribadi pengguna baru, halaman Access juga berisi beberapa data tersembunyi termasuk nilai awal tingkat pengetahuan, gaya belajar, modus multimedia dan latar belakang, dimana semua data itu harus dikirim ke server web. Modul sistem Access ini terdiri dari aplikasi Java Servlet yang diperlukan untuk memproses data yang dikirim dan untuk menangani sesi keluar. Gambar 27. Tampilan halaman Access sistem e‐learning adaptif 51 Gambar 28. Tampilan halaman Welcome sistem e‐learning adaptif Setelah berhasil masuk ke dalam sistem, siswa disajikan halaman selamat datang yang berisi informasi pengantar, link ke kuesioner, pre‐ test, tutorial, dan akses ke profil siswa. Hal ini ditunjukkan pada gambar 28. Halaman selamat datang yang tersusun atas file‐file XHTML dan XML berisi tiga kolom fragmen bersyarat termasuk link ke kuesioner, pre‐test, dan tutorial dan satu kolom fragmen yang berisi link untuk mengakses profil siswa. Tiga fragmen pertama dibuat dengan menggunakan metode inklusi kondisional. Isi dari fragmen kondisional disesuaikan dengan tingkat pengetahuan, nilai ls dan mm. Halaman kuesioner disusun menggunakan XHTML, sedangkan JavaScript digunakan untuk menyembunyikan pilihan jawaban sebelum pertanyaan itu diklik. Siswa harus menjawab semua pertanyaan untuk dimensi ls dan mm. Untuk tujuan ini, manipulasi JavaScript diimplementasikan dalam halaman sehingga jawaban tidak dapat dikirim sebelum semua pertanyaan telah dijawab. Gambar 29 menunjukkan halaman selamat datang yang menyajikan kuesioner.