Jurnal TICOM: Technology of Information and Communication Volume 14.
Nomor 1.
September 2025
Hal: 37-43
E-ISSN: 2962-7982
Rancang Bangun Sistem Pembelajaran E-Learning Berbasis Website Menggunakan Metode Prototype (Studi Kasus: SMK Sirajul Falah Parun.
Khoirul Sofyan1*.
Sri Rama Putri2
1,2,3
Fakultas Ilmu Komputer.
Program Studi Teknik Informatika.
Universitas Pamulang.
Tangerang Selatan.
Indonesia Jl.
Surya Kencana No.
Pamulang.
Kota Tangerang Selatan.
Banten 15417.
Indonesia E-mail: 1*hoirulsofyan@gmail.
com, 2dosen02364@unpam.
(*: corresponding autho.
AbstrakAi SMK Sirajul Falah Parung masih menghadapi kendala dalam proses belajar konvensional, seperti keterbatasan waktu akibat sistem double shift serta ketiadaan platform digital Aktivitas pengelolaan pembelajaran, khususnya tugas, masih dilakukan secara manual melalui grup WhatsApp, sehingga efektivitas dan keteraturan pembelajaran belum Penelitian ini bertujuan untuk merancang sistem elearning berbasis website menggunakan metode Prototype dengan melibatkan guru dan siswa dalam proses pengembangannya.
Sistem yang dibangun memberikan kemudahan akses materi kapan saja dan di mana saja, serta membantu guru dalam mengatur materi, tugas, kuis, dan komunikasi secara lebih efisien dan terstruktur.
Hasil penelitian menunjukkan bahwa sistem elearning ini mampu mengatasi keterbatasan yang ada, seperti keterbatasan waktu belajar, pengelolaan tugas yang lebih terorganisir, dan peningkatan interaksi pembelajaran.
Pengujian menggunakan metode black-box membuktikan bahwa sistem berjalan dengan baik.
Dengan adanya sistem ini, proses pembelajaran di SMK Sirajul Falah Parung diharapkan menjadi lebih efektif, mandiri, serta terstruktur, sehingga berdampak positif pada peningkatan kualitas pendidikan.
PENDAHULUAN
Perkembangan teknologi yang begitu pesat, terutama dalam bidang informasi dan komunikasi, memberikan pengaruh besar terhadap dunia pendidikan.
Pada era globalisasi saat ini, kebutuhan akan sistem pembelajaran yang lebih terbuka, fleksibel, dan efisien semakin meningkat.
Salah satu solusi yang dinilai mampu menjawab tantangan tersebut adalah penggunaan e-learning sebagai sarana pembelajaran.
Melalui sistem ini, peserta didik dapat mengakses materi kapan pun dan di mana pun, sehingga mendukung proses belajar mandiri serta keberlanjutan pembelajaran .
Meski demikian, penerapan elearning belum dapat berjalan maksimal di seluruh lembaga pendidikan di Indonesia karena keterbatasan fasilitas maupun kemampuan dalam pengelolaannya.
SMK Sirajul Falah Parung berlokasi di Desa Bojong Indah.
Kecamatan Parung.
Kabupaten Bogor.
Sekolah ini berdiri sejak tahun 2010 dan saat ini memiliki 897 siswa yang dibimbing oleh 50 guru profesional dari berbagai bidang keahlian.
Sistem pembelajaran yang diterapkan adalah double shift, di mana proses belajar mengajar dibagi menjadi dua sesi, yaitu pagi dan Penerapan sistem tersebut menimbulkan kendala berupa keterbatasan waktu, sehingga materi antar mata pelajaran tidak merata dan ada kemungkinan beberapa materi tidak tersampaikan secara optimal di kelas.
Selain itu, siswa memiliki gaya belajar yang beragam sehingga tidak semuanya dapat terfasilitasi dengan baik melalui metode tatap muka Di sisi lain, guru juga menghadapi tantangan dalam menyusun materi, memberikan tugas, melaksanakan kuis atau ujian, serta berinteraksi secara efektif dengan siswa.
Hal ini diperburuk oleh keterbatasan sarana digital yang belum Saat ini, proses pembelajaran seperti penyampaian materi maupun pengumpulan tugas masih mengandalkan aplikasi perpesanan, salah satunya WhatsApp.
Cara ini menimbulkan berbagai kendala, antara lain materi yang kurang terstruktur, kebingungan siswa mengenai tenggat pengumpulan tugas, serta kesulitan guru dalam memantau perkembangan belajar masing-masing siswa secara individu .
Permasalahan-permasalahan tersebut mengindikasikan adanya kesenjangan antara kebutuhan pembelajaran berbasis digital dengan kondisi infrastruktur teknologi yang tersedia di SMK Sirajul Falah Parung.
Untuk mengatasi hal ini.
Kata KunciAi E-learning.
Metode Prototype.
Pembelajaran Digital.
Website.
AbstractAi SMK Sirajul Falah Parung still faces obstacles in the conventional learning process, such as time constraints due to the double shift system and the absence of an integrated digital platform.
Learning management activities, especially assignments, are still carried out manually through WhatsApp groups, so that the effectiveness and regularity of learning are not yet optimal.
This study aims to design a website-based e-learning system using the Prototype method by involving teachers and students in the development process.
The system provides easy access to materials anytime and anywhere, and helps teachers organize materials, assignments, quizzes, and communication more efficiently and The results of the study show that this e-learning system is able to overcome existing limitations, such as limited learning time, more organized assignment management, and increased learning interaction.
Testing using the black-box method proves that the system works well.
With this system, the learning process at SMK Sirajul Falah Parung is expected to be more effective, independent, and structured, thereby having a positive impact on improving the quality of education.
KeywordsAi E-learning.
Digital Learning.
Prototype Method.
Digital Learning.
Website.
Jurnal TICOM: Technology of Information and Communication Volume 14.
Nomor 1.
September 2025 dibutuhkan suatu solusi berupa pengembangan sistem elearning berbasis website yang mampu mengintegrasikan berbagai aktivitas pembelajaran, mulai dari distribusi materi, manajemen tugas, penyelenggaraan kuis atau ujian, hingga komunikasi yang lebih terstruktur antara guru dan siswa.
Berdasarkan kajian literatur, sejumlah penelitian sebelumnya telah mengembangkan sistem e-learning dengan metode yang beragam, misalnya, berhasil membangun sistem e-course dengan menggunakan framework Laravel 10 dan dengan pendekatan Prototype.
Hasil penelitian menunjukkan peningkatan pada aspek aksesibilitas dan kualitas pembelajaran di perguruan tinggi serta memberi peluang mahasiswa untuk belajar secara mandiri .
Selanjutnya penelitian dengan topik Rancang Bangun Media Pembelajaran Elektronik (E-Learnin.
Berbasis Web pada SMA Swasta Pelita Bulu Cina Menggunakan Metode Waterfall berfokus pada pengembangan sistem e-learning berbasis web dengan memanfaatkan teknologi PHP dan MySQL sebagai solusi terhadap keterbatasan kegiatan belajar tatap muka.
Berdasarkan hasil pengujian, sistem yang dibangun telah berfungsi sesuai dengan kebutuhan pengguna serta terbukti efektif dalam menunjang proses pembelajaran daring.
Penelitian lain .
yang menghasilkan Learning Management System (LMS) berbasis website apps di Institut Teknologi Kalimantan menggunakan metode Agile Scrum, dengan fitur course, learn English, improve my skills, yang mendukung proses pembelajaran secara fleksibel dan efisien.
Sementara itu oleh .
Sistem Elearning di SDN Metesih 03 Madiun yang terbukti membantu akses materi pembelajaran secara fleksibel, khususnya yang mendukung pelaksanaan pembelajaran di jarak jauh pada masa pandemi COVID-19.
Selain itu, penelitian yang dilakukan oleh .
di SMAN 9 Luwu menggunakan framework CodeIgniter dengan metode Waterfall berhasil menghasilkan platform pembelajaran daring yang praktis digunakan baik oleh guru maupun peserta didik.
Meskipun penelitian-penelitian menunjukkan keberhasilan dalam merancang sistem elearning, sebagian besar masih berfokus pada jenjang SMA atau perguruan tinggi.
Sementara itu, penelitian yang secara khusus mengembangkan sistem e-learning untuk SMK dengan karakteristik pembelajaran double shift masih sangat jarang Kebanyakan penelitian hanya menitikberatkan pada fungsi dasar seperti pengunggahan materi atau pelaksanaan ujian daring, namun belum banyak yang mengintegrasikan manajemen pembelajaran yang lebih kompleks serta komunikasi interaktif yang sesuai dengan kebutuhan sekolah Kondisi inilah yang menjadi celah penelitian (GAP Analysi.
yang hendak dijawab melalui penelitian ini, yaitu bagaimana merancang sistem e-learning berbasis website dengan metode Prototype yang mampu mengatasi keterbatasan waktu pembelajaran, mempermudah pengelolaan materi, tugas, kuis, serta komunikasi efektif antara guru dan siswa.
Berdasarkan latar belakang tersebut, penelitian ini bertujuan untuk merancang serta membangun sistem pembelajaran e-learning berbasis website yang dapat diakses kapan saja dan di mana saja oleh siswa.
Sistem ini diharapkan mampu mendukung pembelajaran yang bersifat fleksibel, terstruktur, serta interaktif.
Diharapkan pula hasil penelitian ini Hal: 37-43
E-ISSN: 2962-7982
dapat meningkatkan kualitas pendidikan di SMK Sirajul Falah Parung, mempermudah proses belajar-mengajar, serta menciptakan lingkungan pembelajaran digital yang lebih efektif dan efisien bagi guru maupun siswa.
II.
METODE PENELITIAN
Metode Pengembangan Sistem Penelitian ini menggunakan metode prototype merupakan pendekatan membangun sistem pembelajaran e-learning berbasis website di SMK Sirajul Falah Parung.
Metode prototype dipilih karena bersifat iteratif dan memungkinkan keterlibatan langsung pengguna, baik guru maupun siswa, dalam proses pengembangan sistem.
Gambar 1.
Alur Metode Prototype Gambar 1 menggambarkan tahapan pengembangan sistem yang diterapkan menggunakan metode prototype yang terdiri atas lima tahap utama .
Communication Langkah awal yang dilakukan yaitu melakukan proses komunikasi, yang bertujuan untuk memperoleh data melalui metode wawancara.
Quick Plan Tahap kedua dalam metode Prototype adalah membuat rancangan yang disusun secara cepat namun tetap mencakup seluruh kebutuhan perangkat lunak.
Desain tersebut kemudian dijadikan acuan dasar dalam pembangunan prototype.
Modeling Quick Tahap ketiga dari metode prototype ini adalah melakukan proses desain atau perancangan interface.
Desain Construction of prototype Langkah selanjutnya yaitu menyajikan aspek Ae aspek perangkat lunak yang terlihat oleh klien/pengguna.
Deployment Delivery & Feedback Setelah sistem selesai dikembangkan, dilakukan proses evaluasi oleh pengguna.
Pada tahap ini, pengguna memberikan umpan balik yang dimanfaatkan untuk menyempurnakan kode program yang telah dibuat.
Jurnal TICOM: Technology of Information and Communication Volume 14.
Nomor 1.
September 2025 .
Rancang Perancangan merupakan proses dalam membangun dan merancang suatu sistem baru yang bertujuan untuk menciptakan solusi yang efisien serta efektif.
Proses ini disusun agar sesuai dengan kebutuhan pengguna dan dapat meningkatkan performa serta fungsi dari sistem yang akan dikembangkan .
Hal: 37-43
E-ISSN: 2962-7982
dilakukan secara daring melalui media online atau jaringan Karena ruang lingkupnya luas, istilah e-learning diartikan secara beragam oleh para ahli sesuai dengan sudut pandang masing-masing .
Website Website adalah kumpulan halaman yang saling terhubung dalam suatu topik tertentu dan biasanya dilengkapi dengan berbagai berkas seperti gambar, video, maupun file lainnya.
Sebuah situs web merupakan sekumpulan halaman yang dipublikasikan melalui internet dengan alamat khusus berupa domain atau URL (Uniform Resource Locato.
, sehingga pengguna dapat mengaksesnya dengan mengetikkan alamat tersebut melalui jaringan internet .
Bangun Bangun atau Pembangunan sistem merupakan proses untuk menciptakan sistem baru, menggantikan, atau melakukan perbaikan terhadap sistem yang sudah ada, baik secara menyeluruh maupun hanya pada bagian tertentu .
Rancang Bangun Rancang menerjemahkan hasil analisis ke dalam bahasa pemrograman dengan tujuan menciptakan maupun menyempurnakan sistem yang telah ada hingga menjadi perangkat lunak yang siap Proses ini mencakup kegiatan perencanaan serta pengaturan sebagai dasar sebelum sistem benar-benar diterapkan .
Metode Pengumpulan Data Pada penelitian ini memanfaatkan beberapa teknik pengumpulan data untuk dipilih melengkapi informasi yang Metode yang digunakan dalam tahap pengumpulan data dijabarkan sebagai berikut:
Studi Literatur, yakni dilakukan untuk memperoleh dasar teori serta sebagai referensi, di mana peneliti memanfaatkan berbagai jurnal terdahulu yang berkaitan dengan pengembangan website, sehingga dapat menunjang penyusunan tugas akhir.
Wawancara, di mana peneliti melakukan sesi tanya jawab secara langsung dengan kepala sekolah guna memperoleh informasi yang tepat dan relevan, agar rancangan sistem elearning yang dibuat sesuai dengan kebutuhan nyata di .
Observasi (Pengamata.
, yaitu peneliti melakukan pengamatan secara langsung terhadap objek penelitian untuk memperoleh pemahaman lebih mendalam mengenai langkah-langkah penyelesaian permasalahan yang ada.
Sistem Sistem dapat diartikan sebagai sekumpulan elemen yang saling terintegrasi dan memiliki tujuan yang sama untuk Dengan kata lain, sistem merupakan komponenkomponen yang saling berhubungan dan berinteraksi satu sama lain guna menghasilkan keluaran sesuai dengan tujuan yang diharapkan .
Informasi Informasi merupakan kumpulan data yang berasal dari fakta-fakta, kemudian diolah sedemikian rupa sehingga memiliki nilai guna bagi penggunanya.
Berdasarkan berbagai pandangan para ahli, peneliti menyimpulkan bahwa informasi adalah hasil pengolahan data yang memberikan makna serta berguna dalam proses pengambilan keputusan, baik untuk kondisi saat ini maupun di masa yang akan datang .
HASIL DAN PEMBAHASAN
Analisa Sistem Pada saat ini pembelajaran di SMK Sirajul Falah Parung menggunakan grup WhatsApp untuk pengelolaan tugas.
Namun, cara ini tidak terstruktur, sulit memantau progres siswa, dan membatasi akses materi.
Pesan penting sering tercampur dengan percakapan lain sehingga mudah terlewat.
Guru juga kesulitan merekap penilaian dan dokumentasi karena WhatsApp tidak memiliki fitur manajemen pembelajaran, sehingga proses belajar kurang efektif dan tidak teratur.
Sistem Informasi Sistem informasi adalah kesatuan dari berbagai elemen teknologi informasi yang saling berinteraksi untuk menghasilkan informasi yang dibutuhkan, sehingga dapat membentuk jalur komunikasi yang terintegrasi dalam suatu organisasi atau kelompok .
Pembelajaran Pembelajaran dapat dipahami sebagai proses yang mendorong perubahan perilaku ke arah yang lebih baik.
Kegiatan belajar dan pembelajaran saling berkaitan sebagai satu kesatuan dalam praktiknya.
Setiap individu yang belajar akan melalui proses ini, baik dengan bimbingan pendidik maupun secara mandiri melalui berbagai metode yang digunakan .
Analisa Sistem Berjalan Analisis sistem di SMK Sirajul Falah Parung dilakukan untuk memahami secara mendalam proses penyampaian materi pelajaran, pemberian tugas, serta pelaksanaan evaluasi terhadap hasil belajar siswa.
Melalui tahapan analisis ini, diperoleh pemetaan yang jelas mengenai mekanisme kegiatan belajar mengajar yang berlangsung saat ini.
Temuan dari analisis tersebut dijadikan dasar dalam merancang sistem e-learning yang lebih efisien dan mampu mendukung proses pembelajaran dengan lebih optimal.
Selain itu, analisis ini juga berperan dalam mengungkap berbagai kekurangan pada penggunaan .
E-learning E-learning merupakan metode pembelajaran yang memanfaatkan jaringan Internet, di mana materi ajar dapat disimpan, diubah, serta dibagikan melalui komputer dengan dukungan teknologi standar.
Proses penyampaian materi Jurnal TICOM: Technology of Information and Communication Volume 14.
Nomor 1.
September 2025 WhatsApp sebagai media pembelajaran.
alur aktivitas sistem yang berjalan disajikan pada Gambar 2.
Hal: 37-43
E-ISSN: 2962-7982
act Analisa Sistem Usulan Admin act Analisa Sistem Berj alan Guru Siswa Sistem Mulai Guru Mengakses Website E-learning Sisw a Mulai Validasi Data Input Username Dan Password Tidak Materi Yang Diaj arkan Data Valid? Materi Yang Dipelaj ari Membuat Data Manajemen Kelas.
Data Jurusan.
Data Semester.
Data Mapel.
Data Jenis Ujian Serta Mengelola Data Guru Dan Siswa [Tida.
Menampilkan Halaman Admin Mengerti? Menyimpan Data Yang Di Kelola Membuat Akun Untuk Guru [Iy.
Data Tersimpan Guru Login Dengan Data Yang Sudah Di Buat Oleh Admin Uj i Kompetensi Validasi Data Input Username Dan Password Diperiksa Tidak Data Valid? Guru Membuat Materi.
Tugas.
Ujian Kuis.
Dan Mengirim Pesan Antar Kelas Ke Siswa Hasil/Dinilai Menampilkan Halaman Guru Menyimpan Data Yang Di Kelola Selesai Selesai Siswa Melakukan Register Akun Input Form Register Gambar 2.
Activity Diagram Sistem Berjalan Validasi Data Tidak .
Analisa Sistem Usulan Analisis sistem yang diusulkan bertujuan merancang pembelajaran berbasis web di SMK Sirajul Falah Parung.
Sistem ini memudahkan siswa mengakses materi, mengerjakan tugas, dan mengikuti ujian secara terstruktur.
Guru dapat mengelola materi, menilai hasil belajar, serta berinteraksi melalui fitur digital.
Dengan sistem terintegrasi, aktivitas akademik terdokumentasi lebih baik, mendukung peningkatan kualitas pembelajaran, dan mengurangi kendala double shift.
Activity diagram usulan ditunjukkan pada Gambar 3.
Data Valid? Admin Memv erifikasi Akun Siswa Data Terv erifikasi Login Input Username Dan Password Validasi Data Tidak Data Valid? Mengakses Materi.
Tugas.
Mengerjakan Soal Ujian/Kuis Dan Mengirim Pesan Ke Guru Menampilkan Halaman Siswa Kirim Tugas Dan Soal Ujian/Kuis Yang Sudah Dikerjakan Proses Upload Tugas Dan Memproses Ujian/Kuis Yang Sudah Di Kerjakan Melihat Tugas Siwa Dan Melihat Nilai Ujian/Kuis Yang Di Kerjakan Oleh Siswa Mencetak Laporan Tugas Siwa Dan Mencetak Nilai Ujian/Kuis Yang Di Kerjakan Oleh Siswa Cetak Menampilkan Nilai Mengakses Nilai Siswa Selesai Gambar 3.
Activity Diagram Sistem Usulan Jurnal TICOM: Technology of Information and Communication Volume 14.
Nomor 1.
September 2025 Perancangan Sistem Perancangan merupakan fase penting dalam pengembangan perangkat lunak karena menggambarkan suatu bagaimana sistem baru akan berfungsi sesuai kebutuhan pengguna.
Pada tahap ini dibuat model seperti use case diagram, class diagram, serta desain antarmuka sebagai panduan bagi pengembang.
Hal: 37-43 .
Class Diagram Diagram UML yang digunakan untuk memvisualisasikan struktur basis data sebuah sistem terdiri atas sejumlah kelas yang mencakup atribut, metode, serta hubungan antar kelas.
Diagram ini berperan dalam menunjukkan bagaimana objekobjek dalam sistem saling terhubung dan berinteraksi, sekaligus membantu dalam memahami dan merancang arsitektur sistem secara sistematis.
Untuk penjelasan lebih detail, dapat dilihat pada Gambar 5.
Use Case Diagram Use Case Diagram sistem E-Learning dengan tiga aktor utama, yaitu Admin.
Guru, dan Siswa.
Semua aktor harus login untuk mengakses sistem, sementara siswa terlebih dahulu melakukan registrasi.
Admin memiliki akses penuh, seperti memverifikasi user baru, mengelola kelas, jurusan, semester, mata pelajaran, jenis ujian, serta data guru dan siswa.
Seluruh data dapat ditambah, diubah, maupun dihapus sesuai kebutuhan.
Guru bertugas menambahkan mata pelajaran, mengunggah materi, membuat dan mengelola tugas, serta menyusun dan menilai ujian.
Guru juga dapat berinteraksi dengan siswa melalui dashboard dan fitur chat box.
Siswa dapat melihat materi, tugas, dan informasi ujian setelah login.
Mereka bisa mengunduh materi, mengerjakan tugas, mengikuti ujian, melihat nilai, serta mengunduh soal untuk bahan belajar yang mencakup use case diagram untuk admin, guru, dan siswa, yang ditampilkan pada Gambar 4.
class Class Diagram
tb_materi acak_soal: string
id_nilai: int
id_siswa: int
id_ujian: int
jawaban: text
jml_benar: int
jml_kosong: int
jml_salah: int
nilai: float
siswa_waktu: int
waktu_selesai: datetime calculatescore() getnilai() tb_siswa aktif: boolean confirm: boolean foto: string
id_jurusan: int
id_kelas: int
id_siswa: int
jk: string
nama_siswa: string
nis: string
password: string
status: string
Materi AincludeA
Manaj emen Smester
AincludeA
Atur Tugas AincludeA
AincludeA
AincludeA
Data Tugas AincludeA
Admin
Manaj emen User
Tugas Sisw a AincludeA
Uj ian
Manaj emen Guru
AincludeA
Guru
Uj ian Kuis AincludeA
AincludeA
Manaj emen Sisw a acak: boolean id_guru: int
id_jenis: int
id_mapel: int
id_semester: int
id_ujian: int
jml_soal: int
judul: string
tanggal: date
tipe: string
waktu: int
file: blob
id_siswa: int
id_tgssiswa: int
id_tugas: int
kelompok: string
ket: string
nama_file: string
subjek: string
tgl_upload: date
tipe_file: string
ukuran_file: int
add() : void
aktif: boolean id_jurusan: int
id_kelas: int
id_kelasujian: int
id_ujian: int
id_guru: int
id_jenistugas: int
id_mapel: int
id_semester: int
id_tugas: int
isi_tugas: text
jml_anggota: int
judul_tugas: string
tanggal: date
waktu: int
getTugas() - id_jurusan: int
* - jurusan: string
tb_master_mapel - id_mapel: int
- nama_mapel: string
tb_jenistugas - id_jenistugas: int
* - jenis_tugas: string
balasan_dari: int
id_jurusan: int
id_kelas: int
id_penerima: char
id_pengirirm: char
id_pesan: int
isi_pesan: longtext
reply_to_id: int
status_balas: enum
tanggal: date
getpesan() : void
sendmessage() aktif: boolean id_jurusan: int
id_kelas: int
id_kelastugas: int
id_tugas: int
id_soal: int
id_ujian: int
kunci: string
pilihan_1: text
pilihan_2: text 1
pilihan_3: text
pilihan_4: text
soal: text
status: boolean * -
id_analisis: int
id_siswa: int
id_soal: int
id_ujian: int
jawaban: string
getanalisis() tb_jenisujian - id_jenis: int
- jenis_ujian: string
Nilai Logout
Logout
Register aktif: boolean foto: string
id_admin: int
nama_lengkap: string
password: string
username: string
tb_master_jurusan kelas_tugas confirm: boolean date_created: date
email: string
foto: string
id_guru : int
nama_guru: string
nik: string
password: string
status : string
tb_tugas tugas_siswa Manaj emen Jenis Uj ian
Manaj emen Jurusan Manaj emen Mapel
tb_master_semester - id_kelas: int
- kelas: string
Dashboard
Manaj emen Akademik
tb_admin id_guru: int
id_jurusan: int
id_kelas: int
id_mapel: int
id_roleguru: int
id_semester: int
getroleguru() tb_master_kelas Matapelaj aran
AincludeA
1 1 -
tb_guru tb_roleguru - id_semester: int
* - semester: string
Web E-Learning Manaj emen Kelas file: blob
id_materi: int
id_roleguru: int
judul_materi: string
materi: text
nama_file: string
public: boolean tgl_entry: date
tipe file: string
ukuran_file: int
uc Use Case
Dashboard
E-ISSN: 2962-7982
Login Gambar 5.
Class Diagram Dashboard Tampilan Antarmuka Sistem Antarmuka sistem merupakan elemen visual dari aplikasi yang berperan sebagai sarana interaksi antara pengguna dengan Melalui tampilan ini, pengguna dapat mengakses menu, ikon, serta informasi yang tersaji secara terorganisir sehingga pengoperasian fitur-fitur yang ada.
Perancangan antarmuka yang baik tidak hanya menyajikan informasi, tetapi juga memperhatikan kemudahan navigasi, konsistensi desain, serta kejelasan tampilan guna memberikan pengalaman penggunaan yang optimal.
Materi Sisw a Tugas Ev aluasi AincludeA Info Uj ian Logout AincludeA AincludeA Daftar Nilai Daftar Soal Pada Gambar 6 Menampilkan halaman awal website yaitu landing page terdapat di poto halaman sekolah SMK Siarjul Gambar 4.
Use Case Diagram Jurnal TICOM: Technology of Information and Communication Volume 14.
Nomor 1.
September 2025
Hal: 37-43
E-ISSN: 2962-7982
Falah Parung dan logo serta login/register untuk masuk ke menu login.
Gambar 9.
Tampilan Halaman Dashboard Guru Pada Gambar 10 Pada Tampilan halaman Registrasi Siswa ini untuk mendaftar akun siswa terlebih dahulu sebelum masuk ke login pada E-Learning Smk Sirajul Falah Parung.
Gambar 6.
Tampilan Landing Page Halaman Awal Pada Gambar 7 Pada tampilan halaman login untuk pengguna admin, guru, siswa memasukan email, password, dan klik login.
untuk masuk ke halaman menunya masing Ae masing.
Gambar 10.
Tampilan Halaman Registrasi Siswa Pada Gambar 11 Pada Tampilan Halaman dashboard siswa menampilkan, menu navigasi untuk mengelola daftar ujian yang sudah muncul di sistem e-learning Smk Sirajul Falah Parung.
Gambar 7.
Tampilan Halaman Login Admin.
Guru.
Pada Gambar 8 Pada Tampilan Halaman dashboard admin menampilkan, menu navigasi untuk mengelola data akademik dan user, serta panel konfirmasi pengguna, yang memudahkan admin mengontrol sistem e-learning.
Gambar 11.
Tampilan Halaman Dashboard Siswa IV.
PENUTUP
Berdasarkan hasil penelitian di SMK Sirajul Falah Parung, diperoleh beberapa temuan penting.
Sistem e-learning yang dirancang mampu mempermudah siswa dalam mengakses materi pelajaran secara lebih fleksibel, baik dari segi waktu maupun lokasi.
Kehadiran sistem ini membantu mengurangi kendala keterbatasan waktu yang muncul akibat penerapan jadwal double shift.
Selain itu, siswa juga memiliki peluang untuk belajar secara mandiri di luar jam sekolah, sehingga mereka dapat mengejar ketertinggalan atau memperdalam Gambar 8.
Tampilan Halaman Dashboard Admin Pada Gambar 9 Pada Tampilan Halaman dashboard guru menampilkan, menu navigasi untuk mengelola data mata pelajarn yang di ampu di sistem e-learning Smk Sirajul Falah Parung.
Jurnal TICOM: Technology of Information and Communication Volume 14.
Nomor 1.
September 2025
REFERENSI