BAB II LANDASAN TEORI
4.1 Perancangan Sistem
4.1.3 Perancangan Prosedur yang Diusulkan
Perancangan prosedur merupakan awal dari pembuatan sistem informasi yang akan dibuat, dimana dapat dilihat proses-proses apa saja yang nantinya diperlukan dalam pembuatan suatu sistem informasi. Sedangkan perancangan prosedur yang diusulkan merupakan tahap untuk memperbaiki atau meningkatkan
efisiensi kerja. Tahap perancangan sistem yang digambarkan merupakan tahap perancangan untuk membangun suatu sistem dan mengkonfigurasikan komponen-komponen perangkat lunak dan perangkat keras sehingga menghasilkan sistem informasi yang baik. Sistem informasi yang dirancang tersebut menjadi satu komponen. Tahapan perancangan prosedur ini akan dijelaskan dengan menggunakan pemodelan sistem informasi berorientasi objek dengan Unified Modeling Language (UML).
4.1.3.1Use case Diagram
Diagram use case bisnis memperlihatkan hubungan-hubungan antara aktor-aktor bisnis, use case bisnis, dan pekerja-pekerja bisnis untuk suatu organisasi atau perusahaan. Diagram ini memberikan model lengkap tentang apa yang dilakukan perusahaan, siapa yang ada di dalam perusahaan, serta siapa yang berada di luar perusahaan. Berikut adalah gambar model diagram use case bisnis yang diusulkan :
Gambar 4. 1 Use case diagram yang diusulkan
1. Identifikasi Use case
Identifikasi use case yang diusulkan adalah sebagai berikut :
Tabel 4. 1Identifikasi use case sistem yang diusulkan
Kode Use case Deskripsi
Pelayanan Fungsionalitas untuk mengolah data transaksi jasa.
Penjualan Fungsionalitas untuk melakukan pengolahan data dan transaksi barang Penggajian Fungsionalitas untuk melakukan pengolah
data dan pencetakan laporan gaji.
System Kasir Pemilik Penjualan Penggajian Pelayanan
2. Identifikasi Aktor
Aktor yang berperan dalam menjalankan sistem adalah sebagai berikut :
Tabel 4. 2Identifikasi aktor sistem diusulkan
No Aktor Deskripsi
1 Kasir Aktor yang berperan menjalankan proses transaksi di salon
2 Pemilik Aktor yang mempunyai hak untuk mengolah data master, pengecekan dan pembuatan laporan.
4.2.3.1Skenario Use case
Skenario Use case digunakan untuk memudahkan dalam menganalisa skenario yang akan kita gunakan pada fase-fase selanjutnya dengan melakukan penilaian terhadap skenario tersebut. Adapun tahapan dari skenario use case pada sistem yang diusulkan adalah sebagai berikut :
4.2.3.2.1 Skenario use case pelayanan
Tabel 4. 3Skenario use case pelayanan Identifikasi
Judul Pelayanan
Kode Use case A
Deskripsi use case Aktor Melakukan Pelayanan
Aktor Kasir
Trigger Aktor mengklik menu transaksi jasa Kondisi awal Aplikasi menampilkan form transaksi jasa
Skenario Utama
Aksi- aktor Reaksi sistem
1. Aktor mengklik menu transaksi jasa.
2. Sistem membuka form transaksi jasa sesuai permintaan aktor. 3. Aktor menginputkan permintaan
jasa sesuai permintaan pelanggan. 4. Sistem menyimpan data transaksi
jasa sesuai dengan pelayanan. Kondisi akhir skenario utama Data transaksi jasa telah tersimpan.
4.2.3.2.2 Skenario use case penjualan
Berikut skenario use case memproses transaksi penjualan yang diusulkan :
Tabel 4. 4Skenario use case memproses transaksi penjualan Identifikasi
Judul Penjualan
Kode Use case B
Deskripsi use case Aktor memproses penjualan
Aktor Kasir
Trigger Aktor mengklik menu transaksi barang Kondisi awal Aplikasi menampilkan form transaksi barang
Skenario Utama
Aksi- aktor Reaksi sistem
1. Aktor mengklik menu transaksi barang.
2. Sistem form transaksi barang sesuai dengan permintaan aktor
3. Sistem mencatat transaksi barang sesuai dengan permintaan aktor Kondisi akhir skenario utama Data transaksi barang telah tersimpan.
4.2.3.2.3 Skenario use case penggajian
Berikut skenario use case memproses penggajian yang diusulkan :
Tabel 4. 5Skenario use case memproses transaksi penggajian Identifikasi
Judul Memproses Penggajian
Kode Use case C
Deskripsi use case Aktor Penggajian
Aktor Pemilik
Trigger Aktor mengklik laporan penggajian dari menu utama Kondisi awal Aplikasi menampilkan form laporan penggajian
Skenario Utama
Aksi- aktor Reaksi sistem
1. Aktor mengklik menu laporan penggajian.
2. Sistem membuka form laporan penggajian sesuai dengan permintaan aktor
3. Aktor memasukan permintaan laporan penggajian.
4. Sistem memproses laporan penggajian sesuai dengan permintaan aktor.
5. Sistem menampilkan laporan penggajian sesuai dengan permintaan aktor.
Kondisi akhir skenario utama Laporan penggajian tampil.
4.2.3.2ActivityDiagram
Activity diagram (diagram aktivitas) adalah diagram yang menggambarkan aliran fungsionalitas dari sistem. Berikut activity diagram pada sistem yang diusulkan :
4.2.3.2.1 Activity Diagram Pelayanan
Gambar 4. 2 Activity diagram pelayanan
Kasir Sistem
Klik tombol login Menampilkan form login
Mengisi form login
Menampilkan kesalahan username/password salah Mengaktifkan menu-menu pada sistem benar
Memilih menu transaksi
Menampilkan submenu pada menu transaksi Memilih sub menu transaksi
jasa
Menampilkan ketentuan pengisian input transaksi jasa Memilih tombol transaksi baru
Menampilkan form isian untuk input transaksi jasa Mengisi data transaksi jasa
dan simpan
Data transaksi jasa tersimpan
Transaksi Jasa lainnya
4.2.3.2.2 Activity Diagram penjualan
Berikut activity diagram transaksi penjualan yang diusulkan :
Gambar 4. 3 Activity diagram transaksi penjualan
Kasir Sistem
Klik tombol login Menampilkan form login
Mengisi form login
Menampilkan kesalahan username/password salah Mengaktifkan menu-menu pada sistem benar
Memilih menu transaksi
Menampilkan submenu pada menu transaksi Memilih sub menu transaksi
barang
Menampilkan ketentuan pengisian input transaksi barang
Memilih tombol transaksi baru
Menampilkan form isian untuk input transaksi barang
Mengisi data transaksi barang dan simpan
Data transaksi barang tersimpan
Transaksi barang lain
4.2.3.2.3 Activity Diagram Penggajian
Berikut activity diagram penggajian yang diusulkan :
Gambar 4. 4 Activity diagram laporan penggajian
Kasir Sistem
Klik tombol login Menampilkan form login
Mengisi form login
Menampilkan kesalahan username/password salah Mengaktifkan menu-menu pada sistem benar
Memilih menu laporan
Menampilkan sub menu laporan Memillih laporan penggajian
Menampilkan form laporan penggajian Pilih nama pegawai yang
ingin dicetak dan periodenya
Mencetak Slip Gaji
4.2.3.3SequenceDiagram
Sequence Diagram digunakan untuk menggambarkan interaksi antar objek dalam waktu yang berurutan. Tetapi pada dasarnya sequence diagram digunakan dalam lapisan abstraksi model objek. Kegunaannya untuk menunjukkan rangkaian pesan yang dikirim antar object, juga interaksi antar objek, dan menunjukkan sesuatu yang terjadi pada titik tertentu dalam eksekusi sistem. Komponen utama sequence diagram terdiri atas objek yang dituliskan dengan kotak segiempat bernama, pesan diwakili oleh garis dengan tanda panah, dan waktu yang ditunjukkan dengan proses vertikal. Berikut adalah sequence diagram yang diusulkan :
4.2.3.4.1 Sequence Diagram pelayanan
Berikut sequence diagram pelayanan yang diusulkan :
Gambar 4. 5 Sequence diagram pelayanan : Kasir,owner
FormLaporan LaporanPelayananSalon KoneksiDB
1 : membuka form laporan()
2 : menampilkan sub menu laporan()
3 : memilih form laporan pelayanan salon()
4 : menampilkan form laporan pelayanan salon() 5 : memilih tombol semua lalu cetak()
6 : mencetak laporan pelayanan salon()
Keterangan:
Pada gambar 4.5 dapat dilihat bahwa ada 4 kelas yang saling berinteraksi, yakni: 1. Login
2. Menu Utama 3. Transaksi Saja 4. DBManager
4.2.3.4.2 Sequence Diagram Penjualan
Berikut sequence diagram penjualan yang diusulkan :
Gambar 4. 6 Sequence diagram penjualan
Keterangan:
Pada gambar 4.6 dapat dilihat bahwa ada 4 kelas yang saling berinteraksi, yakni: 1. Login
2. Menu Utama : Kasir,owner
FormLaporan LaporanPenjualanSalon KoneksiDB
1 : membuka form laporan()
2 : menampilkan sub menu laporan()
3 : memilih form laporan penjualan salon()
4 : menampilkan form laporan penjualan salon() 5 : memilih tombol semua lalu cetak()
6 : mencetak laporan penjualan salon()
3. Transaksi Barang 4. DBManager
4.2.3.4.3 Sequence Diagram penggajian
Berikut sequence diagram penggajian yang diusulkan :
Gambar 4. 7 Sequence diagram penggajian
Keterangan:
Pada gambar 4.7 dapat dilihat bahwa ada 4 kelas yang saling berinteraksi, yakni: 1. Login
2. Menu Utama 3. Form Penggajian 4. DBManager : Kasir,owner
FormLaporan LaporanPenggajian KoneksiDB
1 : membuka form laporan()
2 : menampilkan sub menu laporan()
3 : memilih form laporan penggajian()
4 : menampilkan form laporan penggajian() 5 : memilih tombol semua lalu cetak()
6 : mencetak slip gaji()
4.2.3.5 Component Diagram
Component diagram menggambarkan struktur dan hubungan antar komponen perangkat lunak, termasuk ketergantungan (dependency) di antaranya. Component piranti lunak adalah modul berisi code, baik berisi source code maupun binary code, baik library maupun executable, baik yang muncul pada compile time, link time, maupun run time. Umumnya komponen terbentuk dari beberapa class dan package, tapi dapat juga dari komponen-komponen yang lebih kecil. Berikut ini adalah component diagram yang dibutuhkan :
Gambar 4. 8 Component diagram
ButterflySalon.jar Model View Koneksi panelTransaksi panelTransaksiBarang panelTransaksiPembelian CetakStruck LaporanPenggajian LaporanTransaksi Login menuUtama panelBarang panelJasa panelPegawai panelSupplier
4.2.3.4ClassDiagram
Menggambarkan struktur statis class di dalam sistem. Class merepresentasikan sesuatu yang ditangani oleh sistem. Dengan melihat karakteristik sistem informasi salon dari penjualan dan penggajian, maka dapat dibuat class diagram Berikut class diagram yang diusulkan pada butterfly salon:
4.2.3.5DeploymentDiagram
Diagram ini memperlihatkan konfigurasi saat aplikasi dijalankan. Diagram ini memuat simpul-simpul beserta komponen-komponen yang ada didalamnya.
Deployment diagram berhubungan dengan diagram komponen dimana
deployment diagram memuat satu atau lebih komponen-komponen.
Gambar 4. 10 Deployment diagram sistem yang diusulkan