Gambar 1 Layar Login. - Pada halaman ini, user diharuskan menginput username dan password. - Klik tombol login. Gambar 2 Layar Main Menu

Transkripsi

1 Untuk menjalankan aplikasi sistem basis data pada PT. Global Mandiri Transindo ini, dimulai dengan : 1) Membuka browser 2) Buka link 1. Gambar 1 Layar Login 2. - Pada halaman ini, user diharuskan menginput username dan password. - Klik tombol login. Gambar 2 Layar Main Menu

2 3. - Pada halaman main menu, terdapat 6 menu yang terdiri dari create si, view si, view do, view bl, view staff, view shipper. Gambar 3 Layar Create SI 4. - Pada halaman create si terdapat 4 submenu. Submenu tersebut merupakan tahapan-tahapan dalam pembuatan shipping instruction. Gambar 4 Layar Insert Shipper dari Create SI

3 - Halaman Insert Shipper berfungsi untuk memasukan shipper. - Memilih data shipper yang sudah terdaftar dalam basis data dengan mengklik tombol choose yang kemudian di-redirect ke halaman insert vendor. - Membuat shipper baru jika shipper untuk shipping instruction ini belum terdaftar di basis data dengan mengklik tombol new. - Melakukan pencarian data shipper berdasarkan shippername atau shipperaddress dengan mengklik tombol search. 5. Gambar 5 Layar New Shipper dari Create SI - Halaman New Shipper digunakan untuk memasukan shipper baru. - Dengan mengklik tombol submit, data shipper akan dimasukan ke basis data. - Dengan mengklik tombol back, user akan di-redirect ke halaman insert shipper.

4 6. Gambar 6 Layar Insert Vendor dari Create SI 7. - Halaman insert vendor berfungsi untuk memasukan vendor. - Memilih data vendor yang sudah terdaftar dalam basis data dengan mengklik tombol choose yang kemudian di-redirect ke halaman input s/i details. - Membuat vendor baru jika vendor untuk shipping instruction ini belum terdaftar di basis data dengan menklik tombol new. - Melakukan pencarian data vendor berdasarkan vendorname atau vendoraddress dengan mengklik tombol search. Gambar 7 Layar New Vendor dari Create SI

5 - Halaman new vendor digunakan untuk memasukan vendor baru. - Dengan mengklik tombol submit, data vendor akan dimasukan ke basis data. - Dengan mengklik tombol back, user akan di-redirect ke halaman insert vendor. 8. Gambar 8 Layar input S/I Details - Halaman input s/i details berfungsi untuk memasukan rincian shipping instruction. - Dengan mengklik tombol submit, data shipping instruction akan dimasukan ke basis data. - Dengan mengklik tombol back, user akan di-redirect ke halaman insert vendor. - Dengan mengklik tombol next, user akan di-redirect ke halaman input goods details.

6 9. Gambar 9 Layar input Goods Details - Halaman Input goods details berfungsi untuk memasukan rincian barang. - Dengan mengklik tombol submit, data barang akan dimasukan ke basis data. - Dengan mengklik tombol back, user akan di-redirect ke halaman input s/i details. 10. Gambar 10 Layar View SI - Halaman view si berfungsi menampilkan semua shipping instruction. - Tombol search berfungsi untuk mencari data shipping instruction berdasarkan shipper name. - Jika mengklik tombol detail akan di-redirect ke halaman detail si.

7 - Jika mengklik view goods akan di-redirect ke halaman view goods yang berhubungan dengan shipping instruction yang dipilih. - Jika mengklik attach do akan di-redirect ke halaman insert do. - Jika mengklik create bl akan di-redirect ke halaman insert bl. - Tombol attach do dan create bl hanya akan muncul jika dokumen delivery order atau bill of lading untuk shipping instruction belum dibuat sebelumnya. - Jika dokumen delivery order atau bill of lading sudah dibuat maka tombol attach do atau create bl akan menghilang. - Jika mengklik transaction akan di-redirect ke halaman transaction. - Tombol transaction hanya akan muncul jika delivery order atau bill of lading sudah dibuat sebelumnya untuk dokumen shipping instruction tersebut. - Jika mengklik delete akan menghapus shipping instruction yang dipilih. 11. Gambar 11 Layar Detail SI - Halaman detail si berfungsi untuk menampilkan detail shipping instruction beserta melakukan update pada data shipping instruction. - Jika mengklik tombol bl, akan di-redirect ke halaman detail bl yang berhubungan dengan shipping instruction yang sedang ditampilkan. - Jika mengklik tombol do, akan di-redirect ke halaman detail do yang berhubungan dengan shipping instruction yang sedang ditampilkan.

8 12. Gambar 12 Layar Detail Goods - Halaman detail goods berfungsi untuk menampilkan detail barang dari suatu transaksi yang didasarkan pada dokumen shipping instruction. - klik update untuk memperbarui data barang. 13. Gambar 13 Layar Attach DO - Halaman attach do berfungsi untuk memasukkan data delivery order

9 14. - Klik submit untuk menginput data delivery order Gambar 14 Layar Create BL - Halaman create bl berfungsi untuk memasukkan data bill of lading. - Klik submit untuk menginput data bill of lading. 15. Gambar 15 Layar Transaction - Halaman transaction berfungsi untuk menampilkan laporan gabungan data dari shipping instruction, delivery order dan bill of lading.

10 16. Gambar 16 Layar View DO - Halaman view do berfungsi menampilkan semua delivery order. - Tombol search berfungsi untuk mencari data delivery order berdasarkan do_id. - Jika mengklik tombol detail akan di-redirect ke halaman detail do. - Jika mengklik view s/i akan di-redirect ke halaman shipping instruction yang berhubungan dengan delivery order. yang dipilih. - Jika mengklik delete akan menghapus delivery order.yang dipilih. 17. Gambar 17 Layar Detail DO

11 - Halaman detail do berfungsi untuk menampilkan detail delivery order beserta melakukan update pada data delivery order. - Jika mengklik tombol si, akan di-redirect ke halaman detail si yang berhubungan dengan delivery order yang sedang ditampilkan. - Jika mengklik tombol bl, akan di-redirect ke halaman detail bl yang berhubungan dengan delivery order yang sedang ditampilkan. 18. Gambar 18 Layar Insert PL - Halaman insert pl digunakan oleh user jika hendak memasukkan data packing list ke dalam basis data. - Klik submit untuk menginput data packing list

12 19. Gambar 19 Layar Update PL - Halaman update pl digunakan oleh user jika hendak mengubah data packing list ke dalam basis data. - Klik submit untuk memperbarui data packing list 20. Gambar 20 Layar View BL

13 - Halaman view bl berfungsi menampilkan semua bill of lading. - Tombol search berfungsi untuk mencari data bill of lading berdasarkan bl_id dan date. - Jika mengklik tombol detail akan di-redirect ke halaman detail bl. - Jika mengklik view s/i akan di-redirect ke halaman si yang berhubungan dengan bill of lading yang dipilih. - Jika mengklik delete akan menghapus data bill of lading yang dipilih. 21. Gambar 21 Layar Detail BL - Halaman Detail BL berfungsi untuk menampilkan detail bill of lading beserta melakukan update pada data bill of lading. - Jika mengklik tombol print, user dapat melakukan pencetakan dokumen bill of lading. - Jika mengklik tombol si, akan di-redirect ke halaman detail si yang berhubungan dengan bill of lading yang sedang ditampilkan. - Jika mengklik tombol do, akan di-redirect ke halaman detail do yang berhubungan dengan bill of lading yang sedang ditampilkan

14 22. Gambar 22 Layar View Shipper - Halaman view shipper berfungsi menampilkan semua shipper. - Klik Search untuk mencari data shipper berdasarkan shippername. - Jika mengklik tombol detail akan di-redirect ke halaman detail shipper. - Jika mengklik delete akan menghapus shipper yang dipilih. - Jika mengklik tombol new akan di-redirect ke halaman create shipper. 23. Gambar 4.23 Layar Detail Shipper

15 - Halaman Detail Shipper berfungsi untuk menampilkan detail shipper beserta melakukan update pada data shipper. - Dengan mengklik tombol submit, data shipper akan diupdate ke basis data. - Dengan mengklik tombol back, user akan di-redirect ke halaman view shipper. 24. Gambar 24 Layar New Shipper - Halaman New Shipper digunakan untuk memasukan shipper baru. - Dengan mengklik tombol submit, data shipper akan dimasukan ke basis data. - Dengan mengklik tombol back,user akan di-redirect ke halaman view shipper. 25. Gambar 25 Layar View Staff

16 - Halaman View Staff berfungsi untuk menampilkan semua staff yang bekerja pada PT. Global Mandiri Transindo. - Tombol search berfungsi untuk mencari data staff berdasarkan staffid dan staffname. - Jika mengklik tombol detail akan di-redirect ke halaman detail staff. Jika mengklik delete akan menghapus staff yang dipilih. - Jika mengklik tombol new akan di-redirect ke halaman register. 26..Gambar 26 Layar Detail Staff - Halaman detail staff berfungsi untuk menampilkan staff dan melakukan update pada data staff. - Dengan mengklik tombol submit, data staff akan diupdate ke basis data. - Dengan mengklik tombol back, user akan di-redirect ke halaman view staff.

17 27. Gambar 27 Layar Register - Halaman register berfungsi mendaftarkan staff baru ke dalam sistem. - Dengan mengklik tombol submit, data staff yang baru akan dimasukkan ke basis data. - Halaman register hanya bisa diakses oleh admin. 28. Gambar 28 Layar Konfimasi Update - Halaman konfirmasi update berfungsi untuk meyakinkan user bahwa jika data yang hendak di update, sudah benar atau belum.

18 29. - Klik yes jika ingin memperbarui data - Klik no jika ingin membatalkan perbaharuan Gambar 29 Layar Konfimasi Delete - Halaman konfirmasi delete berfungsi untuk meyakinkan user bahwa jika data yang tersebut hendak dihapus. - Klik yes jika ingin menghapus data. - Klik no jika ingin membatalkan penghapusan.