Lapotan Tim Intipay

LAPORAN PRAKTIK KERJA LAPANGAN / KERJA
PRAKTIK
KERJA PRAKTIK DI UNIT DEFENSE DIGITAL SERVICE
(DDS)
PT INTI BANDUNG
SOLUSI PEMBAYARAN E-TILANG DENGAN PERANGKAT

INTIPAY DAN WEB MONITORING PEMBAYARAN E-TILANG
Disusun Oleh:
Adelia Vega Putri 16102073

Esra Firdaus Ginting 16102083
Wiwit Setiowati 16102107
S1 INFORMATIKA
FAKULTAS TEKNOLOGI INDUSTRI DAN INFORMATIKA
IT TELKOM PURWOKERTO
PURWOKERTO
2019
KATA PENGANTAR
Puji syukur kami panjatkan kehadiran Allah S.W.T, karena atas rahmat
dan karunia-Nya, penulis dapat menyelesaikan Laporan Praktik Kerja
Lapangan/Kerja Praktik (PKL/KP) ini di PT. Asacreative Technology Indonesia
yang dilaksanakan pada tanggal 1 Agustus 2019 sampai dengan 27 September
2019. Laporan Praktik Kerja Lapangan/Kerja Praktik (PKL/KP) ini disusun untuk
memenuhi mata kuliah Praktik Kerja Lapangan/Kerja Praktik (PKL/KP) di
Jurusan S1 Teknik Informatika, Fakultas Teknologi Industri dan Informatika,
Institut Teknologi Telkom Purwokerto.
Penulis menyadari dalam penyusunan proposal skripsi ini tidak akan
selesai tanpa bantuan dari berbagai pihak. Karena itu pada kesempatan ini kami
ingin mengucapkan terima kasih kepada:
1. Tuhan yang Maha Esa atas izin nya lah dapat menyelesaikan proposal ini
dengan tepat waktu dan tidak memiliki kendala.
2. Orang tua yang telah mendukung dan memberi semangat, sehingga praktik
kerja lapangan ini dapat berjalan sesuai dengan target.
3. Bapak Dr. Ali Rokhman, M.Si selaku Rektor IT Telkom Purwokerto,
4. Bapak Didi Supriyadi, S.T., M.Kom selaku Dekan Fakultas Teknologi
Industri dan Informatika (FTII) IT Telkom Purwokerto,
5. Bapak Fahrudin Mukti Wibowo S,Kom, M.Eng, selaku Kaprodi S1
Teknik Informatika IT Telkom Purwokerto,
6. Bapak Afri Junaidi S.kom, M.Kom, MCS selaku dosen pengampu mata
kuliah Praktik Kerja Lapangan/Kerja Praktik,
7. I Nyoman Sudiana selaku dosen pembimbing yang telah memberikan
bimbingan dan pengarahan pada saat penyusunan Laporan Praktik Kerja
Lapangan/Kerja Praktik,
8. Bapak Ayik Mardiansyah dan selaku Pembimbing Lapangan yang telah
memberikan bimbingannya sehingga penulis menjadi tahu hal-hal teknis
dalam teknologi informatika, dan
9. Seluruh pihak yang tidak dapat disebutkan satu persatu, atas doa,
bimbingan, serta kasih sayang yang selalu tercurah selama ini.
ii | I N T I P A Y
Penulis menyadari Laporan Praktik Kerja Lapangan/Kerja Praktik
(PKL/KP) ini tidak luput dari berbagai kekurangan. Penulis mengharapkan saran
dan kritik demi kesempurnaan dan perbaikannya sehingga akhirnya Laporan
Praktik Kerja Lapangan/Kerja Praktik (PKL/KP) ini dapat memberikan manfaat
bagi bidang pendidikan dan penelitian.
Bandung, 26 September 2019
(Penulis)
iii | I N T I P A Y
ABSTRAK
INTIPAY merupakan perangkat yang terintegrasi dengan aplikasi berbasis android

untuk melakukan pembayaran elektronik. INTIPAY dapat juga di sinkronkan serta
melakukan verifikasi ktp elektronik. INTIPAY memiki kelebihan dalam perangkat
terintegrasi atau All-In-One Embedded yang meliputi smartphone, mobile
printer, e-KTP Reader, dan fingerprint. Produk INTIPAY dapat dikembangkan
untuk mengatasi solusi pembayaran E-Tilang atau Elektronik Tilang yang
merupakan sebuah sistem yang digunakan untuk memudahkan mekanisme
penindakan pelanggaran lalu lintas secara online. Sistem E-Tilang belum
menerapkan sistem pengantar untuk melakukan pembayaran denda tilang hanya
mencatat data diri pelanggar dan memberikan kode pembayarana atau nomor
registrasi saja. Pembayaran E-Tilang dapat dilakukan dengan menggunakan BRI
Virtual Account (BRIVA), namun belum ada menu E-Tilang pada saat melakukan
transfer sehingga perlu dilakukan pengembangan INTIPAY untuk memudahkan
proses membayar E-Tilang dengan menambah fitur E-Tilang dan menyediakan
berbagai metode pembayaran payment gateway sehingga proses pembayaran
menjadi semakin mudah, kemudian bukti pembayaran akan langsung tercetak
setelah transaksi selesai. Selain itu, perlu adanya web monitoring untuk
pembayaran E-Tilang yang terintegrasi langsung dengan sistem E-Tilang dan
INTIPAY sehingga pada saat pelanggar melakukan pembayaran data akan
otomatis tercatat pada database untuk memudahkan verifikasi proses pembayaran.
Kata Kunci: E-KTP Reader, E-Tilang, Fingerprint, INTIPAY, Mobile Printer,

Payment Gateway.
iv | I N T I P A Y
DAFTAR ISI
KATA PENGANTAR ........................................................................................................ ii

ABSTRAK ..........................................................................................................................iv
DAFTAR GAMBAR .........................................................................................................vii
DAFTAR LAMPIRAN ..................................................................................................... viii
ARTI LAMBANG DAN SINGKATAN ............................................................................ix
BAB I PENDAHULUAN ................................................................................................... 1
1.1 Latar Belakang Masalah...................................................................................... 1
1.2 Rumusan Masalah ............................................................................................... 2
1.3 Tujuan ................................................................................................................. 2
1.4 Manfaat ............................................................................................................... 2
1.5 Ruang Lingkup.................................................................................................... 3
1.6 Visi Misi dan Kelembagaan ................................................................................ 3
1.7 Metode Penulisan Laporan.................................................................................. 4
1.8 Sistematika Penulisan Laporan ........................................................................... 5
BAB II LANDASAN TEORI ............................................................................................. 6
2.1 PT INTI ............................................................................................................... 6
2.1.1 Profil PT INTI ............................................................................................. 6
2.1.2 Produk-Produk PT INTI.............................................................................. 6
2.2 INTIPAY........................................................................................................... 10
2.3 E-Tilang ............................................................................................................ 11
2.4 Payment Gateway ............................................................................................. 11
2.5 E-Wallet ............................................................................................................ 12
2.6 Web ................................................................................................................... 12
2.7 Monitoring ........................................................................................................ 13
2.8 E-KTP Reader ................................................................................................... 13
2.9 Flowchart .......................................................................................................... 14
BAB III ANALISA DAN PEMBAHASAN ..................................................................... 15
3.1 Tahap Analisis .................................................................................................. 15
v|INTIPAY
3.2 Tahap Desain .................................................................................................... 17
3.3 Tahap Pengujian................................................................................................ 23
3.4 Pembahasan....................................................................................................... 23
BAB IV PENUTUP .......................................................................................................... 25
4.1 Kesimpulan ....................................................................................................... 25
4.2 Saran ................................................................................................................. 25
LAMPIRAN...................................................................................................................... 27
vi | I N T I P A Y
DAFTAR GAMBAR
Gambar 1.1 Struktur Organisasi PT. INTI .......................................................................... 4

Gambar 2.1 Simbol-simbol Flow Chart ............................................................................ 14
Gambar 3.1 Skenario Proses E-Tilang .............................................................................. 15
Gambar 3.2 Flow Chart INTIPAY .................................................................................... 16
Gambar 3.3 Tampilan Menu Login................................................................................... 18
Gambar 3.4 Tampilan Menu Registrasi ............................................................................ 18
Gambar 3.5 Dashboard Sistem Monitoring E-tilang......................................................... 18
Gambar 3.6 Chart Dashboard Sistem Monitoring E-tilang ............................................... 19
Gambar 3.7 Tampilan User Management ......................................................................... 19
Gambar 3.8 Tampilan Menu Daftar Tilang ...................................................................... 20
Gambar 3.8 Tampilan Menu Pembayaran ........................................................................ 20
Gambar 3.9 Tampilan Menu Denda .................................................................................. 21
Gambar 3.10 Tampilan Menu Pasal .................................................................................. 21
Gambar 3.11 Tampilan Menu Kendaraan ......................................................................... 22
Gambar 3.12 Tampilan Menu Petugas .............................................................................. 22
Gambar 3.13 Tampilan Menu Wilayah............................................................................. 22
vii | I N T I P A Y
DAFTAR LAMPIRAN
Lampiran 1. Tampilan Admin ........................................................................................... 27

Lampiran 2. Tampilan Login ............................................................................................ 30
Lampiran 3. Proses Logout............................................................................................... 32
Lampiran 4. Tampilan Login Operator ............................................................................ 32
Lampiran 6. Tampilan Menu Petugas............................................................................... 35
Lampiran 6. Proses Login................................................................................................. 38
Lampiran 7. Proses Registrasi .......................................................................................... 39
Lampiran 8. Tampilan Registrasi ..................................................................................... 40
Lampiran 9. Tampilan Dashboard.................................................................................... 41
Lampiran 10. Tampilan Menu Denda ............................................................................... 48
Lampiran 11. Tampilan Menu Kendaraan ....................................................................... 52
Lampiran 12. Tampilan Menu Pasal ................................................................................ 57
Lampiran 13. Tampilan Menu Pembayaran ..................................................................... 61
Lampiran 14. Tampilan Menu Petugas............................................................................. 66
Lampiran 15. Tampilan Menu Wilayah ............................................................................ 70
Lampiran 16. Tampilan Sistem User ................................................................................ 74
viii | I N T I P A Y
ARTI LAMBANG DAN SINGKATAN
DDS = Defense Digital Service
DB = Database
API = Application Programming Interface
OPEX = Operational Expenditure
FO = Fiber Optik
ICT = Information and Communication Technologies
AES = Advanced Encryption Standard
VMS = Variable Message Sign
SPMS = Sparelog Management Services
SMS = Short Message Service
SQL = Structured Query Language
PHP = Personal Home Page
ix | I N T I P A Y
BAB I PENDAHULUAN
1.1 Latar Belakang Masalah

E-Tilang atau Elekrtonik Tilang merupakan digitalisasi dari proses
tilang dengan memanfaatkan teknologi, dimana sistem ini digunakan untuk
memudahkan mekanisme penindakan pelanggran lalu lintas secara online.
Data tilang online dalam sistem E-Tilang akan terintegrasi dengan database
registrasi dan identifikasi (regident) kendaraan sehingga dengan adanya
sistem E-Tilang dapat memudahkan proses pelanggaran lalu lintas mulai dari
pencatatn data pelanggar, pembayaran dan pengambilan barang bukti.
Meski sudah memudahkan proses mekanisme pelanggaran lalu lintas,
namun sistem E-Tilang belum menerapkan sistem pengantar untuk
melakukan pembayaran denda tilang. Sistem ini hanya mencatat data diri
pelanggar dan memberikan kode pembayaran atau nomor registrasi yang
dikirimkan melalui sms kepada pelanggar. Pembayaran E-Tilang hanya dapat
dilakukan di dengan BRI Virtual Account (BRIVA) lewat ATM, m-banking
dan Teller BRI. Untuk memudahkan proses pembayaran E-Tilang dapat
digunakan produk INTIPAY.
INTIPAY merupakan perangkat yang terintegrasi dengan aplikasi
berbasis android untuk melakukan pembayaran elektronik. INTIPAY dapat
juga di sinkronkan serta melakukan verifikasi ktp elektronik. Produk
INTIPAY dapat dikembangkan untuk mengatasi solusi pembayaran E-Tilang
dan memudahkan proses membayar E-Tilang dengan menambah fitur E-
Tilang dan menyediakan berbagai metode pembayaran payment gateway
seperti dengan kartu debit, kartu kredit, ataupun e-wallet kemudian bukti
pembayaran akan langsung tercetak setelah transaksi selesai. Selain itu juga
diperlukan web monitoring E-Tilang untuk memonitoring pembayaran E-
Tilang, dimana sistem ini terintegrasi langsung dengan sistem E-Tilang dan
juga INTIPAY sehingga pada saat pelanggar melakukan pembayaran
data akan otomatis tercatat pada database.
Dengan adanya pengembangan produk INTIPAY untuk mengatasi
solusi pembayaran E-Tilang dapat mempemudah proses pembayaran karena
bervariasinya metode pembayaran yang beragam. Selain itu, dengan produk
INTIPAY yang bersifat portable dapat mempercepat prose pembayaran karena
pelanggar dapat melakukan pembayaran langsung di tempat tilang kepada
petugas.
1.2 Rumusan Masalah

Adapun rumusan masalah dalam laporan ini yaitu meliputi:
1. Kurang efektifnya metode pembayaran e-tilang yang ditetapkan Indonesia.
2. Belum adanya solusi e-tilang yang terintegrasi dengan INTIPAY
3. Belum adanya web monitoring yang menghubungkan langsung e-tilang
dengan INTIPAY
1.3 Tujuan
1. Meningkatkan keefektifan metode pembayaran e-tilang yang akan
ditetapkan di Indonesia.
2. Menciptakan solusi e-tilang yang sudah terintegrasi dengan INTIPAY
3. Menciptakan web monitoring yang menghubungkan e-tilang dengan
INTIPAY
1.4 Manfaat
1. Manfaat Teoritis
Penelitian ini diharapkan dapat memberikan sumbangan pemikiran yang
cukup signifikan atau literatur ilmiah yang dapat dijadikan bahan kajian
bagi pembaca.
2. Manfaat Praktis
Hasil penelitian ini secara praktis diharapkan dapat menyumbangkan
pemikiran terhadap pemecahan masalah yang berkaitan dengan metode
pembayaran e-tilang.
2|INTIPAY
1.5 Ruang Lingkup
Ruang lingkup pelaksanaan PKL/KP di PT Industri Telekomunikasi
Indonesia, penulis ditempatkan pada bagian DDS (Defenese Digital
Service) untuk pembuatan sistem web monitoring untuk solusi etilang
dengan dibimbing oleh dua orang pembimbing lapangan yang ditunjuk
oleh Deputi Defense SBU Defense Digital Service.
1.6 Visi Misi dan Kelembagaan

1. Visi
PT INTI (Persero) bertujuan menjadi pilihan pertama bagi
para pelanggan untuk mentrasformasikan “MIMPI” menjadi
“REALITA” ( To be the Customer’s first choice in transforming
DREAMS into REALITY).
2. Misi
a. Fokus PT INTI (Persero) akan tertuju sepenuhnya pada
kegiatan jasa engineering yang sesuai dengan spesifikasi dan
permintaan konsumen.
b. Dalam menjalankan bisnis PT INTI (Persero) akan berusaha
semaksimal mungkin untuk kepentingan pemangku
kepentingan (stakeholders).
c. Akan dikembangkan jejaring bisnis yang sinergis baik
dengan pemakai jasa PT INTI (Persero) maupun pemasok
demi menumbuhkembangkan kinerja yang saling
menguntungkan.
3. Strategi Perusahaan
Strategi PT INTI (Persero) dalam menumbuhkembangkan
usahanya ialah fokus pada bidang jasa pelayanan infokom dengan
penekanan pada Integrasi Sistem dan Teknologi Infokom (ISTI)
4. Struktur Organisasi
Struktur organisasi perusahaan merupakan bangunan fungsi
b again-bagian manajemen yang tersusun dari suatu kesatuan
3|INTIPAY
hubungan yang menunjukan tingkatan fungsi, tugas, wewenang
dan tanggung jawab dalam manajemen perusahaan.
Penerapan struktur organisasi di lingkugan PT. INTI
(Persero) berbentuk garis dan staf, dimana wewenang dari
pimpinan dilimpahkan kepada satuan-satuan organisasi
dibawahnya untuk semua bidang pekerjaan bantuan.
Gambar 1.1 Struktur Organisasi PT. INTI
1.7 Metode Penulisan Laporan

Dalam penyusunan laporan PKL/KP ini, metode yang digunakan antara lain :
1. Analisis
Metode ini dilakukan dengan cara mengolah data-data yang diberikan
kemudian dituangkan kedalam bentuk paragraf maupun skema yang
selanjutnya dapat memberikan kejelasan yang realistis.
4|INTIPAY
2. Wawancara
Metode ini dilakukan dengan cara tanya jawab secara langsung atau
melalui media sosial dengan pembimbing lapangan.
1.8 Sistematika Penulisan Laporan

Untuk Mempermudah pemahaman laporan kegiatan PKL/KP ini, maka
laporan dibagi menjadi beberapa bagian, antara lain :
BAB I PENDAHULUAN
Dalam bab ini penulis menguraikan latar belakang PKL,
perumusan masalah PKL, ruang lingkup pembahasan PKL, tujuan
dan manfaat PKL, metode penulisan laporan PKL serta
sistematika PKL.
BAB II LANDASAN TEORI
Membahas tentang teori yang mendukung terhadap masalah yang
dibahas dalam penyusunan Praktek Kerja Lapangan.
BAB III ANALISA DAN PEMBAHASAN
Berisi tentang uraian alur pembuatan, uraian pengerjaan dan uji
coba sistem monitoring e-tilang.
BAB IV PENUTUP
Berisi tentang kesimpulan dan saran yang membangun pada
Praktik Kerja Lapangan/Kerja Praktik
DAFTAR PUSTAKA
Berisi tentang daftar referensi dalam penyusunan laporan Praktik
Kerja Lapangan/Kerja Praktik.
LAMPIRAN
Berisi tentang source code dari sistem monitoring e-tilang.
5|INTIPAY
BAB II LANDASAN TEORI
2.1 PT INTI
2.1.1 Profil PT INTI

Perusahaan didirikan sebagai evolusi dari kerja sama PN
Telekomunikasi dan Siemen AG pada tahun 1966. Pendirian Perusahaan ini
didasarkan pada Peraturan Pemerintah Republik Indonesia No: 34 tahun 1974
tanggal 23 September 1974 tentang Penyetoran Modal Negara Republik
Indonesia untuk Pendirian Perusahaan Perseroan (Persero) di Bidang Industri
Telekomunikasi dan Surat Keputusan Menteri Keuangan Republik Indonesia
No: Kep1771/MK/IV/12/1974 tanggal 28 Desember 1974 tentang Penetapan
Modal Perusahaan Perseroan.
Berdasarkan Keputusan Menteri Negara BUMN, PT INTI (Persero)
dimasukkan ke dalam kelompok Industri Strategis. Pada tanggal 17 Januari
1998 dikeluarkan sebuah Peraturan Pemerintah Republik Indonesia yang
menghilangkan peran departemen teknis dalam mengelola BUMN. Sebagai
tindak lanjutnya, pembinaan INTI beralih ke Kementrian Negara
Pendayagunaan BUMN.[1]
2.1.2 Produk-Produk PT INTI

Produk dan layanna PT INTI dibagi menjadi 4 bagian utama yaitu ICT,
Energy & Banking, Infrastructure & Government dan Transport & Cellular.
Berikut merupakan produk –produk dari PT INTI.
a. ICT
i. ONT Homegateway
Sebuah perangkat yg ditempatkan di pelanggan sebagai titik akhir
jaringan fiber optik. ONT berfungsi sbg perangkat yg mengkonversi data
dari transmisi fiber optik ke ethernet atau wifi dan berfungsi juga sebagai
gateway. ONT Homegateway memiliki fungsi LAN, Gateway dan WAN.
Selain itu juga memiliki fungsi manajemen (Manageable Remotely via
6|INTIPAY
OMCI) dan fungsi sekuriti berupa filtering IP & MAC address,
mekanisme enkripsi AES-128.[2]
ii. FFTx
Fiber-To-The-X(FTTx), merupakan istilah umum untuk arsitektur
jaringan broadband, menggunakan teknologi berbasis “Fiber Optic”
sebagai media transmisinya yang mampu menyediakan bandwidth
dengan kapasitas besar. Teknologi FTTx membutuhkan daya listrik yang
lebih kecil dibandingkan dengan teknologi copper atau coaxial kabel
sehingga bisa menurunkan biaya operational (OPEX). Point utama dalam
FTTx adalah bandwidth, jumlah content/data yang dapat dikirimkan
jumelalui jaringan dalam waktu yang cepat. Teknologi ini menawarkan
kecepatan bandwidth yang tinggi, baik downstream maupun upstream.
Fiber Optic memberikan keuntungan bagi pelanggan karena teknologi ini
dapat memberikan layanan data dalam kecepatan tinggi dan reliability
yang lebih baik dibanding dengan teknologi yang masih menggunakan
kabel tembaga.[3]
b. Energy & Banking
i. INTIPAY
INTIPay merupakan suatu perangkat yang diproduksi oleh PT
INTI (Industri Telekomunikasi) yang berfungsisebagai perangkat terpadu
pembayaran elektronik yang terintegrasi dengan aplikasi berbasis
android. INTIPAY dapat juga di sinkronkan serta melakukan verifikasi
ktp elektronik. IntiPay memiki kelebihan dalam perangkat terintegrasi
atau All-In-One Embedded yang meliputi smartphone, mobile printer, e-
KTP Reader, dan fingerprint, dimana dapat digunakan untuk mengisi
data secara otomatis dengan menggunakan e-KTP.[4]
ii. I-Converter Kit
Converter Kit adalah rangkaian komponen khusus untuk
mengkonversi atau mengubah pemakaian bahan bakar minyak (BBM) ke
bahan bakar gas (BBG) yang dimasukkan atau diinjeksikan ke dalam
ruang bahan bakar pada silinder mesin kendaraan bermotor. Keuntungan
7|INTIPAY
dari menggunakan I-Converter Kit yaitu dapat mengurangibiaya
pemeliharaan dan penggunaan BBM, mengurangi pencemaran
lingkungan, menciptakan lingkungan usaha baru serta mudah dalam
instalasi, operational dan perawatan.[5]
c. Infrastructure & Government
i. Smart Light (PJU Pinter)
PJUPINTER (Penerangan Jalan Umum dengan Pengendalian dan
Monitoring Terpusat) merupakan solusi cerdas berupa Lighting
Automation and Controlling System pada fasilitas
penerangan/pencahayaan yang mampu menghemat penggunaan energi
dan biaya pemeliharaan 50-75% serta memudahkan pemeliharaan dan
meningkatkan performansinya, dengan menggunakan metode INTI’s
L4MP® (Lighting Measuring, Monitoring, Managing to Maintain the
Performance). PJUPINTER berbasis teknologi ICT terkini yang sangat
berguna dalam pengelolaan dan pemeliharaan pencahayaan pada fasilitas
Penerangan Jalan Umum (PJU)/street lighting. Selain itu juga sangat
sejalan dengan program efisiensi energi dalam konsumsi listrik dan
rencana aksi nasional dan daerah dalam pengurangan emisi gas rumah
kaca (CO2).
ii. I-Perisalah
INTI Smart Meeting (I-Perisalah) merupakan solusi cerdas yang
dapat membantu anda dalam merencanakan, mengelola dan terutama
mendokumentasikan rapat meeting, seperti penyusunan dan penyampaian
agenda rapat, pengaturan posisi peserta rapat (misalnya dalam sidang
pleno), serta pengelolaan hasil rapat dan tindak lanjutnya yang berbasis
identifikasi dan berbasi web.[6]
iii. Sindila
SINDILA menyediakan fungsi pendukung bagi manajemen
lalulintas di perkotaan dengan menyediakan data volume, kecepatan
kendaraan, dan okupansi lajur secara online dan informasi kondisi
lalulintas secara realtime. Data yang tersedia dapat digunakan untuk
8|INTIPAY
kebutuhan analisis kapasitas, inputan untuk Variable Message Sign
(VMS), untuk kendali persimpangan (APILL actuated), atau untuk
memberi notifikasi atau peringatan terkait lokasi-lokasi kemacetan
kepada pengguna jalan.
Sistem ini telah mampu mendukung kinerja pemerintah pusat,
provinsi, dan kabupaten, kota, dalam mengelola lalulintas jalan dan
merencanakan kapasitas jalan secara efektif adanya insiden dijalan
seperti kecelakaan serta adanya kegiatan dijalan seperti perbaikan jalan
dan fasilitasnya yang menyebabkan terganggunya ruas jalan yang ada.
iv. Identik INTI Smart Reader
Kartu Tanda Penduduk Elektronik (KTP-el) adalah inovasi
pemerintah dan stakeholder terkait yang sangat bermanfaat untuk
mendukung penyelenggaraan sistem informasi kependudukan berbasis
pengamanan biometrik. Dengan solusi ini memungkinkan dilakukannya
penghimpunan dan verivikasi data penduduk seluruh Indonesia secara
terpadu (single identity number) yang sekaligus mencegah duplikasi
identitas penduduk. Relevan dengan program ini dan sejalan regulasi
Teknis untuk penyediaan sarana pembaca KTP-el tersebut, INTI turut
berperan aktif dalam proses inovasi tersebut dengan keberhasilan
mengembangkan dan memproduksi perangkat pembaca kartu tanda
penduduk elektronik (KTP-el) dengan nama Smart Reader V.2.2.[6]
d. Transport & Cellular
i. Kabel Hybrid
INTI-GOC Kabel Hybrid memiliki kekuatan tarik (tensile strength)
dan fleksibilitas yang tinggi dalam ukuran kabel yang ringkas. Kabel ini
juga menyediakan kinerja fisik dan transmisi optik yang sangat baik.
Kabel Hybrid ini dibagi menjadi 2, yaitu Kabel Hybrid 1 RRU dan Kabel
Hybrid 3 RRU.[7]
ii. ADS-B
ADS-B merupakan teknologi surveillance untuk mengetahui dan
memonitor posisi pesawat dan digunakan sebagai pengganti secondary
9|INTIPAY
radar pada ATC. ADS-B Transponder pesawat akan mengirimkan pesan
secara tersebar yang berisi informasi lokasi, identitas dan parameter
lainnya. Pesan tersebut akan diterima oleh ADS-B ground station dan
pesawat lain. ADS-B sangat bermanfaat untuk meningkatkan sistem
pengawasan dan optimalisasi ruang udara di Bandara serta dapat
mencegah tabrakan antar pesawat. Keunggulan dariproduk ADS-B yaitu
mampu memenuhi kebutuhan bandar udara di Indonesia dalam hal
peningkatan kondisi sistem pengawasan ruang udara bandara, jangkauan
radar adsb mencapai 200 mil laut dan format data yang dikeluarkan
sudah asterix 21 yang merupakan format data yang dipakai di
Indonesia.[8]
iii. SPMS
Sparelog Management Services (Supply Chain Management Base)
merupakan layanan jasa system manajemen dan layanan jasa pengiriman
module perangkat ke seluruh wilayah indonesia sesuai dengan standar
SLA yang berlaku. Keuntungan dari produk SPMS yaitu menyediakan
Warehousing beserta Stock Management dan Logistic Management,
Interactive Information System, Time to Replace Oriented dan Expert on
Electronics Modules Handling.[9]
2.2 INTIPAY
INTIPay merupakan suatu perangkat yang diproduksi oleh PT INTI
(Industri Telekomunikasi) yang berfungsisebagai perangkat terpadu
pembayaran elektronik yang terintegrasi dengan aplikasi berbasis android.
INTIPAY dapat juga di sinkronkan serta melakukan verifikasi ktp elektronik.
IntiPay memiki kelebihan dalam perangkat terintegrasi atau All-In-One
Embedded yang meliputi smartphone, mobile printer, e-
KTP Reader, dan fingerprint, dimana dapat digunakan untuk mengisi data
secara otomatis dengan menggunakan e-KTP.
INTIPAY dapat digunakan untuk melakukan pembayaran Listrik, Gas,
Air, Pembayaran TV, Pembayaran Internet, Pembayaran Asuransi,
10 | I N T I P A Y
Pembayaran SPBU, E-Ticketing, Transfer Deposit, Withdrawal, Remiitance
dan lainnya. Pembayaran dengan menggunakan perangkat INTIPAY bersifat
cashless dan mendukung berbagai merchant payment seperti pembayaran
dengan kartu debit dan kartu kredit diana setelah melakukan pembayaran,
bukti pembayaran langsung dapat dictak di perangkat. INTIPAY juga bersifat
mobile portable sehingga dapat dibawa kemanapun serta tidak membutuhkan
komputer atau PC.
2.3 E-Tilang
E-Tilang adalah sebuah sistem yang digunakan untuk memudahkan
mekanisme penindakan pelanggaran lalu lintas secara online. Sistem E-Tilang
merupakan sistem yang digunakan kepolisian dan pihak kejaksaan untuk
memudahkan proses tilang, yang menggunakan sistem ini atau user yang
menggunakan hanya dari pihak kepolisisan dan juga pihak dari kejaksaan.
Pada pihak kepolisian sistem berjalan pada komputer tablet dengan
menggunakan sistem operasi android sedangkan pada pihak kejaksaan sistem
berjalan dalam bentuk website untuk eksekutor, seperti proses sidang manual.
Sistem E-Tilang akan menyimpan data dari pelangggar yang telah
diinputkan oleh petugas lapangan. Kemudian pelanggar akan mendapat
notifikasi pesan atau SMS yang memberikan informasi berupa kode
pembayaran dan nomor registrasi. Sistem ini belum menerapkan sistem
pengantar untuk melakukan pembayaran denda tilang hanya mencatat data
diri pelanggar dan memberikan kode pembayaran atau nomor registrasi saja.
Untuk saat ini pembayaran denda E-Tilang hanya dapat dilakukan di dengan
BRI Virtual Account (BRIVA) lewat ATM, m-banking dan Teller BRI.
2.4 Payment Gateway

Payment Gateway merupakan sebuah layanan yang mengotorisasi
pembayaran dalam e-business dan online retails. Payment gateway sama
halnya dengan POS (point of sale) yang berada suatu outlet atau merchant.
Pada dasarnya payment gateway memiliki dua komponen, yaitu :
11 | I N T I P A Y
1. Virtual Terminal yang memberikan izin sebuah merchant untuk menjaga
keamanan login dan key pada nomer kartu kredit.
2. Website Shopping-cart yaitu komponen yang terhubung dengan gateway
melalui API, sehingga memungkinkan real time processing dari website
merchant tersebut.
2.5 E-Wallet
E-wallet atau dompet elektronik adalah suatu alat pembayaran digital
yang menggunakan media elektronik berupa server based. Pada umumnya
aplikasi e-wallet menggunakan server dan dalam proses pemakaiannya
diperlukan sebuah koneksi dengan penerbitnya terlebih dahulu. Terdapat
beberapa e-wallet yang saat ini ada dipasaran yaitu OVO, GO-PAY, Aku
Laku, Doku, dan lain sebagainya.
E-wallet semakin berkembang karena adanya mobile device yang
dimiliki hampir semua orang dan ini memicu penggunaannya sebagai
perantara untuk e-wallet. Suksesnya paypal sebagai alat transaksi dunia e-
commerce menunjukan bahwa adanya kebutuhan e-wallet di dunia e-
commerce.
2.6 Web
Menurut (Agus Hariyanto, 2013), Website adalah : "Web dapat
diartikan sebagai kumpulan halaman yang menampilkan informasi data teks,
data gambar, data animasi, suara, video baik yang bersifat statis maupun
dinamis yang membentuk suatu rangkaian bangunan yang saling terkait,
dimana masing-masing dihubungkan dengan jaringan-jaringan halaman
(hyperlink)".
Menurut (Rohi Abdulloh, 2015), Website adalah : "Sekumpulan
halaman yang terdiri dari beberapa halaman yang berisi informasi dalam
bentuk data digital baik berupa teks, gambar, video, audio dan animasi
lainnya yang disediakan melalui jalur yang terkoneksi dengan internet".
Berdasarkan uraian, penulis dapat menyimpulkan bahwa web adalah
sebuah software yang berfungsi untuk menampilkan informasi data teks,
12 | I N T I P A Y
gambar, video, audio, dan lain-lain yang dihubungkan dengan jaringan-
jaringan halaman (hyperlink). Bersifat statis apabila isi informasi website
tetap, namun bisa bersifat dinamis apabila isi informasi website selalu
berubah-ubah, dan isi informasinya interaktif dua arah yang berasal dari
pemilik serta pengguna website.
2.7 Monitoring
Monitoring adalah pengumpulan informasi secara terus menerus dan
teratur yang akan membantu menjawab pertanyaan mengenai proyek atau
kegiatan.Monitoring membantu mengingatkan ketika terjadi sesuatu yang
salah dan membantu agar pekerjaan tetap pada jalurnya.Monitoring bertujuan
meningkatkan efektifitas dan efisiensi dari sebuah proyek atau organisasi, dan
didasarkan pada sasaran dan rencana kegiatan yang sudah ditentukan.
Monitoringmemungkinkan kita untuk untuk menentukan apakah sumber daya
kita telah mencukupi dan telah digunakan dengan baik dan menjadi dasar
yang berguna untuk evaluasi apakah kapasitas kita telah layak dan cukup,
apakah kita telah benar-benar melakukan apa yang telah direncanakan.
2.8 E-KTP Reader

E-KTP Reader merupakan perangkat untuk membaca Kartu Tanda
Penduduk yang berbasis RFID dan ini merupakan suatu inovasi pemerintah
yang perlu di berikan apresiasi besar dimana solusi dari digunakannya Alat
Baca KTP Elektronik ini telah mendukung penyelenggaraan sistem
kependudukan berbasis pengamanan biometrik, sehingga dengan solusi ini
sangat dimungkinkan untuk diadakannya penghimpunan dan verifikasi data
penduduk seluruh Indonesia secara terpadu memiliki single identiti number
dan dijamin keunikan identitas setiap penduduk (terhindar dari dobel data
kependudukan). Pengembangan penerapan dari KTP-elektronik akan
menjadi sangat luas, tidak hanya sebagai identitas jati diri di sektor/instansi
pemerintahan pada setiap tingkatan, namun juga dapat diintegrasikan dengan
aplikasi aplikasi pada semua sektor bidang pelayanan publik, antara lain;
perbankan, kesehatan, pendidikan, perpajakan, asuransi, jaminan sosial, dan
13 | I N T I P A Y
bahkan bisa digunakan sebagai sarana pemberian hak suara saat pemilu (e-
Voting). Dengan pendayagunaan KTP-elektronik yang bersifat mandatory di
berbagai sektor ini maka niscaya akan meningkatkan pelayanan publik
secara lebih aman dan memiliki keabsahan data dan terjamin validitas nya.
2.9 Flowchart
Flowchart adalah adalah suatu bagan dengan simbol-simbol tertentu
yang menggambarkan urutan proses secara mendetail dan hubungan antara
suatu proses (instruksi) dengan proses lainnya dalam suatu program. Dalam
perancangan flowchart sebenarnya tidak ada rumus atau patokan yang bersifat
mutlak (pasti). Hal ini didasari oleh flowchart (bagan alir) adalah sebuah
gambaran dari hasil pemikiran dalam menganalisa suatu permasalahan dalam
komputer. Karena setiap analisa akan menghasilkan hasil yang bervariasi
antara satu dan lainnya. Kendati begitu secara garis besar setiap perancangan
flowchart selalu terdiri dari tiga bagian, yaitu input, proses dan output.
Berikut simbol-simbol dalam flowchart :
Gambar 2.1 Simbol-simbol Flow Chart
14 | I N T I P A Y
BAB III ANALISA DAN PEMBAHASAN
3.1 Tahap Analisis

Pada tahap analisa berfokus pada pengumpulan informasi-
informasi mengenai kebutuhan sistem yang nantinya akan diperlukan oleh
client dan dapat memahami proses kerja dari sistem yang akan dibangun,
seperti data-data yang perlu di input atau ditampilkan, cara kerja produk
INTI PAY, menu dan tampilan yang diperlukan. Setelah menganalisis
kebutuhan, kemudian menganalisis perancangan database dan penerapan
fitur-fitur yang akan digunakan. Alur kerja dari sistem monitoring
pembayaran lewat INTI PAY, dimana pembayaran e-tilang yang awalnya
hanya bisa dilakukan melalui briva dan membayar langsung dipengadilan
akan diupgrade sehingga bisa membayar secara langsung di lokasi
penilangan dengan menggunakan Itnipay dengan metode pembayaran e-
wallet, kartu debit ataupun kartu kredit. Adapun alur kerja dari sistem
monitoring e-tilang untuk tahap pembayaran pelanggar adalah sebagai
berikut :
Gambar 3.1 Skenario Proses E-Tilang
15 | I N T I P A Y
Gambar 3.2 Flow Chart INTIPAY
Alur kerja INTIPAY untuk pembayaran E-Tilang dimulai dengan
penindakan pelanggar oleh petugas di tempat kejadian penilangan,
kemudian petugas akan memasukkan data pelanggar ke dalam sistem E-
Tilang dengan menscan ktp ke INTIPAY, dimana data yang dimasukan
akan terintegrasi ke dalam sistem E-Tilang. Setelah data pada e-ktp
terinput, petugas akan melengkapi data data yang tidak ada di e-ktp secara
manual. Setelah itu pelanggar akan mendapatkan notifikasi jumlah denda
yang harus dibayar dan informasi pembayaran melalui sms. Pembayaran
dapat dilakukan melalui 3 cara yaitu membayar langsung di tempat
16 | I N T I P A Y
penilangan, membayar ke pengadilan saat tanggal sidang tiba atau
membayar melalui bank transfer/setor tunai. Pembayaran secara langsung
ditempat dapat dilakukan dengan mengunakan perangkat INTIPAY
dimana di INTIPAY akan muncul informasi tentang identitas pelanggar,
jenis langgaran dan juga jumlah denda yang harus dibayarkan. Pelanggar
dapat memilih metode pembayaran dengan sistem payment gateway, yaitu
bisa dengan kartu debit, kartu kredit, ataupun e-wallet (Dana, Gopay,
OVO, Link aja). Pembayaran dengan kartu kredit dan kartu debit, yaitu
dengan memasukkan kartu kredit atau debit ke produk INTIPAY kemudian
pelanggar memasukkan pin dari kartu debit. Dari proses ini akan didapat
data nomor kartu kredit atau nomor rekening kartu debit dan juga nama
pemilik kartu yang akan disimpan dalam database. Pembayaran dengan
menggunakan e-wallet, pelanggar akan menscan barcode dari INTIPAY
petugas. Setelah proses pembayaran selesai maka perangkat INTIPAY
akan mencetak bukti pembayaran yang telah dilakukan. Jika pelanggar
memilih membayar langsung di pengadian, pelanggar akan datang ke
pegadilan sesuai dengan tanggal sidang yang telah ditentukan yang berarti
pelanggar tidak dapat langsung mengambil jaminan yang disita oleh
petugas kepolisian sampai tanggal untuk sidang tiba. Yang terakhir, jika
pelanggar membayar lewat transfer atau setor tunai dengan menggunakan
kode briva maka barang sitaan dapat diambil setelah sidang selesai.
3.2 Tahap Desain

Pada tahap ini akan dilakukan perancangan sistem yang akan dibuat.
Bahasa pemrograman yang digunakan untuk mendesain tampilan yaitu PHP
dan HTML sedangkan untuk database menggunakan MySql. Tampilan sistem
ini dimulai dari login. Jika user belum mendaftarkan data diri ke sistem maka
user akan diminta untuk melaukan registrasi terlebih dahulu agar memiliki
akun untuk login. Pada proses login ini terdapat user level, dimana user level
dibagi menjadi 3 bagian yaitu admin, petugas dan operator. Pada setiap user
level yang berbeda akan menampilkan isi menu yang berbeda juga, karena
17 | I N T I P A Y
hanya webmaster atau admin saja yang dapat melihat seluruh menu yang ada
di sistem tersebut. Berikut tampilan menu login :
Gambar 3.3 Tampilan Menu Login
Gambar 3.4 Tampilan Menu Registrasi

Setelah login maka akan muncul tampilan dashboard seperti dibawah ini :
Gambar 3.5 Dashboard Sistem Monitoring E-tilang
18 | I N T I P A Y
Gambar 3.6 Chart Dashboard Sistem Monitoring E-tilang
Selanjutnya user akan memilih menu yang diperlukan. Berikut susunan
menu tampilan pada sistem monitoring :
a. User Management
Menu ini berfungsi untuk menampilkan user yang telah memiliki akun
dan untuk menambah user baru.
Gambar 3.7 Tampilan User Management

b. Daftar Tilang
Menu ini berisi nomor registrasi tilang, data pelanggar, data petugas
kepolisian yang menilang, denda pembayaran, barang yang disita, dan
pasal.
19 | I N T I P A Y
Gambar 3.8 Tampilan Menu Daftar Tilang
c. Pembayaran
Menu ini berisi data pembayaran pelanggar, dimana terdapat kode
pembayaran, nominal yang harus dibayarkan, dan status pembayaran.
Gambar 3.8 Tampilan Menu Pembayaran
20 | I N T I P A Y
d. Denda
Menu ini berisi tentang data tiap denda perpasal. Karena pada setiap
pasal memiliki jumlah denda yang berbeda-beda.
Gambar 3.9 Tampilan Menu Denda

e. Pasal
Menu ini berisi pasal-pasal yang berkatian dengan pelanggaran lalu
lintas.
Gambar 3.10 Tampilan Menu Pasal
21 | I N T I P A Y
f. Kendaraan
Menu ini berisi data kendaraan pelanggar.
Gambar 3.11 Tampilan Menu Kendaraan

g. Petugas
Menu ini berisi tentang data petugas atau pihak kepolisian.
Gambar 3.12 Tampilan Menu Petugas

h. Wilayah
Menu ini berisi area tilang dari daftar per sekor wilayah.
Gambar 3.13 Tampilan Menu Wilayah
22 | I N T I P A Y
Dalam setiap menu terdapat 4 button, yaitu tambah, delete, edit dan detail.
Button pada halaman ini digunakan untuk :
1. Button hapus digunakan untuk menghapus data pembayaran
2. Button edit digunakan untuk mengupdate atau merubah data
pembayaran
3. Button tambah digunakan untuk menambah data, dengan cara :
a. Isi atribut yang di sediakan
b. Tekan Tombol simpan untuk menyimpan data yang telah
diisikan.
. Sistem akan menyimpan perubahan data atau penambahan data di
database secara otomatis dan dari sisi web master atau admin juga akan
mengetahui perubahan data yang terjadi. Jika sudah selesai, user dapat
memilih menu log out.
3.3 Tahap Pengujian

Tahap ini merupakan tahap pengujian dari hasil analisis kebutuhan sistem
yang sudah dimplementasikan ke dalam tahapan desain dan coding sesuai
dengan alur kerja dari sistem yang sudah dibangun. Dalam proses pengujian
ini pembimbing lapangan PKL/KP menjadi pengguna sistem web monitoring
e-tilang agar dapat mengetahui kekurangan dan kelemahan dari sistem web
monitoring e-tilang tersebut.
3.4 Pembahasan
Sistem monitoring yang telah selesai selanjutnya akan diuji coba
untuk memastikan bahwa sistem tersebut dapat berjalan sesuai dengan alur
kerja sistem yang telah dirancang. Pada saat tahap uji coba, terdapat fungsi
yang tidak berkerja sesuai dengan perencanaan, yaitu sistem tidak dapat
menampilkan detail pop up rincian data perindividu dalam menu daftar tilang,
juga terdapat beberapa menu tambah, edit dan hapus yang tidak dapat
berfungsi. Hal ini dikarenakan adanya kesalahan pada database sehingga
pengkoneksian antara web dan database tidak dapat berjalan dengan baik.
Disamping itu, di menu wilayah juga terdapat kekurangan, yaitu tidak dapat
23 | I N T I P A Y
menyambungkan google map pada pengisian longitude dan latitude, sehingga
jika user akan mengisikan kolom longitude dan latitude, user harus
mengisikannya secara manual.
24 | I N T I P A Y
BAB IV PENUTUP
4.1 Kesimpulan
1. Sistem web monitoring e-tilang adalah sistem untuk memantau aktifitas
penilangan secara online berbasis web sehingga petugas dan jajarannya dapat
mengatur data melalui web tersebut.
2. My SQL diilih sebagai database dikarenakan sistem tersebut menggunakan
bahasa pemrograman PHP dan My SQL memiliki perfomansi yang baik.
3. Diperlukan perbaikan pada sistem untuk memastikan bahwa fitur-fitur yang
dihasilkan sesuai dengan perencanaan alur yang telah dibuat.
4. Diperlukan bimbingan yang lebih intensif untuk dapat menghasilkan sistem web
monitoring e-tilang guna mendapatkan hasil yang lebih maksimal.
5. Diperlukan pemahaman yang lebih guna menyusun database yang rinci dan
sesuai.
4.2 Saran
1. Perbaikan pada fitur-fitur yang terdapat pada web agar dapat berfungsi dengan
baik dan dapat memberikan kemudahan bagi pengguna.
2. Perbaikan pada tampilan agar lebih user friendly.
25 | I N T I P A Y
DAFTAR PUSTAKA
[1]
INFORMATIKALOGI. 2017. Pengertian Flowchart dan Jenis-jenisnya.
https://informatikalogi.com/pengertian-flowchart-dan-jenis-jenisnya/
[Online]
Diakses pada Jum’at, 16 Agustus 2019 pukul 10.02 WIB.
[2]
INTI 2015. Sistem dan Telekonunikasi.
http://inti.co.id/index.php/id/2015-06-18-06-16-48/sistem-dan-
telekomunikasi/fttx [Online]
Diakses pada Jum’at, 16 Agustus 2019 pukul 10.20 WIB
[3]
INTI. 2015. Energi Banking INTIPAY.
http://inti.co.id/index.php/id/2015-06-18-06-16-48/energi-
banking/intipay [Online]
Diakses pada Jum’at, 16 Agustus 2019
[4]
Taufik, Muh. Monitoring dan Evaluasi. 2016.
https://www.kompasiana.com/muh.taufik/55003a3da333112f75510111/
monitoring-dan-evaluasi [Online]
[5]
NH, Wisma. 2016. Alat Baca KRP Elektronik.
http://dharmatech.id/product/alat-baca-ktp-elektronik/ [Online]
[6]
A. Mulyana, H. Wijaya. 2018. E-Payment System Design in E-wallet
Using Android-Based on QR Code. 7(2). 63-69.
Diakses pada Senin, 19 Agustus 2019 pukul 09.00 WIB
[7]
Gamaliel, Yoyok. 2016. Perancangan dan Implementasi Payment
Gateway dengan metode Concurrency untuk Transaksi Nontunai. 12(1).
58-63
[8]
Destiningrum, Mara. 2017. Sistem Informasi Penjadwalan Dokter
Berbasis Web Dengan Menggunakan Framework Codeigniter. 11(2). 30-
37
[9]
INTI. 2015. Kabel Hybrid. http://inti.co.id/index.php/id/2015-06-18-06-
16-48/solusi-lain-lain/kabel-hybrid [Online]
[10]
INTI. 2015. SPMS (Sparelog Management Services )
http://inti.co.id/index.php/id/2015-06-18-06-16-48/solusi-lain-lain/spms
[Online]
26 | I N T I P A Y
LAMPIRAN
Halaman lampiran ini memuat proses login, desain tampilan, dan desain menu
pada sistem web monitoring e-tilang. Source code sistem ini terdiri dari view dan
menu :
A. Source Code
1. Tampilan Admin
Lampiran 1. Tampilan Admin

admin.php
<?php
session_start();
include "config/koneksi.php";
include "config/user.php";
if ($_SESSION['role'] == "") {
header ("location:index.php");
}
?>
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>E-Tilang</title>


<link href="assets/css/bootstrap.css" rel="stylesheet">
<lin k href="assets/DataTables/media/css/jquery.dataTables.min.css">
<link href="assets/DataTables/media/css/dataTables.bootstrap.css">


<link href="assets/css/sb-admin.css" rel="stylesheet">
<link rel="stylesheet" href="assets/font-awesome/css/font-awesome.min.css">
</head>
<body>
27 | I N T I P A Y
<div id="wrapper">


<nav class="navbar navbar-inverse navbar-fixed-top" role="navigation">

<div class="navbar-header">
<button type="button" class="navbar-toggle" data-toggle="collapse" data-
target=".navbar-ex1-collapse">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
</button>
<a class="navbar-brand" href="">E-TILANG</a>
</div>

<div class="collapse navbar-collapse navbar-ex1-collapse">

<ul class="nav navbar-nav side-nav">
<li><a href="?page=dashboard"><i class="fa fa-home"></i>
Dashboard</a></li>
<li><a href="?page=sistemuser&action"><i class="fa fa-users"></i> User
Manajemen</a></li>
<li><a href="?page=daftartilang&action"><i class="fa fa-book"></i> Daftar
Tilang</a></li>
<li><a href="?page=pembayaran&action"><i class="fa fa-money"></i>
Pembayaran</a></li>
<li><a href="?page=denda&action"><i class="fa fa-money"></i>
Denda</a></li>
<li><a href="?page=pasal&action"><i class="fa fa-book"></i>
Pasal</a></li>
<li><a href="?page=kendaraan&action"><i class="fa fa-truck"></i>
Kendaraan</a></li>
<li><a href="?page=petugas&action"><i class="fa fa-male"></i>
Petugas</a></li>
<li><a href="?page=wilayah&action"><i class="fa fa-globe"></i>
Wilayah</a></li>
</ul>
<ul class="nav navbar-nav navbar-right navbar-user">
<li>
<a> Selamat Datang, <?php echo $data['nama'];?> </a>
</li>
<li><a href="logout.php"><i class="fa fa-power-off"></i> Log Out</a></li>
</ul>

28 | I N T I P A Y

</div>
</nav>
<div id="page-wrapper">
<?php
if(@$_GET['page'] == 'dashboard' || @$_GET['page'] == '') {

include "views/dashboard.php";
} else if (@$_GET['page'] == "sistemuser") {
if(@$_GET['action'] == "hapus_sistemuser") {
include "models/hapus_sistemuser.php";
}
include "views/sistemuser.php";
} else if (@$_GET['page'] == 'daftartilang'){
if(@$_GET['action'] == "hapus_pelanggar") {
include "models/hapus_pelanggar.php";
}
include "views/daftartilang.php";
} else if (@$_GET['page'] == 'pembayaran'){
if(@$_GET['action'] == "hapus_pembayaran") {
include "models/hapus_pembayaran.php";
}
include "views/pembayaran.php";
} else if (@$_GET['page'] == 'denda') {
if(@$_GET['action'] == "hapus_denda") {
include "models/hapus_denda.php";
}
include "views/denda.php";
} else if (@$_GET['page'] == 'pasal') {
if(@$_GET['action'] == "hapus_pasal") {
include "models/hapus_pasal.php";
}
include "views/pasal.php";
} else if (@$_GET['page'] == 'kendaraan') {
if(@$_GET['action'] == "hapus_kendaraan") {
include "models/hapus_kendaraan.php";
} else if(@$_GET['action'] == "edit_kendaraan"){
include "models/edit_kendaraan.php";
}
include "views/kendaraan.php";
} else if (@$_GET['page'] == 'petugas') {
if(@$_GET['action'] == "hapus_petugas") {
include "models/hapus_petugas.php";
}
29 | I N T I P A Y
include "views/petugas.php";
} else if (@$_GET['page'] == 'wilayah') {
if(@$_GET['action'] == "hapus_wilayah") {
include "models/hapus_wilayah.php";
}
include "views/wilayah.php";
}
?>
</div>
</div>


<script src="assets/js/jquery-1.10.2.js"></script>
<script src="assets/js/bootstrap.js"></script>
<script type="text/javascript"
src="assets/DataTables/media/js/jquery.dataTables.min.js"></script>
src="assets/DataTables/media/js/jquery.dataTables.js"></script>
<script type="text/javascript">
$(document).ready( function () {
$('.data_user').DataTable();
} );
</script>
</body>
</html>
2. Tampilan Login
Lampiran 2. Tampilan Login

Index.php
<?php
?>
<!DOCTYPE html>
<html lang="en">
<head>
<title>Login</title>
<meta name="viewport" content="width=device-width, initial-scale=1">

<link rel="stylesheet" href="assets/css/bootstrap.css">
30 | I N T I P A Y
<link rel="stylesheet" href="assets/css/style.css">
<script src="assets/js/jquery.js"></script>
</head>
<body class="bg-default" style="background-image:
url(assets/src/img/bg.jpg); background-size: 100%">
<center>
<div class="row">
<div class="col-md-4 col-md-offset-4">
<div class="panel panel-heading">
<div class="card" style="margin-top:4rem;margin-
bottom:4rem">
<h3 class="card-title text-dark"><b>Sistem Monitoring E-
Tilang</b></h3>
<img src="assets/src/img/1.png" height="100" alt="logo">
<h4 class="card-title text-dark"> </h4>

<form action="process_login.php" method="post">
<div class="form-group">
<input type="username" class="form-control"
id="username" name="username" placeholder="Username">
</div>
<input type="password" class="form-control"
id="password" name="password" placeholder="Password">
</div>
<button class="btn btn-primary"
type="submit"> Login </butto
n>
<h6>Belum Punya Akun? Silahkan<a href="registrasi.php">
Registrasi</a></h6>
</form>
</div>
</div>
</div>
</div>
</center>
</body>
</html>
31 | I N T I P A Y
3. Proses Logout
Lampiran 3. Proses Logout

Logout.php
<?php
session_start();
$_SESSION["id_user"];
$_SESSION["username"];
unset($_SESSION["id"]);
unset($_SESSION["username"]);
session_unset();
session_destroy();
header("location:index.php");
// echo "<meta http-equiv='refresh' content='1 url=login.php'>";
?>
4. Tampilan Login Operator
Lampiran 4. Tampilan Login Operator

Operator.php
<?php
session_start();
if ($_SESSION['role'] == "") {
header ("location:index.php");
}
?>
<!DOCTYPE html>
<html lang="en">
<head>

<lin k href="assets/DataTables/media/css/jquery.dataTables.min.css">
32 | I N T I P A Y

</head>
<body>
<div id="wrapper">


</button>
</div>

Dashboard</a></li>
<li><a href="?page=daftartilang&action"><i class="fa fa-book"></i> Daftar
Tilang</a></li>
<li><a href="?page=pembayaran&action"><i class="fa fa-money"></i>
Pembayaran</a></li>
<li><a href="?page=denda&action"><i class="fa fa-money"></i>
Denda</a></li>
<li><a href="?page=pasal&action"><i class="fa fa-book"></i>
Pasal</a></li>
<li><a href="?page=kendaraan&action"><i class="fa fa-truck"></i>
Kendaraan</a></li>
<li><a href="?page=petugas&action"><i class="fa fa-male"></i>
Petugas</a></li>
<li><a href="?page=wilayah&action"><i class="fa fa-globe"></i>
Wilayah</a></li>
</ul>
33 | I N T I P A Y
<li>
</li>
</ul>
</nav>
<?php

if(@$_GET['action'] == "hapus_pelanggar") {
include "models/hapus_pelanggar.php";
}
} else if (@$_GET['page'] == 'pembayaran'){
if(@$_GET['action'] == "hapus_pembayaran") {
include "models/hapus_pembayaran.php";
}
include "views/pembayaran.php";
} else if (@$_GET['page'] == 'denda') {
if(@$_GET['action'] == "edit_denda") {
include "models/edit_denda.php";
} else if (@$_GET['action'] == "hapus_denda") {
include "models/hapus_denda.php";
}
include "views/denda.php";
} else if (@$_GET['page'] == 'pasal') {
if(@$_GET['action'] == "hapus_pasal") {
include "models/hapus_pasal.php";
}
include "views/pasal.php";
if(@$_GET['action'] == "hapus_kendaraan") {
include "models/hapus_kendaraan.php";
}
} else if (@$_GET['page'] == 'petugas') {
if(@$_GET['action'] == "hapus_petugas") {
include "models/hapus_petugas.php";
}
34 | I N T I P A Y
include "views/petugas.php";
} else if (@$_GET['page'] == 'wilayah') {
if(@$_GET['action'] == "hapus_wilayah") {
include "models/hapus_wilayah.php";
}
include "views/wilayah.php";
}
?>


} );
</script>
</body>
</html>
5. Tampilan Menu Petugas
Lampiran 6. Tampilan Menu Petugas

Petugas.php
<?php
session_start();
if($_SESSION['role'] == "") {
header("location: index.php");
}
?>
<!DOCTYPE html>
35 | I N T I P A Y
<html lang="en">
<head>

<link href="assets/DataTables/media/css/jquery.dataTables.min.css">

</head>
<body>
<div id="wrapper">


</button>
</div>
Dashboard</a></li>
<li><a href="?page=daftartilang"><i class="fa fa-book"></i> Daftar
Tilang</a></li>
<li><a href="?page=kendaraan"><i class="fa fa-truck"></i>
Kendaraan</a></li>
</ul>
36 | I N T I P A Y
<li>
</li>
</ul>

</nav>
<?php

}
?>


} );
</script>
</body>
</html>
37 | I N T I P A Y
6. Proses Login
Lampiran 6. Proses Login

Process_login.php
<?php
session_start();
$username = $_POST['username'];
$password = $_POST['password'];
//menyeleksi data user dengan username dan password yang sesuai

$login = mysqli_query($koneksi, "SELECT * FROM tb_user WHERE username
='$username' AND password='$password'");
//menghitung jumlah data yang ditemukan
$cek = mysqli_num_rows($login);
// cek apakah username dan password ditemukan pada database

if (empty($username)){
echo "<script>alert('Username belum diisi')</script>";
echo "<meta http-equiv='refresh' content='1 url=index.php'>";
}else if (empty($password)){
echo "<script>alert('Password belum diisi')</script>";
echo "<meta http-equiv='refresh' content='1 url=index.php'>";
}else if($cek > 0){
$data = mysqli_fetch_assoc($login);
if($data['role'] == "Admin"){
$_SESSION['username'] = $username;
$_SESSION['role'] = "Admin";
header("location:admin.php");
} else if($data['role'] == "Operator"){

$_SESSION['role'] = "Operator";
header("location:operator.php");
} else if($data['role'] == "Petugas"){

$_SESSION['role'] = "Petugas";
header("location:petugas.php");
}
} else {
// header("location:index.php?pesan=gagal");
echo "<script>alert('Username atau Password
salah')</script>";
38 | I N T I P A Y
echo "<meta http-equiv='refresh' content='1
url=index.php'>";
}
?>
7. Proses Registrasi
Lampiran 7. Proses Registrasi

Process_registrasi.php
<?php
$nama = $_POST['nama'];
$email = $_POST['email'];
$username = $_POST['username'];
$password = $_POST['password'];
//Cek username
$result = mysqli_query($koneksi, "SELECT username FROM tb_user WHERE
username ='$username'");
if (mysqli_fetch_assoc($result)) {
echo "<script>alert('Username atau E-mail Sudah Terdaftar!')</script>";
echo "<meta http-equiv='refresh' content='1 url=registrasi.php'>";
return false;
}
// //enkripsi password
// $password = password_hash($password, PASSWORD_DEFAULT);
if (empty($nama)){
echo "<script>alert('Nama belum diisi')</script>";
} else if (empty($email)){
echo "<script>alert('Email belum diisi')</script>";
}else if(empty($username)){
echo "<script>alert('Username belum diisi')</script>";
}else if (empty($password)){
echo "<script>alert('Password belum diisi')</script>";
39 | I N T I P A Y
}else{
$registrasi = mysqli_query($koneksi, "INSERT INTO tb_user values ( '',
'$nama','$email','$username','$password', 'Petugas')") or die (mysqli_error());
if ($registrasi){
echo "<script>alert('Registrasi Anda Berhasil')</script>";
echo "<meta http-equiv='refresh' content='1
url=index.php'>";
}else{
echo "<script>alert('Registrasi Gagal')</script>";
}
}
?>
8. Tampilan Registrasi
Lampiran 8. Tampilan Registrasi

Registrasi.php
<!DOCTYPE html>
<html lang="en">
<head>
<title>Registrasi</title>
<meta name="viewport" content="width=device-width, initial-scale=1">

<link rel="stylesheet" href="assets/css/bootstrap.css">
<link rel="stylesheet" href="assets/css/style.css">
<script src="assets/js/jquery.js"></script>
</head>
<body class="bg-default" style="background-image:
url(assets/src/img/bg.jpg); background-size: 100%">
<center>
<div class="col-md-4 col-md-offset-4">
<div class="panel panel-heading">
<div class="card" style="margin-top:4rem;margin-
bottom:4rem">
<h3 class="card-title text-dark"><b>Sistem Monitoring E-
Tilang</b></h3>
40 | I N T I P A Y
<img src="assets/src/img/1.png" height="100" alt="logo">
<h4 class="card-title text-dark"> Registrasi</h4>
<form action="process_registrasi.php" method="post">

<input type="text" class="form-control" id="nama"
name="nama" placeholder="Nama Lengkap">
</div>
<input type="email" class="form-control" id="email"
name="email" placeholder="Email">
</div>
<input type="username" class="form-control"
id="username" name="username" placeholder="Username">
</div>
id="password" name="password" placeholder="Password">
</div>

<button class="btn btn-primary"

type="submit"> Registrasi </b
utton>
<h6>Kembali ke halaman<a href="index.php">
Login</a></h6>
</form>
</div>
</div>
</div>
</center>
</body>
</html>
9. Tampilan Dashboard
Lampiran 9. Tampilan Dashboard

Dashboard.php
<?php
41 | I N T I P A Y
//query database
//Jenis Kendaraan
$mobil = $koneksi->query("SELECT * FROM tb_kendaraan WHERE nama_kendaraan
= 'Mobil'");
$motor = $koneksi->query("SELECT * FROM tb_kendaraan WHERE nama_kendaraan
= 'Motor'");
$jumlah_mobil = mysqli_num_rows($mobil);
$jumlah_motor = mysqli_num_rows($motor);
//Metode Pembayaran
$intipay = $koneksi->query("SELECT * FROM tb_pembayaran WHERE
metode_pembayaran = 'Intipay'");
$bank = $koneksi->query("SELECT * FROM tb_pembayaran WHERE
metode_pembayaran = 'Bank'");
$pengadilan = $koneksi->query("SELECT * FROM tb_pembayaran WHERE
metode_pembayaran = 'Pengadilan'");
$jumlah_intipay = mysqli_num_rows($intipay);
$jumlah_bank = mysqli_num_rows($bank);
$jumlah_pengadilan = mysqli_num_rows($pengadilan);
//Jenis Kelamin
$lelaki = $koneksi->query("SELECT * FROM tb_pelanggaran WHERE jenis_kelamin =
'Laki-Laki'");
$perempuan = $koneksi->query("SELECT * FROM tb_pelanggaran WHERE
jenis_kelamin = 'Perempuan'");
$jumlah_lelaki = mysqli_num_rows($lelaki);
$jumlah_perempuan = mysqli_num_rows($perempuan);
?>
<div class="row">
<div class="col-lg-12">
<h1>Dashboard </h1>
<ol class="breadcrumb">
<li><i class="fa fa-home"></i> Dashboard</li>
</ol>
</div>
</div>

42 | I N T I P A Y
<div class="row">
<div class="panel panel-danger">
<div class="panel-heading">
<div class="row">
<div class="col-xs-6">
<i class="fa fa-times fa-5x"></i>
</div>
<div class="col-xs-6 text-right">

<p class="announcement-heading">24</p>
<p class="announcement-text">Pelanggaran</p>
</div>
</div>
</div>
<div class="panel-footer announcement-bottom">
<div class="row">
</div>
</div>
</div>
</div>
</a>
</div>
</div>
<div class="panel panel-primary">
<div class="row">
<i class="fa fa-male fa-5x"></i>
</div>

<p class="announcement-text">Petugas</p>
</div>
</div>
</div>
<div class="row">
</div>
43 | I N T I P A Y
</div>
</div>
</div>
</a>
</div>
</div>
<div class="panel panel-success">
<div class="row">
<i class="fa fa-map-marker fa-5x"></i>
</div>

<p class="announcement-text">Wilayah</p>
</div>
</div>
</div>
<div class="row">
</div>
</div>
</div>
</div>
</div>
</div>


<div class="panel panel-primary">
<h3 class="panel-title"><i class="fa fa-clock-o"></i> Riwayat
Aktivitas</h3>
</div>
<div class="panel-body">
<div class="list-group">
<a href="?page=daftartilang" class="list-group-item">
<span class="badge">Baru saja</span>
<i class="fa fa-male"></i> Feri Yunus menambah data pelanggar
</a>
<a href="?page=denda" class="list-group-item">
44 | I N T I P A Y
<span class="badge">10 minutes ago</span>
<i class="fa fa-plus"></i> Operator menambah data denda
</a>
<a href="?page=pembayaran" class="list-group-item">
<span class="badge">21 jam yang lalu</span>
<i class="fa fa-plus"></i> Operator menambah data pembayaran
</a>
<a href="?page=daftartilang" class="list-group-item">
<span class="badge">30 minutes ago</span>
<i class="fa fa-plus"></i> Antony salim menambah data pelanggar
</a>
<a href="?page=pembayaran" class="list-group-item">
<span class="badge">1 jam yang lalu</span>
<i class="fa fa-plus"></i> Operator menambah data pembayaran
</a>
<a href="#" class="list-group-item">
<span class="badge">2 hours ago</span>
<i class="fa fa-user"></i> Operator Login

</a>
<a href="#" class="list-group-item">
<span class="badge">yesterday</span>
<i class="fa fa-edit"></i> Operator mengedit data Pembayaran
</a>
</div>
<div class="text-right">
<a href="#">Lihat Semua Aktivitas <i class="fa fa-arrow-circle-
right"></i></a>
</div>
</div>
</div>
</div>


<iframe
src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3960.599018291
2606!2d107.60486761431733!3d-
6.93843286984748!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x2e68e63
a66953993%3A0x248047e0057191ae!2sPT%20Inti%20(Persero)!5e0!3m2!1sid!2sid!4
v1568652146498!5m2!1sid!2sid" width="820" height="460" frameborder="0"
style="border:0;" allowfullscreen=""></iframe>


45 | I N T I P A Y
src="https://www.gstatic.com/charts/loader.js"></script>
google.charts.load('current', {'packages':['corechart']});
google.charts.setOnLoadCallback(drawChart);
function drawChart() {
var data = google.visualization.arrayToDataTable([

['Nama Kendaraan', 'Jumlah'],
['Mobil', <?php echo $jumlah_mobil; ?>],
['Motor', <?php echo $jumlah_motor; ?>]
]);
var options = {
title: 'Jenis Kendaraan Pelanggar'
};
var chart = new

google.visualization.PieChart(document.getElementById('piechart'));
chart.draw(data, options);
}
</script>
<div id="piechart" style="width: 400px; height: 350px;"></div>
</div>
</div>


google.charts.load("current", {packages:["corechart"]});
['Metode Pembayaran', 'Jumlah'],
['Intipay', <?php echo $jumlah_intipay; ?>],
['Bank', <?php echo $jumlah_bank; ?>],
['Pengadilan', <?php echo $jumlah_pengadilan; ?>]
]);
46 | I N T I P A Y
var options = {
title: 'Metode Pembayaran Tilang',
is3D: true,
};
var chart = new

google.visualization.PieChart(document.getElementById('piechart_3d'));
}
</script>
<div id="piechart_3d" style="width: 400px; height: 350px;"></div>
</div>
</div>


google.charts.load("current", {packages:["corechart"]});
['Jenis Kelamin', 'Jumlah'],
['Laki-Laki', <?php echo $jumlah_lelaki; ?> ],
['Perempuan', <?php echo $jumlah_perempuan; ?> ]
]);
var options = {
title: 'Jenis Kelamin Pelanggar',
pieHole: 0.4,
};
var chart = new

google.visualization.PieChart(document.getElementById('donutchart'));
}
</script>
<div id="donutchart" style="width: 400px; height: 350px;"></div>
</div>
</div>
47 | I N T I P A Y
10. Tampilan Menu Denda
Lampiran 10. Tampilan Menu Denda

Denda.php
<?php
// koneksi ke database
$koneksi = mysqli_connect("localhost", "root", "", "db_etilang");

//ambil data dari tb_denda
$result = mysqli_query($koneksi,"SELECT * FROM tb_denda");
?>
<div class="row">
<h1>Tabel Denda</h1>
Dashboard</a></li>
<li class="active"><i class="fa fa-money"></i> Denda</li>
</ol>
</div>
</div>


<button type="button" class="btn btn-success" data-toggle="modal" data-
target="#tambah_denda"><i class="fa fa-plus"></i> Tambah Denda</button>
<br>
<form method="post" enctype="multipart/form-data">

<div id="tambah_denda" class="modal fade" role ="dialog">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss ="modal">×</button>
<h4 class="modal-title">Tambah Denda</h4>
<div class="modal-body">
<label for="id_denda">ID Denda</label>
<input type="numerik" class="form-control" name="id_denda"
placeholder="Masukan Id Denda">
</div>
48 | I N T I P A Y
<label for="pasal">Pasal</label>
<input type="text" class="form-control" name="pasal" placeholder="Masukan
Pasal ">
</div>
<label for="kendaraan">Kendaraan</label>
<input type="text" class="form-control" name="kendaraan"
placeholder="Masukan Kendaraan">
</div>
<label for="nominal_denda">Nominal Denda</label>
<input type="text" class="form-control" name="nominal_denda"
placeholder="Masukan Nominal Denda">
</div>
<div class="modal-footer">
<button type="submit" class="btn btn-success" name="tambah_denda"
value="Tambah">Simpan</button>
<button type="submit" class="btn btn-danger">Batal</button>
</div>
</div>
</form>
<?php
$id_denda = @$_POST['id_denda'];
$pasal = @$_POST['pasal'];
$kendaraan = @$_POST['kendaraan'];
$nominal_denda = @$_POST['nominal_denda'];
$tambah = @$_POST['tambah_denda'];
if(isset($tambah)) {
mysqli_query($koneksi, "INSERT INTO tb_denda
(id_denda,pasal,kendaraan,nominal_denda)
VALUES('$id_denda','$pasal','$kendaraan','$nominal_denda')");
}
?>
</div>
</div>
</div>
</div>
<br>

49 | I N T I P A Y
<div class="panel panel-default">
<span class="title"><b>Data Denda </b></span>
</div>
<div class="row">
<div class="table responsive">
<table class="table table-bordered table-hover table-stripped">
<thead>
<tr>
<th>No</th>
<th>ID Denda</th>
<th>Pasal</th>
<th>Kendaraan</th>
<th>Nominal Denda</th>
<th>Action</th>
</tr>
</thead>
<tbody>
<?php $i = 1; ?>
<?php while($row=mysqli_fetch_assoc($result)): ?>
<tr>
<td><?php echo $i; ?></td>
<td><?php echo $row["id_denda"]; ?></td>
<td><?php echo $row["pasal"]; ?></td>
<td><?php echo $row["kendaraan"]; ?></td>
<td><?php echo $row["nominal_denda"]; ?></td>
<td>


<label button type="submit" class="btn btn-info" data-toggle="modal" data-
target="#edit_denda" id="edit_denda&denda=<?php echo $row['id_denda']; ?>"><i
class="fa fa-edit"></i> Edit</label>


<a onclick="return confirm('Yakin ingin menghapus data?')"
href="?page=denda&action=hapus_denda&denda=<?php echo $row['id_denda'];
?>"><label button type="submit" class="btn btn-danger"><i class="fa fa-trash-
o"></i> Hapus</label></a>


<?php
$denda = @$_GET['denda'];
50 | I N T I P A Y
$query = mysqli_query($koneksi, "SELECT * FROM tb_denda WHERE id_denda =
'$denda'");
$data =mysqli_fetch_array($query);
?>
<form id="form" method="post" action="">
<div id="edit_denda" class="modal fade" role ="dialog">
<h4 class="modal-title">Edit Denda</h4>
<label for="id_denda">ID Denda</label>
<input type="numerik" class="form-control" name="id_denda" required=""
value="<?php echo $row['id_denda']; ?>" >
</div>
<input type="text" class="form-control" name="pasal" required="" value="<?php
echo $row['pasal']; ?>">
</div>
<label for="kendaraan">Kendaraan</label>
<input type="text" class="form-control" name="kendaraan" required=""
value="<?php echo $row['kendaraan']; ?>">
</div>
<label for="nominal_denda">Nominal Denda</label>
<input type="text" class="form-control" name="nominal_denda" required=""
value="<?php echo $row['nominal_denda']; ?>">
</div>
<button type="submit" class="btn btn-success" name="edit_denda"
value="Tambah">Edit</button>
</div>
</div>
</form>
<?php
$denda = @$_POST['id_denda'];
51 | I N T I P A Y
$kendaraan = @$_POST['kendaraan'];
$nominal_denda = @$_POST['nominal_denda'];
$edit_denda = @$_POST['edit_denda'];
if(isset($edit_denda)) {
mysqli_query($koneksi, "UPDATE tb_denda SET (id_denda='$denda',
pasal='$pasal', kendaraan='$kendaraan', nominal_denda='$nominal_denda' WHERE
id_denda='$denda')");
}
?>
</td>
</tr>
<?php $i++; ?>
<?php endwhile; ?>
</tbody>
</table>
</div>
</div>
11. Tampilan Menu Kendaraan
Lampiran 11. Tampilan Menu Kendaraan

Kendaraan.php
<?php
//ambil data dari tb_kendaraan

$result = mysqli_query($koneksi,"SELECT * FROM tb_kendaraan");
?>
<div class="row">
<h1>Tabel Kendaraan</h1>
Dashboard</a></li>
<li class="active"><i class="fa fa-truck"></i> Kendaraan</li>
</ol>
</div>
</div>
52 | I N T I P A Y
target="#tambah_kendaraan"><i class="fa fa-plus"></i> Tambah
Kendaraan</button>
<br>

<div id="tambah_kendaraan" class="modal fade" role ="dialog">
<h4 class="modal-title">Tambah Kendaraan</h4>
<label for="plat_nomer">Plat Nomer</label>
<input type="text" class="form-control" name="plat_nomer"
placeholder="Masukan Plat Nomer">
</div>
<label for="no_stnk">Nomor STNK</label>
<input type="text" class="form-control" name="no_stnk" placeholder="Masukan
Nama Kendaraan">
</div>
<label for="nama_kendaraan">Nama Kendaraan</label>
<input type="text" class="form-control" name="nama_kendaraan"
placeholder="Masukan Nama Kendaraan">
</div>
<label for="kategori_kendaraan">Kategori Kendaraan</label>
<input type="text" class="form-control" name="kategori_kendaraan"
placeholder="Masukan Kategori Kendaraan">
</div>
<button type="submit" class="btn btn-success" name="tambah_kendaraan"
</div>
</div>
</form>
<?php
53 | I N T I P A Y
$plat_nomer = @$_POST['plat_nomer'];
$no_stnk = @$_POST['no_stnk'];
$nama_kendaraan = @$_POST['nama_kendaraan'];
$kategori_kendaraan = @$_POST['kategori_kendaraan'];
$tambah_kendaraan = @$_POST['tambah_kendaraan'];
if(isset($tambah_kendaraan)) {
mysqli_query($koneksi, "INSERT INTO tb_kendaraan (plat_nomer,no_stnk,
nama_kendaraan,kategori_kendaraan)
VALUES('$plat_nomer','$no_stnk'
'$nama_kendaraan','$kategori_kendaraan')");
}
?>
</div>
</div>
</div>
</div>
<br>


<span class="title"><b>Data Kendaraan</b></span>
</div>
<div class="row">
<thead>
<tr>
<th>No</th>
<th>Plat Nomer </th>
<th>Nomor STNK</th>
<th>Nama Kendaraan</th>
<th>Kategori Kendaraan</th>
<th>Action</th>
</tr>
</thead>
<tbody>
<?php $i = 1; ?>
<?php while($data=mysqli_fetch_assoc($result)): ?>
<tr>
54 | I N T I P A Y
<td><?php echo $data["plat_nomer"]; ?></td>
<td><?php echo $data["no_stnk"]; ?></td>
<td><?php echo $data["nama_kendaraan"]; ?></td>
<td><?php echo $data["kategori_kendaraan"]; ?></td>
<td>

target="#edit_kendaraan" id="edit_kendaraan&platno=<?php echo
$data['plat_nomer']; ?>"><i class="fa fa-edit"></i> Edit</label>


href="?page=kendaraan&action=hapus_kendaraan&nostnk=<?php echo
$data['no_stnk']; ?>"><label button type="submit" class="btn btn-danger"><i
class="fa fa-trash-o"></i> Hapus</label></a>


<?php
$platno = @$_GET['platno'];
$query = mysqli_query($koneksi, "SELECT * FROM tb_kendaraan WHERE
plat_nomer = '$platno'");
$row =mysqli_fetch_array($query);
?>
<div id="edit_kendaraan" class="modal fade" role ="dialog">

<h4 class="modal-title">Edit Kendaraan</h4>

<div class="modal-body" id="modal-edit">
<label for="plat_nomer">Plat Nomer</label>
<input type="text" class="form-control" name="plat_nomer" value="<?php echo
$data["plat_nomer"]; ?>" required>
</div>
<label for="no_stnk">Nomor STNK</label>
<input type="text" class="form-control" name="no_stnk" value="<?php echo
$data["no_stnk"]; ?>" required >
</div>
55 | I N T I P A Y
<label for="nama_kendaraan">Nama Kendaraan</label>
<input type="text" class="form-control" name="nama_kendaraan" value="<?php
echo $data["nama_kendaraan"]; ?>"required>
</div>
<label for="kategori_kendaraan">Kategori Kendaraan</label>
<input type="text" class="form-control" name="kategori_kendaraan"
value="<?php echo $data["kategori_kendaraan"]; ?>" required>
</div>
<button type="submit" class="btn btn-success" name="edit_kendaraan"
</div>
</div>
</form>
<?php
$plat_nomer = @$_POST['plat_nomer'];
$no_stnk = @$_POST['no_stnk'];
$nama_kendaraan = @$_POST['nama_kendaraan'];
$kategori_kendaraan = @$_POST['kategori_kendaraan'];
$edit_kendaraan = @$_POST['edit_kendaraan'];
if(isset($edit_kendaraan)) {
mysqli_query($koneksi, "UPDATE tb_kendaraan SET (plat_nomer='$platno',
no_stnk='$no_stnk',
nama_kendaraan='$nama_kendaraan',kategori_kendaraan='$kategori_kendaraan'
WHERE plat_nomer='$platno')");
}
?>
</td>
</tr>
<?php $i++; ?>
<?php endwhile; ?>
</tbody>
</table>
</div>
</div>
56 | I N T I P A Y
12. Tampilan Menu Pasal
Lampiran 12. Tampilan Menu Pasal

Pasal.php
<?php
//ambil data dari tb_pasal

$result = mysqli_query($koneksi,"SELECT * FROM tb_pasal");
?>
<div class="row">
<h1>Tabel Pasal</h1>
Dashboard</a></li>
<li class="active"><i class="fa fa-book"></i> Pasal</li>
</ol>
</div>
</div>

target="#tambah_pasal"><i class="fa fa-plus"></i> Tambah Pasal</button>
<br>
<div id="tambah_pasal" class="modal fade" role ="dialog">

<h4 class="modal-title">Tambah Pasal</h4>
<input type="text" class="form-control" name="pasal" placeholder="Masukan
Pasal">
</div>
<label for="nama_pasal">Nama Pasal</label>
57 | I N T I P A Y
<input type="text" class="form-control" name="nama_pasal"
placeholder="Masukan Nama Pasal ">
</div>
<label for="detail_pasal">Detail Pasal</label>
<textarea class="form-control" name="detail_pasal" placeholder="Masukan Detail
Pasal"></textarea>
</div>
<label for="tahun">Tahun</label>
<input type="numerik" class="form-control" name="tahun"
placeholder="Masukan Tahun">
</div>
<button type="submit" class="btn btn-success" name="tambah_pasal"
</div>
</div>
</form>
<?php
$nama_pasal = @$_POST['nama_pasal'];
$detail_pasal = @$_POST['detail_pasal'];
$tahun = @$_POST['tahun'];
$tambah_pasal = @$_POST['tambah_pasal'];
if(isset($tambah_pasal)) {
mysqli_query($koneksi, "INSERT INTO tb_pasal
(pasal,nama_pasal,detail_pasal,tahun)
VALUES('$pasal','$nama_pasal','$detail_pasal','$tahun')");
}
?>
</div>
</div>
</div>
</div>
<br>


<span class="title"><b>Data Pasal</b></span>
58 | I N T I P A Y
</div>
<div class="row">
<thead>
<tr>
<th>Pasal</th>
<th>Nama Pasal</th>
<th>Detail Pasal</th>
<th>Tahun</th>
<th>Action</th>
</tr>
</thead>
<tbody>
<?php $i = 1; ?>
<tr>
<td><?php echo $row["pasal"]; ?></td>
<td><?php echo $row["nama_pasal"]; ?></td>
<td><?php echo $row["detail_pasal"]; ?></td>
<td><?php echo $row["tahun"]; ?></td>
<td>

target="#edit_pasal" id="edit_pasal&idpas=<?php echo $row['pasal']; ?>"><i
class="fa fa-edit"></i> Edit</label>


href="?page=pasal&action=hapus_pasal&idpas=<?php echo $row['pasal'];


<div id="edit_pasal" class="modal fade" role ="dialog">
<h4 class="modal-title">Edit Pasal</h4>
59 | I N T I P A Y
<input type="text" class="form-control" name="pasal" value="<?php echo
$row["pasal"]; ?>">
</div>
<label for="nama_pasal">Nama Pasal</label>
<input type="text" class="form-control" name="nama_pasal"
placeholder="Masukan Nama Pasal " value="<?php echo $row["nama_pasal"]; ?>">
</div>
<label for="detail_pasal">Detail Pasal</label>
<textarea class="form-control" name="detail_pasal" value="<?php echo
$row["detail_pasal"]; ?>"></textarea>
</div>
<label for="tahun">Tahun</label>
<input type="numerik" class="form-control" name="tahun" value="<?php echo
$row["tahun"]; ?>">
</div>
<button type="submit" class="btn btn-success" name="edit_pasal"
<button type="Reset" class="btn btn-danger">Reset</button>
</div>
</div>
</form>
<?php
$nama_pasal = @$_POST['nama_pasal'];
$detail_pasal = @$_POST['detail_pasal'];
$tahun = @$_POST['tahun'];
$edit_pasal = @$_POST['edit_pasal'];
if(isset($edit_pasal)) {
mysqli_query($koneksi, "UPDATE tb_pasal SET (pasal='$idpas',
nama_pasal='$nama_pasal', detail_pasal='$detail_pasal', tahun='$tahun' WHERE
pasal='$idpas')");
}
?>
</td>
</tr>
<?php $i++; ?>
60 | I N T I P A Y
<?php endwhile; ?>
</tbody>
</table>
</div>
</div>
13. Tampilan Menu Pembayaran
Lampiran 13. Tampilan Menu Pembayaran

Pembayaraan.php
<?php
//ambil data dari tb_pembayaran

$result = mysqli_query($koneksi,"SELECT * FROM tb_pembayaran");
?>
<div class="row">
<h1>Tabel Pembayaran</h1>
Dashboard</a></li>
<li class="active"><i class="fa fa-money"></i> Pembayaran</li>
</ol>
</div>
</div>

target="#tambah_pembayaran"><i class="fa fa-plus"></i> Tambah
Pembayaran</button>
<br>

<div id="tambah_pembayaran" class="modal fade" role ="dialog">
<h4 class="modal-title">Tambah Pembayaran</h4>
61 | I N T I P A Y
<label for="kode_pembayaran">Kode Pembayaran</label>
<input type="text" class="form-control" nama="kode_pembayaran"
placeholder="Masukan Kode Pembayaran">
</div>
<label for="nrt">NRT</label>
<input type="text" class="form-control" nama="nrt" placeholder="Masukan
NRT">
</div>
<label>Metode Pembayaran</label>
<select name="metode_pembayaran">
<option value="none">---</option>
<option value="Intipay">Intipay</option>
<option value="Bank">Bank</option>
<option value="Pengadilan">Pengadilan</option>
</select>
</div>
<label for="jumlah">Jumlah</label>
<input type="text" class="form-control" name="jumlah" placeholder="Masukan
Jumlah">
</div>
<label>Status Pembayaran</label>
<select name="status">
<option value="Lunas">Lunas</option>
<option value="Belum Lunas">Belum Lunas</option>
</select>
</div>
<button type="submit" class="btn btn-success" name="tambah_pembayaran"
</div>
</div>
</form>
<?php
$kode_pembayaran = @$_POST['kode_pembayaran'];
$nrt = @$_POST['nrt'];
62 | I N T I P A Y
$metode_pembayaran = @$_POST['metode_pembayaran'];
$jumlah = @$_POST['jumlah'];
$status = @$_POST['status'];
$tambah_pembayaran = @$_POST['tambah_pembayaran'];
if(isset($tambah_pembayaran)) {
mysqli_query($koneksi, "INSERT INTO tb_pembayaran (kode_pembayaran,
nrt, metode_pembayaran, jumlah, status
)
VALUES('$kode_pembayaran','$nrt','$metode_pembayaran','$jumlah','$status')");
}
?>
</div>
</div>
</div>
</div>
<br>

<span class="title"><b>Data Pembayaran</b></span>
</div>
<div class="row">
<thead>
<tr>
<th>No</th>
<th>Kode Pembayaran</th>
<th>NRT</th>
<th>Metode Pembayaran</th>
<th>Jumlah</th>
<th>Status</th>
<th>Action</th>
</tr>
</thead>
<tbody>
<?php $i = 1; ?>
<tr>
63 | I N T I P A Y
<td><?php echo $row["kode_pembayaran"]; ?></td>
<td><?php echo $row["nrt"]; ?></td>
<td><?php echo $row["metode_pembayaran"]; ?></td>
<td><?php echo $row["jumlah"]; ?></td>
<td><?php echo $row["status"]; ?></td>
<td>

target="#edit_pembayaran" ><i class="fa fa-edit" data-kode="<?php echo
$row['kode_pembayaran']; ?>" data-nrt="<?php echo $row['nrt']; ?>" data-
metode="<?php echo $row['metode_pembayaran']; ?>" data-jumlah="<?php echo
$row['jumlah']; ?>" data-status="<?php echo $row['status']; ?>"></i> Edit</label>


href="?page=pembayaran&action=hapus_pembayaran&kode=<?php echo
$row['kode_pembayaran']; ?>"><label button type="submit" class="btn btn-
danger"><i class="fa fa-trash-o"></i> Hapus</label></a>


<div id="edit_pembayaran" class="modal fade" role ="dialog">
<h4 class="modal-title">Edit Pembayaran</h4>
<label for="kode_pembayaran">Kode Pembayaran</label>
<input type="text" class="form-control" nama="kode_pembayaran"
placeholder="Masukan Kode Pembayaran">
</div>
<label for="nrt">NRT</label>
<input type="text" class="form-control" nama="nrt" placeholder="Masukan
NRT">
</div>
<label>Metode Pembayaran</label>
<select name="metode_pembayaran">
64 | I N T I P A Y
<option value="Intipay">Intipay</option>
<option value="Bank">Bank</option>
<option value="Pengadilan">Pengadilan</option>
</select>
</div>
<label for="jumlah">Jumlah</label>
<input type="text" class="form-control" name="jumlah" placeholder="Masukan
Jumlah">
</div>
<label>Status Pembayaran</label>
<select name="status">
<option value="Lunas">Lunas</option>
<option value="Belum Lunas">Belum Lunas</option>
</select>
</div>
<button type="submit" class="btn btn-success" name="edit_pembayaran"
</div>
</div>
</form>
</td>
</tr>
<?php $i++; ?>
<?php endwhile; ?>
</tbody>
</table>
</div>
</div>
65 | I N T I P A Y
14. Tampilan Menu Petugas
Lampiran 14. Tampilan Menu Petugas

Petugas.php
<?php
//ambil data dari tb_petugas

$result = mysqli_query($koneksi,"SELECT * FROM tb_petugas");
?>
<div class="row">
<h1>Tabel Petugas</h1>
Dashboard</a></li>
<li class="active"><i class="fa fa-user"></i>Petugas</li>
</ol>
</div>
</div>

target="#tambah_petugas"><i class="fa fa-plus"></i> Tambah Petugas</button>
<br>

<div id="tambah_petugas" class="modal fade" role ="dialog">
<h4 class="modal-title">Tambah Petugas</h4>
<label for="id_petugas">ID Petugas</label>
<input type="numerik" class="form-control" name="id_petugas"
placeholder="Masukan ID Petugas">
</div>
66 | I N T I P A Y
<label for="nama_petugas">Nama Petugas</label>
<input type="text" class="form-control" name="nama_petugas"
placeholder="Masukan Nama Petugas">
</div>
<label for="jabatan">Jabatan</label>
<input type="text" class="form-control" name="jabatan" placeholder="Masukan
Jabatan">
</div>
<label for="status_kepolisian">Status Kepolisian</label>
<input type="text" class="form-control" name="status_kepolisian"
placeholder="Masukan Daerah">
</div>
<button type="submit" class="btn btn-success" name="tambah_petugas"
</div>
</div>
</form>
<?php
$id_petugas = @$_POST['id_petugas'];
$nama_petugas = @$_POST['nama_petugas'];
$jabatan= @$_POST['jabatan'];
$status_kepolisian = @$_POST['status_kepolisian'];
$tambah_petugas = @$_POST['tambah_petugas'];
if(isset($tambah_petugas)) {
mysqli_query($koneksi, "INSERT INTO tb_petugas
(id_petugas,nama_petugas,jabatan,status_kepolisian)
VALUES('$id_petugas','$nama_petugas','$jabatan','$status_kepolisian')");
}
?>
</div>
</div>
</div>
</div>
<br>
67 | I N T I P A Y

<span class="title"><b>Data Petugas</b></span>
</div>
<div class="row">
<thead>
<tr>
<th>No</th>
<th>ID Petugas </th>
<th>Nama Petugas</th>
<th>Jabatan</th>
<th>Status Kepolisian</th>
<th>Action</th>
</tr>
</thead>
<tbody>
<?php $i = 1; ?>
<tr>
<td><?php echo $row["id_petugas"]; ?></td>
<td><?php echo $row["nama_petugas"]; ?></td>
<td><?php echo $row["jabatan"]; ?></td>
<td><?php echo $row["status_kepolisian"]; ?></td>
<td>

target="#edit_petugas" ><i class="fa fa-edit" data-id="<?php echo
$row['id_petugas']; ?>" data-nm="<?php echo $row['nama_petugas']; ?>" data-
jabatan="<?php echo $row['jabatan']; ?>" data-stat="<?php echo
$row['status_kepolisian']; ?>"></i> Edit</label>


href="?page=petugas&action=hapus_petugas&idp=<?php echo $row['id_petugas'];


68 | I N T I P A Y
<div id="edit_petugas" class="modal fade" role ="dialog">
<h4 class="modal-title">Edit Petugas</h4>
<label for="id_petugas">ID Petugas</label>
<input type="numerik" class="form-control" name="id_petugas"
placeholder="Masukan ID Petugas">
</div>
<label for="nama_petugas">Nama Petugas</label>
<input type="text" class="form-control" name="nama_petugas"
placeholder="Masukan Nama Petugas">
</div>
<label for="jabatan">Jabatan</label>
<input type="text" class="form-control" name="jabatan" placeholder="Masukan
Jabatan">
</div>
<label for="status_kepolisian">Status Kepolisian</label>
<input type="text" class="form-control" name="status_kepolisian"
placeholder="Masukan Daerah">
</div>
<button type="submit" class="btn btn-success" name="edit_petugas"
</div>
</div>
</form>
</td>
</tr>
<?php $i++; ?>
<?php endwhile; ?>
</tbody>
69 | I N T I P A Y
</table>
</div>
</div>
15. Tampilan Menu Wilayah
Lampiran 15. Tampilan Menu Wilayah

Wilayah.php
<?php

//ambil data dari tb_wilayah
$result = mysqli_query($koneksi,"SELECT * FROM tb_wilayah");
?>
<div class="row">
<h1>Tabel Wilayah</h1>
Dashboard</a></li>
<li class="active"><i class="fa fa-globe"></i>Wilayah</li>
</ol>
</div>
</div>

target="#tambah_wilayah"><i class="fa fa-plus"></i> Tambah Wilayah</button>
<br>

<div id="tambah_wilayah" class="modal fade" role ="dialog">
<h4 class="modal-title">Tambah Wilayah</h4>
<label for="nama_wilayah">Nama Wilayah</label>
70 | I N T I P A Y
<input type="text" class="form-control" name="nama_wilayah"
placeholder="Masukan Nama Wilayah">
</div>
<label for="satuan_kepolisian">Satuan Kepolisian</label>
<input type="text" class="form-control" name="satuan_kepolisian"
placeholder="Masukan Satuan">
</div>
<label for="latitude">Latitude </label>
<input type="text" class="form-control" name="latitude" placeholder="Masukan
Latitude">
</div>
<label for="longitude">Longitude</label>
<input type="text" class="form-control" name="longitude" placeholder="Masukan
Longitude">
</div>
<label for="kode_pos">Kode Pos</label>
<input type="text" class="form-control" name="kode_pos" placeholder="Masukan
Kantor Pos">
</div>
<button type="submit" class="btn btn-success" name="tambah_wilayah"
<button type="submit" class="btn btn-danger">Edit</button>
</div>
</div>
</form>
<?php
$nama_wilayah = @$_POST['nama_wilayah'];
$satuan_kepolisian = @$_POST['satuan_kepolisian'];
$latitude = @$_POST['latitude'];
$longitude = @$_POST['longitude'];
$kode_pos = @$_POST['kode_pos'];
$tambah_wilayah = @$_POST['tambah_wilayah'];
if(isset($tambah_wilayah)) {
mysqli_query($koneksi, "INSERT INTO tb_wilayah (nama_wilayah,
satuan_kepolisian, latitude, longitude, kode_pos) VALUES('$nama_wilayah',
71 | I N T I P A Y
'$satuan_kepolisian', '$latitude', '$longitude', '$kode_pos')");
}
?>
</div>
</div>
</div>
</div>
<br>


<span class="title"><b>Data Wilayah</b></span>
</div>
<div class="row">
<thead>
<tr>
<th>No</th>
<th>Nama Wilayah</th>
<th>Satuan Kepolisian</th>
<th>Latitude</th>
<th>Longitude</th>
<th>Kantor Pos</th>
<th>Action</th>
</tr>
</thead>
<tbody>
<?php $i = 1; ?>
<tr>
<td><?php echo $row["nama_wilayah"]; ?></td>
<td><?php echo $row["satuan_kepolisian"]; ?></td>
<td><?php echo $row["latitude"]; ?></td>
<td><?php echo $row["longitude"]; ?></td>
<td><?php echo $row["kode_pos"]; ?></td>
<td>

target="#edit_wilayah" ><i class="fa fa-edit" data-namwil="<?php echo
72 | I N T I P A Y
$row['nama_wilayah']; ?>" data-satpol="<?php echo $row['satuan_kepolisian']; ?>"
data-lat="<?php echo $row['latitude']; ?>" data-long="<?php echo $row['longitude'];
?>" data-kode="<?php echo $row['kode_pos']; ?>"></i> Edit</label>


href="?page=wilayah&action=hapus_wilayah&lat=<?php echo $row['latitude'];


<div id="edit_wilayah" class="modal fade" role ="dialog">
<h4 class="modal-title">Edit Wilayah</h4>
<label for="nama_wilayah">Nama Wilayah</label>
<input type="text" class="form-control" name="nama_wilayah"
placeholder="Masukan Nama Wilayah">
</div>
<label for="satuan_kepolisian">Satuan Kepolisian</label>
<input type="text" class="form-control" name="satuan_kepolisian"
placeholder="Masukan Satuan">
</div>
<label for="latitude">Latitude </label>
<input type="text" class="form-control" name="latitude" placeholder="Masukan
Latitude">
</div>
<label for="longitude">Longitude</label>
<input type="text" class="form-control" name="longitude" placeholder="Masukan
Longitude">
</div>
<label for="kode_pos">Kode Pos</label>
73 | I N T I P A Y
<input type="text" class="form-control" name="kode_pos" placeholder="Masukan
Kantor Pos">
</div>
<button type="submit" class="btn btn-success" name="edit_wilayah"
</div>
</div>
</form>
</td>
</tr>
<?php $i++; ?>
<?php endwhile; ?>
</tbody>
</table>
</div>
</div>
16. Tampilan Sistem User
Lampiran 16. Tampilan Sistem User

Sistemuser.php
<?php
//ambil data dari tb_user

$hasil = mysqli_query($koneksi,"SELECT nama, email, username, role FROM
tb_user");
?>
<div class="row">
<h1>User Manajemen</h1>
Dashboard</a></li>
<li class="active"><i class="fa fa-users"></i> User Manajemen</li>
<li class="active"><i class ="fa fa-check-square-o"></i> Menu Manajemen</li>
</ol>
</div>
</div>
74 | I N T I P A Y
target="#tambah_user"><i class="fa fa-plus"></i> Tambah User</button>
<br>

<div id="tambah_user" class="modal fade" role ="dialog">
<h4 class="modal-title">Tambah User</h4>
<label for="nama">Nama Lengkap</label>
<input type="text" class="form-control" name="nama" placeholder="Masukan
Nama">
</div>
<label for="email">Email</label>
<input type="email" class="form-control" name="email" placeholder="Masukan
Email">
</div>
<label for="username">Username</label>
<input type="text" class="form-control" name="username"
placeholder="Masukan Username">
</div>
<label for="password">Password</label>
<input type="password" class="form-control" name="password"
placeholder="Masukan Password">
</div>
<label>User Role</label>
<select name="role">
<option value="Admin">Admin</option>
<option value="Operator">Operator</option>
<option value="Petugas">Petugas</option>
</select>
</div>
75 | I N T I P A Y
<button type="submit" class="btn btn-success" name="tambah_user"
</div>
</div>
</form>
<?php
$nama = @$_POST['nama'];
$email = @$_POST['email'];
$username = @$_POST['username'];
$password = @$_POST['password'];
$role = @$_POST['role'];
$tambah_user = @$_POST['tambah_user'];
if(isset($tambah_user)) {
mysqli_query($koneksi, "INSERT INTO tb_user
(nama,email,username,password,role)
VALUES('$nama','$email','$username','$password','$role')");
}
?>
</div>
</div>
</div>
</div>
<br>

<span class="title"><b>Data User </b></span>
</div>
<div class="row">
<div class="col-md-12">
<table class="table table-bordered table-hover table-stripped" id="data_user">
<thead>
<tr>
<th>No</th>
<th>Nama Lengkap</th>
<th>E-mail</th>
<th>Username</th>
<th>Role</th>
76 | I N T I P A Y
<th>Action</th>
</tr>
</thead>
<tbody>
<?php $i = 1; ?>
<?php while($row=mysqli_fetch_assoc($hasil)): ?>
<tr>
<td><?php echo $row["nama"]; ?></td>
<td><?php echo $row["email"]; ?></td>
<td><?php echo $row["username"]; ?></td>
<td><?php echo $row["role"]; ?></td>
<td>

target="#edit_user" ><i class="fa fa-edit" data-nama="<?php echo $row['nama'];
?>" data-email="<?php echo $row['email']; ?>" data-username="<?php echo
$row['username']; ?>" data-pass="<?php echo $row['password']; ?>" data-
role="<?php echo $row['role']; ?>"></i> Edit</label>


href="?page=sistemuser&action=hapus_sistemuser&uname=<?php echo
$row['username']; ?>"><label button type="submit" class="btn btn-danger"><i
class="fa fa-trash-o"></i> Hapus</label></a>


<div id="edit_user" class="modal fade" role ="dialog">
<h4 class="modal-title">Edit User</h4>
<label for="nama">Nama Lengkap</label>
<input type="text" class="form-control" name="nama" placeholder="Masukan
Nama">
</div>
<label for="email">Email</label>
<input type="email" class="form-control" name="email" placeholder="Masukan
77 | I N T I P A Y
Email">
</div>
<label for="username">Username</label>
<input type="text" class="form-control" name="username"
placeholder="Masukan Username">
</div>
<label for="password">Password</label>
<input type="password" class="form-control" name="password"
placeholder="Masukan Password">
</div>
<label>User Role</label>
<select name="role">
<option value="Admin">Admin</option>
<option value="Operator">Operator</option>
<option value="Petugas">Petugas</option>
</select>
</div>
<button type="submit" class="btn btn-success" name="edit_user"
</div>
</div>
</form>
</td>
</tr>
<?php $i++; ?>
<?php endwhile; ?>
</tbody>
</table>
</div>
</div>
78 | I N T I P A Y

Lapotan Tim Intipay

Diunggah oleh

Informasi Dokumen

Hak Cipta

Format Tersedia

Bagikan dokumen Ini

Bagikan atau Tanam Dokumen

Opsi Berbagi

Apakah menurut Anda dokumen ini bermanfaat?

Apakah konten ini tidak pantas?

Hak Cipta:

Format Tersedia

Lapotan Tim Intipay

Diunggah oleh

Hak Cipta:

Format Tersedia

LAPORAN PRAKTIK KERJA LAPANGAN / KERJA

SOLUSI PEMBAYARAN E-TILANG DENGAN PERANGKAT

Adelia Vega Putri 16102073

Bandung, 26 September 2019

INTIPAY merupakan perangkat yang terintegrasi dengan aplikasi berbasis android

Kata Kunci: E-KTP Reader, E-Tilang, Fingerprint, INTIPAY, Mobile Printer,

KATA PENGANTAR ........................................................................................................ ii

Gambar 1.1 Struktur Organisasi PT. INTI .......................................................................... 4

Lampiran 1. Tampilan Admin ........................................................................................... 27

DDS = Defense Digital Service

API = Application Programming Interface

OPEX = Operational Expenditure

ICT = Information and Communication Technologies

AES = Advanced Encryption Standard

VMS = Variable Message Sign

SPMS = Sparelog Management Services

SMS = Short Message Service

SQL = Structured Query Language

PHP = Personal Home Page

1.1 Latar Belakang Masalah

1.2 Rumusan Masalah

1.6 Visi Misi dan Kelembagaan

Gambar 1.1 Struktur Organisasi PT. INTI

1.7 Metode Penulisan Laporan

1.8 Sistematika Penulisan Laporan

2.1.1 Profil PT INTI

2.1.2 Produk-Produk PT INTI

2.4 Payment Gateway

2.8 E-KTP Reader

Gambar 2.1 Simbol-simbol Flow Chart

3.1 Tahap Analisis

Gambar 3.1 Skenario Proses E-Tilang

3.2 Tahap Desain

Gambar 3.3 Tampilan Menu Login

Gambar 3.4 Tampilan Menu Registrasi

Gambar 3.5 Dashboard Sistem Monitoring E-tilang

Gambar 3.7 Tampilan User Management

Gambar 3.8 Tampilan Menu Pembayaran

Gambar 3.9 Tampilan Menu Denda

Gambar 3.10 Tampilan Menu Pasal

Gambar 3.11 Tampilan Menu Kendaraan

Gambar 3.12 Tampilan Menu Petugas

Gambar 3.13 Tampilan Menu Wilayah

3.3 Tahap Pengujian

Lampiran 1. Tampilan Admin

<div class="collapse navbar-collapse navbar-ex1-collapse">

if(@$_GET['page'] == 'dashboard' || @$_GET['page'] == '') {

</div>

</div>

Lampiran 2. Tampilan Login

<meta name="viewport" content="width=device-width, initial-scale=1">

<h4 class="card-title text-dark"> </h4>

Lampiran 3. Proses Logout

4. Tampilan Login Operator

Lampiran 4. Tampilan Login Operator

<div class="collapse navbar-collapse navbar-ex1-collapse">

if(@$_GET['page'] == 'dashboard' || @$_GET['page'] == '') {