Petunjuk Pemakaian Sistem Berikut ini adalah petunjuk pemakaian sistem dari aplikasi pengiriman barang PT. Buana Resota. Aplikasi ini dimulai dengan membuka browser, kemudian memasukkan alamat website. Setelah itu maka pengguna akan langsung dibawa ke layar login.
Gambar : Tampilan halaman login
Pada halaman login, user memasukan username dan password, kemudian klik tombol login untuk menuju halaman utama web.
Gambar : Tampilan halaman login yang error
Jika user melakukan kesalahan pada inputannya, maka sistem akan menampilkan pesan kesalahan. Beranda Jika pada halaman layar utama user memilih menu Beranda pada menu utama maka akan tampil layar beranda
Gambar : Tampilan halaman Beranda
Pada halaman ini user dapat melihat slide show/profile PT Buana Resota
Form Pembayaran Jika pada halaman layar utama user memilih menu Form pada menu utama maka akan tampil layar Form Pembayaran.
Gambar : Tampilan halaman Form Pembayaran
Pada halaman ini user memasukkan data customer yang akan mengirimkan barangnya. Semua form harus diisi sesuai petunjuk, jika ada form yang tidak terisi maka akan muncul pesan kesalahan Data Transaksi Non Approval Jika pada halaman layar utama user memilih submenu Data Transaski Non Approval pada menu utama maka akan tampil layar Data Transaski Non Approval.
Gambar : Tampilan halaman Data Transaksi Non Approval
Pada halaman ini akan menampilkan data yang telah diisi pada “Form Pembayaran”. Data yang terakhir masuk akan tampil pada kolom teratas, sistem akan menampilkan paging jika data yang masuk lebih dari 10. Setiap baris dari tabel terdapat 3 buah link yaitu:
1. Detail : link ke halaman “Detail Data Transaksi Non Approval” yang berisi tentang detail dari dari data setiap customer yang melakukan transaksi 2. Hapus : link untuk menghapus data transaksi 3. Siap : link untuk mengupdate status data transaksi menjadi “Siap Approve”
Detail Data Transaksi Jika pada halaman layar Data Transaksi Non Approval user memilih link maka akan tampil layar Detail Data Transaksi.
Gambar : Tampilan halaman Detail Data Transaksi
Pada halaman ini akan menampilkan detail data transaksi dari setiap customer. Terdapat 2 buah button yaitu: Edit : button untuk menampilkan link “Edit Data Transaksi” Back : button untuk kembali ke halaman “Data Transaksi Non Approval”
Edit Data Transaksi Jika pada halaman Detail Data Transaksi user memilih menu Edit maka akan tampil layar Edit Data Transaksi
Gambar : Tampilan halaman Edit Data Transaksi
Pada halaman ini user dapat merubah data customer kecuali nomor resi. Semua form harus diisi sesuai petunjuk, jika ada form yang tidak terisi maka akan muncul pesan kesalahan. Terdapat button “Submit” untuk menginput data yang telah diubah dan link “back” untuk kembali ke halaman “Data Transaksi Non Approval” Approval Jika pada halaman layar utama user memilih submenu Approval pada menu utama maka akan tampil layar Approval.
Gambar : Tampilan halaman Approval
Pada halaman ini akan menampilkan data transaksi yang berstatus “Siap Approve”. Setiap baris dari tabel terdapat 3 buah link yaitu:
1. Detail : link ke halaman “Detail Data Transaksi Approval” yang berisi tentang detail dari dari data setiap customer yang melakukan transaksi 2. Tolak : link untuk mengupdate data transaksi menjadi “Belum Siap” jika masih terdapat kesalahan dalam pengisian data 3. Approve : link untuk mengupdate status data transaksi menjadi “Approve”
Detail Data Transaksi Jika pada halaman Approval user memilih link Detail maka akan tampil layar Detail Data Transaksi.
Gambar : Tampilan halaman Detail Data Transaksi
Pada halaman ini akan menampilkan detail data transaksi dari setiap customer. Terdapat button “Back” untuk kembali ke halaman “Approval”.
Data Transaksi Terkirim Jika pada halaman layar utama user memilih submenu Terkirim pada menu utama maka akan tampil layar Data Transaksi Terkirim.
Gambar : Tampilan halaman Data Transaksi Terkirim
Pada halaman ini menampilkan data transaksi yang berstatus “Approve”. Setiap baris dari tabel terdapat 2 buah link yaitu: 1. Edit : link untuk menampilkan halaman “Edit Data Terkirim” 2. Sukses : link untuk mengupdate data transaksi menjadi “Sukses” jika barang sudah sampai ke pelanggan di kota tujuan. Data hanya bisa diupdate jika user telah memasukkan tanggal terima pada halaman “Edit Data Terkirim”. Jika tanggal terima belum dimasukkan akan muncul pesan eror.
Edit Data Terkirim Jika pada halaman Data Transaksi Terkirim user memilih link Edit maka akan tampil layar Edit Data Terkirim.
Gambar : Tampilan halaman Edit Data Terkirim
Pada halaman ini user dapat merubah status biaya dan memasukkan tanggal terima sebelum merubah status data transaksi menjadi “ Sukses”
Laporan Jika pada halaman layar utama user memilih submenu Laporan pada menu utama maka akan tampil layar Laporan.
Gambar : Tampilan halaman Laporan
Pada halaman ini menampilkan data transaksi yang berstatus “Sukses” atau yang telah sukses terkirim. Terdapat button “Cetak” yang berguna untuk mencetak data dalam format .xls/Excel.
Gambar : Tampilan lembar cetak Laporan
Ini adalah tampilan lembar cetak Laporan yang diproses dari database dalam format .xls/Excel.
Laporan Per Kota Jika pada halaman layar utama user memilih submenu Laporan Per Kota pada menu utama maka akan tampil layar Laporan Per Kota.
Gambar : Tampilan halaman Laporan Per Kota Pada halaman ini menampilkan data transaksi yang berstatus “Sukses” atau yang telah sukses terkirim. Terdapat button “Cetak” yang berguna untuk mencetak data dalam format .xls/Excel dan button “Kota” untuk memilih data berdasarkan kota yang diinginkan.
Gambar : Tampilan lembar cetak Laporan Per Kota
Ini adalah tampilan lembar cetak Laporan Per Kota yang diproses dari database dalam format .xls/Excel.
Pengaturan User Jika pada halaman layar utama user memilih submenu User pada menu utama maka akan tampil layar Pengaturan User.
Gambar : Tampilan halaman Pengaturan User
Halaman ini menampilkan Username dan Password semua user. Setiap baris terdapat link “Edit” untuk menampilkan halaman “Edit User”.
Edit User Jika pada halaman Pengaturan User user memilih link Edit maka akan tampil layar Edit User.
Gambar : Tampilan halaman Edit User
Pada halaman ini user dapat merubah password yang lama dengan password yang baru. Jika button “Submit” ditekan dan kolom password belum terisi makan akan muncul pesan eror.
Pengaturan Kota dan Biaya Jika pada halaman layar utama user memilih submenu Kota dan Biaya pada menu utama maka akan tampil layar Pengaturan Kota dan Biaya
Gambar : Tampilan halaman Pengaturan Kota dan Biaya
Pada halaman ini menampilkan kota tujuan beserta biaya/ongkos kirim. Terdapat 1 button dan 2 buah link pada setiap barisnya yaitu: 1. Tambah : button ini akan menampilkan halaman “Tambah Kota dan Biaya” 2. Edit : link ini akan menampilkan halaman “Edit Kota dan Biaya” 3. Hapus : link ini akan menghapus data kota dan biaya yang dipilih
Tambah Kota dan Biaya Jika pada halaman Pengaturan Kota dan Biaya user memilih link Tambah maka akan tampil layar Tambah Kota dan Biaya.
Gambar : Tampilan halaman Tambah Kota dan Biaya
Pada halaman ini user dapat menambahkan data kota tujuan beserta biaya/ongkos kirim yang baru. Jika menekan button “Submit” dan salah satu kolom belum terisi maka akan muncul pesan eror.
Edit Kota dan Biaya Jika pada halaman Pengaturan Kota dan Biaya user memilih link Edit maka akan tampil layar Edit Kota dan Biaya
Gambar : Tampilan halaman Edit Kota dan Biaya
Pada halaman ini user dapat merubah data biaya/ongkos kirim yang lama dengan yang baru sesuai kota yang dipilih. Jika menekan button “Submit” dan kolom biaya belum terisi maka akan muncul pesan eror.
Pengaturan Kapal Jika pada halaman layar utama user memilih submenu Kapal pada menu utama maka akan tampil layar Pengaturan Kapal.
Gambar : Tampilan halaman Pengaturan Kapal
Pada halaman ini menampilkan nama kapal yang digunakan untuk mengirim barang sampai ke kota tujuan. Terdapat 1 button dan 2 buah link pada setiap barisnya yaitu: 1. Tambah : button ini akan menampilkan halaman “Tambah Kapal” 2. Edit : link ini akan menampilkan halaman “Edit Kapal” 3. Hapus : link ini akan menghapus data kapal yang dipilih.
Tambah Kapal Jika pada halaman Pengaturan Kapal user memilih link Tambah maka akan tampil layar Tambah Kapal.
Gambar : Tampilan halaman Tambah Kapal
Pada halaman ini user dapat menambahkan data kapal yang akan digunakan. Jika menekan button “Submit” dan kolom kapal belum terisi maka akan muncul pesan eror.
Edit Kapal Jika pada halaman Pengaturan Kapal user memilih link Edit maka akan tampil layar Edit Kapal.
Gambar : Tampilan halaman Edit Kapal
Pada halaman ini user dapat merubah nama kapal yang lama dengan yang baru sesuai kapal yang dipilih. Jika menekan button “Submit” dan kolom kapal belum terisi maka akan muncul pesan eror.
