ELEARNING CENTER
Puji syukur kepada Allah SWT yang telah mencurahkan hidayah dan
pertolongan-Nya sehingga buku petunjuk penggunaan Aplikasi elearning
center ini dapat tersusun dengan harapan kita semua.
i
Daftar ISI
Halaman Judul
Kata Pengantar...............................................................................i
Daftar Isi........................................................................................ii
I. Pendahuluan ................................................................................. iii
II. Mengakses Elearning
2.1. Halam Awal Akses Elearning................................................. 1
2.2. Halaman Login....................................................................... 2
2.3. Laman Depan Administrator.................................................. 4
2.4. Halaman Guru......................................................................... 6
2.5. Halaman Siswa....................................................................... 8
2.6. Pengaturan Profile................................................................... 10
III. Pengelolaan Administrator
3.1. Mengatur Thema Elearning.................................................... 10
3.2. Pengaturan Pengguna.............................................................. 12
3.3. Pengaturan Autentikasi........................................................... 15
3.4. Pengaturan Peran User............................................................ 23
3.5. Membuat Kategori Kursus / Pembelajaran............................. 27
IV. Pengelolaan Guru
4.1. Membuat Mata Pelajaran........................................................ 29
4.2. Pengaturan Enrolman Mapel.................................................. 33
DAFTAR PUSTAKA
ii
ii
I. Pendahuluan
Gambar 1
Keterangan Gambar 1 dan 2:
Pada nomor 1 merupakan url
https://elearning.smpn1ranahpesisir.sch.id
Pada nomor 2 merupakan menu pilihan bahasa
Pada nomor 3 merupakan menu masuk ke dhasboard user masing-masing
elearning center
Pada nomor 4 merupakan menu Home untuk kembali ke halaman utama
Pada nomor 5 merupakan slider pada halaman utama
Gambar 2
Keterangan Gambar 2 :
Pada nomor 1 video pengenalan elearning center
Pada nomor 2 Pengenalan elearning center
II.2Halaman Login
Pada saat akan mengakses halaman login elearning center, pengguna bisa
mengklik menu nomor 3 pada gambar 1 atau langsung mengakses halaman
login. Seperti yang terlihat pada gambar 3 pada kotak nomor 1 alamat akses
untuk login yang muncul di address bar yaitu :
https://elearning.smpn1ranahpesisir.sch.id/login/index.php
Gambar 3
Keterangan Gambar 3 :
Gambar 4
Keterangan Gambar 4 :
Blok nomor 6 gambar 4 terdapat cara login ke media elearning center
seperti di bawah ini:
Gambar 5
Keterangan Gambar 5 :
Blok nomor 1 profil user dan menu untuk masuk mengatur profil user
sendiri
Blok nomor 2 pemberitahuan apa bila ada message masuk
Blok nomor 3 pemberitahuan notifikasi dari sistem
Blok nomor 4 menu home untuk kembali ke halaman home
dhasboard administrator
Blok nomor 5 menu untuk mengedit blok-blok pada halaman
dhasboard administrator
Blok nomor 6 data kategori kursus atau pembelajaran yang dibuat
administrator
Blok nomor 7 data pembelajaran yang dimulai
Blok nomor 8 menu navigasi untuk pengaturan lebih lanjut
Blok nomor 9 logo elearning center
Gambar 6
Keterangan gambar 6 :
Blok nomor 1 navigasi untuk kembali ke halaman utama dan melihat
halaman kategori kursus atau pembelajaran yang tersedia
Blok nomor 2 Blok kursus yang baru-baru ini diakses, ditampilkan
secara default di Dashboard menampilkan kursus yang baru-baru ini
diakses oleh pengguna terdaftar. Blok dapat diposisikan di tengah,
seperti di tangkapan layar, atau di satu sisi.
Blok nomor 3 Blok Timeline memberikan ikhtisar tenggat waktu
dalam pembelajaran.
Blok nomor 4 Blok pengguna online yang menampilkan user sedang
online
Blok nomor 5 blok tinjauan kursus memungkinkan untuk memeriksa
kemajuan kursus
Gambar 7
https://elearning.smpn1ranahpesisir.sch.id Zukri Nur Mustapa.S.Pd
ix
Keterangan Gambar 7 :
Blok nomor 1 blok pencapaian yang didapat seperti lencana award
Blok nomor 2 blok kalender
Blok nomor 3 Blok tentang acara yang akan datang
Gambar 8
Keterangan Gambar 8 :
Blok nomor 1 profil user untuk masuk mengatur profil user sendiri
Blok nomor 2 pemberitahuan apa bila ada message masuk
Blok nomor 3 pemberitahuan notifikasi dari sistem
Blok nomor 4 menu home untuk kembali ke halaman home
dhasboard guru
Blok nomor 5 menampilkan user yang sedeang aktif
Blok nomor 6 menu untuk mengedit blok – blok untu dhasboard guru
Blok nomor 7 Blok timeline memberikan ikhtisar tenggat waktu
Gambar 9
Keterangan Gambar 9 :
kemajuan kursus
Gambar 9
Keterangan Gambar 9 :
Blok nomor 1 blok yang menampilkan pengguna yang sedang online
Blok nomor 2 kalender yang ada notifikasi tentang pembelajaran
Blok nomor 3 blok tinjauan kursus memungkinkan untuk memeriksa
kemajuan kursus
Gambar 10
Keterangan Gambar 10 :
Blok nomor 1 Pada blok kalender ada muncul pemberitahuan
Gambar 11
Keterangan Gambar 11 :
Blok nomor 1 profil user untuk masuk mengatur profil user sendiri
Blok nomor 2 pemberitahuan apa bila ada message masuk
Blok nomor 3 pemberitahuan notifikasi dari sistem
Blok nomor 4 menu home untuk kembali ke halaman home dhasboard
siswa
Blok nomor 5 menu untuk mengedit blok – blok untu dhasboard siswa
Blok nomor 6 menampilkan info lengkap user yang login dan ada chat
langsung dengan pengguna lain
Blok nomor 7 Blok timeline memberikan ikhtisar tenggat waktu
Gambar 12
Keterangan Gambar 12 :
Blok nomor 1 blok yang mengatur file user secara pribadi
Blok nomor 2 blok pencapaian yang didapat seperti lencana award
Blok nomor 3 blok tinjauan kursus memungkinkan untuk memeriksa
kemajuan kursus
Blok nomor 4 blok tinjauan persentase kemajuan kursus
Blok nomor 5 blok yang menampilkan pengguna yang sedang online
Gambar 13
Keterangan Gambar 13 :
Blok nomor 1 blok kalender yang menampilkan tanggal sebuah
proses pembelajaran aktif
Blok nomor 2 blok yang menampilkan acara yang akan datang
Blok nomor 3 menu yang akan menampilkan kursus/pembelajaran
yang sedang diikuti
Blok nomor 4 menu menampilkan inisial kurus/pembelajaran yang
diikuti
II.6Pengaturan Profile
Gambar 14
Keterangan Gambar 14 :
Blok nomor 1 menu mengubah profil
Blok nomor 2 menu untuk menampilkan nilai – nilai
Blok nomor 3 menu untuk menampilkan pesan chat
Blok nomor 4 menu untuk menampilkan data profil user termasuk untuk
merubah password
Blok nomor 5 menu untuk keluar dari elearning center
Gambar 15
Gambar 16
Gambar 17
Gambar 18
b. Selanjutnya klik tulisan Pengguna seperti pada kotak nomor 2 pada
gambar 18 di atas
d.
Gambar 19
Keterangan Gambar 19:
Blok nomor 4 merupakan form untuk menambahkan user oleh
administrator. Menginputkan Nama Pengguna, Metode Autentikasi
Manual, Password, Nama Depan, Nama Akhir, Alamat Email.
Gambar 20
Keterangan Gambar 20 :
Blok nomor 5 merupakan lanjutan form dari blok nomor 4 pada
gambar 19. Mengatur email apakah akan di tampilkan, menginput
kota asal, memilih negara asal, mengatur zona waktu, bahasa yang
digunakan, kemudia melengkapi keterangan.
Gambar 21
Keterangan Gambar 21 :
Blok nomor 6 pada gambar 21 meupakan form lanjutan dari blok 5
gambar 20, form ini untuk mengupload foto user.
Blok nomor 7 pada gambar 21 form untuk melakukan draq foto user
dan akan otomatis terupload pada sistem
Gambar 22
Keterangan Gambar 22 :
Blok nomor 8 merupakan tombol untuk menambah pengguna baru,
jika form dari gambar 19 sampai gambar 22 diisi dengan benar
Gambar 23
Keterangan Gambar 23 :
Klik blok nomor 1 menu Administrator Situs, maka akan muncul
menu administrasi situs.
Gambar 24
Keterangan Gambar 24 :
Pada blok Otentikasi nomor 1 klik pengaturan otentikasi pada nomor
2. Maka selanjutnya akan tampil seperti gambar 25 dibawah
Gambar 25
Keterangan Gambar 25 :
Pada blok nomor 1 menu gunakan database ekternal perhatikan
gambar mata harus dalam kondisi aktif. Dengan tanda gambar mata
berwarna hijau. Jika tidak aktif maka mata berwarna abu – abu.
Selanjutnya klik blok nomor 2 pada menu pengaturan maka akan
muncul menu seperti gambar 26 dibawah
Gambar 26
Keterangan Gambar 26 :
Pada blok nomor 1 merupakan tampilan form pengaturan koneksi ke
database eksternal yaitu ip database yang akan dituju .Silahkan
disesuikan dengan setingan database ekternal yang akan dihubungkan
Adapun bentuk form input user database ekternal data tabel yang akan
di gunakan untuk maping user seperti pada gambar 27 dibawah
Gambar 27
Keterangan Gambar 27 :
Pada blok nomor 1 terdapat form isian untuk koneksi ke database
ekternal. Yaitu : Dbuser, Password, Table, Username Field dan
Password Field. Semua form tersebut harus disesuikan dengan kondisi
Gambar 28
Gambar 29
Keterangan Gambar 29 :
Klik blok nomor 1 menu Administrasi Situs, setelah muncul menu
administrasi situs.
Klik blok nomor 2 menu Plugins, selanjunya perhatikan gambar 30
dibawah.
Gambar 30
Keterangan Gambar 30 :
Perhatikan blok nomor 1 yaitu blok otentikasi lihat pada nomor 2 klik
pengaturan autentikasi, selanjuntnya perhatikan gambar 31
Gambar 31
Keterangan Gambar 31 :
Perhatikan blok nomor 1, menu Oauth2 gambar mata harus dalam
kondisi ON. Atau berwana hijau bukan warna abu – abu, jika masih
berwarna abu – abu klik gambar mata tersebut agar berubah menjadi
warna hijau dan menjadi ON.selanjutnya perhatikan Gambar 32
dibawah.
Gambar 32
Keterangan Gambar 32 :
Klik menu Administrasi Situs Pada blok nomor 1, maka akan muncul
menu Administrasi situs.
Selanjutnya pilih dan klik Tab Server pada blok nomor 2,selanjutnya
Klik menu Oauth 2 Services pada blok nomor 3. Selanjuntya akan
muncul blok menu Oauth 2 Services perhatikan gambar 33 dibawah.
Gambar 33
Keterangan Gambar 33 :
Blok nomor 1 merupakan blok menu Oauth 2 Services
Blok nomor 2 merupakan jenis Oauth 2 Services yang bisa di buat
Google Service
Facebook Service
Microsoft Service
Nexcloud Service
Atau Costum Service yang di buat sendiri
Selanjutnya klik Create New Facebook Service pada nomor 3 kerna
kita akan membuat login menggunakan facebook. Selanjutnya
perhatikan gambar 34 dibawah
Gambar 34
Keterangan Gambar 34 :
Setelah diklik New Facebook Service maka akan muncul form
seperti gambar di atas.
Selanjutnya silahkan diisi Form Name yaitu Facebook, Clien ID diisi
dengan client ID yang dibuat administrator saat pada facebook
development app
Selanjutnya untuk Client Secret diisi dengan secret key yang didapat
saat membuat di app development facebook. Selanjut nya scrool
terus kebawah untuk menyimpan seperti pada gambar 35 dibawah
Gambar 35
Keterangan Gambar 35 :
Setelah muncul seperti blok nomor 1 diatas selanjutnya ceklis Show
On Login Page,
Klik Save Changes, maka akan muncul seperti gambar 36 dibawah
Gambar 36
Keterangan Gambar 36 :
Pada blok nomor 1 sudah muncul Oauth 2 Service yang di daftarkan,
maka secara otomatis pada halaman login elearning center akan
muncul tombol login menggunakan facebook.seperti pada gambar 37
dibawah
Gambar 37
Keterangan Gambar 37:
Tombol menu login dengan facebook sudah muncul pada halaman
login elearning center
Gambar 38
Keterangan Gambar 38 :
Klik menu Administrator situs pada blok nomor 1 akan muncul menu
administrasi situs seperti pada gambar di atas
Kemudian klik menu Pengguna pada blok nomor 2 dan akan muncul
menu blok pengguna
Selanjutnya klik blok nomor 3 maka akan muncul menu menerapkan
peranan sistem seperti pada gambar 39 dibawah
Gambar 39
Keterangan Gambar 39 :
Gambar 40
Keterangan Gambar 40 :
Selanjutnya klik nama user yang akan dijadikan sebagai Wakil
Kurikulum seperti pada blok nomor 1.
Kemudian klik menu tambah seperti pada blok nomor 2 maka nama
user tersebut akan pindah ke kiri seperti pada gambar 41 dibawah
Gambar 41
Keterangan Gambar 41 :
Gambar 42
Keterangan Gambar 42 :
Selajutnya dipilih Pembuat Mapel seperti blok nomor 1
Kemudian dipilih user seperti menetapakan wakil kurikulum di atas
makan user tersebut akan pindah ke posisi kiri seperti gambar 43
dibawah
Gambar 43
Keterangan Gambar 43 :
Gambar 43
Keterangan Gambar 43 :
Pada blok nomor 1 dengan memonitor hasil penerapan tadi sudah
terdapat 1 user sebagai wakil kurikulum dan 1 user sebagai Pembuat
Mapel
Gambar 45
Keterangan Gambar 45 :
Untuk memulai membuat kategori kursus klik menu Administrasi
Situs seperti pada blok nomor 1 maka akan muncul menu
administrasi situs .
Selanjutnya klik kursus pada blok nomor 2 makan akan muncul
menu menagament kursus.
Kemudian klik tambah kursus seperti pada blok nomor 3 maka akan
muncul menu kursus dan manajemen kategori seperti pada gambar
45 dibawah
Gambar 46
Keterangan Gambar 46 :
Pada menu kursus dan manajemen kategori seperti pada blok nomor 1
klik buat kategori baru seperti pada blok nomor 2 diatas maka akan
muncul form isian untuk membuat kategori kursus yang diinginkan
seperti isian pada gambar 46 dibawah
Gambar 47
Keterangan Gambar 47 :
Setelah isian pada form pembuatan kategori kursus diisi selanjutnya
klik simpan perubahan maka data kategori akan tersimpan pada
sistem. Seperti pada gambar 48 dibawah
Gambar 48
Keteragan Gambar 48 :
Data kategori kursus berhasil ditambahkan
Gambar 49
Keterangan Gambar 49:
Terlebih dahulu login guru utama ke elearning center
https://elearning.smpn1ranahpesisir.sch.id Zukri Nur Mustapa.S.Pd
xxxiii
Gambar 50
Keterangan Gambar 50 :
Pada blok nomor 1 merupakan data kategori kursus yang sudah
dibuat oleh administrator atau wakil kurikulum
Pilih salah satu kategori maka perhatikan pada atas blok nomor 2
akan muncul kategori yang akan dibuatkan kursusnya
Kemudian klik Buat kursus baru maka akan muncul form seperti
gambar 51 dibawah
Gambar 51
Gambar 52
Keterangan Gambar 52 :
Merupakan form pengaturan tanggal berapa kursus / matapelajaran
akan berakhir
Gambar 53
Keterangan Gambar 53 :
Pada blok nomor 1 merupakan form keterangan tentang kursus yang
akan dibuat
Gambar 54
Keterangan Gambar 54 :
Pada blok nomor 1 merupakan format kursus atau mata pelajaran
yang akan dibuat baik itu berbentuk topik atau mingguan yang di
munculkan
Pada blok nomor 2 merupakan format tampilan, apakah dilakukan
pemaksaan translate bahasa, pengumuman, laporan dan peringkat
siswa
Gambar 55
Keterangan Gambar 55 :
Pada blok nomor 1 berkas dan unggahan merupakan batas settingan
untuk upload data ke elarning center
Pada blok nomor 2 merupakan menu untuk aktivasi traking kegiatan
pada setiap aktivitas yang dilakukan pada kursus atau matapelajaran
Pada blok nomor 3 merupakan settingan untuk mengatur kursus yang
diperbolehkan untuk grup
Pada blok nomor 4 merupakan tombol untuk menyimpan settingan
yang kita buat.
Gambar 56
Keterangan Gambar 56 :
Blok nomor 1 merupakan hasil dari settingan disaat membuat kursus
baru
IV.2 Pengaturan Pendaftaran siswa mandiri
Dalam mengatur proses memasukan siswa kedalam kelas pembelajaran
virtual. Apabila dilakukan satu persatu oleh guru untuk menggabungkan
siswa tersebut tentu akan sangat merepotkan. Maka untuk mengantisipasi
tersebut sangat tepat digunakan pendaftaran mandiri menggunakan kode
tertentu yang dibuatkan guru. Dan kode tersebut bisa di atur kapan aktifnya
dan berapa lama aktifnya. Berikut langkah – langkah pengaturannya :
Klik salah satu mapel yang diampu oleh guru yang akan melakukan
pengaturan pada menu blok nomor 1 pada gambar 57 dibawah
Gambar 57
Selanjutnya klik menu seperti pada gambar 58 dibawah maka akan
muncul menu pengaturan seperti ubah pengaturan.
Gambar 58
kemudian klik menu paling bawah yaitu lanjutan. Maka akan
muncul menu administrasi kursus seperti gambar 59 dibawah
Gambar 59
Gambar 60
Klik blok nomor 1 tambah metode akan muncul option pendaftaran
mandiri klik pendaftaran mandiri tersebut dan akan muncul form
pengaturan pendaftaran mandiri seperti gambar 61 dibawah
Gambar 61
Pada nama instance khusus isi dengan nama kode pendaftaran
kemudian buatkan kunci pendaftaran seperti pada blok nomor 2. Lalu
klik tambahkan metode seperti pada gambar 62 dibawah. Kemudian
Gambar 62
DAFTAR PUSTAKA
Moodle Docs 3.7, https://docs.moodle.org/37/en/ Main_page