Perancangan Form Perangkat Lunak

3.5.2. Perancangan Form Perangkat Lunak

a. Perancangan antarmuka form login Gambar 33 Perancangan antarmuka Login F01 - No 1 , judul form - No 2, pengisian data login - Tekan tombol login untuk menuju form F02, jika password salah muncul pesan M01 - Tekan tombol keluar untuk keluar dari aplikasi Ukuran : 428 x 248 Font : Times New Roman ,12, hitam LOGIN KOPERASI SIMPAN PINJAM REKA MANDIRI Username : LOGIN Keluar Password : 1 2 b. Perancangan antarmuka halaman utama koperasi c. Gambar 34 Perancangan antarmuka halaman utama F02 Master Transaksi Data Barang About Data Anggota Data Petugas Logout Simpan Pinjam Penjualan Barang Jenis Barang Input PembelianData Brang Input Data Brang - Klik Data Anggota untuk menuju F03 - Klik Data Petugas untuk menuju F04 - Klik Logout untuk keluar dari aplikasi - Klik simpan untuk menuju F05 - Klik pinjam untuk menuju form F06 - Klik penjualan barang untuk menuju F07 - Klik jenis barang untuk menuju F08 - Klik input data pembelian barang untuk menuju F09 - Klik input data barang untuk menuju F10 - Klik about untuk menuju F11 Ukuran : 559 x 621 Font : Times New Roman ,12, hitam d. perancangan antarmuka form Data Anggota Gambar 35 Perancangan antarmuka form Data anggota F03 DATA MASTER ANGGOTA KOPERASI REKA MANDIRI No Anggota Nama Anggota Alamat No Telp Jabatan Simpan Edit Batal Hapus Keluar Cari Berdasarkan No Anggota Ukuran : 559 x 621 Font : Times New Roman ,12, hitam Nama Anggota View1 View2 View3 View4 View5 - Tekan tombol simpan untuk menyimpan data, jika data ada yang belum terisi maka muncul pesan M02, jika sudah diklik tombol simpan muncul pesan M03 - Tekan tombol edit untuk edit data - Tekan tombol batal untuk batal input data - Tekan tombol hapus untuk menghapus data, sebelum menghapus data,akan muncul pesan M04 - Tekan tombol keluar untuk kembali ke F01 e. Perancangan antarmuka form data petugas Gambar 36 Perancangan antarmuka Form Data Petugas F04 DATA MASTER PETUGAS KOPERASI REKA MANDIRI Kode Petugas Nama Petugas Username Simpan Edit Batal Hapus Keluar Ukuran : 581 x 565 Font : Times New Roman ,12, hitam View1 View2 View3 View4 View5 - Tekan tombol simpan untuk menyimpan data, jika data ada yang belum terisi maka muncul pesan M02, jika sudah diklik tombol simpan muncul pesan M03 - Tekan tombol edit untuk edit data - Tekan tombol batal untuk batal input data - Tekan tombol hapus untuk menghapus data, sebelum menghapus data,akan muncul pesan M04 - Tekan tombol keluar untuk kembali ke F01 Password f. Perancagan antarmuka transaksi simpan Gambar 37 Perancangan antarmuka Form Transaksi Simpan F05 TRANSAKSI SIMPANAN UANG ANGGOTA KOPERASI REKA MANDIRI No Transaksi Tanggal Transaksi Keterangan Simpan Cari Edit Hapus Keluar Ukuran : 581 x 565 Font : Times New Roman ,12, hitam View1 View2 View3 View4 View5 - Tekan tombol simpan untuk menyimpan data, jika data ada yang belum terisi maka muncul pesan M02, jika sudah diklik tombol simpan muncul pesan M03 - Tekan tombol edit untuk edit data - Tekan tombol cari untuk cari data, jika data tidak ada akan muncul pesan M05 - Tekan tombol hapus untuk menghapus data, sebelum menghapus data,akan muncul pesan M04 - Tekan tombol keluar untuk kembali ke F01 No Anggota Nama Anggota Alamat Pekerjaan Jenis Simpanan Jumlah g. Perancangan antarmuka transaksi pinjam Gambar 38 Perancangan Antarmuka Form Pinjam Anggota F06 TRANSAKSI PINJAMANAN UANG ANGGOTA KOPERASI REKA MANDIRI No Pinjam Tanggal Pinjam Simpan Cari Edit Hapus Keluar Ukuran : 581 x 565 Font : Times New Roman ,12, hitam View1 View2 View3 View4 View5 - Tekan tombol simpan untuk menyimpan data, jika data ada yang belum terisi maka muncul pesan M02, jika sudah diklik tombol simpan muncul pesan M03 - Tekan tombol edit untuk edit data - Tekan tombol cari untuk cari data, jika data tidak ada akan muncul pesan M05 - Tekan tombol hapus untuk menghapus data, sebelum menghapus data,akan muncul pesan M04 - Tekan tombol keluar untuk kembali ke F01 No Anggota Nama Anggota Alamat Jabatan Bunga Admin Keterangan Pinjaman Pokok Lama Angsuran Hitung Jumlah Total Pinjaman Angsuran h. Perancangan antarmuka transaksi penjualan barang Gambar 39 Perancangan Antarmuka Form Penjualan Barang Transaksi Penjualan Barang Koperasi Reka Mandiri NO Transaksi Tanggal Transaksi Jenis Transaksi Nama Anggota ID Anggota Nama barang Kode Barang Harga Jual Jumlah Beli Sub Total Total View Data Transaksi Simpan Simpan Transaksi Batal Keluar F07 Ukuran : 1200 x 564 Font : Times New Roman ,12, hitam - Tekan tombol simpan untuk menyimpan data, jika data ada yang belum terisi maka muncul pesan M02, jika sudah diklik tombol simpan muncul pesan M03 - Tekan tombol simpan transaksi untuk menambahka n data transaksi - Tekan tombol batal untuk clearing data - Tekan tombol keluar untuk kembali ke F01 i. Perancangan antarmuka form Jenis Barang Gambar 40 Perancangan antarmuka form Jenis Barang F08 INPUT NAMA JENIS BARANG KOPERASI REKA MANDIRI Kode Nama Barang Nama Petugas Simpan Edit Batal Hapus Keluar Ukuran : 581 x 565 Font : Times New Roman ,12, hitam View1 View2 View3 View4 View5 - Tekan tombol simpan untuk menyimpan data, jika data ada yang belum terisi maka muncul pesan M02, jika sudah diklik tombol simpan muncul pesan M03 - Tekan tombol edit untuk edit data - Tekan tombol batal untuk batal input data - Tekan tombol hapus untuk menghapus data, sebelum menghapus data,akan muncul pesan M04 - Tekan tombol keluar untuk kembali ke F01 j. Perancangan antarmuka form input data barang Gambar 41 Perancangan Antarmuka Form Data Barang F09 Simpan Edit Batal Hapus Keluar Ukuran : 581 x 565 Font : Times New Roman ,12, hitam - Tekan tombol simpan untuk menyimpan data, jika data ada yang belum terisi maka muncul pesan M02, jika sudah diklik tombol simpan muncul pesan M03 - Tekan tombol edit untuk edit data - Tekan tombol batal untuk batal input data - Tekan tombol hapus untuk menghapus data, sebelum menghapus data,akan muncul pesan M04 - Tekan tombol keluar untuk kembali ke F01 Input Nama Data Barang Koperasi Reka Mandiri Kode Barang Nama Barang Kode Jenis Barang Harga Beli Harga Jual View Data Barang k. Perancangan antarmuka form pembelian barang Gambar 42 Perancangan Antarmuka Form Input Pembelian Data Barang F010 Simpan Batal Hapus Keluar Ukuran : 581 x 565 Font : Times New Roman ,12, hitam - Tekan tombol simpan untuk menyimpan data, jika data ada yang belum terisi maka muncul pesan M02, jika sudah diklik tombol simpan muncul pesan M03 - Tekan tombol batal untuk batal input data - Tekan tombol hapus untuk menghapus data, sebelum menghapus data,akan muncul pesan M04 - Tekan tombol keluar untuk kembali ke F01 Input PembelianData Barang Koperasi Reka Mandiri No Transaksi Tanggal Transaksi Nama Petugas Nama Barang Kode Barang View Data Barang Harga Jual Sisa Stok barang Jumlah Barang Masuk Total Stok Sub Total Hitung l. Perancangan antarmuka form about Gambar 43 Perancangan antarmuka form about 3.5.3. Perancangan Pesan Perancangan pesan merupakan suatu perancangan tampilan pesan yang berupa informasi jika user menggunakan aplikasi koperasi, berikut ini adalah perancangan pesan-pesan informasi yang yang ada dalam aplikasi koperasi : 1. Pesan Form Login Pesan form login merupakan suatu pesan yang berupa informasi pada saat user menggunakan form login, berikut ini adalah tampilan pesan dalam form login : A. Pesan M01 akan muncul apabila user salah memasukan username atau salah memasukan password, berikut ini adalah perancangan pesan M01 : F11 KOPERASI SIMPAN PINJAM REKA MANDIRI PT. Informatika Reka Mandiri Alamat Jl. Jalak 10 Bandung Website http:irm.co.id Close - Tekan tombol Close untuk keluar dari aplikasi Ukuran : 387 x 199 Font : Times New Roman ,12, hitam Gambar 44 Perancangan Pesan M01 B. Pesan M02 akan muncul apabila user tidak mengisi salah satu field ketika tombol Simpan diklik, berikut ini adalah perancangan pesan M02 : Gambar 45 Perancangan Pesan M02 - untuk kembali ke form login Jenis dan Ukuran Font Default M01 Message X i OK Username Yang Anda Masukan Salah, Silahkan Periksa Kembali - untuk kembali ke form login Jenis dan Ukuran Font Default M02 Message X i OK Data Tidak Boleh Dikosongkan C. Pesan M03 akan muncul apabila user telah mengisi semua field dan menekan tombol simpan, berikut ini adalah perancangan pesan M03 : Gambar 46 Perancangan Pesan M03 D. Pesan M04 akan muncul apabila user ingin menghapus data dari database, berikut ini adalah perancangan pesan M04 : Gambar 47 Perancangan Pesan M04 - untuk kembali ke form login Jenis dan Ukuran Font Default M03 Message X i OK Data Berhasil Disimpan. Masih Ingin Menambah Data? - untuk kembali ke form login Jenis dan Ukuran Font Default M04 Message X i OK Apakah Anda Yakin Akan Menghapus Data ini? E. Pesan M05 akan muncul apabila user telah meng-klik tombol hapus, menandakan data berhasil dihapus dari database, berikut ini adalah perancangan pesan M05 : Gambar 48 Perancangan Pesan M05 F. Pesan M06 akan muncul apabila user telah meng-klik tombol hapus, namun belum memilih data dari database, berikut ini adalah perancangan pesan M06 : - untuk kembali ke form login Jenis dan Ukuran Font Default M05 Message X i OK Data Berhasil Dihapus. Gambar 49 Perancangan Pesan M06 G. Pesan M07 akan muncul apabila user mencari data, namun field untuk mencari data tidak isi atau data tidak ada di database, berikut ini adalah perancangan pesan M07 : Gambar 50 Perancangan Pesan M07 - untuk kembali ke form login Jenis dan Ukuran Font Default M06 Message X i OK Data Yang Akan Dihapus Belum Dipilih. - untuk kembali ke form login Jenis dan Ukuran Font Default M07 Message X i OK Data Tidak Ditemukan.

3.5.4. Jaringan Semantik