T0 562010012 BAB III

(1)

13

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

(2)

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

(3)

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

Gambar 3.2 DFD tingkat 1 manajemen modul

(4)

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

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

Gambar 3.4 DFD tingkat 1 manajemen status member

(5)

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

Gambar 3.5 DFD tingkat 1 manajemen kategori

 Dalam gambar terihat administrator dapat menambah, melihat, mengubah, dan menghapus data kategori pada manajemen kategori dan akanakan 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

(6)

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

Gambar 3.7DFD tingkat 2 manajemen link

(7)

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

Gambar 3.8DFD tingkat 1 manajemen member

 Dalam gambar terihat staff dapat menambah, melihat, mengubah, dan menghapus data member pada manajemen member dan akanakan 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

(8)

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.

(9)

21 LOGIN

START

AS Staff?

FORM TRANSAKSI PENGEMBALIAN

LEBIH DARI HARI?

DATABASE Y

N ADMINISTRATOR

DENDA Y

N

CETAK? TAMPIL DATA _TRANSAKSI DATA 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.

(10)

22

3.4 ERD (Entity Relationship Diagram)

Administrator Simpan Buku

Pinjam

Member Registrasi

Staff

Gambar 3.13 ERD (Entity Relationship Diagram)

Dalam diagram tersebut terlihat bahwa administrator

dapat menyimpan buku, member dapat meminjam buku,

(11)

23

(12)

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

(13)

 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.

(14)

 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

(15)

 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,

(16)

 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

(17)

 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

(18)

 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.