LAPORAN PRAKTIK KERJA LAPANGAN DI BADAN

PENGAWAS PEMILU KOTA PONTIANAK

MERANCANG DESAIN USER INTERFACE WEBSITE
KEGIATAN SOSIALISASI BAWASLU KOTA PONTIANAK

Diajukan Sebagai Syarat Menyelesaikan Kegiatan Praktik Kerja Lapangan

Pada Program Studi Teknik Informatika
Jurusan Teknik Elektro

DISUSUN OLEH:

FANDI ANANTA
NIM. 3201816041

PROGRAM STUDI TEKNIK INFORMATIKA JURUSAN TEKNIK

ELEKTRO POLITEKNIK NEGERI PONTIANAK

2021
 LEMBARAN PENGESAHAN

LAPORAN PRAKTIK KERJA LAPANGAN

MERANCANG DESAIN USER INTERFACE WEBSITE KEGIATAN

SOSIALISASI BAWASLU KOTA PONTIANAK
PONTIANAK

Oleh :

Fandi Ananta (NIM: 3201816041)

Dosen Pembimbing :

Lindung siswanto, S.kom., M.Eng.

NIP. 19840611 201903 1 012

Telah dipertahankan di depan penguji pada tanggal 12 Juli 2019 dan dinyatakan
memenuhi syarat sebagai Laporan Praktik Kerja Lapangan.

Dosen Penguji :

Penguji 1 Penguji, 2

Nurul Fadilah,S.T.,M.Ed.TESOL Tommi Suryanto,S.Kom., M.Kom

NIP.198211052008012014 NIP. 199010202019031013
Mengetahui,

Ketua Jurusan Teknik Elektro, Ketua Program Studi Teknik Informatika,

Hasan, S.T., M.T. Suheri, S.T., M.Cs.

NIP. 197108201999031003 NIP. 198307172008121005
 RINGKASAN

Praktek Kerja Lapangan atau di singkat dengan PKL adalah suatu bentuk
penyelenggaraan pendidikan keahlian professional yang memadukan secara
sistematik dan sinkron program penguasaan keahlian yang diperoleh melalui
kegiatan bekerja langsung di dunia kerja. Seiring berjalannya waktu, teknologi
mengalami perkembangan yang sangat pesat, tak terkecuali website. Agar
perkembangan teknologi website semakin baik, para programmer dituntut untuk
menerapkan teknologi terbaru pada apa yang di rencangnya, merancang sebuah
teknologi website bukanlah perkara yang mudah, banyak tantangan dari dalam
maupun luar yang harus di lewati. 

Badan Pengawas Pemilu atau yang disingkat dengan Bawaslu adalah

lembaga pemilu yang bertugas mengawasi penyelenggaraan pemilu, Bawaslu
bergerak dibidang pengawasan. Bawaslu Kota Pontianak sendiri dibagi dalam
lima Divisi, yaitu Divisi Sumber Daya Manusia Dan Organisasi, Divisi
Pengawasan Dan Hubungan Antar Lembaga, Divisi Hukum Dan Informasi, Divisi

Penanganan Penyelenggaraan, dan Divisi Penyelesaian Sengketa.

Dari kegiatan PKL yang telah dilakukan, penulis banyak memperoleh

manfaat, baik itu pengalaman dan pengetahuan dalam dunia kerja. Sehingga dapat
menambah wawasan dan mengetahui seberapa jauh kemampuan yang sudah
didapat di bangku perkuliahan. Dalam proses pembuat UI website Kegiatan
Sosialisaasi Bawaslu banyak sekali rintagan yang penulis hadapi, kurangnya
pengetahuan penulis tentang UI yang menjadi penghambat dalam pengerjaan
project tersebut.
 KATA PENGANTAR

Puji syukur penulis panjatkan kehadiran Allah SWT karena atas berkat,
rahmat dan karunia-Nya, penulis masih dapat diberikan kesempatan untuk
menyelesaikan laporan hasil Praktik Kerja Lapangan (PKL) tepat waktu. Dengan
selesainya kegiatan Praktik Kerja Lapangan (PKL) sekaligus laporan hasil
kegiatan tentunya tidak terlepas dari dukungan dan bantuan oleh beberapa pihak
yang telah memberi masukan-masukan kepada penulis. Untuk itu, penulis
mengucapkan banyak terima kasih kepada:

1. Orang tua yang selalu memberikan nasihat dan dukungan dalam proses
jalannya kegiatan PKL
2. Bapak Ir. H. M. Toasin Asha, M. Si selaku Direktur Politeknik Negeri
Pontianak
3. Bapak Hasan, ST., MT selaku Ketua Jurusan Teknik Elektro Politeknik Negeri
Pontianak
4. Bapak Suheri, ST,. M.cs selaku Ketua Prodi Teknik Informatika Politeknik
Negeri Pontianak
5. Bapak Tommi Suryanto, S.Kom., M.Kom selaku Koordinator Praktik Kerja
Lapangan Politeknik Negeri Pontianak
6. Bapak Lindung Siswanto,S.Kom., M.Eng selaku Dosen Pembimbing
7. Ibu Nurul Fadilah,S.Pd.,M.Ed.TESOL selaku Penguji 1
8. Bapak Tommi Suryanto, S.Kom.,M.Kom selaku Penguji 2
9. Bapak Budahri, S.E.I selaku ketua Bawaslu Kota Pontianak
10. Bapak Irwan Manik Radja,ST.,MT selaku pembimbing lapangan yang telah
memberikan arahan, bimbingan, serta berbagai pengalaman baru kepada
penulis selama berlangsungnya kegiatan PKL
Seluruh staf kantor Bawaslu Kota Pontianak yang telah memberikan arahan
dan bimbingan saat kegiatan PKL berlangsung
11. Teman – teman mahasiswa Jurusan Teknik Elektro khususnya Program Studi
Teknik Informatika yang sangat mendukung sekaligus memberikan semangat
selama berlangsungnya kegiatan PKL
Penulis menyadari masih banyak yang kurang dalam penulisan laporan ini,
mungkin masih terdapat banyak kekurangan dari teknik penyajiannya, mengingat
kurangnya pengetahuan dan pengalaman yang penulis miliki. Oleh karena itu,
kritik dan saran dari pembaca yang membangun sangat penulis harapkan untuk
menjadi pelajaran di kemudian hari, namun dengan itu penulis berusaha sebaik
mungkin untuk membuat laporan Praktik Kerja Lapangan ini. Semoga laporan
Praktik Kerja Lapangan ini dapat memberikan manfaat bagi kita.

Pontianak, 04 Februari 2021

Penulis ,

Fandi Ananta
DAFTAR ISI
DAFTAR GAMBAR
DAFTAR TABEL
DAFTAR LAMPIRAN
 BAB I
PENDAHULUAN
1.1 Latar Belakang
Praktek Kerja Lapangan atau di singkat dengan PKL adalah suatu bentuk
penyelenggaraan pendidikan keahlian professional yang memadukan secara
sistematik dan sinkron program penguasaan keahlian yang diperoleh melalui kegiatan
bekerja langsung di dunia kerja. PKL juga merupakan salah satu matakuliah semester
lima yang wajib diikuti Mahasiswa D3 Jurusan Teknik Elektro, khususnya Prodi
Teknik Informatika Politeknik Negeri Pontianak. Selain untuk memenuhi kegiatan
akademik, PKL juga diharapkan dapat menjadi penghubung dunia pendidikan dan
dunia kerja.

Seiring berjalannya waktu, teknologi mengalami perkembangan yang sangat

pesat, tak terkecuali website. Agar perkembangan teknologi website semakin baik,
para programmer dituntut untuk menerapkan teknologi terbaru pada apa yang di
rencangnya, merancang sebuah teknologi website bukanlah perkara yang mudah,
banyak tantangan dari dalam maupun luar yang harus di lewati. Kegagalan tidak bisa
diletakkan ketika para programer ingin menciptakan teknologi web terbaru.

Badan Pengawas Pemilu atau yang disingkat dengan Bawaslu adalah lembaga
pemilu yang bertugas mengawasi penyelenggaraan pemilu, Bawaslu bergerak
dibidang pengawasan. Bawaslu Kota Pontianak sendiri dibagi dalam lima Divisi,
yaitu Divisi Sumber Daya Manusia Dan Organisasi, Divisi Pengawasan Dan
Hubungan Antar Lembaga, Divisi Hukum Dan Informasi, Divisi Penanganan
Penyelenggaraan, dan Divisi Penyelesaian Sengketa.

Divisi Pengawas dan Hubungan Masyarakat serta Hubungan antar Lembaga

sebagai tempat Praktik Kerja Lapangan, pada Divisi ini bertugas untuk melakukan
sosialisasi ke berbagai tempat. oleh sebab itu Divisi tersebut akan melakukan
pendataan menggunakan MS.Exel , penulis melihat data yang di inputkan di MS.Exel
tidak efektif, maka penulis dan teman-teman lainnya yang melakukan Praktik Kerja
Lapangan membuatkan sebuah website untuk memudahkan Divisi tersebut , dan
membuatkan sebuah halaman yang berguna untuk masyarakat melihat daerah
mana saja yang sudah pihak Bawaslu lakukan sosialisasi .

Sebelum membuat website , terlebih dahulu penulis akan membuat tampilan

User interface , karena hal yang pertama yang dilihat masyarakat ketika membuka
website adalah tampilan UI nya terlebih dahulu.

Berdasarkan pembahasan di atas maka penulis memilih untuk membuat laporan

yang berjudul “Merancang Desain User Interface website Kegiatan Sosialisasi
Bawaslu”.

1.2 Penetapan Masalah

Permasalahan yang dipaparkan pada latar belakang di atas adalah bagimana
merancang tampilan User Interface yang menarik dan mudah dipahami oleh
pengguna.

1.3 Tujuan Praktik Kerja Lapangan

Tujuan utama dari pelaksanaan PKL bagi Mahasiswa adalah sebagai berikut:
1 Meningkatkan wawasan pengetahuan, pengalaman, kemampuan serta
keterampilan di dunia kerja.
2 Dapat mempraktikkan ilmu yang telah didapat pada bangku perkuliahan di tempat
PKL.
3 Memperkenalkan lingkungan kerja yang sesungguhnya kepada Mahasiswa.
4 Melatih Mahasiswa untuk mensosialisasikan diri pada suasana lingkungan kerja
yang sesungguhnya berkait dengan disiplin ilmu dan tanggung jawab pekerjaan.
5 Untuk memenuhi salah satu syarat kelulusan D3 Jurusan Teknik Elektro Program
Studi Teknik Informatika di Politeknik Negeri Pontianak.
1.4 Manfaat Praktik Kerja Lapangan
Manfaat Praktik Kerja Lapangan sebagai berikut :

1.4.1 Manfaat Bagi Mahasiswa

Manfaat yang Mahasiswa dapatkan dari PKL antara lain :

1 Dapat menerapkan ilmu dan keterampilan yang telah diperoleh pada masa kuliah
dan menambah wawasan serta pengalaman baru.
2 Dapat mengetahui perbandingan antara teori dan ilmu yang diperoleh selama
perkuliahan dengan praktik di lapangan, khususnya di Bawaslu Kota Pontianak.
3 Meningkatkan kedisiplian dan tanggung jawab dalam bekerja.

1.4.2 Manfaat Bagi Politeknik Negeri Pontianak

Adapun manfaat yang Politeknik Negeri Pontianak dapatkan dari pelaksanaan

Praktik Kerja Lapangan antara lain :

1 Dapat meningkatkan relasi kerja sama antara lembaga pendidikan khususnya

Politeknik Negeri Pontianak dengan perusahaan terkait.
2 Dapat mempromosikan keberadaan Politeknik Negeri Pontianak di dunia kerja
khusunya di Bawaslu Kota Pontianak guna mengantisipasi kebutuhan tenaga kerja
profesional dan kompeten.
3 Meningkatkan kerja sama antara Politeknik Negeri Pontianak dengan Bawaslu
tempat Mahasiswa melakukan Praktik Kerja Lapangan.
4 Membantu karyawan di Bawaslu Kota Pontianak Melakukan tugas-tugas yang
diberikan.
5 Dapat memberikan saran kepada kepada instansi untuk meningkatkan kualitas
pelayanan di instansi terkait.
1.5 Waktu Dan Tempat Pelaksanaan Praktik Kerja Lapangan
Berdasarkan surat keterangan Praktik Kerja Lapangan yang dikeluarkan
oleh pihak Jurusan Teknik Elektro, pelaksanaan Praktik Kerja Lapangan
dilakukan selama 2 bulan yang di mulai pada tanggal 1 Desember 2020 sampai 31
Januari 2021. Adapun jam kerja yang diberlakukan untuk Mahasiswa PKL.

Waktu (WIB)
Hari
Masuk Istirahat Pulang

Senin - Kamis 08.00 12.00 - 13.00 16.00

Jum'at Project Take Home

Jam kerja yang diberlakukan pada Bawaslu Kota Pontianak kepada mahasiswa
magang mengikuti jam kerja kantor yaitu pukul 08.00 WIB sampai dengan 16.00
WIB untuk senin sampai dengan hari kamis, sedangkan hari jum’at mahasiswa
magang melakukan Project Take Home (mengerjakan project di rumah masing-
masing).

Untuk tempat pelaksanaan Praktik Kerja Lapangan dilaksanakan di Badan

Pengawas Pemilu Pontianak Kota di Jalan Johar No. 3, Kelurahan Tengah,
Kecamatan Pontianak Kota.

BAB II
RUANG LINGKUP
2.1 Sejarah Bawaslu Kota Pontianak
Bawaslu Kota Pontianak merupakan lembaga penyelenggara pemilu yang
bertugas mengawasi penyelenggaraan pemilu di wilayah Kota Pontianak.Menurut
UU ini dalam pelaksanaan pengawasan Pemilu dibentuk sebuah lembaga adhoc
terlepas dari struktur KPU yang terdiri dari Panitia Pengawas Pemilu, Panitia
Pengawas Pemilu Provinsi, Panitia Pengawas Pemilu Kabupaten/Kota, dan
Panitia Pengawas Pemilu Kecamatan. Selanjutnya kelembagaan pengawas Pemilu
dikuatkan melalui Undang-Undang Nomor 22 Tahun 2007 tentang Penyelenggara
Pemilu dengan dibentuknya sebuah lembaga tetap yang dinamakan Badan
Pengawas Pemilu (Bawaslu).

Gambar Logo Bawaslu Kota Pontianak

2.2 Visi dan Misi Bawaslu Kota Pontianak

Berikut adalah visi dan misi di Bawaslu Kota Pontianak :

2
2.1
2.2
2.2.1 Visi

Terwujudnya Bawaslu sebagai Lembaga Pengawal Terpecaya dalam

Penyelenggaraan Pemilu Demokratis, Bermartabat, dan Berkualitas .
2.2.2 Misi

1 Membangun Aparatur dan kelembagaan pengawas pemilu yang kuat, mandiri dan
solid
2 Mengembangkan pola dan metode pengawasan yang efektif dan efisien
3 Memperkuat sistem kontrol nasional dalam satu manajemen pengawasan yang
terstruktur, sistematis, dan integratif berbasis teknologi
4 Meningkatkan keterlibatan masyarakat dan peserta pemilu, serta meningkatkan
sinergi kelembagaan dalam pengawasan pemilu partisipatif.
5 Meningkatkan kepercayaan publik atas kualitas kinerja pengawasan berupa
pencegahan dan penindakan, serta penyelesaian sengketa secara cepat, akurat dan
transparan
6 Membangun Bawaslu sebagai pusat pembelajaran pengawasan pemilu baik bagi
pihak dari dalam negeri maupun pihak dari luar negeri.

2.3 Struktur Organisasi Bawaslu Kota Pontianak

Gambar Struktur Organisasi Di Bawaslu Kota Pontianak

2.4 Struktur Organisasi Bawaslu Kota Pontianak
2.4.1 Tugas
1 Melakukan pencegahan dan penindakan di wilayah kabupaten atau kota, yang
terdiri atas Pelanggaran Pemilu dan Sengketa proses pemilu.
2 Mengawasi pelaksanaan tahapan Penyelenggaraan Pemilu di wilayah
kabupaten/kota, yang terdiri atas Pemutakhiran data pemilih, penetapan daftar
pemilih sementara dan daftar pemilih tetap. Pencalonan yang berkaitan dengan
persyaratan dan tata cara pencalonan anggota DPRD Kabupaten/Kota.
3 Penetapan calon anggota DPRD Kabupaten/Kota Pelaksanaan pemungutan suara
dan perhitungan suara hasil pemilu.

2.4.2 Wewenang
1 Menerima dan menindaklanjuti laporan yang berkaitan dengan dugaan
pelanggaran terhadap pelaksanaan peraturan perundang -undangan yang mengatur
mengenai pemilu.
2 Memeriksa dan mengkaji pelanggaran Pemilu di wilayah Kabupaten atau Kota
serta merekomendasikan hasil pemeriksaan dan pengkajiannya kepada pihak-
pihak yang diatur dalam Undang-Undang ini.
3 Menerima, memeriksa, memediasi atau mengajudikasi, dan memutus
penyelesaian sengketa proses Pemilu di wilayah Kabupaten atau Kota.
4 Merekomendasi kepada instansi yang bersangkutan mengenai hasil pengawasan
di wilayah Kabupaten atau Kota terhadap netralitas semua pihak yang dilarang
ikut serta dalam kegiatan kampanye sebagaimana diatur dalam Undang-Undang
ini.
5 Mengambil alih sementara tugas, wewenang dan kewajiban Panwaslu Kecamatan
setelah mendapatkan pertimbangan Bawaslu Provinsi apabila Panwaslu
Kecamatan berhalangan sementara akibat dikenai sanksi atau akibat lainnya
sesuai dengan ketentuan peraturan perundang-undangan.
6 Meminta bahan keterangan yang dibutuhkan kepada pihak terkait dalam rangka
pencegahan dan penindakan pelanggaran Pemilu dan sengketa proses Pemilu di
wilayah Kabupaten atau Kota.
7 Membentuk Panwaslu Kecamatan dan mengangkat serta memberhentikan
anggota Panwaslu Kecamatan dengan memperhatikan masukan Bawaslu Provinsi.
8 Melaksanakan wewenang lain sesuai dengan kebutuhan peraturan perundang-
undangan.

2.4.3 Kewajiban
1 Bersikap adil dalam menjalankan tugas dan wewenangnya
2 Melakukan pembinaan dan pengawasan terhadap pelaksanaan tugas pengawas
Pemilu pada tingkatan di bawahnya
3 Menyampaikan laporan hasil pengawasan kepada Bawaslu Provinsi sesuai
dengan tahapan Pemilu secara periodik dan berdasarkan kebutuhan
4 Menyampaikan temuan dan laporan kepada Bawaslu Provinsi berkaitan dengan
dugaan pelanggaran yang dilakukan oleh KPU Kabupaten atau Kota yang
mengakibatkan terganggunya penyelenggaraan tahapan Pemilu di tingkat
Kabupaten atau Kota
5 Mengawasi pemutakhiran dan pemeliharaan data pemilih secara berkelanjutan
yang dilakukan oleh KPU Kabupaten atau Kota dengan memperhatikan data
kependudukan sesuai dengan ketentuan peraturan perundang-undangan
6 Mengembangkan pengawsan Pemilu partisipatif Melaksanakan kewajiban lain
sesuai dengan ketentuan peraturan perundang-undangan.
 BAB III
RUANG LINGKUP

3.1 Daftar Pekerjaan Harian

Pekerjaan yang dilakukan oleh penulis selama melakukan PKL di Bawaslu Kota
Pontianak adalah sebagai berikut :
1 Membuat wireframe website Kegiatan Sosialisasi Bawaslu.
2 Membuat desain user interface untuk website Kegiatan Sosialisasi Bawaslu.

3
3.1
3.1.1 Desain User Interface website Kegiatan Sosialisasi Bawaslu

Sebelum masuk pada pokok pembahasan penulis akan menjelaskan mengenai

apa itu User Interface atau yang disingkat dengan UI. User Interface adalah tampilan
visual sebuah produk yang menjembati system dengan pengguna. Tampilan UI
berupa bentuk, warna, dan tulisan sebuah produk dilihat oleh pengguna .

Sebelum membuat desainnya, penulis terlebih dahulu membuat wireframe dari

tmpilan tersebut, apa itu Wireframe ? Wireframe adalah kerangka dasar dari halaman
website. Maka langkah selanjutnya adalah mencantumkan semua yanf telah dibuat
pada wireframe ke dalam sebuah perangkat lunak yang bernama ADOBE XD. Untuk
mengetahu lebih lanjut berikut penjelasannya :

3.1.2 Penjelasan ADOBE XD

ADOBE XD adalah sebuah alat yang disediakan gratis oleh Adobe untuk
desain UI / UX dan Prototping berbagai platform termasuk web , ponsel,
tablet, dan lain – lain.
3.1.3 Membuat wireframe website Kegiatan Sosialisasi Bawaslu

Sebelum membuat sebuah desain UI, terlebih dahulu penulis membuat

wireframe nya menggunakan Adobe Xd , yang pertama penulis buat adalah halaman
beranda, setelah itu halaman divisi , dan Halaman about / tentang , berikut wireframe
nya yang sudah penulis buat :
Gambar Wireframe Halaman Beranda

Gambar Wireframe Halaman Divisi

 Gambar wireframe Halaman About / Tentang

pada halaman beranda terdapat informasi yang terkait dengan Bawaslu ,

selanjutnya halaman Divisi terdapat informasi dalam bentuk peta yang berfungsi agar
pengguna mengetahui daerah mana saja yang sudah Bawaslu kunjungi untuk
melakukan sosialisasi , dan Halaman About / Tentang terdapat informasi lokasi
bawaslu kota Pontianak , link website resmi bawslu , sosial media bawaslu , dan
informasi pembuat website kegiatan sosialisasi bawaslu kota Pontianak.
3.1.4 Tampilan UI website Kegiatan Sosialisasi Bawaslu

Selanjutnya penulis membuat tampilan UI Menggunakan software Adobe Xd

untuk membuat tampilan UI nya, tampilan UI ini penulis memilih warna orange dan
putih , karena mengikuti website resminya Bawaslu Kota Pontianak berikut interface
dari Halaman Beranda :

Gambar UI Halaman Beranda

Gambar UI Halaman Divisi
Gambar UI Halaman About / Tentang
 BAB IV
PENUTUP

4
4.1 Kesimpulan
Dari kegiatan PKL yang telah dilakukan, penulis banyak memperoleh
manfaat, baik itu pengalaman dan pengetahuan dalam dunia kerja. Sehingga dapat
menambah wawasan dan mengetahui seberapa jauh kemampuan yang sudah
didapat di bangku perkuliahan. Dalam proses pembuat UI website Kegiatan
Sosialisaasi Bawaslu banyak sekali rintagan yang penulis hadapi, kurangnya
pengetahuan penulis tentang UI yang menjadi penghambat dalam pengerjaan
project tersebut.

4.2 Saran
Setelah dari penulis yaitu , perpanjang waktu pelaksanaan PKL sangatlah di
harapkan agar Mahasiswa memiliki waktu lebih lama dalam mencari refrensi dan
ilmu dunia kerja,. Berdasarkan kegiatan PKL yang telah dilakukan penulis sangat
merekomendasikan di Bawaslu Kota Pontianak sebagai tempat PKL untuk
Mahasiswa Teknik Informatika.
DAFTAR PUSTAKA
LAMPIRAN