Collaboration Diagram Perancangan Prosedur Yang Diusulkan

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.45. 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.46. 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.47. 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.48. 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.49. 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.50. 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.51. 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.52. 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.53. 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.54. 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.55. Collaboration diagram tambah data pegawai Collaboration diagram data pegawai Owner Form data pegawai Sistem Tampilkan data pegawai Akses menu data pegawai Data pegawai Kelola data pegawai Gambar 4.56. Collaboration diagram data pegawai 16. 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.57. Collaboration diagram edit data pegawai 17. Collaboration diagram tambah data pegawai Owner Form data pegawai Sistem Simpan data Pemberitahuan „Input Berhasil‟ Tampilan untuk menambah data Input data baru Gambar 4.58. Collaboration diagram tambah data pegawai 18. Collaboration diagram data user Owner Form data user Sistem Tampilkan data pegawai Akses menu data user Data user Kelola data user Gambar 4.59. Collaboration diagram data user 19. 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.60. Collaboration diagram edit data user 20. Collaboration diagram tambah data user Owner Form data user Sistem Simpan data Pemberitahuan „Input Berhasil‟ Tampilan untuk menambah data Input data baru Gambar 4.61. Collaboration diagram tambah data user

4.3.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.62. Class diagram sistem informasi yang diusulkan

4.3.3.6 Deployment Diagram

Deployment diagram menggambarkan detail bagaimana komponen dibentuk dan didistrubusikan deploy dalam infrastruktur sistem. Dimana komponen akan terletak pada mesin, server atau peranti keras apa. Bagaimana jaringan pada lokasi tersebut, misalnya server, client dan hal-hal lain yang bersifat fisik. Diagram tersebut menunjukan implementasi fisik di lapangan, yang terdiri dari atas sebuah mesin server dan dua buah client yang bertindak sebagai terminal dari server. Fungsi server akan melakukan kendali dan manajemen yang bersifat global, sedangkan client akan digunakan untuk melayani transaksi tertentu saja. Dan berikut adalah deployment diagram yang diusulkan : Client 1 Sistem Informasi iReport Server JVM Java Virtual Machine Sistem informasi MySQL DB iReport -End1 -End2 LAN JVM Java Virtual Machine Client 2 Sistem Informasi iReport JVM Java Virtual Machine Gambar 4.63. Deployment diagram sistem informasi yang diusulkan

4.3.3.7 Component Diagram

Component diagram menggambarkan struktur dan hubungan antara komponen peranti lunak, termasuk ketergantungan dependency. Diantara modul berisi kode, baik berisi source code, binary, library, executable. User interface adalah level terakhir yang bisa dilihat oleh pengguna, sedangkan sistem pendukung lain seperti sistem operasidatabase dan mesin logic program tidak akan terlihat oleh pengguna. Berikut adalah component diagram yang diusulkan : Login UI MySQL Database Transaksi suku cadang JVM Java Virtual Machine Kelola suku cadang Kelola jasa servis iReport Transaksi jasa servis Kelola data user Kelola data pegawai Gambar 4.64. Deployment diagram sistem informasi yang diusulkan

4.3.4 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 suatuprogram meliputi : struktur menu, perancangan input dan perancangan output.