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.
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
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.
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”
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.
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
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
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
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.
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.
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.
Calon Mitra melakukan verifikasi captcha sesuai dengan kriteria maka saat menekan button
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
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”
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
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”
“Reset Password” seperti pada gambar di bawah ini lalu tekan “Kirim Email” .
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.
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:
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
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.
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.
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.
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.
Selanjutnya lengkapi kolom “Email”, setelah lengkap Calon Mitra dapat menekan tombol
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”
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
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
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”
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
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
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.
Ketika melakukan verifikasi ternyata salah memilih gambar captcha maka muncul alert
seperti di bawah.
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.
Calon Mitra melakukan verifikasi captcha sesuai dengan kriteria maka saat menekan button
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.
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
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”
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”
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”
“Reset Password” seperti pada gambar di bawah ini lalu tekan “Kirim Email” .
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.
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:
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
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.
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.
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.
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.
Selanjutnya lengkapi kolom “Email”, setelah lengkap Calon Mitra dapat menekan tombol
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”
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
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
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
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.
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:
Ketika Calon Mitra menekan “Profil” maka sistem akan mengarahkan ke laman di
bawah ini.
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
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
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.
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.
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.
Pada halaman index terdapat bar pagination. Sebagai contoh user memilih pagination 2, maka
sistem menampilkan data sesuai pagination yang dipilih.
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.
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
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.
Calon Mitra memilih menekan maka pengajuan tidak akan terhapus, sedangkan jika
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
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.
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.
Saat user menekan tombol , maka tampilan peta menjadi layar penuh dan untuk
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.
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
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.
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 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
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.
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
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.
Pada halaman Dashboard Kemitraan, Calon Mitra dapat menekan menu “Pengajuan Baru”
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.
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.
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.
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.
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
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
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.
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.
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,
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
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.
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.
Untuk “Jenis Usaha” terdapat dropdown yang dapat dipilih oleh Calon Mitra, berikut
tampilan saat kolom “Jenis Usaha” dibuka.
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”
Jika Calon Mitra memiliki usaha yang berkaitan dengan pertamina maka memilih opsi
“Ya” maka terdapat isian yang harus diisi oleh Calon Mitra
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
tekan .
Untuk pengisian Jenis Usahanya terdapat data dropdown yang kemudian bisa dipilih oleh
Calon Mitra.
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
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.
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
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.
Calon Mitra harus mengisi bagian yang diberi tanda * (mandatory) yaitu bagian NPWP
Perusahaan dan Akta pendirian Perusahaan.
c. Kepemilikan Dokumen
Pada section Kepemilikan Dokumen, Calon Mitra dapat menambah data Deposito, Giro,
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
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
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.
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
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.
Topografi Lahan
Calon Mitra dapat memilih satu dari “Topografi Jalan” yang tersedia dalam dropdown
tersebut.
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.
Status Jalan
Calon Mitra dapat memilih satu dari “Status Jalan” yang tersedia dalam list dropdown
tersebut.
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 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 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.
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
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)
SHGB
SHGU
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
Setelah lengkap mengisi tanpa ada yang terlewatkan, selanjutnya Calon Mitra menekan
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.
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.
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.
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,
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
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
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.
a. Identitas Perusahaan
Pada bagian ini Calon Mitra melengkapi isian tersebut.
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.
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.
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”
Jika Calon Mitra memiliki usaha yang berkaitan dengan pertamina maka memilih opsi
“Ya” maka terdapat isian yang harus diisi oleh Calon Mitra
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:
Calon Mitra yang memiliki usaha lainnya maka dapat memilih pilihan “Ya”, lalu tekan pada
tekan .
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
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.
Calon Mitra harus mengisi bagian yang diberi tanda * (mandatory) yaitu bagian NPWP
Perusahaan dan Akta pendirian Perusahaan.
c. Kepemilikan Dokumen
Pada section Kepemilikan Dokumen, Calon Mitra dapat menambah data Deposito, Giro,
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.
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.
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
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.
Topografi Lahan
Calon Mitra dapat memilih satu dari “Topografi Jalan” yang tersedia dalam dropdown
tersebut.
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.
Status Jalan
Calon Mitra dapat memilih satu dari “Status Jalan” yang tersedia dalam list dropdown
tersebut.
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 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 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
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
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
SHGU
SHPL
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
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
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.
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
Pada bagian ini Calon Mitra menunggu file yang telah di-upload untuk di verifikasi dan terdapat 3
kemungkinan:
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.
Tahap selanjutnya adalah “Pembayaran Biaya Verifikasi” dimana Calon Mitra tidak dapat
melakukan edit Data RPJ (Read Only)
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”
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.
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 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.
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”
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).
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.
Untuk dapat memulai input Kelengkapan Dokumen, user dapat menekan pada halaman index atau
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%.
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.
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.
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
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
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 .
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:
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
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.
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 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.
Pada halaman index Calon Mitra tekan button , sistem menampilkan halaman detail pengajuan
seperti di bawah ini.
Jika user tidak melakukan input dengan lengkap maka saat menekan
”sistem menampilkan alert seperti di bawah.
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
Gambar 309. Tekan Check Box Kesanggupan Menjadi Mitra SPBU - Kemitraan SPBU
Ketika Calon Mitra menekan , sistem akan menampilkan popup seperti di bawah
ini.
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
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.
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”
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.
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
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
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
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.
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”
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.
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
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)
Gambar 328. Tampilan Setelah Tekan Submit Pembayaran dan Kesanggupan - Kemitraan SPBU DODO
Calon Mitra dapat melakukan download Surat Kesanggupan Calon Mitra dengan menekan
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)
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 333. Tampilan pada Halaman Index Ketika Revisi - Kemitraan SPBU
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”
Calon Mitra menekan button sistem menampilkan popup seperti berikut ini.
Calon Mitra melengkapi dokumen terkait “Pengunduran Diri” yang bertanda * (mandatory).
Tombol “Submit” akan enable jika kolom check box ditekan terlebih dahulu.
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.
Setelah input-an terisi semua selanjutnya Calon Mitra tekan check box dan membaca Detail
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).
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
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
Untuk dapat mengerjakan “Dokumen Perizinan” tekan pada bagian “Detail Form”
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.
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
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
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.
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
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.
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.
Gambar 363. Notifikasi di Halaman Index Calon Mitra "Kickoff Meeting" - Kemitraan SPBU
Setelah melakukan check email, user dapat menekan tombol “Telusuri Halaman Detail”
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.
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
Setelah Pilih Konsultan kemudian tekan “Tambah” dan tampilan akan berubah seperti
gambar di bawah.
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
Setelah tekan kolom “Daftar Kontraktor” maka akan muncul data dropdown seperti di bawah ini.
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.
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.
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”
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.
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 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.
Setelah melakukan check email, user dapat menekan tombol “Telusuri Halaman Detail”
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.
Setelah melakukan check email, user dapat menekan tombol “Telusuri Halaman Detail”
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.
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
Setelah Pilih Konsultan kemudian tekan “Tambah” dan tampilan akan berubah seperti
gambar di bawah.
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
Setelah tekan kolom “Daftar Kontraktor” maka akan muncul data dropdown seperti di bawah ini.
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.
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.
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
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.
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” .
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”.
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
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
Setelah terbuka tampilan “Dokumen DED” untuk membuka tampilan secara lebih terperinci maka
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.
Setelah tekan kolom “Daftar Konsultan” maka akan muncul data dropdown seperti di bawah ini.
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.
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.
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.
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
Setelah Pilih Konsultan kemudian tekan “Tambah” dan tampilan akan berubah seperti
gambar di bawah.
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.
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
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”
Langkah mengerjakannya sama seperti saat Calon Mitra melakukan input pada “Pengajuan
DED”.
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”
Gambar 428. Status Input Data Progres Pembangunan 50% - Kemitraan SPBU
Untuk dapat memulai tahap verifikasi, user dapat menekan pada halaman index atau dapat
Setelah terbuka tampilan “Progres Pembangunan 50%” untuk membuka tampilan secara lebih
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.
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
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.
Langkah mengerjakannya sama seperti saat Calon Mitra melakukan input pada “Progres
Pembangunan 50%”.
Gambar 434. Revisi Progres Pembangunan 50% Calon Mitra - Kemitraan SPBU
Setelah melakukan check email, user dapat menekan tombol “Telusuri Halaman Detail”
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
Untuk dapat memulai tahap verifikasi, user dapat menekan pada halaman index atau dapat
Setelah terbuka tampilan “Progres Pembangunan 100%” untuk membuka tampilan secara lebih
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.
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
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
Isian “As Built Drawing” itu dengan melakukan upload file image/PDF dengan maksimal size 10
“Informasi Utama” telah lengkap diisi selanjutnya Calon Mitra melakukan “Pengisian Peralatan
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.
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”
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.
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.
Pada kolom “Produk” Calon Mitra dapat memilih pada data dropdown yang tersedia seperti di
bawah.
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.
Pengisian “Kategori Fasilitas” dilakukan dengan memilih data dropdown di bawah ini
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
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”
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.
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.
Setelah melakukan check email, user dapat menekan tombol “Telusuri Halaman Detail”
Langkah mengerjakannya sama seperti saat Calon Mitra melakukan input pada “Progres
Pembangunan 100%”.
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”
Gambar 470. Revisi Progres Pembangunan 100% Calon Mitra - Kemitraan SPBU
Setelah melakukan check email, user dapat menekan tombol “Telusuri Halaman Detail”
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:
Gambar 472. Tampilan Halaman Index Kontrak Dokumen Perizinan - Kemitraan SPBU
Setelah melakukan check email, user dapat menekan tombol “Telusuri Halaman Detail”
Untuk dapat memulai tahap verifikasi, user dapat menekan pada halaman index atau dapat
Setelah terbuka tampilan “Kontrak” untuk membuka tampilan secara lebih terperinci tekan “Detail
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.
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.
Setelah melakukan check email, user dapat menekan tombol “Telusuri Halaman Detail”
kemudian sistem akan membawa ke halaman detail pengajuan Calon Mitra seperti di
bawah.
Untuk dapat memulai tahap verifikasi, pertama user dapat menekan pada halaman index atau
Setelah terbuka tampilan “SH dan Surat Penebusan Perdana” untuk membuka tampilan secara lebih
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.
Setelah melakukan check email, user dapat menekan tombol “Telusuri Halaman Detail”
Untuk dapat memulai tahap verifikasi, pertama user dapat menekan pada halaman index
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
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”
Untuk dapat memulai tahap verifikasi, pertama user dapat menekan pada halaman index
Setelah terbuka tampilan “Surat Izin Operasi” untuk membuka tampilan secara lebih terperinci
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