PANDUAN APLIKASI

Module Front End

Versi 1.0

Oleh : Task Force Perhubungan Laut

DIREKTORAT JENDERAL
PERHUBUNGAN LAUT
KEMENTERIAN PERHUBUNGAN
2016
 DAFTAR ISI

DAFTAR GAMBAR......................................................................................2
1. Agen Pelayaran (AP)............................................................................5
1.1................................................................................................Layanan
5
1.2.......................................................................................Layanan PNBP
15
1.3............................................................................Pembatalan Layanan
16
1.4..............................................................................................Dokumen
16
2. Badan Usaha Pelabuhan (BUP)..............................................17
2.1 Layanan PNBP..................................................................................17
2.2 Layanan BUP....................................................................................21
3. Perusahaan Bongkar Muat (PBM)..........................................32
3.1 Layanan...........................................................................................32
4. Perusahaan Jasa Pelayanan Transportasi (JPT).......................35
4.1 Layanan Simpadu............................................................................35

Panduan Aplikasi FrontEnd Inaportnet Versi 1.0 1

 DAFTAR GAMBAR

Gambar 1: Halaman Login Aplikasi FrontEnd Inaportnet........................................4

Gambar 2: Beranda AP.......................................................................................... 5
Gambar 3: Buat Permintaan Layanan (Kedatangan)..............................................5
Gambar 4: Pengajuan Warta Kapal (Kedatangan)..................................................6
Gambar 5: Create Dokumen (Pilih Jenis Dokumen: DA-Dokumen Keagenan).........6
Gambar 6: Pengajuan Layanan.............................................................................. 7
Gambar 7: Daftar Permintaan Layanan.................................................................7
Gambar 8: Warta Kapal.......................................................................................... 8
Gambar 9: Warta Kapal Masuk............................................................................... 9
Gambar 10: Warta Kapal Masuk...........................................................................10
Gambar 11: Membuat Permohonan SPOG Kapal Baru.........................................11
Gambar 12: Permohonan SPOG...........................................................................12
Gambar 13: Membuat Permohonan SPOG...........................................................12
Gambar 14: Layanan Simpadu............................................................................ 13
Gambar 15: Buat Simpadu..................................................................................13
Gambar 16: Buat Simpadu..................................................................................14
Gambar 17: Upload Dokumen Syarat..................................................................14
Gambar 18: Upload Dokumen Syarat..................................................................14
Gambar 19: Upload Dokumen Berhasil................................................................15
Gambar 20: Billing PNBP...................................................................................... 15
Gambar 21: Detail Billing PNBP (Expand)............................................................16
Gambar 22: Permohonan Pembatalan Layanan...................................................16
Gambar 23: Create Permohonan Pembatalan Layanan.......................................16
Gambar 24: Create Dokumen..............................................................................17
Gambar 25: Beranda BUP.................................................................................... 17
Gambar 26: Halaman Billing Status PNBP............................................................18
Gambar 27: Invoice Detail................................................................................... 19
Gambar 28: File PDF Invoice PNBP.......................................................................20
Gambar 29: Export File........................................................................................ 20
Gambar 30: Form Pencarian................................................................................ 21
Gambar 31: Expand Data.................................................................................... 21
Gambar 32: Halaman Upload RPK-RO..................................................................22
Gambar 33: List Data RPK-RO..............................................................................22
Gambar 34: BUP Module...................................................................................... 23

Panduan Aplikasi FrontEnd Inaportnet Versi 1.0 2

Gambar 35: Daftar Data Rencana........................................................................23
Gambar 36: List Data RPK-RO..............................................................................24
Gambar 37: Membuat SPK Pandu........................................................................25
Gambar 38: Upload Data PPKB............................................................................ 25
Gambar 39: Upload File PPKB..............................................................................26
Gambar 40: Realisasi Pandu................................................................................ 26
Gambar 41: Detail Realisasi Pandu......................................................................27
Gambar 42: Entry Data Realisasi Pandu..............................................................28
Gambar 43: Realisasi Tunda................................................................................. 28
Gambar 44: Detail Realisasi Tunda......................................................................29
Gambar 45: Entry Data Realisasi Tunda...............................................................29
Gambar 46: Entry Data Realisasi Tambat............................................................30
Gambar 47: Detail Realisasi Tambat....................................................................30
Gambar 48: Entry Data Realisasi Tambat............................................................31
Gambar 49: Beranda PBM.................................................................................... 32
Gambar 50: Daftar RKBM..................................................................................... 32
Gambar 51: Update RKBM................................................................................... 33
Gambar 52: Daftar Time Sheet............................................................................33
Gambar 53: Create Time Sheet...........................................................................34
Gambar 54: Beranda JPT...................................................................................... 35
Gambar 55: Halaman Simpadu LAB.....................................................................35
Gambar 56: Detail LAB........................................................................................ 35
Gambar 57 : Halaman Upload Dokumen Persyaratan..........................................36
Gambar 58: Halaman Ubah Simpadu..................................................................36

Panduan Aplikasi FrontEnd Inaportnet Versi 1.0 3

Pada manual aplikasi ini, user dapat mengakses menggunakan browser ke
aplikasi FrontEnd Inaportnet dengan alamat:
[Link] kemudian muncul halaman login seperti
di bawah ini untuk setiap user:

Gambar 1: Halaman Login Aplikasi FrontEnd Inaportnet

Panduan aplikasi ini dibuat berdasarkan kategori dari user aplikasi yang
terdiri dari:
1. Agen Pelayaran (AP);
2. Badan Usaha Pelabuhan;
3. Perusahaan Bongkar Muat; dan
4. Perusahaan Jasa Pelayanan Transportasi.

Berikut ini penjelasan untuk masing-masing user.

Panduan Aplikasi FrontEnd Inaportnet Versi 1.0 4

1. Agen Pelayaran (AP)
Untuk user AP memiliki beranda dengan menu sebagai berikut:

Gambar 2: Beranda AP

[Link]
Pada menu ini memiliki sub menu sebagai berikut:
a. Datang/Berangkat
User dapat membuat permintaan layanan dengan klik pada icon

untuk layanan Kedatangan, sehingga muncul halaman

berikut ini:

Gambar 3: Buat Permintaan Layanan (Kedatangan)

Panduan Aplikasi FrontEnd Inaportnet Versi 1.0 5

 Lakukan pengisian semua field permintaan layanan kemudian tekan
button Kirim. Ketika nomor RPK/PKKA ditemukan maka akan
muncul halaman berikut ini:

Gambar 4: Pengajuan Warta Kapal (Kedatangan)

Isi field yang masih kosong dan pilih surat penunjukan yang dibuat
dengan melakukan klik pada tanda atau
pada menu Dokumen kemudian muncul halaman berikut ini:

Gambar 5: Create Dokumen (Pilih Jenis Dokumen: DA-Dokumen Keagenan)

Panduan Aplikasi FrontEnd Inaportnet Versi 1.0 6

 Setelah diisi lengkap dan di-upload kemudian tekan button Create
dan kembali ke halaman pada gambar 3 dan refresh, lanjutkan
memilih surat penunjukan dan tekan button Kirim. Muncul
halaman berikut ini:

Gambar 6: Pengajuan Layanan

Setelah berhasil disimpan maka akan muncul pada daftar

permintaan layanan seperti berikut ini:

Gambar 7: Daftar Permintaan Layanan

Pada Layanan ini, terdapat beberapa status proses:

1. Pengajuan Keagenan Terkirim, status ini menunggu persetujuan
dari aplikasi SPS
2. Buat Warta, telah disetujui dari aplikasi SPS. Ketika nomor
pelayanan memiliki status proses Buat Warta, maka klik status

Panduan Aplikasi FrontEnd Inaportnet Versi 1.0 7

 proses pada nomor layanan yang dimaksud. Sehingga muncul
halaman berikut ini:

Gambar 8: Warta Kapal

Lengkapi data-data yang dibutuhkan, untuk kolom dengan tanda *

adalah wajib diisi. Selanjutnya tekan button Update. Sehingga
muncul halaman pada gambar 10, lakukan data manifest, data
awak kapal, data muatan kapal, dokumen kapal dan bongkar
muat.

Panduan Aplikasi FrontEnd Inaportnet Versi 1.0 8

 Gambar 9: Warta Kapal Masuk

Panduan Aplikasi FrontEnd Inaportnet Versi 1.0 9

 3. Pengisian data awak kapal (Crewlist) dengan klik tombol create.

Gambar 10: Warta Kapal Masuk (Crewlist / data awak kapal)

Untuk input Nakhoda dan perwira dapat klik tombol Safe Manning dan
memasukkan nomor kode pelaut (seafarer code) yang terintegrasi dengan
aplikasi pelaut : [Link] kemudian klik tombol cari sebagai
berikut :

Untuk pengisian nakhoda wajib ceklist checkbox NAKHODA.

Panduan Aplikasi FrontEnd Inaportnet Versi 1.0 10

 Untuk pengisian ABK (Anak Buah Kapal) dan data awak kapal
lainnya dalam jumlah banyak dapat dilakukan dengan cara upload
data crewlist yang sudah diisi sebelumnya dengan menggunakan
format excel crewlist inaportnet yang sudah disediakan dengan
klik tombol ABK maka akan muncul tampilan untuk download
format crewlist yang telah disediakan, sebagai berikut :

4. Pengisian data manifest. Data manifest bongkar dan muat

dengan download format manifest yang telah disediakan
sesuai dengan jenis muatan cargo atau container sebagai
berikut :

Panduan Aplikasi FrontEnd Inaportnet Versi 1.0 11

 Untuk pengisian JENIS KEMASAN dapat diisi dengan kode jenis
kemasan sebagai berikut yang terdapat pada tab jenis_kemasan pada
format excel yang diberikan :
01 = Break Bulk
02 = Bag Cargo
03 = Unitized
04 = Curah Kering
05 = Curah Cair
06 = Petikemas Antar Pulau
07 = Tanpa Bongkar Muat
08 = Petikemas Internasional

Panduan Aplikasi FrontEnd Inaportnet Versi 1.0 12

 Pengisian Data Muatan Barang Berbahaya dengan klik tombol
create kemudian akan muncul halaman sebagai berikut :

Kemudian masukkan Nomor Bongkar Muat Barang Berbahaya yang

sudah disetujui oleh Syahbandar pada manual ini akan dijelaskan
untuk pengisian permohonan Layanan Bongkar Muat Barang
Berbahaya kepada Syahbandar.

Pengisian data penumpang dengan klik tombol Create. Kemudian

akan muncul halaman form sebagai berikut :

Pengisian SPB Asal Data Pelabuhan yang disinggahi sesuai trayek

Kapal. Sebagai berikut :

Kemudian akan tampil form pengisian data pelabuhan waktu

estimasi tiba dan waktu estimasi berangkat, sebagai berikut :

Panduan Aplikasi FrontEnd Inaportnet Versi 1.0 13

 Pengisian data dokumen kapal dengan cara klik tombol create
sebagai berikut :

Setelah itu munul form pengisian data dokumen sebagai berikut :

Pengisian data bongkar muat dengan klik tombol create dan isi
data bongkar muat yang akan dilakukan sebagai contoh berikut :

Panduan Aplikasi FrontEnd Inaportnet Versi 1.0 14

 Setelah data yang dibutuhkan sudah diisi semua dengan benar dan
sudah dilakukan pengecekan, Warta Kedatangan Kapal (Warta Kapal
Masuk) dapat dikirim.
b. SPS SPOG
Sub menu ini akan menampilkan halaman awal berikut:

Panduan Aplikasi FrontEnd Inaportnet Versi 1.0 15

 Gambar 12: Permohonan SPOG

Membuat data SPOG dengan klik pada button ini

sehingga mucul halaman berikut ini:

Gambar 10: Membuat Permohonan SPOG

Isi data-data yang dibutuhkan kemudian tekan button Simpan.

Setelah disimpan Data dapat dikirim dengan klik tombol Kirim.

Panduan Aplikasi FrontEnd Inaportnet Versi 1.0 16

 c. Layanan Simpadu
Pada layanan ini, akan muncul halaman sebagai berikut:

Gambar 11: Layanan Simpadu

Lakukan klik pada button Create untuk membuat layanan simpadu

yang baru. Adalah sebagai berikut:

Gambar 12: Buat Simpadu

Isi data Simpadu sesuai dengan kode layanannya yang terdiri dari
pilihan: SHS, Gandeng, Bunker, Gladak, BMBB, Salvage, dan Las
Darat. Kemudian tekan button Create, sehingga muncul halaman
berikut ini:

Panduan Aplikasi FrontEnd Inaportnet Versi 1.0 17

 Gambar 13: Buat Simpadu

Setelah data tersimpan, selanjutnya dapat dilakukan upload

dokumen syarat dengan menekan button

kemudian muncul halaman berikut ini:

Gambar 14: Upload Dokumen Syarat

Gambar 15: Upload Dokumen Syarat

Gambar 16: Upload Dokumen Berhasil

Panduan Aplikasi FrontEnd Inaportnet Versi 1.0 18

 Selain upload dokumen dapat juga dilakukan edit, hapus data dan
kirim data simpadu. Pada daftar simpadu terdapat status :
- belum terkirim, masih dapat di-edit dan dihapus
- sudah dikirim
- diterima

[Link] PNBP
Pada menu ini memiliki sub menu Billing PNBP, seperti halaman berikut
ini:

Gambar 17: Billing PNBP

Untuk meng-export data Billing PNBP, Klik tanda , maka akan

muncul pilihan format file export billing PNBP antara lain :
1. Klik HTML, untuk export ke file HTML;
2. Klik CSV, untuk export ke file .csv
3. Klik Teks, untuk export ke file .txt
4. Klik Excel, untuk export ke file .xls
5. Klik PDF, untuk export ke file .pdf
6. Klik JSON, untuk export ke file JSON
Jika ingin melihat dan cetak invoice dapat dilakukan dengan klik button
Tampilkan Invoice. Untuk melihat detail dari data billing dapat
dilakukan dengan klik button Expand seperti berikut ini:

Gambar 18: Detail Billing PNBP (Expand)

[Link] Layanan
Berikut adalah halaman awal pembatalan layanan:

Panduan Aplikasi FrontEnd Inaportnet Versi 1.0 19

 Gambar 19: Permohonan Pembatalan Layanan

Lakukan klik pada Create Pembatalan, muncul halaman berikut:

Gambar 20: Create Permohonan Pembatalan Layanan

1.4. Dokumen
Sub menu ini untuk membuat dan meng-upload jenis dokumen yang
dibutuhkan oleh Agen Pelayaran untuk jenis kategori dokumen yang
dimaksud:

Gambar 21: Create Dokumen

2. Badan Usaha Pelabuhan (BUP)

Untuk user BUP, berikut beranda dengan menu sebagai berikut:

Panduan Aplikasi FrontEnd Inaportnet Versi 1.0 20

 Gambar 22: Beranda BUP

2.1 Layanan PNBP

Pada menu ini terdapat sub menu Billing PNBP. Klik pada sub menu
Billing PNBP maka akan tampil halaman Billing Status PNBP sebagai
berikut :

Gambar 23: Halaman Billing Status PNBP

Pada halaman ini, user dapat melihat status Billing PNBP.

- Untuk melihat detail billing PNBP, klik tombol expand seperti pada
gambar berikut:
- Untuk menampilkan Invoice, Klik Tombol Tampilkan Invoice pada
kolom aksi di sebelah kanan. Maka akan tampil halaman invoice
sebagai berikut :

Panduan Aplikasi FrontEnd Inaportnet Versi 1.0 21

 Gambar 24: Invoice Detail

- Untuk mencetak Invoice, Klik Cetak Invoice PNBP. Maka akan muncul
Invoice PNBP dalam bentuk file PDF sebagai berikut :

Panduan Aplikasi FrontEnd Inaportnet Versi 1.0 22

 Gambar 25: File PDF Invoice PNBP

- Untuk meng-export data Billing PNBP, Klik tanda , maka akan

muncul pilihan format file export billing PNBP antara lain :
1. Klik HTML, untuk export ke file HTML;
2. Klik CSV, untuk export ke file .csv
3. Klik Teks, untuk export ke file .txt
4. Klik Excel, untuk export ke file .xls
5. Klik PDF, untuk export ke file .pdf
6. Klik JSON, untuk export ke file JSON

Gambar 26: Export File

Panduan Aplikasi FrontEnd Inaportnet Versi 1.0 23

 - Kemudian isikan form pencarian seperti gambar berikut, lalu klik tombol
cari.

Gambar 27: Form Pencarian

- Untuk menampilkan semua Billing PNBP, klik tombol Semua di pojok

kanan disebelah tombol expand.

Gambar 28: Expand Data

2.2 Layanan BUP

Pada menu ini terdapat beberapa sub menu, yaitu :
a. RPK-RO
Pada halaman RPK-RO, terdapat List Data RPK-RO.
- Untuk mengunduh Format Upload RPK-RO, klik Tombol
Download, kemudian isi Format Upload RPK-RO untuk Rapat
Bearthing sesuai form yang tersedia.
- Untuk mengupload Format Upload RPK-RO untuk Rapat
Bearthing yang sudah diisi oleh user, Klik tombol Upload
disebelah tombol download, kemudian Klik tombol Choose
File untuk memilih file yang akan di upload, kemudian klik

Panduan Aplikasi FrontEnd Inaportnet Versi 1.0 24

 Upload. Klik tombol Kembali untuk kembali.

Gambar 29: Halaman Upload RPK-RO

- Untuk mengetahui status RPK-RO, lihat pada kolom Status di

sebelah kanan.

Gambar 30: List Data RPK-RO

a) Status Proses, berarti dokumen RPK-RO masih dalam

proses, masih dapat diedit.

Klik tombol untuk mengupdate (mengupload gambar),

kemudian klik Update seperti gambar berikut :

Panduan Aplikasi FrontEnd Inaportnet Versi 1.0 25

 Gambar 31: BUP Module

Klik tombol untuk melihat data, kemudian muncul

Daftar Data RPK-RO. Klik tombol tambah untuk
menambah data. Untuk mengedit data PKK yang sudah
ditambahkan, klik tombol edit di kolom paling kanan.

Gambar 32: Daftar Data Rencana

Panduan Aplikasi FrontEnd Inaportnet Versi 1.0 26

 Klik tombol untuk mengirim Data RPK-RO. Ketika data
sudah dikirim, maka status akan berubah menjadi
Terkirim, dan data tidak dapat diubah. Perhatikan
gambar berikut.

Gambar 33: List Data RPK-RO

b) Status Approved, berarti data RPK-RO telah disetujui.

b. SPK Pandu
Pada halaman ini terdapat daftar SPK (Surat Perintah Kerja)
Pandu.
- Membuat SPK Pandu
Untuk membuat SPK Pandu, Klik tombol Membuat SPK
Pandu,

Gambar 34: Membuat SPK Pandu

Panduan Aplikasi FrontEnd Inaportnet Versi 1.0 27

 - Upload Data PPKB
Untuk melakukan upload data PKKB, Klik tombol Upload
Data PKKB. Klik tombol Choose File, pilih file yang akan
diupload, kemudian klik simpan. Format File yang diupload
adalah format .csv.
Untuk mendownload Format file .csv PKKB, Klik tombol
Download Format File .csv PPKB di bawah tombol
simpan.

Gambar 35: Upload Data PPKB

Gambar 36: Upload File PPKB

Panduan Aplikasi FrontEnd Inaportnet Versi 1.0 28

 c. Realisasi Pandu
Pada halaman awal pada menu ini, dapat dilihat dan dicari
realisasi pandu:

Gambar 37: Realisasi Pandu

Setelah klik Detail maka muncul halaman berikut ini:

Gambar 38: Detail Realisasi Pandu

Panduan Aplikasi FrontEnd Inaportnet Versi 1.0 29

 Kemudian klik Create Realisasi Tunda kemudian muncul
halaman seperti ini:

Gambar 39: Entry Data Realisasi Pandu

Kolom dengan tanda * adalah wajib isi, setelah data lengkap

klik Create untuk menyimpan datanya.

d. Realisasi Tunda
Pada halaman awal pada menu ini, dapat dilihat dan dicari
realisasi tunda:

Gambar 40: Realisasi Tunda

Panduan Aplikasi FrontEnd Inaportnet Versi 1.0 30

 Setelah klik Detail maka muncul halaman berikut ini:

Gambar 41: Detail Realisasi Tunda

Kemudian klik Create Realisasi Tunda kemudian muncul

halaman seperti ini:

Gambar 42: Entry Data Realisasi Tunda

Kolom dengan tanda * adalah wajib isi, setelah data lengkap

klik Create untuk menyimpan datanya.

Panduan Aplikasi FrontEnd Inaportnet Versi 1.0 31

 e. Realisasi Tambat
Pada halaman awal pada menu ini, dapat dilihat dan dicari
realisasi tambat:

Gambar 43: Entry Data Realisasi Tambat

Setelah klik Detail maka muncul halaman berikut ini:

Gambar 44: Detail Realisasi Tambat

Panduan Aplikasi FrontEnd Inaportnet Versi 1.0 32

 Kemudian klik Create Realisasi Tambat kemudian muncul
halaman seperti ini:

Gambar 45: Entry Data Realisasi Tambat

Kolom dengan tanda * adalah wajib isi, setelah data lengkap

klik Create untuk menyimpan datanya.

Panduan Aplikasi FrontEnd Inaportnet Versi 1.0 33

3. Perusahaan Bongkar Muat (PBM)
Untuk user PBM memiliki beranda aplikasi seperti dengan menu sebagai
berikut:

Gambar 46: Beranda PBM

3.1 Layanan
Menu ini memiliki sub menu:
a. RKBM
Pada halaman awal sub menu ini dapat dilihat daftar RKBM:

Gambar 47: Daftar RKBM

Panduan Aplikasi FrontEnd Inaportnet Versi 1.0 34

 Jika data dari Simpadu belum lengkap maka akan muncul icon
seperti gambar 49, kemudian lakukan klik Lengkapi RKBM
sehingga muncul halaman untuk unpdate RKBM. Isi semua
kolom yang bertanda *, klik Update.

Gambar 48: Update RKBM

b. Time Sheet
Pada halaman awal sub menu ini dapat dilihat daftar Time Sheet
yang telah dibuat:

Gambar 49: Daftar Time Sheet

Untuk menambahkan Time Sheet, lakukan seperti gambar di atas

kemudian muncul halaman berikut ini:

Panduan Aplikasi FrontEnd Inaportnet Versi 1.0 35

 Gambar 50: Create Time Sheet

Kolom dengan tanda * adalah wajib isi, setelah data lengkap klik
Create untuk menyimpan datanya.

Panduan Aplikasi FrontEnd Inaportnet Versi 1.0 36

4. Perusahaan Jasa Pelayanan Transportasi (JPT)
User JPT memiliki beranda aplikasi dengan menu sebagai berikut:

Gambar 51: Beranda JPT

4.1 Layanan Simpadu

Menu ini memiliki sub menu:
LAB (Laporan Angkutan Barang)
Pada halaman awal sub menu ini dapat dilihat data Simpadu
Laporan Angkutan Barang:

Gambar 52: Halaman Simpadu LAB

Klik pada icon (expand), untuk melihat detail dari data LAB
yang diinginkan:

Gambar 53: Detail LAB

Jika akan melakukan upload data maka klik icon pada baris
data yang diingikan kemudian muncul halaman berikut ini:

Panduan Aplikasi FrontEnd Inaportnet Versi 1.0 37

 Gambar 54 : Halaman Upload Dokumen Persyaratan
Untuk melakukan edit pada data yang masih belum lengkap

gunakan icon pada baris data yang diinginkan, sehingga

muncul halaman berikut ini:

Gambar 55: Halaman Ubah Simpadu

Lengkapi datanya, kemudian klik button Ubah. Sehingga data

tersimpan.

Panduan Aplikasi FrontEnd Inaportnet Versi 1.0 38