:
BAB IV RANCANGAN SISTEM
4.1. Use Case Diagram 4.1.1. Use Case Master
Gambar 4.1. Use Case Diagram Master 4.1.2. Use Case Transaksi
Gambar 4.2. Use Case Transaksi
: 4.1.3. Use Case Laporan
Use Case Laporan
Lihat Laporan Pengadaan Barang include
Lihat Laporan Transaksi Antar Bidang
Login include
Kabid
Lihat Laporan Stok Barang include
Gambar 4.3. Use Case Laporan 4.2. Class Diagram
Gambar 4.4. Class Diagram
4.3. Activity Diagram 4.3.1.
Activity Diagram Login
Gambar 4.5. Activity Diagram Login 4.3.2.
Activity Diagram Data Jenis Barang
: 4.3.3.
Activity Diagram Data Barang
4.3.4.
Activity Diagram Data Supplier
4.3.5.
Activity Diagram Data User
4.3.6.
Activity Diagram Data Bidang
: 4.3.7.
Activity Diagram Pengadaan User
Sistem *
-End3
Start Melakukan Login dengan Hak Akses User (Operator)
Menampilkan halaman Operator
Memilih menu pengadaan
Menampilkan halaman pengadaan
Memasukan data pengadaan barang
Menyimpan data kedalam database
*
-End4
End
4.3.8.
Activity Diagram Transaksi Antar Bidang User
Sistem *
-End3
Start Melakukan Login dengan Hak Akses User (Operator)
Menampilkan halaman Operator
Memilih menu Transaksi Antar Bidang
Menampilkan halaman Transaksi Antar Bidang
Memasukan data Transaksi
Menyimpan data kedalam database
*
-End4
End
4.3.9.
Activity Digram Laporan Pengadaan
4.3.10. Activity Diagram Laporan Transaksi Antar Bidang
: 4.3.11. Activity Diagram Laporan Stok Barang
4.4. Sequence Diagram
4.4.1.
Sequence Diagram login
4.4.2.
Sequence Diagram Data Jenis Barang User
Sistem
Data Jenis Barang
Database
Isi Data Jenis Barang
Add_data_jenis_barang() save_database()
: 4.4.3.
Sequence Diagram Data Barang
4.4.4.
Sequence Diagram Data Supplier
4.4.5.
Sequence Diagram Data User
4.4.6.
Sequence Diagram Data Bidang
: 4.4.7.
Sequence Diagram Pengadaan
4.4.8.
Sequence Diagram Transaksi Antar Bidang
4.4.9.
Sequence Diagram Laporan Pengadaan
4.4.10. Sequence Diagram Laporan Transaksi Antar Bidang
: 4.4.11. Sequence Diagram Laporan Stok Barang
4.5. Spesifikasi Basis Data Rancangan sistem yang diusulkan bertujuan untuk mengatasi masalah – masalah yang timbul pada pada sistem yang sedang berjalan. Diharapkan dengan penggunaan sistem informasi logistik ini akan memudahkan lembaga pendidikan tersebut dalam melakukan transaksi antar bidang khususnya dalam pendistribusian logistik Dalam rancangan sistem, tool yang digunakan untuk mengelola database yaitu MySQL. Dengan tool ini akan lebih cepat dalam melakukan pengelolaan database. Tabel yang digunakan adalah Jenis_barang, Barang, Supplier, Bidang, User, Pengadaan, Transaksi Antar Bidang, Detail_TAB, Detail_Pengadaan,
1) Tabel Jenis Barang Tabel ini digunakan untuk menyimpan data jenis barang Nama : Jenis_barang Key : jns_id Field jns_id Jns_nama
Type_Data
Keterangan
tinyint (4) Primary Key, Id jenis barang varchar (20) Nama Jenis Barang Tabel 4.1 Tabel Jenis Barang
2) Tabel Barang Tabel ini digunakan untuk menyimpan data barang Nama : Barang Key : Brg_id Field
Type_Data
brg_id brg_kode brg_nama brg_stok jns_id
int(11)
Keterangan Primary Key, Id barang
varchar (20) Kode barang varchar (20) Nama Barang Varchar (10) Stok barang tinyint (4) Foreign Key, Id Jenis Barang Tabel 4.2 Tabel Barang
3) Tabel Supplier Tabel ini digunakan untuk menyimpan data supplier Nama : supplier Key : sup_id
: Field
Type_Data
Sup_id
int(11)
Keterangan Primary Key, Id Supplier
Sup_kode char (5) Kode Supplier Sup_nama Varchar (20) Nama Supplier Sup_alamat Varchar (150) Alamat supplier Sup_telp Varchar (20) No telp supplier Tabel 4.3 Tabel supplier 4) Tabel Bidang Tabel ini digunakan untuk menyimpan data Bidang Nama : Bidang Key : unit_id Field
Type_Data
Bid_id Bid_nama
tinyint(4)
Keterangan Primary Key, Id Bidang
varchar (20) Nama Bidang Tabel 4.4 Tabel Bidang
5) Tabel User Tabel ini digunakan untuk menyimpan data user Nama : User Key : user_id Field User_id username password Level
Type_Data Tinyint(4) varchar (20) Char (32) Char(1) Tabel 4.5 Tabel user
Keterangan Primary Key, Id User Nama user Password user Level user
6) Tabel Pengadaan Tabel ini digunakan untuk menyimpan data pengadaan barang Nama : Pengadaan Key : ada_id Field ada_id ada_nota ada_tgl sup_id user_id
Type_Data
Keterangan
int(11) Primary Key, Id Pengadaan char (8) Nota Pengadaan date Tanggal Pengadaan int(11) Foreign Key, Id Supplier tinyint(4) Foreign Key, Id User Tabel 4.6 Tabel Pengadaan
7) Tabel Detail Pengadaan Tabel ini digunakan untuk menyimpan data detail pengadaan barang Nama : detail_pengadaan Key : dada_id Field
Type_Data
Keterangan
dada_id int(11) Primary Key, Id Detail pengadaan dada_qty int(11) jumlah pengadaan brg_id int(11) Foreign key, Id Barang ada_id int(11) Foreign key, Id Pengadaan Tabel 4.7 Tabel Detail pengadaan
: 8) Tabel Transaksi Antar Bidang (TAB) Tabel ini digunakan untuk menyimpan data Transaksi Antar Bidang Nama : tab Key : tab_id Field tab_id tau_nota tau_tgl bid_id user_id
Type_Data
Keterangan
int(11) Primary Key, Id Transaksi char(8) nota transaksi date Tanggal Transaksi tinyint(4) Foreign Key, Id Bidang tinyint(4) Foreign Key, Id User Tabel 4.8 Tabel Transaksi Antar Bidang
9) Tabel Detail Transaksi Antar Bidang Tabel ini digunakan untuk menyimpan data registrasi yang dilakukan oleh user. Nama : registrasi Key : dtau_id Field dtab_id dtau_qty brg_id tab_id
Type_Data int(11)
Keterangan Primary Key, Id Detail TAB
int(11) Jumlah Transaksi int(11) Foreign Key, Id Barang int(11) Foreign Key, Id TAB Tabel 4.9 Tabel Detail Transaksi Antar Bidang
4.6. Rancangan Kode 4.6.1. Jenis Barang
1 0
2 4
3 0
4 1
Tabel 4.19 Tabel kode Jenis Barang Keterangan : Digit ke 1 s/d. 2 menunjukkan kode kampus Digit ke 3 s/d. 4 menunjukkan jenis barang 4.6.2.. Barang
1 0
2 4
3 0
4 1
5 0
6 1
Tabel 4.20 Tabel kode Barang Keterangan : Digit ke 1 s/d. 2 menunjukkan kode kampus Digit ke 3 s/d. 4 menunjukkan jenis barang Digit ke 5 s/d. 6 menunjukkan barang 4.6.3. Supplier
1 2 3 4 5 0 4 0 0 1 Tabel 4.21 Tabel Kode Supplier
: Keterangan : Digit ke 1 s/d. 2 menunjukkan kode kampus Digit ke 3 s/d. 5 menunjukkan nomor urut supplier 4.6.4. . Bidang
1 2 3 0 4 1 Tabel 4.22 Tabel Kode Bidang Keterangan : Digit ke 1 s/d. 2 menunjukkan kode Kampus Digit ke 3 s/d. 6 menunjukkan nomor urut Bidang 4.6.5. User
1 2 0 4 Tabel 4.22 Tabel Kode User Keterangan : Digit ke 1 s/d. 2 menunjukkan urutan user 4.6.6. Pengadaan
1 0
2 4
3 4 5 6 7 8 9 10 11 12 0 1 0 1 0 1 0 0 0 1 Tabel 4.22 Tabel Kode Pengadaan
Keterangan : Digit ke 1 s/d. 2 menunjukkan kode Kampus Digit ke 3 s/d. 4 menunjukkan kode Supplier Digit ke 5 s/d. 6 menunjukan kode jenis barang Digit ke 7 s/d. 8 menunjukan kode barang Digit ke 9 s/d. 12 Menunjukan nomor urut pengadaan 4.6.7. Pengadaan
1 0
2 4
3 4 5 6 7 8 9 10 11 12 0 1 0 1 0 1 0 0 0 1 Tabel 4.22 Tabel Kode Pengadaan
Keterangan : Digit ke 1 s/d. 2 menunjukkan kode Kampus Digit ke 3 s/d. 4 menunjukkan kode Bidang Digit ke 5 s/d. 6 menunjukan kode jenis barang Digit ke 7 s/d. 8 menunjukan kode barang Digit ke 9 s/d. 12 Menunjukan nomor urut TAB
:
4.7. Rancangan Antar Muka 4.7.1. Rancangan Keluaran 1. Nama Keluaran: Laporan Pengadaan Fungsi
: Sebagai Laporan Pengadaan
Media
: Kertas, Digital
Distribusi
: Kepala Kampus, Kepala Bidang
Rangkap
:2
Frekuensi
: Setiap Akhir Bulan
Volume
: 12
Format
: Lampiran C
Keterangan
: Dikeluarkan Setiap Akhir Bulan
2. Nama Keluaran: Laporan Transaksi Antar Bidang Fungsi
: Sebagai Laporan Transaksi
Media
: Kertas, Digital
Distribusi
: Kepala Kampus, Kepala Bidang
Rangkap
:2
Frekuensi
: Setiap Akhir Bulan
Volume
: 12
Format
: Lampiran C
Keterangan
: Dikeluarkan Setiap Akhir Bulan
3. Nama Keluaran: Laporan Stok Barang Fungsi
: Sebagai Laporan Stok Barang
Media
: Kertas, Digital
Distribusi
: Kepala Kampus, Kepala Bidang
Rangkap
:2
Frekuensi
: Setiap Akhir Bulan
Volume
: 12
Format
: Lampiran C
Keterangan
: Dikeluarkan Setiap Akhir Bulan
4.7.2. Rancangan Masukkan 1. Nama Masukan
: Form Pengadaan
Sumber
: Supplier
Fungsi
: Sebagai bukti pengadaan barang
Media
: Kertas
Rangkap
:1
Frekuensi
: Setiap Ada Pengadaan
Volume
:2
Format
: Lampiran D
Keterangan
: Disimpan bagian logistik
24
4.8. Rancangan Layar Pada sub bab ini akan diberikan gambaran tentang rancangan Sistem pembayaran. 4.8.1.
Rancangan Halaman Home Halaman utama atau index adalah halaman yang akan muncul pertama kali ketika website ini diakses. Di sini ada 3 jenis kategori pengguna yang bisa mengakses website ini. Dan pengguna yang sudah ditentukan hanya bisa mengakses halaman tertentu saja atau yang sudah ditentukan oleh administrator. Pada gambar 4.3 merupakan gambar rancangan tampilan halaman home. Pada perancangan Website sistem pembelajaran pembelajaran ini penulis membuat tiap halaman memiliki tampilan dasar yang mirip. Pada halaman home terdapat banner, menu, image link, dan link. Sedangkan yang berbeda adalah bagian isi atau content sesuai halaman yang dituju.
Rancangan tampilan halaman home
25
Halaman ini bertujuan agar tidak membingungkan pengguna dengan perubahan yang mencolok pada tiap halaman. Selain itu juga memperhatikan prinsip pembuatan website informasi yang lebih mengedepankan kemudahan navigasi, tidak terlalu ramai dengan permainan grafis dan warna, tetapi bukan berarti mengabaikan aspek keindahan. Sedangkan pembuatan tampilan dasar tetap sama tiap halaman, sehingga desain setiap halaman selalu sama. Berikutnya pada bagian kiri terdapat menu master , laporan, dan admin. Di menu master terdapat link untuk menginput data siswa, input data registrasi, input pembayaran, menu laporan terdapat link untuk mengedit data siswa, melihat dan mengeprint laporan, sedangkan menu admin terdapat link untuk mengatur akses pengguna sistem. 4.8.2.
Rancangan Halaman Data Jenis Brang
Gambar rancangan tampilan halaman Data Jenis Barang
26
4.8.3.
Rancangan Halaman Data Barang
Gambar rancangan tampilan halaman data Barang
4.8.4.
Rancangan Halaman Supplier
Gambar 4.6 Gambar rancangan tampilan Halaman Supplier
27
4.8.5. Rancangan Halaman Data User Logo
Data User Kode Nama Password
4.8.6. Rancangan Halaman Data Bidang
28
4.8.7. Rancangan Halaman Pengadaan
4.8.8. Rancangan Halaman Transaksi Antar Bidang
29
4.8.9. Rancangan Halaman Laporan Pengadaan Logo
Laporan Pengadaan Supplier Word Excel PDF
OK
4.8.10. Rancangan Halaman Laporan Transaksi Antar Barang
30
4.8.11. Rancangan Halaman Laporan Stok Barang Logo
Laporan Stok Barang
Word Excel PDF
OK
4.9. Tampilan layar 4.9.1. Halaman Home
Gambar 4.21 Tampilan Halaman Login
31
4.9.2. Halaman Data Jenis Barang
4.9.3. Halaman Data Barang
32
4.9.4. Halaman Data Supplier
4.9.5. Halaman Data User
33
4.9.6. Halaman Data Bidang
4.9.7. Halaman Pengadaan
34
4.9.8. Halaman Transaksi Antar Bidang
4.9.9. Halaman Laporan Pengadaan
35
4.9.10. Halaman Laporan Transaksi Antar Barang
4.9.11. Halaman Laporan Stok Barang