LAPORAN PRAKTIK KERJA LAPANGAN

ANALISIS TAMPILAN USER INTERFACE APLIKASI

KENAIKAN PANGKAT DAN GAJI BERKALA BAPPEDA
BOJONEGORO BERBASIS FIGMA

OLEH :

OKKY DWI SAPUTRA

NIM.2120190234

PROGAM STUDI TEKNIK INFORMATIKA

FAKULTAS SAINS DAN TEKNOLOGI
UNIVERSITAS NAHDLATUL ULAMA SUNAN GIRI
BOJONEGORO
2022
i
 KATA PENGANTAR

Assallamuallaikum wr. wb. Puji syukur atas rahmat Allah SWT,

berkat rahmat serta karunianya sehingga laporan Praktik Kerja
Lapangan (PKL) ini yang berjudul Aplikasi Kenaikan Pangkat dan
Gaji Berkala Badan Perencanaan Pembangunan Daerah Bojonegoro
Berbasis WEB dapat terselesaikan dengan baik.
Laporan ini dibuat dengan tujuan penyelesaian tugas akhir
Praktik Kerja Lapangan (PKL) pada semester 6 program studi Teknik
Informatika Fakultas Sains dan Teknologi Universitas Nahdlatul
Ulama Sunan Giri, selain itu laporan ini bertujuan untuk menganilis
dan membentuk sebuah rancangan ap (UNUGIRI, 2022)likasi
kenaikan pangkat dan gaji di BAPPEDA Bojonegoro.
Ucapan terimakasih sebesar – besarnya penulis sampaikan
kepada semua pihak pihak yang telah membantu penulis dalam
menyelesaikan kegiatan Praktik Kerja Lapangan (PKL) dan juga
menyelesaikan laporan dengan lancar. Maka dari itu penulis ucapkan
terimakasih kepada :
1. Bapak M. Jauharul Ma’arif, M.Pd.I , selaku Rektor Universitas
Nahdlatul Ulama Sunan Giri Bojonegoro
2. Bapak Sunu Wahyudhi, M.Pd, Dekan Fakultas Sains dan
Teknologi Universitas Nahdlatul Ulama Sunan Giri Bojonegoro
3. Ibu Ita Aristia Saida, M.Pd , selaku Kaprodi Teknik Informatika
Universitas Nahdlatul Ulama Sunan Giri Bojonegoro
4. Bapak Sahri, M.Pd.I , selaku Dosen Pembimbing Lapangan
5. Bapak Ali Imron, S. Sos selaku III/d – Penata Tingkat 1 dan
Pembimbing Instansi
6. Teman-teman mahasiswa Universitas Nahdlatul Ulama Sunan
Giri Bojonegoro dan teman-teman satu kelompok PKL TI C
7. Dan semua pihak yang tidak dapat penulis sebutkan satu persatu

ii
 Semoga Allah Subhanahu Wa Ta’ala senantiasa melimpahkan
rahmat dan berkah-Nya kepada kita semua. Amiin
Dalam penulisan laporan PKL ini masih banyak kekurangan,
maka dari itu segala kritik dan saran yang membangun penulis
harapkan agar kedepannya lebih baik lagi. Semoga laporan ini
bermanfaat dan menambah wawasan serta pengetahuan pembaca.

Bojonegoro, 12 September 2022

Okky Dwi Saputra

NIM.2120190234

iii
 DAFTAR ISI

LEMBAR PENGESAHAN ................. Error! Bookmark not defined.

KATA PENGANTAR.......................................................................... ii
DAFTAR ISI ....................................................................................... iv
DAFTAR GAMBAR .......................................................................... vi
DAFTAR TABEL .............................................................................. vii
BAB I ................................................................................................... 1
A. Latar Belakang ......................................................................... 1
B. Rumusan Masalah .................................................................... 2
C. Tujuan ...................................................................................... 3
D. Manfaat .................................................................................... 3
BAB II.................................................................................................. 4
A. Penelitian Terkait...................................................................... 4
B. Kajian Pustaka .......................................................................... 5
1. Analisis dan Perancangan Sistem ......................................... 5
2. User Interface ....................................................................... 5
3. Figma.................................................................................... 5
BAB III ................................................................................................ 8
A. Gambaran Umum Instansi ........................................................ 8
1. Organisasi dan Manajemen Instansi ..................................... 8
2. Deskripsi Pelaksanaan Kegiatan ........................................... 9
B. Faktor – Faktor Pendukung dan Penghamabat ........................ 11
a) Faktor Pendukung ............................................................... 11

iv
 b) Faktor Penghambat ............................................................. 11
C. Pembahasan ............................................................................ 11
1. Perancangan Tampilan........................................................ 11
2. Aplikasi Figma ................................................................... 11
3. Tampilan UI Admin............................................................ 14
4. Tampilan UI Sekretaris ....................................................... 26
BAB IV .............................................................................................. 28
A. Kesimpulan............................................................................. 28
B. Saran....................................................................................... 28
DAFTAR PUSTAKA......................................................................... 29

v
 DAFTAR GAMBAR
Gambar 3. 1 Struktur Organisasi BAPPEDA Bojonegoro ................... 9
Gambar 3.2 Aplikasi Figma ............................................................... 12
Gambar 3.3 Tampilan Home Figma ................................................... 12
Gambar 3. 4 Tampilan Design File..................................................... 14
Gambar 3.5 Halaman Login ............................................................... 15
Gambar 3.6 Halaman Dashboard Admin ............................................ 16
Gambar 3.7 Halaman Data Pegawai Admin ....................................... 17
Gambar 3.8 Halaman Tambah Data Admin ....................................... 18
Gambar 3.9Halaman Detail Pegawai Admin ...................................... 19
Gambar 3.10 Halaman Ubah Data Pegawai Admin ............................ 20
Gambar 3.11 Halaman Hapus Data Pegawai ...................................... 21
Gambar 3.12 Halaman Profil Perusahaan ........................................... 22
Gambar 3.13 Halaman Profil Perusahaan ........................................... 23
Gambar 3.14 Halaman Pengguna Sistem ........................................... 24
Gambar 3.15 Halaman Pengguna Sistem ........................................... 25
Gambar 3.16 Halaman Ubah Data Pengguna Sistem .......................... 26
Gambar 3.17 Halaman Dashboard Sekretaris ..................................... 27

vi
 DAFTAR TABEL
Tabel 3.1 Rancangan Kegiatan PKL .................................................. 10
Tabel 3.2 Deskripsi Tools Figma ....................................................... 13

vii
 BAB I
PENDAHULUAN
A. Latar Belakang

Teknologi informasi meliputi segala hal yang berkaitan dengan

proses (penggunaan sebagai alat bantu), manipulasi, dan
pengelolaan informasi. Sumber informasi adalah data. Data adalah
kenyataan yang menggambarkan kesatuan yang nyata (SMART
ECONOMY KOTA TANGERANG SELATAN, n.d.) Dengan begitu kita
juga harus mengimbangi dengan kualitas dari sumberdaya manusia
itu sendiri. Sumberdaya manusia juga memiliki peranan penting di
setiap peran dalam sebuah instansi/perkantoran. Walaupun sudah
didukung dengan sarana dan prasarana yang sangat mendukung,
tetapi tanpa didukung dengan sumberdaya manusia yang handal
maka kegiatan dalam instansi/perkantoran tidak akan berjalan
dengan baik.
User Interface mempunyai peran yang sangat penting dalam
sebuah komputasi. Sebab UI telah berkembang dengan pesat
selama beberapa waktu terakhir dan berkembang hingga menjadi
salah satu bidang teknologi paling kreatif, menarik dan inovatif.
Perlu diketahui bahwa desain UI sering disebut dengan desain
antarmuka pengguna. Dimana desain tersebut mengacu pada
desain estetika dari seluruh elemen visual antarmuka pengguna
produk digital yakni interaktivitas dan presentasi produk.
Figma adalah desain digital dan alat prototyping. Ini adalah
aplikasi desain UI dan UX yang dapat digunakan untuk membuat
situs web, aplikasi, atau komponen antarmuka pengguna yang
lebih kecil yang dapat diintegrasikan ke dalam proyek lain.
Dengan alat berbasis vektor yang hidup di cloud, Figma
memungkinkan para penggunanya untuk bekerja di mana saja dari
browser. Cara ini termasuk alat zippy yang dibuat untuk desain,
pembuatan prototipe, kolaborasi, dan sistem desain organisasi.
1
 2

Teknik Informatika merupakan bidang ilmu yang mempelajari

bagaimana menggunakan teknologi komputer secara optimal guna
menangani masalah transformasi atau pengolahan data dengan
proses logika . Selama perkuliahan, kita akan banyak mengkaji
pemrograman dan komputasi, tentunya juga dibekali dengan
keterampilan merancang perangkat lunak. Dalam perkembangan
saat ini termasuk jurusan Informatika menerapkan system mata
kuliah Praktek Kerja Lapangan.
Setiap mahasiswa diberi kesempatan mengimplementasikan
ilmu sesuai dengan program studi dan konsentrasi masing –
masing kedalam dunia kerja nyata.
BAPPEDA Bojonegoro terletak di jalan Mastumampel No 1
gedung Pemkab Lantai 4 Bojonegoro lebih tepatnya disebelah
timur alun-alun Bojonegoro. Bappeda adalah perwujudan
pemerintah daerah yang berperan sebagai “agent of change” dalam
pembangunan yang bertugas menentukan dan mengarahkan proses
perencanan pembangunan daerah. Bappeda Bojonegoro ini
memiliki system yang mana Data Kenaikan pangkat dan gaji
berkala masih menggunakan cara manual sehingga kami
mempersembahkan dukungan system yang berintegrasi untuk
memberikan layanan sebuah aplikasi yang kami beri nama
“Aplikasi Kenaikan Pangkat dan Gaji Berkala Badan Perencanaan
Pembangunan Daerah Bojonegoro”. (UNUGIRI, 2022)

B. Rumusan Masalah

Berdasarkan latar belakang yang telah diuraikan, maka

didapatkan rumusan masalah sebagai berikut :
1. Bagaimana perancangan tampilan desain User Interface dalam
aplikasi Kenaikan Pangkat dan Gaji Berkala BAPPEDA
Bojonegoro berbasis Figma?
 3

C. Tujuan

Adapun tujuan penelitian ini yaitu :

1. Mengetahui tampilan desain User Interface dalam aplikasi
Kenaikan Pangkat dan Gaji Berkala BAPPEDA Bojonegoro
berbasis Figma

D. Manfaat

Adapun penelitian manfaat ini yaitu :

1. Membantu perancangan tampilan user interface dalam
membuat aplikasi berbasis web
2. Mengetahui model tampilan aplikasi ketika akan digunakan
 BAB II
KAJIAN PUSTAKA

A. Penelitian Terkait
Pada saat ini, perlu dilakukan survei kepustakaan guna menerapkan
metode penelitian. Ini termasuk menghindari identifikasi ulang metode
yang dilakukan dan mengakui orang lain yang melakukan penelitian
dengan keahlian di bidang yang sama. Beberapa penelitian sebelumnya
adalah sebagai berikut :
1. Penelitian dilakukan oleh Alfian Nur Lifa(Nurlifa &
Kusumadewi, n.d.) Pembuatan user interface bertujuan
untuk menjadikan teknologi informasi tersebut mudah
digunakan oleh pengguna atau disebut dengan istilah user
friendly. Istilah user friendly digunakan
untuk menunjuk kepada kemampuan yang dimiliki oleh
perangkat lunak atau program aplikasi
yang mudah dioperasikan, dan mempunyai sejumlah
kemampuan lain sehingga pengguna merasa
betah dalam mengoperasikan program tersebut
2. Penelitian dilakukan Ridha Auliya(Auliya, 2021) dalam
jurnal yang berjudul “Analisis User Interface Terhadap
Website Badan Pusat Statistik Kota XYZ Dengan
Menggunakan Metode Heuristic Evaluation” yang
membahas tentang Permasalahan terhadap user interface
yang ada pada website tersebut ialah fitur pencarian yang
sulit digunakan dan rumit karena harus menggunakan
captcha.
3. Penelitian dilakukan oleh Miftahul Huda(Huda et al.,
2017) Saat ini sistem informasi akademik sudah
merupakan hal yang sangat umum dalam setiap perguruan
tinggi.Pentingnya sebuah sistem informasi akademik
terutama adalah memberikan kemudahan kepada pengguna
untuk mendapatkan informasi. Dalam kemudahan
4
 5

mengakses sebuah sistem tersebut tidak terlepas dari yang

namanya user interface.

B. Kajian Pustaka

1. Analisis dan Perancangan Sistem

Analisa dan perancangan sistem informasi (ANSI)
merupakan suatu proses penguraian suatu pokok dan
menyelidiki kedaan yang sebenarnya dalam sebuah entitas atau
guna mencari indikasi komponen dan unsur-unsur penting
dalam membangun sebuah sistem informasi (Aziz, 2022)
Dapat didefinisikan analisa berupa pemahaan sistem yang akan
dibuat dan perancangan sistem merupakan hasil dari analisa
berupa sistem komputerisasi.

2. User Interface
User interface adalah cara program dan user
berkomunikasi. Istilah user interface atau interface kadang-
kadang digunakan sebagai pengganti istilah HCI (Human
Computer Interaction) (Setyono & Maranatha Jl ProfDrg Surya
Sumantri No, 2020) User interface berfungsi untuk
menghubungkan atau menerjemahkan Informasi antara
pengguna dengan system operasi, sehingga computer dapat
digunakan. User interface bisa diartikan sebagai mekanisme
inter-relasi atau integrasi total dari perangkat keras dan lunak
yang membentuk pengalaman berkomputer.

3. Figma
a. Pengertian Figma
Figma adalah aplikasi desain berbasis cloud dan alat
prototyping untuk proyek digital.Figma dibuat untuk dapat
membantu para penggunanya agar bisa berkolaborasi dalam
 6

proyek dan bekerja dalam bentuk tim sekaligus di mana saja.

Meskipun alat ini sangat mirip dengan opsi prototyping
lainnya seperti Sketch, Adobe XD dan lainnya, yang menjadi
pembeda utamanya adalah kemampuan untuk bekerja dalam
bentuk tim proyek.(Technology, 2020)

b. Fitur Figma
Figma mempunyai fitur selain untuk membuat sebuah UI
design dan prototype namun juga dapat melakukan collaborate
team dan commenting(Barly Vallendito, 2020)

- Design features pada Figma menawarkan kemudahan

untuk membuat desain yang responsif serta otomasi
menggunakan plugin. Fitur yang tersedia ini sangat
cocok digunakan untuk mendesain UI aplikasi atau
website.
- Prototyping Features Figma juga menyediakan elemen
berupa prototyping features yang membuat proses
pembuatan alur ini semakin mudah dan tetap menarik.
- Design System Features merupakan penjelasan
mengenai mudahnya aksesibilitas dan elemen
pendukung lain yang cukup lengkap. Fitur ini
menawarkan library dan aset yang lengkap serta bisa
dicari secara cepat.
- Collaboration Features merupakan keunggulan Figma
yang sangat dibutuhkan jika bekerja dengan tim.
Collaboration features memudahkan para tim untuk
bisa bekerja bersama dalam satu page atau halaman
secara realtime.

c. Fungsi Figma
Figma memiliki fungsi yaitu untuk pekerjaan yang
sama dapat dikerjakan oleh lebih dari satu orang secara
 7

bersama-sama walaupun ditempat yang berbeda. Hal

tersebut bisa dikatakan kerja kelompok dan karena
kemampuan aplikasi figma tersebut lah yang membuat
aplikasi ini menjadi pilihan banyak UI/UX designer untuk
membuat prototype website atau aplikasi dengan waktu
yang cepat dan efektif(Agus Muhyidin et al., 2020)

d. Cara Kerja
Figma adalah alat desain berbasis vektor yang sangat
skalabel. Cara kerjanya termasuk untuk proyek-proyek
individual maupun upaya tim besar-besaran. Desain
berbasis browser cukup pintar untuk menyelamatkan
pekerjaan Anda saat Anda sedang berpergian dan bahkan
mengikuti jika Anda kehilangan koneksi internet untuk
sementara waktu (Adhitiya & Informatika Politeknik
Pratama Mulia Surakarta, 2021)

Figma akan membantu tim dalam membuat, menguji,

dan mengirimkan desain yang lebih baik dari awal hingga
akhir proyek mereka. Dilengkapi dengan fitur desain yang
sudah Anda sukai plus penemuan unik seperti Arc tool dan
Vector Networks, Figma membantu Anda menjaga ide
tetap mengalir. Pengguna tidak diwajibkan untuk
menginstal, menyimpan, atau mengekspor.
 BAB III
PELAKSANAAN KEGIATAN PKL DAN PEMBAHASAN

A. Gambaran Umum Instansi

1. Organisasi dan Manajemen Instansi
Badan Perencanaan Pembangunan Daerah, disingkat
Bappeda, adalah lembaga teknis daerah dibidang penelitian
dan perencanaan pembangunan daerah yang dipimpin oleh
seorang kepala badan yang berada dibawah dan bertanggung
jawab kepada Gubernur/Bupati/Wali kota melalui Sekretaris
Daerah. (BAPPEDA, 2018) Bappeda mempunyai tugas
menyeIenggarakan fungsi penunjang urusan pemerintahan
bidang perencanaan dan penunjang urusan pemerintahan
bidang penelitian dan pengembangan

8
 9

Gambar 3. 1 Struktur Organisasi BAPPEDA Bojonegoro

Bappeda di Bojonegoro mengatur pembagian tugas
dengan membanginya menjadi beberapa bagian yang memiliki
tugas masing-masing, yaitu:
a. Sekertariat
Yang terdiri dari 3 Sub bagian: Sub bagian umum
kepegawaian, Sub bagian keuangan dan Sub bagian
program dan laporan
b. Bidang perencanaan, pengendalian dan Evaluasi
Pembangunan Daerah
Terdiri dari 2 Sub bagian: Sub bidang perencanaan dan
pendanaan dan Sub bidang pengendalian dan evaluasi dan
pelaporan
c. Bidang Pemerintahan dan Pembangunan Manusia
Terdiri dari 2 Sub bidang, yaitu: Sub bidang pembangunan
Manusia dan Sub bidang pemerintahan dan kesejahteraan
rakyat
d. Bidang Infrastruktur Kewilayahan dan Ekonomi
Memiliki 3 sub bidang, yaitu : sub bidang binamargaan
sumber daya air sumberdaya air dan perhubungan, sub
bidang ciptakaryaan dan lingkungan, dan sub bidang
pengembangan perekonomian dan sumberdaya alam.
e. Bidang Penelitian dan Pengembangan
Memiliki 2 sub bidang : sub bidang penelitian dan
pengembangan sosial dan sub bidang pembangunan
inovasi dan teknologi.

2. Deskripsi Pelaksanaan Kegiatan

Pelaksanaan Praktik Lapangan Kerja (PKL) di Kantor
Badan Perancangan Pembangunan Daerah Bojonegoro dimulai
tanggal 05 Juli sampai 31 Agustus 2022. Pelaksanaan
Kegiatan PKL pada kantor Badan Perancangan Pembangunan
Daerah Bojonegoro dengan cara penempatan per bidang yaitu
 10

5 anak dibagi menjadi 3 tempat dengan pembagian 2 anal di

bidang sekretariat, 1 anak di bidang Pemerintahan dan
Pembangunan Manusia, 2 anak bidang infrastruktur
kewilayahan dan ekonomi
Kegiatan PKL ini dilaksanakan langsung di Kantor Badan
Perancangan Pembangunan Daerah Bojonegoro gedung
pemkab lantai 4, terkadang juga membantu kegiatan diluar
kantor yaitu pengiriman surat undangan ke beberapa dinas
yang terkait.
Tabel 3.1 Rancangan Kegiatan PKL

Tanggal Kegiatan Pelaksanaan

Penentuan dan
25-30 Juni 2022 pembagian Kaprodi
kelompok PKL
Mengajukan
proposal ke Kantor
27 Juni 2022 Badan Perencanaan Mahasiswa
Pembangunan
Daerah Bojonegoro
Pemanggilan dan
Sekretaris Dinas dan
01 Juli 2022 pembekalan dari
Mahasiswa
pihak BAPPEDA
Pembekalan dan
04 Juli 2022 pemberangkatan Panitia PKL
PKL
05 Juli 2022 Mulai kegiatan PKL Mahasiswa
Pembagian tugas dan
05 Juli 2022 jadwal PKL di Pembimbing Instansi
BAPPEDA
 11

Bojonegoro
Dosen Pembimbing
31 Agustus 2022 Penjemputan PKL
Lapangan

B. Faktor – Faktor Pendukung dan Penghamabat

Dalam melaksanakan Praktik Kerja lapangan (PKL) di
BAPPEDA Bojonegoro ada beberapa faktor-faktor yang dapat
mendukung serta menghambat selama melaksanakan Praktik
Kerja Lapangan.
a) Faktor Pendukung
- Fasilitas yang lengkap dan memadai di kantor
BAPPEDA Bojonegoro
- Pembimbing lapangan mendukung aktif
mengarahkan dan memotivasi
b) Faktor Penghambat
Selama kegiatan PKL penulis terkendala dengan
kurangnya waktu di kegiatan PKL dikarenakan sembari
mengurus kegiatan ukm di kampus

C. Pembahasan
1. Perancangan Tampilan
Sebelum memulai membuat koding website aplikasi,
terlebih dahulu membuat sebuah perancangan untuk
membuat tampilan website aplikasi.
2. Aplikasi Figma
1. Logo Aplikasi Figma
 12

Gambar 3.2 Aplikasi Figma

2. Tampilan Awal Aplikasi Figma

Gambar 3.3 Tampilan Home Figma

Tampilan home figma bisa berbeda disetiap
versi, disini saya menggunakan Figma Dekstop versi
terbaru yaitu versi 116.3.7
 13

Tabel 3.2 Deskripsi Tools Figma

No Tools Deskripsi
Move tools memungkinkan
pengguna untuk memilih dan
menyusun ulang layer di
1 Move Tools
layer panel, atau
memindahkan objek di
sekitar kanvas.
Seperti Artboards, region
tools memungkinkan
2 Region Tools pengguna memilih area
kanvas untuk membuat
desain.
Selain menggambar bentuk
yang diinginkan sendiri
menggunakan Pen Tool, ada
3 Shape Tools beberapa bentuk default yang
dapat kamu gunakan di
Figma menggunakan shape
tools
berfungsi untuk membuat
bentuk dan ikon khusus yang
4 Drawing Tools
dapat kamu kostumisasi
sebebas mungkin bentuknya.
Segala sesuatu mulai dari
penempatan dan pengaturan
5 Text teks, hingga pilihan font,
memiliki peran untuk
dimainkan.
Hand Tool berfungsi untuk
mengklik di dalam file tanpa
6 Hand Tool mengaktifkan hover outlines,
membuat pilihan, atau
memindahkan objek.
 14

Basic Tools pada aplikasi figma tersebut

mempermudah para designer UI pada perancangan
aplikasi.
Gambar 3. 4 Tampilan Design File

Design file ini adalah lembar kerja awal untuk

memulai merancang desain yang akan dibuat untuk
aplikasi.
3. Tampilan UI Admin

Pada tampilan UI ini menjabarkan bagaimana

sebuah desain tampilan dari aplikasi yang akan
dibuat. Disini akan ada 2 versi tampilan yaitu
tampilan sebagai Admin dan Sekretaris. Adapun
tampilan User Interface yang akan ditampilkan
sebagai berikut :
 15

1. Tampilan Halaman Login

Gambar 3.5 Halaman Login

 16

2. Halaman Dashboard Admin

Gambar 3.6 Halaman Dashboard Admin

Untuk user Admin bisa mengakses halaman
profil BAPPEDA BOJONEGORO dan Pengguna
Sistem untuk mengatur atau mengubah isi halaman.
 17

3. Halaman Data Pegawai Admin

Gambar 3.7 Halaman Data Pegawai Admin

 18

4. Halaman Tambah Data Admin

Gambar 3.8 Halaman Tambah Data Admin

 19

5. Halaman Detail Pegawai Admin

Gambar 3.9 Halaman Detail Pegawai Admin

 20

6. Halaman Ubah Data Pegawai Admin

Gambar 3.10 Halaman Ubah Data Pegawai Admin

 21

7. Halaman Hapus Data Pegawai Admin

Gambar 3.11 Halaman Hapus Data Pegawai

 22

8. Halaman Profil Perusahaan

Gambar 3.12 Halaman Profil Perusahaan

 23

9. Halaman Ubah Profil

Gambar 3.13 Halaman Profil Perusahaan

 24

10. Halaman Pengguna Sistem

Gambar 3.14 Halaman Pengguna Sistem

 25

11. Halaman Tambah Data Pengguna Sistem

Gambar 3.15 Halaman Pengguna Sistem

 26

12. Halaman Ubah Data Pengguna Sistem

Gambar 3.16 Halaman Ubah Data Pengguna Sistem

4. Tampilan UI Sekretaris

Tampilan untuk sekretaris sama persis dengan

tampilan untuk admin, hanya saja user sekretaris
hanya bisa mengakses dashboard dan data
pegawai.
 27

1. Halaman Dashboard Sekretaris

Gambar 3.17 Halaman Dashboard Sekretaris

 BAB IV
PENUTUP
A. Kesimpulan

Setelah melakukan analisis dan perancangan tampilan

untuk aplikasi Data Kenaikan Pangkat dan Gaji Berkala
BAPPEDA BOJONEGORO penulis menarik kesimpulan
sebagai berikut :

1. Rancangan tampilan aplikasi ini memudahkan pembuat

aplikasi untuk mendesain tampilan aplikasinya

B. Saran

Penulis menyadari masih banyakn hal yang masih

perlu dilakukan untuk membuat laporan ini menjadi lebih baik
lagi dan berdasarkan kesimpulan diatas maka penulis dapat
memberikan saran yaitu rancangan aplikasi Kenaikan Pangkat
dan gaji berkala BAPPEDA Bojonegoro ini dapat
dipertimbangkan kembali sebagai salah satu referensi dasar
untuk mengambil solusi dari permasalahan mengenai sistem
pangkat dari setiap pegawai yang ada di BAPPEDA
Bojonegoro.

28
 DAFTAR PUSTAKA
Adhitiya, D., & Informatika Politeknik Pratama Mulia Surakarta, M.
(2021). User Interface Dan User Experience Aplikasi Greenly Pada
UMKM Hidroponik Zalepo Farm. 20(2).

Agus Muhyidin, M., Sulhan, M. A., & Sevtiana, A. (2020).

PERANCANGAN UI/UX APLIKASI MY CIC LAYANAN INFORMASI
AKADEMIK MAHASISWA MENGGUNAKAN APLIKASI FIGMA (Vol.
10, Issue 2). https://my.cic.ac.id/.

Auliya, R. (2021). Analisis User Interface Terhadap Website Badan

Pusat Statistik Kota XYZ Dengan Menggunakan Metode Heuristic
Evaluation. Journal of Software Engineering, Information and
Communication Technology (SEICT), 1–2.

Aziz, N. (2022). ANALISIS PERANCANGAN SISTEM INFORMASI. 1–1.

BAPPEDA. (2018). Penjelasan BAPPEDA.

Barly Vallendito. (2020). 15650121. PEMODELAN USER INTERFACE

DAN USER EXPERIENCE MENGGUNAKAN DESIGN THINKING.

Huda, M., Winarno, W. W., & Lutfi, E. T. (2017). EVALUASI USER

INTERFACE PADA SISTEM INFORMASI AKADEMIK DI STIE PUTRA
BANGSA MENGGUNAKAN METODE USER CENTERED SYSTEMS
DESIGN. 5(2).

Nurlifa, A., & Kusumadewi, S. (n.d.). Pro s id in g SNATIF Ke-1 Ta hun 2

01 4 ANALISIS PENGARUH USER INTERFACE TERHADAP
KEMUDAHAN PENGGUNAAN SISTEM PENDUKUNG KEPUTUSAN
SEORANG DOKTER. www.dxmate.com

Setyono, R., & Maranatha Jl ProfDrg Surya Sumantri No, K. (2020).

Implementasi Teori Ron Weber Mengenai User Interface dan

29
 30

Input Website Penerimaan Mahasiswa Baru (Studi Kasus

Universitas X) (Vol. 2).

SMART ECONOMY KOTA TANGERANG SELATAN. (n.d.).

Technology, S. serbi. (2020). Mengenal Apa itu Figma : Fitur, Fungsi,

Cara Kerja / Menggunakannya.
Lampiran 1. Rekapitulasi Kegiatan PKL
REKAPITULASI KEGIATAN
PRAKTEK KERJA INSTANSI

Nama : Okky Dwi Saputra

Progam Studi/NIM : Teknik Informatika/2120190234
Tempat PKL : Badan Perencanaan Pembangunan Daerah
Bojonegoro
Bidang Pekerjaan : Infrastruktur Kewilayahan dan Ekonomi
Catatan Kegiatan : 05 Juli s/d 31 Agustus 2022

Paraf
Hari/Tanggal Uraian Kegiatan Pembimbing
Instansi
a. Pemberangkatan PKL
Selasa, 05 Juli b. Pengarahan oleh pak Biyanto
2022 sekretaris BAPPEDA
c. Penempatan tempat PKL
Rabu, 06 Juli
a. Meresume data laporan KPPIP
2022
a. Membuat PPT data laporan
Kamis, 07 KPPIP
Juli 2022 b. Melanjutkan merekap data
laporan KPPIP
Jumat, 08 Juli a. Survey jalan
2022 b. Membuat laporan survey
Senin, 11 Juli a. Merekap surat masuk
2022 b. Merekap proposal masuk
a. Merekap surat masuk
Selasa, 12 Juli
b. Foto copy berkas
2022
c. Mengeprint surat
Rabu, 13 Juli a. Menyiapkan tempat rapat
2022 b. Merekap surat masuk
Kamis, 14 a. Menjadi terima tamu rapat
Juli 2022 b. Merekap peserta rapat
Jumat, 15 Juli a. Mengeprint berkas
2022 b. Mengantar surat
a. Menyiapkan tempat rapat
program 1 data
Senin, 18 Juli
b. Mengeprint lembar rapat
2022
c. Mengeprint lembar lokasi
rapat
a. Menjadi Asisten 2 rapat
Selasa, 19 Juli
program 1 data pemkab
2022
b. Operator rapat
a. Terima tamu rapat gelombang
Rabu, 20 Juli 2 program 1 data
2022 b. Menyiapkan berkas rapat
c. Merekap peserta rapat
a. Foto copy berkas
Kamis, 21 b. Merekap surat masuk
Juli 2022 c. Merekap proposal masuk
d. Scan berkas
Jumat, 22 Juli a. Merekap surat masuk
2022 b. Foto copy berkas
a. Mengirim surat
Senin, 25 Juli
b. Mengantar berkas ke bagian
2022
pemerintahan lantai 5
Selasa, 26 Juli a. Mendata proposal masuk
2022 b. Foto copy berkas
Rabu, 27 Juli a. Mendata jalan di excel
2022 b. Merekap data di word
a. Mendata jalan yang sedang
Kamis, 28
dalam perbaikan
Juli 2022
b. Mengeprint data jalan
a. Foto copy berkas
Jumat, 29 Juli
b. Mendata surat masuk
2022
c. Mendata proposal masuk
a. Mengantar surat undangan
Senin, 01
b. Foto copy data
Agustus 2022
c. Scan berkas
Selasa, 02 a. Menjadi terima tamu rapat
Agustus 2022 b. Mendata peserta rapat
Rabu, 03 a. Mencatat surat masuk
Agustus 2022 b. Mendata proposal masuk
 c. Mengirim surat masuk ke
kabid
a. Mendata jalan dalam
Kamis, 04
perkembangan di excel
Agustus 2022
b. Menyusun laporan
a. Foto copy berkas
Jumat, 05
b. Mendata surat masuk
Agustus 2022
c. Mendata proposal masuk
a. Foto copy berkas
Senin, 08
b. Mendata surat masuk
Agustus 2022
c. Mendata proposal masuk
a. Foto copy berkas
Selasa, 09
b. Mendata surat masuk
Agustus 2022
c. Mendata proposal masuk
a. Foto copy berkas
Rabu, 10
b. Mendata surat masuk
Agustus 2022
c. Mendata proposal masuk
a. Foto copy berkas
Kamis, 11
b. Mendata surat masuk
Agustus 2022
c. Mendata proposal masuk
a. Mengantar surat undangan
Jumat, 12
b. Foto copy data
Agustus 2022
c. Scan berkas
Senin, 15 a. Menjadi terima tamu rapat
Agustus 2022 b. Mendata peserta rapat
a. Foto copy berkas
Selasa, 16
b. Mendata surat masuk
Agustus 2022
c. Mendata proposal masuk
a. Foto copy berkas
Kamis, 18
b. Mendata surat masuk
Agutus 2022
c. Mendata proposal masuk
a. Mendata jalan dalam
Jumat, 19
b. perkembangan di excel
Agustus 2022
Menyusun laporan
a. Foto copy berkas
Senin, 22
b. Mendata surat masuk
Agustus 2022
c. Mendata proposal masuk
a. Foto copy berkas
Selasa, 23
b. Mendata surat masuk
Agustus 2022
c. Mendata proposal masuk
Rabu, 24 a. Foto copy berkas
Agustus 2022 b. Mendata surat masuk
c. Mendata proposal masuk
a. Mengantar surat undangan
Kamis, 25
b. Foto copy data
Agustus 2022
c. Scan berkas
Jumat, 26 a. Mengeprint berkas
Agustus 2022 b. Mengantar surat
Senin, 29 a. Mengeprint berkas
Agustus 2022 b. Mengantar surat
a. Penjemputan peserta PKL
Selasa, 30
b. Pemberian cinderamata untuk
Agustus 2022
pihak BAPPEDA
Rabu, 31 a. Perpisahan dan pamitan
Agustus 2022 kepada pihak BAPPEDA
 Lampiran 3. Format Nilai Laporan Praktik Kerja Lapangan
LEMBAR PENILAIAN LAPORAN PRAKTIK KERJA
LAPANGAN
(diisi oleh dosen pembimbing PKL)
Nama : Okky Dwi Saputra
NIM : 2120190234
Progam Studi : Teknik Informatika
Lama PKL : 7 Minggu
Judul : Analisa User Interface Aplikasi Kenaikan
Pangkat dan Gaji Berkala BAPPEDA
Bojonegoro
Nilai Laporan
No Aspek Yang Dinilai Nilai (0-100)
1 Sistematika Laporan
2 Kelengkapan Laporan
3 Tata Tulis Laporan
Rata-Rata : .............................

Nilai Ujian
No Aspek Yang Dinilai Nilai (0-100)
1 Penyajian/Presentasi
Penguasaan Materi dalam menjawab
2
pertanyaan
Rata-Rata : .............................

Bojonegoro, ……………………..
Dosen Pembimbing PKL,

SAHRI, M. Pd. I
NIDN 0730129003
Lampiran 4. Dokumentasi Kegiatan

Penyambungan aplikasi printer ke laptop dan merekap data

Rapat Program 1 data pemkab

Kunjungan dosen pembimbing lapangan

Perpisahan dengan pihak BAPPEDA Bojonegoro