Anda di halaman 1dari 272

DOKUMEN USER GUIDE

Aplikasi Web Kemitraan SPBU


Calon Mitra dengan Tipe Badan Usaha Perseroan Terbatas (PT) dan Koperasi

1|Aplikas i Web Kemitraan S PBU


OVERVIEW

User Manual Guide Aplikasi Web Registrasi Online Kemitraan SPBU ini disusun untuk
memudahkan pengguna dalam melakukan pengisian Aplikasi Registrasi Online
Kemitraan SPBU. Dengan adanya User Manual Guide ini Calon Mitra diharapkan dapat
memahami dalam pengisian Aplikasi Web Registrasi Online Kemitraan SPBU.

User Manual Guide Registrasi Online Kemitraan SPBU dapat digunakan sebagai acuan
bagi pengguna dalam penggunaannya.

Buku ini berisi cara pendaftaran, pemilihan lokasi, pengisian data, informasi terkait
pendaftaran lainnya. Buku manual ini dapat digunakan sebagai acuan serta informasi
untuk proses pendaftaran Kemitraan SPBU secara online oleh Calon Mitra.

2|Aplikas i Web Kemitraan S PBU


Daftar Isi

OVERVIEW ............................................................................................................................................................... 2
Daftar Isi ................................................................................................................................................................... 3
Daftar Gambar ........................................................................................................................................................... 6
1. Registrasi Akun dan Login .............................................................................................................................. 18
1.1 Registrasi Akun PT .................................................................................................................................. 19
1.2 Login - PT................................................................................................................................................ 39
1.3 Registrasi Akun Koperasi ........................................................................................................................ 45
1.4 Login - Koperasi ...................................................................................................................................... 64
A. Halaman Index Dashboard Calon Mitra .......................................................................................................... 70
B. Halaman Detail ................................................................................................................................................ 82
C. Aturan Upload File .......................................................................................................................................... 88
2. Persetujuan Prinsip .......................................................................................................................................... 93
2.1 Create RPJ ............................................................................................................................................... 94
2.2 Create Persetujuan Prinsip PT ............................................................................................................... 105
2.2.1 Data Pengusaha PT ........................................................................................................................ 105
2.2.2 Data Perusahaan PT ....................................................................................................................... 113
2.2.3 Data Tata Letak PT ........................................................................................................................ 122
2.3 Create Persetujuan Prinsip Koperasi ...................................................................................................... 135
2.3.1 Data Pengusaha Koperasi .............................................................................................................. 135
2.3.2 Data Perusahaan Koperasi ............................................................................................................. 141
2.3.3 Data Tata Letak Koperasi .............................................................................................................. 149
3. Verifikasi Dokumen Awal ............................................................................................................................. 160
3.1 Lolos Verifikasi Dokumen .................................................................................................................... 160
3.2 Gagal Verifikasi Dokumen .................................................................................................................... 160
3.3 Revise (Revisi) ....................................................................................................................................... 161
4. Biaya Verifikasi ............................................................................................................................................. 163
4.1 Lolos ...................................................................................................................................................... 165
4.2 Revise (Revisi) ....................................................................................................................................... 165
4.3 Gagal ..................................................................................................................................................... 166
5. Proses Persetujuan Prinsip ............................................................................................................................. 167

3|Aplikas i Web Kemitraan S PBU


6. Verifikasi Kelengkapan Dokumen ................................................................................................................. 168
6.1 Tipe Badan Usaha PT ............................................................................................................................ 169
a. Data Pengusaha PT ................................................................................................................................ 169
b. Data Perusahaan PT ............................................................................................................................... 169
c. Data Tata Letak PT ................................................................................................................................ 173
6.2 Tipe Badan Usaha Koperasi .................................................................................................................. 175
a. Data Pengusaha Koperasi ...................................................................................................................... 175
b. Data Perusahaan Koperasi ..................................................................................................................... 176
c. Data Tata Letak Koperasi ...................................................................................................................... 177
7. Approval Verifikasi Kelengkapan Dokumen ................................................................................................. 179
7.1 Lolos Verfikasi Kelengkapan Dokumen ................................................................................................ 179
7.2 Revise (Revisi) ....................................................................................................................................... 179
7.3 Tidak Lolos Verifikasi Kelengkapan Dokumen ..................................................................................... 182
8. Initial Fee Pembayaran .................................................................................................................................. 183
1) Initial Fee Rp400.000.000 ......................................................................................................................... 183
a. Approval Revisi ..................................................................................................................................... 185
b. Approval Setuju ..................................................................................................................................... 186
2) Initial Fee Rp150.000.000 ......................................................................................................................... 186
a. Approval Revisi ..................................................................................................................................... 189
b. Approval Setuju ..................................................................................................................................... 190
3) Initial Fee Rp0 ........................................................................................................................................... 191
4) Expired Pembayaran dan Kesanggupan ..................................................................................................... 193
5) Initial Fee Pengajuan Dibatalkan ............................................................................................................... 194
D. Pengunduran Diri .......................................................................................................................................... 196
9. Kelengkapan Dokumen Perizinan ................................................................................................................. 199
a. Pengisian dengan Kondisi Sesuai .............................................................................................................. 202
b. Pengisian dengan Kondisi Tidak Sesuai .................................................................................................... 204
10. Kickoff Meeting ......................................................................................................................................... 209
10.1 Pemilihan Konsultan.............................................................................................................................. 211
10.2 Pemilihan Kontraktor ............................................................................................................................ 213
10.3 Konfirmasi Kehadiran Kickoff .............................................................................................................. 215
a. Bisa........................................................................................................................................................ 215
b. Tidak Bisa ............................................................................................................................................. 216
10.4 Hasil Konfirmasi Kehadiran Kickoff ..................................................................................................... 217

4|Aplikas i Web Kemitraan S PBU


a. Tidak Bisa ............................................................................................................................................. 217
b. Bisa........................................................................................................................................................ 219
11. Hasil Kickoff Meeting ............................................................................................................................... 220
12. Pengajuan Layout ...................................................................................................................................... 221
12.1 Pemilihan Konsultan.............................................................................................................................. 222
12.2 Pemilihan Kontraktor ............................................................................................................................ 224
1) Revisi ........................................................................................................................................................ 226
i. Revisi HSSE .......................................................................................................................................... 227
ii. Revisi RPD ............................................................................................................................................ 228
2) Layak ......................................................................................................................................................... 228
13. Pengajuan DED ......................................................................................................................................... 229
13.1 Pemilihan Konsultan.............................................................................................................................. 231
13.2 Pemilihan Kontraktor ............................................................................................................................ 232
1) Revisi ........................................................................................................................................................ 234
i. Revisi HSSE .......................................................................................................................................... 237
ii. Revisi RPD ............................................................................................................................................ 237
2) Layak ......................................................................................................................................................... 237
14. Progres Pembangunan 50% ....................................................................................................................... 238
1) Revisi ........................................................................................................................................................ 240
i. Revisi HSSE .......................................................................................................................................... 240
ii. Revisi RPD ............................................................................................................................................ 241
2) Layak ......................................................................................................................................................... 242
15. Progres Pembangunan 100% ..................................................................................................................... 243
1) Revisi ........................................................................................................................................................ 257
i. Revisi HSSE .......................................................................................................................................... 257
ii. Revisi RPD ............................................................................................................................................ 257
iii. Revisi Internal Kemitraan .................................................................................................................. 258
2) Layak ......................................................................................................................................................... 259
16. Kontrak ...................................................................................................................................................... 260
1) Revisi ........................................................................................................................................................ 260
17. Penyampaian Teradispenser ...................................................................................................................... 265
1) Revisi Teradispenser ................................................................................................................................. 268
18. Surat Izin Operasi ...................................................................................................................................... 270

5|Aplikas i Web Kemitraan S PBU


Daftar Gambar

Gambar 1. Halaman Registrasi Kemitraan SPBU .................................................................................................. 18


Gambar 2. Data Dropdown Kolom "Tipe Badan Usaha" Registrasi Kemitraan SPBU-PT .................................... 19
Gambar 3. Popup Window Upload Registrasi Kemitraan SPBU - PT .................................................................... 20
Gambar 4. Popup Warning Message File Format Registrasi Kemitraan SPBU - PT ............................................. 20
Gambar 5. Popup Warning Message Length File Name Registrasi Kemitraan SPBU - PT .................................... 21
Gambar 6. Popup Warning Message File Size Registrasi Kemitraan SPBU - PT ................................................... 21
Gambar 7. Data Dropdown Kolom Input "Jabatan Pengusaha" Registrasi Kemitraan SPBU - PT ....................... 22
Gambar 8. Format Password pada Form Registrasi Calon Mitra - Kemitraan SPBU ........................................... 23
Gambar 9. Password Tidak Sesuai dengan Kriteria - Kemitraan SPBU ................................................................. 24
Gambar 10. Popup Persyaratan Pengajuan Pendirian SPBU - Kemitraan SPBU .................................................. 25
Gambar 11. Prosedur Pengajuan Pendirian SPBU - Kemitraan SPBU .................................................................. 26
Gambar 12. Submit Registrasi - Kemitraan SPBU .................................................................................................. 27
Gambar 13. Verifikasi Captcha Registrasi Akun - Kemitraan SPBU ...................................................................... 27
Gambar 14. Verifikasi Captcha Tidak Sesuai - Kemitraan SPBU ........................................................................... 28
Gambar 15. Verifikasi Kembali Captcha - Kemitraan SPBU .................................................................................. 28
Gambar 16. Halaman Registrasi Kemitraan SPBU ................................................................................................ 29
Gambar 17. Warning Message Halaman Registrasi Kemitraan SPBU - PT ........................................................... 30
Gambar 18. Warning Message Data Duplikat Halaman Registrasi Kemitraan SPBU - PT.................................... 31
Gambar 19. Popup Registrasi Berhasil - Kemitraan SPBU .................................................................................... 32
Gambar 20. Halaman Verifikasi Email Registrasi - Kemitraan SPBU.................................................................... 32
Gambar 21. Laman Verifikasi Email saat Menekan "Telusuri Halaman Verifikasi" - Kemitraan SPBU ................ 33
Gambar 22. Popup Kode OTP Verifikasi Email Berhasil Dikirim - Kemitraan SPBU-PT ...................................... 34
Gambar 23. Laman Verifikasi Email saat Menekan "Telusuri Halaman Verifikasi" - Kemitraan SPBU ................ 34
Gambar 24. Popup Reset Password Registrasi Kemitraan SPBU ........................................................................... 35
Gambar 25. Flash Message Password Telah Dirubah Verifikasi Email - Kemitraan SPBU ................................... 35
Gambar 26. Verifikasi Email Registrasi Kemitraan SPBU ..................................................................................... 36
Gambar 27. Warning Message Verifikasi Akun Registrasi Kemitraan SPBU-PT ................................................... 36
Gambar 28. Verifikasi Email Kode OTP Tidak Sesuai - Kemitraan SPBU ............................................................. 37
Gambar 29. Verifikasi Email Password Tidak Sesuai - Kemitraan SPBU .............................................................. 37
Gambar 30. Warning Message Verifikasi Email OTP & Password Tidak Sesuai - Kemitraan SPBU..................... 38
Gambar 31. Dashboard Registrasi Web Kemitraan SPBU ..................................................................................... 38
Gambar 32. Halaman Login Registrasi Web Kemitraan SPBU .............................................................................. 39
Gambar 33. Halaman Lupa Password Registrasi Web Kemitraan SPBU ............................................................... 39
Gambar 34. Pilih Kemitraan Kemitraan SPBU-PT ................................................................................................. 40
Gambar 35. Verifikasi Captcha Reset Password saat Login - Kemitraan SPBU .................................................... 40
Gambar 36. Warning Message “Email Tidak Ditemukan” Registrasi Web Kemitraan SPBU-PT .......................... 41
Gambar 37. Flash Message Password Berhasil Dirubah Registrasi Web Kemitraan SPBU .................................. 41
Gambar 38. Tekan “Menuju Aplikasi” Sistem Membawa ke Laman Login - Kemitraan SPBU .............................. 42
Gambar 39. Verifikasi Captcha saat Login - Kemitraan SPBU .............................................................................. 43
Gambar 40. Warning Message Login Registrasi Kemitraan SPBU-PT................................................................... 44
Gambar 41. Halaman Index Dashboard Calon Mitra Kemitraan SPBU-PT........................................................... 44

6|Aplikas i Web Kemitraan S PBU


Gambar 42. Data Dropdown Kolom "Tipe Badan Usaha" Registrasi Kemitraan SPBU-Koperasi ........................ 45
Gambar 43. Popup Window Upload Registrasi Kemitraan SPBU - Koperasi ........................................................ 46
Gambar 44. Popup Warning Message File Format Registrasi Kemitraan SPBU - Koperasi.................................. 46
Gambar 45. Popup Warning Message Length File Name Registrasi Kemitraan SPBU - Koperasi ........................ 47
Gambar 46. Popup Warning Message File Size Registrasi Kemitraan SPBU - Koperasi ....................................... 47
Gambar 47. Data Dropdown Kolom Input "Jabatan Pengusaha" Registrasi Kemitraan SPBU - Koperasi............ 48
Gambar 48. Format Password pada Form Registrasi Calon Mitra - Kemitraan SPBU ......................................... 49
Gambar 49. Password Tidak Sesuai dengan Kriteria - Kemitraan SPBU ............................................................... 50
Gambar 50. Popup Persyaratan Pengajuan Pendirian SPBU - Kemitraan SPBU .................................................. 51
Gambar 51. Prosedur Pengajuan Pendirian SPBU - Kemitraan SPBU .................................................................. 52
Gambar 52. Submit Registrasi - Kemitraan SPBU .................................................................................................. 53
Gambar 53. Verifikasi Captcha Registrasi Akun - Kemitraan SPBU ...................................................................... 53
Gambar 54. Verifikasi Captcha Tidak Sesuai - Kemitraan SPBU ........................................................................... 53
Gambar 55. Verifikasi Kembali Captcha - Kemitraan SPBU .................................................................................. 54
Gambar 56. Halaman Registrasi Kemitraan SPBU ................................................................................................ 54
Gambar 57. Warning Message Halaman Registrasi Kemitraan SPBU - Koperasi ................................................. 55
Gambar 58. Warning Message Data Duplikat Halaman Registrasi Kemitraan SPBU - ......................................... 56
Gambar 59. Popup Registrasi Berhasil - Kemitraan SPBU .................................................................................... 57
Gambar 60. Halaman Verifikasi Email Registrasi - Kemitraan SPBU.................................................................... 57
Gambar 61. Laman Verifikasi Email saat Menekan "Telusuri Halaman Verifikasi" - Kemitraan SPBU ................ 58
Gambar 62. Popup Kode OTP Verifikasi Email Berhasil Dikirim - Kemitraan SPBU-KOPERASI ........................ 59
Gambar 63. Laman Verifikasi Email saat Menekan "Telusuri Halaman Verifikasi" - Kemitraan SPBU ................ 59
Gambar 64. Popup Reset Password Registrasi Kemitraan SPBU - KOPERASI ..................................................... 60
Gambar 65. Flash Message Password Telah Dirubah Verifikasi Email - Kemitraan SPBU ................................... 60
Gambar 66. Verifikasi Email Registrasi Kemitraan SPBU ..................................................................................... 61
Gambar 67. Warning Message Verifikasi Akun Registrasi Kemitraan SPBU-KOPERASI...................................... 61
Gambar 68. Verifikasi Email Kode OTP Tidak Sesuai - Kemitraan SPBU ............................................................. 62
Gambar 69. Verifikasi Email Password Tidak Sesuai - Kemitraan SPBU .............................................................. 62
Gambar 70. Warning Message Verifikasi Email OTP & Password Tidak Sesuai - Kemitraan SPBU..................... 63
Gambar 71. Dashboard Registrasi Web Kemitraan SPBU ..................................................................................... 63
Gambar 72. Halaman Login Registrasi Web Kemitraan SPBU .............................................................................. 64
Gambar 73. Halaman Lupa Password Registrasi Web Kemitraan SPBU ............................................................... 64
Gambar 74. Pilih Kemitraan Kemitraan SPBU....................................................................................................... 65
Gambar 75. Verifikasi Captcha Reset Password saat Login - Kemitraan SPBU .................................................... 65
Gambar 76. Warning Message “Email Tidak Ditemukan” Registrasi Web Kemitraan SPBU ................................ 66
Gambar 77. Flash Message Password Berhasil Dirubah Registrasi Web Kemitraan SPBU .................................. 66
Gambar 78. Tekan “Menuju Aplikasi” Sistem Membawa ke Laman Login - Kemitraan SPBU .............................. 67
Gambar 79. Verifikasi Captcha saat Login - Kemitraan SPBU .............................................................................. 68
Gambar 80. Warning Message Login Registrasi Kemitraan SPBU-KOPERASI ..................................................... 69
Gambar 81. Halaman Index Dashboard Calon Mitra Kemitraan SPBU-KOPERASI ............................................. 69
Gambar 82. Halaman Index - Kemitraan SPBU ..................................................................................................... 70
Gambar 83. Halaman Index dengan Pengajuan Berulang - Kemitraan SPBU ....................................................... 70
Gambar 84. Dropdown Navigation User - Kemitraan SPBU .................................................................................. 71
Gambar 85. Halaman Profil Calon Mitra - Kemitraan SPBU ................................................................................ 71

7|Aplikas i Web Kemitraan S PBU


Gambar 86. Tampilan saat Menekan Button Update Profil - Kemitraan SPBU...................................................... 72
Gambar 87. Tampilan Setelah Melakukan Update Profil - Kemitraan SPBU ......................................................... 73
Gambar 88. Tampilan Setelah Menekan Pengajuan - Kemitraan SPBU ................................................................. 73
Gambar 89. Logout Kembali Ke Laman Login Web Kemitraan SPBU ................................................................... 74
Gambar 90. Pencarian Menggunakan Search Bar Kriteria Tidak Sesuai - Kemitraan SPBU ................................ 74
Gambar 91. Pencarian Menggunakan Search Bar Kriteria Sesuai - Kemitraan SPBU .......................................... 75
Gambar 92. Sebelum Fungsi Short By Diterapkan Berdasarkan Tanggal Pengajuan - Kemitraan SPBU.............. 75
Gambar 93. Setelah Fungsi Short By Diterapkan Berdasarkan Tanggal Pengajuan - Kemitraan SPBU ............... 76
Gambar 94. Dropdown Pagination - Kemitraan SPBU .......................................................................................... 76
Gambar 95. Contoh Memilih 10 pada Dropdown Pagination - Kemitraan SPBU .................................................. 77
Gambar 96. Pagination 2 - Kemitraan SPBU ......................................................................................................... 77
Gambar 97. Melihat Detail Pengajuan - Kemitraan SPBU ..................................................................................... 78
Gambar 98. Melihat Detail Pengajuan - Kemitraan SPBU ..................................................................................... 79
Gambar 99. Index Detail Pengajuan Sebelum Dihapus- Kemitraan SPBU............................................................. 79
Gambar 100. Index Detail Pengajuan Setelah Dihapus - Kemitraan SPBU ........................................................... 80
Gambar 101. Index Detail Pengajuan Setelah Dihapus - Kemitraan SPBU ........................................................... 80
Gambar 102. Halaman Pendaftaran Lokasi RPJ - Kemitraan SPBU...................................................................... 81
Gambar 103. Halaman Pendaftaran Lokasi RPJ - Kemitraan SPBU...................................................................... 81
Gambar 104. Contoh Halaman Detail Pengajuan Calon Mitra - Kemitraan SPBU ............................................... 82
Gambar 105. Kembali ke Halaman Index - Kemitraan SPBU ................................................................................. 83
Gambar 106. Saat Menekan Expand - Kemitraan SPBU ........................................................................................ 84
Gambar 107. Saat Menekan Collapse - Kemitraan SPBU ...................................................................................... 84

Gambar 108. Tampilan Peta saat Menekan - Kemitraan SPBU ................................................................... 84

Gambar 109. Tampilan Peta saat Menekan - Kemitraan SPBU ................................................................... 85


Gambar 110. Tampilan Penuh Layar Peta - Kemitraan SPBU ............................................................................... 85
Gambar 111. Tampilan Steer View saat Pegman Ditarik - Kemitraan SPBU ......................................................... 86
Gambar 112. Sebelum Menekan Tombol Perbesar - Kemitraan SPBU ................................................................... 86
Gambar 113. Setelah Menekan Tombol Perbesar - Kemitraan SPBU .................................................................... 86
Gambar 114. Sebelum Menekan Tombol Perkecil - Kemitraan SPBU .................................................................... 87
Gambar 115. Setelah Menekan Tombol Perbesar - Kemitraan SPBU .................................................................... 87
Gambar 116. Popup Warning Message File Format - Kemitraan SPBU ................................................................ 88
Gambar 117. Popup Warning Message File Format - Kemitraan SPBU ................................................................ 88
Gambar 118. Popup Warning Message File Format - Kemitraan SPBU ................................................................ 89
Gambar 119. Popup Warning Message Length File Name Format Registrasi Kemitraan SPBU ........................... 89
Gambar 120. Popup Warning Message File Size Format - Kemitraan SPBU......................................................... 90
Gambar 121. Upload File lebih dari 10 MB dalam Beberapa File - Kemitraan SPBU .......................................... 90
Gambar 122. Popup Warning Message File Size Format - Kemitraan SPBU......................................................... 91
Gambar 123. Upload File lebih dari 20 MB dalam Beberapa File - Kemitraan SPBU .......................................... 91
Gambar 124. Popup Warning Message File Size Format - Kemitraan SPBU......................................................... 91
Gambar 125. Upload File lebih dari 50 MB dalam Beberapa File - Kemitraan SPBU .......................................... 92
Gambar 126. Progress Bar saat Upload File - Kemitraan SPBU ........................................................................... 92
Gambar 127. Halaman Index Persetujuan Prinsip Kemitraan SPBU ..................................................................... 94
Gambar 128. Pilih Kemitraan pada Saat Tekan Pengajuan Baru - Kemitraan SPBU ............................................ 94

8|Aplikas i Web Kemitraan S PBU


Gambar 129. Halaman Create RPJ Kemitraan SPBU ............................................................................................ 95
Gambar 130. Data Dropdown Kolom Provinsi Kemitraan SPBU ........................................................................... 96
Gambar 131. Generate Map Data Dropdown Kolom Provinsi Kemitraan SPBU ................................................... 96
Gambar 132. Data Dropdown Kolom Kota/Kabupaten Kemitraan SPBU .............................................................. 97
Gambar 133. Generate Map Data Dropdown Kolom Kota/Kabupaten Kemitraan SPBU ...................................... 97
Gambar 134. Data Dropdown Kolom Kecamatan Kemitraan SPBU ...................................................................... 98
Gambar 135. Generate Map Data Dropdown Kolom Kecamatan Kemitraan SPBU .............................................. 98
Gambar 136. Data Dropdown Kolom Desa/Kelurahan Kemitraan SPBU .............................................................. 99
Gambar 137. Generate Map Data Dropdown Kolom Desa/Kelurahan Kemitraan SPBU ...................................... 99
Gambar 138. Generate Alamat Map & Kolom Lat Long Kemitraan SPBU .......................................................... 100
Gambar 139. Data Dropdown Kolom Jenis Penyalur SPBU Kemitraan SPBU .................................................... 101
Gambar 140. Data Dropdown Kolom Jenis Penyalur SPBU Kemitraan SPBU .................................................... 101
Gambar 141. Alert&Flash Message Titik Pengajuan ± 1 KM dengan Mitra/Calon Mitra Lainnya - Kemitraan
SPBU ..................................................................................................................................................................... 102
Gambar 142. Popup Informasi jangka waktu Pengisian Persetujuan Prinsip - Kemitraan SPBU ........................ 102
Gambar 143. Generate Baris Data Halaman Index Persetujuan Prinsip Kemitraan SPBU ................................. 103
Gambar 144. Halaman Create Persetujuan Prinsip Kemitraan SPBU ................................................................. 104
Gambar 145. Warning Message Halaman Create RPJ Kemitraan SPBU ............................................................. 105
Gambar 146. Halaman Create Persetujuan Prinsip Form Input Data Pengusaha - Kemitraan SPBU ................. 106
Gambar 147. Popup Window Upload Form Input Data Pengusaha Kemitraan SPBU ......................................... 107
Gambar 148. Popup Warning Message File Format Form Input Pengusaha - Kemitraan SPBU......................... 107
Gambar 149. Popup Warning Message Length File Name Form Input Pengusaha - Kemitraan SPBU ............... 108
Gambar 150. Popup Warning Message File Size Form Input Pengusaha - Kemitraan SPBU .............................. 108
Gambar 151. Date Picker Form Data Pengusaha Kemitraan SPBU .................................................................... 108
Gambar 152. Data Dropdown Kolom Pendidikan Formal Form Data Pengusaha Kemitraan SPBU .................. 109
Gambar 153. Tambah Data Deposito / Giro / Tabungan Form Data Pengusaha Kemitraan SPBU ..................... 109
Gambar 154. Hapus Data Deposito / Giro / Tabungan Form Data Pengusaha Kemitraan SPBU ....................... 110
Gambar 155. Flash Message & Alert Saat Menekan Simpan - Kemitraan SPBU ................................................. 110
Gambar 156. Halaman Create Persetujuan Prinsip Form Data Perusahaan Kemitraan SPBU ........................... 111
Gambar 157. Warning Message Create Persetujuan Prinsip Form Data Pengusaha Kemitraan SPBU .............. 112
Gambar 158. Halaman Create Persetujuan Prinsip Form Input Data Pengusaha Kemitraan SPBU ................... 113
Gambar 159. Alert Data Prusahaan - Kemitraan SPBU ....................................................................................... 114
Gambar 160. Tampilan Identitas Perusahaan Kemitraan SBPU .......................................................................... 115
Gambar 161. Data Dropdown Jenis Usaha Kemitaan SPBU ................................................................................ 115
Gambar 162.Tampilan Pilihan “Lainnya” pada Jenis Usaha Kemitraan SPBU .................................................. 116
Gambar 163.Warning Message pada Textboxt Jenis Usaha Lainnya - Kemitraan SPBU ..................................... 116
Gambar 164. Opsi Memilih “Tidak” Kemitraan SPBU ........................................................................................ 116
Gambar 165. Memilih Opsi "Ya" Kemitraan SPBU .............................................................................................. 116
Gambar 166. List Dropdown "Bidang Usaha" Kemitraan SPBU ......................................................................... 117
Gambar 167. Opsi Memilih “Ya” Kemitraan SPBU ............................................................................................. 117
Gambar 168. Data Dropdown "Jenis Usaha Lain" Kemitraan SPBU................................................................... 117
Gambar 169. Pengisian Susunan Direksi - Kemitraan SPBU ............................................................................... 118
Gambar 170. Kepemilikan Saham - Kemitraan SPBU .......................................................................................... 118
Gambar 171. Kepemilikan Saham - Kemitraan SPBU .......................................................................................... 119

9|Aplikas i Web Kemitraan S PBU


Gambar 172. Kolom untuk Menambahkan Pemegang Saham - Kemitraan SPBU ................................................ 119
Gambar 173. Warning Message Kepemilikan Saham Kurang dari 100% - Kemitaan SPBU................................ 119
Gambar 174.Warning Message Kepemilikan Saham Lebih dari 100% - Kemitaan SPBU.................................... 119
Gambar 175.Warning Message Kepemilikan Saham 100% - Kemitaan SPBU ..................................................... 120
Gambar 176. Tampilan Dokumen Perusahaan - Kemitraan SPBU ....................................................................... 120
Gambar 177. Tambah Data Deposito / Giro / Tabungan Form Data Pengusaha Kemitraan SPBU ..................... 121
Gambar 178. Hapus Data Deposito / Giro / Tabungan Form Data Pengusaha Kemitraan SPBU ....................... 121
Gambar 179. Flash Message & Alert Saat Menekan Simpan - Kemitraan SPBU ................................................. 122
Gambar 180. Tampilan Data Tata Letak Kemitraan SPBU .................................................................................. 123
Gambar 181. Warning Message pada Data Tata Letak Kemitraan SPBU ............................................................ 124
Gambar 182. Lebar dan Panjang Lahan - Kemitraan SPBU ................................................................................ 125
Gambar 183. Posisi Lahan Memilih Pada Kolom Foto yang Tersedia Kemitraan SPBU ..................................... 125
Gambar 184. Tampilan Pemilihan Posisi Lahan Jenis "Lainnya" Kemitraan SPBU ............................................ 126
Gambar 185. Bentuk Lahan Memilih Pada Kolom Foto yang Tersedia Kemitraan SPBU.................................... 126
Gambar 186. Tampilan Pemilihan Bentuk Lahan Jenis "Lainnya" Kemitraan SPBU ........................................... 126
Gambar 187. Tampilan Dropdown Jenis Jalan Berdasarkan Hak Pengguna Kemitraan SPBU ........................... 127
Gambar 188. Tampilan Dropdown Permukaan Jalan Kemitraan SPBU .............................................................. 127
Gambar 189. Tampilan Topografi Kelas Lahan Kemitraan SPBU ....................................................................... 127
Gambar 190. Tampilan List Dropdown Jenis Kawasan Kemitraan SPBU ............................................................ 128
Gambar 191. Warning Message Pengisian Nama Jenis Kawasan - Kemitraan SPBU.......................................... 128
Gambar 192. Tampilan Dropdown Tipe Lahan Kemitraan SPBU ........................................................................ 128
Gambar 193. Tampilan Dropdown Status Jalan Kemitraan SPBU ....................................................................... 128
Gambar 194.Tampilan List Dropdown Kelas Jalan Kemitraan SPBU .................................................................. 129
Gambar 195. Pengisian Mandatory pada Kempemilikan dan Optional pada Penguasaaan Lahan - Kemitraan
SPBU ..................................................................................................................................................................... 129
Gambar 196. Data Dropdown Status Kepemilikan Lahan Kemitraan SPBU ........................................................ 129
Gambar 197. Sertifikat Penguasaan Kepemilikan Lahan Kemitraan SPBU ......................................................... 130
Gambar 198. Dropdown Status Kepemilikan Lahan - Kemitraan SPBU .............................................................. 130
Gambar 199. Tampilan Kepemilikan Sertifikat Hak Milik Kemitraan SPBU ........................................................ 131
Gambar 200. Tampilan Kepemilikan SHGB Kemitraan SPBU ............................................................................. 131
Gambar 201. Tampilan Kepemilikan SHGU Kemitraan SPBU ............................................................................. 131
Gambar 202. Tampilan Kepemilikan SHPL Kemitraan SPBU .............................................................................. 132
Gambar 203. Pernyataan pada Checkbox Persetujuan Prinsip - Kemitraan SPBU.............................................. 132
Gambar 204. Enable Submit pada Persetujuan Prinsip - Kemitraan SPBU ......................................................... 133
Gambar 205. Tampilan Berhasil Submit Data Pedaftaran Kemitraan SPBU ....................................................... 133
Gambar 206. Halaman Index Setelah Submit Persetujuan Prinsip - Kemitraan SPBU ........................................ 134
Gambar 207. Halaman Create Persetujuan Prinsip Form Input Data Pengusaha - Kemitraan SPBU ................. 135
Gambar 208. Popup Window Upload Form Input Data Pengusaha Kemitraan SPBU ......................................... 136
Gambar 209. Popup Warning Message File Format Form Input Pengusaha - Kemitraan SPBU........................ 136
Gambar 210. Popup Warning Message Length File Name Form Input Pengusaha - Kemitraan SPBU ............... 137
Gambar 211. Popup Warning Message File Size Form Input Pengusaha - Kemitraan SPBU .............................. 137
Gambar 212. Date Picker Form Data Pengusaha Kemitraan SPBU .................................................................... 137
Gambar 213. Data Dropdown Kolom Pendidikan Formal Form Data Pengusaha Kemitraan SPBU .................. 138
Gambar 214. Tambah Data Deposito / Giro / Tabungan Form Data Pengusaha Kemitraan SPBU ..................... 138

10 | A p l i k a s i W e b K e m i t r a a n S P B U
Gambar 215. Hapus Data Deposito / Giro / Tabungan Form Data Pengusaha Kemitraan SPBU ....................... 139
Gambar 216. Flash Message & Alert Saat Menekan Simpan - Kemitraan SPBU ................................................. 139
Gambar 217. Halaman Create Persetujuan Prinsip Form Data Perusahaan Kemitraan SPBU ........................... 140
Gambar 218. Warning Message Create Persetujuan Prinsip Form Data Pengusaha Kemitraan SPBU .............. 141
Gambar 219. Halaman Create Persetujuan Prinsip Form Input Data Pengusaha Kemitraan SPBU-PT ............. 142
Gambar 220. Warning Message pada Data Perusahaan - Kemitraan SBPU........................................................ 143
Gambar 221. Tampilan Identitas Perusahaan Kemitraan SBPU .......................................................................... 143
Gambar 222. Data Dropdown Jenis Usaha Kemitaan SPBU ................................................................................ 144
Gambar 223.Tampilan Pilihan “Lainnya” pada Jenis Usaha Kemitraan SPBU .................................................. 144
Gambar 224. Opsi Memilih “Tidak” Kemitraan SPBU ........................................................................................ 144
Gambar 225. Memilih Opsi "Ya" Kemitraan SPBU .............................................................................................. 144
Gambar 226. List Dropdown "Bidang Usaha" Kemitraan SPBU ......................................................................... 145
Gambar 227. Opsi Memilih “Ya” Kemitraan SPBU ............................................................................................. 145
Gambar 228. Data Dropdown "Jenis Usaha Lain" Kemitraan SPBU................................................................... 146
Gambar 229. Pengisian Susunan Direksi - Kemitraan SPBU ............................................................................... 146
Gambar 230. Tampilan Dokumen Perusahaan - Kemitraan SPBU ....................................................................... 147
Gambar 231. Tambah Data Deposito / Giro / Tabungan Form Data Pengusaha Kemitraan SPBU ..................... 147
Gambar 232. Hapus Data Deposito / Giro / Tabungan Form Data Pengusaha Kemitraan SPBU ....................... 148
Gambar 233. Flash Message & Alert Saat Menekan Simpan - Kemitraan SPBU ................................................. 148
Gambar 234. Tampilan Data Tata Letak Kemitraan SPBU .................................................................................. 149
Gambar 235. Warning Message pada Data Tata Letak Kemitraan SPBU ............................................................ 150
Gambar 236. Lebar dan Panjang Lahan - Kemitraan SPBU ................................................................................ 151
Gambar 237. Posisi Lahan Memilih Pada Kolom Foto yang Tersedia Kemitraan SPBU ..................................... 151
Gambar 238. Tampilan Pemilihan Posisi Lahan Jenis "Lainnya" Kemitraan SPBU ............................................ 152
Gambar 239. Bentuk Lahan Memilih Pada Kolom Foto yang Tersedia Kemitraan SPBU.................................... 152
Gambar 240. Tampilan Pemilihan Bentuk Lahan Jenis "Lainnya" Kemitraan SPBU ........................................... 152
Gambar 241. Tampilan Dropdown Jenis Jalan Berdasarkan Hak Pengguna Kemitraan SPBU ........................... 153
Gambar 242. Tampilan Dropdown Permukaan Jalan Kemitraan SPBU .............................................................. 153
Gambar 243. Tampilan Topografi Kelas Lahan Kemitraan SPBU ....................................................................... 153
Gambar 244. Tampilan List Dropdown Jenis Kawasan Kemitraan SPBU............................................................ 154
Gambar 245. Warning Message Pengisian Nama Jenis Kawasan - Kemitraan SPBU.......................................... 154
Gambar 246. Tampilan Dropdown Tipe Lahan Kemitraan SPBU ........................................................................ 154
Gambar 247. Tampilan Dropdown Status Jalan Kemitraan SPBU ....................................................................... 154
Gambar 248.Tampilan List Dropdown Kelas Jalan Kemitraan SPBU .................................................................. 155
Gambar 249. Pengisian Mandatory pada Kempemilikan dan Optional pada Penguasaaan Lahan - Kemitraan
SPBU ..................................................................................................................................................................... 155
Gambar 250. Data Dropdown Status Kepemilikan Lahan Kemitraan SPBU ........................................................ 155
Gambar 251. Sertifikat Penguasaan Kepemilikan Lahan Kemitraan SPBU ......................................................... 156
Gambar 252. Dropdown Status Kepemilikan Lahan - Kemitraan SPBU .............................................................. 156
Gambar 253. Tampilan Kepemilikan Sertifikat Hak Milik Kemitraan SPBU ........................................................ 156
Gambar 254. Tampilan Kepemilikan SHGB Kemitraan SPBU ............................................................................. 157
Gambar 255. Tampilan Kepemilikan SHGU Kemitraan SPBU ............................................................................. 157
Gambar 256. Tampilan Kepemilikan SHPL Kemitraan SPBU .............................................................................. 157
Gambar 257. Pernyataan pada Checkbox Persetujuan Prinsip - Kemitraan SPBU.............................................. 158

11 | A p l i k a s i W e b K e m i t r a a n S P B U
Gambar 258. Enable Submit pada Persetujuan Prinsip - Kemitraan SPBU ......................................................... 158
Gambar 259. Tampilan Berhasil Submit Data Pedaftaran Kemitraan SPBU ....................................................... 159
Gambar 260. Halaman Index Setelah Submit Persetujuan Prinsip - Kemitraan SPBU ........................................ 159
Gambar 261. Lolos Verifikasi Dokumen Awal - Kemitraan SPBU........................................................................ 160
Gambar 262. Tampilan Verifikasi Dokumen Awal "Tidak Lolos" - Kemitraan SPBU .......................................... 160
Gambar 263. Notifikasi Revisi Input Calon Mitra pada Halaman Index - Kemitraan SPBU ................................ 161
Gambar 264. Warning Message Catatan Revisi - Kemitraan SPBU ..................................................................... 161
Gambar 265. Tampilan Mode View - Kemitraan SPBU ........................................................................................ 162
Gambar 266. Status pada Halaman Index - Kemitraan SPBU .............................................................................. 162
Gambar 267. Lolos Verifikasi Dokumen Awal - Kemitraan SPBU........................................................................ 163
Gambar 268. Notifikasi Email Lolos Verifikasi dan Melanjutkan Pembayaran Biaya Verifikasi - Kemitraan SPBU
.............................................................................................................................................................................. 163
Gambar 269. Alert Kelengkapan - Kemitraan SPBU ............................................................................................ 164
Gambar 270. Pembayaran Biaya Verifikasi - Kemitraan SPBU ........................................................................... 164
Gambar 271. Halaman Index saat Lolos Biaya Verifikasi - Kemitraan SPBU ...................................................... 165
Gambar 272. Notifikasi Revisi Pembayaran Biaya Verifikasi pada Halaman Index - Kemitraan SPBU .............. 165
Gambar 273. Alert Catatan Revisi - Kemitraan SPBU.......................................................................................... 166
Gambar 274. Tolak Biaya Verifikasi Lanjut Verifikasi SBM - Kemitraan SPBU .................................................. 166
Gambar 275. Pengajuan Calon Mitra Berhenti atau Close - Kemitraan SPBU .................................................... 167
Gambar 276. Pengajuan Calon Mitra Berhenti atau Close - Kemitraan SPBU .................................................... 167
Gambar 277. Pengajuan Calon Mitra Berhenti atau Close - Kemitraan SPBU .................................................... 167
Gambar 278. Status "Input Kelengkapan" - Kemitraan SPBU .............................................................................. 168
Gambar 279. Tampilan Input Kelengkapan Dokumen - Kemitraan SPBU ............................................................ 168
Gambar 280. Alert & Flash Message Ketika Menekan Simpan - Kemitraan SPBU .............................................. 169
Gambar 281. Data Perusahaan Verifikasi Kelengkapan Dokumen – Kemitraan SPBU ....................................... 170
Gambar 282. Kepemilikan Saham - Kemitraan SPBU .......................................................................................... 171
Gambar 283. Kolom untuk Menambahkan Pemegang Saham - Kemitraan SPBU ................................................ 171
Gambar 284. Warning Message Kepemilikan Saham Kurang dari 100% - Kemitaan SPBU................................ 171
Gambar 285.Warning Message Kepemilikan Saham Lebih dari 100% - Kemitaan SPBU.................................... 172
Gambar 286.Warning Message Kepemilikan Saham 100% - Kemitaan SPBU ..................................................... 172
Gambar 287. Kepemilikan Dokumen atas Nama Perusahaan – Kemitraan SPBU ............................................... 172
Gambar 288. Warning Message Kelengkapan Dokumen - Kemitraan SPBU........................................................ 173
Gambar 289. Flash Message & Alert saat Menekan Simpan -Kemitraan SPBU .................................................. 173
Gambar 290. Alert & Flash Message Ketika Menekan Simpan - Kemitraan SPBU .............................................. 174
Gambar 291. Data Tata Letak Verifikasi Kelengkapan Dokumen - Kemitraan SPBU .......................................... 174
Gambar 292. Enable Submit pada Persetujuan Prinsip Kelengkapan Dokumen - Kemitraan SPBU.................... 175
Gambar 293. Halaman Index Setelah Input Kelengkapan Dokumen - Kemitraan SPBU ...................................... 175
Gambar 294. Alert & Flash Message Ketika Menekan Simpan - Kemitraan SPBU .............................................. 176
Gambar 295. Alert & Flash Message Ketika Menekan Simpan - Kemitraan SPBU .............................................. 176
Gambar 296. Alert & Flash Message Ketika Menekan Simpan - Kemitraan SPBU .............................................. 177
Gambar 297. Data Tata Letak Verifikasi Kelengkapan Dokumen - Kemitraan SPBU .......................................... 177
Gambar 298. Enable Submit pada Persetujuan Prinsip Kelengkapan Dokumen - Kemitraan SPBU.................... 178
Gambar 299. Halaman Index Setelah Input Kelengkapan Dokumen - Kemitraan SPBU ...................................... 178
Gambar 300. Lolos Verifikasi Kelengkapan Dokumen - Kemitraan SPBU ........................................................... 179

12 | A p l i k a s i W e b K e m i t r a a n S P B U
Gambar 301. Notifikasi Revisi Input Calon Mitra - Kemitraan SPBU .................................................................. 179
Gambar 302. Alert Catatan Revisi - Kemitraan SPBU ......................................................................................... 180
Gambar 303. Tampilan Mode View - Kemitraan SPBU ........................................................................................ 181
Gambar 304. Status pada Halaman Index - Kemitraan SPBU .............................................................................. 182
Gambar 305. Tampilan Verifikasi Kelengkapan Dokumen "Tidak Lolos" - Kemitraan SPBU .............................. 182
Gambar 306. Notifikasi Index Initial Fee Pembayaran - Kemitraan SPBU .......................................................... 183
Gambar 307. Tampilan Detail Initial Fee Rp400.000.000 - Kemitraan SPBU ..................................................... 183
Gambar 308. Alert Kelengkapan - Kemitraan SPBU ............................................................................................ 183
Gambar 309. Tekan Check Box Kesanggupan Menjadi Mitra SPBU - Kemitraan SPBU ..................................... 184
Gambar 310. Popup Disclaimer Detail Ketentuan - Kemitraan SPBU ................................................................. 184
Gambar 311. Tampilan Setelah Tekan Submit Pembayaran dan Kesanggupan - Kemitraan SPBU ..................... 185
Gambar 312. Surat Kesanggupan Calon Mitra - Kemitraan SPBU ...................................................................... 185
Gambar 313. Status Pada Halaman Index - Kemitraan SPBU.............................................................................. 185
Gambar 314. Detail Revisi Initial Fee Pembayaran - Kemitraan SPBU ............................................................... 186
Gambar 315. Status Pada Halaman Index - Kemitraan SPBU.............................................................................. 186
Gambar 316. Tampilan Detail Initial Fee Rp150.000.000 - Kemitraan SPBU ..................................................... 187
Gambar 317. Tekan Check Box Kesanggupan Menjadi Mitra SPBU - Kemitraan SPBU ..................................... 187
Gambar 318. Popup Disclaimer Detail Ketentuan- Kemitraan SPBU .................................................................. 188
Gambar 319. Warning Message Initial Fee - Kemitraan SPBU ............................................................................ 188
Gambar 320. Tampilan Setelah Tekan Submit Pembayaran dan Kesanggupan - Kemitraan SPBU ..................... 189
Gambar 321. Tampilan Surat Kesanggupan Calon Mitra - Kemitraan SPBU ...................................................... 189
Gambar 322. Status Pada Halaman Index - Kemitraan SPBU.............................................................................. 189
Gambar 323. Detail Revisi Initial Fee Pembayaran - Kemitraan SPBU ............................................................... 190
Gambar 324. Status Pada Halaman Index - Kemitraan SPBU.............................................................................. 190
Gambar 325. Tampilan Detail Initial Fee Rp0 - Kemitraan SPBU (DODO) ........................................................ 191
Gambar 326. Tekan Check Box Kesanggupan Menjadi Mitra SPBU - Kemitraan SPBU (DODO) ...................... 191
Gambar 327. Popup Disclaimer Detail Ketentuan - Kemitraan SPBU (DODO) .................................................. 192
Gambar 328. Tampilan Setelah Tekan Submit Pembayaran dan Kesanggupan - Kemitraan SPBU DODO ......... 192
Gambar 329. Tampilan Surat Kesanggupan Calon Mitra - Kemitraan SPBU (DODO) ....................................... 193
Gambar 330. Status pada Halaman Index Expired 15 Hari - Kemitraan SPBU ................................................... 193
Gambar 331. Tampilan Initial Fee Expired - Kemitraan SPBU ............................................................................ 194
Gambar 332. Tampilan Revisi Initial Fee Expired - Kemitraan SPBU ................................................................. 194
Gambar 333. Tampilan pada Halaman Index Ketika Revisi - Kemitraan SPBU ................................................... 194
Gambar 334. Status pada Halaman Index Pengajuan Dihentikan - Kemitraan SPBU.......................................... 194
Gambar 335. Tampilan Button Pengunduran Diri - Kemitraan SPBU ................................................................. 196
Gambar 336. Popup Pengisian Form Pengunduran Diri - Kemitraan SPBU ....................................................... 196
Gambar 337. Enable Tombol Submit - Kemitraan SPBU ...................................................................................... 196
Gambar 338. Warning Message saat Menekan Submit Pengunduran Diri - Kemitraan SPBU............................. 197
Gambar 339. Upload File Lebih Dari 1 File - Kemitraan SPBU .......................................................................... 197
Gambar 340. Disclaimer Ketentuan Pengunduran Diri - Kemitraan SPBU ......................................................... 198
Gambar 341. Status pada Halaman Index - Kemitraan SPBU .............................................................................. 198
Gambar 342. Tampilan Detail Approval Kelengkapan Dokumen - Kemitraan SPBU........................................... 199
Gambar 343. Status pada Halaman Index Input Data Dokumen Perizinan - Kemitraan SPBU............................ 200
Gambar 344. Tampilan Detail Dokumen Perizinan - Kemitraan SPBU................................................................ 200

13 | A p l i k a s i W e b K e m i t r a a n S P B U
Gambar 345. Tampilan Setelah Menekan Detail Form - Kemitraan SPBU .......................................................... 200
Gambar 346. Tekan Check Box Terdapat Popup Detail Ketentuan - Kemitraan SPBU ........................................ 201
Gambar 347. Enable Button Submit - Kemitraan SPBU ....................................................................................... 201
Gambar 348. Detail Form Dokumen OSS dan Lahan - Kemitraan SPBU ............................................................ 202
Gambar 349. Detail Form Dokumen Perusahaan Badan Usaha PT- Kemitraan SPBU ....................................... 202
Gambar 350. Detail Form Dokumen Perusahaan Badan Usaha Koperasi- Kemitraan SPBU ............................. 203
Gambar 351. Detail Form Dokumen Pembangunan - Kemitraan SPBU .............................................................. 203
Gambar 352. Detail Form Dokumen Pernyataan - Kemitraan SPBU ................................................................... 203
Gambar 353. Tampilan Ketika Menekan Button Date Picker - Kemitraan SPBU ................................................. 204
Gambar 354. Dropdown Nama Bank pada Section urat Referensi Bank - Kemitraan SPBU ................................ 204
Gambar 355. Warning Message Ketika Pengisian Tidak Lengkap - Kemitraan SPBU ......................................... 205
Gambar 356. Warning Message Ketika Pengisian Tidak Lengkap Badan Usaha PT - Kemitraan SPBU ............. 205
Gambar 357. Warning Message Ketika Pengisian Tidak Lengkap Badan Usaha Koperasi - Kemitraan SPBU ... 206
Gambar 358. Warning Message Ketika Pengisian Tidak Lengkap - Kemitraan SPBU ......................................... 206
Gambar 359. Warning Message Ketika Pengisian Tidak Lengkap - Kemitraan SPBU ......................................... 206
Gambar 360. Status di Halaman Index Revisi Dokumen Perizinan - Kemitraan SPBU ........................................ 207
Gambar 361. Flash Message dan Alert Catatan Revisi Dokumen Perizinan - Kemitraan SPBU .......................... 207
Gambar 362. Notifikasi Email Approve Dokumen Perizinan - Kemitraan SPBU ................................................. 208
Gambar 363. Notifikasi di Halaman Index Calon Mitra "Kickoff Meeting" - Kemitraan SPBU ........................... 209
Gambar 364. Tampilan Kickoff Meeting Calon Mitra - Kemitraan SPBU ............................................................ 209
Gambar 365. Tampilan Kickoff Meeting - Kemitraan SPBU................................................................................. 210
Gambar 366. Warning Message Kickoff Meeting - Kemitraan SPBU ................................................................... 211
Gambar 367. Daftar Konsultan - Kemitraan SPBU .............................................................................................. 211
Gambar 368. Data Dropdown "Daftar Konsultan" - Kemitraan SPBU ................................................................ 212
Gambar 369. Pilih "Daftar Konsultan" - Kemitraan SPBU .................................................................................. 212
Gambar 370. Generate By System "Daftar Konsultan" - Kemitraan SPBU .......................................................... 212
Gambar 371. Multiple Pilihan "Daftar Konsultan" - Kemitraan SPBU ................................................................ 213
Gambar 372. Daftar Kontraktor - Kemitraan SPBU ............................................................................................. 213
Gambar 373. Data Dropdown "Daftar Kontraktor" - Kemitraan SPBU ............................................................... 213
Gambar 374. Pilih "Daftar Konsultan" - Kemitraan SPBU .................................................................................. 214
Gambar 375. Generate By System "Daftar Kontraktor" - Kemitraan SPBU ......................................................... 214
Gambar 376. Multiple Pilihan "Daftar Kontraktor" - Kemitraan SPBU ............................................................... 214
Gambar 377. Tampilan Kickoff Meeting dengan Konfirmasi Kehadiran "Bisa" - Kemitraan SPBU .................... 215
Gambar 378. Tampilan Kickoff Meeting dengan Konfirmasi Kehadiran "Tidak Bisa" - Kemitraan SPBU .......... 216
Gambar 379. Date Picker Kickoff Meeting Calon Mitra- Kemitraan SPBU ......................................................... 216
Gambar 380. Warning Message Kelengkapan Konfirmasi Kehadiran (TIdak Bisa) Kickoff Meeting - Kemitraan
SPBU ..................................................................................................................................................................... 217
Gambar 381. Tampilan Kickoff Meeting Calon Mitra - Kemitraan SPBU ............................................................ 217
Gambar 382. Notifikasi di Halaman Index Calon Mitra "Kickoff Meeting" - Kemitraan SPBU ........................... 217
Gambar 383. Tampilan Kickoff Meeting - Kemitraan SPBU................................................................................. 218
Gambar 384. Tampilan Kickoff Meeting Calon Mitra - Kemitraan SPBU ............................................................ 219
Gambar 385. Notifikasi di Halaman Index Calon Mitra "Kickoff Meeting" - Kemitraan SPBU ........................... 219
Gambar 386. Status Input Data Pengajuan Layout - Kemitraan SPBU ................................................................ 220
Gambar 387. Detail Dokumen Layout Calon Mitra - Kemitraan SPBU ............................................................... 220

14 | A p l i k a s i W e b K e m i t r a a n S P B U
Gambar 388. Status Input Data Pengajuan Layout - Kemitraan SPBU ................................................................ 221
Gambar 389. Detail Dokumen Layout Calon Mitra - Kemitraan SPBU ............................................................... 221
Gambar 390. Tampilan Detail Penyampaian Layout - Kemitraan SPBU ............................................................. 222
Gambar 391. Daftar Konsultan - Kemitraan SPBU .............................................................................................. 222
Gambar 392. Data Dropdown "Daftar Konsultan" - Kemitraan SPBU ................................................................ 223
Gambar 393. Pilih "Daftar Konsultan" - Kemitraan SPBU .................................................................................. 223
Gambar 394. Generate By System "Daftar Konsultan" - Kemitraan SPBU .......................................................... 223
Gambar 395. Multiple Pilihan "Daftar Konsultan" - Kemitraan SPBU ................................................................ 224
Gambar 396. Daftar Kontraktor - Kemitraan SPBU ............................................................................................. 224
Gambar 397. Data Dropdown "Daftar Kontraktor" - Kemitraan SPBU ............................................................... 224
Gambar 398. Pilih "Daftar Konsultan" - Kemitraan SPBU .................................................................................. 225
Gambar 399. Generate By System "Daftar Kontraktor" - Kemitraan SPBU ......................................................... 225
Gambar 400. Multiple Pilihan "Daftar Kontraktor" - Kemitraan SPBU ............................................................... 225
Gambar 401. Warning Message Ketidaklengkapan Input Data - Kemitraan SPBU.............................................. 226
Gambar 402. Status pada Halaman Index - Kemitraan SPBU .............................................................................. 226
Gambar 403. Tampilan Detail Dokumen Layout - Kemitraan SPBU .................................................................... 226
Gambar 404. Tampilan Detail Revisi Layout - Kemitraan SPBU ......................................................................... 227
Gambar 405. Revisi Pengajuan Layout Calon Mitra - Kemitraan SPBU .............................................................. 228
Gambar 406. Revisi Pengajuan Layout Calon Mitra - Kemitraan SPBU .............................................................. 228
Gambar 407. Detail Dokumen DED - Kemitraan SPBU ....................................................................................... 229
Gambar 408. Status menjadi Input Data Dokumen DED pada Halaman Index - Kemitraan SPBU ..................... 229
Gambar 409. Tampilan "Penyampaian DED" - Kemitraan SPBU ........................................................................ 230
Gambar 410. Input "Dokumen DED" Calon Mitra - Kemitraan SPBU ................................................................ 231
Gambar 411. Daftar Konsultan - Kemitraan SPBU .............................................................................................. 231
Gambar 412. Data Dropdown "Daftar Konsultan" - Kemitraan SPBU ................................................................ 231
Gambar 413. Pilih "Daftar Konsultan" - Kemitraan SPBU .................................................................................. 232
Gambar 414. Generate By System "Daftar Konsultan" - Kemitraan SPBU .......................................................... 232
Gambar 415. Multiple Pilihan "Daftar Konsultan" - Kemitraan SPBU ................................................................ 232
Gambar 416. Daftar Kontraktor - Kemitraan SPBU ............................................................................................. 233
Gambar 417. Data Dropdown "Daftar Kontraktor" - Kemitraan SPBU ............................................................... 233
Gambar 418. Pilih "Daftar Konsultan" - Kemitraan SPBU .................................................................................. 233
Gambar 419. Generate By System "Daftar Kontraktor" - Kemitraan SPBU ......................................................... 233
Gambar 420. Multiple Pilihan "Daftar Kontraktor" - Kemitraan SPBU ............................................................... 234
Gambar 421. Status pada Halaman Index - Kemitraan SPBU .............................................................................. 235
Gambar 422. Tampilan Detail Dokumen DED - Kemitraan SPBU ....................................................................... 235
Gambar 423. Tampilan Detail Revisi DED - Kemitraan SPBU ............................................................................ 236
Gambar 424. Detail Dokumen DED - Kemitraan SPBU ....................................................................................... 237
Gambar 425. Revisi Pengajuan DED Calon Mitra - Kemitraan SPBU................................................................. 237
Gambar 426. Revisi Pengajuan DED Calon Mitra - Kemitraan SPBU................................................................. 237
Gambar 427. Detail Progres Pembangunan 50% - Kemitraan SPBU .................................................................. 238
Gambar 428. Status Input Data Progres Pembangunan 50% - Kemitraan SPBU ................................................ 238
Gambar 429. Surat Persetujuan Bangun - Kemitraan SPBU ................................................................................ 239
Gambar 430. Warning Message Progres Pembangunan 50% - Kemitraan SPBU ................................................ 239
Gambar 431. Template Upload File Report - Kemitraan SPBU ........................................................................... 240

15 | A p l i k a s i W e b K e m i t r a a n S P B U
Gambar 432. Detail Progres Pembangunan 50% - Kemitraan SPBU .................................................................. 241
Gambar 433. Revisi Pembangunan 50% Calon Mitra - Kemitraan SPBU ............................................................ 241
Gambar 434. Revisi Progres Pembangunan 50% Calon Mitra - Kemitraan SPBU .............................................. 241
Gambar 435. Revisi Progres Pembangunan 50% Calon Mitra - Kemitraan SPBU .............................................. 242
Gambar 436. Detail Progres Pembangunan 50% - Kemitraan SPBU .................................................................. 243
Gambar 437. Halaman Index Progres Pembangunan 100% - Kemitraan SPBU .................................................. 243
Gambar 438. Tampilan Detail Progres Pembangunan 100% - Kemitraan SPBU ................................................ 244
Gambar 439. Warning Message Progres Pembangunan 100% - Kemitraan SPBU .............................................. 245
Gambar 440. Data Sarana dan Fasilitas Progres Pembangunan 100% - Kemitraan SPBU ................................ 246
Gambar 441. Data Sarana dan Fasilitas Progres Pembangunan 100% - Kemitraan SPBU ................................ 247
Gambar 442. Time Picker Jam Operasional - Kemitraan SPBU........................................................................... 247
Gambar 443. Pengisian Peralatan Penimbunan - Kemitraan SPBU .................................................................... 248
Gambar 444. Data Dropdown “Jenis Produk” Peralatan Penimbun - Kemitraan SPBU..................................... 248
Gambar 445. Data Dropdown “Merk Tangki” Peralatan Penimbun - Kemitraan SPBU ..................................... 248
Gambar 446. Data Dropdown “Tipe Tangki” Peralatan Penimbun - Kemitraan SPBU ...................................... 248
Gambar 447. Data Dropdown “Material Tangki” Peralatan Penimbun - Kemitraan SPBU ............................... 249
Gambar 448. Data Dropdown “STP” Peralatan Penimbun - Kemitraan SPBU................................................... 249
Gambar 449. Data Dropdown “Tank Sump” Peralatan Penimbun - Kemitraan SPBU........................................ 249
Gambar 450. Pengisian Dispenser - Kemitraan SPBU ......................................................................................... 250
Gambar 451. Data Dropdown Merk Dispenser - Kemitraan SPBU ...................................................................... 250
Gambar 452. Date Picker Pengisian Dispenser - Kemitraan SPBU ..................................................................... 251
Gambar 453. Tambah "Nozzle" - Kemitraan SPBU .............................................................................................. 251
Gambar 454. Data Dropdown “Produk” Pengisian Nozzle - Kemitraan SPBU ................................................... 251
Gambar 455. Pengisian Fasilitas NFR - Kemitraan SPBU ................................................................................... 252
Gambar 456. Data Dropdown "Kategori Fasilitas" - Kemitraan SPBU ............................................................... 252
Gambar 457. Kategori C-Store Maka Jenis Fasilitas Tersedia - Kemitraan SPBU .............................................. 252
Gambar 458. Kelengkapan Dokumen Sertifikat Progres Pembangunan 100% - Kemitraan SPBU ...................... 253
Gambar 459. Inputan Data Karyawan - Kemitraan SPBU ................................................................................... 253
Gambar 460. Dropdown Jabatan pada Form Karyawan Pembangunan 100% - Kemitraan SPBU...................... 254
Gambar 461. Data Dropdown Pendidikan pada Data Karyawan - Kemitraan SPBU .......................................... 254
Gambar 462. Date Picker Tanggal Lahir pada Data Karyawan - Kemitraan SPBU ............................................ 255
Gambar 463. Dropdown Ukuran Baju & Ukuran Celana pada Data Karyawan - Kemitraan SPBU ................... 255
Gambar 464. Generate Section Data Karyawan - Kemitraan SPBU .................................................................... 256
Gambar 465. Hasil Unduh Data Karyawan & Manual Book pada Device User - Kemitraan SPBU ................... 256
Gambar 466. Revisi Pembangunan 100% Calon Mitra - Kemitraan SPBU .......................................................... 257
Gambar 467. Detail Progres Pembangunan 100% - Kemitraan SPBU ................................................................ 257
Gambar 468. Revisi Pembangunan 100% Calon Mitra - Kemitraan SPBU .......................................................... 258
Gambar 469. Detail Progres Pembangunan 100% - Kemitraan SPBU ................................................................ 258
Gambar 470. Revisi Progres Pembangunan 100% Calon Mitra - Kemitraan SPBU ............................................ 258
Gambar 471. Detail Progres Pembangunan 100% - Kemitraan SPBU ................................................................ 259
Gambar 472. Tampilan Halaman Index Kontrak Dokumen Perizinan - Kemitraan SPBU ................................... 260
Gambar 473. Detail Kontrak - Kemitraan SPBU .................................................................................................. 260
Gambar 474. Tampilan Detail Kontrak Dokumen Perizinan - Kemitraan SPBU .................................................. 261
Gambar 475. Alert Revisi Dokumen Perizinan Kontrak Dokumen Perizinan - Kemitraan SPBU ......................... 262

16 | A p l i k a s i W e b K e m i t r a a n S P B U
Gambar 476. Sertifikat Laik Fungsi (SLF) Menjadi Mandatory - Kemitraan SPBU ............................................. 263
Gambar 477. Date Picker SLF- Kemitraan SPBU ................................................................................................ 263
Gambar 478. Status di Halaman Index - Kemitraan SPBU ................................................................................... 265
Gambar 479. Detail Kontrak - Kemitraan SPBU .................................................................................................. 265
Gambar 480. Tampilan Input Kelengkapan Dokumen - Kemitraan SPBU ............................................................ 266
Gambar 481. Warning Message Teradispende - Kemitraan SPBU ....................................................................... 267
Gambar 482. Status di Halaman Index - Kemitraan SPBU ................................................................................... 268
Gambar 483. Detail Teradispenser - Kemitraan SPBU ........................................................................................ 268
Gambar 484. Tampilan Input Kelengkapan Dokumen - Kemitraan SPBU ............................................................ 269
Gambar 485. Detail Kontrak - Kemitraan SPBU .................................................................................................. 270
Gambar 486. Status di Halaman Index - Kemitraan SPBU ................................................................................... 270
Gambar 487. Tampilan Input Kelengkapan Dokumen - Kemitraan SPBU ............................................................ 271

17 | A p l i k a s i W e b K e m i t r a a n S P B U
1. Registrasi Akun dan Login

Calon Mitra diharuskan untuk melakukan Registrasi akun terlebih dahulu untuk dapat melakukan
login pada aplikasi Kemitraan SPBU. Langkah awal untuk Calon Mitra melakukan Registrasi
Akun Kemitraan SPBU yaitu dengan menekan tombol “Gabung Sekarang” pada halaman Utama
Web Kemitraan. Selanjutnya akan menampilkan halaman Registrasi Mitra SPBU seperti pada
gambar di bawah ini.

Gambar 1. Halaman Registrasi Kemitraan SPBU

18 | A p l i k a s i W e b K e m i t r a a n S P B U
1.1 Registrasi Akun PT

Pada halaman Registrasi Mitra SPBU, Calon Mitra dapat dengan melakukan input sesuai
dengan tipe badan usaha pada kolom “Tipe Badan Usaha”, Untuk melakukan Registrasi
sebagai Badan Usaha PT, maka Calon Mitra dapat memilih data dropdown “PT” pada kolom
input “Tipe Badan Usaha” pada halaman Registrasi Mitra SPBU, setelah Calon Mitra
menekan dropdown kolom “Tipe Badan Usaha”, maka sistem akan menampilkan data
dropdown kolom “Tipe Badan Usaha”, seperti pada gambar di bawah ini.

Gambar 2. Data Dropdown Kolom "Tipe Badan Usaha" Registrasi Kemitraan SPBU-PT

19 | A p l i k a s i W e b K e m i t r a a n S P B U
Calon Mitra juga dapat melakukan upload file dengan menekan tombol “Upload File”

, setelah menekan tombol “Upload File”, maka sistem akan menampilkan


popup “Window Upload”, seperti pada gambar di bawah ini.

Gambar 3. Popup Window Upload Registrasi Kemitraan SPBU - PT

Calon Mitra dapat melakukan upload file, sesuai dengan kriteria yang diberikan oleh sistem
yaitu “File yang dapat di upload hanya image / PDF dan maks size adalah 10 MB.” Apabila
Calon Mitra melakukan upload file tidak sesuai dengan kriteria upload, maka sistem akan
menampilkan popup “Warning Message”, seperti pada gambar di bawah ini.

Gambar 4. Popup Warning Message File Format Registrasi Kemitraan SPBU - PT

20 | A p l i k a s i W e b K e m i t r a a n S P B U
Gambar 5. Popup Warning Message Length File Name Registrasi Kemitraan SPBU - PT

Gambar 6. Popup Warning Message File Size Registrasi Kemitraan SPBU - PT

Pada halaman Registrasi Mitra SPBU terdapat kolom “Jabatan Pengusaha”, setelah Calon
Mitra menekan dropdown kolom “Jabatan Pengusaha”, maka sistem akan menampilkan data
dropdown, seperti pada gambar di bawah ini.

21 | A p l i k a s i W e b K e m i t r a a n S P B U
Gambar 7. Data Dropdown Kolom Input "Jabatan Pengusaha" Registrasi Kemitraan SPBU - PT

Pengisian bagian “Akun” diisi berdasarkan isian “Data Pengusaha” dimana nantinya email
dan password tersebut akan digunakan untuk akses login.
Pada halaman Registrasi Mitra SPBU terdapat kolom “Password”, dimana pada bagian ini
terdapat validasi untuk ketentuan sebagai berikut:
 Minimal 8 Karakter alphanumerik (huruf & angka)
 Gabungan uppercase & lowercase
 Minimal satu karakter spesial (contoh !@#$)
* Contoh: anGsa1@3

22 | A p l i k a s i W e b K e m i t r a a n S P B U
Gambar 8. Format Password pada Form Registrasi Calon Mitra - Kemitraan SPBU

Pada kolom “Konfirmasi Password”, Calon Mitra melakukan input kembali password yang
telah dibuat. Pastikan password sesuai dengan kriteria yang dibuat, jika tidak sesuai maka
muncul warning message seperti di bawah ini

23 | A p l i k a s i W e b K e m i t r a a n S P B U
Gambar 9. Password Tidak Sesuai dengan Kriteria - Kemitraan SPBU

Setelah melakukan input pada setiap kolom yang telah disediakan pada halaman Registrasi
Kemitraan SPBU, tahap selanjutnya sebelum menekan tombol “Check Box” Calon Mitra

tekan pada bagian dan untuk dipahami terlebih dahulu sebelum


bergabung dalam Kemitraan SPBU. Setelah ditekan lalu tampil popup seperti di bawah.

24 | A p l i k a s i W e b K e m i t r a a n S P B U
Gambar 10. Popup Persyaratan Pengajuan Pendirian SPBU - Kemitraan SPBU

25 | A p l i k a s i W e b K e m i t r a a n S P B U
Gambar 11. Prosedur Pengajuan Pendirian SPBU - Kemitraan SPBU

Pada bagian “Prosedur Pengajuan Pendirian” Calon Mitra dapat mengunduh file “Download

Contoh Pendaftaran Online kemitraan Pertamina” dengan menekan kemudian


sistem akan melakukan generate dan unduhan file tersebut dapat digunakan sebagai acuan
tatacara Calon Mitra melakukan pendaftaran.

26 | A p l i k a s i W e b K e m i t r a a n S P B U
Selanjutnya Calon Mitra dapat menekan kolom “Check Box” untuk melakukan konfirmasi
ulang terhadap hasil input-an Calon Mitra yang telah dilakukan input sebelumnya, setelah
menekan pada kolom “Check Box”, maka sistem akan melakukan aktivasi (Enable) terhadap
tombol “Submit”, seperti pada gambar di bawah ini.

Gambar 12. Submit Registrasi - Kemitraan SPBU

Setelah sistem melakukan aktivasi pada tombol “Submit” selanjutnya sistem mengeluarkan
captcha untuk mendeteksi bahwa user itu robot atau bukan, dengan melakukan verifikasi
seperti gambar di bawah.

Gambar 13. Verifikasi Captcha Registrasi Akun - Kemitraan SPBU

Ketika melakukan verifikasi ternyata salah memilih gambar captcha maka muncul alert
seperti di bawah.

27 | A p l i k a s i W e b K e m i t r a a n S P B U
Gambar 14. Verifikasi Captcha Tidak Sesuai - Kemitraan SPBU

Calon Mitra melakukan verifikasi ulang captcha, sistem menampilkan icon checklist pada
gambar yang telah dipilih.

Gambar 15. Verifikasi Kembali Captcha - Kemitraan SPBU

Calon Mitra melakukan verifikasi captcha sesuai dengan kriteria maka saat menekan button

“Verifikasi” sistem menampilkan kembali halaman form “Register”.

28 | A p l i k a s i W e b K e m i t r a a n S P B U
Gambar 16. Halaman Registrasi Kemitraan SPBU

Tahap selanjutnya Calon Mitra dapat menekan tombol “Submit”, apabila Calon Mitra
menekan tombol “Submit” dengan kondisi tidak sesuai dengan kriteria input pada kolom
input mandatory (*) (Ex: Kolom Kosong / Upload File Kosong), maka sistem akan
menampilkan Warning Message pada setiap kolom mandatory seperti pada gambar di bawah
ini.

29 | A p l i k a s i W e b K e m i t r a a n S P B U
Gambar 17. Warning Message Halaman Registrasi Kemitraan SPBU - PT

Tahap selanjutnya Calon Mitra dapat menekan tombol “Submit”, apabila Calon Mitra
menekan tombol “Submit” dengan kondisi tidak sesuai dengan kriteria input pada kolom
input mandatory (*) (Example: Data duplikat pada field No. NPWP, No. Handphone,
Email), maka sistem akan menampilkan Warning Message pada setiap kolom mandatory
seperti pada gambar di bawah ini.

30 | A p l i k a s i W e b K e m i t r a a n S P B U
Gambar 18. Warning Message Data Duplikat Halaman Registrasi Kemitraan SPBU - PT

Apabila Calon Mitra menekan tombol “Buat Akun” sesuai dengan kriteria input, maka sistem
akan menampilkan popup “Registrasi Berhasil” seperti pada gambar di bawah ini.

31 | A p l i k a s i W e b K e m i t r a a n S P B U
Gambar 19. Popup Registrasi Berhasil - Kemitraan SPBU

Setelah sistem memunculkan popup ”Registrasi Berhasil”, Calon Mitra dapat menekan

tombol “Halaman Verifikasi” , selanjutnya sistem akan menampilkan


halaman “Verifikasi Email”.

Gambar 20. Halaman Verifikasi Email Registrasi - Kemitraan SPBU

Sistem juga akan melakukan generate secara otomatis kode yang akan dikirimkan melalui
email yang telah di-input-kan sebelumnya oleh Calon Mitra setelah menekan tombol
“Submit” pada halaman Registrasi Kemitraan SPBU.

32 | A p l i k a s i W e b K e m i t r a a n S P B U
Calon Mitra check email untuk mengatahui kode OTP dan memasukkan kode OTP ke
halaman “Verifikasi Akun”.

Untuk mempermudah melakukan verifikasi kode OTP tekan “Telusuri Halaman Verifikasi”

kemudian sistem akan membawa ke laman “Verifikasi Email” seperti di


bawah.

Gambar 21. Laman Verifikasi Email saat Menekan "Telusuri Halaman Verifikasi" - Kemitraan SPBU

Apabila pada tahap “Verifkasi Email” Calon Mitra tidak mendapatkan kode OTP, Calon
Mitra dapat melakukan request kode OTP dengan menekan tombol “Kirim Ulang”

tombol “Kirim Ulang” akan enable apabila countdown yang diberikan oleh

sistem mencapai , setelah Calon Mitra menekan tombol “Kirim Ulang” sistem akan
memunculkan popup “Informasi” bahwa kode OTP telah berhasil dikirim seperti pada
gambar di bawah ini.

33 | A p l i k a s i W e b K e m i t r a a n S P B U
Gambar 22. Popup Kode OTP Verifikasi Email Berhasil Dikirim - Kemitraan SPBU-PT

Setelah muncul popup tersebut, Calon Mitra check email yang digunakan pada pendaftaran
Kemitraan SPBU. Untuk mempermudah melakukan verifikasi kode OTP tekan “Telusuri

Halaman Verifikasi” kemudian sistem akan membawa ke laman


“Verifikasi Email” seperti di bawah.

Gambar 23. Laman Verifikasi Email saat Menekan "Telusuri Halaman Verifikasi" - Kemitraan SPBU

34 | A p l i k a s i W e b K e m i t r a a n S P B U
Apabila Calon Mitra lupa password maka dapat menekan tombol “Lupa Password”

, setelah menekan tombol “Lupa Password” sistem akan menampilkan popup

“Reset Password” seperti pada gambar di bawah ini lalu tekan “Kirim Email” .

Gambar 24. Popup Reset Password Registrasi Kemitraan SPBU

Setelah tombol “Kirim Email” ditekan, maka sistem akan mengirimkan


password baru melalui email yang terhubung dan terdapat flash message seperti di bawah ini.

Gambar 25. Flash Message Password Telah Dirubah Verifikasi Email - Kemitraan SPBU

35 | A p l i k a s i W e b K e m i t r a a n S P B U
Setelah input kode OTP dan password dengan pengisian sesuai/tepat, saat menekan
“Verifikasi Email” sistem akan menampilkan popup “Informasi” seperti pada gambar di
bawah ini.

Gambar 26. Verifikasi Email Registrasi Kemitraan SPBU

Pada halaman “Verifikasi Email”, terdapat kondisi yang akan dihadapkan oleh Calon Mitra:
1. Apabila Calon Mitra tidak melakukan input kode OTP dan Password kemudian Calon
Mitra menekan tombol “Verifikasi Email”, maka sistem akan menampilkan Warning
Message seperti pada gambar di bawah ini:

Gambar 27. Warning Message Verifikasi Akun Registrasi Kemitraan SPBU-PT

36 | A p l i k a s i W e b K e m i t r a a n S P B U
2. Apabila Calon Mitra melakukan input kode OTP pada “Verifikasi Email” dengan kondisi
tidak sesuai, maka sistem akan menampilkan popup “Peringatan” seperti pada gambar di
bawah ini.

Gambar 28. Verifikasi Email Kode OTP Tidak Sesuai - Kemitraan SPBU

3. Apabila Calon Mitra melakukan input Password pada “Verifikasi Email” dengan kondisi
tidak sesuai, maka sistem akan menampilkan popup “Peringatan” seperti pada gambar di
bawah ini

Gambar 29. Verifikasi Email Password Tidak Sesuai - Kemitraan SPBU

4. Apabila Calon Mitra melakukan input kode OTP dan Password pada “Verifikasi Email”
dengan kondisi tidak sesuai, maka sistem akan menampilkan popup “Peringatan” seperti
pada gambar di bawah ini

37 | A p l i k a s i W e b K e m i t r a a n S P B U
Gambar 30. Warning Message Verifikasi Email OTP & Password Tidak Sesuai - Kemitraan SPBU

Setelah sistem menampilkan popup informasi berhasil pada “Verifikasi Email” maka sistem
akan membawa ke laman Login Web Kemitraan, seperti pada gambar di bawah ini.

Gambar 31. Dashboard Registrasi Web Kemitraan SPBU

38 | A p l i k a s i W e b K e m i t r a a n S P B U
1.2 Login - PT

Calon Mitra dapat melakukan Login melalui halaman Web Kemitraan seperti pada gambar di
bawah ini.

Gambar 32. Halaman Login Registrasi Web Kemitraan SPBU

Apabila Calon Mitra lupa terhadap password, maka Calon mitra dapat menekan tombol
“Lupa Password”, setelah Calon Mitra menekan tombol “Lupa Password”, sistem akan
menampilkan halaman “Reset Password”, seperti pada gambar di bawah ini.

Gambar 33. Halaman Lupa Password Registrasi Web Kemitraan SPBU

39 | A p l i k a s i W e b K e m i t r a a n S P B U
Sebelum Calon Mitra melakukan input email, pilih “Kemitraan” terlebih dahulu pada
dropdown yang tersedia.

Gambar 34. Pilih Kemitraan Kemitraan SPBU-PT

Selanjutnya lengkapi kolom “Email”, setelah lengkap Calon Mitra dapat menekan tombol

“Reset Pasword” , jika sistem mendeteksi bahwa user


adalah robot maka terdapat verifikasi captcha seperti di bawah.

Gambar 35. Verifikasi Captcha Reset Password saat Login - Kemitraan SPBU

Tekan pada button atau di bagian bawah captcha maka sistem akan
melakukan pemeriksaan terhadap hasil input-an email Calon Mitra, apabila email tidak

40 | A p l i k a s i W e b K e m i t r a a n S P B U
ditemukan oleh sistem pada database, maka sistem akan menampilkan Warning Message,
seperti pada gambar di bawah ini.

Gambar 36. Warning Message “Email Tidak Ditemukan” Registrasi Web Kemitraan SPBU-PT

Apabila pada pemeriksaan tersebut sistem menemukan email sesuai dengan database, maka
sistem akan melakukan reset password dan mengirimkan password yang baru tersebut
kepada alamat email yang telah di-input-kan oleh Calon Mitra pada halaman “Lupa
Password”, setelahnya sistem akan menampilkan halaman “Login” dengan memberikan flash
message, seperti pada gambar dibawah ini.

Gambar 37. Flash Message Password Berhasil Dirubah Registrasi Web Kemitraan SPBU

41 | A p l i k a s i W e b K e m i t r a a n S P B U
Setelah terdapat flash message selanjutnya sistem mengirimkan “Password Baru” kepada
email Calon Mitra.

Berdasarkan email yang terkirim kepada Calon Mitra, Calon Mitra dapat melaluikan copy
password lalu menuju ke laman login atau Calon Mitra dapat menekan “Menuju Aplikasi”

dan sistem akan membawa ke laman Login web Kemitraan SPBU.

Gambar 38. Tekan “Menuju Aplikasi” Sistem Membawa ke Laman Login - Kemitraan SPBU

Pada halaman login tersebut Calon Mitra dapat melakukan input username berdasarkan email
perusahaan dan password yang telah di-input-kan sebelumnya pada halaman Registrasi
Kemitraan SPBU, setelah melakukan input pada kolom “Username” dan “Password”
kemudian Calon Mitra menekan tombol “Login”, jika sistem mendeteksi bahwa user adalah
robot maka sistem menampilkan captcha untuk verifikasi oleh user sebagai berikut

42 | A p l i k a s i W e b K e m i t r a a n S P B U
Gambar 39. Verifikasi Captcha saat Login - Kemitraan SPBU

Calon Mitra melakukan verifikasi captcha sesuai dengan kriteria maka saat menekan button

“Verifikasi” sistem menampilkan kembali halaman “Login”.

Calon Mitra dapat menekan tombol “Login” ,


setelah Calon Mitra menekan tombol “Login”, maka sistem akan melakukan pemeriksaan
terhadap hasil input username dan password yang telah di-input-kan oleh Calon Mitra.

Login Kondisi Tidak Sesuai


Apabila Calon Mitra melakukan input username dan password dengan kondisi tidak sesuai,
maka sistem akan menampilkan warning message seperti pada gambar di bawah ini.

43 | A p l i k a s i W e b K e m i t r a a n S P B U
Gambar 40. Warning Message Login Registrasi Kemitraan SPBU-PT

Login Kondisi Sesuai


Calon Mitra melakukan input username dan password dengan kondisi sesuai, saat menekan
tombol “Login” sistem menuju ke halaman Dashboard Calon Mitra Kemitraan SPBU, seperti
pada gambar di bawah ini.

Gambar 41. Halaman Index Dashboard Calon Mitra Kemitraan SPBU-PT

44 | A p l i k a s i W e b K e m i t r a a n S P B U
1.3 Registrasi Akun Koperasi

Pada halaman Registrasi Mitra SPBU, Calon Mitra dapat dengan melakukan input sesuai
dengan tipe badan usaha pada kolom “Tipe Badan Usaha”, Untuk melakukan Registrasi
sebagai Badan Usaha Koperasi, maka Calon Mitra dapat memilih data dropdown “Koperasi”
pada kolom input “Tipe Badan Usaha” pada halaman Registrasi Mitra SPBU, setelah Calon
Mitra menekan dropdown kolom “Tipe Badan Usaha”, maka sistem akan menampilkan data
dropdown kolom “Tipe Badan Usaha”, seperti pada gambar di bawah ini.

Gambar 42. Data Dropdown Kolom "Tipe Badan Usaha" Registrasi Kemitraan SPBU-Koperasi

45 | A p l i k a s i W e b K e m i t r a a n S P B U
Calon Mitra juga dapat melakukan upload file dengan menekan tombol “Upload File”

, setelah menekan tombol “Upload File”, maka sistem akan menampilkan


popup “Window Upload”, seperti pada gambar di bawah ini.

Gambar 43. Popup Window Upload Registrasi Kemitraan SPBU - Koperasi

Calon Mitra dapat melakukan upload file, sesuai dengan kriteria yang diberikan oleh sistem
yaitu “File yang dapat di upload hanya image / PDF dan maks size adalah 10 MB.” Apabila
Calon Mitra melakukan upload file tidak sesuai dengan kriteria upload, maka sistem akan
menampilkan popup “Warning Message”, seperti pada gambar di bawah ini.

Gambar 44. Popup Warning Message File Format Registrasi Kemitraan SPBU - Koperasi

46 | A p l i k a s i W e b K e m i t r a a n S P B U
Gambar 45. Popup Warning Message Length File Name Registrasi Kemitraan SPBU - Koperasi

Gambar 46. Popup Warning Message File Size Registrasi Kemitraan SPBU - Koperasi

Pada halaman Registrasi Mitra SPBU terdapat kolom “Jabatan Pengusaha”, setelah Calon
Mitra menekan dropdown kolom “Jabatan Pengusaha”, maka sistem akan menampilkan data
dropdown, seperti pada gambar di bawah ini.

47 | A p l i k a s i W e b K e m i t r a a n S P B U
Gambar 47. Data Dropdown Kolom Input "Jabatan Pengusaha" Registrasi Kemitraan SPBU - Koperasi

Pengisian bagian “Akun” diisi berdasarkan isian “Data Pengusaha” dimana nantinya email
dan password tersebut akan digunakan untuk akses login.
Pada halaman Registrasi Mitra SPBU terdapat kolom “Password”, dimana pada bagian ini
terdapat validasi untuk ketentuan sebagai berikut:
 Minimal 8 Karakter alphanumerik (huruf & angka)
 Gabungan uppercase & lowercase
 Minimal satu karakter spesial (contoh !@#$)
* Ex: anGsa1@3

48 | A p l i k a s i W e b K e m i t r a a n S P B U
Gambar 48. Format Password pada Form Registrasi Calon Mitra - Kemitraan SPBU

Pada kolom “Konfirmasi Password”, Calon Mitra melakukan input kembali password yang
telah dibuat. Pastikan password sesuai dengan kriteria yang dibuat, jika tidak sesuai maka
muncul warning message seperti di bawah ini

49 | A p l i k a s i W e b K e m i t r a a n S P B U
Gambar 49. Password Tidak Sesuai dengan Kriteria - Kemitraan SPBU

Setelah melakukan input pada setiap kolom yang telah disediakan pada halaman Registrasi
Kemitraan SPBU, tahap selanjutnya sebelum menekan tombol “Check Box” Calon Mitra

tekan pada bagian dan untuk dipahami terlebih dahulu sebelum


bergabung dalam Kemitraan SPBU. Setelah ditekan lalu tampil popup seperti di bawah.

50 | A p l i k a s i W e b K e m i t r a a n S P B U
Gambar 50. Popup Persyaratan Pengajuan Pendirian SPBU - Kemitraan SPBU

51 | A p l i k a s i W e b K e m i t r a a n S P B U
Gambar 51. Prosedur Pengajuan Pendirian SPBU - Kemitraan SPBU

Pada bagian “Prosedur Pengajuan Pendirian” Calon Mitra dapat mengunduh file “Download

Contoh Pendaftaran Online kemitraan Pertamina” dengan menekan kemudian


sistem akan melakukan generate dan unduhan file tersebut dapat digunakan sebagai acuan
tatacara Calon Mitra melakukan pendaftaran.

Selanjutnya Calon Mitra dapat menekan kolom “Check Box” untuk melakukan konfirmasi
ulang terhadap hasil input-an Calon Mitra yang telah dilakukan input sebelumnya, setelah
menekan pada kolom “Check Box”, maka sistem akan melakukan aktivasi (Enable) terhadap
tombol “Submit”, seperti pada gambar di bawah ini.

52 | A p l i k a s i W e b K e m i t r a a n S P B U
Gambar 52. Submit Registrasi - Kemitraan SPBU

Setelah sistem melakukan aktivasi pada tombol “Submit” selanjutnya sistem mengeluarkan
captcha untuk mendeteksi bahwa user itu robot atau bukan, dengan melakukan verifikasi
seperti gambar di bawah.

Gambar 53. Verifikasi Captcha Registrasi Akun - Kemitraan SPBU

Ketika melakukan verifikasi ternyata salah memilih gambar captcha maka muncul alert
seperti di bawah.

Gambar 54. Verifikasi Captcha Tidak Sesuai - Kemitraan SPBU

53 | A p l i k a s i W e b K e m i t r a a n S P B U
Calon Mitra melakukan verifikasi ulang captcha, sistem menampilkan icon checklist pada
gambar yang telah dipilih.

Gambar 55. Verifikasi Kembali Captcha - Kemitraan SPBU

Calon Mitra melakukan verifikasi captcha sesuai dengan kriteria maka saat menekan button

“Verifikasi” sistem menampilkan kembali halaman form “Register”.

Gambar 56. Halaman Registrasi Kemitraan SPBU

54 | A p l i k a s i W e b K e m i t r a a n S P B U
Tahap selanjutnya Calon Mitra dapat menekan tombol “Submit”, apabila Calon Mitra
menekan tombol “Submit” dengan kondisi tidak sesuai dengan kriteria input pada kolom
input mandatory (*) (Ex: Kolom Kosong / Upload File Kosong), maka sistem akan
menampilkan Warning Message pada setiap kolom mandatory seperti pada gambar di bawah
ini.

Gambar 57. Warning Message Halaman Registrasi Kemitraan SPBU - Koperasi

Tahap selanjutnya Calon Mitra dapat menekan tombol “Submit”, apabila Calon Mitra
menekan tombol “Submit” dengan kondisi tidak sesuai dengan kriteria input pada kolom
input mandatory (*) (Example: Data duplikat pada field No. NPWP, No. Handphone,
Email), maka sistem akan menampilkan Warning Message pada setiap kolom mandatory
seperti pada gambar di bawah ini.

55 | A p l i k a s i W e b K e m i t r a a n S P B U
Gambar 58. Warning Message Data Duplikat Halaman Registrasi Kemitraan SPBU -

Apabila Calon Mitra menekan tombol “Buat Akun” sesuai dengan kriteria input, maka sistem
akan menampilkan popup “Registrasi Berhasil” seperti pada gambar di bawah ini.

56 | A p l i k a s i W e b K e m i t r a a n S P B U
Gambar 59. Popup Registrasi Berhasil - Kemitraan SPBU

Setelah sistem memunculkan popup ”Registrasi Berhasil”, Calon Mitra dapat menekan

tombol “Halaman Verifikasi” , selanjutnya sistem akan menampilkan


halaman “Verifikasi Email”.

Gambar 60. Halaman Verifikasi Email Registrasi - Kemitraan SPBU

Sistem juga akan melakukan generate secara otomatis kode yang akan dikirimkan melalui
email yang telah di-input-kan sebelumnya oleh Calon Mitra setelah menekan tombol
“Submit” pada halaman Registrasi Kemitraan SPBU.

57 | A p l i k a s i W e b K e m i t r a a n S P B U
Calon Mitra check email untuk mengatahui kode OTP dan memasukkan kode OTP ke
halaman “Verifikasi Akun”.

Untuk mempermudah melakukan verifikasi kode OTP tekan “Telusuri Halaman Verifikasi”

kemudian sistem akan membawa ke laman “Verifikasi Email” seperti di


bawah ini.

Gambar 61. Laman Verifikasi Email saat Menekan "Telusuri Halaman Verifikasi" - Kemitraan SPBU

Apabila pada tahap “Verifkasi Email” Calon Mitra tidak mendapatkan kode OTP, Calon
Mitra dapat melakukan request kode OTP dengan menekan tombol “Kirim Ulang”

tombol “Kirim Ulang” akan enable apabila countdown yang diberikan oleh

sistem mencapai , setelah Calon Mitra menekan tombol “Kirim Ulang” sistem akan
memunculkan popup “Informasi” bahwa kode OTP telah berhasil dikirim seperti pada
gambar di bawah ini.

58 | A p l i k a s i W e b K e m i t r a a n S P B U
Gambar 62. Popup Kode OTP Verifikasi Email Berhasil Dikirim - Kemitraan SPBU-KOPERASI

Setelah muncul popup tersebut, Calon Mitra check email yang digunakan pada pendaftaran
Kemitraan SPBU.

Untuk mempermudah melakukan verifikasi kode OTP tekan “Telusuri Halaman Verifikasi”

kemudian sistem akan membawa ke laman “Verifikasi Email” seperti di


bawah ini.

Gambar 63. Laman Verifikasi Email saat Menekan "Telusuri Halaman Verifikasi" - Kemitraan SPBU

59 | A p l i k a s i W e b K e m i t r a a n S P B U
Apabila Calon Mitra lupa password maka dapat menekan tombol “Lupa Password”

, setelah menekan tombol “Lupa Password” sistem akan menampilkan popup

“Reset Password” seperti pada gambar di bawah ini lalu tekan “Kirim Email” .

Gambar 64. Popup Reset Password Registrasi Kemitraan SPBU - KOPERASI

Setelah tombol “Kirim Email” ditekan, maka sistem akan mengirimkan


password baru melalui email yang terhubung dan terdapat flash message seperti di bawah ini.

Gambar 65. Flash Message Password Telah Dirubah Verifikasi Email - Kemitraan SPBU

60 | A p l i k a s i W e b K e m i t r a a n S P B U
Setelah input kode OTP dan password dengan pengisian sesuai/tepat, saat menekan
“Verifikasi Email” sistem akan menampilkan popup “Informasi” seperti pada gambar di
bawah ini.

Gambar 66. Verifikasi Email Registrasi Kemitraan SPBU

Pada halaman “Verifikasi Email”, terdapat kondisi yang akan dihadapkan oleh Calon Mitra:
1. Apabila Calon Mitra tidak melakukan input kode OTP dan Password kemudian Calon
Mitra menekan tombol “Verifikasi Email”, maka sistem akan menampilkan Warning
Message seperti pada gambar di bawah ini:

Gambar 67. Warning Message Verifikasi Akun Registrasi Kemitraan SPBU-KOPERASI

61 | A p l i k a s i W e b K e m i t r a a n S P B U
2. Apabila Calon Mitra melakukan input kode OTP pada “Verifikasi Email” dengan kondisi
tidak sesuai, maka sistem akan menampilkan popup “Peringatan” seperti pada gambar di
bawah ini.

Gambar 68. Verifikasi Email Kode OTP Tidak Sesuai - Kemitraan SPBU

3. Apabila Calon Mitra melakukan input Password pada “Verifikasi Email” dengan kondisi
tidak sesuai, maka sistem akan menampilkan popup “Peringatan” seperti pada gambar di
bawah ini

Gambar 69. Verifikasi Email Password Tidak Sesuai - Kemitraan SPBU

4. Apabila Calon Mitra melakukan input kode OTP dan Password pada “Verifikasi Email”
dengan kondisi tidak sesuai, maka sistem akan menampilkan popup “Peringatan” seperti
pada gambar di bawah ini

62 | A p l i k a s i W e b K e m i t r a a n S P B U
Gambar 70. Warning Message Verifikasi Email OTP & Password Tidak Sesuai - Kemitraan SPBU

Setelah sistem menampilkan popup informasi berhasil pada “Verifikasi Email” maka sistem
akan membawa ke laman Login Web Kemitraan, seperti pada gambar di bawah ini.

Gambar 71. Dashboard Registrasi Web Kemitraan SPBU

63 | A p l i k a s i W e b K e m i t r a a n S P B U
1.4 Login - Koperasi

Calon Mitra dapat melakukan Login melalui halaman Web Kemitraan seperti pada gambar di
bawah ini.

Gambar 72. Halaman Login Registrasi Web Kemitraan SPBU

Apabila Calon Mitra lupa terhadap password, maka Calon mitra dapat menekan tombol
“Lupa Password”, setelah Calon Mitra menekan tombol “Lupa Password”, sistem akan
menampilkan halaman “Reset Password”, seperti pada gambar di bawah ini.

Gambar 73. Halaman Lupa Password Registrasi Web Kemitraan SPBU

64 | A p l i k a s i W e b K e m i t r a a n S P B U
Sebelum Calon Mitra melakukan input email, pilih “Kemitraan” terlebih dahulu pada
dropdown yang tersedia.

Gambar 74. Pilih Kemitraan Kemitraan SPBU

Selanjutnya lengkapi kolom “Email”, setelah lengkap Calon Mitra dapat menekan tombol

“Reset Pasword” , jika sistem mendeteksi bahwa user


adalah robot maka terdapat verifikasi captcha seperti di bawah.

Gambar 75. Verifikasi Captcha Reset Password saat Login - Kemitraan SPBU

Tekan pada button atau di bagian bawah captcha maka sistem akan
melakukan pemeriksaan terhadap hasil input-an email Calon Mitra, apabila email tidak

65 | A p l i k a s i W e b K e m i t r a a n S P B U
ditemukan oleh sistem pada database, maka sistem akan menampilkan Warning Message,
seperti pada gambar di bawah ini.

Gambar 76. Warning Message “Email Tidak Ditemukan” Registrasi Web Kemitraan SPBU

Apabila pada pemeriksaan tersebut sistem menemukan email sesuai dengan database, maka
sistem akan melakukan reset password dan mengirimkan password yang baru tersebut
kepada alamat email yang telah di-input-kan oleh Calon Mitra pada halaman “Lupa
Password”, setelahnya sistem akan menampilkan halaman “Login” dengan memberikan flash
message, seperti pada gambar dibawah ini.

Gambar 77. Flash Message Password Berhasil Dirubah Registrasi Web Kemitraan SPBU

66 | A p l i k a s i W e b K e m i t r a a n S P B U
Setelah terdapat flash message selanjutnya sistem mengirimkan “Password Baru” kepada
email Calon Mitra.

Berdasarkan email yang terkirim kepada Calon Mitra, Calon Mitra dapat melaluikan copy
password lalu menuju ke laman login atau Calon Mitra dapat menekan “Menuju Aplikasi”

dan sistem akan membawa ke laman Login web Kemitraan SPBU.

Gambar 78. Tekan “Menuju Aplikasi” Sistem Membawa ke Laman Login - Kemitraan SPBU

Pada halaman login tersebut Calon Mitra dapat melakukan input username berdasarkan email
perusahaan dan password yang telah di-input-kan sebelumnya pada halaman Registrasi
Kemitraan SPBU, setelah melakukan input pada kolom “Username” dan “Password”
kemudian Calon Mitra menekan tombol “Login”, jika sistem mendeteksi bahwa user adalah
robot maka sistem menampilkan captcha untuk verifikasi oleh user sebagai berikut

67 | A p l i k a s i W e b K e m i t r a a n S P B U
Gambar 79. Verifikasi Captcha saat Login - Kemitraan SPBU

Calon Mitra melakukan verifikasi captcha sesuai dengan kriteria maka saat menekan button

“Verifikasi” sistem menampilkan kembali halaman “Login”.

Calon Mitra dapat menekan tombol “Login” ,


setelah Calon Mitra menekan tombol “Login”, maka sistem akan melakukan pemeriksaan
terhadap hasil input username dan password yang telah di-input-kan oleh Calon Mitra.

Login Kondisi Tidak Sesuai


Apabila Calon Mitra melakukan input username dan password dengan kondisi tidak sesuai,
maka sistem akan menampilkan warning message seperti pada gambar di bawah ini.

68 | A p l i k a s i W e b K e m i t r a a n S P B U
Gambar 80. Warning Message Login Registrasi Kemitraan SPBU-KOPERASI

Login Kondisi Sesuai


Calon Mitra melakukan input username dan password dengan kondisi sesuai, saat menekan
tombol “Login” sistem menuju ke halaman Dashboard Calon Mitra Kemitraan SPBU, seperti
pada gambar di bawah ini.

Gambar 81. Halaman Index Dashboard Calon Mitra Kemitraan SPBU-KOPERASI

69 | A p l i k a s i W e b K e m i t r a a n S P B U
A. Halaman Index Dashboard Calon Mitra

Gambar 82. Halaman Index - Kemitraan SPBU

Tampilan gambar di atas merupakan tampilan halaman index Calon Mitra saat setelah melakukan
registrasi. Sedangkan gambar di bawah merupakan tampilan halaman index Calon Mitra saat
setelah melakukan “Pengajuan” berulang kali.

Gambar 83. Halaman Index dengan Pengajuan Berulang - Kemitraan SPBU

70 | A p l i k a s i W e b K e m i t r a a n S P B U
Pada halaman index terdapat icon-icon sebagai berikut:


Apabila Calon Mitra menekan icon “Pengajuan” maka akan kembali ke halaman index.


Apabila Calon Mitra menekan “Navigation User” maka terdapat dropdown seperti di bawah:

Gambar 84. Dropdown Navigation User - Kemitraan SPBU

Ketika Calon Mitra menekan “Profil” maka sistem akan mengarahkan ke laman di
bawah ini.

Gambar 85. Halaman Profil Calon Mitra - Kemitraan SPBU

71 | A p l i k a s i W e b K e m i t r a a n S P B U
Laman “Profil” terisi secara otomatis dari data saat melakukan “Registrasi Akun”. Calon Mitra

dapat melakukan update profile dengan menekan button

Gambar 86. Tampilan saat Menekan Button Update Profil - Kemitraan SPBU

Calon Mitra dapat melakukan update berdasarkan kebutuhan Calon Mitra. Sebagai contoh,
Calon Mitra melakukan update file KTP, untuk menghapus file yang telah di-upload maka tekan

button , apabila telah selesai melakukan update selanjutnya tekan “Submit” untuk
menyimpan perubahan tersebut dan sistem tetap di halaman update profil seperti berikut.

72 | A p l i k a s i W e b K e m i t r a a n S P B U
Gambar 87. Tampilan Setelah Melakukan Update Profil - Kemitraan SPBU

Kemudian untuk mengembalikan ke halaman index tekan “Pengajuan” .

Gambar 88. Tampilan Setelah Menekan Pengajuan - Kemitraan SPBU

73 | A p l i k a s i W e b K e m i t r a a n S P B U
Ketika Calon Mitra menekan “Logout” maka sistem akan mengarahkan ke laman
“Login” seperti di bawah ini.

Gambar 89. Logout Kembali Ke Laman Login Web Kemitraan SPBU


Calon Mitra dapat mencari data dengan menekan “Search Bar”. Apabila dalam mencari data
tidak terdapat data yang dicari, maka tampilan sebagai berikut.

Gambar 90. Pencarian Menggunakan Search Bar Kriteria Tidak Sesuai - Kemitraan SPBU

74 | A p l i k a s i W e b K e m i t r a a n S P B U
Sedangkan apabila dalam pencarian data tersebut muncul maka tampilannya seperti di bawah

Gambar 91. Pencarian Menggunakan Search Bar Kriteria Sesuai - Kemitraan SPBU


Calon Mitra menekan fungsi “Short By”, sistem menampilkan data pengajuan berdasarkan
request order (pengajuan terbaru atau lama) Calon Mitra. Berikut kondisi sebelum dilakukan
order by Tanggal Pengajuan.

Gambar 92. Sebelum Fungsi Short By Diterapkan Berdasarkan Tanggal Pengajuan - Kemitraan SPBU

75 | A p l i k a s i W e b K e m i t r a a n S P B U
Berikut kondisi setelah dilakukan order by Tanggal Pengajuan

Gambar 93. Setelah Fungsi Short By Diterapkan Berdasarkan Tanggal Pengajuan - Kemitraan SPBU


Calon Mitra dapat mengatur jumlah data yang ingin ditampilkan pada index dengan menekan

button lalu muncul dropdown yang bisa dipilih berdasarkan keinginan dan kebutuhan.

Gambar 94. Dropdown Pagination - Kemitraan SPBU

76 | A p l i k a s i W e b K e m i t r a a n S P B U
Sebagai contoh user memilih 10 maka sistem akan menampilkan sesuai data entries.

Gambar 95. Contoh Memilih 10 pada Dropdown Pagination - Kemitraan SPBU


Pada halaman index terdapat bar pagination. Sebagai contoh user memilih pagination 2, maka
sistem menampilkan data sesuai pagination yang dipilih.

Gambar 96. Pagination 2 - Kemitraan SPBU

77 | A p l i k a s i W e b K e m i t r a a n S P B U

Ketika Calon Mitra menekan tombol Calon Mitra hanya dapat melihat detail pengajuan,
seperti di bawah.

Gambar 97. Melihat Detail Pengajuan - Kemitraan SPBU

Ketika Calon Mitra menekan tombol sistem menampilkan halaman detail pengajuan
kemudian Calon Mitra hanya dapat melakukan edit pengajuan, seperti di bawah.

78 | A p l i k a s i W e b K e m i t r a a n S P B U
Gambar 98. Melihat Detail Pengajuan - Kemitraan SPBU

Ketika Calon Mitra menekan tombol sistem menghapus detail pengajuan.

Gambar 99. Index Detail Pengajuan Sebelum Dihapus- Kemitraan SPBU

79 | A p l i k a s i W e b K e m i t r a a n S P B U
Calon Mitra menekan tombol lalu muncul popup submit confirmation seperti di bawah.

Gambar 100. Index Detail Pengajuan Setelah Dihapus - Kemitraan SPBU

Calon Mitra memilih menekan maka pengajuan tidak akan terhapus, sedangkan jika

menekan maka pengajuan akan terhapus.

Gambar 101. Index Detail Pengajuan Setelah Dihapus - Kemitraan SPBU

Ketika Calon Mitra menekan button sistem menampilkan popup “Pilih Lembaga
Penyalur”, lalu arahkan kursor mouse kepada lembaga penyalur SPBU.

80 | A p l i k a s i W e b K e m i t r a a n S P B U
Gambar 102. Halaman Pendaftaran Lokasi RPJ - Kemitraan SPBU

Calon Mitra memilih kemitraan SPBU dan tekan , sistem membawa ke


halaman Pendaftaran Lokasi RPJ seperti berikut.

Gambar 103. Halaman Pendaftaran Lokasi RPJ - Kemitraan SPBU

81 | A p l i k a s i W e b K e m i t r a a n S P B U
B. Halaman Detail

Pada halaman index saat Calon Mitra menekan aksi , maka sistem membawa ke halaman detail
deperti di bawah.

Gambar 104. Contoh Halaman Detail Pengajuan Calon Mitra - Kemitraan SPBU

Pada halaman detail terdapat beberapa icon yang harus diketahui user, seperti:


Ketika Calon Mitra menekan button pengajuan tersebut maka sistem akan kembali ke halaman
index seperti di bawah.

82 | A p l i k a s i W e b K e m i t r a a n S P B U
Gambar 105. Kembali ke Halaman Index - Kemitraan SPBU


Icon ini adalah “Fase Bar” dimana Calon Mitra dapat mengetahui Pengajuannya pada tahap apa.

Calon Mitra dapat menekan tombol (expand/memperluas) untuk mengetahui detail lengkap
dokumen

83 | A p l i k a s i W e b K e m i t r a a n S P B U
Gambar 106. Saat Menekan Expand - Kemitraan SPBU

Sedangkan untuk menutup kembali (collapse/menciutkan) Calon Mitra tekan maka tampilan
detail akan kembali pada bentuk semula.

Gambar 107. Saat Menekan Collapse - Kemitraan SPBU

Saat Calon Mitra menekan , maka tampilan Peta seperti di bawah.

Gambar 108. Tampilan Peta saat Menekan - Kemitraan SPBU

84 | A p l i k a s i W e b K e m i t r a a n S P B U
Saat Calon Mitra menekan , maka tampilan Peta seperti di bawah.

Gambar 109. Tampilan Peta saat Menekan - Kemitraan SPBU

Saat user menekan tombol , maka tampilan peta menjadi layar penuh dan untuk

mengembalikan ke tampilan semula user dapat menekan .

Gambar 110. Tampilan Penuh Layar Peta - Kemitraan SPBU


Saat user menekan pegman maka peta akan membuka menjadi tampilan street view.

85 | A p l i k a s i W e b K e m i t r a a n S P B U
Gambar 111. Tampilan Steer View saat Pegman Ditarik - Kemitraan SPBU


Saat user menekan tombol perbesar maka tampilan Peta akan memperbesar area seperti di
bawah.

Gambar 112. Sebelum Menekan Tombol Perbesar - Kemitraan SPBU

Gambar 113. Setelah Menekan Tombol Perbesar - Kemitraan SPBU


Saat user menekan tombol perkecil maka tampilan Peta akan menampilkan lebih luas area
seperti di bawah.

86 | A p l i k a s i W e b K e m i t r a a n S P B U
Gambar 114. Sebelum Menekan Tombol Perkecil - Kemitraan SPBU

Gambar 115. Setelah Menekan Tombol Perbesar - Kemitraan SPBU

87 | A p l i k a s i W e b K e m i t r a a n S P B U
C. Aturan Upload File

Dalam melakukan upload file terdapat beberapa hal yang harus diketahui Calon Mitra:
1. Upload File hanya dalam bentuk image/PDF
Jika Calon Mitra melakukan upload file bukan dalam bentuk image/PDF maka sistem akan
menampilkan popup sebagai berikut.

Gambar 116. Popup Warning Message File Format - Kemitraan SPBU

2. Upload File hanya dalam bentuk Word/PDF


Jika Calon Mitra melakukan upload file bukan dalam bentuk Word/PDF maka sistem akan
menampilkan popup sebagai berikut.

Gambar 117. Popup Warning Message File Format - Kemitraan SPBU

88 | A p l i k a s i W e b K e m i t r a a n S P B U
3. Upload File hanya dalam bentuk Excel
Jika Calon Mitra melakukan upload file bukan dalam bentuk Excel maka sistem akan
menampilkan popup sebagai berikut.

Gambar 118. Popup Warning Message File Format - Kemitraan SPBU

4. Upload File tidak boleh lebih dari 50 karakter


Jika Calon Mitra melakukan upload file dengan nama file melebihi 50 karakter maka sistem
akan menampilkan popup sebagai berikut.

Gambar 119. Popup Warning Message Length File Name Format Registrasi Kemitraan SPBU

89 | A p l i k a s i W e b K e m i t r a a n S P B U
5. Upload File tidak boleh lebih dari 10 MB
 Jika Calon Mitra melakukan upload file dalam sekali upload ukuran size melebihi 10 MB
maka sistem akan menampilkan popup sebagai berikut.

Gambar 120. Popup Warning Message File Size Format - Kemitraan SPBU

 Jika Calon Mitra melakukan upload file dalam beberapa kali upload file dengan size kurang
dari 10 MB per file (contoh: file 1 = 5MB, file 2 = 7 MB, file 3 = 3 MB dst) size tersebut
jika dikalkulasikan hasilnya melebihi 10 MB hal tersebut dapat dilakukan dan dapat dilihat
pada gambar di bawah ini.

Gambar 121. Upload File lebih dari 10 MB dalam Beberapa File - Kemitraan SPBU

90 | A p l i k a s i W e b K e m i t r a a n S P B U
6. Upload File tidak boleh lebih dari 20 MB
 Jika Calon Mitra melakukan upload file dalam sekali upload ukuran size melebihi 10 MB
maka sistem akan menampilkan popup sebagai berikut.

Gambar 122. Popup Warning Message File Size Format - Kemitraan SPBU

 Jika Calon Mitra melakukan upload file dalam beberapa kali upload file dengan size kurang
dari 20 MB per file (contoh: file 1 = 15MB, file 2 = 7 MB, file 3 = 5 MB dst) size tersebut
jika dikalkulasikan hasilnya melebihi 20 MB hal tersebut dapat dilakukan dan dapat dilihat
pada gambar di bawah ini.

Gambar 123. Upload File lebih dari 20 MB dalam Beberapa File - Kemitraan SPBU

7. Upload File tidak boleh lebih dari 50 MB


 Jika Calon Mitra melakukan upload file dalam sekali upload ukuran size melebihi 50 MB
maka sistem akan menampilkan popup sebagai berikut.

Gambar 124. Popup Warning Message File Size Format - Kemitraan SPBU

 Jika Calon Mitra melakukan upload file dalam beberapa kali upload file dengan size kurang
dari 50 MB per file (contoh: file 1 = 25MB, file 2 = 15 MB, file 3 = 30 MB dst) size tersebut
jika dikalkulasikan hasilnya melebihi 50 MB hal tersebut dapat dilakukan dan dapat dilihat
pada gambar di bawah ini.

91 | A p l i k a s i W e b K e m i t r a a n S P B U
Gambar 125. Upload File lebih dari 50 MB dalam Beberapa File - Kemitraan SPBU

8. Saat Upload File terdapat Progress Bar untuk mengetahui file yang di-upload tersimpan dalam
database seperti berikut.

Gambar 126. Progress Bar saat Upload File - Kemitraan SPBU

92 | A p l i k a s i W e b K e m i t r a a n S P B U
2. Persetujuan Prinsip

Sebelum mengisi form “Persetujuan Prinsip” terdapat ketentuan sebagai berikut:


1) Jarak titik pengajuan RPJ antar Calon Mitra dengan Calon Mitra lainnya apabila ± 1 KM saat
pengisian maka hanya terdapat salah satu Calon Mitra yang dapat melakukan pengajuan RPJ
di antara jarak tersebut.
2) Calon Mitra diberi waktu pengisian input data form “Persetujuan Prinsip” dengan jangka
waktu 5 hari, dimana terdapat tiga status saat pengisian tersebut, yaitu:
a. Apabila saat pengisian Calon Mitra tidak melanjutkan sampai dengan akhir menekan
“Submit” namun hanya menekan “Simpan” maka sebelum rentan waktu tersebut habis
status dari pengisian “Input Data” tersebut adalah sebagai Draft dan Calon Mitra dapat

melanjutkan kembali pengisian tersebut dengan menekan tombol “Aksi” pada halaman
index Kemitraan SPBU.
b. Apabila Calon Mitra behasil mengisi tuntas sampai dengan menekan “Submit” maka status
pada “Persetujuan Prinsip” adalah Menunggu Persetujuan dari pihak internal Kemitraan
SPBU. Calon Mitra dapat meilihat kembali hasil yang telah di “Submit” tersebut dengan
menekan tombol “Aksi” pada halaman index Kemitraan SPBU (halaman bersifat tidak
dapat di-edit hanya mode view).
c. Apabila melebihi rentan waktu maka pengajuan “Persetujuan Prinsip” berstatus Expired
dan Calon Mitra tidak dapat melanjutkan pengisian tersebut dengan data dapat dilihat
dengan menekan tombol “Aksi” pada halaman index Kemitraan SPBU (halaman
bersifat tidak dapat di-edit hanya mode view), tapi Calon Mitra dapat melakukan pengajuan
ulang dengan cara tekan “Pengajuan Baru” selama masa pendaftaran Kemitraan SPBU
belum di tutup.

93 | A p l i k a s i W e b K e m i t r a a n S P B U
2.1 Create RPJ

Setelah Calon Mitra berhasil melakukan login pada halaman Website Kemitraan lalu tekan
“Pengajuan”, maka selanjutnya sistem akan menampilkan halaman Dashboard Kemitraan seperti
pada gambar di bawah ini.

Gambar 127. Halaman Index Persetujuan Prinsip Kemitraan SPBU

Pada halaman Dashboard Kemitraan, Calon Mitra dapat menekan menu “Pengajuan Baru”

, lalu sistem menampilkan popup “Pilih Kemitraan”.

Gambar 128. Pilih Kemitraan pada Saat Tekan Pengajuan Baru - Kemitraan SPBU

94 | A p l i k a s i W e b K e m i t r a a n S P B U
Calon Mitra menekan button “SPBU” , maka sistem akan menampilkan
halaman “Create RPJ SPBU”, seperti pada gambar dibawah ini.

Gambar 129. Halaman Create RPJ Kemitraan SPBU

Pada halaman “Create RPJ SPBU”, Calon Mitra dapat melakukan input pada kolom yang
disediakan oleh sistem, meliputi “Provinsi”, “Kota/Kabupaten”, “Kecamatan”, “Desa/Kelurahan”,
serta pada section Informasi Lahan terdapat kolom “Jenis Penyalur SPBU”, “Alamat”, Kodepos”.
Apabila Calon Mitra menekan pada kolom Provinsi maka sistem akan menampilkan data
dropdown Provinsi seperti pada gambar di bawah ini.

95 | A p l i k a s i W e b K e m i t r a a n S P B U
Gambar 130. Data Dropdown Kolom Provinsi Kemitraan SPBU

Apabila Calon Mitra memilih dan menekan pada data dropdown kolom Provinsi maka sistem akan
melakukan generate peta sesuai dengan data dropdown Provinsi yang dipilih oleh Calon Mitra
seperti pada gambar di bawah ini.

Gambar 131. Generate Map Data Dropdown Kolom Provinsi Kemitraan SPBU

96 | A p l i k a s i W e b K e m i t r a a n S P B U
Apabila Calon Mitra menekan pada kolom Kota/Kabupaten maka sistem akan menampilkan data
dropdown Kota/Kabupaten sesuai dengan data Provinsi yang dipilih oleh Calon Mitra seperti pada
gambar di bawah ini.

Gambar 132. Data Dropdown Kolom Kota/Kabupaten Kemitraan SPBU

Apabila Calon Mitra memilih dan menekan pada data dropdown kolom Kota/Kabupaten maka
sistem akan melakukan generate peta sesuai dengan data dropdown Kota/Kabupaten yang dipilih
oleh Calon Mitra seperti pada gambar di bawah ini.

Gambar 133. Generate Map Data Dropdown Kolom Kota/Kabupaten Kemitraan SPBU

97 | A p l i k a s i W e b K e m i t r a a n S P B U
Apabila Calon Mitra menekan pada kolom Kecamatan maka sistem akan menampilkan data
dropdown Kecamatan sesuai dengan data Provisi dan Kota/Kabupaten yang dipilih oleh Calon
Mitra seperti pada gambar di bawah ini.

Gambar 134. Data Dropdown Kolom Kecamatan Kemitraan SPBU

Apabila Calon Mitra memilih dan menekan pada data dropdown kolom Kecamatan maka sistem
akan melakukan generate peta sesuai dengan data dropdown Kecamatan yang dipilih oleh Calon
Mitra seperti pada gambar di bawah ini.

Gambar 135. Generate Map Data Dropdown Kolom Kecamatan Kemitraan SPBU

98 | A p l i k a s i W e b K e m i t r a a n S P B U
Apabila Calon Mitra menekan pada kolom Desa/Kelurahan maka sistem akan menampilkan data
dropdown Desa/Kelurahan sesuai dengan data Provisi, Kota/Kabupaten dan Kecamatan yang
dipilih oleh Calon Mitra seperti pada gambar di bawah ini.

Gambar 136. Data Dropdown Kolom Desa/Kelurahan Kemitraan SPBU

Apabila Calon Mitra memilih dan menekan pada data dropdown kolom Desa/Kelurahan maka
sistem akan melakukan generate peta sesuai dengan data dropdown Desa/Keluarahan yang dipilih
oleh Calon Mitra seperti pada gambar di bawah ini.

Gambar 137. Generate Map Data Dropdown Kolom Desa/Kelurahan Kemitraan SPBU

99 | A p l i k a s i W e b K e m i t r a a n S P B U
Terdapat dependensi terhadap kolom Provinsi, Kota/Kabupaten, Kecamatan dan Desa/Keluaran,
apabila Calon Mitra sudah melakukan input sampai dengan kolom Desa/Kecamatan, dan terdapat
perubahan pada data Provinsi, maka sistem akan melakukan reset data terhadap kolom
Kota/Kabupaten, Kecamatan dan Desa/Keluaran, kondisi ini juga dapat ditemukan pada perubahan
data dropdown Kota/Kabupaten yang akan melakukan reset data pada kolom “Kecamatan” dan
“Desa/Keluarahan”, serta perubahan data dropdown Kecamatan yang akan melakukan reset data
pada kolom “Desa/Keluarahan”.

Setelah Calon mitra melakukan input pada kolom “Provinsi”, Kota/Kabupaten, Kecamatan dan
Desa/Kelurahan maka tahap selanjutnya Calon Mitra dapat melakukan pemberian tanda pada Peta
sesuai dengan lokasi yang akan dibangunnya Jenis Penyalur SPBU, setelah Calon Mitra

memberikan tanda pada Peta dengan menggeserkan marker , maka sistem akan melakukan
generate data alamat pada Peta dan melakukan otomatis input pada kolom Lat Long, seperti pada
gambar dibawah ini.

Gambar 138. Generate Alamat Map & Kolom Lat Long Kemitraan SPBU

Pada section Informasi Lahan, terdapat kolom Jenis Penyalur SPBU yang dapat dipilih oleh Calon
Mitra, apabila Calon Mitra menekan dropdown kolom Jenis Penyalur SPBU, maka sistem akan
menampilkan data dropdown Jenis Penyalur SPBU, seperti pada gambar dibawah ini.

100 | A p l i k a s i W e b K e m i t r a a n S P B U
Gambar 139. Data Dropdown Kolom Jenis Penyalur SPBU Kemitraan SPBU

Calon Mitra dapat mengetahui penjelasan Jenis Penyalur SPBU dengan menekan button lalu
terdapat popup seperti di bawah.

Gambar 140. Data Dropdown Kolom Jenis Penyalur SPBU Kemitraan SPBU

101 | A p l i k a s i W e b K e m i t r a a n S P B U
Submit dengan Kondisi Titik Pengajuan RPJ Berdekatan

Setelah Calon Mitra menekan tombol “Submit” jika titik pengajuan RPJ Calon Mitra
dengan Mitra/Calon Mitra lainnya adalah ± 1 KM, maka terdapat flash message dan alert seperti di
bawah ini

Gambar 141. Alert&Flash Message Titik Pengajuan ± 1 KM dengan Mitra/Calon Mitra Lainnya - Kemitraan SPBU

Submit dengan Kondisi Titik Pengajuan RPJ Sesuai

Setelah Calon Mitra menekan tombol “Submit” akan muncul popup informasi jangka
waktu waktu pengisian laman “Persetujuan Prinsip” seperti di bawah

Gambar 142. Popup Informasi jangka waktu Pengisian Persetujuan Prinsip - Kemitraan SPBU

102 | A p l i k a s i W e b K e m i t r a a n S P B U
Setelah popup tampil Calon Mitra tekan pada “Halaman Berikutnya”
selanjutnya sistem akan menampilkan halaman Create Persetujuan Prinsip serta sistem juga akan

melakukan generate baris data ketika menekan dengan memberikan informasi


Kemitraan, Nama Perusahaan, Provinsi, Kota, Tahapan, Status, SLA, Batas Waktu, Tanggal
Pengajuan & No Registrasi (Generate otomatis ketika Calon Mitra telah melakukan input data dan
submit data pada halaman Create Persetujuan Prinsip Form Data Tata Letak), serta memberikan

action “Pensil” pada halaman Index Persetujuan Prinsip seperti pada gambar dibawah ini.

Gambar 143. Generate Baris Data Halaman Index Persetujuan Prinsip Kemitraan SPBU

103 | A p l i k a s i W e b K e m i t r a a n S P B U
Gambar 144. Halaman Create Persetujuan Prinsip Kemitraan SPBU

104 | A p l i k a s i W e b K e m i t r a a n S P B U
Pada halaman Create RPJ SPBU, apabila Calon Mitra tidak melakukan input terhadap kolom

mandatory (*) dan menekan tombol “Submit” , maka sistem akan menampilkan Warning
Message, seperti pada gambar dibawah ini.

Gambar 145. Warning Message Halaman Create RPJ Kemitraan SPBU

2.2 Create Persetujuan Prinsip PT


Calon Mitra mendapat jangka waktu pengisian “Input Data” yaitu 5 hari.

2.2.1 Data Pengusaha PT

Setelah Calon Mitra berhasil melakukan Create RPJ SPBU, maka selanjutnya menampilkan
halaman Create Persetujuan Prinsip dan enable form input Data Pengusaha dengan
melakukan generate otomatis pada kolom yang telah di-input-kan pada aktivitas input
sebelumnya oleh Calon Mitra (Nama Pengusaha, No. KTP, Jabatan Pengusaha, Tanggal
Lahir, Email, Provinsi, Kota / Kabupaten, Kecamatan, Kelurahan, Kodepos), sistem juga
akan melakukan disable pada form input Data Perusahaan dan form input Data Tata Letak
seperti pada gambar di bawah ini.

105 | A p l i k a s i W e b K e m i t r a a n S P B U
Gambar 146. Halaman Create Persetujuan Prinsip Form Input Data Pengusaha - Kemitraan SPBU

Pada halaman Create Persetujuan Prinip Form Input Data Pengusaha Calon Mitra dapat

melakukan upload file dengan menekan tombol “Upload File” , setelah Calon
Mitra menekan tombol “Upload File” maka sistem akan menampilkan popup Window
Upload seperti pada gambar di bawah ini.

106 | A p l i k a s i W e b K e m i t r a a n S P B U
Gambar 147. Popup Window Upload Form Input Data Pengusaha Kemitraan SPBU

Calon Mitra dapat melakukan upload file, sesuai dengan kriteria yang diberikan oleh sistem
yaitu “File yang dapat di upload hanya image / PDF dan maks size adalah 10MB.” Apabila
Calon Mitra melakukan upload file tidak sesuai dengan kriteria upload, maka sistem akan
menampilkan popup “Warning Message”, seperti pada gambar di bawah ini.

Gambar 148. Popup Warning Message File Format Form Input Pengusaha - Kemitraan SPBU

107 | A p l i k a s i W e b K e m i t r a a n S P B U
Gambar 149. Popup Warning Message Length File Name Form Input Pengusaha - Kemitraan SPBU

Gambar 150. Popup Warning Message File Size Form Input Pengusaha - Kemitraan SPBU

Calon Mitra juga dapat memilih tanggal dengan menekan menekan tombol “Date Picker”

, setelah Calon Mitra menekan tombol “Date Picker” maka sistem akan menampilkan
fungsi date picker seperti pada gambar dibawah ini.

Gambar 151. Date Picker Form Data Pengusaha Kemitraan SPBU

108 | A p l i k a s i W e b K e m i t r a a n S P B U
Calon Mitra dapat melakukan input pada kolom pendidikan formal dengan menekan
dropdown “Pendidikan Formal”, setelah menekan dropdown “Pendidikan Formal”, maka
sistem akan menampilkan data “Pendidikan Formal” seperti pada gambar dibawah ini.

Gambar 152. Data Dropdown Kolom Pendidikan Formal Form Data Pengusaha Kemitraan SPBU

Calon Mitra dapat merubah data Lokasi pada halaman Form Data Pengusaha pada kolom
Provinsi, Kota/Kabupaten, Kecamatan, Desa/Kelurahan yang telah di-input-kan pada
aktivitas Create RPJ SPBU.

Pada section Kepemilikan Dokumen, Calon Mitra dapat menambah data Deposito, Giro,

Tabungan dengan menekan tombol “Tambah Deposito” untuk menambah

Kepemilikan Dokumen jenis Deposito, menambah data Giro, “Tambah Giro”


untuk menambah Kepemilikan Dokumen jenis Giro, menambah data Tabungan dengan

menekan tombol “Tambah Tabungan” untuk menambah Kepemilikan


Dokumen jenis Tabungan, setelah Calon Mitra menekan tombol “Tambah”, maka sistem
akan melakukan generate pada tab yang akan ditambah datanya oleh Calon Mitra, seperti
pada gambar di bawah ini.

Gambar 153. Tambah Data Deposito / Giro / Tabungan Form Data Pengusaha Kemitraan SPBU

109 | A p l i k a s i W e b K e m i t r a a n S P B U
Pada section Kepemilikan Dokumen, Calon Mitra dapat menghapus data Deposito, Giro,

Tabungan dengan menekan tombol , setelah Calon Mitra menekan tombol , maka
sistem akan melakukan penghapusan data pada tab yang akan dihapus datanya oleh Calon
Mitra, seperti pada gambar di bawah ini.

Gambar 154. Hapus Data Deposito / Giro / Tabungan Form Data Pengusaha Kemitraan SPBU

Apabila Calon Mitra telah melakukan input pada halaman Create Persetujuan Prinsip Form

Data Pengusaha maka Calon Mitra dapat menekan tombol “Simpan” , setelah
Calon Mitra menekan tombol “Simpan” maka muncul flash message dan alert seperti di
bawah.

Gambar 155. Flash Message & Alert Saat Menekan Simpan - Kemitraan SPBU

110 | A p l i k a s i W e b K e m i t r a a n S P B U
Sistem akan melakukan enable terhadap Form Data Perusahaan, seperti pada gambar
dibawah ini.

Gambar 156. Halaman Create Persetujuan Prinsip Form Data Perusahaan Kemitraan SPBU

111 | A p l i k a s i W e b K e m i t r a a n S P B U
Pada halaman Create Persetujuan Prinsip Form Data Pengusaha apabila Calon Mitra

menekan tombol “Simpan” dengan kondisi kolom Mandatory (*) tidak dilakukan
input maka, setelah Calon Mitra menekan tombol “Simpan”, maka sistem akan menampilkan
Warning Message, seperti pada gambar di bawah ini.

Gambar 157. Warning Message Create Persetujuan Prinsip Form Data Pengusaha Kemitraan SPBU

112 | A p l i k a s i W e b K e m i t r a a n S P B U
2.2.2 Data Perusahaan PT

Setelah Calon Mitra berhasil melakukan input pada halaman Form Data Pengusaha, maka
aktivitas selanjutnya Calon Mitra adalah melakukan input pada halaman Form Data
Perusahaan, Form Data Perusahaan dapat diakses dengan menekan menekan logo “Data

Perusahaan” pada halaman Create Persetujuan Prinsip Form Data Pengusaha,


setelah menekan logo “Data Perusahaan” maka sistem akan menampilkan halaman Create
Persetujuan Prinsip Form Data Perusahaan, seperti pada gambar dibawah ini.

Gambar 158. Halaman Create Persetujuan Prinsip Form Input Data Pengusaha Kemitraan SPBU

113 | A p l i k a s i W e b K e m i t r a a n S P B U
Ketika Calon Mitra menekan tetapi input data perusahaan belum terlengkapi maka
terdapat alert seperti di bawah ini.

Gambar 159. Alert Data Prusahaan - Kemitraan SPBU

114 | A p l i k a s i W e b K e m i t r a a n S P B U
a. Profil Perusahaan
Pada bagian ini Calon Mitra melengkapi isian tersebut.

Gambar 160. Tampilan Identitas Perusahaan Kemitraan SBPU

Untuk “Jenis Usaha” terdapat dropdown yang dapat dipilih oleh Calon Mitra, berikut
tampilan saat kolom “Jenis Usaha” dibuka.

Gambar 161. Data Dropdown Jenis Usaha Kemitaan SPBU

Jika Jenis Usaha tidak ada dalam data dropdown yang tersedia maka Calon Mitra dapat
memilih bagian ”Lainnya”, setelah dipilih Lainnya maka akan muncul kolom yang dapat diisi
secara manual.

115 | A p l i k a s i W e b K e m i t r a a n S P B U
Gambar 162.Tampilan Pilihan “Lainnya” pada Jenis Usaha Kemitraan SPBU

Apabila text box tersbut tidak dilengkapi, saat menekan simpan terdapat warning message
seperti di bawah.

Gambar 163.Warning Message pada Textboxt Jenis Usaha Lainnya - Kemitraan SPBU

Selanjutnya untuk bagian ada atau tidak adanya usaha yang berkaitan dengan Pertamina dan
juga memiliki atau tidak bidang usaha yang lain, Calon Mitra diberi 2 (dua) opsi pilihan.
 Jika Calon Mitra tidak memiliki usaha yang berkaitan dengan pertamina dan memiliki
atau tidak bidang usaha yang lain, maka dapat memilih opsi “Tidak”

Gambar 164. Opsi Memilih “Tidak” Kemitraan SPBU

 Jika Calon Mitra memiliki usaha yang berkaitan dengan pertamina maka memilih opsi
“Ya” maka terdapat isian yang harus diisi oleh Calon Mitra

Gambar 165. Memilih Opsi "Ya" Kemitraan SPBU

Untuk “Bidang Usaha” terdapat beberapa pilihan dan akan muncul dropdown dan Calon
Mitra dapat memilih salah satu dengan dropdown seperti di bawah ini:

116 | A p l i k a s i W e b K e m i t r a a n S P B U
Gambar 166. List Dropdown "Bidang Usaha" Kemitraan SPBU

Sedangkan untuk “No Lembaga Penyalur” itu bersifat optional, jika ada maka diisi dan jika
tidak ada boleh dikosongkan.

Calon Mitra yang memiliki usaha lainnya maka dapat memilih pilihan “Ya”, lalu tekan pada

bagian “Tambah Badan Usaha” , namun apabila ingin membatalkannya maka

tekan .

Gambar 167. Opsi Memilih “Ya” Kemitraan SPBU

Untuk pengisian Jenis Usahanya terdapat data dropdown yang kemudian bisa dipilih oleh
Calon Mitra.

Gambar 168. Data Dropdown "Jenis Usaha Lain" Kemitraan SPBU

117 | A p l i k a s i W e b K e m i t r a a n S P B U
Pada bagian Susunan Direksi Calon Mitra dapat menekan untuk dapat
mengisi 1 (satu) atau lebih dari 1 (satu) susunan direksi pada perusahaannya sedangkan untuk

menghapus tekan tombol .

Gambar 169. Pengisian Susunan Direksi - Kemitraan SPBU

Untuk melakukan upload file tekan pada bagian dengan ketentuan file dalam
format image/PDF dengan maskimal size 10 MB.

Pada tahap input data RPJ field “Kepemilikan Saham” tidak mandatory dimana Calon Mitra
dapat melewati isian tersebut.

Gambar 170. Kepemilikan Saham - Kemitraan SPBU

Tetapi jika Calon Mitra berkeinginan melakukan input kepemilikan saham langkahnya seperti
di bawah.

Pada bagian “Kepemilikan Saham” Calon Mitra mengisi banyaknya “Total Nilai Saham” jika

“Total Nilai Saham” tidak diisi dan Calon Mitra menekan button maka sistem
menampilkan warning message persentase saham belum 100%.

118 | A p l i k a s i W e b K e m i t r a a n S P B U
Gambar 171. Kepemilikan Saham - Kemitraan SPBU

Setelah muncul warning message kemudian tekan untuk menambahkan pemegang


saham, dimana dapat mengisi 1 (satu) atau lebih dari 1 (satu) pemegang saham pada

perusahaannya sedangkan untuk menghapusnya tekan tombol , maka muncul kolom


seperti di bawah

Gambar 172. Kolom untuk Menambahkan Pemegang Saham - Kemitraan SPBU

Persentase saham akan terisi otomatis berdasarkan jumlah saham terhadap total keseluruhan
anggota. Namun jika kepemilikan tersebut kurang dari 100% maka muncul “Warning
Message” seperti di bawah ini.

Gambar 173. Warning Message Kepemilikan Saham Kurang dari 100% - Kemitaan SPBU

Ketika Calon Mitra mengisi “Jumlah Saham” lebih dari 100% maka akan muncul Warning
Message seperti di bawah ini.

Gambar 174.Warning Message Kepemilikan Saham Lebih dari 100% - Kemitaan SPBU

Ketika Calon Mitra mengisi “Jumlah Saham” sudah 100% maka akan muncul Warning
Message seperti di bawah ini.

119 | A p l i k a s i W e b K e m i t r a a n S P B U
Gambar 175.Warning Message Kepemilikan Saham 100% - Kemitaan SPBU

b. Dokumen Perusahaan
Pada bagian ini Calon Mitra melengkapi isian tersebut.

Gambar 176. Tampilan Dokumen Perusahaan - Kemitraan SPBU

Calon Mitra harus mengisi bagian yang diberi tanda * (mandatory) yaitu bagian NPWP
Perusahaan dan Akta pendirian Perusahaan.

Sedangkan untuk bagian Pengesahan Kemenkumham atas Pendirian Perusahaan, Akta


Perubahan Perusahaan Terakhir dan Pengesahan Kemenkumham atas Perubahan Perusahaan
Terakhir itu bersifat optional. Akan tetapi jika Pengesahan Kemenkumham atas Pendirian
Perusahaan diisi maka Akta Perubahan Perusahaan Terakhir dan Pengesahan Kemenkumham
atas Perubahan Perusahaan Terakhir itu menjadi mandatory (wajib diisi).

c. Kepemilikan Dokumen
Pada section Kepemilikan Dokumen, Calon Mitra dapat menambah data Deposito, Giro,

Tabungan dengan menekan tombol “Tambah Deposito” untuk menambah

120 | A p l i k a s i W e b K e m i t r a a n S P B U
Kepemilikan Dokumen jenis Deposito, menambah data Giro, “Tambah Giro”
untuk menambah Kepemilikan Dokumen jenis Giro, menambah data Tabungan dengan

menekan tombol “Tambah Tabungan” untuk menambah Kepemilikan


Dokumen jenis Tabungan, setelah Calon Mitra menekan tombol “Tambah”, maka sistem
akan melakukan generate pada tab yang akan ditambah datanya oleh Calon Mitra, seperti
pada gambar di bawah ini.

Gambar 177. Tambah Data Deposito / Giro / Tabungan Form Data Pengusaha Kemitraan SPBU

Pada section Kepemilikan Dokumen, Calon Mitra dapat menghapus data Deposito, Giro,

Tabungan dengan menekan tombol , setelah Calon Mitra menekan tombol , maka
sistem akan melakukan penghapusan data pada tab yang akan dihapus datanya oleh Calon
Mitra, seperti pada gambar di bawah ini.

Gambar 178. Hapus Data Deposito / Giro / Tabungan Form Data Pengusaha Kemitraan SPBU

121 | A p l i k a s i W e b K e m i t r a a n S P B U
Setelah lengkap mengisi tanpa ada yang terlewatkan, Calon Mitra menekan tombol “Simpan”

, setelah Calon Mitra menekan tombol “Simpan” maka sistem akan melakukan
enable terhadap Form Data Tata Letak serta terdapat alert seperti berikut.

Gambar 179. Flash Message & Alert Saat Menekan Simpan - Kemitraan SPBU

2.2.3 Data Tata Letak PT

Setelah Calon Mitra berhasil melakukan input pada halaman Form Data Perusahaan, maka
aktivitas selanjutnya Calon Mitra adalah melakukan input pada halaman Form Data Tata
Letak, Form Data Perusahaan dapat diakses dengan menekan menekan logo “Data Tata

Letak” pada halaman Create Persetujuan Prinsip Form Data Tata Letak,
setelah menekan logo “Data Tata Letak” maka sistem akan menampilkan halaman Create
Persetujuan Prinsip Form Data Tata Letak, seperti pada gambar dibawah ini.

122 | A p l i k a s i W e b K e m i t r a a n S P B U
Gambar 180. Tampilan Data Tata Letak Kemitraan SPBU

123 | A p l i k a s i W e b K e m i t r a a n S P B U
Apabila Calon Mitra menekan “Simpan” dengan kondisi input-an belum terisi maka sistem
menampilkan warning message sebagai berikut

Gambar 181. Warning Message pada Data Tata Letak Kemitraan SPBU

124 | A p l i k a s i W e b K e m i t r a a n S P B U
Bagian ini digunakan untuk proses input data informasi tata letak lokasi yang didaftarkan
sebagai mitra pertamina.
a. Profil Lahan
 Lebar dan Panjang Lahan
Pada bagian ini Calon Mitra mengisikan angka pada text box yang tersedia dengan
minimal lebar lahan 20 meter.

Gambar 182. Lebar dan Panjang Lahan - Kemitraan SPBU

 Posisi Lahan
Pada bagian ini terdapat 2 (dua) opsi pilihan, dimana Calon Mitra Harus memilih salah
satu, yaitu jika:
 Calon Mitra memilih dalam bentuk file gambar yang telah tersedia

Gambar 183. Posisi Lahan Memilih Pada Kolom Foto yang Tersedia Kemitraan SPBU

 Calon Mitra memilih “Lainnya” dan dipersilahkan untuk melakukan upload file hanya
dalam bentuk PDF/image , kemudian Calon Mitra dapat melakukan upload file lebih
dari 1 (satu) dengan catatan melakukan upload 1 (satu) per 1 (satu) file “Bentuk
Lahan” tersebut tanpa maksimal ukuran size dengan menekan button “Upload File”

125 | A p l i k a s i W e b K e m i t r a a n S P B U
Gambar 184. Tampilan Pemilihan Posisi Lahan Jenis "Lainnya" Kemitraan SPBU

 Bentuk Lahan
Pada bagian ini terdapat dua opsi pilihan yaitu:
 Calon Mitra dapat memilih bentuk lahan yang terdapat pada kolom foto yang tersedia.

Gambar 185. Bentuk Lahan Memilih Pada Kolom Foto yang Tersedia Kemitraan SPBU

 Calon Mitra memilih “Lainnya” dan dipersilahkan untuk melakukan upload file hanya
dalam bentuk PDF/image , kemudian Calon Mitra dapat melakukan upload file lebih
dari 1 (satu) dengan catatan melakukan upload 1 (satu) per 1 (satu) file “Bentuk
Lahan” tersebut tanpa maksimal ukuran size dengan menekan button “Upload File”

Gambar 186. Tampilan Pemilihan Bentuk Lahan Jenis "Lainnya" Kemitraan SPBU

 Jenis Jalan Berdasarkan Hak Pengguna


Calon Mitra dapat memilih satu dari “Jenis Jalan Berdasarkan Hak Pengguna” yang
tersedia dalam list dropdown tersebut.

126 | A p l i k a s i W e b K e m i t r a a n S P B U
Gambar 187. Tampilan Dropdown Jenis Jalan Berdasarkan Hak Pengguna Kemitraan SPBU

 Permukaan Jalan
Calon Mitra dapat memilih satu dari “Permukaan Jalan” yang tersedia dalam dropdown
tersebut.

Gambar 188. Tampilan Dropdown Permukaan Jalan Kemitraan SPBU

 Topografi Lahan
Calon Mitra dapat memilih satu dari “Topografi Jalan” yang tersedia dalam dropdown
tersebut.

Gambar 189. Tampilan Topografi Kelas Lahan Kemitraan SPBU

 Jenis Kawasan
Calon Mitra dapat memilih satu dari “Jenis Kawasan” yang tersedia dalam list dropdown
tersebut.

127 | A p l i k a s i W e b K e m i t r a a n S P B U
Gambar 190. Tampilan List Dropdown Jenis Kawasan Kemitraan SPBU

Jika Calon Mitra memilih data dropdown ”Lainnya”, maka akan muncul kolom textbox
yang harus dilengkapi namun jika tidak dilengkapi maka akan muncul warning message
seperti di bawah

Gambar 191. Warning Message Pengisian Nama Jenis Kawasan - Kemitraan SPBU

 Tipe Lahan
Calon Mitra dapat memilih satu dari “Tipe Lahan” yang tersedia dalam list dropdown
tersebut.

Gambar 192. Tampilan Dropdown Tipe Lahan Kemitraan SPBU

 Status Jalan
Calon Mitra dapat memilih satu dari “Status Jalan” yang tersedia dalam list dropdown
tersebut.

Gambar 193. Tampilan Dropdown Status Jalan Kemitraan SPBU

128 | A p l i k a s i W e b K e m i t r a a n S P B U
 Kelas Jalan
Calon Mitra dapat memilih satu dari “Kelas Jalan” yang tersedia dalam list dropdown
tersebut.

Gambar 194.Tampilan List Dropdown Kelas Jalan Kemitraan SPBU

b. Kepemilikan dan Penguasaan Lahan

Gambar 195. Pengisian Mandatory pada Kempemilikan dan Optional pada Penguasaaan Lahan - Kemitraan SPBU

Untuk dapat mengisi bagian ini tekan button maka terdapat isian
seperti di bawah ini.

Gambar 196. Data Dropdown Status Kepemilikan Lahan Kemitraan SPBU

Gambar di atas merupakan tampilan jika user memilih “Ya” untuk isian “Apakah Lahan
Dimiliki Atas Nama Perusahaan?”, sedangkan jika user memilih “Tidak” untuk isian
“Apakah Lahan Dimiliki Atas Nama Perusahaan?” tampilannya berbeda dimana user

129 | A p l i k a s i W e b K e m i t r a a n S P B U
harus melakukan upload file “Sertifikat Penguasaan” dengan masa berlaku adalah 20
tahun.

Gambar 197. Sertifikat Penguasaan Kepemilikan Lahan Kemitraan SPBU

Calon Mitra memilih “Status Kepemilikan Lahan” pada dropdown di bawah.

Gambar 198. Dropdown Status Kepemilikan Lahan - Kemitraan SPBU

Dari Jenis “Kepemilikan Lahan” di atas, Calon Mitra harus mengisi 1 (satu) atau dapat

mengisi lebih dari 1 (satu) jenis dengan menekan tombol dan jika
tidak sengaja di tekan “Tambah” namun ternyata tidak terdapat dokumen lainnya, Calon

Mitra dapat membatalkan dengan menekan button .

130 | A p l i k a s i W e b K e m i t r a a n S P B U
 Sertifikat Hak Milik (SHM)

Gambar 199. Tampilan Kepemilikan Sertifikat Hak Milik Kemitraan SPBU

 SHGB

Gambar 200. Tampilan Kepemilikan SHGB Kemitraan SPBU

 SHGU

Gambar 201. Tampilan Kepemilikan SHGU Kemitraan SPBU

131 | A p l i k a s i W e b K e m i t r a a n S P B U
 SHPL

Gambar 202. Tampilan Kepemilikan SHPL Kemitraan SPBU

Setelah lengkap mengisi tanpa ada yang terlewatkan, selanjutnya Calon Mitra menekan

tombol “Simpan” , sistem akan menampilkan alert

dan sistem menampilkan pernyataan seperti di bawah.

Gambar 203. Pernyataan pada Checkbox Persetujuan Prinsip - Kemitraan SPBU

Untuk melakukan “Submit” “Persetujuan Prinsip” Calon Mitra harus menekan Check Box

“Pernyataan” terlebih dahulu, setelah menekan pada kolom “Check Box”, maka sistem
akan melakukan aktivasi (enable) terhadap tombol “Submit”, seperti pada gambar di bawah
ini

132 | A p l i k a s i W e b K e m i t r a a n S P B U
Gambar 204. Enable Submit pada Persetujuan Prinsip - Kemitraan SPBU

Setelah tombol “Submit” enable selanjutnya Calon Mitra dapat menekan untuk
melakukan proses lebih lanjut dari tahap menjadi mitra pertamina. Setelah itu file otomatis
tersimpan dan Calon Mitra mendapatkan Nomor Registrasi dimana laman ini merupakan
laman untuk menentukan apakah berhasil atau tidak Calon Mitra melakukan submit data
pendaftaran.

Gambar 205. Tampilan Berhasil Submit Data Pedaftaran Kemitraan SPBU

Setelah popup No Registrasi tampil, selanjutnya Calon Mitra menekan “Lanjut” dan
sistem akan membawa ke halaman index, pada halaman index Calon Mitra dapat mengetahui

133 | A p l i k a s i W e b K e m i t r a a n S P B U
status progress tersebut serta data input-an tersebut masih dapat dilihat dengan menekan
tombil “Aksi” .

Gambar 206. Halaman Index Setelah Submit Persetujuan Prinsip - Kemitraan SPBU

134 | A p l i k a s i W e b K e m i t r a a n S P B U
2.3 Create Persetujuan Prinsip Koperasi
Calon Mitra mendapat jangka waktu pengisian “Input Data” yaitu 5 hari.

2.3.1 Data Pengusaha Koperasi

Setelah Calon Mitra berhasil melakukan Create RPJ SPBU, maka selanjutnya menampilkan
halaman Create Persetujuan Prinsip dan enable form input Data Pengusaha dengan
melakukan generate otomatis pada kolom yang telah di-input-kan pada aktivitas input
sebelumnya oleh Calon Mitra (Nama Pengusaha, No. KTP, Jabatan Pengusaha, Tanggal
Lahir, Email, Provinsi, Kota / Kabupaten, Kecamatan, Kelurahan, Kodepos), sistem juga
akan melakukan disable pada form input Data Perusahaan dan form input Data Tata Letak
seperti pada gambar di bawah ini.

Gambar 207. Halaman Create Persetujuan Prinsip Form Input Data Pengusaha - Kemitraan SPBU

135 | A p l i k a s i W e b K e m i t r a a n S P B U
Pada halaman Create Persetujuan Prinip Form Input Data Pengusaha Calon Mitra dapat

melakukan upload file dengan menekan tombol “Upload File” , setelah Calon
Mitra menekan tombol “Upload File” maka sistem akan menampilkan popup Window
Upload seperti pada gambar di bawah ini.

Gambar 208. Popup Window Upload Form Input Data Pengusaha Kemitraan SPBU

Calon Mitra dapat melakukan upload file, sesuai dengan kriteria yang diberikan oleh sistem
yaitu “File yang dapat di upload hanya image / PDF dan maks size adalah 10MB.” Apabila
Calon Mitra melakukan upload file tidak sesuai dengan kriteria upload, maka sistem akan
menampilkan popup “Warning Message”, seperti pada gambar di bawah ini.

Gambar 209. Popup Warning Message File Format Form Input Pengusaha - Kemitraan SPBU

136 | A p l i k a s i W e b K e m i t r a a n S P B U
Gambar 210. Popup Warning Message Length File Name Form Input Pengusaha - Kemitraan SPBU

Gambar 211. Popup Warning Message File Size Form Input Pengusaha - Kemitraan SPBU

Calon Mitra juga dapat memilih tanggal dengan menekan menekan tombol “Date Picker”

, setelah Calon Mitra menekan tombol “Date Picker” maka sistem akan menampilkan
fungsi date picker seperti pada gambar dibawah ini.

Gambar 212. Date Picker Form Data Pengusaha Kemitraan SPBU

137 | A p l i k a s i W e b K e m i t r a a n S P B U
Calon Mitra dapat melakukan input pada kolom pendidikan formal dengan menekan
dropdown “Pendidikan Formal”, setelah menekan dropdown “Pendidikan Formal”, maka
sistem akan menampilkan data “Pendidikan Formal” seperti pada gambar dibawah ini.

Gambar 213. Data Dropdown Kolom Pendidikan Formal Form Data Pengusaha Kemitraan SPBU

Calon Mitra dapat merubah data Lokasi pada halaman Form Data Pengusaha pada kolom
Provinsi, Kota/Kabupaten, Kecamatan, Desa/Kelurahan yang telah di-input-kan pada
aktivitas Create RPJ SPBU.

Pada section Kepemilikan Dokumen, Calon Mitra dapat menambah data Deposito, Giro,

Tabungan dengan menekan tombol “Tambah Deposito” untuk menambah

Kepemilikan Dokumen jenis Deposito, menambah data Giro, “Tambah Giro”


untuk menambah Kepemilikan Dokumen jenis Giro, menambah data Tabungan dengan

menekan tombol “Tambah Tabungan” untuk menambah Kepemilikan


Dokumen jenis Tabungan, setelah Calon Mitra menekan tombol “Tambah”, maka sistem
akan melakukan generate pada tab yang akan ditambah datanya oleh Calon Mitra, seperti
pada gambar di bawah ini.

Gambar 214. Tambah Data Deposito / Giro / Tabungan Form Data Pengusaha Kemitraan SPBU

138 | A p l i k a s i W e b K e m i t r a a n S P B U
Pada section Kepemilikan Dokumen, Calon Mitra dapat menghapus data Deposito, Giro,

Tabungan dengan menekan tombol , setelah Calon Mitra menekan tombol , maka
sistem akan melakukan penghapusan data pada tab yang akan dihapus datanya oleh Calon
Mitra, seperti pada gambar di bawah ini.

Gambar 215. Hapus Data Deposito / Giro / Tabungan Form Data Pengusaha Kemitraan SPBU

Apabila Calon Mitra telah melakukan input pada halaman Create Persetujuan Prinsip Form

Data Pengusaha maka Calon Mitra dapat menekan tombol “Simpan” , setelah
Calon Mitra menekan tombol “Simpan” maka muncul flash message dan alert seperti di
bawah.

Gambar 216. Flash Message & Alert Saat Menekan Simpan - Kemitraan SPBU

139 | A p l i k a s i W e b K e m i t r a a n S P B U
Sistem akan melakukan enable terhadap Form Data Perusahaan, seperti pada gambar
dibawah ini.

Gambar 217. Halaman Create Persetujuan Prinsip Form Data Perusahaan Kemitraan SPBU

140 | A p l i k a s i W e b K e m i t r a a n S P B U
Pada halaman Create Persetujuan Prinsip Form Data Pengusaha apabila Calon Mitra

menekan tombol “Simpan” dengan kondisi kolom Mandatory (*) tidak dilakukan
input maka, setelah Calon Mitra menekan tombol “Simpan”, maka sistem akan menampilkan
Warning Message, seperti pada gambar di bawah ini.

Gambar 218. Warning Message Create Persetujuan Prinsip Form Data Pengusaha Kemitraan SPBU

2.3.2 Data Perusahaan Koperasi

Setelah Calon Mitra berhasil melakukan input pada halaman Form Data Pengusaha, maka
aktivitas selanjutnya Calon Mitra adalah melakukan input pada halaman Form Data
Perusahaan, Form Data Perusahaan dapat diakses dengan menekan menekan logo “Data

Perusahaan” pada halaman Create Persetujuan Prinsip Form Data Pengusaha,


setelah menekan logo “Data Perusahaan” maka sistem akan menampilkan halaman Create
Persetujuan Prinsip Form Data Perusahaan, seperti pada gambar dibawah ini.

141 | A p l i k a s i W e b K e m i t r a a n S P B U
Gambar 219. Halaman Create Persetujuan Prinsip Form Input Data Pengusaha Kemitraan SPBU-PT

142 | A p l i k a s i W e b K e m i t r a a n S P B U
Jika Calon Mitra menekan “Simpan” sebelum input data yang bertanda * (mandatory) tidak
diisi maka terdapat warning message seperti ini.

Gambar 220. Warning Message pada Data Perusahaan - Kemitraan SBPU

a. Identitas Perusahaan
Pada bagian ini Calon Mitra melengkapi isian tersebut.

Gambar 221. Tampilan Identitas Perusahaan Kemitraan SBPU

143 | A p l i k a s i W e b K e m i t r a a n S P B U
Untuk “Jenis Usaha” terdapat dropdown yang dapat dipilih oleh Calon Mitra, berikut
tampilan saat kolom “Jenis Usaha” dibuka.

Gambar 222. Data Dropdown Jenis Usaha Kemitaan SPBU

Jika Jenis Usaha tidak ada dalam data dropdown yang tersedia maka Calon Mitra dapat
memilih bagian ”Lainnya”, setelah dipilih Lainnya maka akan muncul kolom yang dapat diisi
secara manual.

Gambar 223.Tampilan Pilihan “Lainnya” pada Jenis Usaha Kemitraan SPBU

Selanjutnya untuk bagian ada atau tidak adanya usaha yang berkaitan dengan Pertamina dan
juga memiliki atau tidak bidang usaha yang lain, Calon Mitra diberi 2 (dua) opsi pilihan.
 Jika Calon Mitra tidak memiliki usaha yang berkaitan dengan pertamina dan memiliki
atau tidak bidang usaha yang lain, maka dapat memilih opsi “Tidak”

Gambar 224. Opsi Memilih “Tidak” Kemitraan SPBU

 Jika Calon Mitra memiliki usaha yang berkaitan dengan pertamina maka memilih opsi
“Ya” maka terdapat isian yang harus diisi oleh Calon Mitra

Gambar 225. Memilih Opsi "Ya" Kemitraan SPBU

144 | A p l i k a s i W e b K e m i t r a a n S P B U
Untuk “Bidang Usaha” terdapat beberapa pilihan dan akan muncul list dropdown dan Calon
Mitra dapat memilih salah satu dengan list seperti di bawah ini:

Gambar 226. List Dropdown "Bidang Usaha" Kemitraan SPBU


Sedangkan untuk “No Lembaga Penyalur” itu bersifat optional, jika ada maka diisi dan jika
tidak ada boleh dikosongkan.

Calon Mitra yang memiliki usaha lainnya maka dapat memilih pilihan “Ya”, lalu tekan pada

bagian “Tambah Badan Usaha” , namun apabila ingin membatalkannya maka

tekan .

Gambar 227. Opsi Memilih “Ya” Kemitraan SPBU

Untuk pengisian Jenis Usahanya terdapat data dropdown yang kemudian bisa dipilih oleh
Calon Mitra.

145 | A p l i k a s i W e b K e m i t r a a n S P B U
Gambar 228. Data Dropdown "Jenis Usaha Lain" Kemitraan SPBU

Pada bagian Susunan Direksi Calon Mitra dapat menekan untuk dapat
mengisi 1 (satu) atau lebih dari 1 (satu) susunan direksi pada perusahaannya sedangkan untuk

menghapus tekan tombol .

Gambar 229. Pengisian Susunan Direksi - Kemitraan SPBU

146 | A p l i k a s i W e b K e m i t r a a n S P B U
b. Dokumen Perusahaan
Pada bagian ini Calon Mitra melengkapi isian tersebut.

Gambar 230. Tampilan Dokumen Perusahaan - Kemitraan SPBU

Calon Mitra harus mengisi bagian yang diberi tanda * (mandatory) yaitu bagian NPWP
Perusahaan dan Akta pendirian Perusahaan.

Sedangkan untuk bagian Pengesahan Kemenkumham atas Pendirian Perusahaan, Akta


Perubahan Perusahaan Terakhir dan Pengesahan Kemenkumham atas Perubahan Perusahaan
Terakhir itu bersifat optional. Akan tetapi jika Pengesahan Kemenkumham atas Pendirian
Perusahaan diisi maka Akta Perubahan Perusahaan Terakhir dan Pengesahan Kemenkumham
atas Perubahan Perusahaan Terakhir itu menjadi mandatory (wajib diisi).

c. Kepemilikan Dokumen
Pada section Kepemilikan Dokumen, Calon Mitra dapat menambah data Deposito, Giro,

Tabungan dengan menekan tombol “Tambah Deposito” untuk menambah

Kepemilikan Dokumen jenis Deposito, menambah data Giro, “Tambah Giro”


untuk menambah Kepemilikan Dokumen jenis Giro, menambah data Tabungan dengan

menekan tombol “Tambah Tabungan” untuk menambah Kepemilikan


Dokumen jenis Tabungan, setelah Calon Mitra menekan tombol “Tambah”, maka sistem
akan melakukan generate pada tab yang akan ditambah datanya oleh Calon Mitra, seperti
pada gambar di bawah ini.

Gambar 231. Tambah Data Deposito / Giro / Tabungan Form Data Pengusaha Kemitraan SPBU

147 | A p l i k a s i W e b K e m i t r a a n S P B U
Pada section Kepemilikan Dokumen, Calon Mitra dapat menghapus data Deposito, Giro,

Tabungan dengan menekan tombol , setelah Calon Mitra menekan tombol , maka
sistem akan melakukan penghapusan data pada tab yang akan dihapus datanya oleh Calon
Mitra, seperti pada gambar di bawah ini.

Gambar 232. Hapus Data Deposito / Giro / Tabungan Form Data Pengusaha Kemitraan SPBU

Setelah lengkap mengisi tanpa ada yang terlewatkan, Calon Mitra menekan tombol “Simpan”

, setelah Calon Mitra menekan tombol “Simpan” maka sistem akan melakukan
enable terhadap Form Data Tata Letak serta terdapat alert seperti berikut.

Gambar 233. Flash Message & Alert Saat Menekan Simpan - Kemitraan SPBU

148 | A p l i k a s i W e b K e m i t r a a n S P B U
2.3.3 Data Tata Letak Koperasi

Setelah Calon Mitra berhasil melakukan input pada halaman Form Data Perusahaan, maka
aktivitas selanjutnya Calon Mitra adalah melakukan input pada halaman Form Data Tata
Letak, Form Data Perusahaan dapat diakses dengan menekan menekan logo “Data Tata

Letak” pada halaman Create Persetujuan Prinsip Form Data Tata Letak,
setelah menekan logo “Data Tata Letak” maka sistem akan menampilkan halaman Create
Persetujuan Prinsip Form Data Tata Letak, seperti pada gambar dibawah ini.

Gambar 234. Tampilan Data Tata Letak Kemitraan SPBU

149 | A p l i k a s i W e b K e m i t r a a n S P B U
Apabila Calon Mitra menekan “Simpan” dengan kondisi input-an belum terisi maka sistem
menampilkan warning message sebagai berikut

Gambar 235. Warning Message pada Data Tata Letak Kemitraan SPBU

150 | A p l i k a s i W e b K e m i t r a a n S P B U
Bagian ini digunakan untuk proses input data informasi tata letak lokasi yang didaftarkan
sebagai mitra pertamina.
a. Profil Lahan
 Lebar dan Panjang Lahan
Pada bagian ini Calon Mitra mengisikan angka pada text box yang tersedia dengan
minimal lebar lahan 20 meter.

Gambar 236. Lebar dan Panjang Lahan - Kemitraan SPBU

 Posisi Lahan
Pada bagian ini terdapat 2 (dua) opsi pilihan, dimana Calon Mitra Harus memilih salah
satu, yaitu jika:
 Calon Mitra memilih dalam bentuk file gambar yang telah tersedia

Gambar 237. Posisi Lahan Memilih Pada Kolom Foto yang Tersedia Kemitraan SPBU

 Calon Mitra memilih “Lainnya” dan dipersilahkan untuk melakukan upload file hanya
dalam bentuk PDF/image , kemudian Calon Mitra dapat melakukan upload file lebih
dari 1 (satu) dengan catatan melakukan upload 1 (satu) per 1 (satu) file “Bentuk
Lahan” tersebut tanpa maksimal ukuran size dengan menekan button “Upload File”

151 | A p l i k a s i W e b K e m i t r a a n S P B U
Gambar 238. Tampilan Pemilihan Posisi Lahan Jenis "Lainnya" Kemitraan SPBU

 Bentuk Lahan
Pada bagian ini terdapat dua opsi pilihan yaitu:
 Calon Mitra dapat memilih bentuk lahan yang terdapat pada kolom foto yang tersedia.

Gambar 239. Bentuk Lahan Memilih Pada Kolom Foto yang Tersedia Kemitraan SPBU

 Calon Mitra memilih “Lainnya” dan dipersilahkan untuk melakukan upload file hanya
dalam bentuk PDF/image , kemudian Calon Mitra dapat melakukan upload file lebih
dari 1 (satu) dengan catatan melakukan upload 1 (satu) per 1 (satu) file “Bentuk
Lahan” tersebut tanpa maksimal ukuran size dengan menekan button “Upload File”

Gambar 240. Tampilan Pemilihan Bentuk Lahan Jenis "Lainnya" Kemitraan SPBU

 Jenis Jalan Berdasarkan Hak Pengguna


Calon Mitra dapat memilih satu dari “Jenis Jalan Berdasarkan Hak Pengguna” yang
tersedia dalam list dropdown tersebut.

152 | A p l i k a s i W e b K e m i t r a a n S P B U
Gambar 241. Tampilan Dropdown Jenis Jalan Berdasarkan Hak Pengguna Kemitraan SPBU

 Permukaan Jalan
Calon Mitra dapat memilih satu dari “Permukaan Jalan” yang tersedia dalam dropdown
tersebut.

Gambar 242. Tampilan Dropdown Permukaan Jalan Kemitraan SPBU

 Topografi Lahan
Calon Mitra dapat memilih satu dari “Topografi Jalan” yang tersedia dalam dropdown
tersebut.

Gambar 243. Tampilan Topografi Kelas Lahan Kemitraan SPBU

 Jenis Kawasan
Calon Mitra dapat memilih satu dari “Jenis Kawasan” yang tersedia dalam list dropdown
tersebut.

153 | A p l i k a s i W e b K e m i t r a a n S P B U
Gambar 244. Tampilan List Dropdown Jenis Kawasan Kemitraan SPBU

Jika Calon Mitra memilih data dropdown ”Lainnya”, maka akan muncul kolom textbox
yang harus dilengkapi namun jika tidak dilengkapi maka akan muncul warning message
seperti di bawah

Gambar 245. Warning Message Pengisian Nama Jenis Kawasan - Kemitraan SPBU

 Tipe Lahan
Calon Mitra dapat memilih satu dari “Tipe Lahan” yang tersedia dalam list dropdown
tersebut.

Gambar 246. Tampilan Dropdown Tipe Lahan Kemitraan SPBU

 Status Jalan
Calon Mitra dapat memilih satu dari “Status Jalan” yang tersedia dalam list dropdown
tersebut.

Gambar 247. Tampilan Dropdown Status Jalan Kemitraan SPBU

154 | A p l i k a s i W e b K e m i t r a a n S P B U
 Kelas Jalan
Calon Mitra dapat memilih satu dari “Kelas Jalan” yang tersedia dalam list dropdown
tersebut.

Gambar 248.Tampilan List Dropdown Kelas Jalan Kemitraan SPBU

b. Kepemilikan dan Penguasaan Lahan

Gambar 249. Pengisian Mandatory pada Kempemilikan dan Optional pada Penguasaaan Lahan - Kemitraan SPBU

Untuk dapat mengisi bagian ini tekan button maka terdapat isian
seperti di bawah ini.

Gambar 250. Data Dropdown Status Kepemilikan Lahan Kemitraan SPBU

Gambar di atas merupakan tampilan jika user memilih “Ya” untuk isian “Apakah Lahan
Dimiliki Atas Nama Perusahaan?”, sedangkan jika user memilih “Tidak” untuk isian
“Apakah Lahan Dimiliki Atas Nama Perusahaan?” tampilannya berbeda dimana user
harus melakukan upload file “Sertifikat Penguasaan” dengan masa berlaku adalah 20
tahun.

155 | A p l i k a s i W e b K e m i t r a a n S P B U
Gambar 251. Sertifikat Penguasaan Kepemilikan Lahan Kemitraan SPBU

Calon Mitra memilih “Status Kepemilikan Lahan” pada dropdown di bawah.

Gambar 252. Dropdown Status Kepemilikan Lahan - Kemitraan SPBU

Dari Jenis “Kepemilikan Lahan” di atas, Calon Mitra harus mengisi 1 (satu) atau dapat

mengisi lebih dari 1 (satu) jenis dengan menekan tombol dan jika
tidak sengaja di tekan “Tambah” namun ternyata tidak terdapat dokumen lainnya, Calon

Mitra dapat membatalkan dengan menekan button .

 Sertifikat Hak Milik (SHM)

Gambar 253. Tampilan Kepemilikan Sertifikat Hak Milik Kemitraan SPBU

156 | A p l i k a s i W e b K e m i t r a a n S P B U
 SHGB

Gambar 254. Tampilan Kepemilikan SHGB Kemitraan SPBU

 SHGU

Gambar 255. Tampilan Kepemilikan SHGU Kemitraan SPBU

 SHPL

Gambar 256. Tampilan Kepemilikan SHPL Kemitraan SPBU

157 | A p l i k a s i W e b K e m i t r a a n S P B U
Setelah lengkap mengisi tanpa ada yang terlewatkan, selanjutnya Calon Mitra menekan

tombol “Simpan” , sistem akan menampilkan alert

dan sistem menampilkan pernyataan seperti di bawah.

Gambar 257. Pernyataan pada Checkbox Persetujuan Prinsip - Kemitraan SPBU

Untuk melakukan “Submit” “Persetujuan Prinsip” Calon Mitra harus menekan Check Box

“Pernyataan” terlebih dahulu, setelah menekan pada kolom “Check Box”, maka sistem
akan melakukan aktivasi (enable) terhadap tombol “Submit”, seperti pada gambar di bawah
ini

Gambar 258. Enable Submit pada Persetujuan Prinsip - Kemitraan SPBU

Setelah tombol “Submit” enable selanjutnya Calon Mitra dapat menekan untuk
melakukan proses lebih lanjut dari tahap menjadi mitra pertamina. Setelah itu file otomatis

158 | A p l i k a s i W e b K e m i t r a a n S P B U
tersimpan dan Calon Mitra mendapatkan Nomor Registrasi dimana laman ini merupakan
laman untuk menentukan apakah berhasil atau tidak Calon Mitra melakukan submit data
pendaftaran.

Gambar 259. Tampilan Berhasil Submit Data Pedaftaran Kemitraan SPBU

Setelah popup No Registrasi tampil, selanjutnya Calon Mitra menekan “Lanjut” dan
sistem akan membawa ke halaman index, pada halaman index Calon Mitra dapat mengetahui
status progress tersebut serta data input-an tersebut masih dapat dilihat dengan menekan
tombil “Aksi” .

Gambar 260. Halaman Index Setelah Submit Persetujuan Prinsip - Kemitraan SPBU

159 | A p l i k a s i W e b K e m i t r a a n S P B U
3. Verifikasi Dokumen Awal

Calon Mitra mendapatkan email atas submit input data RPJ.

Pada bagian ini Calon Mitra menunggu file yang telah di-upload untuk di verifikasi dan terdapat 3
kemungkinan:

3.1 Lolos Verifikasi Dokumen

Ketika dokumen telah verifikasi dan hasil akhirnya “Lolos” Calon Mitra mendapatkan notifikasi
email bahwa verifikasi berstatus Diterima dan harus melakukan Pembayaran Biaya Verifikasi.

Selain itu, user dapat mengetahui status pengajuannya di halaman index seperti di bawah.

Gambar 261. Lolos Verifikasi Dokumen Awal - Kemitraan SPBU

Tahap selanjutnya adalah “Pembayaran Biaya Verifikasi” dimana Calon Mitra tidak dapat
melakukan edit Data RPJ (Read Only)

3.2 Gagal Verifikasi Dokumen

Ketika dokumen telah verifikasi dan hasil akhirnya “Gagal” Calon Mitra mendapatkan notifikasi
email bahwa verifikasi berstatus Tidak Lolos Verifikasi

Selain itu, user dapat mengetahui status pengajuannya di halaman index sepert di bawah.

Gambar 262. Tampilan Verifikasi Dokumen Awal "Tidak Lolos" - Kemitraan SPBU

Jika gagal Calon Mitra tidak dapat melakukan edit Data RPJ (Read Only) dan tidak dapat
melanjutkan pengajuan yang “Tidak Lolos”, namun Calon Mitra dapat melakukan pengajuan
kembali Kemitraan SPBU (Catatan: Langkah kembali ke Create RPJ).

160 | A p l i k a s i W e b K e m i t r a a n S P B U
3.3 Revise (Revisi)

Jika dokumen tidak lengkap/tidak sesuai, maka dokumen pengajuan akan kembali dengan status
“Revisi” kemudian diberi waktu revisi dengan jangka waktu 3 hari.

Calon Mitra menerima email revisi dan notifikasi di halaman index seperti di bawah.

Gambar 263. Notifikasi Revisi Input Calon Mitra pada Halaman Index - Kemitraan SPBU

Untuk melakukan “Revisi” tekan pada bagian “Aksi” kemudian terdapat alert “Catatan Revisi”

serta terdapat warning message


pada data yang harus di revisi, seperti di bawah ini.

Gambar 264. Warning Message Catatan Revisi - Kemitraan SPBU

Langkah pengerjaan dokumen revisi sama seperti pada sub 2. Persetujuan Prinsip.

161 | A p l i k a s i W e b K e m i t r a a n S P B U
Namun, apabila Calon Mitra tidak melakukan Submit dokumen yang direvisi pada jangka waktu
yang ditentukan maka sistem akan melakukan auto submit dengan inputan terakhir.

Calon Mitra mendapatkan notifikasi email perihal “input data anda telah tersubmit secara otomatis oleh
sistem”, kemudian data pengajuan pada tampilan mode view dan Calon Mitra tidak dapat melakukan edit
data.

Gambar 265. Tampilan Mode View - Kemitraan SPBU

Dengan status pada halaman index seperti di bawah.

Gambar 266. Status pada Halaman Index - Kemitraan SPBU

162 | A p l i k a s i W e b K e m i t r a a n S P B U
4. Biaya Verifikasi

SLA pada tahap Biaya Verifikasi adalah 15 Hari. Jadi apabila Calon Mitra tidak melakukan
Submit pada jangka waktu yang ditentukan maka pengajuan dapat dihentikan oleh pihak
internal kemitraan. Pada tahap ini Calon Mitra mendapatkan notifikasi email jika Verifikasi
Dokumen Awal berstatus Layak.

Selain itu, user dapat mengetahui status pengajuannya di halaman index seperti di bawah.

Gambar 267. Lolos Verifikasi Dokumen Awal - Kemitraan SPBU

Tekan pada kolom “Aksi” untuk melakukan “Pembayaran Biaya Verifikasi”.

Gambar 268. Notifikasi Email Lolos Verifikasi dan Melanjutkan Pembayaran Biaya Verifikasi - Kemitraan SPBU

163 | A p l i k a s i W e b K e m i t r a a n S P B U
Apabila Calon Mitra tidak melakukan pengisian dengan lengkap terdapat alert seperti di bawah ini.

Gambar 269. Alert Kelengkapan - Kemitraan SPBU

Pada bagian ini Calon Mitra melakukan pembayaran Biaya Verifikasi ke rekening Bank Mandiri
119.008800.0680 A.N PT Pertamina Patra Niaga sebesar Rp5.000.000,- dan diharapkan
melakukan pembayaran sebelum 15 hari dari waktu jangka waktu yang ditetapakan untuk tahap ini,

lalu setelah membayar bukti tersebut di-upload dengan menekan tombol dengan
ketentuan file dalam bentuk image / PDF dan maks size adalah 10 MB, setelahnya tekan “Submit”

Gambar 270. Pembayaran Biaya Verifikasi - Kemitraan SPBU

164 | A p l i k a s i W e b K e m i t r a a n S P B U
4.1 Lolos
Ketika dokumen telah verifikasi dan hasil akhirnya “Lolos” Calon Mitra mendapatkan notifikasi
email status pembayaran Terverifikasi.

Selain itu, user dapat mengetahui status pengajuannya di halaman index seperti di bawah.

Gambar 271. Halaman Index saat Lolos Biaya Verifikasi - Kemitraan SPBU

Tahap selanjutnya adalah “Verifikasi Lapangan” dimana Calon Mitra tidak dapat melakukan edit
Data Pengajuan (Read Only).

4.2 Revise (Revisi)


Jika dokumen tidak lengkap/tidak sesuai, maka dokumen pengajuan akan kembali dengan status
“Revisi” kemudian diberi waktu revisi dengan jangka waktu sisa dari jangka waktu Biaya
Verifikasi.

Calon Mitra akan menerima email revisi dan notifikasi di halaman index seperti di bawah.

Gambar 272. Notifikasi Revisi Pembayaran Biaya Verifikasi pada Halaman Index - Kemitraan SPBU

Untuk melakukan “Revisi” tekan pada bagian “Aksi” kemudian terdapat alert “Catatan Revisi”

yang
harus dilakukan revisi oleh calon mitra, seperti di bawah ini.

165 | A p l i k a s i W e b K e m i t r a a n S P B U
Gambar 273. Alert Catatan Revisi - Kemitraan SPBU

4.3 Gagal
Ketika dokumen telah verifikasi dan hasil akhirnya “Gagal” Calon Mitra mendapatkan notifikasi
email status pembayaran Ditolak.

Selain itu, user dapat mengetahui status pengajuannya di halaman index seperti di bawah.

Gambar 274. Tolak Biaya Verifikasi Lanjut Verifikasi SBM - Kemitraan SPBU

Jika pembayaran biaya verifikasi ditolak maka pengajuan Calon Mitra berhenti dan Calon Mitra
tidak dapat melakukan edit Data Pengajuan (Read Only) tetapi Calon Mitra dapat melakukan
pengajuan kembali dengan cara dapat dilihat pada sub (2. Persetujuan Prinsip).

166 | A p l i k a s i W e b K e m i t r a a n S P B U
5. Proses Persetujuan Prinsip

Calon Mitra dapat mengetahui proses dari setiap tahapan melalui halaman index pada web Kemitraan
SPBU. Selain itu Calon Mitra akan mendapatkan email dari proses verifikasi dokumen pengajuan oleh
tim Kemitraan SPBU.

Pengajuan Berhenti
Terdapat tahapan dimana jika proses Persetujuan Prinsip tersebut Tidak Layak, maka Calon Mitra tidak
dapat melanjutkan ke tahap berikutnya dengan arti Pengajuan Calon Mitra berhenti atau close (Calon
Mitra tidak dapat melanjutkan proses pengajuan Persetujuan Prinsip). Calon Mitra akan mendapatkan
email jika dalam proses Persetujuan Prinsip Tidak Layak.

Terlihat tampilan tahapan di halaman index jika proses Persetujuan Prisip Calon Mitra Gagal seperti di
bawah ini:

Gambar 275. Pengajuan Calon Mitra Berhenti atau Close - Kemitraan SPBU

Gambar 276. Pengajuan Calon Mitra Berhenti atau Close - Kemitraan SPBU

Gambar 277. Pengajuan Calon Mitra Berhenti atau Close - Kemitraan SPBU

Ketika Calon Mitra mendapati status pada halaman index seperti gambar di atas dan juga menerima
notifikasi melalui email, maka pengajuan Calon Mitra berhenti atau close (Calon Mitra tidak dapat
melanjutkan proses pengajuan Persetujuan Prinsip).

Pengajuan Lanjut
Namun apabila proses Persetujuan Prinsip tersebut Layak, maka akan berlanjut ke tahap berikutnya yaitu
“Verifikasi Kelengkapan Dokumen”.

167 | A p l i k a s i W e b K e m i t r a a n S P B U
6. Verifikasi Kelengkapan Dokumen

Calon Mitra diberi waktu jangka waktu 3 hari untuk melakukan Input Data Kelengkapan Dokumen.

Calon Mitra mendapatkan notifikasi email untuk melakukan Verifikasi Kelengkapan Dokumen. Tahap
ini muncul ketika dokumen pengajuan dinyatakan layak oleh internal kemitraan.

Tampilan pada halaman index

Gambar 278. Status "Input Kelengkapan" - Kemitraan SPBU

Untuk dapat memulai input Kelengkapan Dokumen, user dapat menekan pada halaman index atau

dapat menekan pada notifikasi email.

Gambar 279. Tampilan Input Kelengkapan Dokumen - Kemitraan SPBU

168 | A p l i k a s i W e b K e m i t r a a n S P B U
6.1 Tipe Badan Usaha PT
a. Data Pengusaha PT
Pada bagian ini data yang telah verifikasi pada tahap Verifikasi Lapangan bersifat disable
(Calon Mitra tidak dapat melakukan ubah data / read only), Calon Mitra hanya dapat menekan

button “Simpan” . Apabila data tersimpan maka terdapat flash message dan alert
seperti di bawah.

Gambar 280. Alert & Flash Message Ketika Menekan Simpan - Kemitraan SPBU

Setelah terdapat alert, sistem akan melakukan enable terhadap Form Data Perusahaan

b. Data Perusahaan PT
Pada bagian ini terdapat beberapa field yang menjadi mandatory (perlu diisi), jika Calon Mitra

tidak mengisinya maka saat menekan button , maka pada bagian “Kepemilikan
Saham” serta “Pengesahan Kemenkumham Atas Pendirian Perusahaan” terdapat alert seperti di
bawah.

169 | A p l i k a s i W e b K e m i t r a a n S P B U
Gambar 281. Data Perusahaan Verifikasi Kelengkapan Dokumen – Kemitraan SPBU

170 | A p l i k a s i W e b K e m i t r a a n S P B U
Pada bagian “Kepemilikan Saham” Calon Mitra mengisi banyaknya “Total Nilai Saham” jika

“Total Nilai Saham” tidak diisi dan Calon Mitra menekan button maka sistem
menampilkan warning message persentase saham belum 100%.

Gambar 282. Kepemilikan Saham - Kemitraan SPBU

Setelah muncul warning message kemudian tekan untuk menambahkan pemegang


saham, dimana dapat mengisi 1 (satu) atau lebih dari 1 (satu) pemegang saham pada

perusahaannya sedangkan untuk menghapusnya tekan tombol , maka muncul kolom


seperti di bawah

Gambar 283. Kolom untuk Menambahkan Pemegang Saham - Kemitraan SPBU

Persentase saham akan terisi otomatis berdasarkan jumlah saham terhadap total keseluruhan
anggota. Namun jika kepemilikan tersebut kurang dari 100% maka muncul “Warning
Message” seperti di bawah ini.

Gambar 284. Warning Message Kepemilikan Saham Kurang dari 100% - Kemitaan SPBU

Ketika Calon Mitra mengisi “Jumlah Saham” lebih dari 100% maka akan muncul Warning
Message seperti di bawah ini.

171 | A p l i k a s i W e b K e m i t r a a n S P B U
Gambar 285.Warning Message Kepemilikan Saham Lebih dari 100% - Kemitaan SPBU

Ketika Calon Mitra mengisi “Jumlah Saham” sudah 100% maka akan muncul Warning
Message seperti di bawah ini.

Gambar 286.Warning Message Kepemilikan Saham 100% - Kemitaan SPBU

Gambar 287. Kepemilikan Dokumen atas Nama Perusahaan – Kemitraan SPBU

Jika Calon Mitra tidak melakukan isi “Pengesahan Kemenkumham atas Pendirian
Perusahaan” pada saat input data, pada tahap Verifikasi Kelengkapan Dokumen form
“Pengesahan Kemenkumhan atas Pendirian Perusahaan” menjadi mandatory (wajib diisi),

jika tidak diisi ketika menekan “Simpan” maka akan muncul Warning Message
seperti di bawah ini.

172 | A p l i k a s i W e b K e m i t r a a n S P B U
Gambar 288. Warning Message Kelengkapan Dokumen - Kemitraan SPBU

Calon Mitra menekan button “Simpan” . Apabila data tersimpan maka terdapat flash
message dan alert seperti di bawah.

Gambar 289. Flash Message & Alert saat Menekan Simpan -Kemitraan SPBU

Setelah terdapat alert, sistem akan melakukan enable terhadap Form Data Tata Letak.

c. Data Tata Letak PT


Pada bagian ini data yang telah verifikasi pada tahap Verifikasi Lapangan bersifat disable
(Calon Mitra tidak dapat melakukan ubah data / read only), Calon Mitra hanya dapat menekan

173 | A p l i k a s i W e b K e m i t r a a n S P B U
button “Simpan” . Apabila data tersimpan maka terdapat flash message dan alert
seperti di bawah.

Gambar 290. Alert & Flash Message Ketika Menekan Simpan - Kemitraan SPBU

Setelah terdapat alert, sistem akan melakukan generate pernyataan seperti di bawah.

Gambar 291. Data Tata Letak Verifikasi Kelengkapan Dokumen - Kemitraan SPBU

Untuk melakukan “Submit” “Persetujuan Prinsip” Calon Mitra harus menekan Check Box

“Pernyataan” terlebih dahulu, setelah menekan pada kolom “Check Box”, maka sistem

174 | A p l i k a s i W e b K e m i t r a a n S P B U
akan melakukan aktivasi (enable) terhadap tombol “Submit”, seperti pada gambar di bawah
ini

Gambar 292. Enable Submit pada Persetujuan Prinsip Kelengkapan Dokumen - Kemitraan SPBU

Setelah tombol “Submit” enable selanjutnya Calon Mitra dapat menekan untuk
melakukan proses lebih lanjut dan file otomatis tersimpan dan kembali ke halaman index.

Gambar 293. Halaman Index Setelah Input Kelengkapan Dokumen - Kemitraan SPBU

6.2 Tipe Badan Usaha Koperasi


a. Data Pengusaha Koperasi
Pada bagian ini data yang telah verifikasi pada tahap Verifikasi Lapangan bersifat disable
(Calon Mitra tidak dapat melakukan ubah data / read only), Calon Mitra hanya dapat menekan

button “Simpan” . Apabila data tersimpan maka terdapat flash message dan alert
seperti di bawah.

175 | A p l i k a s i W e b K e m i t r a a n S P B U
Gambar 294. Alert & Flash Message Ketika Menekan Simpan - Kemitraan SPBU

Setelah terdapat alert, sistem akan melakukan enable terhadap Form Data Perusahaan

b. Data Perusahaan Koperasi


Pada bagian ini data yang telah verifikasi pada tahap Verifikasi Lapangan bersifat disable
(Calon Mitra tidak dapat melakukan ubah data / read only), Calon Mitra hanya dapat menekan

button “Simpan” . Apabila data tersimpan maka terdapat flash message dan alert
seperti di bawah.

Gambar 295. Alert & Flash Message Ketika Menekan Simpan - Kemitraan SPBU

Setelah terdapat alert, sistem akan melakukan enable terhadap Form Data Tata Letak

176 | A p l i k a s i W e b K e m i t r a a n S P B U
c. Data Tata Letak Koperasi
Pada bagian ini data yang telah verifikasi pada tahap Verifikasi Lapangan bersifat disable
(Calon Mitra tidak dapat melakukan ubah data / read only), Calon Mitra hanya dapat menekan

button “Simpan” . Apabila data tersimpan maka terdapat flash message dan alert
seperti di bawah.

Gambar 296. Alert & Flash Message Ketika Menekan Simpan - Kemitraan SPBU

Setelah terdapat alert, sistem akan melakukan generate pernyataan seperti di bawah.

Gambar 297. Data Tata Letak Verifikasi Kelengkapan Dokumen - Kemitraan SPBU

177 | A p l i k a s i W e b K e m i t r a a n S P B U
Untuk melakukan “Submit” “Persetujuan Prinsip” Calon Mitra harus menekan Check Box

“Pernyataan” terlebih dahulu, setelah menekan pada kolom “Check Box”, maka sistem
akan melakukan aktivasi (enable) terhadap tombol “Submit”, seperti pada gambar di bawah
ini

Gambar 298. Enable Submit pada Persetujuan Prinsip Kelengkapan Dokumen - Kemitraan SPBU

Setelah tombol “Submit” enable selanjutnya Calon Mitra dapat menekan untuk
melakukan proses lebih lanjut dan file otomatis tersimpan dan kembali ke halaman index.

Gambar 299. Halaman Index Setelah Input Kelengkapan Dokumen - Kemitraan SPBU

178 | A p l i k a s i W e b K e m i t r a a n S P B U
7. Approval Verifikasi Kelengkapan Dokumen

Pada bagian ini Calon Mitra menunggu file yang telah di-upload untuk di verifikasi, Calon Mitra
mendapatkan email .

Terdapat 3 kemungkinan hasil approval:


7.1 Lolos Verfikasi Kelengkapan Dokumen
Calon Mitra tidak dapat mengedit Data RPJ (Read Only). Jika lolos maka dokumen akan diproses
ke tahap berikutnya. Calon Mitra mendapatkan email dan dapat melihat status pada halaman index.

Tampilan di halaman index

Gambar 300. Lolos Verifikasi Kelengkapan Dokumen - Kemitraan SPBU

7.2 Revise (Revisi)


Jika dokumen tidak lengkap/tidak sesuai, maka akan verifikasi dengan status “Revisi” dan
memberikan Catatan kepada Calon Mitra.

Calon Mitra diberi waktu untuk melakukan revisi Kelengkapan Dokumen dalam jangka waktu 3
hari.

Calon Mitra mendapat email perihal Revisi Dokumen Pengajuan, kemudian status pada halaman
index sebagai berikut:

Gambar 301. Notifikasi Revisi Input Calon Mitra - Kemitraan SPBU

Calon Mitra harus edit data pengajuan berdasarkan revisian dari pihak internal kemitraan SPBU.
Cara mengetahui revisian terlihat pada tampilan di bawah

179 | A p l i k a s i W e b K e m i t r a a n S P B U
Gambar 302. Alert Catatan Revisi - Kemitraan SPBU

Setelah selesai Calon Mitra “Submit” kembali revisian tersebut.

180 | A p l i k a s i W e b K e m i t r a a n S P B U
Namun, apabila Calon Mitra tidak melakukan Submit pada jangka waktu yang ditentukan maka
sistem akan melakukan auto submit dengan inputan terakhir.

Calon Mitra mendapatkan notifikasi email perihal “input data anda telah tersubmit secara otomatis oleh
sistem”, kemudian data pengajuan pada tampilan mode view dan Calon Mitra tidak dapat melakukan edit
data.

Gambar 303. Tampilan Mode View - Kemitraan SPBU

181 | A p l i k a s i W e b K e m i t r a a n S P B U
Dengan status pada halaman index seperti di bawah.

Gambar 304. Status pada Halaman Index - Kemitraan SPBU

7.3 Tidak Lolos Verifikasi Kelengkapan Dokumen


Jika “Verifikasi Kelengkapan Dokumen Gagal” Calon Mitra mendapatkan notifikasi melalui email
dan di halaman index seperti berikut.

Gambar 305. Tampilan Verifikasi Kelengkapan Dokumen "Tidak Lolos" - Kemitraan SPBU

Pada pengajuan Gagal, Calon Mitra tidak dapat mengedit Data RPJ (Read Only). Calon Mitra tidak
dapat melanjutkan pengajuan yang “Tidak Lolos”, namun Calon Mitra dapat melakukan pengajuan
kembali Kemitraan SPBU (Catatan: Langkah kembali ke Create RPJ).

182 | A p l i k a s i W e b K e m i t r a a n S P B U
8. Initial Fee Pembayaran

Calon Mitra diberi waktu dalam tahap ini dalam jangka waktu 15 hari.

Pada bagian ini Calon Mitra mendapat nofitikasi melalui email dan di halaman index untuk
melakukan pembayaran initial fee.

Gambar 306. Notifikasi Index Initial Fee Pembayaran - Kemitraan SPBU

Terdapat tiga jenis initial fee pembayaran, yaitu:


1) Initial Fee Rp400.000.000

Pada halaman index Calon Mitra tekan button , sistem menampilkan halaman detail pengajuan
seperti di bawah ini.

Gambar 307. Tampilan Detail Initial Fee Rp400.000.000 - Kemitraan SPBU

Jika user tidak melakukan input dengan lengkap maka saat menekan
”sistem menampilkan alert seperti di bawah.

Gambar 308. Alert Kelengkapan - Kemitraan SPBU

183 | A p l i k a s i W e b K e m i t r a a n S P B U
Calon Mitra melakukan upload file bukti bayar dengan menekan dengan ketentuan
file dalam format image / PDF dan maks size adalah 10 MB.

Setelah melakukan upload bukti bayar selanjutnya Calon Mitra menekan kolom check box untuk

menyetujui kesanggupan menjadi mitra SPBU dan akan membuat button


enable seperti di bawah.

Gambar 309. Tekan Check Box Kesanggupan Menjadi Mitra SPBU - Kemitraan SPBU

Ketika Calon Mitra menekan , sistem akan menampilkan popup seperti di bawah
ini.

Gambar 310. Popup Disclaimer Detail Ketentuan - Kemitraan SPBU

184 | A p l i k a s i W e b K e m i t r a a n S P B U
Apabila saat menekan pengisian lengkap maka sistem membawa ke laman
seperti berikut.

Gambar 311. Tampilan Setelah Tekan Submit Pembayaran dan Kesanggupan - Kemitraan SPBU

Calon Mitra dapat melakukan download Surat Kesanggupan Calon Mitra dengan menekan

, sistem otomatis melakukan unduh dan file tersimpan


pada device user.

Gambar 312. Surat Kesanggupan Calon Mitra - Kemitraan SPBU

a. Approval Revisi
Jika “Initial Fee Pembayaran” Calon Mitra terdapat kekeliruan, maka pembayaran tersebut
direvisi oleh pihak internal, Calon Mitra mendapatkan notifikasi melalui email dan dapat melihat
status di halaman index seperti berikut.

Gambar 313. Status Pada Halaman Index - Kemitraan SPBU

185 | A p l i k a s i W e b K e m i t r a a n S P B U
Setelah melakukan check email, user dapat menekan tombol “Telusuri Halaman Detail”

kemudian sistem akan membawa ke halaman detail pengajuan Calon Mitra


seperti di bawah.

Gambar 314. Detail Revisi Initial Fee Pembayaran - Kemitraan SPBU

Untuk melakukan revisi sama halnya dengan melakukan “Initial Fee Pembayaran” pada (sub 8.
Initial Fee Pembayaran)

b. Approval Setuju
Jika “Initial Fee Pembayaran” Calon Mitra disetujui pihak internal kemitraan SPBU, Calon Mitra
mendapatkan email untuk melakukan Input dokumen perizinan serta dapat melihat status
pengajuan pada halaman index.

Gambar 315. Status Pada Halaman Index - Kemitraan SPBU

2) Initial Fee Rp150.000.000

Pada halaman index Calon Mitra tekan button , sistem menampilkan halaman detail pengajuan
seperti di bawah ini.

186 | A p l i k a s i W e b K e m i t r a a n S P B U
Gambar 316. Tampilan Detail Initial Fee Rp150.000.000 - Kemitraan SPBU

Calon Mitra melakukan upload file bukti bayar dengan menekan dengan ketentuan
file dalam format image / PDF dan maks size adalah 10 MB.

Setelah melakukan upload bukti bayar selanjutnya Calon Mitra menekan kolom check box untuk

menyetujui kesanggupan menjadi mitra SPBU dan akan membuat button


enable seperti di bawah.

Gambar 317. Tekan Check Box Kesanggupan Menjadi Mitra SPBU - Kemitraan SPBU

Ketika Calon Mitra menekan , sistem akan mengeluarkan popup seperti di bawah
ini.

187 | A p l i k a s i W e b K e m i t r a a n S P B U
Gambar 318. Popup Disclaimer Detail Ketentuan- Kemitraan SPBU

Jika saat menekan pengisian belum lengkap maka muncul warning


message seperti berikut.

Gambar 319. Warning Message Initial Fee - Kemitraan SPBU

Apabila saat menekan pengisian lengkap maka sistem membawa ke laman


seperti berikut.

188 | A p l i k a s i W e b K e m i t r a a n S P B U
Gambar 320. Tampilan Setelah Tekan Submit Pembayaran dan Kesanggupan - Kemitraan SPBU

Calon Mitra dapat melakukan download Surat Kesanggupan Calon Mitra dengan menekan

, sistem otomatis melakukan unduh dan file tersimpan


pada device user, berikut tampilan dari “Surat Kesanggupan Calon Mitra”

Gambar 321. Tampilan Surat Kesanggupan Calon Mitra - Kemitraan SPBU

a. Approval Revisi
Jika “Initial Fee Pembayaran” Calon Mitra terdapat kekeliruan, maka pembayaran tersebut
direvisi oleh pihak internal, Calon Mitra mendapatkan notifikasi melalui email dan dapat melihat
status di halaman index seperti berikut.

Gambar 322. Status Pada Halaman Index - Kemitraan SPBU

189 | A p l i k a s i W e b K e m i t r a a n S P B U
Setelah melakukan check email, user dapat menekan tombol “Telusuri Halaman Detail”

kemudian sistem akan membawa ke halaman detail pengajuan Calon Mitra


seperti di bawah.

Gambar 323. Detail Revisi Initial Fee Pembayaran - Kemitraan SPBU

Untuk melakukan revisi sama halnya dengan melakukan “Initial Fee Pembayaran” pada (sub 8.
Initial Fee Pembayaran)

b. Approval Setuju
Jika “Initial Fee Pembayaran” Calon Mitra disetujui pihak internal kemitraan SPBU, Calon Mitra
mendapatkan email untuk melakukan Input dokumen perizinan dan dapat melihat status
pengajuan pada halaman index.

Gambar 324. Status Pada Halaman Index - Kemitraan SPBU

190 | A p l i k a s i W e b K e m i t r a a n S P B U
3) Initial Fee Rp0
Initial Fee Rp 0 ketika Jenis Penyalur pada pengajuan Calon Mitra adalah berjenis “Kompak”.

Pada halaman index Calon Mitra tekan button , sistem menampilkan halaman detail pengajuan
seperti di bawah ini.

Gambar 325. Tampilan Detail Initial Fee Rp0 - Kemitraan SPBU (DODO)

Calon Mitra menekan kolom check box untuk menyetujui kesanggupan menjadi mitra SPBU dan

akan membuat button enable seperti di bawah.

Gambar 326. Tekan Check Box Kesanggupan Menjadi Mitra SPBU - Kemitraan SPBU (DODO)

Ketika Calon Mitra menekan , sistem akan mengeluarkan popup seperti di bawah
ini.

191 | A p l i k a s i W e b K e m i t r a a n S P B U
Gambar 327. Popup Disclaimer Detail Ketentuan - Kemitraan SPBU (DODO)

Setelah menekan tahap selanjutnya yaitu “Dokumen Perizinan”.

Gambar 328. Tampilan Setelah Tekan Submit Pembayaran dan Kesanggupan - Kemitraan SPBU DODO

Calon Mitra dapat melakukan download Surat Kesanggupan Calon Mitra dengan menekan

, sistem otomatis melakukan unduh dan file tersiman


pada device user, berikut tampilan dari “Surat Kesanggupan Calon Mitra”

192 | A p l i k a s i W e b K e m i t r a a n S P B U
Gambar 329. Tampilan Surat Kesanggupan Calon Mitra - Kemitraan SPBU (DODO)

4) Expired Pembayaran dan Kesanggupan


Saat proses “Pembayaran dan Kesanggupan” melebihi batas waktu (lebih dari 15 hari) terdapat
dua kondisi dimana :
1. Jika Calon Mitra tidak melakukan unggah bukti pembayaran sampai batas waktu yang
ditentukan yaitu 15 hari (status expired) maka pengajuan Calon Mitra dapat dihentikan.

Gambar 330. Status pada Halaman Index Expired 15 Hari - Kemitraan SPBU

Berikut tampilan detail saat pembayaran initial fee expired 15 hari, tampilan dalam mode
view dimana Calon Mitra tidak dapat melakukan edit atau submit data.

193 | A p l i k a s i W e b K e m i t r a a n S P B U
Gambar 331. Tampilan Initial Fee Expired - Kemitraan SPBU

2. Jika Calon Mitra mendapat file revisi (jangka waktu 15 hari) dari pihak internal namun
Calon Mitra membiarkan hingga jangka waktu berakhir maka maka pengajuan Calon
Mitra dapat dihentikan.

Gambar 332. Tampilan Revisi Initial Fee Expired - Kemitraan SPBU

Gambar 333. Tampilan pada Halaman Index Ketika Revisi - Kemitraan SPBU

5) Initial Fee Pengajuan Dibatalkan


Ketika “Initial Fee Pembayaran” Calon Mitra expired dan pengajuan di-terminate oleh pihak
internal maka Calon Mitra mendapat notifikasi email “Pengajuan Dihentikan” dan dapat melihat
status pada halaman index sebagai berikut.

Gambar 334. Status pada Halaman Index Pengajuan Dihentikan - Kemitraan SPBU

194 | A p l i k a s i W e b K e m i t r a a n S P B U
Pengajuan yang dibatalkan tidak dapat dilanjutkan, Calon Mitra tidak dapat melakukan edit data
pengajuan yang dibatalkan (read only).

195 | A p l i k a s i W e b K e m i t r a a n S P B U
D. Pengunduran Diri

Setelah melalui tahap “Initial Fee Pembayaran”, Calon Mitra dapat melakukan Pengunduran Diri,
button tersebut terdapat pada halaman bawah menuju ke “Dokumen Perizinan”

Gambar 335. Tampilan Button Pengunduran Diri - Kemitraan SPBU

Calon Mitra menekan button sistem menampilkan popup seperti berikut ini.

Gambar 336. Popup Pengisian Form Pengunduran Diri - Kemitraan SPBU

Calon Mitra melengkapi dokumen terkait “Pengunduran Diri” yang bertanda * (mandatory).
Tombol “Submit” akan enable jika kolom check box ditekan terlebih dahulu.

Gambar 337. Enable Tombol Submit - Kemitraan SPBU

196 | A p l i k a s i W e b K e m i t r a a n S P B U
Calon Mitra menekan tombol “Submit” tetapi input-an belum terisi, maka muncul warning
message seperti di bawah.

Gambar 338. Warning Message saat Menekan Submit Pengunduran Diri - Kemitraan SPBU

Ketika Calon Mitra melengkapi isian, pada bagian upload file Calon Mitra dapat melakukan upload
dengan ketentuan jenis file yaitu image/PDF dan dapat memasukkan lebih dari satu file.

Gambar 339. Upload File Lebih Dari 1 File - Kemitraan SPBU

Setelah input-an terisi semua selanjutnya Calon Mitra tekan check box dan membaca Detail

Ketentuan Pengunduran Diri dengan menekan button .

197 | A p l i k a s i W e b K e m i t r a a n S P B U
Gambar 340. Disclaimer Ketentuan Pengunduran Diri - Kemitraan SPBU

Selanjutnya Calon Mitra menekan button “Submit” maka secara otomatis dokumen
pengajuan Calon Mitra close (Pengajuan Tidak Dapat Dilanjutkan). Calon Mitra tidak dapat
melakukan edit pada pengajuan yang telah close (read only).

Gambar 341. Status pada Halaman Index - Kemitraan SPBU

Calon Mitra menunggu dokumen Pengunduran Diri disetujui pihak internal kemitraan. Apabila
telah disetujui terdapat notifikasi email.

Pengajuan yang telah diajukan Pengunduran Diri tidak dapat dilanjutkan kembali, tetapi Calon
Mitra dapat melakukan pengajuan ulang kembali.

198 | A p l i k a s i W e b K e m i t r a a n S P B U
9. Kelengkapan Dokumen Perizinan

Calon Mitra diberi waktu melakukan input data dengan jangka waktu 152 hari.

Calon Mitra mendapatkan notifikasi pada email. Setelah melakukan check email, user dapat

menekan tombol “Telusuri Halaman Detail” kemudian sistem akan membawa ke


halaman detail pengajuan Calon Mitra seperti di bawah.

Gambar 342. Tampilan Detail Approval Kelengkapan Dokumen - Kemitraan SPBU

199 | A p l i k a s i W e b K e m i t r a a n S P B U
Tampilan pada halaman index

Gambar 343. Status pada Halaman Index Input Data Dokumen Perizinan - Kemitraan SPBU

Gambar 344. Tampilan Detail Dokumen Perizinan - Kemitraan SPBU

Untuk dapat mengerjakan “Dokumen Perizinan” tekan pada bagian “Detail Form”

Gambar 345. Tampilan Setelah Menekan Detail Form - Kemitraan SPBU

200 | A p l i k a s i W e b K e m i t r a a n S P B U
Terlihat bahwa tombol “Submit” disable, agar “Dokumen Perizinan” dapat dilanjutkan ke tahap
berikutnya, Calon Mitra harus menekan tombol “Submit” terlebih dahulu. Agar tombol “Submit”
menjadi enable, Calon Mitra tekan pada check box yang terdapat pada detail form “Dokumen
Pernyataan”, lalu sistem menampilkan popup “Detail Ketentuan” seperti di bawah.

Gambar 346. Tekan Check Box Terdapat Popup Detail Ketentuan - Kemitraan SPBU

Setelah menekan check box maka button “Submit” menjadi enable, lalu Calon Mitra dapat
menekan “Submit” untuk melanjutkan ke tahap berikutnya. Calon Mitra juga dapat menyimpan
isian yang telah diisi dengan menekan button “Simpan” agar data tersebut tersimpan pada database
dan tidak hilang jika waktu pengisian telah habis.

Gambar 347. Enable Button Submit - Kemitraan SPBU

201 | A p l i k a s i W e b K e m i t r a a n S P B U
Untuk dapat melakukan pengisian isian “Dokumen Perizinan” tekan pada bagian .
a. Pengisian dengan Kondisi Sesuai

Gambar 348. Detail Form Dokumen OSS dan Lahan - Kemitraan SPBU

Gambar 349. Detail Form Dokumen Perusahaan Badan Usaha PT- Kemitraan SPBU

202 | A p l i k a s i W e b K e m i t r a a n S P B U
Gambar 350. Detail Form Dokumen Perusahaan Badan Usaha Koperasi- Kemitraan SPBU

Gambar 351. Detail Form Dokumen Pembangunan - Kemitraan SPBU

Gambar 352. Detail Form Dokumen Pernyataan - Kemitraan SPBU

Calon Mitra melakukan input data sesuai kebutuhan sistem, dimana saat melakukan upload file

tekan dengan ketentuan file dalam format image/PDF dan maks size 10 MB. Selain
itu untuk pengisian tanggal dapat dilakukan secara manual dengan format Tanggal/Bulan/Tahun

atau dengan menekan date picker

203 | A p l i k a s i W e b K e m i t r a a n S P B U
Gambar 353. Tampilan Ketika Menekan Button Date Picker - Kemitraan SPBU

Pengisian “Nama Bank” pada section “Surat Referensi Bank” dilakukan dengan menekan kolom
nama bank, kemudian setelah ditekan sistem menampilkan dropdown pilihan nama bank yang
tersedia seperti gambar di bawah ini.

Gambar 354. Dropdown Nama Bank pada Section urat Referensi Bank - Kemitraan SPBU

Calon Mitra diwajibkan melengkapi isian yang bertanda * (mandatory). Untuk pengisian
“Sertifikat Laik Fungsi” pada tahap “Dokumen Perizinan” bersifat optional.

Setelah selesai melakukan pengisian, selanjutnya klik “Submit”, lalu dokumen tersebut akan
diproses ke tahap berikutnya.

b. Pengisian dengan Kondisi Tidak Sesuai


Ketika dokumen belum lengkap terisi tetapi calon mitra telah menekan check box dan telah
menekan “Submit” maka terdapat warning message seperti gambar di bawah ini

204 | A p l i k a s i W e b K e m i t r a a n S P B U
Gambar 355. Warning Message Ketika Pengisian Tidak Lengkap - Kemitraan SPBU

Gambar 356. Warning Message Ketika Pengisian Tidak Lengkap Badan Usaha PT - Kemitraan SPBU

205 | A p l i k a s i W e b K e m i t r a a n S P B U
Gambar 357. Warning Message Ketika Pengisian Tidak Lengkap Badan Usaha Koperasi - Kemitraan SPBU

Gambar 358. Warning Message Ketika Pengisian Tidak Lengkap - Kemitraan SPBU

Gambar 359. Warning Message Ketika Pengisian Tidak Lengkap - Kemitraan SPBU

a) Approval Revisi Dokumen Perizinan

Apabila Dokumen Perizinan Calon Mitra tidak lengkap atau terdapat data yang kurang tepat,
maka Calon Mitra akan mendapatkan dokumen revisi dari pihak internal, Calon Mitra
mendapatkan notifikasi tersebut melalui email dan dapat dilihat juga pada halaman index dengan
status sebagai berikut.

206 | A p l i k a s i W e b K e m i t r a a n S P B U
Gambar 360. Status di Halaman Index Revisi Dokumen Perizinan - Kemitraan SPBU

Calon Mitra dapat mengetahui pada bagian apa revisian yang harus dikerjakan, terdapat flash
message dan juga alert sehingga memudahkan Calon Mitra untuk merubahnya.

Tahapan melakukan revisi sama halnya dengan melakukan input “Dokumen Perizinan” pertama
kali (dapat dilihat pada sub 9. Kelengkapan Dokumen Perizinan)

Gambar 361. Flash Message dan Alert Catatan Revisi Dokumen Perizinan - Kemitraan SPBU

207 | A p l i k a s i W e b K e m i t r a a n S P B U
b) Approval Dokumen Perizinan Disetuju

Apabila Dokumen Perizinan Calon Mitra sesuai maka Calon Mitra menunggu undangan untuk
melakukan kickoff meeting.

Calon mitra mengetahui informasi tersebut dari email yang masuk besarta dapat melihat status
pada halaman index.

Gambar 362. Notifikasi Email Approve Dokumen Perizinan - Kemitraan SPBU

208 | A p l i k a s i W e b K e m i t r a a n S P B U
10. Kickoff Meeting

Dokumen Perizinan disetujui, tahap selanjutnya yaitu “Kickoff Meeting”, Calon Mitra
mendapatkan notifikasi melalui email dan juga dapat melihat status pada halaman index seperti
berikut ini.

Tampilan pada halaman index

Gambar 363. Notifikasi di Halaman Index Calon Mitra "Kickoff Meeting" - Kemitraan SPBU

Setelah melakukan check email, user dapat menekan tombol “Telusuri Halaman Detail”

kemudian sistem akan membawa ke halaman detail pengajuan Calon Mitra


seperti di bawah.

Gambar 364. Tampilan Kickoff Meeting Calon Mitra - Kemitraan SPBU

Setelah terbuka tampilan “Kickoff Meeting” untuk membuka tampilan secara lebih terperinci tekan

“Detail Form”

209 | A p l i k a s i W e b K e m i t r a a n S P B U
Gambar 365. Tampilan Kickoff Meeting - Kemitraan SPBU

Apabila Saat menekan “Submit” belum dilengkapi pengisian tersebut, maka terdapat warning
message seperti di bawah ini.

210 | A p l i k a s i W e b K e m i t r a a n S P B U
Gambar 366. Warning Message Kickoff Meeting - Kemitraan SPBU

Pada bagian ini Calon Mitra melakukan input Daftar Konsultan dan Daftar Kontraktor selanjutnya
melakukan Konfirmasi Kehadiran.

10.1 Pemilihan Konsultan


Dalam pemilihan Konsultan, Calon Mitra tekan pada kolom “Pilih Konsultan”

Gambar 367. Daftar Konsultan - Kemitraan SPBU

Setelah tekan kolom “Daftar Konsultan” maka akan muncul data dropdown seperti di bawah ini.

211 | A p l i k a s i W e b K e m i t r a a n S P B U
Gambar 368. Data Dropdown "Daftar Konsultan" - Kemitraan SPBU

Saat muncul data dropdown “Daftra Konsultan”, Calon Mitra dapat memilih mana yang akan
dijadikan Konsultan dalam Project Kemitraan SPBU. Cara memilihnya yaitu tekan salah satu nama
Konsultan

Gambar 369. Pilih "Daftar Konsultan" - Kemitraan SPBU

Setelah Pilih Konsultan kemudian tekan “Tambah” dan tampilan akan berubah seperti
gambar di bawah.

Gambar 370. Generate By System "Daftar Konsultan" - Kemitraan SPBU

Calon Mitra dapat memilih lebih dari satu Konsultan dengan cara tekan kolom “Pilih Konsultan”
kemudian akan muncul data dropdown di mana data Konsultan yang telah dipilih tidak terdapat
dalam data dropdown tersebut. Untuk cara menambah “Daftar Konsultan” langkahnya sama seperti
pertama kali menambahkan “Daftar Konsultan” dan jika Calon Mitra ingin menghapus “Daftar

Konsultan” yang telah dipilih caranya yaitu tekan “Hapus” pada kolom “Action” dan kemudian
data yang tersimpan akan terhapus.

212 | A p l i k a s i W e b K e m i t r a a n S P B U
Gambar 371. Multiple Pilihan "Daftar Konsultan" - Kemitraan SPBU

10.2 Pemilihan Kontraktor


Selanjutnya untuk pengisian “Daftar Kontraktor” ketentuan pengisiannya sama dengan cara mengisi
“Daftar Konsultan” Calon Mitra tekan pada kolom “Pilih Kontraktor”

Gambar 372. Daftar Kontraktor - Kemitraan SPBU

Setelah tekan kolom “Daftar Kontraktor” maka akan muncul data dropdown seperti di bawah ini.

Gambar 373. Data Dropdown "Daftar Kontraktor" - Kemitraan SPBU

Saat muncul data dropdown “Daftar Kontraktor”, Calon Mitra dapat memilih mana yang akan
dijadikan Kontraktor dalam Project Kemitraan SPBU. Cara memilihnya yaitu tekan salah satu nama
Kontraktor

213 | A p l i k a s i W e b K e m i t r a a n S P B U
Gambar 374. Pilih "Daftar Konsultan" - Kemitraan SPBU

Setelah Pilih Konsultan kemudian tekan “Tambah” dan tampilan akan berubah seperti
gambar di bawah.

Gambar 375. Generate By System "Daftar Kontraktor" - Kemitraan SPBU

Calon Mitra dapat memilih lebih dari satu Kontraktor dengan cara tekan kolom “Pilih Kontraktor”
kemudian akan muncul data dropdown di mana data Kontraktor yang telah dipilih tidak terdapat
dalam data dropdown tersebut. Untuk cara menambah “Daftar Kontraktor” langkahnya sama seperti
pertama kali menambahkan “Daftar Kontraktor” dan jika Calon Mitra ingin menghapus “Daftar

Kontraktor” yang telah dipilih caranya yaitu tekan “Hapus” pada kolom “Action” dan kemudian
data yang tersimpan akan terhapus.

Gambar 376. Multiple Pilihan "Daftar Kontraktor" - Kemitraan SPBU

214 | A p l i k a s i W e b K e m i t r a a n S P B U
10.3 Konfirmasi Kehadiran Kickoff
Pada bagian ini Calon Mitra melakukan ”Konfirmasi Kehadiran” yang terdapat dua opsi yaitu Bisa
dan Tidak Bisa.
a. Bisa

Gambar 377. Tampilan Kickoff Meeting dengan Konfirmasi Kehadiran "Bisa" - Kemitraan SPBU

Jika Calon Mitra memilih Konfirmasi Bisa, tampilannya seperti gambar di atas, dimana Calon

Mitra melakukan upload file “Dokumen Persiapan Kickoff” tekan “Upload File”
dengan ketentuan file dalam bentuk image/PDF dan size maksimal 10 MB dan dapat melakukan
upload file multiple. File tersebut berupa dokumen persiapan untuk kickoff meeting sepeti “Draft
Layout”.

Setelah melakukan upload file selanjutnya Calon Mitra memberikan “Catatan Tambahan” pada
kolom text box yang tersedia. Upload File dan Catatan Tambahan terisi lalu tekan “Submit”

untuk melanjutkan ke tahap berikutnya.

Submit sudah ditekan maka sistem akan melanjutkan ke tahap berikutnya serta sistem akan
melakukan generate pengiriman email kepada Calon Mitra.

215 | A p l i k a s i W e b K e m i t r a a n S P B U
b. Tidak Bisa
Jika Calon Mitra memilih Konfirmasi Tidak Bisa, tampilannya seperti gambar di bawah ini

Gambar 378. Tampilan Kickoff Meeting dengan Konfirmasi Kehadiran "Tidak Bisa" - Kemitraan SPBU

Calon Mitra melakukan reschedule pada “Ajukan Tanggal Kickoff” untuk memilih tanggal yang
sesuai, bisa dilakukan dengan cara manual menggunakan format Tanggal/Bulan/Tahun atau

dengan tekan date picker lalu tekan dan muncul kalender seperti di bawah.

Gambar 379. Date Picker Kickoff Meeting Calon Mitra- Kemitraan SPBU

Setelah tanggal Kickoff Meeting diajukan, selanjutnya Calon Mitra mengisi kolom “Catatan
Tambahan” pada text box yang tersedia untuk menyampaikan alasan perubahan tanggal.

Tanggal Kickoff Meeting diajukan dan Catatan Tambahan terisi lalu tekan “Submit”
untuk melanjutkan ke tahap berikutnya. Apabila dalam melakukan “Submit” belum dilengkapi
maka akan keluar warning message seperti di bawah ini.

216 | A p l i k a s i W e b K e m i t r a a n S P B U
Gambar 380. Warning Message Kelengkapan Konfirmasi Kehadiran (TIdak Bisa) Kickoff Meeting - Kemitraan SPBU

Submit sudah ditekan maka sistem akan melanjutkan ke tahap berikutnya yaitu menunggu
konfirmasi dari pihak internal.

10.4 Hasil Konfirmasi Kehadiran Kickoff


a. Tidak Bisa
Jika Calon Mitra memilih Konfirmasi Tidak Bisa, Calon Mitra mendapatkan email. Setelah
melakukan check email, user dapat menekan tombol “Telusuri Halaman Detail”

kemudian sistem akan membawa ke halaman detail pengajuan Calon Mitra


seperti di bawah.

Gambar 381. Tampilan Kickoff Meeting Calon Mitra - Kemitraan SPBU

Tampilan pada halaman index

Gambar 382. Notifikasi di Halaman Index Calon Mitra "Kickoff Meeting" - Kemitraan SPBU

Setelah terbuka tampilan “Kickoff Meeting” untuk membuka tampilan secara lebih terperinci tekan

“Detail Form”

217 | A p l i k a s i W e b K e m i t r a a n S P B U
Gambar 383. Tampilan Kickoff Meeting - Kemitraan SPBU

Untuk melakukan pemilihan tanggal langkahnya sama seperti sub (10.4 Konfirmasi Kehadiran
Kickoff)

218 | A p l i k a s i W e b K e m i t r a a n S P B U
b. Bisa
Jika Calon Mitra memilih Konfirmasi Bisa, Calon Mitra mendapatkan email. Setelah melakukan

check email, user dapat menekan tombol “Telusuri Halaman Detail” kemudian
sistem akan membawa ke halaman detail pengajuan Calon Mitra seperti di bawah.

Gambar 384. Tampilan Kickoff Meeting Calon Mitra - Kemitraan SPBU

Tampilan pada halaman index

Gambar 385. Notifikasi di Halaman Index Calon Mitra "Kickoff Meeting" - Kemitraan SPBU

219 | A p l i k a s i W e b K e m i t r a a n S P B U
11. Hasil Kickoff Meeting

Hasil Kickoff Meeting di approve oleh pihak internal maka tahap selanjutnya Calon Mitra
mendapatkan notifikasi email dan dapat melihat status pada halaman index seperti di bawah ini.

Tampilan pada halaman index

Gambar 386. Status Input Data Pengajuan Layout - Kemitraan SPBU

Setelah melakukan check email, user dapat menekan tombol “Telusuri Halaman Detail”

kemudian sistem akan membawa ke halaman detail pengajuan Calon Mitra


seperti di bawah.

Gambar 387. Detail Dokumen Layout Calon Mitra - Kemitraan SPBU

220 | A p l i k a s i W e b K e m i t r a a n S P B U
12. Pengajuan Layout

Hasil Kickoff Meeting di approve oleh pihak internal maka tahap selanjutnya Calon Mitra
mendapatkan notifikasi email dan dapat melihat status pada halaman index seperti di bawah ini.

Tampilan pada halaman index

Gambar 388. Status Input Data Pengajuan Layout - Kemitraan SPBU

Setelah melakukan check email, user dapat menekan tombol “Telusuri Halaman Detail”

kemudian sistem akan membawa ke halaman detail pengajuan Calon Mitra


seperti di bawah.

Gambar 389. Detail Dokumen Layout Calon Mitra - Kemitraan SPBU

Untuk dapat melengkapi “Dokumen Layout”, tekan “Detail Form” .

221 | A p l i k a s i W e b K e m i t r a a n S P B U
Gambar 390. Tampilan Detail Penyampaian Layout - Kemitraan SPBU

Pada tahap Pengajuan Layout untuk “List Konsultan & Kontraktor” dapat dilakukan perubahan, cara
melakukan perubahan sama seperti saat pertama kali memilih Konsultan & Kontraktor.

12.1 Pemilihan Konsultan


Dalam pemilihan Konsultan, Calon Mitra tekan pada kolom “Pilih Konsultan”

Gambar 391. Daftar Konsultan - Kemitraan SPBU

Setelah tekan kolom “Daftar Konsultan” maka akan muncul data dropdown seperti di bawah ini.

222 | A p l i k a s i W e b K e m i t r a a n S P B U
Gambar 392. Data Dropdown "Daftar Konsultan" - Kemitraan SPBU

Saat muncul data dropdown “Daftra Konsultan”, Calon Mitra dapat memilih mana yang akan
dijadikan Konsultan dalam Project Kemitraan SPBU. Cara memilihnya yaitu tekan salah satu nama
Konsultan

Gambar 393. Pilih "Daftar Konsultan" - Kemitraan SPBU

Setelah Pilih Konsultan kemudian tekan “Tambah” dan tampilan akan berubah seperti
gambar di bawah.

Gambar 394. Generate By System "Daftar Konsultan" - Kemitraan SPBU

Calon Mitra dapat memilih lebih dari satu Konsultan dengan cara tekan kolom “Pilih Konsultan”
kemudian akan muncul data dropdown di mana data Konsultan yang telah dipilih tidak terdapat
dalam data dropdown tersebut. Untuk cara menambah “Daftar Konsultan” langkahnya sama seperti
pertama kali menambahkan “Daftar Konsultan” dan jika Calon Mitra ingin menghapus “Daftar

Konsultan” yang telah dipilih caranya yaitu tekan “Hapus” pada kolom “Action” dan kemudian
data yang tersimpan akan terhapus.

223 | A p l i k a s i W e b K e m i t r a a n S P B U
Gambar 395. Multiple Pilihan "Daftar Konsultan" - Kemitraan SPBU

12.2 Pemilihan Kontraktor


Selanjutnya untuk pengisian “Daftar Kontraktor” ketentuan pengisiannya sama dengan cara mengisi
“Daftar Konsultan” Calon Mitra tekan pada kolom “Pilih Kontraktor”

Gambar 396. Daftar Kontraktor - Kemitraan SPBU

Setelah tekan kolom “Daftar Kontraktor” maka akan muncul data dropdown seperti di bawah ini.

Gambar 397. Data Dropdown "Daftar Kontraktor" - Kemitraan SPBU

Saat muncul data dropdown “Daftar Kontraktor”, Calon Mitra dapat memilih mana yang akan
dijadikan Kontraktor dalam Project Kemitraan SPBU. Cara memilihnya yaitu tekan salah satu nama
Kontraktor

224 | A p l i k a s i W e b K e m i t r a a n S P B U
Gambar 398. Pilih "Daftar Konsultan" - Kemitraan SPBU

Setelah Pilih Konsultan kemudian tekan “Tambah” dan tampilan akan berubah seperti
gambar di bawah.

Gambar 399. Generate By System "Daftar Kontraktor" - Kemitraan SPBU

Calon Mitra dapat memilih lebih dari satu Kontraktor dengan cara tekan kolom “Pilih Kontraktor”
kemudian akan muncul data dropdown di mana data Kontraktor yang telah dipilih tidak terdapat
dalam data dropdown tersebut. Untuk cara menambah “Daftar Kontraktor” langkahnya sama seperti
pertama kali menambahkan “Daftar Kontraktor” dan jika Calon Mitra ingin menghapus “Daftar

Kontraktor” yang telah dipilih caranya yaitu tekan “Hapus” pada kolom “Action” dan kemudian
data yang tersimpan akan terhapus.

Gambar 400. Multiple Pilihan "Daftar Kontraktor" - Kemitraan SPBU

225 | A p l i k a s i W e b K e m i t r a a n S P B U
Pada bagian ini Calon Mitra melakukan upload file “Dokumen Layout” yang dapat di upload dengan

menekan “Upload File” di mana dengan ketentuan file dapat berupa image/PDF
dengan maksimal size 10 MB.

Setelah selesai melakukan upload “Dokumen Layout” lalu Calon Mitra dapat tekan “Simpan”

untuk dapat menyimpan file/data yang telah di input atau tekan “Submit” untuk
melanjutkan ke proses berikutnya.

Namun jika terdapat input-an yang belum lengkap pada saat tekan “Submit” untuk
melanjutkan ke proses berikutnya maka akan muncul warning message seperti di bawah ini. Agar
bisa dilanjutkan ke proses berikutnya, maka Calon Mitra harus melengkapi terlebih dahulu lalu

Calon Mitra tekan ulang “Submit” untuk melanjutkan ke proses berikutnya.

Gambar 401. Warning Message Ketidaklengkapan Input Data - Kemitraan SPBU

Pada laman “Penyampaian Layout” terdapat dua kemungkinan approval oleh pihak internal, yaitu:
1) Revisi
Calon Mitra mendapatkan notifikasi email dan dapat mengetahui status pengajuan di halaman
index seperti berikut.

Tampilan pada halaman index

Gambar 402. Status pada Halaman Index - Kemitraan SPBU

Gambar 403. Tampilan Detail Dokumen Layout - Kemitraan SPBU

226 | A p l i k a s i W e b K e m i t r a a n S P B U
Untuk dapat melengkapi “Dokumen Layout”, tekan “Detail Form” .

Gambar 404. Tampilan Detail Revisi Layout - Kemitraan SPBU

Tahapan melakukan revisi sama halnya dengan melakukan input “Pengajuan Layout” pertama
kali (dapat dilihat pada sub 12. Pengajuan Layout)

i. Revisi HSSE
Untuk revisi “Dokumen Layout” dilakukan apabila Calon Mitra mendapatkan notifikasi pada
email dan di halaman index seperti di bawah ini.

227 | A p l i k a s i W e b K e m i t r a a n S P B U
Gambar 405. Revisi Pengajuan Layout Calon Mitra - Kemitraan SPBU

Langkah mengerjakannya sama seperti saat Calon Mitra melakukan input pada “Pengajuan
Layout”.

ii. Revisi RPD


Untuk revisi “Dokumen Layout” dilakukan apabila Calon Mitra mendapatkan notifikasi pada
email dan di halaman index seperti di bawah ini.

Gambar 406. Revisi Pengajuan Layout Calon Mitra - Kemitraan SPBU

Langkah mengerjakannya sama seperti saat Calon Mitra melakukan input pada “Penyampaian
Layout”.

2) Layak
Pengajuan Layout dinyatakan layak Calon Mitra mendapatkan notifikasi pada email untuk
melanjutkan ke proses berikutnya yaitu “Pengajuan DED”.

228 | A p l i k a s i W e b K e m i t r a a n S P B U
13. Pengajuan DED

Saat “Dokumen Layout” Calon Mitra dinyatakan Layak oleh pihak internal Kemitraan SPBU,
Calon Mitra mendapat notifikasi email. Setelah melakukan check email, user dapat menekan

tombol “Telusuri Halaman Detail” kemudian sistem akan membawa ke halaman


detail pengajuan Calon Mitra seperti di bawah.

Gambar 407. Detail Dokumen DED - Kemitraan SPBU

Tampilan pada halaman index

Gambar 408. Status menjadi Input Data Dokumen DED pada Halaman Index - Kemitraan SPBU

Untuk dapat memulai tahap verifikasi, user dapat menekan pada halaman index atau dapat

menekan pada notifikasi email.

Setelah terbuka tampilan “Dokumen DED” untuk membuka tampilan secara lebih terperinci maka

Calon Mitra tekan “Detail Form” .

229 | A p l i k a s i W e b K e m i t r a a n S P B U
Gambar 409. Tampilan "Penyampaian DED" - Kemitraan SPBU

Ketika Calon Mitra tidak melakukan pengisian saat Dokumen DED di “Submit” maka sistem
menampilkan warning message seperti berikut ini.

230 | A p l i k a s i W e b K e m i t r a a n S P B U
Gambar 410. Input "Dokumen DED" Calon Mitra - Kemitraan SPBU

Pada tahap Pengajuan DED untuk “List Konsultan & Kontraktor” dapat dilakukan perubahan, cara
melakukan perubahan sama seperti saat pertama kali memilih Konsultan & Kontraktor.

13.1 Pemilihan Konsultan


Dalam pemilihan Konsultan, Calon Mitra tekan pada kolom “Pilih Konsultan”

Gambar 411. Daftar Konsultan - Kemitraan SPBU

Setelah tekan kolom “Daftar Konsultan” maka akan muncul data dropdown seperti di bawah ini.

Gambar 412. Data Dropdown "Daftar Konsultan" - Kemitraan SPBU

Saat muncul data dropdown “Daftra Konsultan”, Calon Mitra dapat memilih mana yang akan
dijadikan Konsultan dalam Project Kemitraan SPBU. Cara memilihnya yaitu tekan salah satu nama
Konsultan

231 | A p l i k a s i W e b K e m i t r a a n S P B U
Gambar 413. Pilih "Daftar Konsultan" - Kemitraan SPBU

Setelah Pilih Konsultan kemudian tekan “Tambah” dan tampilan akan berubah seperti
gambar di bawah.

Gambar 414. Generate By System "Daftar Konsultan" - Kemitraan SPBU

Calon Mitra dapat memilih lebih dari satu Konsultan dengan cara tekan kolom “Pilih Konsultan”
kemudian akan muncul data dropdown di mana data Konsultan yang telah dipilih tidak terdapat
dalam data dropdown tersebut. Untuk cara menambah “Daftar Konsultan” langkahnya sama seperti
pertama kali menambahkan “Daftar Konsultan” dan jika Calon Mitra ingin menghapus “Daftar

Konsultan” yang telah dipilih caranya yaitu tekan “Hapus” pada kolom “Action” dan kemudian
data yang tersimpan akan terhapus.

Gambar 415. Multiple Pilihan "Daftar Konsultan" - Kemitraan SPBU

13.2 Pemilihan Kontraktor


Selanjutnya untuk pengisian “Daftar Kontraktor” ketentuan pengisiannya sama dengan cara mengisi
“Daftar Konsultan” Calon Mitra tekan pada kolom “Pilih Kontraktor”

232 | A p l i k a s i W e b K e m i t r a a n S P B U
Gambar 416. Daftar Kontraktor - Kemitraan SPBU

Setelah tekan kolom “Daftar Kontraktor” maka akan muncul data dropdown seperti di bawah ini.

Gambar 417. Data Dropdown "Daftar Kontraktor" - Kemitraan SPBU

Saat muncul data dropdown “Daftar Kontraktor”, Calon Mitra dapat memilih mana yang akan
dijadikan Kontraktor dalam Project Kemitraan SPBU. Cara memilihnya yaitu tekan salah satu nama
Kontraktor

Gambar 418. Pilih "Daftar Konsultan" - Kemitraan SPBU

Setelah Pilih Konsultan kemudian tekan “Tambah” dan tampilan akan berubah seperti
gambar di bawah.

Gambar 419. Generate By System "Daftar Kontraktor" - Kemitraan SPBU

233 | A p l i k a s i W e b K e m i t r a a n S P B U
Calon Mitra dapat memilih lebih dari satu Kontraktor dengan cara tekan kolom “Pilih Kontraktor”
kemudian akan muncul data dropdown di mana data Kontraktor yang telah dipilih tidak terdapat
dalam data dropdown tersebut. Untuk cara menambah “Daftar Kontraktor” langkahnya sama seperti
pertama kali menambahkan “Daftar Kontraktor” dan jika Calon Mitra ingin menghapus “Daftar

Kontraktor” yang telah dipilih caranya yaitu tekan “Hapus” pada kolom “Action” dan kemudian
data yang tersimpan akan terhapus.

Gambar 420. Multiple Pilihan "Daftar Kontraktor" - Kemitraan SPBU

Calon Mitra melakukan “Upload File” Dokumen DED dan menekan tombol dengan
ketentuan file dalam bentuk image/PDF dengan maksimal size 20 MB. Setelah berhasil meng-
upload file Dokumen DED, selanjutnya Calon Mitra memberikan “Catatan” pada kolom text box
yang tersedia.

Setelah melakukan upload file Dokumen DED dan memberikan catatan pada text box yang tersedia

untuk melanjutkan ke tahapan berikutnya Calon Mitra tekan “Submit” untuk melanjutkan ke
tahap berikutnya.

Pada laman “Penyampaian DED” terdapat dua kemungkinan approval oleh pihak internal, yaitu:
1) Revisi
Calon Mitra mendapatkan notifikasi email serta dapat mengetahui status pengajuan di halaman
index seperti berikut.

234 | A p l i k a s i W e b K e m i t r a a n S P B U
Tampilan pada halaman index

Gambar 421. Status pada Halaman Index - Kemitraan SPBU

Gambar 422. Tampilan Detail Dokumen DED - Kemitraan SPBU

Untuk dapat melengkapi “Dokumen Layout”, tekan “Detail Form” .

235 | A p l i k a s i W e b K e m i t r a a n S P B U
Gambar 423. Tampilan Detail Revisi DED - Kemitraan SPBU

Tahapan melakukan revisi sama halnya dengan melakukan input “Pengajuan Layout” pertama
kali (dapat dilihat pada sub 13. Pengajuan DED)

236 | A p l i k a s i W e b K e m i t r a a n S P B U
i. Revisi HSSE
Untuk revisi “Dokumen DED” dilakukan apabila Calon Mitra mendapatkan notifikasi pada
email. Setelah melakukan check email, user dapat menekan tombol “Telusuri Halaman Detail”

kemudian sistem akan membawa ke halaman detail pengajuan Calon Mitra


seperti di bawah.

Gambar 424. Detail Dokumen DED - Kemitraan SPBU

Tampilan pada halaman index

Gambar 425. Revisi Pengajuan DED Calon Mitra - Kemitraan SPBU

Langkah mengerjakannya sama seperti saat Calon Mitra melakukan input pada “Pengajuan
DED”.

ii. Revisi RPD


Untuk revisi “Dokumen DED” dilakukan apabila Calon Mitra mendapatkan notifikasi pada
email dan di halaman index seperti di bawah ini.

Gambar 426. Revisi Pengajuan DED Calon Mitra - Kemitraan SPBU

Langkah mengerjakannya sama seperti saat Calon Mitra melakukan input pada “Penyampaian
DED”.

2) Layak
Pengajuan DED dinyatakan layak maka pengajuan Calon Mitra berlanjut ke tahap berikut.

237 | A p l i k a s i W e b K e m i t r a a n S P B U
14. Progres Pembangunan 50%

Setelah Surat Persetujuan Bangun sudah diterbitkan, Calon Mitra mendapatkan notifikasi email.
Setelah melakukan check email, user dapat menekan tombol “Telusuri Halaman Detail”

kemudian sistem akan membawa ke halaman detail pengajuan Calon Mitra


seperti di bawah.

Gambar 427. Detail Progres Pembangunan 50% - Kemitraan SPBU

Tampilan pada halaman index

Gambar 428. Status Input Data Progres Pembangunan 50% - Kemitraan SPBU

Untuk dapat memulai tahap verifikasi, user dapat menekan pada halaman index atau dapat

menekan pada notifikasi email.

Setelah terbuka tampilan “Progres Pembangunan 50%” untuk membuka tampilan secara lebih

terperinci maka Calon Mitra tekan “Detail Form” .

238 | A p l i k a s i W e b K e m i t r a a n S P B U
Gambar 429. Surat Persetujuan Bangun - Kemitraan SPBU

Jika data isian belum lengkap maka saat tekan “Submit” akan muncul warning message seperti di
bawah ini.

Gambar 430. Warning Message Progres Pembangunan 50% - Kemitraan SPBU

239 | A p l i k a s i W e b K e m i t r a a n S P B U
Pada isian “Report” Calon Mitra harus melakukan download template terlebih dahulu sebelum

melakukan upload file, langkahnya tekan pada bagian “Download Template”

Gambar 431. Template Upload File Report - Kemitraan SPBU

Kemudian template tersebut dilengkapi, setelah lengkap “Report” tersebut dapat diupload dengan

tekan “Upload File” dengan ketentuan file dalam bentuk image/PDF dan maksimal size
10 MB dan dapat melakukan upload lebih dari satu file.

Calon Mitra melakukan “Upload File Progres” file berupa foto pembangunan, tekan “Upload File”

dengan ketentuan file dalam hanya dalam bentuk image dan maksimal size 10 MB.

Isian telah terisi, Calon Mitra dapat melakukan “Submit” untuk melanjutkan ke proses
berikutnya.

Pada laman “Report Progres Pembangunan 50%” terdapat dua kemungkinan approval oleh pihak
internal, yaitu:
1) Revisi
i. Revisi HSSE
Untuk revisi “Progres Pembangunan 50%” dilakukan apabila Calon Mitra mendapatkan
notifikasi pada email. Setelah melakukan check email, user dapat menekan tombol “Telusuri

240 | A p l i k a s i W e b K e m i t r a a n S P B U
Halaman Detail” kemudian sistem akan membawa ke halaman detail
pengajuan Calon Mitra seperti di bawah.

Gambar 432. Detail Progres Pembangunan 50% - Kemitraan SPBU

Tampilan pada halaman index

Gambar 433. Revisi Pembangunan 50% Calon Mitra - Kemitraan SPBU

Langkah mengerjakannya sama seperti saat Calon Mitra melakukan input pada “Progres
Pembangunan 50%”.

ii. Revisi RPD


Untuk revisi “Progres Pembangunan 50%” dilakukan apabila Calon Mitra mendapatkan
notifikasi pada email dan di halaman index seperti di bawah ini.

Tampilan pada halaman index

Gambar 434. Revisi Progres Pembangunan 50% Calon Mitra - Kemitraan SPBU

Setelah melakukan check email, user dapat menekan tombol “Telusuri Halaman Detail”

kemudian sistem akan membawa ke halaman detail pengajuan Calon Mitra


seperti di bawah.

241 | A p l i k a s i W e b K e m i t r a a n S P B U
Gambar 435. Revisi Progres Pembangunan 50% Calon Mitra - Kemitraan SPBU

Langkah mengerjakannya sama seperti saat Calon Mitra melakukan input pada “Progres
Pembangunan 50%”.

2) Layak
Progres Pembangunan 50% dinyatakan layak maka pengajuan Calon Mitra berlanjut ke tahap
berikut.

242 | A p l i k a s i W e b K e m i t r a a n S P B U
15. Progres Pembangunan 100%

Untuk menuju tahap ini Calon Mitra mendapatkan email. Setelah melakukan check email, user

dapat menekan tombol “Telusuri Halaman Detail” kemudian sistem akan


membawa ke halaman detail pengajuan Calon Mitra seperti di bawah.

Gambar 436. Detail Progres Pembangunan 50% - Kemitraan SPBU

Tampilan pada halaman index

Gambar 437. Halaman Index Progres Pembangunan 100% - Kemitraan SPBU

Untuk dapat memulai tahap verifikasi, user dapat menekan pada halaman index atau dapat

menekan pada notifikasi email.

Setelah terbuka tampilan “Progres Pembangunan 100%” untuk membuka tampilan secara lebih

terperinci tekan “Detail Form” dan tampilan pun berubah.

243 | A p l i k a s i W e b K e m i t r a a n S P B U
Gambar 438. Tampilan Detail Progres Pembangunan 100% - Kemitraan SPBU

244 | A p l i k a s i W e b K e m i t r a a n S P B U
Ketika Calon Mitra menekan “Submit” dengan kondisi isian belum terisi maka sistem menampilkan
warning message seperti di bawah ini.

Gambar 439. Warning Message Progres Pembangunan 100% - Kemitraan SPBU

245 | A p l i k a s i W e b K e m i t r a a n S P B U
Gambar 440. Data Sarana dan Fasilitas Progres Pembangunan 100% - Kemitraan SPBU

Upload file “Report” Calon Mitra harus melakukan download template terlebih dahulu sebelum

melakukan upload file, langkahnya tekan pada bagian “Download Template”


kemudian template tersebut dilengkapi, setelah lengkap “Report” tersebut dapat di-upload dengan

tekan “Upload File” dengan ketentuan file dalam bentuk image/PDF dan maksimal size
10 MB.

Pada isian “Progres Pembangunan 100%” Calon Mitra melakukan upload file dengan menekan

button dengan ketentuan file dalam bentuk image/PDF dan maksimal size 10 MB.

Kemudian Calon Mitra melakukan upload dokumen “As Bulid Drawing”, tekan “Upload File”

dengan ketentuan file dalam bentuk image/PDF dan maksimal size 50 MB.

Setelah selesai mengisi bagian “Progres Report” selanjutnya Calon Mitra mengisi bagian “Data
Sarana dan Fasilitas”

246 | A p l i k a s i W e b K e m i t r a a n S P B U
Gambar 441. Data Sarana dan Fasilitas Progres Pembangunan 100% - Kemitraan SPBU

Pada gambar di atas Calon Mitra mengisi “Informasi Utama”, dimana inputan tersebut bersifat
mandatory (harus diisi). Untuk pengisian “Jam Operasional” bisa dilakukan dengan input manual

dengan format Jam/Menit/(AM atau PM) atau menggunakan time picker tekan maka akan
muncul jam yang dapat dipilih seperti di bawah

Gambar 442. Time Picker Jam Operasional - Kemitraan SPBU

Isian “As Built Drawing” itu dengan melakukan upload file image/PDF dengan maksimal size 10

MB dengan menekan tombol “Upload File” .

“Informasi Utama” telah lengkap diisi selanjutnya Calon Mitra melakukan “Pengisian Peralatan

Penimbunan”. Langkah pengisiannya tekan “Tambah” kemudian muncul kolom isian


seperti di bawah ini.

247 | A p l i k a s i W e b K e m i t r a a n S P B U
Gambar 443. Pengisian Peralatan Penimbunan - Kemitraan SPBU

Pada pengisian “Jenis Produk” terdapat data dropdown seperti di bawah yang dapat dipilih satu.

Gambar 444. Data Dropdown “Jenis Produk” Peralatan Penimbun - Kemitraan SPBU

Pada pengisian “Merk Tangki” terdapat data dropdown seperti di bawah yang dapat dipilih satu.

Gambar 445. Data Dropdown “Merk Tangki” Peralatan Penimbun - Kemitraan SPBU

Pada pengisian “Tipe Tangki” terdapat data dropdown seperti di bawah yang dapat dipilih satu.

Gambar 446. Data Dropdown “Tipe Tangki” Peralatan Penimbun - Kemitraan SPBU

Pada pengisian “Material Tangki” terdapat data dropdown seperti di bawah yang dapat dipilih satu.

248 | A p l i k a s i W e b K e m i t r a a n S P B U
Gambar 447. Data Dropdown “Material Tangki” Peralatan Penimbun - Kemitraan SPBU

Pada pengisian “STP” terdapat data dropdown seperti di bawah yang dapat dipilih satu.

Gambar 448. Data Dropdown “STP” Peralatan Penimbun - Kemitraan SPBU

Pada pengisian “Tank Sump” terdapat data dropdown seperti di bawah yang dapat dipilih satu.

Gambar 449. Data Dropdown “Tank Sump” Peralatan Penimbun - Kemitraan SPBU

“Data Peralatan Penimbun” ini dapat diisi lebih dari satu dengan cara tekan “Tambah”
setelah di tekan “Tambah” lalu akan muncul kolom tambahan seperti gambar di atas. Kemudian jika
Calon Mitra merasa tidak membutuhkan data tambahan dalam pengisian “Data Peralatan Penimbun”

tekan “Action” maka kolom tersebut akan terhapus secara otomatis.

Pengisian “Dispenser” dilakukan dengan tekan “Tambah” kemudian muncul kolom


isian seperti di bawah ini.

249 | A p l i k a s i W e b K e m i t r a a n S P B U
Gambar 450. Pengisian Dispenser - Kemitraan SPBU

Pada kolom “Merk” Calon Mitra dapat memilih pada data dropdown yang tersedia seperti di bawah.

Gambar 451. Data Dropdown Merk Dispenser - Kemitraan SPBU

Pada kolom “Tanggal Pembuatan” Calon Mitra dapat mengisi tanggal secara manual dengan format

Bulan/Tanggal/Tahun atau dengan menggunakan date picker tekan lalu muncul gambar
kalender seperti di bawah ini.

250 | A p l i k a s i W e b K e m i t r a a n S P B U
Gambar 452. Date Picker Pengisian Dispenser - Kemitraan SPBU

Pengisian “Nozzle” dapat diisi lebih dari satu dengan tekan icon , dan tab “Nozzle” bertambah
seperti di bawah.

Gambar 453. Tambah "Nozzle" - Kemitraan SPBU

Pada kolom “Produk” Calon Mitra dapat memilih pada data dropdown yang tersedia seperti di
bawah.

Gambar 454. Data Dropdown “Produk” Pengisian Nozzle - Kemitraan SPBU

251 | A p l i k a s i W e b K e m i t r a a n S P B U
Data “Dispenser” ini dapat diisi lebih dari satu dengan cara tekan “Tambah” setelah di
tekan “Tambah” lalu akan muncul kolom tambahan seperti gambar di atas. Kemudian jika Calon

Mitra merasa tidak membutuhkan data tambahan dalam pengisian “Dispenser” tekan “Hapus”
maka kolom tersebut akan terhapus secara otomatis.

Pengisian “Fasilitas NFR” dilakukan dengan tekan “Tambah” kemudian muncul kolom
isian seperti di bawah ini.

Gambar 455. Pengisian Fasilitas NFR - Kemitraan SPBU

Pengisian “Kategori Fasilitas” dilakukan dengan memilih data dropdown di bawah ini

Gambar 456. Data Dropdown "Kategori Fasilitas" - Kemitraan SPBU

Sebagai contoh, ketika Calon Mitra memilih C-Store pada pengisian “Kategori Fasilitas” maka
untuk pengisian “Jenis Fasilitas” terdapat data dropdown seperti di bawah.

Gambar 457. Kategori C-Store Maka Jenis Fasilitas Tersedia - Kemitraan SPBU

Untuk kolom “merk, Deksripsi Fasilitas, Luas, dan Jumlah” diisi secara manual oleh Calon Mitra.

252 | A p l i k a s i W e b K e m i t r a a n S P B U
Data “Fasilitas NFR” ini dapat diisi lebih dari satu dengan cara tekan “Tambah” setelah
di tekan “Tambah” lalu akan muncul kolom tambahan seperti gambar di atas. Kemudian jika Calon

Mitra merasa tidak membutuhkan data tambahan dalam pengisian “Fasilitas” tekan “Action”
maka kolom tersebut akan terhapus secara otomatis.

Pengisian “Sertifikat” dilakukan dengan melakukan upload file dengan ketentuan file dalam bentuk

image/PDF dengan maksimal size 10 MB. Langkahnya tekan “Upload File” pada setiap
jenis “Sertifikat” yang ada pada isian.

Gambar 458. Kelengkapan Dokumen Sertifikat Progres Pembangunan 100% - Kemitraan SPBU

Pengisian “Data Karyawan” dilakukan dengan tekan “Tambah” kemudian muncul


kolom isian seperti di bawah ini.

Gambar 459. Inputan Data Karyawan - Kemitraan SPBU

253 | A p l i k a s i W e b K e m i t r a a n S P B U
“Data Karyawan” diisi sesuai dengan data yang sesungguhnya sesuai dengan identitas Karyawan
Calon Mitra.

Pengisian “Jabatan” dilakukan dengan memilih pada data dropdown yang tersedia.

Gambar 460. Dropdown Jabatan pada Form Karyawan Pembangunan 100% - Kemitraan SPBU

Pengisian “Pendidikan” dilakukan dengan memilih pada data dropdown yang tersedia.

Gambar 461. Data Dropdown Pendidikan pada Data Karyawan - Kemitraan SPBU

Pengisian “Tanggal Lahir” dapat dilakukan dengan cara manual dengan format

Bulan/Tanggal/Tahun atau dengan menggunakan date picker tekan lalu muncul gambar
kalender seperti di bawah ini.

254 | A p l i k a s i W e b K e m i t r a a n S P B U
Gambar 462. Date Picker Tanggal Lahir pada Data Karyawan - Kemitraan SPBU

Pemilihan Ukuran Baju & Ukuran Celana pada “Data Karyawan” terdapat dalam data dropdown
yang tersedia.

Gambar 463. Dropdown Ukuran Baju & Ukuran Celana pada Data Karyawan - Kemitraan SPBU

“Data Karyawan” ini dapat diisi lebih dari satu dengan cara tekan “Tambah” setelah di
tekan “Tambah” lalu akan muncul kolom tambahan seperti gambar di atas. Kemudian jika Calon
Mitra merasa tidak membutuhkan data tambahan dalam pengisian “Data Karyawan” tekan “Hapus”

maka kolom tersebut akan terhapus secara otomatis.

Isian telah terisi, Calon Mitra dapat menyimpan file yang telah di-upload dengan tekan “Simpan”

untuk menyimpan pada database serta dapat dilakukan perubahan terhadap file yang telah

di-upload, juga Calon Mitra dapat melakukan “Submit” untuk melanjutkan ke proses
berikutnya.

255 | A p l i k a s i W e b K e m i t r a a n S P B U
Setelah ditekan “Submit” sistem menampilkan generate section Data Karyawan sebagai berikut.

Gambar 464. Generate Section Data Karyawan - Kemitraan SPBU

Calon Mitra dapat melakukan download data karyawan dengan menekan button

. Kemudian, sistem melalukan unduh file data karyawan dengan format excel
yang akan tersimpan otomatis pada device user.

Selain itu user dapat mengetahui informasi mengenai tata cara pengisian kelas dengan menekan

button .

Gambar 465. Hasil Unduh Data Karyawan & Manual Book pada Device User - Kemitraan SPBU

256 | A p l i k a s i W e b K e m i t r a a n S P B U
Pada laman “Report Progres Pembangunan 100%” terdapat dua kemungkinan approval oleh pihak
internal, yaitu:
1) Revisi
i. Revisi HSSE
Untuk revisi “Progres Pembangunan 100%” dilakukan apabila Calon Mitra mendapatkan
notifikasi pada email dan di halaman index seperti di bawah ini.

Tampilan pada halaman index

Gambar 466. Revisi Pembangunan 100% Calon Mitra - Kemitraan SPBU

Setelah melakukan check email, user dapat menekan tombol “Telusuri Halaman Detail”

kemudian sistem akan membawa ke halaman detail pengajuan Calon Mitra


seperti di bawah.

Gambar 467. Detail Progres Pembangunan 100% - Kemitraan SPBU

Langkah mengerjakannya sama seperti saat Calon Mitra melakukan input pada “Progres
Pembangunan 100%”.

ii. Revisi RPD


Untuk revisi “Progres Pembangunan 100%” dilakukan apabila Calon Mitra mendapatkan
notifikasi pada email dan di halaman index seperti di bawah ini.

Tampilan pada halaman index

257 | A p l i k a s i W e b K e m i t r a a n S P B U
Gambar 468. Revisi Pembangunan 100% Calon Mitra - Kemitraan SPBU

Setelah melakukan check email, user dapat menekan tombol “Telusuri Halaman Detail”

kemudian sistem akan membawa ke halaman detail pengajuan Calon Mitra


seperti di bawah.

Gambar 469. Detail Progres Pembangunan 100% - Kemitraan SPBU


Langkah mengerjakannya sama seperti saat Calon Mitra melakukan input pada “Progres
Pembangunan 100%”.

iii. Revisi Internal Kemitraan


Untuk revisi “Progres Pembangunan 100%” dilakukan apabila Calon Mitra mendapatkan
notifikasi pada email dan di halaman index seperti di bawah ini.

Tampilan pada halaman index

Gambar 470. Revisi Progres Pembangunan 100% Calon Mitra - Kemitraan SPBU

Setelah melakukan check email, user dapat menekan tombol “Telusuri Halaman Detail”

kemudian sistem akan membawa ke halaman detail pengajuan Calon Mitra


seperti di bawah.

258 | A p l i k a s i W e b K e m i t r a a n S P B U
Gambar 471. Detail Progres Pembangunan 100% - Kemitraan SPBU

Langkah mengerjakannya sama seperti saat Calon Mitra melakukan input pada “Progres
Pembangunan 100%”.

2) Layak
Progres Pembangunan 100% dinyatakan layak maka pengajuan Calon Mitra berlanjut ke tahap
berikut.

259 | A p l i k a s i W e b K e m i t r a a n S P B U
16. Kontrak

1) Revisi
Calon Mitra menerima notifikasi email dan status pada halaman index kemitraan seperti di bawah:

Tampilan pada halaman index

Gambar 472. Tampilan Halaman Index Kontrak Dokumen Perizinan - Kemitraan SPBU

Setelah melakukan check email, user dapat menekan tombol “Telusuri Halaman Detail”

kemudian sistem akan membawa ke halaman detail pengajuan Calon Mitra


seperti di bawah.

Gambar 473. Detail Kontrak - Kemitraan SPBU

Untuk dapat memulai tahap verifikasi, user dapat menekan pada halaman index atau dapat

menekan pada notifikasi email.

Setelah terbuka tampilan “Kontrak” untuk membuka tampilan secara lebih terperinci tekan “Detail

Form” dan tampilan pun berubah.

260 | A p l i k a s i W e b K e m i t r a a n S P B U
Gambar 474. Tampilan Detail Kontrak Dokumen Perizinan - Kemitraan SPBU

Calon Mitra melakukan revisi perbaikan berdasarkan revisi dari pihak internal dengan menekan

pada card Dokumen Pembangunan dan Dokumen Penyataan untuk mengetahui revisian
tersebut.

261 | A p l i k a s i W e b K e m i t r a a n S P B U
Gambar 475. Alert Revisi Dokumen Perizinan Kontrak Dokumen Perizinan - Kemitraan SPBU

Calon Mitra melakukan perbaikan berdasarkan notifikasi email dan juga berdasarkan flash message
dan alert pada bagian revisi dokumen.

262 | A p l i k a s i W e b K e m i t r a a n S P B U
Apabila Calon Mitra pada tahap “Kelengkapan Dokumen Perizinan” belum mengisi bagian
Sertifikat Laik Fungsi (SLF) karena pada tahap “Kelengkapan Dokumen Perizinan” bersifat
optional, maka Sertifikat Laik Fungsi (SLF) menjadi mandatory pada tahap “Kontrak” sebagai
berikut.

Gambar 476. Sertifikat Laik Fungsi (SLF) Menjadi Mandatory - Kemitraan SPBU

Pada pengisian SLF, Calon Mitra dapat memilih tanggal dengan menekan menekan tombol “Date

Picker” , setelah Calon Mitra menekan tombol “Date Picker” maka sistem akan menampilkan
fungsi date picker seperti pada gambar dibawah ini.

Gambar 477. Date Picker SLF- Kemitraan SPBU

Untuk melakukan “Upload File SLF” tekan dengan ketentuan file dalam bentuk
image/PDF dan size maksimal 10 MB dan dapat melakukan upload file multiple

263 | A p l i k a s i W e b K e m i t r a a n S P B U
Setelah selesai melakukan revisi dan melengkapi selanjutnya tekan , sistem berhasil
menyimpan data ke dalam database dan dokumen revisian akan dievaluasi kembali.

264 | A p l i k a s i W e b K e m i t r a a n S P B U
17. Penyampaian Teradispenser

Calon Mitra mendapatkan notifikasi email dan mengetahui status pada halaman index sebagai berikut.

Tampilan pada halaman index

Gambar 478. Status di Halaman Index - Kemitraan SPBU

Setelah melakukan check email, user dapat menekan tombol “Telusuri Halaman Detail”

kemudian sistem akan membawa ke halaman detail pengajuan Calon Mitra seperti di
bawah.

Gambar 479. Detail Kontrak - Kemitraan SPBU

Untuk dapat memulai tahap verifikasi, pertama user dapat menekan pada halaman index atau

dapat menekan pada notifikasi email.

Setelah terbuka tampilan “SH dan Surat Penebusan Perdana” untuk membuka tampilan secara lebih

terperinci tekan “Detail Form” dan tampilan pun berubah.

265 | A p l i k a s i W e b K e m i t r a a n S P B U
Gambar 480. Tampilan Input Kelengkapan Dokumen - Kemitraan SPBU

Apabila menekan “Submit” dengan kondisi pengisian belum lengkap maka sistem menampilkan warning
message seperti di bawah.

266 | A p l i k a s i W e b K e m i t r a a n S P B U
Gambar 481. Warning Message Teradispende - Kemitraan SPBU

Selanjutnya Calon Mitra tekan untuk melakukan upload file sesuai dengan inputan yang
diperlukan dengan ketentuan file dalam format image / PDF dan maks size adalah 10 MB. Untuk section
yang tidak diberi tanda * (mandatory) merupakan optional bagi Calon Mitra.

267 | A p l i k a s i W e b K e m i t r a a n S P B U
Apabila Calon Mitra memilih untuk melakukan penyimpanan data Penyampaian Teradispenser dengan

menekan , sistem akan melakukan penyimpanan data Penyampaian Teradispenser tersebut pada
database.

Apabila Calon Mitra memilih untuk melakukan submit data Penyampaian Teradispenser dengan

menekan , selanjutnya Calon Mita menunggu untuk verifikasi oleh pihak internal.

1) Revisi Teradispenser
Calon Mitra mendapatkan notifikasi email dan mengetahui status pada halaman index sebagai
berikut.

Tampilan pada halaman index

Gambar 482. Status di Halaman Index - Kemitraan SPBU

Setelah melakukan check email, user dapat menekan tombol “Telusuri Halaman Detail”

kemudian sistem akan membawa ke halaman detail pengajuan Calon Mitra


seperti di bawah.

Gambar 483. Detail Teradispenser - Kemitraan SPBU

Untuk dapat memulai tahap verifikasi, pertama user dapat menekan pada halaman index

atau dapat menekan pada notifikasi email.

268 | A p l i k a s i W e b K e m i t r a a n S P B U
Setelah terbuka tampilan “Tera Dispenser” untuk membuka tampilan secara lebih terperinci

tekan “Detail Form” dan tampilan pun berubah.

Gambar 484. Tampilan Input Kelengkapan Dokumen - Kemitraan SPBU

Calon Mitra dapat mengetahui hasil revisian dari pihak internal terlihat pada gambar di atas
terdapat flash message dan alert. Calon Mitra perbaiki revisian berdasarkan catatan dari pihak
internal. Cara pengerjaannya sama seperti (Sub 17. Penyampaian Teradispenser)

269 | A p l i k a s i W e b K e m i t r a a n S P B U
18. Surat Izin Operasi

Tahap penerbitan Surat Izin Operasi merupakan tahap terakhir dalam menjadi Mitra SPBU. Calon
Mitra mendapat notifikasi email ini ketika seluruh tahapan sudah berakhir.

Setelah melakukan check email, user dapat menekan tombol “Telusuri Halaman Detail”

kemudian sistem akan membawa ke halaman detail pengajuan Calon Mitra


seperti di bawah.

Gambar 485. Detail Kontrak - Kemitraan SPBU

Tampilan pada halaman index

Gambar 486. Status di Halaman Index - Kemitraan SPBU

Untuk dapat memulai tahap verifikasi, pertama user dapat menekan pada halaman index

atau dapat menekan pada notifikasi email.

Setelah terbuka tampilan “Surat Izin Operasi” untuk membuka tampilan secara lebih terperinci

tekan “Detail Form” dan tampilan pun berubah.

270 | A p l i k a s i W e b K e m i t r a a n S P B U
Gambar 487. Tampilan Input Kelengkapan Dokumen - Kemitraan SPBU

Calon Mitra dapat melakukan download file Surat Izin Operasi dengan menekan dokumen pada
field “File”

271 | A p l i k a s i W e b K e m i t r a a n S P B U
272 | A p l i k a s i W e b K e m i t r a a n S P B U

Anda mungkin juga menyukai