BAB III. PERANCANGAN SISTEM

Ukuran: px

Mulai penontonan dengan halaman:

Download "BAB III. PERANCANGAN SISTEM"

Johan Santoso
6 tahun lalu
Tontonan:

1 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. 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). 13

2 14 d. Proses Pembuatan Laporan Laporan yang ditampilkan dalam aplikasi ini berupa laporan peminjaman buku per bulan beserta jumlah denda yang terkumpul. Administrator Data laporan 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 Staff 8.0. Manajemen Member View Buku 9.0. Manajemen Transaksi tmember ttransaksi Pengunjung Gambar 3.1 DFD tingkat 0 Sistem Informasi Perpustakaan 14

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

4 16 Administrator 2.1. Tambah Staff 2.2. View Staff 2.3. Ubah Staff 2.4. Hapus Staff tstaff 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 Gambar 3.4 DFD tingkat 1 manajemen status member Dalam gambar terihat administrator dapat menambah, melihat, mengubah, dan menghapus data status member 16

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 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 Gambar 3.6 DFD tingkat 1 manajemen buku 17

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

7 19 Staff 8.1. Tambah Member 8.2. View Member 8.3. Ubah Member 8.4. Hapus Member tmember 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 Gambar 3.9DFD tingkat 1 manajemen transaksi 19

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 START LOGIN AS Staff? N ADMINISTRATOR Y INPUT TRANSAKSI N Data Valid? Y DATABASE FINISH 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. 20

9 21 START LOGIN AS Staff? N ADMINISTRATOR Y FORM TRANSAKSI PENGEMBALIAN N LEBIH DARI HARI? N Y DENDA DATABASE AS ADMIN? Y DATA TRANSAKSI Y CETAK? TAMPIL DATA TRANSAKSI N FINISH 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. 21

10 ERD (Entity Relationship Diagram) Administrator Simpan Buku Pinjam Staff Registrasi Member 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. 22

11 Relasi Antartabel Gambar 3.14 Relasi antartabel 23

24 3.6 Perancangan Antarmuka Perancangan antarmuka Sistem Informasi Perpustakaan ini terdiri dari jenis yaitu website utamanya dan bagian admin.

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

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

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

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

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

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

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

dokumen-dokumen yang mirip

PEMBANGUNAN APLIKASI E-LIBRARY BERBASIS WEB PADA SMAN 1 TELUK KERAMAT KABUPATEN SAMBAS

PEMBANGUNAN APLIKASI E-LIBRARY BERBASIS WEB PADA SMAN 1 TELUK KERAMAT KABUPATEN SAMBAS Prosiding Semirata 2015 bidang Teknologi Informasi dan Multi Disiplin Universitas Tanjungpura Pontianak Hal 8-17 PEMBAGUA APLIKASI E-LIBRAR BERBASIS WEB PADA SMA 1 TELUK KERAMAT KABUPATE SAMBAS Ari Apriansyah