PERANCANGAN SISTEM APLIKASI PERPUSTAKAAN

SMAN 21 KABUPATEN TANGERANG BERBASIS WEB

LAPORAN KERJA PRAKTEK

Oleh:

NIM NAMA

1. 191011401747 AHMAD SUKARI

2. 191011401708 HABIBULLAH
3. 191011401745 UBAIDILLAH

PROGRAM STUDI TEKNIK INFORMATIKA

FAKULTAS TEKNIK UNIVERSITAS PAMULANG
2021/2022
 PROGRAM STUDI TEKNIK INFORMATIKA
FAKULTAS TEKNIK UNIVERSITAS PAMULANG
PERSETUJUAN LAPORAN KERJA PRAKTEK

Program Studi : Teknik Informatika

Jenjang Studi : Strata 1
Judul : PERANCANGAN SISTEM APLIKASI PERPUSTAKAAN
SMAN 21 KABUPATEN TANGERANG BERBASIS WEB

NIM NAMA

1. 191011401747 AHMAD SUKARI

2. 191011401708 HABIBULLAH
3. 191011401745 UBAIDILLAH

Disetujui untuk dipresentasikan pada periode semester Genap tahun ajaran

2021/2022.

Pamulang, 29 Juni 2022

Dosen Pembimbing

Edi Mariyanto, S.Kom., M.Kom

NIDN : 0430059102

i
 PROGRAM STUDI TEKNIK INFORMATIKA
FAKULTAS TEKNIK UNIVERSITAS PAMULANG
PENGESAHAN LAPORAN KERJA PRAKTEK

Program Studi : Teknik Informatika

Jenjang Studi : Strata 1
Judul : PERANCANGAN SISTEM APLIKASI PERPUSTAKAAN
SMAN 21 KABUPATEN TANGERANG BERBASIS WEB

NIM NAMA

1. 191011401747 AHMAD SUKARI

2. 191011401708 HABIBULLAH
3. 191011401745 UBAIDILLAH

Pamulang, 29 Juni 2022

Dosen Penguji Pembimbing Akademik

Perani Rosyani, S.Kom., M.Kom. Edi Mariyanto, S.Kom., M.Kom

NIDN : 0424038802 NIDN : 0430059102

Ketua Program Studi

Teknik Informatika

Achmad Udin Zaelani, S.Kom., M.Kom

NIDN: 0429058303

ii
 LEMBAR PENGESAHAN SELESAI

KULIAH KERJA PRAKTEK

Dinyatakan Bahwa :

1. Ahmad Sukari (191011401747)

2. Habibullah (191011401708)
3. Ubaidillah (191011401745)

Telah selesai melaksanakan kegiatan Kerja Praktek pada: 20 Juni - 24 Juni 2022.

Nama Instansi : SMAN 21 KABUPATEN TANGERANG

Alamat : Jl. Cirarab No. 5 Desa Sukadiri Kec. Sukadiri Kab. Tangerang
15530

Pembimbing Praktek Instansi

Tangerang, 24 Juni 2022

Sulasiah, S.Pd., M.M.

NIP. 197802122005012007

iii
 LEMBAR PENILAIAN KERJA PRAKTEK MAHASISWA

NAMA : AHMAD SUKARI

NIM : 191011401747
PROGRAM STUDI : TEKNIK INFORMATIKA
TEMPAT KERJA PRAKTEK : SMAN 21 KABUPATEN TANGERANG
WAKTU PELAKSANAAN : 20 Juni - 24 Juni 2022
KERITERIA PENILAIAN
I. PENILAIAN PEMBIMBING LAPANGAN
(INSTANSI TEMPAT KERJA PRAKTEK) Stempel,nama &
Nilai Rata-rata akhir (nilai 1 + nilai 2)/2 :……. ttd Pembimbing
NO MATERI PENILAIAN NILAI* Pamulang,
* instansi 24 Juni 2022
1 Keaktifan, Disiplin
KOMPONEN dan Inisiatif
PENILAIAN Kaprodi Teknik Informatika
2 80 Kemampuan
– 100 : A Kerjasama 59 – 69 : C : ……. **
3 70 Kemampuan Bekerja
– 79 : B 45Mandiri
– 55 D
4 Kemampuan Teknik
Sulasiah, S.Pd., M.M
*Dalam Angka
Nilai Rata-Rata :
** Dalam Huruf Achmad Udin Zaelani, M.Kom
NIDN: 0429058303
II. PENILAIAN PEMBIMBING PROGRAM STUDI Nama & ttd
TEKNIK INFORMATIKA Pembimbing Program
Studi
NO MATERI PENILAIAN NILAI*
1 Kedalaman Materi
2 Penguasaan Materi
3 Penyajian Laporan
Edi Mariyanto, S.Kom.,
4 Pembutaan Jurnal
Nilai Rata-Rata :

iv
 LEMBAR PENILAIAN KERJA PRAKTEK MAHASISWA

NAMA : HABIBULLAH
NIM : 191011401708
PROGRAM STUDI : TEKNIK INFORMATIKA
TEMPAT KERJA PRAKTEK : SMAN 21 KABUPATEN TANGERANG
WAKTU PELAKSANAAN : 20 Juni - 24 Juni 2022
KERITERIA PENILAIAN
I. PENILAIAN PEMBIMBING LAPANGAN Stempel,nama &
(INSTANSI TEMPAT KERJA PRAKTEK) ttd Pembimbing
Nilai
NO Rata-rata akhir (nilai
MATERI 1 + nilai 2)/2 NILAI*
PENILAIAN instansi 24 Juni 2022
............................................................................. Pamulang,
1 Keaktifan, Disiplin dan Inisiatif Kaprodi Teknik Informatika
* KOMPONEN PENILAIAN
2 Kemampuan Kerjasama
80 – 100 : A 59 – 69 : C
3 Kemampuan Bekerja Mandiri : …….**
70 – 79 : B 45 – 55 D
4 Kemampuan Teknik Sulasiah, S.Pd., M.M
Nilai Rata-Rata : NIP.
*Dalam Angka
Achmad Udin Zaelani, M.Kom
** Dalam Huruf NIDN: 0429058303
II. PENILAIAN PEMBIMBING PROGRAM Nama & ttd
STUDI TEKNIK INFORMATIKA Pembimbing Program
NO MATERI PENILAIAN NILAI* Studi
1 Kedalaman Materi
2 Penguasaan Materi
3 Penyajian Laporan
Edi Mariyanto, S.Kom.,
4 Pembutaan Jurnal
Nilai Rata-Rata :

v
 LEMBAR PENILAIAN KERJA PRAKTEK MAHASISWA

NAMA : UBAIDILLAH
NIM : 191011401745
PROGRAM STUDI : TEKNIK INFORMATIKA
TEMPAT KERJA PRAKTEK : SMAN 21 KABUPATEN TANGERANG
WAKTU PELAKSANAAN : 20 Juni - 24 Juni 2022
KERITERIA PENILAIAN
III. PENILAIAN PEMBIMBING LAPANGAN Stempel,nama &
(INSTANSI TEMPAT KERJA PRAKTEK) ttd Pembimbing
Nilai Rata-rata akhir (nilai 1 + nilai 2)/2
NO MATERI PENILAIAN NILAI*
............................................................................. instansi 24 Juni 2022
Pamulang,
*1 Keaktifan, Disiplin
KOMPONEN dan Inisiatif
PENILAIAN Kaprodi Teknik Informatika
2 80 Kemampuan
– 100 : A Kerjasama
59 – 69 : C
3 : …….**
70 Kemampuan
– 79 : B Bekerja
45Mandiri
– 55 D
4 Kemampuan Teknik Sulasiah, S.Pd., M.M
Nilai Rata-Rata : NIP.
*Dalam Angka
Achmad Udin Zaelani, M.Kom
** Dalam Huruf NIDN: 0429058303
IV. PENILAIAN PEMBIMBING Nama & ttd
PROGRAM STUDI TEKNIK INFORMATIKA Pembimbing Program
NO MATERI PENILAIAN NILAI* Studi
1 Kedalaman Materi
2 Penguasaan Materi
3 Penyajian Laporan
Edi Mariyanto, S.Kom.,
4 Pembutaan Jurnal
Nilai Rata-Rata :

vi
 LEMBAR BERITA ACARA KONSULTASI DENGAN DOSEN
PEMBIMBING KP

Nama Instansi KP SMAN 21 KABUPATEN TANGERANG

Alamat Instansi Jl. Cirarab No. 5 Desa Sukadiri Kec. Sukadiri Kab.
Tangerang 15530

Dosen Pembimbing Edi Mariyanto, S.Kom., M.Kom

No. NIM NAMA

1. 191011401747 Ahmad Sukari
2. 191011401708 Habibullah
3. 191011401745 Ubaidillah

NO Tanggal Materi yang Paraf Dosen

dikonsultasikan MHS 1 MHS 2 MHS 3
1.

2.

3.

Mahasiswa di atas telah melakukan bimbingan dengan jumlah materi yang

telah mencukupi untuk diseminarkan.
Pamulang, 24 Juni 2022
Dosen Pembimbing

Edi Mariyanto, S.Kom, M.Kom

NIDN: 0430059102

vii
 LEMBAR BERITA ACARA KONSULTASI DENGAN KEPALA
PERPUSTAKAAN

Nama Instansi KP SMAN 21 KABUPATEN TANGERANG

Alamat Instansi Jl. Cirarab No. 5 Desa Sukadiri Kec. Sukadiri Kab.
Tangerang 15530
Dosen Pembimbing Edi Mariyanto, S.Kom., M.Kom

No. NIM NAMA

1. 191011401747 Ahmad Sukari
2. 191011401708 Habibullah
3. 191011401745 Ubaidillah

Paraf Pembimbing
No Tanggal Materi yang dikonsultasikan
MHS 1 MHS 2 MHS 3
1 11 Juni 2022 Pertemuan membahas perancangan
system perpustakaan.
2 16 Juni 2022 Observasi ke SMAN 21 Kabupaten
Tangerang
3 18 Juni 2022 Pertemuan membahas rancangan
aplikasi yang akan dibuat.
4 20-24 Juni Pelaksanaan Kerja Praktek di SMAN
21 Kabupaten Tangerang dan
2022
Mengkonsultasikan rancangan
aplikasi dan wireframe dari aplikasi
yang akan dibuat
Catatan :
Kolom Mhs 1, Mhs 2 dan Mhs 3 ditandatangani oleh pembimbing praktek KP
sebagai tanda kehadiran mahasiswa KP.
Tangerang, 24 Juni 2022
Pembimbing Praktek

Sulasiah, S.Pd., M.M

NIP. 197802122005012007

viii
 KATA PENGANTAR

Segala puja dan puji syukur kehadirat Allah Swt., yang telah melimpahkan
rahmat dan hidayah-Nya kepada kita semua, sehingga penulis dapat
menyelesaikan Laporan Kerja Praktek (KP) ini dengan judul “PERANCANGAN
SISTEM APLIKASI PERPUSTAKAAN SMAN 21 KABUPATEN
TANGERANG BERBASIS WEB”

Walaupun demikian penulis berusaha sebaik mungkin demi kesempurnaan

penyusunan laporan ini baik dari hasil kegiatan belajar di kampus, maupun dalam
melaksanakan kerja praktek di instansi yang dijalani penulis. Saran dan kritik
yang sifatnya membangun begitu diharapkan oleh penulis demi peningkatan diri
dalam penulisan laporan serupa berikutnya.

Dalam kesempatan ini , penulis mengucapkan banyak terimakasih kepada

semua pihak yang telah membantu dalam penyusunan Laporan Kerja Praktek ini,
diantaranya :

1. Bapak Dr.Hc. Drs. H. Darsono selaku Ketua Yayasan Sasmita Jaya.

2. Bapak Dr.E.Nurzaman A.M, Msi., M.M. selaku Rektor Universitas
Pamulang.
3. Bapak Syaiful Bakhri, ST., M.Eng.Sc.,Ph.D., selaku Dekan Fakultas
Teknik Universitas Pamulang.
4. Bapak Achmad Udin Zaelani, S.Kom., M.Kom, selaku Ketua Program
Studi Teknik Informatika Universitas Pamulang.
5. Bapak Edi Mariyanto, S.Kom., M.Kom selaku pembimbing Kerja Praktek
pada Program Studi Teknik Informatika di Universitas Pamulang.
6. Bapak Nana Sutisna, M.Pd selaku kepala sekolah SMAN 21 Kabupaten
Tangerang.
7. Sulasiah, S.Pd., MM. selaku pembimbing penulis saat melaksanakan kerja
praktek di SMAN 21 KABUPATEN TANGERANG, terimakasih atas
pelajaran berharga yang telah diberikan kepada penulis.

ix
 8. Seluruh staff SMAN 21 KABUPATEN TANGERANG yang sudah
menerima dan membantu penulis selama kerja praktek disana.

Akhir kata, penulis berharap laporan ini dapat bermanfaat bagi pembaca serta
dapat membantu para penulis yang memiliki topik serupa. Penulis ucapkan
terimakasih ke semua pihak yang telah membantu, semoga Allah Swt., membalas
semua kebaikan kalian. Aamiin

Tangerang, 24 Juni 2022

Penulis

x
 DAFTAR ISI

PERSETUJUAN LAPORAN KERJA PRAKTEK...............................................i

PENGESAHAN LAPORAN KERJA PRAKTEK................................................ii
LEMBAR PENGESAHAN SELESAI KERJA PRAKTEK.................................iii
LEMBAR PENILAIAN KERJA PRAKTEK MAHASISWA..............................iv
LEMBAR BERITA ACARA KONSULTASI DENGAN DOSEN
PEMBIMBING KP..............................................................................................vii
LEMBAR BERITA ACARA KONSULTASI DENGAN KEPALA
PERPUSTAKAAN..............................................................................................viii
KATA PENGANTAR..........................................................................................ix
DAFTAR ISI........................................................................................................xi
DAFTAR GAMBAR............................................................................................xiii
DAFTAR TABEL................................................................................................xiv
DAFTAR SIMBOL..............................................................................................xv
BAB I PENDAHULUAN.....................................................................................1
1.1 Latar Belakang......................................................................................1
1.2 Identifikasi Masalah..............................................................................2
1.3 Rumusan Masalah.................................................................................3
1.4 Tujuan dan Manfaat..............................................................................3
1.4.1 Tujuan Kerja Praktek....................................................................3
1.4.2 Tujuan Karya Ilmiah.....................................................................3
1.5 Batasan Masalah...................................................................................4
1.6 Manfaat Penelitian................................................................................4
1.7 Metodologi Penelitian...........................................................................5
1.8 Sistematika Penulisan...........................................................................6
BAB II ORGANISASI.........................................................................................8
2.1 Profil SMAN 21 Kabupaten Tangerang................................................8
2.2 Sejarah, Struktur Organisasi dan Tugas Organisasi...............................12
2.3 Unit Kerja Praktek................................................................................17
2.4 Infrastruktur Organisasi........................................................................17
2.5 Proses Kerja Perpustakaan SMAN 21 Kabupaten Tangerang...............18
BAB III PEMBAHASAN.....................................................................................20
3.1 Tinjauan Pustaka...................................................................................20
3.2 Analisa Sistem......................................................................................24

xi
 3.2.1 Analisa Sistem Berjalan................................................................24
3.2.2 Analisa Sistem Yang Diusulkan....................................................26
3.3 Perancangan Sistem..............................................................................29
3.3.1 Use Case Diagram.........................................................................29
3.3.2 Activity Diagram...........................................................................31
3.3.3 Entity Relationship Diagram (ERD)..............................................33
3.4 Perancangan Perangkat Lunak..............................................................34
3.4.1 Flowchart......................................................................................34
3.4.2 Perancangan Antarmuka (Interface)..............................................41
3.5 Implementasi.........................................................................................44
3.5.1 Implementasi Interface Login Admin atau Anggota....................44
3.5.2 Implementasi Interface Halaman Dashboard Admin.....................45
3.5.3 Implementasi Interface Halaman Dashboard Anggota..................46
3.5.4 Implementasi Interface Halaman Data Anggota............................47
3.5.5 Implementasi Interface Halaman Data Buku.................................47
3.5.6 Implementasi Interface Halaman Data Admin..............................48

BAB IV PENUTUP...............................................................................................48
4.1. Kesimpulan.............................................................................................48
4.2. Saran.......................................................................................................48
DAFTAR PUSTAKA............................................................................................50
DAFTAR LAMPIRAN..........................................................................................52

xii
 DAFTAR GAMBAR

Gambar 2. 1 Logo SMAN 21 Kabupaten Tangerang....................................11

Gambar 2.2 Struktur Organisasi SMAN 21 Kabupaten Tangerang......................13
Gambar 3.1 Activity Diagram Pengunjung...........................................................25
Gambar 3.2 Activity Diagram Pendaftaran Anggota Perpus Baru........................25
Gambar 3.3 Flowchart Sistem Pendaftaran Anggota Baru....................................28
Gambar 3.4 Flowchart Sistem Pencatatan Data Pengunjung................................29
Gambar 3.5 Use Case Sistem Pencatatan Data Pengunjung................................30
Gambar 3.6 Perancangan Activity Diagram Pengunjung......................................31
Gambar 3.7 Perancangan Activity Diagram Pendaftaran Anggota Baru Perpus...32
Gambar 3.8 Entity Relationship Diagram Aplikasi Perpustakaan.........................33
Gambar 3.9 Flowchart Login Admin/Anggota.....................................................34
Gambar 3.10 Flowchart Logout Admin/Anggota.................................................35
Gambar 3.11 Flowchart Melihat Data Anggota, Buku Dan Admin......................35
Gambar 3.12 Flowchart Menambah Data Anggota Perpus...................................36
Gambar 3.13 Flowchart Merubah Data Anggota Perpus.......................................37
Gambar 3.14 Flowchart Menghapus Data Anggota Perpus..................................37
Gambar 3.15 Flowchart Menambah E-book Perpustakaan...................................38
Gambar 3.16 Flowchart Merubah Data E-book Perpustakaan..............................38
Gambar 3.17 Flowchart Menghapus Data E-book Perpustakaan..........................39
Gambar 3.18 Flowchart Menambah Data Admin Perpustakaan...........................39
Gambar 3.19 Flowchart Merubah Data Admin Perpustakaan...............................40
Gambar 3.20 Flowchart Menghapus Data Admin Perpustakaan...........................40
Gambar 3.21 Perancangan Antarmuka Login.......................................................41
Gambar 3.22 Perancangan Antarmuka Dashboard................................................42
Gambar 3.23 Perancangan Antarmuka Form Pendaftaran Anggota......................43
Gambar 3.24 Perancangan Antarmuka Data Pengunjung.....................................43
Gambar 3.25 Interface Login Admin atau Anggota..............................................44
Gambar 3.26 Interface Halaman Dashboard Admin.............................................45
Gambar 3.27 Interface Halaman Dashboard Anggota Perpus...............................46
Gambar 3.28 Interface Halaman Data Anggota Perpus.........................................47
Gambar 3.29 Interface Halaman Data Buku Perpus.............................................47
Gambar 3.30 Interface Halaman Data Admin Perpus...........................................48

xiii
 DAFTAR TABEL

Tabel 2.1 Data Sarana...........................................................................................17

Tabel 2.2 Data Prasarana......................................................................................18

xiv
 DAFTAR SIMBOL

Simbol Use Case Diagram

N SIMBOL NAMA KETERANGAN

O
1 Orang atau sistem dari luar yang
memanfaatkan/menggunakan
sistem, dapat dikaitkan dengan
aktor lain menggunakan hubungan
spesialisasi/superclass,
Actor dilambangkan dengan panah
berongga dan diletakkan di luar
boundary.

2 Mencakup nama sistem/aplikasi di

bagian atas dan menggambarkan
cakupan (ruang lingkup)
sistem/aplikasi.
Boundary

3 Melambangkan/merepresentasikan
bagian utama dari fungsi sistem,
dapat mewarisi (extend) use case
lain. Dapat mencakup (include)
use case lain, diletakkan di dalam
Use Case
boundary, diberi label
menggunakan susunan kata kerja-
kata benda yang deskriptif.

4 Digunakan untuk
mengelompokkan secara logis
elemen UML , digunakan untuk
menyederhanakan diagram UML
Package dengan mengelompokkan unsur
terkait menjadi sebuah elemen
tingkat lebih tinggi.

5 Digunakan untuk menghubungkan

antara aktor dengan use case yang
Association
berinteraksi.

xv
 6 Melambangkan/merepresentasikan
use case khusus ke yang lebih
Generalizatio
umum, memiliki panah yang
n
ditarik dari use case khusus ke use
case dasar.
7 Melambangkan/merepresentasikan
masuknya fungsi satu use case ke
Include dalam use case lain dan memiliki
panah yang ditarik dari use case
dasar ke use case yang digunakan.
8 Melambangkan/merepresentasikan
perluasan/pewarisan (extension)
dari use case untuk memasukkan
Extend perilaku opsional dan memiliki
panah yang ditarik dari use case
perluasan/pewarisan (extension)
ke use case dasar.

Simbol Activity Diagram

NO GAMBAR NAMA KETERANGAN
1 Digunakan untuk
merepresentasikan
sekumpulan aksi dan diberi
Activity Activity label sesuai nama
aktivitasnya.

2 Menggambarkan awal dari

serangkaian tindakan atau
kegiatan.
Initial Node
initial

3 Digunakan untuk
mengakhiri semua arus
kontrol dalam semua
Final Node
aktivitas.
Final

xvi
 4 Apakah Digunakan untuk
merepresentasikan kondisi
uji untuk memastikan
Tidak bahwa aliran kontrol
Decision mengarah pada kondisi
Ya yang sesuai dan diberi label
dengan kriteria keputusan
untuk terus menyusuri.

5 Digunakan untuk
menghubungkan satu
simbol dan simbol lainnya
Control Flow dan menunjukan urutan
eksekusi.

Simbol Flowchart

N SIMBOL NAMA KETERANGAN

O
1 Terminal Point menunjukkan permulaan
Symbol (start) atau akhir (stop) dari
/ Simbol Titik suatu proses.
Terminal

3 Flow Direction simbol yang digunakan untuk

Symbol menghubungkan antara
/ Simbol Arus simbol yang satu dengan
simbol yang lain (connecting
line). Simbol ini juga
berfungsi untuk menunjukkan
garis alir dari proses.
4 Processing digunakan untuk
Symbol / menunjukkan kegiatan yang
Simbol Proses dilakukan oleh komputer.
Pada bidang industri (proses
produksi barang), simbol ini
menggambarkan kegiatan
inspeksi atau yang biasa
dikenal dengan simbol
inspeksi.

xvii
5 Decision Symbol simbol yang digunakan untuk
/ Simbol memilih proses atau
Keputusan keputusan berdasarkan
kondisi yang ada. Simbol ini
biasanya ditemui pada
flowchart program.
6 Input-Output / proses input-output yang
Simbol Keluar- terjadi tanpa bergantung dari
Masuk jenis peralatannya.

7 Predefined simbol yang digunakan untuk

Process / Simbol menunjukkan pelaksanaan
Proses suatu bagian prosedur (sub-
Terdefinisi proses). Dengan kata lain,
prosedur yang terinformasi di
sini belum detail dan akan
dirinci di tempat lain.

8 Connector Simbol ini fungsinya adalah

(On-page) untuk menyederhanakan
hubungan antar simbol yang
letaknya berjauhan atau rumit
bila dihubungkan dengan
garis dalam satu halaman.

9 Connector Sama seperti on-page

(Off-page) connector, hanya saya simbol
ini digunakan untuk
menghubungkan simbol
dalam halaman berbeda. label
dari
simbol ini dapat
menggunakan huruf atau
angka.
10 Preparation simbol yang digunakan untuk
Symbol / mempersiapkan penyimpanan
Simbol di dalam storage.
Persiapan

11 Manual Input digunakan untuk

Symbol menunjukkan input data
secara manual menggunakan
online keyboard.

xviii
12 Manual digunakan untuk
Operation menunjukkan kegiatan/proses
Symbol / yang tidak dilakukan oleh
Simbol Kegiatan komputer.
Manual
13 Document Jika Anda menemukan
Symbol simbol ini artinya input
berasal dari dokumen dalam
bentuk kertas, atau output
yang perlu dicetak di atas
kertas.
14 Multiple sama seperti document
Documents symbol hanya saja dokumen
yg digunakan lebih dari satu
dalam simbol ini.

15 Display Symbol simbol yang menyatakan

penggunaan peralatan output,
seperti layar monitor, printer,
plotter dan lain sebagainya.

16 Delay Symbol sesuai dengan namanya

digunakan untuk
menunjukkan proses delay
(menunggu) yang perlu
dilakukan. Seperti menunggu
surat untuk diarsipkan dll.

xix
 BAB 1

PENDAHULUA

1.1 Latar Belakang

Pemanfaatan perkembangan teknologi merupakan hal yang sangat penting

pada sebuah instansi Pendidikan seperti sekolah terutama dibidang perpustakaan
yang berbasis digital. Dengan pemanfaatan teknologi sebuah perpustakaan dapat
membangun sistem yang efisien untuk membantu kegiatan operasionalnya. Salah
satu pemanfaatan teknologi yang dapat dibuat adalah sebuah sistem untuk
pencatatan jumlah pengunjung perpustakaan.

Perpustakaan adalah sekumpulan bahan pustaka, baik yang tercetak maupun

rekaman yang lainnya, pada suatu tempat tertentu yang telah diatur sedemikian
rupa untuk mempermudah pemustaka mencari informasi yang diperlukannya dan
yang tujuan utamanya adalah untuk melayani kebutuhan informasi masyarakat
yang dilayaninya dan bukan untuk diperdagangkan. (Trimo, 2005:220).

Pada penelitian ini penulis melakukan observasi ke lokasi Kerja Praktek yaitu
SMAN 21 KABUPATEN TANGERANG, selama melakukan observasi penulis
melihat langsung proses kerja disana serta mewawancarai Ibu Sulasiah, S.Pd.,
MM. selaku kepala perpustakaan dan mendapatkan informasi berupa penjelasan
profil dari SMAN 21 KABUPATEN TANGERANG yang mencakup visi dan
misi , kemudian mewawancai kendala yang sedang dialami oleh kepala
perpustakaan.

Berdasarkan informasi yang didapat oleh penulis melalui wawancara, SMAN

21 Kabupaten Tangerang adalah sebuah sekolah negeri yang bergerak di bidang
Pendidikan. Sekolah SMAN 21 Kabupaten Tangerang didirikan pada tanggal 26
April 2006 dengan nomor izin SK pendirian Nomor: 421/Kop.134-Huk/206.

1
SMAN 21 Kabupaten Tangerang terletak di Kec. Sukadiri Kabupaten Tangerang
Provinsi Banten.

2
 SMAN 21 Kabupaten Tangerang juga memiliki fasilitas seperti perpustakaan
untuk para siswa dan siswinya membaca buku, namun perpustakaannya masih
memiliki kendala dalam sistem pencatatan pengunjung perpustakaan dimana
masih dilakukan secara manual. Sehingga Kami memiliki inisiatif untuk membuat
sebuah sistem pencatatan pengunjung perpustakaan berbasis web.

Pencatatan pengunjung perpustakaan secara manual yang dimaksud adalah

pustakawan yang ada pada perpustakaan melakukan pencatatan menggunakan
sebuah buku besar untuk keluar masuk pengunjung yang datang ke perpustakaan
dan kemudian di inputkan ke excel setiap harinya. Belum adanya pemanfaatan
perkembangan teknologi pada sistem pencatatan pengunjung perpustakaan ini
mengakibatkan lambatnya proses pembaharuan data pencatatan pengunjung
perpustakaan secara realtime.

Berdasarkan latar belakang tersebut, penulis tertarik untuk membuat suatu

aplikasi berbasis Web untuk pencatatan pengunjung perpustakaan yang berjudul
“PERANCANGAN SISTEM APLIKASI PERPUSTAKAAN SMAN 21
KABUPATEN TANGERANG BERBASIS WEB”

1.2 Identifikasi Masalah

Berdasarkan latar belakang yang sudah dijelaskan diatas, maka ter
identifikasikan beberapa masalah, yaitu :
a) Perpustakaan SMAN 21 Kabupaten Tangerang masih menggunakan buku
besar untuk pencatatan keluar masuk pengunjung.
b) Update data pengunjung pada perpustakaan SMAN 21 Kabupaten
Tangerang cenderung lambat dikarenakan belum adanya pemanfaatan
teknologi untuk menunjang sistem pencatatannya.
c) Perpustakaan SMAN 21 Kabupaten Tangerang belum memiliki sebuah
aplikasi khusus untuk pencatatan pengunjung perpustakaan.

3
1.3 Rumusan Masalah
Berdasarkan dari identifikasi masalah, maka dapat dirumuskan beberapa
masalah yang akan menjadi bahan pembahasan dan penelitian yang dilakukan
oleh penulis, adapun perumusan masalah yang di dapat antara lain :
a) Bagaimana cara mengganti sistem pencatatan pengunjung perpustakaan
SMAN 21 Kabupaten Tangerang yang awalnya hanya menggunakan
buku menjadi sebuah sistem?
b) Apakah perancangan aplikasi pencatatan pengunjung perpustakaan
berbasis web ini dapat membantu SMAN 21 Kabupaten Tangerang
dalam mempercepat proses update data pencatatan pengunjung
perpustakaan secara realtime ?

1.4 Tujuan dan Manfaat

1.4.1 Tujuan Kerja Praktek
Berdasarkan dari perumusan masalah yang dijelaskan diatas maka tujuan
Kerja Praktek ini adalah :
a) Untuk melaksanakan SKS atau satuan kredit semester yang harus
ditempuh sebagai persyaratan untuk mengambil tugas kerja
praktek.
b) Mengimplementasikan ilmu yang sudah di dapat selama masa
perkuliahan dan juga dapat lebih memahami ilmu tersebut.
c) Untuk membantu SMAN 21 Kabupaten Tangerang memanfaatkan
teknologi informasi untuk pencatatan pada perpustakaan SMAN
21 Kabupaten Tangerang agar lebih efisien.

1.4.2 Tujuan Karya Ilmiah

Berdasarkan rumusan masalah diatas maka tujuan karya ilmiah ini
dilakukan oleh penulis adalah :
a) Membuat aplikasi perpustakaan berbasis web untuk membantu
SMAN 21 Kabupaten Tangerang.

4
 b) Membahas sistem informasi perpustakaan berbasis web
menggunakan PHP (Hypertext Preprocessor), bootstrap, HTML
(Hyper Text Markup Language), CSS (Cascading Style sheet) dan
teknologi penunjang lainnya.

1.5 Batasan Masalah

Agar pembahasan pada penulisan ini tidak keluar dari maksud dan
tujuannya, maka penulis membuat batasan masalah yang hanya berhubungan
dengan topik permasalahan yang ada. Adapun beberapa batasan masalah yang
dibuat, yaitu :
a) Aplikasi pencatatan perpustakaan berbasis web dibuat berdasarkan studi
kasus yang dilakukan oleh penulis dengan cara mewawancarai petugas
perpustakaan di SMAN 21 Kabupaten Tangerang.
b) Fitur yang dibuat pada aplikasi ini berisikan menu dashboard.
c) Target pengguna aplikasi ini adalah pengunjung perpustakaan SMAN 21
Kabupaten Tangerang.
d) Dalam aplikasi ini terdapat dua jenis user yaitu user admin dan user
anggota.

1.6 Manfaat Penelitian

Hasil dari penelitian yang dilakukan oleh penulis diharapkan dapat membantu
dan bermanfaat untuk berbagai pihak, adapun manfaat yang diharapkan oleh
penulis yaitu :
a) Bagi Akademis
Hasil dari penelitian yang dilakukan diharapkan dapat memberikan
manfaat berupa tambahan ilmu dan wawasan mengenai teknologi
pembuatan sebuah web seperti bahasa pemrograman dan workframe.
b) Bagi Peneliti Selanjutnya
Hasil dari penelitian yang dilakukan diharapkan dapat menjadi referensi
yang dapat membantu para peneliti selanjutnya untuk mengembangkan
ide yang mungkin sama.

5
c) Bagi Peneliti

6
 Hasil dari penelitian yang dilakukan diharapkan dapat menambah
pengalaman dan dapat menjadi motivasi bagi penulis untuk terus
mengembangkan diri.
d) Manfaat untuk Universitas Pamulang :
Membantu menambah popularitas dan nama baik kampus di dunia
Pendidikan dan teknologi informasi dengan cara memberikan hasil
semaksimal mungkin kepada instansi tempat kerja praktek.
e) Manfaat untuk SMAN 21 Kabupaten Tangerang :
1. Hasil perancangan aplikasi perpustakaan ini diharapkan dapat
membantu SMAN 21 Kabupaten Tangerang dalam memperbaiki
sistem pencatatan yang masih dilakukan secra manual dan berpindah
ke media online.
2. Agar kinerja dari petugas perpustakaan SMAN 21 Kabupaten
Tangerang lebih baik dan efisien

1.7 Metodologi Penelitian

Metodologi penelitian adalah cara yang digunakan untuk mendapatkan data
secara ilmiah. Penggunaan metode penelitian dalam menjalankan sebuah
penelitian memiliki banyak manfaat kepada peneliti termasuk manfaat dalam
penyusunan laporan penelitian berdasarkan dari data-data yang diperoleh dalam
proses penelitiannya. Dalam penyusunan laporan kerja praktek ini , penulis
berpaku pada beberapa metode, yaitu :
a) Metode Observasi
Metode ini adalah metode yang digunakan penulis untuk pengumpulan
data dengan cara datang langsung dan mengamati keadaan yang ada pada
perpustakaan SMAN 21 Kabupaten Tangerang.
b) Metode Interview
Penulis mengumpulkan data mengenai sistem yang sedang berjalan dengan
cara mewawancarai petugas perpustakaan yang ada pada SMAN 21
Kabupaten Tangerang dengan kriteria petugas yang memiliki hubungan
dengan pencatatan pada perpustakaan SMAN 21 Kabupaten Tangerang.

7
 c) Metode Literatur ( Library Research )
Penulis melihat penelitian-penelitian terdahulu dan mengambil poin-poin
penting untuk dijadikan bahan referensi penelitiannya dan penulis
mengimplementasikannya dengan cara membaca materi pembuatan
laporan yang di dapat dari Universitas Pamulang.

1.8 Sistematika Penulisan

Tujuan pembuatan sistematika penulisan laporan kerja praktek ini adalah
untuk mempermudah penulisan Laporan Kerja Praktek serta membuat analisis
yang lebih terarah dan terfokus. Adapun Sistematika penulisan Laporan kerja
praktek ini adalah :

BAB I : PENDAHULUAN
Bab 1 berisikan keterangan mengenai pembahasan ringkas dari
latar belakang dilakukannya penelitian, identifikasi masalah, perumusan dari
masalah yang sudah diidentifikasi, tujuan dari penulisan metode yang
digunakan saat kerja praktek dan sistematika dari penulisan laporan kerja
praktek.

BAB II : TINJAUAN ORGANISASI

Bab ini berisikan penjelasan mengenai profil, visi dan misi,
sejarah organisasi, struktur organisasi, wewenang dari setiap bagian yang ada
pada organisasi dan data infrastruktur yang ada pada perpustakaan SMAN 21
Kabupaten Tangerang.

BAB III : ANALISIS DAN PEMBAHASAN

Bab ini berisikan mengenai penjelasan teori dan pembahasan
yang dilakukan saat melakukan penelitian di Perpustakaan SMAN 21
Kabupaten Tangerang.

8
BAB IV : PENUTUP
Bab ini berisikan mengenai kesimpulan dan saran dari
pelaksanaan dan pelaporan Kerja Praktek di SMAN 21 Kabupaten
Tangerang.

9
 BAB II

ORGANISAS

2.1 Profil SMAN 21 Kabupaten Tangerang

SMAN 21 Kabupaten Tangerang merupakan Sekolah Menengah Atas

Negeri yang ke – 21 yang berada di Kabupaten Tangerang yang lebih tepatnya
beralamat di Jl. Cirarab No. 5 Desa Sukadiri Kec. Sukadiri Kab. Tangerang dan
juga sekolah berstatus negeri yang terakreditasi A. Nomor Statistik Sekolah (NSS)
atau Nomor Pokok Sekolah Nasional (NPSN) SMAN 21 Kabupaten Tangerang
yaitu 301300426004/20613544 dimana kepala sekolah yang saat ini menjabat
bernama Nana Sutisna, M.Pd. SMAN 21 Kabupaten Tangerang adalah sekolah
milik pemerintah dengan nomor SK Pendirian yaitu 421/Kop.134-
Huk/206.Tanggal 26 April 2006 dengan kepemilikan tanah Pemerintah Daerah
SK bupati Kabupaten Tangerang No. 592.2/Kep.425.Huk/2006 Tanggal 22
Nopember 2006.

A Tujuan Pendidikan Nasional

Bertujuan untuk berkembangnya potensi peserta didik agar menjadi
manusia yang beriman dan bertakwa kepada Tuhan Yang Maha Esa,
berakhlak mulia, sehat, berilmu, cakap, kreatif, mandiri, dan menjadi
warga negara yang demokratis serta bertanggung jawab.
B Tujuan Pendidikan Menengah
Tujuan pendidikan menengah adalah meningkatkan kecerdasan,
pengetahuan, kepribadian, akhlak mulia, serta keterampilan untuk hidup
mandiri dan mengikuti pendidikan lebih lanjut.
C Visi Sma Negeri 21 Kabupaten Tangerang
Visi SMA Negeri 21 Kabupaten Tangerang adalah membentuk
peserta didik yang religius, berakhlak mulia, sehat, cerdas, berkualitas dan
berwawasan lingkungan.
Dengan indikator ketercapaiannya sebagai berikut :
1
 1 Religius: Taat kepada Allah SWT dan Rasul Nya serta rajin
beribadah;
2 Berakhlak Mulia: memiliki sopan santun dan peduli terhadap
sesama;
3 Sehat: Sehat jasmani dan rohani;
4 Cerdas: Berprestasi secara akademik dan non akademik;
5 Berkualitas: memiliki kompetensi dalam bidang teknologi digital;
6 Berwawasan Lingkungan: Mampu menjaga kebersihan diri dan
lingkungannya.

D Misi Sma Negeri 21 Kabupaten Tangerang

Misi SMA Negeri 21 Kabupaten Tangerang adalah :
1 Menyelenggarakan pembelajaran yang berorientasi kepada
peningkatan keimanan dan ketaqwaan terhadap Tuhan Yang Maha
Esa;
2 Membentuk karakter peserta didik yang berakhlak mulia, baik di
lingkungan sekolah maupun di luar sekolah;
3 Menciptakan sekolah yang aman, sehat, dan peduli lingkungan;
4 Membudayakan 5S dan menumbuhkembangkan budaya literasi di
sekolah;
5 Meningkatkan prestasi akademik dan non akademik peserta didik;
6 Meningkatkan lulusan yang di terima di Perguruan Tinggi;
7 Meningkatkan kompetensi dalam bidang teknologi digital;
8 Menciptakan warga sekolah yang mampu bersinergi dengan
berbagai unsur.

E Tujuan
1 Tujuan Jangka Pendek (Tahun Ajaran 2021 – 2022)
1.1 Terbentuknya peserta didik yang beriman dan bertaqwa kepada
Tuhan Yang Maha Esa;

1
 1.2 Terbentuknya peserta didik yang berakhlak mulia;
1.3 Terselenggaranya sekolah yang sehat, aman dan peduli lingkungan;
1.4 Terlaksananya pembiasaan 5S dan literasi di lingkungan sekolah;
1.5 Meningkatnya jumlah peserta didik yang mengikuti berbagai ajang
lomba akademik dan non akademik;
1.6 Meningkatnya jumlah alumni yang mengikuti seleksi masuk
perguruan tinggi;
1.7 Meningkatnya jumlah peserta didik dalam penggunaan teknologi
digital;
1.8 Mewujudkan sinergitas semua warga sekolah.
2 Tujuan Jangka Menengah (2021 – 2023)
2.1 Terbentuknya peserta didik yang beriman dan bertaqwa kepada
Tuhan Yang Maha Esa;
2.2 Terbentuknya peserta didik yang berakhlak mulia;
2.3 Terciptanya sekolah yang sehat, aman dan peduli lingkungan;
2.4 Terciptanya pembiasaan 5S dan literasi di lingkungan sekolah;
2.5 Meningkatnya jumlah peserta didik yang menjuarai berbagai ajang
lomba akademik dan non akademik;
2.6 Meningkatnya jumlah alumni yang lulus seleksi masuk perguruan
tinggi;
2.7 Meningkatnya kompetensi peserta didik dalam penggunaan
teknologi digital;
2.8 Meningkatnya sinergitas semua warga sekolah.
3 Tujuan Jangka Panjang (2021 – 2025)
3.1 Terbentuknya peserta didik yang beriman dan bertaqwa kepada
Tuhan Yang Maha Esa;
3.2 Terbentuknya peserta didik yang berakhlak mulia;
3.3 Sekolah yang sehat, aman dan peduli lingkungan menjadi ikon
sekolah;

1
 3.4 Pembiasaan 5S dan literasi di lingkungan sekolah menjadi budaya
sekolah;
3.5 Menjadi sekolah yang mampu menjuarai berbagai ajang lomba
akademik dan non akademik;
3.6 Meningkatnya jumlah alumni yang melanjutkan pendidikan ke
perguruan tinggi;
3.7 Terciptanya peserta didik yang memiliki kompetensi dalam
penggunaan teknologi digital;
3.8 Terciptanya sinergitas semua warga sekolah.

F Motto
Think Smart, Do Right

A. Logo SMAN 21 Kabupaten Tangerang

Gambar 2.1 Logo SMAN 21 Kabupaten Tangerang

2.2 Sejarah, Struktur Organisasi dan Tugas Organisasi

A. Sejarah Singkat SMAN 21 Kabupaten Tangerang
Sistem Pendidikan Nasional (Sisdiknas) merupakan pilar amat
penting untuk membangun mentalitas bangsa, kecerdasan seluruh warga
dan masa depan eksistensi suatu bangsa. Sistem pendidikan nasional
hendaknya mengacu pada filosofi yang sudah disepakati bersama

1
sebagai

1
 landasan membangun hidup berbangsa dan bernegara yang berdaulat,
yakni UUD 1945, Pancasila dan komitmen untuk terus mewujudkan
NKRI yang adil dan makmur. Filosofi pendidikan ini akan menghasilkan
generasi bangsa yang berpendirian, berkarakter dan tidak terombang –
ambing dinamika kemajuan zaman.
SMA Negeri 21 Kabupaten Tangerang (SMAN 1 Sukadiri)
merupakan salah satu Sekolah Negeri yang berada di Kabupaten
Tangerang. SMA Negeri 21 Kabupaten Tangerang yang secara geografis
terletak di jalan Cirarab. No. 05 Sukadiri Kabupaten Tangerang. Berada di
belakang Kecamatan Sukadiri dan di samping Puskesmas Sukadiri yang
merupakan lingkungan wilayah Pemerintah Daerah Kecamatan Sukadiri.
SMAN 1 Sukadiri kemudian menjadi SMA Negeri 21 Kabupaten
Tangerang didirikan pada tanggal 26 April 2006 yang dikuatkan dengan
SK Pendirian Nomor 421/Kop.134-Huk/2006 tentang Pembukaan dan
Penegrian Sekolah, tertanggal 26 April 2006.

B. Struktur Organisasi SMAN 21 Kabupaten Tangerang

SMAN 21 Kabupaten Tangerang memiliki struktur organisasi
mulai dari kepala sekolah sampai dengan siswa Berikut ini adalah susunan
struktur organisasi SMAN 21 Kabupaten Tangerang

1
 Gambar 2.2 Struktur Organisasi SMAN 21 Kabupaten Tangerang

C. Tugas Organisasi
Struktur Organisasi diatas merupakan struktur yang
menggambarkan direktorat dan bidang-bidang yang ada pada SMAN 21

1
Kabupaten Tangerang, berikut adalah penjelasan dari tugas dan perkerjaan
secara garis besar yang terdapat pada struktur organisasi diatas.
1) Kepala Sekolah
Merumuskan, menetapkan, dan mengembangkan visi sekolah.
Merumuskan, menetapkan, dan mengembangkan misi sekolah.
Merumuskan, menetapkan, dan mengembangkan tujuan sekolah.
Membuat Rencana Kerja Sekolah (RKS) dan Rencana Kegiatan dan
Anggaran Sekolah (RKAS).
Membuat perencanaan program induksi.
2) Komite Sekolah
Memberikan pertimbangan dalam penentuan dan pelaksanaan kebijakan
pendidikan terkait: kebijakan dan program Sekolah, Rencana Anggaran
Pendapatan dan Belanja Sekolah/Rencana Kerja dan Anggaran Sekolah
(RAPBS/RKAS), kriteria kinerja Sekolah, kriteria fasilitas pendidikan
di Sekolah.
3) Koordinator Tata Usaha Sekolah
Menyusun dan melakssanakan program kerja Tata Usaha Sekolah.
Mengurus kebutuhan fasilitas tata usaha sekolah.
Mengkoordinir pengelolaan keuangan
sekolah. Mengatur pengurusan kepegawaian.
Membina dan mengembangkan karir tenaga tata usaha sekolah.
Menyiapkan dan menyajikan data statistik sekolah.
4) Staff Tata Usaha
Pelaksanaan administrasi ketatausahaan
Pelaksanaan verifikasi produk hukum pelaksanaan program
kegiatan Pelaksanaan administrasi kepegawaian
5) Wakil Kepala Sekolah (Wakasek) Kesiswaan
Melaksanakan bimbingan, pengarahan, pengendalian kegiatan siswa /
OSIS dalam rangka menegakkan disiplin dan tata tertib sekolah serta
pemilihan pengurus.

1
 Membina pengurus OSIS dalam berorganisasi.
6) Wakil Kepala Sekolah (Wakasek) Kurikulum
Membantu Kepala Sekolah dalam menyusun Perencanaan Program
kegiatan Sekolah
Membantu Kepala Sekolah dalam Pengorganisasian
Membantu Kepala Sekolah dalam Pengarahan
Membantu Kepala Sekolah dalam Ketenagaan
Membantu Kepala Sekolah dalam Pengkoordinasian
Membantu Kepala Sekolah dalam Pengawasan
Membantu Kepala Sekolah dalam Penilaian
Membantu Kepala Sekolah dalam Identifikasi dan Pengumpulan
data Mewakili Kepala Sekolah dalam Rapat
Membantu Kepala Sekolah dalam membuat laporan berkala
7) Wakil Kepala Sekolah (Wakasek) Sarana
Membuat dan menyusun program kerja tahunan kegiatan sekolah di
bidang sarana dan prasarana dan mengkoordinir serta mengawasi
pelaksanaannya.
Melakukan inventarisasi dan menganalisis kebutuhan sarana dan
prasarana baik yang berhubungan langsung dengan KBM atau yang
mendukung KBM.
Melakukanasi terhadap keberadaan sarana dan prasarana secara berkala
untuk kemudian dilakukan pemilahan apakah barang itu layak pakai,
habis pakai, dsb.
pengendalian APBS dalam bidang sarana dan prasarana.
8) Wakil Kepala Sekolah (Wakasek) Humas
Menyusun perencanaan, membuat program kegiatan dan program
pelaksanaan.
Pengorganisasian.
Pengarahan.
Ketenagaan.

1
 Pengkoordinasian
.
Pengawasan.
Penilaian.
Identifikasi dan pengumpulan data.
9) Kepala Laboratorium Komputer
Merancang sistem mutu prosedur tata kelola Laboratorium Komputer
Menetapkan visi, misi, tujuan, serta kebijakan dan tujuan mutu
Laboratorium Komputer
Menetapkan sistem pemantauan, evaluasi, dan peningkatan
tata/kegiatan Laboratorium Komputer.
10) Bimbingan Konseling
Membantu Meningkatkan Prestasi Belajar Siswa
Membantu Memecahkan Masalah yang Dihadapi Siswa
Membantu Mengetahui dan Mengembangkan Kemampuan Siswa
Sebagai Mediator
Memberikan Motivasi Belajar Pada Siswa
Memberikan Materi Pengembangan Diri dan Pelajaran Budi Pekerti
11) Kepala Perpustakaan
Menyusun program kerja jangka pendek, menengah dan panjang, serta
menyusun petunjuk pelaksanaan dan rencana anggaran keuangan,
mengorganisasi tugas-tugas tenaga perpustakaan dan menyiapkan
rencana kebutuhan tenaga serta sarana dan prasarana yang diperlukan
12) Dewan Guru
Menjaga, mengarahkan dan membimbing agar siswa tumbuh dan
berkembang sesuai dengan potensi, minat dan bakatnya. Guru sebagai
motivator, proses pembelajaran akan berhasil manakala siswa memiliki
motivasi dalam belajar. Oleh sebab itu, guru perlu menumbuhkan
potensi belajar siswa
13) Siswa
Memahami dan mempelajari materi yang diajarakan

1
 Mengerjakan tugas-tugas yang diberikan oleh guru
Mempelajari kembali materi yang telah diajarkan dan mengerjakan
pekerjan rumah jika ada pekerjaan rumah

2.3 Unit Kerja Praktek

Saat menjalankan Kerja Praktek, penulis ditempatkan di gedung perpustakaan
SMAN 21 Kabupaten Tangerang. Pada bagian perpustakaan sendiri memiliki
struktur organisasi tersendiri. Berikut adalah struktur organisasi dari bagian
perpustakaan SMAN 21 Kabupaten Tangerang. Adapula tugas yang dilakukan oleh
bagian perpustakaan antara lain :
A. Kepala Perpustakaan
Kepala perpustakaan bertugas memimpin dan bertanggung jawab
atas seluruh pekerjaan yang dilakukan pada perpustakaan. Melaksanakan
Program Kerja sesuai dengan SOP (Standard Operating Procedure) yang
telah ditetapkan oleh SMAN 21 Kabupaten Tangerang. Memberikan
pengawasan dan penjagaan pada perpustakaan agar tetap bersih dan
nyaman serta menjaga dan mengontrol buku – buku yang ada pada
perpustakaan.

2.4 Infrastruktur Organisasi

A. Sarana Dan Prasarana Pada Perpustakaan
Berikut adalah tabel sarana dan prasarana yang terdapat pada perpustakaan
SMAN 21 Kab. Tangerang.
Tabel 2.1 Data Sarana

No Nama Ruang Jumlah

1. Ruang Kelas 22

2. Ruang Kepala Sekolah 1

3 Ruang Guru 1

2
4. Lab. Komputer 1

2
 5. Perpustakaan 1

6. Ruang TU 1

Total 27

Tabel 2.2 Data Prasarana

No Nama Ruang Jumlah

1. Parkiran 2

2. Toilet 12

3 Tempat Ibadah 1

4. Kantin 4

5 Pos Keamanan 1

6 Lapangan Utama Sekolah 1

Total 15

2.5 Proses Kerja Perpustakaan SMAN 21 Kabupaten Tangerang

Perpustakaan SMAN 21 Kabupaten Tangerang adalah bagian dari salah

satu unit atau sarana yang dimiliki oleh sekolah dimana ada berbagai kegiatan
didalamnya dari mulai kunjungan siswa keperpustakaan baik untuk membaca
maupun untuk meminjam buku yang ada di Perpustakaan SMAN 21
Kabupaten Tangerang. Pada kegiatan kerja praktek ini penulis ditempatkan di
perpustakaan untuk terjun langsung dan menyaksikan bagaimana proses
ataupun prosedur yang ada pada bagian perpustakaan. Adapun alur dari
kegiatan atau prosedur itu sendiri antara lain .

a) Siswa Berkunjung Ke Perpustakaan

2
 1. Siswa berkunjung ke perpustakaan dengan membawa kartu identitas
siswa dan menunjukkan kartu identitas tersebut ke petugas penjaga
perpustakaan.
2. Petugas perpustakaan mencatat pengunjung perpustakaan di buku
catatan pengunjung.
b) Siswa Meminjam Buku Perpustakaan
1. Siswa berkunjung ke perpustakaan dengan membawa kartu identitas
siswa dan menunjukkan kartu identitas tersebut ke petugas penjaga
perpustakaan.
2. Petugas perpustakaan mencatat buku yang di pinjam oleh siswa
adapun yang di catat adalah sebagai berikut :
 Identitas peminjam
 Judul buku
 Penerbit
 Penulis
 Tanggal pinjam
 Tanggal kembali

2
 BAB III

PEMBAHASAN

3.1 Tinjauan Pustaka

A. Teori Perancangan Sistem

Perancangan merupakan penentuan proses dan data yang

diperlukan oleh sistem baru. Manfaat tahap perancangan sistem ini
memberikan gambaran rancangan bangun yang lengkap sebagai
pedoman bagi programmer dalam mengembangkan aplikasi. Sesuai
dengan komponen sistem yang dikomputerisasikan, maka yang harus
didesain dalam tahap ini mencakup hardware atau software, database
dan aplikasi. Menurut Sommerville dalam buku Agus Mulyanto ( 2009 :
259 )
proses perancangan bisa melibatkan pengembangan beberapa model
sistem pada tingkat abstraksi yang berbeda-beda.
Menurut Soetam Rizky (2011 : 140) perancangan adalah sebuah
proses untuk mendefinisikan sesuatu yang akan dikerjakan dengan
menggunakan teknik yang bervariasi serta didalamnya melibatkan
deskripsi mengenai arsitektur serta detail komponen dan juga
keterbatasan yang akan dialami dalam proses pengerjaannya.
Berdasarkan beberapa pendapat diatas dapat disimpulkan bahwa
perancangan adalah tahapan setelah analisis sistem yang tujuannya
untuk menghasilkan rancangan yang memenuhi kebutuhan yang
ditentukan selama tahap analisis.

B. Teori Sistem Informasi

Sistem informasi adalah kerangka kerja yang mengkoordinasikan
sumber daya (manusia, komputer) untuk mengubah masukan (input)
menjadi keluaran (informasi), guna mencapai sasaran– sasaran perusahaan

2
(kartika, 2014). Sistem informasi merupakan sistem yang disusun secara

2
 sistematik dan teratur dari jaringan-jaringan aliran informasi yang
menghubungkan setiap bagian dari suatu sistem, sehingga memungkinkan
diadakannya komunikasi antar bagian atau satuan fungsional ( suprapto.,
2020)
Tujuan dari penelitian ini adalah untuk membangun sebuah
aplikasi perpustakaan berbasis web dengan memanfaatkan sistem
informasi yang berhubungan dengan segala sistem berbasis komputer,
sehingga pembuatan aplikasi ini dapat lebih cepat dan efisien. Dengan
demikian penggunaan sistem informasi ini diharapkan dapat membantu
proses pembuatannya.

C. Perpustakaan
Perpustakaan adalah sekumpulan bahan pustaka, baik yang tercetak
maupun rekaman yang lainnya, pada suatu tempat tertentu yang telah
diatur sedemikian rupa untuk mempermudah pemustaka mencari informasi
yang diperlukannya dan yang tujuannya utamanya adalah untuk melayani
kebutuhan informasi masyarakat yang dilayaninya dan bukan untuk
diperdagangkan. (Trimo, 2005:220).

D. Website
Website adalah kumpulan halaman dalam suatu domain yang
memuat tentang berbagai informasi agar dapat dibaca dan dilihat oleh
pengguna internet melalui sebuah mesin pencari. Informasi yang dapat
dimuat dalam sebuah website umumnya berisi mengenai konten gambar,
ilustrasi, video, dan teks untuk berbagai macam kepentingan. Biasanya
untuk tampilan awal sebuah website dapat diakses melalui halaman utama
(homepage) menggunakan browser dengan menuliskan URL (Uniform
Resource Locators) yang tepat. Di dalam sebuah homepage, juga memuat
beberapa halaman web turunan yang saling terhubung satu dengan yang
lain(Website: Pengertian, Fungsi, Jenis, Manfaat, Dan Cara Membuat,
n.d.) .
2
 Website adalah suatu media yang bisa digunakan untuk
menampung berbagai jenis informasi seperti teks, suara, gambar, dan
animasi yang dimana bisa diakses oleh komputer melalui internet. Website
merupakan media informasi berbasis jaringan komputer yang bisa diakses
kapan saja dan di mana saja dengan biaya yang murah. Website ini muncul
karena adanya kebutuhan pasar yang semakin tinggi (Dody Firmansyah et
al., 2022). Website merupakan lokasi di internet yang dapat menyajikan
banyak hal yang kita butuhkan. Berikut adalah fungsi website secara
umum.
1) Sebagai Sarana Informasi
2) Sebagai Blog
3) Sebagai sarana transaksi jual beli pada toko online
4) Media penghibur melalui situs situs entertainment

E. HTML
HTML (Hyper Text Markup Language) merupakan bahasa
pemrograman terstruktur yang dikembangkan untuk membuat halaman
website yang dapat diakses dari tampilan menggunakan web browser.
HTML (Hyper Text Markup Language) sendiri secara resmi lahir pada
tahun 1989 oleh Tim Beners Lee dan dikembangkan oleh World Wide Web
Consotrium (W3C), yang kemudian pada tahun 2004 dibentuklah Web
Hypertext Application Technology Working Group (WHATG) yang
hingga kini bertanggung jawab akan perkembangan bahasa HTML (Hyper
Text Markup Language) ini. Hingga kini telah mengembangkan HTML 5,
sebuah versi terbaru dari HTML (Hyper Text Markup Language) yang
mendukung tidak hanya gambar dan teks, namun juga menu interaktif,
audio, video dan lain sebagainya (Buku Sakti Pemrograman Web: HTML,
CSS, PHP, MySQL & Javascript - Didik Setiawan - 2018.).

2
F. CSS
Secara definitif, CSS (Cascading Style Sheet) adalah kumpulan kode
untuk mendefinisikan desain dari bahasa markup. kerena ada kata bahasa
markup pada definisi CSS (Cascading Style Sheet), maka relasi antara CSS
(Cascading Style Sheet) dan HTML (Hyper Text Markup Language)
sangatlah dekat. CSS (Cascading Style Sheet) merupakan kumpulan kode
untuk mendesain atau mempercantik tampilan pada sebuah halaman
website, dengan atara lain dengan memanfaatkan CSS (Cascading Style
Sheet) kita dapat mengubah desain standar yang dihasilkan oleh HTML
(Hyper Text Markup Language) menjadi variasi-variasi yang lebih
kompleks (Pengenalan HTML Dan CSS - Jubilee Enterprise -2016.).

G. PHP
Dilansir dalam buku Sakti Pemrograman Web ( Didik Setiawan
,2018.), php adalah singkatan dari Hypertext Preprocessor, yang
merupakan sebuah bahasa scripting tingkat tinggi yang dipasang pada
dokumen HTML (Hyper Text Markup Language). Sebagian syntax yang
ada pada PHP mirip dengan bahasa C, Java, dan Perl, namun pada PHP
(Hypertext Preprocessor) ada beberapa fungsi yang lebih spesifik.
sedangkan tujuan utama dari penggunaan bahasa ini adalah untuk
memungkinkan perancangan web yang dinamis dan dapat bekerja secara
otomatis.
Untuk dapat berjalan, PHP membutuhkan web server, yang bertugas untuk
memproses file-file php dan mengirimkan hasil pemrosesan untuk
ditampilkan di browser client. Oleh karena itu, PHP termasuk server-side
scripting (script yang diproses di sisi server). Web server sendiri adalah
software yang diinstall pada komputer lokal ataupun komputer lain yang
berada di jaringan intranet / internet yang berfungsi untuk melayani
permintaan-permintaan web dari client. Web server yang paling banyak
digunakan saat ini untuk PHP adalah “Apache” .Selain Apache, PHP juga
memerlukan PHP binary yang bisa dikonfigurasikan sebagai modul
2
Apache

2
 atau pun sebagai aplikasi CGI. Untuk media penyimpanan datanya
(database server), PHP biasa menggunakan ”MySQL” (Yuliano, 2017).

H. Database & MySQL

Database (basis data) adalah suatu pengorganisasian sekumpulan
data yang saling terkait sehingga memudahkan aktivitas untuk
memperoleh informasi. Database dimaksudkan untuk mengatasi problem
pada sistem yang memakai pendekatan berbasis berkas. ( Syafarina.,
2020). MySQL merupakan software RDBMS (Relational Database
Management System) yang dapat mengelola database dengan sangat cepat,
dapat menampung data dalam jumlah sangat besar, dapat diakses oleh
banyak user atau multi- user dan dapat melakukan suatu proses secara
sinkron atau berbarengan atau multi-threaded (Christian et al., 2018).

3.2 Analisa Sistem

3.2.1 Analisa Sistem Berjalan
Sistem pencatatan pengunjung perpustakaan yang berjalan pada
unit ruang perpustkaan di SMAN 21 Kabupaten Tangerang saat ini masih
dilakukan dengan cara manual dan belum memiliki sebuah wadah khusus
berbentuk aplikasi yang memanfaatkan kemajuan dari teknologi informasi.
Pencatatan pengunjung perpustakaan yang dimaksud adalah pencatatan
dari keluar dan masuknya pengunjung pada perpustakaan. Pencatatan ini
masih dilakukan dengan cara mencatatnya pada sebuah buku pengunjung
dan kemudian di input ke dalam file Microsoft excel. Berikut adalah
sistem pencatatan pengunjung perpustakaan yang digambarkan dalam
sebuah activity diagram.

3
 Gambar 3.1 Activity Diagram Pengunjung
Pada gambar diatas merupaka activity diagram pengunjung
perpustakaan yang sedang berjalan sebelum adanya impelentasi aplikasi
perpustakaanberbasis web.

Gambar 3.2 Activity Diagram Pendaftaran Anggota Perpus Baru

3
 Pada gambar diatas merupaka activity diagram pendaftaran anggota baru
perpustakaan SMAN 21 Kabupaten Tangerang yang sedang berjalan
sebelum adanya impelentasi aplikasi perpustakaan berbasis web.

3.2.2 Analisa Sistem Yang Diusulkan

Analisa sebuah sistem adalah penguraian dari sebuah sistem yang

lengkap kedalam beberapa komponen untuk diidentifikasi dan dievaluasi
permasalahannya. Analisa itu sendiri terdiri dari dua bagian yaitu analisa
masalah dan analisa kebutuhan sistem. Untuk membangun sebuah aplikasi
memerlukan beberapa tahapan yang harus dilakukan untuk pembangunannya.
Perancangan Sistem yang akan digambarkan antara lain use case diagram,
flowchart, activity diagram, perancangan database dan perancangan antarmuka
yang akan dibangun dengan berbasis web.

a) Analisa Masalah
Aplikasi perpustakaan berbasis web ini merupakan sebuah aplikasi
yang diperuntukkan untuk mempermudah unit perpustakaan pada SMAN
21 Kabupaten Tangerang dalam melakukan pencatatan pengunjung
perpustakaan, anggota perpustakaan dan mengelola buku – buku yang ada
di perpustakaan SMAN 21 Kabupatem Tangerang.
b) Analisa Kebutuhan Sistem
1. Kebutuhan Data
Data yang akan di olah dalam aplikasi perpustakaan ini antara lain :
a. Email dan nama lengkap sebagai username dan password untuk
login sebagai admin dan anggota;
b. Email, nama , jenis kelamin, usia, tempat tanggal lahir, alamat
dan foto untuk data yang akan di isi dalam halaman data
anggota;
c. Id_buku, judul_buku, pengarang_buku, tahun_terbit, penerbit,
isbn, kategori, jumlah_buku, asal_buku, tanggal_input, gambar,
dan link_buku sebagai detail data buku yang ada pada

3
perpustakaan SMAN 21 Kabupaten Tangerang;

3
 d. Nama_pengunjung, jenis_kelamin, kelas, keperluan, saran,
tanggal_kunjung, dan jam_kunjung sebagai detail data pada
pengunjung pada perpustakaan SMAN 21 Kabupaten
Tangerang.
2. Kebutuhan Antarmuka
Perancangan interface atau antarmuka merupakan bagian dari
sebuah analisa untuk mendapatkan penggambaran dari layout yang akan
dibuat pada sebuah aplikasi. Adapun perancangan antarmuka pada
aplikasi ini akan dibuat oleh penulis untuk sisi Admin dan anggota
sebagai user yang ada pada aplikasi ini.
3. Kebutuhan Fungsi
Kebutuhan fungsi merupakan penjabaran dari proses jalannya
fungsi yang dapat berupa penjelasan secara terperinci dari fungsi yang
digunakan untuk menyelesaikan masalah. Adapun fungsi-fungsi yang
direncanakan untuk dibuat pada aplikasi perpustakaan ini sebagai
berikut :
a. Page Login untuk admin memasukan data username dan
password agar dapat masuk ke dalam aplikasi perpustakaan
sebagai admin atau petugas perpustakaan
b. Page Login untuk anggota memasukkan data username dan
password agar dapat masuk ke dalam aplikasi perpustakaan
sebagai anggota perpustakaan
c. Page Dashboard untuk melihat grafik statistik data peminjaman
buku, pengunjung, data anggota dan buku yang terdapat pada
aplikasi ini.,
d. Page data anggota untuk melihat jumlah anggota yang terdaftar
di perpustakaan SMAN 21 Kabupaten Tangerang,
e. Page data buku untuk melihat jumlah buku yang terdaftar di
perpustakaan SMAN 21 Kabupaten Tangerang,

3
 f. Page data admin untuk melihat jumlah admin yang terdaftar di
perpustakaan SMAN 21 Kabupaten Tangerang,
g. Page laporan untuk melihat keseluruhan transaksi yang terjadi
pada perpustakaan SMAN 21 Kabupaten Tangerang,
h. Page backup data untuk mem-backup data data dari transaksi
yang terjadi pada aplikasi perpustakaan SMAN 21 Kabupaten
Tangerang,
i. Page tentang perpustakaan untuk melihat tentang perpustakaan
SMAN 21 Kabupaten Tangerang, baik itu email, website dan
media sosial lainnya.

Berdasarkan dari kebutuhan- kebutuhan yang di jelaskan diatas, Adapun sistem

yang disusulkan untuk perpustakaan SMAN 21 Kabupaten Tangerang antara
lain:

1. Sistem Pendaftaran Anggota Baru Perpustakaan

Gambar 3.3 Flowchart Sistem Pendaftaran Anggota Baru

Dari gambar diatas merupakan alur flowchart dari sistem pendaftaran

anggota baru perpustakaan.

3
 2. Sistem Pencatatan Data Pengunjung

Gambar 3.4 Flowchart Sistem Pencatatan Data Pengunjung

Dari gambar diatas merupakan alur flowchart dari sistem pencatatan data
pengunjung perpustakaan.

3.3 Perangcangan Sistem

Perancangan sistem yang akan dibuat pada aplikasi perpustakaan berbasis web
adalah sebagai berikut :
3.3.1 Use Case Diagram

Use Case merupakan pemodelan untuk mengetahui kelakuan

(behaviour) sistem informasi yang akan dibuat. Use case mendeskripsikan
sebuah interaksi antara satu atau lebih aktor dengan sistem yang akan dibuat
dan berfungsi untuk mengetahui fungsi apa saja yang ada didalam sebuah

3
sistem dan siapa saja yang

3
berhak menggunakan fungsi – fungsi itu. Berikut adalah tiga komponen utama
yang ada dalam pendefinisian use case diagram.

a. Actor
Actor merupakan setiap hal di luar sistem yang menggunakan
komponen sistem untuk melakukan sesuatu. Aktor dapat berupa
manusia, perangkat, atau bahkan sistem tersebut yang menjadi peranan
dalam keberhasilan sebuah operasi dalam sistem yang dibangun
b. Sistem
Komponen ini menyatakan batasan dari sistem di dalam relasi yang
dilakukan dengan actor yang menggunakannya (di luar sistem). Serta,
fitur harus disediakan di dalam sistem tersebut.
c. Use Case
Komponen yang ketiga adalah use case, yang merupakan gambaran
umum dari fungsional sebuah sistem. Dengan begitu, pengguna dan
konsumen dapat mengetahui setiap fungsi yang dibangun dalam sistem
tersebut.

Gambar 3.5 Use Case Sistem Pencatatan Data Pengunjung

3
 Dari gambar diatas merupakan alur use case dari sistem
pencatatan data pengunjung perpustakaan. Use Case diatas merupakan
use case diagram dari administator, anggota dan pengunjung non anggota
dan non admin pada aplikasi perpustakaan SMAN 21 Kabupaten
Tangerang.

3.3.2 Activity Diagram

Menurut (Dewi et al., 2017), Activity diagram menggambarkan aliran

fungsionalitas dalam suatu sistem informasi. Secara lengkap, activity
diagram mendefinisikan dimana workflow dimulai, dimana berhentinya,
aktifitas apa yang terjadi selama workflow, dan bagaimana urutan kejadian
aktifitas tersebut. Activity diagram juga menyediakan pendekatan untuk
proses pemodelan paralel. Bagi mereka yang akrab dengan analisis dan
desain struktur tradisional, diagram ini menggabungkan ide-ide yang
mendasari diagram alir data dan diagram alur sistem.

Berikut adalah Activity Diagram dari sistem yang diusulkan untuk proses
pencatatan pengunjung dan pendaftaran anggota baru pada aplikasi
perpustakaan SMAN 21 Kabupaten Tangerang berbasis web ini.

3
 Gambar 3.6 Perancangan Activity Diagram Pengunjung

Dari gambar diatas merupakan alur activity diagram dari perancangan

activity diagram pengunjung perpustakaan.

Gambar 3.7 Perancangan Activity Diagram Pendaftaran Anggota Baru Perpus

4
 Dari gambar diatas merupakan alur activity diagram pendaftaran anggota
baru perpus.

3.3.3 Entity Relationship Diagram (ERD)

Entity Relationship Diagram atau ERD adalah sebuah diagram

struktural yang digunakan untuk merancang sebuah database. Sebuah
ERD (Entity Relationship Diagram) mendeskripsikan data yang akan
disimpan dalam sebuah sistem maupun batasannya. Komponen
utama yang terdapat di dalam sebuah ERD (Entity Relationship
Diagram) adalah entity set, relationship set, dan juga constraints.
Adapun rancangan Entitiy Relationship Diagram yang diusulkan oleh
penulis
dalam perancangan aplikasi inventory ini antara lain.

Gambar 3.8 Entity Relationship Diagram Aplikasi Perpustakaan

Dari gambar diatas merupakan alur entity relationship diagram aplikasi

perpustakaan.

4
3.4. Perancangan Perangkat Lunak
3.4.1 Flowchart
Menurut (Dody Firmansyah et al., 2022) Flowchart atau sebuah
bagan yang mengambarkan suatu proses jalannya sebuah algoritma dan
harus dapat menjelaskan bagaimana proses cara kerja dari algoritma
tersebut. Flowchart adalah penggambaran secara grafik dari langkah-
langkah dan urut-urutan prosedur dari suatu program. Flowchart menolong
analis dalam untuk memecahkan masalah kedalam segmen-segmen yang
lebih kecil dan menolong dalam menganalisis alternatif-alternatif lain
dalam pengoperasian. Flowchart biasanya mempermudah penyelesaian
suatu masalah khususnya masalah yang perlu dipelajari dan dievaluasi
lebih lanjut (Ilham Akhsanu Ridlo, 2017).

Berikut adalah Flowchart yang terdapat pada aplikasi perpustakaan

berbasis web SMAN 21 Kabupaten Tangerang.

a. Login dan Logout Admin Dan Anggota Perpus

Input :
Username
Password
Pilih
Admin/Anggota
T

T
Y

Gambar 3.9 Flowchart Login Admin/Anggota

4
 Pada gambar flowchart diatas merupakan proses login sebagai admin atau
sebagai anggota perpustakaan SMAN 21 Kabupaten Tangerang

Gambar 3.10 Flowchart Logout Admin/Anggota

Flowchart diatas merupakan alur proses logout dari aplikasi perpustakaan

SMAN 21 Kabupaten Tangerang

b. Melihat Data Anggota, Buku dan Admin Perpus

Gambar 3.11 Flowchart Melihat Data Anggota, Buku Dan Admin

4
Flowchart diatas merupakan alur proses untuk melihat data anggota, admin
dan buku perpustakaan dari aplikasi perpustakaan SMAN 21 Kabupaten
Tangerang

c. Menambah Data Anggota Perpus

Gambar 3.12 Flowchart Menambah Data Anggota Perpus

Flowchart diatas merupakan alur proses untuk menambah data anggota

perpustakaan dari aplikasi perpustakaan SMAN 21 Kabupaten Tangerang

4
 d. Merubah Data Anggota Perpus

Gambar 3.13 Flowchart Merubah Data Anggota Perpus

Flowchart diatas merupakan alur proses untuk merubah data anggota

perpustakaan dari aplikasi perpustakaan SMAN 21 Kabupaten Tangerang

e. Menghapus Data Anggota Perpus

Gambar 3.14 Flowchart Menghapus Data Anggota Perpus

4
Flowchart diatas merupakan alur proses untuk menghapus data anggota
perpustakaan dari aplikasi perpustakaan SMAN 21 Kabupaten Tangerang

f. Menambah Data E-book Perpustakaan

Gambar 3.15 Flowchart Menambah E-book Perpustakaan

Flowchart diatas merupakan alur proses untuk menambah data e-book

perpustakaan dari aplikasi perpustakaan SMAN 21 Kabupaten Tangerang

g. Merubah Data E-book Perpustakaan

4
 Gambar 3.16 Flowchart Merubah Data E-book Perpustakaan

Flowchart diatas merupakan alur proses untuk merubah data e-book

perpustakaan dari aplikasi perpustakaan SMAN 21 Kabupaten Tangerang

h. Menghapus Data E-book Perpustakaan

Gambar 3.17 Flowchart Menghapus Data E-book Perpustakaan

Flowchart diatas merupakan alur proses untuk menghapus data e-

book
perpustakaan dari aplikasi perpustakaan SMAN 21 Kabupaten Tangerang

i. Menambah Data Admin Perpustakaan

4
Gambar 3.18 Flowchart Menambah Data Admin Perpustakaan

4
Flowchart diatas merupakan alur proses untuk menambah data admin
perpustakaan dari aplikasi perpustakaan SMAN 21 Kabupaten Tangerang

j. Merubah Data Admin Perpustakaan

Gambar 3.19 Flowchart Merubah Data Admin Perpustakaan

Flowchart diatas merupakan alur proses untuk merubah data admin

perpustakaan dari aplikasi perpustakaan SMAN 21 Kabupaten Tangerang

k. Menghapus Data Admin Perpustakaan

Gambar 3.20 Flowchart Menghapus Data Admin Perpustakaan

4
 Flowchart diatas merupakan alur proses untuk menghapus data admin
perpustakaan dari aplikasi perpustakaan SMAN 21 Kabupaten
Tangerang

3.4.2 Perancangan Antarmuka (Interface)

Interface atau antarmuka merupakan jembatan antara dunia sebuah

produk atau sistem dan dunia pengguna. Artinya, sebagaimana halnya
proses komunikasi umum, antarmuka merupakan media yang
menghubungkan komunikasi antara dua domain (produk/sistem dan
manusia) dan berperan penuh dalam menerjemahkan setiap aksi dan reaksi
dari kedua domain tersebut. Antarmuka berlaku pada beberapa jenis atau
varian produk atau sistem. Dalam kehidupan sehari-hari, manusia dapat
berinteraksi dengan obyek-obyek yang ada di sekitarnya melalui
keberadaan antarmuka ini (Darmawan, 2013). Adapun perancangan
antarmuka pada aplikasi inventory ini sebagai berikut :

a. Perancangan Antarmuka Login

Gambar 3.21 Perancangan Antarmuka Login

5
Keterangan :

Antarmuka diatas berisikan textbox untuk input email sebagai username,

textbox untuk input password, menu pilih sebagai admin atau anggota dan
button sign in untuk memproses fungsi login agar dapat masuk ke dalam
dashboard aplikasi serta sign up untuk pendaftaran anggota perpus baru
juga ada link klik disini untuk ke halaman pengunjung.

b. Antarmuka Dashboard

Gambar 3.22 Perancangan Antarmuka Dashboard

Keterangan :

Antarmuka diatas adalah halaman dashboard, pada halaman ini berisikan

icon logo dan Admin, menu data anggota, menu data buku, menu data
admin, menu laporan, menu backup data dan menu tentang perpustakaan
serta menu pemberitahuan , juga untuk melihat data statik pencatatan
pengunjung baru.

5
 c. Perancangan Antarmuka form pendaftaran anggota

Gambar 3.23 Perancangan Antarmuka Form Pendaftaran Anggota

Keterangan :

Antarmuka diatas berisikan textbox untuk input email, nama, username,

password, menu pilih jenis kelamin (laki – laki atau perempuan), usia,
tempat tanggal lahir, alamat, menu button daftar, button batal dan link klik
disini menuju halaman login.

d. Perancangan Antarmuka Halaman Pengunjung

Gambar 3.24 Perancangan Antarmuka Data Pengunjung

5
 Keterangan :

Antarmuka diatas adalah halaman pengunjung, pada halaman ini berisikan

hari, tanggal dan jam kunjung serta form yang harus diisi oleh pengunjung
juga dilengkapi dengan tombol simpan dan batal.

3.5 Implementasi
3.5.1 Implementasi Inteface Login Admin atau Anggota

Gambar 3.25 Interface Login Admin atau Anggota

Keterangan :

Pada halaman ini, admin atau anggota perpus mengisikan email sebagai
username dan password yang telah terdaftar untuk masuk kedalam aplikasi.

5
3.5.2 Implementasi Interface Halaman Dashboard Admin

Gambar 3.26 Interface Halaman Dashboard Admin

Keterangan :

Pada halaman ini berisikan icon logo dan Admin, menu data anggota,
menu data buku, menu data admin, menu laporan, menu backup data dan
menu tentang perpustakaan serta menu pemberitahuan , juga untuk melihat
data statik pencatatan pengunjung baru serta menampilkan data anggota
dan daftar buku bacaan.

5
3.5.3 Implementasi Interface Halaman Dashboard Anggota

Gambar 3.27 Interface Halaman Dashboard Anggota Perpus

Keterangan :

Pada halaman ini berisikan icon logo data anggota, menu data buku dan
menu tentang perpustakaan serta menu pemberitahuan, juga untuk melihat
data static pencatatan pengunjung baru serta menampilkan data anggota dan
daftar buku bacaan.

5
3.5.4 Implementasi Interface Halaman Data Anggota

Gambar 3.28 Interface Halaman Data Anggota Perpus

Keterangan :
Pada halaman ini menampilkan data – data anggota yang telah terdaftar di
aplikasi Perpustakaan berbasis web SMAN 21 Kab. Tangerang

3.5.5 Implementasi Interface Halaman Data Buku

Gambar 3.29 Interface Halaman Data Buku Perpus

5
 Keterangan :
Pada halaman ini menampilkan data – data e-book yang ada di
perpustakaan di aplikasi Perpustakaan berbasis web SMAN 21 Kab.
Tangerang

3.5.6 Implementasi Interface Halaman Data Admin

Gambar 3.30 Interface Halaman Data Admin Perpus

Keterangan :
Pada halaman ini menampilkan data – data admin yang telah terdaftar
di aplikasi Perpustakaan berbasis web SMAN 21 Kab. Tangerang

5
 BAB IV
PENUTUP

4.1 Kesimpulan

Setelah melakukan penelitian, kesimpulan yang diambil oleh penulis dari

hasil analisa penelitian dan perancangan aplikasi perpustakaan berbasis web pada
SMAN 21 Kabupaten Tangerang adalah perpustakaan SMAN 21 Kabupaten
Tangerang masih menggunakan buku dalam pencatatan pengunjung dan nama –
nama anggota perpustakaan, selain mencatat secara manual juga menggunakan
personal computer (pc) sebagai backup dalam mencatat transaksi yang ada di
perpustakaan SMAN 21 Kabupaten Tangerang. Oleh karena itu perlu dibuatkan
sistem yang membantu dalam melakukan pencatatan. Dengan sistem pencatatan
yang saat ini ada proses update data perpustakaan cenderung lambat dikarenakan
belum adanya pemanfaatan teknologi untuk menunjang sistem pencatatannya dan
juga tidak bisa di akses melalui internet. Dibandingkan dengan menggunakan
pencatatan perpustakaan menggunakan aplikasi berbasis web lebih mudah
digunakan dan tidak memerlukan banyak orang untuk prosesnya. Dengan
demikian, adanya perancangan aplikasi perpustakaan berbasis web ini dapat
membantu perpustakaan SMAN 21 Kabupaten Tangerang dalam mempercepat
proses update data perpustakaan secara realtime dan bisa diakses kapan saja dan
dimana saja.

4.2 Saran

Adapun saran – saran terhadap pengembangan aplikasi perpustakaan

berbasis
web ini antara lain :

a) Bisa ditambahkan atau diintegrasikan di dalam sistem yang ada di

sekolah agar proses pendaftaran tidak perlu dilakukan.
b) Bisa ditambahkan aplikasi yang digunakan oleh siswa untuk
mengecek ketersediaan buku dan lokasi dimana buku tersebut ada.

5
 DAFTAR PUSTAKA

Diah Puspitasari (2016). Sistem Informasi Perpustakaan Sekolah Berbasis Web

(Studi Kasus Program Studi Manajemen Informasi AMIK Bekasi)). Jurnal
Pilar Nusa Mandiri Vol.XII, No.2 September 2016),
https://repository.bsi.ac.id/index.php/unduh/item/140647/181-335-1-SM.pdf
Buku Sakti Pemrograman Web: HTML, CSS, PHP, MySQL & Javascript - Didik
Setiawan - Google Buku. (n.d.). Retrieved March 20, 2022, from
https://books.google.co.id/books?hl=id&lr=&id=HsnyDwAAQBAJ&oi=fnd
&pg=PA3&dq=html&ots=_ZvYx792K3&sig=9mNGj1c9YGaLJpbB4qCEU
Vb4gLE&redir_esc=y#v=onepage&q=html&f=false
Christian, A., Hesinto, S., & Agustina, A. (2018). Rancang Bangun Website
Sekolah Dengan Menggunakan Framework Bootstrap ( Studi Kasus SMP
Negeri 6 Prabumulih ). Jurnal Sisfokom (Sistem Informasi Dan Komputer),
7(1), 22. https://doi.org/10.32736/sisfokom.v7i1.278
Darmawan, R. (2013). Pengalaman, Usability, dan Antarmuka Grafis: Sebuah
Penelusuran Teoritis. ITB Journal of Visual Art and Design, 4(2), 95–102.
https://doi.org/10.5614/itbj.vad.2013.4.2.1
Dewi, L. P., Indahyanti, U., & S, Y. H. (2017). Pemodelan Proses Bisnis
Menggunakan Activity Diagram Uml Dan Bpmn ( Studi Kasus Frs Online
). Informatika, 1–9.
Dody Firmansyah, M., Kom, S., & Kom, M. (2022). Analisa dan Perancangan
Web E- Commerce Berbasis Website pada Toko Ida Shoes. Journal of
Information System and Technology, 2(3), 62–76.
https://journal.uib.ac.id/index.php/joint/article/view/6339
Ilham Akhsanu Ridlo. (2017). Pedoman Pembuatan Flowchart. Academia.Edu,
14. https://www.academia.edu/34767055/Pedoman_Pembuatan_Flowchart
Pengenalan HTML dan CSS - Jubilee Enterprise - Google Buku. (n.d.). Retrieved
March 20, 2022, from https://books.google.co.id/books?
hl=id&lr=&id=Pi1IDwAAQBAJ&oi=fnd&
pg=PP1&dq=html&ots=C1o0UbE2nb&sig=V3sDZDzuYekuEONOqrPU-
9g2zwU&redir_esc=y#v=onepage&q=html&f=false
santoso, kartika imam S. S. K. (2014). Analisa dan Perancangan Sistem
Informasi. Jurnal Informatika, 5(1), 27–32.
http://ijns.org/journal/index.php/ijns/article/view/271/265
Suprapto, D. D. A., Fauziah, F., Fitri, I., & Hayati, N. (2020). Pengembangan
Aplikasi Sistem Informasi Smart Register Online Berbasis Android
Menggunakan Algoritma BruteForce. Edumatic : Jurnal Pendidikan
Informatika, 4(1), 47–56. https://doi.org/10.29408/edumatic.v4i1.2106

5
Syafarina, G. A. (2016). Perancangan Aplikasi Inventory Barang Materials Dan
Product. Technologia : Jurnal Ilmiah, 7(1), 25–33.
Website: Pengertian, Fungsi, Jenis, Manfaat, Dan Cara Membuat. (n.d.).
Retrieved March 18, 2022, from
https://www.sekawanmedia.co.id/blog/pengertian-website/
Yuliano, T. (2017). Pengenalan PHP. Ilmiu Komputer, 1–9.

6
 DAFTAR LAMPIRAN

Lampiran 1 : Permohonan Kerja Praktek Ahmad Sukari

6
Lampiran 2 : Permohonan Kerja Praktek Habibullah

6
Lampiran 3 : Permohonan Kerja Praktek Ubaidillah

6
Lampiran 4 : Foto Kegiatan Kerja Praktek Di SMAN 21 Kabupaten Tangerang

6
Lampiran 5 : Form Pertanyaan Wawancara dengan Petugas Perpustakaan