BAB IV

HASIL DAN PEMBAHASAN

4.1 Hasil Analisa Sistem

Aplikasi E-learning berbasis web ini dibangun melalui beberapa tahapan
diantaranya: identifikasi masalah, analisis sistem yag sedang berjalan, analisis
peryaratan fungsional, analisis persyaratan non-fungsional.
1. Identifikasi Masalah
Berdasarkan hasil observasi dan wawancara yang telah dilakukan
permasalahan terkait proses pembelajaran daring di SMK Darul Hikam Bantur
yaitu sebagai berikut:
a) Belum terdapat sarana atau media pembelajaran yang efektif dan efisien
guna melaksanakan pembelajaran secara daring.
b) Metode yang digunakan oleh para guru dinilai kurang menarik karena
sebagian besar hanya menggunakan whatsapp. Dimana hal tersebut dapat
menyebabkan terkurasnya ruang penyimpanan smartphone dengan cepat.
c) Kurangnya penguasaan teknologi di kalangan guru, terutama guru mata
pelajaran umum sehingga tidak dapat memanfaatkan teknologi layanan
daring seperti zoom atau google meet dengan maksimal.
2. Analisis Sistem Yang Sedang Berjalan
Tahapan ini menjelaskan proses pembelajaran daring di SMK Darul
Hikam Bantur yang sedang berjalan, dimana proses pembelajaran daring yang
dilakukan saat ini akan disajikan dalam bentuk diagran alir (flowchart) seperti
yang terdapat pada gambar dibawah ini.

Gambar 4.1. Flowchart sistem yang berjalan

3. Analisis Persyaratan Fungsional
Analisa kebutuhan fungsional merupakan kebutuhan yang mencakup
beberapa proses dan fasilitas yang disediakan oleh suatu sistem. Berdasarkan hasil
wawancara dan observasi yang telah dilakukan, aplikasi E-learning berbasis web
ini hanya menyediakan 2 (dua) entitas atau user yang dapat melakukan
manajemen terhadap aplikasi yaitu guru sebagai admin, dan siswa sebagai user.
4. Analisis Persyaratan Non-Fungsional
Kebutuhan non fungsional merupakan batasan dari fasilitas yang
disediakan oleh sistem dan dilengkapi dengan layanan keamanan. Batasan layanan
keamanan dari sistem ini yaitu dengan diadakannya menu login dengan akun
masing-masing sebagai authentication bagi pengguna sistem untuk mendapatkan
hak akses. Selain itu, sistem juga menggunakan enkripsi terhadap password setiap
user.

4.2 Perancangan Sistem

Perancangan sistem berguna untuk mengetahui dan menjelaskan alur dari
sistem aplikasi yang dibuat. Perancanga ini meliputi Perancangan Use Case,
Entity Relationship Diagram (ERD), Data Flow Diagram (DFD), dan
perancangan basis data (Database).
4.2.1 Perancangan Use Case
Use case diagram adalah satu diagram UML (Unified Modelling
Language) yang menggambarkan hubungan interaksi antara sistem dan
aktor. Use Case dapat mendeskripsikan tipe interaksi antara si pengguna sistem
dengan sistemnya. Use case yang ditunjukkan oleh Gambar4.2 menunjukkan
gambaran singkat tentang perngelolaan yang dapat dilakukan guru (admin), dan
siswa (user) yaitu sebagai berikut:
1. Admin yang merupakan guru dapat mengelola beberapa hal, yaitu:
a) Mengelola data pembelajaran meliputi:
1) Tambah mata pelajaran 5) Edit materi
2) Edit mata pelajaran 6) Edit tugas
3) Hapus mata pelajaran 7) Edit kuis
4) Tambah materi 8) Edit pengumuman
 9) Mengelola profil
b) Mengelola data siswa meliputi:
1) Tambah siswa
2) Edit profil siswa
3) Hapus data siswa
4) Edit kelas
5) Mengelompokkan siswa berdasarkan rombel dan mata pelajaran
2. Siswa memiliki beberapa menu yaitu:
a) Ambil mata pelajaran
b) Ambil tugas
c) Mengikuti kuis
d) Melihat penguman

Gambar 4.2 Use case diagram aplikasi

4.2.2 Perancangan Entity Relationship Diagram (ERD)
Perancangan ERD (Entity Relationship Diagram) merupakan rancangan
untuk mengambarkan hubungan antar entitas yang saling berkaitan dengan
menyusun data secara abstrak yang digambarkan melalui simbol – simbol
tertentu.

Gambar 4.3 ERD istem pikasi e-learning

Pada rancangan ERD yang disajikan pada gambar 4.3 terdapat 9 entitas
yaitu tb_kelas, tb_mapel, tb_siswa, tb_pengajar, tb_materi, tb_soal, tb_abssen,
tb_pengumuman dan tb_pesan. Setiap entitas memiliki atribut dan relasi yang
berbeda dengan entitas lainnya, relasi entitas tersebut dijelaskan sebagai berikut:
1) Entitas tb_kelas berelasi dengan tb_mapel dengan relasi one to many,
maksudnya setiap kelas memiliki banyak mata pelajaran.
2) Entitas tb_mapel berelasi dengan tb_pengajar dengan relasi many to many.
maksudnya banyak mata pelajaran diajar oleh banyak guru.
3) Entitas tb_pengajar berelasi dengan tb_materi dengan relasi one to many,
maksudnya setiap guru mengajarkan banyak materi.
4) Entitas tb_materi berelasi dengan tb_soal dengan relasi one to many,
maksudnya setiap satu materi memiliki banyak soal.
5) Entitas tb_mapel berelasi dengan tb_siswa dengan relasi one to many,
maksudnya satu mata pelajaran memiliki banyak siswa yang mengikuti
mata pelajaran.
 6) Entitas tb_siswa berelasi dengan tb_soal dengan relasi one to many,
maksudnya setiap siswa dapat mengerjakan banyak soal.
7) Entitas tb_kelas berelasi dengan tb_absen, dengan relasi one to many,
maksudnya setiap kelas memiliki banyak absen mata pelajaran.
8) Entitas tb_kelas berelasi dengan tb_pengumuman, dengan relasi one to
one, maksudnya setiap kelas memiliki pengumuman kepada para siswa.
4.2.3 Perancangan Data Flow Diagram (DFD)
Data Flow Diagram (DFD) atau diagram alir digunakan untuk
menggambarkan aliran informasi dan transformasi yang
diaplikasikan pada saat data bergerak dari input menjadi output,
berikut adalah gambaran singkat dari DFD sistem aplikasi E-
learning SMK Darul Hikam Bantur.
1. Diagram Konteks (context diagram)
Diagram konteks ini menggambarkan ruang lingkup suatu sistem.
Diagram konteks ini menunjukkan semua entitas luar yang menerima informasi
dari atau memberikan informasi ke sistem, berikut adalah gambar diagram
konteks dibawah ini

Gambar 4.4 Diagram konteks

Pada Gambar 3.4 menjelaskan Diagram Konteks yang diusulkan yang
terdiri dari guru sebagai admin, dan siswa sebagai user. Pada entitas guru
menerima hak akses terhadap sistem, login, username dan password, input data
(data siswa, data kelas, data mata pelajaran, data jadwal mengajar, data guru), dan
input materi/tugas. Untuk entitas siswa mendapatkan hak akses sistem, login,
username dan password, serta beberapa akses lain seperti: ambil mata pelajaran,
ambil materi/tugas, absen, dan memilih kelas.
2. Data Flow Diagram (DFD) Level 0
Diagram level 0 (nol) adalah diagram yang memberikan pandangan
secara menyeluruh mengenai sistem yang ditangani, menunjukkan
tentang fungsi atau proses yang ada di sistem.

Gambar 4.5 DFD level 0

Pada gambar 4.5 menjelaskan Diagram rinci level 0 yang terdiri dari
guru sebagai admin dan siswa sebagai user yang mana terbagi sub-
sub proses.
4.2.4 Perancangan Basis Data
Sistem yang dirancang ini menggunakan beberapa buah file yang saling
berhubungan antara satu file dengan file yang lainnya.
4.2.4.1 Perancangan File Pengajar
Nama File : el_pengajar
Primary Key : id_pengajar
Foregn Key : id_status
Fungsi file : Untuk penyimpanan data login Pengajar
Tabel 4.1 File Pengajar
new_elearning4 el_pengajar

id : int(11)
nip : varchar(45)
nama : varchar(100)
jenis_kelamin : varchar(9)
tempat_lahir : varchar(45)
tgl_lahir : date
alamat : varchar(255)
foto : text
status_id : tinyint(1)
id_mapel : varchar(255)

4.2.4.2 Perancangan File Siswa

Nama File : el_didwa
Primary Key : id_siswa
Foregn Key : id_status
File relasi : tbl_pengajar, tbl_tbl_soal
Fungsi file : Untuk penyimpanan data siswa
Tabel 4.2 File Siswa
new_elearning4 el_siswa

id : int(11)
nis : varchar(45)
nama : varchar(100)
jenis_kelamin : varchar(9)
 tempat_lahir : varchar(45)
tgl_lahir : date
agama : char(7)
alamat : varchar(255)
tahun_masuk : year(4)
foto : text
status_id : tinyint(1)

4.2.4.3 Perancangan File Kelas

Perancangan File Mata Pelajaran
Nama File : el_kelas
Primary Key : id_kelas
Foregn Key :-
Fungsi file : Untuk penyimpanan data kelas
Tabel 4.3 File Kelas
new_elearning4 el_kelas

id : int(11)
nama : varchar(45)
parent_id : int(11)
urutan : int(11)
aktif : tinyint(1)

4.2.4.4 Perancangan File Mata Pelajaran

Nama File : el_mapel_ajar
Primary Key : id_mapel
Foregn Key :-
Fungsi file : Untuk penyimpanan data Mata Pelajaran
Tabel 4.4 File Mata Pelajaran
 new_elearning4 el_mapel_ajar

id : int(11)
hari_id : tinyint(1)
jam_mulai : time
jam_selesai : time
pengajar_id : int(11)
mapel_kelas_id : int(11)
aktif : tinyint(1)

4.2.4.5 Perancangan File Materi

Nama File : el_materi
Primary Key : id_Kelas
Foregn Key :-
File relasi : tbl_pengajar, tbl_tbl_soal
Fungsi file : Untuk penyimpanan data materi pelajaran
Tabel 4.5 File Materi

new_elearning4 el_materi

id : int(11)
mapel_id : int(11)
pengajar_id : int(11)
siswa_id : int(11)
judul : varchar(255)
konten : text
file : text
tgl_posting : datetime
publish : tinyint(1)
views : int(11)

4.2.4.6 Perancangan File Soal

Nama File : el_soal
 Primary Key : id_soal
Foregn Key : id pengajar
File Relasi : tbl_materi, dan tbl_siswa
Fungsi file : Untuk penyimpanan data soal
Tabel 4.6 File soal
new_elearning4 el_soal

id_soal : int(11)
pertanyaan : text
pg_a : text
pg_b : text
pg_c : text
jawaban_pg : varchar(32)
tipe : int(11)
pengajar_id : int(11)

4.2.4.7 Perancangan File Absen

Nama File : el_absen
Primary Key : id_absen
Foregn Key : id_kelas, id_mapel, id_pengajar
File Relasi : tbl_kelas
Fungsi file : Untuk penyimpanan data absensi siswa
Tabel 4.7 File Absen
new_elearning4 el_absen

id : int(11)
kelas_id : int(11)
mapel_id : int(11)
pengajar_id : int(11)
tanggal : date
jam_mulai : time
jam_selesai : time
4.2.4.8 Perancangan File Pengumuman
Nama File : el_pengumuman
Primary Key : id_pengumunan
Foregn Key : id_mengajar dan id_kelas
File Relasi : tbl_mengajar dan tbl_kelas
Fungsi file : Untuk penyimpanan data jadwal guru
Tabel 4.8 File Jadwal
new_elearning4 el_pengumuman

id : int(11)
judul : varchar(255)
konten : text
tgl_tampil : date
tgl_tutup : date
tampil_siswa : tinyint(1)
tampil_pengajar : tinyint(1)
pengajar_id : int(11)

4.2.4.9 Perancangan File Pesan

Nama File : tbl_messages
Primary Key : id_messages
Foregn Key :-
File Relasi : tbl_kelas
Fungsi file : Untuk penyimpanan data pesan

Tabel 4.9 File Guru Mengajar

new_elearning4 el_messages

id : int(11)
type_id : tinyint(1)
 content : text
owner_id : int(11)
sender_receiver_id : int(11)
date : datetime
opened : tinyint(1)

4.3 Hasil Tampilan Aplikasi

Seletal melakukan tahap perancangan sistem dan semua kebutuhan sudah
terpenuhi maka tahap selanjutnya adalah implementasi ke tampilan sistem aplikasi
E-learning.
4.3.1 Tampilan Halaman Login
Halaman login adalah halaman ketika pertamakali sistem diakses oleh
pengguna. Dimana pengguna harus melakukan login dengan memasukkan akun
berupa username dan password dengan benar untuk dapat mengakses masuk
kedalam sistem. Apabila terjadi kesalahan saat memasukkan akun, maka sistem
akan menampilkan pesan untuk melaukan login dengan benar. Adapun tampilan
untuk halaman login sebagai berikut:

Gambar 4.6 Tampilan login

4.3.2 Tampilan Halaman Utama Admin (Guru)

 Halaman utama adalah halaman yangn akan tampil setelah pengguna
berhasil melakukan proses login dengan username dan password yang valid.
Untuk halaman utama admin menu yang terdapat didalamnya lebih kompleks dan
lebih banyak. Adapun untuk tampilan halaman utama admin adalah sebagai
berikut:

Gambar 4.7 Tampilan halaman admin

4.3.3 Halaman Utama User (Siswa)

Pada halaman utama siswa tempilan menu lebih sedikit, hal tersebut
sebagaimana siswa yang berperan sebagai user yang hanya dapat memanfaatkan
fasilitas sistem aplikasi yang disediakan oleh administrator. Adapun tampilan
halaman utama siswa sebagai berikut:

Gambar 4.8 Tampilan halaman utama user (siswa)

4.3.4 Tampilan Menu Siswa
Menu siswa adalah menu yang merupakan bagian dari kekuasaan admin,
dimana admin dapat menambah, mengubah, mengedit, dan menghapus data dari
siswa. Adapun tampilan menu siswa ini adalah sebagai berikut:

Gambar 4.9 Tampilan Mata pelajaran

4.3.5 Tampilan Menu Pengajar
Menu pengajar adalah menu untuk menambahkan, mengedit, mengubah,
dan menghapus data guru. Adapun tampilan menu pengajar sebagai berikut:

Gambar 4.10 Tampilan menu pengajar

4.3.6 Tampilan Menu Pengumuman
Menu pengumuma adalah menu untuk menyampaikan pesan yang bersifat
umum kepada seluruh siswa di SMK Darul Hikam Bantur yang akan ditampilkan
di beranda aplikasi dan akan langsung terlihat saat siswa melakukan login ke
dalam sistem. Adapun tampilan menu pengumuman adalah sebagai berikut:

Gambar 4.11 Tampilan menu pengumuman

Gambar 4.12 Tampilan menu pengumuman di beranda aplikasi

4.3.7 Tampilan Menu Pesan

Menu pesan berfungsi untuk mengirim pemberitahuan kepada siswa
secara man to man atau perseorangan dengan mencantumkan email user
siswayang ingin dikirimi pesan. Adapun tampilan menu pesan adalah sebagai
berikut:
 Gambar 4.13 Tampilan menu pesan

4.3.8 Tampilan Menu Jadwal Pelajaran Guru

Menu jadwal pelajaran berfungsi menampilkan waktu pelajaran dan nama
guru yang mengampu mata pelajaran tersebut. Adapun tampilan menu jadwal
mata pelajaran adalah sebagai berikut:

Gambar 4.14 Tampilan menu jadwal mata pelajaran guru

4.3.9 Tampilan Menu Tugas
Menu tugas berfungsi untuk meng-upload tugas atau soal yang diberikan
oleh guru kepada siswa. Adapun tampilan menu tugas adalah sebagai berikut:

Gambar 4.15 Tampilan menu tugas

4.3.10 Tampilan Menu Materi

Menu materi berfungsi untuk meng-upload materi yang diberikan oleh
guru kepada siswa. Adapun tampilan menu materi adalah sebagai berikut:

Gambar 4.16 Tampilan menu materi

4.3.11 Tampilan Menu Jadwal Pelajaran
Menu jadwal pelajaran berisi mata pelajaran secara keseluruhan, dimana
setiap item pelajaran memiliki menu untuk menambah jam pelajaran dan hari.
Adapun tampilan menu jadwal pelajaran adalah sebagai berikut:

Gambar 4.17 Tampilan menu jadwal pelajaran

Gambar 4.18 Tampilan menu tambah jadwal

4.3.12 Tampilan Menu Mata Pelajaran Kelas

Pada menu mata pelajaran kelas berisi data semua mata pelajaran yang
diajarkan di SMK Darul Hikam Bantur, menu ini juga berfungsi menghapus data
mata pelajaran tersebut. Adapun tampilan menu mata pelajaran kelas adalah
sebagai berikut:
 Gambar 4.19 Tampilan menu mata pelajaran kelas
4.3.12 Tampilan Menu Manajemen Mapel
Menu ini berfungsi untuk menambah dan mengedit data mata pelajaran.
Adapun tampilan dari menu manajemen mapel adalah sebagai berikut:

Gambar 4.20 Tampilan men manajemen mapel

Gambar 4.21 Tampilan menu tambah mata pelajaran

 Gambar 4.22 Tampilan menu edit mapel
4.3.13 Tampilan Menu Manajemen Kelas
Menu ini berfungsi untuk menambahkan dan mengedit data kelas yang
terdapat pada sistem alikasi. Adapun tampilan menu manajemen kelas adalah
sebagai berikut:

Gambar 4.23 Tampilan menu manajemen kelas

4.3.14 Tampilan Menu Filter Pengajar
Menu filter pengajar berfungsi untuk mencari data guru dengan
memasukkan kategori seperti nama, NIP, tanggal lahir, kelas, dan lain-lain.
Adapun tampilan menu filter pengajar adalah sebagai berikut:
 Gambar 4.24 Tampilan menu filter pengajar
4.3.15 Tampilan Menu Filter Siswa
Menu filter siswa berfungsi untuk mencari data siswa dengan
memasukkan kategori seperti nama, NIP, tanggal lahir, kelas, dan lain-lain.
Adapun tampilan menu filter siswa adalah sebagai berikut:

Gambar 4.25 Tampilan menu filter siswa

 BAB V
PENUTUP
5.1 Kesimpulan
Setelah melakukan pembahasan akhir, hal-hal yang penulis dapat
simpulkan adalah sebagai berikut:
1. Dalam merancang dan membangun sistem aplikasi e-learning berbasis
website di SMK Darul Hikam Bantur dibangun berdasarkan beberapa
tahapan diantaranya: identifikasi masalah, analisis sistem yang sedang
berjalan, analisis peryaratan fungsional, analisis persyaratan non-
fungsional, analisis sistem yang diusulkan, dan dilanjutkan dengan
tahapan-tahapan berikutnya. Sehingga dapat menghasilkan sebuah aplikasi
yang bermanfaat untuk terwujudnya pembelajaran di SMK Darul Hikam
Bantur yang leih baik lagi dari yang sudah ada.
2. Dalam penggunaan sistem sistem aplikasi e-learning berbasis website di
SMK Darul Hikam Bantur menghasilkan sebuah media pembelajaran bagi
para guru yang berfungsi untuk mengatasi permasalahan dalam
melaksanakan pembelajaran daring di SMK Darul Hikam Bantur yaitu
kurangnya media yang efektif dan efisian guna membantu pelaksanaan
pembelajaran daring
5.2 Saran
Demikian Laporan Praktik Kerja Lapangan (PKL) yang dapat penulis
sampaikan dan paparkan, laporan ini tentunya sangat jauh dari kata
kesempurnaan, masih banyak yang perlu diperbaiki lagi untuk kedepannya. Untuk
itu, penulis sangat berharap dengan kritikan dan saran yang membangun dari
pembaca dengan harapan:
1. Menjadi acuan dan motivasi bagi penulis untuk mengembangkan sistem
aplikasi yang telah penulis bangun agar menjadi sistem yang lebih baik
dan lebih sempurna lagi.
2. Dapat menambah pengetahuan dan keilmuan bagi penulis atau peneliti
lainnya yang juga masih belajar dan terus berproses dalam
mengembangkan sistem yang bermanfaat bagi banyak orang, khususnya
sistem aplikasi e-learning berbasis website.