Perancangan Input dan Output IO

Data int Tabel Kolom 6 TGL_KAS_KASI R Datetime - Not Null - - 7 SHIFT Varchar 10 Not Null - - 8 UANG_KAS_SE HARUSNYA Integer - Not Null - - 9 JAM_BUKA Datetime - Not Null - - 10 JAM_TUTUP Datetime - Not Null - - 14. Tabel Penjualan Nama Tabel : Penjualan Primary Key : ID_PENJUALAN Foreign Key : ID_PEGAWAI Fungsi : Menyimpan pendapatan penjualan Tabel 3.14 Tabel Penjualan No Nama Field Tipe Data Lebar Constra int Foreign Key Tabel Kolom 1 ID_PENJUALAN Varchar 20 PK - - 2 ID_PEGAWAI Varchar 10 FK Pegawa i ID_PEG AWAI 3 TGL_PENJUAL AN Datetime - Not Null - - 4 TOTAL_HARGA Integer - Not Null - - 5 BAYAR Integer - Not Null - - 6 KEMBALI Integer - Not Null - -

3.4 Perancangan Input dan Output IO

Perancangan inputoutput untuk berinteraksi antara user dengan sistem. Terdiri dari seluruh proses yang akan diimplementasikan pada aplikasi pengelolaan Pujasera Enam Belas dengan sistem kasir terpusat. a. Rancangan Form Login Rancangan form login Gambar 3.28 berfungsi untuk melakukan validasi terhadap kata sandi yang dimasukkan dan menentukan hak akses pengguna. Form Login Form Login Nama Pengguna Kata Sandi Masuk Keluar Gambar 3.28 Rancangan Form Login b. Rancangan Halaman Utama Halaman ini berfungsi sebagai halaman awal yang menampilkan menu yang ada pada aplikasi. Pada aplikasi ini memiliki tiga menu utama, yaitu pegawai, data gerai, laporan dan terdapat tombol keluar untuk keluar aplikasi. Rancangan halaman utama dapat dilihat pada Gambar 3.29. Pujasera Warung 16 Pujasera Warung 16 Login : Kepala Pujasera Pegawai Data Gerai 09 September 2015 12:00 PM Laporan Keluar Gambar 3.29 Rancangan Halaman Utama c. Rancangan Form Hak Akses Pada rancangan form hak akses berfungsi untuk menentukan hak akses pengguna aplikasi. Rancangan form hak akses dapat dilihat pada Gambar 3.30. Form Hak Akses Form Hak Akses Data Pegawai Nama Jabatan Simpan Batal Data Gerai Transaksi Penjualan Pilih Jabatan ….. Persediaan Menu YA Tidak BukaTutup Shift Pembayaran Iuran Laporan Pengaturan YA Tidak YA Tidak YA Tidak YA Tidak YA Tidak YA Tidak YA Tidak Gambar 3.30 Rancangan Form Hak Akses d. Rancangan Form Buka Shift kasir Pada rancangan form buka shift kasir berfungsi untuk mencatat jumlah nominal saldo awal pada kasir. Rancangan form buka shift kasir dapat dilihat pada Gambar 3.31. Buka shift Buka shift Tanggal Simpan Batal DD-MM-YYYY Saldo Awal Shift Pagi Shift Malam Gambar 3.31 Rancangan Form Buka Shift Kasir e. Rancangan Form Pegawai Pada rancangan form pegawai berfungsi untuk memasukkan data pegawai yang akan mengakses aplikasi. Rancangan form pegawai dapat dilihat pada Gambar 3.32. Form Pegawai Form Pegawai ID Pegawai Nama Pegawai Simpan Batal Tambah Data Ubah data Hapus Keluar ID Jabatan Nama Pegawai Jabatan Alamat No Tlp User Name Password Status Aktif Tidak Aktif Jabatan Alamat No Tlp User Name Pasword Status Gambar 3.32 Rancangan Form Pegawai f. Rancangan Form Pemilik Gerai Pada Rancangan form pemilik gerai berfungsi untuk mencatat pemilik gerai yang telah menyewa gerai pada Pujasera Enam Belas. Rancangan form pemilik gerai dapat dilihat pada Gambar 3.33. Form Pemilik Gerai Form Pemilik Gerai ID Pemilik Nama Pemilik Simpan Batal Tambah Data Ubah data Hapus Keluar ID Pemilik Nama Pemilik Alamat No Tlp Alamat No Tlp Gambar 3.33 Rancangan Form Pemilik Gerai g. Rancangan Form Gerai Pada rancangan form gerai berfungsi untuk mencatatan gerai yang terdapat pada Pujasera Enam Belas. Rancangan form gerai dapat dilihat pada Gambar 3.30. Form Gerai Form Gerai ID Gerai Nama Pemilik Simpan Batal Tambah Data Ubah data Hapus Keluar ID Gerai Nama Pemilik Nama Gerai Jenis Gerai Nama Gerai Jenis Gerai Gambar 3.34 Rancangan Form Gerai h. Rancangan Form Kerjasama Pada rancangan form kerjasama berfungsi untuk mencatat penentuan kerjasama masing-masing gerai beserta ketentuan-ketentuannya. Rancangan form kerjasama dapat dilihat pada Gambar 3.35. Form Kerjasama Form Kerjasama ID Kerjasama Nama Pemilik Gerai Simpan Batal Tambah Data Ubah data Hapus Keluar ID Jabatan Nama Pegawai Nama Gerai Tgl Mulai Tgl Akhir Uang Sewa Kontrak Uang Jaminan Sewa Kontrak Jenis Kerjasama Bagi Hasil Kontrak Jabatan Alamat No Tlp User Name Pasword Status Kontrak Uang Iuran Per Bulan Persantase Bagi Hasil Jaminan Bagi Hasil Bagi Hasil Gambar 3.35 Rancangan Form Kerjasama i. Rancangan Form Menu Pada rancangan form menu berfungsi untuk mencatat menu makanan dan minuman yang dijual pada masing-masing gerai yang tergabung dalam Pujasera Enam Belas. Rancangan form menu dapat dilihat pada Gambar 3.36. Form Menu Form Menu ID Menu Nama Gerai Simpan Batal Tambah Data Ubah data Hapus Keluar ID Menu NamaMenu Nama Menu Harga Harga Status Pilih Gerai ….. Nama Pemilik Status Kerjasama Status Aktif Tidak aKtif Pilih Batal Gambar Gambar Menu Unggah Foto GAMBAR MENU Gambar 3.36 Rancangan Form Menu j. Rancangan Form Pembayaran Iuran Gerai Pada rancangan form pembayaran iuran gerai berfungsi untuk mencatat iuran gerai yang dilakukan tiap bulan. Rancangan form pembayaran iuran gerai dapat dilihat pada Gambar 3.37. Form Pembayaran Iuran Gerai Form Pembayaran Iuran Gerai ID Daftar Pembayaran TGL Pembayaran Simpan Batal Tambah Data Ubah data Hapus Keluar ID Pembayaran Tgl Pembayaran Nama Pemilik Nama Gerai Nama Pemilik Nama Gerai TGL Mulai Kerjasama TGL Akhir Kerjasama Uang Iuran Perbulan Jumlah Yang Dibayar Periode Tgl Mulai Kerjasama Tgl Akhir Kerjasama Iuran Perbulan Jumlah yg Dibayar Periode Gambar 3.37 Rancangan Form Pembayaran Iuran Gerai k. Rancangan Form Bagi Hasil Pada Rancangan form bagi hasil berfungsi untuk melihat apakah gerai telah melakukan pembayaran bagi hasil. Rancangan form bagi hasil dapat dilihat pada Gambar 3.38. Form Pegawai Form Pegawai Pilih Tanggal Simpan Batal Gerai A Nama Gerai 1000000 Total Penjualan 10 Bagi Hasil 100000 Bagi Hasil Status di bayarkan Cari Sudah Gambar 3.38 Rancangan Form Bagi Hasil l. Rancangan Form Penjualan Pada rancangan form penjualan berfungsi untuk transaksi penjualan makan dan minuman. Rancangan form penjualan dapat dilihat pada Gambar 3.39. Form Penjualan Form Penjualan Simpan + Baru Edit Cetak No. Total Bayar Kembali Jumlah Harga Gerai - Makanan - Minuman - Gerai A - Gerai B - Gerai C Gerai A TOTAL Rp. Gambar 1 Gambar 2 Gambar 3 Gambar 4 Nama Menu Batal Gambar 3.39 Rancangan Form Penjualan m. Rancangan Form Tutup Shift Pada Rancangan form tutup shift berfungsi untuk mencatat nominal kas saldo akhir. Rancangan form tutup shift dapat dilihat pada Gambar 3.40. Tutup shift Tutup shift Tanggal Simpan Batal DD-MM-YYYY Saldo Akhir Shift : XXXXX Gambar 3.40 Rancangan Form Tutup Shift n. Rancangan Nota Penjualan Pada rancangan nota penjualan berfungsi untuk bukti penjulan rangkap dua yang akan diberikan kepada konsumen dan rekap pujasera. Rancangan nota penjualan dapat dilihat pada Gambar 3.41. Pujasera Warung 16 Surabaya Nota Jl.Nginden Intan Raya 132 surabaya No. : x-xx Kasir : xxx DD-MM-YYYY xxxxxxxxxx xxxxxxxx x x xxxxx Rp.xxxx xxxxxxxx x x xxxxx Rp.xxxx Kembali Rp.xxxx Rp.xxxx Rp.xxxx Terimakasih Atas Kunjungan Anda xxxxxxxxxx xxxxxxxx x x xxxxx Rp.xxxx xxxxxxxx x x xxxxx Rp.xxxx Gambar 3. 41 Rancangan Nota Penjualan o. Rancangan Bukti Pembayaran Iuran Kontrak Pada rancangan bukti pembayaran iuran kontrak berfungsi untuk bukti pembayaran iuran kontrak gerai rangkap dua yang akan di berikan kepada pemilik gerai dan rekap pujasera. Rancangan bukti pembayaran iuran kontrak dapat dilihat pada Gambar 3.42. PUJASERA WARUNG 16 KWITANSI Jl.Nginden Intan Raya 132 surabaya Pembayaran Iuran Kontrak NO. XX-XXX Sudah Diterima Dari : Uang Sebesar : Untuk Pembayaran Gerai : XXXX RP. xxx,xxx XXXXX Periode : MM-YYYY Surabaya, DD-MM-YYYY Kepala Pujasera Gambar 3.42 Rancangan Bukti Pembayaran Iuran Kontrak p. Rancangan Laporan Penjualan Pada rancangan laporan penjualan berfungsi untuk melaporakan semua transaksi penjualan pada gerai baik gerai yang berkerjasama secara kontrak maupun bagi hasil, laporan tersebut nantinya akan berikan kepada pemilik pujasera. Rancangan laporan penjualan dapat dilihat pada Gambar 3.43 di halaman 62. Gambar 3.43 Rancangan Laporan Penjualan q. Rancangan Laporan Pembayaran Fee Gerai Pada Rancangan laporan pembayaran fee gerai berfungsi untuk tanda bukti penyerahan fee gerai oleh kepala pujasera kepada masing-masing gerai, baik gerai yang berkerjasama secara kontrak maupun bagi hasil. Rancangan laporan pembayaran fee gerai dapat dilihat pada Gambar 3.44 di halaman 63. Laporan Pembayaran Fee Gerai Laporan Pembayaran Fee Gerai PUJASERA WARUNG 16 Jl.Nginden Intan Raya 132 surabaya Laporan Pembayaran Fee Gerai Tgl DD-MM-YYYY xx xx xx xx xx xx No. xxxxxxx xxxxxxx xxxxxxx xxxxxxx xxxxxxx xxxxxxx Nama Gerai xxxxxxx xxxxxxx xxxxxxx xxxxxxx xxxxxxx xxxxxxx Total Penjualan xxxxxxx xxxxxxx xxxxxxx xxxxxxx xxxxxxx xxxxxxx Bagi Hasil Total xxxxxxx xxxxxxx xxxxxxx xxxxxxx xxxxxxx xxxxxxx Uang Bagi Hasil xxxxxxx xxxxxxx xxxxxxx xxxxxxx xxxxxxx xxxxxxx xxxxxxx Fee Gerai Tanda Tangan Pilih Periode : DD-MM-YYYY Cari Gambar 3.44 Rancangan Laporan Pembayaran Fee Gerai r. Rancangan Laporan Pendapatan Pujasera Pada rancangan laporan pendapatan pujasera berfungsi untuk mengetahui pendapatan pujasera baik pendapatan dari kerjasama bagi hasil ataupun kontrak. Rancangan laporan pendapatan pujasera dapat dilihat pada Gambar 3.45 di halaman 64. Laporan Pendapatan Laporan Pendapatan PUJASERA WARUNG 16 Jl.Nginden Intan Raya 132 surabaya Laporan Pendapatan Periode MM-YYYY x x No. xxxxx xxxxx Nama Gerai xx xx Bagi Hasil xxxxxxx xxxxxxx xxxxxxx Pendapatan Pujasera Total xxxxxxx xxxxxxx Fee Gerai Kerja sama : Bagi Hasil xxxxx xxxxx xxxxx xxxxx xxxxx xxxxx Nama Gerai xxxxxxx xxxxxxx xxxxxxx xxxxxxx xxxxxxx xxxxxxx Uang Iuran Per Bulan Rp xxxxxxx xxxxxxx xxxxxxx xxxxxxx xxxxxxx xxxxxxx Jumlah yang Dibayar xxxxxxx xxxxxxx xxxxxxx xxxxxxx xxxxxxx xxxxxxx xxxxxxx Pendapatan Pujasera RP Kerja sama : Kontrak Total Total Pendapatan Pujasera Periode MMYYYY Rp. xxxxxxx Pilih Kerjasama : Pilih Periode : MM-YYYY MM-YYYY Semua Jenis Cari - Gambar 3.45 Rancangan Laporan Pendapatan Pujasera s. Rancangan Laporan Kas Kasir Pada rancangan laporan kas kasir berfungsi untuk mencegah terjadinya kecurangan yang dilakukan oleh kasir. Rancangan laporan kas kasir dapat dilihat pada Gambar 3.46 di halaman 65. Gambar 3.46 Rancangan Laporan Kas Kasir

3.5 Desain Uji Coba