Pada Halaman ini user dapat mengganti password yang sudah ada dengan melakukan :

Transkripsi

1 1. CIS 1.1 User Management Change Password Pada Halaman ini user dapat mengganti password yang sudah ada dengan melakukan : 1. Isi field old password dengan password dengan password lama 2. Isi field new password dengan password baru yang diinginkan 3. Isi field Confirm password dengan password yang diinput pada field new password 4. Tekan tombol Save untuk menyimpan password baru Berikut keterangan gambar diatas : Tipe Button Sumber Keterangan Fields Username Text Disabled Username pemilik akun Realname Text Disabled Contact Name pemilik akun Old Password Text Enabled mandatory Password yg sekarang dipakai oleh pemilik akun

2 New Password Text Enabled Mandatory Confirn Password Text Enabled Mandatory Password baru yg ingin digunakan oleh pemilik akun Ketik ulang password baru yg ingin digunakan\ User Profile Pada halaman ini pengguna dapat melihat user profile yang sudah diisi, Informasi yang terdapat pada halaman ini adalah - Code : Kode Customer - Name : Nama Customer - Address : Alamat Customer - City : Kota Alamat Customer - Phone : Nomor Telepon Customer - Institution Alamat Customer - Fax : Alamat Fax Customer - NPWP : No NPWP Customer - Costumer Type : Jenis Customer - Contact Name : Nama Kontak Person Customer - Contact Person Alamat Kontak Person Customer - Contact Phone No : Nomor Telepon Kontak Person Customer Berikut ini keterangan gambar diatas

3 Fields Tipe Button Sumber Keterangan Edit Profile Button Masuk ke halaman Edit User profile Back Button Kembali ke halaman sebelumnya 2.1.Edit Profile Setelah pengguna melakukan klik tombol edit profile untuk mengedit user profile akan muncul halaman sebagai berikut : Langkah-langkah untuk mengedit user profile : 1. Edit field yg tersedia pada halaman edit profile, field yg bisa diedit : a. Code : Kode Customer b. Name : Nama Customer c. Address : Alamat Customer d. City : Kota Alamat Customer e. Phone : Nomor Telepon Customer f. Institution Alamat Customer g. Fax : Alamat Fax Customer

4 h. NPWP : No NPWP Customer i. Contact Name : Nama Kontak Person Customer j. Contact Person Alamat Kontak Person Customer Contact Phone No : Nomor Telepon Kontak Person Customer Tekan tombol Save untuk menyimpan data yang diedit. Untuk membatalkan edit user profile tekan tombol Cancel Berikut keterangan gambar diatas : Fields Tipe Button Sumber Keterangan Save Button Enable Menyimpan User profile yang telah diedit Cancel Button Enable Membatalkan Edit User Profile 1.2 Online Booking New Booking Pada Halaman ini customer membooking atas service-service yang disediakan oleh customer :

5 Pada halaman ini pengguna dapat melakukan filter sesuai : 1. Dropdown untuk memilih dasar untuk filter 2. Inputan Search untuk pengisian data yang dicari. 3. Add Line untuk menambah kriteria filter data, 4. Show All untuk menampilkan semua data setelah di filter. Selain melakukan filter data, pengguna juga dapat melakukan : 1. Klik tombol Add New untuk melakukan penambahan data. 2. Klik tombol Edit untuk melakukan Edit Booking 3. Klik tombol Delete untuk Menghapus data. 4. Klik tombol Delete Selected untuk menghapus record tertentu dengan memilih sebelumnya 5. Klik tombil View Untuk melihat booking 6. Klik tombol Print pdf untuk mengeksport data kedalam format pdf. 7. Klik tombol Print Excel untuk mengeksport data kedalam format excel. Berikut ini keterangan gambar diatas Fields Tipe Button Sumber Keterangan Dropdown Value Dropdown Dropdown untuk menu pencarian Bedasarkan Code, status dll.

6 Input Data Text Input data untuk pencarian Search Button Tombol Untuk Pencarian Record Show All Button Tombol untuk Show all Record Add Line Button Untuk menambah kriteria pencarian Print PDF Button Untuk meng-eksport data ke format pdf Print Excel Button Untuk meng-eksport data ke format Excel Add New Button Untuk membuat booking baru Edit Button Mengedit Booking 3.1 Agent, Vessel Related

7 Langkah-langkah untuk membooking :

8 1. Pilih Customer Type sebagai Agent 2. Pilih yes pada field related vessel 3. Pilih no Untuk customer yang tidak memiliki contract, apabila memiliki contract pilih yes 4. Isi field Vessel name dengan nama vessel 5. Pada field port cigading pilih dermaga yang ingin dibooking 6. Isi Port of loading pada field port of loading 7. Apabila memiliki voyage eksport, isi voyage eksport pada field voyage eksport 8. Apabila memiliki voyage eksport, isi voyage import pada field voyage import 9. Isi ETA (Estimate Arrival) pada field Estimate Arrival 10. Isi ETD (Estimate Departure) pada field Estimate Departure 11. Klik show template untuk menampilkan template booking 12. Klik pada pilihan template booking yg muncul 13. Setelah itu klik tombol generate, maka akan muncul service code yang bisa dibooking oleh customer 14. Pilih service code yang ingin dibooking dengan mengklik service code yg tersedia 15. Isi owner dari cargo kapal 16. Isi Tipe commodity ( Bulk, Break Bulk, dll ) pada field commodity type 17. Isi commodity yg dibawa pada field commodity 18. Kemudian isi berapa package yg ingin dibawa, khusus untuk tipe bulk isi defaultnya Kemudian isi berat commodity yg dibawa pada field weight ( tonnage) Add New Vessel Apabila pada list vessel tidak terdapat vessel yg ingin akan digunakan sebagai data booking, Langkahnya sebagai berikut : 1. Klik Add vessel pada halaman booking 2. Isi field Vessel call Sign dengan call sign kapal yang ingin sandar 3. Isi field Vessel Name dengan nama kapal 4. Klik save untuk menyimpan data kapal, Apabila ingin membatalkan klik close Add New Commodity

9 Apabila pada list commodity tidak terdapat commodity yang ingin digunakan sebagai data booking, maka costumer bisa menambahkannya dengan cara sebagai berikut : 1. Klik Add New Commodity pada halaman New booking 2. Isi field commodity dengan commodity yang ingin ditambahkan 3. Klik save untuk menyimpan data commodity, Apabila ingin membatalkan klik close 3.2 Consignee, Vessel Related

10 Langkah langkah untuk membooking :

11 1. Pilih Customer Type sebagai Cnee 2. Pilih yes pada field related vessel 3. Pilih no Untuk customer yang tidak memiliki contract, apabila memiliki contract pilih yes 4. Pilih Vessel yg sudah diverified bookingnya oleh agent ke pt kbs pada field vessel name 5. Apabila vessel memiliki voyage eksport, isi voyage eksport pada field voyage eksport yang sebelumnya sudah diinput saat Agent booking 6. Apabila vessel memiliki voyage eksport, isi voyage import pada field voyage import sebelumnya sudah diinput saat Agent booking 7. Klik show template untuk menampilkan template booking 8. Klik pada pilihan template booking yg muncul 9. Setelah itu klik tombol generate, maka akan muncul service code yang bisa dibooking oleh customer 10. Pilih service code yang ingin dibooking dengan mengklik service code yg tersedia 11. Isi owner dari cargo kapal 12. Isi Tipe commodity ( Bulk, Break Bulk, dll ) pada field commodity type 13. Isi commodity yg dibawa pada field commodity 14. Kemudian isi berapa package yg ingin dibawa, khusus untuk tipe bulk isi defaultnya Kemudian isi berat commodity yg dibawa pada field weight ( tonnage) 3.3 Consignee, Non Vessel Related Langkah langkah untuk membooking : 1. Pilih Customer Type sebagai Cnee

12 2. Pilih no pada field related vessel 3. Pilih no Untuk customer yang tidak memiliki contract, apabila memiliki contract pilih yes 4. Klik show template untuk menampilkan template booking 5. Klik pada pilihan template booking yg muncul 6. Setelah itu klik tombol generate, maka akan muncul service code yang bisa dibooking oleh customer 7. Pilih service code yang ingin dibooking dengan mengklik service code yg tersedia 8. Isi owner dari cargo 9. Isi Tipe commodity ( Bulk, Break Bulk, dll ) pada field commodity type 10. Isi commodity yg dibawa pada field commodity 11. Kemudian isi berapa package yg ingin dibawa, khusus untuk tipe bulk isi defaultnya Kemudian isi berat commodity yg dibawa pada field weight ( tonnage) Berikut keterangan gambar diatas Fields Tipe Button Sumber Keterangan Customers Text Disabled Nama perusahaan customer Customer Type Dropdown Enabled Mandatory Related Vessel Dropdown Enabled mandatory Contract Dropdown Enable, mandatory Vessel Name Text Enabled Mandatory Pilihan Tipe Customer pemilik akun Pilihan untuk booking menggunakan vessel atau tidak Keterangan booking dengan contract related atau tidak Input nama vessel yg digunakan Add Vessel Tombol Enabled Menambahkan nama vessel Voyage Export Text Enable Input voyage export Voyage Import Text Enable Input voyage import Estimate Arrival Date Picker Enable Menentukan tanggal estimate arrival vessel Estimate Arrival Date Picker Enable Menentukan tanggal estimate departure vessel Show Template Button Enable Menapilkan pilihan template booking Template Booking Checklist Enable Memilih template booking yg ingin ditampilkan

13 Generate Button Enable Menampilkan template booking yg sudah dipilih Browse Button Enable Memilih file yg diperlukan untuk diupload Add New Comodity Button Enable Menambahkan Commodity yg belum terdaftar Owner Text Enable Memilih pemilik commodity Commodity Type Text Enable Memilih jenis commodity Commodity Text Enable Memilih commodity Package Text Enable Input berapa jumlah package Weight ( Ton ) Text Enable Input jumlah berat commodity Insert Button Enable Memasukkan data commodity yg sudah diinput Save Button Enable Mengirim booking kepada pihak KBS sekaligus menyimpan data booking Cancel Button Enable Membatalkan booking. 3.4 Edit Booking Untuk mengedit booking yang sudah dilakukan, Klik Edit pada booking yang ingin diedit yang terdapat pada halaman index booking. Halamannya sebagai berikut :

14 Field Field yang bisa diedit : 1. Vessel Name 2. Port Cigading 3. Voyage Export 4. Voyage Import 5. Estimate Arrival 6. Estimate Departure 7. Owner ( Bisa ditambah dan didelete ) 8. Commodity Type 9. Commodity 10. Package 11. Tonage Berikut keterangan gambar diatas Fields Tipe Button Sumber Keterangan No Booking Text Disable Keterangan no Booking yang diedit

15 Customers Text Disabled Nama perusahaan customer Customer Type Dropdown Disable Pilihan Tipe Customer pemilik akun Mandatory Booking Date Text Disable Keterangan tanggal booking Related Vessel Dropdown Enabled mandatory Pilihan untuk booking menggunakan vessel atau tidak Contract Text Disable Keterangan booking dengan contract related atau tidak Contract No Text Disable Nomor Kontrak Customer Vessel Name Text Enabled Mandatory Input nama vessel yg digunakan Add Vessel Tombol Enabled Menambahkan nama vessel Voyage Export Text Enable Input voyage export Voyage Import Text Enable Input voyage import Estimate Arrival Date Picker Enable Menentukan tanggal estimate arrival vessel Estimate Arrival Date Picker Enable Menentukan tanggal estimate departure vessel Show Template Button Enable Menapilkan pilihan template booking Template Booking Checklist Enable Memilih template booking yg ingin ditampilkan Generate Button Enable Menampilkan template booking yg sudah dipilih Browse Button Enable Memilih file yg diperlukan untuk diupload Add New Comodity Button Enable Menambahkan Commodity yg belum terdaftar Owner Text Enable Memilih pemilik commodity Commodity Type Text Enable Memilih jenis commodity Commodity Text Enable Memilih commodity Package Text Enable Input berapa jumlah package Weight ( Ton ) Text Enable Input jumlah berat commodity

16 Insert Button Enable Memasukkan data commodity yg sudah diinput Save Button Enable Mengirim booking kepada pihak KBS sekaligus menyimpan data booking Cancel Button Enable Membatalkan booking.

17 1.2.2 Cancel By Customer Pada halaman ini pengguna dapat melakukan filter sesuai : 1. Pilihan value filter 2. Inputan Search untuk pengisian data yang dicari. 3. Add Line untuk menambah kriteria filter data, 4. Show All untuk menampilkan semua data setelah di filter. Selain melakukan filter data, pengguna juga dapat melakukan : 1. Klik tombol View untuk melihat detail booking. 2. Klik tombol Cancel untuk Membatalkan booking. 3. Klik tombol Print pdf untuk mengeksport data kedalam format pdf. 4. Klik tombol Print Excel untuk mengeksport data kedalam format excel. Berikut keterangan gambar diatas : Fields Tipe Button Sumber Keterangan Filter value Dropdown Enabled Value yang dijadikan dasar untuk filter Filter Input Text Enabled Field untuk input filter No Booking Url link Enabled Saat di klik akan masuk ke view booking sesuai no bookingnya View Button Enabled Membuka detail booking yang sudah dilakukan Cancel Button Enabled Mengcancel Booking

18 4.1 View Untuk melihat detail booking yang sudah dilakukan lakukan, halamannya sebagai berikut: Berikut keterangan gambar diatas : Fields Tipe Button Sumber Keterangan Back To Index Button Enabled Kembali ke halaman index cancel by customer 4.2. Cancel Ketika pengguna mengklik tombol cancel pada halaman index, maka halaman yang muncul adalah :

19 Untuk mencancel booking yang sudah dilakukan caranya adalah : Halaman Pop up Remark Cancel 1. Saat sudah dihalaman cancelbooking verifikasi terlebih dahulu data booking tersebut 2. Kemudian klik cancel untuk membatalkan booking 3. Kemudian akan muncul Form Remark untuk mengisi alasan kenapa membatalkan booking 4. Klik Save untuk menyimpan Remark

20 Berikut keterangan gambar diatas : Fields Tipe Button Sumber Keterangan Cancel Button Enabled Membatalkan booking Back to Index Button Enabled Kembali ke halaman index Save Button Enabled Menyimpan Remark yang sudah diinput Close Button Enable Menutup Pop Up Remark Tarif Approved Pada menu ini customer melakukan approval atas tarif yang diberikan oleh pihak KBS. Halamannya sebagai berikut : Pada halaman ini pengguna dapat melakukan filter sesuai : 1. Dropdown yang terdapat pada data filter yang berfungsi sebagai pilihan value kriteria untuk search 2. Inputan Search untuk pengisian data yang dicari. 3. Add Line untuk menambah kriteria filter data, 4. Show All untuk menampilkan semua data setelah di filter. 5. Print PDF untuk memprint hasil filter ke dokumen dengan format PDF 6. Print Excel untuk memprint hasil filter ke dokumen dengan format Excel Selain melakukan filter data, pengguna juga dapat melakukan : 1. Klik tombol View untuk melihat booking yang akan diapprove

21 2. Klik tombol Approve untuk melakukan approval atas booking yang sudah di verifikasi oleh marketing PT KBS Berikut ini keterangan dari gambar diatas : Fields Tipe Button Sumber Keterangan Dropdown value kriteria filter Dropdown Dropdown untuk menu pencarian Bedasarkan Code, status dll. Field Input Data Text Input data untuk pencarian Search Button Tombol Untuk Pencarian Data Show All Button Tombol untuk Show all Data Print PDF Button Tombol untuk memprint data ke format pdf Print Excel Button Tombol untuk memprint data ke format pdf Add Line Button Untuk menambah kriteria pencarian View Button Untuk melihat data booking yang sudah di verifikasi Approve Button Untuk approval atas booking yang sudah diverifikasi 5.1 View Pada halaman ini pengguna dapat melihat booking yang sudah diverifikasi oleh marketing KBS. Pengguna dapat mengklik button view pada daftar booking yang sudah dilakukan. Halamannya sebagai berikut :

22 Contoh view booking yang sudah 5.2 Approve /Reject Pada Halaman ini Customer menggapprove tarif yang disepakati dari booking yang sudah terverifikasi. Berikut tampilan halaman Tarif Approval :

23 Contoh tarif approved pada booking Langkah-langkah Approval Tarif 1. 1.Pada halaman index tarif approved, cari booking dengan status VERIFIED, kemudian klik Approve 2. Kemudian akan muncul halaman tarif approval, Klik Approve pada halaman tersebut 3. Apabila ingin mereject maka klik Reject, Kemudian isi remark pada pop up yang muncul lalu klik Save, apabila ingin membatalkan klik Close pada pop up tersebut 4. Apabila ingin kembali tanpa approval,klik Back To Index

24 Pop Up yang muncul ketika klik Reject Berikut keterangan dari gambar diatas : Fields Tipe Button Sumber Keterangan Approve Button Tombol untuk mengapprove booking dengan tarif yang sudah ditawarkan oleh pihak KBS Reject Button Tombol untuk mereject booking dengan tarif yang sudah ditawarkan oleh pihak KBS Back to Index Button Tombol kembali ke halaman index tarif approved Save Button Tombol menyimpan remark Close Button Tombol untuk menutup pop up saat reject sekaligus membatalkan reject tarif Project Approved Pada halaman ini Customer dapat mengapprove booking yang sudah dibuat Permintaan Pelayanan Jasanya ( PPJ ), jadi setiap PPJ yang akan terbit akan disapprove terlebih dahulu oleh customer, halaman indexnya sebagai berikut :

25 Pada halaman ini pengguna dapat melakukan filter sesuai : 5. Dropdown yang terdapat pada data filter yang berfungsi sebagai pilihan value kriteria untuk search 6. Inputan Search untuk pengisian data yang dicari. 7. Add Line untuk menambah kriteria filter data, 8. Show All untuk menampilkan semua data setelah di filter. Selain melakukan filter data, pengguna juga dapat melakukan : 5. Klik tombol View Project untuk melihat List Project yang akan diapprove Berikut ini keterangan gambar diatas Fields Tipe Button Sumber Keterangan Dropdown value kriteria filter Dropdown Dropdown untuk menu pencarian Bedasarkan Code, status dll. Field Input Data Text Input data untuk pencarian Search Button Tombol Untuk Pencarian Record Show All Button Tombol untuk Show all Record Add Line Button Untuk menambah kriteria pencarian View Project Button Melihat List Project yang akan diapprove

26 6.1 View Project Untuk Melihat Project yang akan diapprove oleh customer dari booking yang sudah dilakukan Pada halaman ini pengguna dapat melakukan filter sesuai : 1. Dropdown yang terdapat pada data filter yang berfungsi sebagai pilihan value kriteria untuk search 2. Inputan Search untuk pengisian data yang dicari. 3. Add Line untuk menambah kriteria filter data, 4. Show All untuk menampilkan semua data setelah di filter. Selain melakukan filter data, pengguna juga dapat melakukan : 1. Tombol View untuk melihat Project yang akan diapprove 2. Tombol Approve untuk Approve Project yang nantinya akan menjadi PPJ Berikut ini keterangan gambar diatas Fields Tipe Button Sumber Keterangan Dropdown value kriteria filter Dropdown Dropdown untuk menu pencarian Bedasarkan Code, status dll. Field Input Data Text Input data untuk pencarian Search Button Tombol Untuk Pencarian Record Show All Button Tombol untuk Show all Record Add Line Button Untuk menambah kriteria pencarian

27 View Button Melihat Project yang akan diapprove Approve Button Untuk mengapprove Project yang nantinya akan menjadi PPJ View Apabila pengguna ingin melihat project yang akan diapprove terlebih dahulu klik tombol view pada halaman index view project, halamannya sebagai berikut : Approve Pada Halaman ini pengguna bisa mengapprove project yang nantinya akan menjadi PPJ atas booking, Halamannya sebagai berikut :

28 Langkah-langkah mengapprove project : 1. Pada halaman index List Booking klik View Project 2. Pada List project yang ada klik Approve 3. Kemudian klik tombol Approve pada halaman yang muncul 4. Apabila ingin kembali ke halaman sebelumnya klik Back To Index Berikut ini keterangan gambar diatas Fields Tipe Button Sumber Keterangan Approve Button Tombol untuk mengapprove Project dari booking yang nantinya akan menjadi PPJ Back To Index Button Tombol Kembali ke halaman index sebelumnya Tarif Info Pada halaman ini pengguna dapat melihat info tarif yang berlaku saat ini. Halamannya sebagai berikut :

29 Pada halaman ini pengguna dapat melakukan filter sesuai : 1. Dropdown yang terdapat pada data filter yang berfungsi sebagai pilihan value kriteria untuk search 2. Inputan Search untuk pengisian data yang dicari. 3. Add Line untuk menambah kriteria filter data, 4. Show All untuk menampilkan semua data setelah di filter. 5. Print PDF untuk memprint hasil filter ke dokumen dengan format PDF 6. Print Excel untuk memprint hasil filter ke dokumen dengan format Excel Berikut ini keterangan gambar diatas Fields Tipe Button Sumber Keterangan Dropdown value kriteria filter Dropdown Dropdown untuk menu pencarian Bedasarkan Code, status dll. Field Input Data Text Input data untuk pencarian Search Button Tombol Untuk Pencarian Record Show All Button Tombol untuk Show all Record Add Line Button Untuk menambah kriteria pencarian Edit Button Untuk mengedit data master Add new Button Untuk menambahkan record data master country Print PDF Button Untuk memprint hasil filter ke format PDF Print Excel Button Untuk memprint hasil filter ke format Excel