LAPORAN

PRAKTIK KERJA LAPANGAN

PERANCANGAN SISTEM INFORMASI ARSIP SURAT SK PARPOL

DIVISI TEKNIS KANTOR KPU KOTA MOJOKERTO

(SIAS)

DISUSUN OLEH :
OKTA KURNIA FITRIANI MA’RUF
1955201167

UNIVERSITAS NAHDLATUL ULAMA BLITAR

FAKULTAS ILMU EKSAKTA
PROGRAM STUDI ILMU KOMPUTER 2021LEMBAR PENGESAHAN
 LAPORAN PRAKTEK KERJA LAPANGAN (PKL)

Perancangan Sistem Informasi Arsip Surat SK Parpol Divisi Teknis pada Kantor Komisi
Pemilihan Umum Kota Mojokerto.

Disusun Oleh :
Nama : Okta Kurnia Fitriani Ma’ruf
NIM : 1955201167
Program Studi : Ilmu Komputer
Telah diperiksa, dievaluasi, disetujui dan disahkan oleh :

Mojokerto,…………………….2022

Dosen Pembimbing, Pembimbing Lapangan,

Abd. Charis Fauzan, S.Kom., M.Kom M. Samsul A

NIDN. 0705119301
Mengetahui:
Dekan Fakultas Ilmu Komputer Ketua Program Studi
Ilmu Komputer

Fatra Nonggala Putra, M.Kom Herliana,ST., M.Cs

NIDN. 0701119002 NIDN. 0418098602

ii
SURAT KETERANGAN TELAH MENYELESAIKAN PKL

iii
 ABSTRAKSI

Teknologi merupakan salah satu objek yang perkembangannya sangat pesat

dunia ini. Semakin berkembangnya teknologi maka suatu aktivitas manusia sangat
mudah untuk dijalankan. Begitu juga dengan keadaan sekitarnya termasuk dalam
sebuah Instan. Perkembangan sistem informasi dari waktu ke waktu mengalami
perubahan yang sangat signifikan seiring dengan perkembangan teknologi informasi.
Perubahan dan perkembangan teknologi dan sistem informasi yang maju semakin
banyak dibutuhkan dalam membantu menyelesaikan pekerjaan manusia di berbagai
bidang. Tujuan dari penelitian ini adalah menghasilkan sebuah aplikasi website.
Website tersebut berfungsi untuk memberi informasi berupa pelayanan seperti
Perancangan Sistem Informasi Arsip Surat SK Parpol Divisi Teknis pada Kantor
Komisi Pemilihan Umum (KPU). Dengan adanya website ini diharapkan untuk
memudahkan staff yang hendak melakukan pekerjaan surat menyurat maupun
pengelolaan arsip surat. Adapun fitur yang ada di dalam system ini tersebut antara lain,
menggunakan bahasa HTML, Javascript dan Framework Bootstrap , dengan text code
editor Visual Studio Code, diakses melalui xampp atau di hosting agar bisa diakses
secara online. Sistem aplikasi website ini semoga dapat dikembangkan lagi dan
dimanfaatkan dengan baik serta dapat digunakan oleh pihak Kantor Komisi Pemilihan
Umum Kota Mojokerto khususnya pada pengelolaan arsip surat.
Kata Kunci: Website , arsip surat

iv
 KATA PENGANTAR

Puji syukur kehadiran Allah SWT yang telah memberikan rahmatNya, sehingga
penulis dapat menyelesaikan Laporan Magang pada Kantor Komisi Pemilihan Umum
Kota Mojokerto. Laporan Praktik Kerja Lapangan ini dibuat sebagai bentuk
pertanggung jawaban setelah penulis melaksanakan magang pada Kantor Komisi
Pemilihan Umum (KPU), yang diajukan sebagai syarat untuk menyelesaikan
Pendidikan S1 Jurusan Ilmu Komputer Universitas Nahdlatul Ulama Blitar.

Dalam penyusunan Laporan Praktik Kerja Laporan ini, penulis mendapat

masukan, bimbingan, petunjuk, nasehat dari berbagai pihak. Untuk itu penulis
mengucapkan terimakasih kepada:
1. Bapak Bapak Fatra Naonggala, M.Kom. selaku Dekan Fakultas Ilmu
Komputer Universitas Nahdlatul Ulama Blitar.
2. Ibu Harliana,ST., M.Cs. selaku kaprodi Ilmu Komputer yang telah
memberikan bimbingan dan pengarahan selama penyusunan proposal.
3. Bapak Abd. Charis Fauzan, S.Kom., M.Kom selaku Dosen Pembimbing
yang telah memberikan bimbingan, arahan maupun nasehat kepada saya
dalam penyusunan Laporan Praktek Kerja Lapangan.
4. Bapak M. Sasmsul selaku Pembimbing Lapangan di kantor KPU Kota
Mojokerto Devisi Teknis.

Penulis menyadari bahwa laporan magang ini masih memiliki kekurangan. Oleh
karena itu penulis mengharapkan kritik dan saran untuk penyusunan di masa
mendatang. Semoga laporan magang ini dapat bermanfaat bagi pembaca.

Mojokerto, - Oktober 2022

Okta Kurnia Fitriani Ma’ruf

v
 DAFTAR ISI

Contents
ABSTRAKSI ................................................................................................................................... iv
KATA PENGANTAR ...................................................................................................................... v
DAFTARISI .................................................................................................................................... vi
BAB 1 PENDAHULUAN ................................................................................................................ 3
1. 1 Latar Belakang.................................................................................................................... 3
1.2 Rumusan Masalah............................................................................................................... 4
1.3 Batasan Masalah ................................................................................................................. 4
1.4 Tujuan Praktik Kerja Lapangan........................................................................................... 4
1.5 Manfaat Praktik Kerja Lapangan ......................................................................................... 4
1.6 Metodologi Praktik Kerja Lapangan.................................................................................... 4
BAB II TINJAUAN PUSTAKA ....................................................................................................... 6
2. 1 Pengertian Website ............................................................................................................. 6
2. 2 Pengertian PHP ................................................................................................................... 6
2. 3 Pengertian XAMPP ............................................................................................................ 7
2. 4 Pengertian Framework Bootstrap ........................................................................................ 8
2. 6 Pengertian Visual Studio Code............................................................................................ 9
BAB III TINJAUAN UMUM OBJEK PENELITIAN ..................................................................... 10
3. 1 Profil Kantor Komisi Pemilihan Umum Kota Mojokerto ................................................... 10
3.2 Alamat Kantor Komisi Pemilihan Umum Kota Mojokerto ................................................ 10
3.3 Logo Komisi Pemilihan Umum (KPU) ............................................................................. 11
3.4 Visi dan Misi KPU............................................................................................................ 12
3.5 Metode Kegiatan............................................................................................................... 13
BAB IV KEGIATAN ..................................................................................................................... 23
4.1 Implementasi .................................................................................................................... 23
4.1.2 Upload ke Hosting......................................................................................................... 30
4.2 Uji Coba atau Pengujian Sistem ........................................................................................ 36
BAB V PENUTUP ......................................................................................................................... 39
5. 1 Kesimpulan....................................................................................................................... 39
5. 2 Saran ................................................................................................................................ 39

vi
 DAFTAR GAMBAR

Gambar 3. 1 Kantor KPU Mojokerto.............................................................................................................10

Gambar 3. 2 Maps Kantor KPU Mojokerto ...................................................................................................11
Gambar 3. 3 Logo KPU ................................................................................................................................11
Gambar 3. 4 Desain UI Halaman Login ........................................................................................................14
Gambar 3. 5 Desain UI Halaman Dashboard ................................................................................................15
Gambar 3. 6 Desain UI Transaksi Surat SK Parpol ........................................................................................15
Gambar 3. 7 Desain UI Halaman Tambah SK ...............................................................................................16
Gambar 3. 8 Desain UI Buku Agenda ...........................................................................................................16
Gambar 3. 9 Desain UI Users ........................................................................................................................17
Gambar 3. 10 Desain UI Tambah Users ........................................................................................................18
Gambar 3. 11 Desain UI Backup ...................................................................................................................18
Gambar 3. 12 Desain UI Restore ...................................................................................................................19
Gambar 3. 13 Desain UI Tentang ..................................................................................................................19
Gambar 3. 14 Alur Transaksi Surat SIAS ......................................................................................................20
Gambar 3. 15 Alur Buku Agenda SIAS .........................................................................................................20
Gambar 3. 16 Alur Admin Users ...................................................................................................................20

Gambar 4. 1 Halaman Login SIAS ................................................................................................................23

Gambar 4. 2 Halaman Dashboard..................................................................................................................24
Gambar 4. 3 Halaman SK Parpol ..................................................................................................................25
Gambar 4. 4 Halaman Tambah SK Parpol .....................................................................................................25
Gambar 4. 5 Halaman Buku Agenda SK Parpol ............................................................................................26
Gambar 4. 6 Halaman Users .........................................................................................................................27
Gambar 4. 7 Halaman Tambah Users ............................................................................................................27
Gambar 4. 8 Halaman Restore ......................................................................................................................28
Gambar 4. 9 Halaman Backup ......................................................................................................................28
Gambar 4. 10 Halaman Tentang ....................................................................................................................29
Gambar 4. 11 Halaman Utama Hosting .........................................................................................................30
Gambar 4. 12 Halaman Dashboard Hosting ...................................................................................................31
Gambar 4. 13 Upload Hosting .......................................................................................................................32
Gambar 4. 14 Upload File .............................................................................................................................32
Gambar 4. 15 Hasil Upload ke Hosting .........................................................................................................33
Gambar 4. 16 Halaman Database ..................................................................................................................34
Gambar 4. 17 Hasil imput Database ..............................................................................................................34
Gambar 4. 18 Setting Database .....................................................................................................................35

1
 DAFTAR TABLE

Table 4 1 Hasil Uji Coba...............................................................................................................................36

2
 BAB 1
PENDAHULUAN

1. 1 Latar Belakang
Dalam perkembangan zaman sekarang, teknologi komunikasi berkembang begitu pesat,
banyak bermunculnya berbagai alat telekomunikasi atau perhubungan yang canggih,
Namun masih ada komunikasi tertulis yang sampai saat ini masih tetap terpakai seolah
tidak bisa tergantikan oleh berbagai peralatan komunikasi yang canggih, komunikasi
tersebut adalah surat. Namun masih banyak ditemukan dalam satu instansi atau perusahaan
yang melakukan berbagai kesalahan dalam proses pengelolaan surat atau data-data yang
ada. Seperti ditemukannya data atau surat yang tercecer ataupun rusak, sehingga dapat
menyebabkan kerugian bagi instansi atau perusahaan tersebut (Suryadi, 2019).
Menurut Peraturan Menteri Negara Pendayagunaan Aparatur Negara dan Reformasi
Birokrasi Republik Indonesia Nomor 6 Tahun 2011 tentang Pedoman Umum Tata Naskah
Dinas Elektronik di Lingkungan Instansi Pemerintah dengan jelas menghimbau semua
instansi pemerintah untuk menyusun tata naskah dinas elektronik (sistem informasi
administrasi persuratan) dengan mengacu pada panduan dalam peraturan tersebut(Ghozi et
al., 2018).
Arsip merupakan salah satu sumber informasi yang memiliki fungsi penting untuk
menunjang proses kegiatan administrasi dan manajemen sebuah instansi. Semua kegiatan
yang dilakukan oleh instansi tersebut, baik itu berupa proposal, surat-menyurat maupun
dokumen-dokumen lain akan menjadi arsip. Informasi yang terekam tersebut merupakan
bukti dan dokumentasi atau memori bagi instansi yang bersangkutan (Simangunsong &
Informatika, 2018).
Kantor Komisi Pemilihan Umum (KPU) Kota Mojokerto adalah sebuah instansi atau
lembaga negara yang menyelenggarakan pemilihan umum di wilayah Kota Mojokerto
Jawa Timur. Sebagai salah satu lembaga negara tentunya KPU memiliki peranan yang
penting dalam berbagai macam struktur, salah satunya adalah pengelolaan arsip surat,
karena tentunya banyak berbagai surat yang dikelola oleh pihak KPU di Divisi Teknis.
Melihat dari permasalahan berikut penulis mencoba membuat aplikasi yang mana
nantinya memudahkan pihak Divisi Teknis dalam melakukan pengelolaan arsip surat.

3
1.2 Rumusan Masalah
Berdasarkan latar belakang diatas maka ditemukan sebuah permasalahan yaitu
Bagaimana membangun sebuah aplikasi berbasis web agar memudahkan staff KPU
khususnya di Divisi teknis dalam pengelolaan arsip surat ?

1.3 Batasan Masalah

Berdasarkan permasalahan diatas, maka Batasan masalah yang ada pada
Kantor Komisi Pemilihan Umum (KPU) adalah :
1. Sistem ini mengelola arsip surat di kantor KPU.
2. Sistem ini bersifat rahasia atau prbadi dan hanya boleh diakses pihak KPU.

1.4 Tujuan Praktik Kerja Lapangan

1. Mahasiswa mampu menerapkan kemampuan serta keterampilan ilmu komputer
dalam bidang pekerjaan.
2. Mahasiswa mampu memahami sistem pengelolaan arsip surat dalam sebuah
instansi dengan baik.
3. Mahasiswa mampu membangun sistem pengelolaan arsip surat sesuai dengan
prosedur yang terdapat pada Kantor KPU.

1.5 Manfaat Praktik Kerja Lapangan

1. Mahasiswa dapat menambah wawasan dan ilmu baru di dalam dunia kerja.
2. Mahasiswa dapat menganalisa kekurangan atau kebutuhan dan memunculkan
inovasi di dalam dunia kerja.
3. Mahasiswa dapat bekerja secara kelompok dan tidak individualisme.

1.6 Metodologi Praktik Kerja Lapangan

Dalam penyusunan laporan ini, penulis menggunakan metode dan
beberapa teknik penulisan agar memudahkan dalam pengumpulan data,
sehingga susunan laporan ini dapat tersusun dengan baik dan sesuai situasi
serta kondisi. Adapun metode dan teknik yang digunakan dalam penyusunan
laporan ini antara lain sebagai berikut:

4
1. Metode Penyusunan

Dalam penyusunan laporan ini penulis menggunakan metode deskriptif.

Penulis berupaya memaparkan permasalahan secara terperinci.
2. Teknik Penyusunan
A. Observasi

Teknik penyusunan secara observasi yang dimaksudkan dalam

laporan ini adalah melaksanakan penelitian secara langsung ketika
pelaksanaan PKL di Kantor KPU Kota Mojokerto.
B. Wawancara

Teknik penyusunan secara wawancara yang dimaksudkan dalam

laporan ini adalah mengumpulkan data dengan cara melakukan
tanya jawab secara langsung kepada Kepala Sub Bagian Kantor
KPU . Hal ini dilakukan untuk memperoleh suatu informasi yang
tepat dan jelas yang dibutuhkan di dalam penyusunan Aplikasi
yang dibuat oleh penulis.
C. Studi Literatur

Teknik penyusunan secara studi literatur yang dimaksudkan dalam

laporan ini adalah penulis mengumpulkan data dengan cara
mencari sumber referensi sebanyak mencari di internet yang
terkait dengan pembahasan masalah.

5
 BAB II
TINJAUAN PUSTAKA

2. 1 Pengertian Website
Website merupakan kumpulan halaman web yang saling terhubung dan
file-filenya saling terkait. Web terdiri dari page atau halaman, dan kumpulan
halaman yang dinamakan homepage. Homepage berada pada posisi teratas,
dengan halaman - halaman terkait berada di bawahnya. Biasanya setiap
halaman di bawah homepage disebut child page, yang berisi hyperlink ke
halaman lain dalam web. Menurut (Agung, 2000: 30) dalam (Kosanke, 2019).
Website awalnya merupakan suatu layanan sajian informasi yang
menggunakan konsep hyperlink, yang memudahkan surfer atau pengguna
internet melakukan penelusuran informasi di internet. Informasi yang
disajikan dengan web menggunakan konsep multimedia, informasi dapat
disajikan dengan menggunakan banyak media, seperti teks, gambar, animasi,
suara, atau film.

2. 2 Pengertian PHP
PHP menurut Anhar (2010 : 3) dalam (Bhakti, 2020) adalah bahasa
pemrograman web server-side yang bersifat open source, PHP juga merupakan
script yeng terintegrasi dengan HTML dan berada pada server ( server side
HTML embedded script). PHP juga merupakan script yang digunakan untuk
membuat halaman website yang sangat dinamis, dinamis berarti halaman
tampilan yang akan ditampilkan dibuat saat halaman itu diminta oleh client.
PHP pertama kali dibuat oleh Rasmus Lerdorf seorang pemrogram C yang
handal dari greenland Denmrak di tahun 1995, PHP diberi nama FI (Form
Interpreted) yang digunakan untuk mengelola from dari web. Pada
perkembangannya, kode-kode yang digunkan dirilis untuk umum sehingga
mulai banyak dikembangkan oleh programer diseluruh dunia. Tahun 1997 PHP
dirilis dengan versi 2.0, pada versi ini sudah terintegrasi dengan bahasa
pemrograman C dan sudah dilengkapi dengan modul sehingga kualitas kerja
PHP lebih meningkat secara signifikan. Ditahun yang sama sebuah perusahaan
programbernama Zend merilis ulang PHP versi ini dengan lebih baik, bersih

6
 dan cepat. Seiring berkembangnya jaman ditahun 1994 PHP versi 4.0 mulai
dirilis dan versi ini paling banyak digunakan pada awal abad 21 karena PHP
versi ini sudah mampu membangun web komplek dengan stabilitas kecepatan
yang tinggi. Ditahun 2004 perusahaan program Zend merilis PHP lagi dengan
versi terbarunya 5.0 yang inti dari interpreter PHPH mengalami perubahan
besar. Versi ini juga memasukkan model pemrograman berorientasi objek
kedalam PHP untuk menjawab perkembanngan bahasa pemrograman kearah
paradigma berorientasi objek. Bahasa program PHP sering digunakan karena
PHP adalah bahasa open source yang memiliki kesederhanaan dan memiliki
beberapa fitur built-in yang berfungsi untuk menangani kebutuhan standart
dalam pembuatan aplikasi web. PHP juga merupakan bahasa script yang paling
mudah dipahami karena memiliki beberapa referensi. PHP juga dapat
digunakan untuk berbagai sistem operasi anatara laina : Unix, Macintosh serta
windows. PHP dapat dijalankan secara runtime melalui console serta dapat
menjalakan perintah-perintah system. Open source disini memiliki arti code-
code PHP terbuka untuk umum dan tidak berbayar atas pembelian dari license.
Web server yang mendukung PHP dapat ditemukan dimana-mana, mulai dari
Apache, IIS, Lighttpd hingga Xitami dengan configurasi yang relatif mudah.
Selain itu PHP juga dilengkapi dengan berbagai macam pendukung lain seperti
support langsung keberbagai macam databasea yang populer seperti Oracle,
MySQL dan lain-lain.

2. 3 Pengertian XAMPP
XAMPP adalah sebuah software web server apache yang didalamnya
sudah tersedia database server mysql dan support php programming. XAMPP
merupakan software yang mudah digunakan, gratis dan mendukung instalasi di
Linux dan Windows. Keuntungan lainnya adalah cuma menginstal satu kali
sudah tersedia Apache Web Server, MySQL Database Server, PHP Support
(PHP 4 dan PHP 5) dan beberapa module lainnya. Hanya bedanya kalau yang
versi untuk Windows sudah dalam bentuk instalasi grafis dan yang Linux
dalam bentuk file terkompresi tar.gz. Kelebihan lain yang berbeda dari versi
untuk Windows adalah memiliki fitur untuk mengaktifkan sebuah server secara
grafis, sedangkan Linux masih berupa perintah-perintah di dalam console. Oleh
karena itu yang versi untuk Linux sulit untuk dioperasikan [23]. Dalam

7
 XAMPP banyak diaplikasikan dan digunakan oleh kalangan user komputer di
bidang pemrograman web XAMPP berfungsi sebagai server offline yang
berdiri sendiri (seringkali disebut sebagai localhost). XAMPP terdiri dari
beberapa program yaitu Apache HTTP Server, MYSQL Database, PHP, dan
Pearl XAMPP juga dilengkapi fitur manajemen database PHPMyAdmin seperti
pada server hosting sungguhan, sehingga pengembang web dapat
mengembangkan aplikasi web berbasis database secara mudah.(Jasa, 2000)

2. 4 Pengertian Framework Bootstrap

Bootsrap merupakan Framework ataupun Tools untuk membuat
aplikasi web ataupun situs web responsive secara cepat, mudah dan gratis.
Bootstrap terdiri dari CSS dan HTML untuk mengahasilkan Grid, Layout,
Typography, Table, Form, Navigation, dan lain-lain. Di dalam Bootstrap juga
sudah terdapat jQuery plugins untuk menghasilkan komponen UI yang cantik
seperti Transitions, Modal, Dropdown, Scrollspy, Tooltip, Tab, Popover, Alert,
Button, Carousel dan lain-lain. Dengan bantuan Bootstrap, kita bisa membuat
responsive website dengan cepat dan mudah dan dapat berjalan sempurna pada
browser-browser populer seperti Chrome, Firefox, Opera dan Internet Explorer.
Bootstrap diciptakan oleh dua orang programmer di Twitter, yaitu Mark Otto
dan Jacob Thornton pada tahun 2011. Pada saat itu para programmer di twitter
menggunakan berbagai macam tool dan libary yang mereka kenal dan suka
untuk melaksanakan pekerjaan mereka, sehingga tidak ada standarisasi dan
akibatnya sulit untuk dikelola sehingga Mark Otto dan Jacob Thornton tergerak
untuk menciptakan satu tool ataupun framework yang dapat digunakan bersama
di lingkungan internal twitter. Oleh karena faktor historis tersebut, walaupun
nama resminya hanyalah Bootstrap, namun terkenal di kalangan developer
sebagai Twitter Bootstrap. Sejak diluncurkan pada bulan agustus 2011,
Bootstrap telah berevolusi dari sebuah proyek yang hanya berbasis CSS
menjadi sebuah tool ataupun framework yang lebih lengkap yang juga berisi
Javascript Plugin, Icon, Forms dan Button. Pada januari 2012, Bootstrap
merelease versi 2.0 yang didalamnya sudah memasuki fitur responsive layout.
Sejak itu, popularitas Bootstrap tak tertahankan lagi dan sampai buku ini
ditulis, Bootstrap merupakan project GitHub yang paling banyak dilihat lebih

8
 dari 54.000 user dan juga yang paling banyak di copy(forked) yaitu sekitar
18.500 kali. (Wicaksana, 2016)

2. 5 Pengertian Visual Studio Code

Visual Studio Code adalah editor source code yang dikembangkan oleh
Microsoft untuk Windows, Linux dan MacOS. Ini termasuk dukungan untuk
debugging, GIT Controlyang disematkan, penyorotan sintaks, penyelesaian
kode cerdas, cuplikan, dan kode refactoring. Hal ini juga dapat disesuaikan,
sehingga pengguna dapat mengubah tema editor, shortcut keyboard, dan
preferensi.Visual Studio Code gratis dan open-source, meskipun unduhan resmi
berada di bawah lisensi proprietary.
Kode Visual Studio didasarkan pada Elektron, kerangka kerja yang digunakan
untuk menyebarkan aplikasi Node.js untuk desktop yang berjalan pada
Blinklayout. Meskipun menggunakan kerangka Elektron, Visual Studio Code
tidak menggunakan Atom dan menggunakan komponen editor yang sama
(diberi kode nama "Monaco") yang digunakan dalam Visual Studio Team
Services yang sebelumnya disebut Visual Studio Online (Lardinois, 2015)
dalam (Priyono, 2010).

9
 BAB III
TINJAUAN UMUM OBJEK PENELITIAN

3. 1 Profil Kantor Komisi Pemilihan Umum Kota Mojokerto

Kantor KPU Kota Mojokerto provinsi Jawa Timur beralamat di Jl.
Pahlawan No 11 Mergelo,Miji, Kecamatan Prajurit Kulon, Kota Mojokerto,
Jawa Timur 61322, Indonesia. KPU Kota Mojokerto memiliki tugas sebagai
lembaga pengatur, pengelola dan pelaksana pemilu untuk daerah Kota
Mojokerto.
Melalui kantor ini, pengurusan pemilu pada wilayah atau daerah diproses.
Fungsi dan tugas KPU ini diantaranya merancang anggaran Pemilu, mengelola
data pemilih, menjalin kerjasama dengan instansi lain terkait lokasi pemilihan
umum, menyiapkan bahan kebutuhan pemilu seperti kursi tenda,
mengumpulkan hasil pemilu, mengolah hasil pemungutan suara, menerima
aduan terkait pemilu, melakukan sosialisasi pemilihan umum, menerima
pendaftaran calon pemimpin daerah baik calon legislatif (caleg), bupati dan
wakil bupati, wali kota dan wakilnya, gubernur dan wakilnya dan jabatan
politik lainnya.

Gambar 3. 1 Kantor KPU Mojokerto

3.2 Alamat Kantor Komisi Pemilihan Umum Kota Mojokerto

Kantor KPU Kota Mojokerto provinsi Jawa Timur beralamat di Jl.
Pahlawan No 11 Mergelo,Miji, Kecamatan Prajurit Kulon, Kota Mojokerto,
Jawa Timur 61322.

10
 Gambar 3. 2 Maps Kantor KPU Mojokerto

3.3 Logo Komisi Pemilihan Umum (KPU)

Gambar 3. 3 Logo KPU

Makna yang terkandung dalam lambang KPU tersebut adalah:

a. Bentuk segiempat lonjong menggambarkan bentuk perisai yang bermakna
penjagaan diri.
b. Burung garuda dan lambang lima sila Pancasila yang berada di tengah
melambangkan dasar Negara Indonesia, yakni Pancasila.
c. Warna merah putih yang juga berada di tengah merupakan warna bendera
resmi Indonesia.
d.Tulisan KOMISI PEMILIHAN UMUM menyatakan bahwa lambang ini
dimiliki oleh KPU
Arti warna yang terdapat pada lambang KPU adalah:
1)Warna hijau melambangkan kesuburan dan kemakmuran.
2) Warna kuning melambangkan keagungan, kemuliaan, dan kekayaan.
3) Warna hitam melambangkan keteguhan dan keabadian.
4) Warna merah melambangkan keberanian.
5) Warna putih melambangkan keurnian, kesucian, dan kejujuran(Ansori,
2015)

11
3.4 Visi dan Misi KPU
Visi
Terwujudnya Komisi Pemilihan Umum sebagai penyelenggara Pemilihan
Umum yang memiliki integritas, profesional, mandiri, transparan dan
akuntabel, demi terciptanya demokrasi Indonesia yang berkualitas berdasarkan
Pancasila dan UUD 1945 dalam wadah Negara Kesatuan Republik Indonesia.
Misi
1. Membangun lembaga penyelenggara Pemilihan Umum yang memiliki
kompetensi, kredibilitas dan kapabilitas dalam menyelenggarakan
Pemilihan Umum;
2. Menyelenggarakan Pemilihan Umum untuk memilih Anggota Dewan
Perwakilan Rakyat, Dewan Perwakilan Daerah, Dewan Perwakilan Rakyat
Daerah, Presiden dan Wakil Presiden serta Kepala Daerah dan Wakil
Kepala Daerah secara langsung, umum, bebas, rahasia, jujur, adil,
akuntabel, edukatif dan beradab;
3. Meningkatkan kualitas penyelenggaraan Pemilihan Umum yang bersih,
efisien dan efektif;
4. Melayani dan memperlakukan setiap peserta Pemilihan Umum secara adil
dan setara, serta menegakkan peraturan Pemilihan Umum secara konsisten
sesuai dengan peraturan perundang-undangan yang berlaku;
5. Meningkatkan kesadaran politik rakyat untuk berpartisipasi aktif dalam
Pemilihan Umum demi terwujudnya cita-cita masyarakat Indonesia yang
demokratis.

12
3.5 Metode Kegiatan

3.5. 1 Lokasi dan Waktu Kegiatan

Nama Mahasiswa : Okta Kurnia Fitriani Ma’ruf
NIM : 1955201167
Waktu : 4 Juli – 19 Agustus 2022
Lokasi : Kantor KPU Kota Mojokerto

3.5.2 Metode Kegiatan

Pengumpulan Data

Desain Sistem

Implementasi

Uji Coba

 Langkah awal yang dilakukan penulis dalam membuat aplikasi adalah

mengumpulkan data, disini penulis melakukan pengumpulan data
dengan langsung datang dan melakukan PKL di Kantor KPU Kota
Mojokerto selama kurang lebih satu bulan, selama masa masa PKL
penulis banyak melakukan tanya jawab atau wawancara dengan
Kepala Sub Bagian Divisi Teknis KPU untuk mengetahui apa yang
dibutuhkan pihak Divisi Teknis guna mengatasi masalah yang terdapat
di KPU.

 Selanjutnya, setelah mengetahui kebutuhan dari pihak KPU khususnya

di Divisi Teknis dan setelah mendapatkan data – data yang akan

13
digunakan, barulah penulis dapat membuat desain sistem, desain
sistem yang akan penulis rancan terdapat dua desain, yaitu desain
tampilan aplikasi atau disebut dengan mockup dan desain alur aplikasi
atau flowchart . Untuk desain tampilan aplikasi yang akan dibuat.
Disini penulis menggunakan aplikasi Adobe Xd berikut beberapa
tampilan dari hasil desain yang penulis buat :
1. Yang pertama terdapat tampilan desain halaman Login, halaman
Login ini adalah halaman awal yang akan tampil ketika sistem
dijalankan, terdapat beberapa tampilan di halaman Login ini,
diantaranya username dan password, yang nantinya pengguna
wajib mengisi username dan password agar dapat masuk ke
dashboard atau tampilan selanjutnya di SIAS dengan perintah
Login.

Gambar 3. 4 Desain UI Halaman Login

2. Yang kedua setelah halaman Login terdapat halaman Dashboard,

halaman dashboard ini penulis desain dengan menampilkan
beberapa macam menu, yakni menu utama dan pendukung,
ditampilan dashboard ini penulis juga menambahkan grafik data
agar nantinya memudahkan pengguna membandingkan jumlah
data arsip SK setiap bulannya. Untuk kategori menu utama pada
Dashboard ini diantaranya adalah menu Transaksi Surat, menu
Buku Agenda, Users dan Data. Untuk kategori menu pendukung
terdapat Tentang. Penulis juga menambahkan Log Activity pada
tampilan Dashboard agar pengguna dapat mengetahui aktifitas
terakhir yang terlah dilakukan di SIAS.

14
 Gambar 3. 5 Desain UI Halaman Dashboard

3. Ketiga , terdapat desain UI untuk Halaman Transaksi Surat SK

Parpol , di tampilan ini penulis menampilkan tampilan seperti
pada gambar, terdapat tampilan table dengan beberapa kolom
yaitu kolom Nomor, Nomor Agenda dan Jenis Surat, Isi Ringkas
File, Asal Surat, Nomor Tanggal Surat, dan Action. Untuk Action
sendiri terdapat beberapa perintah yaitu, Edit, Hapus, Disposisi,
dan Print. Terdapat juga menu untuk menambahkan SK yaitu
Tambah SK, menu melihat beberapa tampilan teratas yaitu Show
entries dan menu untuk mencari SK yaitu Search.

Gambar 3. 6 Desain UI Transaksi Surat SK Parpol

4. Keempat, untuk tampilan keempat terdapat desain UI untuk

tampilan Tambah SK Parpol. Disini penulis menampilkan
halaman Tambah SK Parpol dengan tampilan beberapa kolom
yaitu, kolom Nomor Agenda, Nomor Surat, Jenis Surat, Tanggal
Surat, Asal Surat, Isi Ringkas, dan File. Di kolom File ini

15
 nantinya pengguna dapat menambahkan file untuk di upload atau
disimpan dengan menggunakan perintah Simpan, dan apabila
ingin mengembalikan tampilan kolom seperti semula dapat
menggunakan perintah Reset.

Gambar 3. 7 Desain UI Halaman Tambah SK

5. Kelima, untuk tampilan kelima terdapat Desain UI untuk Buku

Agenda, menu Buku Agenda ini digunakan untuk mencetak surat
dan mengexport data yang terdapat dalam SIAS ke Excel. Disini
penulis membuat tampilan Buku Agenda dengan tampilan dua
kolom yaitu , kolom dari tanggal dan sampai tanggal yang
berfungsi untuk menentukan batas pencarian SK, juga terdapat
menu Export to Excel dan action Print serta Refresh.

Gambar 3. 8 Desain UI Buku Agenda

16
6. Keenam, selanjutnya terdapat menu Ussers, menu Ussers ini
diguunakan untuk menampilkan atau melihat siapa saja yang
sedang login aplikasi SIAS, di Ussers ini admin juga mempunyai
hak akses untuk menambah user, mengedit user, dan menghapus
user. Pada tampilan ini penulis membuat tampilan dengan
menampilkan beberapa kolom diantaranya kolom Nomor, Foto,
Username, Fullname, Level, Jenis Kelamin dan Action, untuk
action atau perintah terdapat tiga menu, Tambah User, Hapus dan
Edit User. Juga terdapat menu show entries untuk menampilkan
beberapa jumlah User dan search untuk mencari User.

Gambar 3. 9 Desain UI Users

7. Ketujuh, pada tampilan ketujuh ini terdapat desain UI untuk

menu Tambah Users. Tambah Users ini hanya bisa dilakukan
oleh admin, karena admin memiliki hak akses penuh terhadap
aplikasi SIAS. Untuk tampilan desainnya sendiri penulis
membuat tampilan berupa beberapa kolom yang mana admin
harus mengisi kolom – kolom tersebut terlebih dahulu untuk
menambahkan user, kolom tersebut diantaranya, username,
fullname, level, jenis kelamin, password, foto. Dan dua action
atau perintah yaitu, simpan dan reset.

17
 Gambar 3. 10 Desain UI Tambah Users

8. Kedelapan, untuk tampilan kedelapan terdapat menu Data, untuk

tampilan Data ini terdapat dua menu yaitu Backup dan Restore .
Backup disini digunakan untuk menyalin data atau file dari satu
perangkat atau media ke media sekunder. Sedangkan Restore
digunakan untuk mengembalikan data atau file dari Backup. Pada
tampilan Backup dan Restore ini penulis membuat desain yang
hampir sama , hanya berbeda perintah dan note atau catatan
sebelum melakukan Backup dan Restore.

Gambar 3. 11 Desain UI Backup

18
 Gambar 3. 12 Desain UI Restore

9. Kesembilan, untuk tampilan desain UI kesembilan ini terdapat

menu pendukung yaitu menu Tentang, pada menu Tentang ini
tidak menampilkan menu apapun lagi dan hanya berisi uraian
singkat tentang aplikasi SIAS. Berikut tampilannya.

Gambar 3. 13 Desain UI Tentang

 Setelah penulis membuat desain UI atau desain tampilan aplikasi

(mockup) penulis juga membuat desain alur aplikasi (flowchart).
Pengertian flowchart sendiri adalah diagram yang menampilkan
langkah – langkah dan keputusan untuk melakukan sebuah proses dari
suatu program.

19
Dalam pembuatan project penulis sudah menentukan dan
merencanakan alur program yang akan dibuat, agar tools lebih efisien
juga mempermudah user tanpa harus berlatar belakang bidang IT
(userfriendly). Diagram Alur Aplikasi digunakan sebagai batasan agar
tidak keluar dari pokok pembahasan atau data. Adapun Alur
pembuatan Aplikasi SIAS pada Devisi Teknis Kantor (KPU) Kota
Mojokerto terangkum pada gambar gambar berikut.

Gambar 3. 14 Alur Transaksi Surat SIAS

Gambar 3. 15 Alur Buku Agenda SIAS

20
 Gambar 3. 16 Alur Admin Users

Terdapat tiga flowchart yang terpisah karena dalam pembuatan SIAS ini
menggunakan tiga perintah yaitu transaksi surat, buku agenda dan halaman
admin users yang saling berkaitan.
 Alur Transaksi Surat SK Parpol diawali dengan login dan pasword yang
telah dibuat sebelumnya. Apabila berhasil login maka diteruskan pada
tampilan dasboard yang berisikan penambahan sk parpol dan sk
ketua/sekretariat. Jika data sudah sesuai maka diteruskan pada menu cetak
surat, edit surat, dan hapus surat. Lihat gambar 3.14.

 Alur Buku Agenda SK Parpol diawali dengan login dan password yang
telah dibuat sebelumnya. Apabila berhasil login maka diteruskan pada
tampilan dashboard yang berisikan input agenda sk parpol dan sk
ketua/sekretariat, jika peng-inputan data sudah dapat dilakukan maka akan
diteruskan ke menu cetak dan refresh . Lihat gambar 3.15.

 Alur Admin dan Users diawali dengan login dan password yang telah
dibuat sebelumnya. Apabila login berhasil maka diteruskan ke menu users
lalu diarahkan ke menu tambah users, jika penambahan users berhasil maka
akan terdapat menu lain yaitu edit users dan hapus users. Lihat gambar
3.16.

21
 Setelah membuat desain sistem penulis akan mengimplementasikan
data menjadi sebuah aplikasi, yaitu dari source code menjadi aplikasi
yang diakses menggunakan localhost kemudian dari localhost yang
dapat diakses melalui internet atau dapat disebut proses hosting.
Implementasi source code dilakukan menggunakan Visual Studio Code
dan XAMPP. Visual Studio Code berfungsi sebagai media coding, dan
XAMPP berfungsi untuk membuat database aplikasi.
Kemudian untuk proses hosting penulis menggunakan akses hosting
gratis atau non berbayar . Hosting dapat dilakukan ketika implementasi
source code berhasil dilakukan.
 Setelah aplikasi berhasil dibuat, penulis akan melakukan uji coba atau
pengujian sistem pada aplikasi, guna mengidentifikasi apakah fitur –
fitur yang terdapat di aplikasi dapat berfungsi atau tidak. Pengujian ini
menggunakan uji coba blackbox.

22
 BAB IV
KEGIATAN

4.1 Implementasi

4.1.1 Implementasi Source Code dan Tampilan Aplikasi

Dalam pembuatan Source Code SIAS penulis memerlukan tiga
atribut yang penting yaitu Transaksi Surat, Buku Agenda dan Halaman
Admin Users, Aplikasi SIAS dapat digunakan oleh satu admin yang
berkewenangan dan tanggungjawab penuh atas aplikasi. Untuk admin
yang dapat login hanya satu, yaitu dari pihak admin KPU dengan hak
akses dapat menambah, menghapus, dan mengedit data maupun users.

 Adapun tampilan form login adalah sebagai berikut. Sebelum masuk

kedalam aplikasi SIAS pengguna harus login terlebih dulu
menggunakan username dan password yang telah dimiliki. Karena
pengguna yang dapat login hanya satu yaitu admin, untuk user dapat
mengakses SIAS menggunakan link SIAS yang di dapat dari
hostingan.
Disini admin yang akan login menginputkan username yaitu admin.
Dengan password admin.

Gambar 4. 1Halaman Login SIAS

23
 Setelah berhasil login maka akan diarahkan menuju dashboard, yang
berisi berbagai macam menu diantaranya, menu Transaksi Surat, Buku
Agenda, Users, Data, dan Tentang. Pada Dashboard ini juga terdapat
Grafik Data yang berfungsi untuk menampilkan banyaknya jumlah surat
SK di masing – masing devisi setiap bulannya. Terdapat juga Log Activity
untuk menampilkan aktifitas terakhir yang dilakukan pengguna, baik dari
admin atau user.

Gambar 4. 2Halaman Dashboard

 Dibawah menu Dashboard terdapat menu Transaksi Surat, Transaksi

Surat disini berisi dua menu lagi, yaitu menu SK Parpol dan Tambah SK
Ketua/Sekretariat, karena SK yang digunakan di Divisi Teknik adalah SK
Parpol maka penjelasan penulis kali ini di fokuskan pada SK Parpol. Di SK
Parpol sendiri memiliki tampilan seperti pada gambar 4.3. Terdapat
beberapa menu dan perintah (action) diantaranya, menu Tambah SK yang
berfungsi untuk menambahkan SK baru. Menu show entries yang berfungsi
menampilkan beberapa jumlah SK terbaru, dan menu Search yang
digunakan untuk mencari SK dengan kata kunci tertentu. Untuk Actionnya
terdapat perintah Edit, Hapus, Disposisi dan Cetak yang mana setiap Action
atau perintah memiliki fungsi yang berbeda beda.

24
 Gambar 4. 3 Halaman SK Parpol

 Di dalam menu SK Parpol terdapat menu Tambah SK, seperti yang penulis
jelaskan di gambar 4.3. Menu Tambah SK ini memiliki fungsi untuk
menambahkan SK baru, jadi semisal terdapat SK Parpol baru yang harus di
Update pengguna dapat menambahkannya pada menu Tambah SK ini. Tampilan
Tambah SK sendiri memiliki tampilan seperti pada gambar 4.4, terdapat
beberapa kolom yang harus diisi jika ingin menambahkan SK kemudian jika data
yang diisikan sudah sesuai pengguna dapat menggunakan perintah Simpan untuk
menyimpan data SK baru.

Gambar 4. 4Halaman Tambah SK Parpol

25
 Dibawah menu Transaksi Surat terdapat menu Buku Agenda , Buku
Agenda ini terdapat dua menu yaitu agenda SK Parpol dan SK Ketua dan
Sekretariat. Untuk Devisi Teknis sendiri menggunakan Buku Agenda SK
Parpol, menu ini memiliki fungsi untuk mencetak surat secara otomatis dan
export data SIAS ke Excel. Untuk tampilannya sendiri Buku Agenda SK
Parpol memiliki tampilan seperti pada gambar 4.5, pengguna dapat
mencetak surat secara otomatis dengan mengisi kolom Dari Tanggal dan
Sampai Tanggal, karena nantinya hasil surat yang tercetak menampilkan
banyaknya SK yang terdapat pada rentang waktu tanggal tersebut.

Gambar 4. 5Halaman Buku Agenda SK Parpol

 Untuk menu selanjutnya terdapat menu Users, di menu Users ini kita
dapat melihat siapa saja yang mengakses SIAS, di menu Users admin
dapat menambah users, mengedit, serta menghapus users. Berikut tampilan
menu Users dan menu Tambah Users.

26
 Gambar 4. 6Halaman Users

Gambar 4. 7 Halaman Tambah Users

 Selanjutnya ada menu Data, dimenu data terdapat dua menu lagi yaitu menu
Restore dan Backup. Backup disini digunakan untuk menyalin data atau file dari
satu perangkat atau media ke media sekunder. Sedangkan Restore digunakan
untuk mengembalikan data atau file dari Backup. Pada tampilan Backup dan
Restore ini penulis membuat desain yang hampir sama , hanya berbeda perintah

27
dan note atau catatan sebelum melakukan Backup dan Restore.Untuk tampilan
menunya adalah sebagai berikut.

Gambar 4. 8 Halaman Restore

Gambar 4. 9 Halaman Backup

28
 Dan yang terakhir terdapat menu Tentang, di menu ini tidak terdapat
fitur atau menu lain dan hanya berisikan deskripsi singkat tentang SIAS,
berikut tampilannya.

Gambar 4. 10 Halaman Tentang

29
4.1.2 Upload ke Hosting
Ketika semua sourcode dirasa sudah mencukupi kebutuhan dan
sesuai dengan kerangka alur flowchart maka langkah selanjutnya
adalah mengupload aplikasi ke hosting. Hosting yang digunakan dalam
SIAS sudah disediakan oleh internet dengan akses gratis. Disini
penulis menggunakan https://000webhostapp.com . Proses upload
aplikasi sebagai berikut :
1. Masuk ke halaman utama hosting lalu ke halaman dashboard
hosting. Dihalaman ini sebelumnya harus melakukan registrasi
atau mendaftar dahulu dengan menggunakan Email untuk
membuat akun hostingan. Ketika sudah melakukan registrasi
barulah dapat masuk ke halaman Dashboard hosting. Disini
penulis melakukan register dengan memberikan nama siassku
untuk akun hostingannya.

Gambar 4. 11 Halaman Utama Hosting

30
Gambar 4. 12 Halaman Dashboard Hosting

31
2. Upload hosting, dalam mengupload hosting nantinya penulis
akan mengupload file – file yang terdapat pada visual studio code
untuk dihostingkan. Terlihat pada gambar 4.13 terdapat perintah
Upload File.

Gambar 4. 13 Upload Hosting

3. Upload file project ke hosting, untuk upload file ke hosting

terlihat pada gambar 4.14 terdapat menu Select File yang
berfungsi untuk menginputkan file mana yang nantinya akan di
hosting, disini penulis memberi nama file project dengan nama
sias.zip.

Gambar 4. 14 Upload File

32
4. Hasil setelah upload file, setelah upload file dilakukan maka
akan tampil tampilan seperti pada gambar 4.15, ini adalah hasil
dari penguploadan file ke hosting.

Gambar 4. 15 Hasil Upload ke Hosting

5. Menambahkan database, setelah hasil hosting dapat tampil atau

berhasil dilakukan, maka proses selanjutnya adalah
menambahkan database. Untuk menambahkan database maka
harus mengisi nama database, username database, dasn
password.
Untuk nama database disini adalah “id_19412120_sias” dan
untuk user databsenya adalah “id_19412120_root”,
passwordnya adalah “JedG1z7nM11n-2Tj”. Jika sudah terisi
maka klik Buat.

33
 Gambar 4. 16 Halaman Database

6. Hasil setelah menambahkan database, setelah menambahkan

database maka akan muncul tampilan seperti pada gambar 4.17.
Terlihat pada tampilan terdapat nama database, user database
dan localhost

Gambar 4. 17 Hasil imput Database

34
7. Setting koneksi database sesuai nama dan password yang sudah
dinuat pada poin 5, yaitu untuk nama database disini adalah
“id_19412120_sias” dan untuk user databsenya adalah
“id_19412120_root”, passwordnya adalah “JedG1z7nM11n-
2Tj”. Lalu klik Save.

Gambar 4. 18Setting Database

35
4.2 Uji Coba atau Pengujian Sistem
Pengujian sistem merupakan proses mengeksekusi sistem perangkat lunak
untuk menentukan apakah sistem perangkat lunak tersebut cocok dengan
spesifikasi sistem dan berjalan sesuai dengan lingkungan yang diinginkan.
Pengujian sistem sering diasosiasikan dengan pencarian bug,
ketidaksempurnaan program, kesalahan pada baris program yang menyebabkan
kegagalan pada eksekusi sistem perangkat lunak. (Ii & Pustaka, 1992). Agar
Aplikasi terbebas dari kesalahan baik secara logika atau inputan, maka
dilakukan pengujian terhadap Aplikasi SIAS secara Blackbox.
Al Fatta (2007:172), Pengujian blackbox adalah metode pengujian yang
berfokus pada apakah unit program memenuhi kebutuhan (requipment) yang
disebutkan dengan spesifikasi. Pada blackbox testing, cara pengujian hanya
dilakukan dengan menjalankan atau mengeksekusi unit atau modul, kemudian
diamati apakah hasil dari unit itu sesuai dengan proses bisnis yang diinginkan.
Iskandaria (2012), Pengujian blackbox (blackbox testing) adalah salah satu
metode pengujian perangkat lunak yang berfokus pada sisi fungsionalitas,
khususnya pada input dan output aplikasi (apakah sudah sesuai dengan apa yang
diharapkan atau belum). Tahap pengujian merupakan salah satu tahap yang
harus ada dalam sebuah siklus pengembangan perangkat lunak.
Dengan adanya pengujian blackbox testing ini diharapkan jika ada kesalahan
maupun kekurangan di dalam aplikasi dapat segera diketahui sedini mungkin
oleh peneliti.
Rincian pengujian Blackbox terangkum pada tabel 4.1 :

Table 4 1 Hasil Uji Coba

NO FORM UJI HASIL UJI HASIL KESESUAIAN

DIHARAPKAN
Menampilkan Menampilkan
1. Form Login Username, Username, Sesuai
Password, dan Password, dan
Login Login

Menampilkan Menampilkan
2. Form Transaksi Transaksi Sesuai
Dashboard Surat,Buku Surat,Buku
atau Halaman Agenda, Users, Agenda, Users,
Data. Tentang Data. Tentang

36
 Dashboard dan juga grafik dan juga grafik
data data

Menampilkan dua Menampilkan dua

menu yaitu SK menu yaitu SK
Parpol dan SK Parpol dan SK
Ketua/Sekretariat, Ketua/Sekretariat,
3. Form menampilkan menampilkan Sesuai
Transaksi tambah SK, dan tambah SK, dan
Surat beberapa action beberapa action
diantaranya, diantaranya,
hapus ,edit, hapus ,edit,
review, dan print review, dan print
Menampilkan Menampilkan
keterangan keterangan
sebagai berikut, sebagai berikut,
No.Agenda, No.Agenda,
No.Surat, Jenis No.Surat, Jenis
4. Form menu Surat, Tanggal Surat, Tanggal Sesuai
tambah SK Surat, Asal Surat, Surat, Asal Surat,
Isi Ringkas, File, Isi Ringkas, File,
dan perintah dan perintah
Simpan serta Simpan serta
Reset Reset
Menampilkan Menampilkan
menu dua menu menu dua menu
yaitu SK Parpol yaitu SK Parpol
dan SK dan SK
5. Form Buku Ketua/Sekretariat, Ketua/Sekretariat, Sesuai
Agenda menampilkan menampilkan
perintah export perintah export
data, cetak atau data, cetak atau
print, dan refresh print, dan refresh
Menampilkan Menampilkan
6. Form Users menu tambah menu tambah Sesuai
users dan action users dan action
diantaranya, diantaranya,
hapus dan edit hapus dan edit
Menampilkan Menampilkan
keterangan keterangan
diantaranya, diantaranya,
7. Form Sesuai
Username, Username,
Tambah Fullname, Level, Fullname, Level,
Users Jenis Kelamin, Jenis Kelamin,
Password, Foto Password, Foto

37
 beserta menu beserta menu
Simpan dan Reset Simpan dan Reset

Menampilkan dua Menampilkan dua

8. Form Data menu yaitu, menu yaitu, Sesuai
Backup dan Backup dan
Restore. Restore

9. Form Backup Menampilkan Menampilkan Sesuai

menu Backup menu Backup

10. Form Restore Menampilkan Menampilkan Sesuai

menu Restore menu Restore

38
 BAB V
PENUTUP

5. 1 Kesimpulan

Pada Praktek Kerja Lapangan yang telah dilakukan di Kantor Komisi

Pemilihan Umum Kota Mojokerto dalam kurun waktu 1 bulan, membutuhkan
perancangan Perancangan Sistem Informasi Arsip Surat SK Parpol Divisi
Teknis untuk mengelola SK Parpol berbasis web. Hal tersebut dibutuhkan
karena untuk memudahkan staff KPU Kota Mojokerto dalam melakukan
pengelolaan arsip . Rancangan aplikasi SIAS yang telah selesai dibuat
diharapkan dapat membantu mengorganisir arsip surat SK Parpol agar lebih
cepat dan efisien. Sistem Informasi Arsip SK Parpol (SIAS) berjalan dengan
baik dibuktikan dengan hasil dari black box testing yang telah dilakukan.
Setelah melakukan kegiatan praktek kerja lapangan pada Kantor Komisi
Pemilihan Umum (KPU) Kota Mojokerto penulis mendapatkan banyak
pengalaman kerja serta peningkatan pada kemampuan perancangan serta
pembuatan Sistem Informasi Pengelolaan Arsip SK Parpol (SIAS) Berbasis
Web sehingga bermanfaat dan dapat diaplikasikan kedepannya. Layanan arsip
ini dapat diakses melalui link https://siassku.000webhostapp.com/

5. 2 Saran
Saran penulis pada proyek Perancangan Sistem Informasi Arsip Surat
SK Parpol Divisi Teknis masih diperlukan pengembangan pada fitur tambah
SK, karena di fitur ini di bagian hostingannya terkadang masih terjadi bugg
sehingga fitur tidak dapat digunakan maka masih diperlukan pengkajian lebih
lanjut mengenai fitur tersebut dikemudian hari.

39
 LAMPIRAN

A. Lampiran Nilai Praktik Kerja Lapangan Oleh Pembimbing Lapangan

40
B. Lampiran Sertifikat Praktik Kerja Lapangan

C. Foto Dokumentasi Saat Mempresentasikan Project

41
D. Log Book Harian Praktik Kerja Lapangan

42
43
44
 DAFTAR PUSTAKA

Ansori. (2015).. Paper Knowledge . Toward a Media History of Documents, 3(April), 49–58.
Bhakti, S. (2020). SPR Bhakti. Angewandte Chemie International Edition, 6(11), 951–952.,
8–12.
Ghozi, M., Hamka, J., Unp, K., & Padang, A. T. (2018). VOTEKNIKA Jurnal Vokasional
Teknik Elektronika dan Informatika PENGEMBANGAN SISTEM INFORMASI
MANAJEMEN ARSIP DAN DISPOSISI SURAT BERBASIS WEB DI BPN KOTA
PADANG. 6(2). http://ejournal.unp.ac.id/index.php/voteknika/index
Ii, B. A. B., & Pustaka, T. (1992). Politeknik Negeri Sriwijaya. Sumber Elektronika, VI(7), 4–
28. http://electrozone94.blogspot.co.id/2013/10/panel-surya-
Jasa, K. (2000). Bab 2 Landasan Teori. Aplikasi Dan Analisis Literatur Fasilkom UI,
m(1998), 7–34. http://elib.unikom.ac.id/files/disk1/655/jbptunikompp-gdl-supriadini-
32740-6-12.unik-i.pdf
Kosanke, R. M. (2019).. 11–31.
Priyono. (2010). TINJAUAN PUSTAKA DAN LANDASAN TEORI (Skripsi Universitas
Mercubuana Yogya). TINJAUAN PUSTAKA DAN LANDASAN TEORI (Skripsi
Universitas Mercubuana Yogya), 9(1), 76–99.
Simangunsong, A., & Informatika, M. (2018). Sistem Informasi Pengarsipan Dokumen
Berbasis Web. Jurnal Mantik Penusa, 2(1), 11–19. http://e-
jurnal.pelitanusantara.ac.id/index.php/mantik/article/view/317
Suryadi, A. (2019). Rancang Bangun Sistem Pengelolaan Arsip Surat Berbasis Web
Menggunakan Metode Waterfall (Studi Kasus : Kantor Desa Karangrau Banyumas).
Jurnal Khatulistiwa Informatika, 7(1), 13–21. https://doi.org/10.31294/jki.v7i1.36
Wicaksana, A. (2016).. Https://Medium.Com/, 10–31.
https://medium.com/@arifwicaksanaa/pengertian-use-case-a7e576e1b6bf

45