PROGRAM APLIKASI PESERTA TAHSIN PADA

LEMBAGA PENGABDIAN MASYARAKAT LTQ

STID MUHAMMAD NATSIR BERBASIS WEB

TUGAS AKHIR
Diajukan Sebagai Salah Satu Syarat
Untuk Kelulusan Program Diploma Tiga (D3)
Program Studi Manajemen Informatika

Oleh:
Nama :Arif Darmawan
NPM :43A87026170032

SEKOLAH TINGGI MANAJEMEN INFORMATIKA DAN

KOMPUTER BANI SALEH
BEKASI
2020
 LEMBAR PERSETUJUAN TUGAS AKHIR

Telah diperiksa dan disetujui oleh pembimbing untuk disidangkan

pada Sidang Tugas Akhir Program Diploma Tiga (D3), Program Studi
Manajemen Informatika Sekolah Tinggi Manajemen Informatika dan
Komputer Bani Saleh skripsi dengan judul:
PROGRAM APLIKASI PESERTA TAHSIN PADA
LEMBAGA PENGABDIAN MASYARAKAT LTQ STID
MUHAMMAD NATSIR BERBASIS WEB

Bekasi, Tanggal Bulan Tahun

Pembimbing I Pembimbing II

(Adi Suwarno S.Kom,M.Kom) (Rahmadi S.Kom,M.Kom)

Mengetahui:

Ketua Program Studi Manajemen Informatika

(Rahmadi S.Kom,M.Kom)

ii
 LEMBAR PENGESAHAN SKRIPSI
Telah disidangkan dan dinyatakan Lulus Sidang Tugas Akhir Program
Diploma Tiga (D3), Program Studi Manajemen Informatika Sekolah
Tinggi Manajemen Informatika dan Komputer Bani Saleh pada tanggal
bulan tahun skripsi dengan judul:
PROGRAM APLIKASI PESERTA TAHSIN PADA
LEMBAGA PENGABDIAN MASYARAKAT LTQ STID
MUHAMMAD NATSIR BERBASIS WEB

Nama Penguji Tanda Tangan

(Nama penguji)
NIDN : ............................. ………………………

(Nama penguji)
NIDN : .............................. ……………………...

Mengetahui :
Ketua Program Studi

(Rahmadi S.Kom,M.Kom)

iii
 PERNYATAAN KEASLIAN TUGAS AKHIR

Nama : Arif Darmawan

NPM : 43A87026170032
Program Studi :Manajemen Informatika
Judul Tugas Akhir : Program Aplikasi Peserta Tahsin Pada Lembaga
Pengabdian Masyarakat LTQ Stid Muhammad Natsir
berbasis Web

Dengan ini saya menyatakan bahwa dalam Tugas Akhir ini tidak
terdapat karya yang pernah diajukan untuk memperoleh gelar kesarjanaan di
suatu Perguruan Tinggi, dan sepanjang pengetahuan saya juga tidak terdapat
karya atau pendapat yang pernah ditulis atau diterbitkan oleh orang lain,
kecuali yang secara tertulis dirujuk dalam naskah ini dan disebutkan dalam
daftar pustaka.
Apabila dikemudian hari saya terbukti memberikan pernyataan yang
tidak benar, saya bersedia menerima sanksi berupa pencabutan gelar
kesarjanaan saya.
Bekasi, tanggal bulan tahun

( Arif Darmawan )

KATA PENGANTAR

iv
Bismillahirrohmanirrohiim
Puji syukur kepada Allah Subhanahu Wata’alla, atas rahmat dan karunia-Nya
sehingga penulis dapat menyelesaikan Tugas Akhir yang berjudul “ PROGRAM
APLIKASI PESERTA TAHSIN PADA LEMBAGA PENGABDIAN MASYARAKAT
LTQ STID MUHAMMAD NATSIR BERBASIS WEB”.
Karya Ilmiah ini merupakan tugas akhir yang diajukan sebagai salah satu syarat
untuk memperoleh gelar Diploma pada jurusan Manajemen Informatika di Sekolah
Tinggi Manajemen Informatika dan Komputer Bani Saleh. Penulis menyadari bahwa
tanpa bimbingan dan dorongan dari semua pihak, maka penulisan skripsi ini tidak
akan berjalan lancar. Oleh karena itu pada kesempatan ini, izinkanlah penulis
menyampaikan ucapan terima kasih kepada :
1. Ketua STMIK Bani Saleh, Bapak Taufik Maulana, DRS.MBA.
2. Ketua Jurusan Manajemen informatika Bapak Rahmadi M.Kom.
3.Bapak Adi Suwarno M.Kom dan Bapak Rahmadi M.Kom Selaku
pembimbing I dan II.
4. Bapak dan Ibu dosen serta seluruh staf STMIK Bani Saleh.
5. Istri dan anak yang selalu mendoakan dan menyemangati penulis.
6. Kedua Orang Tua yang selalu membimbing, menasehati dan
mendoakan penulis.
7. Semua pihak yang telah membantu penyusunan Tugas Akhir ini yang
tidak dapat penulis sebutkan satu persatu.
Semoga allah membalas kebaikan yang sudah diberikan kepada penulis dengan
kebaikan yang banyak.
Penulis menyadari bahwa dalam penulisan Tugas Akhir ini masih jauh sekali
dari sempurna, untuk itu penulis mohon kritik dan saran yang bersifat membangun
demi kesempurnaan penulisan di masa yang akan datang.
Akhir kata semoga Tugas Akhir ini ini dapat bermanfaat dan menambah
wawasan bagi penulis khususnya dan bagi para pembaca serta pihak yang
berkepentingan.

v
 Bekasi,11 Juni 2020

penulis

DAFTAR ISI

vi
LEMBAR PERSETUJUAN TUGAS AKHIR..............................................................ii
LEMBAR PENGESAHAN SKRIPSI..........................................................................iii
PERNYATAAN KEASLIAN TUGAS AKHIR..........................................................iv
KATA PENGANTAR...................................................................................................v
DAFTAR ISI...............................................................................................................vii
DAFTAR TABEL........................................................................................................ix
DAFTAR GAMBAR.....................................................................................................x
BAB I PENDAHULUAN.............................................................................................1
1.1 Latar Belakang................................................................................................1
1.2 Identifikasi Masalah dan Pembatasan Masalah..........................................2
1.2.1 Identifikasi Masalah...................................................................................2
1.2.2 Batasan Masalah.........................................................................................2
1.2.3 Rumusan Masalah......................................................................................2
1.3 Tujuan dan Manfaat Penelitian.......................................................................2
1.3.1 Tujuan Penelitian.....................................................................................2
1.3.2 Manfaat Penelitian...................................................................................3
1.4 Metode Penelitian...........................................................................................3
1.4.1 Teknik Pengumpulan Data......................................................................3
1.5 Sistematika Penulisan.....................................................................................4
1.5.1 Bab I Pendahuluan...................................................................................4
1.5.2 Bab II Landasan Teori.............................................................................4
1.5.3 Bab III Gambaran Umum Instansi...........................................................4
1.5.4 Bab IV Rancangan dan Implementasi.....................................................4
1.5.5 Bab V Kesimpulan dan Saran..................................................................4
BAB II LANDASAN TEORI........................................................................................5
2.1 Tinjauan Pustaka.............................................................................................5
2.2 Teori Mengenai Materi Informatika...............................................................5
2.2.1 Pengertian Perancangan Sistem...............................................................5
2.2.2 Pengertian Sistem....................................................................................6
2.2.3 Karakteristik Sistem................................................................................7
2.2.4 Pengertian Informasi................................................................................8
2.2.5 Pengertian Internet...................................................................................9
2.2.6 Pengertian Hypertext Transfer Protocol (HTTP)...................................9

vii
 2.2.7 Pengertian World Wide Web.................................................................10
2.2.8 Pengertian Uniform Resource Locator (URL)......................................10
2.2.9 Pengertian Database..............................................................................10
2.2.10 DFD (Data Flow Diagram)....................................................................10
2.2.11 Pengertian Unifed Modeling Language (UML)....................................12
2.2.12 Hypertext Preprocessor (PHP).................................................................19
2.2.13 Code Igniter..............................................................................................20
2.2.14 Pengertian MySQL...................................................................................20
2.2.15 Entity Relationship Diagram (ERD)........................................................21
2.3 Teori Mengenai Materi Pembahasan............................................................22
2.3.1 Pengertian Program...............................................................................22
2.3.2 Pengertian Aplikasi................................................................................23
2.3.3 Pengertian Peserta..................................................................................23
2.3.4 Pengertian Tahsin..................................................................................23
BAB III GAMBARAN UMUM INSTANSI...............................................................25
3.1 Sejarah Instansi..................................................................................................25
3.2 Struktur Organisasi dan Uraian Tugas...............................................................26
3.2.1 Struktur Organisasi......................................................................................26
3.2.2 Uraian Tugas...............................................................................................27
3.3 Gambaran Sistem Berjalan................................................................................32
3.4 Dokumentasi Input dan Output..........................................................................34
3.4.1 Dokumentasi input......................................................................................34
3.4.2 Dokumentasi Output...................................................................................35
BAB IV RANCANGAN DAN IMPLEMENTASI.....................................................36
4.1 Rancangan..........................................................................................................36
4.1.1 Perancangan Sistem (UML)........................................................................36
4.1.2 Perancangan Basis Data.............................................................................42
4.1.4 Struktur File.................................................................................................43
4.1.5 Tampilan Layar dan Algoritma..................................................................46
4.2 Implementasi......................................................................................................62
4.2.1 Struktur Tabel..............................................................................................62
4.2.2 Bentuk tampilan..........................................................................................64

viii
 4.2.3 Bentuk Output.............................................................................................74
BAB V KESIMPULAN DAN SARAN......................................................................75
5.1 Kesimpulan........................................................................................................75
5.2 Saran..................................................................................................................75

DAFTAR TABEL

ix
Tabel 2.1 Simbol Use Case Diagram………………………………………………...14
Tabel 2.2 Simbol Class Diagram…………………………………………………….16
Tabel 2.3 Simbol Sequence Diagram………………………………………………...17
Tabel 2.4 Simbol Activity Diagram………………………………………………….19
Table 4.1 Struktur File Table User…………………………………………………..43
Table 4.2 Struktur File Table Probel………………………………………………...43
Table 4.3 Struktur File Table Kelas………………………………………………….43
Table 4.4 Struktur File Table Matapelajaran………………………………………...44
Table 4.5 Struktur File Table Peserta……………………………………………......44
Table 4.6 Struktur File Table Tahun_akademi………………………………………45
Table 4.7 Struktur File Table Inputnilai……………………………………………..45

DAFTAR GAMBAR

x
Gambar 2.1 Karakteristik Sistem……………………………………………………..7
Gambar 2.2 Macam–Macam DFD…………………………………………………..11
Gambar 2.3 Entitas......................................................................................................21
Gambar 2.4 Relationship……………………………………………………….........22
Gambar 2.5 Atribut.....................................................................................................22
Gambar 2.6 Line..........................................................................................................22
Gambar 3.1 Struktur organisasi LPM LTQ STID Muhammad Natsir……………….27
Gambar 3.2 Gambaran sistem berjalan pada Lembaga Tahsin Quran Stid M Natsir..32
Gambar 3.2 Gambaran sistem berjalan pada Lembaga Tahsin Quran Stid M Natsir..33
Gambar 3.5 Formulir Input Data peserta…………………………………………….34
Gambar 3.6 Contoh Nilai Peserta……………………………………………………35
Gambar 4.1 Usecase Program Aplikasi Peserta……………………………………..36
Gambar 4.2 Diagram Activity Login………………………………………………...37
Gambar 4.3 Diagram Activity Admin tambah dan edit program belajar dan kelas….37
Gambar 4.4 Diagram Activity Admin hapus Program Belajar dan Kelas…………...38
Gambar 4.5 Diagram Activity Admin Tambah dan Edit Mata Pelajaran dan Peserta.38
Gambar 4.6 Diagram Activity Admin hapus Mata Pelajaran dan Peserta…………...39
Gambar 4.7 Diagram Activity admin Tambah dan Edit Tahun Akademik………….39
Gambar 4.8 Diagram Activity Admin hapus Tahun Akademik……………………..40
Gambar 4.9 Diagram Activity Admin hapus Grade nilai……………………………40
Gambar 4.10 Diagram Activity Admin masuk Form Input nilai…………………….41
Gambar 4.11 Diagram Activity Admin Tambah dan edit Data Input Nilai…………41
Gambar 4.12 Diagram Activity Admin Hapus Data Input Nilai…………………….42
Gambar 4.13 Class Diagram………………………………………………………..42
Gambar 4.14 Halaman Login………………………………………………………..46
Gambar 4.15 Halaman Menu Utama………………………………………………...46
Gambar 4.16 Halaman Program belajar……………………………………………..47
Gambar 4.17 Halaman Form Tambah Program Belajar……………………………..47
Gambar 4.18 Halaman Form edit program belajar…………………………………..48
Gambar 4.19 Halaman Hapus program belajar……………………………………...48
Gambar 4.20 Halaman Kelas………………………………………………………...49
Gambar 4.21 Halaman Form Tambah Kelas………………………………………...49
Gambar 4.22 Halaman Form Edit Kelas……………………………………………..50
Gambar 4.23 Halaman Form Hapus kelas…………………………………………...50
Gambar 4.24 Halaman Mata Pelajaran………………………………………………51
Gambar 4.25 Halaman Form Tambah Mata Pelajaran………………………………51
Gambar 4.26 Halaman Form Edit Mata Pelajaran…………………………………...52
Gambar 4.27 Halaman Hapus Mata Pelajaran……………………………………….52
Gambar 4.28 Halaman Peserta………………………………………………………53
Gambar 4.29 Halaman Form Tambah Peserta……………………………………….53
Gambar 4.30 Halaman Detail Peserta………………………………………………..54

xi
Gambar 4.31 Halaman Form Edit Peserta…………………………………………...55
Gambar 4.32 Halaman Hapus Peserta……………………………………………….55
Gambar 4.33 Halaman Tahun Akademik……………………………………………56
Gambar 4.34 Halaman Form Tambah Tahun Akademik……………………………56
Gambar 4.35 Halaman Form Edit Tahun Akademik………………………………...57
Gambar 4.36 Halaman Hapus Tahun Akademik…………………………………….57
Gambar 4.37 Halaman Masuk Input Nilai…………………………………………...58
Gambar 4.38 Halaman Nilai Peserta………………………………………………...58
Gambar 4.39 Halaman Form Tambah Nilai…………………………………………59
Gambar 4.40 Halaman Form Edit Nilai……………………………………………...60
Gambar 4.41 Halaman Hapus Nilai Peserta…………………………………………60
Gambar 4.42 Halaman output……………………………………………………….61
Gambar 4.43 Struktur tabel kelas…………………………………………………...62
Gambar 4.44 Struktur tabel program belajar………………………………………...62
Gambar 4.45 Struktur tabel mata pelajaran………………………………………….62
Gambar 4.46 Struktur tabel peserta………………………………………………….62
Gambar 4.47 Struktur tabel tahun akademik………………………………………...63
Gambar 4.48 Struktur tabel input nilai………………………………………………63
Gambar 4.49 Gambar Login…………………………………………………………64
Gambar 4.50 Menu utama…………………………………………………………...64
Gambar 4.51 Halaman program belajar……………………………………………...65
Gambar 4.52 Tambah program belajar………………………………………………65
Gambar 4.53 Edit program belajar…………………………………………………..65
Gambar 4.54 Halaman kelas…………………………………………………………66
Gambar 4.55 Tambah kelas………………………………………………………….66
Gambar 4.56 Edit kelas………………………………………………………………66
Gambar 4.57 Halaman mata pelajaran……………………………………………….67
Gambar 4.58 Tambah mata pelajaran………………………………………………..67
Gambar 4.59 Edit mata pelajaran……………………………………………………67
Gambar 4.60 Halaman peserta……………………………………………………….68
Gambar 4.61 Detail peserta …………………………………………………………68
Gambar 4.62 Tambah peserta………………………………………………………..69
Gambar 4.63 Edit peserta……………………………………………………………70
Gambar 4.64 Halaman tahun akademik……………………………………………...71
Gambar 4.65 Tambah tahun akademik………………………………………………71
Gambar 4.66 Edit tahun akademik…………………………………………………..71
Gambar 4.67 Halaman form masuk input nilai……………………………………...72
Gambar 4.68 Halaman nilai peserta………………………………………………….72
Gambar 4.69 Tambah data nilai……………………………………………………...73
Gambar 4.70 Edit data nilai………………………………………………………….73
Gambar 4.71 Output laporan hasil belajar peserta…………………………………...74

xii
 BAB I
PENDAHULUAN

1.1 Latar Belakang

Sistem komputerisasi merupakan suatu bagian yang tidak dapat ditinggalkan.

Semua kegiatan instansi atau perusahaan tidak lepas dari pada sistem komputerisasi,
mulai dari surat menyurat, input data siswa, pendaftaran siswa baru, pembuatan
laporan ke kepala sekolah sampai dengan pembuatan laporan lainnya yang memang
sangat diperlukan yang harus dilakukan dengan komputer, coba bayangkan apabila
semua itu dilakukan dengan cara manual betapa repot dan memusingkan karena
biasanya memory manusia itu sangat terbatas, beda halnya apabila kita menggunakan
komputer semua transaksi dapat langsung dikerjakan dan secara otomatis akan
tersimpan dengan sendirinya dan apabila kita memerlukan data-data itu kembali kita
dapat melihatnya kembali dan apabila ada kekurangan kita dapat menambahkannya
dan apabila ada kesalahan kesalahan kita dapat mengedit data tersebut tanpa harus
membuang data yang sudah ada, itulah mengapa komputer sangat diperlukan dalam
suatu bidang usaha.
Kemajuan teknologi komputer juga di rasakan dalam dunia pendidikan
Seperti di LTQ STID Muhammad Natsir, sebagai lembaga pengabdian masyarakat
yang sedang berkembang harus dapat menerapkan sistem pengelolaan peserta secara
lebih lengkap dan akurat sehingga dapat memudahkan user untuk melakukan
pendaftaran dan melihat data ataupun nilai. Permasalahan yang terjadi pada LTQ
STID Muhammad Natsir adalah system pendaftaran maupun system penyimpanan
data peserta yang belum terkomputerisasi dengan baik.
Oleh sebab itu penulis memilih judul: “APLIKASI PESERTA TAHSIN
PADA LEMBAGA PENGABDIAN MASYARAKAT LTQ STID MUHAMMAD
NATSIR BERBASIS WEB”. Adapun aplikasi yang akan penulis buat meliputi
pendaftaran peserta ,sampai peserta mendapatkan nilai raport.

xiii
1.2 Identifikasi Masalah dan Pembatasan Masalah

1.2.1 Identifikasi Masalah

Berdasarkan uraian latar belakang masalah yang telah di jelaskan
maka permasalahan - permasalahan yang muncul adalah:
1. Admin terlalu sulit mengatur data peserta karena pendataan masih
menggunakan excel.
2. Pencarian data peserta terlalu memakan waktu lama.
3. Pembuatan laporan nilai peserta sering keliru.
1.2.2 Batasan Masalah
Agar dalam pengerjaan tugas akht ini lebih terarah, maka batasan
masalah ini dibatasi sebagai berikut:
1. Aplikasi ini hanya menyajikan informasi data peserta dan nilai
peserta tahsin.
2. Aplikasi ini hanya mengelola data peserta dan nilai peserta tahsin.
1.2.3 Rumusan Masalah
Bagaimana membuat sebuah aplikasi manajemen lembaga tahsin
berbasis web yang berguna bagi lembaga tersebut untuk mengontrol
pendataan dan penilaian peserta agar semua bisa berjalan lebih
terkomputerisasi.
1.3 Tujuan dan Manfaat Penelitian

1.3.1 Tujuan Penelitian

Untuk mengatasi permasalahan yang telah dipaparkan sebelumnya
maka penulis bermaksud untuk membuat aplikasi tahsin berbasis web dengan
tujuan sebagai berikut:
1. Sebagai salah satu syarat untuk kelulusan pada program studi
manajemen informatika di STMIK Bani Saleh.
2. Untuk mengaplikasikan pengetahuan yang telah penulis dapat
selama mengikuti perkuliahan di STMIK Bani Saleh.

xiv
 3. Merancang dan menciptakan sesuatu program aplikasi tahsin yang
dapat membantu instansi.
1.3.2 Manfaat Penelitian
Manfaat yang akan dicapai dari penelitian ini adalah:
1. Menyajikan informasi data dan nilai peserta tahsin.
2. Aplikasi ini hanya dapat digunakan admin saja untuk kepentingan
instansi.
3. Mempermudah pengelolaan data dan nilai peserta tahsin.
1.4 Metode Penelitian

1.4.1 Teknik Pengumpulan Data

Dalam rangka pengumpulan data yang diperlukan dalam penulisan
Tugas Akhir, Penulis menggunakan beberapa metode, diantaranya adalah :
1. Metode Observasi
Metode observasi merupakan pengamatan dan penelitian
secara langsung terhadap obyek yang diselidiki di lapangan.
2. Metode Wawancara
Metode wawancara merupakan proses tanya jawab
langsung dan sistematis kepada orang yang mengetahui tentang
permasalahan yang sedang diamati untuk menyakinkan hal-hal
kegiatan observasi yang telah dilakukan.
3. Metode Studi Pustaka
Metode ini menggunakan buku-buku, berkas-berkas,
laporan yang berkaitan dengan judul yang diangkat sebagai
referensi. Buku-buku tersebut diambil dari berbagai sumber, baik
dari luar maupun dari dalam instansi.

xv
1.5 Sistematika Penulisan

Untuk dapat mengetahui secara ringkas permasalahan dalam penulisan Tugas

Akhir ini maka digunakan sistematika penulisan yang bertujuan untuk mempermudah
pembaca menelusuri dan memahami isi Tugas Akhir ini , Susunannya adalah sebagai
berikut :
1.5.1 Bab I Pendahuluan
Pada bab ini penulis menguraikan tentang latar belakang masalah,
identifikasi masalah, rumusan masalah, pembatasan masalah, tujuan dan
sistematika penulisan.
1.5.2 Bab II Landasan Teori
Pada bab ini penulis membahas analisis system yang berhubungan
dengan permasalahan yang akan dibahas,seperti pengertian system,analisis
perancangan system,karakteristik system.
1.5.3 Bab III Gambaran Umum Instansi
Pada bab ini menerangkan secara garis besar sejarah instansi,
kebijakan instansi,struktur organisasi instansi dan menjelaskan uraian tugas
yang berlaku pada instansi.
1.5.4 Bab IV Rancangan dan Implementasi
Bab ini menjelaskan tentang rancangan dan implementasi dari
perangkat lunak yang dibangun berdasarkan analisis dan perancangan
perangkat lunak yang telah dilakukan. Hasil dari rancangan ini kemudian di
implementasikan di perangkat lunak yang dibangun sesuai dengan analisis dan
perancangan yang telah dilakukan.
1.5.5 Bab V Kesimpulan dan Saran

Pada bab ini penulis menjelaskan mengenai kesimpulan serta

saran dari hasil pembuatan Aplikasi ini yang mungkin bermanfaat bagi
LPM LTQ STID Muhammad Natsir dalam kegiatan selanjutnya.

xvi
 BAB II
LANDASAN TEORI

2.1 Tinjauan Pustaka

Dalam melaksanakan penelitian ini, penulis mengambil beberapa referensi

sebagai dasar penelitian, salah satunya adalah Jurnal dengan judul “Program Aplikasi
Rapor Berbasis Kurtilas di MTS Miftahul Falah dengan Menggunakan WEB Berbasis
MVC”, dimana jurnal ini di publikasikan pada tahun 2019 di Perpustakaan STMIK
Banisaleh, dan di tulis oleh Khoirur Rizal, Program Diploma 3 Jurusan Manajemen
Informatika STMIK Banisaleh Bekasi. Dalam jurnal tersebut dibahas mengenai
bagaimana perancangan aplikasi Laporan belajar siswa berbasis web.
2.2 Teori Mengenai Materi Informatika

2.2.1 Pengertian Perancangan Sistem

Menurut Kristanto (2008 : 6), perancangan sistem adalah suatu fase
dimana diperlukan suatu keahlian perancangan untuk elemen-elemen
komputer yang akan menggunakan sistem yaitu pemilihan peralatan dan
program komputer untuk sistem yang baru.
Menurut Abdul Kadir (2009:15), perancangan adalah proses
penerapan berbagai teknik dan prinsip dengan tujuan untuk
mentransformasikan hasil analisa kedalam bentuk yang memudahkan
mengimplementasikan.
Dari beberapa kutipan diatas, disimpulkan bahwa perancangan sistem
adalah :
Merupakan tahapan langsung setelah tahapan analisis sistem dalam daur
hidup pengembangan sistem.
Mendefinisikan setiap kebutuhan fungsional.
Mempersiapkan dan menggambarkan perancangan implementasi sistem
yang baru atau usulan.

xvii
Mengatur dan merencanakan elemen yang terpisah serta mengkonfigurasi
perangkat lunak dan keras.
2.2.2 Pengertian Sistem
Sistem merupakan rangkaian kegiatan yang dibuat untuk diikuti dan
dilaksanakan dalam sebuah perusahaan atau organisasi, sehingga kegiatan
perusahaan atau organisasi tersebut dapat berjalan dengan baik dan benar.
Menurut Agus Mulyanto (2009 : 1) Secara umum, sistem dapat
diartikan sebagai kumpulan dari elemen-elemen yang berinteraksi untuk
mencapai suatu tujuan tertentu sebagai satu kesatuan.
Menurut Chr.Jimmy L. Gaol (2008:9) Sistem adalah hubungan satu
unit dengan unit-unit lainnya yang saling berhubungansatu sama lain dan
tidak dapat dipisahkan serta menuju suatu kesatuan dalma rangka mencapai
tujuan yang telah ditetapkan.
Menurut Ricard F. Neuschel dalam Rohmat Taufiq (2013 :2 )
Mendefinisikan bahwa sistem sebagai urut-urutan operasi klerikal (tulis
menulis), biasanya melibatkan beberapa orang didalam satu atau lebih
departemen, yang diterapkan untuk menjamin penanganan yang seragam
dari transaksi-transaksi bisnis yang terjadi. Adapun pendekatan yang lebih
menekankan pada elemen-elemen yang berinteraksi untuk mencapai suatu
tujuan tertentu.
Menurut Sutarman (2012 : 13) Sistem adalah kumpulan elemen
yang salingberhubungan dan berinteraksi dalam satu kesatuan untuk
menjalankan suatu proses pencapaian suatu tujuan utama.
Dari uraian diatas dapat diambil kesimpulan bahwa sistem pada
dasarnya adalah sekelompok unsur yang erat hubungannya satu dengan
yang lainnya, yang berfungsi bersama-sama untuk mencapai tujuan
tertentu. Dari definisi ini dapat dirinci lebih lanjut pengertian sistem secara
umum, yaitu sebagai berikut :
1. Setiap unsur terdiri dari unsur-unsur.

xviii
 2. Unsur-unsur tersebut merupakan bagian terpadu sistem yang
bersangkutan.
3. Unsur sistem tersebut bekerja sama untuk mencapai tujuan sistem.
4. Suatu sistem merupakan bagian dari sistem lain yang lebih besar.
2.2.3 Karakteristik Sistem

Gambar 2.1 Karakteristik Sistem

Menurut Hanif Al Fatta (2007:5), Sistem memiliki beberapa
karakteristik diantaranya :
1. Komponen sistem ( Component System )
Suatu sistem terdiri dari sejumlah komponen yang saling
berinteraksi, yang artinya saling bekerja sama membentuk suatu
kesatuan komponen-komponen sistem atau elemen-elemen sistem
dapat berupa suatu bentuk subsistem atau bagian dari sistem.
2. Batas Sistem ( Boundary System )
Batas sistem merupakan daerah yang membatasi antara suatu
sistem dengan sistem yang lainnya atau dengan lingkungan luarnya
.Batas sistem ini memungkinkan suatu sistem dipandang sebagai
suatu kesatuan. Batas suatu tersebut.
3. Lingkungan Luar Sistem ( Environment System )
Lingkungan luar Sistem adalah apapun di luar batas dari sistem
yang mempengaruhi operasi tersebut.

xix
 4. Penghubung sistem (Interface System)
Penghubung merupakan media penghubung antara satu
subsistem dengan subsistem lainnya .
5. Masukan Sistem (Input System)
Masukan sistem adalah energi yang dimasukan kedalam
sistem. Masukan dapat berupa pemeliharaan (Maintenace Input)
dan masukan sinyal (Signal input).
6. Keluaran Sistem (Output System)
Keluaran adalah hasil dari energy yang diolah dan di
klarifikasikan menjadi keluaran yang berguna dan sisa
pembuangan .
7. Pengolahan sistem (Process System)
Suatu sistem dapat mempunyai suatu proses yang akan
mengubah masukan menjadi pengeluaran.
8. Sasaran sistem (Objective System)
Suatu sistem memiliki tujuan (Goal) atau sasaran (Objective) .
kalau suatu sistem tidak memiliki sasaran maka suatu sistem tidak
ada gunanya .
2.2.4 Pengertian Informasi
Informasi merupakan pengetahuan tambahan yang didapat dari data
yang telah diproses. Nilai suatu informasi tergantung dari kebutuhan
pengguna. Dengan kata lain informasi merupakan sekumpulan data yang
relevan dan berkaitan, yang diolah dan diproses menjadi bentuk yang mudah
dipahami.
Menurut Mukhtar, dalam buku Drs Sanyoto Gondodiyono (2007:110),
Informasi adalah hasil suatu proses yang terorganisasi,memiliki arti dan
berguna bagi orang yang menerimanya . Menurut Raymond Mcleod dan
Gorge P.Schell, terjemahan dari Heri Yulianto, M.Kom (2007:12) Informasi
adalah data yang telah diolah sehingga lebih bermakna. Informasi juga

xx
biasanya menyampaikan sesuatu yang baru dan belum diketahui oleh
pengguna.
Menurut Bonnie Soeharman dan Marion Pinantoan (2008 :4)
informasi merupakan hasil pemrosesan data (fakta) menjadi suatu yang
bermakna dan bernilai untuk pengambilan keputusan.
Menurut Krismiaji (2010 : 15) dalam bukunya yang berjudul Sistem
Informasi Akuntansi menjelaskan bahwa “informasi adalah data yang telah
diorganisasikan dan telah memiliki kegunaan dan manfaat”.
Menurut Kenneth C.Loudon dalam buku Chr.Jimmy L.Goul (2008 :
8), informasi adalah data yang sudah dibentuk kedalam sebuah formulir
bentuk yang bermanfaat dan dapat digunakan untuk manusia.
Dari definisi diatas bisa disimpulkan bahwa informasi adalah data-data
yang diolah sehingga memiliki nilai tambah dan bermanfaat bagi pengguna.
Informasi merupakan sebuahkomponen yang pokok dan sangat penting
didalam sebuah organisasi/instansi karena sebuah organisasi bisa berantakan
jika mendapat informasi yang kurang berkualitas, maka dari itu perlu dikelola
dengan benar sebuah informasi untuk kemajuan organisasi.
2.2.5 Pengertian Internet
Internet berasal dari kata interconnection network dan adalah
hubungan berbagai computer dan berbagai tipe computer yang membentuk
sistem jaringan yang mencangkup seluruh dunia (Jaringan global) dengan
jalur telekomunikasi seperti telepon, satelit, infra merah, wireless dan lainnya.
2.2.6 Pengertian Hypertext Transfer Protocol (HTTP)
HTTP adalah suatu protocol yang menentukan aturan yang perlu
diikuti oleh web browser dalam meminta atau mengambil suatu dokumen dan
oleh web server dalam menyediakan dokumen yang diminta oleh browser.
HTTP merupakan protocol standar sampai saat ini.

xxi
2.2.7 Pengertian World Wide Web
Word Wide Web adalah jaringan yang terbentuk pada internet.
Istilahnya berasal dari konsorium WWW yang diadakan pada tahun 1994,
untuk membangun sebuah standar bagi teknologi Web.
2.2.8 Pengertian Uniform Resource Locator (URL)
Uniform Resource Locator adalah alamat yang menentukan lokasi
informasi suatu file pada suatu web server. Dimana alamat tersebut terdiri dari
:
1. Protokol yang digunakan suatu browser untuk mengambil
informasi.
2. Nama computer server tempat informasi disimpan.
3. Jalur atau path serta nama file dari suatu informasi.
2.2.9 Pengertian Database
Database adalah sebuah objek yang kompleks untuk menyimpan
informasi yang terstruktur, yang diorganisir dan disimpan dalam suatu cara
yang mengizinkan pemakainya dapat mengambil informasi dengan cepat dan
efisien. Informasi tersebut dipecah – pecah dan disimpan di dalam table, dan
setiap tabel menyimpan entiti- entiti yang berbeda satu dengan yang lain.
2.2.10 DFD (Data Flow Diagram)
DFD merupakan alat perancangan sistem yang berorientasi pada alur
data dengan konsep dekomposisi yang dapat digunakan untuk
menggambarkan analisa maupun rancangan sistem yang mudah
dikomunikasikan oleh professional sistem . DFD dapat digunakan untuk
menggambarkan sistem yang telah ada maupun sistem yang baru secara logika
tanpa mempertimbangkan lingkungan fisik dari data yang mengalir .
Penggunaan DFD sebagai modeling tool dipopulerkan oleh Demarco
& Yourdan dan Gane & Sarson dengan menggunakan pendekatan metode
analisa sistem terstruktur .

xxii
 Dibawah ini adalah Komponen Data Flow Diagram (DFD) yang
dipopulerkan oleh Demarco & Yourdan dan Gane & Sarson dalam buku Hanif
Al Fatta ( 2007 : 107 ) adalah sebagai berikut :
1. Menurut Demarco dan Yourdan

Proses
Terminator Data Store Alur
Data

2. Menurut Gane & Sarson

Terminator Data Store

Proses Alur Data

Gambar 2.2 Macam–Macam DFD

Keterangan mengenai fungsi dari komponen Data Flow Diagram
(DFD) diatas sebagai berikut :
1. Terminator / Entitas Luar (External Entyty)/Batas Sistem
(Boundary)

Terminator adalah entitas diluar sistem yang berkomunikasi

atas berhubungan langsung dengan sistem . Entitas ini dapat
berupa orang, sekelompokan orang, organisasi, perusahaan,
departemen/ sistem lainnya yang berada diluar lingkungan luar
sistem yang akan memberikan input/menerima output dari sistem.
2. Proses

xxiii
 Komponen Proses menggambarkan kegiatan/kerja yang
dilakukan oleh orang / computer dari suatu arus data yang masuk
kedalam proses (Input) untuk menghasilkan arus data keluar dari
proses output. Untuk Physical Data Flow (DFD) proses dapat
dilakukan oleh orang,mesin,computer, sedangkan untuk logika
Data Flow Diagram (DFD) suatu proses hanya menunjukan proses
dari computer .
3. Data Store / Simpanan Data

Komponen ini digunakan untuk membuat model sekumpulan

paket data . Simpanan data berupa file, atau database yang
tersimpan dalam disket, hardisk, atau bersifat manual seperti arsip
atau catatan manual, agenda/buku, kotak tempat data/ file folder.
2.2.11 Pengertian Unifed Modeling Language (UML)
Unifed Modeling Language ( UML ) adalah sebuah “ Bahasa “ yang
telah menjadi standar dalam industri untuk visualisasi, merancang dan
mendokumentasikan sistem piranti lunak. UML menawarkan sebuah standar
untuk merancang model sebuah sistem. Dengan menggunakan UML, dapat
dibuat model untuk semua jenis aplikasi piranti lunak, dimana aplikasi
tersebut dapat berjalan pada piranti keras, sistem operasi dan jaringan apapun,
serta ditulis dalam bahasa pemograman apapun. Tetapi karena UML juga
menggunakan class dan operational dalam konsep dasarnya, maka akan lebih
cocok untuk penulisan pianti lunak dalam bahasa – bahasa berorientasi objek
seperti C++, Java, C# atau VB.NET. Walaupun demikian, UML tetap dapat
digunakan untuk modeling aplikasi procedure dalam VB atau C. Seperti
bahasa – bahasa lainnya, UML mendefinisikan notasi dan syntax / semantik.
Notasi UML merupakan sekumpulan bentuk khusus untuk menggambarkan
berbagai diagram piranti lunak.

xxiv
 Setiap bentuk memiliki makna tertentu, dan UML syntax
mendefinisikan bagaimana bentuk – bentuk tersebut dapat dikombinasikan.
Notasi UML terutama diturunkan dari 3 notasi yang telah ada sebelumnya :
Grady Booch OOD (Object Oriented Design ), Jim Rumbaugh OMT ( Object
Modeling Technique), dan Ivar Jacobson OOSE ( Object Oriented Software
Enginering ). Sejarah UML sendiri cukup panjang. Sampai era tahun 1990
seperti diketahui puluhan metodologi pemodelan berorientasi objek telah
bermunculan di dunia. Diantaranya adalah : metodologi booch, metodologi
coad, metodologi OOSE, metodologi OMT, metodologi shlaer-mellor,
metodologi wirfs-brock, dan sebagainya. Masa itu terkenal dengan masa
perang metodologi (method war) dalam pendesainan berorientasi objek.
Masing-msing metodologi membawa notasi sendiri-sendiri, yang
mengakibatkan timbul masalah baru apabila bekerjasama dengan
group/perusahaan lain yang menggunakan metodologi yang berlainan.
(Wahono, 2010)
Pemodelan visual dari objek dan kelas dari tahap analisis dengan
diagram-diagram pada uml sebagai berikut :
1. Diagram Use Case
Use case diagram menggambarkan fungsionalitas yang
diharapkan dari sebuah sistem. Yang ditekankan adalah “apa” yang
diperbuat sistem, dan bukan “bagaimana”. Sebuah use case
mempresentasikan sebuah interaksi antara actor dengan sistem.
Use case merupakan sebuah pekerjaan tertentu, misalnya login ke
sistem, meng-create sebuah daftar belanja, dan sebagainya.
Seorang/sebuah aktor adalah sebuah entitas manusia atau mesin
yang berinteraksi dengan sistem untuk melakukan pekerjaan –
pekerjaan tertentu.
Use case diagram dapat sangat membantu bila kita sedang
menyusun requirement sebuah sistem, mengkomunikasikan

xxv
rancangan dengan klien, dan merancang test case untuk sema
feature yang ada pada sistem.
Sebuah use case dapat meng-include fungsionalitas use case
lain sebagai bagian dari proses dalam dirinya. Secara umum
diamsusikan bahwa use case yang di-include akan dipanggil setiap
kali use case yang meng-include dieksekusi secara normal.
Sebuah use case akan di-include oleh lebih dari satu use case
lain, sehingga duplikasi fungsionalitas dapat dihindari dengan cara
menarik keluar fungsionalitas yang common.
Sebuah use case juga dapat meng-extenduse case lain dengan
behavior-nya sendiri. Sementara hubungan generalisasi antar use
case menunjukan bahwa use case yang satu merupakan spesialisasi
dari yang lain.
Berikut ini adalah simbol –simbol pada use case Diagram :
Tabel 2.1 Simbol Use Case Diagram

xxvi
2. Class Diagram
Class adalah sebuah spesifikasi yang jika diinstansiasi akan
menghasilkan sebuah objek dan merupakan inti dari
pengembangan dan desain berorientasi objek. Class
menggambarkan keadaan (attribute/properti) suatu sistem,
sekaligus menawarkan layanan untuk memanipulasi keadaan
tersebut (metoda/fungsi). Class diagram menggambarkan struktur
dan deskripsi class, package dan objek beserta hubungan satu
sama lain seperti cntinment, pewarisan, asosiasi, dan lain-lain.
Class memiliki tiga area pokok :
a. Nama (dan stereotype)
b. Atribut
c. Metoda
Atribut dan metoda dapat memilikisalah satu sifat berikut :
1. Private, tidak dapat dipanggil dari luar class yang
bersangkutan
2. Protected, hanya dapat dipanggil oleh class yang
bersangkutan dan anak -anak yang mewarisi
3. Public, dapat dipanggil oleh siapa saja
Class dapat merupakan implementasi dari sebuah Interface,
yaitu class abstrak yang hanya memiliki metoda. Interface tidak
dapat langsung diinstansasikan, tetapi harus diimplementasikan
dahulu menjadi sebuah Class. Dengan demikian interface
mendukung resolusi metoda pada saat run-time. Sesuai dengan
perkembangan class model, class dapat dikelompokan menjadi
package. Kita juga dapat membuat diagram yang terdiri atas
package.

xxvii
 Berikut ini adalah symbol – simbol pada Class Diagram :
Tabel 2.2 Simbol Class Diagram

3. Sequence Diagram
Sequence Diagram menggambarkan interaksi antar objek di
dalam dan disekitar sistem (termasuk pengguna, display, dan
sebagainya) berupa message yang digambarkan terhadap waktu.
Sequence diagram terdiri atas dimensi vertikal (waktu) dan
dimensi horizontal (objek-objek yang terkait).
Sequence Diagram biasa digunakan untuk menggambarkan
skenario atau rangkaian langkah-langkah yang dilakukan sebagai
respon darisebuah event untuk menghasilkan output tertentu.
Diawali dari apa yang men-trigger aktivitas tersebut, proses dan
perubahan apa saja yang terjadi secara internal dan output apa yang
dihasilkan. Masing- masing objek, termasuk actor, memiliki
lifeline vertical. Mesaage digambarkan sebagai garis berpanah

xxviii
 darisatu objek ke objek yang lainnya. Pada fase desain berikutnya,
message akan dipetakan menjadi operasi / metoda dari class.
Activation bar menunjukan lamanya eksekusi sebuah proses,
biasanya diawali dengan diterimanya sebuah message. Untuk objek
–objek yang memiliki sifat khusus, standar UML mendefinisikan
icon khusus untuk objek boundary , controller dan persistent
entity.
Berikut adalah symbol – symbol pada Sequence Diagram
Tabel 2.3 Simbol Sequence Diagram

4. Activity Diagram
Activity diagram menggambarkan berbagai alir aktivitas dalam

sistem yang sedang dirancang, bagaimana masing-masing alur

berawal, decision yang mungkin terjadi, dan bagaimana mereka

berakhir. Activity diagram juga dapat menggambarkn proses

paralel yang mungkin terjadi pada beberapa eksekusi.

xxix
 Activity diagram merupakan state diagram khusus, dimana

sebagian besar state adalah action dan sebagian besar transisi di-

trigger oleh selesainya state sebelumnya ( internal processing ).

Oleh karena itu activity diagram tidak menggambarkan behaviour

internal sebuah sistem (dan interaksi antar subsistem ) secara

eksak, tetapi lebih menggambarkan proses – proses dan jalur –

jalur aktivitas dari level atas secara umum.

Sebuah aktivitas dpat direalisasikan oleh satu use cse atau

lebih. Aktivitas menggambarkan proses yang berjalan, sementara

use case menggambarkan bagaimana aktor mengunakan sistem

untuk melakukan aktivitas. Sama seperti state standar UML

menggunakan segiempat dengan sudut membulat untuk

menggambarkan aktivitas. Decision digunakan untuk

menggambarkan behavior pada kondisi tertentu. Untuk

mengilustrasikan proses-proses paralel (fork dan join ) digunakan

titik sinkronisasi yang dapat berupa titik, garis horizontal atau

vertikal. Activity digram dapat dibagi menjadi beberapa object

swimlane untuk menggambarkan object mana yang bertanggung

jawab untuk activitas tertentu.

xxx
 Berikut adalah symbol-simbol pada Activity diagram :
Tabel 2.4 Simbol Activity Diagram

2.2.12 Hypertext Preprocessor (PHP)

Menurut dokumen resmi PHP,PHP merupakan singkatan dari PHP
Hypertext preprocessor . Ia merupakan bahasa berbentuk skrip yang yang
ditempatkan dalam server dan diproses di server. Hasilnyalah yang dikirimkan
ke klien, tempat pemakai menggunakan browser.
PHP pertama kali ditemukan oleh Rasmus Lerdorf, seorang
programmer unix dan perl waktu itu. Dia berusaha untuk meluangkan waktu
senggangnya untuk membuat sebuah skrip makro perl CGI, yang pada
awalnya tujuannya hanya untuk mengetahui siapa saja yang melihat tulisan
pada homepage pribadinya. Dan dengan kehadiran skrip yang dibuatnya
banyak mendapat respon dari para netter yang ada, kemudian berkembang
dengan pesat menjadi bahasa pemograman web yang digunakan secara luas
dijutaan server internet. Dan akhirnya, PHP berkembang dengan sangat cepat

xxxi
sehingga PHP menjadi andaln untuk membangun situs-situs yang besar
maupun kecil, dan dikategorikan sebagai software gratis yang paling popular.
PHP merupakan bahasa script yang diinginkan untuk membuat
halaman web yang dinamis, dinamis berarti halaman web yang akan
ditampilkan dibuat saat halaman ini diminta oleh client. Mekanisme ini
menyebabkan informasi yang diterima client selalu terbaru, semua script PHP
dieksekusi pada server dimana script tersebut dijalankan. Oleh karena itu,
spesifikasi server lebih berpengaruh pada eksekusi dari script PHP daripada
spesikasi client. Namun tetap diperhatikan bahwa halaman web yang
dihasilkan tentunya harus bisa dubika oleh client.
2.2.13 Code Igniter
CodeIgniter merupakan aplikasi sumber terbuka yang berupa kerangka
kerja PHP dengan model MVC untuk membangun situs web dinamis dengan
menggunakan PHP. CodeIgniter memudahkan pengembang web untuk
membuat aplikasi web dengan cepat dan mudah dibandingkan dengan
membuatnya dari awal
( https://id.wikipedia.org/wiki/CodeIgniter )
2.2.14 Pengertian MySQL
MySQL merupakan sebuah software database yang dikebangkan oleh
sebuah perusahaan Swedia bernama MySQL AB, yang waktu itu bernama
TcX Data Konsulat AB. Pada awalnya MySQL AB memakai mSQL atau itu
mengalami banyk kesulitan, karena sangat lambat dan tidak feksibel. Oleh
karena itu Michael Widenius (“Monthy”), panggilan akrabnya, berusaha
mengembangkan interface tersebut sehingga ditemukan MySQL.
Sampai saat ini, MySQL dapat dijalankan sebagai system operasi
walaupun pada awalnya MySQL hanya dijalankan pada sistem unix beserta
variannya. MySQL menjadi database server open source yan sangat popular
dan merupakan database relational (RDBMS) yang mempuyai kemampuan
yang sangat cepat untuk dapat menjalankan SQL (Strukture Query Language)

xxxii
dengan multy user. Oleh karena itu dengan melihat begitu tingginya potensi
MySQL untuk dijalankan sebagai database yang handal, segala feature
pendukung terus dikembangkan agar pengguna MySQL dapat lebih optimal
lagi dalam menggunakan. Maka akan menjadi kebahagiaan tersendiri bagi
pemakai komputer yang mengunakan Microsoft Windows sebagai sistem
operasinya, karena MySQL juga bisa digunakan di Microsoft Windows.
2.2.15 Entity Relationship Diagram (ERD)
Menurut Indrajani, S.Kom, MM (2011:18), ”Entity Relational
Modeling adalah sebuah pendekatan top-bottom dalam perancangan basis data
yang dimulai dengan mengidentifikasikan data data terpenting yang disebut
dengan entitas dan hubungan antara entitas entitas tersebut yang digambarkan
dalam suatu model.”
Entity Relationship Diagram menggunakan sejumlah notasi dan
simbol untuk menggambarkan struktur dan hubungan antar data. Pada
dasarnya ada beberapa macam simbil yang digunakan yaitu :
1. Entitas adalah suatu objek yang dapat dibedakan atau dapat
didefinisikan secara unik dengan objek lainnya, dimana semua
informasi yang berkaitan dengannya dikumpulkan. Kumpulan dari
entity yang sejenis dinamakan entityset. Entity digambarkan dengan
bentuk persegi panjang.

Gambar 2.3 Entitas

2. Relationship adalah hubungan yang terjadi antara satu entity dengan
entity lainnya. Relationship tidak mempunyai keberadaan fisik atau
konseptual kecuali yang diwarisi dari hubungan antara entity tersebut.
Kumpulan relationship yang sejenis dinamakan relationship diagram.

xxxiii
 Gambar 2.4 Relationship
3. Atribut adalah karakteristik dari entity atau relationship yang
menyediakan penjelasan detail tentang entity atau relationship
tersebut.

Gambar 2.5 Atribut

4. Line berfungsi untuk menghubungkan atribut dengan entity, dan
entity dengan relationship atau relasi

Gambar 2.6 Line

2.3 Teori Mengenai Materi Pembahasan

2.3.1 Pengertian Program

Program adalah kumpulan instruktur-instruktur yang diberikan kepada
program untuk melaksanakan tugas. Tanpa sebuah program computer tidak
dapat melakukan apa-apa karena sesungguhnya computer hanya dapat
melakukan proses jika di dalam computer tersebut diberikan sebuah program.
Dengan kata lain program merupakan salah satu berbagai macam aplikasi
yang pada saat in banyak digunakan baik dalam bisnis ataupun dalam bidang
sains yang akhirnya digunakan untuk satu tujuan organisasi yang diinginkan.

xxxiv
 Secara umum program merupakan kumpulan instruksi atau kode
bahasa yang hanya dimengerti oleh computer. Instruksi tersebut berfungsi
untuk mengatur pekerjaan yang akan dilakukan oleh computer untuk
mendapatkan hasil atau output dengan maksud memudahkan untuk
penggunanya. Karena tujuan ditulisnya sebuah program adalah untuk
memudahkan dalam suatu proses untuk menghasilkan output yang diinginkan
oleh pembuat program yang penggunanya.
2.3.2 Pengertian Aplikasi
Menurut Jogiyanto Aplikasi merupakan penggunaan dalam suatu
komputer, instruksi (instruction) atau pernyataan (statement) yang disusun
sedemikian rupa sehingga komputer dapat memproses input menjadi output.
Menurut Ali Zaki dan Smitdey Community Menurut mereka, aplikasi
adalah komponen yang bermanfaat sebagai media untuk menjalankan
pengolahan data ataupun berbagai kegiatan lainnya seperti pembuatan atau
pengolahan dokumen atau file.
2.3.3 Pengertian Peserta
Peserta adalah anggota masyarakat yang berusaha mengembangkan
potensi diri melalui proses pembelajaran pada jalur pendidikan baik
pendidikan informal, pendidikan formal maupun pendidikan nonformal, pada
jenjang pendidikan dan jenis pendidikan tertentu.
(https://id.wikipedia.org/wiki/Peserta_didik : 2020)
2.3.4 Pengertian Tahsin
adalah kata Arab yang berarti memperbaiki, meningkatkan, atau
memperkaya. Hal ini juga umumnya digunakan sebagai nama yang diberikan
untuk anak-anak laki-laki di dunia Arab dan Islam. Tahsin dalam islam
mengandung makna bahwa tuntutan agar dalam membaca alquran harus benar
dan tepat sesuai dengan contohnya demi terjaganya orisinalitas praktik tilawah
sesuai dengan sunnah Rasulullah Shalallahu ‘alaihi wassallam.

xxxv
 Tahsin menurut bahasa berasal dari ‘hassana-yuhassinu’ yang artinya
membaguskan. Kata ini sering digunakan sebagai sinonim dari kata tajwid
yang berasal dari ‘jawwada-yujawwidu’ apabila ditinjau dari segi bahasa.
Oleh karena itu, pendefinisian tahsin menurut istilah disamakan dengan
pendefinisan tajwid. Dalam Buku Tahsin Tilawah 1 LKP TARQI, penulis
menuliskan bahwa definisi tajwid menurut para ulama secara umum sebagai
berikut:
Tahsin atau tajwid adalah “mengeluarkan setiap huruf-huruf al Quran
dari tempat keluarnya dengan memberikan hak dan mustahaknya.” Atau
dengan kata lain menyempurnakan semua hal yang berkaitan dengan
kesempurnaan pengucapan huruf-huruf al Quran dari aspek sifat-sifatnya yang
senantiasa melekat padanya dan menyempurnakan pengucapan hukum
hubungan antara satu huruf dengan yang lainnya seperti idzhar, idgham, ikhfa
dan sebagainya.
(https://id.wikipedia.org/wiki/Tahsin : 2020)

xxxvi
 BAB III
GAMBARAN UMUM INSTANSI

3.1 Sejarah Instansi

Lembaga Tahsin  dan Tahfizh Al-Qur’an, di singkat LTQ adalah salah

satu lembaga Dewan Da’wah, yang bergerak khusus dalam bidang pengembangan
kemampuan membaca dan mengahafal Al-Qur’an. Dengan berbagai program dan
kegiatan LTQ ingin mengajak masyarakat muslim untuk kembali akrab dengan Al-
Qur’an. Semua itu dalam rangka menumbuhkan komunitas pecinta Al-Qur’an dan
meraih predikat manusia terbaik, sebagaimana hadits Rasulullah saw.

َ ْ‫َخ ْي ُر ُك ْم َمنْ َت َعلَّ َم ْالقُر‬

‫آن َو َعلَّ َم ُه‬
Sebaik-baik kalian adalah yang belajar Al-Qur’an dan mengajarkannya (HR. Bukhari,
Abu Daud, At-Tirmidzi, Ibnu Majah dan Al-Darimi)
Lembaga ini telah dirintis sejak tahun 2004, berawal dari kegiatan mahasiswa
dengan nama Halaqah Al0Qur’an yang secara rutin dilaksanakan dan diikuti oleh
kelompok penghafal Al-Qur’an dari kalangan Mahasiswa STID Mohammad Natsir
yang tinggal dalam komplek Kampus B Tambun, maka lahirlah satu lembaga yang
bernama LTQ (Lembaga Tahsin dan Tahfizh Al-Qur’an). Selain kegiatan rutin berupa
pengajaran Tahsin dan Tahfizh Al-Qur’an yang dilakukan di masjid Al-Bahr
Pusdiklat Dewan Da’wah, maka mata kuliah Tahsin Al-Qur’an dimasukkan kedalam
kurikulum resmi STID Mohammad Natsir. Setelah program tahsin bagi mahasiswa
ini dapat dirasakan hasilnya, maka LTQ memulai menggulirkan program-program
nya kepada masyarakat umum di lingkungan kampus STID Mohammad Natsir dan
Kecamatan Tambun-Bekasi pada umumnya.
Pada periode 2004 s/d 2006, peserta LTQ berjumlah sekitar 50 orang yang
terdiri dari mahasiswa dan masyarakat umum. Terhitung mulai awal tahun 2006,
lembaga ini dapat eksist melaksanakan kegiatan-kegiatan yang direncanakan, baik
kegiatan pembekalan guru-guru dalam dan luar Lembaga Tahsin dan Tilawah Al-

xxxvii
Qur’an. Setiap tahun jumlah peminat LTQ kian bertambah banyak, dan antusias
masyarakat semakin tinggi. Alhamdulillah dengan Izin dan Kehendak Allah, sampai
saat ini sebanyak 1.211 peserta aktif dengan rincian, Peserta Ikhwan berjumlah 414
Peserta, Peserta Akhwat 567 Peserta, dan Peserta Anak-Anak 230 Peserta.
Sebagianya telah menjadi Alumni yang berkiprah mengajarkan Al-Qur’an di
sejumlah masjid dan lembaga pendidikan di sekitar Jabodetabek.
3.2 Struktur Organisasi dan Uraian Tugas

3.2.1 Struktur Organisasi

Organisasi adalah sekelompok orang yang bekerja sama untuk mencapai satu
atau beberapa tujuan tertentu. Dengan adanya organisasi, setiap tugas dan kegiatan
dapat didistribusikan dan dilakukan oleh setiap anggota kelompok secara efektif dan
efisien, sehingga semua tujuan yang akan dicapai dapat terwujud.
Setiap organisasi memiliki suatu struktur yang memberikan gambaran ecara
skematis tentang hubungan kerja dari setiap orang yang terdapat dalam organisasi
secara jelas. Struktur organisasi yang dipakai oleh lembaga atau sekolah pada
umumnya sama, tetapi mungkin ada perbedaan didalam pembagian tugas dan
tanggung jawab didalam pekerjaan. Struktur Organisasi pada lembaga pengabdian
masyarakat lembaga tahsin quran sekolah tinggi ilmu dakwah (LPM LTQ STID)
Mohammad Natsir adalah : Mudir atau Pimpinan, Bendahara, Sekretaris, Kurikilum,
Humas, Publikasi, Tata Usaha, Staf Umum, Dewan Guru

xxxviii
 Gambar 3.1 Struktur organisasi LPM LTQ STID Muhammad Natsir
3.2.2 Uraian Tugas
1. Mudir
a. Memimpin, mengarahkan dan memonitor seluruh aktivitas kerja
Lembaga.
b. Menyusun program kerja dan anggaran Program Kerja bersama
pengurus.
c. Menandatangani surat-surat yang dikeluarkan oleh Lembaga.
d. Memimpin dan atau mengetahui rapat-rapat Lembaga.
e. Melaporkan kegiatan lembaga kepada LPM STID Mohammad Natsir
per-tahun.
f. Membuat laporan pertanggungjawaban kepada LPM STID
Mohammad Natsir pada akhir periode kepengurusan.
g. Mengembangkan visi misi LTQ untukterwujudnya LTQ yang
lebihbaik.

xxxix
 h. Mensosialisasikan kebijakan dan kewenangan keuangan yang berada
pada mudir, sekretaris dan bendahara kepada pengurus.
2. Sekretaris
a. Bersama Mudir mengkoordinir dan memonitor seluruh aktifitas
lembaga.
b. Membuat dan menandatangani surat-surat Lembaga Tahsin Quran.
c. Mempersiapkan dana atau memimpin rapat lembaga.
d. Bersama Mudir membuat laporan pertanggung jawaban kepada
Lembaga Pengabdian Masyarakat Sekolah Tinggi Ilmu Dakwah
Mohammad Natsir pada akhir periode kepengurusan.
e. Menggantikan tugas Mudir apabila berhalangan.
f. Menjadi Notulen dalam setiap rapat lembaga.
g. Mendokumentasikan surat-surat, hasil rapat dan dokumen-dokumen
penting lainnya.
h. Menginvetarisir aset-aset milik lembaga.
i. Mengerjakan instruksi mudir yang berkaitan pengembangan lembaga.
3. Bendahara
a. Bersama dengan Mudir, Sekretaris dan Pengurus menyusun anggaran
Program Kerja.
b. Mengelola keuangan Lembaga berdasarkan Prinsip-prinsip ta’awun
dan professional.
c. Mengeluarkan anggaran sesuai dengan kebutuhan dan kemampuan
Lembaga Tahsin Quran.
d. Bersama Tata Usaha menyusun laporan keuangan Lembaga per-
semester dan per-periode.
e. Menciptakan peluang-peluang usaha dan penggalangan dana untuk
pengembangan kegiatan Lembaga.
f. Mengontrol sirkulasi keuangan Lembaga Tahsin Quran.

xl
4. Tata Usaha
a. Melayani kebutuhan administrasi peserta maupun guru dan Pengurus.
b. Membantu dan mengarsipkan surat keluar dan masuk
c. Bersama Bendahara menyusun laporan keuangan lembaga per-
semester dan per-periode
d. Merekap sirkulasi pembayaran peserta dan melaporkan ke bendahara
e. Bersama sekretaris mempersiapkan rapat dan sarana prasarana
f. Membantu sektretaris membuat, memelihara dan mengembangkan
dokumen-dokumen, surat-surat, hasil rapat maupun dokumen-
dokumen penting lainnya.
g. Merekap dan melaporkan sirkulasi keuangan kepada Mudir.
5. Humas
a. Mempublikasikan program-program dan produk-produk Lembaga
Tahsin Quran.
b. Membuat reportase seluruh kegiatan Lembaga Tahsin Quran dan
momen-momen khusus.
c. Mengisi website dengan artikel-artikel kequr’anan.
d. Mengembangkan jaringan melalui media-media internet.
e. Menjalin dan meningkatkan hubungan dengan lembaga-lembaga lain.
f. Membuat video dan audio visual kegiatan-kegiatan Lembaga Tahsin
Quran.
6. Publikasi
a. Mempublikasikan program-program dan produk-produk Lembaga
Tahsin Quran.
b. Membuat reportase seluruh kegiatan Lembaga Tahsin Quran dan
momen-momen khusus.
c. Mengisi website dengan artikel-artikel kequr’anan.
d. Mengembangkan jaringan melalui media-media internet.
e. Menjalin dan meningkatkan hubungan dengan lembaga-lembaga lain.

xli
 f. Membuat video dan audio visual kegiatan-kegiatan Lembaga Tahsin
Quran.
7. Kurikulum
a. Membuat program panduan pembelajaran Tahsin, Tahfizh, Nagham,
dan Talaqqi dalam bentuk silabus, metode dan teknis menguji dan
menentukan standar soal ujian.
b. Meningkatkan mutu dan kedisiplinan guru dan peserta.
c. Melakukan trobosan-trobosan untuk meningkatkan keilmuan guru.
d. Memonitor Kegiatan Belajar Mengajar dan melakukan evaluasi secara
intensif.
e. Melakukan Kordinasi secaraintens dengan bidang terkait (kurikulum
dan sekretaris)
8. Staff Umum
a. Memberikan pelayanan terbaik kepada pengunjung dan peserta
Lembaga Tahsin Quran.
b. Mengatur tata ruang kantor Ikhwan
c. Membantu Bendahara dalam merekap keuangan dan merawat
inventaris atau aset lembaga
d. Membantu Sekretaris dalam pengarsipan database peserta
e. Membantu bidang bidang yang lain pada kondisi tertentu (fleksibel).
f. Mendokumentasi kegiatan-kegiatan Lembaga Tahsin Quran secara
periodik.
9. Dewan Guru
a. Melakukan pengajaran secara intensif.
b. Melakukan evaluasi perkembangan harian peserta.
c. Membuat persiapan pembelajaran yang baik dan ideal.
d. Memberikan laporan akhir semester dalam bentuk pengisian raport
peserta.

xlii
e. Mengikuti kegiatan penunjuang dan peningkatan mutu kualitas. guru
seperti daurah-daurah atau seminar-seminar.
f. Mengikuti rapat-rapat evaluasi Kegiatan Belajar Mengajar, kenaikan
Level atau Program dan semisalnya.
g. Dokumentasi hasil ujian, Ujian Tengah Semester, Ujian Akhir
Semester pada buku nilai masing-masing.

xliii
3.3 Gambaran Sistem Berjalan

a. Gambaran sistem berjalan

Gambar 3.2 Gambaran sistem berjalan pada Lembaga Tahsin Quran

Stid M Natsir

xliv
b. Gambaran sistem yang di usulkan

Gambar 3.3 Gambaran sistem yang di usulkan di LTQ STID M Natsir

xlv
3.4 Dokumentasi Input dan Output

Dimaksudkan untuk menentukan output kebutuhan dari sistem yang baru.

Berikut beberapa dokumentasi input untuk pertimbangan.
3.4.1 Dokumentasi input
Dokumentasi input adalah dokumen yang berisi data-data maupun formuir
yang digunakan lembaga sebagai dasar, yang kemudian akan di input kedalam
komputer.

Sumber : LTQ STID Muhammad Natsir

Gambar 3.5 Formulir Input Data peserta

xlvi
3.4.2 Dokumentasi Output
Dokumentasi Output adalah dokumen yang telah diproses menjadi bentuk
yang dapat digunakan.

Sumber : LTQ STID Muhammad Natsir

Gambar 3.6 Contoh Nilai Peserta

xlvii
 BAB IV
RANCANGAN DAN IMPLEMENTASI

4.1 Rancangan

4.1.1 Perancangan Sistem (UML)

a. Usecase Program Aplikasi Peserta

Gambar 4.1 Usecase Program Aplikasi Peserta

xlviii
b. Diagram Activity Login

Gambar 4.2 Diagram Activity Login

c. Diagram Activity Admin tambah dan edit program belajar dan kelas.

Gambar 4.3 Diagram Activity Admin tambah dan edit program belajar dan
kelas.

xlix
d. Diagram Activity Admin hapus Program Belajar dan Kelas

Gambar 4.4 Diagram Activity Admin hapus Program Belajar dan Kelas
e. Diagram Activity Admin Tambah dan Edit Mata Pelajaran dan Peserta

Gambar 4.5 Diagram Activity Admin Tambah dan Edit Mata Pelajaran dan
Peserta

l
f. Diagram Activity Admin hapus Mata Pelajaran dan Peserta

Gambar 4.6 Diagram Activity Admin hapus Mata Pelajaran dan Peserta
g. Diagram Activity admin Tambah dan Edit Tahun Akademik

Gambar 4.7 Diagram Activity admin Tambah dan Edit Tahun Akademik

li
h. Diagram Activity Admin hapus Tahun Akademik.

Gambar 4.8 Diagram Activity Admin hapus Tahun Akademik.

i. Diagram Activity Admin hapus grade nilai.

Gambar 4.9 Diagram Activity Admin hapus Grade nilai.

lii
j. Diagram Activity Admin masuk Form input nilai

Gambar 4.10 Diagram Activity Admin masuk Form Input nilai

k. Diagram Activity Admin Tambah dan edit Data Input nilai

Gambar 4.11 Diagram Activity Admin Tambah dan edit Data Input Nilai

liii
l. Diagram Activity Admin Hapus Data Input Nilai

Gambar 4.12 Diagram Activity Admin Hapus Data Input Nilai

4.1.2 Perancangan Basis Data

Gambar 4.13 Class Diagram

liv
4.1.4 Struktur File
a. Nama Database : Ltq_stid_natsir
Nama Table : User
Primary key : id
Table 4.1 Struktur File Table User
Nama Field Type Size

Id Int 11

Username Varchar 255

Password Varchar 255

Email Varchar 255

Level Enum ‘Admin’,’user’

Blokir Enum ‘N’,’Y’

id_session Varchar 255

b. Nama Database : Ltq_stid_natsir

Nama Table : Probel
Primary key : id_probel
Table 4.2 Struktur File Table Probel
Nama Field Type Size

id_probel Int 11

kode_probel Varchar 20

nama_probel Varchar 25

c. Nama Database : Ltq_stid_natsir

Nama Table : Kelas
Primary key : id_kelas
Table 4.3 Struktur File Table Kelas
Nama Field Type Size

lv
 id_probel Int 11

kode_probel Varchar 20

nama_probel Varchar 25

d. Nama Database : Ltq_stid_natsir

Nama Table : Matapelajaran
Primary key :-
Foreign key : nama_probel
Table 4.4 Struktur File Table Matapelajaran
Nama Field Type Size

kode_matapelajaran Varchar 10

nama_matapelajaran Varchar 100

nama_probel Varchar 100

e. Nama Database : Ltq_stid_natsir

Nama Table : Peserta
Primary key : id
Foreign key : nama_probel, nama_kelas
Table 4.5 Struktur File Table Peserta
Nama Field Type Size

Id int 11

Nip Varchar 20

nama_lengkap Varchar 120

Alamat Varchar 200

Email Varchar 100

Telepon Varchar 20

tempat_lahir Varchar 120

tanggal_lahir Date -

lvi
 Jenis_kelamin Varchar 120

nama_probel Varchar 120

Nama_kelas Varchar 120

f. Nama Database : Ltq_stid_natsir

Nama Table : Tahun_akademik
Primary key : id_thn_akad
Table 4.6 Struktur File Table Tahun_akademik
Nama Field Type Size

Id_thn_akad int 11

Tahun_akademik Varchar 20

Semester Varchar 20

Status Varchar 20

g. Nama Database : Ltq_stid_natsir

Nama Table : Inputnilai
Primary key : id_inputnilai
Foreign key : id_thn_akad, nip, nama_matapelajaran, angka, huruf
Table 4.7 Struktur File Table Inputnilai
Nama Field Type Size

id_inputnilai int 11

Id_thn_akad int 10

Nip varchar 20

Nama_matapelajaran varchar 100

Angka Varchar 20

Huruf Varchar 10

lvii
4.1.5 Tampilan Layar dan Algoritma
a.Halaman Login

Gambar 4.14 Halaman Login

Halaman Login
Masuk dengan username dan password yang sesuai , jika password atau
username yang dimasukan tidak sesuai maka akan menampilkan flash data
username atau password salah.
b.Halaman Menu Utama

lviii
 Gambar 4.15 Halaman Menu Utama
Halaman Menu Utama
Setelah login berhasil maka akan diredirect ke halaman menu utama.jika klik
loogout maka akan dikembalikan ke halaman login.
c.Halaman Program Belajar

Gambar 4.16 Halaman Program belajar

Halaman Program Belajar
Pilih menu program belajar maka akan menampilkan daftar program belajar

lix
 Gambar 4.17 Halaman Form Tambah Program Belajar
Jika klik tambah maka akan tampil form untuk menambahkan data baru,
isikan data yang ingin dibuat kemudian klik simpan, maka selanjutnya akan
kembali ke halaman program belajar.

Gambar 4.18 Halaman Form edit program belajar

Jika klik edit pada data tertentu maka akan tampil form untuk mengedit data
tersebut.Ubah data yang ingin diganti, kemudian klik simpan untuk
menyimpan ke database, selanjutnya akan kembali ke daftar program belajar.

lx
 Gambar 4.19 Halaman Hapus program belajar
Jika klik pada data tertentu maka akan muncul notifikasi untuk menghapus
data tersebut. Klik oke jika ingin menghapus data dan klik batal jika tidak
ingin menghapus.
d.Halaman Kelas

Gambar 4.20 Halaman Kelas

Halaman Kelas
Pilih menu kelas maka akan menampilkan daftar kelas

lxi
 Gambar 4.21 Halaman Form Tambah Kelas
Jika klik tambah maka akan tampil form untuk menambahkan data baru,
isikan data yang ingin dibuat kemudian klik simpan, maka selanjutnya akan
kembali ke halaman program belajar.

Gambar 4.22 Halaman Form Edit Kelas

Jika klik edit pada data tertentu maka akan tampil form untuk mengedit data
tersebut.Ubah data yang ingin dig anti, kemudian klik simpan untuk
menyimpan ke database, selanjutnya akan kembali ke daftar program belajar.

lxii
 Gambar 4.23 Halaman Form Hapus kelas
Jika klik pada data tertentu maka akan muncul notifikasi untuk menghapus
data tersebut. Klik oke jika ingin menghapus data dan klik batal jika tidak
ingin menghapus.
e.Halaman Mata Pelajaran

Gambar 4.24 Halaman Mata Pelajaran

Halaman Mata Pelajaran
Pilih menu mata pelajaran maka akan menampilkan daftar mata pelajaran

lxiii
 Gambar 4.25 Halaman Form Tambah Mata Pelajaran
Jika klik tambah maka akan tampil form untuk menambahkan data baru,
isikan data yang ingin dibuat kemudian klik simpan, maka selanjutnya akan
kembali ke halaman program belajar.

Gambar 4.26 Halaman Form Edit Mata Pelajaran

Jika klik edit pada data tertentu maka akan tampil form untuk mengedit data
tersebut.Ubah data yang ingin dig anti, kemudian klik simpan untuk
menyimpan ke database, selanjutnya akan kembali ke daftar program belajar.

lxiv
 Gambar 4.27 Halaman Hapus Mata Pelajaran
Jika klik pada data tertentu maka akan muncul notifikasi untuk menghapus
data tersebut. Klik oke jika ingin menghapus data dan klik batal jika tidak
ingin menghapus.
f.Halaman peserta

Gambar 4.28 Halaman Peserta

Halaman Peserta
Pilih menu Peserta maka akan menampilkan daftar peserta

lxv
 Gambar 4.29 Halaman Form Tambah Peserta
Jika klik tambah maka akan tampil form untuk menambahkan data baru,
isikan data yang ingin dibuat kemudian klik simpan, maka selanjutnya akan
kembali ke halaman peserta.

lxvi
 Gambar 4.30 Halaman Detail Peserta
Jika klik detail pada halaman peserta maka akan tampil data detail peserta,
klik kembali maka akan kembali ke halaman peserta.

lxvii
 Gambar 4.31 Halaman Form Edit Peserta
Jika klik edit pada data tertentu maka akan tampil form untuk mengedit data
tersebut.Ubah data yang ingin dig anti, kemudian klik simpan untuk
menyimpan ke database, selanjutnya akan kembali ke daftar peserta.

Gambar 4.32 Halaman Hapus Peserta

lxviii
 Jika klik pada data tertentu maka akan muncul notifikasi untuk menghapus
data tersebut. Klik oke jika ingin menghapus data dan klik batal jika tidak
ingin menghapus.
g.Halaman Tahun Akademik

Gambar 4.33 Halaman Tahun Akademik

Halaman Tahun Akademik
Pilih menu Tahun Akademik maka akan menampilkan daftar Tahun
Akademik

Gambar 4.34 Halaman Form Tambah Tahun Akademik

lxix
Jika klik tambah maka akan tampil form untuk menambahkan data baru,
isikan data yang ingin dibuat kemudian klik simpan, maka selanjutnya akan
kembali ke halaman tahun akademik.

Gambar 4.35 Halaman Form Edit Tahun Akademik

Jika klik edit pada data tertentu maka akan tampil form untuk mengedit data
tersebut.Ubah data yang ingin dig anti, kemudian klik simpan untuk
menyimpan ke database, selanjutnya akan kembali ke daftar tahun akademik.

Gambar 4.36 Halaman Hapus Tahun Akademik

lxx
 Jika klik pada data tertentu maka akan muncul notifikasi untuk menghapus
data tersebut. Klik oke jika ingin menghapus data dan klik batal jika tidak
ingin menghapus.
h.Halaman Input Nilai

Gambar 4.37 Halaman Masuk Input Nilai

Halaman Nilai Peserta
Klik menu input nilai maka akan diarahkan untuk mengisi data untuk masuk
ke daftar peserta yang akan di input nilainya.

Gambar 4.38 Halaman Nilai Peserta

lxxi
Setelah memasukan data peserta yang akan diinput nilainya maka akan
muncul daftar nilai peserta tersebut

Gambar 4.39 Halaman Form Tambah Nilai

Jika klik tambah maka akan tampil form untuk menambahkan data baru,
isikan data yang ingin dibuat kemudian klik simpan, maka selanjutnya akan
kembali ke halaman input nilai.

Gambar 4.40 Halaman Form Edit Nilai

lxxii
 Jika klik edit pada data tertentu maka akan tampil form untuk mengedit data
tersebut.Ubah data yang ingin diganti, kemudian klik simpan untuk
menyimpan ke database, selanjutnya akan kembali ke daftar nilai.

Gambar 4.41 Halaman Hapus Nilai Peserta

Jika klik pada data tertentu maka akan muncul notifikasi untuk menghapus
data tersebut. Klik oke jika ingin menghapus data dan klik batal jika tidak
ingin menghapus

4.1.6 Output

a. Cetak di Layar

lxxiii
Gambar 4.42 Halaman output

lxxiv
4.2 Implementasi

4.2.1 Struktur Tabel

a.Kelas

Gambar 4.43 Struktur tabel kelas

b.Program belajar

Gambar 4.44 Struktur tabel program belajar

c.Mata Pelajaran

Gambar 4.45 Struktur tabel mata pelajaran

d.Peserta

lxxv
 Gambar 4.46 Struktur tabel peserta
e.Tahun Akademik

Gambar 4.47 Struktur tabel tahun akademik

f.Input Nilai / Krs

Gambar 4.48 Struktur tabel input nilai

lxxvi
4.2.2 Bentuk tampilan
a. Gambar Login

Gambar 4.49 Gambar Login

b. Halaman Menu utama

Gambar 4.50 Menu utama

lxxvii
c. Halaman program belajar

Gambar 4.51 Halaman program belajar

Gambar 4.52 Tambah program belajar

Gambar 4.53 Edit program belajar

lxxviii
d.Halaman Kelas

Gambar 4.54 Halaman kelas

Gambar 4.55 Tambah kelas

Gambar 4.56 Edit kelas

lxxix
e.Halaman Mata Pelajaran

Gambar 4.57 Halaman mata pelajaran

Gambar 4.58 Tambah mata pelajaran

Gambar 4.59 Edit mata pelajaran

lxxx
f. Halaman Peserta

Gambar 4.60 Halaman peserta

Gambar 4.61 Detail peserta

lxxxi
Gambar 4.62 Tambah peserta

lxxxii
Gambar 4.63 Edit peserta

lxxxiii
g. Halaman Tahun Akademik

Gambar 4.64 Halaman tahun akademik

Gambar 4.65 Tambah tahun akademik

Gambar 4.66 Edit tahun akademik

lxxxiv
h. Halaman Input Nilai

Gambar 4.67 Halaman form masuk input nilai

Gambar 4.68 Halaman nilai peserta

lxxxv
Gambar 4.69 Tambah data nilai

Gambar 4.70 Edit data nilai

lxxxvi
4.2.3 Bentuk Output

Gambar 4.71 output laporan hasil belajar peserta

lxxxvii
 BAB V
KESIMPULAN DAN SARAN

5.1 Kesimpulan

Dari seluruh langkah tiap-tiap bab yang telah di jabarkan, dengan

merencanakan sebuah sistem yang baru merupakan langkah awal dalam proses
pemecahan masalah pada Ltq Stid Muhammad natsir
a. Pada aplikasi ini admin dapat login menggunakan username dan password
yang telah ditentukan.
b. Pada aplikasi ini admin dapat mengelola data peserta.
c. Program aplikasi ini juga dibuat sedemikian rupa sehingga admin dapat
mencetak laporan belajar dalam bentuk lembaran kertas.
5.2 Saran

a. Aplikasi ini kedepannya diharapkan memiliki tampilan yang interaktif dan

menarik.
b. Aplikasi ini diharapkan mampu mengolah data peserta secara detail dan
memberikan peserta hak akses ke aplikasi sebagai pengguna.
c. Menambahkan keamanan aplikasi dengan SSL agar data tidak mudah di hack

lxxxviii
 DAFTAR PUSTAKA

Al Fatta, Hanif. 2007. Analisa & Perancangan Sistem Informasi Untuk Keunggulan
Bersaing & Organisasi Modern, Yogyakarta : Andi

Chr. Jimmy L. Gaol. 2008. Sistem Informasi Manajemen, Jakarta : PT. Grasindo.

Gondodiyoto, Sanyoto. 2007. Audit Sistem Informasi + Pendekatan Cobit, Jakarta :

MitraWacana Media.

Indrajani, S.Kom., MM,.2011.Perancangan basis data Data dalam All in 1, Jakarta:

Gramedia

Kadir, Abdul. 2009. Dasar Perancangan Dan Implementasi Database Relasional,

Yogyakarta : Andi

Kristanto, Andri. 2008. Perancangan Sistem Informasi dan Aplikasinya, Yogyakarta :

Gava Media.

Laudon, Kenneth C dan Laudon, Jane P. 2008. Sistem Informasi Manajemen

Terjemahan Sungkono dan Machmudin Eka P. Edisi 10. Jakarta : Salemba Empat.

Mulyanto, agus. 2009. Sistem Informasi Konsep dan Aplikasi, Yogyakarta :

PustakaPelajar.

Soeherman, Bonnie dan Pinontoan, Marion. 2008. Designing information system,

Jakarta: PT. Elex Media Komputindo

Sutarman. 2012. Sistem Informasi Akuntansi, Jakarta, Salemba Empat

Taufiq, Rohmat. 2013. Sistem Informasi Manajemen, Yogyakarta :Graha ilmu.

2020. Pengertian Codeigniter. https://id.wikipedia.org/wiki/CodeIgniter.

2020. Pengertian Peserta. https://id.wikipedia.org/wiki/Peserta_didik.

2020. Pengertian Tahsin. https://id.wikipedia.org/wiki/Tahsin.

lxxxix
xc