You are on page 1of 41

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 .............................................................................................................. 19
1.3. Pembatalan Layanan .................................................................................................... 20
1.4. Dokumen ...................................................................................................................... 20
2. Badan Usaha Pelabuhan (BUP) ................................................................................... 21
2.1 Layanan PNBP .............................................................................................................. 21
2.2 Layanan BUP................................................................................................................. 25
3. Perusahaan Bongkar Muat (PBM) ............................................................................... 36
3.1 Layanan ........................................................................................................................ 36
4. Perusahaan Jasa Pelayanan Transportasi (JPT) ............................................................ 39
4.1 Layanan Simpadu ......................................................................................................... 39

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 .............................................................. Error! Bookmark not defined.
Gambar 11: Membuat Permohonan SPOG Kapal Baru ........................... Error! Bookmark not defined.
Gambar 12: Permohonan SPOG............................................................................................................ 16
Gambar 13: Membuat Permohonan SPOG ........................................................................................... 16
Gambar 14: Layanan Simpadu .............................................................................................................. 17
Gambar 15: Buat Simpadu .................................................................................................................... 17
Gambar 16: Buat Simpadu .................................................................................................................... 18
Gambar 17: Upload Dokumen Syarat ................................................................................................... 18
Gambar 18: Upload Dokumen Syarat ................................................................................................... 18
Gambar 19: Upload Dokumen Berhasil ................................................................................................ 19
Gambar 20: Billing PNBP ....................................................................................................................... 19
Gambar 21: Detail Billing PNBP (Expand) ............................................................................................. 20
Gambar 22: Permohonan Pembatalan Layanan ................................................................................... 20
Gambar 23: Create Permohonan Pembatalan Layanan ....................................................................... 20
Gambar 24: Create Dokumen ............................................................................................................... 21
Gambar 25: Beranda BUP ..................................................................................................................... 21
Gambar 26: Halaman Billing Status PNBP ............................................................................................. 22
Gambar 27: Invoice Detail..................................................................................................................... 23
Gambar 28: File PDF Invoice PNBP ....................................................................................................... 24
Gambar 29: Export File ......................................................................................................................... 24
Gambar 30: Form Pencarian ................................................................................................................. 25
Gambar 31: Expand Data ...................................................................................................................... 25
Gambar 32: Halaman Upload RPK-RO .................................................................................................. 26

Panduan Aplikasi FrontEnd Inaportnet Versi 1.0 2


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

Panduan Aplikasi FrontEnd Inaportnet Versi 1.0 3


Pada manual aplikasi ini, user dapat mengakses menggunakan browser ke aplikasi FrontEnd
Inaportnet dengan alamat: https://inaportnet.dephub.go.id, 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:

Agen Pelayaran (AP);


Badan Usaha Pelabuhan;
Perusahaan Bongkar Muat; dan
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

1.1. Layanan
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

Panduan Aplikasi FrontEnd Inaportnet Versi 1.0 7


2. Buat Warta, telah disetujui dari aplikasi SPS. Ketika nomor pelayanan memiliki
status proses “Buat Warta”, maka klik status 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 :
http://pelaut.dephub.go.id 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 :

Panduan Aplikasi FrontEnd Inaportnet Versi 1.0 13


Kemudian akan tampil form pengisian data pelabuhan waktu estimasi tiba dan waktu
estimasi berangkat, sebagai berikut :

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

Setelah itu munul form pengisian data dokumen sebagai berikut :

Panduan Aplikasi FrontEnd Inaportnet Versi 1.0 14


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

Setelah data yang dibutuhkan sudah diisi semua dengan benar dan sudah dilakukan
pengecekan, Warta Kedatangan Kapal (Warta Kapal Masuk) dapat dikirim.

Panduan Aplikasi FrontEnd Inaportnet Versi 1.0 15


b. SPS SPOG
Sub menu ini akan menampilkan halaman awal berikut:

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

Panduan Aplikasi FrontEnd Inaportnet Versi 1.0 18


Gambar 16: Upload Dokumen Berhasil

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

1.2. Layanan 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

Panduan Aplikasi FrontEnd Inaportnet Versi 1.0 19


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)

1.3. Pembatalan Layanan


Berikut adalah halaman awal pembatalan layanan:

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:

Panduan Aplikasi FrontEnd Inaportnet Versi 1.0 20


Gambar 21: Create Dokumen

2. Badan Usaha Pelabuhan (BUP)


Untuk user BUP, berikut beranda dengan menu sebagai berikut:

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 :

Panduan Aplikasi FrontEnd Inaportnet Versi 1.0 21


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 22


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 23


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 :
Klik HTML, untuk export ke file HTML;
Klik CSV, untuk export ke file .csv
Klik Teks, untuk export ke file .txt
Klik Excel, untuk export ke file .xls
Klik PDF, untuk export ke file .pdf
Klik JSON, untuk export ke file JSON

Gambar 26: Export File

Panduan Aplikasi FrontEnd Inaportnet Versi 1.0 24


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

Panduan Aplikasi FrontEnd Inaportnet Versi 1.0 25


kemudian klik 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 26


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 27


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,

Panduan Aplikasi FrontEnd Inaportnet Versi 1.0 28


Gambar 34: Membuat SPK Pandu

- 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

Panduan Aplikasi FrontEnd Inaportnet Versi 1.0 29


Gambar 36: Upload File PPKB

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:

Panduan Aplikasi FrontEnd Inaportnet Versi 1.0 30


Gambar 38: Detail Realisasi Pandu

Panduan Aplikasi FrontEnd Inaportnet Versi 1.0 31


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 32


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 33


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 34


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 35


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 36


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 37


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 38


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

Panduan Aplikasi FrontEnd Inaportnet Versi 1.0 39


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

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 40