KATA PENGANTAR

Puji dan syukur kehadirat Allah SWT karena atas berkat dan karunia-Nya
saya selaku penulis diberikan taufik dan hidayah-Nya hingga dapat menyelesaikan
Laporan Program Profesional ini tepat pada waktunya, Sistem Informasi
Perpustakaan SMAIT Al-Madaniyah Samuda Berbasis Website ini tidak akan
terwujud tanpa bantuan dan dorongan semangat dari keluarga, dosen dan
teman-teman.

Terutama kepada Ibu Licantik., S.Kom., M.Kom selaku dosen

pembimbing saya yang membantu membimbing dalam perancangan dan
pembangunan sistem informasi ini.

Selaku penulis, saya menyadari bahwa Laporan Program Profesional ini

masih jauh dari sempurna. Oleh karena itu, saya mengharapkan saran maupun
kritik yang membangun demi kesempurnan laporan ini kedepannya. Besar
harapan saya, semoga laporan ini dapat bermanfaat bagi kita semua khususnya
bagi mahasiswa jurusan Teknik Informatika Fakultas Teknik Universitas Palangka
Raya.

Palangka Raya, Mei 2018

Muslim

i
 DAFTAR ISI
Halaman
KATA PENGANTAR .................................................................................... i
ABSTRAK ...................................................................................................... ii
DAFTAR ISI ................................................................................................... iii
DAFTAR TABEL .......................................................................................... vi
DAFTAR GAMBAR ...................................................................................... vii
BAB I PENDAHULUAN ............................................................................ 1
1.1. Latar Belakang .......................................................................................... 1
1.2. Perumusan Masalah ................................................................................ 2
1.3. Batasasan Masalah .................................................................................... 2
1.4. Tujuan Penelitian .................................................................................... 3
1.5. Manfaat Penelitian .................................................................................... 4
1.6. Metodologi Penelitian ............................................................................... 4
1.6.1. Metode Pengumpulan Data ...................................................... 4
1.6.2. Metode Pengembangan Perangkat Lunak ................................ 5
1.7. Sistematika Penulisan ............................................................................... 7
1.8. Jadwal Kegiatan ........................................................................................ 8

BAB II LANDASAN TEORI ..................................................................... 9

2.1. Pengertian Rancang Bangun ..................................................................... 9
2.1.1. Rancang........................................................................................... 9
2.1.2. Bangun ............................................................................................ 9
2.2. Pengertian Sistem Informasi ................................................................... 10
2.3. Website...................................................................................................... 10
2.4. Basis Data ................................................................................................. 11
2.5. DBMS ....................................................................................................... 12
2.6. SQL ........................................................................................................... 14
2.7. Web Browser ............................................................................................. 14
2.8. HTML ....................................................................................................... 15
2.8.1. Pengertian HTML ........................................................................... 15
2.8.2. Fungsi dan Kegunaan HTML ......................................................... 16

i
 2.8.3. Sejarah HTML ................................................................................ 16
2.9. PHP ........................................................................................................... 17
2.9.1. Pengertian PHP ............................................................................... 17
2.9.2. Sejarah PHP .................................................................................... 17
2.10. CSS.......................................................................................................... 18
2.11. Jquery ...................................................................................................... 19
2.12. PHPMYADMIN ..................................................................................... 20
2.13. XAMPP ................................................................................................... 21
2.14. DFD ......................................................................................................... 21
2.14.1. Pengenalan DFD ......................................................................... 21
2.14.2. Data Flow Diagram .................................................................... 21
2.14.3. Entity Relationship Diagram (ERD) ........................................... 23
2.14.4. Flowchart .................................................................................... 25

BAB III ANALISIS DAN DESAIN ............................................................. 28

3.1. Analisis Kebutuhan ................................................................................... 28
3.1.1. Analisis Informasi .................................................................... 28
3.1.2. Analisis Sistem Yang Sedang Berjalan .................................. 29
3.1.3. Analisis Sistem Yang Akan Dibangun ........................................... 32
3.2. Analisis Pengguna Sistem ......................................................................... 36
4.3. Desain ........................................................................................................ 37
3.3.1. Data Flow Diagram .................................................................. 37
3.3.2. Kamus Data DFD ..................................................................... 42
4.3.3. Entity Relationship Diagram (ERD) ........................................ 43
4.3.4. Kamus Data ERD ..................................................................... 44
4.3.5. Struktur Tabel .......................................................................... 44
4.3.6. Desain Interface (Antarmuka) .................................................. 46

BAB IV IMPLEMENTASI DAN PENGUJIAN ......................................... 49

4.1. Implementasi Data .................................................................................... 49
4.2. Implementasi Proses.................................................................................. 49
4.3. Implementasi Rancangan Interface (Antarmuka) ..................................... 49

i
 4.3.1. Implementasi Komponen Website ........................................... 50
4.4. Pengujian Perangka Lunak ........................................................................ 59
5.4.1. Pengujian Halaman Admin ...................................................... 59
5.4.2. Pengujian Halaman Pengunjung ..................................................... 65

BAB V PENUTUP .......................................................................................... 66

5.1. Kesimpulan ............................................................................................... 66
5.2. Saran .......................................................................................................... 67

DAFTAR PUSTAKA ..................................................................................... 68

i
 DAFTAR TABEL

Tabel 1.1. Jadwal Kegiatan Program Profesional ........................................... 8

Tabel 2.1. Simbol Data Flow Diagram ........................................................... 23
Tabel 2.2. Simbol Entity Relationship Diagram (ERD).................................. 24
Tabel 2.3. Daftar Simbol Flowchart ............................................................... 25
Tabel 3.1. Analisis Pengguna Sistem .............................................................. 36
Tabel 3.2. Kamus Data DFD ........................................................................... 42
Tabel 3.3. Tabel Admin ................................................................................... 44
Tabel 3.4. Tabel Anggota ................................................................................ 44
Tabel 3.5. Tabel Buku ..................................................................................... 45
Tabel 3.6. Tabel Transaksi .............................................................................. 45
Tabel 4.1. Pengujian Login Admin ................................................................. 59
Tabel 4.2. Pengujian Halaman Dashboard Admin .......................................... 60
Tabel 4.3. Pengujian Halaman Kelola Admin ................................................. 61
Tabel 4.4. Pengujian Halaman Kelola Anggota .............................................. 61
Tabel 4.5. Pengujian Halaman Kelola Buku ................................................... 62
Tabel 4.6. Pengujian Halaman Kelola Transaksi Peminjaman ....................... 63
Tabel 4.7. Pengujian Halaman Kelola Transaksi Pengembalian ..................... 63
Tabel 4.8. Pengujian Laporan .......................................................................... 64
Tabel 4.9. Pengujian Admin Logout ............................................................... 65
Tabel 4.10. Pengujian Halaman Pengunjung .................................................. 65

i
 DAFTAR GAMBAR

Gambar 1.1. Waterfall Modelling .............................................................. 5

Gambar 3.1. Flowchart Sistem Lama Peminjaman Buku ......................... 30
Gambar 3.2. Flowchart Sistem Lama Pengembalian Buku ...................... 31
Gambar 3.3. Flowchart Kelola Data Utama .............................................. 32
Gambar 3.4. Flowchart Sistem Baru Transaksi Peminjaman ................... 34
Gambar 3.5. Flowchart Sistem Baru Transaksi Pengembalian ................. 35
Gambar 3.6. Flowchart Pengunjung ......................................................... 36
Gambar 3.7. Diagram Konteks (Level 0) .................................................. 37
Gambar 3.8. Level 1 .................................................................................. 38
Gambar 3.9. Level 2 Proses 1.0 ................................................................. 38
Gambar 3.10. Level 2 Proses 2.0 .................................................................... 39
Gambar 3.11. Level 2 Proses 3.0. ................................................................... 39
Gambar 3.12. Level 2 Proses 4.0 .................................................................... 40
Gambar 3.13. Level 2 Proses 5.0 Kelola Transaksi Peminjaman................... 40
Gambar 3.14. Level 2 Proses 6.0 Kelola Transaksi Pengembalian ................ 41
Gambar 3.15. Level 2 Proses 7.0 Kelola Laporan .......................................... 41
Gambar 3.16. Entity Relationship Diagram (ERD) ........................................ 44
Gambar 3.17. Halaman Utama ....................................................................... 46
Gambar 3.18. Kelola Admin .......................................................................... 46
Gambar 3.19. Kelola Anggota ........................................................................ 47
Gambar 3.20. Kelola Buku ............................................................................. 47
Gambar 3.21. Kelola Peminjaman.................................................................. 48
Gambar 3.22. Kelola Pengembalian ............................................................... 48
Gambar 4.1. Halaman Login ..................................................................... 50
Gambar 4.2. Halaman Administrator ........................................................ 50
Gambar 4.3. Halaman Kelola Admin ........................................................ 51
Gambar 4.4. Halaman Tambah Admin...................................................... 51
Gambar 4.5. Halaman Edit Admin ............................................................ 52
Gambar 4.6. Halaman Kelola Anggota ..................................................... 52
Gambar 4.7. Halaman Tambah Anggota ................................................... 53

i
Gambar 4.8. Halaman Edit Anggota ......................................................... 53
Gambar 4.9. Halaman Kelola Buku .......................................................... 54
Gambar 4.10. Halaman Tambah Buku ........................................................... 54
Gambar 4.11. Halaman Edit Buku.................................................................. 55
Gambar 4.12. Halaman Kelola Peminjaman .................................................. 55
Gambar 4.13. Halaman Tambah Peminjaman ................................................ 56
Gambar 4.14. Halaman Kelola Pengembalian................................................ 56
Gambar 4.15. Laporan Anggota ..................................................................... 57
Gambar 4.16. Laporan Buku .......................................................................... 57
Gambar 4.17. Laporan Peminjaman Buku ..................................................... 58
Gambar 4.18. Laporan Pengembalian Buku ................................................... 58
Gambar 4.19. Halaman Pengunjung ............................................................... 59