19 BAB III PERANCANGAN 1.1 Uraian Prosedur Pembelajaran Di

BAB III
PERANCANGAN
1.1 Uraian Prosedur Pembelajaran Di Kelas Saat Ini
3.1.1 Proses Pembelajaran Siswa Di Kelas
Pada gambar 3.1
dijelaskan suatu analisa yang menjelaskan tentang
proses jalannya aplikasi pada alur e-learning.
Rancangan sistem pembelajaran dikelas dimodelkan sebagai berikut :
Jadwal Belajar
Masuk Kelas
Tentor Menyampaikan Materi
Siswa Mendengarkan
Latihan/Tryout 1
Tugas
Tanya Jawab
Materi 1
Materi 2
Tanya Jawab
Tugas
Latihan/Tryout 2
Selesai
Ujian Akhir LBB
Gambar 3.1
Analisa Proses Pembelajaran
19
3.1.2
Package Diagram Sistem Usulan
Gambar 3.2 merupakan suatu blok diagram jalannya aplikasi.
Dijelaskan gambaran suatu menu yang akan ada pada e-learning.
Rancangan kebutuhan sistem digambarkan sebagai berikut :
E-learning
Bahan Ajar
Online
(Artikel
Materi)
Video
Pembelajara
n
Animasi
Pembelajara
n
G
Latihan Soal
Kelas
online
Maya/diskusi
online
ambar 3.2 Package Diagram Sistem Usulan
3.1.3
Use Case Diagram Sistem Usulan
Gambar 3.3 adalah proses jalan user menggunakan aplikasi.
Berrikut adalah Use Case Diagram Sistem Usulan Elearning.
Bahan Ajar Online
(Artikel Materi)
Video
Pembelajaran
Home
Animasi
Pembelajaran
Latihan Soal online
Kelas maya
(e-learning)
Login
Gambar 3.3
Use Case Diagram Sistem Usulan Sistem E-Learnig
20
3.1.4
Flowcart Sistem Usulan e-learning
Gambar 3.4 merupakan jalannya aplikasi pada sistem e-learning.
Berikut adalah rancangan jalannya suatu aplikasi pada e-learning.
Start
Menampilkan Halaman
Home
ya
Home
Pilih link yang
ada
Menampilkan
Bahan Ajar Online
(Artikel Materi)
ya
ya
Video
Pembelajaran
pilihan materi
Menampilkan
pilihan video
pembelajaran
Animasi
Pembelajaran
Latihan
Soal
ya
Menampilkan
Animasi
Pembelajaran
ya
Siswa latihan
soal
online
Kelas maya
(e-learning)
ya
Log in untuk
mengikuti kelas
obline
21
3.2
Cara Membuat Menu pada web e-learning.
3.2.1. Membuat Tambahan Menu Pos.
Pada gambar 3.5 terlihat bagaimana seorang admin (guru) dapat
membuat menu tambahan pos. Tahap awal, admin harus mempunyai account
blogger terlebih dahulu. Lalu masuk ke blog SMPN 8 Kediri, setelah itu admin
bisa menggunakan blogger ini untuk merancang web e-learning sesuai dengan
kebutuhan. Menu pos disini berupa seperti modul, kuis, atau pembelajaran lainnya
yang akan diberikan guru kepada siswanya.
Gambar 3.5
Membuat Tambahan Menu Pos
3.2.2. Membuat Tampilan Point-Point pada Web E-learning
Gambar 3.6 menjelaskan bagaimana seorang admin dapat membuat
atau menambahkan menu-menu baru pada web e-learning. Menu
22
disini merupakan menu suatu point-point apa saja yang akan
diberikan atau fasilitas apa saja yang dapat siswa gunakan pada
web e-learning.
Gambar 3.6 Tampilan Point-Point pada Web E-learning
3.2.3 Mengubah Template pada Web E-learning.
Gambar 3.7 dapat terlihat dimana seorang admin dapat mengubah
template pada web e-learning. Admin dapat mengatur font, size,
23
header dan segala pengaturan tampilannya dalam menu template
tersebut.
Gambar 3.7
Mengubah Template pada web
24