RANCANG BANGUN SISTEM INFORMASI E-RAPORT

BERBASIS WEB DENGAN METODE WATERFALL

(STUDI KASUS: MA’HAD ABDULLAH BIN MAS’UD)

LAPORAN KERJA PRAKTEK

Diajukan Sebagai Salah Satu Syarat

untuk Memperoleh Gelar Sarjana Komputer
pada Program Studi Sistem Informasi

oleh:
QHOIRIL ALDI GIANSYAH
12050312656

FAKULTAS SAINS DAN TEKNOLOGI

UNIVERSITAS ISLAM NEGERI SULTAN SYARIF KASIM RIAU
PEKANBARU
2023
 KATA PENGANTAR

Assalammu’alaikum wa rahmatullahi wa barakatuh.

Pada kesempatan ini penulis mengucapkan puji syukur atas kehadirat Al-
lah SWT, karena dengan Rahmat dan Karunia-Nya penulis dapat menyusun dan
menyelesaikan Laporan Kerja Praktek ini yang berjudul Rancang Bangun Sistem
Informasi E-RAPORT Berbasis Web dengan Metode Waterfall shalawat dan
salam tidak lupa pula penulis ucapkan kepada Rasulullah Muhammad SAW, den-
gan mengucapkan“Allahumma Sholli Ala Saidina Muhammad, Wa’ala Alihi Said-
ina Muhammad” . Penulisan dan penyusunan Laporan Kerja Praktek ini tidak ter-
lepas dengan adanya bantuan dari berbagai pihak, baik yang berupa materi maupun
berupa motivasi. Untuk itu pada kesempatan ini penulis mengucapkan banyak teri-
makasih kepada:
1. Bapak Prof. Dr. Khairunnas, M.Ag, selaku Rektor Universitas Islam Negeri
Sultan Syarif Kasim Riau.
2. Bapak Dr. Hartono, M.Pd, selaku Dekan Fakultas Sains dan Teknologi.
3. Bapak Eki Saputra, S. Kom., M. Kom, selaku Ketua Program Studi Sis-
tem Informasi Fakultas Sains dan Teknologi Universitas Islam Negeri Sul-
tan Syarif Kasim Riau.
4. Ibu Siti Monalisa, S.T., M. Kom, Sekretaris dan Koordinator Kerja Praktek
Program Studi Sistem Informasi Fakultas Sains dan Teknologi Universitas
Islam Negeri Sultan Syarif Kasim Riau
5. Bapak Arif Marsal , Lc,. MA, selaku Dosen Pembimbing Kerja Praktek
yang telah berkenan membimbing dan meluangkan waktu, tenaga dan piki-
ran guna mengarahkan penulis dalam menyelesaikan Laporan Kerja Praktek
ini.
6. Ponidi Abu Ichsan, selaku pembimbing instansi yang telah berkenan melu-
angkan waktunya dan mengizinkan saya melaksanakan Kerja Praktek.
7. Bapak Nesdi E. Rozanda, S.Kom, M.Sc. IT, pembimbing akademik yang
selalu memberikan arahan dan masukkan selama perkuliahan.
8. Segenap Dosen dan Karyawan Program Studi Sistem Informasi Fakultas
Sains dan Teknologi Universitas Islam Negeri Sultan Syarif Kasim Riau.

iv
 9. Teristimewa untuk Bapak dan Mamak penulis Mulyadi dan Ginarti, yang
selalu mendo’kan, dan terus memberi semangat kepada penulis .
10. Teruntuk ayang ilaa sebagai support sistem yang selalu memotivasi dan
memberikan semangat kepada penulis dalam penyusunan laporan kp ini
11. Kepada Teman-teman Basecamp Turu yang tidak dapat di sebutkan satu
persatu, yang telah memberikan motivasi dan semangat kepada penulis
12. Dan lain-lain

Semoga kebaikan yang telah diberikan kepada penulis mendapat balasan

dan diterima oleh Allah SWT, Aamiin.

Penulis menyadari bahwa penulisan laporan Kerja Praktek yang telah dibuat
ini masih belum sempurna dan masih banyak kekurangan baik dari segi teknis
maupun penyusunannya. Oleh karena itu, penulis menerima kritik dan saran yang
membangun demi kesempurnaan laporan Kerja Praktek ini. Akhirnya, penulis
berharap laporan kerja praktek ini bermanfaat.

Wassalamu’alaikum Wr. Wb

Pekanbaru, 28 Desember 2022

Penulis,

QHOIRIL ALDI GIANSYAH

NIM. 12050312656

v
 ABSTRAK

Dalam perkembangan pengolahan nilai, Ma’had Abdullah Bin Mas’ud masih belum memaksi-
malkan sistem komputerisasi pengolahan datanya. Permasalahan yang dihadapi dalam pengolahan
data nilai raport adalah wali kelas harus menyalin tulisan kedalam lembar penilaian dan perhitungan
nilai yang berupa nilai tugas, nilai UTS dan nilai UAS yang masih menggunakan kalkulator atau
Microsoft Excel berdasarkan buku panduan. Sehingga dalam penyajian hasil nilai raport masih
mengalami kesalahan teknik baik penulisan huruf atau angka dan pembuatan rumus formula
untuk perhitungannya. Oleh karena itu , maka dibangun sistem informasi yang dapat membantu
menyelesaikan pengolahan nilai raport dengan mudah dan efisien.Tujuan dari penelitian yang
penulis lakukan adalah membuat sistem informasi pengolahan nilai raport yang berbasis web ,
sehingga bisa mempermudah dan mempercepat proses pengolahan nilai serta mencari data nilai
jika sewaktu-waktu raport siswa hilang. Aplikasi dan database disusun menggunakan bahasa
pemrograman. Hasil penelitian ini adalah Sistem Informasi Pengolahan Nilai Raport di Ma’had
Abdullah Bin Mas’ud .
Kata Kunci: E-Raport, Waterfall, Sistem, web.

vi
 ABSTRACT

In the development of value processing, Ma’had Abdullah Bin Mas’ud still has not maximized
his computerized data processing system. The problem encountered in processing the report card
value data is that the homeroom teacher has to copy the writing into the assessment sheet and
calculate the grades in the form of assignment scores, UTS scores and UAS scores which still use a
calculator or Microsoft Excel based on the manual. So that in presenting the results of the report
card scores there are still technical errors in both writing letters or numbers and making formulas
for the calculations. Therefore, an information system was built that can help complete report card
grade processing easily and efficiently. The purpose of the research that the author did was to
create a web-based report card score processing information system, so that it could simplify and
speed up the score processing process and look for value data if sometimes student report cards are
lost. Applications and databases are compiled using a programming language. The result of this
research is the Report Card Value Processing Information System at Ma’had Abdullah Bin Mas’ud.
Keywords: E-Raport, Waterfall, System, web.

vii
 DAFTAR ISI

LEMBAR PENGESAHAN INSTANSI ii

LEMBAR PENGESAHAN PROGRAM STUDI iii

KATA PENGANTAR iv

ABSTRAK vi

ABSTRACT vii

DAFTAR ISI viii

DAFTAR GAMBAR xi

DAFTAR TABEL xiii

1 PENDAHULUAN 1
1.1 Latar Belakang . . . . . . . . . . . . . . . . . . . . . . . . . . . . 1
1.2 Perumusan Masalah . . . . . . . . . . . . . . . . . . . . . . . . . 2
1.3 Batasan Masalah . . . . . . . . . . . . . . . . . . . . . . . . . . . 2
1.4 Tujuan . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 2
1.5 Manfaat . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 3
1.6 Sistematika Penulisan . . . . . . . . . . . . . . . . . . . . . . . . 3

2 LANDASAN TEORI 4
2.1 Profil Instansi . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 4
2.1.1 Sejarah . . . . . . . . . . . . . . . . . . . . . . . . . . . . 4
2.1.2 Visi . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 4
2.1.3 Misi . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 4
2.1.4 Struktur Organisasi . . . . . . . . . . . . . . . . . . . . . 5
2.2 Sistem . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 5
2.3 Informasi . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 6
2.4 Sistem Informasi . . . . . . . . . . . . . . . . . . . . . . . . . . . 6
2.5 Raport . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 6
2.6 Website . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 6
2.7 Database . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 7
2.8 PHP . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 7
2.9 MySQL . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 7

viii
 2.10 Waterfall . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 8
2.11 UML (Unifield Model Language) . . . . . . . . . . . . . . . . . . 8

3 TUGAS KERJA PRAKTEK 12

3.1 Waktu dan Tempat Pelaksaan Kerja Praktek . . . . . . . . . . . . . 12
3.1.1 Jadwal Kerja Praktek . . . . . . . . . . . . . . . . . . . . 12
3.1.2 Uraian Kerja Praktek . . . . . . . . . . . . . . . . . . . . . 12
3.2 Metodologi Kerja Praktek . . . . . . . . . . . . . . . . . . . . . . 13
3.2.1 Tahap Perencanaan . . . . . . . . . . . . . . . . . . . . . 13
3.2.2 Tahap Pengumpulan Data . . . . . . . . . . . . . . . . . . 13
3.2.3 Tahap Analisa dan Hasil . . . . . . . . . . . . . . . . . . . 14
3.2.4 Tahap Implementasi . . . . . . . . . . . . . . . . . . . . . 14
3.2.5 Tahap Penulisan Laporan . . . . . . . . . . . . . . . . . . 14

4 ANALISA DAN HASIL 15

4.1 Analisa Sistem . . . . . . . . . . . . . . . . . . . . . . . . . . . . 15
4.1.1 Analisa Sistem yang Sedang Berjalan . . . . . . . . . . . . 15
4.2 Rencana Sistem yang Usulan . . . . . . . . . . . . . . . . . . . . . 16
4.2.1 Analisa Kebutuhan Aplikasi (Software) . . . . . . . . . . . 17
4.2.2 Analisa Kebutuhan Sistem (Hardware) . . . . . . . . . . . 17
4.2.3 Rancangan Usulan Sistem . . . . . . . . . . . . . . . . . . 18
4.2.4 Use Case Diagram . . . . . . . . . . . . . . . . . . . . . . 18
4.2.5 Activity Diagram . . . . . . . . . . . . . . . . . . . . . . . 20
4.2.6 Class Diagram . . . . . . . . . . . . . . . . . . . . . . . . 23
4.3 Perancangan Database . . . . . . . . . . . . . . . . . . . . . . . . 24
4.4 Perancangan Interface . . . . . . . . . . . . . . . . . . . . . . . . 28
4.5 Hasil . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 35
4.5.1 Implementasi (Hasil Sistem atau Analisa) . . . . . . . . . . 35

5 PENUTUP 42
5.1 Kesimpulan . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 42
5.2 Saran . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 42

DAFTAR PUSTAKA

LAMPIRAN A Surat Izin Kerja Praktek A-2

LAMPIRAN B Transkip Wawancara atau Hasil Observasi B-1

ix
LAMPIRAN C Dokumentasi C-1

LAMPIRAN D Source Code/Interface/Materi Pengmas/Tutorial/Dll D-1

x
 DAFTAR GAMBAR

2.1 Struktur Organisasi . . . . . . . . . . . . . . . . . . . . . . . . . . 5

2.2 Waterfall . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 8
2.3 Use Case Diagram . . . . . . . . . . . . . . . . . . . . . . . . . . 9
2.4 Activity Diagram . . . . . . . . . . . . . . . . . . . . . . . . . . . 10
2.5 Sequence Diagram . . . . . . . . . . . . . . . . . . . . . . . . . . 10
2.6 Class Diagram . . . . . . . . . . . . . . . . . . . . . . . . . . . . 11

3.1 Metodologi Penelitian . . . . . . . . . . . . . . . . . . . . . . . . 13

4.1 Aliran Sistem Lama . . . . . . . . . . . . . . . . . . . . . . . . . 16

4.2 Aliran Sistem Usulan . . . . . . . . . . . . . . . . . . . . . . . . . 17
4.3 Use Case Diagram . . . . . . . . . . . . . . . . . . . . . . . . . . 19
4.4 Activity Diagram Login . . . . . . . . . . . . . . . . . . . . . . . . 21
4.5 Activity Diagram Ubah Profil . . . . . . . . . . . . . . . . . . . . 21
4.6 Activity Diagram Ubah Password . . . . . . . . . . . . . . . . . . 22
4.7 Activity Diagram Kelola Bagian . . . . . . . . . . . . . . . . . . . 22
4.8 Activity Diagram Cetak Raport . . . . . . . . . . . . . . . . . . . . 23
4.9 Class Diagram . . . . . . . . . . . . . . . . . . . . . . . . . . . . 24
4.10 Interface Home . . . . . . . . . . . . . . . . . . . . . . . . . . . . 29
4.11 Interface Login . . . . . . . . . . . . . . . . . . . . . . . . . . . . 29
4.12 Interface Dashboard . . . . . . . . . . . . . . . . . . . . . . . . . 30
4.13 Interface Data Wali kelas . . . . . . . . . . . . . . . . . . . . . . . 30
4.14 Tambah Data Wali kelas . . . . . . . . . . . . . . . . . . . . . . . 31
4.15 Interface Data Pegawai . . . . . . . . . . . . . . . . . . . . . . . . 31
4.16 Interface Tambah Data Pegawai . . . . . . . . . . . . . . . . . . . 32
4.17 Rancangan Interface Data Siswa . . . . . . . . . . . . . . . . . . . 32
4.18 Interface Tambah Data Siswa . . . . . . . . . . . . . . . . . . . . 33
4.19 Interface Data Kelas . . . . . . . . . . . . . . . . . . . . . . . . . 33
4.20 Interface Tambah Data Kelas . . . . . . . . . . . . . . . . . . . . . 34
4.21 Interface Data Mapel . . . . . . . . . . . . . . . . . . . . . . . . . 34
4.22 Interface Tambah Data Mapel . . . . . . . . . . . . . . . . . . . . 35
4.23 Interface Cetak . . . . . . . . . . . . . . . . . . . . . . . . . . . . 35
4.24 Halaman Home . . . . . . . . . . . . . . . . . . . . . . . . . . . . 36
4.25 Halaman Login . . . . . . . . . . . . . . . . . . . . . . . . . . . . 36
4.26 Halaman Dashboard . . . . . . . . . . . . . . . . . . . . . . . . . 36
4.27 Halaman Data Wali kelas . . . . . . . . . . . . . . . . . . . . . . . 37

xi
4.28 Halaman Tambah Data Wali kelas . . . . . . . . . . . . . . . . . . 37
4.29 Halaman Data Pegawai . . . . . . . . . . . . . . . . . . . . . . . . 38
4.30 Halaman Tambah Data Pegawai . . . . . . . . . . . . . . . . . . . 38
4.31 Halaman Data Siswa . . . . . . . . . . . . . . . . . . . . . . . . . 38
4.32 Halaman Tambah Data Siswa . . . . . . . . . . . . . . . . . . . . 39
4.33 Halaman Data Kelas . . . . . . . . . . . . . . . . . . . . . . . . . 39
4.34 Halaman Tambah Data Kelas . . . . . . . . . . . . . . . . . . . . . 40
4.35 Halaman Data Mapel . . . . . . . . . . . . . . . . . . . . . . . . . 40
4.36 Tambah Data Mapel . . . . . . . . . . . . . . . . . . . . . . . . . 40
4.37 Halaman Cetak . . . . . . . . . . . . . . . . . . . . . . . . . . . . 41
4.38 Cetak . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 41

A.1 Surat Balasan Instansi . . . . . . . . . . . . . . . . . . . . . . . . A - 2

D.1 Source Code . . . . . . . . . . . . . . . . . . . . . . . . . . . . . D - 1

xii
 DAFTAR TABEL

3.1 Jadwal Kerja Praktek . . . . . . . . . . . . . . . . . . . . . . . . . 12

4.1 Kebutuhan Perangkat Lunak Sistem Usulan (Software) . . . . . . . 17

4.2 Kebutuhan Perangkat Keras Sistem Usulan (Hardware) . . . . . . . 18
4.3 Deskripsi Aktor . . . . . . . . . . . . . . . . . . . . . . . . . . . . 19
4.4 Deskripsi Use Case . . . . . . . . . . . . . . . . . . . . . . . . . . 19
4.5 Perancangan Database . . . . . . . . . . . . . . . . . . . . . . . . 24
4.6 Tabel Pegawai . . . . . . . . . . . . . . . . . . . . . . . . . . . . 25
4.7 tabel wali kelas . . . . . . . . . . . . . . . . . . . . . . . . . . . . 26
4.8 Tabel Nilai . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 26
4.9 Tabel Mapel . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 27
4.10 Tabel Siswa . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 27
4.11 Tabel Kelas . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 28

xiii
 BAB 1
PENDAHULUAN

1.1 Latar Belakang

Seiring kemajuan ilmu pengetahuan dan teknologi saat ini, kini komputer
digunakan di berbagai perusahaan, instansi dan sekolahan dalam berbagai aktivitas
dan pekerjaan. Dengan komputer, pemberian layanan dalam berbagai bidang men-
jadi lebih baik, cepat dan efisien.Komputer merupakan teknologi yang mengatasi
keterbatasan yang dimiliki manusia. Dalam dunia pendidikan ,komputer bisa
sebagai alat bantu dalam proses pembelajaran dan perkembangan sekolah.

Ma’had Abdullah Bin Mas’ud merupakan salah satu instansi pendidikan

Islam yang mengajarkan dan mendalami nilai-nilai dan ilmu agama Islam untuk
digunakan sebagai pedoman hidup . Pada tahun ajaran 2021/2022 ini, total terdapat
4 kelas, dengan tenaga pengajar sebanyak 6 guru, jumlah mata pelajaran ada 16
mapel.

Dalam perkembangan pengolahan nilai, Ma’had Abdullah Bin

Mas’ud masih belum memaksimalkan sistem komputerisasi pengolahan
datanya.Permasalahan yang dihadapi dalam pengolahan data nilai raport adalah
wali kelas harus menyalin tulisan ke dalam lembar penilaian dan perhitungan
nilai yang berupa nilai tugas, nilai ulangan harian, nilai UTS dan nilai UAS
masih menggunakan kalkulator atau Microsoft Excel berdasarkan buku panduan
.Sehingga dalam penyajian hasil nilai raport masih mengalami kesalahan teknik
baik , penulisan huruf , angka dan pembuatan rumus formula untuk perhitungannya.
Pengolahan nilai siswa adalah bagian dari kegiatan belajar mengajar (KBM) di
sekolah yang sangat berperan penting dalam proses belajar mengajar sebagai alat
untuk mengukur prestasi siswa .Adapun data-data yang ada dalam nilai raport yaitu
data siswa, data pegawai, data guru, data mapel, dan data nilai. Setelah pengisian
nilai raport selesai, admin memberikan raport tersebut kepada masing-masing
santri atau wali santri yang bersangkutan.

Sistem ini tidak hanya memiliki peran memberikan informasi, tapi memiliki
peran yang lebih luas dan berguna diantaranya seperti membantu mengolah data,
menjaga keamanan data dan lain-lain.
 Berdasarkan permasalahan yang dihadapi Ma’had Tahfidz Abdullah bin
Mas’ud dibutuhkan suatu sistem pengolahan data nilai raport supaya proses pen-
golahan data nilai raport lebih cepat, akurat dan efisien maka dibutuhkan “Sistem
Informasi E-Raport Berbasis Web dengan Metode Waterfall”.

1.2 Perumusan Masalah

Berdasarkan uraian latar belakang masalah di atas peneliti menyimpulkan
pokok permasalahan yang dihadapi adalah bagaimanakah membuat sebuah sistem
informasi pengolahan nilai raport di Ma’had Tahfidz Abdullah bin Mas’ud agar
lebih memudahkan wali kelas menyelesaikan tugas dengan cepat dan efisien.

1.3 Batasan Masalah

Guna menghindari pokok bahasan yang terlalu luas maka peneliti membat-
asi permasalahan yang akan dibahas hanya meliputi sebagai berikut:
1. Sistem informasi ini khusus menangani pengolahan nilai raport mengenai
Ma’had Tahfidz Abdullah bin Mas’ud
2. Sistem yang dibangun berfokus pada pengolahan hasil belajar siswa
3. Sistem ini dibangun berbasis web dan menggunakan bahasa PHP serta
menggunakan database MySQL.
4. Metode pengembangan sistem menggunakan metode waterfall.
5. Diagram UML yang digunakan ialah Usecase Diagram, Activity Diagram
dan Class Diagram.

1.4 Tujuan
Berdasarkan permasalahan yang disampaikan pada latar belakang maka tu-
juan dari kerja praktek ini adalah:
1. Membangun sebuah sistem informasi pengolahan hasil belajar siswa secara
web(E-Raport).
2. Membuat sistem informasi untuk pengolahan nilai raport dan pelaporan
nilai raport yang terkait dengan pengolahan nilai raport terkomputerisasi
berdasarkan sistem yang saat ini digunakan (sistem manual).
3. Untuk mempermudah dan mempercepat proses pengolahan nilai serta
mencari data nilai jika sewaktu-waktu raport siswa hilang. Laporan yang
dihasilkan dari sistem ini diharapkan dapat membantu mengacu perkem-
bangan instansi sekolah.

2
1.5 Manfaat
Adapun manfaat dari kerja praktek ini adalah sebagai berikut.
1. Bagi Ma’had Tahfidz Abdullah bin Mas’ud
Meringkas dan menghemat tempat dan waktu karena data diolah den-
gan menggunakan komputer sehingga meningkatkan kecepatan maupun
ketepatan dalam proses pengolahan nilai raport.
2. Bagi Penulis
Dapat mengembangkan teori-teori ilmu pengetahuan ilmu komputer yang
dimiliki ke dalam praktik yang sesungguhnya di lapangan.

1.6 Sistematika Penulisan

Sistematika penulisan laporan kerja praktek ini dibagi menjadi V (Lima)
bab. Berikut penjelasan masing-masing bab:
BAB I. PENDAHULUAN
Bab ini menjelaskan tentang latar belakang masalah, rumusan masalah,
batasan masalah, tujuan kerja praktek, manfaat kerja praktek, dan sistematika
penulisan laporan.
BAB II. LANDASAN TEORI
Bab ini akan membahas tentang Profil Ma’had Tahfidz Abdullah Bin
Mas’ud, visi, misi, dan Struktur Organisasi. Bab ini juga membahas mengenai
teori-teori yang mendukung dan konsep-konsep yang berhubungan dengan masalah
yang dirumuskan.
BAB III. TUGAS KERJA PRAKTEK
Bab ini membahas tentang waktu dan tempat pelaksanaan kerja praktek, dan
metodologi kerja praktek.
BAB IV. ANALISA DAN HASIL
Bagian ini membahas uraian tentang analisa sistem yang akan dibuat, ren-
cana sistem yang diusulkan dan hasil dari sistem yang diusulkan, perancangan
database, perancangan interface, hingga tahap implementasi sistem.
BAB V. PENUTUP
Bab ini membahas tentang kesimpulan yang diperoleh dari pembuatan sis-
tem serta saran yang bertujuan untuk pengembangan sistem ini di masa yang akan
datang.Bab ini membahas tentang kesimpulan yang diperoleh dari pembuatan sis-
tem serta saran yang bertujuan untuk pengembangan sistem ini di masa yang akan
datang.

3
 BAB 2
LANDASAN TEORI

2.1 Profil Instansi

2.1.1 Sejarah
Ma’had Tahfizh Al-Qur’an Abdullah Ibnu Mas’ud adalah Lembaga Pen-
didikan Islam dalam mempelajari Al-Qur’an dan Ilmu Syar’i yang dikelola oleh
Yayasan Generasi Peduli Umat. Adapun alamat Ma’had Tahfidz Abdullah bin
Mas’ud adalah Jalan Kubang Raya Perumahan Citra Bangun Persada Blok F /Tarai
Bangun, Kec. Tambang, Kabupaten Kampar, Riau.

Ma’had Abdullah Bin Mas’ud merupakan salah satu Madrasah Ibtidaiyah

yang mengajarkan dan mendalami nilai-nilai dan ilmu agama Islam untuk digu-
nakan sebagai pedoman hidup . Pada tahun ajaran 2021/2022 ini, total terdapat
4 kelas, dengan tenaga pengajar sebanyak 6 guru, jumlah mata pelajaran ada 16
mapel, dan adapun jumlah siswa pada saat ini 60 siswa.

Ma’had Abdullah Bin Mas’ud berdiri pada tahun 2019, di bawah naun-
gan Yayasan Generasi Peduli Umat. Pada awal berdirinya, Ma’had Abdullah Bin
Mas’ud hanya terdiri dari 2 Kelas Madrasah Ibtidaiyah dan di dalam perjalanannya,
ternyata Ma’had Abdullah Bin Mas’ud bisa diterima oleh masyarakat sekitar den-
gan banyaknya siswa yang mendaftar pada saat itu.Pada tahun ajaran 2021/2022
ini, total terdapat 4 kelas, dengan tenaga pengajar sebanyak 6 guru, jumlah mata
pelajaran ada 10 mapel.

2.1.2 Visi
Visi Ma’had Abdullah Bin Mas’ud adalah:
Membina dan Melahirkan Generasi Penghafal Al-Qur’an yang Berakidah
dan Bermanhaj Ahlusunnah Waljama’ah (Salafussaleh) , serta Berakhlak dan Be-
radab Mulia

2.1.3 Misi
Untuk mewujudkan Visi tersebut, Ma’had Abdullah Bin Mas’ud memiliki
Misi sebagai berikut :
1. Menanamkan nilai-nilai tauhid yang benar dalam keseharian mereka.
2. Membimbing anak didik serta menanamkan kecintaan dalam membaca dan
menghafal Al-Qura’an dengan baik dan benar.
3. Membimbing anak didik dalam mengamalkan nilai-nilai syariat islam yang
 bersumber dari Al-Qur’an dan sunnah sesuai dengan pemahaman sala-
fussaleh.
4. Mendidik dan membiasakan Berakhlak dan Beradab dalam keseharian.

2.1.4 Struktur Organisasi

Gambar 2.1. Struktur Organisasi

2.2 Sistem
Sistem merupakan sekelompok komponen dan elemen yang dapat diga-
bungkan menjadi satu untuk mencapai tujuan tertentu. Sistem ini berasal dari Ba-
hasa latin (systema) dan Bahasa Yunani (sustema) adalah suatu kesatuan yang terdiri
dari komponen atau elemen yang dapat dihubungkan bersama untuk memudahkan
aliran infomasi, materi atau energi untuk mencapai suatu tujuan.Adapun istilah ini
sering digunakan untuk menggambarkan suatu set entitas yang dapat berinterak-
si, dimana terdapat sebuah model matematika yang seringsekali bisa dibuat. Sis-

5
tem adalah suatu jaringan kerja dari prosedur-prosedur yang dapat berhubungan,
terkumpul, Bersama-sama untuk melakukan suatu kegiatan untuk tujuan tertentu
(Simangunsong, 2018)

2.3 Informasi
Informasi merupakan sebuah data yang telah diklasifikasikan atau diolah
atau dipraktekkan untuk digunakan dalam proses pengambilan keputusan. Sumber
informasi adalah data. Data merupakan bentuk tunggal, bentuk jamak atau data-
data item. Data itu sendiri adalah kenyataan yang dapat menggambarkan sesuatu
(Febrianto dkk., 2020).

2.4 Sistem Informasi

Dapat di defenisikan sistem informasi menurut (Bonnie Soeherman, 2013)
adalah sebuah rangkaian komponen berupa manusia, prosedur, data, dan teknologi
(seperti komputer) yang digunakan untuk melakukan sebuah proses untuk pengam-
bilan keputusan penunjang keberhasilan bagi setiap organisasi Sistem informasi
adalah kombinasi dari setiap unit yang dapat dikelola orang-orang, hardware (
perangkat keras ), software ( perangkat lunak ), jaringan komputer, serta jaringan
komunikasi data (komunikasi), dan database (basis data) yang dapat mengumpulka-
n, mengubah, dan menyebarkan informasi tentang bentuk organisasi.

2.5 Raport
Raport atau raport adalah buku yang berisi nilai kepandaian dan prestasi
belajar murid di sekolah, berfungsi sebagai laporan resmi guru kepada orangtua
wali murid yang wajib menerimanya (Putri dan Hartanto, 2013). Rapor sendiri
merupakan salah satu tanggung jawab sekolah kepada masyarakat dalam kaitannya
dengan keterampilan siswa berupa hasil penilaian.

2.6 Website
Menurut (Saifudin dan Setiaji, 2019) menjelaskan bahwa “Website adalah
halaman informasi yang disediakan melalui jalur internet sehingga bisa diakses dis-
eluruh dunia, selama terkoneksi dengan jaringan internet”. Macam-macam Website
yaitu:
1. Website statis adalah website yang kontennya konstan atau tidak berubah.
Setiap laman dibuat dengan kode HTML dan menunjukkan informasi yang
sama kepada setiap pengunjung. Hanya webmaster atau developer yang bisa
melakukan update pada konten website statis. Website statis tidak memer-
lukan database karena tidak membutuhkan update konten secara berkala.
2. Website dinamis adalah website yang bisa diupdate secara mudah sehingga

6
 isi dari website tersebut bisa berubah sesuai keinginan pemilik website dan
juga kontennya selalu di-update secara berkala. Kebanyakan website bersi-
fat dinamis karena lebih mudah dikelola dibandingkan website statis. Web-
site dinamis menampilkan kontennya dari database yang biasanya hanya
bisa diakses oleh webmaster atau developer.

2.7 Database
Raport menurut Kamus Besar Bahasa Indonesia (KBBI) Daring, meru-
pakan buku yang berisi nilai kepandaian dan prestasi belajar murid di sekolah,
berfungsi sebagai laporan resmi, dalam hal ini buku yang berisi nilai kepandaian
dan prestasi belajar murid di sekolah yang berfungsi sebagai laporan guru kepada
wali murid.Menurut Anwar (Chakravarthy, Krishnaprasad, Anwar, dan Kim, 1994)

2.8 PHP
PHP merupakan singkatan dari Hypertext Preprocessor yang digunakan
sebagai bahasa script side server dalam pengembangan internet yang disisipkan
pada dokumen HTML. Penggunaan PHP memungkinkan internet dapat dibuat d-
inamis sehingga maintenance situs internet tersebut menjadi lebih mudah dan e-
fisien (Maudi, Nugraha, dan Sasmito, 2014). PHP diciptakan untuk mempermudah
pengembang web dalam menulis halaman web dinamis dengan cepat, bahkan lebih
dari itu kita dapat mengeksplorasi hal-hal yang luar biasa dengan PHP. Sehingga
dengan demikian PHP sangat cocok untuk/bagi para pemula, menengah maupun
expert sekalipun.

2.9 MySQL
Menurut Hirin dan Virgi MySQL adalah salah satu perangkat lunak sistem
manajemen basis data (database) SQL atau sering disebut dengan DBMS (Database
Management Sistem). Serta menurut Achmad Solichin (Hasanah, Ridarmin, dan
Adrianto, 2019) tidak seperti PHP atau Apache yang merupakan software yang
dikembangkan oleh komunitas umum, dan hak cipta untuk kode sumber dimiliki
oleh penulisnya masing-masing, MySQL dimiliki dan disponsori oleh sebuah
perusahaan komersial Swedia yaitu MySQL.

SQL adalah sebuah konsep pengoperasian database, terutama untuk pemili-

han atau seleksi dan pemasukan data, yang memungkinkan pengoperasian data dik-
erjakan dengan mudah secara otomatis. Keandalan suatu sistem database (DBMS)
dapat diketahui dari cara kerja optimizer-nya dalam melakukan proses perintah-
perintah SQL, yang dibuat oleh user maupun programprogram aplikasinya. Sebagai

7
database server, MySQL dapat dikatakan lebih unggul dibandingkan database serv-
er lainnya dalam query data. Hal ini terbukti untuk query yang dilakukan oleh single
user, kecepatan query MySQL bisa sepuluh kali lebih cepat dari Postgre SQL dan
lima kali lebih cepat dibandingkan Interbase(Komputer, 2010).

2.10 Waterfall
Waterfall atau air terjun adalah salah satu model yang dikembangkan untuk
pengembangan software, membuat software. model berkembang secara sistema-
tis dan terurut dari satu tahap ke tahap lain dalam mode seperti air terjun. Model
ini mengusulkan sebuah pendekatan kepada pengembangan software yang sistem-
atik dan sekuensial yang mulai dari tingkat kemajuan sistem pada seluruh analisis,
desain, kode, pengujian dan pemeliharaan. Model ini melingkupi urutan aktivitas-
aktivitas sebagai berikut: rekayasa dan pemodelan sistem informasi, analisis kebu-
tuhan, desain, koding, mengujian dan pemeliharaan (Wahid, 2020).
1. Tahapan Metode Waterfall Dalam pengembangannya metode waterfal-
l memiliki beberapa tahapan yang berurut yaitu requirement (analisis kebu-
tuhan), design system (desain sistem), Coding (pengkodean) ,Testing (pen-
gujian), Penerapan Program, pemeliharaan.

Gambar 2.2. Waterfall

2.11 UML (Unifield Model Language)

UML adalah serangkaian standar konstruksi model dan notasi yang dikem-
bangkan secara khusus untuk pengembangan object oriented(Hendini, 2016).
Sedangkan menurut (Whitten, 2014) UML adalah satu set konversi pemodelan yang
digunakan untuk menggambarkan sebuah sistem software dalam bentuk objek-
objek. Tools nya yaitu use case diagram, activity diagram, sequence diagram dan
class diagram. Tujuan utama perancangan UML adalah:

8
 1. Menyediakan bahasa pemodelan Visual yang Ekspresif dan siap pakai untuk
mengembangkan dan pertukaran model-model yang berarti.
2. Menyediakan mekanisme perluasan dan spesialisasi untuk memperluas kon-
sep inti.
3. Mendukung spesifikasi independen bahasa pemograman dan proses
pengembangan tertentu.
4. Menyediakan basis formal untuk pemahaman bahasa pemodelan.
5. Mendorong pertumbuhan pasar kakas berorientasi objek.
6. Mendukung konsep-konsep pengembangan level lebih tinggi seperti kom-
ponen, kolaborasi, framework dan pattern.
UML menyediakan beberapa diagram yang disediakan antara lain:
1. Diagram Use Case (Use Case Diagram)
2. Diagram Kelas (Class Diagram).
3. Diagram Aktivitas (Activity Diagram).
4. Diagram Sekuensial (Sequence Diagram).
Penjelasan diagram UML antara lain:
1. Use Case Diagram
Menurut (Apriliah, Subekti, dan Haryati, 2019) menyimpulkan bahwa, “use
case adalah rangkaian atau uraian sekelompok yang saling terkait dan mem-
bentuk sistem secara teratur yang dilakukan atau diawasi oleh sebuah aktor”.

Gambar 2.3. Use Case Diagram

9
2. Activity Diagram
Menurut (Apriliah dkk., 2019), mendefinisikan bahwa, “activity diagram
memodelkan workflow proses bisnis dan urutan aktifitas dalam sebuah pros-
es. Diagram ini sangat mirip dengan flowchart karena memodelkan work-
flow dari suatu aktifitas lainnya atau dari aktifitas ke status”.

Gambar 2.4. Activity Diagram

3. Sequence Diagram
Menurut (Raharjana dan Justitia, 2015) , menyimpulkan bahwa, “sequence
diagram menggambarkan interaksi antara sejumlah objek dalam urutan
waktu”.

Gambar 2.5. Sequence Diagram

10
4. Class Diagram
Merupakan hubungan antar kelas dan penjelasan detail tiap-tiap kelas di
dalam model desain dari suatu sistem, juga memperlihatkan aturan-aturan
dan tanggung jawab entitas yang menentukan perilaku system (Putra dan
Andriani, 2019).

Gambar 2.6. Class Diagram

11
 BAB 3
TUGAS KERJA PRAKTEK

3.1 Waktu dan Tempat Pelaksaan Kerja Praktek

Adapun penjelasan waktu dan tempat pelaksanaan kerja praktek pada:
Waktu : Tanggal 08 Oktober 2022 s/d 20 Desember 2022
Tempat : Ma’had Tahfidz Abdullah Bin Mas’ud
Alamat : Jalan Kubang Raya Perumahan Citra Bangun Persada Blok F Tarai
Bangun, Kec. Tambang, Kabupaten Kampar, Riau

Tabel 3.1. Jadwal Kerja Praktek

Minggu ke-
No Kegiatan
1 2 3 4 5 6 7 8
1. Pelaksanaan Kerja Praktek
2. Adaptasi dengan lingkungan Instansi
3. Pengumpulan Data
4. Pengolahan Data
5. Analisa dan Perancangan Sistem
6. Pembuatan Laporan

3.1.1 Jadwal Kerja Praktek

Kerja praktek ini dilakukan dalam kurun waktu lebih kurang 2 bulan.
Berikut ini adalah tabel kegiatan kerja praktek:

3.1.2 Uraian Kerja Praktek

Tugas kerja praktek ini dikerjakan di Ma’had Abdullah bin Mas’ud dalam
kurun waktu 60 hari dihitung sejak 08 October 2021 s/d 08 Desember 2022.
Kegiatan yang dilakukan disusun dalam proses perencanaan kerja, rencana terse-
but adalah:
1. Kegiatan pada minggu pertama dilakukan agenda proses perkenalan dengan
pegawai dan pembimbing kerja praktek di tempat kerja praktek. Perkenalan
dilakukan pada tanggal 08 Oktober 2022 mulai dari memperkenalkan diri
kepada pegawai di tempat kerja praktek.
2. Pada minggu kedua dilakukan proses pengamatan alur dan prosedur kerja,
serta sudah mulai melakukan pengumpulan data dan pengolahan data den-
gan melakukan teknik pengumpulan seperti observasi dan wawancara yang
di khususkan di bidang hasil belajar siswa (Rapor).
3. Pada minggu ketiga dilakukan proses analisa kebutuhan sistem yang di per-
 lukan dari data yang diperoleh.
4. Selanjutnya pada minggu keempat yaitu melanjutkan analisa dan sudah ma-
suk ketahap perencanaan dan juga implementasi sistem, sekaligus meru-
pakan minggu perpisahan pada kerja praktek.

3.2 Metodologi Kerja Praktek

Metodologi Kerja praktek adalah tahapan yang dilaksanakan dalam pelak-
sanaan kerja praktek. Adapun tahapan-tahapan nya antara lain:

Gambar 3.1. Metodologi Penelitian

3.2.1 Tahap Perencanaan

Pada tahap perencanaan, dilakukan penetapan tujuan serta keputusan keing-
inan atau kebutuhan organisasi. Pada tahap ini menentukan tujuan dari penelitian
serta kesesuaian topik dengan mempertimbangkan pengetahuan berdasarkan liter-
atur yang ada.

3.2.2 Tahap Pengumpulan Data

Data yang dikumpulkan diperoleh dari:
a. Studi Pustaka, merupakan adalah tahapan awal dari proses pengumpulan da-
ta, yaitu dengan mencari materi yang berkaitan ataupun berhubungan den-
gan sistem yang akan dibuat.
b. Wawancara merupakan proses pengumpulan informasi dengan cara penulis
menanyakan beberapa pertanyaan pertanyaan yang terarah secara langsung
kepada Staff Admin Ma’had Abdullah bin Mas’ud mengenai sistem yang
akan dirancang.
c. Pengumpulan data dan informasi yang dapat menjadi acuan dan referensi.
d. Pengamatan Langsung (Observasi). Dengan melakukan pengamatan lang-
sung terhadap objek yang akan diteliti, maka akan mendapatkan rincian dari
permasalahan yang akan diteliti.

13
3.2.3 Tahap Analisa dan Hasil
Pada tahap ini peneliti melakukan analisa kebutuhan sistem yang akan di-
rancang. Alat bantu yang digunakan dalam pelaksanaan analisa dan perancangan
adalah menggunakan bantuan Use Case Diagram, Activity Diagram, dan Class Di-
agram.

3.2.4 Tahap Implementasi

Tahap ini merupakan penyusunan perangkat lunak sistem yang akan mem-
bantu dalam proses pembuatan sistem dan pengujian apakah sistem dapat berjalan
sesuai dengan apa yang dibutuhkan. Untuk tahap implementasi ini aplikasi yang
dibangun haruslah membutuhkan perangkat pendukung. Adapun perangkat pen-
dukung yang dibutuhkan antara lain:
a. Platform : Windows 10
b. Bahasa Pemrograman : PHP
c. DBMS : MySQL
d. Perangkat Lain : Laptop atau Komputer dan Xampp

3.2.5 Tahap Penulisan Laporan

Pada tahapan ini bertujuan untuk dilakukan dokumentasi terhadap hasil ker-
ja praktek dengan mengumpulkan semua data hasil analisa yang ada dan kemudian
disusun sehingga menjadi laporan penelitian.

14
 BAB 4
ANALISA DAN HASIL

4.1 Analisa Sistem

Analisa sistem berfungsi menguraikan komponen-komponen sistem infor-
masi dari suatu organisasi atau perusahaan yang bertujuan untuk mengidentifikasi
serta mengevaluasi hambatan-hambatan, masalah yang muncul, dan kebutuhan
yang diharapkan, sehingga dapat memberikan suatu solusi untuk perbaikan
ataupun pengembangan kearah yang lebih baik dan sesuai dengan kebutuhan serta
pengembangan teknologi.

Pada tahap analisis sistem ini dilakukan beberapa proses yang berhubungan
dengan tahap awal metode penelitian yang mencangkup UML dalam perancangan
pembangunan sistem.

4.1.1 Analisa Sistem yang Sedang Berjalan

Pada Ma’had Tahfidz Abdullah Bin Mas’ud sistem yang berjalan saat ini
masih konvensional, pengolahan dilakukan admin di perusahaan yang akan mener-
ima haasil nilai dari wali kelas di setiap mata pelajaran pada sebuah spreadsheet
(excel), setelah dilakukan pengolahan nilai maka hasil nilai tersebut disimpan un-
tuk dicetak.
Berikut ini merupakan uraian sistem yang sedang berjalan di Ma’had Tahfidz Ab-
dullah Bin Mas’ud
1. Nilai mentah siswa dari wali kelas diterima oleh admin
2. Hasil nilai dicatat secara manual beserta rumus ke dalam sebuah spreadsheet
excel oleh staff admin Ma’had Tahfidz Abdullah Bin Mas’ud
3. Sementara itu kertas hasl yang telah dicetak diterima dari bagian staff admin
diserahkan kepada wali kelas bidangnya masing-masing.
4. Dokumen hasil nilai disimpan dilemari arsip.
Berikut diagram aliran Sistem Informasi E-Raport yang sedang berjalan pa-
da Ma’had Tahfidz Abdullah Bin Mas’ud.
 Gambar 4.1. Aliran Sistem Lama

4.2 Rencana Sistem yang Usulan

Pada tahap ini, penulis akan menjelaskan perancangan sistem yang akan
dibangun. Perancangan ini menggunakan beberapa diagram diantaranya yaitu, Use
Case Diagram, Activity Diagram, dan Class Diagram. Perancangan ini bertujuan
untuk mengedintifikasi jalannya aktifitas pengolahan nilai siswa. Hal ini dilakukan
agar pada saat proses pembuatan sistem dapat meminimalisir kesalahan atau re-
siko yang terjadi. Diharapkan dengan adanya perancangan sistem ini dapat digu-
nakan secara maksimal. Analisa sistem yang diusulkan, dapat dilihat dalam bentuk
flowchart seperti Gambar 4.2 berikut ini:

16
 Gambar 4.2. Aliran Sistem Usulan

4.2.1 Analisa Kebutuhan Aplikasi (Software)

Untuk menjalankan sistem ini, maka membutuhkan perangkat lunak seperti
berikut:
Tabel 4.1. Kebutuhan Perangkat Lunak Sistem Usulan (Software)

Perangkat Lunak
Sistem Operasi Windows 11
Bahasa Pemograman PHP 7.3
Database MySQL 10.1.36-MariaDB
Sublime Text
Tools
Xampp Server

4.2.2 Analisa Kebutuhan Sistem (Hardware)

Untuk menjalankan sistem informasi ini, maka dibutuhkan sebuah perangkat
keras (hardware) yang dapat mendukung kinerja dari sistem tersebut agar dap-
at dioperasikan secara optimal oleh pengguna nantinya. Adapun spesifikasi dari
perangkat keras (hardware) yang dibutuhkan pada sistem ini, yaitu:

17
 Tabel 4.2. Kebutuhan Perangkat Keras Sistem Usulan (Hardware)

Perangkat Keras Minimum

Processor AMD Ryzen 3 3250U
with Radeon Graphics
(4 CPUs), ∼2.6GHz
Memory RAM 8GB DDR4
Harddisk/SSD 80GB

4.2.3 Rancangan Usulan Sistem

Perancangan sistem usulan akan memberikan penjelasan dan gambaran
secara utuh mengenai bentuk dan rancangan kerja dari sistem tersebut dalam
memenuhi kebutuhan operasional instansi. Sistem usulan ini menggunakan
database sebagai tempat penyimpanan data siswa dan wali kelas. Admin dapat
melakukan login ke sistem dengan memasukkan username dan password, admin
diberikan hak akses untuk menginput nilai, mengubah nilai, dan menghapus nilai.
Admin juga bisa mengelola data pegawai dan juga diberi hak akses untuk mencetak
Raport. Dalam sistem usulan terdapat beberapa kelebihan, diantaranya yaitu:
1. Data nilai tersimpan dengan aman dalam database
2. Lebih memudahkan admin dalam mengolah nilai
3. Tidak akan memakan waktu yang lama untuk menemukan data.
Berdasarkan analisa tersebut, maka dapat dilakukan perancangan sistem informasi
E-Raport di Ma’had Tahfidz Abdullah Bin Mas’ud, dengan menggunakan pen-
dekatan berorientasi objek yaitu dengan menggunakan diagram UML (Unifield
Modeling Languange). Adapun diagram UML yang digunakan adalah sebagai
berikut:
1. Use Case Diagram
2. Activity Diagram
3. Class Diagram

4.2.4 Use Case Diagram

Use Case Diagram terdiri dari aktor, use case dan hubungannya. Use case
adalah sesuatu yang penting untuk memvisualisasikan dan mendokumentasikan ke-
butuhan perilaku sistem. Use case diagram digunakan untuk menjelaskan kegiatan
apa saja yang dapat dilakukan oleh user/pengguna sistem yang sedang berjalan.
Berikut aktor yang terlibat atau yang berinteraksi terhadap sistem informasi E-
Raport pada Ma’had Abdullah bin Mas’ud.

18
 Gambar 4.3. Use Case Diagram

Tabel 4.3. Deskripsi Aktor

No Aktor Deskripsi
1 Admin Admin bisa mengubah password
pribadi dan profile pribadi dan
bertugas mengelola data bagian,
mengelola data nilai masuk , dan
mencetak laporan nilai.
2 Wali kelas Wali kelas dapat melakukan input
nilai dan merubahnya sesuai den-
gan nilai siswa yang bersangkutan.

Setelah diidentifikasi aktor dan tugasnya terhadap sistem, maka berikut

merupakan penggambaran sistem dalam bentuk use case
1. Deskripsi Use Case Berikut ini merupakan deskripsi dari masing-masing
use case yang berada pada sistem informasi E-Raport pada Ma’had Abdul-
lah bin Mas’ud. , yaitu terlihat pada Tabel 4.4 berikut:

Tabel 4.4. Deskripsi Use Case

Id Use Case Deskripsi

UC-01 Login Use case ini menggambarkan veri-
fikasi akun untuk masuk ke system.
Adapun aktor yang dapat mengak-
ses sistem ini nantinya adalah ad-
min.

19
 UC-02 Ubah Pro- Use case ini menggambarkan aktor
file dapat mengubah profil pribadi.
UC-03 Ubah Pass- Use case ini menggambarkan aktor
word dapat mengubah password pribadi.
UC-04 Kelola Use case ini menggambarkan
Bagian admin dapat mengelola data
bagian/divisi yang tersedia, antara
lain, menambah bagian, meng-
hapus bagian, dan melakukan
pengeditan terhadap bagian.
UC-05 Cetak Use Case ini menggambarkan aktor
Raport dapat mencetak Raport.

4.2.5 Activity Diagram

Diagram aktivitas menggambarkan aliran fungsionalitas sistem yang dap-
at digunakan untuk menunjukkan aliran kejadian (Flow of events) dalam use case.
Proses sistem pengolahan nilai, akan diterangkan pada Activity Diagram. Activity
Diagram menggambarkan berbagai alur aktivitas dalam sistem yang sedang diran-
cang, bagaimana masing-masing alur berawal, decision yang mungkin terjadi, dan
bagaimana mereka berakhir. Diagram aktivitas juga dapat menggambarkan proses
paralel yang mungkin terjadi pada beberapa eksekusi. Berikut dijelaskan mengenai
activity diagram Sistem informasi E-Raport berbasis web:
1. Activity Diagram Login
Activity diagram login digunakan untuk menggambarkan jalur kerja sistem
pada saat pertama kali menjalankan sistem dengan mengisi username dan
password. Jika yang di isi benar, maka sistem akan menampilkan halaman
sesuai dengan hak akses. Activity diagram login Sistem Informasi E-Raport
dapat dilihat pada gambar berikut:

20
 Gambar 4.4. Activity Diagram Login

2. Activity Diagram Ubah Profile

Activity diagram ubah profile menggambarkan bagaimana proses pengguna
dalam mengubah data pribadi yang telah diinputkan oleh admin ke sistem.
Activity diagram ubah profile Sistem Informasi E-Raport dapat dilihat pada
gambar 4.5

Gambar 4.5. Activity Diagram Ubah Profil

3. Activity Diagram Ubah Password

Activity diagram ubah password menggambarkan bagaimana proses peng-

21
 guna dalam mengubah password yang telah diinputkan oleh admin ke sis-
tem. Activity diagram ubah password Sistem Informasi E-Raportdapat dili-
hat pada gambar 4.6.

Gambar 4.6. Activity Diagram Ubah Password

4. Activity Diagram Kelola Bagian

Activity diagram kelola Bagian menggambarkan bagaimana proses admin
melakukan input, update dan delete data bagian ke sistem. Activity diagram
kelola bagian Sistem Informasi E-Raport dapat dilihat pada gambar 4.7.

Gambar 4.7. Activity Diagram Kelola Bagian

5. Activity Diagram Cetak Raport Activity diagram cetak Raport pada Sistem
Informasi E-Raport dapat dilihat pada gambar 4.8.

22
 Gambar 4.8. Activity Diagram Cetak Raport

4.2.6 Class Diagram

Class diagram adalah Diagram yang digunakan untuk menampilkan beber-
apa kelas serta paket-paket yang ada dalam sistem/perangkat lunak yang sedan-
g kita gunakan. Diagram kelas memberi gambaran/diagram statis tentang sis-
tem/perangkat lunak dan relasi-relasi yang ada didalamnya. Adapun class diagram
yang diusulkan adalah seperti yang terlihat pada gambar 4.9.

23
 Gambar 4.9. Class Diagram

4.3 Perancangan Database

Perancangan database adalah perancangan basis data yang akan digunakan
pada sistem. Perancangan ini bertujuan agar tiap field data yang memiliki relasi da-
pat terhubung pada tabel di database, sehingga proses pengaksesan data akan teror-
ganisir dengan lebih baik. Tabel-tabel yang terdapat di database Sistem Informasi
E-Raport berbasis web pada tabel 4.5. Tabel-tabel yang terdapat dalam database
adalah sebagai berikut:

Tabel 4.5. Perancangan Database

Nama Database : raportaja

Jumlah Tabel : 6
No Nama Tabel
1. tb pegawai

24
 Table 4.5 Perancangan Database
Nama Database : raportaja
2. tb wali kelas
3. tb nilai
4. tb mapel
5. tb kelas
6 tb siswa

1. Tabel pegawai
Tabel pegawai berisi data-data divisi pegawai di Ma’had Abdullah bin
Mas’ud . Struktur tabelnya sebagai berikut:
Nama Database : raportaja
Nama Tabel : tbpegawai
Primary Key : idpegawai
Foreign key : kodepegawai

Tabel 4.6. Tabel Pegawai

No Nama Field Tipe Data Panjang Data Keterangan

1. idpegawai Int 11 Primary key
2. kodepegawai varchar 30 Foreign key
3. namapegawai varchar 30 -
4. Alamat text 10 -
5. Telp varchar 30
6. Agama varchar 30
7. Tempatlahir varchar 30
8. tgllahir date
9. Divisi varchar 30
10. Username varchar 30
11 password varchar 30

2. Tabel Wali kelas

Tabel Wali kelas berisi data Wali kelas di Ma’had Abdullah bin Mas’ud.
Struktur tabelnya sebagai berikut:
Nama Database : raportaja
Nama Tabel : tbguru
Primary Key : idguru
Foreign key : idguru

25
 Tabel 4.7. tabel wali kelas

No Nama Field Tipe Data Panjang Data Keterangan

1. idguru Int 11 Primary key
2. kodeguru Varchar 30 Foreign key
3. namaguru Varchar 30 -
4. alamat text -
5 Telp Varchar 30
6 Statuskepegawaian Varchar 30
7 Agama Varchar 30
8 Tempatlahir Varchar 30
9 Tgllahir date
10 Username Varchar 30
11 password Varchar 30

3. Tabel Nilai
Tabel nilai berisi data nilai yang telah diolah di Ma’had Abdullah bin
Mas’ud. Struktur tabelnya sebagai berikut:
Nama Database : raportaja
Nama Tabel : tbpnilai
Primary Key : idnilai
Foreign key : kodenilai

Tabel 4.8. Tabel Nilai

No Nama Field Tipe Data Panjang Data Keterangan

1. idnilai Int 11 Primary key
2. nis Varchar 30 Foreign key
3. Kodeguru Varchar 30 -
4. Kodemapel Varchar 30 -
5. Thnajaran Varchar 30 -
6. Semester Varchar 30 -
7. Nilai1 Int 11 -
8. Nilai2 Int 11 -
9. Nilai3 Int 11 -
10. Nilai4 Int 11 -
11. Uts Int 11 -
12. uas Int 11 -

26
 Table 4.8 Tabel Nilai
No Nama Field Tipe Data Panjang Data Keterangan
13 Keaktifan Int 11
14 Interaksisosial Int 11
15 kkm Int 11 -

4. Tabel Mapel
Tabel Mapel berisi Mata pelajaran yang ada di di Ma’had Abdullah bin
Mas’ud. Struktur tabelnya sebagai berikut:
Nama Database : raportaja
Nama Tabel : tbmapel
Primary Key : idmapel
Foreign key : kodemapel

Tabel 4.9. Tabel Mapel

No Nama Field Tipe Data Panjang Data Keterangan

1. idmapel Int 11 Primary key
2 kodemapel Varchar 30 Foreign key
3 Kategorimapel Varchar 30 -
4 namamapel Varchar 30 -

5. Tabel Siswa
Tabel user berisi siswa pengguna pada sistem. Struktur tabelnya sebagai
berikut:
Nama Database : raportaja
Nama Tabel : tbsiswa
Primary Key : idsiswa
Foreign key : kodesiswa

Tabel 4.10. Tabel Siswa

No Nama Field Tipe Data Panjang Data Keterangan

1. idsiswa Int 11 Primary key
2. kodesiswa Varchar 30 Foreign key
3. namasiswa Varchar 30 -
4. Tempatlahir Varchar 30 -
5. Tgllahir date - -
6. Agama Varchar 30 -

27
 Table 4.10 Tabel Siswa
No Nama Field Tipe Data Panjang Data Keterangan
7. Alamat text - -
8. Namaayah Varchar 30 -
9. Namaibu Varchar 30 -
10. namawali Varchar 30 -
11. Pekerjaanayah Varchar 30 -
12. pekerjaanibu Varchar 30 -
13 Pekerjaanwali Varchar 30
14 Asalsekolah Varchar 30
15 Telpayah Varchar 30
16 Username Varchar 30
17 password Varchar 30

6. Tabel Kelas
Tabel Mapel berisi Kelas yang ada di di Ma’had Abdullah bin Mas’ud.
Struktur tabelnya sebagai berikut:
Nama Database : raportaja
Nama Tabel : tbkelas
Primary Key : idkelas
Foreign key : kodekelas

Tabel 4.11. Tabel Kelas

No Nama Field Tipe Data Panjang Data Keterangan

1. Idkelas Int 11 Primary key
2 Kodekelas Varchar 30 Foreign key
3 Namakelas Varchar 30 -
4 bidangstudi Varchar 30 -
5 programstudikeahlian Varchar 30
6 kompetensikeahlian Varchar 30
7 namawalikelas Varchar 30
8 semester Varchar 30

4.4 Perancangan Interface

Interface adalah sarana pengembangan sistem yang digunakan untuk mem-
buat komunikasi yang luwes, dan konsisten antara sistem dengan pemakainya.
Penekanan interface meliputi tampilan yang baik, mudah dipahami, dan tombol-

28
tombol yang familiar. Berdasarkan perancangan sistem yang telah dibuat, maka
akan di-design suatu perancangan sistem. Perancangan ini akan menjadi acuan bagi
pihak yang akan mengembangkan dan menggunakan system.
1. Rancangan Interface Home Admin
Perancangan Interface Home berguna untuk Pengenalan Ma’had Abdullah
bin Mas’ud . Berikut perancangan interface Home admin dapat dilihat pada
Gambar 4.10 berikut:

Gambar 4.10. Interface Home

2. Rancangan Interface Login Admin

Perancangan Interface Login berguna untuk mengakses Sistem E-Raport
yang terdiri dari button, username, password dan login. Berikut perancan-
gan interface login admin dapat dilihat pada Gambar 4.11 berikut:

Gambar 4.11. Interface Login

3. Rancangan Interface Dashboard

29
 Perancangan Interface Dashboard yang memiliki beberapa fitur untuk
menampilkan fitur-fitur yang ada dalam halaman dashboard pada Sistem E-
Raport . Berikut perancangan interface dashboard dapat dilihat pada Gam-
bar 4.12 berikut:

Gambar 4.12. Interface Dashboard

4. Rancangan Interface Data Wali kelas Berikut perancangan interface Data

Wali kelas dapat dilihat pada gambar 4.13 berikut:

Gambar 4.13. Interface Data Wali kelas

5. Perancangan Interface Tambah Data

Wali kelas berguna untuk melihat, menambahkan, mengedit ataupun meng-
hapus data pada halaman. Berikut perancangan interface kelola data pe-
gawai dapat dilihat pada Gambar 4.14

30
 Gambar 4.14. Tambah Data Wali kelas

6. Rancangan Interface Data Pegawai

Perancangan interface halaman tambah data bagian pegawai dapat dilihat
pada gambar 4.15 berikut:

Gambar 4.15. Interface Data Pegawai

7. Rancangan Interface Tambah Data Pegawai

Perancangan Interface Data Pegawai berguna untuk melihat, menambahkan,
mengedit ataupun menghapus data pada halaman data pegawai. Berikut per-
ancangan interface dapat dilihat pada Gambar 4.16 berikut:

31
 Gambar 4.16. Interface Tambah Data Pegawai

8. Rancangan Interface Data Siswa Perancangan interface tambah Data siswa

dapat dilihat pada gambar 4.17 berikut:

Gambar 4.17. Rancangan Interface Data Siswa

9. Rancangan Interface Tambah Data Siswa Interface Tambah Data Siswa

berguna untuk melihat, menambahkan, mengedit ataupun menghapus da-
ta pada halaman Kelola Tambah Data Siswa Perancangan interface dapat
dilihat pada gambar 4.18 berikut:

32
 Gambar 4.18. Interface Tambah Data Siswa

10. Rancangan Interface Data Kelas

Perancangan interface tambah Data Kelas dapat dilihat pada gambar dapat
dilihat pada Gambar 4.19 berikut

Gambar 4.19. Interface Data Kelas

11. Rancangan Interface Tambah Data Kelas

Perancangan interface tambah Data Kelas berguna untuk melihat, menam-
bahkan, mengedit ataupun menghapus data pada halaman Perancangan in-
terface tambah data kelas dapat dilihat pada gambar 4.20 berikut:

33
 Gambar 4.20. Interface Tambah Data Kelas

12. Rancangan Interface Data Mapel Perancangan interface Mapel dapat dilihat
pada gambar 4.21 berikut:

Gambar 4.21. Interface Data Mapel

13. Rancangan Interface Tambah Data Mapel Perancangan interface tambah

Data Kelas berguna untuk melihat, menambahkan, mengedit ataupun meng-
hapus data pada halaman. Perancangan interface Tambah Data Mapel dapat
dilihat pada gambar 4.22 berikut:

34
 Gambar 4.22. Interface Tambah Data Mapel

14. Rancangan Interface Cetak Perancangan interface cetak laporan dapat dili-
hat pada gambar 4.23 berikut:

Gambar 4.23. Interface Cetak

4.5 Hasil
4.5.1 Implementasi (Hasil Sistem atau Analisa)
Implementasi merupakan tahapan penerapan sebuah program dalam pem-
bangunan sistem. Implementasi dibuat berdasarkan hasil suatu analisis serta desain
yang terinci terhadap suatu sistem yang sedang berjalan. Adapun tujuan dari imple-
mentasi sistem ini adalah untuk mengetahui kelebihan dan kekurangan dari sistem.
Setelah melewati berbagai tahap pembuatan sistem dan telah dijelaskan fungsi dari
masing-masing menu yang ada, berikut akan ditampilkan gambar dari sistem yang
dibuat.
1. Halaman Home
Tampilan halaman Home dapat dilihat pada gambar 4.24 berikut:

35
 Gambar 4.24. Halaman Home

2. Halaman Login
Tampilan halaman Login dapat dilihat pada gambar 4.25 berikut:

Gambar 4.25. Halaman Login

3. Halaman Dashboard
Tampilan halaman Dashboard dapat dilihat pada gambar 4.26 berikut:

Gambar 4.26. Halaman Dashboard

36
4. Halaman Data Wali kelas
Tampilan halaman Data Wali kelas dapat dilihat pada gambar 4.27 berikut:

Gambar 4.27. Halaman Data Wali kelas

5. Halaman Tambah Data Wali kelas

Tampilan halaman Tambah Data Wali kelas dapat dilihat pada gambar 4.28
berikut:

Gambar 4.28. Halaman Tambah Data Wali kelas

6. Halaman Data Pegawai

Tampilan halaman Data Pegawai dapat dilihat pada gambar 4.29 berikut:

37
 Gambar 4.29. Halaman Data Pegawai

7. Halaman Tambah Data Pegawai

Tampilan halaman Tambah Data Pegawai dapat dilihat pada gambar 4.30
berikut:

Gambar 4.30. Halaman Tambah Data Pegawai

8. Halaman Data Siswa

Tampilan halaman Data Siswa dapat dilihat pada gambar 4.31 berikut:

Gambar 4.31. Halaman Data Siswa

38
 9. Halaman Tambah Data Siswa
Tampilan halaman Tambah Data Siswa dapat dilihat pada gambar 4.32
berikut:

Gambar 4.32. Halaman Tambah Data Siswa

10. Halaman Data Kelas

Tampilan halaman Data Kelas dapat dilihat pada gambar 4.33 berikut:

Gambar 4.33. Halaman Data Kelas

11. Halaman Tambah Data Kelas

Tampilan halaman Tambah Data Kelas dapat dilihat pada gambar 4.34
berikut:

39
 Gambar 4.34. Halaman Tambah Data Kelas

12. Halaman Data Mapel

Tampilan halaman Data Mapel dapat dilihat pada gambar 4.35 berikut:

Gambar 4.35. Halaman Data Mapel

13. Halaman Tambah Data Mapel

Tampilan halaman Tambah Data Mapel dapat dilihat pada gambar 4.36
berikut:

Gambar 4.36. Tambah Data Mapel

40
14. Halaman Cetak
Tampilan halaman Cetak dapat dilihat pada gambar 4.37 berikut:

Gambar 4.37. Halaman Cetak

Gambar 4.38. Cetak

41
 BAB 5
PENUTUP

Dari beberapa uraian tentang penelitian penulis dan analisis data yang telah
dijelaskan pada bab sebelumnya, maka dapat penulis sampaikan seperti berikut

5.1 Kesimpulan
Penelitian ini menghasilkan sebuah aplikasi Sistem Informasi Pengolahan
Nilai Raport yang digunakan untuk mengelola data transaksi penilaian hasil belajar
siswa di Ma’had Abdullah Bin Mas’ud. Sedangkan penggunaan sistem informasi
yang dihasilkan akan lebih berkualitas dan dapat membantu proses pengolahan data
dan pembuatan laporan, karena sistem informasi mempunyai banyak keuntungan,
terutama dalam hal pengolahan data dan pembuatan laporan.

5.2 Saran
Pada penelitian ini sistem informasi E-Raport yang telah dirancang dan
dibangun perlu mendapatkan pengembangan yang berkelanjutan, seperti penam-
bahan fitur-fitur agar kinerja dari sistem ini bisa optimal. Penulis berharap nantinya
apabila sistem ini dikembangkan akan menjadi sebuah aplikasi agenda yang dapat
dijalankan melalui mobile atau android, sehingga lebih memudahkan untuk men-
dapatkan aplikasi tersebut di berbagai platform penyedia aplikasi seperti play store
dan app store.
 DAFTAR PUSTAKA

Apriliah, W., Subekti, N., dan Haryati, T. (2019). Penerapan model waterfall dalam
perancangan aplikasi sistem informasi simpan pinjam pada koperasi pt. chiy-
oda integre indonesia karawang. Jurnal Interkom: Jurnal Publikasi Ilmiah
Bidang Teknologi Informasi Dan Komunikasi, 14(2), 81–89.
Bonnie Soeherman, M. (2013). Designing information system. Elex Media Kom-
putindo.
Chakravarthy, S., Krishnaprasad, V., Anwar, E., dan Kim, S.-K. (1994). Composite
events for active databases: Semantics, contexts and detection. Dalam Vldb
(Vol. 94, hal. 606–617).
Febrianto, R., dkk. (2020). Sistem informasi absensi, penggajian, dan pinjaman
pegawai pada pt. x. Jurnal Manajemen Informatika (JAMIKA), 10(2), 202–
208.
Hasanah, H., Ridarmin, R., dan Adrianto, S. (2019). Aplikasi sistem pakar pende-
teksi kerusakan laptop/pc dengan penerapan metode forward chaining meng-
gunakan bahasa pemrograman php. Informatika, 9(2), 40–50.
Hendini, A. (2016). Pemodelan uml sistem informasi monitoring penjualan dan
stok barang (studi kasus: distro zhezha pontianak). Jurnal Khatulistiwa In-
formatika, 4(2).
Komputer, W. (2010). Shortcourse series: Sql server 2008 express. Penerbit Andi.
Maudi, M. F., Nugraha, A. L., dan Sasmito, B. (2014). Desain aplikasi sistem
informasi pelanggan pdam berbasis webgis (studi kasus: Kota demak). Jurnal
Geodesi Undip, 3(3), 98–110.
Putra, D. W. T., dan Andriani, R. (2019). Unified modelling language (uml) dalam
perancangan sistem informasi permohonan pembayaran restitusi sppd. Jurnal
Teknoif Teknik Informatika Institut Teknologi Padang, 7(1), 32–39.
Putri, N. A. A., dan Hartanto, A. D. (2013). Sistem informasi pengolahan nilai
raport pada siswa smp negeri 1 yogyakarta berbasis web. Data Manajemen
dan Teknologi Informasi (DASI), 14(3), 38.
Raharjana, I. K., dan Justitia, A. (2015). Pembuatan model sequence diagram den-
gan reverse engineering aplikasi basis data pada smartphone untuk menjaga
konsistensi desain perangkat lunak. Jurnal Ilmiah Teknologi Informasi, 13(2),
133–142.
Saifudin, S., dan Setiaji, A. Y. (2019). Sistem informasi arsip surat (sinau) berbasis
web pada kantor desa karangsalam kecamatan baturraden. EVOLUSI: Jurnal
Sains dan Manajemen, 7(2).
Simangunsong, A. (2018). Sistem informasi pengarsipan dokumen berbasis web.
Jurnal Mantik Penusa, 2(1).
Wahid, A. A. (2020). Analisis metode waterfall untuk pengembangan sistem infor-
masi. J. Ilmu-ilmu Inform. dan Manaj. STMIK, no. November, 1–5.
Whitten, J. E. (2014). Implementation of inverse photoelectron spectroscopy for
measuring the empty electronic states of metal oxide surfaces (Tech. Rep.).
MASSACHUSETTS UNIV LOWELL.
 LAMPIRAN A
Surat Izin Kerja Praktek

Gambar A.1. Surat Balasan Instansi

 LAMPIRAN B
Transkip Wawancara atau Hasil Observasi

Transkip wawancara ini merupakan data hasil dari wawancara kerja praktek
bersama Staff Admin Ma’had Abdullah bin Mas’ud.
1. Dimana lokasi Ma’had Abdullah Bin Mas’ud
Jawab: Jalan Kubang Raya Perumahan Citra Bangun Persada Blok F /Tarai
Bangun, Kec. Tambang, Kabupaten Kampar, Riau
2. Apa itu Ma’had Abdullah Bin Mas’ud?
Jawab: Ma’had Tahfizh Al-Qur’an Abdullah Ibnu Mas’ud adalah Lemba-
ga Pendidikan Islam dalam mempelajari Al-Qur’an dan Ilmu Syar’i yang
dikelola oleh Yayasan Generasi Peduli Umat.
3. Kapan awal berdirinya Ma’had Abdullah Bin Mas’ud?
Jawab: Ma’had Abdullah Bin Mas’ud berdiri pada tahun 2019, dibawah
naungan Yayasan Generasi Peduli Umat.
4. Siapa pendiri Ma’had Abdullah Bin Mas’ud?
Jawab:Ponidi Abu Ichsan
5. Mengapa Ma’had Abdullah Bin Mas’ud didirikan?
Jawab: Membina dan Melahirkan Generasi Penghafal AL-QUR’AN yang
Berakidah Dan Bermanhaj Ahlusunnah Waljama’ah(Salafusshaleh),serta
berahklak dan Beradab Mulia”
6. Bagaimana system pengolahan nilai sebelumnya?
Jawab: masih manual dengan penggunaan software computer yaitu Mi-
crosoft excel
7. Bagaimana alur kerja pengolahan nilai?
Jawab: pertama , nilai akan diberikan ke staff admin untuk diolah . lalu
admin mencetak nilai kemudian diberikan ke Wali kelas untuk di berikan ke
siswa
8. Apakah ada kendala pengolahan nilai?
Jawab: Tentu saja ada, yaitu banyaknya nilai tentu membuat admin dituntut
untuk lebih teliti ,tetapi tetap saja masih ada human error yang disebabkan
banyaknya data
LAMPIRAN C
Dokumentasi
C-2
 LAMPIRAN D
Source Code/Interface/Materi Pengmas/Tutorial/Dll

Gambar D.1. Source Code