• Tidak ada hasil yang ditemukan

PRIMARY KEY (BPBID),

4.2 Perancangan Aplikasi

4.2.2 State Transition Diagram

Menurut Whitten (2004, p673), State Transition Diagram digunakan untuk menggambarkan urutan dan variasi tampilan yang akan tampil pada sistem ketika user berada pada suatu tahap tertentu.

Sebagai contoh untuk proses Login terlebih dahulu dengan membuka aplikasi lalu akan muncul perintah Login dilayar supaya user mengisi Login tersebut dengan

utama, tetapi jika hasil dari Login tersebut salah baik dari nama ataupun password maka muncul perintah Login dan pegawai tersebut harus mengulang Login . Berikut ini contoh STD Login :

Menurut Whitten (2004, p673), State Transition Diagram digunakan untuk menggambarkan urutan dan variasi tampilan yang akan tampil pada sistem ketika user berada pada suatu tahap tertentu.

Sebagai contoh untuk proses Login terlebih dahulu dengan membuka aplikasi lalu akan muncul perintah Login dilayar supaya user mengisi Login tersebut dengan username dan pin lalu komputer memeriksa hasil input dari user tersebut melalui Database yang tersedia, jika hasil Login tersebut benar maka akan muncul Layar utama, tetapi jika hasil dari Login tersebut salah baik dari nama ataupun password maka muncul perintah Login dan pegawai tersebut harus mengulang Login . Berikut ini contoh STD Login :

Gambar 4.38 STD Layar Windows

Layar Login

Menu Utama

Masukan Kode Karyawan dan Password Cek Login

Tampilkan Layar Menu Utama jika benar

Tampilkan pesan kesalahan dan kembali ke Layar

194

Untuk logout dari aplikasi basisdata, maka user klik menu exit untuk keluar. Terdapat konfirmasi logout bagi user, jika user tidak logout maka akan tetap pada layar utama. Jika user logout maka akan keluar dari aplikasi.

Gambar 4.42 STD Menu Transaksi

196

Master Karyawan Pencarian Data Karyawan Ketik Textbox "Keyword" Pencarian Data Karyawan Submenu Data

Karyawan

Klik Submenu Data Karyawan Tampilkan Master Karyawan

Penambahan Data Karyawan Penambahan Data Karyawan Error Pengubahan Data Pemasok

Keluar dari Master Karyawan Klik "Simpan"

Kode Karyawan tidak diisi. Tampilkan pesan

kesalahan Klik "Tambah" Penambahan Data

Karyawan

Klik "Close" Keluar dari Master

Karyawan Klik "Ubah" Pengubahan Data Pemasok Penghapusan Data Karyawan Klik "Delete" Penghapusan Data Karyawan

198

Master Pemasok Pencarian Data

Pemasok Ketik Textbox "Keyword"

Pencarian Data Pemasok Submenu Data

Pemasok

Klik Submenu Data Pemasok Tampilkan Master Pemasok

Penambahan Data Pemasok Penambahan Data Pemasok Error Pengubahan Data Pemasok

Keluar dari Master Pemasok Klik "Simpan"

KodePemasok tidak diisi. Tampilkan pesan

kesalahan Klik "Tambah" Penambahan Data

Pemasok

Klik "Close" Keluar dari Master

Pemasok Klik "Ubah" Pengubahan Data Pemasok Penghapusan Data Pemasok Klik "Delete" Penghapusan Data Pemasok

Master Bahan Baku Pencarian Data Bahan Baku Ketik Textbox "Keyword"

Pencarian Data Bahan Baku Submenu Data

Bahan Baku

Klik Submenu Data Bahan Baku Tampilkan Master Bahan Baku

Penambahan Data Bahan Baku

Penambahan Data Bahan Baku Error

Pengubahan Data Bahan Baku

Keluar dari Master Bahan Baku Klik "Simpan"

KodeBahan Baku tidak diisi. Tampilkan pesan

kesalahan Klik "Tambah" Penambahan Data

Bahan Baku

Klik "Close" Keluar dari Master

Bahan Baku Klik "Ubah" Pengubahan Data Bahan Baku Penghapusan Data Bahan Baku Klik "Delete" Penghapusan Data Bahan Baku

200

202

204

Gambar 4.52 STD Submenu Stok Bahan Baku

Form Pengeluaran Kas

Pencarian Data Pengeluaran Kas Ketik Textbox "Keyword"

Pencarian Data Pengeluaran Kas Submenu

Pengeluaran Kas

Klik Submenu Pengeluaran Kas Tampilkan Form Pengeluaran Kas

Penambahan Data Pengeluaran Kas Transaksi Error Pengubahan Data Pengeluaran Kas Penghapusan Data Pengeluaran Kas Klik "Simpan"

Kode Pengeluaran Kas tidak ada. Tampilkan

pesan kesalahan Klik "Tambah" Penambahan Data Pengeluaran Kas Klik "Delete" Penghapusan Data Pengeluaran Kas Klik "Ubah" Pengubahan Data Pengeluaran Kas

Keluar dari Form Pengeluaran Kas Klik "Close"

Keluar dari Form Pengeluaran Kas

Buku Hutang Pencarian DataBuku Hutang Ketik Textbox "Keyword"

Pencarian Data Buku Hutang Submenu Hutang

Pembelian

Klik Submenu Hutang Pembelian Tampilkan Buku Hutang

Penambahan Data Buku Hutang Transaksi Error Pengubahan Data Buku Hutang Penghapusan Data Buku Hutang Klik "Simpan"

Kode Buku Hutang tidak ada. Tampilkan

pesan kesalahan Klik "Tambah" Penambahan Data Buku Hutang Klik "Delete" Penghapusan Data Buku Hutang Klik "Ubah" Pengubahan Data Buku Hutang

Keluar dari Buku Hutang Klik "Close"

Keluar dari Buku Hutang

206

Form Retur

Pembelian Pencarian Data ReturPembelian Ketik Textbox "Keyword"

Pencarian Data Retur Pembelian Submenu Retur

Pembelian

Klik Submenu Retur Pembelian Tampilkan Form Retur Pembelian

Penambahan Data Retur Pembelian

Transaksi Error

Penghapusan Data Retur Pembelian Klik "Simpan"

Kode Transaksi tidak ada. Tampilkan pesan

kesalahan Klik "Tambah" Penambahan Data Retur

Pembelian

Klik "Hapus Barang" Penghapusan Data Retur

Pembelian Detil Penambahan Data

Retur Pembelian Detil

Transaksi Error

Klik "Simpan Barang" Kode Barang tidak ada.

Tampilkan pesan kesalahan Klik "Tambah Barang" Penambahan Data Retur

Pembelian Detil

Pengubahan Data Retur Pembelian Detil Klik "Ubah Barang"

Pengubahan Data Retur Pembelian Detil

Keluar dari Form Retur Pembelian Klik "Close"

Keluar dari Form Retur Pembelian

Penghapusan Data Retur Pembelian Detil

Klik "Hapus" Penghapusan Data Retur

Pembelian

Gambar 4.55 STD Submenu Transaksi Retur Pembelian

Form Laporan Permintaan Submenu Laporan

Permintaan

Klik Submenu Laporan Permintaan Tampilkan Form Laporan Permintaan

Laporan Permintaan Klik icon "Print" Pencetakan Laporan

Form Laporan Pembelian Submenu Laporan

Pembelian

Klik Submenu Laporan Pembelian Tampilkan Form Laporan Pembelian

Laporan Pembelian

Klik icon "Print" Pencetakan Laporan

Pembelian

Gambar 4.57 STD Submenu Laporan Pembelian

208

Gambar 4.59 STD Submenu Laporan Penerimaan

Form Laporan Pengeluaran Kas Submenu Laporan

Pengeluaran Kas

Klik Submenu Laporan Pengeluaran Kas Tampilkan Form Laporan Pengeluaran Kas

Laporan Pengeluaran Kas

Klik icon "Print" Pencetakan Laporan

Pengeluaran Kas

Gambar 4.61 STD Submenu Laporan Pengeluaran Kas

Dokumen terkait