RAMADIANI MUHAMMAD LABIB JUNDILLAH

58
i RAMADIANI RAMADIANI MUHAMMAD LABIB JUNDILLAH

Transcript of RAMADIANI MUHAMMAD LABIB JUNDILLAH

Page 1: RAMADIANI MUHAMMAD LABIB JUNDILLAH

i

RAMADIANI

RAMADIANI

MUHAMMAD LABIB JUNDILLAH

Page 2: RAMADIANI MUHAMMAD LABIB JUNDILLAH

ii

PRAKATA Puji syukur ke hadirat Allah SWT yang senantiasa memberikan petunjuk dan kemudahan dalam

menyelesaikan penulisan buku dokumentasi hasil uji coba produk ini sehingga dapat diselesaikan

dengan baik. Tujuan buku ini adalah untuk memberikan pelatihan dan pembimbingan kepada Guru

dan Siswa untuk Mengembangkan E-Learning dan Mobile Learning. Melalui prakata ini, Penulis ingin

mengucapkan banyak terimakasih kepada:

1. Pemberi dana penelitian yaitu pemerintah Indonesia dalam hal ini Kementerian Riset

Teknologi dan Pendidikan Tinggi Republik Indonesia melalui DRPM Jakarta.

2. Kementrian Pendidikan dan Kebudayaan Republik Indonesia

3. Keluarga tercinta

4. Dekan Fakultas Teknik Universitas Mulawarman

5. Kepala-Kepala Sekolah Mitra Penelitian, SMPN1, SMAN2 dan SMAN3 Samarinda beserta staf

dan jajarannya

6. Rekan-rekan peneliti, staf dan mahasiswa yang terlibat dalam penelitian, dari Program Studi

Informatika Fakultas Teknik Universitas Mulawarman.

Besar harapan kami kepada semua pihak kiranya dapat memberikan masukkan dan saran guna

penyempurnaan laporan dalam buku ini.

Samarinda, Agustus 2021

Penulis

Page 3: RAMADIANI MUHAMMAD LABIB JUNDILLAH

iii

Daftar Isi

Tampilan Awal E-learning ................................................................................................................................................. 1 Tampilan dan Fungsi Admin ............................................................................................................................................. 2 A. Login Admin .................................................................................................................................................................. 2 B. Menambahkan Jurusan ............................................................................................................................................ 3 C. Menambahkan Kelas Jurusan ................................................................................................................................. 4 D. Menambahkan Kelas ................................................................................................................................................... 5 E. Menambahkan Tahun ................................................................................................................................................ 6 F. Menambahkan Data Angkatan................................................................................................................................ 7 G. Menambahkan Schema Kelas .................................................................................................................................. 7 H. Menambahkan Data Guru ......................................................................................................................................... 10 I. Menambahkan Data Siswa ..................................................................................................................................... 11 J. Mutasi Data ................................................................................................................................................................. 12

Tampilan dan Fungsi Dosen ............................................................................................................................................ 13 A. Login Dosen atau Guru ............................................................................................................................................ 13 B. Profil ............................................................................................................................................................................. 14 C. Kelas ............................................................................................................................................................................. 15 D. Cloud .............................................................................................................................................................................. 30 E. Post Schedule ............................................................................................................................................................ 31 F. Kelas Arsip .................................................................................................................................................................. 31 Tampilan dan Fungsi Siswa ............................................................................................................................................ 32 A. Login Siswa ................................................................................................................................................................ 32 B. Beranda ....................................................................................................................................................................... 33 C. Profil .............................................................................................................................................................................34 D. Kelas ...............................................................................................................................................................................34

Page 4: RAMADIANI MUHAMMAD LABIB JUNDILLAH

iv

Cara Membuat Kelas. ...................................................................................................................................................... 42

Membuat Tugas Kuis atau Ujian. ................................................................................................................................. 46

Membuat Skema Kelas. .................................................................................................................................................. 52

Memberi Nilai. ................................................................................................................................................................... 53

Page 5: RAMADIANI MUHAMMAD LABIB JUNDILLAH

v

Daftar Gambar

Gambar 1. Tampilan Login pada website admin E-Learning ................................................................................. 1

Gambar 2. Tampilan Login pada website admin E-Learning .............................................................................. 2

Gambar 3. Tampilan Dashboard Admin pada website E-learning ..................................................................... 3

Gambar 4. Tampilan Tambah Jurusan di Website admin E-Learning ............................................................... 4

Gambar 5. Tampilan Tambah Kelas Jurusan di Website admin E-Learning .................................................... 5

Gambar 6. Tampilan Tambah Kelas di Website admin E-Learning .................................................................... 6

Gambar 7. Tampilan Tambah Tahun di Website admin E-Learning ................................................................... 7

Gambar 8. Tampilan Tambah Tahun di Website admin E-Learning ................................................................... 8

Gambar 9. Tampilan Tambah Skema di Website admin E-learning ................................................................... 9

Gambar 10. Tampilan Tambah Poin Skema di Website admin E-learning ..................................................... 10

Gambar 11. Tampilan Tambah Guru di Website admin E-learning ..................................................................... 11

Gambar 12. Tampilan Tambah Siswa di Website admin E-learning ..................................................................12

Gambar 13. Tampilan Mutasi Data di Website admin E-learning .......................................................................13

Gambar 14. Tampilan Login pada website Dosen E-learning ............................................................................. 14

Gambar 15. Tampilan Dashboard Dosen E-learning ............................................................................................. 15

Gambar 16. Tampilan Profil Dosen E-learning ....................................................................................................... 15

Gambar 17. Tampilan Kelas pada website Dosen E-learning .............................................................................. 16

Gambar 18. Tampilan Tambah Kelas pada website Dosen E-learning ............................................................. 17

Gambar 19. Ketika Kelas K1 di Klik maka akan muncul tampilan dashboard K1 ......................................... 18

Gambar 20. Tampilan Kelas pada website Dosen E-learning ............................................................................ 18

Gambar 21. Tampilan Skema Kelas pada website Dosen E-learning .............................................................. 19

Gambar 22. Tampilan Menu Home pada website Dosen E-learning ................................................................. 19

Page 6: RAMADIANI MUHAMMAD LABIB JUNDILLAH

vi

Gambar 23. Tampilan Add file pada website Dosen E-learning........................................................................ 20

Gambar 24. Tampilan Absent dan Schedule pada website Dosen E-learning...............................................21

Gambar 25. Tampilan Tugas pada website Dosen E-learning ........................................................................... 22

Gambar 26. Tampilan Kuis atau Ujian pada Website Dosen E-learning .......................................................... 22

Gambar 27. Tampilan Menu Jenis Soal Kuis atau Ujian ...................................................................................... 23

Gambar 28. Contoh Tampilan soal Pilihan Ganda ................................................................................................. 23

Gambar 29. Contoh Tampilan soal Essay ................................................................................................................. 24

Gambar 30. Contoh Tampilan Mengatur Schedule .............................................................................................. 24

Gambar 31. Contoh Tampilan soal 1 Pilihan ganda ............................................................................................... 25

Gambar 32. Contoh Tampilan soal 2 Essay ............................................................................................................. 25

Gambar 33. Tampilan Tambah Materi Dan Silabus pada website Dosen ....................................................... 26

Gambar 34. Tampilan Permintaan Bergabung pada website Dosen E-Learning ......................................... 27

Gambar 35. Tampilan Pengguna Kelas pada website Dosen E-Learning ...................................................... 27

Gambar 36. Tampilan Hasil jawaban mahasiswa ................................................................................................. 28

Gambar 37. Tampilan Nilai Mahasiswa pada website Dosen E-Learning ...................................................... 29

Gambar 38. Tampilan Detail Nilai .............................................................................................................................. 29

Gambar 39. Tampilan Absen Mahasiswa pada website Dosen E-Learning ................................................... 30

Gambar 40. Tampilan Koreksi pada website Dosen E-Learning ....................................................................... 30

Gambar 41. Tampilan tambah manual cloud pada web dosen E-learning .....................................................31

Gambar 42. Tampilan Post Schedule pada website Dosen E-Learning .......................................................... 32

Gambar 43. Tampilan Kelas Arsip pada website Dosen E-Learning................................................................ 33

Gambar 44. Tampilan Login Siswa pada website Siswa E-Learning .............................................................. 33

Gambar 45. Dashboard Siswa Elearning ................................................................................................................. 34

Gambar 46. Tampilan Beranda pada website Siswa E-learning ...................................................................... 34

Page 7: RAMADIANI MUHAMMAD LABIB JUNDILLAH

vii

Gambar 47. Tampilan Deadline pada menu Beranda ........................................................................................... 35

Gambar 48. Tampilan Edit Profil di Website Siswa E-learning ......................................................................... 36

Gambar 49. Tampilan Kelas Yang di ikuti pada website Siswa E-Learning .................................................. 36

Gambar 50.Tampilan Home pada website Siswa E-Learning ............................................................................ 37

Gambar 51. Tampilan Silabus atau Materi pada website Siswa E-Learning ................................................. 37

Gambar 52. Tampilan Nilai pada website Siswa E-Learning ............................................................................. 38

Gambar 53. Tampilan Nilai Saya pada website Siswa E-Learning .................................................................. 38

Gambar 54. Tampilan Nilai Detail pada website Siswa E-Learning ................................................................ 39

Gambar 55. Tampilan Nilai pada website Admin E-Learning ............................................................................ 39

Gambar 56. Tampilan Tambah Nilai pada website Admin E-Learning ........................................................... 40

Gambar 57. Tampilan Kelas pada website Dosen E-Learning .......................................................................... 40

Gambar 58.Tampilan Tambah Kelas pada website Dosen E-Learning............................................................ 41

Gambar 59. Tampilan selesai membuat kelas ....................................................................................................... 41

Gambar 60. Tampilan Dashboard Kelas pada website Dosen E-Learning ..................................................... 42

Gambar 61. Tampilan Skema pada website Dosen E-Learning ......................................................................... 42

Gambar 62. Tampilan Membuat Tugas pada website Dosen E-Learning ....................................................... 43

Gambar 63. Tampilan Absent dan Schedule pada website Dosen E-Learning ............................................. 43

Gambar 64. Tampilan Pesan pada website Dosen E-Learning ......................................................................... 44

Gambar 65. Tampilan Tugas pada website Dosen E-Learning ......................................................................... 44

Gambar 66. Tampilan Kuis atau Ujian pada website Dosen E-Learning .........................................................45

Gambar 67. Tampilan Soal Pilihan Ganda pada website Dosen E-Learning .................................................45

Gambar 68. Tampilan Soal Essay pada website Dosen E-Learning ................................................................. 46

Gambar 69. Tampilan Soal Pilihan Ganda dan Essay pada website Dosen ................................................... 46

Gambar 70. Tampilan Waktu berakhirnya Tugas pada website Dosen ........................................................... 47

Page 8: RAMADIANI MUHAMMAD LABIB JUNDILLAH

viii

Gambar 71. Tampilan Tugas dari Dosen pada website Dosen E-Learning...................................................... 47

Gambar 72. Tampilan Schema Kelas pada website Admin E-Learning ..........................................................48

Gambar 73. Tampilan Skema pada website Dosen E-Learning ........................................................................ 49

Gambar 74. Tampilan Nilai Siswa pada website Dosen E-learning ................................................................. 49

Gambar 75. Tampilan Hasil Jawaban pada website Dosen E-learning .......................................................... 50

Page 9: RAMADIANI MUHAMMAD LABIB JUNDILLAH

1

Tampilan Awal E-learning

Sebelum login, Tampilan awal login seperti ini. Login dengan identitas masing-masing. Jika siswa

pilih login siswa sedangkan guru pilih login guru.

Gambar 1. Tampilan Login pada website admin E-Learning

Page 10: RAMADIANI MUHAMMAD LABIB JUNDILLAH

2

Tampilan dan Fungsi Admin

A. Login Admin

Sebelum bisa melakukan Login, admin telebih dahulu login untuk pengisian Email dan Password

dengan membuka link http://www.ramadiani.id/elearning/superadmin/login dengan mengisi form

yang disediakan.

Email : [email protected]

Password : elearning4949

Gambar 2. Tampilan Login pada website admin E-Learning

Gambar 3. Tampilan Dashboard Admin pada website E-learning

Page 11: RAMADIANI MUHAMMAD LABIB JUNDILLAH

3

Ketika anda berhasil Login maka tampilan Dashboard Admin Elearning akan seperti ini. Dibagian

Dashboard terdapat beberapa menu yaitu Data master, Data user, Mutasi Data.

B. Menambahkan Jurusan

Untuk menambahkan Data Jurusan, Klik menu Data Master>> Jurusan. Anda akan ditampilkan

seluruh Jurusan yang sudah terdaftar. lalu klik Tambah(+), lalu isi nama Jurusan, dan klik Simpan.

Jika ingin merubah data atau terdapat kesalahan maka bisa di ubah dengan Klik Edit di bagian

Action dan Simpan.

Gambar 4. Tampilan Tambah Jurusan di Website admin E-Learning

Page 12: RAMADIANI MUHAMMAD LABIB JUNDILLAH

4

C. Menambahkan Kelas Jurusan

Untuk melakukan penambahan data Kelas Jurusan, Klik menu Data Master>> Kelas Jurusan. Lalu

anda akan ditampilkan seluruh Kelas Jurusan yang sudah terdaftar, Jika ingin merubah data atau

terdapat kesalahan maka bisa di ubah dengan Klik Edit di bagian Action dan Simpan.

Gambar 5. Tampilan Tambah Kelas Jurusan di Website admin E-Learning

Page 13: RAMADIANI MUHAMMAD LABIB JUNDILLAH

5

D. Menambahkan Kelas

Untuk melakukan penambahan data Kelas, Klik menu Data Master>>Kelas. Anda akan

ditampilkan tabel Kelas yang sudah tersedia, jika ingin menambah Kelas klik Tambah(+) dan isi

form yang telah disediakan.

Gambar 6. Tampilan Tambah Kelas di Website admin E-Learning

Page 14: RAMADIANI MUHAMMAD LABIB JUNDILLAH

6

E. Menambahkan Tahun

Untuk melakukan penambahan Tahun, Klik menu Data Master>>Tahun. Anda akan ditampilkan

tabel Tahun yang sudah tersedia, jika ingin menambah Tahun klik Tambah(+) dan isi form yang

telah disediakan.

Gambar 7. Tampilan Tambah Tahun di Website admin E-Learning

Page 15: RAMADIANI MUHAMMAD LABIB JUNDILLAH

7

F. Menambahkan Data Angkatan

Untuk melakukan penambahan Data Angkatan, Klik menu Data Master>>Angkatan. Anda akan

ditampilkan tabel Data Angkatan yang sudah tersedia, jika ingin menambah Data Angkatan klik

Tambah(+) dan isi form yang telah disediakan.

Gambar 8. Tampilan Tambah Tahun di Website admin E-Learning

G. Menambahkan Schema Kelas

Schema Kelas digunakan untuk mengetahui data nilai yang diberikan oleh dosen kepada

mahasiswa dalam bentuk persenan.

Page 16: RAMADIANI MUHAMMAD LABIB JUNDILLAH

8

Contoh :

Ujian/Proyek Akhir Semester (50%)

Praktikum (10%)

Tugas (30%)

Afektif (10%)

Untuk melakukan penambahan Schema Kelas, Klik menu Data Master>>Schema Kelas. Anda

akan ditampilkan tabel Schema Kelas yang sudah tersedia, jika ingin menambah Data Schema

Kelas klik Tambah(+) dan isi form yang telah disediakan.

Gambar 9. Tampilan Tambah Skema di Website admin E-learning

Page 17: RAMADIANI MUHAMMAD LABIB JUNDILLAH

9

Gambar 10. Tampilan Tambah Poin Skema di Website admin E-learning

Page 18: RAMADIANI MUHAMMAD LABIB JUNDILLAH

10

H. Menambahkan Data Guru

Untuk melakukan penambahan Data Guru, Klik menu Data User>>Guru. Anda akan ditampilkan

tabel Guru yang sudah tersedia, jika ingin menambah Data Guru klik Tambah(+) dan isi form

yang telah disediakan.

Gambar 11. Tampilan Tambah Guru di Website admin E-learning

Page 19: RAMADIANI MUHAMMAD LABIB JUNDILLAH

11

I. Menambahkan Data Siswa

Untuk melakukan penambahan Data Siswa, Klik menu Data User>>Siswa. Anda akan ditampilkan

tabel Siswa yang sudah tersedia, jika ingin menambah Data Siswa klik Tambah(+) dan isi form

yang telah disediakan.

Gambar 12. Tampilan Tambah Siswa di Website admin E-learning

Page 20: RAMADIANI MUHAMMAD LABIB JUNDILLAH

12

J. Mutasi Data

Mutasi Data merupakan menu yang bertujuan untuk memindahkan Data Dosen yang berisi kumpulan

data mahasiswa sebelumnya untuk di pindahkan ke dosen selanjutnya.

Gambar 13. Tampilan Mutasi Data di Website admin E-learning

Page 21: RAMADIANI MUHAMMAD LABIB JUNDILLAH

13

Tampilan dan Fungsi Dosen

A. Login Dosen atau Guru

Sebelum bisa melakukan Login, Dosen telebih dahulu login untuk pengisian Nip dan Password

dengan membuka link http://www.ramadiani.id/elearning/guru/login

Nip Dan Password bisa di dapatkan melalui Admin.

Gambar 14. Tampilan Login pada website Dosen E-learning

Page 22: RAMADIANI MUHAMMAD LABIB JUNDILLAH

14

Gambar 15. Tampilan Dashboard Dosen E-learning

Ketika anda berhasil Login maka tampilan Dashboard Dosen Elearning akan seperti ini. Dibagian

Dashboard terdapat beberapa menu yaitu Profil, Kelas, Cloud, Post Scheduled, Kelas arsip.

B. Profil

Untuk Mengubah Profil, Klik Profil, Anda akan langsung ditampilkan Data Profil . Jika ingin

mengubah data profil Klik Edit, lalu isi dan jika sudah klik Update.

Gambar 16. Tampilan Profil Dosen E-learning

Page 23: RAMADIANI MUHAMMAD LABIB JUNDILLAH

15

C. Kelas

Untuk menambahkan kelas, Klik Kelas, Anda akan langsung ditampilkan Tabel Kelas. Jika ingin

Menambahkan Kelas Klik Tambah, lalu isi dan jika sudah klik Simpan.

Gambar 17. Tampilan Kelas pada website Dosen E-learning

Page 24: RAMADIANI MUHAMMAD LABIB JUNDILLAH

16

Gambar 18. Tampilan Tambah Kelas pada website Dosen E-learning

Jika sudah mengisi data kelas yang di inginkan maka otomatis muncul tampilan seperti di bawah

ini.

Page 25: RAMADIANI MUHAMMAD LABIB JUNDILLAH

17

Gambar 19. Ketika Kelas K1 di Klik maka akan muncul tampilan dashboard K1

Gambar 20. Tampilan Kelas pada website Dosen E-learning

Ketika telah selesai membuat Kelas kita harus memilih Skema Kelas yang kita butuhkan. Pilih menu

Settings lalu pilih Skema yang kita butuhkan jika sesuai klik Gunakan.

Page 26: RAMADIANI MUHAMMAD LABIB JUNDILLAH

18

Gambar 21. Tampilan Skema Kelas pada website Dosen E-learning

Kelas >> Home

Gambar 22. Tampilan Menu Home pada website Dosen E-learning

Kegunaan Menu Add File untuk menambahkan dokumen yang di butuhkan.

Page 27: RAMADIANI MUHAMMAD LABIB JUNDILLAH

19

Gambar 23. Tampilan Add file pada website Dosen E-learning

Kegunaan menu Absen digunakan untuk melihat daftar hadir mahasiswa dan Menu Schedule di

gunakan untuk mengatur waktu absensi.

Gambar 24. Tampilan Absent dan Schedule pada website Dosen E-learning

Kelas >> Home

Page 28: RAMADIANI MUHAMMAD LABIB JUNDILLAH

20

Tugas

Menu tugas digunakan untuk memberikan mahasiswa tugas maupun materi. Di menu ini bisa di atur

juga tenggat pengumpulan tugas dan absensi mahasiswa.

Gambar 25. Tampilan Tugas pada website Dosen E-learning

Kelas >> Home

Page 29: RAMADIANI MUHAMMAD LABIB JUNDILLAH

21

Kuis atau Ujian

Gambar 26. Tampilan Kuis atau Ujian pada Website Dosen E-learning

Untuk Kuis Atau Ujian kita bisa menentukan jumlah menit dan memilih Jenis soal.

Gambar 27. Tampilan Menu Jenis Soal Kuis atau Ujian

Menu pilihan Ganda

Page 30: RAMADIANI MUHAMMAD LABIB JUNDILLAH

22

Gambar 28. Contoh Tampilan soal Pilihan Ganda

Menu essay

Page 31: RAMADIANI MUHAMMAD LABIB JUNDILLAH

23

Gambar 29. Contoh Tampilan soal Essay

Gambar 30. Contoh Tampilan Mengatur Schedule

Menu pilihan ganda dan essay

Page 32: RAMADIANI MUHAMMAD LABIB JUNDILLAH

24

Gambar 31. Contoh Tampilan soal 1 Pilihan ganda

Gambar 32. Contoh Tampilan soal 2 Essay

Kelas >> Materi dan Silabus

Page 33: RAMADIANI MUHAMMAD LABIB JUNDILLAH

25

Gambar 33. Tampilan Tambah Materi Dan Silabus pada website Dosen

Kelas >> Permintaan bergabung

Page 34: RAMADIANI MUHAMMAD LABIB JUNDILLAH

26

Digunakan Ketika kelasnya bersifat private.

Gambar 34. Tampilan Permintaan Bergabung pada website Dosen E-Learning

Kelas >> Pengguna Kelas

Gambar 35. Tampilan Pengguna Kelas pada website Dosen E-Learning

Kelas >> Koreksi Pengerjaan

Page 35: RAMADIANI MUHAMMAD LABIB JUNDILLAH

27

Untuk melihat tugas mahasiswa yang ingin di beri nilai klik tombol ( ) lalu klik Detail dan akan

muncul hasil jawaban yang telah dikirim oleh mahasiswa.

Gambar 36. Tampilan Hasil jawaban mahasiswa

Kelas >> Nilai Mahasiswa

Page 36: RAMADIANI MUHAMMAD LABIB JUNDILLAH

28

Klik detail jika ingin melihat detail nilai Mahasiswa.

Gambar 37. Tampilan Nilai Mahasiswa pada website Dosen E-Learning

Gambar 38. Tampilan Detail Nilai

Kelas >> Absen Mahasiswa

Page 37: RAMADIANI MUHAMMAD LABIB JUNDILLAH

29

Klik detail jika ingin melihat detail Absen Mahasiswa.

Gambar 39. Tampilan Absen Mahasiswa pada website Dosen E-Learning

Kelas >> Koreksi

Gambar 40. Tampilan Koreksi pada website Dosen E-Learning

Page 38: RAMADIANI MUHAMMAD LABIB JUNDILLAH

30

D. Cloud

Menu Tampilan Cloud merupakan Penyimpanan file yang berguna untuk menyimpan hasil file yang

telah di unggah oleh Dosen.

Klik Cloud, Anda akan langsung ditampilkan Data Cloud . Jika ingin menambahkan data Klik tambah,

lalu isi dan jika sudah klik Simpan.

Gambar 41. Tampilan tambah manual cloud pada web dosen E-learning

Page 39: RAMADIANI MUHAMMAD LABIB JUNDILLAH

31

E. Post Schedule

Menu Tampilan Post Schedule merupakan Kumpulan dari hasil yang menggunakan mode Schedule,

contoh seperti tugas,absen,quiz, dan lain-lain.

Klik Post Schedule, Anda akan langsung ditampilkan Data Post Schedule. Jika ingin merubah

tanggal Schedule Klik Edit, lalu isi dan jika sudah klik Update.

Gambar 42. Tampilan Post Schedule pada website Dosen E-Learning

F. Kelas Arsip

Menu Tampilan Kelas arsip merupakan kelas yang di arsipkan atau tidak di gunakan.

Klik Kelas Arsip, Anda akan langsung ditampilkan Kelas Arsip. Jika ingin mengembalikan kelas Klik

icon pada kelas lalu pilih opsi yang pertama.

Gambar 43. Tampilan Kelas Arsip pada website Dosen E-Learning

Page 40: RAMADIANI MUHAMMAD LABIB JUNDILLAH

32

Tampilan dan Fungsi Siswa

Login Siswa

Sebelum bisa melakukan Login, Siswa telebih dahulu login untuk pengisian Nim dan Password

dengan membuka link http://www.ramadiani.id/elearning/siswa/login

Nim Dan Password bisa di dapatkan melalui Admin.

Gambar 44. Tampilan Login Siswa pada website Siswa E-Learning

Gambar 45. Dashboard Siswa Elearning

Page 41: RAMADIANI MUHAMMAD LABIB JUNDILLAH

33

Ketika anda berhasil Login maka tampilan Dashboard Siswa Elearning akan seperti ini. Dibagian

Dashboard terdapat beberapa menu yaitu Beranda, Profil, Kelas.

A. Beranda

Tampilan beranda digunakan untuk melihat update tugas, quiz dan absensi. Di beranda juga

menampilkan menu kelas yang diikuti.

Gambar 46. Tampilan Beranda pada website Siswa E-learning

Gambar 47. Tampilan Deadline pada menu Beranda

Page 42: RAMADIANI MUHAMMAD LABIB JUNDILLAH

34

B. Profil

Untuk Mengubah Profil, Klik Profil, Anda akan langsung ditampilkan Data Profil . Jika ingin

mengubah data profil Klik Edit, lalu isi dan jika sudah klik Update.

Gambar 48. Tampilan Edit Profil di Website Siswa E-learning

C. Kelas

Untuk Menambahkan Kelas, Klik Kelas, lalu isi kolom dengan kode yang sudah di berikan oleh dosen

lalu Klik cari. Jika sudah menemukan kelas, Klik Kirim Permintaan.

Page 43: RAMADIANI MUHAMMAD LABIB JUNDILLAH

35

Gambar 49. Tampilan Kelas Yang di ikuti pada website Siswa E-Learning

Kelas >> Home

Untuk melihat tugas atau mengerjakan tugas sesuai dengan kelasnya.

Gambar 50.Tampilan Home pada website Siswa E-Learning

Page 44: RAMADIANI MUHAMMAD LABIB JUNDILLAH

36

Kelas >> Silabus atau Materi

Untuk melihat materi dari dosen.

Gambar 51. Tampilan Silabus atau Materi pada website Siswa E-Learning

Kelas >> Nilai

Gambar 52. Tampilan Nilai pada website Siswa E-Learning

Kelas >> Nilai Saya

Page 45: RAMADIANI MUHAMMAD LABIB JUNDILLAH

37

Nilai akhir yang telah di berikan oleh dosen

Gambar 53. Tampilan Nilai Saya pada website Siswa E-Learning

Gambar 54. Tampilan Nilai Detail pada website Siswa E-Learning

Cara membuat Kelas

Langkah 1

Dosen harus terdaftar di Web Admin jika belum terdaftar, Admin akan mendaftarkan dengan Klik

Tambah(+) Lalu isi dengan format data yang sesuai dengan dosen.

Page 46: RAMADIANI MUHAMMAD LABIB JUNDILLAH

38

Gambar 55. Tampilan Nilai pada website Admin E-Learning

Gambar 56. Tampilan Tambah Nilai pada website Admin E-Learning

Langkah 2

Jika sudah terdaftar lalu Login, dan masuk ke menu Kelas untuk menambahkan kelas Klik

Tambah(+) lalu isi (+) form yang telah disediakan.

Page 47: RAMADIANI MUHAMMAD LABIB JUNDILLAH

39

Gambar 57. Tampilan Kelas pada website Dosen E-Learning

Page 48: RAMADIANI MUHAMMAD LABIB JUNDILLAH

40

Gambar 58.Tampilan Tambah Kelas pada website Dosen E-Learning

Berikut tampilan jika selesai membuat kelas.

Gambar 59. Tampilan selesai membuat kelas

Page 49: RAMADIANI MUHAMMAD LABIB JUNDILLAH

41

Membuat Tugas, Kuis atau Ujian

Langkah 1

Klik Kelas yang sudah kita buat lalu akan muncul tampilan seperti ini. Jika baru membuat kelas kita

harus menentukan skema kelas nya dengan ke menu Settings lalu pilih Skema yang kita inginkan.

Gambar 60. Tampilan Dashboard Kelas pada website Dosen E-Learning

Gambar 61. Tampilan Skema pada website Dosen E-Learning

Langkah 2

Page 50: RAMADIANI MUHAMMAD LABIB JUNDILLAH

42

Lalu ke menu Home untuk menambahkan Pesan, Tugas, Kuis/Ujian dan lain-lain.

Add File : digunakan untuk menambahkan dokumen yang di butuhkan.

Drive : digunakan untuk mengambil file yang tersimpan sebelumnya.

Absent : digunakan untuk membuat Absent.

Schedule : digunakan untuk mengatur waktu yang kita mau.

Gambar 62. Tampilan Membuat Tugas pada website Dosen E-Learning

Gambar 63. Tampilan Absent dan Schedule pada website Dosen E-Learning

Langkah 3

Page 51: RAMADIANI MUHAMMAD LABIB JUNDILLAH

43

Pesan

Untuk memberikan catatan atau pesan kepada mahasiswa.

Gambar 64. Tampilan Pesan pada website Dosen E-Learning

Tugas

Menu tugas digunakan untuk memberikan mahasiswa tugas maupun materi. Di menu ini bisa di atur

juga tenggat pengumpulan tugas dan absensi mahasiswa.

Gambar 65. Tampilan Tugas pada website Dosen E-Learning

Kuis atau Ujian

Page 52: RAMADIANI MUHAMMAD LABIB JUNDILLAH

44

Gambar 66. Tampilan Kuis atau Ujian pada website Dosen E-Learning

Gambar 67. Tampilan Soal Pilihan Ganda pada website Dosen E-Learning

Page 53: RAMADIANI MUHAMMAD LABIB JUNDILLAH

45

Gambar 68. Tampilan Soal Essay pada website Dosen E-Learning

Gambar 69. Tampilan Soal Pilihan Ganda dan Essay pada website Dosen

Page 54: RAMADIANI MUHAMMAD LABIB JUNDILLAH

46

Langkah 4

Jika sudah membuat tugas, Kuis atau ujian lalu kita menentukan tanggal dan jam berakhirnya tugas

tersebut.

Gambar 70. Tampilan Waktu berakhirnya Tugas pada website Dosen

Langkah 5

Berikut tampilan tugas yang sudah kita buat

(telah ikut 1) : artinya yang sudah mengerjakan.

Gambar 71. Tampilan Tugas dari Dosen pada website Dosen E-Learning

Page 55: RAMADIANI MUHAMMAD LABIB JUNDILLAH

47

Membuat Skema Kelas

Langkah 1

Untuk membuat Skema Kelas yang di inginkan, harus melapor ke Admin

Contoh : Skema XIII

Ujian/Proyek Akhir Semester (50%)

Praktikum (10%)

Tugas (30%)

Afektif (10%)

Gambar 72. Tampilan Schema Kelas pada website Admin E-Learning

Jika admin sudah membuat Skema yang kita inginkan lalu ke menu Kelas >> Settings dan pilih Skema

yang kita inginkan tadi.

Page 56: RAMADIANI MUHAMMAD LABIB JUNDILLAH

48

Gambar 73. Tampilan Skema pada website Dosen E-Learning

Memberi Nilai

Langkah 1

Kelas >> Koreksi Pengerjaan

Untuk melihat tugas mahasiswa yang ingin di beri nilai klik tombol ( ). Dan kita jga bisa memberi nilai

afektif dengan mengisi action.

Gambar 74. Tampilan Nilai Siswa pada website Dosen E-learning

Page 57: RAMADIANI MUHAMMAD LABIB JUNDILLAH

49

Langkah 2

lalu klik Detail dan akan muncul hasil jawaban yang telah diirim oleh mahasiswa

Gambar 75. Tampilan Hasil Jawaban pada website Dosen E-learning

Page 58: RAMADIANI MUHAMMAD LABIB JUNDILLAH

50

CURRICULUM VITAE AUTHOR

Ramadiani, S.Pd., M.Si., M.Kom., Ph.D.

Born in Palembang on November 1, 1972. Work as a Lecturer at

Computer Science department in the Faculty of Computer Science

and Information Technology (FKTI) Mulawarman University.

E-mail: [email protected]

[email protected]

Ramadiani received her PhD in Computer Science and Information

System from University Putra Malaysia in 2015. She graduated from Indonesia University in 2000 and

graduated from Gadjah Mada University in 2005 for her Computer Master. She currently works at the

Department of Computer Science in Computer Science and Information System Faculty, Mulawarman

University since December 2001 until now. Ramadiani does her research in software engineering, data

mining, decision support system, online learning, information systems, SEM, and human-computer

interaction. Her current project is 'e-Learning, Forecasting and Decision Support System'.

Scopus ID: 57160272300

SINTA ID: 5974501

Google Scholar ID: 9XnXoJgAAAAJ&hl

http://orcid.org/0000-0003-1564-2260

https://publons.com/researcher/1494079/ramadiani/metrics/

https://www.researchgate.net/profile/Ramadiani_Ramadiani