Bab 3. Metode Perancangan

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 Jaringan

semantik

terdiri

dari

berbagai objek.

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

Tampilan) pada website Pustaka Salatiga Tampilan T1

home

Tentang kami

admin

LOGO

cari

KETERANGAN logo Menu Isi

: background white, logo black : background white, font blue, : background white, font black

Gambar 3.5 LKT Halaman Muka

Kerja

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 logout



Gambar 3.8 LKT Halaman Selamat Datang Admin

LOGO

Input data Lihat data

No.buku

:

Edit data

No rak

:

Hapus data

Judul buku

:

Kategori

:

Penerbit

:

input

cari



Gambar 3.9 LKT Halaman Input Data

LOGO

Input data Daftar pustaka salatiga

Lihat data

Data ke

Edit data Hapus data

No.buku

:

No rak

:

Judul buku

:

Kategori

:

Penerbit

:



Gambar 3.10. LKT Halaman Lihat Data

LOGO


Edit daftar pustaka

Edit data

No.buku

No.Rak

Judul buku

kategori

penerbit

edit

Hapus data

edit home

kunjungan

informasi

command

sitemap


action


Gambar 3.11. LKT Halaman Edit Data

sitemap edit

LOGO

Input data Lihat data Edit data

Daftar pustaka salatiga Data ke No.buku No rak Judul buku Kategori Penerbit

: : : : :

Hapus data No.buku : No rak

:

Judul buku: Kategori : Penerbit :

proses

reset



Gambar 3.12. LKT Halaman Edit Data

LOGO


Hapus data

Edit data

No.buku

No.Rak

Judul buku

kategori

action

penerbit

hapus

Hapus data

hapus home

kunjungan

informasi

command

sitemap

hapus sitemap



Gambar 3.13. LKT Halaman Hapus Data

Bab 3. Metode Perancangan

Recommend Documents