Full Naskah V2 Final

APLIKASI E-LEARNING
UNTUK SMK NEGERI 1 SUKOHARJO
SKRIPSI
Diajukan Untuk Melengkapi Persyaratan

Menyelesaikan Pendidikan Program Strata 1
Program Studi Teknik Informatika
Oleh :
YUSUF MUSTAFA
180103170
FAKULTAS ILMU KOMPUTER

UNIVERSITAS DUTA BANGSA SURAKARTA
SURAKARTA
2023
i
HALAMAN PERSETUJUAN
Proposal ini diajukan oleh :
Nama : Yusuf Mustafa

NIM : 180103170
Program Studi : S1-Teknik Informatika
Judul : Aplikasi e-learning untuk SMK Negeri 1 Sukoharjo
Telah disetujui oleh Pembimbing sebagai bagian persyaratan yang diperlukan untuk
Seminar Proposal Penelitian pada Program Studi Teknik Informatika.
Tanggal : 05 Maret 2023
Menyetujui,
Pembimbing I Pembimbing II
WIJIYANTO, S.Kom., M.Pd., M.Kom. SRI SUMARLINDA, M.Kom
ii
HALAMAN PENGESAHAN
Proposal ini diajukan oleh :

NIM : 180103170
Program Studi : S1-Teknik Informatika
Telah berhasil dipertahankan dihadapan Dewan Penguji dalam Seminar Proposal

Penelitian pada Program Studi Teknik Informatika.
Mengesahkan,
Penguji I Penguji II
WIJIYANTO, S.Kom., M.Pd., M.Kom. SRI SUMARLINDA, M.Kom
Ditetapkan di : Surakarta
Tanggal : 05 Maret 2023
Mengetahui,
Ketua Program Studi
Joni Maulindar, S. Kom., M.Eng
iii
HALAMAN PERNYATAAN KEASLIAN PENELITIAN
Saya yang bertanda tangan di bawah ini:

NIM : 180103170
Program Studi : Teknik Informatika
Telah melaksanakan penelitian dan penulisan Laporan Skripsi dengan judul sebagai
berikut :
Tempat Penelitian : SMK Negeri 1 Sukoharjo
Alamat : Jl. Jend. Sudirman, Gadingan, Jombor, Kec. Sukoharjo,
Kabupaten Sukoharjo, Jawa Tengah 57521
Telepon : 0271593132
Sehubungan dengan Skripsi tersebut, dengan ini saya menyatakan dengan sebenar-
benarnya bahwa penelitian dan penulisan Skripsi tersebut merupakan hasil
karya saya sendiri (tidak meniru hasil karya orang lain). Bila dikemudian hari
ternyata terbukti bahwa bukan saya yang mengerjakannya (membuat), maka saya
bersedia dikenakan sanksi yang telah ditetapkan Universitas Duta Bangsa Surakarta
yakni Pencabutan Ijazah yang telah saya terima dan Ijazah tersebut
dinyatakan tidak sah.
Demikianlah Surat Pernyataan ini saya buat dengan sungguh-sungguh, dalam

keadaan sadar dan tanpa ada tekanan dari pihak manapun.
Sukoharjo, 05 Maret 2023

Yang menyatakan,
Yusuf Mustafa
iv
MOTTO
1. Semua yang berlebihan itu tidak baik.

2. Kita tidak bisa memperbaiki apa yang tidak rusak.
3. Mendapatkan sesuatu yang baru berarti kehilangan sesuatu yang lain.
4. Untuk mengubah hal salah menjadi benar dan hal benar menjadi salah kita
membutuhkan sesuatu yang mutlak.
v
PERSEMBAHAN
1. Allah SWT yang telah memberikan kelancaran dan kemudahan dalam

segala urusan hambanya.
2. Untuk kedua orang saya dan keluarga tercinta, terima kasih atas segala
dukungan baik dalam bentuk moral atau materi. Karya ini saya
persembahkan sebagai tanda hormat dan rasa terima kasih kepada orang tua
yang telah mendidik, membesarkan, dan memberi semangat kepada saya.
3. Terima kasih kepada Winarno. S. Pd, M. Si sebagai kepala sekolah SMK
Negeri 1 Sukoharjo yang telah membantu dalam perizinan penelitian.
4. Terima kasih kepada Bapak dan Ibu dosen Universitas Duta Bangsa yang
telah mendidik saya dengan baik mulai dari tahun 2018 hingga saat ini.
5. Terima kasih juga untuk dosen pembimbing : Bapak Wijiyanto, S.Kom.,
M.Pd., M.Kom. dan Ibu Sri Sumarlinda, M.Kom, yang telah membimbing
saya dalam menyelesaikan laporan skripsi ini.
6. Kepada sahabat dan teman-teman seangkatan 18 TIB , terima kasih telah
menjadi pendengar yang baik, memberikan bantuan, semangat dan motivasi
kepada saya.
vi
KATA PENGANTAR
Puji syukur penulis panjatkan kepada Allah SWT yang telah memberikan
rahmat serta karunianya, sehingga penulis dapat menyelesaikan skripsi ini.
Penyusunan laporan skripsi ini merupakan salah satu mata kuliah yang wajib
ditempuh di Universitas Duta Bangsa Surakarta.
Penyusunan laporan Skripsi ini, juga merupakan salah satu syarat yang
dilakukan untuk mendapatkan gelar sarjana.
Penyelesaian laporan Skripsi ini tidak lepas dari bantuan dan saran dari
beberapa pihak. Untuk itu penulis mengucapkan terima kasih kepada :
1. Bapak Winarno. S. Pd, M. Si sebagai kepala sekolah SMK Negeri 1 Sukoharjo.
2. Bapak dan Ibu guru serta siswa-siswi di SMK Negeri 1 Sukoharjo.
3. Bapak Dr. Singgih Purnomo, MM selaku Rektor Universitas Duta Bangsa
Surakarta.
4. Bapak Wijiyanto, M. Kom, M. Pd, selaku Dekan Universitas Duta Bangsa
Surakarta serta Dosen Pembimbing 1 yang juga memberikan arahan dan
masukan, sehingga skripsi ini dapat selesai dengan baik.
5. Bapak Joni Maulindar, S. Kom, M. Eng, selaku Ketua Program Studi Teknik
Informatika Universitas Duta Bangsa Surakarta. .
6. Ibu Sri Sumarlinda, M. Kom selaku Dosen Pembimbing 2 yang telah
memberikan arahan dan masukan, sehingga skripsi ini dapat selesai dengan
baik.
7. Keluarga terutama ayah dan ibu saya tercinta, yang telah memberikan do’a
serta dukungannya sehingga skripsi ini dapat berjalan dengan lancar
8. Teman – teman seangkatan dan seperjuangan yang selalu memotivasi sampai
saat ini.
9. Bapak dan Ibu Dosen Universitas Duta Bangsa Surakarta yang telah
memberikan bekal ilmu.
10. Orang – orang yang selalu ada disamping saya dan tidak dapat saya sebutkan
namanya satu – satu. Terimakasih karena sudah memberikan semangat dan
motivasinya.
vii
Penulis menyadari bahwa masih banyak kekurangan dari laporan Skripsi
ini, baik dari materi maupun teknik penyajiannya, mengingat kurangnya
pengetahuan dan pengalaman penulis. Oleh karena itu, kritik dan saran yang
membangun sangat penulis harapkan.
Sukoharjo, 05 Maret 2023
Penulis
viii
DAFTAR ISI
HALAMAN JUDUL ....................................................................................... i

HALAMAN PERSETUJUAN ........................................................................ ii
HALAMAN PENGESAHAN ......................................................................... iii
HALAMAN PERNYATAAN KEASLIAN PENELITIAN ........................... iv
HALAMAN MOTTO ..................................................................................... v
HALAMAN PERSEMBAHAN ..................................................................... vi
KATA PENGANTAR .................................................................................... vii
DAFTAR ISI ................................................................................................... ix
DAFTAR TABEL ........................................................................................... xi
DAFTAR GAMBAR ...................................................................................... xii
ABSTRAK ...................................................................................................... xiv
BAB I PENDAHULUAN ............................................................................... 1
1.1 Latar Belakang Masalah ................................................................ 1
1.2 Perumusan Masalah ...................................................................... 1
1.3 Batasan Masalah ............................................................................ 2
1.4 Tujuan Penelitian .......................................................................... 2
1.5 Manfaat Penelitian ........................................................................ 2
1.6 Tinjauan Pustaka ........................................................................... 3
1.7 Metodologi Penelitian ................................................................... 5
1.7.1 Jenis dan Sumber Data ................................................... 5
1.7.2 Metode Pengembangan Sistem ....................................... 5
1.8 Sistematika Penulisan ................................................................... 8
BAB II LANDASAN TEORI ......................................................................... 9
2.1 Sistem Informasi ................................................................ 9
2.1.1 Konsep Dasar Sistem ...................................................... 9
2.1.2 Karakteristik Sistem ....................................................... 9
2.2 Website .......................................................................................... 11
2.2.1 Jenis website berdasarkan sifat ....................................... 11
2.2.2 Jenis website berdasarkan platform ................................ 12
2.2.3 Jenis website berdasarkan fungsi .................................... 14
2.3 E-Learning ..................................................................................... 16
2.4 Laravel ........................................................................................... 16
2.5 Visual Studio Code ........................................................................ 16
2.6 Metode Pengembangan Sistem ..................................................... 17
2.7 Unified Modeling Language (UML) ............................................. 17
2.7.1 Use Case Diagram ......................................................... 17
2.7.2 Activity Diagram ............................................................ 19
2.7.3 Class Diagram ................................................................ 19
2.8 Metode Pengembangan Sistem Waterfall ..................................... 20
BAB III ANALISIS DAN PERANCANGAN ............................................... 23
3.1 Analisis Sistem .............................................................................. 23
3.1.1 Analisis Sistem yang Berjalan ........................................ 23
3.1.2 Analisis Masalah ............................................................ 24
3.1.3 Analisis Kebutuhan Sistem ............................................. 25
ix
3.2 Perancangan Sistem ....................................................................... 25
3.2.1 Perancangan Proses ........................................................ 27
3.2.2 Perancangan Basis Data ................................................. 38
3.2.3 Perancangan Relasi Antar Tabel .................................... 40
3.2.4 Perancangan Antarmuka ................................................. 40
BAB IV IMPLEMENTASI SISTEM ............................................................. 47
4.1 Pembuatan Basis Data ................................................................... 47
4.2 Implementasi Basis Data ............................................................... 48
4.2.1 Tabel tbl_class ............................................................... 48
4.2.2 Tabel tbl_class_user ...................................................... 48
4.2.3 Tabel tbl_feed ................................................................. 48
4.2.4 Tabel tbl_notification ..................................................... 49
4.2.5 Tabel tbl_tugas ............................................................... 49
4.2.6 Tabel tbl_user ................................................................. 50
4.2.7 Tabel tbl_user_notification ............................................ 51
4.3 Implementasi Antarmuka .............................................................. 51
4.3.1 Halaman Login ............................................................... 51
4.3.2 Halaman Dashboard Admin ........................................... 52
4.3.3 Halaman User ................................................................. 52
4.3.4 Halaman Kelas ................................................................ 55
4.3.5 Halaman Siswa ............................................................... 57
4.3.6 Halaman Profile .............................................................. 60
4.3.7 Halaman Notification ...................................................... 61
4.3.8 Halaman Dashboard Guru ............................................. 62
4.3.9 Halaman Kelas Guru ...................................................... 62
4.3.10 Halaman Dashboard Siswa .......................................... 63
4.3.11 Halaman Kelas Siswa ................................................... 64
4.4 Pengujian Fungsionalitas Sistem ................................................... 66
4.4.1 Pengujian Sistem ............................................................ 66
4.4.2 Kesimpulan ..................................................................... 72
4.5 Pengujian Pengguna ...................................................................... 72
4.5.1 Hasil Pengujian Pengguna .............................................. 73
BAB V PENUTUP .......................................................................................... 76
5.1 Kesimpulan .................................................................................... 76
5.2 Saran .............................................................................................. 77
DAFTAR PUSTAKA ..................................................................................... 78
x
DAFTAR TABEL
Tabel 1.1 Penelitian Terdahulu ....................................................................... 4

Tabel 2.1 Simbol Use Case Diagram ............................................................. 18
Tabel 2.2 Simbol Activity Diagram ................................................................ 19
Tabel 2.3 Simbol Class Diagram .................................................................... 20
Tabel 3.1 Analisis Metode PIECES ................................................................ 24
Tabel 3.2 Use Case Scenario Login ................................................................ 28
Tabel 3.3 Use Case Scenario Manajemen Guru ............................................. 29
Tabel 3.4 Use Case Scenario Manajemen Siswa ............................................ 30
Tabel 3.5 Use Case Scenario Manajemen Kelas ............................................ 31
Tabel 3.6 Use Case Scenario Manajemen Tugas ............................................ 32
Tabel 3.7 Use Case Scenario Manajemen Nilai ............................................. 33
Tabel 3.8 Use Case Scenario Manajemen Notifikasi ..................................... 34
Tabel 3.9 Use Case Scenario Upload Jawaban .............................................. 35
Tabel 3.10 Use Case Scenario Cek Nilai ........................................................ 36
Tabel 3.11 Tabel tbl_user ............................................................................... 38
Tabel 3.12 Tabel tbl_class .............................................................................. 38
Tabel 3.13 Tabel tbl_class_user ..................................................................... 38
Tabel 3.14 Tabel tbl_feed ................................................................................ 39
Tabel 3.15 Tabel tbl_tugas .............................................................................. 39
Tabel 3.16 Tabel tbl_notification .................................................................... 39
Tabel 3.17 Tabel tbl_user_notification ........................................................... 40
Tabel 4.1 Pengujian Sistem ............................................................................. 66
Tabel 4.2 Pengujian Hasil Login ..................................................................... 67
Tabel 4.3 Pengujian Manage User .................................................................. 67
Tabel 4.4 Pengujian Manage Kelas ................................................................ 68
Tabel 4.5 Pengujian Manage Tugas ................................................................ 68
Tabel 4.6 Pengujian Manage Notification ...................................................... 69
Tabel 4.7 Pengujian Halaman Kelas Guru ...................................................... 70
Tabel 4.8 Pengujian Halaman Kelas Siswa ..................................................... 70
Tabel 4.9 Pengujian Halaman Tugas Siswa .................................................... 71
Tabel 4.10 Pengujian Pengguna ...................................................................... 72
xi
DAFTAR GAMBAR
Gambar 3.1 Workflow Sistem yang Direncanakan ......................................... 23

Gambar 3.2 Use Case Diagram ...................................................................... 27
Gambar 3.3 Activity Diagram Login ............................................................... 29
Gambar 3.4 Activity Diagram Manajemen Guru ............................................ 30
Gambar 3.5 Activity Diagram Manajemen Siswa ........................................... 31
Gambar 3.6 Activity Diagram Manajemen Kelas ........................................... 32
Gambar 3.7 Activity Diagram Manajemen Tugas .......................................... 33
Gambar 3.8 Activity Diagram Manajemen Nilai ............................................ 34
Gambar 3.9 Activity Diagram Manajemen Notifikasi .................................... 35
Gambar 3.10 Activity Diagram Upload Jawaban ........................................... 36
Gambar 3.11 Activity Diagram Cek Nilai ....................................................... 37
Gambar 3.12 Class Diagram ........................................................................... 37
Gambar 3.13 Relasi Antar Tabel ..................................................................... 40
Gambar 3.14 Desain Halaman Login .............................................................. 41
Gambar 3.15 Desain Halaman Dasbor Admin ................................................ 42
Gambar 3.16 Desain Halaman User ................................................................ 43
Gambar 3.17 Desain Halaman Kelas .............................................................. 44
Gambar 3.18 Desain Halaman Siswa .............................................................. 45
Gambar 3.19 Desain Halaman Dasbor ............................................................ 46
Gambar 4.1 Pembuatan Basis Data ................................................................. 47
Gambar 4.2 Table tbl_class ............................................................................ 48
Gambar 4.3 Table tbl_class_user .................................................................... 48
Gambar 4.4 Table tbl_feed .............................................................................. 49
Gambar 4.5 Table tbl_notification .................................................................. 49
Gambar 4.6 Table tbl_tugas ............................................................................ 50
Gambar 4.7 Table tbl_user .............................................................................. 50
Gambar 4.8 Table tbl_user_notification ......................................................... 51
Gambar 4.9 Halaman Login ............................................................................ 52
Gambar 4.10 Halaman Dashboard Admin ..................................................... 52
Gambar 4.11 Halaman Pengguna/User ........................................................... 53
Gambar 4.12 Tambah Data User .................................................................... 54
Gambar 4.13 Edit Data User ........................................................................... 54
Gambar 4.14 Ubah Password User ................................................................. 55
Gambar 4.15 Halaman Kelas .......................................................................... 56
Gambar 4.16 Tambah Data Kelas ................................................................... 56
Gambar 4.17 Edit Data Kelas ......................................................................... 57
Gambar 4.18 Tambah Tugas ........................................................................... 57
Gambar 4.19 Halaman Siswa .......................................................................... 58
Gambar 4.20 Tambah Data Siswa ................................................................... 59
Gambar 4.21 Edit Data Siswa ......................................................................... 59
Gambar 4.22 Ubah Password Siswa ............................................................... 60
Gambar 4.23 Halaman Profile ........................................................................ 61
Gambar 4.24 Halaman Notification ................................................................ 62
Gambar 4.25 Halaman Dashboard Guru ........................................................ 62
xii
Gambar 4.26 Halaman Kelas Guru ................................................................. 63
Gambar 4.27 Halaman Dashboard Siswa ........................................................ 63
Gambar 4.28 Halaman Kelas Siswa ................................................................ 64
Gambar 4.29 Daftar Tugas .............................................................................. 65
Gambar 4.30 Detal Tugas ............................................................................... 65
Gambar 4.31 Pengujian Pengguna Pengoperasian Aplikasi ........................... 73
Gambar 4.32 Pengujian Pengguna Tampilan Aplikasi ................................... 73
Gambar 4.33 Pengujian Pengguna Tampilan Aplikasi ................................... 74
Gambar 4.34 Pengujian Pengguna Kebutuhan Terhadap Fitur Aplikasi ........ 74
Gambar 4.35 Pengujian Pengguna Aplikasi Membantu Proses KBM ............ 75
xiii
APLIKASI E-LEARNING
UNTUK SMK NEGERI 1 SUKOHARJO
Yusuf Mustafa1, Wijiyanto2, Sri Sumarlinda3

1,2,3
Program S1-Teknik Informatika, Universitas Duta Bangsa, Surakarta,
Indonesia
*1
yusuf_mustafa@fikom.udb.ac.id
2
wijiyanto@udb.ac.id, 3sri_sumarlinda@udb.ac.id
Abstrak
"Aplikasi E-Learning untuk SMK Negeri 1 Sukoharjo" adalah skripsi yang
membahas pengembangan sebuah platform e-learning untuk membantu proses
pembelajaran di SMK Negeri 1 Sukoharjo. Dalam skripsi ini, metode
pengembangan sistem waterfall dan pengujian black box digunakan untuk
membangun dan menguji sistem aplikasi e-learning tersebut.
Tahap-tahap pengembangan sistem meliputi analisis kebutuhan, desain
sistem, implementasi, dan pengujian. Platform e-learning ini dibangun
menggunakan teknologi web dengan framework Laravel, sebuah framework PHP
yang populer dan banyak digunakan.
Pengujian aplikasi dilakukan dengan menggunakan metode black box
testing untuk memeriksa fungsionalitas aplikasi tanpa melihat kode program di
dalamnya. Hasil pengujian menunjukkan bahwa aplikasi e-learning ini dapat
digunakan untuk membantu proses pembelajaran di SMK Negeri 1 Sukoharjo.
Skripsi ini menyimpulkan bahwa dengan menggunakan metode
pengembangan sistem waterfall dan pengujian black box, aplikasi e-learning dapat
dibangun dan diuji secara efektif sehingga dapat membantu meningkatkan kualitas
pembelajaran di SMK Negeri 1 Sukoharjo. Diharapkan bahwa aplikasi ini dapat
dikembangkan lebih lanjut untuk digunakan di lingkungan pembelajaran lainnya.
Kata kunci: Aplikasi, E-learning, Sekolah, Waterfall
xiv
E-LEARNING APPLICATION FOR
VACATIONAL HIGH SCHOOL 1 OF SUKOHARJO
Yusuf Mustafa1, Wijiyanto2, Sri Sumarlinda3

1,2,3
Program S1-Teknik Informatika, Universitas Duta Bangsa, Surakarta,
Indonesia
*1
yusuf_mustafa@fikom.udb.ac.id
2
wijiyanto@udb.ac.id, 3sri_sumarlinda@udb.ac.id
Abstract
"Aplikasi E-Learning untuk SMK Negeri 1 Sukoharjo" is a thesis that discusses the
development of an e-learning platform to assist the learning process at SMK Negeri
1 Sukoharjo. In this thesis, the waterfall system development method and black box
testing are used to build and test the e-learning application system.
The system development stages include requirements analysis, system
design, implementation, and testing. This e-learning platform is built using web
technology with Laravel framework, a popular and widely used PHP framework.
Application testing is performed using the black box testing method to check
the functionality of the application without looking at the program code inside it.
The test results show that this e-learning application can be used to assist the
learning process at SMK Negeri 1 Sukoharjo.
This thesis concludes that by using the waterfall system development method
and black box testing, e-learning applications can be built and tested effectively,
thereby helping to improve the quality of learning at SMK Negeri 1 Sukoharjo. It is
hoped that this application can be further developed for use in other learning
environments.
Keywords: Application, E-learning, School, Waterfall
xv
1
BAB I
PENDAHULUAN
1. 1 Latar Belakang
Seperti yang kita tahu bahwa saat ini penggunaan media online sangat
mendominasi kebutuhan masyarakat termasuk para pelajar. Generasi muda saat ini
sudah tidak bisa lagi dipisahkan dengan gadget dan media online. Oleh sebab itu
untuk menunjang kegiatan belajar mengajar di SMK Negeri 1 Sukoharjo
berdasarkan sikap generasi muda saat ini maka diperlukan media pembelajaran
yang bersifat online serta bisa diakses dari gadget atau HP.
SMK Negeri 1 Sukoharjo sebagai salah satu sekolah unggulan di Kabupaten
Sukoharjo tentunya juga tak luput dari masalah ini. Saat ini kegiatan belajar
mengajar diluar sekolah hanya menggunakan Google Classroom dan Whatsapp.
Oleh sebab itu fitur-fitur yang ada sangat terbatas.
Hal ini menimbulkan masalah baru yaitu bagaimana kita bisa melakukan
kegiatan belajar mengajar secara optimal. Oleh sebab itu dibuatlah aplikasi e-
learning ini yang tidak hanya sebagai media pembelajaran tetapi sekaligus
mencakup manajemen keseluruhan kegiatan belajar mengajar.
1. 2 Perumusan Masalah
Berdasarkan latar belakang masalah diatas, maka dapat dirumuskan suatu
masalahnya yaitu bagaimana cara menganalisis, merancang dan membangun
aplikasi e-learning?
2
1. 3 Batasan Masalah
Untuk membatasi cakupan bahasan yang dibahas dalam laporan ini, maka
penulis membatasi permasalahan pada :
a. Perancangan aplikasi ini hanya untuk web browser.
b. Aplikasi hanya mengidentifikasi para Guru dan Siswa serta Administrator.
c. Aplikasi ini terbatas untuk manajemen guru, siswa, kelas, tugas dan tugas.
d. User Administrator bertugas untuk manajemen keseluruhan sistem.
e. User Guru hanya dapat melakukan manajemen tugas, manajemen kelas dan
manajemen tugas.
f. User Siswa hanya dapat mengunduh dan mengunggah tugas.
g. Sistem yang dibuat menggunakan metode pengembangan Object Oriented
h. Sistem yang dibuat menggunakan bahasa pemrograman PHP dan framework
Laravel.
i. Perancangan sistem ini mencakup upload tugas, upload jawaban serta penilaian.
1. 4 Tujuan Penelitian
Penulisan laporan penelitian ini bertujuan untuk menganalisis, merancang
dan membuat aplikasi e-learning untuk SMK Negeri 1 Sukoharjo.
1. 5 Manfaat Penelitian
a. Manfaat Teoritis
1) Dapat menjadi referensi untuk penelitian yang lain yang ingin mengembangkan
aplikasi e-learning ini.
2) Sebagai sumbangan informasi/pengetahuan tentang pengembangan aplikasi e-
learning.
3
b. Manfaat Praktis
1) Mempermudah guru dan murid dalam melakukan kegiatan belajar mengajar
tanpa harus datang ke Sekolah. Dapat dilakukan dimana saja dan hanya melalui
sebuah ponsel.
2) Membantu memperkecil kemungkinan terkena virus pada musim pandemi ini,
karena tidak perlu ke Sekolah.
1. 6 Tinjauan Pustaka
Setelah peneliti melakukan telaah terhadap beberapa penelitian, ada
beberapa yang memiliki keterkaitan dengan penelitian yang peneliti lakukan.
Penelitian yang pertama adalah penelitian yang dilakukan oleh Fathur
Rahman, S.Kom., M.Kom dan Dr. Silvia Ratna, S.Kom., M.Kom (2018) yang
berjudul “Perancangan E-Learning Berbasis Web Menggunakan Framework
Codeigniter”. Tujuan dari penelitian ini adalah untuk dapat melakukan update atau
pemutakhiran data atau bahan-bahan pembelajaran yang menjadi tugas seorang
pengajar yang menyesuaikan dari tujuan perkembangan teknologi yang terkini pada
keilmuan yang terbaru.
Penelitian yang kedua adalah penelitian yang dilakukan oleh Juniar
Hutagalung, Hendryan Winata, dan Hendrya Jaya (2019) yang berjudul
“Perancangan Dan Implementasi E-Learning Berbasis Web Pada SMA Negeri 1
Siantar”. Tujuan dari penelitian ini adalah untuk Mendukung proses kegiatan
belajar-mengajar, sehingga melalui e-learning proses belajar-mengajar dapat
dilakukan dengan cepat dan mudah serta dapat meningkatkan efisiensi dan
efektifitas waktu dan biaya.

4
Penelitian yang ketiga adalah penelitian yang dilakukan oleh Mario
Stefanus, dan Johanes Fernandes Andry (2020) yang berjudul “Pengembangan
Aplikasi E-Learning Berbasis Web Menggunakan Model Waterfall Pada Smk
Strada 2 Jakarta”. Tujuan dari penelitian ini adalah untuk mengembangkan e-
Learning sebagai bentuk peningkatan performa dan informasi yang lebih dalam
proses pembelajaran.
Tabel 1. 1. Penelitian Terdahulu
Nama Peneliti Judul Metode Hasil Perbedaan

Penelitian
Fathur Rahman, Perancangan Metode Dapat melakukan Aplikasi dibangun
S.Kom., E-Learning analisis SWOT update atau menggunakan
M.Kom; Berbasis Web pemutakhiran data atau framework
Dr. Silvia Ratna, Menggunakan bahan-bahan Codeigniter,
S.Kom., M.Kom Framework pembelajaran yang sedangkan dalam
(2018) Codeigniter menjadi tugas seorang penelitian ini
pengajar yang aplikasi dibangun
menyesuaikan dari dengan
tujuan framework
perkembangan Laravel
teknologi yang terkini
pada
keilmuan yang terbaru.
Juniar Perancangan Metodologi Mendukung proses Aplikasi dibangun
Hutagalung, Dan sistematis kegiatan belajar- menggunakan
Hendryan Implementasi mengajar, sehingga PHP Native,
Winata, dan E-Learning melalui e-learning sedangkan dalam
Hendrya Jaya Berbasis proses belajar-mengajar penelitian ini
(2019) Web Pada dapat aplikasi dibangun
SMA Negeri 1 dilakukan dengan cepat dengan
Siantar dan mudah serta dapat framework
meningkatkan efisiensi Laravel
dan efektifitas
waktu dan biaya.
Mario Stefanus Pengembangan Metode E-learning ini mampu Aplikasi dibangun
dan Johanes Aplikasi E- analisis SWOT sebagai bentuk menggunakan
Fernandes Learning peningkatan performa framework
Andry (2020) Berbasis Web dan Codeigniter,
Menggunakan informasi yang lebih sedangkan dalam
dalam proses penelitian ini
5
Model pembelarajaran. aplikasi dibangun

Waterfall Pada dengan
Smk Strada 2 framework
Jakarta Laravel
1. 7 Metodologi Penelitian
1.7.1 Jenis dan Sumber Data
Bahan penelitian yang dapat membantu dalam penelitian ini yaitu :
1. Metode Penelitian Kepustakaan (Library Seacrh), yaitu dengan mempelajari
literatur dan jurnal yang ada kaitanya dengan objek yang diteliti. Kegunaan
metode ini diharapkan dapat mempertegas teori serta keperluan analisis dan
mendapatkan data yang sesungguhnya.
2. Metode Observasi, yaitu dilakukan dengan pengamatan langsung terhadap objek
yang akan diteliti terkait permasalahan yang akan dibahas, yaitu dengan
mengunjungi sekolah untuk melihat dan mengamati kegiatan yang terjadi antara
guru dan murid.
3. Metode Wawancara, Berdasar hasil wawancara dengan guru SMK N 1
Sukohrajo, maka dapat disimpulkan bahwa permasalahan yang dihadapi dalam
penjualan dan promosi selama ini karena belum adanya media yang mendukung
seperti e-learning dan manajemen kelas secara online sehingga membuat proses
KBM kurang maksimal.
1.7.2 Metode Pengembangan Sistem
Pada pengembangan penulis menngunakan metode Air terjun
(WaterFall) Menurut Rosa dan M. Shalahuddin (2018) Model SDLC air terjun
(waterfall) sering juga disebut model sekuensial linier (sequential linier) atau alur
6
hidup klasik (classic life cycle). Model air terjun menyediakan pendekatan alur
hidup perangkat lunak secara sekuensial atau terurut dimulai dari analisis, desain,
pengkodean, pengujian, dan tahap pendukung (support).
1. Analisis Kebutuhan Sistem
Proses pengumpulan kebutuhan dilakukan secara intensif untuk
menspesifikasikan kebutuhan perangkat lunak agar dapat dipahami perangkat
lunak seperti apa yang dibutuhkan oleh user. Spesifikasi kebutuhan perangkat
lunak pada tahap ini perlu untuk didokumentasikan..
2. Desain Sistem
Desain perangkat lunak adalah proses multilangkah yang fokus pada
desain pembuatan program perangkat lunak termasuk struktur data, arsitektur
perangkat lunak, representasi antarmuka, dan prosedur pengkodean. Tahap ini
mentranslasi kebutuhan perangkat lunak dari tahap analisis kebutuhan ke
representasi desain agar dapat diimplementasikan menjadi program pada tahap
selanjutnya. Desain perangkat lunak yang dihasilkan pada tahap ini juga
perlu didokumentasikan.
3. Pengkodean Sistem
Desain harus ditranslasikan kedalam program perangkat lunak. Hasil
dari tahap ini adalah program komputer sesuai dengan desain yang telah dibuat
pada tahap desain
4. Pengujian
Pengujian fokus pada perangkat lunak secara dari segi logik dan fungsional
dan memastikan bahwa semua bagian sudah diuji. Hal ini dilakukan untuk
7
meminimalisir kesalahan (error) dan memastika keluaran yang dihasilkan sesuai
dengan yang diinginkan.
5. Pendukung atau Pemeliharaan (maintenance)
Tidak menutup kemungkinan sebuah perangkat lunak mengalami
perubahan ketika sudah dikirimkan ke user. Perubahan bisa terjadi karena
adanya kesalahan yang muncul dan tidak terdeteksi saat pengujian atau
perangkat lunak harus beradaptasi dengan lingkungan baru. Tahap
pendukung atau pemeliharaan dapat mengulangi proses pengembangan
mulai dari analisis spesifikasi untuk perubahan perangkat lunak yang sudah ada,
tapi tidak untuk membuat perangkat lunak baru.

8
1. 8 Sistematika Penulisan
BAB I PENDAHULUAN
Pada bab ini berisi pendahuluan yang akan diuraikan tentang Latar
Belakang Masalah, Rumusan Masalah, Rumusan Masalah, Tujuan
Penelitian, Manfaat Penelitian, Metodologi Penelitian, Waktu dan
Tempat Pelaksanaan penelitian, dan Sistematika Penulisan.
BAB II LANDASAN TEORI
Bab ini menjelaskan teori-teori singkat dan hal yang berhubungan
dengan pengertian Aplikasi, E-Learning, Website, PHP, dan MySql.
BAB III ANALISIS DAN PERANCANGAN SISTEM
Pada bab ini berisi tentang identifikasi masalah yang ada, dan
metode – metode yang digunakan dalam menyelesaikan masalah.
BAB IV IMPLEMENTASI SISTEM
Pada bab ini dijelaskan mengenai implementasi dari rancang bangun
aplikasi, sehingga pengguna dapat mengetahui rancang bangun cara
penggunaan program serta dapat menjalankan aplikasi.
BAB V PENUTUP
Sebagai bab terakhir beberapa kesimpulan dan uraian dari bab-bab
sebelumnya akan dijelaskan oleh penulis sekaligus memberikan
penjelasan dan saran yang bermanfaat bagi perancangan ini.

9
BAB II
LANDASAN TEORI
2. 1 Sistem Informasi
Menurut Mulyanto dalam Kuswara dan Kusmana (2018:18), Sistem
informasi adalah suatu sistem yang terdiri dari kumpulan komponen sistem, yaitu
software, hardware dan brainware yang memproses informasi menjadi sebuah
output yang berguna untuk mencapai suatu tujuan tertentu dalam suatu organisasi.
2. 1. 1 Konsep Dasar Sistem
Sistem : kumpulan dari elemen-elemen yang berinteraksi untuk mencapai
suatu tujuan tertentu.Menurut Jerry FithGerald ; sistem adalah suatu jaringan kerja
dari prosedur-prosedur yang saling berhubungan, berkumpul bersama-sama untuk
melakukan suatu kegiatan atau menyelesaikan suatu sasaran tertentu.
2. 1. 2 Karakteristik Sistem / Elemen Sistem
a. Memiliki Komponen
Suatu sistem terdiri dari sejumlah komponen yang saling berinteraksi,
bekerja sama membentuk satu kesatuan. Komponen-komponen sistem dapat
berupa suatu subsistem atau bagian-bagian dari sistem. Setiap sistem tidak
peduli betapapun kecilnya, selalu mengandung komponen-komponen atau
subsistem-subsistem. Setiap subsistem mempunyai sifat-sifat dari sistem untuk
menjalankan suatu fungsi tertentu dan mempengaruhi proses sistem secara
keseluruhan. Suatu sistem dapat mempunyai suatu sistem yang lebih besar yang
disebut supra sistem, misalnya suatu perusahaan dapat disebut dengan suatu
10
sistem dan industri yang merupakan sistem yang lebih besar dapat disebut
dengan supra sistem
b. Batas (System Boundary)
Batas sistem merupakan daerah yang membatasi antara suatu sistem dengan
sistem yang lainnya atau dengan lingkungan luarnya. Batas sistem ini
memungkinkan suatu sistem dipandang sebagai suatu kesatuan. Batas suatu
sistem menunjukkan ruang lingkup (scope) dari sistem tersebut
c. Lingkungan Luar Sistem ( environment )
Apapun di luar batas dari sistem yang mempengaruhi operasi sistem.
d. Penghubung Sistem ( Interface )
Merupakan media penghubung antara satu subsistem dengan subsistem
yang lainnya.
e. Masukan Sistem ( Input )
Merupakan energi yang dimasukkan ke dalam sistem. Masukan dapat
berupa masukan perawatan (maintenance input) dan masukan sinyal (signal
input). Maintenance input adalah energi yang dimasukkan supaya sistem
tersebut dapat beroperasi. Signal input adalah energi yang diproses untuk
didapatkan keluaran. Sebagai contoh didalam sistem komputer, program adalah
maintenance input yang digunakan untuk mengoperasikan komputernya dan
data adalah signal input untuk diolah menjadi informasi
f. Keluaran Sistem ( Output )
Merupakan hasil dari energi yang diolah oleh sistem.
g. Pengolah Sistem ( Process )

11
Merupakan bagian yang memproses masukan untuk menjadi keluaran yang
diinginkan.
h. Sasaran System
Kalau sistem tidak mempunyai sasaran, maka operasi system tidak akan ada
gunanya.
2. 2 Website
Lokasi di internet yang menyajikan kumpulan informasi sehubungan dengan
profil pemilik situs. Website adalah suatu halaman yang mumuat situs situs web
page yang berada di internet yang berfungsi sebagai media penyampaian informasi,
komunikasi, atau transaksi (Hastantik, dkk, 2018).
2. 2. 1 Jenis website berdasarkan sifat
a. Website Statis
Secara sederhana, website statis dapat didefinisikan sebagai website yang
kontennya konstan atau tidak berubah. Setiap laman dibuat dengan kode HTML
dan menunjukkan informasi yang sama kepada setiap pengunjung. Hanya
webmaster atau developer yang bisa melakukan update pada konten website
statis.
Umumnya website statis dibuat dengan menggunakan HTML dan CSS oleh
developer yang memahami pemrograman dan coding. Anda juga bisa
menggunakan generator website statis seperti Jekyll, Hexo, atau Hugo. Karena
website statis tidak membutuhkan update konten secara berkala, website statis
tidak memerlukan database. Biasanya website statis digunakan untuk website

12
perusahaan yang hanya perlu memberikan informasi-informasi dasar seperti
alamat, kontak, dan sejarah perusahaan.
b. Website Dinamis
Sebaliknya website dinamis adalah website yang kontennya selalu di-update
secara berkala. Kebanyakan website bersifat dinamis karena lebih mudah
dikelola dibandingkan website statis.Website dinamis menampilkan kontennya
dari database yang biasanya hanya bisa diakses oleh webmaster atau developer.
Meskipun begitu, website dinamis memungkinkan untuk memiliki beberapa user
yang bisa melakukan update konten website tanpa mengganggu desain web.
2. 2. 2 Jenis website berdasarkan platform
a. CMS
Metode pertama adalah cara yang paling populer, yaitu menggunakan
Content Management System (CMS). CMS adalah perangkat lunak atau sistem
yang digunakan untuk membuat dan mengatur konten digital. Cara mudah
membuat website dengan cepat dengan menggunakan CMS. Beberapa CMS
yang paling banyak digunakan adalah WordPress, Joomla dan Drupal.
Dari ketiga CMS populer tersebut, WordPress adalah yang paling mudah
untuk dioperasikan. Selain mudah dioperasikan, WordPress juga merupakan
pemegang market share terbesar CMS dengan angka 59.9 persen.
Artinya lebih dari separuh pengguna CMS adalah pengguna WordPress,
artinya tutorial dan tips lebih mudah didapatkan pada wordpress. Selain itu,
banyak pengembang WordPress yang menyediakan plugin yang mempermudah
untuk menambah fitur di website. Menggunakan WordPress hosting juga untuk

13
membuat jenis website apa saja dari, website perusahaan, website toko online,
sampai blog atau website pribadi. Perusahaan besar pun banyak yang
menggunakan WordPress.
Meskipun membuat website dengan CMS termasuk mudah, tetap perlu
mempelajari cara penggunaannya. Masing-masing CMS mempunyai cara kerja
yang berbeda. Namun, jika menggunakan WordPress, kesempatan belajar akan
lebih mudah karena tersedia banyak tutorial WordPress di internet seperti yang
sudah disebutkan sebelumnya.
b. Website Builder
Website builder adalah platform yang disediakan untuk membuat website
dengan cepat, tanpa perlu memahami coding atau kemampuan desain sama
sekali. Website builder cocok untuk mereka yang ingin membuat website dalam
waktu singkat, tidak mempunyai kemampuan teknis dan tidak ada waktu untuk
mempelajarinya. Beberapa contoh website builder populer adalah Wix, Site
Builder, dan Weebly.
Kelebihan dari website builder adalah pengguna mendapatkan paket
lengkap membuat website, dari hosting, domain, hingga pilihan template.
Pengguna hanya perlu mengganti konten sesuai yang diinginkan dan bisa
dibantu oleh support dari penyedia website builder.
c. HTML dan CSS
Jenis website berdasarkan platform yang terakhir adalah website yang
menggunakan HTML dan CSS. Biasanya website statis dibuat menggunakan
metode ini.
14
Metode membuat website terakhir ini memerlukan pengetahuan tentang
coding dan pemrograman menggunakan HTML dan CSS.Untuk membuat kode
untuk website bissa menggunakan software seperti Notepad++, Text Wrangler,
atau Sublime Text.
2. 2. 3 Jenis website berdasarkan fungsi
a. Blog atau Website Pribadi
Sejak awal tahun 2000-an, blog menjadi tren baru sebagai jurnal pribadi
yang bisa dikelola dan diakses secara online. Jika ingin menuliskan pengalaman
pribadi, opini, atau kisah perjalanan, bisa mempublikasikannya melalui blog.
b. E-commerce / Toko Online
Bisa juga dapat memanfaatkan website untuk membuat toko online.
Meskipun sudah berjualan di marketplace atau media sosial, tetap website tetap
diperlukan. Sebagaimana memiliki toko fisik di dunia nyata, website dapat
difungsikan sebagai “toko” di dunia maya.
Dengan website bisa mengarahkan calon konsumen dari media sosial ke
website toko online agar semua transaksi terjadi di website. Jadi semua transaksi
toko online bisa tercatat secara otomatis dan bisa dievaluasi dengan mudah
menggunakan bantuan Google Analytics.
d. Website Perusahaan
Jika perusahaan tidak melakukan transaksi secara online, juga perlu
memiliki website resmi perusahaan agar calon konsumen bisa menemukan
informasi resmi tentang perusahaan dari website resmi.

15
Dengan begitu, kepercayaan konsumen terhadap perusahaan akan
meningkat karena mereka bisa menemukan informasi resmi yang dibutuhkan
melalui mesin pencarian.
e. Blog ( Konten Marketing )
Selain digunakan sebagai jurnal pribadi, blog juga dapat digunakan sebagai
alat content marketing. Dengan blog dapat mendatangkan trafik ke website toko
online atau website perusahaan melalui blog.
Perusahaan dapat membuat konten atau artikel menggunakan kata kunci
yang sering digunakan oleh calon konsumen. Misalnya, menjual sepatu kulit,
bisa menulis artikel di blog content marketing dengan kata kunci seperti “cara
merawat sepatu kulit” atau “sepatu kulit terbaik”.
f. Media Sharing
Jenis website ini berguna untuk berbagi media baik gambar, file musik,
hingga video. User dapat upload ke situs tersebut dan bisa dilihat oleh pengguna
lainnya. Contoh website jenis ini adalah seperti soundcloud, youtube, dan
berbagai web stock photo.
g. Komunitas Online
Jenis website ini berguna untuk berbagi media baik gambar, file musik,
hingga video. User dapat upload ke situs tersebut dan bisa dilihat oleh pengguna
lainnya. Contoh website jenis ini ialah seperti soundcloud, youtube, dan
berbagai web stock photo.
h. Website Berita
16
Website dengan tujuan untuk menyebarkan berita mungkin adalah jenis
website paling familiar untuk Anda. Di era serba digital, portal berita online
berhasil menggeser bentuk media lain sebagai sumber informasi.
2. 3 E-Learning
Adalah cara baru dalam pembelajaran dengan memanfaatkan perangkat
elektronik berupa gawai atau laptop khususnya pada akses internet dalam
penyampaiannya dalam pembelajaran, sehingga pembelajaran daring sepenuhnya
bergantung kepada akses jaringan internet. (Rigianti, 2020).
2. 4 Laravel
Laravel adalah salah satu framework PHP yang dibangun dengan konsep
MVC (model view controller). Laravel adalah pengembangan website berbasis
MVP yang ditulis dalam PHP yang dirancang untuk meningkatkan kualitas
perangkat lunak dengan mengurangi biaya pengembangan awal dan biaya
pemeliharaan , serta untuk meningkatkan pengalaman bekerja dengan aplikasi
dengan menyediakan sintaks yang ekspresif, jelas, dan menghemat waktu.
Serta dari Framework Laravel juga mempermudah pengguna dalam
membangun suatu sistem informasi karena melalui laravel semua kebutuhan yang
diperlukan dalam membangun suatu sistem sudah disediakan seperti membuat form
registrasi atau login di laravel form tersebut bisa tampil hanya dengan perintah
singkat yaitu php artisan make:auth, selain itu bisa juga membuat tabel serta view,
controller dan model langsung melalui laravel sehingga pengguna sangat
dipermudah. (Agustinus Tarano, 2021).
2. 5 Visual Studio Code

17
Visual studio Code merupakan aplikasi cross platform yang dapat
digunakan berbagai sistem operasi seperti windows, Linux, dan Mac OS. VS Code
termasuk software yang ringan namun kuat editor sumbernya dengan desktop.
Menggunakan berbagai macam bahasa pemrograman seperti Java, JavaScript, Go,
C++, Dart, dan masih banyak yang lainnya.
2. 6 Metode Pengembangan Sistem
Pada dasarnya sistem berkaitan antara unsur-unsur pembentuknya. Kata
fungsi selalu menunjukan kepada pengaruh terhadap sesuatu yang lain. Dari
pengertian fungsi data, maka peneliti menyimpulkan fungsi adalah hubungan di
dalam sebuah sistem antara pihak satu dengan pihak yang lain yang saling
mempengaruhi sehingga menimbulkan efek arti dan makna bagi kedua belah pihak.
Wihani.(2019:102)
2. 7 Unified Modelling Language (UML)
UML bukanlah hasil dari satu individu tetapi, merupakan upaya kolektif
dari banyak praktisi, ahli metodologi, pemikir, dan penulis. UML pertama kali
diusulkan sekitar tahun 1995 sebagai kombinasi dari tiga metode (proses) yang
paling popular saat itu, Booch, Object Modeling Technique, dan Objectory. UML
sendiri berguna 6 dengan tujuan untuk memodelkan, mengembangkan, dan
memelihara sistem perangkat lunak (Unhelkar, 2018).
2.7.1 Use Case Diagram
Use case diagram adalah model persyaratan sistem pada level tinggi. Use
Case Diagram digunakan untuk memvisualisasikan Use Case, sektor yang terkait
beserta dengan interaksinya. Model visual dari penggunaan Use Case memfasilitasi
18
pemahaman proses bisnis dan bantuan dalam komunikasi dengan pemangku
kepentingan. Spesifikasi dan dokumentasi Use Case yang ditunjukkan dalam
bentuk diagram dapat membentuk inti dari pemodelan persyaratan (Unhelkar,
2018).
Tabel 2.1 Simbol Use Case Diagram
Nama Simbol Simbol Keterangan

Use Case Fungsionalitas yang
disediakan sistem sebagai
unit-unit yang saling tertukar
pesan antar unit atau aktor;
biasanya dinyatakan dengan
menggunakan kata kerja
diawal frase nama Use Case
Aktor/Actor Orang, proses, atau sistem
lain yang berinteraksi dengan
sistem informasi yang akan
dibuat diluar sistem
informasi yang akan dibuat
itu sendiri, jadi walaupun
simbol dari aktor adalah
gambar orang, tapi aktor
belum tentu merupakan
orang: biasanya dinyatakan
menggunakan kata benda
diawal frase nama aktor
Asosiasi/Association Komunikasi antara aktor dan
use case yang berpartisipasi
pada use case atau use case
memiliki interaksi dengan
aktor
Ekstensi/Extend Relasi use case tambahan ke
sebuah use case dinamakan
use case yang ditambahkan
dapat berdiri sendiri walau
tanpa use case tambahan itu;
mirip dengan prinsip
intherince pada
pemrograman berorientasi
objek; biasanya use case
tambahan memiliki nama
19
depan yang sama dengan use

case yang ditambahkan.
System Boundary Simbol yang memisahkan
aktor dari use case. Semua
aktor ada di luar batas dan
kasus penggunaan ada di
dalamnya.
2.7.2 Activity Diagram
Activity diagram menggambarkan aliran kerja, atau proses, dalam suatu
sistem. Karena itu, mereka tergambar seperti flowchart. Activity Diagram
mendokumentasikan perilaku internal yang ada dalam Use Case, antara Use Case,
atau bisnis secara keseluruhan (Unhelkar, 2018).
Table 2.2 Simbol Activity Diagram

Start Simbol start untuk
menyatakan awal dari
suatu proses
Activity Simbol activity
menyatakan aksi yang
dilakukan dalam suatu
arsitektur sistem.
Decision Simbol decision
digunakan untuk
menyatakan kondisi
dari suatu proses
Stop Simbol stop untuk
menyatakan akhir dari
suatu proses
2.7.3 Class Diagram
Class diagram adalah salah satu diagram yang paling populer bagi software
engineering. Class Diagram mewakili entitas kunci dalam bisnis serta domain
teknis. Class Diagram sifatnya sangat struktural dan statis. Class Diagram dapat
20
menunjukkan kelas yang ada pada tingkat bisnis, juga dengan kelas pada tingkat
teknis yang berasal dari bahasa implementasi (misalnya Java atau C++) (Unhelkar,
2018).
Tabel 2.3 Simbol Class Diagram

Kelas Kelas pada struktur
sistem
Asosiai/Association Relasi antar kelas

dengan
makna umum
Inheritance Relasi antarkelas dengan
makna
generalisasispesialisasi
(umum khusus)
Agregasi/Aggregation Relasi antarkelas dengan
makna semua bagian
(whole-part)
2. 8 Metode Pengembangan Sistem Waterfall
Pada pengembangan penulis menngunakan metode Air terjun
(WaterFall) Menurut Rosa dan M. Shalahuddin (2018) Model SDLC air terjun
(waterfall) sering juga disebut model sekuensial linier (sequential linier) atau alur
hidup klasik (classic life cycle). Model air terjun menyediakan pendekatan alur
hidup perangkat lunak secara sekuential atau terurut dimulai dari analisis, desain,
pengkodean, pengujian, dan tahap pendukung (support).
a. Analisis Kebutuhan Sistem
Proses pengumpulan kebutuhan dilakukan secara intensif untuk
menspesifikasikan kebutuhan perangkat lunak agar dapat dipahami perangkat

21
lunak seperti apa yang dibutuhkan oleh user. Spesifikasi kebutuhan perangkat
lunak pada tahap ini perlu untuk didokumentasikan..
b. Desain Sistem
Desain perangkat lunak adalah proses multilangkah yang fokus pada
desain pembuatan program perangkat lunak termasuk struktur data,
arsitektur perangkat lunak, representasi antarmuka, dan prosedur pengkodean.
Tahap ini mentranslasi kebutuhan perangkat lunak dari tahap analisis kebutuhan
ke representasi desain agar dapat diimplementasikan menjadi program pada
tahap selanjutnya. Desain perangkat lunak yang dihasilkan pada tahap ini
juga perlu didokumentasikan.
c. Pengkodean Sistem
Desain harus ditranslasikan kedalam program perangkat lunak. Hasil
dari tahap ini adalah program komputer sesuai dengan desain yang telah dibuat
pada tahap desain
d. Pengujian
Pengujian fokus pada perangkat lunak secara dari segi lojik dan fungsional
dan memastikan bahwa semua bagian sudah diuji. Hal ini dilakukan untuk
meminimalisir kesalahan (error) dan memastika keluaran yang dihasilkan
sesuai dengan yang diinginkan.
e. Pendukung atau Pemeliharaan (maintenance)
Tidak menutup kemungkinan sebuah perangkat lunak mengalami
perubahan ketika sudah dikirimkan ke user. Perubahan bisa terjadi karena
adanya kesalahan yang muncul dan tidak terdeteksi saat pengujian atau
22
perangkat lunak harus beradaptasi dengan lingkungan baru. Tahap
pendukung atau pemeliharaan dapat mengulangi proses pengembangan
mulai dari analisis spesifikasi untuk perubahan perangkat lunak yang sudah
ada, tapi tidak untuk membuat perangkat lunak baru

23
BAB III
ANALISIS DAN PERANCANGAN
3.1 Analisis Sistem
Untuk mendapatkan kinerja yang baik hal diperlukan adalah perbaikan
sistem yang lama dengan membuat suatu rancangan sistem yang baru agar dapat
memberikan hal lebih baik dari sistem yang lama. Analisis sistem ini yaitu meliputi
analisis kelemahan sistem dan analisis kebutuhan sistem yang meliputi kebutuhan
perangkat keras, kebutuhan perangkat lunak serta kebutuhan operasional.
3.1.1 Analisis Sistem yang Berjalan
Workflow merupakan alur proses kerja yang di dalamnya dapat dilakukan
pelacakan dan memberikan suatu tugas kepada partisipan dengan aturan tertentu.
Gambar 3.1 Workflow Sistem yang Berjalan
Keterangan :
Guru mengunggah tugas/materi ke e-learning berdasarkan kelas masing-masing
dengan batas waktu yang sudah ditentukan. Kemudian siswa mengunduh
tugas/materi yang sudah diunggah di kelas. Siswa mengerjakan tugas dalam bentuk
word/pdf. Setelah tugas selesai dikerjakan siswa mengunggah jawaban ke e-

24
learning sebelum batas waktu habis. Guru mengecek jawaban dari siswa kemudian
memberikan nilai.
3.1.2 Analisis Masalah
Sistem yang berjalan selama ini masih memiliki berbagai kekurangan.
Untuk menyelesaikan masalah tersebut, maka disusun analisis yang digunakan
sebagai alat ukur untuk menentukan sebuah sistem yaitu dengan menggunakan
analisis PIECES (performance, information, economy, control, efficiency dan
service). Berikut ini adalah tabel analisis sistem :
Tabel 3.1 Analisis Metode PIECES
Analisis sistem yang Keterangan Sistem yang

No Analisis
berjalan dikembangkan
1 Performance Kurang maksimalnya Dengan adanya sistem ini
(Kinerja) pembelajaran di luar maka tugas dan materi
sekolah yang tidak bisa
disampaikan saat di
sekolah akan teratasi
2 Information Siswa yang tidak masuk Siswa yang tidak masuk
(Informasi) akan kesulitan untuk bisa mengakses tugas dan
mengikuti proses materi secara online
pembelajaran
3. Economic Membutuhkan biaya Tidak perlu lagi
(Ekonomi) tambahan untuk membeli menggunakan alat tulis
alat tulis konvensional konvensional karena
pembelajaran secara online
4. Control Data yang tidak memiliki Data akan memiliki back
(kontrol) back up sehingga jika up sehingga tidak terjadi
terjadi kehilangan data kehilangan data
5 Efficiency Pada sistem manual Pada sistem penginputan
(Efisien) penginputan data masih data tidak menggunakan
sulit dan memakan biaya manual dan tidak
operasional memakan biaya
operasional
6 Service Siswa dan guru akan Siswa dan guru tidak akan
(Pelayanan) kesulitan untuk kesulitan mendapatkan
mendapatkan informasi informasi karena di
tertentu seputar akademik aplikasi tersebut terdapat
25
menu notifikasi untuk

pengumuman tertentu
3.1.3 Analisis Kebutuhan Sistem
Untuk memenuhi kinerja sistem maka dibutuhkan beberapa yang diperlukan
sistem diantara lain adalah :
1. Software (Perangkat Lunak)
Software yang diperlukan dalam pembangunan Aplikasi Studio Musik adalah
sebagai berikut:
a. PHP Version 7.4 sebagai Script Language.
b. Apache Version 2.2.4 sebagai Web Server.
c. MySQL Version 5.0.27 sebagai DBMS (Database Management System)
d. phpMyAdmin Version 2.9.2 sebagai Database Manager.
e. Browser (Google Chrome).
f. Visual Studio Code sebagai pengolah kode.
g. Adobe Photoshop CC 2021 (design)
2. Hadware (Perangkat Keras)
Hardware minimal untuk pembuatan aplikasi e-learning adalah dengan
spesifikasi sebagai berikut:
a. Processor core 2 duo.
b. Memory 1 GB atau lebih.
c. Harddisk 120 GB atau lebih.
d. Display VGA 1 GB atau resolusi yang lebih besar.
3.2 Perancangan Sistem

26
Perancangan sistem merupakan tahap lanjutan dari analisis sistem
yang sedang berjalan, dimana pada perancangan sistem diperlukan sebagai
acuan untuk memperbaharui atau meningkatkan kinerja suatu sistem
informasi. Pada tahapan ini yaitu untuk memberikan gambaran mengenai
sistem yang berjalan seperti membuat kelas baru, bergabung ke kelas,
mengunggah tugas ataupun materi dan memberikan nilai.
Perubahan sistem yang dilakukan pada proses pembelajaran untuk
guru yaitu pembuatan tugas ataupun materi serta penilaian dilakukan secara
komputerisasi. Sedangkan untuk murid yaitu jawaban dari tugas yang telah
diunduh bisa diunggah secara online. Langkah-langkah sistem informasi
yang diusulkan sebagai berikut :
1. Admin membuat user guru dan siswa.
2. Untuk memulai kelas guru bisa login ke sistem terlebih dahulu dengan
akun yang sudah tersedia kemudian bisa membuat kelas baru sesuai
dengan mata pelajaran masing-masing, token untuk masuk kelas akan
dibuat secara otomatis.
3. Untuk bergabung dengan kelas yang sudah dibuat siswa harus
memasukkan kode atau token yang diberikan oleh guru.
4. Guru bisa mengunggah tugas ataupun materi ke kelas yang sudah dibuat
sebelumnya dengan batas waktu yang ditentukan.
5. Untuk mengerjakan tugas yang diberikan oleh guru siswa bisa melihat
di daftar tugas kemudian mengunduh tugas yang sudah diunggah oleh
guru.
27
6. Guru bisa memberikan penilain ketika jawaban dari siswa sudah
diunggah.
3.2.1 Perancangan Proses
Perancangan proses menggambarkan proses - proses yang terjadi dalam
aplikasi e-learning tersebut. Adapun proses yang terjadi dalam aplikasi e-learning
ini adalah sebagai berikut :
a. Use Case Diagram
Gambar 3.2 Use Case Diagram
Keterangan :
1. Terdapat 3 user yaitu admin, guru dan siswa.
2. Admin dapat melakukan manajemen data guru, siswa, tugas, nilai, kelas
28
dan notifikasi.
3. Guru dapat melakukan manajemen tugas, nilai dan kelas.
4. Siswa dapat mengunggah jawaban dari tugas yang sudah diberikan dan
melihat informasi nilai.
5. Semua aktivitas tersebut diharuskan untuk login ke dalam sistem terlebih
dahulu.
b. Use Case Scenario dan Activity Diagram
1. Use Case Scenario & Activity Diagram Login
Tabel 3.2 Use Case Scenario Login
Use Case Name Use Case Scenario Login

Actor Admin
Pre Condition Harus memiliki username dan password
Description Use case ini menggambarkan kegiatan
memasukkan username dan password
Typical Course of Actor Action System Response
Event Memasukkan Masuk halaman dasbor
username dan admin
password
Alternate Course Jika username dan password salah, maka
system akan memberi peringatan
Conclusion Aktor berhasil login
Post Condition Aktor akan Masuk halaman dasbor admin
29
Gambar 3.3 Activity Diagram Login
2. Use Case Scenario & Activity Manajemen Guru
Tabel 3.3 Use Case Scenario Manajemen Guru
Use Case Name Use Case Scenario Manajemen Guru

Actor Admin
Pre Condition Belum login
Description Aktor melakukan proses manajemen data
guru
Event Input/edit/hapus Data tersimpan di sistem
data guru
Alternate Course Jika ada data yang tidak lengkap maka sistem
akan memberi peringatan/tidak menyimpan
Conclusion Aktor berhasil melakukan manajemen data
guru
Post Condition Aktor akan masuk ke menu daftar guru
30
Gambar 3.4 Activity Diagram Manajemen Guru
3. Use Case Scenario & Activity Diagram Manajemen Siswa
Tabel 3.4 Use Case Scenario Manajemen Siswa
Use Case Name Use Case Scenario Manajemen Siswa

Actor Admin
Description Aktor melakukan proses manajemen data
siswa
data siswa
siswa
Post Condition Aktor akan masuk ke menu daftar siswa
31
Gambar 3.5 Activity Diagram Manajemen Siswa
4. Use Case Scenario & Activity Manajemen Kelas
Tabel 3.5 Use Case Scenario Manajemen Kelas
Use Case Name Use Case Scenario Manajemen Kelas

Actor Admin/Guru
Description Aktor melakukan proses manajemen kelas
data kelas
kelas
Post Condition Aktor akan masuk ke menu daftar kelas
32
Gambar 3.6 Activity Diagram Manajemen Kelas
5. Use Case Scenario & Activity Diagram Manajemen Tugas
Tabel 3.6 Use Case Scenario Manajemen Tugas
Use Case Name Use Case Scenario Manajemen Tugas

Actor Admin/Guru
Description Aktor melakukan proses manajemen tugas
tugas
Conclusion Aktor berhasil melakukan manajemen tugas
Post Condition Aktor akan masuk ke menu daftar tugas
33
Gambar 3.7 Activity Diagram Manajemen Tugas
6. Use Case Scenario & Activity Diagram Manajemen Nilai
Tabel 3.7 Use Case Scenario Manajemen Nilai
Use Case Name Use Case Scenario Manajemen Nilai

Actor Admin/Guru
Description Aktor melakukan proses manajemen nilai
nilai
Conclusion Aktor berhasil melakukan manajemen nilai
Post Condition Aktor akan masuk ke menu rincian tugas
34
Gambar 3.8 Activity Diagram Manajemen Nilai
7. Use Case Scenario & Activity Diagram Manajemen Notifikasi
Tabel 3.8 Use Case Scenario Manajemen Notifikasi
Use Case Name Use Case Scenario Manajemen Notifikasi

Actor Admin
Description Aktor melakukan proses manajemen notifikasi
Event Tambah notifikasi Data tersimpan di sistem
Conclusion Aktor berhasil melakukan manajemen
notifikasi
Post Condition Aktor akan masuk ke menu dasbor
35
Gambar 3.9 Activity Diagram Manajemen Notifikasi
8. Use Case Scenario & Activity Diagram Upload Jawaban
Tabel 3.9 Use Case Scenario Upload Jawaban
Use Case Name Use Case Scenario Upload Jawaban

Actor Siswa
Event Input Jawaban Data tersimpan di sistem
Conclusion Aktor berhasil melakukan upload tugas
Post Condition Aktor akan masuk ke menu tugas
36
Gambar 3.10 Activity Diagram Upload Jawaban
9. Use Case Scenario & Activity Diagram Cek Nilai
Tabel 3.10 Use Case Scenario Cek Nilai
Use Case Name Use Case Scenario Cek Nilai

Actor Siswa
Event Cek Nilai Menampilkan Nilai
Alternate Course Jika ada data belum diinput maka tidak tampil
Conclusion Aktor berhasil melakukan cek nilai
Post Condition Aktor akan masuk ke halaman detail tugas
37
Gambar 3.11 Activity Diagram Cek Nilai
c. Class Diagram
Gambar 3.12 Class Diagram

38
3.2.2 Perancangan Basis Data
Desain database digunakan untuk merancang struktur file - file yang akan
menjadi alat simpan dalam proses input / update data. Database yang digunakan
untuk mendukung pembuatan aplikasi e-learning :
a. Tabel tbl_user
Tabel 3.11 Tabel tbl_user
Nama Field Type Ukuran Keterangan

id bigint 20 Primary Key
username varchar 191
password varchar 191
account_type varchar 191
full_name varchar 191
email varchar 191 Foreign Key
jenis_kelamin varchar 191
jurusan varchar 191
kelas varchar 191
profile_picture varchar 191
b. Tabel tbl_class
Tabel 3.12 Tabel tbl_class

class_name varchar 191
jurusan varchar 191
kelas varchar 191
note varchar 191
teacher_id bigint 20 Foreign Key
token varchar 191 Foreign Key
jurusan varchar 191
c. Tabel tbl_class_user
Tabel 3.13 Tabel tbl_class_user

39

class_id bigint 20 Foreign Key
user_id bigint 20 Foreign Key
d. Tabel tbl_feed
Tabel 3.14 Tabel tbl_feed

judul varchar 191
kategori varchar 191
detail text
file varchar 191
deadline date
e. Tabel tbl_tugas
Tabel 3.15 Tabel tbl_tugas

file varchar 191
nilai int 11
siswa_id bigint 20 Foreign Key
feed_id bigint 20 Foreign Key
f. Tabel tbl_notification
Tabel 3.16 Tabel tbl_notification

notification_type int 11
notification_title varchar 191
notification_message varchar 191
date varchar 191
g. Tabel tbl_user_notification
40
Tabel 3.17 Tabel tbl_user_notification

user_id bigint 20 Foreign Key
notification_id bigint 20 Foreign Key
status Int 11
3.2.3 Perancangan Relasi Antar Tabel
Gambar 3.13 Relasi Antar Tabel
3.2.4 Perancangan Antarmuka
a. Tampilan Halaman Login
Halaman login digunakan oleh semua user untuk memulai seluruh
proses yang ada dalam sistem.

41
Gambar 3.14 Desain Halaman Login
b. Tampilan Halaman Dasbor Admin
Pada halaman ini menampilkan informasi umum seperti total kelas,
siswa dan guru. Pada halaman ini juga ada beberapa menu yaiu home,
user, siswa dan kelas. Halaman ini juga terdapat menu notifikasi yang
berfungsi untuk menambahkan pengumuman kepada guru maupun siswa.
Terdapat juga menu pengaturan untuk mengatur role user dan log system.
42
Gambar 3.15 Desain Halaman Dasbor Admin
c. Tampilan Halaman User
Pada halaman ini akan menampilkan semua user baik itu admin
maupun guru. Disini kita bisa menambah, mengubah ataupun menghapus
user tertentu.
43
Gambar 3.16 Desain Halaman User
d. Tampilan Halaman Kelas
Halaman ini akan memuat daftar kelas yang telah dibuat. Admin
atau guru bisa melihat token yang dibuat secara otomatis oleh sistem
disini. Token tersebut berfungsi untuk siswa agar bisa bergabung dengan
kelas yang bersangkutan. Pada halaman ini admin/guru juga bisa
menambahkan tugas ataupun materi untuk kelas tertentu.

44
Gambar 3.17 Desain Halaman Kelas
e. Halaman Siswa
Pada halaman ini akan menampilkan siswa. Disini kita bisa
menambah, mengubah ataupun menghapus user tertentu.

45
Gambar 3.18 Desain Halaman Siswa
f. Halaman Profile
Halaman profile akan memuat tentang informasi lengkap dari user
yang sudah dibuat. Disini kita bisa mengubah informasi user, mengubah
password dan menambahkan foto profil.

46
Gambar 3.19 Desain Halaman Dasbor

47
BAB IV
IMPLEMENTASI SISTEM
Tahap implementasi merupakan tahap kelanjutan dari kegiatan perancangan
sistem. Wujud dari hasil implementasi ini nantinya adalah sebuah sistem yang siap
untuk diuji dan digunakan.
4.1 Pembuatan Basis Data
Pembuatan basis data dilakukan dengan menggunakan aplikasi basis data
MySQL. Pada databases db_elearning, yang terdiri dari tabel tbl_class, tabel
tbl_class_user, tabel tbl_feed, tabel tbl_notification, tabel tbl_user_notification
tabel tbl_tugas tabel tbl_user.
Gambar 4.1 Pembuatan Basis Data

48
4.2 Implementasi Basis Data
Basis data yang digunakan dalam pembuatan sistem informasi ini yaitu
dengan menggunakan Navicat. Berikut merupakan implementasi basis data yang
digunakan sebagai berikut :
4.2.1 Tabel tbl_class
Gambar 4.2 Table tbl_class
Tabel tbl_class adalah tabel yang digunakan untuk menyimpan data kelas.
Tabel ini terdiri dari 7 field yaitu : id, class_name, jurusan, kelas, note, teacher_id,
token.
4.2.2 Tabel tbl_class_user
Gambar 4.3 Table tbl_class_user
Tabel tbl_class_user adalah tabel yang digunakan untuk menyimpan data
kelas berdasarkan user guru. Tabel ini terdiri dari 3 field, yaitu: id, class_id, user_id
4.2.3 Tabel tbl_feed

49
Gambar 4.4 Table tbl_feed
Tabel tbl_feed adalah tabel yang digunakan untuk menyimpan data tugas
yang telah diunggah oleh guru. Tabel ini terdiri dari 7 field, yaitu: id, judul, kategori,
detail, file, deadline, class_id.
4.2.4 Tabel tbl_notification
Gambar 4.5 Table tbl_notification
Tabel tbl_notification adalah tabel yang digunakan untuk menyimpan data
pengumuman. Tabel ini terdiri dari 5 field, yaitu: id, notification_type,
notification_title, notification_message, date.
4.2.5 Tabel tbl_tugas

50
Gambar 4.6 Table tbl_tugas
Tabel tbl_tugas adalah tabel yang digunakan untuk menyimpan data
jawaban yang dari tugas diunggah oleh siswa serta nilai yang diberikan oleh guru.
Tabel ini terdiri dari 6 field, yaitu: id, file, nilai, siswa_id, class_id, feed_id.
4.2.6 Tabel tbl_user
Gambar 4.7 Table tbl_user
Tabel tbl_user adalah tabel yang digunakan untuk menyimpan data user.
Tabel ini terdiri dari 10 field, yaitu: id, username, password, account_type,
full_name, email, jenis_kelamin, jurusan, kelas, profile_picture.

51
4.2.7 Tabel tbl_user_notification
Gambar 4.8 Table tbl_user_notification
Tabel tbl_user_notification adalah tabel yang digunakan untuk menyimpan
data pengumuman yang ditujukan untuk user tertentu. Tabel ini terdiri dari 4 field,
yaitu: id, user_id, notification_id, status.
4.3 Implementasi Antarmuka
Setelah proses pembuatan basis data, maka dilanjutkan ke tahap berikutnya
yaitu tahap implementasi antarmuka pada setiap halaman website yang sudah
dibuat, dan pengkodean sistem dalam bentuk file program. Berikut ini merupakan
implementasi tampilan antarmuka.
4.3.1 Halaman Login
Halaman login digunakan untuk masuk ke dalam sistem. User admin, guru
atau siswa harus memasukkan username dan password yang telah dibuat
sebelumnya.
52
Gambar 4.9 Halaman Login
4.3.2 Halman Dashboard Admin
Halaman dashboard admin adalah halaman utama dari user admin yang
berfungsi untuk menampilkan informasi tentang jumlah total kelas, guru dan siswa.
Gambar 4.10 Halaman Dashboard Admin
4.3.3 Halaman Pengguna/User

53
Halaman user adalah halaman yang digunakan untuk menampilkan,
menambah, mengubah atau menghapus data user.
Tahapan masuk ke halamn user yaitu :
1. Memilih menu pengguna maka data user yang sudah dibuat akan ditampilkan.
2. Memilih tombol tambah untuk menambahkan data user.
3. Memilih tombol edit untuk mengubah data user.
4. Memilih tombol hapus untuk menghapus data user.
5. Memilih tombol ubah password untuk mengubah password user.
6. Memasukkan kata kunci di pencarian untuk mencari data user.
Gambar 4.11 Halaman Pengguna/User

54
Gambar 4.12 Tambah Data User
Gambar 4.13 Edit Data User

55
Gambar 4.14 Ubah Password User
4.3.4 Halaman Kelas
Halaman Kelas adalah halaman yang digunakan untuk mengelola data kelas
meliputi menambah, mengubah atau menghapus data kelas. Pada halaman ini
admin/guru juga bisa mengelola tugas.
Tahapan masuk ke halaman kelas yaitu:
1. Memilih menu kelas akan menampilkan data kelas.
2. Memilih menu tambah untuk menambah data kelas.
3. Memilih menu edit untuk mengubah data kelas.
4. Memilih menu hapus untuk menghapus data kelas.
5. Memasukkan kata kunci pencarian untuk mencari data kelas.
6. Memilih kelas dari list kelas untuk menambahkan dan menampilkan data tugas.
56
Gambar 4.15 Halaman Kelas
Gambar 4.16 Tambah Data Kelas

57
Gambar 4.17 Edit Data Kelas
Gambar 4.18 Tambah Tugas
4.3.5 Halaman Siswa
Halaman Siswa adalah halaman yang digunakan untuk mengelola data
siswa meliputi menambah, mengubah atau menghapus data siswa.
Tahapan masuk ke halaman siswa:

58
1. Memilih menu siswa akan menampilkan data siswa.
2. Memilih menu tambah untuk menambah data siswa.
3. Memilih menu edit untuk mengubah data siswa.
4. Memilih menu hapus untuk menghapus data siswa.
5. Memilih menu ubah password untuk mengubah password siswa.
6. Memasukkan kata kunci pencarian untuk mencari data siswa.
Gambar 4.19 Halaman Siswa

59
Gambar 4.20 Tambah Data Siswa
Gambar 4.21 Edit Data Siswa

60
Gambar 4.22 Ubah Password Siswa
4.3.6 Halaman Profile
Halaman Profile adalah halaman yang digunakan untuk menampilkan
informasi lengkap dari user.
Tahapan masuk ke halaman profile yaitu:
1. Memilih menu navbar profile akan menampilkan informasi user.
2. Memilih tombol ubah password untuk mengubah password user.
3. Memilih foto profil untuk mengubah foto profil.
4. Memilih tombol update untuk memperbarui informasi dari user.

61
Gambar 4.23 Halaman Profile
4.3.7 Halaman Notification
Halaman Notification adalah halaman yang digunakan untuk membuat
pengumuman yang ditujukan untuk guru ataupun siswa.
Tahapan masuk ke halaman notification yaitu:
1. Memilih menu navbar notification akan menampilkan halaman untuk membuat
pengumuman.
2. Memilih tombol kirim untuk mengirim pengumuman.
3. Memasukkan kata kunci untuk mencari data pengumuman.

62
Gambar 4.24 Halman Notification
4.3.8 Halaman Dashboard Guru
Halaman Dashboard Guru adalah halaman utama dari user guru yang
digunakan untuk menampilkan jumlah total kelas yang dimiliki oleh guru tersebut.
Gambar 4.25 Halaman Dashboard Guru
4.3.9 Halaman Kelas Guru

63
Halaman Kelas Guru adalah halaman yang digunakan untuk mengelola data
kelas dan tugas.
Gambar 4.26 Halaman Kelas Guru
4.3.10 Halaman Dashboard Siswa
Halaman Dashboard Siswa adalah halaman yang digunakan untuk
menampilkan informasi siswa serta kegiatan yang akan datang.
Gambar 4.27 Halaman Dashboard Siswa.

64
4.3.11 Halaman Kelas Siswa
Halaman Kelas Siswa adalah halaman yang digunakan untuk menampilkan
data kelas yang telah diikuti oleh siswa tersebut.
Tahapan masuk ke halaman kelas siswa yaitu:
1. Memilih menu kelas akan menampilkan data kelas dari siswa.
2. Memasukkan token dan memilih tombol join kelas untuk bergabung dengan
kelas tertentu.
3. Memilih kelas dari list kelas untuk menampilkan tugas dari kelas tersebut.
Gambar 4.28 Halaman Kelas Siswa

65
Gambar 4.29 Daftar Tugas
Gambar 4.30 Detal Tugas

66
4.4 Pengujian Fungsionalitas Sistem
Pengujian sistem adalah proses untuk menguji sebuah sistem dengan cara
menginput data kedalam form yang telah tersedia. Pengujian ini dilakukan dengan
menggunakan metode Black Box yang bertujuan mengetahui fungsionalitas dari
elemen-elemen antarmuka yang terdapat di dalam halaman sistem.
4.4.1 Pengujian Sistem
Tabel 4.1 Pengujian Sistem
Komponen yang
Butir Uji Jenis Pengujian
Diuji
Verifikasi Email
Login Black Box
Verifikasi Password
Tampil Data
Tambah Data
Manage User Edit Data Black Box
Hapus Data
Cari Data
Tampil Data
Tambah Data
Manage Kelas Edit Data Black Box
Hapus Data
Cari Data
Tampil Data
Tambah Data
Manage Siswa Edit Data Black Box
Hapus
Cari Data
Tampil Data
Tambah Data
Manage Tugas Edit Data Black Box
Hapus Data
Upload File
Tampil Data
Tambah Data
Manage Notification Black Box
Penerima Data
Cari Data
67
Tabel 4.2 Pengujian Hasil Login
Kelas Data
Yang Diharapkan Pengamatan Kesimpulan
Uji Masukkan
Sistem berhasil
Menampilkan
menampilkan
Email dan halaman awal sesuai
halaman awal sesuai
password dengan masing- Sesuai
dengan masing-
(jika benar) masing role (admin /
masing role (admin /
teknisi)
teknisi)
Login Sistem berhasil
Kembali ke halaman
kembali ke halaman
login dan
Email dan login dan
menampilkan tulisan
password menampilkan tulisan Sesuai
identitas tersebut
(jika salah) identitas tersebut
tidak cocok dengan
tidak cocok dengan
data kami.
data kami.
Tabel 4.3 Pengujian Manage User
Penguji Kesim-
Kelas Uji Yang Diharapkan Pengamatan
an pulan
Menampilkan data Data tampil sesuai
Tampil
sesuai dengan yang dengan yang sudah Sesuai
Data
sudah dibuat dibuat
Menekan tombol Saat menekan tombol
tambah data, maka tambah data tombol
Tambah
akan muncul berhasil menampilan Sesuai
Data
halaman form modal halaman tambah.
tambah,
edit maka akan tombol edit sistem
Manage muncul halaman berhasil memunculkan
User Edit edit data beserta halaman form edit
Sesuai
Data data user, untuk beserta data user dan
mengubah data user berhasil mengubah data
cukup klik tombol dengan klik tombol
update tombol update data.
hapus lalu akan hapus sistem berhasil
Hapus muncul peringatan memunculkan peringatan
Sesuai
Data “Apakah Yakin “Apakah Yakin Ingin
Ingin Menghapus?”.
Menghapus?”.
68
Memasukkan kata Saat memasukkan kata

kunci daftar user kunci daftar user akan
Cari akan otomatis otomatis mem-filter data
Sesuai
Data mem-filter data sesuai dengan kata kunci.
sesuai dengan kata
kunci.
Tabel 4.4 Pengujian Manage Kelas
Penguji Kesim-
an pulan
Tampil
Data
sudah dibuat dibuat
Tambah
Data
tambah,
muncul halaman berhasil memunculkan
Edit edit data beserta halaman form edit
Sesuai
Manage mengubah data user berhasil mengubah data
Kelas cukup klik tombol dengan klik tombol
Sesuai
Menghapus?”.
Sesuai
sesuai dengan kata
kunci.
Tabel 4.5 Pengujian Manage Tugas
Penguji Kesim-
an pulan
69

Tampil
Data
sudah dibuat dibuat
Tambah
Data
tambah,
Manage
Tugas
Sesuai
Memilih file dan Saat memilih file dan
menekan tombol menekan tombol upload,
Upload
upload akan file terunggah ke sistem Sesuai
File
mengunggah file ke
sistem
Tabel 4.6 Pengujian Manage Notification
Penguji Kesim-
an pulan
Tampil
Data
sudah dibuat dibuat
Tambah
Data
tambah,
Manage
Memilih user Data terkirim ke user
Notificatio
tertentu sebagai yang sudah ditentukan
n
Penerim penerima sistem
Sesuai
a Data akan otomatis
mengirimkan data
ke user tersebut
Cari kunci daftar user kunci daftar user akan
Sesuai
Data akan otomatis otomatis mem-filter data
mem-filter data sesuai dengan kata kunci.
70
sesuai dengan kata

kunci.
Tabel 4.7 Pengujian Halaman Kelas Guru
Penguji Kesim-
an pulan
Menampilkan data Data kelas tampil sesuai
kelas sesuai dengan dengan yang sudah
Tampil
kelas yang sudah dibuat sebelumnya. Sesuai
Data
dibuat oleh guru
yang bersangkutan.
Tambah
Data
tambah,
Sesuai
Manage Data data user, untuk beserta data user dan
Kelas mengubah data user berhasil mengubah data
Sesuai
Menghapus?”.
Sesuai
sesuai dengan kata
kunci.
Tabel 4.8 Pengujian Halaman Kelas Siswa
Penguji Kesim-
an pulan
71
Menampilkan data Data kelas tampil sesuai

kelas sesuai dengan dengan yang sebelumnya
Tampil
kelas yang sudah bergabung. Sesuai
Data
sebelumnya sudah
bergabung.
Manage
Kelas
Sesuai
sesuai dengan kata
kunci.
Tabel 4.9 Pengujian Halaman Tugas Siswa
Penguji Kesim-
an pulan
Tampil sesuai dengan yang dengan yang sudah
Sesuai
Data sudah diunggah diunggah.
oleh guru.
Tambah
Data
tambah,
Manage edit maka akan tombol edit sistem
Tugas muncul halaman berhasil memunculkan
Sesuai
Memilih file dan Saat memilih file dan
menekan tombol menekan tombol upload,
Upload
upload akan file terunggah ke sistem Sesuai
File
mengunggah file ke
sistem
72
4.4.2 Kesimpulan
Berdasarkan hasil pengujian yang sudah dilakukan menggunakan metode
pengujian Black Box dengan uji sample diatas, maka dapat ditarik kesimpulan
bahwa, sistem yang sudah diuji telah sesuai dengan yang diharapkan pembuat
4.5 Pengujian Pengguna
Pengujian pengguna dilakukan secara online dengan menggunakan
kuisioner dengan google form setelah pengguna mencoba aplikasi.
Tabel 4.10 Pengujian Pengguna
No. Pernyataan Repon Pembeli

Sangat Tidak Ragu- Setuju Sangat
tidak Setuju ragu Setuju
Setuju
1 Apakah pengoperasian
aplikasi ini mudah
dipahami?
2 Apakah tampilan
aplikasi ini mudah
dipahami?
3 Apakah tampilan
aplikasi ini mudah
menarik?
4 Apakah fitur-fitur
aplikasi ini sudah
mencukupi kebutuhan
saat ini?
5 Apakah aplikasi ini
membantu proses
KBM?
73
4.5.1 Hasil Pengujian Pengguna
Gambar 4.31 Pengujian Pengguna Pengoperasian Aplikasi Mudah Dipahami
Gambar 4.32 Pengujian Pengguna Tampilan Aplikasi Mudah Dipahami

74
Gambar 4.33 Pengujian Pengguna Tampilan Aplikasi Menarik
Gambar 4.34 Pengujian Pengguna Kebutuhan Terhadap Fitur Aplikasi

75
Gambar 4.35 Pengujian Pengguna Aplikasi Membantu Proses KBM

76
BAB V
PENUTUP
5.1 Kesimpulan
Kesimpulan yang didapat dari Implementasi E-Learning SMK Negeri 1
Sukoharjo adalah sebagai berikut:
1. Sistem ini dapat membantu memaksimalkan kegiatan belajar mengajar di luar
sekolah.
2. Implementasi e-learning untuk SMK Negeri 1 Sukoharjo menggunakan
framework laravel metode pengembangan sistem menggunakan metode
Waterfall, perancangan alur menggunakan activity diagram, sequence diagram,
class diagram, relasi tabel, perancangan antarmuka dan pengujian sistem yang
menggunakan Blackbox testing.
3. Hasil pengujian Implementasi e-learning untuk SMK Negeri 1 Sukoharjo telah
lolos uji terhadap error. Tombol-tombol yang dijalankan sudah sesuai yang
diharapkan.
4. Berdasarkan hasil pengujian yang sudah dilakukan menggunakan metode
pengujian Blackbox dengan uji sample, maka dapat ditarik kesimpulan bahwa,
sistem yang sudah diuji telah sesuai dengan yang diharapkan pembuat.
77
5.2 Saran
Berdasarkan kesimpulan diatas, maka saran yang disampaikan oleh peneliti
dalam proses Implementasi e-learning untuk SMK Negeri 1 Sukoharjo yaitu:
1. Untuk pengembangan e-learning peneliti mengusulkan penambahan kalender
kegiatan mendatang agar siswa dapat melihat agenda yang akan datang.
2. Untuk pengembangan e-learning peneliti mengusulkan penambahan kolom chat
agar siswa dapat berdiskusi.
3. Agar sistem ini bisa digunakan oleh guru dan siswa, sistem ini memerlukan
domain website serta memerlukan hosting unlimited diskspace untuk
menampung data aplikasi e-learning ini.

78
DAFTAR PUSTAKA
Prawito, P. S., & Rahadi, R. (2020). Perancangan Sistem Informasi Toko Online
Berbasis Web dengan Menggunakan Laravel dan Api Rajaongkir. Syntax
Literate; Jurnal Ilmiah Indonesia, 5(12), 1657-1668.
Mustamiin, M., Ismantohadi, E., Ghozali, A. L., Darsih, D., & Inara, L. N. (2020).
Rancang Bangun Sistem Manajemen Soal Dan Ujian Berbasis Website
Menggunakan Framework Laravel. ikraith-informatika, 4(1), 58-63.
Kurniawan, A. C., & Tibyani, F. A. (2020). Implementasi Teknologi Cloud
Computing untuk E-Learning berbasis Website dengan Framework
Laravel (Studi Kasus: MAN 9 Jombang). Jurnal Pengembangan Teknologi
Informasi dan Ilmu Komputer e-ISSN, 2548, 964X.
Fachreza, A., Sultonuddin, R., & Pratama, F. I. (2021). Rancang Bangun Sistem
E-Learning untuk Sarana Belajar pada Wahidev. Com. Jurnal Informatika
Dan Rekayasa Perangkat Lunak, 3(1), 74-82.
ALIFAH, N., Al Haris, F. H. S., & Khusnuliawati, H. (2020). Pembuatan Sistem
E-Learning di Program Studi Informatika Universitas Sahid Surakarta
dengan Menggunakan Framework Laravel (Doctoral dissertation,
Universitas Sahid Surakarta).
ALIFAH, N., Al Haris, F. H. S., & Khusnuliawati, H. (2020). Pembuatan Sistem
E-Learning di Program Studi Informatika Universitas Sahid Surakarta

79
dengan Menggunakan Framework Laravel (Doctoral dissertation,
Universitas Sahid Surakarta).
Irawan, M. (2021). Pengembangan Sistem Pembelajaran Online Berbasis Web
Menggunakan Framework Laravel.
Agung Oktafianto, D. (2018). Desain Dan Implementasi Sistem Pembelajaran
Elektronik Berbasis Web Menggunakan Framework Laravel (Doctoral
dissertation, Universitas Komputer Indonesia).
Putri, N. I. A. G., & Setiawan, R. (2020). Rancang Bangun Aplikasi Elearning.
Jurnal Sistem Informasi dan Sains Teknologi, 2(1).
Ardan, M., Supeno, H., & Amalga, R. S. G. (2022). Rancang Bangun Portal
Pembelajaran Online Menggunakan Framework Laravel. PasInformatik,
1(02).
Widyastuti, R., Sukya, F., & Ramadhan, F. B. (2021). SISTEM INFORMASI
MANAJEMEN AKTIVITAS PEMBELAJARAN MENGGUNAKAN
FRAMEWORK LARAVEL. SENTIA 2021, 12.
Dananjaya, W. P., Buana, P. W., & Putri, G. A. A. (2020). E-Learning Pinandita
Berbasis Website Studi Kasus Pasraman Brahma Vidya Samgraha
Buleleng. Jurnal Ilmiah Merpati, 8(2), 146-155.

80
LAMPIRAN
Lampiran 1: Lembar Konsultasi

Full Naskah V2 Final

Diunggah oleh

Informasi Dokumen

Hak Cipta

Format Tersedia

Bagikan dokumen Ini

Bagikan atau Tanam Dokumen

Opsi Berbagi

Apakah menurut Anda dokumen ini bermanfaat?

Apakah konten ini tidak pantas?

Hak Cipta:

Format Tersedia

Full Naskah V2 Final

Diunggah oleh

Hak Cipta:

Format Tersedia

APLIKASI E-LEARNING

UNTUK SMK NEGERI 1 SUKOHARJO

Diajukan Untuk Melengkapi Persyaratan

FAKULTAS ILMU KOMPUTER

Proposal ini diajukan oleh :

Nama : Yusuf Mustafa

Tanggal : 05 Maret 2023

WIJIYANTO, S.Kom., M.Pd., M.Kom. SRI SUMARLINDA, M.Kom

Proposal ini diajukan oleh :

Telah berhasil dipertahankan dihadapan Dewan Penguji dalam Seminar Proposal

WIJIYANTO, S.Kom., M.Pd., M.Kom. SRI SUMARLINDA, M.Kom

Joni Maulindar, S. Kom., M.Eng

Saya yang bertanda tangan di bawah ini:

Demikianlah Surat Pernyataan ini saya buat dengan sungguh-sungguh, dalam

Sukoharjo, 05 Maret 2023

1. Semua yang berlebihan itu tidak baik.

1. Allah SWT yang telah memberikan kelancaran dan kemudahan dalam

Sukoharjo, 05 Maret 2023

HALAMAN JUDUL ....................................................................................... i

Tabel 1.1 Penelitian Terdahulu ....................................................................... 4

Gambar 3.1 Workflow Sistem yang Direncanakan ......................................... 23

Yusuf Mustafa1, Wijiyanto2, Sri Sumarlinda3

Kata kunci: Aplikasi, E-learning, Sekolah, Waterfall

Yusuf Mustafa1, Wijiyanto2, Sri Sumarlinda3

Keywords: Application, E-learning, School, Waterfall

untuk menunjang kegiatan belajar mengajar di SMK Negeri 1 Sukoharjo

SMK Negeri 1 Sukoharjo sebagai salah satu sekolah unggulan di Kabupaten

mengajar diluar sekolah hanya menggunakan Google Classroom dan Whatsapp.

Oleh sebab itu fitur-fitur yang ada sangat terbatas.

mencakup manajemen keseluruhan kegiatan belajar mengajar.

Berdasarkan latar belakang masalah diatas, maka dapat dirumuskan suatu

masalahnya yaitu bagaimana cara menganalisis, merancang dan membangun

penulis membatasi permasalahan pada :

a. Perancangan aplikasi ini hanya untuk web browser.

b. Aplikasi hanya mengidentifikasi para Guru dan Siswa serta Administrator.

d. User Administrator bertugas untuk manajemen keseluruhan sistem.

f. User Siswa hanya dapat mengunduh dan mengunggah tugas.

g. Sistem yang dibuat menggunakan metode pengembangan Object Oriented

h. Sistem yang dibuat menggunakan bahasa pemrograman PHP dan framework

Penulisan laporan penelitian ini bertujuan untuk menganalisis, merancang

dan membuat aplikasi e-learning untuk SMK Negeri 1 Sukoharjo.

aplikasi e-learning ini.

2) Sebagai sumbangan informasi/pengetahuan tentang pengembangan aplikasi e-

1) Mempermudah guru dan murid dalam melakukan kegiatan belajar mengajar

2) Membantu memperkecil kemungkinan terkena virus pada musim pandemi ini,

karena tidak perlu ke Sekolah.

Setelah peneliti melakukan telaah terhadap beberapa penelitian, ada

beberapa yang memiliki keterkaitan dengan penelitian yang peneliti lakukan.

Penelitian yang pertama adalah penelitian yang dilakukan oleh Fathur

berjudul “Perancangan E-Learning Berbasis Web Menggunakan Framework

pemutakhiran data atau bahan-bahan pembelajaran yang menjadi tugas seorang

keilmuan yang terbaru.

Penelitian yang kedua adalah penelitian yang dilakukan oleh Juniar

Hutagalung, Hendryan Winata, dan Hendrya Jaya (2019) yang berjudul

“Perancangan Dan Implementasi E-Learning Berbasis Web Pada SMA Negeri 1

belajar-mengajar, sehingga melalui e-learning proses belajar-mengajar dapat

efektifitas waktu dan biaya.

Penelitian yang ketiga adalah penelitian yang dilakukan oleh Mario

Stefanus, dan Johanes Fernandes Andry (2020) yang berjudul “Pengembangan

Aplikasi E-Learning Berbasis Web Menggunakan Model Waterfall Pada Smk

Strada 2 Jakarta”. Tujuan dari penelitian ini adalah untuk mengembangkan e-

Tabel 1. 1. Penelitian Terdahulu

Nama Peneliti Judul Metode Hasil Perbedaan

Model pembelarajaran. aplikasi dibangun