BAB IV PERANCANGAN SISTEM 1.1
Arsitektur Sistem
Gambar 4.1 Rancangan Arsitektur Sistem
1.2
Rancangan Struktur Menu Perancangan menu di dasari oleh proses yang harus bagaimana digambarkan dalam use
casediagram dan activitydiagram. Berdasarkan hal tersebut, maka menu dirancang sesuai dengan kebutuhan aktor. Adapun rancangan struktur menu Pengiriman Barang dengan E-Airwaybill adalah sebagai berikut:
http://digilib.mercubuana.ac.id/
Gambar 4.2 Rancangan Struktur Menu Pengiriman Barang dengan E-Airwaybill
1.3
Rancangan Tatap Muka Perancangan layar aplikasi di dasari oleh proses yang harus digambarkan dalam use case diagram
dan activity diagram. Berdasarkan hal tersebut, maka rancangan aplikasi dirancang sesuai dengan kebutuhan. Adapun rancangan layar proses pengiriman barang menggunakan e-airwaybill adalah sebagai berikut: a.
Rancangan Halaman Login Tampilan Halaman Login sebelum masuk kedalam halaman Menu Utama. Login berfungsi untuk
hak akses kemanan sistem, hak akses tersebut dapat berfungsi sesuai dengan jabatan pengguna aplikasi tersebut. Pada halaman login ini terdapat dua tombol yaitu login dan cancel yang berfungi untuk masuk
http://digilib.mercubuana.ac.id/
kedalam menu utama. Dimana jika yang melakukan login adalah staff, maka akan masuk kedalam menu utama. Dan jika yang melakukan login adalah pelanggan, maka akan masuk kedalam menu utama pelanggan.
Gambar 4.3 Rancangan Halaman Login
b.
Rancangan Menu Utama Pelanggan Tampilan Halaman Menu Utama Pelanggan berfungsi untuk memilih form yang digunakan
pelanggan untuk memulai proses pengiriman barang.
Gambar 4.4 Rancangan Halaman Menu Utama Pelanggan
http://digilib.mercubuana.ac.id/
c.
Rancangan Menu Utama Tampilan Halaman Menu Utama berfungsi untuk memilih form yang digunakan staff
untuk
menginput data master dan proses pengiriman sampai menerbitkan invoice dan membuat laporan.
Gambar 4.5 Rancangan Halaman Menu Utama
d.
Rancangan Form Master User Tampilan Halaman Form Master User berfungsi untuk mengisi data user, ini digunakan oleh staff IT
dalam mengisi data user. Pada Form User terdapat lima tombol yaitu tambah, simpan, ubah, hapus, cari, tutup dan terdapat pilihan apakah user akan digunakan untuk Staff atau untuk Pelanggan. Tombol tambah berfungsi untuk menambah data user, tombol simpan berfungsi untuk menyimpan data user kedalam database, tombol ubah berfungsi untuk merubah data user, tombol hapus berfungsi untuk menghapus data user, tomol cari berfungsi untuk mecari data user berdasarkan user id, tombol tutup berfungsi untuk keluar dari form user.
http://digilib.mercubuana.ac.id/
Gambar 4.6 Rancangan Halaman Master User
e.
Rancangan Form Master Pelanggan Tampilan Halaman Form Master Pelanggan berfungsi untuk mengisi data pelanggan, ini digunakan
oleh staff Admin dalam mengisi data pelanggan. Pada Form Pelanggan terdapat enam tombol yaitu tambah, simpan, edit, hapus, cari, tutup. Tombol tambah berfungsi untuk menambah data pelanggan, tombol simpan berfungsi untuk menyimpan data pelanggan kedalam database, tombol ubah berfungsi untuk merubah data pelanggan, tombol hapus berfungsi untuk menghapus data pelanggan, tombol cari berffungsi untuk mecari data pelanggan berdasarkan kode pelanggan, tombol tutup berfungsi untuk keluar dari form pelanggan.
Gambar 4.7 Rancangan Halaman Master Pelanggan
http://digilib.mercubuana.ac.id/
f.
Rancangan Form Master Kota Tampilan Halaman Form Master Kota berfungsi untuk mengisi data kota, ini digunakan oleh staff IT
dalam mengisi data kota. Pada Form Kota terdapat lima tombol yaitu tambah, simpan, ubah, hapus, tutup. Tombol tambah berfungsi untuk menambah data kota, tombol simpan berfungsi untuk menyimpan data kota kedalam database, tombol ubah berfungsi untuk merubah data kota, tombol hapus berfungsi untuk menghapus data kota, tombol tutup berfungsi untuk keluar dari form kota.
Gambar 4.8 Rancangan Halaman Master Kota
g. Rancangan Form Kecamatan/ Kabupaten Tampilan Halaman Form Master Kecamatan/ Kabupaten berfungsi untuk mengisi data Kecamatan/ Kabupaten, ini digunakan oleh staff IT dalam mengisi data Kecamatan/ Kabupaten. Pada Form Kecamatan/ Kabupaten terdapat lima tombol yaitu tambah, simpan, ubah, hapus, tutup. Tombol tambah berfungsi untuk menambah data Kecamatan/ Kabupaten, tombol simpan berfungsi untuk menyimpan data Kecamatan/ Kabupaten kedalam database, tombol ubah berfungsi untuk merubah data Kecamatan/ Kabupaten, tombol hapus berfungsi untuk menghapus data Kecamatan/ Kabupaten, tombol tutup berfungsi untuk keluar dari form Kecamatan/ Kabupaten.
http://digilib.mercubuana.ac.id/
Gambar 4.9 Rancangan Halaman Master Kecamatan/ Kabupaten
h. Rancangan Form Services Tampilan Halaman Form Master Services berfungsi untuk mengisi data Services, ini digunakan oleh staff IT dalam mengisi data Services. Pada Form Services terdapat lima tombol yaitu tambah, simpan, ubah, hapus, tutup. Tombol tambah berfungsi untuk menambah data Services, tombol simpan berfungsi untuk menyimpan data Services kedalam database, tombol ubah berfungsi untuk merubah data Services, tombol hapus berfungsi untuk menghapus data Services, tombol tutup berfungsi untuk keluar dari form Services.
Gambar 4.10 Rancangan Halaman Master Services
i.
Rancangan Form Biaya Kirim Tampilan Halaman Form Master Biaya Kirim berfungsi untuk mengisi data Biaya Kirim, ini
digunakan oleh staff IT dalam mengisi data Biaya Kirim. Pada Form Biaya Kirim terdapat enam tombol
http://digilib.mercubuana.ac.id/
yaitu tambah, simpan, edit, hapus, cari, tutup. Tombol tambah berfungsi untuk menambah data Biaya Kirim, tombol simpan berfungsi untuk menyimpan data Biaya Kirim kedalam database, tombol ubah berfungsi untuk merubah data Biaya Kirim, tombol hapus berfungsi untuk menghapus data Biaya Kirim, tombol cari berfungsi untuk mecari data Biaya Kirim berdasarkan kode kota – kode kecamatan/ kabupaten – kode services, tombol tutup berfungsi untuk keluar dari form Biaya Kirim.
FORM MASTER BIAYA KIRIM
BIAYA KIRIM KOTA :
V
KECAMATAN/ KABUPATEN :
V
SERVICES :
V
BIAYA KIRIM :
TAMBAH
/KG
SIMPAN
UBAH
CARI
HAPUS
TUTUP
Gambar 4.11 Rancangan Halaman Master Biaya Kirim
j.
Rancangan Form Mengecek Biaya Pengiriman Tampilan Halaman Form Mengecek Biaya Pengiriman berfungsi mengecek biaya pengiriman, ini
digunakan oleh pelanggan dalam mengecek biaya pengiriman. Pada Form Services terdapat dua tombol yaitu cari dan tutup. tombol cari berfungsi untuk mecari data Biaya Kirim berdasarkan kode kota – kode kecamatan/ kabupaten – kode services – Berat Barang, tombol tutup berfungsi untuk keluar dari form Biaya Kirim dan tombol tutup berfungsi untuk keluar dari form mengecek biaya pengiriman.
http://digilib.mercubuana.ac.id/
Gambar 4.12 Rancangan Halaman Mengecek Biaya Pengiriman
k.
Rancangan Form Pengiriman Tampilan Halaman Form Pengiriman berfungsi menginput data pengiriman, ini digunakan oleh
pelanggan dalam menginput data pengiriman. Pada Form Pengiriman terdapat sembilan tombol, 4 tombol untuk pengirim, 3 tombol untuk operation dan 2 tombol untuk pengirim dan operation. Dimana fungsi dari masih-masing tombol yaitu, tombol tamah (pelanggan) untuk menbahkan data pengiriman. Tombol ubah (pelanggan) untuk mengubah data pengiriman, tombol simpan (pelanggan) untuk menyimpan data pengiriman kedalam database pengiriman, tombol cetak (pelanggan) untuk mencetak no e-airwaybill. Tombol ubah (operation) untuk megubah data berat pengiriman, tombol simpan (operation) untuk menyimpan data pengiriman, tombol cetak (operation) untuk mencetak detail pengiriman. Tombol cari (pelanggan & operation) untuk mencari data pengiriman berdasarkan no e-airwaybill , tombol tutup (pelanggan & operation) untuk keluar dari form pengiriman.
http://digilib.mercubuana.ac.id/
FORM PENGIRIMAN
PENGIRIMAN CARI
E-ARWAYBILL : KD PELANGGAN :
V
KOTA :
V
KECAMATAN/ KABUPATEN :
V
SERVICES :
V
TAMBAH
TUTUP
UBAH
TIPE :
V
/ KG
SIMPAN
PENGIRIM
DD/MM/YY
TANGGAL
CETAK
USER :
PENERIMA
NAMA :
NAMA :
ALAMAT :
ALAMAT :
TELPON :
TELPON :
BIAYA BIAYA TAMBAHAN :
BERAT : QTY :
BIAYA PENGIRIMAN :
UBAH
HARGA BARANG :
SIMPAN
CETAK
ASURANSI : USER :
Gambar 4.13 Rancangan Halaman Pengiriman
l.
Rancangan Form Unggah Tampilan Halaman Form Unggah berfungsi untuk mengunggah data pengiriman. digunakan oleh
pelanggan untuk mengunggah data pengiriman. pada form unggah terdapat 4 tombol yaitu tombol format data, unggah, simpan, cetak, tutup. Tombol format data berfungsi untuk mendownload format data yang akan digunakan untuk mengisi data pengiriman, tombol unggah berfungsi untuk mengunggah data pengiriman kedalam system dan menyimpan data kedalam database pengiriman. tombol cetak untuk mencetak no e-airwaybill atas data yang telah diunggah, tombol tutup untuk keluar dari form unggah.
http://digilib.mercubuana.ac.id/
Gambar 4.14 Rancangan Halaman Unggah
m.
Rancangan Form Invoice Tampilan Halaman Form Invoice berfungsi untuk membuat invoice. Digunakan oleh staff admin
untuk membuat invoice untuk pelanggan. Pada form invoice terdapat enam tombol yaitu cari, buat invoice, simpan, cetak, hapus, tutup. Tombol cari berfungsi untuk mencari data invoice berdasarkan no invoice, tombol buat invoice berfungsi untuk membuat invoice, tombol simpan berfungsi untuk menyimpan data invoice kedalam database invoice, tombol cetak untuk emcetak invoice, tombol hapus berfungsi untuk menghapus data invoice, tombol tutup berfungsi untuk keluar dari form invoice.
Gambar 4.15 Rancangan Halaman Invoice
http://digilib.mercubuana.ac.id/
n.
Rancangan Form Mencetak Laporan Pengiriman Tampilan Halaman Form Mencetak Laporan Pengiriman berfungsi untuk Mencetak Laporan
Pengiriman. Digunakan Staff Admin untuk Mencetak Laporan Pengiriman. pada Form Mencetak Laporan Pengiriman terdapat satu tombol cetak berfungsi untuk mencetak laporan pengiriman berdasarkan periode yang diinginkan.
Gambar 4.16 Rancangan Halaman Mencetak Laporan Pengiriman
o.
Rancangan Form Mencetak Rekap Invoice Tampilan Halaman Form Mencetak Rekap Invoice berfungsi untuk Mencetak Rekap Invoice.
Digunakan Staff Admin untuk Mencetak Rekap Invoice. pada Form Mencetak Rekap Invoice terdapat satu tombol cetak berfungsi untuk mencetak rekap invoice berdasarkan periode yang diinginkan.
Gambar 4.17 Rancangan Halaman Mencetak Rekap Invoice
http://digilib.mercubuana.ac.id/