Tugas Akhir (Wecompress - Com)

PERANCANGAN SISTEM INFORMASI E-LEARNING SEKOLAH
MENENGAH ATAS BERBASIS WEB
TUGAS AKHIR
Diajukan untuk memenuhi salah satu syarat kelulusan Program Diploma III
Angga Adhitya Putra

NIM : 12154113
Program Studi Manajemen Informatika

AMIK BSI Jakarta
Jakarta
2018
KATA PENGANTAR
Dengan mengucap puji syukur kehadirat Tuhan Yang Maha Esa atas berkah
dan rahmat yang telah memberikan kekuatan lahir dan batin, sehingga pada akhirnya
penulis dapat menyelesaikan tugas ini dengan baik. Dimana tugas akhir ini penulis
sajikan dalam bentuk buku yang sederhana. Adapun judul tugas akhir, yang penulis
ambil sebagai berikut, : “Perancangan Sistem Informasi E-learning Sekolah
Menengah Atas Berbasis Web“.
Tujuan penelitian tugas akhir ini dibuat sebagai salah satu syarat kelulusan
Program Diploma Tiga (D.III) Akademi BSI. Sebagai bahan penulisan diambil
berdasarkan hasil penelitian, observasi dan beberapa sumber literatur yang
mendukung penulisan ini. Penulis menyadari bahwa tanpa bimbingan dan dorongan
dari semua pihak, maka penulisan tugas akhir ini tidak akan lancar. Oleh karena itu
pada kesempatan ini, izinkanlah penulis menyampaikan ucapan terima kasih kepada :
1. Direktur Akademi Manajemen Informatika dan Komputer Bina Sarana
Informatika.
2. Ketua Program Manajemen Informatika AMIK BSI Jakarta.
3. Ibu Henny Destiana, M.Kom., selaku Dosen Pembimbing Tugas Akhir.
4. Bapak Febriansyah Hasmadillah, M.Kom, Selaku Asisten Dosen Pembimbing
Tugas Akhir.
5. Staff/ karyawan/ dosen di lingkungan Akademi BSI.
vii
ABSTRAK
Angga Adhitya Putra (12154113), Perancangan Sistem Informasi E-learning

Sekolah Menengah Atas Berbasis Web
Proses pembelajaran yang terjadi di dalam sekolah masih menggunakan metode

tradisional dimana bahan ajar disampaikan melalui tatap muka baik secara lisan
maupun non-lisan. masalah yang sering dihadapi oleh beberapa sekolah adalah
kurangnya interaksi antara guru dengan murid di setiap pertemuannya, sehingga
menyebabkan banyak murid yang mengalami kesulitan untuk memahami materi
pelajaran, serta proses belajar-mengajar yang dibatasi oleh waktu untuk setiap
pertemuan antara guru dengan murid. Maka dari itu diciptakan website e-learning
untuk menyelesaikan masalah tersebut. Sistem informasi ini bertujuan untuk
membantu siswa agar lebih mudah dan memahami dalam melakukan
pembelajaraan jarak jauh. Sistem informasi e-learning ini dikembangkan dengan
waterfall model, dan di bangun dengan menggunakan bahasa pemograman PHP
dan phpmyadmin seagai tools untuk membantu mengelola basis data Mysql serta
text editor.
Kata Kunci: Sistem Informasi E-learning, Waterfall, Website
ix
ABSTRACT
Angga Adhitya Putra (12154113), Design of Web-Based High School E-

learning Information System
The learning process that occurs in schools still uses traditional methods where
teaching materials are delivered face to face both verbally and non-verbally. the
problem that is often faced by some schools is the lack of interaction between
teachers and students in each meeting, which causes many students who have
difficulty understanding the subject matter, as well as the teaching and learning
process which is limited by time for each meeting between the teacher and
students. Therefore created e-learning website to solve the problem. This
information system aims to help students to be easier and more understanding in
distance learning. This e-learning information system is developed with the
waterfall model, and built using PHP and phpmyadmin programming languages
as tools to help manage the MySQL database and text editor.
Keywords: E-learning Information System, Waterfall, Website
x
DAFTAR ISI
Halaman
Lembar Judul Tugas Akhir............................................................................... i

Lembar Pernyataan Keaslian Tugas Akhir ...................................................... ii
Lembar Pernyataan dan Persetujuan Publikasi Karya Ilmiah .......................... iii
Lembar Persetujuan dan Pengesahan Tugas Akhir .......................................... iv
Lembar Konsultasi Tugas Akhir ...................................................................... v
Kata Pengantar ................................................................................................. vii

Abstraksi ......................................................................................................... ix
Daftar isi........................................................................................................... xi
Daftar Gambar.................................................................................................. xiii
Daftar Tabel ..................................................................................................... xvi
BAB I PENDAHULUAN......................................................................... 1
1.1. Latar Belakang ...................................................................... 1
1.2. Tujuan dan Manfaat .............................................................. 3
1.3. Metode Penelitian.................................................................. 4
1.4. Ruang Lingkup...................................................................... 7
BAB II LANDASAN TEORI.................................................................... 8

2.1. Konsep Dasar Web ................................................................ 8
A. Website ............................................................................ 8
B. Bahasa Pemrograman...................................................... 9
C. Basis Data ....................................................................... 11
D. Model Pengembangan Perangkat Lunak......................... 12
2.2. Teori Pendukung (Tools Program) ........................................ 13
A. Struktur Navigasi ............................................................ 13
B. ERD (Entity Relationship Diagram)............................... 17
C. LRS (Logical Record Structure) ..................................... 21
D. Pengujian Web................................................................. 22
BAB III PEMBAHASAN ........................................................................... 23

3.1. Analisis Kebutuhan ................................................................. 23
3.2. Rancangan Antar Muka…. ..................................................... 25
3.3. Entity Relationship Diagram .................................................. 46
A. ERD (Entity Relationship Diagram)............................... 46
B. LRS (Logical Record Structure) Website....................... 47
3.4. Spesifikasi File ....................................................................... 48
3.5. Pengkodean ............................................................................. 59
3.6. Spesifikasi Program ................................................................ 62
3.7. Spesifikasi Sistem Komputer .................................................. 64
3.8. Implementasi ........................................................................... 65
xi
3.9. Pengujian Unit...............................................................................86
BAB IV PENUTUP.........................................................................................126
4.1. Kesimpulan................................................................................. 126
4.2. Saran............................................................................................127
DAFTAR PUSTAKA..........................................................................................128
DAFTAR RIWAYAT HIDUP............................................................................130
xii
DAFTAR GAMBAR
Halaman
1. Gambar II.1. Struktur Navigasi Linier.........................................................................14

2. Gambar II.2. Struktur Navigasi Non Linier..................................................................15
3. Gambar II.3. Struktur Navigasi Hierarki......................................................................16
4. Gambar II.4. Struktur Navigasi Campuran..................................................................16
5. Gambar.III.1 Rancangan Halaman Login Admin.........................................................25
6. Gambar.III.2 Rancangan Halaman Index Admin........................................................25
7. Gambar.III.3 Rancangan Halaman Data Pelajaran.......................................................26
8. Gambar.III.4 Rancangan Halaman Data Kelas............................................................26
9. Gambar.III.5 Rancangan Halaman Data Admin...........................................................27
10. Gambar.III.6 Rancangan Halaman Data Guru.............................................................27
11. Gambar.III.7 Rancangan Halaman Data Siswa............................................................28
12. Gambar.III.8 Rancangan Halaman Data Materi Belajar..............................................28
13. Gambar.III.9 Rancangan Halaman Data Tugas Belajar...............................................29
14. Gambar.III.10 Rancangan Halaman Data Mengajar....................................................29
15. Gambar.III.11 Rancangan Halaman Menu Soal...........................................................30
16. Gambar.III.12 Rancangan Halaman Data Soal 1.........................................................30
17. Gambar.III.13 Rancangan Halaman Data Soal 2.........................................................31
18. Gambar.III.14 Rancangan Halaman Menu Laporan....................................................31
19. Gambar.III.15 Rancangan Halaman Laporan Data Pelajaran......................................32
20. Gambar.III.16 Rancangan Halaman Laporan Data Kelas............................................32
21. Gambar.III.17 Rancangan Halaman Laporan Data Admin..........................................33
22. Gambar.III.18 Rancangan Halaman Laporan Data Guru.............................................33
23. Gambar.III.19 Rancangan Halaman Laporan Data Siswa............................................34
24. Gambar.III.20 Rancangan Halaman Laporan Data Materi Belajar..............................34
25. Gambar.III.21 Rancangan Halaman Laporan Data Tugas Belajar...............................35
26. Gambar.III.22 Rancangan Halaman Laporan Data Jadwal Mengajar..........................35
27. Gambar.III.23 Rancangan Halaman Laporan Data Nilai Ujian Online.......................36
28. Gambar.III.24 Rancangan Halaman Login Guru..........................................................36
29. Gambar.III.25 Rancangan Halaman Index Guru..........................................................37
30. Gambar.III.26 Rancangan Halaman Profil Guru..........................................................37
31. Gambar.III.27 Rancangan Halaman Jadwal Mengajar.................................................38
32. Gambar.III.28 Rancangan Halaman Data Siswa..........................................................38
33. Gambar.III.29 Rancangan Halaman Data Materi Belajar............................................39
34. Gambar.III.30 Rancangan Halaman Data Tugas Belajar.............................................39
35. Gambar.III.31 Rancangan Halaman Data Nilai Ujian Online......................................40
36. Gambar.III.32 Rancangan Halaman Login Siswa........................................................40
37. Gambar.III.33 Rancangan Halaman Index Siswa.........................................................41
38. Gambar.III.34 Rancangan Halaman Profil Siswa........................................................41
39. Gambar.III.35 Rancangan Halaman Jadwal Belajar...................................................42
40. Gambar.III.36 Rancangan Halaman Materi Belajar.....................................................42
xiii
41. Gambar.III.37 Rancangan Halaman Tugas Belajar......................................................43
42. Gambar.III.38 Rancangan Halaman Memilih Ujian....................................................43
43. Gambar.III.39 Rancangan Halaman Ujian...................................................................44
44. Gambar.III.40 Rancangan Halaman Simpan Nilai.......................................................44
45. Gambar.III.41 Rancangan Halaman Nilai....................................................................45
46. Gambar.III.42 Rancangan Halaman Data Nilai Ujian Online......................................45
47. Gambar.III.43 Entity Relationship Diagram Sistem Belajar Jarak Jauh......................46
48. Gambar.III.44 Logical Record Structure Sistem Belajar Jarak Jauh............................47
49. Gambar III.45 Struktur Pengkodean Kode Siswa.......................................................59
50. Gambar III.46 Struktur Pengkodean Kode Guru.........................................................60
51. Gambar III.47 Struktur Pengkodean Kode Admin......................................................61
52. Gambar III.48 Struktur Navigasi Halaman Admin......................................................62
53. Gambar III.49 Struktur Navigasi Halaman Guru.........................................................63
54. Gambar III.50 Struktur Navigasi Halaman Siswa........................................................64
55. Gambar III.51 Implementasi Login admin...................................................................65
56. Gambar III.52 Implementasi Index Admin..................................................................66
57. Gambar III.53 Implementasi Halaman Data Pelajaran................................................66
58. Gambar III.54 Implementasi Halaman Data Kelas......................................................67
59. Gambar III.55 Implementasi Halaman Data Admin....................................................67
60. Gambar III.56 Implementasi Halaman Data Guru......................................................68
61. Gambar III.57 Implementasi Halaman Data Siswa......................................................68
62. Gambar III.58 Implementasi Halaman Data Materi Belajar........................................69
63. Gambar III.59 Implementasi Halaman Data Tugas Belajar.........................................69
64. Gambar III.60 Implementasi Data Mengajar...............................................................70
65. Gambar III.61 Implementasi Menu Soal Ujian............................................................70
66. Gambar III.62 Implementasi Halaman Data Soal Ujian Bahasa Inggris.....................71
67. Gambar III.63 Implementasi Halaman Data Soal Ujian Bahasa Indonesia.................71
68. Gambar III.64 Implementasi Halaman Menu laporan..................................................72
69. Gambar III.65 Implementasi Halaman Laporan Data Pelajaran..................................72
70. Gambar III.66 Implementasi Halaman Laporan Data Kelas........................................73
71. Gambar III.67 Implementasi Laporan Data Admin......................................................73
72. Gambar III.68 Implementasi Laporan Data Guru........................................................74
73. Gambar III.69 Implementasi Laporan Data Siswa.......................................................74
74. Gambar III.70 Implementasi Laporan Data Materi Belajar.........................................75
75. Gambar III.71 Implementasi Laporan Data Tugas Belajar..........................................75
76. Gambar III.72 Implementasi Laporan Data Mengajar.................................................76
77. Gambar III.73 Implementasi Laporan Data Nilai Ujian Online...................................76
78. Gambar III.74 Implementasi Login Guru.....................................................................77
79. Gambar III.75 Implementasi Index Guru.....................................................................77
80. Gambar III.76 Implementasi Halaman Profil Guru......................................................78
81. Gambar III.77 Implementasi Halaman Jadwal Mengajar............................................78
82. Gambar III.78 Implementasi Halaman Data Siswa Kelas............................................79
83. Gambar III.79 Implementasi Halaman Data Materi Belajar........................................79
84. Gambar III.80 Implementasi Halaman Data Tugas Belajar.........................................80
85. Gambar III.81 Implementasi Halaman Data Nilai Ujian Online..................................80
xiv
86. Gambar III.82 Implementasi Login Siswa...................................................................81
87. Gambar III.83 Implementasi Index Siswa....................................................................81
88. Gambar III.84 Implementasi Halaman Profil Siswa....................................................82
89. Gambar III.85 Implementasi Halaman Jadwal Belajar................................................82
90. Gambar III.86 Implementasi Halaman Materi Belajar.................................................83
91. Gambar III.87 Implementasi Halaman Tugas Belajar..................................................83
92. Gambar III.88 Implementasi Halaman Memilih Ujian................................................84
93. Gambar III.89 Implementasi Halaman Ujian...............................................................84
94. Gambar III.90 Implementasi Halaman Simpan Nilai...................................................85
95. Gambar III.91 Implementasi Halaman Nilai................................................................85
96. Gambar III.92 Implementasi Halaman Data Nilai Ujian Online..................................86
xv
DAFTAR TABEL
Halaman
1. Tabel II.1. Komponen Entity Relationship Diagram (ERD) .................................. 18

2. Tabel III.1. Spesifikasi File Admin ........................................................................ 48
3. Tabel III.2. Spesifikasi File Siswa.......................................................................... 49
4. Tabel III.3. Spesifikasi File Guru ........................................................................... 50
5. Tabel III.4. Spesifikasi File Kelas .......................................................................... 51
6. Tabel III.5. Spesifikasi File Kelas Siswa................................................................ 52
7. Tabel III.6. Spesifikasi File Materi Belajar ............................................................ 53
8. Tabel III.7. Spesifikasi File Tugas Belajar ............................................................. 54
9. Tabel III.8. Spesifikasi File Mengajar .................................................................... 55
10. Tabel III.9. Spesifikasi File Pelajaran..................................................................... 56
11. Tabel III.10. Spesifikasi File tmp_kelas ................................................................. 56
12. Tabel III.11. Spesifikasi File tabel_nilai................................................................. 57
13. Tabel III.12. Spesifikasi File table_soal ................................................................. 58
14. Tabel III.13. Hasil Pengujian BlackBox Testing Login Admin .............................. 86
15. Tabel III.14. Hasil Pengujian BlackBox Testing Login Guru ................................. 89
16. Tabel III.15. Hasil Pengujian BlackBox Testing Login Siswa................................ 91
17. Tabel III.16. Hasil Pengujian BlackBox Testing Halaman Admin Data Pelajaran. 93
18. Tabel III.17. Hasil Pengujian BlackBox Testing Halaman Admin Data Kelas ...... 94
19. Tabel III.18. Hasil Pengujian Black Box Testing Halaman Admin Data Admin... 96
20. Tabel III.19. Hasil Pengujian Black Box Testing Halaman Admin Data Guru...... 98
21. Tabel III.20. Hasil Pengujian Black Box Testing Halaman Admin Data
Siswa .................................................................................................. 101
22. Tabel III.21. Hasil Pengujian BlackBox Testing Halaman Admin Data Materi
Pelajaran............................................................................................. 107
23. Tabel III.22. Hasil Pengujian BlackBox Testing Halaman Admin Data Tugas
Belajar ................................................................................................ 109
24. Tabel III.23. Hasil Pengujian BlackBox Testing Halaman Admin Data
Mengajar ........................................................................................... 112
25. Tabel III.24. Hasil Pengujian BlackBox Testing Halaman Admin Data
Soal ................................................................................................... 115
26. Tabel III.25. Hasil Pengujian BlackBox Testing Halaman Guru Data
Materi Belajar .................................................................................... 120
27. Tabel III.26. Hasil Pengujian BlackBox Testing Halaman Guru Data
Tugas Belajar ..................................................................................... 123
xvi
BAB I
PENDAHULUAN
1.1. Latar Belakang Masalah
Proses pembelajaran yang terjadi di dalam sekolah masih menggunakan
metode tradisional dimana bahan ajar disampaikan melalui tatap muka, baik
secara lisan maupun non-lisan, penggunaan teknologi di dalam sekolah seperti
komputer, dan alat multimedia lainnya terbatas pada materi–materi belajar
tertentu yang membutuhkannya.
Biasanya masalah yang dihadapi oleh beberapa sekolah adalah kurangnya
interaksi antara guru dengan murid di setiap pertemuan yang harus saling tatap
muka, sehingga menyebabkan banyak murid yang mengalami kesulitan untuk
memahami materi pelajaran, serta proses belajar - mengajar yang dibatasi oleh
waktu untuk setiap pertemuan antara guru dengan murid.
Dengan terjadinya masalah diatas, diperlukan sarana yang dapat
mengatasinya. Salah satu alternatif yang dapat membantu menyelesaikan masalah
tersebut adalah dengan menerapkan sistem belajar jarak jauh atau yang bisa
disebut e-learning.
Menurut Susanto dkk dalam Darmawan (2017) “E-Learning merupakan
aplikasi Internet yang dapat menghubungkan antara pendidik dan peserta didik
dalam sebuah ruang belajar online”. E-learning atau pembelajaran online adalah
pembelajaran yang pelaksanaannya didukung oleh jasa teknologi, seperti telepon,
audio, videotape, transmisi satelit, atau komputer. Ada tiga sistem pembelajaran
1
2
berbasis internet dalam e-learning, yaitu (1) web course, (2) web centric course,
dan (3) Web Enhanced Course. Web course merupakan penggunaan internet
untuk keperluan pendidikan. Dengan demikian, bahan ajar, diskusi, konsultasi,
penugasan, latihan, dan ujian disampaikan melalui internet (tidak ada tatap muka)
dalam pembelajaran, misalnya dalam pendidikan jarak jauh (distance learning).
Berbeda dengan Web Course, Web Centric Course memberikan tekanan pada
bahan ajar, diskusi, konsultasi, penugasan, dan latihan melalui internet. Ada
pembelajaran tatap muka, namun persentasenya sangat kecil.
“Web Enhanced Course merupakan penggunaan internet untuk keperluan
pembelajaran yang hanya mendukung kegiatan pembelajaran secara tatap muka.
Dengan demikian, persentase tatap muka pembelajaran lebih besar” menurut
Setyanta dalam Firmansyah (2016).
Konsep e-learning ini diharapkan agar mampu memberikan dua peningkatan
sekaligus, yakni peningkatan kualitas pembelajaran jarak jauh yang diberikan oleh
guru dan dapat diterima oleh siswa itu sendiri. Antara lain seperti, siswa bisa
mengunduh langsung materi perkuliahan yang diberikan oleh guru, siswa dapat
melihat langsung secara online nilai hasil ujian, dan siswa mengerjakan soal ujian
secara online.
Dengan memperhatikan masalah yang dihadapi dengan konsep-konsep yang
akan diajukan untuk menjadi sebuah solusi, maka penulis hendak menyusun tugas
akhir ini dengan judul “Perancangan Sistem Informasi E-learning Pada
Sekolah Menengah Atas Berbasis Web”.

3
1.2. Tujuan dan Manfaat
Tujuan penelitian yang menguraikan secara tegas dan jelas di laksanakan
penelitian. Tujuan dalam penelitian ini adalah:
1. Menciptakan aplikasi e-learning sebagai media pembelajaran jarak jauh.
2. Memudahkan para siswa dalam proses belajar agar menjadi lebih efisien
dan mandiri.
3. Memudahkan guru dalam mendistribusikan materi, tugas, dan memberikan
nilai untuk siswa.
4. Memudahkan dosen dan siswa berinteraksi di luar jam sekolah.
Manfaat penelitian merupakan dampak dari pencapaiannya tujuan. Manfaat
hasil penelitian ini adalah:
1. Manfaat untuk penulis
Sebagai salah satu syarat utama kelulusan Program Diploma Tiga (DIII) pada
Akademik Manajemen Informatika dan Komputer Bina Sarana Informatika.
2. Manfaat untuk objek penelitian
a. Sebagai bahan untuk menyempurnakan atau memperbaiki sistem belajar
saat ini agar jadi lebih baik lagi.
b. Dapat mengidentifikasi kebutuhan-kebutuhan informasi yang diperlukan
untuk meningkatkan sistem e-learning pada sekolah.
c. Membantu meningkatkan proses belajar siswa dengan cara menjawab
soal-soal tugas yang dapat diakses melalui internet dalam bentuk web.
4
3. Manfaat untuk pembaca
Memberikan pemahaman mengenai sistem belajar jarak jauh (e-learning)
yang sedang berjalan.
1.3. Metode Penelitian
Metode–metode penelitian yang digunakan sebagai berikut:
A. Metode Pengembangan Perangkat Lunak (Waterfall):
(Sukamto & Shalahudin, 2013:28) mengemukakan bahwa SDLC atau
Software Development Life Cycle atau sering disebut juga System Development
Life Cycle adalah proses pengembangan atau mengubah suatu sistem perangkat
lunak dengan menggunakan model-model dan metodologi yang digunakan orang
untuk mengembangkan sistem-sistem perangkat lunak sebelumnya (berdasarkan
best practice atau cara-cara yang sudah teruji baik).
SDLC juga merupakan pola yang diambil untuk mengembangkan sistem
perangkat lunak menggunakan waterfall, yang teridi dari tahap-tahap: analisa
kebutuhan pernagkat lunak, desain, pembuatan kode program, pengujian dan
pendukung (support) atau pemeliharaan (maintenance).
1. Analisa Kebutuhan Perangkat Lunak
Pada tahap ini untuk memperoleh infomrasi e-learning yang, penulis
melakukan observasi.Berikut adalah tahapan-tahapan analisa yang penulis
lakukan:
a. Mengumpulkan informasi secukupnya untuk keperluan perancangan
website.
b. Mendefinisikan kebutuhan perangkat yang cocok untuk mendukung
perancangan website.
5
c. Menganalisa desain website yang sesuai dengan judul tugas akhir yang
dipilih.
d. Menyiapkan usulan rancangan.
2. Desain
Dokumentasi yang dihasilkan dari tahapan desain sistem ini antara lain:
Entity Relationship Diagram (ERD) merupakan suatu diagram yang dipakai
untuk mendokumentasikan data dengan mengindetifikasikan jenis entitas dan
menghubungkannya.
3. Pembuatan Kode Program
Merupakan tahap proses yang paling lama memakan waktu, tahap ini berisi
bahasa pemrograman dalam bentuk perintah-perintah yang dimengerti
komputer dan database tertentu. Penulis menggunakan pemrograman
terstruktur karena bahasa pemrograman ini mendukung pembuatan program
sebagai kumpulan prosedur. Prosedur-prosedur ini dapat saling memanggil
dan dipanggil dari manapun dalam program dan dapat menggunakan
parameter yang berbeda-beda untuk setiap pemanggilan.
4. Pengujian
Pada tahap ini penulis menggunakan metode Black Box. Pengujian mencakup
beragam aspek yang berkaitan dengan System & Performance dari pembuatan
kode program. Pengujian meliputi Database, Validasi Data, Logic
Application, GUI (General User Interface) dan pengujian User
Adminnistration. Hasil pengujian ini merupakan umpan balik perbaikan
sistem dan performa yang akan digunakan dalam proses perbaikan sistem
hingga mencapai hasil yang di harapankan dan telah ditentukan sebelumnya.

6
5. Pendukung (Support) atau Pemeliharaan (maintenance)
Selanjutnya tahapan terakhir adalah implementasi sistem. Dalam
implementasi sistem ini, dilakukan kegiatan mulai dari pemesanan domain
name bagi website yang telah dibuat; hosting atau penempatan website di
suatu server; dan instalasi sistem serta mengunggah modul-modul
pembelajaran.
B. Teknik Pengumpulan Data
Teknik pengumpulan data yang digunakan penulis dalam pengumpulan data
untuk pembuatan Tugas Akhir:
1. Observasi (Observation)
Observasi merupakan salah satu metode mengumpulkan data dan informasi
yang cukup efektif. Proses pengamatan objek atau suatu permasalahan
penelitian secara langsung di dunia nyata. Dalam hal ini, penulis melakukan
peninjauan langsung dan mengamati proses belajar mengajar di sebuah
sekolah.
2. Studi Pustaka (Library Research)
Studi kepustakaan merupakan teknik pengumpulan data dengan cara mencari,
membaca buku-buku yang terkait dengan pokok pembahasan serta teori-teori
yang berkaitan dengan bahan pokok tugas akhir yang penulis buat.
7
1.4. Ruang Lingkup
Di dalam penulisan tugas akhir ini, penulis membatasi permasalahan
perancangan program e-learning berbasis website. Dalam hal ini penulis
menjelasakan dari mulai login siswa, login admin, login guru, pengolahan data
guru, pengolahan data siswa, pengolahan data materi belajar, pengolahan data
tugas, pengolahan data ujian online, pencetakan nilai ujian siswa sampai dengan
pencetakan laporan.
BAB II
LANDASAN TEORI
2.1. Konsep Dasar Web
A. Website
Menurut Sidik (2014:1) mengemukakan bahwa:

“Situs web (web site) awalnya merupakan suatu layanan sajian informasi
yang menggunakan konsep hyperlink, yang memudahkan surfer
(sebutan bagi pemakai komputer yang melakukan penelusuran informasi
di internet) untuk mendapatkan informasi, dengan cukup mengklik suatu
link berupa teks atau gambar, maka informasi dari teks atau gambar akan
ditampilkan secara lebih rinci (detail)”.
Menurut Arief dalam Tina (2017:10) “Web adalah salah satu aplikasi yang
berisikan dokumen-dokumen multimedia (teks, gambar, suara, animasi, video) di
dalamnya yang merupakan protocol HTTP (Hypertext Transfer Protocol) dan
untuk mengaksesnya menggunakan perangkat lunak yang disebut browser”.
1. Web Server
Web server dapat memberikan layanan data yang berfungsi menerima
permintaan HTTP atau HTPS dari klien yang dikenal dengan browser web
dan mengirimkan kembali hasilnya dalam bentuk halaman-halaman web
yang umumnya berbentuk dokumen HTML.
Menurut Sadeli Dalam (Supriyanta dan Nisa, 2015:36) “Web Server adalah
sebuah perangkat lunak server yang berfungsi menerima permintaan HTTP
dan HTTPS dari klien yang dikenal dengan web browser yang umumnya
berbentuk dokumen HTML”.
8
9
2. Web Browser
Sebuah sumber informasi diidentifikasikan dengan pengindentifikasi
sumber seragam yang dapat berupa halaman web, gambar, atau jenis konten
lainnya yang berfungsi menerima dan menyajikan sumber informasi di
Internet.
Menurut Sibero, Alexander F, (2013b:12) mengemukakan bahwa “Web

Browser adalah aplikasi perangkat lunak yang digunakan untuk
mengambil dan menyajikan sumber informasi web. Sumber informasi
web diidentifikasi dengan Uniform Resource Identifier (URI) yang dapat
terdiri dari halam web, video, gambar ataupun konten lainya”.
3. Internet
Menurut Irwansyah, (2014:25) mengatakan bahwa “Internet (singkatan

dari interconnection networking) adalah seluruh jaringan komputer yang
saling terhubung menggunakan standar sistem global Transmission
Control Protocol/ Internet Protocol Suite (TCP/IP) sebagai protocol
pertukaran paket (paket switching communication protocol) untuk
melayani miliaran pengguna di seluruh dunia”.
B. Bahasa Pemograman
Beberapa bahasa pemograman yang dipakai, yaitu:
1. PHP
Winarno, dkk (2013:59) mengatakan bahwa “PHP atau PHP Hypertext
Preprocessor, adalah sebuah bahasa pemrograman web berbasis server
(server-side). Artinya, kode ini dijalankan di server, kalau tidak ada server,
maka kode PHP tidak bisa dijalankan”.

10
Menurut Sibero dalam Sagita,.dkk (2016:50) mengemukakan bahwa

“PHP adalah pemrograman interpreter yaitu proses penerjemahan baris
kode sumber menjadi kode mesin yang dimengerti komputer secara
langsung pada saat baris kode dijalankan”. PHP merupakan singkatan
dari Hypertext Preprocessor, dan merupakan bahasa yang disertakan
dalam dokumen HTML sekaligus bekerja disisi server (server-side
HTML embedded scripting)”.
2. Javascript
Menurut Prasetio (2015:332) “Javascript adalah bahasa pemrograman yang
digunakan untuk membuat web lebih dinamis dan interaktif. Javascript
terintegrasi langsung dengan html”.
3. HTML
Menurut Winarno, dkk (2013:1) “HTML merupakan singkatan dari
Hypertext Markup Language, artinya bahasa ini adalah bahasa markup
untuk memformat konten halaman web.”.
4. CSS
Menurut Prasetio (2015:285) “CSS adalah suatu teknologi yang digunakan
untuk memperindah tampilan halaman website (situs).”.
5. JQuery
Menurut Hidayatullah (2014:426) “Jquery adalah kumpulan fungsi-fungsi
JavaScript yang sudah dibentuk sebagai suatu objek.”.
Sementara menurut Aditama dalam Wasiyanti dkk., (2016:50)

mengatakan bahwa jQuery adalah “Javascript library yang berisikan
kode-kode Javascript yang bertujuan untuk mempersingkat dalam
penulisan kode Javascript dan pastinya cepat dan ringan jika dibawa
kemana-mana.Dengan adanya JQuery ini lebih mempermudah pejuang-
pejuang dalam membuat sebuah program, karena banyak tool yang
menarik dan juga perlu diketahui”.
11
C. Basis Data
Menurut Sukanto dan M.Shalahudin (2013:43) “basis data adalah sistem
terkomputerisasi yang tujuan utamanya dalah memelihara data yang sudah diolah
atau infromasi dan membuat informasi tersedia saat dibutuhkan. Beberapa apikasi
basis data, yaitu:
1. MySQL
Menurut Yudhanto dan Agus Purbayu (2014:67) “MySQL adalah software
yang termasuk dalam sistem manajemen basis data SQL (Database
Management System) atau dikenal juga dengan DBMS yang multithread
dan multi-user.”.
2. XAMPP
Menurut Sidik (2014:72) “Xampp (X(Windows/Linux) Apache MySQL PHP
dan Perl) merupakan paket server web PHP dan database MySQL yang
paling populer di kalangan pengembangan web dengan menggunakan PHP
dan MySQL sebagai databasenya”.
3. PHPMyAdmin
Menurut Sadeli (2013:10) “PHPMyadmin adalah sebuah software yang
berbentuk seperti halaman situs yang terdapat pada web server”.

12
D. Model Pengembangan Perangkat Lunak
Menurut Sukamto dan Shalahuddin (2013:28) “Model SDLC air terjun

(waterfall) sering juga disebut juga sekuensial linear (squential linear)
atau alur hidup klasik (classic life cycle)”. Model air terjun menyediakan
pendekatan alur hidup perangkat lunak secara sequential atau terurut
dimulai dari analisis, desain, pengodean, pengujian dan tahan pendukung
(support).
Metode yang digunakan pada pengembangan perangkat lunak dengan
metode waterfall terbagi menjadi lima tahapan, yaitu:
1. Analisa kebutuhan perangkat lunak
Proses pengumpulan kebutuhan dilakukan secara intensif untuk
menspesifikasikan kebutuhan perangkat lunak agar dapat dipahami
perangkat lunak seperti apa yang dibutuh oleh user. Spesifikasi kebutuhan
perangkat lunak pada tahap ini perlu untuk didokumentasikan.
2. Desain
Desain perangkat lunak adalah proses multi langkah 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 datri tahap analisis menjadi
program pada tahap selanjutnya. Desain perangkat lunak yang dihasilkan
pada tahap ini juga perlu didokumentasikan.
3. Pembuatan kode program
Desain harus ditranslasikan ke dalam program perangkat lunak. Hasil dari
tahap ini adalah program komputer sesuai dengan desain yang telah
dibuat pada tahap desain.

13
4. 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 memastikan keluaran yang dihasilkan
sesuai dengan yang diinginkan.
5. Pendukung (support) 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.
2.2. Teori Pendukung
A. Struktur Navigasi
Menurut Prihatna dalam Wijaya, dkk (2015:129) “struktur navigasi adalah
susunan hirarki dari suatu situs yang menggambarkan isi dari setiap halaman dan
link atau navigasi tiap halaman pada suatu situs web”.
Ada empat macam bentuk dasar dari struktur navigasi yang biasa
digunakan dalam proses pembuatan website, yaitu :

14
1. Struktur Navigasi Linier
Struktur navigasi linier hanya mempunyai satu rangkaian cerita yang
berurut, yang menampilkan satu demi satu tampilan layar secara berurut
menurut urutannya. Tampilan yang dapat ditampilkan pada struktur jenis ini
adalah satu halaman sebelumnya atau satu halaman sesudahnya, tidak dapat
dua halaman sebelumnya atau dua halaman sesudahnya.
Sumber: Prihatna(2005)
Gambar II.1
Struktur Navigasi Linier
2. Struktur Navigasi Non Linier
Struktur navigasi non-linier merupakan pengembangan dari struktur
navigasi linier. Pada struktur ini diperkenankan membuat navigasi
bercabang. Percabangan yang dibuat pada struktur non-linier ini berbeda
dengan percabangan pada struktur hirarki,karena pada percabangan non-
linier ini walaupun terdapat percabangan, tetap tiap-tiap tampilan
mempunyai kedudukan yang sama yaitu tidak ada Master Page dan Slave
Page.
15
Gambar II.2
Struktur Navigasi Non Linier
3. Struktur Navigasi Hierarki
Struktur navigasi hirarki biasa disebut struktur bercabang, merupakan suatu
struktur yang mengandalkan percabangan untuk menampilkan data
berdasarkan kriteria tertentu. Tampilan pada menu satu akan disebut sebagai
Master Page (halaman utama pertama), halaman utama ini mempunyai
halaman percabangan yang disebut Slave Page (halaman pendukung). Jika
salah satu halaman pendukung dipilih atau diaktifkan, maka tampilan
tersebut akan bernama Master Page (halaman utama kedua) dan seterusnya.
Pada navigasi ini tidak diperkenalkan adanya tampilan secara linier.

16
Gambar II.3
Struktur Navigasi Hierarki
4. Struktur Navigasi Campuran
Struktur navigasi campuran merupakan gabungan dari ketiga struktur
sebelumnya yaitu linier, non-linier, dan hirarki. Struktur navigasi ini
banyak digunakan dalam pembuatan multimedia karena struktur ini dapat
digunakan dalam pembuatan multimedia sehingga dapat memberikan
keinteraksian yang lebih tinggi.
Gambar II.4
Struktur Navigasi Campuran

17
B. Enterprise Relationship Diagram
1. Pemodelan awal basis data yang paling banyak digunakan adalah
menggunakan entity relationship diagram (ERD). ERD dikembangkan
berdasarkan teori himpunan dalam bidang matematika.
2. Menurut Ladjamudin (2013:142) ERD adalah “suatu model jaringan yang
menggunakan susunan data yang disimpan dalam sistem secara abstrak”.
3. Menurut Rosa dan Shalahuddin (2015:50) Model E-R atau ERD adalah
“pemodelan awal basis data yang paling banyak digunakan adalah Entity
Relationship Diagram (ERD)”.
4. Berdasarkan teori diatas ERD adalah suatu model jaringan yang
menggunakan susunan data yang paling banyak digunakan. Adapun
beberapa dasar membangun pemodelaan ERD menurut Rossa dan
Shalahudin (2015:50) sebagai berikut:

18
Komponen Entity Relationship Diagram (ERD)
Tabel II.1
Notasi Komponen Keterangan
Entitas/entity Entitas merupakan data inti

Nama_entitas
yang akan disimpan, bakal
tabel pada basis data,
benda yang memiliki data
dan harus disimpan
datanya agar dapat diakses
oleh aplikasi komputer.
Penamaan entitas biasanya
lebih ke kata benda dan
belum merupakan nama
tabel.
Atribut Field atau kolom data yang

Nama_atribut
butuh disimpan dalam
suatu entitas.
Atribut kunci primer Field atau kolom data yang

Nama kunci
butuh disimpan dalam
suatu entitas dan
digunakan sebagai kunci
akses record yang
diinginkan, biasanya
berupa id. Kunci primer

19
dapat lebih dari satu
kolom, asalkan kombinasi
dari beberapa kolom
tersebut dapat bersifat unik
(berbeda tanpa ada yang
sama).
Atribut Field atau kolom data yang
multinilai/multivalue butuh disimpan dalam
suatu entitas yang dapat
memiliki lebih dari satu.
Relasi Relasi yang
menghubungkan antar
entitas, biasanya diawali
dengan kata kerja.
Relasi Relasi yang

Nama_rela
menghubungkan antar
entitas, biasanya diawali
dengan kata kerja.

20
N Asosiasi/association Penghubung antara relasi
dan entitas dimana di
kedua ujungnya memiliki
multiplicity kemungkinan
jumlah pemakaian.
Kemungkinan jumlah
maksimum keterhubungan
antara entitas satu dengan
entitas yang lain disebut
dengan kardinalitas.
Misalkan ada kardinalitas
1 ke N atau sering disebut
dengan one to many
menghubungkan entitas A
dan entitas B.
Sumber: Soekamto dan Shalahuddin (2015:50)

21
C. Logical Relationship Structure
Logical record structure (LRS) memiliki struktur record dari tabel yang ada
di database yang direlasikan untuk mempermudah logika dari suatu program yang
kita buat.
Menurut Ladjamudin (2013:159) “logical record structure (lrs) merupakan
hasil transformasi ERD ke LRS yang memulai proses kardinalitas dan
menghilangkan atribut-atribut yang saling berelasi”. Dapat disimpulkan bahwa
logical record structure (LRS) merupakan cara atau teknik untuk menggambarkan
basis data berupa relasi antar tabel yang mentransformasikan ERD ke LRS
melalui proses kardinalitas. Pentransformasian ERD ke LRS ini memiliki aturan-
aturan tertentu yang mempengaruhi langkah pentransformasian yaitu kardinalitas.
Adapun kardinalitas tersebut (Ladjamudin, 2013:160) yaitu:
1. 1:1 (one to one)
Relasi yang terjadi antara suatu entity dengan entity lainnya yang memiliki
hubungan 1:1.
2. 1:M (one to many)
hubungan 1:M.
3. M:N (many to many)
hubungan M:N. Pada relasi ini biasa digunakan tabel bantuan untuk
memecahkan relasi tersebut menjadi 1:1 atau 1:M.

22
D. Implementasi dan Pengujian Unit
1. Pengujian Web
Pengujian web salah satu bagian yang sangat penting. Sebuah sistem atau
aplikasi perangkat lunak harus bebas dari error atau kesalahan, untuk itu
perlu adanya tahapan dan pengujian untuk mengetahui beberapa kekurangan
atau kesalahan yang ada sebelum sistem perangkat lunak diterapkan dan
digunakan.
Menurut (Adami & Budihartanti, n.d. 2016:124) “Black box testing

adalah tipe testing yang memperlakukan perangkat lunak yang tidak
diketahui kinerja internal nya”. Sehingga para tester memandang
perangkat lunak seperti layak nya sebuah “kotak hitam” yang tidak
penting dilihat dari isinya, tapi cukup dikenai proses testing dari isi nya.
BAB III
PEMBAHASAN
3.1. Analisis Kebutuhan
Pada tugas akhir ini akan dirancang sebuah aplikasi belajar jarak jauh
berbasis web (e-learning) di Sekolah Menengah Atas untuk mengatasi
permasalahan-permasalahan yang terjadi. Bab ini akan membahas analisis dan
perancangan aplikasi yang akan dibuat.
Analisa kebutuhan sistem informasi di sekolah menengah atas sebagai
berikut:
A. Ruang Administrator
1. Mengelola Data Guru
2. Mengelola Data Siswa
3. Mengelola Data Admin
4. Mengelola Data Kelas
5. Mengelola Data Pelajaran
6. Mengelola Data Tugas Belajar
7. Mengelola Data Materi Belajar
8. Mengelola Data Jadwal Mengajar
9. Melihat Rekapan Laporan
10. Mengelola Soal Ujian Online
23
24
B. Ruang Guru
1. Melihat Profil Guru
2. Melihat jadwal mengajar
3. Melihat data siswa pada kelas yang di ajar
4. Mengelola data materi belajar
5. Mengelola data tugas belajar
6. Melihat nilai ujian online pada siswa yang di ajar
C. Ruang Siswa
1. Melihat profil siswa
2. Melihat jadwal belajar
3. Mengunduh materi belajar
4. Mengunduh tugas belajar
5. Mengerjakan ujian online
6. Melihat nilai ujian online

25
3.2. Rancangan Antar Muka
A. Rancangan Antar Muka Halaman Admin
1. Rancangan Halaman Login
LOGIN
LOGIN ADMIN
Username :
Password :
LOGIN
Gambar III.1
Rancangan Halaman Login Admin
2. Rancangan Halaman Index
Beranda
Data Pelajaran Selamat Datang di Aplikasi E-Learning
Data Kelas Anda Login Sebagai Admin
--------------------------------------------------------------------------------------------------------------------------------------------------------------------
Data Admin
Data Guru
Data Siswa
Data Kelas
Data Materi Belajar
Data Tugas Belajar

Data Mengajar
Soal Ujian
Laporan
Keluar
Gambar III.2
Rancangan Halaman Index Admin

26
3. Rancangan Halaman Data Pelajaran
DATA PELAJARAN
Beranda
TAMBAH DATA
Data Pelajaran
Data Kelas No KODE NAMA PELAJARAN TOOLS
Data Admin x xxxx xxxxxxxxxxx

Delete Edit
Data Guru x xxx xxxxxxxxxxx
Delete Edit
Data Siswa
Data Kelas
Data Materi Belajar
Data Tugas Belajar

Data Mengajar
Soal Ujian
Laporan
Keluar
Gambar III.3
Rancangan Halaman Data
Pelajaran
4. Rancangan Halaman Data Kelas
Beranda DATA KELAS
Data Pelajaran TAMBAH DATA
Data Kelas No Kode Tahun Ajaran Guru Wali TOOLS
Data Admin x xxx xxxx-xxxx xxxxx xxxxx Delete Edit
Data Guru x xxx xxxx-xxxx xxxxx xxxxx Delete Edit

Data Siswa
Data Kelas
Data Materi Belajar
Data Tugas Belajar

Data Mengajar
Soal Ujian
Laporan
Keluar
Gambar III.4
Rancangan Halaman Data Kelas

27
5. Rancangan Halaman Data Admin
DATA ADMIN
Beranda
TAMBAH DATA
Data Pelajaran
Data Kelas No Kode Nama User Username Tools
Data Admin x xxx xxxx xxxx

xxxxx Delete Edit
Data Guru x xxx xxxx xxxx xxxxx
Delete Edit
Data Siswa
Data Kelas
Data Materi Belajar
Data Tugas Belajar

Data Mengajar
Soal Ujian
Laporan
Keluar
Gambar III.5
Rancangan Halaman Data Admin
6. Rancangan Halaman Data Guru
Beranda DATA GURU
Data Kelas No Kode Nama Guru L/P Alamat Tools
Data Admin x xxx xxxx xxxx x

xxxxx Delete Edit
Data Guru x xxx xxxx xxxx x xxxxx
Delete Edit
Data Siswa
Data Kelas Jumlah Data: x Halaman ke : x
Data Materi Belajar
Data Tugas Belajar

Data Mengajar
Soal Ujian
Laporan
Keluar
Gambar III.6
Rancangan Halaman Data Guru

28
7. Rancangan Halaman Data Siswa
DATA SISWA
Beranda
TAMBAH DATA
Data Pelajaran
Data Kelas No Kode NISN Nama Siswa L/P Username Tools
Data Admin x xxx xxxxxx xxxx xxxx x

xxxxx Delete Edit
Data Guru x xxx xxxxxxx xxxx xxxx x xxxxx
Data Siswa Delete Edit
Jumlah Data: x Halaman ke : x

Data Kelas
Data Materi Belajar
Data Tugas Belajar

Data Mengajar
Soal Ujian
Laporan
Keluar
Gambar III.7
Rancangan Halaman Data Siswa
8. Rancangan Halaman Data Materi Belajar
Beranda DATA MATERI
Data Kelas No Kode Nama Materi Pelajaran Tools
Data Admin x xxx xxxxxx

xxxxx Delete Edit
Data Guru x xxx xxxxxxx xxxxx
Delete Edit
Data Siswa
Data Materi Belajar
Data Tugas Belajar
Data Mengajar
Soal Ujian
Laporan
Keluar
Gambar III.8
Rancangan Halaman Data Materi Belajar

29
9. Rancangan Halaman Data Tugas Belajar
Beranda DATA TUGAS
No Kode Nama Tugas Pelajaran Kelas Tools

Data Kelas
Data Admin x xxx xxxxxx xxxxx xxxxx Delete Edit
Data Guru x xxx xxxxxxx xxxxx xxxxx

Delete Edit
Data Siswa
Data Materi Belajar
Data Tugas Belajar

Data Mengajar
Soal Ujian
Laporan
Keluar
Gambar III.9
Rancangan Halaman Data Tugas Belajar
10. Rancangan Halaman Data Mengajar
DATA MENGAJAR
Beranda
TAMBAH DATA
Data Pelajaran
Data Kelas No Kode Kelas Pelajaran Guru Jadwal Tools
Data Admin x xxx xxxxxx xxxxx xxxxx xxxxx

Delete Edit
Data Guru x xxx xxxxxxx xxxxx xxxxx xxxxx
Delete Edit
Data Siswa
Data Kelas
Data Materi Belajar
Data Tugas Belajar
Data Mengajar
Soal Ujian
Laporan
Keluar
Gambar III.10
Rancangan Halaman Data Mengajar

30
11. Rancangan Halaman Menu Soal
Beranda
Soal xxxxxx xxxxxx
Data Pelajaran
Soal xxxxxx xxxxxxxx
Data Kelas
Data Admin
Data Guru
Data Siswa
Data Kelas
Data Materi Belajar
Data Tugas Belajar

Data Mengajar
Soal Ujian
Laporan
Keluar
Gambar III.11
Rancangan Halaman Menu Soal
12. Rancangan Halaman Data Soal 1
Beranda Soal xxxxxx xxxxx
Data Kelas No Pertanyaan Pilihan A Pilihan B Pilihan C Pilihan D Jawaban Publish Kelas Tools
Data Admin x xxx xxxxxx xxxxx xxxxx xxxxx x xxxxx xxxxx

Delete Edit
Data Guru x xxx xxxxxxx xxxxx xxxxx xxxxx x xxxxx xxxxx
Delete Edit
Data Siswa
Data Materi Belajar
Data Tugas Belajar

Data Mengajar
Soal Ujian
Laporan
Keluar
Gambar III.12
Rancangan Halaman Data Soal 1

31
13. Rancangan Halaman Data Soal 2
Beranda Soal xxxxx xxxxx
Data Kelas No Pertanyaan Pilihan A Pilihan B Pilihan C Pilihan D Jawaban Publish Kelas Tools
Data Admin x xxx xxxxxx xxxxx xxxxx xxxxx x xxxxx xxxxx Delete Edit
Data Guru x xxx xxxxxxx xxxxx xxxxx xxxxx x xxxxx xxxxx Delete Edit
Data Siswa
Data Materi Belajar
Data Tugas Belajar

Data Mengajar
Soal Ujian
Laporan
Keluar
Gambar III.13
Rancangan Halaman Data Soal 2
14. Rancangan Halaman Menu Laporan
Beranda
Data Pelajaran Laporan Data Pelajaran
Laporan Data Kelas

Data Kelas
Laporan Data Admin
Data Admin
Laporan Data Guru
Data Guru
Data Siswa Laporan Data Siswa
Data Kelas
Laporan Data Materi Belajar
Laporan Data Tugas Belajar
Data Materi Belajar
Laporan Data Jadwal Mengajar
Data Tugas Belajar Laporan Data Nilai
Data Mengajar
Soal Ujian
Laporan
Keluar
Gambar III.14
Rancangan Halaman Menu Laporan

32
15. Rancangan Halaman Laporan Data Pelajaran
Beranda
LAPORAN DATA
PELAJARAN
Data Pelajaran
Dat
Kel
as No KODE NAMA PELAJARAN

Da x xxxx xxxxxxxxxxx
ta
x xxx xxxxxxxxxxx
Ad
mi
Da
ta
Gu
ru
Data Siswa
Data Kelas
Data
Materi
Belajar
Data
Tugas
Belajar
Data
Mengajar
S
o
a
l
U
ji
Gambar III.15
a
n
L
a
p
o
r Rancangan Halaman Laporan Data Pelajaran
a
n
K
e
l
u
a
16. Rancangan Halaman Laporan Data Kelas

r
No Kode Tahun Ajaran Guru Wali
x xxx xxxx-xxxx xxxxx xxxxx

Beranda
LAPORAN DATA
x xxx xxxx-xxxx xxxxx xxxxx
KELAS
Data Pelajaran
Dat
Kel
as
Da
ta
Ad
mi
Da
ta
Gu
ru
Data Siswa
Data Kelas
Data
Materi
Belajar
Data
Tugas
Belajar
Data
Mengajar
S
Gambar III.16
o
a
l
U
Rancangan Halaman Laporan Data Kelas
ji
a
n
L
a
p
o
r
a
n
K
e
l
u
a
r
33
17. Rancangan Halaman Laporan Data Admin
Beranda
Data Pelajaran LAPORAN DATA ADMIN
Data Kelas No Kode Nama Admin Username
Data Admin x xxx xxxx xxxx xxxxx
Data Guru x xxx xxxx xxxx xxxxx

Data Siswa
Data Kelas
Data Materi Belajar
Data Tugas Belajar

Data Mengajar
Soal Ujian
Laporan
Keluar
Gambar III.17
Rancangan Halaman Laporan Data Admin
18. Rancangan Halaman Laporan Data Guru
Beranda
Data Pelajaran LAPORAN DATA GURU
Data Kelas No Kode Nama Guru L/P Alamat No. Telepon
Data Admin x xxx xxxx xxxx x xxxxx xxxxxxxx
Data Guru x xxx xxxx xxxx x xxxxx xxxxxxxxx

Data Siswa
Data Kelas
Data Materi Belajar
Data Tugas Belajar

Data Mengajar
Soal Ujian
Laporan
Keluar
Gambar III.18
Rancangan Halaman Laporan Data Guru

34
19. Rancangan Halaman Laporan Data Siswa
Beranda
LAPORAN
DATA SISWA
Data
Pelajaran Jumlah Halaman
Data: x ke : x
Da
ta
Ke
las Kode NISN Nama Siswa L/P Alamat No.Telepon Kode Kelas Nama Kelas
Da xxxxxx xxx xxxxxx x xxxxx xxxxxxx xxxxxx xxxxxx
ta xxxxxxx xxx xxxxxxx x xxxxx xxxxxxxxx xxxxx xxxxxx
Ad
mi
Da
ta
Gu
ru
Data Siswa
Data Kelas
Data Materi
Belajar Data
Tugas Belajar
Data
Mengajar
ji
o
Gambar III.19
r
l
Rancangan Halaman Laporan Data Siswa
u
20. Rancangan Halaman Laporan Data Materi Belajar
Beranda LAPORAN DATA MATERI
Data Pelajaran FILTER DATA

xxxxxxxxxxx
Pelajaran :
Data Kelas Tampil
Data Admin No Kode Nama Materi Pelajaran Guru
Data Guru x xxx xxxxxx xxxxx xxxxx

Data Siswa
x xxx xxxxxxx xxxxx xxxxx
Data Kelas

Data Materi Belajar
Data Tugas Belajar

Data Mengajar
Soal Ujian
Laporan
Keluar
Gambar III.20
Rancangan Halaman Laporan Data Materi Belajar

35
21. Rancangan Halaman Laporan Data Tugas Belajar
LAPORAN DATA TUGAS BELAJAR

Beranda
FILTER DATA
Data Pelajaran
Kelas : xxxxxxxxxxx Tampil
Data Kelas
Data Admin No Kode Nama Tugas Pelajaran Kelas Guru
Data Guru x xxx xxxxxx xxxxx xxxxx xxxxx

Data Siswa x xxx xxxxxxx xxxxx xxxxx xxxxx
Data Kelas
Data Materi Belajar
Data Tugas Belajar
Data Mengajar
Soal Ujian
Laporan
Keluar
Gambar III.21
Rancangan Halaman Laporan Data Tugas Belajar
22. Rancangan Halaman Laporan Data Jadwal Mengajar
Beranda
Data Pelajaran LAPORA DATA MENGAJAR
Data Kelas No Kode Kelas Pelajaran Guru Jadwal
Data Admin x xxx xxxxxx xxxxx xxxxx xxxxx
Data Guru x xxx xxxxxxx xxxxx xxxxx xxxxx

Data Siswa
Data Kelas
Data Materi
Belajar Data Tugas
Belajar Data
Mengajar
Soal Ujian
Laporan
Keluar
Gambar III.22
Rancangan Halaman Laporan Data Jadwal Mengajar

36
23. Rancangan Halaman Laporan Data Nilai Ujian Online
Beranda
LAPORAN DATA NILAI UJIAN ONLINE
Data Pelajaran
Jawaban Jawaban Nama
No Kode Siswa Nama Siswa Nilai Tanggal Kelas
Data Kelas Benar Salah Pelajaran
Xxxxx
x xxx xxxxxx xxxxx xxxxx xxxxx xxxx-xx-xx xxx xxxxx
Data Admin Xxxxx
x xxx xxxxxxx xxxxx xxxxx xxxxx xxxx-xx-xx xxx xxxxx
Data Guru
Data Siswa
Data Kelas
Data Materi Belajar
Data Tugas Belajar

Data Mengajar
Soal Ujian
Laporan
Keluar
Gambar III.23
Rancangan Halaman Laporan Data Nilai Ujian Online
B. Rancangan Antar Muka Halaman Guru
LOGIN
LOGIN GURU
Username :
Password :
Gambar III.24
Rancangan Halaman Login Guru

37
Beranda
Profil Guru Selamat Datang di Aplikasi E-Learning
Jadwal Mengajar Anda Login Sebagai Guru

Siswa Kelas
Data Materi Belajar --------------------------------------------------------------------------------------------------------------------------------------------------------------------
Data Tugas Belajar
Data Nilai Ujian
Keluar
Gambar III.25
Rancangan Halaman Index Guru
3. Rancangan Halaman Profil Guru
Beranda
PROFIL GURU
Profil Guru
Jadwal Mengajar Kode : xxxxxxx
Siswa Kelas Nama Guru : xxxxxxx

Data Materi Belajar
Kelamin :x
Data Tugas Belajar Alamat : xxxxxx xxxxx xxx
Data Nilai Ujian No Telepon : xxxxx xxxxxx
Keluar
LOGIN
Username : xxxxxxx
Password :Ubah Password
Gambar III.26
Rancangan Halaman Profil Guru

38
4. Rancangan Halaman Jadwal Mengajar
Beranda
JADWAL MENGAJAR
Profil Guru
Kelas : xxx
Jadwal Mengajar
Siswa Kelas
Data Materi Belajar
Data Tugas Belajar No Kode Kelas Pelajaran Jadwal

Data Nilai Ujian x xxxxxx xxxx xxxxxxxxxxx xxxxx xxxxx xxxxx
Keluar
Gambar III.27
Rancangan Halaman Jadwal Mengajar
5. Rancangan Halaman Data Siswa
Be
DATA
Kelas :
ran SISWA xx
No x Kode NISN Nama Siswa No Telepon L/P Alamat Tools
da
x xxxxxx xxxxx xxxx xxxxx xxxxxxxxx x xxxxx xxxxx xxxxx Cetak
Pr
ofil
Gu
ru
Jadwal
Mengajar
Siswa Kelas
Data Materi
Belajar
Data Tugas
Belajar
Data Nilai
Ujian
Keluar
Gambar III.28
Rancangan Halaman Data Siswa

39
6. Rancangan Halaman Data Materi Belajar
DATA MATERI
Beranda
TAMBAH DATA
Profil Guru
Jadwal Mengajar No Kode Nama Materi Pelajaran Tools
Siswa Kelas x xxx xxxxxx

Data Materi Belajar xxxxx Delete Edit
x xxx xxxxxxx xxxxx
Delete Edit
Data Tugas Belajar
Data Nilai Ujian Jumlah Data: x Halaman ke : x
Keluar
Gambar III.29
Rancangan Halaman Data Materi Belajar
7. Rancangan Halaman Data Tugas Belajar
DATA TUGAS
Beranda
TAMBAH DATA
Profil Guru
No Kode Nama Tugas Pelajaran Kelas Tools
Jadwal Mengajar
x xxx xxxxxx xxxxx xxxxxx
Siswa Kelas Delete Edit
x xxx xxxxxxx xxxxx xxxxxxx
Delete Edit
Data Materi Belajar
Data Tugas Belajar Jumlah Data: x Halaman ke : x
Data Nilai Ujian

Keluar
Gambar III.30
Rancangan Halaman Data Tugas Belajar

40
8. Rancangan Data Halaman Nilai Ujian Online
Kelas : xxx
Beranda
Profil Guru
Jadwal Mengajar DATA NILAI UJIAN ONLINE

Siswa Kelas
Data Materi Belajar
No Kode Siswa Nama Siswa Nilai Tanggal Ujian Mata Pelajaran
Data Tugas Belajar
x xxxxxx xxxxxx xxxx xxx xxxxxxxxxx xxxxxxx xxxx
Data Nilai Ujian
Keluar
Jumlah Data : x Halaman ke : x
Gambar III.31
Rancangan Halaman Data Nilai Ujian Online
C. Rancangan Antar Muka Halaman Siswa
Beranda
Login Siswa
Login Guru
LOGIN SISWA
Username :
Password :
Gambar III.32
Rancangan Halaman Login Siswa

41
Beranda
Profil Siswa Silahkan Datang
Jadwal Belajar
Silahkan Pilih Menu Di Sebelah Kiri
Materi Belajar
--------------------------------------------------------------------------------------------------------------------------------------------------------------------
Tugas Belajar
Ujian Online
Data Nilai Ujian
Keluar
Gambar III.33
Rancangan Halaman Index Siswa
3. Rancangan Halaman Profil Siswa
Beranda
PROFIL SISWA
Profil Siswa
Jadwal Belajar Kode : xxxxxxxxxxx

Materi Belajar NIS : xxxxxxxxxxx
Tugas Belajar Nama Siswa : xxxxxxxxxxx
Ujian Online Kelamin :x
Data Nilai Ujian Agama : xxxxxxxxx
Keluar Tempat & Tgl. Lahir : xxxxxxx, xx-xx-xxxx
Alamat : xxxx xxxxx xxxxxxxx
No.Telepon : xxxxxx xxxxxxxxx
FOTO :
Kelas Aktif : xxx
LOGIN
Username : xxxxxx
Password : Ubah Password
Gambar III.34
Rancangan Halaman Profil Siswa

42
4. Rancangan Halaman Jadwal Belajar
Beranda
JADWAL BELAJAR
Profil Siswa
Jadwal Belajar
No Pelajaran Guru Jadwal
Materi Belajar
Kelas : xxx
Tugas Belajar
xx Xxxxxxxxxxxx xxxxx xxx xxxx xxxxx
Ujian Online
Data Nilai Ujian
Keluar
Gambar III.35
Rancangan Halaman Jadwal Belajar
5. Rancangan Halaman Materi Belajar
Beranda Materi Belajar

Profil Siswa FILTER DATA :
Jadwal Belajar xxxxxx xxxxxx

Pelajaran :
Materi Belajar TAMPIL
Tugas Belajar
Ujian Online No Nama Materi Pelajaran Guru File
xx xxx xxxxxxxx xxxxxx xxxx xxxx xxxx xxxx Download

Data Nilai Ujian
Keluar
Gambar III.36
Rancangan Halaman Materi Belajar

43
6. Rancangan Halaman Tugas Belajar
Beranda
Tugas Belajar
Profil Siswa
No Nama Tugas Pelajaran Kelas Guru File

Jadwal Belajar
xx xxxxxxxxx xxxxx xxxx xxx xxxx xxxxxxx Download
Materi Belajar
Tugas Belajar
Ujian Online
Data Nilai Ujian
Keluar
Gambar III.37
Rancangan Halaman Tugas Belajar
7. Rancangan Halaman Memilih Ujian
RUANG SISWA
Selamat Datang Di Halaman Ujian Online
Selamaat Datang
Situs ujian online ini digunakan untuk melaksanakan ujian

secara online.
Silahkan memilih Ujian apa yang ingin di ikuti.
Silahkan memilih Sesuai kelas anda.
xxxxx xxxxxx xxxx

xxxxx xxxxxx xxxx
xxxxx xxxxxx xxxx
xxxxx xxxxxx xxxx
xxxxx xxxxxx xxxx
xxxxx xxxxxx xxxx
Gambar III.38
Rancangan Halaman Memilih Ujian

44
8. Rancangan Halaman Ujian
RUANG
SISWA
Selamat Datang Di Halaman
Ujian Online
Selamat Mengerjakan xxxxxxxxx
1. xxxx xxxx xxxx xxxxx xxxx?
xx xxxx xxxxxxx
xx xxxx xxxxxxx
xx xxxx xxxxxxx
xx xxxx xxxxxxx
JAWAB
Gambar III.39
Rancangan Halaman Ujian
9. Rancangan Halaman Simpan Nilai
RUANG
SISWA
Selamat Datang Di Halaman

Ujian Online
Hasil Jawaban xxxxxxxxx
Benar : xxxxx xxxxxx
Salah : xxxxx xxxxxx
Kosong : xxxxx xxxxxx
Nilai : xxxxx xxxxxx
SIMPAN NILAI
Gambar III.40
Rancangan Halaman Simpan Nilai

45
10. Rancangan Halaman Nilai
RUANG SISWA
Selamat Datang Di Halaman Ujian Online
Nilai : xxxxxxxxx
No Benar Salah Kosong Nilai Tanggal
xx xx xx xx xx xxxx x
xx xx xx xx xx xxxx x
Gambar III.41
Rancangan Halaman Nilai
11. Rancangan Halaman Data Nilai Ujian Online
Beranda
Nilai Ujian Online
Profil Siswa
Jadwal Belajar No Pelajaran Benar Salah Nilai Tanggal
Materi Belajar xx xxxxxxxxx xxxxx xxx xxxx xxxxx xxxx

Tugas Belajar
Ujian Online
Data Nilai Ujian Online
Keluar
Gambar III.42
Rancangan Halaman Data Nilai Ujian Online

46
3.3. Entity Relationship Diagram
Perancangan basis data dari program yang dibuat menghasilkan pemetaan
tabel-tabel yang digambarkan dengan Entity Relationship Diagram (ERD).
A. Entity Relationship Diagram

foto kelamin agama
username
Tanggal_lahir nis
Kd_siswa
password Nm_kelas
id Kd_kelas Kd_siswa Kd_kelas
Nm_siswa Kd_guru
No_telepon Tempat_lahir Thn_ajaran
alamat
1 1 1
M
siswa memiliki Kelas_siswa memiliki kelas
1
1 Kd_kelas Kd_pelajaran ruang

Kd_mengajar Kd_guru 1
hari jam
memiliki
1 1
memiliki mengajar memiliki
alamat
Nm_guru
No_telepon
1 kelamin
Kd_guru username
password
Kd_pelajaran
M 1
1 1
1 1 memilikii guru
Tabel_nilai memiliki pelajaran
Nm_pelajaran
1
1
Kd_pelajaran
point
tanggal
salah
Id_nilai M 1 M
benar Materi belajar Memberi
kosong soal memiliki
Kd_siswa
Kd_pelajaran
Id_soal Kd_materi
kls Kd_guru
pertanyaan Nm_materi
publish Kd_pelajaran
Pilihan_a M
jawaban File_materi
keterangan
Pilihan_c
Pilihan_b Pilihan_d 1 M
Tugas memiliki
belajar
Kd_pelajaran
Kd_guru
File_tugas Kd_kelas
Nm_tugas Kd_tugas
keterangan
Gambar III.43
Entity Relationship Diagram Sistem Belajar Jarak Jauh

47
B. LRS (Logical Record Structure)
kelas
siswa i _sis k tugas
d wa1 1 k e kd _belaj
kd_siswa
d l _t ar
nm_siswa 1 M 1 1 M
K _ a ug
nis 1
d k g s1 M as 1
kelamin 1 kd
_ e u n
agama _g r
k l m materi
tempat_lahir ur u 1 M kd_belaj
1
e a _t_
tanggal_lahir u ar
l s ug
alamat n m
no_telepon a m men asat1
kdn ke
foto s _g gaja eri
1 _m r ter
username ur n
k m_ an
password 1 u m
d enk ga
ke _
pela 1 _ gae nm
kd_pelaja la
tabel_soal
jara s jarl filat
ran n 1 mi
id_soal i ka e_
nm_pelaja 1 n eri
pertanyaan s ds tuke
ran al
pilihan_a w _ ga
a ter
pilihan_b a kk san
m
pilihan_c eld kdga
at
pilihan_d a_ _p
no n
Jawaban sg ela
_te fil
Publish ku jare_
lep
kls dr an
on m
M Kd_pelajaran _u kd
us at
tabel_nilai p _k
er eri
M elt elkd
id_nilai na
ajh as
kd_siswa m _p
arn kd
benar 1 e ela
a_ _g
salah pa jar
na uran
Kosong ss
kj ukd
Point w
1 1 da
Tanggal or _g
_r
Kd_pelajaran d ur
ga
u
urn
u
h
Gambar
a III.44
r
i
Logical Record Structure Sistem Belajar Jarak Jauh
j
a
m
r
u
a
n
g
48
3.4. Spesifikasi File
Di dalam perancangan sistem belajar jarak jauh (e-learning) untuk sekolah ini
penulis menggunakan database dengan nama elearning_db. Berikut adalah
spesifikasi dari table-tabel didalam database tersebut:
1. Spesifikasi File Admin
Nama File : admin
Akronim : admin
Fungsi : Untuk Menyimpan Data User Yaitu Admin.
Tipe File : File Master
Organisasi File : Index Squential
Akses File : Random
Media :
Harddisk Panjang Record :
87 Kunci Field : kd_user
Software : Xampp
Tabel III.1
Spesifikasi File Admin
No Elemen Data Akronim Tipe Panjang Keterangan
1. Kode User kd_user int 7 Primary Key
2. Nama User nm_user varchar 30
3. Username Username varchar 20
4. Password Password varchar 30

49
2. Spesifikasi File Siswa
Nama File : siswa
Akronim : siswa
Fungsi : Untuk menyimpan data siswa
Organisasi File : Index
Squential Akses File :
Random
Media : Harddisk
Panjang Record : 579
Kunci Field : kd_siswa
Software : Xampp
Tabel III.2
Spesifikasi File
Siswa
1. Kode Siswa kd_siswa int 8 Primary Key
2. Nama Siswa nm_siswa varchar 100
3. Nomor Induk Nis varchar 10
Siswa
4. Kelamin Kelamin char 1
5. Agama Agama varchar 20
6. Tempat Lahir Tempat_lahir vachar 100
7. Tanggal Lahir Tanggal_lahir date
8. Alamat Alamat varchar 100
9. No Telepon No_telepon Varchar 20

50
10. Foto Foto varchar 100
3. Spesifikasi File Guru
Nama File :
guru
Akronim : guru
Fungsi : Untuk Menyimpan Data Guru
Random
Media :
204 Kunci Field : kd_guru
Software : Xampp
Tabel III.3
Spesifikasi File Guru
1. Kode Guru Kd_guru int 8 Primary Key
2. Nama Guru Nm_guru varchar 25
3. Kelamin Kelamin char 1
4. Alamat Alamat varchar 30
5. Nomor Telepon No_telepon varchar 20

51
4. Spesifikasi File Kelas
Nama File : kelas
Akronim : kelas
Fungsi : Untuk Menyimpan Data Kelas
Random
Media :
61 Kunci Field : kd_kelas
Software : Xampp
Tabel III.4
Spesifikasi File
Kelas
1. Kode Kelas Kd_kelas char 3 Primary Key
2. Nama Kelas nm_kelas varchar 50
3. Kode Guru Kd_guru int 8 Foreign Key

52
5. Spesifikasi File Kelas Siswa
Nama File : kelas siswa
Akronim : kelas_siswa
Fungsi : Untuk Menyimpan Data kelas permasing-masing
siswa Tipe File : File Master
Akses File : Random
Media :
16 Kunci Field : id
Software : Xampp
Tabel III.5
Spesifikasi File Kelas Siswa
1. Id Id int 5 Primary Key
2. Kode kelas Kd_kelas char 3 Foreign Key
3. Kode Siswa Kd_siswa int 8 Foreign Key
6. Spesifikasi File Materi Belajar
Nama File : Materi
Belajar
Akronim : materi_belajar
Fungsi : Untuk Menyimpan Data Materi Untuk
Belajar Tipe File : File Master

53
Akses File : Random
Media : Harddisk
Kunci Field :
kd_materi
Software : Xampp
Tabel III.6
Spesifikasi File Materi Belajar
1. Kode Materi Kd_materi char 5 Primary Key
2. Nama Materi Nm_materi varchar 30
3. Keterangan Keterangan varchar 200
4. File materi File_materi varchar 200
5. Kode pelajaran Kd_pelajaran char 3 Foreign Key
7. Spesifikasi File Tugas Belajar
Nama File : Tugas Belajar
Akronim : tugas_belajar
Fungsi : Untuk Menyimpan Data Tugas Belajar
Akses File : Random
Media : Harddisk
54
Kunci Field :
kd_tugas
Software : Xampp
Tabel III.7
Spesifikasi File Tugas belajar
1. Kode Tugas kd_tugas char 5 Primary Key
2. Nama Tugas Nm_tugas varchar 100
3. Keterangan Keterangan varchar 200
4. File Tugas File_tugas varchar 100
5. Kode Pelajaran Kd_pelajaran char 3 Foreign Key
6. Kode kelas Kd_kelas char 3 Foreign Key
8. Spesifikasi File Mengajar
Nama File :
Mengajar
Akronim : Mengajar
Fungsi : Untuk Menyimpan Data Mengajar
Guru Tipe File : File Master
Akses File : Random
Media :
79
Kunci Field : kd_mengajar

55
Software : Xampp
Tabel III.8
Spe3sifikasi File Mengajar
1. Kode Mengajar kd_mengajar char 5 Primary Key
2. Kode Kelas Kd_kelas char 3 Foreign Key
3. Kode Pelajaran Kd_pelajaran char 3 Foreign Key
5. Hari Hari varchar 50
6. Jam Jam varchar 5
7. Ruang Ruang varchar 5
9. Spesifikasi File Pelajaran
Nama File :
Pelajaran
Akronim : Pelajaran
Fungsi : Untuk Menyimpan Data Pelajaran
Random
Media :
103
Kunci Field : kd_pelajaran
Software : Xampp
56
Tabel III.9
Spesifikasi File Pelajaran
1. Kode Pelajaran Kd_pelajaran char 3 Primary Key
2. Nama Pelajaran Nm_pelajaran varchar 100
10. Spesifikasi File tmp_kelas
Nama File : tmp kelas
Akronim : tmp_kelas
Fungsi : Untuk memudahkan program dalam menampung data
siswa saat memilih siswa pada form pembuatan kelas siswa
Random
Media :
13 Kunci Field : id
Software : Xampp
Tabel III.10
Spesifikasi File tmp_kelas
1. Id Id int 5 Primary Key
2. Kode siswa Kd_siswa int 8 Foreign Key

57
11. Spesifikasi File Tabel Nilai
Nama File : Tabel Nilai
Akronim : tabel_nilai
Fungsi : Untuk Menyimpan Data Nilai hasil
kuis Tipe File : File Transaksi
Akses File : Random
Media :
39 Kunci Field : id_nilai
Software : Xampp
Tabel III.11
Spesifikasi File Tabel_nilai
1. Id nilai Id_nilai int 4 Primary Key
2. Kode siswa Kd_siswa int 8
3. Benar Benar int 4
4. Salah Salah int 4
5. Kosong Kosong int 4
6. Point Point int 4
7. Tanggal Tanggal date 8
8. Kode pelajaran Kd_pelajaran char 3 Foreign Key

58
12. Spesifikasi File Tabel Soal
Nama File :
tabel_soal
Akronim : tabel_soal
Fungsi : Untuk Menyimpan Data Soal
Random
Media :
610 Kunci Field : id_soal
Software : Xampp
Tabel III.12
Spesifikasi File Tabel_soal
1. Id soal Id_soal int 4 Primary Key
2. Pertanyaan Pertanyaan varchar 100
3. Pilihan A Pilihan_a varchar 100
4. Pilihan B Pilihan_b varchar 100
5. Pilihan C Pilihan_c varchar 100
6. Pilihan D Pilihan_d varchar 100
7. Jawaban Jawaban varchar 100
8. Publish Publish enum(„yes‟,‟no‟) 3
9. Kelas kls varchar 3
10. Kode Kd_pelajaran char 3 Foreign Key

59
pelajaran
3.5. Pengkodean
1. Kode Siswa
Setiap siswa harus memiliki kode masing-masing sehingga dapat membatasi
hak akses dari masing-masing siswa, diantaranya terdiri dari:
x x x x x x x x 3 1 80 7 0 01
Kode Kode
Status Tahun Bulan No Status Tahun Bulan No
Masuk Masuk Urut Jabatan Masuk Masuk Urut
Jabatan
Gambar III.45
Struktur Pengkodean Kode Siswa
Keterangan:
3 = Kode Status Untuk Siswa
18 = Tahun Masuk Siswa Yang Berarti 2018
07 = Bulan Masuk Siswa
001 = Nomor Urut Siswa Tersebut

2. Kode Guru
Setiap pengguna harus memiliki kode masing-masing sehingga dapat
membatasi hak akses dari masing-masing pengguna, diantaranya terdiri dari:
x x x x x x x x 2 1 80 7 0 01
Kode Kode
Status Tahun Bulan No
Status
Tahun Bulan No
Jabatan Masuk Masuk Urut
Jabatan
Masuk Masuk Urut
Gambar III.46
Struktur Pengkodean Kode Guru
Keterangan:
2 = Kode Status Untuk Guru
18 = Tahun Masuk Siswa Yang Berarti 2018
07 = Bulan Masuk Siswa
001 = Nomor Urut Guru Tersebut

3. Kode User atau Admin
Setiap pengguna harus memiliki kode masing-masing sehingga dapat
membatasi hak akses dari masing-masing pengguna, diantaranya terdiri dari:
x x x x x x x x 1 1 8 0 7 0 01
Kode Kode
Status Tahun Bulan No
Status
Tahun Bulan No
Jabatan Masuk Masuk Urut
Jabatan
Masuk Masuk Urut
Gambar III.47
Struktur Pengkodean Kode Admin
Keterangan:
1 = Kode Status Untuk Admin
18 = Tahun Masuk Admin Yang Berarti 2018
07 = Bulan Masuk Admin
001 = Nomor Urut Admin Tersebu

3.6. Spesifikasi Program
A. Struktur Navigasi Halaman Admin
Beranda
Data
Pelajaran
Data kelas
Data User
Data Guru
login Admin Index Admin Data Siswa
Data Materi
Belajar
Data Tugas
Belajar
Data Mengajar
Soal Bahasa Inggris
Soal Ujian Soal Bahasa Indonesia
Laporan Data Pelajaran
Laporan Data Kelas

Laporan
Laporan Data User
Laporan Data Guru
Keluar
Laporan Data Siswa
Laporan Data Materi Belajar
Laporan Data Tugas Belajar
Laporan Data Mengajar
Laporan Data Nilai Ujian
Gambar III.48
Struktur Navigasi Halaman Admin

B. Struktur Navigasi Halaman Guru
Beranda
Profil Guru
Jadwal
Mengajar
Siswa Kelas
login guru Index guru
Data Materi
Belajar
Data Tugas
Belajar
Data Nilai
Ujian
Keluar
Gambar III.49
Struktur Navigasi Halaman Guru

C. Struktur Navigasi Halaman Siswa
Beranda
Profil Siswa
Jadwal
Belajar
Materi
Belajar
login Siswa Index Siswa T
u
g
Ujian Online a
Nilai s
B
Keluar e
l
a
j
a
r
Memilih Ujian Ujian Simpan Nilai Nilai
Gambar III.50
Struktur Navigasi Halaman Siswa
3.7. Spesifikasi Sistem Komputer
Program ini telah dilakukan uji coba dan diimplementasikan pada komputer
dengan spesifikasi sebagai berikut:
A. Spesifikasi Hardware
Spesifikasi hardware yang penulis gunakan adalah sebagai berikut:
1. Processor : Intel (R) Core (TM) i3 @ 2.2GHz
2. RAM : 4.00 GB
3. Printer : HP Deskjet
4. Harddisk : 160 GB
5. VGA : Intel HD 3000
B. Spesifikasi Software
Spesifikasi software yang penulis gunakan selama pembuatan sistem pakar
adalah sebagai berikut:
1. Sistem Operasi : Windows 7 Ultimate
2. Editor : Notepad++
3. Server Lokal : Xampp 3.2.2
4. Browser : Mozilla Firefox
3.8. Implementasi
A. Implementasi Admin
1. Implementasi Halaman Login
Gambar III.51
Implementasi Halaman Login Admin

2. Implementasi Halaman Index
Gambar III.52
Implementasi Halaman Index Admin
3. Implementasi Halaman Data Pelajaran
Gambar III.53
Implementasi Halaman Data Pelajaran

4. Implementasi Halaman Data Kelas
Gambar III.54
Implementasi Halaman Data Kelas
5. Implementasi Halaman Data Admin
Gambar III.55
Implementasi Halaman Data Admin

6. Implementasi Halaman Data Guru
Gambar III.56
Implementasi Halaman Data Guru
7. Implementasi Halaman Data Siswa
Gambar III.57
Implementasi Halaman Data Siswa

8. Implementasi Halaman Data Materi Belajar
Gambar III.58
Implementasi Halaman Data Materi Belajar
9. Implementasi Halaman Data Tugas Belajar
Gambar III.59
Implementasi Halaman Data Tugas Belajar

10. Implementasi Halaman Data Mengajar
Gambar III.60
Implementasi Halaman Data Mengajar
11. Implementasi Halaman Menu Soal Ujian
Gambar III.61
Implementasi Halaman Menu Soal Ujian

12. Implementasi Halaman Data Soal 1
Gambar III.62
Implementasi Halaman Data Soal Ujian Bahasa Inggris
13. Implementasi Halaman Data Soal 2
Gambar III.63
Implementasi Halaman Data Soal Ujian Bahasa Indonesia

14. Implementasi Halaman Menu Laporan
Gambar III.64
Implementasi Halaman Menu Laporan
15. Implementasi Halaman Laporan Data Pelajaran
Gambar III.65
Implementasi Halaman Laporan Data Pelajaran

16. Implementasi Halaman Laporan Data Kelas
Gambar III.66
Implementasi Halaman Laporan Data Kelas
17. Implementasi Halaman Laporan Data Admin
Gambar III.67
Implementasi Halaman Laporan Data Admin

18. Implementasi Halaman Laporan Data Guru
Gambar III.68
Implementasi Halaman Laporan Data Guru
19. Implementasi Halaman Laporan Data Siswa
Gambar III.69
Implementasi Halaman Laporan Data Siswa

20. Implementasi Halaman Laporan Data Materi Belajar
Gambar III.70
Implementasi Halaman Laporan Data Materi Belajar
21. Implementasi Halaman Laporan Data Tugas Belajar
Gambar III.71
Implementasi Halaman Laporan Data Tugas Belajar

22. Implementasi Halaman Laporan Data Jadwal Mengajar
Gambar III.72
Implementasi Halaman Laporan Data Mengajar
23. Implementasi Halaman Laporan Data Nilai Ujian Online
Gambar III.73
Implementasi Halaman Laporan Data Nilai Ujian Online

B. Implementasi Halaman Guru
Gambar III.74
Implementasi Halaman
Login
Gambar III.75
Index
3. Implementasi Halaman Profil Guru
Gambar III.76
Implementasi Halaman Profil Guru
4. Implementasi Halaman Jadwal Mengajar
Gambar III.77
Implementasi Halaman Jadwal Mengajar

5. Implementasi Halaman Data Siswa Kelas
Gambar III.78
Implementasi Halaman Data Siswa Kelas
6. Implementasi Halaman Data Materi Belajar
Gambar III.79
Implementasi Halaman Data Materi Belajar

7. Implementasi Halaman Data Tugas Belajar
Gambar III.80
Implementasi Halaman Data Tugas Belajar
8. Implementasi Halaman Data Nilai Ujian Online
Gambar III.81
Implementasi Halaman Data Nilai Ujian Online

C. Implementasi Siswa
Gambar III.82
Login
Gambar III.83
Index
3. Implementasi Halaman Profil Siswa
Gambar III.84
Implementasi Halaman Profil Siswa
4. Implementasi Halaman Jadwal Belajar
Gambar III.85
Implementasi Halaman Jadwal Belajar

5. Implementasi Halaman Materi Belajar
Gambar III.86
Implementasi Halaman Materi Belajar
6. Implementasi Halaman Tugas Belajar
Gambar III.87
Implementasi Halaman Tugas Belajar

7. Implementasi Halaman Memilih Ujian
Gambar III.88
Implementasi Halaman Memilih Ujian
8. Implementasi Halaman Ujian
Gambar III.89
Implementasi Halaman Ujian

9. Implementasi Halaman Simpan Nilai
Gambar III.90
Implementasi Halaman Simpan Nilai
10. Implementasi Halaman Nilai
Gambar III.91
Implementasi Halaman Nilai

11. Implementasi Halaman Data Nilai Ujian Online
Gambar III.92
Implementasi Halaman Data Nilai Ujian Online
3.9. Pengujian Unit
Pengujian terhadap program yang dibuat menggunakan blackbox testing yang
fokus terhadap proses masukan dan keluaran program.
Tabel III.13
Hasil Pengujian Black Box Testing Halaman Login Admin
No. Skenario Test Case Hasil Yang Hasil Kesimpulan
Pengujian Diharapkan Pengujian
1 Username Username: Sistem akan Sesuai Valid
dan (kosong) menolak akses harapan
password Password: user dan
tidak diisi (kosong) menampilkan “1.
kemudian Data Username

klik tombol tidak boleh kosong
login !
2. Data Password
tidak boleh kosong
!”
dan Dasdadsa menolak user dan harapan
Password (salah) menampilkan
diisi dengan Password: “login anda tidak
tidak benar Dasdasda di terima”
kemudian (salah)
klik tombol
login
3 Mengetikkan Username: Sistem akan Sesuai Valid
salah satu Angga menolak user dan Harapan
kondisi salah Password: menampilkan
pada Adwadsadsa “login anda tidak
username (salah) di terima”
atau
password
kemudian
klik tombol
login

username Angga menolak user dan Harapan
dan Password: menampilkan”
password (kosong) Data Password
tidak diisi tidak boleh kosong
atau kosong !”
kemudian
klik tombol
login
tidak diisi (kosong) menolak user dan Harapan
(kosong) dan Password: menampilkan“Data
password Angga123 Username tidak
diisi boleh kosong !”
kemudian
klik tombol
login
6 Mengetikkan Username: Sistem menerima Sesuai Valid
username Angga akses login dan Harapan
dan (benar) kemudian
password Password: langsung
dengan data Angga123 menampilkan
yang benar (benar) menu utama.
kemudian
klik login
Tabel III.14
Hasil Pengujian Black Box Testing Halaman Login Guru
dan (kosong) menolak akses user harapan
password Password: dan menampilkan
tidak diisi (kosong) “1. Data Username
kemudian tidak boleh kosong
klik tombol !
login 2. Data Password
tidak boleh kosong
!”
diisi dengan Password: “login anda tidak di
tidak benar Dasdasda terima”
kemudian (salah)
klik tombol
login
salah satu Indah menolak user dan Harapan

pada Adwadsadsa “login anda tidak di
username (salah) terima”
atau
password
kemudian
klik tombol
login
username Indah menolak user dan Harapan
dan Password: menampilkan” Data
password (kosong) Password tidak
tidak diisi boleh kosong !”
atau kosong
kemudian
klik tombol
login
password Indah123 Username tidak
kemudian
klik tombol
login
6 Mengetikkan User name: Sistem menerima Sesuai Valid
username Indah akses login dan Harapan
dan (benar) kemudian langsung
password Password: menampilkan menu
dengan data Indah123 utama.
yang benar (benar)
kemudian
klik tombol
login
Tabel III.15
Hasil Pengujian Black Box Testing Halaman Login Siswa
dan (kosong) menolak akses harapan
password Password: user dan
tidak diisi (kosong) menampilkan “1.
kemudian Data Username
klik tombol tidak boleh kosong
login !
2. Data Password
tidak boleh kosong
!”
diisi dengan Password: “login anda tidak
tidak benar Dasdasda di terima”
kemudian (salah)
klik tombol
login
salah satu Gerry menolak user dan Harapan
pada Adwadsadsa “login anda tidak
username (salah) di terima”
atau
password
kemudian
klik tombol
login
username Gerry menolak user dan Harapan
dan Password: menampilkan”
password (kosong) Data Password
tidak diisi tidak boleh kosong
atau kosong !”
kemudian
klik tombol
login
password Gerry123 Username tidak
kemudian
klik tombol
login
6 Mengetikkan Username: Sistem menerima Sesuai Valid
username Gerry akses login dan Harapan
dan (benar) kemudian langsung
password Password: menampilkan
dengan data gerry123 menu utama.
yang benar (benar)
kemudian
klik tombol
login
Tabel III.16
Hasil Pengujian Black Box Testing Halaman Admin Data Pelajaran

1 Kode Kode: Sistem akan Sesuai Valid
Pelajaran di P03(benar ) menolak akses harapan
isi dengan Nama user dan
benar dan Pelajaran: menampilkan
Nama (kosong) “Data tidak boleh
Pelajaran kosong !”
tidak diisi
Tabel III.17
Hasil Pengujian Black Box Testing Halaman Admin Data Kelas
q1 Nama Kelas, Nama Kelas: Sistem akan Sesuai Valid
Tahun (kosong) menolak akses harapan
Ajaran, Tahun user dan
Guru Wali Ajaran: menampilkan “1.
tidak diisi (kosong) Data Nama Kelas
(kosong) Guru Wali: tidak boleh
kemudian (kosong) kosong!
klik tombol 2. Data Tahun
simpan Ajaran tidak boleh
kosong !
3. Data Guru Wali

belum ada yang
dipilih !”
2 Nama Kelas Nama Kelas: Sistem akan Sesuai Valid
tidak diisi (kosong) menolak user dan harapan
dan Tahun Tahun menampilkan “1.
Ajaran, Ajaran: Data Nama Kelas
Guru Wali 2018-2019 tidak boleh
diisi dengan Guru Wali: kosong! ”
benar Indah
kemudian Indriyanna
klik tombol
simpan
3 Nama Kelas, Nama Kelas: Sistem akan Sesuai Valid
Tahun X II menolak user dan Harapan
Ajaran diisi Tahun menampilkan “1.
dan Guru Ajaran: Data Guru Wali
Wali tidak 2018-2019 belum ada yang di
diisi Guru Wali: pilih”
kemudian (kosong)
klik tombol
simpan
4 Semua data Nama Kelas: Sistem akan Sesuai Valid
diisi dengan X II menerima, dan Harapan
data yang Tahun data akan

benar Ajaran: tersimpan di
kemudian 2018-2019 database
klik tombol Guru Wali:
simpan Indah
Indriyanna
Tabel III.18
Hasil Pengujian Black Box Testing Halaman Admin Data Admin
1 Nama User, Nama User: Sistem akan Sesuai Valid
Username, (kosong) menolak akses harapan
dan Username: user dan
Password (kosong) menampilkan “1.
tidak diisi Password: Data Nama User
Kemudian (kosong) tidak boleh
klik tombol kosong!
simpan 2. Data Username
tidak boleh kosong
3. Data Password
tidak boleh kosong
!”
2 Nama User Nama Kelas: Sistem akan Sesuai Valid

tidak diisi (kosong) menolak user dan harapan
dan Username: menampilkan “1.
Username, Angga Data Nama User
Password Password: tidak boleh
diisi dengan Angga123 kosong! ”
benar
kemudian
klik tombol
simpan
3 Nama User, Nama User: Sistem akan Sesuai Valid
Username Angga menolak user dan Harapan
diisi dan Adhitya menampilkan “1.
Password Putra Tidak boleh
tidak diisi Username: kosong!”
kemudian Angga
klik tombol Password:
simpan (kosong)
4 Semua data Nama User: Sistem akan Sesuai Valid
diisi dengan Angga menerima, dan Harapan
data yang Adhitya data akan
benar Putra tersimpan di
kemudian Username: database
klik tombol Angga
simpan Password:
(kosong)
Tabel III.19
Hasil Pengujian Black Box Testing Halaman Admin Data Guru
1 Nama Guru, Nama Guru: Sistem akan Sesuai Valid
Kelamin, (kosong) menolak akses harapan
Alamat, Kelamin: user dan
No.telepon, (kosong) menampilkan “1.
username, Alamat: Data Nama Guru
password (kosong) tidak boleh
tidak diisi No.Telepon: kosong!
Kemudian (kosong) 2. Data Kelamin
klik tombol Username: belum ada yang
simpan (kosong) dipilih!
Password: 3. Data Alamat
(kosong) tidak boleh
kosong !
4. Data
No.Telepon tidak
boleh kosong
5. Data Username
tidak boleh
kosong
6. Data Password
tidak boleh
kosong”
2 Salah Satu Nama Guru: Sistem akan Sesuai Valid
Dari Nama Indah menolak user dan harapan
Guru, Indriyanna menampilkan “1.
Kelamin, Kelamin: Data Nama User
Alamat, (kosong) tidak boleh
No.telepon, Alamat: kosong! ”
Username, (kosong)
Password No.Telepon:
diisi (kosong)
kemudian Username:
sisanya (kosong)
tidak diisi Password:
lalu klik (kosong)
tombol
simpan
3 Salah Satu Nama Guru: Sistem akan Sesuai Valid
Dari Nama Indah menolak user dan Harapan
Guru, Indriyanna menampilkan “1.
Kelamin, Kelamin: Data Kelamin
Alamat, (kosong) belum ada yang

100
No.telepon, Alamat: Jalan dipilih !”
Username, pengantin ali
Password rt 12
tidak diisi No.Telepon:
kemudian 08993482990
sisanya diisi Username:
lalu klik Indah
tombol Password:
simpan Indah123
4 Semua data Nama Guru: Sistem akan Sesuai Valid
diisi dengan Indah menerima, dan Harapan
data yang Indriyanna data akan
benar Kelamin: tersimpan di
kemudian Perempuan(P) database
klik tombol Alamat: Jalan
simpan pengantin ali
rt 12
No.Telepon:
08993482990
Username:
Indah
Password:
Indah123
101
Tabel III.20
Hasil Pengujian Black Box Testing Halaman Admin Data Siswa
1 Nis, Nama Nis: Sistem akan Sesuai Valid
Siswa, (kosong) menolak akses harapan
Kelamin, Nama Siswa: user dan
Agama, (kosong) menampilkan “1.
Tempat Kelamin: Data NIS tidak
Tanggal (kosong) boleh kosong !
Lahir, Agama: 2. Data Nama
Alamat, No (kosong) Siswa tidak boleh
Telepon, Tempat dan kosong !
Foto, Tanggal 3. Data Kelamin
Username, Lahir: belum ada yang
Password (kosong) dipilih !
tidak diisi Alamat: 4. Data Agama
kemudian (kosong) belum ada yang
klik tombol No Telepon: dipilih !
simpan (kosong) 5. Data Tempat
Foto: Lahir tidak boleh
(kosong) kosong !
Username: 6. Data Tanggal.
(kosong) Lahir belum ada

102
Password: yang dipilih !
(kosong) 7. Data Bulan.
Lahir belum ada
yang dipilih !
8. Data Tahun.
Lahir belum ada
yang dipilih !
9. Data Alamat
tidak boleh
kosong !
10. Data No.
Telepon tidak
boleh kosong!
11. Data
Username tidak
boleh kosong!
12. Data
Password tidak
boleh kosong!”
2 Salah Satu Nis: Sistem akan Sesuai Valid
Dari Nama (kosong) menolak user dan harapan
Guru, Nama Siswa: menampilkan “1.
Kelamin, Garry Data Nis tidak
Alamat, Sadewo boleh kosong! ”

103
No.telepon, Kelamin:
Username, Laki-laki(L)
Password Agama:
diisi Islam
kemudian Tempat dan
sisanya tidak Tanggal
diisi lalu klik Lahir:
tombol Jakarta, 20
simpan Agustus
2000
Alamat:
Jalan.Pengan
tin Ali,
Ciracas
Jakarta
Timur
No Telepon:
(083284899)
Foto:
Gerry.jpg
Username:
Gerry
Password:
Gerry123
104
3 Salah Satu Nis: Sistem akan Sesuai Valid
Dari Nis, (kosong) menolak akses Harapan
Nama Siswa, Nama Siswa: user dan
Kelamin, Gerry menampilkan
Agama, Sadewo “1. Data NIS tidak
Tempat Kelamin: boleh kosong !
Tanggal (kosong) 2. Data Kelamin
Lahir, Agama: belum ada yang
Alamat, No (kosong) dipilih !
Telepon, Tempat dan 3. Data Agama
Foto, Tanggal belum ada yang
Username, Lahir: dipilih !
Password (kosong) 4. Data Tempat
diisi Alamat: Lahir tidak boleh
kemudian (kosong) kosong !
sisanya tidak No Telepon: 5. Data Tanggal.
diisi lalu klik (kosong) Lahir belum ada
tombol Foto: yang dipilih !
simpan (kosong) 6. Data Bulan.
Username: Lahir belum ada
(kosong) yang dipilih !
Password: 7. Data Tahun.
(kosong) Lahir belum ada
yang dipilih !
105
8. Data Alamat
tidak boleh
kosong !
9. Data No.
Telepon tidak
boleh kosong!
10. Data
Username tidak
boleh kosong!
11. Data
Password tidak
boleh kosong!”
4 Semua data Nis: Sistem akan Sesuai Valid
diisi dengan 12445657 menerima, dan Harapan
data yang Nama Siswa: data akan
benar Garry tersimpan di
kemudian Sadewo database
klik tombol Kelamin:
simpan Laki-laki(L)
Agama:
Islam Tempat
dan
Tanggal
Lahir:
106
Jakarta, 20
Agustus
2000
Alamat:
Jalan.Pengan
tin Ali,
Ciracas
Jakarta
Timur
No Telepon:
(083284899)
Foto:
Gerry.jpg
Username:
Gerry
Password:
Gerry123
107
Tabel III.21
Hasil Pengujian Black Box Testing Halaman Admin Data Materi Belajar
1 Nama Nama Sistem akan Sesuai Valid
Materi, Materi: menolak akses harapan
Keterangan, (kosong) user dan
File Materi, Keterangan: menampilkan
Pelajaran, (kosong) “ 1.Data Nama
Guru tidak File Materi: Materi tidak boleh
diisi (kosong) kosong !
kemudian Pelajaran: 2. Data
klik tombol (kosong) Keterangan tidak
simpan Guru: boleh kosong !
(kosong) 3. Data Pelajaran
belum dipilih !
4. Data Guru
belum dipilih !”
2 Salah Satu Nama Sistem akan Sesuai Valid
Dari Nama Materi: menolak user dan harapan
Materi, (kosong) menampilkan
Keterangan, Keterangan: “1. Data Nama
File Materi, Materi Materi tidak boleh
Pelajaran, Peribahasa kosong !

108
Guru diisi File Materi: 2. Data Pelajaran
kemudian (kosong) belum dipilih !
sisanya tidak Pelajaran: 3. Data Guru
diisi lalu klik (kosong) belum dipilih ! ”
tombol Guru:
simpan (kosong)
3 Salah Satu Materi: Sistem akan Sesuai Valid
Nama Kamus Besar menolak akses Harapan
Materi, Bahasa user dan
Keterangan, Indonesia menampilkan
File Materi, Keterangan: “1. Data
Pelajaran, (kosong) Keterangan tidak
Guru tidak File Materi: boleh kosong !”
diisi Materi1.pdf
kemudian Pelajaran:
sisanya diisi Bahasa
lalu klik Indonesia
tombol Guru:
simpan Indah
Indriyanna
4 Semua data Materi: Sistem akan Sesuai Valid
diisi dengan Kamus Besar menerima, dan Harapan
data yang Bahasa data akan

109
benar Indonesia tersimpan di
kemudian Keterangan: database
klik tombol Peribahasa
simpan File Materi:
Materi1.pdf
Pelajaran:
Bahasa
Indonesia
Guru:
Indah
Indriyanna
Tabel III.22
Hasil Pengujian Black Box Testing Halaman Admin Data Tugas Belajar
1 Nama Tugas, Nama Tugas: Sistem akan Sesuai Valid
Keterangan, (kosong) menolak akses harapan
File Tugas Keterangan: user dan
Pelajaran, (kosong) menampilkan
Kelas, Guru File Tugas: “ 1.Data Nama
tidak diisi (kosong) Tugas tidak boleh
kemudian Pelajaran: kosong !
klik tombol (kosong) 2. Data

110
simpan Kelas: Keterangan tidak
(kosong) boleh kosong !
Guru: 3. Data Pelajaran
(kosong) belum dipilih !
4. Data Kelas
belum dipilih !
5.Data Guru
belum dipilih !”
2 Salah Satu Nama Tugas: Sistem akan Sesuai Valid
Tugas, Keterangan: menampilkan
Keterangan, Materi “1. Data Nama
File Tugas, Peribahasa Materi tidak boleh
Pelajaran, File Tugas: kosong !
Kelas, Guru (kosong) 2. Data Pelajaran
diisi Pelajaran: belum dipilih !
kemudian (kosong) 3.Data Kelas
sisanya tidak Kelas: belum dipilih!
diisi lalu klik (kosong) 4. Data Guru
tombol Guru: belum dipilih ! ”
simpan (kosong)
Dari Nama Induksi menolak akses Harapan
Tugas, Deduksi user dan

111
Keterangan, menampilkan
File Tugas, Keterangan: “1. Data Guru
Pelajaran, Materi tidak boleh
Kelas, Guru Paragraf kosong !”
tidak diisi File Tugas:
kemudian Tugas1.pdf
sisanya diisi Pelajaran:
lalu klik Bahasa
tombol Indonesia
simpan Kelas:
XII A
Guru:
(kosong)
4 Semua data Nama Tugas: Sistem akan Sesuai Valid
diisi dengan Induksi menerima, dan Harapan
data yang Deduksi data akan
benar tersimpan di
klik tombol Materi
simpan Paragraf
File Tugas:
Tugas1.pdf
Pelajaran:
Bahasa
112
Indonesia
Kelas:
XII A
Guru:
Indah
Indriyanna
Tabel III.23
Hasil Pengujian Black Box Testing Halaman Admin Data Mengajar
1 Kelas, Kelas: Sistem akan Sesuai Valid
Pelajaran, (kosong) menolak akses harapan
Guru, Hari, Pelajaran: user dan
Jam, Ruang (kosong) menampilkan
tidak diisi Guru: “1. Data Kelas
klik tombol Hari: 2. Data Pelajaran
simpan (kosong) belum dipilih !
Jam: 3. Data Guru
Ruang: 4. Data Hari
5. Data Jam
113
Belajar tidak
boleh kosong !
6. Data Ruang
tidak boleh
kosong !”
2 Salah Satu Kelas: Sistem akan Sesuai Valid
Dari Kelas, (kosong) menolak user dan harapan
Pelajaran, Pelajaran: menampilkan
Guru, Hari, Bahasa “1. Data Kelas
Jam, Ruang Indonesia belum dipilih !
diisi Guru: 2. Data Guru
sisanya tidak Hari: 3. Data Hari
diisi lalu klik (kosong) belum dipilih !
tombol Jam: 4. Data Jam
simpan (kosong) Belajar tidak
Ruang: boleh kosong !
(kosong) 5. Data Ruang
tidak boleh
kosong !”
3 Salah Satu Kelas: Sistem akan Sesuai Valid
Dari Kelas, XII A menolak akses Harapan
Pelajaran, Pelajaran: user dan
Guru, Hari, Bahasa menampilkan

114
Jam, Ruang Indonesia “1. Data Guru
tidak diisi Guru: tidak boleh
kemudian (kosong) kosong !”
sisanya diisi Hari: Selasa
lalu klik Jam: 12:45
tombol Ruang: 402
simpan
4 Semua data Kelas: Sistem akan Sesuai Valid
diisi dengan XII A menerima, dan Harapan
data yang Pelajaran: data akan
benar Bahasa tersimpan di
kemudian Indonesia database
klik tombol Guru:
simpan Indah
Indriyanna
Hari: Selasa
Jam: 12:45
Ruang: 402
115
Tabel III.24
Hasil Pengujian Black Box Testing Halaman Admin Data Soal
1 Pertanyaan, Pertanyaan: Sistem akan Sesuai Valid
Pilihan A, (kosong) menolak akses harapan
Pilihan B, Pilihan A: user dan
Pilihan C, (kosong) menampilkan
Pilihan D, Pilihan B: “1. Data
Jawaban, (kosong) Pertanyaan tidak
Publish, Pilihan C: boleh kosong !
Kelas, Mata (kosong) 2. Data Pilihan A
Pelajaran Pilihan D: tidak boleh
tidak diisi (kosong) kosong !
kemudian Jawaban: 3. Data Pilihan B
klik tombol (kosong) tidak boleh
simpan Publish: kosong !
(kosong) 4. Data Pilihan C
Kelas: tidak boleh
(kosong) kosong !
Mata 5. Data Pilihan D
Pelajaran: tidak boleh
(kosong) kosong !
6. Data Jawaban
116
tidak boleh
kosong !
7. Data PUBLISH
belum ada yang
dipilih !
8. Data Tingkatan
Kelas belum ada
yang dipilih !
9. Data Pelajaran
belum ada yang
dipilih !!”
2 Salah Satu Pertanyaan: Sistem akan Sesuai Valid
Pertanyaan, Apakah arti menolak user dan harapan
Pilihan A, dari peribaha menampilkan
Pilihan B, lebih besar “1. Data Pilihan A
Pilihan C, pasak dari tidak boleh
Pilihan D, pada tiang kosong !
Jawaban, Pilihan A: 2. Data Pilihan B
Publish, (kosong) tidak boleh
Kelas, Mata Pilihan B: kosong !
Pelajaran (kosong) 3. Data Pilihan C
diisi Pilihan C: tidak boleh
kemudian (kosong) kosong !
sisanya tidak Pilihan D: 4. Data Pilihan D

117
diisi lalu klik (kosong) tidak boleh
tombol Jawaban: kosong !
simpan (kosong) 5. Data Jawaban
Publish: tidak boleh
(kosong) kosong !
Kelas: 6. Data PUBLISH
(kosong) belum ada yang
Mata dipilih !
Pelajaran: 7. Data Tingkatan
(kosong) Kelas belum ada
yang dipilih !
8. Data Pelajaran
belum ada yang
dipilih !”
3 Salah Satu Pertanyaan: Sistem akan Sesuai Valid
Dari Apakah arti menolak akses Harapan
Pertanyaan, dari peribaha user dan
Pilihan A, lebih besar menampilkan
Pilihan B, pasak dari “1. Data
Pilihan C, pada tiang Tingkatan Kelas
Pilihan D, Pilihan A: belum ada yang
Jawaban, Tidak Ada dipilih !
Publish, Arti
118
Kelas, Mata Pilihan B:
Pelajaran Tidak Tahu
tidak diisi Pilihan C:
kemudian Besar
sisanya diisi Pengularan
lalu klik Dari
tombol Pemasukan
simpan Pilihan D:
Kebaikan Di
Balas
Dengan
kejahatan
Jawaban:
Publish:
YES
Kelas:
(kosong)
Mata
Pelajaran:
Bahasa
Indonesia
4 Semua data Pertanyaan: Sistem akan Sesuai Valid

119
diisi dengan Apakah arti menerima, dan Harapan
data yang dari peribaha data akan
benar lebih besar tersimpan di
kemudian pasak dari database
klik tombol pada tiang
simpan Pilihan A:
Tidak Ada
Arti
Pilihan B:
Tidak Tahu
Pilihan C:
Besar
Pengularan
Dari
Pemasukan
Pilihan D:
Kebaikan Di
Balas
Dengan
kejahatan
Jawaban:
Publish:
YES
120
Kelas:
(kosong)
Mata
Pelajaran:
Bahasa
Indonesia
Tabel III.25
Hasil Pengujian Black Box Testing Halaman Guru Data Materi Belajar
1 Nama Nama Sistem akan Sesuai Valid
Materi, Materi: menolak akses harapan
Keterangan, (kosong) user dan
File Materi, Keterangan: menampilkan
Pelajaran, (kosong) “ 1.Data Nama
Guru tidak File Materi: Materi tidak boleh
diisi (kosong) kosong !
kemudian Pelajaran: 2. Data
klik tombol (kosong) Keterangan tidak
simpan Guru: boleh kosong !
(kosong) 3. Data Pelajaran
belum dipilih !
4. Data Guru
121
belum dipilih !”
2 Salah Satu Nama Sistem akan Sesuai Valid
Dari Nama Materi: menolak user dan harapan
Materi, (kosong) menampilkan
Keterangan, Keterangan: “1. Data Nama
File Materi, Materi Materi tidak boleh
Pelajaran, Peribahasa kosong !
Guru diisi File Materi: 2. Data Pelajaran
sisanya tidak Pelajaran: 3. Data Guru
diisi lalu klik (kosong) belum dipilih ! ”
tombol Guru:
simpan (kosong)
3 Salah Satu Materi: Sistem akan Sesuai Valid
Nama Kamus Besar menolak akses Harapan
Materi, Bahasa user dan
Keterangan, Indonesia menampilkan
File Materi, Keterangan: “1. Data
Pelajaran, (kosong) Keterangan tidak
Guru tidak File Materi: boleh kosong !”
diisi Materi1.pdf
kemudian Pelajaran:
sisanya diisi Bahasa
lalu klik Indonesia

122
tombol Guru:
simpan Indah
Indriyanna
4 Semua data Materi: Sistem akan Sesuai Valid
diisi dengan Kamus Besar menerima, dan Harapan
data yang Bahasa data akan
benar Indonesia tersimpan di
klik tombol Peribahasa
simpan File Materi:
Materi1.pdf
Pelajaran:
Bahasa
Indonesia
Guru:
Indah
Indriyanna
123
Tabel III.26
Hasil Pengujian Black Box Testing Halaman Guru Data Tugas Belajar
1 Nama Tugas, Nama Tugas: Sistem akan Sesuai Valid
Keterangan, (kosong) menolak akses harapan
File Tugas Keterangan: user dan
Pelajaran, (kosong) File menampilkan
Kelas, Guru Tugas: “ 1.Data Nama
tidak diisi (kosong) Tugas tidak boleh
kemudian Pelajaran: kosong !
klik tombol (kosong) 2. Data
simpan Kelas: Keterangan tidak
(kosong) boleh kosong !
Guru: 3. Data Pelajaran
4. Data Kelas
belum dipilih !
5.Data Guru
belum dipilih !”
Tugas, Keterangan: menampilkan
Keterangan, Materi “1. Data Nama

124
File Tugas, Peribahasa Materi tidak boleh
Pelajaran, File Tugas: kosong !
Kelas, Guru (kosong) 2. Data Pelajaran
diisi Pelajaran: belum dipilih !
kemudian (kosong) 3.Data Kelas
sisanya tidak Kelas: belum dipilih!
diisi lalu klik (kosong) 4. Data Guru
tombol Guru: belum dipilih ! ”
simpan (kosong)
Dari Nama Induksi menolak akses Harapan
Tugas, Deduksi user dan
Keterangan, menampilkan
File Tugas, Keterangan: “1. Data Guru
Pelajaran, Materi tidak boleh
Kelas, Guru Paragraf kosong !”
tidak diisi File Tugas:
kemudian Tugas1.pdf
sisanya diisi Pelajaran:
lalu klik Bahasa
tombol Indonesia
simpan Kelas:
XII A
Guru:
125
(kosong)
4 Semua data Nama Tugas: Sistem akan Sesuai Valid
diisi dengan Induksi menerima, dan Harapan
data yang Deduksi data akan
benar tersimpan di
klik tombol Materi
simpan Paragraf
File Tugas:
Tugas1.pdf
Pelajaran:
Bahasa
Indonesia
Kelas:
XII A
Guru:
Indah
Indriyanna
BAB IV
PENUTUP
4.1. Kesimpulan
Berdasarkan uraian dan pembahasan pada bab-bab sebelumnya, maka dapat
ditarik beberapa kesimpulan, diantaranya:
1. Dengan adanya Sistem informasi e-learning yang di bangun diharapkan dapat
membantu pembelajaran yang dilakukan tidak hanya di dalam kelas melainkan
dapat di lakukan dimanpun dan kapanpun.
2. Sistem informasi e-learning ini sangat membantu guru dalam menyampaikan
materi belajar secara online dan siswa dapat mengakses materi dimana dan kapan
saja. Sehingga siswa dapat lebih memahami mata pelajaran yang akan di
sampaikan.
3. Sebagai pendukung sistem pembelajaran konvensional, pembuatan sistem
informasi e-learning berhasil membantu dalam sarana pendistribusian tugas
untuk siswa, sehingga guru lebih dapat flexible dalam menyampaikan tugas
dimanapun guru itu berada.
4. Di dalam sistem informasi e-learning siswa juga dapat mengerjakan ujian online
yang telah diberikan oleh pihak sekolah, yang nantinya dijadikan acuan untuk
perhitungan nilai rapot oleh pihak guru, maupun menjadi sarana latihan para
siswa untuk menghadapi UNBK (Ujian Nasional Berbasis Komputer).
126
127
4.2. Saran
Sistem yang dibangun masih memiliki beberapa kekurangan dan keterbatasan,
oleh sebab itu ada beberapa hal yang perlu dikembangkan agar selanjutnya menjadi
lebih baik, diantara lain:
1. Soal yang di berikan masih sebatas soal pilihan ganda, sehingga perlunya di buat
soal ujian berbasis essay.
2. Perlu dilakukannya pengembangan dan pemeliharaan yang lebih baik terhadap
website yang telah dibuat. Dengan dimasukkannya materi-materi yang baru yang
sesuai dengan kurikulum untuk lebih meningkatkan kualitas siswa.
3. Terbatasnya mata pelajaran untuk ujian online, oleh sebab itu di butuhkan
tambahan mata pelajaran sesuai jurusan yang nantinya akan dibuatkan soal ujian
online.
4. Fitur yang masih terbatas, tidak adanya live chat atau tempat diskusi antara guru
dan siswa. Hal itu perlukan untuk jika siswa tidak mengerti akan tugas dan
materi yang diberikan oleh guru.

DAFTAR PUSTAKA
Adami, F. Z., & Budihartanti, C. (n.d.). PENERAPAN TEKNOLOGI

AUGMENTED REALITY PADA MEDIA PEMBELAJARAN SISTEM, (8),
122–131.
Al-Bahra Bin Ladjmudin. 2013. Analisis dan sistem informasi. Graha Ilmu.
Yogyakarta.
Firmansyah, R., Saidah, I., & Bandung, P. G. (2016). PERANCANGAN WEB

BASED LEARNING SEBAGAI MEDIA PEMBELAJARAN, 3(September),
176–182.
Hidayatullah, Priyanto., dan Jauhari Khairul Kawistar. 2014. Pemrograman Web.

Bandung: Informatika.
Informasi, S., Furniture, P., Web, B., Sagita, R. A., & Sugiarto, H. (2016). Penerapan
Metode Waterfall Pada, 5(4), 49–55.
Irwansyah, E. dan J. V. (2014). Pengantar Teknologi Informasi. Yogyakarta.:

Deepublish.
Praetio, Adhi. 2015. Pintar WebMaster untuk Pemula. Jakarta: Mediakita.
Sadeli, Muhammad. 2013. Toko Baju Online dengan PHP dan MySQL. Palembang:
Maxicom Jl.Residen H.Abdul Rozak No. 33 B5-B6.
Sibero, Alexander F, K. (2013). Web Programming Power Pack. (Mediakom, Ed.).

Yogyakarta.
Sidik, Betha. 2014. Pemrograman Web dengan PHP. Bandung: Informatika
128
Sukamto, R. A., & Shalahudin, M. (2013). Rekayasa Perangkat Lunak Terstruktur
dan Berorientasi Objek. Bandung: INFORMATIKA Bandung.
Supriyanta, & Nisa, K. (2015). Perancangan Website Desa Wisata Karangrejo

Sebagai Media Informasi dan Promosi. Bianglala Informatika, 3(1), 35–40.
Susanto, W. E., & Ayu, Y. G. A. (2017). Perancangan E-Learning Berbasis Web

Pada SMP Negeri 3 Patuk Gunungkidul Yogyakarta. Bianglala Informatika,
5(2).
Tina, A. (2017). Perancangan Website Sebagai Media Promosi Dan Penjualan Pada
CV Simba Jaya Magelang, 6(1), 9–13.
Wasiyanti, S., Talaohu, R., Studi, P., Akuntansi, K., Bandung, A., Studi, P., &
Akuntansi, K. (2016). PARADIGMA Vol. XVIII. No.2 September 2016
SISTEM INFORMASI PENJUALAN OBAT BERBASIS WEB PADA
APOTEK KONDANG WARAS DEPOK, XVIII(2), 49–62.
Wijaya, G., Hendri, Maulana, Y. I., & Haidir, A. (2015). Perancangan Sistem
Informasi Jasa Pengiriman Barang. Sniptek 2014, 1, 123–126. Retrieved from
https://konferensi.nusamandiri.ac.id/prosiding/index.php/sniptek/article/downloa
d/252/217/
Winarno, Edy, Ali Zaki dan SmitDev Community. 2013. Jakarta: PT Elex Media
Komputindo.
Yudhanto, Yudha, dan Agus Purbayu. 2014. Toko Online dengan PHP dan MySQL.
Jakarta: PT Elex Media Komputindo.
129

Tugas Akhir (Wecompress - Com)

Diunggah oleh

Informasi Dokumen

Judul Asli

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

Tugas Akhir (Wecompress - Com)

Diunggah oleh

Hak Cipta:

Format Tersedia

PERANCANGAN SISTEM INFORMASI E-LEARNING SEKOLAH

MENENGAH ATAS BERBASIS WEB

Angga Adhitya Putra

Program Studi Manajemen Informatika

ambil sebagai berikut, : “Perancangan Sistem Informasi E-learning Sekolah

Menengah Atas Berbasis Web“.

berdasarkan hasil penelitian, observasi dan beberapa sumber literatur yang

1. Direktur Akademi Manajemen Informatika dan Komputer Bina Sarana

2. Ketua Program Manajemen Informatika AMIK BSI Jakarta.

3. Ibu Henny Destiana, M.Kom., selaku Dosen Pembimbing Tugas Akhir.

4. Bapak Febriansyah Hasmadillah, M.Kom, Selaku Asisten Dosen Pembimbing

5. Staff/ karyawan/ dosen di lingkungan Akademi BSI.

Angga Adhitya Putra (12154113), Perancangan Sistem Informasi E-learning

Proses pembelajaran yang terjadi di dalam sekolah masih menggunakan metode

Kata Kunci: Sistem Informasi E-learning, Waterfall, Website

Angga Adhitya Putra (12154113), Design of Web-Based High School E-

Keywords: E-learning Information System, Waterfall, Website

Lembar Judul Tugas Akhir............................................................................... i

Kata Pengantar ................................................................................................. vii

BAB II LANDASAN TEORI.................................................................... 8

BAB III PEMBAHASAN ........................................................................... 23

1. Gambar II.1. Struktur Navigasi Linier.........................................................................14

1. Tabel II.1. Komponen Entity Relationship Diagram (ERD) .................................. 18

1.1. Latar Belakang Masalah

Proses pembelajaran yang terjadi di dalam sekolah masih menggunakan

secara lisan maupun non-lisan, penggunaan teknologi di dalam sekolah seperti

komputer, dan alat multimedia lainnya terbatas pada materi–materi belajar

tertentu yang membutuhkannya.

Biasanya masalah yang dihadapi oleh beberapa sekolah adalah kurangnya

muka, sehingga menyebabkan banyak murid yang mengalami kesulitan untuk

waktu untuk setiap pertemuan antara guru dengan murid.

Dengan terjadinya masalah diatas, diperlukan sarana yang dapat

mengatasinya. Salah satu alternatif yang dapat membantu menyelesaikan masalah

Menurut Susanto dkk dalam Darmawan (2017) “E-Learning merupakan

pembelajaran yang pelaksanaannya didukung oleh jasa teknologi, seperti telepon,

untuk keperluan pendidikan. Dengan demikian, bahan ajar, diskusi, konsultasi,

dalam pembelajaran, misalnya dalam pendidikan jarak jauh (distance learning).

pembelajaran tatap muka, namun persentasenya sangat kecil.

“Web Enhanced Course merupakan penggunaan internet untuk keperluan

pembelajaran yang hanya mendukung kegiatan pembelajaran secara tatap muka.

Dengan demikian, persentase tatap muka pembelajaran lebih besar” menurut

Setyanta dalam Firmansyah (2016).

Konsep e-learning ini diharapkan agar mampu memberikan dua peningkatan

Dengan memperhatikan masalah yang dihadapi dengan konsep-konsep yang

akhir ini dengan judul “Perancangan Sistem Informasi E-learning Pada

Sekolah Menengah Atas Berbasis Web”.

1.2. Tujuan dan Manfaat

Tujuan penelitian yang menguraikan secara tegas dan jelas di laksanakan

penelitian. Tujuan dalam penelitian ini adalah:

1. Menciptakan aplikasi e-learning sebagai media pembelajaran jarak jauh.

3. Memudahkan guru dalam mendistribusikan materi, tugas, dan memberikan

nilai untuk siswa.

4. Memudahkan dosen dan siswa berinteraksi di luar jam sekolah.

Manfaat penelitian merupakan dampak dari pencapaiannya tujuan. Manfaat

hasil penelitian ini adalah:

1. Manfaat untuk penulis

Akademik Manajemen Informatika dan Komputer Bina Sarana Informatika.

2. Manfaat untuk objek penelitian

a. Sebagai bahan untuk menyempurnakan atau memperbaiki sistem belajar

saat ini agar jadi lebih baik lagi.

b. Dapat mengidentifikasi kebutuhan-kebutuhan informasi yang diperlukan

untuk meningkatkan sistem e-learning pada sekolah.

c. Membantu meningkatkan proses belajar siswa dengan cara menjawab