Bab 3 Metode Perancangan 3.1 Gambaran Umum Sistem Website Pustaka Salatiga adalah suatu media informasi yang terdapat pada perpustakaan Salatiga yang berguna untuk membantu pengunjung perpustakaan guna mendapatkan buku yang diinginkan. Untuk system proses pada website ini dijalankan dengan menggunakan ASP dan untuk desain tampilan website menggunakan HTML dan CSS. Jadi pengunjung tinggal mengakses website dan mengisikan nama buku, penerbit atau nama penulis buku pada form pencarian maka akan tertuju ke hasil pencarian yang berupa table berisi cover buku, nama buku, penerbit, dan nama penulis. Untuk admin pada website ini dapat mengatur persediaan buku dengan fitur tambah buku, hapus buku, dan update untuk semua data buku di perpustakaan dengan login dengan username dan password Admin. 3.2 Perancangan Website Pada perancangan website ini ditujukan untuk seluruh lapisan masyarakat dengan segala usia. Dimana keunggulan website ini terletak pada pengoperasiannya yang sederhana, userfriendly, dan menarik. Dengan dilengkapi form pencarian buku berdasarkan beberapa kategori, seperti; Judul xi
Buku, Penerbit, ataupun Penulis. Dimana penggolongan kategori tersebut menggunakan ASP yang diharapkan pengunjung perpustakaan dapat dengan mudah mendapatkan buku yang diinginkan. 3.2.1 Flowchart Gambar 3.1 Flowchart Tampilan Home
Gambar 3.2 Flowchart Sistem Pencarian
Gambar 3.3 Flowchart Admin
3.2.2 Diagram Semantik Diagram semantik merupakan gambaran pengetahuan grafis yang menunjukkan hubungan antar berbagai objek. Jaringan semantik terdiri dari lingkaran-lingkaran yang menunjukkan objek dan informasi tentang objek-objek tersebut. Gambar 3.4 Diagram Semantik Pustaka Salatiga
3.2.3 Lembar Kerja Tampilan (LKT) Lembar kerja tampilan ini sangat berguna bagi user, karena dapat sebagai pedoman untuk mengimplementasikan. Sehingga perancang seharusnya membuat dokumentasi akan bentuk-bentuk tampilan yang akan digunakan. Berikut ini merupakan LKT (Lembar Kerja Tampilan) pada website Pustaka Salatiga Tampilan T1 home Tentang kami admin LOGO cari Gambar 3.5 LKT Halaman Muka
Logo No.buku No.Rak Judul buku kategori penerbit gambar home kunjungan informasi command sitemap sitemap Gambar 3.6 LKT Halaman Hasil Pencarian LOGO User name : Password : login reset Gambar 3.7 LKT Halaman Login Admin
LOGO Kehalaman berkas ut Gambar 3.8 LKT Halaman Selamat Datang Admin LOGO Input data Lihat data Edit data No.buku : No rak : Judul buku : Kategori : Penerbit : input cari Gambar 3.9 LKT Halaman Input Data
LOGO Input data Lihat data Edit data Daftar pustaka salatiga Data ke No.buku : No rak : Judul buku : Kategori : Penerbit : Gambar 3.10. LKT Halaman Lihat Data LOGO Input data Lihat data Edit data Edit daftar pustaka No.buku No.Rak Judul buku kategori penerbit action edit edit home kunjungan informasi command sitemap sitemap edit Gambar 3.11. LKT Halaman Edit Data
LOGO Input data Lihat data Edit data Daftar pustaka salatiga Data ke No.buku : No rak : Judul buku : Kategori : Penerbit : No.buku : No rak : Judul buku: Kategori : Penerbit : proses reset Gambar 3.12. LKT Halaman Edit Data LOGO Input data Lihat data Edit data No.buku No.Rak Judul buku kategori penerbit action hapus hapus home kunjungan informasi command sitemap sitemap hapus Gambar 3.13. LKT Halaman Hapus Data