Vol. 11 No.01, Juni 2019

## PENERAPAN METODE PROTOTYPING PADA PERANCANGAN APLIKASI SPPD KPPN MEDAN II BERBASIS WEBSITE
Crystal Jelita Lumban Tobing 1 , Imannudin 2
1,2 Program Studi Teknik Informatika, Universitas Samudra, Kota Langsa, Aceh. e-mail: * 1 crystaljelitalumbantobing@gmail.com, 2 imanuddin@gmail.com

## Abstrak
KPPN  Medan  II  merupakan  salah  satu  unit  organisasi  pemerintah  pada  Kementerian Keuangan. Dimana pimpinan serta para pegawai yang bekerja di KPPN Medan II tersebu tselalu melakukan  perjalanan  dinas  antar  kota  maupun  diluar  kota.  Dengan  keadaan  tersebut  maka pembuatan  dokumen  SPPD  mengalami  tingkat  intensitas  aktivitas  perjalanan  dinas  yang dilakukan  oleh  para  pegawai  KPPN  Medan  II  dapat  dikatakan  sering.  Sehingga  didalam pembuatan SPPD di KPPN Medan II tersebut masih menggunakan cara manual yaitu pencatatan melalui microsoft word yang dalam artian kurang efektif dan efisien. Dalam penamaan pegawai yang mendapa ttugas resmi, petugas memasukkan data karyawan secara manual yang menerima surat perjalanan resmi secara otomatis rawan hilang karena data ditulis secara manual. Aplikasi SPPD berbasis web dibangun dengan menerapkan metode prototyping ini nantinya diharapkan dapat  mempermudah  petugas  pengelola  SPPD  KPPN  Medan  II  dalam  pembuatan  SPPD  yang efektif,  efisien,  akurat,  hemat  waktu,  dan  tidak  rawan  kehilangan  data  SPPD  para  pegawai KPPN Medan II yang akan, sedang, serta telah melakukan perjalanan dinas dikarenakan adanya database khusus untuk menampung segala file-file SPPD.
Kata kunci — aplikasi, SPPD, KPPN Medan II, website , prototyping .

## Abstract
KPPN Medan II is one of the government organization units at the Ministry of Finance. Where  leaders  and  employees  who  work  at  KPPN  Medan  II  always  carry  out  official  trips between  cities  and  outside  the  city.  With  these  conditions,  making  SPPD  documents experiencing the intensity of official travel activities carried out by employees of KPPN Medan II can be said frequently. So that in making SPPD in KPPN Medan II is still using the manual method  that  is  recording  through  Microsoft  Word  which  in  the  sense  is  less  effective  and efficient.  In  naming  employees  who  get  official  assignments,  officers  manually  entering employee  data  that  receives  official  travel  letters  are  prone  to  being  lost  because  data  is manually written. The web-based SPPD application is built by applying this prototyping method which  is  expected  to  facilitate  SPPD  KPPN  Medan  II  management  officers  in  making  SPPD that  is  effective,  efficient,  accurate,  time-saving, and  not  prone  to  losing SPPD  data  of KPPN Medan II employees who will has made official trips due to the existence of a special database to accommodate all SPPD files.
Keywords — application , SPPD, KPPN Medan II, website , prototyping.

## I. PENDAHULUAN
Sebuah  perusahaan  atau  organisasi pasti  ada  pada  aktivitas  yang  dimana karyawan  atau  anggota  tertentu  memiliki keperluan  yang  harus  dilakukan  diluar tempat  kedudukannya,  aktivitas  ini  juga disebut perjalanan dinas. Menteri Keuangan Republik  Indonesia  mengatur  prosedur dalam  melaksanakan  perjalanan  dinas, diantaranya  PMK  Nomor  113/PMK.5/2012 tentang  perjalanan  dinas  dalam  negeri  bagi pejabat  negara,  pegawai  negeri,  dan pegawai  tidak  tetap.  Sesuai  dengan  Pasal  1 Ayat  (1)  PMK  Nomor  113/PMK.05/2012, yang  berbunyi:  “perjalanan  dinas  dalam negeri  yang  selanjutnya  disebut  perjalanan dinas  adalah  perjalanan  ke  luar  tempat kedudukan  yang  dilakukan  dalam  wilayah Republik  Indonesia  untuk  kepentingan negara”.  Sehingga  aktivitas  perjalanan dinas  memang  dilakukan  hanya  karena kepentingan negara, perusahaan, organisasi, atau  yang  berhubungan  dengan  jabatan sesorang, bukan karena kepentingan
pribadi. Kantor  Pelayanan  Perbendaharaan Negara (KPPN) Medan  II merupakan  salah satu  unit  organisasi  pemerintah  pada Kementerian Keuangan mempunyai
tanggung  jawab  yang  sama  dengan  unit organisasi  pemerintah  yang  lain  dalam mewujudkan  tata  kelola  pemerintah  yang baik  ( good  goverment ).  Oleh  karena  itu, pimpinan  serta  para  pegawai  yang  bekerja di  KPPN  Medan  II  tersebut  mayoritas Pegawai Negeri Sipil (PNS) selalu melakukan perjalanan dinas.Dengan keadaan tersebut maka pembuatan dokumen SPPD mengalami tingkat intensitas aktivitasperjalanan  dinas  yang  dilakukan oleh  para  pegawai  Kantor  Pelayanan Perbendaharaan  Negara  (KPPN)  Medan  II dapat  dikatakan  sering,  namun  walaupun keadaannya  demikian  di  KPPN  Medan  II tidak  ada  database  yang  menyimpan  data SPPD,  sehingga  penanganan  SPPD  masih
sekedar  saja  atau  disebut  manual  selain memerlukan  banyak  tenaga  juga  tidak tersistem  secara  baik.  Perhitungan  yang manual  sering  dijumpai  banyak  kesalahan, disamping  boros  waktu,  boros  materi  dan boros  tenaga.  Untuk  mengatasi  keadaan tersebut  maka    dirancang  dan  dibangun aplikasi  mengenai  SPPD,  database  dibuat dalam format SQL. SQL merupakan sebuah bahasa  ( language )  yang  digunakan  untuk mengakses  data  di  dalam  sebuah database relasional.  Hingga  saat  ini  hampir  seluruh server  database atau software  database mengenal dan mengerti bahasa SQL karena mudah dipahami dan cepat dalam penggunaan.  Sehingga  setiap  saat  dapat dipanggil  data-datanya  dengan  cepat,  dan merupakan  suatu  aktifitas  dari  personal (pekerja)  untuk  menjalankan  roda  instansi tersebut.

## II. TINJAUAN PUSTAKA
2.1 Surat Perintah Perjalanan Dinas
Surat  perintah  perjalanan  dinas  atau dikenal  dengan  SPPD  merupakan  jenis surat  tugas  yang  dibutuhkan  oleh  seorang pegawai  dalam  melaksanakan  tugas  kerja dan harus pergi ke daerah lain (misalnya ke luar  kota).Beberapa  contoh  tugas  atau kegiatan  perintah  selama  perjalanan  dinas berlangsung diantaranya seperti studi banding, klaim garansi, audit ke perusahaan cabang,  rapat  kerja  nasional  maupun pekerjaan-pekerjaan  lain  yang  dilakukan  di luar  kota  (tidak  dilingkungan  kantor penempatan kerja)[1].

## 2.2 Aplikasi
Secara  istilah  pengertian  aplikasi adalah  suatu  program  yang  siap  untuk digunakan yang dibuat untuk melaksanakan suatu  fungsi  bagi  pengguna  jasa  aplikasi serta  penggunaan  aplikasi  lain  yang  dapat digunakan  oleh  suatu  sasaran  yang  akan dituju [2].
Vol. 11 No.01, Juni 2019
2.3 Basis Data MySQL
MySQL  merupakan  sebuah database developer yang  bersifat free ,  MySQL menggunakan  bahasa  SQL  yang  sudah banyak digunakan saat  ini. MySQL disebut juga software  database yang  memiliki banyak  keunggulan  dibandingkan database lain, seperti mudah penggunaannya, mendukung  bahasa query ,  dan  dapat menggunakan multiple  database secara bersamaan [3].

## 2.4 Bahasa Pemrograman PHP
PHP  ( Hypertext  Prepocessor )  adalah
bahasa  pemrograman  yang  digunakan secara luas untuk pembuatan dan pengembangan  sebuah website dan  bisa digunakan  bersamaan  dengan  HTML.  PHP adalah bahasa scripting yang paling mudah karena memiliki referensi yang banyak [3].

## 2.5 Metode Prototyping
Metode prototyping adalah  proses pengembangan perangkat lunak yang diawali  dengan  pengumpulan  kebutuhan- kebutuhan  dari  sistem,  yang  dilanjutkan dengan  pembuatan  prototipe  dan  evaluasi dari pengguna [4].

## III. METODOLOGI PENELITIAN
3.1 Metode Pengembangan Sistem
Pengembangan system aplikasi SPPD KPPN  Medan  II  berbasis website ini menggunakan metode prototyping . Menggunakan metode  tersebut dikarenakan pembuatan sebuah system harus menyesuaikan  dengan  keinginan user
(pengguna),  yaitu  dengan  memberikan contoh dari setiap modul yang dibuat untuk ditunjukkan kepada user yang dalam hal ini adalah  petugas  pengelola  SPPD, operator , dan  para  pegawai  KPPN  Medan  II.  Jika sudah  cocok  dan  sesuai  dengan  keinginan user maka dilanjutkan ketahapan selanjutnya  namun  jika  tidak  dilakukan perbaikan sesuai dengan permintaan pengguna ( user ). Sebelum
mengimplementasikan  metode prototyping pada  perancangan  system  aplikasi  SPPD KPPN  Medan  II  berbasis web yang  akan dibangun.  Pertama  metode  dimulai  dengan metode pengumpulan data atau disebut data collection .

## 3.2 Metode Pengumpulan Data
Pada  penelitian  ini  menggunakan beberapa  teknik  pengumpulan  data  yang dilakukan, sebagaiberikut:
1. Observasi
Observasi  merupakan  seorang  peneliti yang  langsung  turun  kelapangan  untuk memastikan  keadaan  yang  sebenarnya terjadi  ditempat  penelitian  yang  sedang melakukan  penelitian  terhadap  masalah yang  terjadi.  Dan  informasi  yang didapatkan  bersifat  tepat  dan  akurat.
Peneliti  melakukan  observasi  pada Kantor Pelayanan Perbendaharaan Negara (KPPN) Medan II. 2. Wawancara ( interview ) Wawancara  dilakukan  bertujuan  untuk bertanya secara langsung dengan mengajukan  beberapa  pertanyaan  yang berkaitan  dengan  sebuah  permasalahan yang ada pada KPPN Medan II [5].
3. Studi Pustaka Studi  pustaka  dilakukan  dengan  cara mengumpulkan  dan  mempelajari  teori- teori  dan  literatur  yang  berhubungan dengan permasalahan yang terjadi[6].
4. Metode penelitian
Pada  penelitian  ini  metode  penelitian yang  digunakan  adalah  metode  model prototyping . Model
prototyping memiliki  beberapa  tahapan  diantaranya requirment  analysis , build  prototype , prototype  evalution , implementation , testing , system  evaluation ,  dan use  the system .

## 3.3 Metode perancangan sistem
Pada  penelitian  ini  menggunakan metode model prototyping . Didalam metode  model  ini  sistem  dirancang  dan dibangun secara bertahap.
Adapun  beberapa  tahapan  dalam
metode  model prototyping ini  adalah sebagai berikut:
1. Tahap  mengumpulkan  dan  menganalisis kebutuhan pengguna.
2. Tahap  melakukan  perancangan  sistem baru.
3. Tahap implementasi terhadap rancangan yang telah didesain.
4. Tahap evaluasi sistem terhadap pengguna  untuk  mengetahui  kesesuaian sistem dengan kebutuhan pengguna.
5. Perubahan prototipe apabila  belum memenuhi  kebutuhan  pengguna  maka tahapan akan terus diulang. Penulis akan lakukan  perbaikan  sistem  berdasarkan hasil  evaluasi  dari  pengguna  hingga sistem  sesuai  dan  telah  memenuhi kebutuhan pengguna.
6. Pengujian  sistem  apabila  sistem  sudah sesuai  kebutuhan  pengguna  maka  akan dilakukan pengujian terhadap fungsional sistem  untuk  mengetahui  apakah  sistem telah  berjalan  dengan  baik  dan  fitur sesuai kebutuhan pengguna[7].
Gambar 1. Model prototyping [8].

## IV. HASIL DAN PEMBAHASAN

## 4.1 Analisis Kebutuhan sistem
Pada  tahap  ini  dilakukan  dengan menganalisis  kebutuhan  sistem  dari  data- data yang telah didapatkan. Data didapatkan dengan  melakukan  sebuah  pengamatan  dan wawancara  kepada  kasubbag  umum  dan petugas  pengelola  aplikasi  SPPD  KPPN Medan  II.  Adapun  kebutuhan  dari  aplikasi SPPD  KPPN  Medan  III  berbasis  web  ini diantaranya sebagai berikut:
1. Terdapat  3  level  pengguna  yang  akan menggunakan sistem tersebut diantaranya user admin (petugas
pengelola  aplikasi  SPPD  KPPN  Medan II), user  input (kasubbag  umum  KKPN
Medan  II),  user  biasa  (para  pegawai KPPN Medan II).
4.2 Analisis Kebutuhan fungsional Analisis kebutuhan fungsional merupakan sebuah analisis yang dibutuhkan untuk mendapatkan sebuah informasi tentang apa saja yang harus terdapat disuatu sistem dan apa saja yang dapat dilakukan.
Berikut  ini  merupakan  hal-hal  yang harus  ada  pada  aplikasi  surat  perjalanan dinas  KPPN  Medan  II  berbasis website ,
yaitu: 1) Form pengisian data pegawai. 2) Form pengisian data golongan pegawai. 3) Form pengisian data pegawai.
4) Form pengisian data kegiatan dinas. 5) Form pengisian data rincian biaya.
6) Form pengisian data SPPD. 7) Form untuk  melihat  hasil  data  SPPD
yang terinput kesistem.
8) Form pengisian surat perintah perjalanan dinas (SPPD). 4.3 Perancangan sistem
Desain  yang  dibuat  berupa flowmap sistem  berjalan, context  diagram ,  DFD Level 1 dan 2, rancangan basisdata aplikasi SPPD  KPPN  Medan  II  berbasis web ,  dan desain user interface.
1. Flowmap sistem  berjalan  terhadap mengelola SPPD KPPN Medan II
Pada flowmap ini  proses  alur  data hingga  menjadi  sebuah  surat  SPPD  yang lengkap. Pertama-tama
pegawai memberikan  surat  disposisi  kepada  petugas pengelola aplikasi SPPD, kemudian petugas pengelola  aplikasi  SPPD  memasukkan  data pegawai  dan  pembuatan  SPPD  kedalam database dan  kemudian  SPPD  dicetak  lalu diberikan  kepada  bagian  Kasubbag  umum untuk diberikan persetujuan, apabila
Kasubbag  umum  tidak  setuju  maka  lembar SPPD dikembalikan kepada petugas pengelola aplikasi SPPD untuk di
diposisikan kembali. Namun apabila Kasubbag  umum  setuju,  lembar  SPPD
diberikan  pengesahan  kemudian  dilakukan pengesahan  Kasubbag  umum  lalu  lembar SPPD  di  gandakan  untuk  lembar  pertama diberikan  kepada  bagian  arsip  berkas  dan yang lembar kedua diberikan kepada bagian keuangan untuk dirincikan biayanya kemudian  SPPD  diberikan  kembali  kepada pegawai yang akan melaksanakan perjalanan  dinas.  Berikut  dapat  kita  lihat flowmap sistem berjalan SPPD[1].
Gambar 2. Flowmap sistem yang berjalan.
2. Context diagram sistem aplikasi SPPD
KPPN Medan II berbasis web
Aplikasi  SPPD  KPPN  Medan  II berbasis website yang  akan  diterapkan meliputi  banyak  data  yang  dikelola  pihak petugas  pengelola  SPPD  KPPN  Medan  II, diantaranya  data  golongan  para  pegawai atau para pejabat KPPN Medan II, data para pegawai,  data  pejabat,  data  kegiatan  dalam melakukan  perjalanan  dinas,  data  dasar, data  pelaksana,  data  pengikut  pelaksana, dan  data  biaya.  Pada  sistem  ini operator yaitu  Kasubbag  umum  KPPN  Medan  II punya  hak  akses  sama  dengan  petugas pengelola  sistem  aplikasi  SPPD  berbasis web yaitu  sama-sama dapat mengelola data pegawai,  data  pejabat  tetapi operator tidak memiliki  hak  akses  terhadap  pengelolaan data  kegiatan  SPPD.  Dan  yang  memiliki hak  akses  penuh  terhadap  sistem  aplikasi tersebut  adalah  petugas  pengelola  SPPD KPPN  Medan  II.  Sementara  hak  akses terakhir  yaitu  hak  akses  biasa  untuk  para pegawai  yang  memiliki  hak  akses  hanya dapat  melihat  para  pegawai  dan  laporan pegawai  yang  sedang  dan  telah  melakukan
perjalanan  dinas  kedalam  atau  keluar  kota [9].
Secara garis besar sebuah proses dalam sistem  aplikasi  SPPD  KPPN  Medan  II berbasis web ini  dimodelkan  menggunakan data  flow  diagram sebagaimana  gambar  3 [9].
Gambar 3. Context diagram sistem
aplikasi SPPD KPPN Medan II berbasis web
3. DFD  Level  1  sistem  aplikasi  SPPD
KPPN Medan II berbasis web.
Dari  model context  diagram diatas dapat decompose lagi  menjadi  data flow diagram level  1  sebagaimana  gambar  2.
Dalam  data flow  diagram level  1  ini  lebih merinci  lebih  jelas  aktifitas  setiap  entitas dan alur data.
Pada  alur  data  kali  ini  dijelaskan proses login / logout pada  SPPD,  petugas pengelola  aplikasi  SPPD  KPPN  Medan  II masuk kedalam sistem dengan memasukkan username dan password kemudian  di verifikasi  oleh  sistem  dan  ditampilkan kepada  petugas  pengelola  Aplikasi  SPPD KPPN  Medan  II,  lalu  petugas  pengelola aplikasi  SPPD  KPPN  Medan  II  meng input data  SPPD  dan  disimpan  pada  tb_kegiatan kemudian  ditampilkan  agar operator dan pegawai  bisa  melihat  data  SPPD  didalam sistem.  Dari  model  DFD  Level  1  diatas dapat decompose lagi menjadi DFD Level 2 sebagaimana gambar 4 [4].
Kasubbag umum
Gambar 4. DFD Level 1 sistem aplikasi SPPD KPPN Medan II berbasis web.
4. DFD  Level  2    proses login pada sistem.
Pada  data flow  diagram level  2  ini menjelaskan  detail  dari  proses-proses  yang ada  pada  DFD  level  1.  Dimana  terdapat  2 gambar  yaitu  gambar  pertama  merupakan proses login dan  gambar  ke  2  merupakan gambar proses aplikasi SPPD KPPN Medan II.  Pada  gambar  pertama  dijelaskan  bahwa proses login pertama-tama  melalui  petugas pengelola  aplikasi  SPPD  KPPN  Medan  II yang  meng input  username dan password kemudian  sistem  akan  verifikasi  apakah  itu merupakan  petugas  pengelola  Aplikasi SPPD KPPN Medan II atau bukan. Apabila petugas pengelola Aplikasi SPPD Medan II, maka  petugas  pengelola  Aplikasi  SPPD KPPN  Medan  II  dapat  hak  akses  untuk mengganti password dan data akan ditampilkan  kepada  petugas  pengelola Aplikasi  SPPD  KPPN  Medan  II  apabila telah berhasil [4].
Gambar 5. DFD Level 2  proses login
pada sistem. 5. DFD Level 2  proses pembuatan SPPD KPPN Medan II Pada  proses  pembuatan  Surat  Perintah Perjalanan  Dinas  (SPPD)  ini  dijelaskan bagaimana sorang petugas pengelola Aplikasi  SPP  KPPN  Medan  II  meng input data  untuk  pembuatan  SPPD.  Dimana petugas  pengelola  Aplikasi  SPPD  KPPN Medan  II  meng input setiap  atribut  yang diperlukan dalam pembuatan Surat Perintah Perjalanan Dinas (SPPD), seperti meng input nama, jabatan, golongan, tujuan, waktu,  dan  anggaran. Input an  ini  akan masuk  atau  tersimpan  didalam  tabel-tabel yang  berada  didalam  database  aplikasi SPPD KPPN Medan II seperti pada gambar 5. DFD Level 2 Proses dibawah [4].
Gambar 5. DFD Level 2  proses pembuatan SPPD KPPN Medan II.
6. Perancangan basis data Perancangan  basis  data  dilakukan
untuk membuat sebuah perancangan tabel – tabel  yang  dibutuhkan  dalam  sebuah pembangunan  sistem  aplikasi  SPPD  KPPN Medan  II  berbasis website ini.  Proses perancangan dilakukan dengan mengidentifikasi calon table yang dibutuhkan  dalam  sistem,  kemudian  dibuat conceptual data  model  untuk  menentukan cardinalitas (relasi) antar entity [10].
Pada  aplikasi  SPPD  KPPN  Medan  II yang  dirancang  dan  dibangun  memiliki database untuk  tempat  penyimpanan  data- data  yang  tersimpan  di database dengan nama  db_surat.  Dimana database db_surat
memiliki  9  tabel  diantaranya  terdiri  dari tanda_tangan, tb_biaya, tb_dasar, tb_golongan,  tb_karyawan,  tb_kegiatan, tb_pelaksana, tb_pengikut, tb_user.
Gambar 6. Gambar relasi tabel antar tabel Database Aplikasi SPPD KPPN Medan II.
7. Desain rancangan user interface
aplikasi  SPPD  KPPN  Medan  II berbasis website .
Gambar 7. Gambar desain interface Halaman Login Aplikasi SPPD KPPN
Medan II.
Gambar 8. Gambar desain interface Form Data Golongan untuk Petugas Pengelola Aplikasi SPPD KPPN Medan II. 4.4 ImplementasiUser Interface Setelah desain dibuat, tahap selanjutnya yaitu membuat atau menbangun aplikasi SPPD KPPN Medan II. Pembuatan aplikasi SPPD KPPN Medan II menggunakan  bahasa  pemrograman  PHP dengan  menggunakan editor  notepad ++. Dan untuk membuat database menggunakan MySQL. User  interface merupakan  bentuk tampilan grafis yang berhubungan langsung dengan pengguna ( user ). Antarmuka pengguna  berfungsi  untuk  menghubungkan antara  pengguna  dengan  sistem  operasi, sehingga komputer tersebut bisa digunakan.[11] 1. Tampilan user interface halaman login
kesistem  aplikasi  SPPD  KPPN  Medan II Halaman  pertama  kali  sebelum user masuk  ke  dalam  sistem  adalah  halaman login ,  halaman login ini  dirancang  dan
dibangun  supaya user yang  menggunakan sistem  adalah user yang  berhak  dalam memasukkan  data.  Halaman  dapat  diakses jika  seorang  user  telah  mendaftar  sebagai operator  dan  petugas  pengelola  Aplikasi
SPPD di Kantor Pelayanan Perbendaharaan Negara  (KPPN)  Medan  II  di  Seksi Kasubbag  Umum.  Sistem  pendaftaran user
dilakukan  oleh  petugas  pengelola  Aplikasi SPPD  KPPN  Medan  II  dengan  mengakses form data user .  Halaman  ini  hanya  dapat diakses  oleh user yang  memiliki  status
petugas pengelola Aplikasi SPPD, Operator ,  dan  pegawai  KPPN  Medan  II.
Dan  seorang  petugas  pengelola  Aplikasi SPPD hanya dapat menambah dan menghapus  data user yang  menggunakan sistem  ini.  Jika user telah  masuk  ke  sistem maka user dapat  mengolah  data  dengan mengakses  menu  sistem  informasi.  Seperti pada gambar 10 dibawah [3].
Gambar 9. User interface halaman petugas pengelola aplikasi SPPD KPPN Medan II.
2. Tampilan User interface halaman input data golongan Pada  sistem  aplikasi  SPPD  KPPN Mrdan  II  ini  akan  terdapat  pula  halaman form  input data  golongan  dimana  halaman ini  berfungsi  sebagai  tempat  peng input an data  golongan  yang  dimiliki  oleh  pegawai yang bekerja di KPPN Medan II. Pada form input data  golongan  karyawan  dan  pejabat KPPN  Medan  II  dapat  di input oleh  2 user yaitu petugas pengelola Aplikasi SPPD dan operator (Kasubbag  Umum).  Dimana  data golongan  yang  di input kan  berupa  data golongan  pejabat  dan  pegawai,  dan  data nama  golongan.  Data  golongan  diperlukan dalam  mengelola  pembuatan  surat  perintah
perjalanan  dinas.  Seperti  pada  gambar  11 dibawah.
Gambar 10. User interface halaman input data golongan. 3. Tampilan User interface halaman input
data pegawai.
Pada  sistem  aplikasi  SPPD  KPPN Medan  II  ini  juga  akan  terdapat form  input data  karyawan  yang  berfungsi  tempat menginput data jabatan karyawan. Form ini hanya  dapat  diakses  oleh  user  dengan level operator dan  petugas  pengelolaAplikasi SPPD.  Data  yang  diinput  adalah  nama lengkap, jabatan, golongan, dan kotatinggal. Untuk  menyimpan user mengklik  tombol button simpan.  Hasil  yangdisimpan  akan ditampilkan  pada  tabel.  Untuk  melakukan pengeditan user dapatmengklik button edit dimasing-masing  baris  pada  daftar  yang telah diinputkan atau user dapat menghapus data  dengan  mengklik  hapus.  Seperti  pada gambar 12 dibawah.
Gambar 11. Tampilan User interface halaman input data pegawai.
Vol. 11 No.01, Juni 2019
4. Tampilan User interface halaman input data pejabat.
Pada tampilan menu input data pejabat juga  akan  terdapat form  input data
karyawan yang berfungsi
tempat
memasukkan  biodata  pegawai. Form ini hanya dapat diakses oleh user dengan level operator dan  petugas  pengelola  Aplikasi SPPD  KPPN  Medan  II.  Data  yang  di input adalah  jabatan,  nama  lengkap,  keterangan, dan NIP. Seperti pada gambar 13 dibawah.
Gambar 12. Tampilan User interface halaman input data pejabat.
5. Tampilan User interface halaman input data kegiatan SPPD KPPN Medan II. Pada  sistem  aplikasi  SPPD  KPPN Medan  II  ini  akan  terdapat  halaman form input data  kegiatan  yang  digunakan  untuk mengelola pembuatan surat perintah perjalanan  dinas  bagi  para  karyawan  yang diperintahkan  untuk  melakukan  perjalanan dinas.  Jadi  sebelum  mengelola  pembuatan surat  perintah  perjalanan  dinas  perlu memasukkan  data-data  yang  diperlukan dalam  melakukan  penginputan  kegiatan agar  dapat  mempelancar  dalam  pembuatan surat  perintah  perjalanan  dinas.  Setelah data-data  kegiatan  diinput  maka  petugas pengelola  Aplikasi  SPPD  dapat  mengelola atau  mencetak  keluaran  dari  aplikasi  SPPD KPPN  Medan  II  tersebut  berupa  surat keluar  yaitu  surat  perintah  perjalanan  dinas beserta  surat  perincian  biaya  yang  akan
digunakan  selama  melakukan  perjalanan dinas. Seperti pada gambar 14 dibawah.
Gambar 13. Tampilan User interface halaman input data kegiatan SPPD KPPN Medan II. 6. Tampilan user  interface halaman view
data SPPD KKPN Medan II Pada  sistem  aplikasi  SPPD  KPPN
Medan  II  ini  akan  terdapat  halaman menampilkan  tabel  dari  data  untuk  SPPD KPPN  Medan  II  telah  dimasukkan  ke sistem  aplikasi  SPPD  KPPN  Medan  II, sehingga operator yang hanya memiliki hak akses  untuk  memasukkan  data  karyawan, data  golongan,  dan  data  pejabat  serta  dapat melihat  hasil  laporan  berupa  tabel  yang telah  dibuat  SPPD  KPPN  Medan  II  oleh petugas  pengelola  Aplikasi  SPPD  KPPN Medan  II  untuk  karyawan  yang  akan melakukan  perjalanan  dinas.  Dan  sebagai karyawan  memiliki  hak  akses  ada  yang sama seperti hak akses operator yaitu dapat melihat laporan berupa tabel daftar karyawan  yang  akan  melakukan  perjalanan dinas. Seperti pada gambar 15  dibawah.
Gambar 14. Tampilan user interface halaman view data SPPD KKPN Medan II
7. Tampilan SPPD KPPN Medan II
Pada  sistem  aplikasi  SPPD  KPPN Medan  II  tersebut  menghasilkan  keluaran ( output )  berupa  Surat  Perintah  Perjalanan Dinas  (SPPD).  Dimana  fungsi  utama aplikasi SPPD tersebut untuk menghasilkan surat  perintah  perjalanan  dinas  sehingga dengan  seperti  ini  sistem  yang  dirancang secara sistematis dapat membantu pekerjaan petugas  pengelola  Aplikasi  SPPD  tepat, cepat,  efisien  serta  efektif.  Seperti  pada gambar 16 dibawah.
Gambar 15. Tampilan Surat Perintah Perjalanan Dinas (SPPD).
8. Tampilan Surat Rincian Biaya Perjalanan Dinas. Pada  sistem  aplikasi  SPPD  KPPN
Medan  II  tersebut  juga  menghasilkan keluaran ( output ) berupa Surat rincian biaya untuk  perjalanan  dinas.  Dimana  fungsi utama  aplikasi  SPPD  juga  tersebut  untuk menghasilkan surat rincian biaya perjalanan dinas  sehingga  dengan  seperti  ini  sistem yang  dirancang  secara  sistematis  dapat membantu  pekerjaan  administrator  tepat, cepat,  efisien  serta  efektif.  Seperti  pada gambar 17 diatas.
Gambar 16. Tampilan Surat Rincian Biaya Perjalanan Dinas. 4.5 PengujianAplikasi  SPPD  KPPN Medan II berbasis web. Pada  pengujian  sistem  ini  dilakukan dengan  menggunakan  metode blackbox testing . Pengujian dilakukan dengan menguji fungsional sistem untuk mengetahui  apakah  sistem  telah  berjalan dengan  baik  sesuai  dengan  kebutuhan pengguna.
Tabel 1. Hasil  Pengujian  Aplikasi  SPPD KPPN Medan II berbasis web .
Skenario Bagia n yang diuji Hasil yang diingi nkan Hasil uji Pengujian menampil kan halaman login user Halam an login user Mena mpilka n halam an login user Berhasil Pengujian menampil kan login ke sistem Halam an menu utama Mena mpilka n halam an menu Berhasil
utama Pengujian menampil kan halaman menu data karyawan Halama n form input da ta karyaw an Mena mpilka n halam an data karya wan Berhasil Pengujian menampil kan halaman menu data pejabat Halam an formin put data pejabat Mena mpilka n halam an data pejaba t Berhasil Pengujian menampil kan halaman menu data kegiatan perjalana n dinas Halama n form input data kegiata n perjala nan dinas Mena mpilka n halam an form input data kegiat an perjala nan dinas Berhasil Pengujian cetak surat perintah perjalana n dinas KPPN Medan II Halam an hasil ouput dari sistem berupa SPPD KPPN Medan II Mena mpilka n halam an hasil ouput dari sistem berupa SPPD KPPN Medan II Berhasil Pengujian cetak rincian biaya perjalana n dinas KPPN Halama n hasil output dari sistem berupa Mena mpilka n printo ut rincian
biaya
Berhasil
Medan II printou t rincian biaya perjala nan dinas perjala nan dinas Pengujian menampil kan menu keluar Tombo l keluar pada halama n menu utama Keluar dari aplikas i SPPD KPPN Medan II Berhasil

## V. KESIMPULAN
Berdasarkan  hasil  pengujian  yang telah dilakukan, diperoleh sebuah
kesimpulan  bahwa  perancangan  aplikasi SPPD  KPPN  Medan  II  berbasis website dapat  memberikan  solusi  terhadap  masalah dalam  mengelola  membuat  surat  perintah perjalanan  dinas  secara  manual  dan  kurang efektif  pada  para  pegawai  dan  para  pejabat KPPN  Medan  II.  Aplikasi  SPPD  KPPN Medan II yang dirancang dapat mempermudah  pekerjaan  petugas  SPPD KPPN  Medan  II  dalam  mengelola  SPPD sehingga dalam mengelola pembuatan surat perjalanan dinas tersebut cepat, efektif, dan hemat  waktu.  Dan  aplikasi  SPPD  KPPN Medan II juga bermanfaat dalam mengelola data  pegawai,  pejabat,  serta  data  kegiatan dan data biaya perjalanan dinas.

## VI. SARAN
Sistem  dapat  dikembangkan  lagi seperti  menambahkan  fitur  menampilkan laporan para pegawai yang telah melakukan perjalanan dinas setiap bulan bahkan  setiap tahun.  Dan  juga  diharapkan  aplikasi dikembangkan juga menjadi aplikasi berbasis desktop .
Vol. 11 No.01, Juni 2019
VII. DAFTAR PUSTAKA
[1] M.  Silvana  and  H.  Fajrin.,  2015. “Analisis  Proses  Bisnis  Sistem Pembuatan Surat Perintah Perjalanan Dinas Kantor Regional II PT . Pos Indonesia,” vol. 01, no. 01 [2] J.  Ilmiah,  I.  Komputa,  E.  Volume, A.  Issn,  and  A.  Juansyah.,  2015. “Pembangunan Aplikasi ChildTracker  BerbasisAssisted  – Global  PsitioningSystem  (  A-GPS  ) Dengan  Platform  Android  Jurnal Ilmiah  Komputer  dan  Informatika  ( KOMPUTA )". [3] P.  Studi,  S.  Informasi,  S.  Informasi, and  S.  I.  Geografis.,2018.  “Sistem Informasi PKKBerbasis website
denganFitur  Mobile  Di  Kelurahan Penatih Kota Denpasar,” vol. 10, no. 2, pp. 92–101.
[4] V. No, D. Meilantika, D. Meilantika, and  D.  Meilantika.,  2017.  “Rancang Bangun Sistem Informasi Administrasi  Menggunakan  Metode Throwaway Prototyping Development  Pada  Sultan  Sport,” vol. 2, no. 2, pp. 114–121.
[5] H.  Basri,  S.  Alfarizi,  A.  R.
Mulyawan,  A.  Wiguna,  and  I. Habiba., 2019. “Perancangan Sistem
Informasi  Booking  Perekaman  E-
KTP  (SI  MBOK)  Berbasis  Web,”
vol. 15, no. 1, pp. 69–76.
[6] D.  A.  Fitri,  S.  Alam,  and  S.
Informasi, “Sistem Informasi Promosi  Produk :  Studi  Pada  Usaha Kecil  Menengah  Kota  Bengkalis,” pp. 59–70.
[7] V.  No,  A.  Sobri,  A.  Sobri,  and  V. No, “JUTIM, Vol 2 No.1, Juni 2017 Ahmad Sobri,” vol. 2, no. 1, pp. 70–
80.
[8] N. Rahmawati, H. Mulyono, and A., 2016.  Marketing,  “Analisis  dan perancangan sistem informasi
pemasaran  berbasis  web  pada  toko
billy 12,” vol. 1, no. 2, pp. 104–116. [9] I.  P.  Windasari.,2014.  P.  Studi,  S. Komputer, F. Teknik, U. Diponegoro,  D.  Flow,  and  E.  R. Diagram,  “PADA  TOKO  PC TABLET,”  vol.  2,  no.  2,  pp.  181–
186,
[10] R.  Sabaruddin  and  S.  Murni.,  2018.
“Rancang Bangun Aplikasi Asuransi Mobil  Dengan  Pendekatan,”  vol.  3,
no. 2, pp. 99–108
[11] S.  MASTUROH,  D.  WIJAYANTI, and A. PRASETYO., 2019. “Sistem
Informasi  Akademik  Berbasis  Web
Menggunakan Model Waterfall Pada SMK  ITENAS  Karawang,”  vol.  6, no. 1, pp. 62–68