T0 562008067 BAB III

(1)

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

(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

User name :

Password :

LOGO

login reset

(8)

KETERANGAN

Kehalaman berkas LOGO

logout

Gambar 3.8 _{LKT Halaman Selamat Datang Admin}

KETERANGAN

Input data

No.buku :

No rak :

Judul buku :

Kategori :

(9)

KETERANGAN

Input data

Daftar pustaka salatiga

Data ke

No.buku :

No rak :

Judul buku :

Kategori :

Gambar 3.10_{. LKT Halaman Lihat Data}

KETERANGAN

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

Input data Daftar pustaka salatiga

Data ke No.buku : No rak : Judul buku : Kategori :

Gambar 3.12_{. LKT Halaman Edit Data}

KETERANGAN

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