PageSourceSearch

https://samsatdigital.org/tutorial

html samsatdigital.org collected 2026-10-05 19:57:30 UTC 49,398 bytes, 934 lines download raw bytes

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&amp;family=Open+Sans:ital,wght@0,300..800;1,300..800&amp;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&amp;ev=PageView&amp;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            &copy; 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.