T0 562010012 BAB III

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 perpustakaan oleh operator (petugas perpustakaan).

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

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

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

Data buku Data buku

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

Data transaksi Data transaksi

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.

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.

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, dan staff dapat meregistrasi member.

23

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.

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

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

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

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

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

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

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

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

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

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

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

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