LAPORAN TUGAS BESAR

PEMBUATAN WEBSITE DENGAN JUDUL “PERPUSTKAAN”

Disusun sebagai syarat telah menyelesaikan Tugas Besar Bengkel Pemrograman 2

Dosen Kelas: Haris Hartaman, S.T., M.T.

Kelompok : 2
Kelas : D3TT 46-01

Disusun oleh:
Siti Elna Fauziah 6705220080
Nurul Khotimah 6705220089
RahmaFadilla 6705223029
Simon Petrus Sianturi 6705223005

D3 TEKNOLOGI TELEKOMUNIKASI
FAKULTAS ILMU TERAPAN
UNIVERSITAS TELKOM
2023
 KATA PENGANTAR

Puji dan syukur kami haturkan kepada Allah SWT, Tuhan Yang Maha Esa atas waktu dan
kesempatan yang diberikan sehingga kami sehingga dapat menyelesaikan laporan tugas besar
dengan judul “perpustakaan” ini tepat pada waktunya. Dan kami juga berterima kasih kepada
Dosen mata kuliah Pemrograman beserta para asisten praktikum Bengkel Pemrograman II yang
telah membimbing dan membantu kami dalam menyelesaikan pembuatan laporan tugas besar ini.

Kami menyadari bahwa masih banyak kekurangan pada pembuatan laporan tugas besar ini. Oleh
karena itu, kami mengharapkan kritik dan saran dari para pembaca agar lebih baik untuk
kedepannya.

Bandung,5 Juni 2023

Penulis
 DAFTAR ISI

KATA PENGANTAR ...................................................................................................

DAFTAR ISI .................................................................................................................
DAFTAR GAMBAR.....................................................................................................
BAB I PENDAHULUAN ..............................................................................................
1.1 Latar Belakang ..........................................................................................................
1.2 Tujuan ....................................................................................................................
1.3 Rumusan Masalah .....................................................................................................
BAB II DASAR TEORI ................................................................................................

2.1 PHP (Hypertext Preprocessor) ................................................................................

2.2 CSS (Cascading Style Sheet).....................................................................................
2.3 Bootstrap ..................................................................................................................
2.4 HTML (Hypertext Markup Lenguage) ......................................................................
2.5 XAMPP ....................................................................................................................
2.6 MySQL dan SQL ......................................................................................................
BAB III HASIL DAN ANALISIS 2 .............................................................................
3.1 Bentuk Simulasi 2 .....................................................................................................
3.2 Hasil Menjalankan Program 3 ...................................................................................
BAB IV PENUTUP 4 ....................................................................................................
2.1 5.1 Kesimpulan 4 ......................................................................................................
2.2 5.2 Saran 4 ................................................................................................................
DAFTAR PUSTAKA 5 .................................................................................................
DOKUMENTASI PENGERJAAN ..............................................................................
 DAFTAR GAMBAR

Gambar 2.1 Visual Studio Code .................................................................................................

Gambar 2.2 Python .....................................................................................................................
Gambar 2.3 Tkinter .....................................................................................................................
Gambar 2.4 mutagen ...................................................................................................................
Gambar 2.5 pillow ......................................................................................................................
Table 3.1 flowchart .....................................................................................................................
Gambar 3.1 source code 1 ................................................................................................
Gambar 3.2 source code 2 ................................................................................................
Gambar 3.3 source code 3 ................................................................................................
Gambar 3.4 source code 4 ................................................................................................
Gambar 3.5 source code 5 ................................................................................................
Gambar 3.6 source code 6 ................................................................................................
Gambar 3.7 source code 7 ................................................................................................
Gambar 3.8 source code 8 ................................................................................................
Gambar 3.9 source code 9 ................................................................................................
Gambar 3.10 source code 10.............................................................................................
Gambar 3.11 source code 11.............................................................................................
Gambar 3.12 source code 12.............................................................................................
Gambar 3.13 source code 13.............................................................................................
Gambar 3.14 source code 14.............................................................................................
Gambar 3.15 source code 15.............................................................................................
Gambar 3.16 source code 16.............................................................................................
Gambar 3.17 source code 17.............................................................................................
Gambar 3.18 source code 18.............................................................................................
Gambar 3.19 hasil program 1 ............................................................................................
Gambar 3.20 hasil program 2 ..........................................................................................
Gambar dokumentasi ......................................................................................................
 BAB I
PENDAHULUAN

1.1 Latar Belakang

perpustakaan adalah sebuah koleksi buku dan majalah. Walaupun dapat diartikan sebagai
koleksi pribadi perseorangan, namun perpustakaan lebih umum dikenal sebagai sebuah koleksi
besar yang dibiayai dan dioperasikan oleh sebuah kota atau institusi, dan dimanfaatkan oleh
masyarakat yang rata-rata tidak mampu membeli sekian banyak buku atas biaya sendiri Tetapi,
dengan koleksi dan penemuan media baru selain buku untuk menyimpan informasi, banyak
perpustakaan kini juga merupakan tempat penimpanan dan/atau akses ke map, cetak atau hasil
seni lainnya, mikrofilm, mikrofiche, tape audio, CD, LP, tape video dan DVD, dan menyediakan
fasilitas umum untuk mengakses gudang data CD-ROM dan internet Perpustakaan merupakan
upaya untuk memelihara dan meningkattkan efisiensi dan efektifitas proses belajar-mengajar.
Perpustakaan yang terorganisir secara baik dan sisitematis, secara langsung atau pun tidak
langsung dapat memberikan kemudahan bagi proses belajar mengajar di sekolah tempat
perpustakaan tersebut berada. Hal ini, trekait dengan kemajuan bidang pendidikan dan dengan
adanya perbaikan metode belajar-mengajar yang dirasakan tidak bisa dipisahkan dari masalah
penyediaan fasilitas dan sarana pendidikan.
Namun sayangnya di era teknologi sekarang di negara Indonesia masih banyak daerah-daerah
yang belum mempunyai layanan perpustakaan berbasis online. Dengan demikian kami ingin
mengembangkan perpustkaan yang lebih canggih dimana orang-orang dapat mendaftara,
meminjam, dan lain-lain melaluin online dengan mengembakna perpustakaan berbasis webasite.
Sayangnya, membuat layanan perpustakaan berbasis online itu tidak mudah tapi
kelompok kami mengusahakan yang terbaik agar memudahkan pengguna perpustakaan.
 1.2 Tujuan

Dalam pengerjaan tugas besar ini, maka tujuan yang ingin dicapai adalah sebagaiberikut:

1. Membuat website perpustakaan agar lebih mudah digunakan.

2. Menghasilkan sebuah program layanan perpustakaan dalam bentuk

online/website.

3. Mengajarkan pola berpikir yang kompleks dalam membuat website

1.3 Rumusan Masalah

Berdasarkan latar belakang diatas, maka dapat diambil rumusan masalah dari laporan ini
sebagai berikut:

1. Bagaimana membuat website layanan perpustakan.

2. Bagaimana cara membuat banyak orang yang tertarik untuk daftar ke website.

3. Apa saja modul yang digunakakan dalam pembuatan website perpusatakaan.

4. Bagaimana cara Menyusun fitur-fitur pada website layanan perpustakaan.

5. Mempunyai system yang sederhana namun dapat membuat sebuah website

layanan perpustakaan yang bagus dan tidak mudah error.

 BAB II

DASAR TEORI

2.1 PHP (Hypertext Preprocessor)

Gambar 2.1

PHP merupakan singkatan dari PHP : Hypertext Preprocessor adalah salah satu Bahasa
scripting open source yang banyak digunakan oleh Web Developer untuk pengembangan Web.
PHP banyak digunakan untuk membuat banyak project seperti Grafik Antarmuka (GUI), Website
Dinamis, dan lain-lain.

Script sendiri merupakan sekumpulan instruksi pemrograman yang ditafsirkan pada saat
runtime. Sedangkan Bahasa scripting adalah bahasa yang menafsirkan skrip saat runtime. Dan
biasanya tertanam ke dalam lingkungan perangkat lunak lain.Karena php merupakan scripting
server-side maka jenis bahasa pemrograman ini nantinya script/program tersebut akan
dijalankan/diproses oleh server. Berbeda dengan javascript yang client-side.PHP adalah bahasa
pemrograman umum yang berarti php dapat disematkan ke dalam kode HTML, atau dapat
digunakan dalam kombinasi dengan berbagai sistem, sistem manajemen konten web, dan
kerangka web kerja.
 2.2 CSS (Cascading Style Sheet)

Gambar 2.2

CSS adalah Cascading Style Sheet yang merupakan kumpulan dari perintah dimana
digunakan untuk dapat menjelaskan tampilan dari sebuah laman website dalam markup
language. Hypertext Mark Up Language ini atau HTML tergolong dalam bahasa pemrograman
yang standar dan juga biasa digunakan untuk membuat halaman website. Hypertext Mark Up
Language atau HTML ini sering mendapat istilah yaitu balik layar karena berada di tampilan
halaman website yang sedang di akses. Tatanan dari sebuah situs website akan menjadi
berantakan bila tidak ada bahasa pemrograman seperti HTML ini. Dalam belajar CSS juga akan
lebih gampang bila paham mengenai HTML.

Untuk fungsi dari css ini sebenarnya sudah dapat diketahui dari penjelasan mengenai apa
itu CSS.Untuk lebih jelasnya CSS ini memiliki fungsi untuk membentuk, mendesain dan juga
mengubah tampilan pada halaman website. CSS ini dapat berlaku dan dapat bekerja dengan
menggunakan tag HTML. Dengan adanya CSS dan tag HTML yang sederhana ini sudah dapat
mengubah tampilan pada halaman website menjadi terlihat lebih efisien dan juga menarik. CSS
akan beroperasi melewati tag <style> dengan atribut class warna.
 Adanya CSS dalam HTML ini dapat membuat pengaturan warna teks menjadi lebih
mudah. Ketika ingin mengganti warna pada teks maka cukup dengan mengetikkan tag <span>
tanpa perlu mengetik ulang perintah. Dengan begitu dapat menghemat waktu karena dapat
melakukan suatu perintah-perintah yang efisien. Hal ini dapat terjadi karena CSS dikembangkan
memang untuk mengubah tampilan halaman website tanpa perlu mengganti isi konten. Bila
diumpamakan kembali seperti manusia dengan pakaian, maka dengan menggunakan CSS ini
Anda tidak perlu untuk mengubah bentuk manusia namun hanya mengganti pakaiannya.

2.3 Bootsrap

Gambar 2.3

Pengertian Bootstrap adalah library (pustaka / kumpulan fungsi-fungsi) dari Framework

CSS yang dibuat khusus untuk bagian pengembangan fontend dari suatu website. Didalam library
tersebut terdapat berbagai jenis file yang diantaranya HTML, CSS, dan Javascript. Hampir semua
developer website menggunakan framework bootstrap agar memudahkan dan mempercepat
pembuatan website. Karena semuanya sudah ada dalam frameworknya sehingga para develop /
pengembang hanya tinggal membuat / menyisipkan class nya yang ingin dipakai seperti membuat
tombol, grid navigasi dan lain sebagainya.
Bootstrap awalnya dibuat dan dikembangkan oleh pekerja / programmer Twitter, yaitu
Mark Octo dan Jacob Thornton sejak tahun 2011. Saat itu memang para programmer di Twitter
menggunakan berbagai macam tools dan library yang mereka kuasai dan disukai untuk
melakukan pekerjaannya, sehingga tidak ada standarisasi dalam penamaan suatu class. Akibatnya
sulit untuk dikelola, maka dari itu keduanya membuat suatu tools ataupun framework yang
digunakan bersama dilingkukan internal twitter.
 Sejak diluncurkan pada bulan agustus 2011, bootstrap telah berevolusi dari proyek yang
hanya basis css menjadi sebuah framework yang lebih lengkap yang juga berisi javascript plugin,
icon, Forms, dan button. Pada januari 2012, Bootstrap merealease Versi 2.0 yang didalamnya
sudah memasukan fitur responsive layout, dan sejak itu penggunaan Bootstrap sangat banyak
sekali sehingga menjadi proyek Github yang sangan banyak di copy hingga 20.000 kali.

2.4 HTML (Hypertext Markup Language)

Gambar 2.4

HTML adalah singkatan dari Hypertext Markup Language yang memiliki pengertian
bahasa markup standar untuk membuat dan menyusun halaman pada aplikasi website. Dengan
menggunakan tag-tag HTML, Anda dapat membangun struktur halaman, menambahkan konten
seperti teks dan gambar, serta memberikan format dan tata letak pada website.

HTML terdiri dari kombinasi teks dan simbol yang disimpan dalam sebuah file. Untuk
membuat file HTML, harus mengikuti standar atau format khusus. Fungsi HTML adalah untuk
mengatur tampilan halaman web. Terutama menyusun teks seperti paragraf dan heading, hingga
menambahkan link dan gambar.
2.5 XAMPP

Gambar 2.5

XAMPP adalah salah satu web server lokal yang bersifat open source, atau gratis, dan dapat
digunakan pada berbagai sistem operasi (OS). Huruf “X” pada kata “XAMPP” digunakan untuk
menyimbolkan cross platform, yang berarti XAMPP dapat digunakan di berbagai OS. Sedangkan
huruf “AMPP” merupakan singkatan dari Apache, MySQL/MariaDB, PHP dan juga Perl.
XAMPP merupakan hasil pengembangan dari aplikasi LAMP dengan fungsi serupa. Bedanya,
XAMPP dikembangkan untuk dapat digunakan pada berbagai sistem operasi. Aplikasi yang
dikembangkan oleh Apache Friends ini didirikan oleh Kai Oswalad Seidler dan Key Vogelgesang
pada tahun 2020.

2.6 MySQL dan SQL

Gambar 2.6
 MySQL adalah sebuah implementasi dari sistem manajemen basis data relasional
(RDBMS) yang didistribusikan secara gratis di bawah lisensi GPL (General Public License).
Setiap pengguna dapat secara bebas menggunakan, mendistribusikan, dan membuat karya turunan
dari MySQL. MySQL sebenarnya merupakan turunan salah satu konsep utama dalam basisdata
yang telah ada sebelumnya; SQL (Structured Query Language). SQL adalah sebuah konsep
pengoperasian basisdata, terutama untuk pemilihan atau seleksi dan pemasukan data, yang
memungkinkan pengoperasian data dikerjakan dengan mudah secara otomatis.
Kehandalan suatu sistem basisdata (DBMS) dapat diketahui dari cara kerja pengoptimasi-
nya dalam melakukan proses perintah-perintah SQL yang dibuat oleh pengguna maupun
program-program aplikasi yang memanfaatkannya. Sebagai peladen basis data, MySQL
mendukung operasi basisdata transaksional maupun operasi basisdata non-transaksional.
Database Management System atau DBMS adalah program yang memungkinkan user
mengakses, memanipulasi, dan menampilkan data yang disimpan dalam database. Ada
banyak tipe DBMS, dan salah satunya adalah RDBMS (Relational Database Management
System).
Sesuai namanya, RDBMS adalah sistem yang digunakan untuk mengelola database
relasional. Di dalamnya, organisasi data ditentukan sebagai relasi antara kolom dan baris
dalam tabel. Setiap kolom mewakili atribut data tertentu, sementara setiap baris mencatat
nilainya (value).
Nah, SQL Server dan MySQL sama-sama masuk ke dalam kategori ini.
Database relasional dioperasikan, diamankan, dioptimalkan, dan dikelola
menggunakan SQL (Structured Query Language). Sintaksisnya hampir sama di sebagian
besar software RDBMS, hanya dengan sedikit variasi.

2.7 Javascript

Gambar 2.7
JavaScript adalah bahasa pemrograman yang dirilis pada tahun 1995. Bahasa ini diciptakan
oleh seorang programmer bernama Brandan Eich. Uniknya, Eich hanya perlu sepuluh hari untuk
mengembangkan bahasa ini. Awalnya, Javascript disebut dengan Mocha. Namun, nama tersebut
digantikan oleh LiveScript. Pada akhirnya, nama tersebut diganti lagi menjadi nama yang sampai
sekarang digunakan. Bisa dibilang Javascript adalah inti dari pengembangan website. Ada tiga
bahasa utama yang digunakan, yaitu HTML, CSS, dan Javascript. Biasanya, HTML dan CSS
digunakan untuk memberikan struktur kepada sebuah website.
 Sementara itu, Javascript lebih digunakan untuk behavior atau aktivitas website. Seperti
yang di awal sudah disebutkan, bahasa pemrograman ini membuat tampilan website lebih
menarik dan interaktif. Intinya, Javascript membuat sebuah website menjadi lebih hidup.

2.8 Visual Studio Code (VSC)

Gambar 2.8

Visual Code Studio adalah sebuah code editor gratis yang bisa dijalankan di perangkat
desktop berbasis Windows, Linux, dan MacOS. Code editor ini dikembangkan oleh salah satu
raksasa teknologi dunia, Microsoft.

Visual Code adalah software editor yang powerful, tapi tetap ringan ketika digunakan. Ia
bisa dipakai untuk membuat dan mengedit source code berbagai bahasa pemrograman. Misalnya,
seperti JavaScript, TypeScript, dan Node.js.

Bahkan, Visual Code Studio juga kompatibel dengan bahasa dan runtime environment lain,
seperti PHP, bahasa Python, Java, dan .NET. Hal ini berkat ekosistemnya yang luas dan
ketersediaan extension yang melimpah.

2.9 Web Browser

Gambar 2.9

Web browser secara umum adalah perangkat lunak atau software yang dipakai untuk
mencari informasi atau untuk mengakses situs-situs yang ada di internet. Perangkat ini akan lebih
memudahkan para pengguna didalam mengakses data ataupun mencari referensi yang
dibutuhkan. Terdapat berbagai macam perangkat web browser yang saat ini digunakan seperti
Mozilla Firefox, Google Chrome, Safari, Internet Explorer, Opera, dan lain sebagainya.

Setiap web browser yang dipakai tentunya mempunyai kelebihan dan kekurangan,
walaupun demikian beberapa browser seperti Mozilla dan Chrome banyak dipakai karena dinilai
lebih cepat pada saat mengakses data. Terkadang web browser malah lebih sering diartikan
sebagai sebuah mesin pencari seperti Google padahal sebenarnya web browser ini berbeda dengan
mesin pencari atau search engine, dimana web browser ini berdiri sendiri sementara search engine
biasanya adalah bagian dari suatu web browser.

2.10 Localhost

Gambar 2.10

Localhost adalah sebuah program komputer yang berperan sebagai virtual server yang hanya bisa
diakses melalui jaringan lokal saja. Jadi website yang tersimpan pada localhost tidak bisa diakses
secara online, hanya sebatas lokal saja.

Perlu Anda ketahui bahwa sebenarnya server adalah seperangkat komputer yang digunakan untuk
menyimpan data tetapi memiliki spesifikasi yang tinggi.Jika Anda kebingungan dalam memilih
server silahkan buka pada pembahasan cara memilih server terbaik pada artikel
sebelumnya.Komputer atau laptop yang Anda miliki sebenarnya juga bisa digunakan untuk
server, tetapi dari segi daya tahan dan performa mungkin akan kalah jauh dari komputer server.
Solusi yang bisa dipakai dengan menginstall localhost untuk kebutuhan server lokal.
 BAB lll

HASIL DAN ANALISIS

3.1 Bentuk Simulasi

Flowchart atau bagan alur adalah diagram yang menampilkan langkah-langkah dan
keputusan untuk melakukan sebuah proses dari suatu program. Setiap langkah digambarkan
dalam bentuk diagram dan dihubungkan dengan garis atau arah panah.

Flowchart berperan penting dalam memutuskan sebuah langkah atau fungsionalitas dari
sebuah proyek pembuatan program yang melibatkan banyak orang sekaligus. Selain itu dengan
menggunakan bagan alur proses dari sebuah program akan lebih jelas, ringkas, dan mengurangi
kemungkinan untuk salah penafsiran. Penggunaan flowchart dalam dunia pemrograman juga
merupakan cara yang bagus untuk menghubungkan antara kebutuhan teknis dan non-teknis.
 Tabel 3.1

3.2 Prinsip Kerja

Prinsip kerja dalam membuat website perpustakaan melibatkan beberapa langkah penting.
Berikut adalah langkah-langkah umum yang dapat diikuti:

1. Perencanaan: Tentukan tujuan dan kebutuhan dari website perpustakaan Anda. Buatlah
daftar fitur dan fungsionalitas yang diinginkan, seperti sistem manajemen katalog,
pencarian buku, pendaftaran anggota, sistem peminjaman, dan lainnya.
 2. Analisis Kebutuhan: Lakukan analisis mendalam tentang kebutuhan spesifik dari
perpustakaan Anda. Pertimbangkan aspek seperti jumlah buku, kategori buku, jenis
anggota (siswa, pengajar, umum), serta aturan dan kebijakan perpustakaan.
3. Desain dan Tata Letak: Rancang tampilan visual dan tata letak website. Pertimbangkan
antarmuka yang mudah digunakan dan responsif, dengan penekanan pada navigasi yang
jelas dan pemilihan warna yang sesuai dengan citra perpustakaan Anda.
4. Pembangunan: Gunakan bahasa pemrograman dan kerangka kerja web yang tepat, seperti
HTML, CSS, dan JavaScript. Anda juga bisa mempertimbangkan menggunakan CMS
(Content Management System) populer seperti WordPress atau Joomla jika Anda ingin
mempercepat proses pembangunan.
5. Pengembangan Fitur: Implementasikan fitur-fitur yang dibutuhkan, seperti sistem
manajemen katalog, pencarian buku, pendaftaran anggota, sistem peminjaman,
perpanjangan pinjaman, reservasi buku, dan lainnya. Pastikan semua fitur berfungsi
dengan baik dan sesuai dengan kebutuhan perpustakaan Anda.
6. Integrasi Basis Data: Buat basis data untuk menyimpan informasi tentang buku, anggota,
transaksi, dan data lainnya. Pastikan sistem basis data terintegrasi dengan baik dengan
website Anda sehingga informasi dapat dikelola dengan efisien.
7. Pengujian dan Pemeliharaan: Lakukan pengujian menyeluruh untuk memastikan semua
fitur berjalan dengan baik dan tidak ada bug yang mengganggu. Perbarui dan perbaiki
website secara berkala, baik dari segi fungsionalitas maupun keamanan.
8. Peluncuran dan Promosi: Setelah website siap digunakan, luncurkan dan promosikan
kepada pengguna potensial. Sosialisasikan fitur-fitur yang tersedia dan manfaat yang
dapat diperoleh dari penggunaan website perpustakaan.

Penting juga untuk melibatkan pengguna dan memperhatikan umpan balik mereka selama dan
setelah peluncuran. Dengan demikian, Anda dapat terus meningkatkan dan memperbaiki website
perpustakaan agar tetap relevan dan sesuai dengan kebutuhan pengguna.

3.3 Langkah- Langkah pengguanaan web

a. Daftar Akun / Login Untuk User

 Gambar 3.1

Gambar Di atas merupakan Awal yang di gunakan untuk mendaftar/membuat akun pada web

tersebut. Dan jika sudah punya akun maka boleh untuk langsung login saja, namun jika belum

punya akun yang dilakukan terlebih dahulu ialah mendaftar dengan klik “daftar sekarang” pada

bagian paling bawah dimana tulisannya berwarna biru.

Gambar 3.2

Gambar di atas merupakan data yang kita masukkan untuk mendaftarkan akun. Diharapkan

untuk pendaftar dalam membuat akun, data yang dimasukkan harus benar dan sesuai dengan

data diri anda agar admin dapat mempercayai user. Setelah data diri telah terisi semua maka klik

“submit”.
 Gambar 3.3

Setalah melakukan pendaftaran maka user dapat login yang kemudian pastikan username dan

password harus benar, Agar user dapat login ke web perpustakaan kuy library. Setelah proses

login dilakukan maka tampilan web browser layanan perpustakaan “kuy library” akan terlihat.

b. Fitur-Fitur Tampilan Website “Kuy Library” Untuk User

 Gambar 3.4

Gambar diatas adalah tampilan website dari “kuy library”, dapat kita lihat bahwa website diatas

mempunyai banyak fitur-fitur yang dapat di gunakan untuk perpustakaan. Beberapa fitur gambar

diatas Seperti Pustaka, keranjang, peminjaman, keterlambatan, dendan dan juga beberapa fitur

yang benrfungsi sebagai sumber informasi yang terdapat pada dashboard misalnya belum diambil,

sedang diambil, telah selesai dan total.

Gambar 3.5

Pada bagian data Pustaka ini berisi berbagai daftar buku-buku yang terdapat pada perpustakaan

kuy library, namun pada tapilan buku ini tidak dapat di baca secara online hanya dapat dilakukan

secraa offline dan juga terdapat fitur pencarian kategori, penulis, dan penerbit. Data Pustaka ini

berfungsi untuk menampilkan daftar buku yang terdapat pada perpustakaan sehingga

memudahkan user dalam peminjaman buku, dengan demikian dapat dikatakan website ini adalah
platform layanan perpustkaan peminjaman buku agar dapat memudahkan user dan kariawan

dalam melakukan peminjaman dan meminjamkan buku dan lebih fleksibel.

Gambar 3.6

Gambar diatas berfungsi untuk memasukkan keranjang buku yang ingin di baca. Caranya yaitu

dengan pilih buku yang ingin dibaca lalu klik “pilih”, setelah itu klik “masukkan keranjang”.
 Gambar 3.7

Gambar diatas berfungsi sebagai informasi bahwa buku yang user pilih telah dimasukkan

ke keranjang Pustaka. User juga dapat menghapus pilihan buku dengan klik ikon berbentuk

tempat sampah berwarna merah. Setelah semunya sesuai maka klik “ajukan sekarang”.

Gambar 3.8

Gambar diatas berfungsi untuk memberikan informasi apakah buku yang user pinjam, jika

benar maka user klik “ok” atau user berubah pikiran bisa klik “cancel”.
 Gambar 3.9

Menginformasikan bahwa pengajuan telah berhasil di ajukan ke admin atau pengguna kuy

library namun belum di acc dari admin.

C. Tampilan website pada admin/kariawan

Gambar 3.1
Gambar diatas adalah tampilan pada admin. Dimana admin dapat mengatur isi web dan

menerima peminjaman dari user.

Gambar 3.9

Gambar diatas tampilan pada admin dimana memberikan informasi mengenai data peminjam.

Gambar 3.10
Tampilan diatas berfungsi untuk memberikan informasi kepada admin tentang waktu

peminjaman.

Gambar 3.11

Tampilan diatas berfungsi untuk mencari rentang laporan peminjaman baru dan lama.

Gambar 3.12
Tampilan diatas berfungsi sebagai daftar kategori buku.

Gambar 3.13

Berfungsi untuk menampilkan data anggota yang melakukan peminjaman pada admin.

Gambar 3.14

Berfungsi untuk menampilkan data kariawan dan admin.

 Gambar 3.15

Berfungsi untuk mengatur website Seperti dapat mengubah nama perpustakaan namun hanya

dapat dilakukan oleh admin.

 Gambar 3.16

Berfungsi untuk menampilkan profil dari admin.

 BAB III

3.1 Kesimpulan

Kesimpulan dalam pembuatan website perpustakaan adalah bahwa proses ini melibatkan
beberapa tahapan penting. Perencanaan yang matang, analisis kebutuhan, desain tampilan yang
menarik, implementasi fitur-fitur yang relevan, dan pengujian yang teliti adalah kunci untuk
menciptakan website perpustakaan yang efektif. Website perpustakaan harus dirancang untuk
memenuhi kebutuhan spesifik dari perpustakaan itu sendiri. Fitur-fitur seperti sistem manajemen
katalog, pencarian buku, pendaftaran anggota, sistem peminjaman, dan lainnya harus
diimplementasikan dengan baik agar pengguna dapat dengan mudah mengakses informasi yang
mereka butuhkan.

Selain itu, desain tampilan yang menarik dan responsif akan meningkatkan pengalaman
pengguna dan mempermudah navigasi. Pengguna harus dapat dengan cepat menemukan
informasi yang mereka cari dan menggunakan fitur-fitur yang tersedia dengan mudah. Pengujian
yang cermat dan pemeliharaan yang berkala penting untuk memastikan bahwa website berfungsi
dengan baik dan bebas dari bug atau masalah teknis lainnya. Selain itu, peluncuran dan promosi
yang efektif akan membantu meningkatkan kesadaran pengguna tentang keberadaan website
perpustakaan.

Terakhir, melibatkan pengguna dan mendengarkan umpan balik mereka sangat penting.
Dengan melibatkan pengguna dalam proses pengembangan dan terus memperbarui website
berdasarkan umpan balik mereka, perpustakaan dapat terus meningkatkan pengalaman pengguna
dan memenuhi kebutuhan mereka. Secara keseluruhan, pembuatan website perpustakaan adalah
upaya yang kompleks dan melibatkan berbagai aspek, mulai dari perencanaan hingga peluncuran
dan pemeliharaan. Namun, dengan mengikuti langkah-langkah ini dan fokus pada kebutuhan
pengguna, website perpustakaan dapat menjadi alat yang efektif dalam menyediakan akses dan
informasi bagi anggota perpustakaan.

3.2 Saran

Berikut adalah beberapa saran yang dapat membantu dalam pembuatan website perpustakaan:

1. Konsultasikan dengan para pengguna: Melibatkan pengguna potensial, seperti anggota

perpustakaan atau petugas perpustakaan, dalam proses perancangan dan pengembangan
website. Dapatkan umpan balik mereka tentang fitur apa yang mereka harapkan, tampilan
yang mereka temukan menarik, dan masukan lainnya yang dapat meningkatkan
pengalaman pengguna.
2. Prioritaskan fungsionalitas yang penting: Identifikasi fungsionalitas yang paling penting
untuk perpustakaan Anda dan fokus pada implementasinya. Misalnya, sistem manajemen
katalog, pencarian buku, dan sistem peminjaman dapat menjadi prioritas utama. Pastikan
 fitur-fitur tersebut berfungsi dengan baik sebelum menambahkan fitur yang lebih
kompleks.
3. Desain tampilan yang intuitif: Buat tampilan yang mudah dipahami dan intuitif bagi
pengguna. Pastikan tata letak yang jelas, navigasi yang mudah, dan penggunaan simbol
atau ikon yang familiar. Gunakan warna yang sesuai dengan citra perpustakaan Anda dan
hindari tampilan yang membingungkan atau terlalu rumit.
4. Buat pencarian yang efektif: Pencarian buku yang efektif adalah fitur penting dalam
website perpustakaan. Pastikan sistem pencarian dapat menghasilkan hasil yang relevan
dan akurat berdasarkan kata kunci, judul buku, pengarang, atau kategori buku. Juga,
pertimbangkan fitur pencarian lanjutan yang memungkinkan pengguna untuk menyaring
hasil berdasarkan kriteria tertentu.
5. Pertimbangkan responsif dan mobile-friendly: Pastikan website perpustakaan Anda
responsif dan dapat diakses dengan baik pada berbagai perangkat, termasuk komputer
desktop, tablet, dan ponsel pintar. Pengguna harus dapat mengakses dan menggunakan
website dengan nyaman, terlepas dari perangkat yang mereka gunakan.
6. Sederhanakan proses pendaftaran dan peminjaman: Rancang proses pendaftaran anggota
dan sistem peminjaman yang sederhana dan mudah dipahami. Minimalisir langkah-
langkah yang diperlukan dan perhatikan petunjuk yang jelas untuk membantu pengguna
melalui proses tersebut.
7. Tawarkan informasi tambahan: Selain fitur dasar, pertimbangkan untuk menyediakan
informasi tambahan yang berguna bagi pengguna, seperti ulasan buku, rekomendasi,
daftar buku terpopuler, atau artikel yang berkaitan dengan perpustakaan dan membaca. Ini
dapat meningkatkan nilai tambah dan menarik minat pengguna.
8. Pertimbangkan integrasi dengan sistem lain: Jika perpustakaan Anda sudah menggunakan
sistem manajemen perpustakaan (Library Management System) atau sistem lainnya,
pertimbangkan integrasi website dengan sistem tersebut. Hal ini dapat memudahkan
pembaruan dan sinkronisasi data antara website dan sistem internal perpustakaan.
9. Tetap perbarui dan evaluasi: Website perpustakaan harus selalu diperbarui dan
ditingkatkan sesuai dengan kebutuhan pengguna. Lakukan evalu
 DAFTAR PUSTAKA
Ariffudin, M. (2022, February 22). Mengenal Visual Code Studio dan Fitur-Fitur Pentingnya. Retrieved
from Niagahosterblog: https://www.niagahoster.co.id/blog/visual-code-studio/

Benefita. (2023, February 15). Apa itu HTML? Lihat Fungsi Hingga Sejarahnya [Terlengkap]. Retrieved
from Niagahosterblog: https://www.niagahoster.co.id/blog/html-adalah/
Choiri, E. O. (2020, February 20). Apa Itu Localhost dan Fungsinya Untuk Website. Retrieved from
GudangSSL: https://gudangssl.id/blog/apa-itu-localhost/

Hanif, L. (2021, September 24). XAMPP: Pengertian, Download dan Cara Install di Windows. Retrieved
from rumah web: https://blog.rumahweb.com/xampp-
adalah/#:~:text=hingga%20cara%20menggunakannya.-
,Apa%20itu%20XAMPP%3F,dapat%20digunakan%20di%20berbagai%20OS.

Hendra, A. ( 2022, June 14). APA ITU PHP ?, PENGERTIAN, SEJARAH, DAN BAGAIMANA CARA KERJANYA.
Retrieved from Teknik Informatika Universitas Pasundan: https://if.unpas.ac.id/berita/apa-itu-
php-pengertian-sejarah-dan-bagaimana-cara-kerjanya/

Puspa, R. (2021, July 26). Pengertian dan Fungsi Javascript. Retrieved from academi alterra blog:
https://academy.alterra.id/blog/pengertian-dan-fungsi-javascript/

Raharja, A. D. (2022, January 18). CSS adalah: Pengertian, cara kerja, fungsi, dan 3 jenisnya. Retrieved
from Ekrut Media: https://www.ekrut.com/media/css-adalah

Saleh, N. (2012 , October 08). MY SQL dan SQL. Retrieved from Universitas Gorontalo:
https://mahasiswa.ung.ac.id/921409047/home/2012/10/8/my_sql_dan_sql.html

Thidi. (n.d.). Mengenal Framework Twitter Bootstrap dan Penggunaannya Pada Website. Retrieved from
Thidiweb.com: https://thidiweb.com/pengertian-bootstrap/

Chanel, E. (2020, September 18). Aplikasi Perpustakaan Digital (Membaca E-book PDF). Retrieved from
Youtube: https://youtu.be/EAkCkaXfrEk
DOKUMENTASI