T0 562008067 BAB III
xi
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
(2)
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
(3)
(4)
(5)
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.
(6)
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
KETERANGAN
logo : background white, logo black Menu : background white, font blue, Isi : background white, font black T a m pila n T 1
home
cari admin
Tentang kami
LOGO
(7)
KETERANGAN
logo : background white, logo black Menu : background white, font blue, Isi : background white, font black
Logo
No.buku No.Rak Judul buku kategori penerbit gambar
home kunjungan informasi command sitemap sitemap
Gambar 3.6 LKT Halaman Hasil Pencarian
KETERANGAN
logo : background white, logo black Menu : background white, font blue, Isi : background white, font black
User name :
Password :
LOGO
login reset
(8)
KETERANGAN
logo : background white, logo black Menu : background white, font blue, Isi : background white, font black
Kehalaman berkas LOGO
logout
Gambar 3.8 LKT Halaman Selamat Datang Admin
KETERANGAN
logo : background white, logo black Menu : background white, font blue, Isi : background white, font black
Input data
No.buku :
No rak :
Judul buku : Kategori : Penerbit :
LOGO
Hapus data Edit data Lihat data
input cari
(9)
KETERANGAN
logo : background white, logo black Menu : background white, font blue, Isi : background white, font black
Input data
Daftar pustaka salatiga
Data ke No.buku : No rak : Judul buku : Kategori : Penerbit : LOGO Hapus data Edit data Lihat data
Gambar 3.10. LKT Halaman Lihat Data
KETERANGAN
logo : background white, logo black Menu : background white, font blue, Isi : background white, font black
Input data
LOGO
Hapus data Edit data Lihat data
No.buku No.Rak Judul buku kategori penerbit action edit
home kunjungan informasi command sitemap sitemapedit edit
Edit daftar pustaka
(10)
KETERANGAN
logo : background white, logo black Menu : background white, font blue, Isi : background white, font black
Input data Daftar pustaka salatiga
Data ke No.buku : No rak : Judul buku : Kategori : Penerbit : LOGO Hapus data Edit data Lihat data No.buku : No rak : Judul buku: Kategori : Penerbit :
proses reset
Gambar 3.12. LKT Halaman Edit Data
KETERANGAN
logo : background white, logo black Menu : background white, font blue, Isi : background white, font black
Input data
LOGO
Hapus data Edit data Lihat data
No.buku No.Rak Judul buku kategori penerbit action hapus
home kunjungan informasi command sitemap sitemaphapus hapus
Hapus data
(1)
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.
(2)
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
KETERANGAN
logo : background white, logo black Menu : background white, font blue, Isi : background white, font black
T a m pila n T 1
home
cari admin
Tentang kami
LOGO
(3)
KETERANGAN
logo : background white, logo black Menu : background white, font blue, Isi : background white, font black
Logo
No.buku No.Rak Judul buku kategori penerbit gambar
home kunjungan informasi command sitemap sitemap
Gambar 3.6
LKT Halaman Hasil Pencarian
KETERANGAN
logo : background white, logo black Menu : background white, font blue, Isi : background white, font black
User name :
Password :
LOGO
login reset
(4)
KETERANGAN
logo : background white, logo black Menu : background white, font blue, Isi : background white, font black
Kehalaman berkas
LOGO
logout
Gambar 3.8
LKT Halaman Selamat Datang Admin
KETERANGAN
logo : background white, logo black Menu : background white, font blue, Isi : background white, font black
Input data
No.buku : No rak : Judul buku : Kategori : Penerbit :
LOGO
Hapus data
Edit data
Lihat data
input
cari
(5)
KETERANGAN
logo : background white, logo black Menu : background white, font blue, Isi : background white, font black
Input data
Daftar pustaka salatiga
Data ke No.buku : No rak : Judul buku : Kategori : Penerbit :
LOGO
Hapus data
Edit data
Lihat data
Gambar 3.10
. LKT Halaman Lihat Data
KETERANGAN
logo : background white, logo black Menu : background white, font blue, Isi : background white, font black
Input data
LOGO
Hapus data
Edit data
Lihat data
No.buku No.Rak Judul buku kategori penerbit action edit
home kunjungan informasi command sitemap sitemapedit edit
Edit daftar pustaka
(6)
KETERANGAN
logo : background white, logo black Menu : background white, font blue, Isi : background white, font black
Input data
Daftar pustaka salatigaData ke No.buku : No rak : Judul buku : Kategori : Penerbit :
LOGO
Hapus data
Edit data
Lihat data
No.buku : No rak : Judul buku: Kategori : Penerbit :proses
reset
Gambar 3.12
. LKT Halaman Edit Data
KETERANGAN
logo : background white, logo black Menu : background white, font blue, Isi : background white, font black
Input data
LOGO
Hapus data
Edit data
Lihat data
No.buku No.Rak Judul buku kategori penerbit action hapus
home kunjungan informasi command sitemap sitemaphapus hapus