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

(1)

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

(2)

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

(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 Email : Alamat Email Customer

g. Fax : Alamat Fax Customer

(4)

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

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 :

(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.

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 ‘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

(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

10. Pilih service code yang ingin dibooking dengan mengklik service code yg tersedia 11. Isi owner dari cargo kapal

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’

(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

7. Pilih service code yang ingin dibooking dengan mengklik service code yg tersedia 8. Isi owner dari cargo

12. Kemudian isi berat commodity yg dibawa pada field weight ( tonnage)

Berikut keterangan gambar diatas

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

(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

No Booking Text Disable Keterangan no Booking yang diedit

(15)

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

(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

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.

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:

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 :

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

(20)

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.

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 :

Dropdown value kriteria filter

Dropdown Dropdown untuk menu pencarian

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

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)

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

(23)

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

(24)

Berikut keterangan dari gambar diatas :

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

(25)

Selain melakukan filter data, pengguna juga dapat melakukan :

5. Klik tombol View Project untuk melihat List Project yang akan diapprove

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

1. Dropdown yang terdapat pada data filter yang berfungsi sebagai pilihan value kriteria untuk search

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

(27)

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 :

(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

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 :

(29)

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

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