Perancangan Sistem Manajemen Perpustakaa. docx
ANALISIS DAN PERANCANGAN SI
PERANCANGAN SISTEM MANAJEMEN PERPUSTAKAAN
Proyek ini dibuat untuk memenuhi tugas Semester Pendek
Analisis dan Perancangan SI Tahun Akademik 2014 / 2015
Oleh :
Nama
: Reja Abdillah
NPM
: 1123109
Kelas
: D3TI3C
Dosen
: Dini Hamidin, S.Si. MBA., MT.
PROGRAM DIPLOMA III TEKNIK INFORMATIKA
POLITEKNIK POS INDONESIA
BANDUNG
2015
KATA PENGANTAR
Puji dan syukur penulis panjatkan kehadirat Allah SWT yang telah
memberikan Rahmat dan Karunia-Nya kepada penulis sehingga dapat menyusun dan
menyelesaikan Karya Ilmiah yang berjudul ”Perancangan Sistem Manajemen
Perpustakaan” tepat pada waktunya.
Disadari sepenuhnya bahwa dalam pembuatan Karya Ilmiah ini tidak terlepas
dari berbagai kekurangan dari segi isi maupun bahasa, oleh karena itu kritik dan
saran penulis harapkan untuk perbaikan di masa yang akan datang.
Tidak lupa penulis ucapkan terima kasih kepada semua pihak yang telah
membantu penulis berupa moril maupun materil. Dengan hati tulus penulis
mengucapkan terima kasih banyak kepada :
1. Allah SWT, dengan Rahmat dan Karunia-Nya penulis dapat menyelesaikan
Karya Ilmiah ini.
2. Orang tua penulis tercinta, yang telah tulus dan ikhlas membantu penulis baik
berupa moril maupun materil.
3. Dr. Ir. Agus Purnomo, M.T., selaku Direktur Politeknik Pos Indonesia.
4. Iwan Setiawan, ST, selaku Ketua Program Studi D3 Teknik Informatika.
5. Dini Hamidin, S.Si. MBA., MT., selaku dosen pengajar mata kuliah Analisis
dan Perancangan SI.
6. Terima kasih kepada seluruh pihak yang telah membantu penulis menyusun
Karya Ilmiah ini yang tidak bisa penulis ucapkan secara satu – persatu.
Bandung, 20 Maret 2015
Penulis
PERANCANGAN
3.1
Perancangan
Perancangan merupakan tahap setelah analisis untuk mendefinisikan
kebutuhan - kebutuhan fungsional yang menggambarkan bagaimana suatu aplikasi
dibentuk, yang dapat berupa penggambaran, perencanaan, dan pembuatan sketsa,
atau pengaturan dari beberapa elemen yang terpisah kedalam suatu kesatuan yang
utuh dan berfungsi, termasuk menyangkut konfigurasi dari komponen - komponen
perangkat lunak dan keras dari suatu aplikasi.
3.1.1
Unified Modeling Language ( UML )
Unified Modeling Language ( UML ) adalah himpunan struktur dan teknik
untuk pemodelan desain program berorientasi objek ( OOP ) serta aplikasinya. UML
adalah metodologi untuk mengembangkan sistem OOP dan sekelompok perangkat
tool untuk mendukung pengembangan sistem tersebut. UML adalah suatu bahasa
yang
digunakan
untuk
menentukan,
memvisualisasikan,
membangun,
dan
mendokumentasikan suatu sistem informasi. UML dapat digunakan untuk
memahami dan mendokumentasikan setiap sistem informasi. Penggunaan UML
dalam industri terus meningkat. Ini merupakan standar terbuka yang menjadikannya
sebagai bahasa pemodelan yang umum dalam industri peranti lunak dan
pengembangan sistem.
3.1.2
Use Case Diagram
Menurut Booch ( 2005 ), suatu use case diagram menampilkan sekumpulan
use case dan aktor ( pelaku ) dan hubungan diantara use case dan aktor tersebut. Use
case diagram digunakan untuk penggambaran use case statik dari suatu sistem.
Use case menjelaskan apa yang dilakukan sistem (atau subsistem) tetapi tidak tidak
menspesifikasikan cara kerjanya.
Daftar anggota
System
Password
Username
Home
Daftar buku
Cari buku
Pengunjung
Pinjam buku
Pengembalian buku
Anggota
Login
Petugas
Kelola buku
Kelola anggota
Kelola supplier
Kelola penyumbang
Info
Tabel deskripsi aktor
Aktor
Petugas
Anggota
Pengunjung
Deskripsi
Orang yang memiliki account dan password khusus agar
dapat masuk pada aplikasi dan memperoleh hak akses
penuh.
Orang yang memiliki account dan password khusus agar
dapat masuk pada aplikasi dan hak akses terbatas.
Orang yang tidak memiliki account dan password khusus
untuk masuk pada aplikasi dan memiliki hak akses
terbatas.
3.1.3
Class Diagram
Class diagram adalah diagam yang digunakan untuk menampilkan beberapa
kelas serta paket-paket yang ada dalam sistem/perangkat lunak yang sedang kita
gunakan. Class diagram memberi kita gambaran (diagram statis) tentang
sistem/perangkat lunak dan relas-relasi yang ada didalamnya. Menurut ( Whitten L.
Jeffery et al 2004 : 432 ) class diagram adalah gambar grafis mengenai struktur objek
statis dari suatu sistem, menunjukan class-class objek yang menyusun sebuah sistem
dan juga hubungan antara class objek tersebut.
Anggota
+id_anggota int
+nama varchar
+jenis_kelamin varchar
+alamat varchar
+Nomor_hp int
+username varchar
+password varchar
+Add()
+Edit()
+Delete()
Penyumbang
Supplier
+id_penyumbang int
+nama varchar
+judul_buku varchar
+pengarang varchar
+penerbit varchar
+lokasi varchar
+tahun int
+kategori varchar
+jumlah int
+keterangan varchar
+id_supplier int
+nama varchar
+judul_buku varchar
+pengarang varchar
+penerbit varchar
+lokasi varchar
+tahun int
+kategori varchar
+jumlah int
+keterangan varchar
+Add()
+Edit()
+Delete()
+Add()
+Edit()
+Delete()
3.1.4
Peminjam
+no_pinjamint
+id_anggota int
+id_buku int
+tgl_pinjamdate
+tgl_kembali date
Buku
+id_buku int
+judul_buku varchar
+pengarang varchar
+penerbit varchar
+lokasi varchar
+tahun int
+klasifikasi varchar
+kategori varchar
+jumlah int
+keterangan text
+Input()
+Input()
+Edit()
+Delete()
+Display()
+Search()
Petugas
+id_petugas int
+nama varchar
+jabatan varchar
+username varchar
+password varchar
Pengembalian
+no_kembali int
+no_pinjamint
+id_buku int
+kategori_denda
+Delete()
+Display()
+Add()
+Edit()
+Delete()
Denda
+kategori_denda int
+waktu varchar
+Input()
+Edit()
+Delete()
+Display()
Sequence Diagram
Menurut Booch ( 2005 ), suatu sequence diagram adalah suatu diagram
interaksi yang menekankan pada pengaturan waktu dari pesan - pesan. Diagram
ini menampilkan sekumpulan peran dan pesan - pesan yang dikirim dan
diterima oleh instansi yang memegang
peranan
tersebut. Sequence diagram
adalah grafik dua dimensi dimana obyek ditunjukkan dalam dimensi horizontal,
sedangkan lifeline ditunjukkan dalam dimensi vertikal.
Sequence Diagram digunakan untuk menggambarkan skenario atau rangkaian
langkah - langkah yang dilakukan sebagai sebuah respon dari suatu kejadian / event
untuk menghasilkan output tertentu. Interaksi antar objek tersebut termasuk
pengguna, display dan sebagainya berupa pesan / message.
1.
Login ( Petugas )
Login
Home
Home
: Petugas
1 : Menjalankan aplikasi()
2 : Input username dan password()
3 : Validasi()
4
5 : Berhasil login()
2.
Melihat daftar buku ( Pengunjung )
Home
Daftar Buku
: Pengunjung
1 : Menjalankan aplikasi()
2 : Pilih menu()
3.
Mencari buku ( Pengunjung )
Home
Cari buku
Database
: Pengunjung
1 : Menjalankan aplikasi()
2 : Pilih menu()
3 : Cari buku()
4 : Status buku()
Database
4.
Pinjam buku ( Anggota )
Login
Home
Home
Pinjambuku
Database
: Petugas
1 : Menjalankan aplikasi()
2 : Input username dan password()
3 : Validasi()
4
5 : Berhasil login()
6 : Pilih menu()
7 : Input data()
8 : Validasi()
9 : Status buku()
5.
Pengembalian buku ( Petugas )
Login
Home
Home
Pengembalian buku
Database
: Petugas
1 : Menjalankan aplikasi()
2 : Input username dan password()
3 : Validasi()
4
5 : Berhasil login()
6 : Pilih menu()
7 : Pilih data()
8 : Cek data()
9 : Tampil denda()
6.
Input buku ( Petugas )
Home
Login
Home
Kelola buku
Input buku
Database
: Petugas
1 : Menjalankan aplikasi()
2 : Input username dan password()
3 : Validasi()
4
5 : Berhasil login()
6 : Pilih menu()
7 : Pilih menu()
8 : Input data()
9 : Simpan()
7.
Edit buku ( Petugas )
Login
Home
Home
Kelola buku
Edit buku
Database
: Petugas
1 : Menjalankan aplikasi()
2 : Input username dan password()
3 : Validasi()
4
5 : Berhasil login()
6 : Pilih menu()
7 : Pilih menu()
8 : Edit data()
9 : Simpan()
8.
Delete buku ( Petugas )
Login
Home
Home
Kelola buku
Database
: Petugas
1 : Menjalankan aplikasi()
2 : Input username dan password()
3 : Validasi()
4
5 : Berhasil login()
6 : Pilih menu()
7 : Hapus data()
9.
Daftar anggota ( Pengunjung )
Home
Daftar anggota
Database
: Pengunjung
1 : Menjalankan aplikasi()
2 : Pilih menu()
3 : Input data()
4 : Simpan()
10.
Edit anggota ( Petugas )
Login
Home
Home
Kelola anggota
Edit anggota
Database
: Petugas
1 : Menjalankan aplikasi()
2 : Input username dan password()
3 : Validasi()
4
5 : Berhasil login()
6 : Pilih menu()
7 : Pilih menu()
8 : Edit data()
9 : Simpan()
11.
Delete anggota ( Petugas )
Login
Home
Home
Kelola anggota
Database
: Petugas
1 : Menjalankan aplikasi()
2 : Input username dan password()
3 : Validasi()
4
5 : Berhasil login()
6 : Pilih menu()
7 : Hapus data()
12.
Daftar supplier ( Petugas )
Home
Login
Home
Kelola supplier
Daftar supplier
Database
: Petugas
1 : Menjalankan aplikasi()
2 : Input username dan password()
3 : Validasi()
4
5 : Berhasil login()
6 : Pilih menu()
7 : Pilih menu()
8 : Input data()
9 : Simpan()
13.
Edit suuplier ( Petugas )
Login
Home
Home
Kelola supplier
Edit supplier
Database
: Petugas
1 : Menjalankan aplikasi()
2 : Input username dan password()
3 : Validasi()
4
5 : Berhasil login()
6 : Pilih menu()
7 : Pilih menu()
8 : Edit data()
9 : Simpan()
14.
Delete supplier ( Petugas )
Login
Home
Home
Kelola supplier
Database
: Petugas
1 : Menjalankan aplikasi()
2 : Input username dan password()
3 : Validasi()
4
5 : Berhasil login()
6 : Pilih menu()
7 : Hapus data()
15.
Daftar penyumbang ( Petugas )
Home
Login
Home
Kelola penyumbang
Daftar penyumbang
Database
: Petugas
1 : Menjalankan aplikasi()
2 : Input username dan password()
3 : Validasi()
4
5 : Berhasil login()
6 : Pilih menu()
7 : Pilih menu()
8 : Input data()
9 : Simpan()
16.
Edit penyumbang ( Petugas )
Login
Home
Home
Kelola penyumbang
Edit penyumbang
Database
: Petugas
1 : Menjalankan aplikasi()
2 : Input username dan password()
3 : Validasi()
4
5 : Berhasil login()
6 : Pilih menu()
7 : Pilih menu()
8 : Edit data()
9 : Simpan()
17.
Delete penyumbang ( Petugas )
Home
Login
Home
Kelola penyumbang
Database
: Petugas
1 : Menjalankan aplikasi()
2 : Input username dan password()
3 : Validasi()
4
5 : Berhasil login()
6 : Pilih menu()
7 : Hapus data()
3.1.5
Collaboration Diagram
Collaboration diagram menurut Munawar ( 2005 : 101 ) adalah perluasan dari
objek diagram. Objek diagram menunjukkan objek - objek yang hubungannya satu
dengan yang lain. Collaboration diagram menunnjukkan message - message atau
pesan dari objek yang dikirim satu sama lain. Collaboration diagram yaitu diagram
yang mengelompokkan pesan pada kumpulan diagram sequence menjadi sebuah
diagram. Dalam collaboration diagram tersebut terdapat method yang dijalankan
antara objek yang satu dan objek lainnya. Collaboration diagram adalah suatu
diagram yang memperlihatkan atau menampilkan pengorganisasian interaksi yang
terdapat disekitar objek dan hubungannya terhadap objek yang lainnya.
Collaboration Diagram lebih menekankan kepada peran setiap objek dan bukan pada
waktu penyampaian pesan.
Fungsi dari collaboration diagram adalah digunakan sebagai pandangan
dalam arti perilaku sistem, berfokus pada link - link diantara objek – objek tersebut,
illustrasi dari suatu diagram usecase, menyatakan objek - objek yang diperlukan
untuk merealisasikan suatu layanan dan memeriksa jalur - jalur pengaksesan.
Kelola supplier
Daftar anggota
Info
Home
Daftar buku
Input
Output
Input
Output
Output
Output
Input
Input
Sistem Informasi
Kelola anggota
Cari buku
Output
Output
Input
Input
Input
Output
Kelola penyumbang
3.1.6
Kelola buku
Output
Output
Pengembalian buku
Pinjam buku
Activity Diagram
Activity diagram yaitu teknik penggambaran berbagai alur aktivitas dalam
sistem yang sedang dirancang, bagaimana masing - masing alur berawal, decision
yang mungkin terjadi dan bagaimana mereka berakhir. Activity diagram memiliki
lebih fokus kepada penggambaran proses bisnis dan urutan aktivitas di dalam sebuah
proses. Activity diagram juga dapat menggambarkan proses paralel yang mungkin
terjadi pada beberapa eksekusi di dalam sebuah proses. Activity diagram dapat juga
digunakan pada business modeling untuk memperlihatkan urutan aktifitas proses
bisnis. Activity diagram sangat mirip dengan flowchart karena memodelkan
workflow dari suatu aktivitas ke aktivitas lainnya atau dari aktivitas ke status.
Activity diagram dibuat berdasarkan sebuah atau beberapa use case pada use case
diagram.
Activity diagram berfungsi untuk menggambarkan workflow atau aliran kerja
dari suatu proses bisnis. Suatu aliran kerja bisa saja dituangkan dalam bentuk narasi
atau teks, akan tetapi jika aliran kerjanya sudah kompleks maka kita akan kesulitan
untuk membayangkan bagaimana proses itu terjadi. Oleh karena itu, dibuatlah
activity diagram sebagai salah satu cara untuk menggambarkan aliran kerja tersebut.
1.
Login ( Petugas )
Petugas
Aplikasi
Menjalankan aplikasi
Database
Home
Input username dan password
Pilih menu
Validasi
Login
Tidak
Ya
Home
2.
Melihat daftar buku ( Pengunjung )
Petugas
Menjalankan aplikasi
Aplikasi
Home
Pilih menu
Daftar buku
Tampil daftar buku
Cek data
3.
Mencari buku ( Pengunjung )
Petugas
Aplikasi
Menjalankan aplikasi
Home
Database
Pilih menu
Input kriteria data
Cari buku
Cari buku
Tidak
Cek data
Ya
Tampil data
4.
Pinjam buku ( Anggota )
Petugas
Aplikasi
Menjalankan aplikasi
Input username dan password
Database
Home
Pilih menu
Validasi
Login
Cek data
Tidak
Ya
Home
Input data
Pinjambuku
Pilih menu
Pinjambuku
Data disimpan
5.
Pengembalian buku ( Petugas )
Petugas
Aplikasi
Menjalankan aplikasi
Input username dan password
Database
Home
Pilih menu
Validasi
Login
Cek data
Tidak
Ya
Home
Pilih menu
Pilih data
Pengembalian buku
Pengembalian buku
Data dihapus
Tidak ada
Cek denda
Ada
Tampil denda
6.
Input buku ( Petugas )
Petugas
Aplikasi
Menjalankan aplikasi
Input username dan password
Database
Home
Pilih menu
Validasi
Login
Cek data
Tidak
Ya
Home
Pilih menu
Kelola buku
Input data
Pilih menu
Input buku
Input buku
Data disimpan
7.
Edit buku ( Petugas )
Petugas
Aplikasi
Menjalankan aplikasi
Input username dan password
Database
Home
Pilih menu
Validasi
Login
Cek data
Tidak
Ya
Home
Pilih menu
Pilih data
Edit buku
Kelola buku
Edit buku
Edit data
Data disimpan
8.
Delete buku ( Petugas )
Petugas
Aplikasi
Menjalankan aplikasi
Input username dan password
Database
Home
Pilih menu
Validasi
Login
Cek data
Tidak
Ya
Home
Pilih menu
Pilih data
Delete buku
Kelola buku
Data dihapus
9.
Daftar anggota ( Pengunjung )
Petugas
Aplikasi
Menjalankan aplikasi
Home
Input data
Daftar anggota
Database
Pilih menu
Daftar anggota
Data disimpan
10.
Edit anggota ( Petugas )
Petugas
Aplikasi
Menjalankan aplikasi
Input username dan password
Database
Home
Pilih menu
Validasi
Login
Cek data
Tidak
Ya
Home
Pilih menu
Pilih data
Edit anggota
Kelola anggota
Edit anggota
Data disimpan
Edit data
11.
Delete anggota ( Petugas )
Petugas
Aplikasi
Menjalankan aplikasi
Input username dan password
Database
Home
Pilih menu
Validasi
Login
Cek data
Tidak
Ya
Home
Pilih data
Delete anggota
Pilih menu
Kelola anggota
Data dihapus
12.
Daftar supplier ( Petugas )
Petugas
Aplikasi
Menjalankan aplikasi
Database
Home
Input username dan password
Pilih menu
Validasi
Login
Cek data
Tidak
Ya
Home
Pilih menu
Kelola anggota
Pilih menu
Input data
Daftar supplier
Daftar supplier
Data disimpan
13.
Edit supplier ( Petugas )
Petugas
Aplikasi
Menjalankan aplikasi
Input username dan password
Database
Home
Pilih menu
Validasi
Login
Cek data
Tidak
Ya
Home
Pilih menu
Pilih data
Edit supplier
Kelola supplier
Edit supplier
Edit data
Data disimpan
14.
Delete supplier ( Petugas )
Petugas
Aplikasi
Menjalankan aplikasi
Input username dan password
Database
Home
Pilih menu
Validasi
Login
Cek data
Tidak
Ya
Home
Pilih menu
Pilih data
Delete supplier
Kelola supplier
Data dihapus
15.
Daftar penyumbang ( Petugas )
Petugas
Aplikasi
Menjalankan aplikasi
Input username dan password
Database
Home
Pilih menu
Validasi
Login
Cek data
Tidak
Ya
Home
Pilih menu
Kelola penyumbang
Input data
Daftar penyumbang
Pilih menu
Daftar penyumbang
Data disimpan
16.
Edit penyumbang ( Petugas )
Petugas
Aplikasi
Menjalankan aplikasi
Input username dan password
Database
Home
Pilih menu
Validasi
Login
Cek data
Tidak
Ya
Home
Pilih menu
Pilih data
Edit penyumbang
Kelola penyumbang
Edit penyumbang
Data disimpan
Edit data
17.
Delete penyumbang ( Petugas )
Petugas
Aplikasi
Menjalankan aplikasi
Input username dan password
Database
Home
Pilih menu
Validasi
Login
Cek data
Tidak
Ya
Home
Pilih data
Delete penyumbang
Pilih menu
Kelola penyumbang
Data dihapus
3.1.7
Statechart Diagram
Menggambarkan transisi dan perubahan keadaan ( dari satu state ke state
lainnya ) suatu obyek pada sistem sebagai akibat dari stimulans yang diterima.
Keadaan dari suatu obyek bergantung pada kegiatan dan keadaan yang berlaku pada
saat itu. Diagram StateChart menunjukan kemungkinan dari keadaan obyek dan
proses yang menyebabkan perubahan pada keadaannya.
1.
Login ( Petugas )
Home
Validasi
Login
entry/Input [ Username dan password ]
Home
2.
Memenuhi syarat
Melihat data buku ( Pengunjung )
Home
Daftar buku
entry/Display [ data ]
Database
entry/Cek [ data ]
3.
Mencari buku ( Pengunjung )
Home
Cari buku
Validasi
Database
entry/Search [ data ]
entry/Cek [ data ]
Tampil buku
entry/Display [ data ]
4.
Pinjam buku ( Pengunjung )
Home
Pinjambuku
Database
entry/Input [ data ]
5.
entry/Simpan [ data ]
Pengembalian buku ( Petugas )
Home
Validasi
Login
entry/Input [ Username dan password ]
Home
Pengembalian buku
entry/Delete [ data ]
Denda
entry/Display [ denda ]
Database
entry/Cek [ data ]
Memenuhi syarat
Database
entry/Cek [ denda ]
entry/Delete [ data ]
6.
Daftar anggota ( Pengunjung )
Home
Validasi
Login
entry/Input [ Username dan password ]
Database
entry/Cek [ data ]
Memenuhi syarat
Home
Daftar anggota
Database
entry/Add [ data ]
7.
entry/Simpan [ data ]
Kelola anggota ( Petugas )
Home
Validasi
Login
entry/Input [ Username dan password ]
Home
Memenuhi syarat
Kelola anggota
entry/Add [ data ]
entry/Edit [ data ]
entry/Delete [ data ]
Edit anggota
Kelola anggota
entry/Edit [ data ]
entry/Delete [ data ]
Database
entry/Simpan [ data ]
entry/Delete [ data ]
Database
entry/Cek [ data ]
8.
Kelola buku ( Petugas )
Home
Validasi
Login
entry/Input [ Username dan password ]
Home
Database
entry/Cek [ data ]
Memenuhi syarat
Kelola buku
entry/Input [ data ]
entry/Edit [ data ]
entry/Delete [ data ]
Input buku
Edit buku
Kelola buku
entry/Input [ data ]
entry/Edit [ data ]
entry/Delete [ data ]
Database
entry/Simpan [ data ]
entry/Delete [ data ]
9.
Kelola supplier ( Petugas )
Home
Validasi
Login
entry/Input [ Username dan password ]
Home
Database
entry/Cek [ data ]
Memenuhi syarat
Kelola supplier
entry/Add [ data ]
entry/Edit [ data ]
entry/Delete [ data ]
Tambah supplier
Edit supplier
Kelola supplier
entry/Add [ data ]
entry/Edit [ data ]
entry/Delete [ data ]
Database
entry/Simpan [ data ]
entry/Delete [ data ]
10.
Kelola penyumbang ( Petugas )
Home
Validasi
Login
entry/Input [ Username dan password ]
Database
entry/Cek [ data ]
Memenuhi syarat
Home
Kelola penyumbang
entry/Add [ data ]
entry/Edit [ data ]
entry/Delete [ data ]
Tambah penyumbang
entry/Add [ data ]
Edit penyumbang
Kelola penyumbang
entry/Edit [ data ]
entry/Delete [ data ]
Database
entry/Simpan [ data ]
entry/Delete [ data ]
3.1.8
Struktur Menu
Kelola supplier
Daftar anggota
Sistem Informasi
Kelola anggota
Kelola penyumbang
Home
Kelola buku
Pengembalian buku
Info
Daftar buku
Cari buku
Pinjam buku
3.1.9
Perancangan antarmuka
1.
Login
Gambar
Selamat datang di website kami
Login
Gambar
Username
Username
Password
Username
Hak akses
Username
Login
2.
Home
Gambar
Selamat datang di website kami
Perpustakaan
Informasi Perpustakaan
3.
Daftar buku
Gambar
Selamat datang di website kami
Daftar buku
Grid View
Exit
4.
Cari buku
Gambar
Selamat datang di website kami
Perpustakaan
Username
5.
Pinjam buku
Gambar
Selamat datang di website kami
Pinjam buku
ID Anggota
Nama peminjam
Alamat peminjam
Nomor hp
ID Buku
Judul buku
Pengarang
Penerbit
Lokasi
Tahun
Jumlah
Keterangan
Simpan
6.
Pengembalian buku
Batal
Cari
Gambar
Selamat datang di website kami
Pengembalian buku
Pengembalian
Grid View
Pengembalian
Pengembalian
7.
Kelola buku
Gambar
Selamat datang di website kami
Kelola buku
Input buku
Grid View
Edit buku
8.
Daftar anggota
Delete buku
Gambar
Selamat datang di website kami
Anggota
ID Anggota
Nama
Jenis kelamin
Alamat
Nomor hp
Simpan
9.
Batal
Kelola anggota
Gambar
Selamat datang di website kami
Kelola anggota
Grid View
Edit anggota
10.
Kelola supplier
Delete anggota
Gambar
Selamat datang di website kami
Kelola supplier
Daftar supplier
Grid View
Edit supplier
11.
Delete supplier
Kelola penyumbang
Gambar
Selamat datang di website kami
Kelola buku
Daftar penyumbang
Grid View
Edit penyumbang
12.
Info
Gambar
Selamat datang di website kami
Info
Info
Delete penyumbang
PERANCANGAN SISTEM MANAJEMEN PERPUSTAKAAN
Proyek ini dibuat untuk memenuhi tugas Semester Pendek
Analisis dan Perancangan SI Tahun Akademik 2014 / 2015
Oleh :
Nama
: Reja Abdillah
NPM
: 1123109
Kelas
: D3TI3C
Dosen
: Dini Hamidin, S.Si. MBA., MT.
PROGRAM DIPLOMA III TEKNIK INFORMATIKA
POLITEKNIK POS INDONESIA
BANDUNG
2015
KATA PENGANTAR
Puji dan syukur penulis panjatkan kehadirat Allah SWT yang telah
memberikan Rahmat dan Karunia-Nya kepada penulis sehingga dapat menyusun dan
menyelesaikan Karya Ilmiah yang berjudul ”Perancangan Sistem Manajemen
Perpustakaan” tepat pada waktunya.
Disadari sepenuhnya bahwa dalam pembuatan Karya Ilmiah ini tidak terlepas
dari berbagai kekurangan dari segi isi maupun bahasa, oleh karena itu kritik dan
saran penulis harapkan untuk perbaikan di masa yang akan datang.
Tidak lupa penulis ucapkan terima kasih kepada semua pihak yang telah
membantu penulis berupa moril maupun materil. Dengan hati tulus penulis
mengucapkan terima kasih banyak kepada :
1. Allah SWT, dengan Rahmat dan Karunia-Nya penulis dapat menyelesaikan
Karya Ilmiah ini.
2. Orang tua penulis tercinta, yang telah tulus dan ikhlas membantu penulis baik
berupa moril maupun materil.
3. Dr. Ir. Agus Purnomo, M.T., selaku Direktur Politeknik Pos Indonesia.
4. Iwan Setiawan, ST, selaku Ketua Program Studi D3 Teknik Informatika.
5. Dini Hamidin, S.Si. MBA., MT., selaku dosen pengajar mata kuliah Analisis
dan Perancangan SI.
6. Terima kasih kepada seluruh pihak yang telah membantu penulis menyusun
Karya Ilmiah ini yang tidak bisa penulis ucapkan secara satu – persatu.
Bandung, 20 Maret 2015
Penulis
PERANCANGAN
3.1
Perancangan
Perancangan merupakan tahap setelah analisis untuk mendefinisikan
kebutuhan - kebutuhan fungsional yang menggambarkan bagaimana suatu aplikasi
dibentuk, yang dapat berupa penggambaran, perencanaan, dan pembuatan sketsa,
atau pengaturan dari beberapa elemen yang terpisah kedalam suatu kesatuan yang
utuh dan berfungsi, termasuk menyangkut konfigurasi dari komponen - komponen
perangkat lunak dan keras dari suatu aplikasi.
3.1.1
Unified Modeling Language ( UML )
Unified Modeling Language ( UML ) adalah himpunan struktur dan teknik
untuk pemodelan desain program berorientasi objek ( OOP ) serta aplikasinya. UML
adalah metodologi untuk mengembangkan sistem OOP dan sekelompok perangkat
tool untuk mendukung pengembangan sistem tersebut. UML adalah suatu bahasa
yang
digunakan
untuk
menentukan,
memvisualisasikan,
membangun,
dan
mendokumentasikan suatu sistem informasi. UML dapat digunakan untuk
memahami dan mendokumentasikan setiap sistem informasi. Penggunaan UML
dalam industri terus meningkat. Ini merupakan standar terbuka yang menjadikannya
sebagai bahasa pemodelan yang umum dalam industri peranti lunak dan
pengembangan sistem.
3.1.2
Use Case Diagram
Menurut Booch ( 2005 ), suatu use case diagram menampilkan sekumpulan
use case dan aktor ( pelaku ) dan hubungan diantara use case dan aktor tersebut. Use
case diagram digunakan untuk penggambaran use case statik dari suatu sistem.
Use case menjelaskan apa yang dilakukan sistem (atau subsistem) tetapi tidak tidak
menspesifikasikan cara kerjanya.
Daftar anggota
System
Password
Username
Home
Daftar buku
Cari buku
Pengunjung
Pinjam buku
Pengembalian buku
Anggota
Login
Petugas
Kelola buku
Kelola anggota
Kelola supplier
Kelola penyumbang
Info
Tabel deskripsi aktor
Aktor
Petugas
Anggota
Pengunjung
Deskripsi
Orang yang memiliki account dan password khusus agar
dapat masuk pada aplikasi dan memperoleh hak akses
penuh.
Orang yang memiliki account dan password khusus agar
dapat masuk pada aplikasi dan hak akses terbatas.
Orang yang tidak memiliki account dan password khusus
untuk masuk pada aplikasi dan memiliki hak akses
terbatas.
3.1.3
Class Diagram
Class diagram adalah diagam yang digunakan untuk menampilkan beberapa
kelas serta paket-paket yang ada dalam sistem/perangkat lunak yang sedang kita
gunakan. Class diagram memberi kita gambaran (diagram statis) tentang
sistem/perangkat lunak dan relas-relasi yang ada didalamnya. Menurut ( Whitten L.
Jeffery et al 2004 : 432 ) class diagram adalah gambar grafis mengenai struktur objek
statis dari suatu sistem, menunjukan class-class objek yang menyusun sebuah sistem
dan juga hubungan antara class objek tersebut.
Anggota
+id_anggota int
+nama varchar
+jenis_kelamin varchar
+alamat varchar
+Nomor_hp int
+username varchar
+password varchar
+Add()
+Edit()
+Delete()
Penyumbang
Supplier
+id_penyumbang int
+nama varchar
+judul_buku varchar
+pengarang varchar
+penerbit varchar
+lokasi varchar
+tahun int
+kategori varchar
+jumlah int
+keterangan varchar
+id_supplier int
+nama varchar
+judul_buku varchar
+pengarang varchar
+penerbit varchar
+lokasi varchar
+tahun int
+kategori varchar
+jumlah int
+keterangan varchar
+Add()
+Edit()
+Delete()
+Add()
+Edit()
+Delete()
3.1.4
Peminjam
+no_pinjamint
+id_anggota int
+id_buku int
+tgl_pinjamdate
+tgl_kembali date
Buku
+id_buku int
+judul_buku varchar
+pengarang varchar
+penerbit varchar
+lokasi varchar
+tahun int
+klasifikasi varchar
+kategori varchar
+jumlah int
+keterangan text
+Input()
+Input()
+Edit()
+Delete()
+Display()
+Search()
Petugas
+id_petugas int
+nama varchar
+jabatan varchar
+username varchar
+password varchar
Pengembalian
+no_kembali int
+no_pinjamint
+id_buku int
+kategori_denda
+Delete()
+Display()
+Add()
+Edit()
+Delete()
Denda
+kategori_denda int
+waktu varchar
+Input()
+Edit()
+Delete()
+Display()
Sequence Diagram
Menurut Booch ( 2005 ), suatu sequence diagram adalah suatu diagram
interaksi yang menekankan pada pengaturan waktu dari pesan - pesan. Diagram
ini menampilkan sekumpulan peran dan pesan - pesan yang dikirim dan
diterima oleh instansi yang memegang
peranan
tersebut. Sequence diagram
adalah grafik dua dimensi dimana obyek ditunjukkan dalam dimensi horizontal,
sedangkan lifeline ditunjukkan dalam dimensi vertikal.
Sequence Diagram digunakan untuk menggambarkan skenario atau rangkaian
langkah - langkah yang dilakukan sebagai sebuah respon dari suatu kejadian / event
untuk menghasilkan output tertentu. Interaksi antar objek tersebut termasuk
pengguna, display dan sebagainya berupa pesan / message.
1.
Login ( Petugas )
Login
Home
Home
: Petugas
1 : Menjalankan aplikasi()
2 : Input username dan password()
3 : Validasi()
4
5 : Berhasil login()
2.
Melihat daftar buku ( Pengunjung )
Home
Daftar Buku
: Pengunjung
1 : Menjalankan aplikasi()
2 : Pilih menu()
3.
Mencari buku ( Pengunjung )
Home
Cari buku
Database
: Pengunjung
1 : Menjalankan aplikasi()
2 : Pilih menu()
3 : Cari buku()
4 : Status buku()
Database
4.
Pinjam buku ( Anggota )
Login
Home
Home
Pinjambuku
Database
: Petugas
1 : Menjalankan aplikasi()
2 : Input username dan password()
3 : Validasi()
4
5 : Berhasil login()
6 : Pilih menu()
7 : Input data()
8 : Validasi()
9 : Status buku()
5.
Pengembalian buku ( Petugas )
Login
Home
Home
Pengembalian buku
Database
: Petugas
1 : Menjalankan aplikasi()
2 : Input username dan password()
3 : Validasi()
4
5 : Berhasil login()
6 : Pilih menu()
7 : Pilih data()
8 : Cek data()
9 : Tampil denda()
6.
Input buku ( Petugas )
Home
Login
Home
Kelola buku
Input buku
Database
: Petugas
1 : Menjalankan aplikasi()
2 : Input username dan password()
3 : Validasi()
4
5 : Berhasil login()
6 : Pilih menu()
7 : Pilih menu()
8 : Input data()
9 : Simpan()
7.
Edit buku ( Petugas )
Login
Home
Home
Kelola buku
Edit buku
Database
: Petugas
1 : Menjalankan aplikasi()
2 : Input username dan password()
3 : Validasi()
4
5 : Berhasil login()
6 : Pilih menu()
7 : Pilih menu()
8 : Edit data()
9 : Simpan()
8.
Delete buku ( Petugas )
Login
Home
Home
Kelola buku
Database
: Petugas
1 : Menjalankan aplikasi()
2 : Input username dan password()
3 : Validasi()
4
5 : Berhasil login()
6 : Pilih menu()
7 : Hapus data()
9.
Daftar anggota ( Pengunjung )
Home
Daftar anggota
Database
: Pengunjung
1 : Menjalankan aplikasi()
2 : Pilih menu()
3 : Input data()
4 : Simpan()
10.
Edit anggota ( Petugas )
Login
Home
Home
Kelola anggota
Edit anggota
Database
: Petugas
1 : Menjalankan aplikasi()
2 : Input username dan password()
3 : Validasi()
4
5 : Berhasil login()
6 : Pilih menu()
7 : Pilih menu()
8 : Edit data()
9 : Simpan()
11.
Delete anggota ( Petugas )
Login
Home
Home
Kelola anggota
Database
: Petugas
1 : Menjalankan aplikasi()
2 : Input username dan password()
3 : Validasi()
4
5 : Berhasil login()
6 : Pilih menu()
7 : Hapus data()
12.
Daftar supplier ( Petugas )
Home
Login
Home
Kelola supplier
Daftar supplier
Database
: Petugas
1 : Menjalankan aplikasi()
2 : Input username dan password()
3 : Validasi()
4
5 : Berhasil login()
6 : Pilih menu()
7 : Pilih menu()
8 : Input data()
9 : Simpan()
13.
Edit suuplier ( Petugas )
Login
Home
Home
Kelola supplier
Edit supplier
Database
: Petugas
1 : Menjalankan aplikasi()
2 : Input username dan password()
3 : Validasi()
4
5 : Berhasil login()
6 : Pilih menu()
7 : Pilih menu()
8 : Edit data()
9 : Simpan()
14.
Delete supplier ( Petugas )
Login
Home
Home
Kelola supplier
Database
: Petugas
1 : Menjalankan aplikasi()
2 : Input username dan password()
3 : Validasi()
4
5 : Berhasil login()
6 : Pilih menu()
7 : Hapus data()
15.
Daftar penyumbang ( Petugas )
Home
Login
Home
Kelola penyumbang
Daftar penyumbang
Database
: Petugas
1 : Menjalankan aplikasi()
2 : Input username dan password()
3 : Validasi()
4
5 : Berhasil login()
6 : Pilih menu()
7 : Pilih menu()
8 : Input data()
9 : Simpan()
16.
Edit penyumbang ( Petugas )
Login
Home
Home
Kelola penyumbang
Edit penyumbang
Database
: Petugas
1 : Menjalankan aplikasi()
2 : Input username dan password()
3 : Validasi()
4
5 : Berhasil login()
6 : Pilih menu()
7 : Pilih menu()
8 : Edit data()
9 : Simpan()
17.
Delete penyumbang ( Petugas )
Home
Login
Home
Kelola penyumbang
Database
: Petugas
1 : Menjalankan aplikasi()
2 : Input username dan password()
3 : Validasi()
4
5 : Berhasil login()
6 : Pilih menu()
7 : Hapus data()
3.1.5
Collaboration Diagram
Collaboration diagram menurut Munawar ( 2005 : 101 ) adalah perluasan dari
objek diagram. Objek diagram menunjukkan objek - objek yang hubungannya satu
dengan yang lain. Collaboration diagram menunnjukkan message - message atau
pesan dari objek yang dikirim satu sama lain. Collaboration diagram yaitu diagram
yang mengelompokkan pesan pada kumpulan diagram sequence menjadi sebuah
diagram. Dalam collaboration diagram tersebut terdapat method yang dijalankan
antara objek yang satu dan objek lainnya. Collaboration diagram adalah suatu
diagram yang memperlihatkan atau menampilkan pengorganisasian interaksi yang
terdapat disekitar objek dan hubungannya terhadap objek yang lainnya.
Collaboration Diagram lebih menekankan kepada peran setiap objek dan bukan pada
waktu penyampaian pesan.
Fungsi dari collaboration diagram adalah digunakan sebagai pandangan
dalam arti perilaku sistem, berfokus pada link - link diantara objek – objek tersebut,
illustrasi dari suatu diagram usecase, menyatakan objek - objek yang diperlukan
untuk merealisasikan suatu layanan dan memeriksa jalur - jalur pengaksesan.
Kelola supplier
Daftar anggota
Info
Home
Daftar buku
Input
Output
Input
Output
Output
Output
Input
Input
Sistem Informasi
Kelola anggota
Cari buku
Output
Output
Input
Input
Input
Output
Kelola penyumbang
3.1.6
Kelola buku
Output
Output
Pengembalian buku
Pinjam buku
Activity Diagram
Activity diagram yaitu teknik penggambaran berbagai alur aktivitas dalam
sistem yang sedang dirancang, bagaimana masing - masing alur berawal, decision
yang mungkin terjadi dan bagaimana mereka berakhir. Activity diagram memiliki
lebih fokus kepada penggambaran proses bisnis dan urutan aktivitas di dalam sebuah
proses. Activity diagram juga dapat menggambarkan proses paralel yang mungkin
terjadi pada beberapa eksekusi di dalam sebuah proses. Activity diagram dapat juga
digunakan pada business modeling untuk memperlihatkan urutan aktifitas proses
bisnis. Activity diagram sangat mirip dengan flowchart karena memodelkan
workflow dari suatu aktivitas ke aktivitas lainnya atau dari aktivitas ke status.
Activity diagram dibuat berdasarkan sebuah atau beberapa use case pada use case
diagram.
Activity diagram berfungsi untuk menggambarkan workflow atau aliran kerja
dari suatu proses bisnis. Suatu aliran kerja bisa saja dituangkan dalam bentuk narasi
atau teks, akan tetapi jika aliran kerjanya sudah kompleks maka kita akan kesulitan
untuk membayangkan bagaimana proses itu terjadi. Oleh karena itu, dibuatlah
activity diagram sebagai salah satu cara untuk menggambarkan aliran kerja tersebut.
1.
Login ( Petugas )
Petugas
Aplikasi
Menjalankan aplikasi
Database
Home
Input username dan password
Pilih menu
Validasi
Login
Tidak
Ya
Home
2.
Melihat daftar buku ( Pengunjung )
Petugas
Menjalankan aplikasi
Aplikasi
Home
Pilih menu
Daftar buku
Tampil daftar buku
Cek data
3.
Mencari buku ( Pengunjung )
Petugas
Aplikasi
Menjalankan aplikasi
Home
Database
Pilih menu
Input kriteria data
Cari buku
Cari buku
Tidak
Cek data
Ya
Tampil data
4.
Pinjam buku ( Anggota )
Petugas
Aplikasi
Menjalankan aplikasi
Input username dan password
Database
Home
Pilih menu
Validasi
Login
Cek data
Tidak
Ya
Home
Input data
Pinjambuku
Pilih menu
Pinjambuku
Data disimpan
5.
Pengembalian buku ( Petugas )
Petugas
Aplikasi
Menjalankan aplikasi
Input username dan password
Database
Home
Pilih menu
Validasi
Login
Cek data
Tidak
Ya
Home
Pilih menu
Pilih data
Pengembalian buku
Pengembalian buku
Data dihapus
Tidak ada
Cek denda
Ada
Tampil denda
6.
Input buku ( Petugas )
Petugas
Aplikasi
Menjalankan aplikasi
Input username dan password
Database
Home
Pilih menu
Validasi
Login
Cek data
Tidak
Ya
Home
Pilih menu
Kelola buku
Input data
Pilih menu
Input buku
Input buku
Data disimpan
7.
Edit buku ( Petugas )
Petugas
Aplikasi
Menjalankan aplikasi
Input username dan password
Database
Home
Pilih menu
Validasi
Login
Cek data
Tidak
Ya
Home
Pilih menu
Pilih data
Edit buku
Kelola buku
Edit buku
Edit data
Data disimpan
8.
Delete buku ( Petugas )
Petugas
Aplikasi
Menjalankan aplikasi
Input username dan password
Database
Home
Pilih menu
Validasi
Login
Cek data
Tidak
Ya
Home
Pilih menu
Pilih data
Delete buku
Kelola buku
Data dihapus
9.
Daftar anggota ( Pengunjung )
Petugas
Aplikasi
Menjalankan aplikasi
Home
Input data
Daftar anggota
Database
Pilih menu
Daftar anggota
Data disimpan
10.
Edit anggota ( Petugas )
Petugas
Aplikasi
Menjalankan aplikasi
Input username dan password
Database
Home
Pilih menu
Validasi
Login
Cek data
Tidak
Ya
Home
Pilih menu
Pilih data
Edit anggota
Kelola anggota
Edit anggota
Data disimpan
Edit data
11.
Delete anggota ( Petugas )
Petugas
Aplikasi
Menjalankan aplikasi
Input username dan password
Database
Home
Pilih menu
Validasi
Login
Cek data
Tidak
Ya
Home
Pilih data
Delete anggota
Pilih menu
Kelola anggota
Data dihapus
12.
Daftar supplier ( Petugas )
Petugas
Aplikasi
Menjalankan aplikasi
Database
Home
Input username dan password
Pilih menu
Validasi
Login
Cek data
Tidak
Ya
Home
Pilih menu
Kelola anggota
Pilih menu
Input data
Daftar supplier
Daftar supplier
Data disimpan
13.
Edit supplier ( Petugas )
Petugas
Aplikasi
Menjalankan aplikasi
Input username dan password
Database
Home
Pilih menu
Validasi
Login
Cek data
Tidak
Ya
Home
Pilih menu
Pilih data
Edit supplier
Kelola supplier
Edit supplier
Edit data
Data disimpan
14.
Delete supplier ( Petugas )
Petugas
Aplikasi
Menjalankan aplikasi
Input username dan password
Database
Home
Pilih menu
Validasi
Login
Cek data
Tidak
Ya
Home
Pilih menu
Pilih data
Delete supplier
Kelola supplier
Data dihapus
15.
Daftar penyumbang ( Petugas )
Petugas
Aplikasi
Menjalankan aplikasi
Input username dan password
Database
Home
Pilih menu
Validasi
Login
Cek data
Tidak
Ya
Home
Pilih menu
Kelola penyumbang
Input data
Daftar penyumbang
Pilih menu
Daftar penyumbang
Data disimpan
16.
Edit penyumbang ( Petugas )
Petugas
Aplikasi
Menjalankan aplikasi
Input username dan password
Database
Home
Pilih menu
Validasi
Login
Cek data
Tidak
Ya
Home
Pilih menu
Pilih data
Edit penyumbang
Kelola penyumbang
Edit penyumbang
Data disimpan
Edit data
17.
Delete penyumbang ( Petugas )
Petugas
Aplikasi
Menjalankan aplikasi
Input username dan password
Database
Home
Pilih menu
Validasi
Login
Cek data
Tidak
Ya
Home
Pilih data
Delete penyumbang
Pilih menu
Kelola penyumbang
Data dihapus
3.1.7
Statechart Diagram
Menggambarkan transisi dan perubahan keadaan ( dari satu state ke state
lainnya ) suatu obyek pada sistem sebagai akibat dari stimulans yang diterima.
Keadaan dari suatu obyek bergantung pada kegiatan dan keadaan yang berlaku pada
saat itu. Diagram StateChart menunjukan kemungkinan dari keadaan obyek dan
proses yang menyebabkan perubahan pada keadaannya.
1.
Login ( Petugas )
Home
Validasi
Login
entry/Input [ Username dan password ]
Home
2.
Memenuhi syarat
Melihat data buku ( Pengunjung )
Home
Daftar buku
entry/Display [ data ]
Database
entry/Cek [ data ]
3.
Mencari buku ( Pengunjung )
Home
Cari buku
Validasi
Database
entry/Search [ data ]
entry/Cek [ data ]
Tampil buku
entry/Display [ data ]
4.
Pinjam buku ( Pengunjung )
Home
Pinjambuku
Database
entry/Input [ data ]
5.
entry/Simpan [ data ]
Pengembalian buku ( Petugas )
Home
Validasi
Login
entry/Input [ Username dan password ]
Home
Pengembalian buku
entry/Delete [ data ]
Denda
entry/Display [ denda ]
Database
entry/Cek [ data ]
Memenuhi syarat
Database
entry/Cek [ denda ]
entry/Delete [ data ]
6.
Daftar anggota ( Pengunjung )
Home
Validasi
Login
entry/Input [ Username dan password ]
Database
entry/Cek [ data ]
Memenuhi syarat
Home
Daftar anggota
Database
entry/Add [ data ]
7.
entry/Simpan [ data ]
Kelola anggota ( Petugas )
Home
Validasi
Login
entry/Input [ Username dan password ]
Home
Memenuhi syarat
Kelola anggota
entry/Add [ data ]
entry/Edit [ data ]
entry/Delete [ data ]
Edit anggota
Kelola anggota
entry/Edit [ data ]
entry/Delete [ data ]
Database
entry/Simpan [ data ]
entry/Delete [ data ]
Database
entry/Cek [ data ]
8.
Kelola buku ( Petugas )
Home
Validasi
Login
entry/Input [ Username dan password ]
Home
Database
entry/Cek [ data ]
Memenuhi syarat
Kelola buku
entry/Input [ data ]
entry/Edit [ data ]
entry/Delete [ data ]
Input buku
Edit buku
Kelola buku
entry/Input [ data ]
entry/Edit [ data ]
entry/Delete [ data ]
Database
entry/Simpan [ data ]
entry/Delete [ data ]
9.
Kelola supplier ( Petugas )
Home
Validasi
Login
entry/Input [ Username dan password ]
Home
Database
entry/Cek [ data ]
Memenuhi syarat
Kelola supplier
entry/Add [ data ]
entry/Edit [ data ]
entry/Delete [ data ]
Tambah supplier
Edit supplier
Kelola supplier
entry/Add [ data ]
entry/Edit [ data ]
entry/Delete [ data ]
Database
entry/Simpan [ data ]
entry/Delete [ data ]
10.
Kelola penyumbang ( Petugas )
Home
Validasi
Login
entry/Input [ Username dan password ]
Database
entry/Cek [ data ]
Memenuhi syarat
Home
Kelola penyumbang
entry/Add [ data ]
entry/Edit [ data ]
entry/Delete [ data ]
Tambah penyumbang
entry/Add [ data ]
Edit penyumbang
Kelola penyumbang
entry/Edit [ data ]
entry/Delete [ data ]
Database
entry/Simpan [ data ]
entry/Delete [ data ]
3.1.8
Struktur Menu
Kelola supplier
Daftar anggota
Sistem Informasi
Kelola anggota
Kelola penyumbang
Home
Kelola buku
Pengembalian buku
Info
Daftar buku
Cari buku
Pinjam buku
3.1.9
Perancangan antarmuka
1.
Login
Gambar
Selamat datang di website kami
Login
Gambar
Username
Username
Password
Username
Hak akses
Username
Login
2.
Home
Gambar
Selamat datang di website kami
Perpustakaan
Informasi Perpustakaan
3.
Daftar buku
Gambar
Selamat datang di website kami
Daftar buku
Grid View
Exit
4.
Cari buku
Gambar
Selamat datang di website kami
Perpustakaan
Username
5.
Pinjam buku
Gambar
Selamat datang di website kami
Pinjam buku
ID Anggota
Nama peminjam
Alamat peminjam
Nomor hp
ID Buku
Judul buku
Pengarang
Penerbit
Lokasi
Tahun
Jumlah
Keterangan
Simpan
6.
Pengembalian buku
Batal
Cari
Gambar
Selamat datang di website kami
Pengembalian buku
Pengembalian
Grid View
Pengembalian
Pengembalian
7.
Kelola buku
Gambar
Selamat datang di website kami
Kelola buku
Input buku
Grid View
Edit buku
8.
Daftar anggota
Delete buku
Gambar
Selamat datang di website kami
Anggota
ID Anggota
Nama
Jenis kelamin
Alamat
Nomor hp
Simpan
9.
Batal
Kelola anggota
Gambar
Selamat datang di website kami
Kelola anggota
Grid View
Edit anggota
10.
Kelola supplier
Delete anggota
Gambar
Selamat datang di website kami
Kelola supplier
Daftar supplier
Grid View
Edit supplier
11.
Delete supplier
Kelola penyumbang
Gambar
Selamat datang di website kami
Kelola buku
Daftar penyumbang
Grid View
Edit penyumbang
12.
Info
Gambar
Selamat datang di website kami
Info
Info
Delete penyumbang