ANALISA DAN PERANCANGAN SISTEM

Gambar III. 2 Diagram Use Case Staff Bagian Penjualan Dalam Diagram Use Case tersebut, terdapat 2 aktor utama yang akan menjadi pengguna dari sistem, yaitu : 1. Staff Bagian Pembelian 2. Staff Bagian Penjualan Dalam Diagram Use Case Staff Pembelian terdapat 2 package yaitu Package Kelola Data Pemasok dan Kelola Data Master Barang. Adapun detail dari Package Use Case tersebut adalah sebagai berikut :  Package Use Case Kelola Data Pemasok Staff Pembelian Catat Data Pemasok Ubah Data Pemasok Hapus Data Pemasok Kelola Data Pemasok Gambar III. 3 Package Use Case Kelola Data Pemasok  Package Use Case Kelola Data Master Barang Staff Pembelian Catat Data Master Barang Ubah Data Master Barang Hapus Data Master Barang Kelola Data Master Barang Gambar III. 4 Package Use Case Kelola Data Master Barang III.5.1.2 Use Case Naratif Nama Use Case : Login Nama Use case Login ID use case U-001 Prioritas Tinggi Pelaku bisnis utama Staff Pembelian, Staff Penjualan Pelaku bisnis Sekunder - Deskripsi Use case ini menggambarkan staff pembelian dan staff penjualan melakukan login ke dalam sistem. Pra-kondisi Staff pembelian dan staff penjualan telah masuk kedalam sistem dan ingin melakukan pengelolaan dalam sistem. Pemicu Staff pembelian dan staff penjualan harus melakukan login sebelum memasuki sistem. Langkah umum Aksi aktor Respon sistem Step 1 : Staff pembelian dan staff penjualan menekan menu login yang telah disediakan oleh sistem. Step 2 : sistem menampilkan tampilan untuk mengisikan username dan password. Step 3 : Staff pembelian dan staff penjualan mengisikan username dan password. Step 4 : Staff pembelian dan staff penjualan melakukan submit atas login yang dilakukan. Step 5 : sistem akan menampung username dan password yang dimasukkan oleh staff pembelian dan staff penjualan. Step 6 : Sistem akan menampilkan konfirmasi login. Langkah alternatif Alt. Step 3 : Jika username atau password salah, sistem menampilkan pesan error dan user harus login kembali. Alt. Step 6 : Sistem akan menampilkan pesan eror jika username dan password tidak sesuai dengan database. Kesimpulan Use case ini selesai jika sistem menampilkan halaman utama dari sistem menurut aktifasi login. Pasca kondisi Staff pembelian dan staff penjualan berada pada halaman utama bagian pembelian. Nama Use Case : Catat Data Pemasok Nama Use case Catat Data Pemasok ID use case U-002 Prioritas Tinggi Pelaku bisnis utama Staff Pembelian Pelaku bisnis Sekunder - Deskripsi Use case ini menggambarkan staff pembelian melakukan pencatatan data pemasok. Pra-kondisi Staff pembelian berada pada halaman utama bagian pembelian setelah melakukan proses login dan memilih menu catat pemasok Pemicu Ada data pemasok yang harus ditambahkan. Langkah umum Aksi aktor Respon sistem Step 1 : Staff pembelian menekan menu tambah data pemasok yang telah disediakan oleh sistem. Step 2 : sistem menampilkan tampilan untuk mengisikan data pemasok. Step 3 : Staff pembelian mengisikan data pemasok. Step 4 : Staff pembelian Step 5 : sistem akan melakukan submit atas data yang dimasukkan. memasukkan data pemasok yang dimasukkan oleh staff pembelian ke dalam database. Step 6 : Sistem akan menampilkan konfirmasi atas data pemasok yang berhasil disimpan. Langkah alternatif Alt. Step 3 : Jika staff pembelian batal melakukan mengisikan data pemasok dan memilih menu lain. Alt. Step 4 : Jika staff pembelian batal melakukan submit dan menekan tombol batal akan kembali ke halaman utama staff pembelian. Alt. Step 6 : Sistem akan menampilkan pesan eror apabila data pemasok tidak berhasil ditambahkan. Kesimpulan Use case ini selesai jika staff pembelian telah selesai menambahkan data pemasok atau batal melakukan penambahan. Pasca kondisi Data pemasok telah berhasil dicatat dan ditambahkan ke dalam database. Nama Use Case : Ubah Data Pemasok Nama Use case Ubah Data Pemasok ID use case U-003 Prioritas Tinggi Pelaku bisnis utama Staff Pembelian Pelaku bisnis Sekunder - Deskripsi Use case ini menggambarkan staff pembelian melakukan pengubahan data pemasok. Pra-kondisi Staff pembelian berada pada halaman utama bagian pembelian setelah melakukan proses login dan memilih menu ubah pemasok Pemicu Ada data pemasok yang harus diubah. Langkah umum Aksi aktor Respon sistem Step 1 : Staff pembelian menekan menu ubah data pemasok yang telah disediakan oleh sistem. Step 2 : sistem menampilkan tampilan untuk mengubah data pemasok. Step 3 : Staff pembelian mengubah data pemasok. Step 4 : Staff pembelian melakukan submit atas data yang telah diubah. Step 5 : sistem akan mengupdate data pemasok yang telah diubah oleh staff pembelian ke dalam database. Step 6 : Sistem akan menampilkan konfirmasi atas data pemasok yang berhasil diubah. Langkah alternatif Alt. Step 3 : Jika staff pembelian batal melakukan mengubah data pemasok dan memilih menu lain. Alt. Step 4 : Jika staff pembelian batal melakukan submit dan menekan tombol batal akan kembali ke halaman utama staff pembelian. Alt. Step 6 : Sistem akan menampilkan pesan eror apabila data pemasok tidak berhasil diubah. Kesimpulan Use case ini selesai jika staff pembelian telah selesai mengubah data pemasok atau batal melakukan pengubahan. Pasca kondisi Data pemasok dalam database telah berhasil diubah. Nama Use Case : Hapus Data Pemasok Nama Use case Hapus Data Pemasok ID use case U-004 Prioritas Tinggi Pelaku bisnis utama Staff Pembelian Pelaku bisnis Sekunder - Deskripsi Use case ini menggambarkan staff pembelian melakukan penghapusan data pemasok. Pra-kondisi Staff pembelian berada pada halaman utama bagian pembelian setelah melakukan proses login dan memilih menu hapus pemasok Pemicu Ada data pemasok yang harus dihapus. Langkah umum Aksi aktor Respon sistem Step 1 : Staff pembelian menekan menu hapus data pemasok yang telah disediakan oleh sistem. Step 2 : sistem menampilkan tampilan untuk menghapus data pemasok. Step 3 : Staff pembelian memilih data pemasok yang akan dihapus. Step 4 : Staff pembelian menghapus data pemasok. Step 5 : sistem akan menghapus data pemasok yang telah dipilih oleh staff pembelian Step 6 : Sistem akan menampilkan konfirmasi atas data pemasok yang berhasil dihapus Langkah alternatif Alt. Step 3 : Jika staff pembelian batal menghapus data pemasok dan memilih menu lain. Alt. Step 4 : Jika staff pembelian batal menghapus dan menekan tombol batal akan kembali ke halaman utama staff pembelian. Alt. Step 6 : Sistem akan menampilkan pesan eror apabila data pemasok tidak berhasil dihapus. Kesimpulan Use case ini selesai jika staff pembelian telah selesai mennghapus data pemasok atau batal menghapus data pemasok. Pasca kondisi Data pemasok telah berhasil dihapus dari dalam database. Nama Use Case : Catat Pembelian Nama Use case Catat Pembelian ID use case U-005 Prioritas Tinggi Pelaku bisnis utama Staff Pembelian Pelaku bisnis Sekunder - Deskripsi Use case ini menggambarkan staff pembelian melakukan pencatatan pembelian barang dari pemasok. Pra-kondisi Staff pembelian berada pada halaman utama bagian pembelian setelah melakukan proses login dan memilih menu catat pembelian. Pemicu Ada data pembelian yang harus ditambahkan. Langkah umum Aksi actor Respon sistem Step 1 : Staff pembelian menekan menu catat Step 2 : sistem menampilkan tampilan pembelian yang telah disediakan oleh sistem. untuk mengisikan data pembelian. Step 3 : Staff pembelian mengisikan data pembelian barang. Step 4 : Staff pembelian melakukan submit atas data yang dimasukkan. Step 5 : sistem akan memasukkan data pembelian barang yang dimasukkan oleh staff pembelian ke dalam database. Step 6 : Sistem akan menampilkan konfirmasi atas data pembelian yang berhasil disimpan. Langkah alternatif Alt. Step 3 : Jika staff pembelian batal melakukan mengisikan data pembelian dan memilih menu lain. Alt. Step 4 : Jika staff pembelian batal melakukan submit dan menekan tombol batal akan kembali ke halaman utama staff pembelian. Alt. Step 6 : Sistem akan menampilkan pesan eror apabila data pembelian tidak berhasil ditambahkan. Kesimpulan Use case ini selesai jika staff pembelian telah selesai menambahkan data pembelian atau batal melakukan penambahan. Pasca kondisi Data pembelian telah berhasil dicatat dan ditambahkan ke dalam database. Nama Use Case : Catat Retur Pembelian Nama Use case Catat Retur Pembelian ID use case U-006 Prioritas Tinggi Pelaku bisnis utama Staff Pembelian Pelaku bisnis Sekunder - Deskripsi Use case ini menggambarkan staff pembelian melakukan pencatatan data barang yang akan diretur ke pemasok. Pra-kondisi Staff pembelian berada pada halaman utama bagian pembelian setelah melakukan proses login dan memilih menu catat retur pembelian. Pemicu Ada data barang diretur yang harus ditambahkan. Langkah umum Aksi aktor Respon sistem Step 1 : Staff pembelian menekan menu catat retur pembelian yang telah disediakan oleh sistem. Step 2 : sistem menampilkan tampilan untuk mengisikan data barang yang akan diretur. Step 3 : Staff pembelian mengisikan data barang yang akan diretur. Step 4 : Staff pembelian melakukan submit atas data yang dimasukkan. Step 5 : sistem akan memasukkan data barang yang akan diretur yang dimasukkan oleh staff pembelian ke dalam database. Step 6 : Sistem akan menampilkan konfirmasi atas data barang yang akan diretur yang berhasil disimpan. Langkah alternatif Alt. Step 3 : Jika staff pembelian batal melakukan mengisikan data retur pembelian dan memilih menu lain. Alt. Step 4 : Jika staff pembelian batal melakukan submit dan menekan tombol batal akan kembali ke halaman utama staff pembelian. Alt. Step 6 : Sistem akan menampilkan pesan eror apabila data barang yang akan diretur tidak berhasil ditambahkan. Kesimpulan Use case ini selesai jika staff pembelian telah selesai menambahkan data barang yang diretur atau batal melakukan penambahan. Pasca kondisi Data barang yang akan diretur telah berhasil dicatat dan ditambahkan ke dalam database. Nama Use Case : Cetak Laporan Pembelian Nama Use case Cetak Laporan Pembelian ID use case U-007 Prioritas Tinggi Pelaku bisnis utama Staff Pembelian Pelaku bisnis Sekunder - Deskripsi Use case ini menggambarkan staff pembelian mencetak laporan pembelian. Pra-kondisi Staff pembelian berada pada halaman utama bagian pembelian setelah melakukan proses login dan memilih menu cetak laporan pembelian. Pemicu Staff pembelian ingin mencetak laporan pembelian. Langkah umum Aksi aktor Respon sistem Step 1 : Staff pembelian menekan menu lihat Step 2 : sistem menampilkan laporan laporan pembelian yang telah disediakan oleh sistem. pembelian pada layar. Step 3 : Staff pembelian menekan tombol cetak laporan pembelian. Langkah alternatif Alt. Step 3 : Jika staff pembelian batal mencetak laporan pembelian dan menekan tombol batal akan kembali ke halaman utama staff pembelian. Kesimpulan Use case ini selesai jika staff pembelian telah mencetak laporan pembelian. Pasca kondisi Laporan pembelian telah berhasil dicetak. Nama Use Case : Cek Stok Barang Nama Use case Cek Stok Barang ID use case U-008 Prioritas Tinggi Pelaku bisnis utama Staff Pembelian Pelaku bisnis Sekunder - Deskripsi Use case ini menggambarkan staff pembelian melakukan pengecekan stok barang. Pra-kondisi Staff pembelian berada pada halaman utama bagian pembelian setelah melakukan proses login dan memilih menu cek stok barang Pemicu Staff pembelian ingin mengecek persediaan barang. Langkah umum Aksi aktor Respon sistem Step 1 : Staff pembelian menekan menu cek stok barang yang telah disediakan oleh sistem. Step 2 : sistem menampilkan informasi stok barang. Langkah alternatif Alt. Step 1 : Jika staff pembelian batal melakukan pengecekan stok barang atau menekan menu lain. Kesimpulan Use case ini selesai jika informasi stok barang telah ditampilkan. Pasca kondisi Sistem menampilkan informasi stok barang kepada staff pembelian. Nama Use Case : Tambah Data Master Barang Nama Use case Tambah Data Master Barang ID use case U-009 Prioritas Tinggi Pelaku bisnis utama Staff Pembelian Pelaku bisnis Sekunder - Deskripsi Use case ini menggambarkan staff pembelian menambah data master barang. Pra-kondisi Staff pembelian berada pada halaman utama bagian pembelian setelah melakukan proses login dan memilih menu tambah data master barang dibawah menu cek stok barang. Pemicu Ada data barang baru yang akan ditambahkan Langkah umum Aksi aktor Respon sistem Step 1 : Staff pembelian menekan menu tambah barang yang telah disediakan oleh sistem. Step 2 : sistem menampilkan tampilan untuk menambah data barang Step 3 : Staff pembelian menekan tombol tambah data barang Step 5 : sistem akan memasukkan data barang yang telah ditambah oleh staff pembelian Step 6 : Sistem akan menampilkan konfirmasi atas data barang yang berhasil ditambahkan. Langkah alternatif Alt. Step 3 : Jika staff pembelian batal melakukan tambah data barang dan memilih menu lain. Alt. Step 4 : Jika staff pembelian batal melakukan submit dan menekan tombol batal akan kembali ke halaman utama staff pembelian. Alt. Step 6 : Sistem akan menampilkan pesan eror apabila data barang gagal ditambahkan Kesimpulan Use case ini selesai jika data barang telah berhasil ditambah Pasca kondisi Data barang dalam database telah berhasil ditambah Nama Use Case : Ubah Data Master Barang Nama Use case Ubah Data Master Barang ID use case U-010 Prioritas Tinggi Pelaku bisnis utama Staff Pembelian Pelaku bisnis Sekunder - Deskripsi Use case ini menggambarkan staff pembelian mengubah data master barang. Pra-kondisi Staff pembelian berada pada halaman utama bagian pembelian setelah melakukan proses login dan memilih menu ubah data master barang dibawah menu cek stok barang. Pemicu Ada data barang baru yang akan diubah Langkah umum Aksi aktor Respon sistem Step 1 : Staff pembelian menekan menu ubah data Step 2 : sistem menampilkan tampilan barang yang telah disediakan oleh sistem. untuk mengubah data barang Step 3 : Staff pembelian menekan tombol ubah data barang Step 5 : sistem akan mengubah data barang sesuai dengan input dari staff pembelian Step 6 : Sistem akan menampilkan konfirmasi atas data barang yang berhasil diubah. Langkah alternatif Alt. Step 3 : Jika staff pembelian batal melakukan ubah data barang dan memilih menu lain. Alt. Step 4 : Jika staff pembelian batal melakukan submit dan menekan tombol batal akan kembali ke halaman utama staff pembelian. Alt. Step 6 : Sistem akan menampilkan pesan eror apabila data barang gagal diubah Kesimpulan Use case ini selesai jika data barang telah berhasil diubah Pasca kondisi Data barang dalam database telah berhasil diubah Nama Use Case : Hapus Data Barang Nama Use case Hapus Data Master Barang ID use case U-011 Prioritas Tinggi Pelaku bisnis utama Staff Pembelian Pelaku bisnis Sekunder - Deskripsi Use case ini menggambarkan staff pembelian menghapus data master barang. Pra-kondisi Staff pembelian berada pada halaman utama bagian pembelian setelah melakukan proses login dan memilih menu hapus data master barang dibawah menu cek stok barang. Pemicu Ada data barang baru yang akan dihapus Langkah umum Aksi aktor Respon sistem Step 1 : Staff pembelian menekan menu hapus barang yang telah disediakan oleh sistem. Step 2 : sistem menampilkan tampilan untuk menghapus data barang Step 3 : Staff pembelian memilih data yang akan dihapus Step 4 : Staff pembelian menghapus data pemasok Step 5 : sistem akan menghapus data barang dari dalam database Step 6 : Sistem akan menampilkan konfirmasi atas data barang yang berhasil dihapus. Langkah alternatif Alt. Step 3 : Jika staff pembelian batal melakukan hapus data barang dan memilih menu lain. Alt. Step 4 : Jika staff pembelian batal menghapus data barang dan menekan tombol batal akan kembali ke halaman utama staff pembelian. Alt. Step 6 : Sistem akan menampilkan pesan eror apabila data barang gagal dihapus Kesimpulan Use case ini selesai jika data barang telah berhasil dihapus Pasca kondisi Data barang dalam database telah berhasil dihapus Nama Use Case : Catat Penjualan Nama Use case Catat Penjualan ID use case U-012 Prioritas Tinggi Pelaku bisnis utama Staff Penjualan Pelaku bisnis Sekunder - Deskripsi Use case ini menggambarkan staff penjualan melakukan pencatatan data penjualan barang. Pra-kondisi Staff penjualan berada pada halaman utama bagian penjualan setelah melakukan proses login dan memilih menu catat penjualan. Pemicu Ada data penjualan yang harus ditambahkan. Langkah umum Aksi aktor Respon sistem Step 1 : Staff penjualan menekan menu catat penjualan yang telah disediakan oleh sistem. Step 2 : sistem menampilkan tampilan untuk mengisikan data penjualan. Step 3 : Staff penjualan mengisikan data penjualan barang. Step 4 : Staff penjualan melakukan submit atas data yang dimasukkan. Step 5 : sistem akan memasukkan data penjualan barang yang dimasukkan oleh staff penjualan ke dalam database. Step 6 : Sistem akan menampilkan konfirmasi atas data penjualan yang berhasil disimpan. Langkah alternatif Alt. Step 3 : Jika staff penjualan batal melakukan mengisikan data penjualan dan memilih menu lain. Alt. Step 4 : Jika staff penjualan batal melakukan submit dan menekan tombol batal akan kembali ke halaman utama staff penjualan. Alt. Step 6 : Sistem akan menampilkan pesan eror apabila data penjualan tidak berhasil ditambahkan. Kesimpulan Use case ini selesai jika staff penjualan telah selesai menambahkan data pembelian atau batal melakukan penambahan. Pasca kondisi Data penjualan telah berhasil dicatat dan ditambahkan ke dalam database. Nama Use Case : Cetak Laporan Penjualan Nama Use case Cetak Laporan Penjualan ID use case U-013 Prioritas Tinggi Pelaku bisnis utama Staff Penjualan Pelaku bisnis Sekunder - Deskripsi Use case ini menggambarkan staff penjualan mencetak laporan penjualan. Pra-kondisi Staff penjualan berada pada halaman utama bagian penjualan setelah melakukan proses login dan memilih menu cetak laporan penjualan. Pemicu Staff penjualan ingin mencetak laporan penjualan. Langkah umum Aksi aktor Respon sistem Step 1 : Staff penjualan menekan menu cetak laporan penjualan yang telah disediakan oleh Step 2 : Sistem menampilkan laporan penjualan pada layar. sistem. Step 3 : Staff penjualan menekan tombol cetak laporan penjualan. Langkah alternatif Alt. Step 3 : Jika staff penjualan batal mencetak laporan penjualan dan menekan tombol batal akan kembali ke halaman utama staff penjualan. Kesimpulan Use case ini selesai jika staff penjualan telah mencetak laporan penjualan. Pasca kondisi Laporan penjualan telah berhasil dicetak. Nama Use Case : Cek Stok Barang Nama Use case Cek Stok Barang ID use case U-014 Prioritas Tinggi Pelaku bisnis utama Staff Penjualan Pelaku bisnis Sekunder - Deskripsi Use case ini menggambarkan staff penjualan melakukan pengecekan stok barang. Pra-kondisi Staff penjualan berada pada halaman utama bagian penjualan setelah melakukan proses login dan memilih menu cek stok barang Pemicu Staff penjualan ingin mengecek persediaan barang. Langkah umum Aksi aktor Respon sistem Step 1 : Staff penjualan menekan menu cek stok barang yang telah disediakan oleh sistem. Step 2 : sistem menampilkan informasi stok barang. Langkah alternatif Alt. Step 1 : Jika staff penjualan batal melakukan pengecekan stok barang atau menekan menu lain. Kesimpulan Use case ini selesai jika informasi stok barang telah ditampilkan. Pasca kondisi Sistem menampilkan informasi stok barang kepada staff penjualan. Nama Use Case : Logout Nama Use case Logout ID use case U-015 Prioritas Tinggi Pelaku bisnis utama Staff Pembelian, Staff Penjualan Deskripsi Use case ini menggambarkan Staff Pembelian dan Staff Penjualan melakukan logout keluar dari sistem. Pra-kondisi Aktor berada pada halaman utama staff pembelian atau staff penjualan dan telah selesai melakukan aktifitas dalam sistem. Pemicu Aktor harus melakukan logout agar sistem tertutup dan data dalam database aman. Langkah umum Aksi aktor Respon sistem Step 1 : Aktor memilih logout. Step 2 : Sistem menutup tampilan halaman utama staff pembelian atau staff penjualan dan kembali ke halaman index. Kesimpulan Use case ini selesai jika sistem telah keluar dari halaman utama staff pembelian atau staff penjualan. Pasca kondisi Aktor keluar dari halaman utama staff pembelian atau staff penjualan dan kembali ke halaman indeks. III.5.2 Diagram Aktivitas III.5.2.1 Diagram Aktivitas Use Case Login Pengguna masukkan username dan password menekan tombol batal menekan tombol login kembali ke halaman login mencocokkan username dan password dengan database menampilkan halaman utama staff menampilkan informasi gagal login halaman login batal login tidak cocok cocok user sistem Gambar III. 5 Diagram Aktivitas Use Case Login Pengguna III.5.2.2 Diagram Aktivitas Use Case Tambah Data Pemasok halaman utama staff pembelian klik menu tambah pemasok mengisi data pemasok kembali ke halaman utama staff pembelian tekan tombol setuju simpan masukan ke dalam database user sistem batal setuju Gambar III. 6 Diagram Aktivitas Use Case Tambah Data Pemasok III.5.2.3 Diagram Aktivitas Use Case Ubah Data Pemasok halaman utama staff pembelian klik menu ubah pemasok mengubah data pemasok kembali ke halaman utama staff pembelian tekan tombol setuju simpan masukan ke dalam database user sistem batal setuju Gambar III. 7 Diagram Aktivitas Use Case Ubah Data Pemasok III.5.2.4 Diagram Aktivitas Use Case Hapus Data Pemasok halaman utama staff pembelian klik menu hapus pemasok menghapus data pemasok kembali ke halaman utama staff pembelian tekan tombol setuju data dihapus dari dalam database user sistem batal setuju Gambar III. 8 Diagram Aktivitas Use Case Hapus Data Pemasok III.5.2.5 Diagram Aktivitas Use Case Catat Pembelian Halaman utama staff pembelian klik menu catat pembelian mengisi data pembelian kembali ke halaman utama staff pembelian tekan tombol setuju simpan masukan ke dalam database user sistem batal setuju Gambar III. 9 Diagram Aktivitas Use Case Catat Pembelian III.5.2.6 Diagram Aktivitas Catat Retur Pembelian user sistem halaman utama staff pembelian klik tombol catat retur pembelian mengisi data retur pembelian kembali ke halaman Utama staff pembelian tekan tombol setuju simpan masukan ke dalam database batal setuju Gambar III. 10 Diagram Aktivitas Use Case Catat Retur Pembelian III.5.2.7 Diagram Aktivitas Use Case Cetak Laporan Pembelian halaman utama staff pembelian menekan tombol batal menekan tombol cetak memroses data pembelian dari database menampilkan laporan pembelian mencetak laporan pembelian user sistem batal setuju kembali ke halaman utama staff pembelian tekan tombol lihat laporan pembelian Gambar III. 11 Diagram Aktivitas Use Case Cetak Laporan Pembelian III.5.2.8 Diagram Aktivitas Use Case Cek Stok Barang Staff Pembelian halaman utama staff pembelian tekan tombol cek stok barang menampilkan informasi stok barang user sistem Gambar III. 12 Diagram Aktivitas Use Case Cek Stok Barang Staff Pembelian III.5.2.9 Diagram Aktivitas Use Case Tambah Data Master Barang Staff Pembelian halaman utama staff pembelian tekan menu tambah data master barang kembali ke halaman utama staff pembelian tekan tombol setuju simpan masukan ke dalam database user sistem setuju batal mengisi data master barang Gambar III. 13 Diagram Aktivitas Use Case Tambah Data Master Barang Staff Pembelian III.5.2.10 Diagram Aktivitas Use Case Ubah Data Master Barang Staff Pembelian halaman utama staff pembelian tekan menu ubah data master barang kembali ke halaman utama staff pembelian tekan tombol setuju simpan masukan ke dalam database user sistem setuju batal mengubahi data master barang Gambar III. 14 Diagram Aktivitas Use Case Ubah Data Master Barang Staff Pembelian III.5.2.11 Diagram Aktivitas Use Case Hapus Data Master Barang Staff Pembelian halaman utama staff pembelian tekan menu hapus data master barang kembali ke halaman utama staff pembelian tekan tombol hapus data barang terhapus dari dalam database user sistem setuju batal menghapus data master barang Gambar III. 15 Diagram Aktivitas Use Case Hapus Data Master Barang Staff Pembelian III.5.2.12 Diagram Aktivitas Use Case Catat Penjualan Halaman utama staff penjualan klik menu catat penjualan mengisi data penjualan kembali ke halaman utama staff penjualan tekan tombol setuju simpan masukan ke dalam database user sistem batal setuju Gambar III. 16 Diagram Aktivitas Use Case Catat Penjualan III.5.2.13 Diagram Aktivitas Use Case Cetak Laporan Penjualan halaman utama staff penjualan menekan tombol batal menekan tombol cetak memroses data penjualan dari database menampilkan laporan penjuaian mencetak laporan penjualan user sistem batal setuju kembali ke halaman utama staff penjualan tekan tombol lihat laporan penjualan Gambar III. 17 Diagram Aktivitas Use Case Cetak Laporan Penjualan III.5.2.14 Diagram Aktivitas Use Case Cek Stok Barang Staff Penjualan halaman utama staff penjualan tekan tombol cek stok barang menampilkan informasi stok barang user sistem Gambar III. 18 Diagram Aktivitas Use Case Cek Stok Barang Staff Penjualan III.5.2.15 Diagram Aktivitas Use Case Logout Pengguna halaman utama staff menutup sistem user sistem klik tombol logout Gambar III. 19 Diagram Aktivitas Use Case Logout Pengguna III.5.3 Diagram Konteks Sistem Informasi Toko Retail Staff Pembelian Staff Penjualan data barang data pemasok data pembelian data retur pembelian informasi stok barang informasi pemasok informasi pembelian informasi retur pembelian berkas laporan pembelian data barang data penjualan informasi stok barang informasi penjualan berkas laporan penjualan Gambar III. 20 Diagram Konteks III.5.4 Diagram Berjenjang Sistem Informasi Toko Retail Proses Pembelian 2 Proses Penjualan 3 Login 1p Logout 4p Kelola Data Pemasok 2.1p Catat Pembelian 2.2p Catat Retur Pembelian 2.3p Cetak Laporan Pembelian 2.4p Cek Stok Barang 2.5p Kelola Data Master Barang 2.6p Catat Penjualan 3.1p Cetak Laporan Penjualan 3.2p Cek Stok Barang 3.3p Gambar III. 21 Diagram Berjenjang III.5.5 Perancangan Database III.5.5.1 Diagram ER Gambar III. 22 Diagram ER III.5.5.2 Perancangan Tabel Tabel III. 1 Tabel Barang Nama Field Tipe Ukuran Keterangan kode_barang Varchar 10 kode barang nama_barang Varchar 50 nama barang satuan Decimal 10 satuan barang stok Decimal 10 stok barang Tabel III. 2 Tabel Pemasok Nama Field Tipe Ukuran Keterangan kode_pemasok int 15 kode pemasok nama_pemasok varchar 50 nama pemasok alamat varchar 50 alamat pemasok telepon decimal 15 telepon pemasok Tabel III. 3 Tabel Pembelian Nama Field Tipe Ukuran Keterangan nomor_faktur varchar 10 nomor faktur pembelian total decimal 10 total pembelian tgl_masuk date - tanggal pembelian userid varchar 5 User id pengguna Tabel III. 4 Tabel Detail Pembelian Nama Field Tipe Ukuran Keterangan nama_barang varchar 50 nama barang nomer_faktur varchar 10 nomor faktur pembelian kode_barang varchar 10 kode barang harga_beli decimal 10 harga beli barang jumlah decimal 10 jumlah barang dibeli subtotal decimal 10 total bayar barang dibeli Tabel III. 5 Tabel Penjualan Nama Field Tipe Ukuran Keterangan nomer_nota varchar 10 nomor nota penjualan total_bayar decimal 10 total pembayaran penjualan tgl_nota date tanggal nota penjualan userid varchar 5 User id pengguna Tabel III. 6 Tabel Detail Penjualan Nama Field Tipe Ukuran Keterangan kode_barang varchar 10 kode barang nomor_nota varchar 10 nomor nota penjualan harga_jual decimal 10 harga barang dijual jumlah decimal 10 jumlah barang dijual subtotal decimal 10 total bayar barang dijual Tabel III. 7 Tabel Retur Pembelian Nama Field Tipe Ukuran Keterangan no_retur varchar 10 nomor retur barang tgl_retur date - tanggal pereturan barang kode_barang varchar 10 kode_barang nama_barang varchar 50 nama_barang jumlah_barang decimal 10 jumlah barang rusak Tabel III. 8 Tabel Pengguna Nama Field Tipe Ukuran Keterangan userid varchar 20 nomor id pegawai password varchar 20 password nama_pegawai varchar 50 nama pegawai level varchar 10 level pegawai III.5.6 Identifikasi Perilaku dan Respon Sistem Dengan Sequence Diagram III.5.6.1 Sequence Diagram Untuk Login PenggunaAdministrator : user : halaman login : login logout handler pengguna : halaman utama 1: user login 2: proses_ loginusername,password 3: proses_loginusername,pass word 4: data valid 5: session_registerusername,pass word 6: tampilan halaman utama 1: batal login 2: reset Alt-step user batal login Alt-step user gagal login 4: data tidak valid 6a: tampilan pesan eror 6b: tampilan halaman login Gambar III. 23 Sequence Diagram Use Case Login III.5.6.2 Sequence Diagram Untuk Use Case Catat Pemasok : user : halaman utama : tambah pemasok handler : pemasok : halaman catat pemasok 1: catat data pemasok 2: form_tambah_pemasokkode,nama,alamat,telepon 5: sukses catat data pemasok 6: tampilan pesan sukses catat data pemasok 1: batal mencatat data pemasok 2: reset 3: tampilan halaman utama 3: proses_tambahpemasokkode,nama,alamat,telepon Alt-step user batal mencatat data pemasok 4: proses_tambahpemasokkode,nama,alamat,telepon Gambar III. 24 Sequence Diagram Use Case Catat Pemasok III.5.6.3 Sequence Diagram Untuk Use Case Ubah Pemasok : user : halaman utama : ubah pemasok handler : pemasok : halaman ubah pemasok 1: ubah data pemasok 2: form_ubah_pemasokkode,nama,alamat,telepon 5: sukses ubah data pemasok 6: tampilan pesan sukses ubah data pemasok 1: batal mengubah data pemasok 2: reset 3: tampilan halaman utama 3: proses_ubahpemasokkode,nama,alamat,telepon Alt-step user batal mengubah data pemasok 4: proses_ubahpemasokkode,nama,alamat,telepon Alt-step user gagal mengubah data pemasok Gambar III. 25 Sequence Diagram Use Case Ubah Pemasok III.5.6.4 Sequence Diagram Untuk Use Case Ubah Pemasok : user : halaman utama : hapus pemasok handler : pemasok : halaman hapus pemasok 1: hapus data pemasok 2: form_hapus_pemasokkode,nama,alamat,telepon 5: sukses hapus data pemasok 6: tampilan pesan sukses hapus data pemasok 1: batal menghapus data pemasok 2: reset 3: tampilan halaman utama 3: hapus_pemasokkode,nama,alamat,telepon Alt-step user batal menghapus data pemasok 4: hapus_pemasokkode,nama,alamat,telepon Alt-step user gagal menghapus data pemasok Gambar III. 26 Sequence Diagram Use Case Hapus Pemasok III.5.6.5 Sequence Diagram Untuk Use Case Catat Pembelian : user : halaman utama : tambah pembelian handler : pembelian : halaman catat pembelian 1: catat data pembelian 2: form_pembeliannomer_faktur,kode_pemasok,nama_barang,harga_beli,jumlah_barang 4: sukses catat data pembelian 5: tampilan pesan sukses catat data pembelian 1: batal mencatat data pembelian 2: reset 3: tampilan halaman utama Alt-step user batal mencatat data pembelian 3: form_insert_belinomer_faktur,kode_pemasok,nama_barang,harga_beli,jumlah_barang Gambar III. 27 Sequence Diagram Use Case Catat Pembelian III.5.6.6 Sequence Diagram Untuk Use Case Catat Retur Pembelian : user : halaman utama : retur pembelian handler : retur pembelian : halaman catat retur pembelian 1: catat data retur pembelian 4: sukses catat data retur pembelian 5: tampilan pesan sukses catat data retur pembelian 1: batal mencatat data retur pembelian 2: reset 3: tampilan halaman utama Alt-step user batal mencatat data retur pembelian 3: form_catat_returnomer_retur,kode_barang,nama_barang,jumlah_barang,tanggal_retur 2: form_catat_returnomer_retur,kode_barang,nama_barang,jumlah_barang,tanggal_retur Gambar III. 28 Sequence Diagram Use Case Catat Retur Pembelian III.5.6.7 Sequence Diagram Untuk Use Case Cetak Laporan Pembelian : user : halaman utama : laporan beli handler : pembelian : halaman laporan pembelian 1: lihat laporan pembelian 2: laporan_belicatatan pembelian 3: viewbulancatatan pembelian 4: detail laporan pembelian 5: detail laporan pembelian 6: tampilan halaman laporan pembelian Gambar III. 29 Sequence Diagram Use Case Cetak Laporan Pembelian III.5.6.8 Sequence Diagram Untuk Use Case Cek Stok Barang : user : halaman utama : cek barang handler : barang : halaman cek stok barang 1: lihat stok barang 2: form_cek_stokB 3: form_cek_stokB 4: data stok barang 5: data stok barang 6: tampilan halaman cek stok barang Gambar III. 30 Sequence Diagram Use Case Cek Stok Barang III.5.6.9 Sequence Diagram Untuk Use Case Tambah Data Master Barang : user : halaman utama : data barang handler : pemasok : halaman tambah data master barang 1: tambah data master barang 2: form_tambah_barangkode,nama,satuan,harga jual, harga beli 5: sukses tambah data master barang 6: tampilan pesan sukses tambah data master barang 1: batal menambah data master barang 2: reset 3: tampilan halaman utama 3: proses_tambahbarangkode,nama,satuan,harga jual, harga beli Alt-step user batal menambah data master barang Alt-step user gagal menambah data master barang 3: proses_tambahbarangkode,nama,satuan,harga jual, harga beli Gambar III. 31 Sequence Diagram Use Case Tambah Data Master Barang III.5.6.10 Sequence Diagram Untuk Use Case Ubah Data Master Barang : user : halaman utama : data master barang handler : pemasok : halaman ubah data master barang 1: ubah data master barang 2: form_ubah_barangkode,nama,satuan,harga jual, harga beli 5: sukses ubah data master barang 6: tampilan pesan sukses ubah data master barang 1: batal mengubah data master barang 2: reset 3: tampilan halaman utama 3: proses_ubahbarangkode,nama,satuan,harga jual, harga beli Alt-step user batal mengubah data master barang Alt-step user gagal mengubah data master barang 3: proses_ubahbarangkode,nama,satuan,harga jual, harga beli Gambar III. 32 Sequence Diagram Use Case Ubah Data Master Barang III.5.6.11 Sequence Diagram Untuk Use Case Hapus Data Master Barang : user : halaman utama : data master barang handler : pemasok : halaman hapus data master barang 1: hapus data master barang 2: form_hapus_barangkode,nama,satuan,harga jual, harga beli 5: sukses hapus data master barang 6: tampilan pesan sukses hapus data master barang 1: batal menghapus data master barang 2: reset 3: tampilan halaman utama 3: form_hapus_barangkode,nama,satuan,harga jual, harga beli Alt-step user batal menghapus data master barang Alt-step user gagal menghapus data master barang 3: form_hapus_barangkode,nama,satuan,harga jual, harga beli Gambar III. 33 Sequence Diagram Use Case Hapus Data Master Barang III.5.6.12 Sequence Diagram Untuk Use Case Catat Penjualan : user : halaman utama : barang handler : penjualan : halaman catat penjualan 1: catat data penjualan 2: form_insert_jualnomer_nota, nama_barang, harga_jual, jumlah_barang 4: sukses catat data penjualan 5: tampilan pesan sukses catat data penjualan 1: batal mencatat data penjualan 2: reset 3: tampilan halaman utama Alt-step user batal mencatat data penjualan 3: proses_jualnomer_nota,nama_barang,harga_jual,jumlah_barang Gambar III. 34 Sequence Diagram Use Case Catat Penjualan III.5.6.13 Sequence Diagram Use Case Cetak Laporan Penjualan : user : halaman utama : laporan jual handler : penjualan : halaman laporan penjualan 1: lihat laporan penjualan 2: laporan_jualcatatan penjualan 3: viewbulan_jualcatatan penjualan 4: detail laporan penjualan 5: detail laporan penjualan 6: tampilan halaman laporan penjualan Gambar III. 35 Sequence Diagram Use Case Cetak Laporan Penjualan III.5.6.14 Sequence Diagram Use Case Cek Stok Barang : user : halaman utama : cek barang handler : barang : halaman cek stok barang 1: lihat stok barang 2: form_cek_stok 3: cekBarang 4: data stok barang 5: data stok barang 6: tampilan halaman cek stok barang Gambar III. 36 Sequence Diagram Use Case Cek Stok Barang III.5.6.15 Desain Tampilan Halaman GUI III.5.6.16 Halaman Login username password LOGIN login Gambar III. 37 Desain Halaman Login III.5.6.17 Halaman Utama Staff Pembelian HEADER Pemasok Pembelian Retur Pembelian Laporan Pembelian Cek Barang Logout Selamat Datang Staff Pembelian Gambar III. 38 Desain Halaman Utama Staff Pembelian III.5.6.18 Halaman Utama Staff Penjualan HEADER Penjualan Laporan Penjualan Cek Barang Logout Selamat Datang Staff Penjualan Gambar III. 39 Desain Halaman Utama Staff Penjualan III.5.6.19 Halaman Catat Data Pemasok Staff Pembelian Kode Pemasok Nama Pemasok Alamat Pemasok Nomor Telepon Pemasok OK Batal Halaman Catat Data Pemasok Masukkan Data Pemasok Gambar III. 40 Desain Halaman Catat Data Pemasok Staff Pembelian III.5.6.20 Halaman Catat Data Pembelian Masukkan Data Pembelian Jumlah pembelian Nomer Faktur Kode Barang Harga Beli Jumlah Barang simpan Gambar III. 41 Desain Halaman Catat Data Pembelian III.5.6.21 Halaman Catat Data Retur Pembelian Nomor Pembelian Tanggal Pembelian Jumlah Barang Rusak Nomor Retur Pembelian Kode Pemasok OK Batal Masukkan Data Retur Pembelian Halaman Catat Retur Pembelian Total Retur Barang Kode Barang Gambar III. 42 Desain Gambar Catat Data Retur Pembelian III.5.6.22 Halaman Cetak Laporan Pembelian LAPORAN PEMBELIAN Cetak Batal Halaman Laporan Pembelian Gambar III. 43 Desain Gambar Cetak Laporan Pembelian III.5.6.23 Halaman Cek Stok Barang Staff Pembelian Cek Stok Barang Kode barang Nama barang Satuan Stok D-001 Mesin diesel pcs 5 D-002 kompresor pcs 4 D-003 Mixer semen pcs 2 D-004 Bor listrik pcs 15 D-005 Pompa air pcs 10 Gambar III. 44 Desain Halaman Cek Stok Barang Staff Pembelian III.5.6.24 Halaman Catat Data Penjualan Nomor Penjualan Total Penjualan Nama Barang Kode Barang Tanggal Penjualan OK Batal Masukkan Data Penjualan Halaman Catat Penjualan Gambar III. 45 Desain Halaman Catat Data Penjualan III.5.6.25 Halaman Cetak Laporan Penjualan LAPORAN PENJUALAN Cetak Batal Halaman Laporan Penjualan Gambar III. 46 Desain Halaman Cetak Laporan Penjualan III.5.6.26 Halaman Cek Stok Barang Staff Penjualan Cek Stok Barang Kode barang Nama barang Satuan Stok D-001 Mesin diesel pcs 5 D-002 kompresor pcs 4 D-003 Mixer semen pcs 2 D-004 Bor listrik pcs 15 D-005 Pompa air pcs 10 Gambar III. 47 Desain Halaman Cek Stok Barang Staff Penjualan 74

BAB IV IMPLEMENTASI DAN HASIL

Bab ini merupakan tahap coding dari perancangan sistem yang telah dijelaskan di dalam bab III dan hasil dari implementasi program yang telah dibuat. Dalam membangun aplikasi ini implementasi difokuskan pada pembangunan aplikasi website yang digunakan oleh staff pembelian dan staff penjualan dari toko Sumbermas untuk mempermudah staff melakukan pengelolaan data barang yang terdapat di toko Sumbermas.

IV.1. Implementasi Program Pada Aplikasi Web

IV.1.1 Implementasi Database

Dalam sistem ini, database yang digunakan adalah MySQL. Dimana nama database yang akan digunakan oleh sistem ini, diberi nama ”sumbermas”. Berikut ini perintah yang digunakan untuk membuat database “sumbermas“ yaitu create database if not exists `sumbermas`; .

IV.1.2 Implementasi Tabel

Setelah pembuatan database, maka tahap selanjutnya adalah pembuatan tabel- tabel dalam database. Tabel yang akan dibuat adalah tabel yang telah dirancang pada bab III. Berikut ini adalah script-script pembuatan tabel pada database “sumbermas” : a. Listing program membuat tabel pengguna CREATE TABLE `pengguna` `userid` varchar20 NOT NULL, `password` varchar20 default NULL, `nama_pegawai` varchar50 default NULL, `level` varchar10 default NULL, PRIMARY KEY `userid` ENGINE=MyISAM DEFAULT CHARSET=latin1 b. Listing program membuat tabel pemasok CREATE TABLE `pemasok` `kode_pemasok` int15 NOT NULL auto_increment, `nama_pemasok` varchar50 default NULL, `alamat` varchar50 default NULL, `telepon` tinytext, PRIMARY KEY `kode_pemasok` ENGINE=MyISAM AUTO_INCREMENT=6 DEFAULT CHARSET=latin1 c. Listing program membuat tabel barang CREATE TABLE `barang` `kode_barang` varchar15 NOT NULL, `kode_produk` varchar10 default NULL, `nama_barang` varchar50 default NULL, `satuan` varchar10 default NULL, `stok` decimal10,0 default NULL, PRIMARY KEY `kode_barang` ENGINE=MyISAM DEFAULT CHARSET=latin1 d. Listing program membuat tabel pembelian CREATE TABLE `pembelian` `nomer_faktur` varchar10 NOT NULL, `tgl_masuk` date default NULL, `total` decimal10,0 default NULL, `userid` varchar20 default NULL, PRIMARY KEY `nomer_faktur` ENGINE=MyISAM DEFAULT CHARSET=latin1 e. Listing program membuat tabel detail_pembelian CREATE TABLE `detail_pembelian` `nomer_faktur` varchar10 default NULL, `kode_barang` varchar15 default NULL, `harga_beli` decimal10,0 default NULL, `jumlah` decimal10,0 default NULL, `subtotal` decimal10,0 default NULL ENGINE=MyISAM DEFAULT CHARSET=latin1 f. Listing program membuat tabel penjualan CREATE TABLE `penjualan` `nomer_nota` varchar10 NOT NULL, `tgl_nota` date default NULL, `total_bayar` decimal10,0 default NULL, `kode_pelanggan` varchar20 default NULL, `userid` varchar20 default NULL, PRIMARY KEY `nomer_nota` ENGINE=MyISAM DEFAULT CHARSET=latin1 g. Listing program membuat tabel detail_penjualan CREATE TABLE `detail_penjualan` `nomer_nota` varchar10 default NULL, `kode_barang` varchar15 default NULL, `harga_jual` decimal10,0 default NULL, `jumlah` decimal10,0 default NULL, `subtotal` decimal10,0 default NULL ENGINE=MyISAM DEFAULT CHARSET=latin1 h. Listing program membuat tabel retur_pembelian CREATE TABLE `retur_pembelian` `no_retur` int15 NOT NULL auto_increment, `kode_barang` varchar15 default NULL, `nama_barang` varchar50 default NULL, `jumlah_barang` decimal10,0 default NULL, `tanggal_retur` varchar12 default NULL, PRIMARY KEY `no_retur` ENGINE=MyISAM AUTO_INCREMENT=6 DEFAULT CHARSET=latin1

IV.1.3 Koneksi Sistem Dengan Database

Agar aplikasi web dapat terhubung dengan database, maka dibuat sebuah file bernama “koneksi.php” untuk menghubungkannya. File tersebut berisi listing program untuk menghubungkan ke database, dimana didalamnya terdapat hostname, username, password dan nama database yang akan digunakan. Berikut ini adalah isi dari file “koneksi.php” : ? hostname =localhost::3306; username=root; password=; database=sumbermas; mysql_connecthostname,username,password or diekoneksi gagal :.mysql_error; mysql_select_dbdatabase; ?

IV.1.4 Pengelolaan Aplikasi Web

Pada aplikasi web ini, terdapat dua aplikasi yang digunakan oleh dua pengguna yang berbeda, yaitu aplikasi web untuk staff pembelian dan aplikasi web untuk staff penjualan.

IV.1.4.1 Aplikasi Web Staff Pembelian

Aplikasi Web untuk Staff Pembelian terdapat fungsi-fungsi yang digunakan oleh staff pembelian untuk mengelola data pemasok, data pembelian, data barang dan laporan pembelian setiap bulannya. a. Menu Kelola Data Pemasok Halaman pengelolaan data pemasok berisi menu untuk menambah, mengubah dan menghapus data pemasok. Untuk menambah data pemasok, digunakan file “proses_tambahpemasok.php” Berikut ini adalah listing program untuk menambahkan data pemasok : ? includecekSesion.php; includekoneksi.php; tanggal=dateY-m-d H:i:s; ifemptyHTTP_POST_VARS[f_nama] { echo script window.alert Nama Pemasok belum diisi script; includeform_tambah_pemasok.php; } elseifemptyHTTP_POST_VARS[f_alamat] { echo script window.alert Alamat Pemasok belum diisi script; includeform_tambah_pemasok.php; } elseifemptyHTTP_POST_VARS[f_telepon] { echo script window.alert Telepon Pemasok belum diisi script; includeform_tambah_pemasok.php; } else{ mysql_queryinsert into pemasoknama_pemasok, alamat, telepon valuesHTTP_POST_VARS[f_nama],HTTP_POST_VARS[f_alamat] ,HTTP_POST_VARS[f_telepon]; echo script window.alert Data berhasil ditambahkan script; includeform_tambah_pemasok.php;}