Collaboration Diagram Perancangan Prosedur Yang Diusulkan

3. Collaboration diagram transaksi jasa servis Konsumen Kasir Form Transaksi Akses menu transaksi Input data konsumen jasa servis Cetak tanda terima sementara Cetak surat tugas Input no. transaksi servis Proses pembayaran Pembelian jasa servis Permintaan data konsumen Data konsumen Tanda terima servis sementara Bukti transaksi Mekanik Surat tugas Sistem Simpan data konsumen jasa servis Tanda terima servis Surat tugas Simpan data transaksi servis Bukti transaksi Gambar 4.40. Collaboration diagram transaksi jasa servis 4. Collaboration diagram data suku cadang Bagian Gudang Form suku cadang Sistem Tampilkan stok suku cadang =2 Cetak data stok suku cadang Laporan stok suku cadang Cek stok suku cadang Cetak data stok suku cadang minimum Gambar 4.41. Collaboration diagram data suku cadang 5. Collaboration diagram edit suku cadang Bagian Gudang Form suku cadang Sistem Update data Pemberitahuan ‘Update berhasil’ Pilih data yang akan diedit Perbaharui data Edit data Gambar 4.42. Collaboration diagram edit suku cadang 6. Collaboration diagram tambah suku cadang Bagian Gudang Form suku cadang Sistem Simpan data Pemberitahuan ‘Input berhasil’ Tampilan untuk tambah data Input data Gambar 4.43. Collaboration diagram tambah suku cadang 7. Collaboration diagram tambah stok Bagian Gudang Form stok Sistem Simpan data Pemberitahuan ‘Tambah stok berhasil’ Pilih data suku cadang Input jumlah stok Gambar 4.44. Collaboration diagram tambah stok 8. Collaboration diagram laporan User Form laporan Sistem Cetak laporan Laporan Input tanggal laporan Tampilan laporan sesuai tanggal Cetak laporan Laporan Gambar 4.45. Collaboration diagram laporan 9. Collaboration diagram data jasa servis Owner Form jasa servis Sistem Tampilkan data jasa servis Akses menu jasa servis Data jasa servis Kelola data jasa servis Gambar 4.46. Collaboration diagram data jasa servis 10. Collaboration diagram edit jasa servis Owner Form jasa servis Sistem Update data Pemberitahuan ‘Update berhasil’ Tampilan untuk perbaharui data Perbaharui data Pemberitahuan update berhasil Gambar 4.47. Collaboration diagram edit jasa servis 11. Collaboration diagram tambah jasa servis Owner Form jasa servis Sistem Simpan data Pemberitahuan ‘Input Berhasil’ Tampilan untuk menambah data Input data baru Gambar 4.48. Collaboration diagram tambah jasa servis 12. Collaboration diagram ganti usernamepassword User Form Pengaturan Sistem Simpan data Pemberitahuan ‘Input Berhasil’ Pilih perubahan usernamepassword Input usernamepassword lama Input usernamepassword baru Simpan perubahan Gambar 4.49. Collaboration diagram ganti usernamepassword 13. Collaboration diagram data pegawai Owner Form data pegawai Sistem Tampilkan data pegawai Akses menu data pegawai Data pegawai Kelola data pegawai Gambar 4.50. Collaboration diagram data pegawai 14. Collaboration diagram edit data pegawai Owner Form data pegawai Sistem Update data Pemberitahuan ‘Update berhasil’ Tampilan untuk perbaharui data Perbaharui data Pemberitahuan update berhasil Gambar 4.51. Collaboration diagram edit data pegawai 15. Collaboration diagram tambah data pegawai Owner Form data pegawai Sistem Simpan data Pemberitahuan ‘Input Berhasil’ Tampilan untuk menambah data Input data baru Gambar 4.52. Collaboration diagram tambah data pegawai 16. Collaboration diagram data user Owner Form data user Sistem Tampilkan data pegawai Akses menu data user Data user Kelola data user Gambar 4.53. Collaboration diagram data user 17. Collaboration diagram edit data user Owner Form data user Sistem Update data Pemberitahuan ‘Update berhasil’ Tampilan untuk perbaharui data Perbaharui data Pemberitahuan update berhasil Gambar 4.54. Collaboration diagram edit data user 18. Collaboration diagram tambah data user Owner Form data user Sistem Simpan data Pemberitahuan ‘Input Berhasil’ Tampilan untuk menambah data Input data baru Gambar 4.55. Collaboration diagram tambah data user 4.1.3.5 Class Diagram Diagram kelas atau class diagram menggambarkan struktur sistem dari segi pendefinisian kelas-kelas yang akan dibuat untuk membangun sistem. Kelas memiliki apa yang disebut atribut dan metode atau operasi. -validasiLogin : bool +Bagian : string +Username : string +Password : char Login +tambahData : void +hapusData : void +editData : void +refresh : void +getData : void +kodeSC : char +namaSC : string +hargaBeliSC : int +hargaJualSC : int +stok : int +biayaPasang : int Data Suku Cadang +login : void -Bagian : string -Username : char -Password : char Bagian Gudang +login : void -Bagian : string -Username : char -Password : char Kasir +login : void -Bagian : string -Username : char -Password : char Owner -updateStok : void +kodeSC : char +stok : int Tambah Stok -update : void -username : char -password : char Ganti Usernamepassword -tambahData : void -hapusData : void -editData : void +refresh : void -getData : void +kodeServis : char +namaServis : string +jenisServis : string +harga : int Data Jasa Servis +nama : string +kendaraan : char +nopol : char Data Konsumen +getData : void +simpanData : void +cetakFaktur : void +noServis : char +tanggalServis : Date +total : int Pembelian Jasa Servis +simpanData : void +cetak : void +noServis : char +kodeServis : char +kendaraan : char +mekanik : string +harga : int +hargaSC : int +total : int Data Konsumen Servis +cetakLaporan : void +simpanLaporan : void Laporan -getData : void -editData : void -simpanData : void -hapusData : void +nama : string +alamat : string +telepon : char +jabatan : string Data Pegawai -getData : void -editData : void -simpanData : void -hapusData : void +nama : string +alamat : char +telepon : char +jabatan : string Data User +simpanData : void +cetak : void +noTransaksi : char +kodeServis : char +kendaraan : char +mekanik : string +harga : int +hargaSC : int +total : int Detail Transaksi Servis +noTransaksi : char +tanggal : Date +total : int Transaksi Suku Cadang +noTransaksi : char +namaSC : string +jumlahBeli : int +biayaPasang : int +total : int Detail Transaksi Suku Cadang 1 1.. 1 1.. +tambahBarang : void +hapusBarang : void +batal : void +simpanTransaksi : void +hitungTotal : void +noTransaksi : char +tanggal : Date +namaSC : char +kodeSC : char +harga : int +stok : int +jumlahBeli : int +biayaPasang : int Pembelian Suku Cadang +kodeSC : char +namaSC : string +hargaBeliSC : int +hargaJualSC : int +stok : int +biayaPasang : int Suku Cadang +kodeServis : char +namaServis : string +jenisServis : string +harga : int Jasa Servis +noServis : char +tanggal : Date +total : int Transaksi Jasa Servis Gambar 4.56. Class diagram sistem informasi yang diusulkan

4.2 Perancangan Antarmuka

Agar pengguna dan sistem bisa berinteraksi dengan baik, maka perlu dirancang interface yang dapat membantu pengguna dalam menggunakan sistem tersebut. Secara umum perancangan antar muka suatu program meliputi : struktur menu, perancangan input dan perancangan output.

4.2.1 Struktur Menu

Menu banyak digunakan dalam dialog karena merupakan jalur pemakai user interface yang mudah dipahami dan mudah digunakan. Menu berisi beberapa alternatif atau pilihan yang disajikan kepada user. Struktur menu dibawah ini menggambarkan hierarki dari sistem informasi penjualan suku cadang dan pelayanan jasa servis pada BMS Motor yang dapat dilihat pada gambar dibawah ini : Menu Login Master Data Suku Cadang Data Suku Cadang Minimum Transaksi Suku Cadang Transaksi Jasa Servis Setting Pengaturan User Laporan Lap. Transaksi Suku Cadang Lap. Suku Cadang Logout Lap. Transaksi Jasa Servis Keluar Lap Suku Cadang Minimum Data Konsumen Jasa Data Jasa Servis Data User Data Pegawai Lap. Konsumen Jasa Servis Gambar 4.57. Struktur menu