LAPORAN PENGEMBANGAN

WEB KUNJUNGAN PERPUSTAKAAN

Dosen Pengampu
Achmad Arif Alfin, S.Si, M.MT

Dikerjakan Oleh :

Nama Mahasiswa : M Ainun Yanuarsyam & Ridofas Tri S.F.

NPM : 20562020015 & 20562020023
Kelas : Teknik Komputer A1

PROGRAM STUDI TEKNIK KOMPUTER

FAKULTAS TEKNIK

UNIVERSITAS ISLAM KADIRI – KEDIRI 2023

 DAFTAR ISI

DAFTAR ISI ........................................................................................................... ii

BAB I ...................................................................................................................... 1
PENDAHULUAN .................................................................................................. 1
1.1 Latar Belakang .............................................................................................. 1
1.2 Tujuan............................................................................................................ 1
1.3 Manfaat ......................................................................................................... 1
BAB II ..................................................................................................................... 2
KAJIAN PUSTAKA ............................................................................................... 2
BAB III ................................................................................................................... 4
Analisis dan Perancangan Sistem............................................................................ 4
3.1 Analisis Sistem .............................................................................................. 4
3.2 Perancangan Sistem ...................................................................................... 5
3.3 Perancangan Input ......................................................................................... 6
BAB IV ..................................................................................................................11
Implementasi ..........................................................................................................11
4.1 Implentasi Web .............................................................................................11
BAB V ................................................................................................................... 19
PENUTUP ............................................................................................................. 19
5.1 Kesimpulan ................................................................................................. 19
DAFTAR PUSTAKA ............................................................................................ 20

ii
 BAB I

PENDAHULUAN
1.1 Latar Belakang
Website adalah sekumpulan halaman yang terkoneksi secara online yang
dapat diakses melalui internet. Halaman-halaman ini dapat berisi teks, gambar,
video, audio, atau interaksi lainnya yang dapat ditampilkan di web browser. Website
dapat dibuat untuk berbagai tujuan seperti berbisnis, berkomunikasi, berbagi
informasi, atau hiburan. Website dapat dikelola oleh individu atau organisasi.
Beberapa website dapat diakses oleh siapa saja, sementara yang lain memerlukan
autentikasi atau akses terbatas. Tentu saja di website kunjungan perpustakaan ini
juga dibatasi admin sebagai super user website yang mengelola kebutuhan website.

Website kunjungan perpustakaan adalah situs web yang dikelola oleh

perpustakaan yang dapat digunakan oleh pengunjung untuk mendaftar member
perpustakaan, login sebagai member dan mengakses layanan lain yang ditawarkan
oleh perpustakaan. Website ini juga dapat digunakan oleh pengunjung untuk
berkomentar bebas mengenai hal yang bersangkutan tentang pelayanan
perpustakaan, dan dapat melihat komentar member lain. Fitur-fitur yang tersedia
pada website kunjungan perpustakaan bervariasi tergantung pada perpustakaan
yang bersangkutan. Namun, website ini dapat memberikan akses yang mudah bagi
pengunjung untuk mengakses layanan perpustakaan.

1.2 Tujuan
1. Untuk memenuhi laporan UAS “Pemrograman Web”.
2. Memberikan pelayanan bagi pengguna web kunjungan perpustakaan.

1.3 Manfaat
1. Memudahkan pengguna web untuk bisa registrasi member secara mandiri.
2. Memudahkan layanan website ke pengguna web.

1
 BAB II

KAJIAN PUSTAKA
Laporan M Ainun Yanuarsyam & Ridofas Tri Sandi Fantiantoro,
Mahasiswa Fakultas Teknik Komputer Universitas Islam Kadiri Tahun
2022/2023 dengan judul “Pengembangan Web Perpustakaan”. Pembuatan web
merupakan hasil dari kerja kelompok. Dimana pembuatan sistem informasi
tersebut memerlukan sebuah perancangan dan beberapa data penunjang,
antaranya :
a. Sistem informasi perpustakaan menurut Asep Hermawan (2009:1) adalah
sistem automasi manajemen yang terjadi di perpustakaan. Menurut Beiling
Siregar (2002:137) sistem informasi perpustakaan adalah suatu sistem di
dalam suatu organisasi pelayanan publik yang mempertemukan kebutuhan
pengolahan transaksi peminjaman, pengembalian dan perpanjangan buku dan
pembuatan laporan harian, bulanan ataupun tahunan guna mendukung
operasi, bersifat manajerial dan kegiatan dari suatu organisasi dan
menyediakan pihak luar tertentu dengan laporanlaporan yang diperlukan.
b. Menurut Rosa A.S.M. Salahudin (2016), Data Flow Diagram (DFD) atau
dalam bahasa Indonesia menjadi Data Flow Diagram (DAD) adalah
representasi grafis yang menunjukkan aliran informasi transformasi informasi
yang digunakan sebagai aliran data masukan (input) dan keluaran (output).
DFD dapat digunakan untuk itu mewakili sistem atau perangkat lunak pada
beberapa tingkat yang lebih rinci yang mewakili arus informasi atau fungsi
yang lebih detail. DFD menyediakan mekanisme pemodelan pemodelan
aliran informasi atau fungsional. Oleh karena itu, DFD lebih cocok untuk
memodelkan fungsi perangkat lunak yang akan diimplementasikan
menggunakan program terstruktur membagi bagian-bagiannya menurut
fungsi dan prosedurnya.
c. Hypertext Preprocessor (PHP) adalah suatu bahasa pemrograman yang
digunakan untuk menterjemahkan basis data kode program menjadi kode
mesin yang dapat dimengerti oleh komputer yang bersifat server-side yang
ditambahkan ke HTML (Supono & Putratama, 2018:1).

2
d. MySQL Menurut Arief dalam (Fridayanthie & Mahdiati, 2016:131)
“MySQL (My Structure Query Languange) adalah salah satu jenis database
server yang sangat terkenal dan banyak digunakan untuk membangun aplikasi
web yang menggunakan database sebagai sumber dan pengelolaan datanya”.
e. Menurut Musrifah dan Ega (2018:1, menyimpulkan bahwa “Visual
Paradigm merupakan aplikasi untuk merancang sebuah aplikasi atau biasa
disebut aplikasi rekayasa perangkat lunak. Dengan visual paradigm, sebuah
aplikasi dapat digambarkan dalam sebuah rancangan simbol dan gambar
tanpa koding yang menjelaskan bagaimana aplikasi tersebut akan berjalan
setelah selesai nantinya”. “Visual Paradigm adalah salah satu alat
bantu Unified Modeling Language (UML) yang digunakan untuk
membuat Use Case Diagram, Activity Diagram, Class Diagram,
dan Sequence Diagram”.

3
 BAB III

Analisis dan Perancangan Sistem

3.1 Analisis Sistem
3.1.1 Analisis Kebutuhan

Penggunaan Sistem Kebutuhan

Admin Dapat mengganti data profilenya sendiri di
menu profile
Admin Dapat mengkustomisasi data member pada
menu Data User
Admin Dapat melihat dapat menghapus data
pengunjung pada menu data Pengunjung.
Admin Dapat menambahkan, mempin, dan
menghapus data komentar pada menu Data
Komentar.
Member Dapat mengkustomisasi data profile mereka
sendiri pada menu profile
Member Dapat melihat komentar user lain, menginput
komentar, dan mengahapus komentar miliknya
sendiri pada menu Form Komentar
Member Dapat menginput data pengunjung pada menu
data pengunjung

a) Perangkat Lunak
• Sistem Operasi Windows 10
• MySQL dan phpMyAdmin version (8.16 dan 5.0.4) sebagai database
server
• Xamp version v3.3.3 sebagai server
• Visual Studio Code 1.68 sebagai teks editor
• Chrome version 64 bit sebagai tampilan UI/web site sistem E-
Commerce
• Visual Paradigm Suite version 3.0 sebagai media pembuatan DFD
• Microsoft Word 2019 sebagai media pembuatan laporan dan
perancangan table
• Postman version 10.80 sebagai media untuk uji coba Rest Api.

4
 b) Perangkat Keras
• Laptop dengan processor i3 gen 4
• SSD berkapasitas 128gb
• Ram 4gb

3.2 Perancangan Sistem

3.2.1 Diagram Konteks (DFD level 0)

3.2.2 Perancangan DFD level 1

5
3.3 Perancangan Input
1) Desain tampilan Landing Page

2) Desain Tampilan Login

6
3) Desain Tampilan Registrasi

4) Desain Tampilan List User

7
5) Desain Tampilan Member Non-Aktif

6) Desain Tampilan Data Pengunjung

8
7) Desain Tampilan Form Komentar

8) Design Tampilan List komentar

9
9) Design Tampilan Edit Profile

10
 BAB IV

Implementasi
4.1 Implentasi Web
1) Tampilan Landing Page

Pada halaman ini terdapat nama aplikasi Perpustakaan beserta navbarnya,

Selain itu kami juga menambah kan animasi pada backgroundnya agar
terlihat menarik.

2) Tampilan Login

user melakukan login dengan memasukkan username dan password, jika

berhasil akan masuk ke halaman Dashboard administrator. Berikut dibawah
adalah code phpnya :

11
 • Penjelasan singkat code
Fungsi login ini berguna untuk mengecek username dan password
yang user inputkan, khusus untuk password kami menggunakan
fungsi ‘md5()’ untuk membaca hasil hashing pada saat user mendaftar.
Jika validasi berhasil maka akan redirect ke halaman dashboard.

3) Tampilan Registrasi

Pada halaman ini terdapat form deftar akun bagi user yang ingin
mendaftar menjadi member perpus. Dibawah ini merupakan code
phpnya :

12
• Penjelasan singkat code :
Pada fungsi registrasi ini, kami mengecek semua inputan user, lalu kami
menggunkan fungsi ‘md5()’ untuk menghashing password user, hal ini
dibutuhkan untuk menjaga keamanan data user. Jika berhasil data
tersebut akan masuk ke table ‘user’.

4) Tampilan Data user

13
 Pada halaman List User, terdapat list user dari admin sampai
member, admin dapat mengaktifkan dan menonaktifkan member yang
bermasalah. Admin juga dapat mengedit dan menghapus data member.
Berikut ini code phpnya :

Penjelasan singkat code :

Disini kami menangkap dan melooping data user dan mengurutkannya

dari colom ‘is_Admin’ secara Descending.

5) Tampilan halaman User Non-Aktif

Pada halaman ini, terdapa list member yang tidak aktif selama lebih
dari 3 bulan, admin dapat menonaktifkan member tersebut. Berikut ini
code phpnya :

14
 • Penjelasan singkat code :
Disini kami menangkap dan melooping data member dan
menampilakan data member yang waktu loginnya kurang dari 3 bulan
dari waktu sekarang.

6) Tampilan Halaman List Data Pengunjung

Pada halaman ini terdapat list pengunjung yang masuk dan keluar, data
ini menampilkan user yang belum login (guest) maupun member (sudah
login). Berikut adalah code phpnya :

• Penjelasan singkat code :

Disini kami menangkap dan melooping data pengunjung yang
masuk dan keluar dan mengurutkannya secara Descending.

15
 7) Tampilan Halaman Form Komentar

Halaman ini menampilkan semua komentar member maupun admin. Semua

komentar akan terkirim secara realtime jadi user dapat melihat komentar
user lain secara langsung / tanpa reload page. User juga dapat menghapus
pesannya sendiri. Komentar yang di-pin User akan berda paling atasa
komentar. Berikut ini code php-nya :

• Penjelasan singkat code :

Fungsi diatas berguna menangkap data komentar , waktu komentar, dan
username dengan menggunakan variabel ‘$_SESSION’. Kemudian data
tersebut akan disimpan pada table komentar.

16
10) Tampilan Halaman List Komentar

Pada halaman ini terdapat list data komentar, admin dapat memberikan pin
kepada agar beberapa komentar yang menarik. Admin juga dapat menghapis
komentar user yang tidak baik. Bahkan admin bisa menghapus semua
komentar untuk meringankan beban aplikasi. Berikut adalah code phpnya :

• Penjelasan singkat code:

Disini kami menangkap dan melooping data komentar yang masuk dan
mengurutkan waktu berkomentar secara Descending.

17
11) Tampilan Halaman edit Profile

Berikut code phpnya :

• Penjelasan singkat code:

Fungsi diatas berguna untuk mengubah data profil user seuai dengan
inputan. Jika berhasil makan akan berpindah kembali halaman ke
halaman profile.

18
 BAB V

PENUTUP
5.1 Kesimpulan
Secara keseluruhan dapat disimpulan dari website kunjungan perpustakaan
adalah bahwa ini adalah alat yang berguna bagi perpustakaan untuk memberikan
akses yang mudah bagi pengunjung untuk mengakses layanan dan informasi yang
relevan. Website ini dapat digunakan untuk pengunjung untuk mendaftar member
perpustakaan, login sebagai member dan mengakses layanan lain yang ditawarkan
oleh perpustakaan. Website ini juga dapat digunakan oleh pengunjung untuk
berkomentar bebas mengenai hal yang bersangkutan tentang pelayanan
perpustakaan, dan dapat melihat komentar member lain. Fitur-fitur yang tersedia
pada website kunjungan perpustakaan bervariasi tergantung pada perpustakaan
yang bersangkutan. Namun, website ini dapat memberikan keuntungan bagi
perpustakaan dan pengunjung dengan memberikan akses yang mudah dan efisien
bagi perpustakaan untuk menyediakan layanan yang dibutuhkan.

19
 DAFTAR PUSTAKA
https://sybase-powerdesigner.informer.com/16.1/

https://www.apachefriends.org/download.html

https://code.visualstudio.com/download

Davis B. Gordon, (1985), Kerangka Dasar, Sistem Informasi Manajemen,

Seri manajemen No. 90-A: PT Pustaka Binaman Pressindo.

https://www.niagahoster.co.id/blog/pengertian-php/

20