1<!DOCTYPE html> 2<html lang="id"> 3 4<!-- Mirrored from samsatdigital.id/tutorial.php by HTTrack Website Copier/3.x [XR&CO'2014], Tue, 04 Aug 2026 11:35:09 GMT --> 5<!-- Added by HTTrack --><meta http-equiv="content-type" content="text/html;charset=UTF-8" /><!-- /Added by HTTrack --> 6<head> 7 <meta charset="UTF-8" /> 8 9 <meta http-equiv="X-UA-Compatible" content="IE=edge" /> 10 <meta http-equiv='cache-control' content='no-cache, no-store, private, must-revalidate, max-age=0, no-transform' /> 11 <meta http-equiv='expires' content='0' /> 12 <meta http-equiv='pragma' content='no-cache' /> 13 14 <meta name="viewport" content="width=device-width, initial-scale=1.0" /> 15 <meta name="description" content="Aplikasi untuk memudahkan masyarakat membayar pajak kendaraan bermotor secara aman dan mudah"/> 16 <meta name="robots" content="index, follow" /> 17 <meta name="keywords" content="signal, kendaraan bermotor, membayar pajak, pajak kendaraan bermotor, pajak kendaraan"/> 18 19 20 <meta property="og:title" content="Tutorial | Samsat Digital Nasional" /> 21 <meta property="og:description" content="Aplikasi untuk memudahkan masyarakat membayar pajak kendaraan bermotor secara aman dan mudah"/> 22 <meta property="og:image" content="assets/img/LOGO_SIGNAL_footer.png" /> 23 <meta property="og:url" content="index" /> 24 <meta property="og:site_name" content="Samsat Digital Nasional" /> 25 26 <meta name="twitter:card" content="summary_large_image" /> 27 <meta name="twitter:image" content="assets/img/LOGO_SIGNAL_footer.png" /> 28 <meta name="twitter:description" content="Aplikasi untuk memudahkan masyarakat membayar pajak kendaraan bermotor secara aman dan mudah"/> 29 <meta name="twitter:site" content="@SamsatDigital" /> 30 <meta name="twitter:creator" content="@SamsatDigital" /> 31 32 <meta name="facebook-domain-verification" content="335p0c5459l93hyomsc73dbc1kj1iy"/> 33 34 <title>Tutorial | Samsat Digital Nasional</title> 35 36 <link rel="icon" href="assets/img/favicon.png" type="image/x-icon" /> 37 <!-- Fontawesome 4.7.0 --> 38 <!-- <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css" /> --> 39 <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/7.0.1/css/all.min.css" /> 40 <!-- Bootstrap 5 --> 41 <link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-+0n0xVW2eSR5OomGNYDnhzAbDsOXxcvSN1TPprVMTNDbiYZCxYbOOl7+AMvyTG2x" crossorigin="anonymous" /> 42 <!-- Font --> 43 <link rel="preconnect" href="https://fonts.googleapis.com/"> 44 <link rel="preconnect" href="https://fonts.gstatic.com/" crossorigin> 45 <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Nunito:ital,wght@0,200..1000;1,200..1000&family=Open+Sans:ital,wght@0,300..800;1,300..800&display=swap"> 46 <!-- style.css --> 47 <link rel="stylesheet" href="assets/css/style-newb4e6.css?1785840955" /> 48 49 <!-- Google tag (gtag.js) 04072025 -->
vendor: 68 bytes, lines 49-50
49 50 <script async src="https://www.googletagmanager.com/gtag/js?id=
50G-Y5SXJJ4RXN
vendor: 16 bytes, lines 50-51
50"></script> 51
51<script> 52
vendor: 146 bytes, lines 52-56
52window.dataLayer = window.dataLayer || []; 53 function gtag(){dataLayer.push(arguments);} 54 gtag('js', new Date()); 55 56 gtag('config', '
56G-Y5SXJJ4RXN
vendor: 8 bytes, lines 56-57
56'); 57
57</script>
57 58 59
59<script> 60 // Function to get a specific query parameter value from the URL 61 function getQueryParam(name) { 62 const urlParams = new URLSearchParams(window.location.search); 63 return urlParams.get(name); 64 } 65 66 // Example: get the 'prod_id' parameter 67 const productId = getQueryParam('source'); 68 69 // Send an event to GA4 with the parameter 70 if (productId) { 71 gtag('event', 'product_view', { 72 'product_id': productId, 73 // 'currency': 'USD', // Include other required parameters 74 // 'value': 1.00 75 }); 76 } 77 </script>
77 78 79 <!-- Global site tag (gtag.js) - Google Analytics --> 80 <!--
vendor: 64 bytes, line 80
80 <script async src="https://www.googletagmanager.com/gtag/js?id=
80G-EBJGC58H6D
vendor: 124 bytes, lines 80-81
80" integrity="sha384-fVJ1GHGEoacxZRI74wS90I/wI51Z+7ELpLEWDHbvHIE4JINXKD4A4LzIYgaTcDlD" crossorigin="anonymous"></script> 81
81<script type="text/javascript"> 82
vendor: 163 bytes, lines 82-88
82window.dataLayer = window.dataLayer || []; 83 function gtag() { 84 dataLayer.push(arguments); 85 } 86 gtag("js", new Date()); 87 88 gtag("config", "
88G-EBJGC58H6D
vendor: 8 bytes, lines 88-89
88"); 89
89</script>
89 --> 90 91 <!-- Global site tag (gtag.js) - Google Ads: 343601362 --> 92 <!--
vendor: 64 bytes, line 92
92 <script async src="https://www.googletagmanager.com/gtag/js?id=
92AW-343601362
vendor: 16 bytes, lines 92-93
92"></script> 93
93<script type="text/javascript"> 94
vendor: 163 bytes, lines 94-100
94window.dataLayer = window.dataLayer || []; 95 function gtag() { 96 dataLayer.push(arguments); 97 } 98 gtag("js", new Date()); 99 100 gtag("config", "
100AW-343601362
vendor: 8 bytes, lines 100-101
100"); 101
101</script>
101 --> 102 103 <!-- Facebook Pixel Code --> 104
104<script type="text/javascript"> 105 !(function (f, b, e, v, n, t, s) { 106 if (f.fbq) return; 107 n = f.fbq = function () { 108 n.callMethod 109 ? n.callMethod.apply(n, arguments) 110 : n.queue.push(arguments); 111 }; 112 if (!f._fbq) f._fbq = n; 113 n.push = n; 114 n.loaded = !0; 115 n.version = "2.0"; 116 n.queue = []; 117 t = b.createElement(e); 118 t.async = !0; 119 t.src = v; 120 s = b.getElementsByTagName(e)[0]; 121 s.parentNode.insertBefore(t, s); 122 })( 123 window, 124 document, 125 "script", 126 "https://connect.facebook.net/en_US/fbevents.js" 127 ); 128 fbq("init", "317901319980892"); 129 fbq("track", "PageView"); 130 </script>
130 131 <noscript> 132 <img height="1" width="1" src="https://www.facebook.com/tr?id=317901319980892&ev=PageView&noscript=1"/> 133 </noscript> 134 <!-- End Facebook Pixel Code --> 135 136 <!-- START YELLOW --> 137 <!--
137<script type="text/javascript"> 138 window.ymConfig = { 139 bot: "x1633956714172", 140 host: "https://r2.cloud.yellow.ai", 141 partiallyOpen: false, 142 }; 143 (function () { 144 var w = window, 145 ic = w.YellowMessenger; 146 if ("function" === typeof ic) 147 ic("reattach_activator"), ic("update", ymConfig); 148 else { 149 var d = document, 150 i = function () { 151 i.c(arguments); 152 }; 153 function l() { 154 var e = d.createElement("script"); 155 (e.type = "text/javascript"), 156 (e.async = !0), 157 (e.src = 158 "https://cdn.yellowmessenger.com/plugin/widget-v2/latest/dist/main.min.js"); 159 var t = d.getElementsByTagName("script")[0]; 160 t.parentNode.insertBefore(e, t); 161 } 162 (i.q = []), 163 (i.c = function (e) { 164 i.q.push(e); 165 }), 166 (w.YellowMessenger = i), 167 w.attachEvent 168 ? w.attachEvent("onload", l) 169 : w.addEventListener("load", l, !1); 170 } 171 })(); 172 </script>
172 --> 173 <!-- END YELLOW --> 174 175 </head> 176 <body> 177 <nav class="navbar navbar-expand-lg sticky-top navbar-not-home"> 178 <div class="container-fluid"> 179 <a class="navbar-brand" href="index"> 180 <img class="img-fluid logo" src="assets/img/LOGO_SIGNAL.png" alt="logo"/> 181 </a> 182 <button 183 class="navbar-toggler" 184 type="button" 185 data-bs-toggle="collapse" 186 data-bs-target="#navbarSupportedContent" 187 aria-controls="navbarSupportedContent" 188 aria-expanded="false" 189 aria-label="Toggle navigation" 190 > 191 <span class="iconify" data-icon="bi:list" data-inline="false"></span> 192 </button> 193 <div class="collapse navbar-collapse" id="navbarSupportedContent"> 194 <ul class="navbar-nav ms-auto mb-2 mb-lg-0"> 195 <!-- <li class="nav-item"> 196 <a 197 class="nav-link nav-download px-3" 198 href="/giias" 199 >#GIIAS</a 200 > 201 </li> --> 202 <li class="nav-item"> 203 <a class="nav-link" href="index">Beranda</a> 204 </li> 205 <li class="nav-item"> 206 <a class="nav-link" href="tutorial-2">Tutorial</a> 207 </li> 208 <li class="nav-item"> 209 <a class="nav-link nav-download px-3" href="index#download">Download</a> 210 </li> 211 <li class="nav-item"> 212 <a class="nav-link" href="artikel">Informasi</a> 213 </li> 214 <li class="nav-item"> 215 <a class="nav-link" href="hubungi-kami">Hubungi Kami</a> 216 </li> 217 </ul> 218 <form class="d-flex mb-3 mb-lg-0 d-none"> 219 <input 220 type="text" 221 class="form-control search" 222 placeholder="Search" 223 aria-label="Search" 224 aria-describedby="search-input" 225 /> 226 </form> 227 </div> 228 </div> 229 </nav> 230 231 <!-- Messenger Plugin Obrolan Code --> 232 <!-- <div id="fb-root"></div> --> 233 234 <!-- Your Plugin Obrolan code --> 235 <!-- <div id="fb-customer-chat" class="fb-customerchat"></div> 236 237
237<script> 238 var chatbox = document.getElementById("fb-customer-chat"); 239 chatbox.setAttribute("page_id", "104408621886277"); 240 chatbox.setAttribute("attribution", "biz_inbox"); 241 window.fbAsyncInit = function () { 242 FB.init({ 243 xfbml: true, 244 version: "v11.0", 245 }); 246 }; 247 248 (function (d, s, id) { 249 var js, 250 fjs = d.getElementsByTagName(s)[0]; 251 if (d.getElementById(id)) return; 252 js = d.createElement(s); 253 js.id = id; 254 js.src = "https://connect.facebook.net/id_ID/sdk/xfbml.customerchat.js"; 255 fjs.parentNode.insertBefore(js, fjs); 256 })(document, "script", "facebook-jssdk"); 257 </script>
257 --> 258 <!-- wa button --> 259 <!-- <div class="wa-btn"> 260 <a 261 href="https://api.whatsapp.com/send?phone=+6281212820899&text=" 262 target="_blank" 263 > 264 <img class="wa-img img-fluid" src="/assets/img/wa-btn.png" 265 /></a> 266 </div> --> 267 <!-- --> 268 <!-- --> 269<div class="container-fluid tutorial my-lg-5 mb-5"> 270 <div class="d-flex flex-column flex-md-row align-items-start"> 271 <!-- mobile nav --> 272 <nav class="navbar navbar-expand-lg navbar-light bg-body w-100 d-block d-md-none nav-tutor-m"> 273 <div class="container-fluid"> 274 <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNav" aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation"> 275 <span class="navbar-toggler-icon"></span> 276 </button> 277 <div class="collapse navbar-collapse" id="navbarNav"> 278 <div class="nav flex-column nav-pills my-2" id="v-pills-tab" role="tablist" aria-orientation="vertical"> 279 <!-- m-registrasi --> 280 <button class="btn border my-1" type="button" data-bs-toggle="collapse" data-bs-target="#m-registrasi" aria-expanded="false" aria-controls="m-registrasi"> Registrasi </button> 281 <div class="collapse" id="m-registrasi"> 282 <div class="card card-body"> 283 <div class="nav flex-column nav-pills" id="v-pills-tab" role="tablist" aria-orientation="vertical"> 284 <button class="nav-link text-start" id="v-pills-regis-tab" data-bs-toggle="pill" data-bs-target="#v-pills-regis" type="button" role="tab" aria-controls="v-pills-regis" aria-selected="true"> Registrasi Pengguna </button> 285 <button class="nav-link text-start" id="v-pills-masuk-tab" data-bs-toggle="pill" data-bs-target="#v-pills-masuk" type="button" role="tab" aria-controls="v-pills-masuk" aria-selected="false"> Masuk Aplikasi </button> 286 <button class="nav-link text-start" id="v-pills-ubah-tab" data-bs-toggle="pill" data-bs-target="#v-pills-ubah" type="button" role="tab" aria-controls="v-pills-ubah" aria-selected="false"> Ubah Profil </button> 287 </div> 288 </div> 289 </div> 290 <!-- m-stnk --> 291 <button class="btn my-1 border" type="button" data-bs-toggle="collapse" data-bs-target="#m-stnk" aria-expanded="false" aria-controls="m-stnk"> STNK </button> 292 <div class="collapse" id="m-stnk"> 293 <div class="card card-body"> 294 <div class="nav flex-column nav-pills" id="v-pills-tab" role="tablist" aria-orientation="vertical"> 295 <button class="nav-link text-start" id="v-pills-tambah-tab" data-bs-toggle="pill" data-bs-target="#v-pills-tambah" type="button" role="tab" aria-controls="v-pills-tambah" aria-selected="false"> Tambah Data Kendaraan </button> 296 <button class="nav-link text-start" id="v-pills-pendaftaran-tab" data-bs-toggle="pill" data-bs-target="#v-pills-pendaftaran" type="button" role="tab" aria-controls="v-pills-pendaftaran" aria-selected="false"> Pengesahan STNK </button> 297 <button class="nav-link text-start" id="v-pills-proses-tab" data-bs-toggle="pill" data-bs-target="#v-pills-proses" type="button" role="tab" aria-controls="v-pills-proses" aria-selected="false"> Proses Pengiriman Dokumen </button> 298 </div> 299 </div> 300 </div> 301 <!-- m-cara pembayaran --> 302 <button class="btn border my-1" type="button" data-bs-toggle="collapse" data-bs-target="#m-carapembayaran" aria-expanded="false" aria-controls="m-carapembayaran"> Cara Pembayaran </button> 303 <div class="collapse" id="m-carapembayaran"> 304 <div class="card card-body"> 305 <div class="nav flex-column nav-pills" id="v-pills-tab" role="tablist" aria-orientation="vertical"> 306 <button class="nav-link text-start" id="v-pills-cara-tab" data-bs-toggle="pill" data-bs-target="#v-pills-cara" type="button" role="tab" aria-controls="v-pills-cara" aria-selected="false"> Cara Pembayaran Dokumen </button> 307 <button class="nav-link text-start" id="v-pills-transaksi-tab" data-bs-toggle="pill" data-bs-target="#v-pills-transaksi" type="button" role="tab" aria-controls="v-pills-transaksi" aria-selected="false"> Halaman Status Transaksi </button> 308 <button class="nav-link text-start" id="v-pills-pengiriman-tab" data-bs-toggle="pill" data-bs-target="#v-pills-pengiriman" type="button" role="tab" aria-controls="v-pills-pengiriman" aria-selected="false"> Halaman Status Pengiriman </button> 309 </div> 310 </div> 311 </div> 312 <!-- m-dokumendigital --> 313 <button class="btn border my-1" type="button" data-bs-toggle="collapse" data-bs-target="#m-dokumendigital" aria-expanded="false" aria-controls="m-dokumendigital"> Dokumen Digital </button> 314 <div class="collapse" id="m-dokumendigital"> 315 <div class="card card-body"> 316 <div class="nav flex-column nav-pills" id="v-pills-tab" role="tablist" aria-orientation="vertical"> 317 <button class="nav-link text-start" id="v-pills-tbpkp-tab" data-bs-toggle="pill" data-bs-target="#v-pills-tbpkp" type="button" role="tab" aria-controls="v-pills-tbpkp" aria-selected="false"> Penerbitan E-TBPKP </button> 318 <button class="nav-link text-start" id="v-pills-pengesahan-tab" data-bs-toggle="pill" data-bs-target="#v-pills-pengesahan" type="button" role="tab" aria-controls="v-pills-pengesahan" aria-selected="false"> Penerbitan E-Pengesahan </button> 319 <button class="nav-link text-start" id="v-pills-kd-tab" data-bs-toggle="pill" data-bs-target="#v-pills-kd" type="button" role="tab" aria-controls="v-pills-kd" aria-selected="false"> Penerbitan E-KD </button> 320 </div> 321 </div> 322 </div> 323 </div> 324 </div> 325 </div> 326 </nav> 327 <!-- left navigation --> 328 <div class="card me-4 d-md-block d-none tutorial-nav" style="width: 25rem;"> 329 <div class="card-header"> TUTORIAL </div> 330 <ul class="list-group list-group-flush"> 331 <div class="nav flex-column nav-pills px-3" id="v-pills-tab" role="tablist" aria-orientation="vertical"> 332 <!-- registrasi --> 333 <div class="jenis">Registrasi</div> 334 <hr class="mt-0" /> 335 <button class="nav-link text-start" id="v-pills-regis-tab" data-bs-toggle="pill" data-bs-target="#v-pills-regis" type="button" role="tab" aria-controls="v-pills-regis" aria-selected="true"> Registrasi Pengguna </button> 336 <button class="nav-link text-start" id="v-pills-masuk-tab" data-bs-toggle="pill" data-bs-target="#v-pills-masuk" type="button" role="tab" aria-controls="v-pills-masuk" aria-selected="false"> Masuk Aplikasi </button> 337 <button class="nav-link text-start" id="v-pills-ubah-tab" data-bs-toggle="pill" data-bs-target="#v-pills-ubah" type="button" role="tab" aria-controls="v-pills-ubah" aria-selected="false"> Ubah Profil </button> 338 <!-- STNK -->
339 <div class="jenis mb-1">STNK</div> 340 <hr class="mt-0" /> 341 <button class="nav-link text-start" id="v-pills-tambah-tab" data-bs-toggle="pill" data-bs-target="#v-pills-tambah" type="button" role="tab" aria-controls="v-pills-tambah" aria-selected="false"> Tambah Data Kendaraan </button> 342 <button class="nav-link text-start" id="v-pills-pendaftaran-tab" data-bs-toggle="pill" data-bs-target="#v-pills-pendaftaran" type="button" role="tab" aria-controls="v-pills-pendaftaran" aria-selected="false"> Pengesahan STNK </button> 343 <button class="nav-link text-start" id="v-pills-proses-tab" data-bs-toggle="pill" data-bs-target="#v-pills-proses" type="button" role="tab" aria-controls="v-pills-proses" aria-selected="false"> Proses Pengiriman Dokumen </button> 344 <!-- Cara Pembayaran --> 345 <div class="jenis mb-1">Cara Pembayaran</div> 346 <hr class="mt-0" /> 347 <button class="nav-link text-start" id="v-pills-cara-tab" data-bs-toggle="pill" data-bs-target="#v-pills-cara" type="button" role="tab" aria-controls="v-pills-cara" aria-selected="false"> Cara Pembayaran Dokumen </button> 348 <button class="nav-link text-start" id="v-pills-transaksi-tab" data-bs-toggle="pill" data-bs-target="#v-pills-transaksi" type="button" role="tab" aria-controls="v-pills-transaksi" aria-selected="false"> Halaman Status Transaksi </button> 349 <button class="nav-link text-start" id="v-pills-pengiriman-tab" data-bs-toggle="pill" data-bs-target="#v-pills-pengiriman" type="button" role="tab" aria-controls="v-pills-pengiriman" aria-selected="false"> Halaman Status Pengiriman </button> 350 <!-- Dokumen Digital --> 351 <div class="jenis mb-1">Dokumen Digital</div> 352 <hr class="mt-0" /> 353 <button class="nav-link text-start" id="v-pills-tbpkp-tab" data-bs-toggle="pill" data-bs-target="#v-pills-tbpkp" type="button" role="tab" aria-controls="v-pills-tbpkp" aria-selected="false"> Penerbitan E-TBPKP </button> 354 <button class="nav-link text-start" id="v-pills-pengesahan-tab" data-bs-toggle="pill" data-bs-target="#v-pills-pengesahan" type="button" role="tab" aria-controls="v-pills-pengesahan" aria-selected="false"> Penerbitan E-Pengesahan </button> 355 <button class="nav-link text-start" id="v-pills-kd-tab" data-bs-toggle="pill" data-bs-target="#v-pills-kd" type="button" role="tab" aria-controls="v-pills-kd" aria-selected="false"> Penerbitan E-KD </button> 356 </div> 357 </ul> 358 </div> 359 <div class="tab-content w-100" id="v-pills-tabContent"> 360 <div class="tab-pane fade" id="opener" role="tabpanel" aria-labelledby="opener-tab"> 361 <div class="container-fluid"> 362 <div class="row"> 363 <div class="col-lg"> 364 <h1 class="headline">Aplikasi SIGNAL</h1> 365 <h5 class="deskripsi my-4"> Aplikasi SIGNAL merupakan pelayanan pengesahan STNK Tahunan, Pembayaran Pajak Kendaraan Bermotor (PKB) dan Pembayaran Sumbangan Wajib Dana Kecelakaan Lalu Lintas Jalan (SWDKLLJ). </h5> 366 <p class="detail"> Secara digital aplikasi ini memanfaatkan pangkalan data (database), kendaraan bermotor (ranmor) yang dimiliki Polri, pangkalan data induk kependudukan yang ada pada Dirjen Dukcapil Kemendagri dan sistem informasi pajak kendaraan bermotor yang dikelola oleh tiap-tiap Bapenda Provinsi. <br /> 367 <br /> Hal ini di integrasikan secara nasional sebagai sebuah sistem kecerdasan buatan (Artificial Inteligence atau AI) menggunakan aplikasi berjenis mobile platform untuk menyelenggarakan pelayanan kepada masyarakat secara digital sekaligus mengakomodir kepentingan berbagai pihak yang terkait (Bapenda, Jasa Raharja dan Bank Pembangunan Daerah) tanpa mengabaikan fungsi pengawasan regident kepemilikan kendaraan yang menjadi salah tugas utama Polri. <br /> 368 <br /> Sistem pada aplikasi Signal memungkinkan untuk dilakukannya verifikasi identitas pemilik ranmor dengan melakukan pencocokan wajah (face matching) pemilik kendaraan bermotor sesuai dengan data KTP elektronik di Kemendagri. 369 </p> 370 </div> 371 </div> 372 </div> 373 </div> 374 <div class="tab-pane fade" id="v-pills-regis" role="tabpanel" aria-labelledby="v-pills-regis-tab"> 375 <div class="container"> 376 <div class="row"> 377 <div class="col"> 378 <h1 class="col judul-segmen mt-3 h5">Registrasi Pengguna</h1> 379 </div> 380 </div> 381 <hr/> 382 <div class="row"> 383 <div class="col"> 384 <ol> 385 <li> Masukan data-data pribadi anda seperti NIK, Nama sesuai eKTP, alamat e-mail, nomor handphone, masukan kata sandi, ulangi kata sandi </li> 386 <li>Memasukan foto eKTP</li> 387 <img class="img-fluid" src="assets/img/tutorial/tutorial-1.png" alt="tutorial upload e-ktp" /> 388 <li>Verifikasi biometric wajah dengan melakukan swafoto</li> 389 <img class="img-fluid" src="assets/img/tutorial/tutorial-2.png" alt="tutorial upload foto wajah" /> 390 <li>Memasukan OTP yang dikirimkan lewat SMS</li> 391 <li>Registrasi berhasil</li> 392 <li> Verifikasi ulang dengan mengklik link yang dikirimkan oleh SIGNAL ke e-mail yang telah didaftarkan. </li> 393 </ol> 394 </div> 395 </div> 396 <div class="row"> 397 <div class="col" style=" 398 position: relative; 399 padding-bottom: 56.25%; 400 padding-top: 0px; 401 height: 0; 402 overflow: hidden; 403 "> 404 <iframe src="https://www.youtube.com/embed/3EZrVPkrZVk" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen style=" 405 position: absolute; 406 top: 0; 407 left: 0; 408 width: 100%; 409 height: 100%; 410 "></iframe> 411 </div> 412 </div> 413 </div> 414 </div> 415 <div class="tab-pane fade" id="v-pills-masuk" role="tabpanel" aria-labelledby="v-pills-masuk-tab"> 416 <div class="container"> 417 <div class="row"> 418 <div class="col"> 419 <h1 class="col judul-segmen mt-3 h5">Masuk Aplikasi</h1> 420 </div> 421 </div> 422 <!-- <hr />
422 --> 423 <div class="row"> 424 <div class="col"> 425 <ol> 426 <li> Buka Aplikasi </li> 427 <p>Lanjut Keberanda</p> 428 <li>Halaman Beranda</li> 429 <p>Masuk / Daftar</p> 430 <li>Nomor Handphone dan Kata Sandi</li> 431 <p> Keamanan lapis pertama dengan Nomor Handphone dan Kata Sandi </p> 432 <li>Validasi</li> 433 <p>Berhasil Masuk Aplikasi Signal</p> 434 </ol> 435 </div> 436 </div> 437 </div> 438 </div> 439 <div class="tab-pane fade" id="v-pills-ubah" role="tabpanel" aria-labelledby="v-pills-ubah-tab"> 440 <div class="container"> 441 <div class="row"> 442 <div class="col"> 443 <h1 class="col judul-segmen mt-3 h5">Ubah Profil</h1> 444 </div> 445 </div> 446 <!-- <hr /> --> 447 <div class="row"> 448 <div class="col"> 449 <ol> 450 <li> Pilih Ubah Profil </li> 451 <li>Simpan Data</li> 452 </ol> 453 </div> 454 </div> 455 </div> 456 </div> 457 <div class="tab-pane fade" id="v-pills-tambah" role="tabpanel" aria-labelledby="v-pills-tambah-tab"> 458 <div class="container"> 459 <div class="row"> 460 <div class="col"> 461 <h1 class="col judul-segmen mt-3 h5">Tambah Data Kendaraan</h1> 462 </div> 463 </div> 464 <!-- <hr /> --> 465 <div class="row"> 466 <div class="col"> 467 <img class="img-fluid" src="assets/img/tutorial/tutorial-3.png" alt="tutorial daftar kendaraan" /> 468 <div>Mendaftarkan kendaraan milik sendiri</div> 469 <ol> 470 <li> Pilih menu Tambah Data Kendaraan Bermotor </li> 471 <li>Pilih kendaraan atas nama sendiri</li> 472 <li>Masukan Nomor Registrasi Kendaraan Bermotor</li> 473 <li>Masukan 5 digit terakhir nomor rangka</li> 474 </ol> 475 </div> 476 </div> 477 <div class="row"> 478 <div class="col"> 479 <div>Mendaftarkan kendaraan milik orang lain</div> 480 <ol> 481 <li> Pilih tombol symbol tambah untuk menambah data kendaraan dokumen digital sehingga muncul tampilan form tambah dokumen data kendaraan </li> 482 <li> Masukkan nama pemilik kendaraan pada kolom pemilik kendaraan, jika kendaraan tersebut milik istri atau anak dalam satu KK maka pilih Milik Keluarga satu KK </li> 483 <li> Masukkan NRKB (Nomor Registrasi Kendaraan Bermotor) pada kolom NRKB </li> 484 <li> Masukkan Nomor Rangka 5-digit terakhir pada kolom Nomor Rangka </li> 485 <li> Masukan NIK pemilik kendaraan dan menggigah foto KTP </li> 486 <li>Setelah semua kolom diisi maka klik tombol 'Lanjut'</li> 487 <li> Kemudian akan tampil peringatan bahwa Dokumen berhasil ditambahkan </li> 488 </ol> 489 </div> 490 </div> 491 <div class="row"> 492 <div class="col" style=" 493 position: relative; 494 padding-bottom: 56.25%; 495 padding-top: 0px; 496 height: 0; 497 overflow: hidden; 498 "> 499 <iframe src="https://www.youtube.com/embed/Xqjc6WuXRPk" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen style=" 500 position: absolute; 501 top: 0; 502 left: 0; 503 width: 100%; 504 height: 100%; 505 "></iframe> 506 </div> 507 </div> 508 </div> 509 </div> 510 <div class="tab-pane fade" id="v-pills-pendaftaran" role="tabpanel" aria-labelledby="v-pills-pendaftaran-tab"> 511 <div class="container"> 512 <div class="row"> 513 <div class="col"> 514 <h1 class="col judul-segmen mt-3 h5">Pengesahan STNK</h1> 515 </div> 516 </div> 517 <!-- <hr />
517 --> 518 <div class="row"> 519 <div class="col"> 520 <img class="img-fluid" src="assets/img/tutorial/tutorial-4.png" alt="tutorial daftar pengesahan stnk" /> 521 <ol> 522 <li> Pilih NRKB yang akan dilakukan pengesahan klik lanjut </li> 523 <li> Informasi SKK pembayaran PKB dan SWDKLLJ akan muncul dengan jumlah yang harus dibayarkan </li> 524 <li>Slide tombol kirim dokumen TBPKP</li> 525 <li> Masukan alamat pengiriman (sesuai dengan kolom yang ada) </li> 526 <li> Rekap biaya akan muncul pada layer telepon anda, klik lanjut </li> 527 <li> Kemudian muncul notifikasi pilih cara pembayaran, klik pada tombol pilih cara pembayaran </li> 528 <li> Kode bayar, jumlah yang dibayarkan dan cara pembayaran akan muncul </li> 529 <li> Klik Lanjut maka cara pembayaran akan tampil sesuai dengan bank yang dipilih </li> 530 <li>
530Proses selesai</li> 531 </ol> 532 </div> 533 </div> 534 <div class="row"> 535 <div class="col" style=" 536 position: relative; 537 padding-bottom: 56.25%; 538 padding-top: 0px; 539 height: 0; 540 overflow: hidden; 541 "> 542 <iframe src="https://www.youtube.com/embed/6I714Ut87xA" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen style=" 543 position: absolute; 544 top: 0; 545 left: 0; 546 width: 100%; 547 height: 100%; 548 "></iframe> 549 </div> 550 </div> 551 </div> 552 </div> 553 <div class="tab-pane fade" id="v-pills-proses" role="tabpanel" aria-labelledby="v-pills-proses-tab"> 554 <div class="container"> 555 <div class="row"> 556 <div class="col"> 557 <h1 class="col judul-segmen mt-3 h5">Proses Pengiriman Dokumen</h1> 558 </div> 559 </div> 560 <!-- <hr /> --> 561 <div class="row"> 562 <div class="col"> 563 <img class="img-fluid" src="assets/img/tutorial/tutorial-5.png" alt="Proses Pengiriman Dokumen" /> 564 <ol> 565 <li> Isi data pengiriman </li> 566 <li>Pilih Jasa Pengiriman</li> 567 <li>Konfirmasi Data</li> 568 <li>Notifikasi Lanjut Cara pembayaran</li> 569 </ol> 570 </div> 571 </div> 572 </div> 573 </div> 574 <div class="tab-pane fade" id="v-pills-cara" role="tabpanel" aria-labelledby="v-pills-cara-tab"> 575 <div class="container"> 576 <div class="row"> 577 <div class="col"> 578 <h1 class="col judul-segmen mt-3 h5">Cara Pembayaran Dokumen</h1> 579 </div> 580 </div> 581 <!-- <hr /> --> 582 <div class="row"> 583 <div class="col"> 584 <img class="img-fluid" src="assets/img/tutorial/tutorial-pembayaran.png" alt="tutorial Pembayaran Dokumen" /> 585 <ol> 586 <li> Generate Kode Bayar </li> 587 <li>Pilih Salah Satu Bank</li> 588 <li>Pilih âLanjutâ</li> 589 <li>Tampil Cara Pembayaran</li> 590 <li>Pilih âLanjutâ</li> 591 <li>Selesai</li> 592 </ol> 593 </div> 594 </div> 595 <div class="row"> 596 <div class="col" style=" 597 position: relative; 598 padding-bottom: 56.25%; 599 padding-top: 0px; 600 height: 0; 601 overflow: hidden; 602 "> 603 <iframe src="https://www.youtube.com/embed/32StHGUPQ_4" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen style=" 604 position: absolute; 605 top: 0; 606 left: 0; 607 width: 100%; 608 height: 100%; 609 "></iframe> 610 </div> 611 </div> 612 </div> 613 </div> 614 <div class="tab-pane fade" id="v-pills-transaksi" role="tabpanel" aria-labelledby="v-pills-transaksi-tab"> 615 <div class="container"> 616 <div class="row"> 617 <div class="col"> 618 <h1 class="col judul-segmen mt-3 h5">Halaman Status Transaksi</h1> 619 </div> 620 </div> 621 <!-- <hr />
621 --> 622 <div class="row"> 623 <div class="col"> 624 <img class="img-fluid" src="assets/img/tutorial/tutorial-6.png" alt="cara bayar dokumen" /> 625 <ol> 626 <li> Pilih Sedang Diproses </li> 627 <p>Menampilkan Transaksi yang sedang diproses</p> 628 <li>Pilih Transaksi</li> 629 <p>Menampilkan Detail Transaksi yang sedang diproses</p> 630 <li>Pilih Cek Status Pembayaran</li> 631 <p>Cek pembayaran transaksi pengguna</p> 632 <li>Pilih Kembali</li> 633 <p>Notifikasi Pembayaran Berhasil</p> 634 <li>Pilih Transaksi</li> 635 <p> Menampilkan detail transaksi dengan status sudah dibayar </p> 636 </ol> 637 </div> 638 </div> 639 </div> 640 </div> 641 <div class="tab-pane fade" id="v-pills-pengiriman" role="tabpanel" aria-labelledby="v-pills-pengiriman-tab"> 642 <div class="container"> 643 <div class="row"> 644 <div class="col"> 645 <h1 class="col judul-segmen mt-3 h5">Halaman Status Pengiriman</h1> 646 </div> 647 </div> 648 <!-- <hr /> --> 649 <div class="row"> 650 <div class="col"> 651 <ol> 652 <li> Pilih Transaksi </li> 653 <li>Detail Transaksi</li> 654 <li>Pilih âLacakâ</li> 655 <li>Pilih âKonfirmasi Penerimaan E-TBPKPâ</li> 656 <li>Daftar Transaksi status Selesai</li> 657 <li>Survei Kepuasan Pelayanan</li> 658 </ol> 659 </div> 660 </div> 661 </div> 662 </div> 663 <div class="tab-pane fade" id="v-pills-tbpkp" role="tabpanel" aria-labelledby="v-pills-tbpkp-tab"> 664 <div class="container"> 665 <div class="row"> 666 <div class="col"> 667 <h1 class="col judul-segmen mt-3 h5">Penerbitan E-TBPKP</h1> 668 </div> 669 </div> 670 <!-- <hr /> --> 671 <div class="row"> 672 <div class="col"> 673 <img class="img-fluid" src="assets/img/tutorial/tutorial-7.png" alt="Penerbitan E-TBPKP" /> 674 <ol> 675 <li> Pilih NRKB </li> 676 <li>Pilih âLanjutâ</li> 677 <li>Daftar E-TBPKP</li> 678 <li>Pilih âLanjutâ</li> 679 <li>Pilih E-TBPKP</li> 680 <li>Detail E-TBPKP</li> 681 </ol> 682 </div> 683 </div> 684 </div> 685 </div> 686 <div class="tab-pane fade" id="v-pills-pengesahan" role="tabpanel" aria-labelledby="v-pills-pengesahan-tab"> 687 <div class="container"> 688 <div class="row"> 689 <div class="col"> 690 <h1 class="col judul-segmen mt-3 h5">Penerbitan E-Pengesahan</h1> 691 </div> 692 </div> 693 <!-- <hr /> --> 694 <div class="row"> 695 <div class="col"> 696 <img class="img-fluid" src="assets/img/tutorial/tutorial-9.png" alt="Penerbitan E-Pengesahan" /> 697 <ol> 698 <li> Pilih NRKB </li> 699 <li>Pilih âLanjutâ</li> 700 <li>Daftar E-Pengesahan</li> 701 <li>Pilih âLanjutâ</li> 702 <li>Pilih E-Pengesahan</li> 703 <li>Detail E-Pengesahan</li> 704 </ol> 705 </div> 706 </div> 707 </div> 708 </div> 709 <div class="tab-pane fade" id="v-pills-kd" role="tabpanel" aria-labelledby="v-pills-kd-tab"> 710 <div class="container"> 711 <div class="row"> 712 <div class="col"> 713 <h1 class="col judul-segmen mt-3 h5">Penerbitan E-KD</h1> 714 </div> 715 </div> 716 <!-- <hr />
716 --> 717 <div class="row"> 718 <div class="col"> 719 <img class="img-fluid" src="assets/img/tutorial/tutorial-8.png" alt="Penerbitan E-KD" /> 720 <ol> 721 <li> Pilih NRKB </li> 722 <li>Pilih âLanjutâ</li> 723 <li>Daftar E-KD</li> 724 <li>Pilih âLanjutâ</li> 725 <li>Pilih E-KD</li> 726 <li>Detail E-KD</li> 727 </ol> 728 </div> 729 </div> 730 </div> 731 </div> 732 <!-- --> 733 <!-- <div class="container"><div class="row"><div class="col"><iframe 734 class="video-tutorial" 735 src="https://www.youtube.com/embed/MEOn5GX_-hU" 736 title="YouTube video player" 737 frameborder="0" 738 allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" 739 allowfullscreen 740 ></iframe></div></div></div> --> 741 </div> 742 </div> 743</div> <footer> 744 <div class="container-fluid footer"> 745 <div class="row justify-content-between align-items-start"> 746 <div class="col-md-5"> 747 <div class="d-flex align-items-center"> 748 <img class="img-fluid logo" src="assets/img/LOGO_SIGNAL_footer.png" alt="logo"/> 749 <div class="vl mx-3" style="border-left: 1px solid white; height: 29px;"></div> 750 <div class="" style="font-weight: 800; font-size: 16px;"> 751 Dimana Saja, Kapan Saja, Dalam Satu Genggaman dan One Stop 752 Service 753 </div> 754 </div> 755 </div> 756 <div class="col-auto my-3 my-sm-0"> 757 <div class="container-fluid p-0"> 758 <div class="row mb-2"> 759 <div class="col"> 760 <a href="mengenai-signal">Mengenai SIGNAL</a> 761 </div> 762 </div> 763 <div class="row mb-2"> 764 <div class="col"> 765 <a href="faq">FAQ</a> 766 </div> 767 </div> 768 <div class="row mb-2 d-none"> 769 <div class="col"> 770 <a href="kantor-korlantas">Kantor Korlantas</a> 771 </div> 772 </div> 773 <div class="row mb-2"> 774 <div class="col"> 775 <a href="hubungi-kami">Hubungi Kami</a> 776 </div> 777 </div> 778 <div class="row mb-2"> 779 <div class="col"> 780 <a href="kebijakan-privasi">Kebijakan Privasi</a> 781 </div> 782 </div> 783 <div class="row mb-2"> 784 <div class="col"> 785 <a 786 target="_blank" 787 href="ebook/cara-penggunaan-aplikasi-signal-new.pdf" 788 >Ebook</a 789 > 790 </div> 791 </div> 792 </div> 793 </div> 794 <div class="col-auto"> 795 <div class="d-flex"> 796 <a 797 href="https://www.facebook.com/samsatdigital.id" 798 class="socmed" 799 rel="noopener noreferrer" 800 target="_blank" 801 > 802 <span 803 class="iconify" 804 data-icon="bx:bxl-facebook" 805 data-inline="false" 806 ></span> 807 </a> 808 <a 809 href="https://x.com/SamsatDigital" 810 class="socmed" 811 rel="noopener noreferrer" 812 target="_blank" 813 > 814 <span 815 class="iconify" 816 data-icon="ant-design:x-outlined" 817 data-inline="false" 818 ></span> 819 </a> 820 <a 821 href="https://instagram.com/samsatdigital" 822 class="socmed" 823 rel="noopener noreferrer" 824 target="_blank" 825 >
826 <span 827 class="iconify" 828 data-icon="akar-icons:instagram-fill" 829 data-inline="false" 830 ></span> 831 </a> 832 <a 833 href="https://vt.tiktok.com/ZSJCN65dp/" 834 class="socmed" 835 rel="noopener noreferrer" 836 target="_blank" 837 > 838 <span 839 class="iconify" 840 data-icon="cib:tiktok" 841 data-inline="false" 842 ></span> 843 </a> 844 <a 845 href="https://www.youtube.com/channel/UCtK-XNKxnBr-U8-qoLWP5SA" 846 class="socmed" 847 rel="noopener noreferrer" 848 target="_blank" 849 > 850 <span 851 class="iconify" 852 data-icon="ant-design:youtube-filled" 853 data-inline="false" 854 ></span> 855 </a> 856 </div> 857 </div> 858 </div> 859 </div> 860 <div class="container-fluid copyright border-top"> 861 <div class="row justify-content-center"> 862 <div class="col-sm-auto col"> 863 © Copyright Samsat Digital Nasional 2021. All Rights Reserved. 864 </div> 865 </div> 866 </div> 867 </footer> 868 <!-- --> 869 870 871 872 873 <!-- QISCUS --> 874
874<script> 875 // Optional params for customizing login form 876 const params = { 877 options: { 878 channel_id: 134703, 879 mobileBreakPoint: 400, 880 baseUrl: 'https://omnichannel.qiscus.com', 881 qismoIframeUrl: 'https://omnichannel.qiscus.com', 882 widgetCustomCSS: '.qcw-copyright { display: none !important; } .qismo-copyright { display: none !important; }', 883 extra_fields: [], 884 // extra_fields: JSON.stringify([{ 885 // name: "company", 886 // placeholder: "Type your company name", 887 // visible: true 888 // }]), 889 } 890 }; 891 892 // Save user identity into localStorage so widget skips login form 893 const qiscusls = localStorage.getItem("qismo-widget"); 894 895 if (!qiscusls) { 896 localStorage.setItem("qismo-widget", JSON.stringify({ 897 unique_id: "", 898 display_name: "", 899 // Optional: pass extra fields data 900 extra_fields: JSON.stringify([{ key: "company", value: "" }]) 901 })); 902 } 903 904 // WIDGET 905 document.addEventListener('DOMContentLoaded', function () 906 { 907 var s, t; s = document.createElement('script'); 908 s.type = 'text/javascript'; 909 s.src = 'https://omnichannel.qiscus.com/js/qismo-v5.js'; 910 s.async = true; 911 s.onload = s.onreadystatechange = function () { 912 new Qismo('zfcnc-tzt1jvrreecf0gx', params); 913 } 914 t = document.getElementsByTagName('script')[0]; 915 t.parentNode.insertBefore(s, t); 916 }) 917 </script>
917 918 919 <!-- Jquery --> 920
920<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.0/jquery.min.js" integrity="sha512-894YE6QWD5I59HgZOGReFYm4dnWc1Qt5NtvYSaNcOP+u1T9qYdvdihz0PPSiiqn/+/3e7Jo4EaG7TubfWGUrMQ==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>
920 921 <!-- Bootstrap 5 --> 922
922<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js" integrity="sha384-gtEjrD/SeCtmISkJkNUaaKMoLD0//ElJ19smozuHV6z3Iehds+3Ulb9Bn9Plx0x4" crossorigin="anonymous"></script>
922 923 <!-- Ionicons --> 924
924<script type="module" src="https://unpkg.com/[email protected]/dist/ionicons/ionicons.esm.js"></script>
924 925
925<script nomodule src="https://unpkg.com/[email protected]/dist/ionicons/ionicons.js"></script>
925 926 <!-- Iconify --> 927
927<script src="https://code.iconify.design/1/1.0.7/iconify.min.js" integrity="sha384-jQq64HqdQD5xg0PPkpkCOW3x8Nsfx5UT1qWOpoJxLYy6Ef+5i+8xPoAj/I3B+ZMm" crossorigin="anonymous"></script>
927 928 <!-- script.js --> 929
929<script src="assets/js/scriptb4e6.js?1785840955"></script>
929 930
930<script type="module" src="https://static.cloudflareinsights.com/beacon.min.js/v4513226cdae34746b4dedf0b4dfa099e1781791509496" integrity="sha512-ZE9pZaUXND66v380QUtch/5sE9tPFh2zg45pR2PB0CVkCtOREv2AJKkSidISWkysEuQ0EH8faUU5du78bx87UQ==" data-cf-beacon='{"version":"2024.11.0","token":"9106c63d5dbc4db3a474eafa37471da7","r":1}' crossorigin="anonymous"></script>
930 931</body> 932 933<!-- Mirrored from samsatdigital.id/tutorial.php by HTTrack Website Copier/3.x [XR&CO'2014], Tue, 04 Aug 2026 11:35:21 GMT --> 934</html>
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.