1. CIS
1.1 User Management
1.1.1 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 :
Fields
Tipe Button Sumber Keterangan
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
New Password Text Enabled Mandatory
Password baru yg ingin digunakan oleh pemilik akun
Confirn Password Text Enabled Mandatory
Ketik ulang password baru yg ingin digunakan\
1.1.2 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 Email : Alamat Email Customer - Fax : Alamat Fax Customer - NPWP : No NPWP Customer - Costumer Type : Jenis Customer - Contact Name : Nama Kontak Person Customer - Contact Person Email : Alamat Email Kontak Person Customer - Contact Phone No : Nomor Telepon Kontak Person Customer
Berikut ini keterangan gambar diatas
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 Email : Alamat Email Customer g. Fax : Alamat Fax Customer
h. NPWP : No NPWP Customer i. Contact Name : Nama Kontak Person Customer j. Contact Person Email : Alamat Email 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
1.2.1 New Booking
Pada Halaman ini customer membooking atas service-service yang disediakan oleh customer :
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.
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
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 ‘1’ 19. Kemudian isi berat commodity yg dibawa pada field weight ( tonnage)
3.1.1 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
3.1.2 Add New Commodity
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
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 ‘1’ 15. 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’
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 ‘1’ 12. 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
Pilihan Tipe Customer pemilik akun
Related Vessel Dropdown Enabled mandatory
Pilihan untuk booking menggunakan vessel atau tidak
Contract Dropdown Enable , mandatory
Keterangan booking dengan contract related atau tidak
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
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 :
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
Customers Text Disabled Nama perusahaan customer
Customer Type Dropdown Disable Mandatory
Pilihan Tipe Customer pemilik akun
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
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.
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
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 :
Untuk mencancel booking yang sudah dilakukan caranya adalah :
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
Halaman Pop up Remark Cancel
4. Klik Save untuk menyimpan Remark
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
1.2.3 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
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 :
5.2 Approve /Reject
Pada Halaman ini Customer menggapprove tarif yang disepakati dari booking yang sudah terverifikasi . Berikut tampilan halaman Tarif Approval :
Contoh view booking yang sudah
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
Contoh tarif approved pada booking
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
1.2.4 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 :
Pop Up yang muncul ketika klik Reject
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
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
View Button Melihat Project yang akan diapprove
Approve Button Untuk mengapprove Project yang nantinya akan menjadi PPJ
6.1.1 View
Apabila pengguna ingin melihat project yang akan diapprove terlebih dahulu klik tombol view pada halaman index view project , halamannya sebagai berikut :
6.1.2 Approve
Pada Halaman ini pengguna bisa mengapprove project yang nantinya akan menjadi PPJ atas booking , Halamannya sebagai berikut :
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
1.2.5 Tarif Info Pada halaman ini pengguna dapat melihat info tarif yang berlaku saat ini . 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
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