13

BAB III.

PERANCANGAN SISTEM

3.1. Rancangan DFD

Diagram Arus Data dari Sistem Informasi

Perpustakaan terdiri dari :

a. Proses Update Data Buku

Proses ini meliputi penambahan, pengubahan dan

penghapusan data buku perpustakaan. Data buku ini

diperoleh dari adanya kegiatan penambahan buku

yang baru dan maintenance data buku oleh operator

(petugas perpustakaan).

b. Proses Update Data Anggota Perpustakaan

Proses ini meliputi penambahan, pengubahan dan

penghapusan data anggota perpustakaan. Data

anggota ini diperoleh dari kegiatan pendaftaran atau

registrasi anggota baru perpustakaan dan maintenance

data anggota oleh operator (petugas perpustakaan).

c. Proses Layanan Data

Proses ini meliputi pencarian data buku dan anggota

perpustakaan oleh operator (petugas perpustakaan).

14

14

d. Proses Pembuatan Laporan

Laporan yang ditampilkan dalam aplikasi ini berupa

laporan peminjaman buku per bulan beserta jumlah

denda yang terkumpul.

Administrator

1.0.

Manajemen

Modul

2.0.

Manajemen

Staff

3.0.

Status

Member

4.0.

Kategori

5.0.

Manajemen

Buku

6.0.

Laporan

7.0.

Links

tmodul tstaff tstatus tkategori tbuku tlinks

Data modul

Data modul

Data staff

Data staff

Data status

Data status

Data kategori

Data kategori

Data buku

Data buku

Data link

Data link

Staff

8.0.

Manajemen

Member

Data status

Data member

tmember

Data member

9.0.

Manajemen

Transaksi

Data transaksi

ttransaksi

Data transaksi

Data buku

Data member

Data transaksi

Data laporan

Pengunjung

10.0.

View Buku

Data kategori

Data buku

Data member

Data buku

Gambar 3.1 DFD tingkat 0 Sistem Informasi Perpustakaan

15

15

Dari gambar 3.1 terlihat bahwa administrator dapat

melalukan pengolahan data seperti manajemen modul,

buku, kategori, staff, dan status member. Sedangkan staff

hanya memiliki akses untuk manajemen member dan

transaksi.

Administrator

1.1.

Tambah

Modul

1.2.

View Modul

1.3.

Ubah Modul

1.4.

Hapus Modul

tmodul

Data modul

Data modul

Data modul

Data modul

Data modul

Data modul Data modul

Data modul

Data modul

Gambar 3.2 DFD tingkat 1 manajemen modul

Dalam gambar terihat administrator dapat menambah,

melihat, mengubah, dan menghapus data modul pada

manajemen modul dan akan akan disimpan dalam tabel

tmodul.

16

16

Administrator

2.1.

Tambah Staff

2.2.

View Staff

2.3.

Ubah Staff

2.4.

Hapus Staff

tstaff

Data staff

Data staff

Data staff

Data staff

Data staff

Data staff Data staff

Data staff

Data staff

Gambar 3.3 DFD tingkat 1 manajemen staff

Dalam gambar terihat administrator dapat menambah,

melihat, mengubah, dan menghapus data staff pada

manajemen staff dan akan akan disimpan dalam tabel

tstaff.

Administrator

3.1.

Tambah

Status

3.2.

View Status

3.3.

Ubah Status

3.4.

Hapus Status

tstatus

Data status

Data status

Data status

Data status

Data status

Data status Data status

Data status

Data status

Gambar 3.4 DFD tingkat 1 manajemen status member

Dalam gambar terihat administrator dapat menambah,

melihat, mengubah, dan menghapus data status member

17

17

pada manajemen status member dan akan akan disimpan

dalam tabel tstatus.

Administrator

4.1.

Tambah

Kategori

4.2.

View

Kategori

4.3.

Ubah

Kategori

4.4.

Hapus

Kategori

tkategori

Data kategori

Data kategori

Data kategori

Data kategori

Data kategori

Data kategori Data kategori

Data kategori

Data kategori

Gambar 3.5 DFD tingkat 1 manajemen kategori

Dalam gambar terihat administrator dapat menambah,

melihat, mengubah, dan menghapus data kategori pada

manajemen kategori dan akan akan disimpan dalam tabel

tkategori.

Administrator

5.1.

Tambah

Buku

5.2.

View Buku

5.3.

Ubah Buku

5.4.

Hapus Buku

tbuku

Data buku

Data buku

Data buku

Data buku

Data buku

Data buku Data buku

Data buku

Data buku

Gambar 3.6 DFD tingkat 1 manajemen buku

18

18

Dalam gambar terihat administrator dapat menambah,

melihat, mengubah, dan menghapus data buku pada

manajemen buku dan akan akan disimpan dalam tabel

tbuku.

Administrator

7.1.

Tambah Link

7.2.

View Link

7.3.

Ubah Link

7.4.

Hapus Link

tlink

Data link

Data link

Data link

Data link

Data link

Data link Data link

Data link

Data link

Gambar 3.7DFD tingkat 2 manajemen link

Dalam gambar terihat administrator dapat menambah,

melihat, mengubah, dan menghapus data link pada

manajemen link dan akan akan disimpan dalam tabel

tlink.

19

19

Staff

8.1.

Tambah

Member

8.2.

View Member

8.3.

Ubah

Member

8.4.

Hapus

Member

tmember

Data member

Data member

Data member

Data member

Data member

Data member Data member

Data member

Data member

Gambar 3.8DFD tingkat 1 manajemen member

Dalam gambar terihat staff dapat menambah, melihat,

mengubah, dan menghapus data member pada

manajemen member dan akan akan disimpan dalam tabel

tmember.

Staff

9.1.

Tambah

Transaksi

9.2.

View

Transaksi

9.3.

Ubah

Transaksi

9.4.

Hapus

Transaksi

ttransaksi

Data transaksi

Data transaksi

Data transaksi

Data transaksi

Data transaksi

Data transaksi Data transaksi

Data transaksi

Data transaksi

Gambar 3.9DFD tingkat 1 manajemen transaksi

20

20

Dalam gambar terihat staff dapat menambah, melihat,

mengubah, dan menghapus data transaksi pada

manajemen transaksi dan akan akan disimpan dalam

tabel ttransaksi.

3.3 Flowchart

LOGIN

START

AS Staff?

INPUT

TRANSAKSI

Data Valid?

DATABASE

FINISH

Y

N ADMINISTRATOR

Y

N

Gambar 3.10 Flowchart tahap 1 (peminjaman buku)

Jika login yang dimasukan bukan staff, maka akan

diarahkan ke halaman administrator.

Jika login sebagai staff maka akan dapat melakukan

input transaksi.

Jika data yang diinput valid maka akan dimasukan ke

dalam database jika invalid maka akan dikembalikan ke

halaman input.

Jika data sudah masuk maka proses sudah selesai.

21

21

LOGIN

START

AS Staff?

FORM

TRANSAKSI

PENGEMBALIAN

LEBIH DARI

HARI?

DATABASE

Y

N ADMINISTRATOR

DENDA

Y

N

CETAK?TAMPIL DATA

TRANSAKSIDATA TRANSAKSI Y

N

FINISH

AS ADMIN?

Y

N

Gambar 3.12 Flowchart tahap 2 (pengembalian buku)

Jika login yang dimasukan bukan staff, maka akan

diarahkan ke halaman administrator.

Jika login sebagai staff maka akan dapat melakukan

input transaksi pengembalian.

Jika data buku yang diinput jadwal pengembalian maka

akan dikenakan denda terlebih dahulu, jika tepat waktu

maka akan langsung masuk ke database.

Jika data sudah masuk,maka proses telah selesai.

22

22

3.4 ERD (Entity Relationship Diagram)

Administrator Simpan Buku

Pinjam

MemberRegistrasiStaff

Gambar 3.13 ERD (Entity Relationship Diagram)

Dalam diagram tersebut terlihat bahwa administrator

dapat menyimpan buku, member dapat meminjam buku,

dan staff dapat meregistrasi member.

23

23

3.5 Relasi Antartabel

Gambar 3.14 Relasi antartabel

24

3.6 Perancangan Antarmuka

Perancangan antarmuka Sistem Informasi

Perpustakaan ini terdiri dari jenis yaitu website utamanya

dan bagian admin. Seperti digambarkan dibawah ini :

Perancangan Antarmuka Halaman Utama

Gambar 3.15 Halaman utama sistem informasi perpustakaan

- Pada halaman utama ini akan tampil tujuan dari

dikembangkannya Sistem Informasi

Perpustakaan.

- Pada bagian sidebar terdapat menu untuk

pencarian dan juga link yang menuju web luar.

25

Perancangan Antarmuka Pencarian Buku

Gambar 3.16 Halaman pencarian buku

- Pada halaman pencarian pengguna akan

dihadapkan dengan halaman web dengan

kotak pencarian dan beberapa opsi dalam

pencariannya.

- Pencarian berdasarkan judul dan pengarang

memiliki desain antarmuka yang sama.

26

Perancangan Antarmuka Kategori Buku

Gambar 3.17 Halaman kategori

- Pada halamn kategori akan tampil kategori buku

dalam bentuk tabel dan link untuk mencari pada

ujung kanan.

- Tampilan pencarian berdasarkan penerbit juga

memiliki desain antar muka dengan halamn

kategori.

27

Perancangan Antarmuka Halaman Utama Admin

Gambar 3.18 Halaman awal admin

- Pada awal login pengguna akan melihat halaman

admin dengan ucapan datang pada bagian main

column.

- Pada pengguna dengan level staff, pada bagian

menu hanya akan tampil menu member,

transaksi, dan ubah password.

28

Perancangan Antarmuka List

Gambar 3.19 Halaman list buku.

- Pada bagian main column akan ditampilkan

daftar buku dalam bentuk tabel.

- Pada bagian atas ada kotak pencarian untuk

mencari buku.

- Pada halaman kategori, staff, member, link,

modul, akan memiliki desain antarmuka yang

sama.

29

Perancangan Antarmuka Halaman Pemasukan Data

Gambar 3.20 Halaman insert data

- Pada halaman pemasukan data akan ditampilkan

form untuk data yang akan dimasukan ke

database.

- Halaman pemasukan data pada menu lain juga

memiliki desain antarmuka yang sama hanya

berbeda pada form yang ditampilkan.

30

Perancangan Antarmuka Laporan

Gambar 3.21 Form laporan

- Terdapat dua date picker untuk menentukan

periode data yang akan ditampilkan.

- Terdapat tombol preview dibawah date picker.

- Hasil laporan ditampilkan dalam tabel.