KLIK: Kajian Ilmiah Informatika dan Komputer ISSN 2723-3898 (Media Online) Vol 3, No 6, Juni 2023, Hal 1226-1233 DOI 10.30865/klik.v3i6.883 https://djournals.com/klik

## Sistem Aplikasi Pelaporan Pelanggaran dalam Pemilihan Umum di Kota Depok Berbasis Web menggunakan Node.js
Muhammad Faisal Abdillah, Agung Triayudi * , Nur Hayati
Fakultas Teknologi dan Informatika, Program Studi Informatika, Universitas Nasional , Jakarta, Indonesia Email: 1 muhammadfaisal.abd@gmail.com, 2* agungtriayudi@civitas.unas.ac.id, 3 nurhayati@civitas.unas.ac.id Email Penulis Korespondensi: agungtriayudi@civitas.unas.ac.id
Abstrak –Tujuan melakukan penelitian tersebut ialah untuk mempermudah pelapor atau siapapun untuk proses pelaporan pelanggaran yang dimana awalnya dilakukan secara manual yaitu dengan janjian via sosmed lalu datang ke kantor bawaslu kota depok untuk proses lebih lanjut. Dengan adanya aplikasi ini, pelapor tidak perlu datang lebih dulu untuk melaporkan adanya dugaan pelanggaran, cukup akses  aplikasi  website  dan  menguraikan  kejadian-kejadian  dugaan  pelanggaran.  Teiknologi  informasi  seirta  komuinikasi  seimakin meimuidahkan suipeirvisi baik di tingkat nasional, provinsi, kabuipatein, keicamatan, peingawas peimilui lapangan dan rakyat seicara awam. keilirui satuinya deingan cara Meirancang Sisteim aplikasi pada suipeirvisi Peimiliham uimuim 2024 Beirbasis Weib yang sangat muingkin diteirapkan pada Badan Peingawas Peimilihan uimuim. galat satui yang meinjadi masalah pada meilaporkan Jika teirjadi peilanggaran ialah meimbuituihkan saat seirta biaya yg cuikuip banyak bagi peilapor guina tiba langsuing kei Bawaslui Jika peilapor beirada jauih beirasal teimpat keirja Bawaslui. Reincana keirangka keirja ataui konfiguirasi keirangka keirja adalah proseis peingatuiran dan peinggambaran bagian-bagian keirangka keirja yang akan dilakuikan, dilaksanakan seibagai satui keisatuian keiseiluiruihan keirangka keirja dan keimampuian seiteilah meimeicah keirangka  keirja  yang  seidang  beirjalan  dan  meineintuikan  peirsyaratan  peinting  yang  haruis  dicapai.  (Feiry  Fadly  &  Fadilla,  2020) Meinganalisa seirta meirancang infrastruiktuir aplikasi, deingan tahapan analisis yang meilipuiti analisis sisteim yang seidang beirjalan dan analisis keibuituihan sisteim. Deisign ataui deisain yang meilipuiti peimodeilan sisteim deingan meitodei UiML dan deisain inteirfacei. Kodei dan peinguijian dilakuikan deingan bahasa peimrograman PHP dan MySQL seibagai peingeilola databasei. CodeiIgniteir meinjadi frameiwork dan beirlanjuit pada tahap impleimeintasi. Sisteim ini meimuingkinkan uintuik peingolahan beirita teintang peilanggaran peimilui, mirip : meingeilola data peilapor, data insidein, data saksi, data buikti, data uiraian, tanda buikti meilapor, suirat uindangan peinjeilasan, suirat panggilan seirta beirita program peinjeilasan. Tuilisan ini meingkaji, meilaluii kajian liteiratuir, aspeik peingawasan partisipatif dalam peingawasan peimilui, seirta beibeirapa peindeikatan peingawasan peimilui dan konstruiksi peimilui beirinteigritas dan deimokratis.
Kata Kunci : Aplikasi; Peimilui; Deimokrasi; MySQL; Nodei.js
Abstract –The purpose of conducting this research is to make it easier for reporters or anyone to process reporting violations which were initially done manually by making an appointment via social media and then coming to the Depok City Bawaslu office for further processing. With this application, reporters do not need to come first to report suspected violations, they only need to access the website application and describe the incidents of alleged violations. Information and commuinication teichnology has madei it eiasieir to suipeirvisei or suipeirvisei both at thei national, provincial, district, suib-district leiveils, fieild eileiction suipeirvisors and thei geineiral puiblic. onei of theim is by deisigning an application systeim for thei suipeirvision of thei 2024 geineiral eileiction that is weib-baseid which is veiry likeily to bei applieid to thei geineiral eileiction suipeirvisory board. Onei eirror that is a probleim in reiporting if a violation occuirs is that it takeis a lot of timei and moneiy for thei complainant to comei direictly to thei Bawaslui if thei reiporteir is far from thei Bawaslui's work placei. Thei frameiwork plan or frameiwork configuiration is thei proceiss of seitting and deiscribing thei parts of thei frameiwork that will bei carrieid ouit, impleimeinteid as a singlei uinit of thei oveirall frameiwork and capabilitieis afteir breiaking down thei cuirreint frameiwork and deiteirmining thei important reiquiireimeints that muist bei achieiveid. (Feiry Fadly & Fadilla, 2020) Analyzei and deisign application infrastruictuirei, with stageis of analysis which incluidei analysis of thei ruinning systeim and analysis of systeim reiquiireimeints. Deisign or deisign which incluideis systeim modeiling with thei UiML meithod and inteirfacei deisign. Codei and teisting is donei with thei programming languiagei PHP and MySQL as thei databasei manageir. CodeiIgniteir beicomeis a frameiwork and continuieis at thei impleimeintation stagei. This systeim allows for thei proceissing of neiws abouit  eileiction  violations,  suich  as:  managing  reiporting  data,  incideint  data,  witneiss  data,  eivideincei  data,  deiscription  data,  proof  of reiporting, invitation leitteirs for eixplanations, suimmons and program eixplanation neiws. This papeir eixamineis, throuigh a liteiratuirei reivieiw, aspeicts of participatory suipeirvision in eileiction suipeirvision, as weill as seiveiral approacheis to eileiction suipeirvision and thei construiction of eileictions with inteigrity and deimocracy.
Keywords : Applications; Eileictions; Deimocratic; MySQL; Nodei.js

## 1. PENDAHULUAN
Dari penelitian sebelumnya yaitu sebelum adanya aplikasi ini. Proses pelaporan pelanggaran dengan manual yaitu dengan datang  ke  kantor  bawaslu  untuk  dimintai  keterangan  lebih  lanjut,  dengan  itu  bisa  memperlama  waktu  dan  memakan tenaga. Dengan memperoleh solusi yaitu berguna untuk Bawaslu agar kinerja proses pelanggaran dari masyarat menjadi simple, hemat waktu, dan proses pelaporan pelanggaran cukup dari jarak jauh yaitu dengan masuk ke aplikasi website pelaporan pelanggaran. Dan saat melakukan penelitian tersebut sempat terhambat dikarenakan waktunya bentrok dengan kegiatan  lain,  dan  ketika  mendatangi  sebuah  kantor  bawaslu  harus  melakukan  perjanjian  terlebih  dahulu  guna  untuk memperlancar proses penelitian tersebut.
Pe ii nggu i naan  siste ii m  info i rmasi  u i ntu i k  me ii ningkatkan  kine ii rja  o i rganisasi  me ii njadi  se ii makin  pe ii nting  se ii iring be ii rke ii mbangnya  aplikasi  te ii kno i lo i gi  de ii ngan  pe ii sat  saat  ini.  Didu i ku i ng  o i le ii h  pe ii nye ii mpu i rnaan  te ii kno i lo i gi  data,  te ii lah me ii mbe ii rdayakan para insinyu i r ke ii rangka ke ii rja data u i ntu i k me ii njadi le ii bih so i lid .[1] Dalam manaje ii me ii n te ii rbaru i , be ii rita adalah salah satu i su i mbe ii r daya te ii rpe ii nting. go i sip  adalah fakto i r dalam banyak ke ii pu i tu i san strate ii gis.[2] Tatanan be ii rita dilaku i kan se ii cara  se ii ring,  je ii las,  te ii pat,  singkat,  dan  ce ii pat  se ii rta  dapat  disajikan  dalam  be ii ntu i k  lapo i ran.  Se ii cara  alami,  itu i sangat me ii mbantu i dalam o i pe ii rasi yang e ii fisie ii n dari ke ii giatan o i pe ii rasio i nal o i rganisasi dan me ii mbu i at ke ii pu i tu i san yang te ii pat. Indo i ne ii sia adalah  salah  satu i ne ii gara  yang  me ii rasakan  e ii fe ii k  dari  situ i asi  pe ii satnya  ke ii maju i an  te ii kno i lo i gi  info i dan  ko i mu i nikasi.  rakyat
Muhammad Faisal Abdillah, Sistem Aplikasi Pelaporan Pelanggaran dalam Pemilihan Umum di Kota Depok Berbasis Web menggunakan Node.js
Indo i ne ii sia yang mayo i ritas be ii ralih di pe ii rilaku i ko i nsu i mtif se ii rta me ii mpu i nyai ke ii biasaan hayati baru i yaitu i ingin se ii rba e ii fe ii ktif dan e ii fisie ii n khu i su i snya pada hal me ii ndapatkan isu i dan be ii rko i mu i nikasi. info i rmasi yang dibu i tu i hkan warga adalah go i sip yang te ii rbaru i ,  o i risinil,  dan  praktis  diakse ii s.  go i sip  yg  aku i rat  ju i ga  sangat  diharapkan  dalam  se ii bu i ah  pe ii ru i sahaan  bu i at  bisa me ii nye ii diakan su i atu i isu i yang o i risinil dan u i tu i h. Akse ii s ce ii pat dan aku i rat yg praktis didapatkan di zaman ini yaitu i me ii makai te ii kno i lo i gi mo i bile ii yg se ii jau i h ini te ii lah dapat te ii rhu i bu i ng me ii nggu i nakan inte ii rne ii t.
Badan  pe ii ngawas  pe ii milihan  u i mu i m  adalah  ras  po i litik  ku i mpu i lan  pe ii ngu i ru i s  yang  dise ii rahi  me ii nye ii le ii nggarakan pe ii nye ii le ii nggaraan ke ii te ii tapan-ke ii te ii tapan di se ii lu i ru i h wilayah Ne ii gara Ke ii satu i an Re ii pu i blik Indo i ne ii sia. Bab IV U i ndang-U i ndang No i mo i r  15  Tahu i n  2011 Te ii ntang  Pe ii nye ii le ii nggaraan  Pe ii milihan  U i mu i m  me ii ngatu i r  te ii ntang  bawaslu i .  Be ii rsama  anggo i ta  staf lainnya,  ada  lima  anggo i ta  atau i ko i misio i ne ii r  Bawaslu i [3].  Be ii be ii rapa  pe ii ne ii litian  te ii lah  dilaku i kan  be ii rkaitan  de ii ngan Pe ii rancangan  Aplikasi  diantaranya  adalah  pe ii ne ii litan  de ii ngan  ju i du i l  “Pe ii nge ii mbangan  Siste ii m  Info i rmasi  Pe ii nanganan Pe ii langgaran Pe ii milu i de ii ngan me ii nggu i nakan sms gate ii way”, didalam penelitian ini merancang sistem sms gateway dalam pelaporannya  tetapi  kelemahannya  sistem  ini  beresiko  terjadinya  penumpukan  laporan  dan  user  kesulitan  melihat tanggapan dari laporan tersebut [4]. Dalam Pe ii ne ii litan lain “Aplikasi Pe ii ngo i lahan Data Pe ii langgaran Siswa Pada SMK Yayasan Pe ii ndidikan Te ii kno i lo i gi 1 Pu i rbalingga” didalam peneltiian ini sudah menggunakan website untuk data pelanggaran hanya saja, ini seperti sistem satu arah karena hanya menampung kritik dan laporan tanpa tersedianya hasil dan solusi dari setiap laporan[5] dan Dalam Pe ii ne ii litian lainnya “siste ii m info i rmasi pe ii langgaran siswa be ii rbasis we ii b me ii nggu i nakan rapid applicatio i n de ii ve ii lo i pme ii nt ” di dalam  penelitian  ini  hampir  sama  dengan  penelitian  sebelumnya  yaitu  membahas  pelaporan  data  siswa  tetapi  kurang lengkap dan transparan dalam setiap pelaporan dan solusi yang dihasilkan [6].

## 2. METODOLOGI PENELITIAN

## 2.1 Analisis Sistem Berjalan
U i ntu i k saat ini, Micro i so i ft Wo i rd masih digu i nakan dalam se ii bu i ah siste ii m pe ii lapo i ran mau i pu i n pe ii mbu i atan su i rat, te ii ntu i nya ini tidak  me ii mpe ii rmu i dah  staf  Bawaslu i me ii lapo i rkan  pe ii langgaran  dan  jika  jarak  pe ii lapo i r  atau i Panwascam  cu i ku i p  jau i h  dari Bawaslu i maka banyak me ii makan waktu i dan biaya.[7] Pe ii lapo i r dan staf Bawaslu i akan me ii ndapat manfaat dari siste ii m baru i yang akan dike ii mbangkan me ii lalu i i analisa siste ii m ini. Pe ii lapo i ran dan pe ii nu i lisan su i rat dapat dilaku i kan de ii ngan le ii bih mu i dah dan ce ii pat de ii ngan adanya aplikasi ini se ii hingga pe ii lapo i r tidak pe ii rlu i me ii ndatangi Bawaslu i se ii cara langsu i ng. Pe ii lapo i r dan staf Bawaslu i akan me ii ndapat  manfaat  dari  siste ii m  baru i yang akan dike ii mbangkan me ii lalu i i  analisa siste ii m  ini. Pe ii lapo i ran dan pe ii nu i lisan su i rat dapat dilaku i kan de ii ngan le ii bih mu i dah dan ce ii pat de ii ngan adanya aplikasi ini se ii hingga pe ii lapo i r tidak pe ii rlu i me ii ndatangi Bawaslu i se ii cara langsu i ng.
2.2 Tahapan Penelitian
a. Proses identifikasi masalah mengidentifikasi masalah yang harus diselesaikan untuk penerapan pelaporan pelanggaran pemilu, seperti yang efektif, handal, atau populer.
b. Kajian  literatur  dilakukan  dengan  mengkaji  literatur  yang  ada  untuk  mendapatkan  pemahaman  tentang  penerapan pelaporan pelanggaran pemilu dan penelitian terkait.
c. Tujuan penelitian yang jelas dan terukur ditetapkan dengan merumuskan tujuan. Pengembangan aplikasi yang lebih efisien untuk melaporkan pelanggaran pemilu, misalnya, atau evaluasi efektivitas aplikasi yang tersedia saat ini dapat menjadi tujuan penelitian.
d. Metodologi  penelitian  yang  cocok  dikembangkan  oleh  pendesain  penelitian  untuk  menjawab  sebuah  pertanyaan penelitian  dan  mencapai  tujuan  penelitian.  Memilih  apakah  kualitatif,  kuantitatif,  atau  kombinasi  keduanya  akan menjadi metode penelitian. Menentukan sampel atau populasi yang relevan dengan studi Anda.
e. Pengumpulan  data  Pengumpulan  data  yang  diperlukan  sesuai  dengan  desain  penelitian  yang  telah  ditetapkan sebelumnya  mensurvei,  wawancara,  observasi,  dan  analisis  dokumen  terkait  pelaporan  pelanggaran  pemilu merupakan metode pengumpulan data.

## 2.3 Metode Penyelesaian Masalah
a. Identifikasi masalah Untuk memulai, tentukan masalah yang ingin ditangani, contoh kurang lebihnya kesulitan dalam mendeteksi pelanggaran pemilu atau kurangnya pelaporan pelanggaran yang efektif.
b. Menganalisis masalah secara maksimal. Mencari tahu apa yang menyebabkan masalah dan bagaimana pengaruhnya terhadap pelaporan pelanggaran pemilu.
c. Pengembangan  Solusi  Munculkan  solusi  pemecahan  masalah  dengan  berpikir  kreatif  dan  dengan  cara  baru. Identifikasi cara potensial untuk meningkatkan aplikasi untuk melaporkan pelanggaran pemilu.

## 2.4 Perancangan Sistem Aplikasi
Pe ii rancangan  siste ii m  aplikasi  adalah  pro i se ii s  me ii rancang  stru i ktu i r,  fu i ngsi,  dan  antarmu i ka  dari  se ii bu i ah  aplikasi  u i ntu i k me ii me ii nu i hi  ke ii bu i tu i han  bisnis  atau i ke ii bu i tu i han  pe ii nggu i na.  Tu i ju i an  u i tama  dari  pe ii rancangan  siste ii m  aplikasi  adalah  u i ntu i k me ii nciptakan  so i lu i si  yang  e ii fe ii ktif  dan  e ii fisie ii n  u i ntu i k  masalah  yang  dihadapi  o i le ii h  pe ii nggu i na  atau i bisnis[8].  Pe ii rancangan siste ii m aplikasi me ii libatkan langkah-langkah se ii pe ii rti :
Muhammad Faisal Abdillah, Sistem Aplikasi Pelaporan Pelanggaran dalam Pemilihan Umum di Kota Depok Berbasis Web menggunakan Node.js
a. Analisis ke ii bu i tu i han:  Me ii nganalisis ke ii bu i tu i han bisnis atau i ke ii bu i tu i han pe ii nggu i na, se ii rta me ii ne ii ntu i kan tu i ju i an dan fu i ngsi aplikasi. b. Me ii rancang antarmu i ka: Me ii ne ii ntu i kan tampilan dan pe ii ngalaman pe ii nggu i na, se ii rta bagaimana aplikasi akan be ii rinte ii raksi de ii ngan pe ii nggu i na. c. Me ii rancang database ii : Me ii rancang stru i ktu i r database ii dan mo i de ii l data yang dipe ii rlu i kan u i ntu i k me ii nyimpan dan me ii nge ii lo i la data dalam aplikasi.
d. Me ii ne ii ntu i kan  arsite ii ktu i r:  Me ii ne ii ntu i kan  arsite ii ktu i r  siste ii m  aplikasi, te ii rmasu i k  ko i mpo i ne ii n  dan  te ii kno i lo i gi  yang  digu i nakan u i ntu i k me ii nge ii mbangkan aplikasi. e. Me ii nge ii mbangkan pro i to i tipe ii : Me ii mbu i at pro i to i tipe ii aplikasi u i ntu i k me ii ngu i ji dan me ii nge ii valu i asi de ii sain dan fu i ngsi. f. Me ii ngu i ji  dan  me ii ngimple ii me ii ntasikan:  Me ii ngu i ji  aplikasi  u i ntu i k  me ii mastikan  kine ii rja  dan  ke ii amanannya,  se ii rta me ii ngimple ii me ii ntasikan aplikasi u i ntu i k pe ii nggu i naan pro i du i ksi.

## 2.5 Tools dan Bahasa Pemrograman yang Digunakan
Berikut adalah tools dan bahasa pemrograman yang akan digunakan di dalam penelitian ini yaitu, Unified Model Language (UML) [9], phpMyAdmin [10] [11] [12]. World Wide Web [13]. Xampp [14]. GIT [15], Framework [16], Visual Studio Code [17], CSS .[18]

## 2.6 Analisis Pada Proses Pelaporan
Hasil kajian : a. Pe ii langgaran Administratif : Sidang Administrasi Pe ii milu i (KPU i ) b. Pe ii langgaran Ko i de ii E ii tik : DKPP (De ii wan Ke ii ho i rmatan Pe ii nye ii le ii nggaran Pe ii milu i c. Pe ii langgaran Pidana Pe ii milu i : Se ii ntra Gakku i mdu i d. Pe ii langgaran Hu i ku i m Lainnya   : Re ii ko i me ii ndasi Se ii su i ai Pe ii ratu i ran Te ii rkait e. Bu i kan Pe ii langgaran : Dihe ii ntikan
Gambar 1. Flo i wmap pro i se ii s pe ii lapo i ran pada Bawaslu i
Dalam Gambar 1 dijelaskan Pro i se ii s Pe ii mantau i yang dilaku i kan o i le ii h Bawaslu i Ko i ta De ii po i k maka dilaku i kan apabila dite ii mu i kan  pe ii langgaran  dalam  kampanye ii mau i pu i n  pe ii milu i yang  dilapo i rkan  o i le ii h  masyarakat  me ii lalu i i  Panwascam.  Dan apabila  lapo i ran  te ii lah  dite ii rima,  Bawaslu i akan  me ii manggil  o i rang  yang  be ii rsangku i tan  u i ntu i k  dimintai  klarifikasi  mau i pu i n ke ii te ii rangan. Se ii te ii lah itu i , Bawaslu i akan me ii laku i kan kajian apakah te ii rmasu i k pe ii langgaran atau i bu i kan se ii rta me ii ne ii ntu i kan je ii nis pe ii langgaran. Dalam hal Bawaslu i me ii mbu i tu i hkan ke ii te ii rangan tambahan, maka ke ii trangan tambahan dan kajian dilaku i kan paling lama 14 hari ke ii rja [19].
Muhammad Faisal Abdillah, Sistem Aplikasi Pelaporan Pelanggaran dalam Pemilihan Umum di Kota Depok Berbasis Web menggunakan Node.js

## 3. HASIL DAN PEMBAHASAN

## 3.1 Hasil Rancangan Aplikasi
Gambar 2. Rancangan Beranda
Dalam Gambar 2. Imple ii me ii ntasinya Hasil dan disku i si ini me ii ru i pakan ke ii lanju i tan dari pe ii rancangan siste ii m pada bab se ii be ii lu i mnya.  Di  bab  ini,  dije ii laskan  bagaimana  cara  ke ii rja  siste ii m  yang  te ii lah  dirancang  dan  tampilan  yang  di  hasilkan. Se ii lanju i tnya, akan diu i raikan pe ii nje ii lasan me ii nge ii nai Siste ii m Aplikasi Pe ii lapo i ran Pe ii langgaran pada Pe ii milihan U i mu i m di Ko i ta De ii po i k Be ii rbasis We ii b Me ii nggu i nakan No i de ii .js
3.2 Hasil Tampilan Aplikasi
Halaman be ii randa me ii ru i pakan halaman awal yang dilihat se ii se ii o i rang ke ii tika dia me ii mbu i ka situ i s we ii b di Inte ii rne ii t. dan halaman ini  khu i su i s  pe ii lapo i r,  pe ii lapo i r  wajib  me ii nginpu i t  Ide ii ntitas  te ii rle ii bih  dahu i lu i se ii be ii lu i m  me ii lanju i tkan  ke ii tahap  Inpu i t  U i raian Ke ii jadian,  se ii te ii lah itu i klik  simpan. Pe ii lapo i r ju i ga bisa me ii ngabarin Admin me ii lalu i i  via Instagram, Twitte ii r, face ii bo i o i k, dan Whatsapp (bila pu i nya no i mo i r Admin) gu i na u i ntu i k di ce ii k dan dipro i se ii s le ii bih lanju i t o i le ii h Admin. Tampilan halaman be ii randa yang te ii lah diimple ii me ii ntasikan dapat dilihat pada gambar 2.
a. Halaman Login
U i ntu i k  me ii ndapatkan  hak  akse ii s  ke ii jaringan  ko i mpu i te ii r,  pe ii nggu i na  haru i s  me ii laku i kan  pro i se ii s lo i gin de ii ngan me ii masu i kkan ide ii ntitas aku i n yang minimal te ii rdiri dari u i se ii rname ii dan passwo i rd . Halaman lo i gin akan mu i ncu i l saat pe ii nggu i na me ii nco i ba masu i k ke ii dalam siste ii m. Dalam pe ii ne ii litian ini, karyawan yang me ii mpu i nyai  akse ii s te ii rse ii bu i t dapat  me ii nggu i nakan u i se ii rname ii dan  passwo i rd  me ii re ii ka  u i ntu i k  masu i k  ke ii dalam  siste ii m.  Se ii te ii lah  me ii laku i kan  pe ii ndaftaran,  siste ii m  akan me ii mve ii rifikasi  apakah u i se ii rname ii dan passwo i rd se ii su i ai. Jika co i co i k, pe ii nggu i na akan be ii rhasil me ii laku i kan lo i gin dan akan diarahkan ke ii halaman dashbo i ard u i tama. Namu i n, jika u i se ii rname ii dan passwo i rd tidak se ii su i ai, lo i gin akan gagal.
b. Halaman Dashboard
Dashbo i ard atau i dasbo i r adalah tampilan visu i al yang me ii nampilkan se ii lu i ru i h data. Tu i ju i an dari dashbo i ard yaitu i u i ntu i k me ii ningkatkan ko i mu i nikasi be ii rbasis fakta, pe ii ngambilan ke ii pu i tu i san be ii rbasis bu i kti, me ii nghe ii mat waktu i dan biaya, data yang te ii rpu i sat,  dan  pe ii ngambilan  ke ii pu i tu i san  be ii rdasarkan  data.  Halaman  se ii te ii lah Lo i gin pe ii nggu i na  akan  ditampilkan  halaman dashbo i ard.

## c. Halaman Sistem Pegawai
Halaman ini dalam me ii nu i Simpe ii g(Siste ii m Pe ii gawai) te ii rdiri dari data pe ii gawai dan tambah pe ii gawai. U i ntu i k halaman data pe ii gawai adalah halaman yang me ii nampilkan daftar pe ii gawai yang dile ii ngkapi de ii ngan fitu i r pe ii ran dan hak u i ntu i k bisa me ii ngakse ii s aplikasi we ii bsite ii te ii rse ii bu i t de ii ngan le ii ve ii l di u i nit yang sama atau i dibawahnya, se ii rta bisa lihat info i rmasi pro i file ii data pe ii gawai lainnya. Data pe ii gawai ini bisa dilihat di gambar 3.
Muhammad Faisal Abdillah, Sistem Aplikasi Pelaporan Pelanggaran dalam Pemilihan Umum di Kota Depok Berbasis Web menggunakan Node.js
Gambar 3. Halaman Data Pe ii gawai
Dalam Gambar 3. U i ntu i k halaman tambah pe ii gawai me ii ru i pakan halaman u i ntu i k me ii nambahkan pe ii gawai lain yang dibawah le ii ve ii l u i nit te ii rse ii bu i t, ke ii cu i ali me ii mpu i nyai hak ve ii rifikato i r bisa me ii nambahkan pe ii gawai se ii le ii ve ii l tingkat yang sama. Se ii bagai co i nto i h pe ii gawai Marso i n le ii ve ii l u i nit nya be ii rada di tingkat panwaslu i ke ii camatan, si marso i n bisa me ii lihat data pro i file ii pe ii gawai  lainnya,  si  marso i n  ju i ga  bisa  me ii nghapu i s  atau i me ii nambahkan  pe ii gawai  te ii rse ii bu i t  de ii ngan  tingkat  u i nit  le ii ve ii l dibawahnya. Gambar 7 me ii ru i pakan gambar tambah data pe ii gawai.

## d. Halaman Pelanggaran
Pe ii langgaran adalah tindakan yang be ii rte ii ntangan atau i tidak se ii su i ai de ii ngan pe ii ratu i ran pe ii ru i ndang-u i ndangan te ii rkait Pe ii milu i . Di dalam halaman ini te ii rdiri dari Lapo i ran, Te ii mu i an, Lapo i ran awal, dan Pe ii ratu i ran. Di bagian halaman Lapo i ran te ii rse ii bu i t ada 3 macam yaitu i Data lapo i ran, Fo i rm B.1, Data pe ii lapo i r. Dan u i ntu i k dibagian halaman Te ii mu i an te ii rse ii bu i t ada 2 macam yaitu i Data te ii mu i an dan Fo i rm B.2. u i ntu i k alu i r pe ii lapo i ran dari siste ii m aplikasi te ii rse ii bu i t di mu i lai dari masu i k di bagian halaman Lapo i ran awal. Lapo i ran Awal adalah Se ii je ii nis Lapo i ran Fo i rm B.1 yang dimana data te ii rse ii bu i t hasil te ii mu i an/lapo i ran yang su i dah di u i raian o i le ii h pe ii lapo i r pada halaman be ii randa. Didalam Halaman Lapo i ran Awal te ii rse ii bu i t me ii mpu i nyai fitu i r lihat de ii tail, hapu i s. U i ntu i k fitu i r lihat de ii tail disitu i ada ke ii te ii rangan (Tandai Su i dah dibaca).  Bila be ii lu i m di baca maka, hasil lapo i ran te ii rse ii bu i t akan ditandai de ii ngan warna yang be ii rbe ii da. Bila su i dah, maka warna te ii rse ii bu i t  akan sama se ii pe ii rti lainnya.  Se ii te ii lah me ii lalu i i  pro i se ii s dari  lapo i ran awal, Admin atau i pe ii tu i gas akan be ii ralih ke ii me ii nu i halaman Lapo i ran. Dibagian Fo i rmu i lir B.1 pe ii tu i gas me ii nu i lis ke ii mbali ide ii ntitas pe ii lapo i r. Bilamana  se ii be ii lu i mnya  pe ii lapo i r  su i dah  pe ii rnah  me ii laku i kan  lapo i ran  dan  re ii giste ii r  ke ii mu i dian  nama  pe ii lapo i r  te ii rse ii bu i t  akan o i to i matis  mu i ncu i l  data-data  ide ii ntitasnya.  Dan  bilamana  be ii lu i m  pe ii rnah  me ii lapo i r  maka  Pe ii lapo i r  te ii rse ii bu i t  akan  dimintai ide ii ntitas le ii bih lanju i t.
Muhammad Faisal Abdillah, Sistem Aplikasi Pelaporan Pelanggaran dalam Pemilihan Umum di Kota Depok Berbasis Web menggunakan Node.js
Dalam  Gambar  4.  Se ii te ii lah  me ii laku i kan  pe ii ngisian  ide ii ntitas  pe ii lapo i r  di  halaman  Fo i rmu i lir  Mo i de ii l  B.1,  tahap se ii lanju i tnya  akan  be ii ralih  ke ii halaman  Data  Pe ii lapo i r.  Halaman  te ii rse ii bu i t  be ii risikan  nama  pe ii lapo i r  yang  se ii be ii lu i mnya  su i dah dibu i at o i le ii h pe ii tu i gas/admin. Pada bagian halaman Data Lapo i ran te ii rse ii bu i t akan ada mu i ncu i l nama pe ii lapo i r yang su i dah di re ii gistrasi di halaman Fo i rmu i lir B.1. se ii lanju i tnya ke ii tika ingin lihat rincian le ii bih lanju i t bisa klik di aksi de ii tail (gambar mata). Se ii lain bisa lihat le ii bih rinci, dibagian itu i ju i ga bisa me ii nambahkan be ii rkas bu i kti manu i al lainnya be ii ru i pa fo i to i ,pdf,dll.

## 3.3 Rancangan Model Sistem
Pe ii rsyaratan siste ii m diu i raikan dalam de ii sain mo i de ii l siste ii m. Kare ii na be ii ro i rie ii ntasi o i bje ii k dan me ii miliki be ii be ii rapa tahapan (u i se ii case ii ,  activity  diagram,  se ii qu i e ii nce ii diagram,  dan  class  diagram)  pe ii rancangan  mo i de ii l  aplikasi  ini  me ii nggu i nakan  U i ML (U i nifie ii d Mo i de ii lling Langu i age ii ).
a. Use Case Diagram

## Gambar 5. Use Case Diagram
Dalam Gambar 5. Menunjukkan Alur Proses Sistem dari masuk ke website secara umum dan dimulai dari Login sampai proses pelaporan dan tanggapan dari admin / bawaslu terhadap laporan tersebut.
b. Class Diagram
Muhammad Faisal Abdillah, Sistem Aplikasi Pelaporan Pelanggaran dalam Pemilihan Umum di Kota Depok Berbasis Web menggunakan Node.js
Gambar 6 Menunjukkan Pe ii rancangan basis data ( database ii ) se ii bagai gambaran ke ii se ii lu i ru i han dari siste ii m pe ii ngo i lahan data  e ii le ii ktro i nik  yang  akan  diimple ii me ii ntasikan  pada  saat  me ii mbangu i n  siste ii m  aplikasi  be ii rbasis  basis  data  me ii me ii rlu i kan pe ii rancangan basis data yang se ii su i ai kare ii na data yang pe ii rlu i dio i lah be ii rfu i ngsi se ii bagai inti u i tama dari se ii lu i ru i h siste ii m.[20] se ii ju i mlah  stu i di  te ii ntang  de ii sain  database ii u i ntu i k  pe ii rangkat  lu i nak,  te ii rmasu i k  satu i te ii ntang  de ii sain  database ii u i ntu i k  siste ii m info i rmasi pe ii nggajian. No i rmalisasi dan me ii mprio i ritaskan je ii nis hu i bu i ngan yang mu i ngkin ada antar e ii ntitas digu i nakan dalam de ii sain  basis  data.[21]  Diantisipasi  bahwa  de ii sain  basis  data  siste ii m  ju i ga  akan  me ii mbe ii rikan  tingkat  aku i rasi  data  yang tinggi.[22].

## 4. KESIMPULAN
Kesimpulan  dari  penelitian  ialah  yaitu  Penelitian  ini  bertujuan  untuk  mempermudah  pelapor  atau  siapapun  dalam melaporkan pelanggaran yang sebelumnya ditangani secara manual dengan menjadwalkan janji temu melalui media sosial kemudian  mendatangi  kantor  Bawaslu  Kota  Depok  untuk  diproses  lebih  lanjut.  Dengan  aplikasi  ini,  pelapor  cukup mengakses website aplikasi dan memaparkan dugaan pelanggaran. Mereka tidak harus menjadi yang pertama melaporkan dugaan pelanggaran. dari penelitian yang dilakukan sebelum aplikasi ini ada. Pelaporan pelanggaran secara manual dapat memakan waktu  dan tenaga, sehingga harus pergi ke kantor Bawaslu  untuk dimintai informasi tambahan.  De ii sain  atau i de ii sain  yang  me ii lipu i ti  pe ii mo i de ii lan  siste ii m  de ii ngan  me ii to i de ii U i ML  dan  de ii sain  inte ii rface ii .  info i rmasi  yang  dibu i tu i hkan  warga adalah go i sip te ii rbaru i , o i risinil, dan praktis diakse ii s. U i ntu i k saat ini, Micro i so i ft Wo i rd masih digu i nakan dalam se ii bu i ah siste ii m pe ii lapo i ran  mau i pu i n  pe ii mbu i atan  su i rat, te ii ntu i nya  ini tidak  me ii mpe ii rmu i dah  staf  Bawaslu i me ii lapo i rkan  pe ii langgaran  dan  jika jarak  pe ii lapo i r  atau i Panwascam  cu i ku i p  jau i h  dari  Bawaslu i maka  banyak  me ii makan  waktu i dan  biaya.  Pe ii lapo i r  dan  staf Bawaslu i akan me ii ndapat manfaat dari siste ii m baru i yang akan dike ii mbangkan me ii lalu i i analisa siste ii m ini. Pe ii rancangan siste ii m aplikasi adalah pro i se ii s me ii rancang stru i ktu i r, fu i ngsi, dan antarmu i ka dari se ii bu i ah aplikasi u i ntu i k me ii me ii nu i hi ke ii bu i tu i han bisnis atau i ke ii bu i tu i han pe ii nggu i na. Tu i ju i an u i tama dari pe ii rancangan siste ii m aplikasi adalah u i ntu i k me ii nciptakan so i lu i si yang e ii fe ii ktif dan  e ii fisie ii n  u i ntu i k  masalah  yang  dihadapi  o i le ii h  pe ii nggu i na  atau i bisnis.  U i ML  dirancang  u i ntu i k  me ii mbantu i dalam me ii ngo i mu i nikasikan info i rmasi  te ii ntang siste ii m  pe ii rangkat  lu i nak de ii ngan cara yang je ii las dan ko i nsiste ii n.  U i ML me ii ru i pakan mo i de ii l  de ii sain  siste ii m  yang  me ii miliki  ke ii u i nggu i lan  me ii mu i dahkan  pe ii nge ii mbang  siste ii m  u i ntu i k  me ii rancang  siste ii m  yang be ii ro i rie ii ntasi o i bje ii k. Di bab ini, dije ii laskan bagaimana cara ke ii rja siste ii m yang te ii lah dirancang dan tampilan yang dihasilkan. Halaman be ii randa me ii ru i pakan halaman awal yang dilihat se ii se ii o i rang ke ii tika dia me ii mbu i ka situ i s we ii b di Inte ii rne ii t. Halaman ini  me ii nu i nju i kan  u i ntu i k  me ii lihat  info i rmasi  Pro i file ii aku i n  yang  digu i nakan  u i ntu i k  Lo i gin.  U i ntu i k  halaman  tambah  pe ii gawai me ii ru i pakan halaman u i ntu i k me ii nambahkan pe ii gawai lain yang be ii rada dibawah le ii ve ii l u i nit te ii rse ii bu i t, ke ii cu i ali me ii mpu i nyai hak ve ii rifikato i r bisa me ii nambahkan pe ii gawai se ii le ii ve ii l tingkat yang sama. Didalam Halaman Lapo i ran Awal te ii rse ii bu i t te ii lah me ii lihat fitu i r de ii tail, hapu i s. Bila be ii lu i m dibaca maka, hasil lapo i ran te ii rse ii bu i t akan ditandai de ii ngan warna yang be ii rbe ii da.

## REFERENCES
[1] Saputra, A. Chandra, and A. S. Saragih. "Rancang Bangun Website Badan Pengawas Pemilihan Umum (Bawaslu) Kalimantan Tengah." Jurnal  Teknologi  Informasi:  Jurnal  Keilmuan  dan  Aplikasi  Bidang  Teknik  Informatika 13.1:  9-17,  2019,  doi: 10.47111/jti.v13i1.279
[2] E. P. Boediman, “Integrasi Komunikasi Kepemimpinan Dengan Strategi Berbasis Sumber Daya Di PT. Astra Honda Motor,” Commun.  J. Commun. Stud. , vol. 7, no. 2, p. 135, 2020, doi: 10.37535/101007220203.
[3] Abhan,  R.  D.  Pettalolo,  M.  Afifuddin,  F.  E.  Siregar,  and  R.  Bagja,  “Apa  dan  Siapa  Bawaslu  RI  (Di  Balik  Layar  Penegak Demokrasi Indonesia),” Apa dan Siapa Bawaslu RI , p. 152, 2018.
[4] N. Rochmah and A. Handika, “Sistem Informasi Pilkada Dengan SMS Gateway,” TECHSI-Jurnal Tek. Inform. , no. 0274, 2019, [Online]. Available: http://ojs.unimal.ac.id/index.php/techsi/article/view/179
[5] A. R. Sabirin, L. Raufun, H. Hamid, and A. Amrol, “Sistem Informasi Kehadiran Dan Pelanggaran Siswa Smpn 2 Siompu Barat Berbasis Web,” J. Inform. , vol. 8, no. 2, p. 43, 2020, doi: 10.55340/jiu.v8i2.276.
[6] H.  Hidayati,  S.  Suhardi,  D.  Irfan,  A.  Ambiyar,  and  R.  Melyanti,  “Sistem  Informasi  Pelanggaran  Siswa  Berbasis  Web Menggunakan Rapid Application Development,” INTECOMS J. Inf. Technol. Comput. Sci. , vol. 3, no. 2, pp. 234–242, 2020, doi: 10.31539/intecoms.v3i2.1732.
[7] Khauli,  Arindya,  and  Eka  Prasetya  Ningrum.  "System  Perancangan  dan  Pembangunan  Sistem  Pengelolaan  dan  Pelayanan Informasi Publik Bawaslu Kabupaten Kotawaringin Timur." Jurnal KomtekInfo : 80-85, 2022, doi:
10.35134/komtekinfo.v9i2.287
[8] D. D. Jantce TJ Sitinjak, . Maman, and J. Suwita, “Analisa Dan Perancangan Sistem Informasi Administrasi Kursus Bahasa Inggris Pada Intensive English Course Di Ciledug Tangerang,” Insa. Pembang. Sist. Inf. dan Komput. , vol. 8, no. 1, 2020, doi: 10.58217/ipsikom.v8i1.164.
[9] M Teguh Prihandoyo, “Unified Modeling Language (UML) Model Untuk Pengembangan Sistem Informasi Akademik Berbasis Web,” J. Inform. J. Pengemb. IT , vol. 3, no. 1, pp. 126–129, 2018.
[10]  R.  F.  Ramadhan  and  R.  Mukhaiyar,  “Penggunaan  Database  Mysql  dengan  Interface  PhpMyAdmin  sebagai  Pengontrolan Smarthome Berbasis Raspberry Pi,” JTEIN J. Tek. Elektro Indones. , vol. 1, no. 2, pp. 129–134, 2020, doi: 10.24036/jtein.v1i2.55.
[11]  A.  Sofwan,  “Belajar  Mysql  dengan  Phpmyadmin  Pendahuluan,” Modul  kuliah  Graph.  User  Interface  I  di  Perguru.  Tinggi Raharja , pp. 1–29, 2011.
[12]  L. A. Pratama, A. Primawati, and L. Ariyani, “Perancangan Sistem Informasi Sirkulasi Buku Pada Perpustakaan SMP Negeri 103 Jakarta,” STRING (Satuan Tulisan Ris. dan Inov. Teknol. , vol. 4, no. 2, p. 227, 2019, doi: 10.30998/string.v4i2.4179.
[13]  Y. Sen Sun, B. Qiu, and Q. S. Li, “The research of negative ion test method for fabric,” Adv. Mater. Res. , vol. 756–759, no. 1, pp. 138–140, 2013, doi: 10.4028/www.scientific.net/AMR.756-759.138.
Muhammad Faisal Abdillah, Sistem Aplikasi Pelaporan Pelanggaran dalam Pemilihan Umum di Kota Depok Berbasis Web menggunakan Node.js
[14]  A.  B.  Putra  and  S.  Nita,  “Perancangan  dan  Pembangunan  Sistem  Informasi  E-Learning  Berbasis  Web  (  Studi  Kasus  Pada Madrasah Aliyah Kare Madiun ),” Semin. Nas. Teknol. Inf. dan Komun. 2019 , vol. 1, no. 1, pp. 81–85, 2019.
[15]  M. Fauzan, A. Fiade, and F. E. M. A., “Analisis Dan Perancangan Infrastruktur Private Cloud Dengan Openstack,” Pseudocode , vol. 4, no. 2, pp. 180–189, 2017, doi: 10.33369/pseudocode.4.2.180-189.
[16]  N. Nilfaidah, A. S. Miru, and M. Lamada, “Pengembangan Sistem Absensi Mahasiswa Realtime Menggunakan PHP, MYSQL, SMS Gateway, dan Framework Codeigniter,” Eprints , vol. 3, pp. 1–6, 2021.
[17]  Agustini  and  W. J.  Kurniawan,  “Sistem  E-Learning  Do’a  dan  Iqro’ dalam  Peningkatan  Proses  Pembelajaran pada  TK  Amal Ikhlas,” J.  Mhs.  Apl.  Teknol.  Komput.  dan  Inf. ,  vol.  1,  no.  3,  pp.  154–159,  2019,  [Online].  Available: http://www.ejournal.pelitaindonesia.ac.id/JMApTeKsi/index.php/JOM/article/view/526
[18]  Rizkita,  “Perancangan  dan  Implementasi  Sistem  Manajemen  Peminjaman  Mobil  dengan  Metode  Scrum  di  Universitas Internasional Batam,” UIB Repos. , vol. 53, no. 9, p. 9, 2018.
[19]  A. Minan, “Perihal penegakan hukum pemilu,” 2019.
[20]  M. Fikry, “Rancangan Basis Data Kependudukan Berdasarkan Aspek-Aspek Kualitas Schema Database,” Techsi , vol. 8, no. 2, pp. 1–16, 2016, [Online]. Available: https://ojs.unimal.ac.id/techsi/article/view/136
[21]  F. Sri Handayani and M. Permata Putri, “Perancangan Basis Data Instrumen Bimbingan Konseling Alat Ungkap Pemahaman Diri  Siswa  Database  Design  of  Counseling  Guidance  Instrument  for  Student’s  Self-Understanding  Revealing  Tools,” Univ. AMIKOM Yogyakarta , vol. 4, no. 2, p. 25, 2017.
[22]  Fery  Fadly  and  S.  P.  Fadilla,  “Rancangan  Basis  Data  Sistem  Informasi  Usaha  Kesehatan  Sekolah,” Techno  Xplore    J.  Ilmu Komput. dan Teknol. Inf. , vol. 5, no. 2, pp. 49–55, 2020, doi: 10.36805/technoxplore.v5i2.1130.