Perancangan Dan Pembangunan Sistem Informasi Pengelolaan Surat Perintah Perjalanan Dinas Berbasis Web

LAPORAN AKHIR
PERANCANGAN DAN PEMBANGUNAN SISTEM INFORMASI

PENGELOLAAN SURAT PERINTAH PERJALANAN DINAS
BERBASIS WEB DI KANTOR DINAS KOMUNIKASI DAN
INFORMATIKA KABUPATEN PAKPAK BHARAT
Diajukan Oleh:
MIRAKLE RIVALDI SINAMO
NIM: 2005102084
PROGRAM STUDI MANAJEMEN INFORMATIKA
JURUSAN TEKNIK KOMPUTER DAN INFORMATIKA
POLITEKNIK NEGERI MEDAN
MEDAN
2023
PERNYATAAN ORISINALITAS
Yang bertandatangan di bawah ini:

Nama : Mirakle Rivaldi Sinamo
NIM : 2005102084
Judul Laporan Akhir : Perancangan dan Pembangunan Sistem Informasi
Pengelolaan Surat Perintah Perjalanan Dinas Berbasis Web
Di Kantor Dinas Komunikasi Dan Informatika Kabupaten
Pakpak Bharat.
Menyatakan dengan sebenarnya bahwa Laporan Akhir ini secara

keseluruhan merupakan karya orisinal saya sendiri, bukan plagiasi sebagian atau
keseluruhan dari karya tulis orang lain kecuali pada bagian-bagian yang dirujuk
sebagai sumber pustaka sesuai dengan aturan penulisan yang berlaku.
Demikian pernyataan ini dibuat tanpa adanya paksaan dari pihak manapun.
Saya siap menanggung resiko / sanksi yang dijatuhkan kepada saya apabila
kemudian ditemukan adanya pelanggaran terhadap kejujuran akademik atau etika
keilmuan dalam karya ini, atau ditemukan bukti yang menunjukkan ketidakaslian
karya ini.
Medan, 4 Juni 2023
Mirakle Rivaldi Sinamo
2005102084
i
LEMBAR PENGESAHAN
PERANCANGAN DAN PEMBANGUNAN SISTEM INFORMASI

PENGELOLAAN SURAT PERINTAH PERJALANAN DINAS BERBASIS
WEB DI KANTOR DINAS KOMUNIKASI DAN INFORMATIKA
KABUPATEN PAKPAK BHARAT
MIRAKLE RIVALDI SINAMO

NIM 2005102084
Telah dipertahankan di depan Tim Penguji pada tanggal………….

dan dinyatakan telah memenuhi syarat guna memperoleh gelar Ahli Madya
Dosen Pembimbing,
(Habibi Ramdani Safitri, S.Kom., M.Kom.)

NIP. 197609172005012004
Tim Penguji:
Ketua Penguji
Yuyun Yusnida Lase, S.Kom., M.Kom. ( )
Penguji 1:
Santi Prayudani, S.Kom., M.Kom. ( )
Penguji 2:
Gabriel Ardi Hutagalung, S.T., M.Kom. ( )
Medan, ……………………..
Mengetahui:
Ketua Jurusan, Kepala Program Studi,
(Kadri Yusuf, S.T., M.Kom.) (Arif Ridho Lubis, B.IT., M.Sc.IT.)

NIP. 198004142008121003 NIP. 198805272015041003
ii
LEMBAR PERSEMBAHAN
Dengan kerendahan hati, penulis mengucap syukur kepada Tuhan Yang Maha Esa
karena telah memberikan perlindungan, kekuatan serta karunia –Nya sehingga
penulis dapat menyelesaikan Laporan Akhir ini dengan semangat dan hati yang
tegar terhadap segala perkara.
Dengan hati yang penuh rasa syukur, penulis persembahkan karya sederhana ini
kepada orang yang sangat penulis sayangi dan kasihi.
Orang Tua Tercinta
Sebagai tanda bukti, hormat dan rasa terima kasih yang tiada terhingga, penulis
persembahkan karya kecil ini kepada pendorong hidup penulis yaitu orang tua
yang senantiasa ada disaat suka dan duka, selalu setia mendampingi saat penulis
lemah tidak berdaya dan yang selalu membawa nama penulis dalam setiap doa.
Harapan yang terpancar dari kedua mata orang tua membuat penulis satu alasan
untuk tetap bertahan diantara banyak hambatan menyerah. Semoga kelak penulis
menjadi anak yang membanggakan.
Laporan Akhir ini penulis persembahkan sepenuhnya kepada kedua orang tua
penulis. Keduanya lah yang membuat segalanya menjadi mungkin sehingga
penulis bisa sampai pada tahap dimana laporan akhir ini selesai. Terima kasih atas
segala doa, nasihat dan dorongan baik yang tidak pernah berhenti kalian berikan.
Penulis selamanya bersyukur dengan keberadaan kalian sebagai orang tua yang
paling berjasa dalam kehidupan penulis.
iii
ABSTRAK
Sistem Informasi Perjalanan Dinas adalah sebuah sistem yang dibuat untuk
proses surat menyurat mengenai perintah perjalanan dinas (SPPD). Data yang
diolah berupa kegiatan, biaya, input data pegawai, transport dan tujuan. Dari
observasi dan wawancara di kantor Dinas Komunikasi dan Infromatika Pakpak
Bharat diperoleh hasil bahwa proses pengelolaan perjalanan dinas di Dinas
Komunikasi dan Infromatika Pakpak Bharat masih dilakukan dengan sederhana.
Proses pencatatan masih secara manual dan hanya dikerjakan melalui bantuan
aplikasi microsoft office. Sehingga dalam menghasilkan seluruh laporan dirasa
masih belum akurat dan relatif lama menyelesaikan laporan yang dihasilkan
Penelitian ini dilakukan pada Dinas Komunikasi dan Infromatika Pakpak

Bharat menggunakan metode penelitian yaitu dengan metode pengumpulan data,
studi pustaka, studi lapangan, analisis kebutuhan, desain sistem serta
implementasi sistem. Program dibuat dengan judul Perancangan dan
Pembangunan Sistem Informasi Perjalanan Dinas Berbasis Web di Kantor Dinas
Komunikasi dan Informatika Kabupaten Pakpak Bharat. Dengan desain sistem
mengunakan UML. Sistem ini dibangun menggunakan bahasa pemrograman PHP
dan database yang digunakan MySQL.
Kata Kunci: SPPD, PHP, MYSQL, Sistem Informasi Web
iv
ABSTRACT
The Official Travel Information System is a system created to process
correspondence regarding business travel orders (SPPD). The data processed is
in the form of activities, costs, employee data input, transport and destinations.
From observations and interviews at the Office of Communication and
Informatics of Pakpak Bharat, it was found that the process of managing official
travel at the Office of Communication and Informatics of Pakpak Bharat was still
carried out simply. The recording process is still done manually and only done
with the help of Microsoft Office applications. so that in producing all reports it is
felt that they are still inaccurate and relatively long to complete the reports
produced
This research was conducted at the Pakpak Bharat Communication and

Informatics Office using research methods, namely data collection, literature
studies, field studies, needs analysis, system design and system implementation.
The program was created under the title Design and Development of a Web-
Based Business Travel Information System at the Office of the Office of
Communication and Information, Pakpak Bharat Regency. With system design
using UML. This system was built using the PHP programming language and the
database used by MySQL.
Keywords: SPPD, PHP, MYSQL, Web Information Systems
v
KATA PENGANTAR
Puji syukur atas ke hadirat Allah SWT yang telah memberikan rahmat dan
karunia-Nya kepada penulis, Shalawat dan salam senantiasa tercurah kepada
Rasulullah SAW beserta keluarga dan sahabatnya. Laporan laporan akhir ini
disusun sebagai salah satu persyaratan untuk menyelesaikan pendidikan Diploma
tiga Teknik Komputer dan Informatika Program Studi Manajemen Informatika
dengan judul “Perancangan dan Pembangunan Sistem Informasi Surat Perintah
Perjalanan Dinas pada Dinas Komunikasi dan Informatika Kabupaten Pakpak
Bharat Berbasis Web”.
Penulis Menyadari bahwa penyelesaian Laporan Laporan akhir ini tidak lepas
secara langsung maupun tidak langsung dari arahan dan dukungan semua pihak.
Dalam hal ini penulis ingin mengucapkan terimakasih atas semangat serta pula
doanya selama penulis menempuh perkuliahan serta penyusunan Laporan Laporan
akhir ini:
1. Bapak Abdul Rahman, S.E., Ak., M.Si., selaku direktur Politeknik Negeri
Medan.
2. Bapak Kadri Yusuf,S.T., M.Kom., selaku Ketua Jurusan Teknik Komputer
Dan Informatika Politeknik Negeri Medan.
3. Bapak Arif Ridho Lubis,B.It., M.Sc.It., selaku ketua program studi
manajemen informatika politeknik negeri medan.
4. Ibu Habibi Ramdani Safitri, S.Kom., M.Kom., selaku Dosen Pembimbing
Laporan akhir yang banyak membantu dalam menyelesaikan Laporan
Laporan akhir ini.
5. Ibuk Ariama Susanti, S.E., selaku Administrasi Program Studi Manajemen
Informatika.
6. Seluruh Dosen Dan Staff Program Studi Manajemen Informatika
7. Teristimewa untuk Kedua Orangtua Penulis, Yang Telah Setia Memberi
Dukungan, Doa dan Memberikan Semangat Dalam Penyelesaian Laporan
akhir Ini.
8. Seluruh staf akademik dan administrasi Jurusan Teknik Komputer dan
vi
Informatika yang telah memberikan semangat dan bantuan selama
Laporan akhir berlangsung.
9. Teman-teman Kelas MI-6D Politeknik Negeri Medan.
10. Seluruh teman dan rekan-rekan mahasiswa tingkat akhir dan juga semua
pihak yang tidak dapat penulis sebutkan satu per satu.
Penulis menyadari bahwa laporan ini masih jauh dari kesempurnaan dan
masih terdapat kekurangan serta kesalahan dari materi ataupun cara penyajiannya.
Oleh karena itu, Penulis mengharapkan saran dan kritik dari semua pihak demi
kesempurnaan laporan ini. Semoga laporan ini dapat bermanfaat dan berguna bagi
para pembaca
Medan, 04 Juli 2023
Mirakle Rivaldi Sinamo
2005102084
vii
DAFTAR ISI
Halaman
PERNYATAAN ORISINALITAS...........................................................................i
LEMBAR PENGESAHAN.....................................................................................ii
LEMBAR PERSEMBAHAN.................................................................................iii
ABSTRAK..............................................................................................................iv
ABSTRACT...............................................................................................................v
KATA PENGANTAR............................................................................................vi
DAFTAR ISI........................................................................................................viii
DAFTAR TABEL....................................................................................................x
DAFTAR GAMBAR..............................................................................................xi
DAFTAR LAMPIRAN.........................................................................................xiv
BAB 1 PENDAHULUAN.....................................................................................15
1.1 Latar Belakang................................................................................................15
1.2 Rumusan Masalah...........................................................................................16
1.3 Batasan Masalah.............................................................................................16
1.4 Tujuan Laporan Akhir.....................................................................................17
1.5 Manfaat Laporan Akhir...................................................................................17
1.6 Sistematika Laporan........................................................................................17
BAB 2 TINJAUAN PUSTAKA............................................................................19
2.1 Penelitian Terdahulu........................................................................................19
2.2 Sistem Informasi.............................................................................................20
2.3 Surat Perintah Perjalanan Dinas......................................................................20
2.4 Website...........................................................................................................22
2.5 HTML (Hypertext Markup Language)...........................................................22
2.6 PHP (Hypertext Preprocessor)........................................................................22
2.7 XAMPP...........................................................................................................22
2.8 UML (Unified Modelling Language)...............................................................23
2.8.1 Use Case Diagram.................................................................................23
2.8.2 Activity Diagram .............................................................................24
2.8.3 Class Diagram.......................................................................................26
BAB 3 METODE PENELITIAN..........................................................................27
viii
3.1 Alat dan Bahan Pembuatan Rancangan / Alat................................................27
3.1.1 Alat...................................................................................................27
3.1.2 Bahan...............................................................................................27
3.2 Metode Pengumpulan Data.............................................................................28

3.3 Analisis Sistem Yang Sedang Berjalan...........................................................28
3.4 Analisis Kebutuhan Sistem.............................................................................29
3.5 Analisis Pengguna...........................................................................................29
3.6 Perancangan Sistem........................................................................................30
3.6.2 Activity Diagram...................................................................................31
3.6 Perancangan Basis Data...................................................................................38

3.6.1 Perancangan Struktur Tabel..................................................................38
3.6.2 Entity Relationship Diagram (ERD).....................................................43
3.7 Perancangan Antarmuka..................................................................................43

3.7.1 Bagian Operator...............................................................................43
3.7.2 Bagian Kepala dinas..............................................................................45
BAB 4 HASIL DAN PEMBAHASAN.................................................................48

4.1 Hasil48
4.1.1 Form Login User...................................................................................48
4.1.2 Halaman Menu Operator.......................................................................48
4.1.3 Halaman Menu Kepala Dinas...............................................................65
4.1.4 Halaman Menu Pegawai.......................................................................69
4.2 Pengujian Rancangan / Alat.............................................................................72

4.3 Pembahasan......................................................................................................74
4.3.1 Kelebihan Sistem.............................................................................74
BAB V KESIMPULAN DAN SARAN.................................................................75

5.1 Kesimpulan.....................................................................................................75
5.2 Saran...............................................................................................................75
Daftar Pustaka........................................................................................................76
Lampiran................................................................................................................78
ix
DAFTAR TABEL
Halaman
Tabel 2.1 Simbol-simbol Use Case Diagram 24
Tabel 2.2 Simbol-simbol Activity Diagram..........................................................25
Tabel 2.3 Simbol-simbol Class diagram...............................................................27
Tabel 3.1 Desain Tabel User.................................................................................40
Tabel 3.2 Desain Tabel Golongan.........................................................................40
Tabel 3.3 Desain Tabel Biaya...............................................................................40
Tabel 3.4 Desain tabel kwitansi.............................................................................41
Tabel 3.5 Desain tabel pegawai.............................................................................41
Tabel 3.6 Desain tabel NPPD................................................................................42
Tabel 3.7 Desain tabel SPT...................................................................................42
Tabel 3.8 Desain Tabel SPPD...............................................................................43
Tabel 3.9 Desain Tabel Transportasi.....................................................................43
Tabel 3.10 Desain Tabel Tujuan...........................................................................43
Tabel 4.1 Pengujian pada user Operator................................................................73
Tabel 4.2 Pengujian Pada user kepala dinas..........................................................74
Tabel 4.3 Pengujian pada user Pegawai................................................................75
x
DAFTAR GAMBAR
Halaman
Gambar 3.1 Use case diagram...............................................................................32
Gambar 3.2 Diagram Login...................................................................................33
Gambar 3.3 Diagram Jabatan................................................................................34
Gambar 3.4 Diagram Pegawai...............................................................................35
Gambar 3.5 Diagram Nota permintaan perjalanan dinas......................................36
Gambar 3.6 Diagram SPT.....................................................................................37
Gambar 3.7 Diagram Laporan...............................................................................38
Gambar 3.8 Activity diagram laporan...................................................................39
Gambar 3.10 Perancangan ERD aplikasi SPPD....................................................44
Gambar 3.11 Rancangan Form Login User...........................................................45
Gambar 3.12 Rancangan halaman data pegawai...................................................45
Gambar 3.13 Rancangan halaman data golongan.................................................46
Gambar 3.14 Rancangan antarmuka verivikasi NPPD..........................................46
Gambar 3.15 Rancangan antarmuka Halaman Laporan Perjalanan Dinas............47
Gambar 3.16 Rancangan antarmuka Halaman Laporan Kwitansi........................47
Gambar 3.17 Rancangan antarmuka halaman data SPT.......................................48
Gambar 3.18 Rancangan antar muka data perjalanan dinas..................................48
Gambar 4.1 Form Login User...............................................................................49
Gambar 4.2 Halaman Dashboard Admin..............................................................50
Gambar 4.3 Halaman NPPD admin.......................................................................51
Gambar 4.4 Halaman Tambah NPPD...................................................................51
Gambar 4.5 Halaman Cetak NPPD.......................................................................52
xi
Gambar 4.6 Halaman data SPT.............................................................................52
Gambar 4.7 Halaman Edit SPT.............................................................................53
Gambar 4.8 Halaman Cetak SPT...........................................................................53
Gambar 4.9 Halaman Tambah SPPD....................................................................54
Gambar 4.10 Halaman Data SPPD........................................................................54
Gambar 4.11 Halaman tambah data Kwitansi.......................................................55
Gambar 4.12 Halaman Cetak Data SPPD.............................................................55
Gambar 4.13 Halaman Data Pegawai....................................................................56
Gambar 4.14 Halaman Tambah data pegawai.......................................................56
Gambar 4.15 Halaman Edit data pegawai.............................................................57
Gambar 4.16 Halaman detail data pegawai...........................................................57
Gambar 4.17 Halaman data golongan...................................................................58
Gambar 4.18 Halaman tambah data golongan......................................................58
Gambar 4.19 Halaman Edit data golongan............................................................59
Gambar 4.20 Tampilan menu data kota................................................................59
Gambar 4.21 Tampilan menu tambah data kota....................................................60
Gambar 4.22 Tampilan menu ubah data kota........................................................60
Gambar 4.23 Tampilan menu data biaya perjalanan.............................................61
Gambar 4.24 Tampilan menu tambah biaya perjalanan........................................61
Gambar 4.25 Tampilan menu edit biaya perjalanan..............................................62
Gambar 4.26 Tampilan menu data transportasi.....................................................62
Gambar 4.27 Tampilan menu tambah data transportasi........................................63
Gambar 4.28 Tampilan menu edit data transportasi..............................................63
Gambar 4.29 Tampilan menu Data Kwitansi........................................................64
Gambar 4.30 Tampilan menu Data Laporan Kwitansi..........................................64
xii
Gambar 4.31 Tampilan menu data laporan perjalanan dinas................................65
Gambar 4.32 Tampilan menu cetak data laporan perjalanan dinas.......................65
Gambar 4.33 Tampilan Menu dashboard kepala dinas.........................................66
Gambar 4.34 Tampilan menu data NPPD.............................................................66
Gambar 4.35 tampilan menu tambah data NPPD..................................................67
Gambar 4.36 tampilan menu ubah data NPPD......................................................67
Gambar 4.37 Menu Data Laporan Kwitansi..........................................................68
Gambar 4.38 Tampilan menu cetak laporan data kwitansi...................................68
Gambar 4.39 Tampilan menu laporan data perjalanan dinas................................69
Gambar 4.40 Tampilan laproan perjalanan dinas..................................................69
Gambar 4.41 Tampilan menu dashboard pegawai................................................70
Gambar 4.42 Menu data SPT yang diberikan.......................................................70
Gambar 4.43 Menu data penginputan hasil dari perjalanan dinas.........................71
Gambar 4.44 Menu data perjalanan dinas.............................................................71
Gambar 4.45 Menu data cetak laporan perjalanan dinas.......................................72
Gambar 4.46 Menu ubah data laporan perjalanan dinas........................................72
xiii
DAFTAR LAMPIRAN
Halaman
Lampiran 1 surat kesediaan dosen pembimbing ............................................78

Lampiran 2 surat permohonan pengajuan judul laporan akhir ......................79
Lampiran 3 surat persetujuan pengajuan judul laporan akhir.........................80
Lampiran 4 surat pengambilan data ...............................................................81
Lampiran 5 kartu bimbingan laporan akhir mahasiswa ................................82
Lampiran 6 Surat Form Bebas Revisi Penguji I.............................................83
Lampiran 7 Surat Form Bebas Revisi Penguji II............................................84
Lampiran 8 Listing Program...........................................................................85
Biodata Penulis.............................................................................................179
xiv
BAB 1
PENDAHULUAN
1.1 Latar Belakang

Di masa sekarang Teknologi Informasi (TI) sangat berkembang. Dalam
kehidupan sehari-hari pun semua serba terkomputerisasi. Seperti di sekolah-
sekolah, kantor, pusat perbelanjaan, dan lain-lain yang telah menggunakan
sistem komputerisasi. Oleh karena Menurut (Abdi, Amrullah, & Mangero,
2018) Perkembangan teknologi informasi dan ilmu pengetahuan saat ini dapat
dibilang sangat pesat serta mempengaruhi dalam bidang informasi, khususnya
dalam bidang pengolahan data dengan memakai komputer. Seiring dengan
berkembangnya teknologi informasi tersebut, maka semakin diperlukan juga suatu
sistem informasi untuk mempermudah dalam pengelolaan dan penyimpanan data
serta membantu menyelesaikan masalah-masalah administratif yang terjadi
disuatu instansi atau organisasi.
Dinas Komunikasi dan Informatika Kabupaten Pakpak Bharat merupakan
suatu lembaga pemerintah yang bertugas membantu Pemerintahan dalam
melaksanakan tugas pada bidang komunikasi, informatika, persandian dan
statistik. Sama halnya dengan lembaga pemerintah pada umunya, salah satu
kegiatan Dinas Komunikasi dan Informatika Kabupaten Pakpak Bharat adalah
melakukan perjalanan dinas yang memiliki tujuan berbeda-beda, seperti
kunjungan kerja, monitoring dan pengawasan, kunjungan ke Dinas Komunikasi
dan Informatika Luar daerah, Diklat, dan kunjungan lainnya. Dengan adanya
perjalanan yang harus dilakukan oleh sebagian pegawai, maka Dinas Komunikasi
dan Informatika Kabupaten Pakpak Bharat membutuhkan sebuah sistem informasi
yang dapat membantu urusan perjalanan dinas dalam hal pembuatan surat seperti
nota perjalanan dinas, Surat Perintah Tugas, Surat Perintah Perjalanan Dinas dan
kwitansi.
Dinas komunikasi dan informatika kabupaten pakpak bharat, sistem informasi
yang digunakan sebelumnya masih menggunakan pengetikan dengan
menggunakan Ms.Office untuk membuat surat mulai dari surat nota perjalanan
dinas (NPPD), surat perintah tugas (SPT), surat perintah perjalanan dinas (SPPD),
15
maupun kwitansi. Dengan pengaplikasian sistem perjalanan dinas yang sedang
berjalan pada Dinas Komunikasi dan Informatika Kabupaten Pakpak Bharat saat
ini, dinilai masih kurang efisien dalam informasi pendataan karena masih terdapat
kesalahan dalam pembuatan nomor surat, penentuan pegawai yang akan
ditugaskan untuk melakukan perjalanan dinas, terjadinya kesalahan dalam
pengarsipan berkas surat perintah perjalanan dinas yang membuat petugas
kesulitan dalam mencarinya, serta memerlukan waktu yang cukup lama untuk
bendahara mendata ulang laporan biaya perjalanan.
Dengan terurainya permasalahan yang ditemui dalam sistem yang sedang
berjalan, penulis bermaksud untuk membuat laporan akhir dengan judul
“Perancangan Dan Pembangunan Sistem Infromasi Pengelolaan Surat Perintah
Perjalanan Dinas Berbasis Web Di Kantor Dinas Komunikasi Dan Informatika
Kabupaten Pakpak Bharat”.
1.2 Rumusan Masalah

Berdasarkan penjelasan yang telah diuraikan pada bagian latar belakang,
maka penulis menemukan beberapa masalah yang masih di hadapi oleh dinas
komunikasi dan informatika kabupaten pakpak bharat yaitu, dalam pembuatan dan
pengelolaan nota perjalanan dinas, surat perintah tugas surat perintah perjalanan
dinas, laporan data surat perintah perjalanan dinas, laporan kwitansi dan laporan
hasil dari perjalanan dinas, itu masih dilakukan dengan mengunkaan aplikasi
microsoft office.
1.3 Batasan Masalah
Dalam Perancangan dan Pembangunan Sistem Informasi Surat Perintah
Perjalanan Dinas Berbasis Web Di Kantor Dinas Komunikasi Dan
Informatika Kabupaten Pakpak Bharat. Peneliti menetapkan batasan yang
bertujuan untuk permasalahan yang dituju akan lebih terarah dengan baik
sebagai berikut:
1. Sistem ini memiliki tiga level yaitu, Operator, Pegawai, dan Pimpinan.
2. Sistem Informasi yang dibangun hanya mencakup nota permintaan
perjalanan dinas, surat perintah tugas, surat perintah perjalanan dinas,
kwitansi perjalanan dinas, laporan hasil perjalanan dinas, dan data
pegawai.
16
3. Sistem ini belum bisa mengontrol jumlah uang masuk dan uang keluar
yang digunakan dalam melaksanakan perjalanan dinas.
1.4 Tujuan Laporan Akhir

Tujuan dari penelitian ini yaitu untuk menghasilkan suatu Sistem Informasi
Surat Perintah Perjalanan Dinas yang dapat membantu Pejabat Pelaksana Teknis
Kegiatan dalam pengelolaan surat Perintah Perjalanan Dinas pada Kantor Dinas
Komunikasi dan Informatika Kabupaten Pakpak Bharat.
1.5 Manfaat Laporan Akhir

Berikut adalah manfaat dalam menyelesaikan laporan akhir ini.
1. Manfaat Bagi Penulis.
Menambah wawasan, penguasaan dan penerapan teknologi komputer
dalam perancangan suatu program komputerisasi yang telah diperoleh selama
kuliah. Selain itu juga menjadi salah satu syarat untuk mendapatkan gelar
amd.
2. Manfaat Bagi Pihak Dinas Komunikasi dan Informatika
Membantu Pejabat Pelaksana Teknis Kegiatan dalam pengelolaan surat
Perintah Perjalanan Dinas di Kantor Dinas Komunikasi dan Informatika
Kabupaten Pakpak Bharat.
1.6 Sistematika Laporan

Sistematika penulisan laporan akhir ini disusun dengan tujuan agar Semua
kegiatan dalam Sistem Informasi surat perintah perjalanan dinas dengan
menggunakan Website Pada Kantor Dinas Komunikasi dan Informatika
Kabupaten Pakpak Bharat berbasis Website dapat disusun dengan jelas dan
sistematis. Dalam rangka penyusunan laporan akhir ini, penulis membagi
sistematika penulisan ke dalam lima bab yaitu:
BAB 1 : PENDAHULUAN
Dalam bab ini diuraikan tentang latar belakang dan permasalahan, rumusan
masalah, batasan masalah, tujuan dan manfaat penelitian,serta sistematika
penulisan.
BAB 2 : TINJAUAN PUSTAKA
17
Bab ini akan membahas tentang Landasan teori berupa masalah secara teoritis,
menjelaskan sistem yang berkaitan dengan pengerjaan laporan akhir Sistem
Informasi surat perintah perjalanan dinas Pada Kantor Dinas Komunikasi dan
Informatika Kabupaten Pakpak Bharat.
BAB 3 : ANALISIS DAN PERANCANGAN
Bab ini membahas tentang analisis sistem dan perancangan dari Sistem
Informasi surat perintah perjalanan dinas Pada Kantor Dinas Komunikasi dan
Informatika Kabupaten Pakpak Bharat .
BAB 4 : HASIL DAN PEMBAHASAN

Bab ini membahas analisis hasil dan pembahasan sistem, user interface,
konten dan kelebihan serta kekurangan dari Sistem yang telah dibuat.
BAB 5 : SIMPULAN DAN SARAN

Bab ini menguraikan tentang simpulan dan saran yang berisi masukan untuk
mengembangkan dan melengkapi sistem yang sudah dibangun di masa yang
mendatang.
18
BAB 2
TINJAUAN PUSTAKA
2.1 Penelitian Terdahulu

1. Wardani, Anita Nur Kusuma (2018) dari Universitas Komputer Indonesia.
Meneliti dalam jurnalnya yang berjudul “Sistem Informasi Surat Perintah
Perjalanan Dinas Di Kantor Kecamatan Mande Cianjur Provinsi Jawa Barat”.
Masalah yang dihadapi dimana Pembuatan surat perintah masih
menggunakan cara manual dengan mengetik, sehingga membutuhkan waktu
yang lama dan kesulitan dalam mencari file surat yang sebelumnya telah
dibuat, sehingga memakan waktu yang lama untuk mencarinya serta kesulitan
dalam embuatan rekapitulasi rincian biaya, sehingga mengakibatkan
banyaknya hasil penginputan rekap rincian biaya tidak terpakai. Oleh karena
itu, dibuatlah sistem informasi guna memberikan solusi diantaranya
mempermudah dalam pengolahan surat perjalanan dinas, serta mempermudah
pegawai bagian sekretariat dalam mengolah dan membuat laporan biaya dan
rekapitulasi biaya.
2. Novianti, Dian, dan Syahril Amin (2021) dari Sekolah Tinggi Ilmu
Manajemen Informatikan dan Komputer (STIMIK) Kreatindo Manokwari,
Papua, Indonesia. Meneliti dalam jurnalnya yang berjudul “Rancang Bangun
Sistem Informasi Surat Perintah Perjalanan Dinas Pada Lembaga Penjaminan
Mutu Pendidikan Papua Barat Berbasis Web”. Diamana masalah yang
dihadapi adalah dimana pengelolaan Surat Perintah Tugas (SPT), Surat
Perintah Perjalanan Dinas (SPPD), daftar penerimaan biaya perjalanan dinas
dan laporan rekapitulasi kegiatan SPPD. Pembuatannya masih menggunakan
aplikasi Microsoft Word dimana harus dilakukan pengeditan setiap kali akan
melakukan perjalanan dinas. Selain itu staff pembuat SPPD harus mencari
data setiap pegawai yang akan melakukan perjalanan dinas pada kumpulan
data yang disimpan dalam file Microsoft Excel, sehingga sering ditemui
kekurangan.
19
2.2 Sistem Informasi
Seah, 2020) sistem informasi merupakan gabungan dari berbagai
komponen teknologi informasi yang saling bekerjasama dan menghasilkan suatu
informasi guna untuk memperoleh satu jalur komunikasi dalam suatu organisasi
atau kelompok.
Pengertian sistem informasi menurut (Wahyudi & Ridho, n.d., 2020) sistem
informasi merupakan sejumlah komponen yang dimana komponen itu saling
berhubungan satu sama lainnya guna untuk mencapai sebuah tujuan yang
diharapkan.
Pengertian sistem informasi menurut (Fonda, H., 2019) sistem informasi
adalah sebuah hubungan dari data dan metode dan menggunakan hardware serta
software dalam menyampaikan sebuah informasi yang bermanfaat.
Menurut pendapat ahli diatas, dapat penulis simpulkan bahwa sistem
informasi merupakan sebuah kumpulan dari beberapa komponen yang mengelola
data supaya data yang diolah dapat dijadikan sebagai informasi yang bermakna
dan dapat membantu mencapai tujuan organisasi.
2.3 Surat Perintah Perjalanan Dinas
Menurut Elisa Ika Wahyuningrum, Surat Perintah Perjalanan Dinas (SPPD)
sebagai bukti administrasi tugas dilengkapi juga dengan Surat Tugas yang
dikeluarkan dan dibubuhi tanda tangan oleh pimpinan atau atasan dari instansi
terkait. Salah satu fungsi Surat Perintah Perjalanan Dinas (SPPD) dikeluarkan
untuk mencairkan dana transportasi ketika bepergian dalam suatu instansi tertentu
sebagai sarana kelancaran suatu informasi yang akan diterima dalam suatu urusan
instansi.
Dan menurut peraturan Kementrian keuangan Republik indonesia Surat
Perintah Perjalanan Dinas (SPPD) adalah surat tugas kepada Pejabat Negara,
Pegawai Negeri Sipil dan Pegawai Tidak Tetap untuk melaksanakan perjalanan
dinas dan Surat Perintah Perjalanan Dinas (SPPD) memiliki beberapa tujuan
yaitu:
1. Perjalanan dinas mengikuti rapat kerja nasional (rakernas). Dalam hal ini
pegawai yang ditugaskan harus mempelajari materi rapat secara cermat.
2. Perjalanan dinas untuk mengikuti seminar nasional. Pegawai yang
20
ditugaskan harus mempelajari materi seminar itu. Apabila materi itu
berupa makalah, maka makalah tersebut sudah diterima bersamaan
dengan undangan rapat.
3. Perjalanan dinas untuk mengadakan kunjungan kerja ke daerah-daerah.
Pegawai yang ditugaskan harus dapat merumuskan dengan jelas apa yang
menjadi tujuan dan sasaran atas kunjungan kedaerah-daerah.
4. Perjalanan dias untk mengikuti pendidikan dan pelatihan (Diklat).
Pegawai yang ditugaskan harus menjaga kesehatan secara prima
disamping menyiapkan buku-buku referensi yang diperlukan.
5. Perjalanan dinas untuk mengikuti pelantikan karena mendapatkan
promosi jabatan. Pegawai yang ditugaskan tidak perlu mempersiapkan
materi, kecuali bila setelah pelantikan akan dilanjutkan dengan acara
conferensifers.
6. Perjalanan dinas dengan maksud mengadakan penjajakan kerjasama
dengan lembaga atau perusahaan lain. Hal yang perlu dipersiapkan oleh
pegawai yang ditugaskan antara lain materi kerjasama, tujuan kerjasama,
bentuk kerjasama, dan sebagainya.
7. Perjalanan dinas dalam rangka menghadiri acara ceremonial, seperti
pembukaan atau ulang tahun berdirinya suatu lembaga atau perusahaan.
Dalam acara seperti ini, biasanya yang diundang para pejabat atau
pemimpin daari berbagai lembaga atau perusahaan. Kesempatan tersebut
dapat digunakan untuk melakukan penjajakan kerjasama dengan berbagai
perusahaan yang hadir dalam acara tersebut. Oleh karena itu, sebelum
berangkat pegawai yang ditugaskan sebaiknya telah mempersiapkan
segala sesuatu yang berkaitan dengan penjajakan itu.
8. Perjalanan dinas karena adanya kegiatan sosial. misalnya, memberikan
bantuan kemanusiaan (bencana alam), memberikan beasiswa, dan
sebagainya. Pegawai yang ditugaskan sebaiknya memberikan bantuan
serta mengatur mekanisme pemberian bantuan tersebut agar sampai
kesasaran yang dituju.
9. Perjalanan dinas karena mengikuti tender. Pegawai yang ditugaskan harus
memahami persyaratan dan mekanisme tender yang diadakan.
21
2.4 Website
Pengertian website menurut Sebok, Vermat, dan tim (2018:70) adalah
kumpulan halaman yang saling terhubung yang di dalamnya terdapat beberapa
item seperti dokumen dan gambar yang tersimpan di dalam web server. Web app
adalah sebuah aplikasi yang berada dalam web server yang bisa user akses
melalui browser. Web app biasanya menampilkan data user dan informasi dari
server.
2.5 HTML (Hypertext Markup Language)
Menurut Saputra (2019), yaitu “HTML atau Hyper Text Markup Language
merupakan sebuah bahasa pemrograman terstruktur yang dikembangkan untuk
membuat laman website yang dapat diakses atau ditampilkan menggunakan web
browser.
2.6 PHP (Hypertext Preprocessor)

Menurut Yudhanto & Prasetyo (2019:9) “PHP atau Hypertext Preprocessor
adalah Bahasa pemograman script server side yang sengaja dirancang lebih
cenderung untuk membuat dan mengembangkan web”.
Sedangkan menurut Laisina et al. (2018:141), “PHP adalah bahasa
perograman yang digunakan secara luas untuk penanganan pembuatan dan
pengembangan sebuah web dan bisa digunakan pada HTML”
Berdasarkan pendapat para ahli diatas dapat disimpulkan bahwa, sebuah
bahasa pemrograman yang berjalan dalam sebuah web-server yang digunakan
secara luas untuk penanganan pembuatan dan pengembangan sebuah web dan bisa
digunakan pada HTML.
2.7 XAMPP
XAMPP adalah sebuah paket perangkat lunak (software) komputer yang
sistem penamaannya diambil dari akronim kata Apache, MySQL (dulu) /
MariaDB (sekarang), PHP, dan Perl. Sementara imbuhan huruf “X” yang terdapat
pada awal kata berasal dari istilah cross platform sebagai simbol bahwa aplikasi
ini bisa dijalankan di empat sistem operasi berbeda, seperti OS Linux, OS
Windows, Mac OS, dan juga Solaris. Sejarah mencatat, software XAMPP pertama
kali dikembangkan oleh tim proyek bernama Apache Friends dan sampai saat ini
22
sudah masuk dalam rilis versi 8.2.4 yang bisa didapatkan secara gratis dengan
label GNU (General Public License).
2.8 UML (Unified Modelling Language)

Menurut Sukamto, Rosa dan Shalahuddin (2018:13), “Unified Modeling
Language (UML) adalah salah satu standar bahasa yang banyak digunakan di
dunia industri untuk mendefinisikan requirement, membuat analisis dan desain,
serta menggambarkan arsitektur dalam pemrograman berorientasi objek. UML
merupakan bahasa visual untuk pemodelan dan komunikasi mengenai sebuah
sistem dengan menggunakan diagram dan teks-teks pendukung. UML hanya
berfungsi untuk melakukan pemodelan. Jadi penggunaan UML tidak terbatas pada
metodologi tertentu, meskipun pada kenyataannya UML paling banyak digunakan
pada metodologi berorientasi objek”.
Dibawah ini terdapat beberapa jenis diagram UML, yaitu:
2.8.1 Use Case Diagram
Sukamto, Rosa dan Shalahuddin (2018:155), “use case atau diagram use
case merupakan pemodelan untuk kelakuan (behavior) sistem informasi yang akan
dibuat. Use case mendeskripsikan sebuah interaksi antara satu atau lebih aktor
dengan sistem informasi yang akan dibuat. Secara kasar, use case digunakan
untuk mengetahui fungsi apa saja yang ada di dalam sebuah sistem informasi dan
siapa saja yang berhak menggunakan fungsi-fungsi itu”. Berikut adalah simbol
simbol yang ada pada diagram use case:
Tabel 2.1 Simbol-simbol Use Case Diagram
Simbol Nama Keterangan
Actor adalah Abstraction dari orang atau sistem

yang lain yang mengaktifkan fungsi dari target
sistem. Untuk mengidentifika sikan aktir, harus
ditentukan pembagian tenaga kerja dan tugas-
Actor tugas yang berkaitan dengan peran pada konteks
target sistem. Orang atau sistem bisa muncul
dalam beberapa peran. Perlu dicatat bahwa
aktor berinteraksi
dengan Use Case, tetapi tidak memiliki
kontrol terhadap use case.
23
Tabel 2.1 Lanjutan
Use Case menggambarkan fungsionalitas yang
disediakan sistem sebagai unit-unit yang bertukar
Use case pesan antar unit dengan aktir, yang dinyatakan
dengan menggunakan kata kerja
Hubungan generalisasi dan spesialisasi (umum-

khusus) antara dua buah use case, dimana fungsi yang
Generalization satu adalah fungsi yang lebih umum dari lainnya.
Komunikasi antar aktor dan use case yang

berpartisipasi pada use case, atau use case
Assosiation memiliki interaksi dengan aktor.
Menunjukkan bahwa suatu use case seluruhnya

merupakan fungsionalitas dari use case lainnya.
Include
Relasi use case tambahan ke sebuah use case

dimana use case yang ditambahkan dapat berdiri
Extend sendiri walau tanpa use case tambahan itu.
2.8.2 Activity Diagram .

Sukamto dan Shalahuddin (2018:161), “diagram aktivitas atau activity
diagram menggambarkan workflow (aliran kerja) atau aktivitas dari sebuah
sebuah sistem atau proses bisnis atau menu yang ada pada perangkat lunak.
diagram aktivitas menggambarkan aktivitas sistem bukan apa yang dilakukan
aktor, jadi aktivitas yang dapat dilakukan oleh sistem”. Berikut adalah simbol-
simbol yang ada pada diagram aktivitas:
Tabel 2.2 Simbol-simbol Activity Diagram

Start Point, diletakkan pada pojok kiri atas

Status Awal dan merupakan awal aktivitas.
Aktivitas yang dilakukan sistem, aktivitas

biasanya diawali dengan kata kerja.
Aktivitas
End Point, akhir aktivitas.

Status Akhir
24
Tabel 2.2 Lanjutan
Decision Points, menggambar kan pilihan
Decision/ Percabangan untuk pengambilan keputusan, true atau
false.
Simbol yang digunakan dimana ketika

ada lebih dari satu aktivias yang
Penggabungan/ Join digabungkan menjadi satu.
25
2.8.3 Class Diagram
Sukamto, Rosa dan Shalahuddin (2018:141), “diagram kelas atau class
diagram menggambarkan struktur sistem dari segi pendefinisian kelas-kelas yang
akan dibuat untuk membangun sistem”. Kelas memiliki apa yang disebut atribut
dan method atau operasi. Berikut penjelasan atribut dan method:
Tabel 2.3 Simbol-simbol Class diagram

Apa yang menghubungkan antara objek satu

Association dengan objek lainnya.
Suatu objek merupakan turunan dari suatu

objek lainnya sehingga objek turunan
Inheritance tersebut dapat mengakses berbagai field,
properties, method dan event public dari
object base nya
Suatu objek tergantung dari suatu

objek lainnya. Misal, suatu method di
Dependency suatu objek dijalankan/digunakan pada
objek lainnya.
Hubungan dimana objek anak (descendent)

Generalisasi berbagi perilaku dan struktur data dari objek
yang ada di atasnya objek induk (ancestor).
Suatu interface diimplementasikan pada

Aggregation suatu class.
26
BAB 3
METODE PENELITIAN
3.1 Alat dan Bahan Pembuatan Rancangan / Alat

Sebelum membangun sistem, penulis telah menyediakan beberapa alat dan
bahan yang berupa tools pendukung dalam Penerapan Sistem Informasi Surat
Perintah Perjalanan Dinas pada Dinas Komunikasi dan Informatika Kabupaten
Pakpak Bharat berbasis Web. Adapun beberapa alat dan bahan yang digunakan di
antaranya:
3.1.1 Alat
Bahan bahan maupun alat yang dibutuhkan selama perancangan dan
pembangunan sistem informasi pengelolaan surat perintah perjalanan dinas
berbasis web ini adalah:
1. Perangkat Keras
Laptop Acer dengan spesifikasi sebagai berikut:
a. Monitor dengan resolusi 1336 x 768
b. Ram (Random Acces Memory ) 4GB (Gigabyte)
c. Prcessor AMD Athlon Silver
d. Kapasitas Solid State Drive 239 GB
2. Perangkat Lunak
a. XAMPP dengan Versi 5.6.3
b. Visual Studio Code Versi 1.80
c. Sistem Operasi Windows 11 home single language 64-bit
d. Website browser Chrome dengan Versi 115.0.5790.110
3.1.2 Bahan
Data data yang diperlukan dalam pembuatan sistem ini adalah Data kota
tujuan perjalanan dinas, Data biaya perjalanan dinas, dan Data pegawai yang
mana mencakup nama pegawai, nomor induk pegawai, golongan dan jabatan.
27
3.2 Metode Pengumpulan Data
1. Observasi
Observasi sebagai teknik pengumpulan data yang mempunyai ciri spesifik
bila dibandingkan dengan teknik yang lainnya. Observasi dilakukan dengan
melihat langsung di lapangan misalnya kondisi ruang kerja dan lingkungan kerja.
Pada metode ini penulis melihat langsung cara kerja sistem pengelolaan data
perjalanan dinas seperti pembuatan nota permintaan perjalana dinas, surat perintah
tugas, dan surat perintah perjalanan dinas di dinas komunikasi dan inforamatika
pakpak bharat.
2. Wawancara
Penulis melakukan wawancara langsung dengan salah satu pegawai dari
Dinas Komunikasi Dan Informatika Kabupaten Pakpak Bharat. Wawancara
langsung dilakukan dengan tujuan untuk mendapatkan pemahaman yang
mendalam tentang kebutuhan pengguna dan untuk mengumpulkan informasi rinci
tentang sistem yang akan dirancang.
3. Studi Literatur
Studi literatur merupakan data yang diperoleh secara tidak langsung, yaitu
data yang diperoleh dari buku dan jurnal. Sebagai acuan dan dukungan teori untuk
membantu dalam penyusunan laporan Laporan akhir. Pada metode ini penulis
melihat beberapa referensi jurnal dari internet yang berkaitan dengan Surat
Perintah Perjalanan Dinas.
3.3 Analisis Sistem Yang Sedang Berjalan

Berdasarkan hasil observasi, wawancara dan pengambilan data yang penulis
peroleh dari Dinas Komunikasi dan Informatika Kabupaten Pakpak Bharat sistem
pengolahan Surat Perintah Perjalanan Dinas (SPPD) yang sedang berjalan pada
Dinas Komunikasi dan Informatika Kabupaten Pakpak Bharat adalah sebagai
berikut:
1. Kepala Dinas atau pejabat yang memerintahkan tugas perjalanan

memberitahukan bahwa akan ada tugas perjalanan yang akan
dilaksanakan.
2. Petugas Surat Perjalanan Dinas menentukan pegawai yang akan
28
ditugaskan untuk melakukan perjalanan dinas ataupun menerima nota
permintaan perjalanan dinas.
3. Pembuatan SPT (Surat Perintah Tugas) menggunakan Microsoft Office
(Word) yang akan ditandatangani oleh Kepala Dinas Komunikasi dan
Informatika Kabupaten Pakpak Bharat. Surat Perintah Tugas berisikan
nama pegawai yang diperintahkan, tempat tujuan, waktu perjalanan,
maksud perjalanan, dan tanggal mulai dan selesai perjalanan. Surat
Perintah Tugas harus disetujui agar dapat melakukan perjalanan dan
dapat membuat SPPD.
4. Pembuatan Surat Perintah Perjalanan Dinas (SPPD) oleh petugas SPPD
menggunakan Word yang akan ditandatangani oleh Kepala Dinas
Komunikasi dan Informatika Kabupaten Pakpak Bharat.
5. Mencetak SPT dan SPPD untuk dibawa ke lokasi perjalanan yang dituju.
6. Pembuatan nomor surat diminta ke bagian umum untuk dituliskan secara
manual menggunakan alat tulis.
7. Setelah Perjalanan Dinas selesai dan menyerahkan bukti atau dokumen
penting hasil perjalanan, menghitung dan mendata biaya perjalanan.
3.4 Analisis Kebutuhan Sistem

Setelah menganalisa sistem yang sedang berjalan diatas maka untuk
kebutuhan sistem yang akan di rancang ini adalah agar dapat mengelola dan
membuat,
1. Nota permintaan perjalanan dinas
2. Surat perintah tugas
3. Surat perintah perjalanan dinas,
4. Data kwitansi,
5. Laporan hasil perjalanan dinas.
3.5 Analisis Pengguna
Berikut adalah analisis pengguna yang terlibat dalam sistem informasi yang
akan dibuat pada penerapan sistem informasi surat perintah perjalanan dinas pada
dinas perdagangan kota medan berbasis website diantaranya:
1. Operator
Operator adalah pengguna yang memiliki hak untuk membuat beberapa
29
dokumen seperti nota, surat perintah tugas, surat perintah perjalanan dinas
dan juga rencana biaya, selain itu admin juga mengelola master data
seperti data pengguna sistem, data pegawai,data golongan, data biaya, data
transportasi, data kota, dan data penanda tangan Surat perintah perjalanan
dinas (SPPD) dan kwitansi serta data laporan hasil dari perjalanan dinas
yang telah dilakukan.
2. Kepala Dinas
Kepala Dinas adalah pengguna sistem yang dapat melihat permintaan
surat-surat dan dokumen yang akan ditanda tangani. Pada sistem
terkhususnya kepala dinas bertugas sebagai aktor yang melakukan
approval atau persetujuan dokumen yang nantinya digunakan oleh admin
untuk melakukan tahap-tahap selanjutnya.
3. Pegawai
Pegawai adalah pengguna sistem yang dapat melihat status perjalanan
yang ditugaskan untuk dirinya dan juga dapat memasukkan hasil dari
perjalanan dinas yang telah dilakukan.
3.6 Perancangan Sistem

Perancangan sistem di dalam sistem informasi pengolahan surat perintah
tugas ini menggunakan UML sebagai metode alur data. Pada perancangan sistem
informasi pengolahan surat perintah tugas ini penulis menggunakan UML yang
akan dijabarkan sebagai berikut:
3.6.1 Use Case Diagram

Use case diagram merupakan serangkaian skenario suatu urutan dari
langkah-langkah yang meliputi satu interaksi antara pengguna (aktor) dengan
suatu sistem. Sistem informasi pengolahan SPT terdiri dari 3 aktor yang berperan
penting untuk penerbitan dan pengolahan SPPD yaitu Operator, Pegawai dan
Kepala Dinas.
30
Gambar 3.1 Use case diagram
3.6.2 Activity Diagram

Activity Diagram menggambarkan suatu aktivitas, berbagai alur aktivitas
dalam sistem yang sedang dirancang, Bagaimana masing-masing alur berawal dari
yang mungkin terjadi dan bagaimana mereka berakhir. Activity diagram juga
dapat menggambarkan proses paralel yang mungkin terjadi pada beberapa
eksekusi. Activity diagram untuk user adalah alur yang dilakukan oleh user saat
mengakses halaman administrator website ini.
31
1. Diagram Login
Gambar 3.2 Diagram Login
Berikut adalah aktifitas login yang akan dilakukan oleh user yang
berperan, pertama User akan membuka website, pada tampilan pertama akan
disuguhkan dengan tampilan form login kemudian masukkan Username dan
Password yang sudah didaftarkan dan kemudian sistem akan megeautentikasi
level user yang dimasukkan dan jika username dan password tidak terdaftar
dalam database, maka akan kembali pada halaman yang sama dan jika login
32
berhasil maka akan masuk ke halaman dashboard sesuai dengan lever user yang
telah di tentukan.
2. Activity Diagram Golongan
Gambar 3.3 Diagram Jabatan
Pada activity diagram ini, Operator dapat melakukan aksi tambah, ubah
dan hapus data golongan.
33
3. Activity Diagram Pegawai
Gambar 3.4 Diagram Pegawai
Pada activity diagram ini, Operator dapat melakukan aksi tambah, ubah ,
cetak dan hapus data pegawai.
34
4. Activity Diagram Nota Permintaan Perjalanan Dinas (NPPD)
Gambar 3.5 Diagram Nota permintaan perjalanan dinas
Pada activity diagram ini, Operator dan Kepala Dinas dapat melakukan
aksi tambah, ubah, cetak, dan hapus data Nota permintaan perjalanan dinas dan
setelah berhasil menambah NPPD dan jika NPPD sudah disetujui oleh Kepala
dinas maka secara otomatis akan langsung masuk ke data surat perintah tugas
(SPT).
35
5. Activity Diagram Surat Perintah Tugas (SPT)
Gambar 3.6 Diagram SPT
Pada activity diagram ini, Operator Bertugas untuk membuatkan Surat

perintah perintah perjalanan dinas (SPPD) yang itu harus melalui Nota
permintaan perjalanan dinas sebelumnya telah di setujui oleh kepala dinas dan
pada activity diagram ini petugas juga dapat untuk mengubah, mencetak, dan
menghapus data Surat Perintah Tugas dan pada halaman ini jugalah operator
membuatkan Surat Perintah Perjalanan Dinas.
36
6. Activity Diagram Surat Perintah Perjalanan Dinas (SPPD)
Gambar 3.7 Diagram Laporan
Pada activity diagram ini, setelah SPPD dibuat selanjutnya tugas operator
adalah membuatkan kwitansi kedalam SPPD tersebut dan dalam activity diagram
operator hanya dapat menghapus dan mencetak SPPD.
37
7. Activity Diagram Laporan
Gambar 3.8 Activity diagram laporan
Pada activity diagram ini, Operator dapat melihat, mencetak dan

menghapus laporan.
3.6 Perancangan Basis Data
Tahapan ini akan menjelaskan basis data yang akan dibangun,

meliputi struktur hubungan antar entitas, struktur penyimpanan data,
format data yang digunakan dan alur akses basis data pada sistem
informasi manajemen surat perintah tugas.
3.6.1 Perancangan Struktur Tabel

Pada tahap ini dilakukan pendefinisian basis data yang akan disimpan,
meliputi struktur penyimpanan data, format data, dan jalur akses. Dalam
perancangannya juga dilakukan transformasi struktur data yang akan disimpan
dengan membuat spesifikasi struktur tiap berkas data.
38
1. Desain Tabel Admin
Desain tabel admin yang terdapat pada Tabel 3.1 terdiri dari 4 field yang
berfungsi menyimpan data pengguna admin, Kepala dinas dan pegawai.
Tabel 3.1 Desain Tabel Admin

Nama Field Tipe Data Keterangan
Id Int(4) Primary key
Username Varchar(20)
Password Varchar(50)
Level Varchar(25)
2. Desain Tabel Golongan

Desain tabel golongan yang terdapat pada Tabel 3.2 terdiri dari 2 field yaitu
berfungsi menyimpan data golongan pegawai.
Tabel 3.2 Desain Tabel Golongan
Id_golongan Int(6) Primary key
Nama_golongan Varchar(6)
3. Desain Tabel Biaya

Desain tabel biaya terdapat pada tabel 3.3 yang mana terdiri dari 6 field
yang berfungsi menyimpan besaran biaya untuk SPPD
Tabel 3.3 Desain Tabel Biaya
Id_biaya Int(5) Primary key

Id_tujuan Varchar(6)
lumpsum Varchar(10)
Penginapan Varchar(40)
transportasi Varchar(20)
Foreign Key dari tabel golongan
Id_golongan Int(6)
39
4. Desain Tabel Kwitansi
Desain tabel kwitansi yang terdapat pada Tabel 3.4 terdiri dari 10 field
berfungsi menyimpan data kwitansi perjalanan dinas.
Tabel 3.4 Desain tabel kwitansi
Id_Kwitansi Int(11) Primary Key
Id_sppd Int(4) Foreign Key dari tabel sppd
Id_pegawai Varchar(8) Foreign Key dari tabel

pegawai
Dari Text
Untuk Text
Lama Varchar(5)
Lumpsum Varchar(11)
Penginapan Varchar(30)
Transportasi Varchar(15)
Tujuan Varchar(40)
5. Desain Tabel Pegawai

Desain tabel pegawai yang terdapat pada Tabel 3.5 terdiri dari 9 field
berfungsi menyimpan data pegawai.
Tabel 3.5 Desain tabel pegawai
Id_pegawai Int(8) Primary key
Nip Varchar(15)
nama Varchar(40)
Pangkat Varchar(15)
Foreign Key dari tabel golongan
Id_golongan Int(6)
Jabatan Varchar(30)
Unit kerja Varchar(20)
Username Varchar(20)
Password Varchar(20)
6. Desain Tabel Nota Permintaan Perjalanan Dinas (NPPD)
40
Desain tabel NPPD yang terdapat pada Tabel 3.6 terdiri dari 9 field
berfungsi menyimpan data Nota permintaan yang telah dibuat.
Tabel 3.6 Desain tabel NPPT
Id_nppt Int(5) Primary key
Id_pegawai Varchar(8) Foreign Key dari tabel pegawai
Id_tujuan Varchar(5) Foreign Key dari tabel tujuan
Maksud Text
Foreign Key dari tabel transportasi
Id_transportasi Int(5)
Lama Varchar(6)
Tgl_pergi Varchar(15)
Tgl_kembali Varchar(15)
Status Enum(‘y’,’n’)
7. Desain Tabel Surat Perintah Tugas (SPT)

Desain tabel spt yang terdapat pada Tabel 3.7 terdiri dari 7 field berfungsi
menyimpan data surat perintah tugas.
Tabel 3.7 Desain tabel SPT
Id_spt Int(6) Primary key
No_spt Varchar(25)
Id_nppt Int(8) Foreign Key dari tabel NPPT
Id_pegawai Int(8) Foreign Key dari tabel pegawai
Tugas Text
Tgl_spt Varchar(15)
Dasar_hukum text
8. Desain Tabel Surat Perintah Perjalanan Dinas (SPPD)

Desain tabel sppd yang terdapat pada Tabel 3.8 terdiri dari 9 field
berfungsi menyimpan data surat perintah perjalanan dinas.
Tabel 3.8 Desain Tabel SPPD
41
Id_sppd Int(11) Primary key
Id_pegawai Int(8) Foreign Key dari tabel pegawai
Id_nppt Int(5) Foreign Key dari tabel NPPT
No_sppd Varchar(25)
Pemberi_perintah Varchar(25)
Instansi Varchar(30)
Mata_anggaran Varchar(10)
Keterangan Varchar(100)
Tgl_sppd Varchar(12)
9. Desain Tabel Transportasi

Desain tabel sppd yang terdapat pada Tabel 3.9 terdiri dari 3 field
berfungsi menyimpan data Tranportasi yang digunakan.
Tabel 3.9 Desain Tabel Transportasi
Id_transportasi Int(5) Primary key
transportasi Varchar(15)
10. Desain Tabel Tujuan

Desain tabel Tujuan yang terdapat pada Tabel 3.10 terdiri dari 2 field
berfungsi menyimpan data tempat tujuan perjalanan dinas.
Tabel 3.10 Desain Tabel Tujuan
Id_tujuan Int(5) Primary key
Tujuan Varchar(30)
42
3.6.2 Entity Relationship Diagram (ERD)
ERD merupakan suatu model untuk menjelaskan hubungan antar data dalam
basis data berdasarkan objek-objek dasar data yang mempunyai hubungan antar
relasi. ERD memodelkan struktur data dan hubungan antar data. Berikut adalah
rancangan ERD pada sistem informasi Surat Perintah Perjalanan Dinas pada
kantor dinas komunikasi dan informatika pakpak bharat
Gambar 3.10 Perancangan ERD aplikasi SPPD
3.7 Perancangan Antarmuka
3.7.1 Bagian Operator

1. Rancangan Form Login User
Form login user merupakan form yang digunakan oleh user untuk masuk
ke sistem. Form ini terdiri dari username, password dan level user.
43
Gambar 3.11 Rancangan Form Login User
Gambar 3.11 merupakan desain tampilan form login untuk sistem

informasi SPPD ini. Fungsi login adalah untuk membantu keamanan sistem
informasi tersebut sehingga tidak semua orang memiliki hak akses ke dalam
sistem.
2. Rancangan Halaman Data Pegawai

Halaman data pegawai merupakan halaman yang digunakan oleh operator
untuk mengolah data pegawai.
44
Gambar 3.12 Rancangan halaman data pegawai
3. Rancangan Halaman Data Golongan

Halaman data golongan merupakan halaman yang digunakan oleh
operator untuk menghapus, menambah, dan mengedit data golongan.
Gambar 3.13 Rancangan halaman data golongan
3.7.2 Bagian Kepala dinas

1. Rancangan Halaman Verivikasi NPPD
Halaman verifikasi NPPD merupakan halaman yang digunakan oleh
Kepala dinas untuk memverifikasi NPPD yang dibuatkan oleh operator
maupun kepala dinas itu sendiri.
45
Gambar 3.14 Rancangan antarmuka verivikasi NPPD
2. Rancangan Halaman Laporan

Halaman laporan merupakan halaman yang digunakan dan diperlukan
oleh Kepala dinas dan halaman ini berfungsi untuk menampilkan dan juga
untuk mencetak laporan kwitansi dan data perjalanan dinas.
Gambar 3.15 Rancangan antarmuka Halaman Laporan Perjalanan Dinas.
Gambar 3.15 merupakan rancangan halaman muka laporan hasil dari perjalanan
dinas yang telah selesai dilaksanakan.
Gambar 3.16 Rancangan antarmuka Halaman Laporan Kwitansi.
46
Gambar 3.16 merupakan rancangan halaman muka laporan kwitansi uang yang
digunakan dalam perjalanan dinas yang dilaksanakan.
3.7.3 Bagian Pegawai

1. Rancangan Halaman Data SPT
Halaman data SPT merupakan halaman yang digunakan oleh pegawai
untuk melihat data SPT yang ditugaskan oleh atasan.
Gambar 3.17 Rancangan antarmuka halaman data SPT
2. Halaman Data Perjalanan Dinas

Halaman Data perjalanan dinas ini merupakan halaman yang digunakan
pegawai untuk melihat data data perjalanan dinas yang sudah pernah
dilaksanakan ataupun dijalankan.
47
Gambar 3.18 Rancangan antar muka data perjalanan dinas
48
BAB 4
HASIL DAN PEMBAHASAN
4.1 Hasil
4.1.1 Form Login User

Halaman ini merupakan halaman bagi operator, pegawai dan Kepala dinas
untuk login. Dan pada halaman ini akan terdapat 3 pilihan level yang untuk dipilih
dan untuk level nya sendiri sudah diatur agar dapat mengenali id dari pengguna
pada setiap level supaya tidak ada kesalahan login.
Gambar 4.1 Form Login User
Setelah berhasil login halaman akan dialihkan ke menu beranda sesuai

dengan level user.
4.1.2 Halaman Menu Operator

Dalam menu operator ini adalah dimana level user adalah sebagai operator
yang dapat mengontrol keseluruhan aplikasi.
Berikut adalah menu-menu yang dapat diakses oleh operator
49
1. Halaman Dashboard
Gambar 4.2 Halaman Dashboard Admin
Gambar 4.2 adalah halaman dashboard dan juga menu menu yang ada pada
akun dengan level operator
2. Halaman Menu Data SPPD

Halaman ini adalah menu untuk pembuatan SPPD dengan Proses dilalui
dengan NPPT dan Dalam pembuatan NPPT operator hanya dapat
membuatkannya namun untuk proses lebih lanjutnya NPPT itu harus
disetujui oleh Kepala dinas melalui akun kepala dinas. Dan setelah NPPT
di setujui maka akan bisa dilanjutan ke tahap selanjutnya ya itu pembuatan
SPT dan dari SPT di lanjutkan untuk membuat SPPD dan selanjutnya itu
adalah mengatur kwitansi dari SPPD tersebut.
Dalam menu data SPPD ini terdapat 3 sub menu yang diantaranya adalah:
50
a. NPPD (Nota Permintaan Perjalanan Dinas)
Gambar 4.3 Halaman NPPD admin
Gambar 4.3 merupakan halaman untuk melihat data Nota permintaan

perjalaann dinas yang telah di inputkan.
Gambar 4.4 Halaman Tambah NPPD
Gambar 4.4 merupakan halaman form untuk menginputkan data Nota

51
Gambar 4.5 Halaman Cetak NPPD
Gambar 4.5 merupakan halaman surat Nota permintaan perjalanan dinas

yang sebelumnya telah di inputkan.
b. SPT (Surat Perintah Tugas)
Gambar 4.6 Halaman data SPT
Gambar 4.6 merupakan halaman untuk melihat data Surat perintah tugas
dimana data surat perintah tugas ini ada ketika nota permintaan perjalanan dinas
telah di setujui oleh kepala dinas dan pada halaman ini jugalah data Surat perintah
perjalanan dinas di inputkan.
52
Gambar 4.7 Halaman Edit SPT
Gambar 4.7 merupakan form untuk mengedit data Surat perintah tugas.
Gambar 4.8 Halaman Cetak SPT

Gambar 4.8 merupakan halaman surat perintah tugas yang sebelumnya
telah di inputkan
53
Gambar 4.9 Halaman Tambah SPPD
Gambar 4.9 merupakan halaman form untuk menginputkan data surat
perintah perjalanan dinas yang mana form ini diakses melalui menu Surat perintah
tugas.
c. SPPD (Surat Perintah Perjalanan Dinas)
Gambar 4.10 Halaman Data SPPD
Gambar 4.0 merupakan halaman untuk menampilkan data Surat perintah

perjalanan dinas yang telah di inputkan pada menu surat perintah tugas
sebelumnya dan pada halaman ini juga operator menginputkan data kwitansi
perjalanan dinas.
54
Gambar 4.11 Halaman tambah data Kwitansi
Gambar 4.11 merupakan halaman form untuk menginputkan data kwitansi untuk
surat perintah perjalanan dinas.
Gambar 4.12 Halaman Cetak Data SPPD
Gambar 4.12 merupakan halaman surat perintah perjalanan dinas.
55
3. Halaman Menu Data Pegawai
Menu ini terdapat 2 sub menu yaitu:
a. Data Pegawai
Gambar 4.13 Halaman Data Pegawai
Gambar 4.13 merupakan halaman yang menampilkan data pegawai dinas

dan pada halaman ini operator dapat mengubah, menghapus dan mengedit data
pegawai.
Gambar 4.14 Halaman Tambah data pegawai
Gambar 4.14 merupakan halaman form untuk mengiputkan data pegawai.
56
Gambar 4.15 Halaman Edit data pegawai
Gambar 4.15 merupakan halaman form untuk mengedit data pegawai.
Gambar 4.16 Halaman detail data pegawai
Gambar 4.16 merupakan halaman yang menampilkan detail data pegawai

yang ada.
57
b. Data golongan
Gambar 4.17 Halaman data golongan

Gambar 4.17 merupakan halaman yang menampilkan data golongan dan
pada halaman ini operator dapat mengubah, menghapus dan menambah data
golongan.
Gambar 4.18 Halaman tambah data golongan

Gambar 4.18 merupakan halaman form untuk menambah data golongan.
58
Gambar 4.19 Halaman Edit data golongan
Gambar 4.19 merupakan halaman form untuk mengedit data golongan.
4. Halaman Menu Data Biaya

Dalam halaman menu ini terdapat beberapa sub menu didalamnya, yaitu:
a. Menu Data Kota
Gambar 4.20 Tampilan menu data kota
Gambar 4.20 merupakan halaman yang menampilkan data kota tujuan

dalam melakukan perjalanan dinas dan pada halaman ini operator dapat
mengubah, menghapus dan menambah data kota tujuan dalam melaksanakan
perjalanan dinas.
59
Gambar 4.21 Tampilan menu tambah data kota
Gambar 4.21 merupakan halama form untuk menambah data kota tujuan
perjalanan dinas.
Gambar 4.22 Tampilan menu ubah data kota
Gambar 4.22 merupakan halaman form untuk mengedit data kota tujuan
perjalanan dinas.
60
b. Menu Data Biaya Perjalanan
Gambar 4.23 Tampilan menu data biaya perjalanan
Gambar 4.23 merupakan halaman yang menampilkan data biaya

perjalanan dinas dan pada halaman ini operator dapat mengubah, menghapus dan
menambah data biaya perjalanan dinas.
Gambar 4.24 Tampilan menu tambah biaya perjalanan
Gambar 4.24 merupakan halaman form untuk menambah data biaya

perjalanan dinas.
61
Gambar 4.25 Tampilan menu edit biaya perjalanan
Gambar 4.25 merupakan halaman form untuk mengubah data biaya
perjalanan dinas.
c. Menu Data Transportasi
Gambar 4.26 Tampilan menu data transportasi
Gambar 4.26 merupakan halaman yang menampilan data transportasi yang

digunakan dalam melakukan perjalanan dinas dan pada halaman ini operator dapat
mengubah, menghapus dan mengedit data transportasi yang digunakan dalam
perjalanan dinas.
62
Gambar 4.27 Tampilan menu tambah data transportasi
Gambar 4.27 merupkan halaman form untuk menambah data transportasi

yang digunakan dalam melakukan perjalanan dinas.
Gambar 4.28 Tampilan menu edit data transportasi
Gambar 4.28 merupkan form untuk mengubah data transportasi.
5. Menu Data Laporan

Dalam menu data laporan ini terdapat dua sub menu yaitu :
a. Menu Data Laporan Kwitansi
63
Gambar 4.29 Tampilan menu Data Kwitansi
Gambar 4.29 merupakan halaman yang menampilkan data laporan

kwitansi dan pada halaman ini operator hanya dapat menghapus dan mencetak
laporan.
Gambar 4.30 Tampilan menu Data laporan Kwitansi
Gambar 4.20 merupakan halaman yang menampilkan hasil dari laporan

kwitansi yang akan di cetak ataupun di unduh dalam bentuk pdf.
64
b. Menu Data Laporan Perjalanan Dinas
Gambar 4.31 Tampilan menu data laporan perjalanan dinas
Gambar 4.31 merupakan halaman yang menampilkan data laporan hasil

dari perjalanan dinas yang telah dilaksanakan dan pada halaman ini operator
hanya dapat menghapus dan mencetak laporan.
Gambar 4.32 Tampilan menu cetak data laporan perjalanan dinas
Gambar 4.32 merupakan halaman yang menampilkan surat hasil dari

perjalanan dinas yang telah selesai dilaksanakan.
65
4.1.3 Halaman Menu Kepala Dinas
Didalam menu kepala dinas bertugas untuk menyetujui pengajuan NPPD
yang telah di ajukan oleh operator agar NPPD dapat diproses untuk menjadi SPT.
Berikut adalah menu-menu yang dapat diakses oleh kepala dinas.
1. Menu Dashboard
Gambar 4.33 Tampilan Menu Dashboard kepala dinas

Gambar 4.33 merupakan halaman dashboard yang ada pada user kepala dinas.
2. Menu Data NPPD
Gambar 4.34 Tampilan menu data NPPD
Gambar 4.34 merupakan halaman yang menampilkan data Nota

permintaan perjalanan dinas dan pada halaman ini kepala dinas dapat mengubah,
menambah dan menghapus data nota permintaan perjalanan dinas dan pada
halaman ini juga kepala dinas menyetujui nota permintaanperjalaan dinas agar
dapat dilanjut ke tahap selanjutnya.
66
Gambar 4.35 tampilan menu tambah data NPPD
Gambar 4.35 merupakan halaman form untuk menambah data nota

Gambar 4.36 tampilan menu ubah data NPPD
Gambar 4.36 merupakan halaman form yang ada pada menu user kepala dinas
untuk menambah data nota permintaan perjalanan dinas.
67
3. Menu Data Laporan
a. Menu Data Laporan kwitansi
Gambar 4.37 Menu Data Laporan Kwitansi
Gambar 4.37 merupakan halaman yang menampilkan data laporan

kwitansi dan pada halaman ini operator hanya dapat menghapus dan mencetak
laporan.
Gambar 4.38 Tampilan menu cetak laporan data kwitansi
68
Gambar 4.38 merupakan halaman yang menampilkan hasil dari laporan
kwitansi.
b. Menu Laporan Data Perjalanan Dinas
Gambar 4.39 Tampilan menu laporan data perjalanan dinas
Gambar 4.39 merupakan halaman yang menampilkan data laporan hasil

dari perjalanan dinas yang telah dilaksanakan.
Gambar 4.40 Tampilan laproan perjalanan dinas
Gambar 4.4 merupakan halaman yang menampilkan surat hasil dari

perjalanan dinas yang telah selesai dilaksanakan.
69
4.1.4 Halaman Menu Pegawai
Dalam menu pegawai ini , pegawai dapat mengakses beberapa menu yaitu:
1. Halaman Menu Dashboard Pegawai
Gambar 4.41 Tampilan menu dashboard pegawai
Gambar 4.41 merupakan halaman dashboard yang ada pada user pegawai.
2. Halaman Menu Data SPT
Gambar 4.42 Menu data SPT yang diberikan
Gambar 4.42 merupakan halaman yang menampilkan surat perintah tugas

yang ditugaskan terhadap pegawai dan pada halaman ini pegawai dapat melihat
perintah yang ditugaskan untuk di lakukan dan juga pada halaman ini pegawai
menginputkan data hasil dalam melakasanakan perjalanan dinas.
70
Gambar 4.43 Menu data penginputan hasil dari perjalanan dinas
Gambar 4.43 merupakan form untuk menginput hasil dari perjalanan dinas
yang telah dilaksanakan.
3. Menu Data Perjalanan Dinas
Gambar 4.44 Menu data perjalanan dinas
Gambar 4.44 merupakan halaman yang menampilkan data perjalaann

dinas yang mana pegawai dapat melihat daftar data perjalanan dinas dan daftar ini
ditampilkan sesuai dengan akun pegawai itu sendiri dan pada halaman ini pegawai
dapat mengubah, dan menghapus data hasil perjalanan dinas yang telah di
inputkan sebelumnya.
71
Gambar 4.45 Menu data cetak laporan perjalanan dinas
Gambar 4.45 merupakan halaman yang menampilkan surat laporan hasil

dari perjalanan dinas
Gambar 4.46 Menu ubah data laporan perjalanan dinas
Gambar 4.46 merupakan halaman form untuk mengubah hasil dari

perjalanan dinas.
72
4.2 Pengujian Rancangan / Alat
Dalam proses pengujian perancancangan sistem yang dibangun, penulis

menggunakan metode blackbox testing. Blackbox testing merupakan pengujian
yang berfokus pada spesifikasi fungsional dari perangkat lunak, khususnya pada
input dan output aplikasi (apakah sudah sesuai dengan yang diharapkan atau
belum).
Berikut merupakan pengujian pada sistem informasi surat perintah perjalanan
dinas pada Dinas Perdagangan Kota Medan menggunakan metode blackbox
testing.
1. Pengujian Pada user Operator
Tabel 4.1 Pengujian pada user Operator
No Input Proses Output yang Hasil

Diharapkan
1 Form Login Memproses Masuk ke halaman Berhasil

Dashboard
Masukkan username dan username dan
password password
2 Form tambah Nota permintaan Memproses NPPD berhasil Berhasil
perjalanan dinas (NPPD) pilih pembuatan NPPD ditambahkan dan
pegawai kemudian Masukkan kembali ke halaman
maksud Tujuan, lokasi tujuan, daftar data NPPD
tanggal pergi dan tanggal
kembali
3 Form tambah nomor Surat Memproses SPT berhasil dibuat Berhasil
perintah tugas (SPT) pembuatan No SPT dan kembali ke
halaman daftar data
SPT
4 Form tambah Kwitansi pada Memproses Tampil pesan kwitansi Berhasil
surat perintah perjalanan dinas pembuatan berhasil ditambahkan
Kwitansi
Form tambah data Pegawai Memproses Tampil pesan data Berhasil
5 Penambahan data pegawai berhasil di
pegawai tambah
6 Form tambah data golongan Memproses Tampil pesan data Berhasil

penambahan data berhasil di tambah
golongan
6 Form tambah data biaya Memproses Tampil pesan data Berhasil
perjalanan penambahan data berhasil di tambah
biaya perjalanan
73
Tabel 4.1 Lanjutan
6 Form tambah data kota tujuan Memproses Tampil pesan data Berhasil
kota tujuan
6 Form tambah data transportasi Memproses Tampil pesan data Berhasil
transportasi
7 cetak laporan data kwitansi Memproses cetak Membuka halaman Berhasil

laporan kwitansi baru untuk mencetak
laporan
8 Cetak laporan data perjalanan Memproses cetak Membuka halaman Berhasil

dinas laporan perjalanan baru untuk mencetak
dinas
laporan
2. Pengujian Pada User Kepala Dinas

Tabel 4.2 Pengujian Pada user kepala dinas
No Input Proses Output yang Hasil
Diharapkan

dashboard
password password
2 Form approve Nota permintaan Memprose Data berhasil di Berhasil

perjlanan dinas persetujuan verivikasi
3 cetak laporan data kwitansi Memproses cetak Membuka halaman Berhasil

laporan kwitansi baru untuk mencetak
laporan
Cetak laporan data perjalanan Memproses cetak Membuka halaman Berhasil

dinas laporan perjalanan baru untuk mencetak
dinas laporan
74
3. Pengujian Pada User Pegawai
Tabel 4.3 Pengujian pada user Pegawai
No Input Proses Output yang Diharapkan Hasil

dashboard
password password
2 Form buat laporan hasil Memproses buat Laporan berhasil di Berhasil

perjalanan dinas laporan hsail simpan
4.3 Pembahasan
Berikut hasil dari pembahasan tentang penelitian ini, dimana pada pembahasan
penulis akan memberikan tanggapan tentang kelebihan serta kekurangan dari
Sistem informasi Surat Perintah Perjalanan Dinas pada kantor Dinas Komunikasi
dan Informatika Kabupaten Pakpak Bharat.
Adapun kelebihan serta kekurangan dari sistem yang telah dibangun

diantaranya:
4.3.1 Kelebihan Sistem

Rancang bangun sistem informasi surat perintah perjalanan dinas
pada Dinas Komunikasi dan Informatika Kabupaten Pakpak Bharat
berbasis web, beberapa kelebihan diantaranya:
1. Sistem dapat mengelola rincian biaya perjalanan dinas yang

digunakan.
2. Penyimpanan surat-surat yang dibutuhkan untuk perjalanan dinas
menjadi aman dan mudah untuk dicari.
4.3.2 Kekurangan Sistem
Rancang bangun sistem informasi surat perintah perjalanan dinas pada
Dinas Komunikasi dan Informatika Kabupaten Pakpak Bharat berbasis
75
web, memiliki kekurangan dimana Sistem yang dibangun belum
menggunakan fitur untuk mengumpulkan dokumen penting sebagai
bukti hasil perjalanan dinas.
76
BAB V
KESIMPULAN DAN SARAN
1.1 Kesimpulan
Berdasarkan hasil pengembangan dan pembahasan yang telah dilakukan

maka dapat disimpulkan bahwa sistem yang telah dibuat, adalah dimana Sistem
yang telah dibuat dapat membantu dalam membuat dan mengelola Nota permintaan
perjalanan dinas, Surat perintah tugas, Surat perintah perjalanan dinas, Laporan
perjalanan dinas, Laporan data kwitansi, dan Laporan hasil perjalanan dinas yang
telah di laksanakan serta sistem yang dibuat juga dapat mengelola data dan golongan
pegawai Dinas komunikasi dan informatika kabupaten pakpak bharat.
1.2 Saran
Berdasarkan hasil pengujian yang sudah dilakukan oleh penulis, sistem

informasi pengelolaan surat ini tentunya masih memiliki kekurangan dan
kelemahan sehingga disarankan untuk melakukan pengembangan atau perbaikan
terhadap sistem yang sudah dibangun. Untuk pengembangan perbaikan
mendatang, maka disarankan untuk membuat fitur pembatasan anggaran.
77
Daftar Pustaka
Abdi, B. B. P., Amrullah, F., & Mangero, R. D. M. (2018, September). Desain

Sistem Informasi Inventaris Berbasis Web Pada Fakultas Teknologi
Informasi Universitas Merdeka Malang. In Seminar Nasional Sistem
Informasi (SENASIF) (Vol. 2, pp. 1220-1228).
Asmara, R., & Saputra, D. (2019). perancangan-sistem-pengarsipan-surat-digital-

siars-berbasis-web-pada-perumda-tirta-khatulistiwa-pontianak.
Fonda, H. (2019). Penerapan Aplikasi Surat Perintah Perjalanan Sekretariat

Daerah Kabupaten Kepulauan Meranti. Jurnal Ilmu Komputer, 8(1), 144-
149.
Hanief, Shofwan, I Wayan Jepriana. (2020). Konsep Algoritme dan aplikasinya

dalam pemrograman C++. Yogyakarta: Andi.
https://jdih.kemenkeu.go.id/fulltext/2003/7~KMK.02~2003Kep.HTM.
Maydianto, M. (2021). Rancang Bangun Sistem Informasi Point of Sale Dengan

Framework Codeigniter Pada Cv Powershop (Doctoral dissertation, Prodi
Sistem Informasi).
Novianti, D., & Amin, S. (2021). Rancangbangun Sistem Informasi Surat

Perintah Perjalanan Dinas Pada Lembaga Penjaminan Mutu Pendidikan
Papua Barat Berbasis Web. Jurnal Ilmiah Indonesia, 6(6).
Seah, J., & Ridho, M. R. (2020). Perancangan Sistem Informasi Persediaan Suku
Cadang Untuk Alat Berat Berbasis Desktop Pada Cv Batam
Jaya. Computer and Science Industrial Engineering (COMASIE), 3(2), 1-
9.
Sukamto, Rosa dan M. Shalahuddin. 2018. Rekayasa Perangkat Lunak

Terstruktur dan Berorientasi Objek. Informatika: Bandung.
Wardani, A. N. K. (2018). Sistem Informasi Surat Perintah Perjalanan Dinas Di

Kantor Kecamatan Mande Cianjur Provinsi Jawa Barat (Doctoral
dissertation, Universitas Komputer Indonesia).
78
Yudho Yudhanto dan Helmi A. Prasetyo. (2019), Mudah Menguasai Framework
Laravel. Jakarta : PT Elex Media Komputindo
Yuniansyah. 2020. Algoritma dan Pemrograman Menggunakan Bahasa

Pemrograman Java. Bogor: Lindan Bestari.
79
Lampiran
Lampiran 1 Surat Kesediaan Dosen Pembimbing.
80
Lampiran 2 Surat Permohonan Pengajuan Judul Laporan akhir
81
Lampiran 3 Surat Persetujuan Pengajuan Judul laporan akhir
82
Lampiran 4 Surat Pengambilan Data
83
Lampiran 5 Kartu Bimbingan Laporan akhir Mahasiswa
84
Lampiran 6 Form Bebas Revisi Penguji I
85
Lampiran 7 Form Bebas Revisi Penguji II
86
Lampiran 8 Listing Program
1. Home.php
<div class="mb-4">

<div class="d-sm-flex align-items-center justify-content-between mb-4">
<h1 class="h3 mb-0 text-gray-800"><i class="fas fa-fw fa-home"></i>
Dashboard</h1>
</div>

<div class="alert alert-success">
<button type="button" class="close" data-dismiss="alert" aria-
hidden="true">×</button>
Selamat datang <span class="text-uppercase"><b><?php echo
$_SESSION['namauser']; ?>!</b></span> Anda bisa mengoperasikan sistem
dengan wewenang tertentu melalui pilihan menu di bawah.
</div>
<?php
if ($_SESSION['level']=="operator"){
?>
<div class="row">
<div class="col-xl-4 col-md-6 mb-4">
<div class="card border-left-success shadow h-100 py-2">
<div class="card-body">
<div class="row no-gutters align-items-center">
<div class="col mr-2">
<div class="h5 mb-0 font-weight-bold text-gray-800"><a
href="?module=nppd" class="text-secondary text-decoration-none">Data
NPPD</a></div>
</div>
<div class="col-auto">
<i class="fas fa-envelope-open fa-2x text-gray-300"></i>
</div>
</div>
</div>
87
</div>
</div>
<div class="card border-left-danger shadow h-100 py-2">
href="?module=sppd" class="text-secondary text-decoration-none">Data
SPPD</a></div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="card border-left-secondary shadow h-100 py-2">
href="?module=pegawai" class="text-secondary text-decoration-none">Data
Pegawai</a></div>
</div>
<i class="fas fa-users fa-2x text-gray-300"></i>
</div>
</div>
</div>
</div>
</div>
88
<div class="card border-left-primary shadow h-100 py-2">
href="?module=biaya" class="text-secondary text-decoration-none">Data Biaya
Perjalanan</a></div>
</div>
<i class="fas fa-money-bill-wave fa-2x text-gray-300"></i>
</div>
</div>
</div>
</div>
</div>
<div class="card border-left-warning shadow h-100 py-2">
href="?module=kwitansi" class="text-secondary text-decoration-none">Data
Kwitansi</a></div>
</div>
<i class="fas fa-print fa-2x text-gray-300"></i>
</div>
</div>
</div>
</div>
</div>
<div class="card border-left-info shadow h-100 py-2">
89
href="?module=lpd" class="text-secondary text-decoration-none">Data
Perjalanan Dinas</a></div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<?php
}elseif($_SESSION['level']=="kabag") {
?>
<div class="row">
<div class="card border-left-success shadow h-100 py-2">
href="?module=nppd" class="text-secondary text-decoration-none">Data
NPPD</a></div>
</div>
</div>
</div>
</div>
</div>
</div>
90
<div class="card border-left-warning shadow h-100 py-2">
href="?module=kwitansi" class="text-secondary text-decoration-none">Data
Kwitansi</a></div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<?php
}else{
91
?>
<div class="row">
<div class="card border-left-primary shadow h-100 py-2">
href="?module=home" class="text-secondary text-decoration-
none">Dashboard</a></div>
</div>
<i class="fas fa-home fa-2x text-gray-300"></i>
</div>
</div>
</div>
</div>
</div>
<div class="card border-left-danger shadow h-100 py-2">
href="?module=spt" class="text-secondary text-decoration-none">Data
SPT</a></div>
</div>
</div>
</div>
</div>
</div>
</div>
92
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<?php
}
?>
</div>
2. Indeks.php
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1,
shrink-to-fit=no" />
<meta name="description" content="" />
<meta name="author" content="" />
93
<title>Aplikasi Sistem Informasi Surat Perintah Perjalanan Dinas
(SPPD)</title>


<link href="assets/vendor/fontawesome-free/css/all.min.css" rel="stylesheet"
type="text/css" />
<link href="https://fonts.googleapis.com/css?
family=Nunito:200,200i,300,300i,400,400i,600,600i,700,700i,800,800i,900,900i"
rel="stylesheet" />


<link href="assets/css/sb-admin-2.min.css" rel="stylesheet" />
</head>
<body class="bg-gradient-warning">
<div class="container py-5">

<div class="row justify-content-center">
<div class="col-xl-5 col-lg-5 col-md-9">
<div class="text-white text-center font-weight-bold" style="font-size:
60px;"><i class="fas fa-fw fa-envelope"></i></div>
<h3 class="text-white text-center font-weight-bold">Aplikasi Sistem
Informasi Surat Perintah Perjalanan Dinas (SPPD)</h3>
<div class="card o-hidden border-0 shadow-lg my-5">
<div class="card-body p-0">

<div class="row">
<div class="col-lg-12">
<div class="p-5">
<div class="text-center">
<h1 class="h4 text-gray-900 mb-4">Login
Account</h1>
</div>
<?php
$log= isset($_GET['log']) ? $_GET['log'] : "";
if ($log == 2) {
94
echo "<div class='alert alert-danger text-center'>Login
gagal, silahkan coba kembali</div>";
}elseif ($log == 1) {
echo "<div class='alert alert-danger text-center'>Anda
belum login</div>";
}
?>
<form class="user" action="cek_login.php"
method="post">
<div class="form-group">
<input type="text" class="form-control"
name="username" placeholder="Username" autocomplete="off" required />
</div>
<input type="password" class="form-control"
name="password" placeholder="Password" autocomplete="off" required />
</div>
<select name="tipe" id="tipe" class="custom-
select" required>
<option value="">--Pilih Level--</option>
<option value="operator">Operator</option>
<option value="kabag">Kabag</option>
<option value="user">Pegawai</option>
</select>
</div>
<button type="submit" class="btn btn-warning btn-
block"><i class="fas fa-fw fa-sign-in-alt mr-1"></i> Masuk</button>
</form>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
95
</div>


<script src="assets/vendor/jquery/jquery.min.js"></script>
<script src="assets/vendor/bootstrap/js/bootstrap.bundle.min.js"></script>


<script src="assets/vendor/jquery-easing/jquery.easing.min.js"></script>


<script src="assets/js/sb-admin-2.min.js"></script>
</body>
</html>
3. Cek_login.php
<?php
session_start();
error_reporting(0);
include "config/koneksi.php";
if ($_POST['tipe']=="operator" || $_POST['tipe']=="kabag" ) {
$username=$_POST['username'];
$password=$_POST['password'];
$login=mysql_query("SELECT * FROM admins WHERE
username='$username' AND password='$password'");
$ketemu=mysql_num_rows($login);
$r=mysql_fetch_array($login);
// Apabila username dan password ditemukan

if ($ketemu > 0){
$_SESSION['namauser'] = $r['username'];
$_SESSION['passuser'] = $r['password'];
$_SESSION['level'] = $r['level'];
header('location:media.php?module=home');
96
}
else{
header('location:index.php?log=2');
}
}else {
$username=$_POST['username'];
$password=$_POST['password'];
$login=mysql_query("SELECT * FROM pegawai WHERE
username='$username' AND password='$password'");
$ketemu=mysql_num_rows($login);
$r=mysql_fetch_array($login);
// Apabila username dan password ditemukan

if ($ketemu > 0){
session_start();
$_SESSION['id_pegawai'] = $r['id_pegawai'];
$_SESSION['namauser'] = $r['username'];
$_SESSION['passuser'] = $r['password'];
$_SESSION['level'] = $r['level'];
header('location:media.php?module=home');
}
else{
header('location:index.php?log=2');
}
}
?>
4. Pegawai.php
<?php
$aksi="modul/mod_pegawai/aksi_pegawai.php";
$aksi2="modul/mod_pegawai/cetak.php";
switch($_GET[act]){
default:
97
$tampil = mysql_query("SELECT * FROM pegawai,golongan WHERE
pegawai.id_golongan=golongan.id_golongan ");
?>

<h1 class="h3 mb-0 text-gray-800"><i class="fas fa-fw fa-users"></i> Data
Pegawai</h1>
<div>
<a href="?module=pegawai&act=tambahPegawai" class="btn btn-success"> <i
class="fa fa-plus"></i> Tambah Data </a>
<a href="<?=$aksi2?>" target="_blank" class="btn btn-primary"> <i class="fa
fa-print"></i> Cetak Data </a>
</div>
</div>
<div class="card shadow mb-4">


<div class="card-header py-3">
<h6 class="m-0 font-weight-bold text-warning"><i class="fa fa-table"></i>
Daftar Data Pegawai</h6>
</div>
<div class="table-responsive">
<table class="table table-bordered" id="dataTable" width="100%"
cellspacing="0">
<thead class="bg-warning text-white">
<tr align="center">
<th width="5%">No</th>
<th>NIP</th>
<th>Nama</th>
<th>Pangkat</th>
<th>Golongan</th>
<th>Jabatan</th>
<th>Aksi</th>
98
</tr>
</thead>
<tbody>
<?php
$no=1;
while ($r=mysql_fetch_array($tampil)){
?>
<tr align="center">
<td><?php echo $no ?></td>
<td><?php echo $r['nip'] ?></td>
<td><?php echo $r['nama'] ?></td>
<td><?php echo $r['pangkat'] ?></td>
<td><?php echo $r['golongan'] ?></td>
<td><?php echo $r['jabatan'] ?></td>
<td>
<div class="btn-group" role="group">
<a data-toggle="tooltip" data-placement="bottom"
title="Detail Data" href="?module=pegawai&act=detailPegawai&id=<?php echo
$r['id_pegawai'] ?>" class="btn btn-success btn-sm"><i class="fa
fa-eye"></i></a>
<a data-toggle="tooltip" data-placement="bottom" title="Edit
Data" href="?module=pegawai&act=editPegawai&id=<?php echo
$r['id_pegawai'] ?>" class="btn btn-warning btn-sm"><i class="fa
fa-edit"></i></a>
title="Hapus Data" href="<?=$aksi?>?module=pegawai&act=hapus&id=<?php
echo $r['id_pegawai'] ?>" onclick="return confirm ('Apakah anda yakin untuk
meghapus data ini')" class="btn btn-danger btn-sm"><i class="fa
fa-trash"></i></a>
</div>
</td>
</tr>
<?php
$no++;
}
?>
</tbody>
99
</table>
</div>
</div>
</div>
<?php
break;
case "tambahPegawai":
?>

Pegawai</h1>
<a href="?module=pegawai" class="btn btn-secondary btn-icon-split"><span

class="icon text-white-50"><i class="fas fa-arrow-left"></i></span>
<span class="text">Kembali</span>
</a>
</div>

<h6 class="m-0 font-weight-bold text-warning"><i class="fas fa-fw fa-
plus"></i> Tambah Data Pegawai</h6>
</div>
<form method="POST" action='<?=$aksi?>?module=pegawai&act=input'>

<div class="row">
<div class="form-group col-md-6">
<label class="font-weight-bold">NIP</label>
<input autocomplete="off" type="text" name="nip" required
class="form-control"/>
</div>
100
<label class="font-weight-bold">Nama</label>
<input autocomplete="off" type="text" name="nama" required
</div>

<label class="font-weight-bold">Pangkat</label>
<input autocomplete="off" type="text" name="pangkat" required
</div>

<label class="font-weight-bold">Golongan</label>
<select name="golongan" class="form-control" required>
<option value="">--Pilih Golongan--</option>
<?php
$tampil=mysql_query("SELECT * FROM golongan");
while($r=mysql_fetch_array($tampil)){
echo "<option
value=$r[id_golongan]>$r[golongan]</option></p>";
}
?>
</select>
</div>

<label class="font-weight-bold">Jabatan</label>
<input autocomplete="off" type="text" name="jabatan" required
</div>

<label class="font-weight-bold">Unit Kerja</label>
101
<input autocomplete="off" type="text" name="unitkerja" required
</div>
</div>
</div>
<div class="card-footer text-right">
<button name="submit" type="submit" class="btn btn-success"><i
class="fa fa-save"></i> Simpan</button>
<button type="reset" class="btn btn-info"><i class="fa fa-sync-alt"></i>
Reset</button>
</div>
</form>
</div>
<?php
break;
case "editPegawai":
$edit=mysql_query("SELECT * FROM Pegawai WHERE
id_Pegawai='$_GET[id]'");
$r=mysql_fetch_array($edit);
?>

Pegawai</h1>

</a>
</div>

edit"></i> Edit Data Pegawai</h6>
102
</div>
<form method="POST" action='<?=$aksi?>?module=pegawai&act=update'>

<div class="row">
<input type="hidden" name="id" value="<?=$r['id_pegawai']?>">
<label class="font-weight-bold">NIP</label>
<input autocomplete="off" type="text" name="nip" required
value="<?=$r['nip']?>" class="form-control"/>
</div>

<input autocomplete="off" type="text" name="nama" required
value="<?=$r['nama']?>" class="form-control"/>
</div>

<label class="font-weight-bold">Pangkat</label>
<input autocomplete="off" type="text" name="pangkat" required
value="<?=$r['pangkat']?>" class="form-control"/>
</div>

<select name="golongan" class="form-control" required>
<?php
while($w=mysql_fetch_array($tampil)){
if ($r[id_golongan]==$w[id_golongan]){
echo "<option value=$w[id_golongan]
selected>$w[golongan]</option>";}
else{
103
echo "<option value=$w[id_golongan]>$w[golongan]</option>
</p> ";}
}
?>
</select>
</select>
</div>

<label class="font-weight-bold">Jabatan</label>
<input autocomplete="off" type="text" name="jabatan" required
value="<?=$r['jabatan']?>" class="form-control"/>
</div>

<label class="font-weight-bold">Unit Kerja</label>
<input autocomplete="off" type="text" name="unitkerja" required
value="<?=$r['unitkerja']?>" class="form-control"/>
</div>
</div>
</div>
<button type="submit" class="btn btn-success"><i class="fa
fa-save"></i> Update</button>
Reset</button>
</div>
</form>
</div>
<?php
break;
case "detailPegawai":
$detail=mysql_query("SELECT * FROM Pegawai WHERE
id_Pegawai='$_GET[id]'");
$r=mysql_fetch_array($detail);
104
?>

Pegawai</h1>

</a>
</div>

eye"></i> Detail Data Pegawai</h6>
</div>
<table class="table table-bordered" width="100%" cellspacing="0">
<tr>
<th class="bg-light">NIP</th>
<td><?=$r['nip']?></td>
</tr>
<tr>
<th class="bg-light">Nama</th>
<td><?=$r['nama']?></td>
</tr>
<tr>
<th class="bg-light">Pangkat</th>
<td><?=$r['pangkat']?></td>
</tr>
<tr>
<th class="bg-light">Golongan</th>
105
<td>
<?php
echo $w[golongan];
}}
?>
</td>
</tr>
<tr>
<th class="bg-light">Jabatan</th>
<td><?=$r['jabatan']?></td>
</tr>
<tr>
<th class="bg-light">Unit Kerja</th>
<td><?=$r['unitkerja']?></td>
</tr>
<tr>
<th class="bg-light">Username</th>
<td><?=$r['username']?></td>
</tr>
<tr>
<th class="bg-light">Password</th>
<td><?=$r['password']?></td>
</tr>
</table>
</div>
</div>
</div>
<?php
break;
}
?>
106
5. Aksi_pegawai.php
<?php
session_start();
include "../../config/koneksi.php";
$module=$_GET[module];
$act=$_GET[act];
if ($module=='pegawai' AND $act=='update'){

mysql_query("UPDATE pegawai SET nip = '$_POST[nip]',
nama = '$_POST[nama]',
pangkat = '$_POST[pangkat]',
id_golongan = '$_POST[golongan]',
jabatan = '$_POST[jabatan]',
unitkerja = '$_POST[unitkerja]'
WHERE id_pegawai = '$_POST[id]'");
header('location:../../media.php?module='.$module);
}
elseif ($module=='pegawai' AND $act=='hapus') {
mysql_query("DELETE FROM pegawai WHERE id_pegawai='$_GET[id]'");
}
elseif ($module=='pegawai' AND $act=='input'){
mysql_query("INSERT INTO
pegawai(nip,nama,pangkat,id_golongan,jabatan,unitkerja,username,password)
VALUES('$_POST[nip]','$_POST[nama]','$_POST[pangkat]','$_POST[golongan
]','$_POST[jabatan]','$_POST[unitkerja]',
'$_POST[nip]','$_POST[nip]')");
}
?>
107
6. Cetak.php
<body onLoad="javascript:print()">
<div align="center">
<?php
$tampil = mysql_query("SELECT * FROM pegawai,golongan WHERE
pegawai.id_golongan=golongan.id_golongan ");
echo "<h2>DATA PEGAWAI</h2><br/>
<table border='1' cellpadding='5'>
<thead><tr><th>No</th><th>NIP</th><th>Nama</th><th>Pangkat</th><th>Go
longan</th><th>Jabatan</th></tr></thead>";
$no=1;
echo "<tbody>";
echo "<tr align='center'><td>$no</td>
<td>$r[nip]</td>
<td>$r[nama]</td>
<td>$r[pangkat]</td>
<td>$r[golongan]</td>
<td>$r[jabatan]</td>
</tr>";
$no++;
}
echo "</tbody></table>";
?>
</div>
</body>
7. Nppd.php
<?php
108
$aksi="modul/mod_nppd/aksi_nppd.php";
$print ="modul/mod_nppd/cetak.php";
switch($_GET[act]){
default:
?>
<h1 class="h3 mb-0 text-gray-800"><i class="fas fa-fw
fa-envelope-open"></i> Data NPPD (Nota Permintaan Perjalanan Dinas)</h1>
<a href="?module=tambahnppd" class="btn btn-success"> <i class="fa fa-

plus"></i> Tambah Data </a>
</div>

Daftar Data NPPD</h6>
</div>
cellspacing="0">
<tr align="center">
<th>Penugasan Kepada</th>
<th>Golongan</th>
<th>Tujuan</th>
<th>Maksud Perjalan Dinas</th>
<th>Tgl Pergi s/d Tgl Kembali</th>
<th>Lama</th>
<th>Status</th>
109
<th>Aksi</th>
</tr>
</thead>
<tbody>
<?php
$no=1;
$tampil = mysql_query("SELECT * FROM nppt,tujuan WHERE
nppt.id_tujuan=tujuan.id_tujuan ORDER BY id_nppt DESC");
$value =explode('-',$r['id_pegawai']);
?>
<tr align="center">
<td class="align-middle"><?php echo $no; ?></td>
<td class="align-middle" align="left">
<?php
$nomer= 0;
for($i=0;$i<count($value);$i++) {
$data=$value[$i];
$nomer++;
$sql=mysql_query("SELECT * FROM pegawai,golongan
WHERE pegawai.id_golongan=golongan.id_golongan AND
id_pegawai='$data'");
$t=mysql_fetch_array($sql);
echo "$nomer. $t[nama]";
echo "<br/>";
}
?>
</td>
<td class="align-middle">
<?php
$nomer= 0;
$data=$value[$i];
$nomer++;
110
echo "$t[golongan] ";
echo "<br/>";
}
?>
</td>
<td class="align-middle"><?php echo $r['tujuan'] ?></td>
<td class="align-middle"><?php echo $r['maksud'] ?></td>
<td class="align-middle"><?php echo $r['tgl_pergi'] ?> s/d <?php
echo $r['tgl_kembali'] ?></td>
<td class="align-middle"><?php echo $r['lama'] ?> hari</td>
<?php
if ($r['status']== 'Y') {
?>
<a data-toggle="tooltip" data-placement="bottom" title="Data
Terverifikasi" href="#" class="btn btn-success btn-sm"><i class="fa fa-
check"></i></a>
<?php
}else{
if ($_SESSION['level']=="kabag"){
?>
<a data-toggle="tooltip" data-placement="bottom" title="Terima
Pengajuan" href="<?=$aksi?>?module=nppd&act=editstatus&id=<?php echo
$r[id_nppt]?>&status=Y" class="btn btn-primary btn-sm"><i class="fa fa-
check"></i></a>
<?php
}else{
?>
<a data-toggle="tooltip" data-placement="bottom" title="Data
Belum Disetujui" href="#" class="btn btn-warning btn-sm"><i class="fa fa-
clock"></i></a>
<?php
}
111
}
?>
</td>
title="Cetak Data" target="_blank" href="<?=$print?>?module=nppd<?=$act?
>=print&id=<?php echo $r['id_nppt']?>" class="btn btn-primary btn-sm"><i
class="fa fa-print"></i></a>
Data" href="?module=nppd&act=editnppd&id=<?php echo $r['id_nppt'] ?>"
class="btn btn-warning btn-sm"><i class="fa fa-edit"></i></a>
title="Hapus Data" href="<?=$aksi?>?module=nppd&act=hapus&id=<?php echo
$r['id_nppt'] ?>" onclick="return confirm ('Apakah anda yakin untuk meghapus
data ini')" class="btn btn-danger btn-sm"><i class="fa fa-trash"></i></a>
</div>
</td>
</tr>
<?php
$no++;
}
?>
</tbody>
</table>
</div>
</div>
</div>
<?php
break;
case "editnppd":
$edit=mysql_query("SELECT * FROM nppt WHERE id_nppt='$_GET[id]'");
?>
112
<a href="?module=nppd" class="btn btn-secondary btn-icon-split"><span

</a>
</div>

edit"></i> Edit Data NPPD</h6>
</div>
<form method="POST" action="<?=$aksi?>?module=nppd&act=update">

<div class="row">
<input type="hidden" name="id" value="<?=$r['id_nppt']?>">
<label class="font-weight-bold">Pilih Pegawai</label>
<select name="id_pegawai[]" required class="form-control
selectpicker" multiple>
<?php
$id2=explode("-",$r['id_pegawai']);
$tam1=mysql_query("SELECT * FROM pegawai");
while ($k=mysql_fetch_array($tam1)) {
if (in_array($k['id_pegawai'],$id2)){
echo "<option value='$k[id_pegawai]'
selected>$k[nama]</option>";
}else{
echo "<option value='$k[id_pegawai]'>$k[nama]</option>";
}
}
113
?>
</select>
</div>
<label class="font-weight-bold">Pilih Lokasi Tujuan</label>
<select name="tujuan" required class="form-control">
<?php
$tampil=mysql_query("SELECT * FROM tujuan");
if ($r[id_tujuan]==0){
echo "<option value='' selected>--Pilih Lokasi
Tujuan--</option>";
}
if ($r[id_tujuan]==$w[id_tujuan]){
echo "<option value='$w[id_tujuan]'
selected>$w[tujuan]</option>";
}else{
echo "<option value='$w[id_tujuan]'>$w[tujuan]</option>";
}
}
?>
</select>
</div>
<label class="font-weight-bold">Maksud Tujuan Perjalanan</label>
<input autocomplete="off" type="text" name="maksud" value="<?
=$r[maksud]?>" required class="form-control"/>
</div>
<label class="font-weight-bold">Jenis Transportasi</label>
<select name="id_transportasi[]" required class="form-control
<?php
$id2=explode("-",$r['id_transportasi']);
$tam1=mysql_query("SELECT * FROM transportasi");
114
if (in_array($k['id_transportasi'],$id2)){
echo "<option value='$k[id_transportasi]'
selected>$k[transportasi]</option>";
}else{
echo "<option
value='$k[id_transportasi]'>$k[transportasi]</option>";
}
}
?>
</select>
</div>
<label class="font-weight-bold">Tanggal Pergi</label>
<input autocomplete="off" type="date" name='tgl_pergi'
id='tgl_pergi' value='<?=$r[tgl_pergi]?>' required class="form-control"/>
</div>
<label class="font-weight-bold">Tanggal Pulang</label>
<input autocomplete="off" type="date" name='tgl_kembali'
id='tgl_kembali' value='<?=$r[tgl_kembali]?>' required class="form-control"/>
</div>
<label class="font-weight-bold">Lama Perjalanan</label>
<input autocomplete="off" type="text" name="lama" value="<?
=$r[lama]?>" required class="form-control"/>
</div>
</div>
</div>
class="fa fa-save"></i> Update</button>
Reset</button>
</div>
</form>
115
</div>
<?php
break;
}
?>
8. Aksi_nppd.php
<?php
session_start();
error_reporting(0);
$module=$_GET['module'];
$act=$_GET['act'];
if ($module=='nppd' AND $act=='hapus') {

mysql_query("DELETE FROM nppt WHERE id_nppt='$_GET[id]'");
}
elseif ($module=='nppd' AND $act=='editstatus') {
if($_GET['status']=='Y') {
$sql=mysql_query("SELECT * FROM nppt WHERE id_nppt='$_GET[id]'");
$r=mysql_fetch_array($sql);
$no_spt= 'No SPT Belum Ditentukan';
$tanggal= date("d/m/Y");
$dasar_hukum = "Dasar Hukum Belum Ditentukan";
mysql_query("INSERT INTO spt
(id_nppt,no_spt,id_pegawai,tugas,tgl_spt,dasar_hukum) values
('$_GET[id]','$no_spt','$r[id_pegawai]','$r[maksud]','$tanggal','$dasar_hukum')");
mysql_query("UPDATE nppt SET status='Y' WHERE id_nppt='$_GET[id]'");
}else{
116
mysql_query("UPDATE nppt SET status='N' WHERE id_nppt='$_GET[id]'");
}
}
elseif ($module=='nppd' AND $act=='input'){
$value = (count($_POST['id_pegawai']) > 0) ? implode('-',
$_POST['id_pegawai']) : "";
$transportasi = (count($_POST['id_transportasi']) > 0) ? implode('-',
$_POST['id_transportasi']) : "";
//Cek Pegawai Yang Berangkat Pada Tanggal Yang Sama
$t=mysql_fetch_array(mysql_query("SELECT * FROM nppt WHERE
id_pegawai Like '%$value%' ORDER BY tgl_kembali DESC"));
$tanggal3 = "$_POST[tgl_pergi]";
$tanggal1 = "$t[tgl_pergi]";
$tanggal2 = "$t[tgl_kembali]";
if ($tanggal3 >= $tanggal1 AND $tanggal3 <=$tanggal2) {
echo "<script>alert('Tidak Bisa Di Input
kan');window.location='../../media.php?module=tambahnppd'</script>";
}
else {
if ($transportasi == "") {
echo "<script>alert('Pilih Transportasi Yang
digunakan');window.location='../../media.php?module=tambahnppd'</script>";
}else{
nppt(id_pegawai,id_tujuan,maksud,id_transportasi,lama,tgl_pergi,tgl_kembali)
VALUES('$value','$_POST[tujuan]','$_POST[maksud]','$transportasi','$_POST[l
ama]','$_POST[tgl_pergi]','$_POST[tgl_kembali]')");
}
}
}
elseif ($module=='nppd' AND $act=='update'){
117
$transportasi = (count($_POST['id_transportasi']) > 0) ? implode('-',
$_POST['id_transportasi']) : "";
mysql_query("UPDATE nppt SET id_pegawai='$value',
id_tujuan ='$_POST[tujuan]',
maksud ='$_POST[maksud]',
id_transportasi ='$transportasi',
lama = '$_POST[lama]',
tgl_pergi ='$_POST[tgl_pergi]',
tgl_kembali ='$_POST[tgl_kembali]'
WHERE id_nppt ='$_POST[id]'");
}
?>
9. Tambahnppd.php
<?php
$aksi="modul/mod_nppd/aksi_nppd.php";
?>

<a href="?module=nppd" class="btn btn-secondary btn-icon-split"><span

</a>
</div>

plus"></i> Tambah Data NPPD</h6>
</div>
118
<form method="POST" action="<?=$aksi?>?module=nppd&act=input">
<div class="row">
<?php
}
?>
</select>
</div>
<label class="font-weight-bold">Pilih Lokasi Tujuan</label>
<select name="tujuan" required class="form-control">
<option value="" selected>--Pilih Lokasi Tujuan--</option>
<?php
$tampil=mysql_query("SELECT * FROM tujuan");
echo "<option value='$w[id_tujuan]'>$w[tujuan]</option>";
}
?>
</select>
</div>
<label class="font-weight-bold">Maksud Tujuan Perjalanan</label>
<input autocomplete="off" type="text" name="maksud" required
</div>
119
<label class="font-weight-bold">Jenis Transportasi</label>
<?php
$tam1=mysql_query("SELECT * FROM transportasi");
echo "<option
value='$k[id_transportasi]'>$k[transportasi]</option>";
}
?>
</select>
</div>
<label class="font-weight-bold">Tanggal Pergi</label>
<input autocomplete="off" type="date" name='tgl_pergi'
id='tgl_pergi' required class="form-control"/>
</div>
<label class="font-weight-bold">Tanggal Pulang</label>
<input autocomplete="off" type="date" name='tgl_kembali'
id='tgl_kembali' required class="form-control"/>
</div>
<input autocomplete="off" type="text" name="lama" id="lama"
required class="form-control"/>
</div>
</div>
</div>
Reset</button>
</div>
</form>
120
</div>
?>
10. Spt.php
<?php
$aksi="modul/mod_spt/aksi_spt.php";
$print ="modul/mod_spt/cetak.php";
switch($_GET[act]){
default:
if ($_SESSION['level']=="operator") {
$tampil = mysql_query("SELECT * FROM spt");
?>

fa-envelope-open"></i> Data SPT (Surat Perintah Tugas)</h1>
</div>

Daftar Data SPT</h6>
</div>
cellspacing="0">
<tr align="center">
121
<th>Nama</th>
<th>Golongan</th>
<th>No SPT</th>
<th>Tugas</th>
<th>SPPD</th>
<th>Aksi</th>
</tr>
</thead>
<tbody>
<?php
$no=1;
?>
<tr align="center">
<td class="align-middle"><?php echo $no; ?></td>
<td class="align-middle" align="left">
<?php
$nomer= 0;
$data=$value[$i];
$nomer++;
$sql=mysql_query("SELECT * FROM pegawai WHERE
echo "$nomer. $t[nama]";
echo "<br/>";
}
?>
</td>
<?php
$nomer= 0;
122
$data=$value[$i];
$nomer++;
echo "$t[golongan] ";
echo "<br/>";
}
?>
</td>
<td class="align-middle"><?php echo $r['no_spt'] ?></td>
<td class="align-middle"><?php echo $r['tugas'] ?></td>
<?php
$cek=mysql_fetch_array(mysql_query("SELECT * FROM sppd
WHERE id_nppt='$r[id_nppt]'"));
if ($cek > 0) {
?>
<a data-toggle="tooltip" data-placement="bottom" title="SPPD
Sudah Dibuat" href="#" class="btn btn-success btn-sm"><i class="fa fa-
check"></i></a>
<?php
}
elseif ($r['no_spt'] != "") {
?>
<a data-toggle="tooltip" data-placement="bottom" title="Buat
SPPD" href="?module=sppd&act=tambahsppd&id=<?=$r[id_spt]?>" class="btn
btn-primary btn-sm"><i class="fa fa-plus"></i></a>
<?php
}elseif ($r['no_spt']== ""){
echo "No SPT Kosong";
}
?>
</td>
123
title="Cetak Data" target="_blank" href="<?=$print?>?
module=spt&act=print&id=<?php echo $r['id_spt']?>" class="btn btn-primary
btn-sm"><i class="fa fa-print"></i></a>
Data" href="?module=spt&act=editspt&id=<?php echo $r['id_spt'] ?>" class="btn
btn-warning btn-sm"><i class="fa fa-edit"></i></a>
title="Hapus Data" href="<?=$aksi?>?module=spt&act=hapus&id=<?php echo
$r['id_spt'] ?>" onclick="return confirm ('Apakah anda yakin untuk meghapus
</div>
</td>
</tr>
<?php
$no++;
}
?>
</tbody>
</table>
</div>
</div>
</div>
<?php
}
else {
$tampil = mysql_query("SELECT * FROM spt,nppt WHERE
spt.id_nppt=nppt.id_nppt AND spt.id_pegawai LIKE '%$_SESSION[id_pegawai]
%'");
?>

124
</div>

Daftar Data SPT</h6>
</div>
cellspacing="0">
<tr align="center">
<th>No SPT</th>
<th>Tugas</th>
<th>Tgl Pergi</th>
<th>Tgl Kembali</th>
<th>Lama</th>
<th>Laporan</th>
</tr>
</thead>
<tbody>
<?php
$no++;
?>
<tr align="center">
<td><?php echo $r['no_spt'] ?></td>
<td><?php echo $r['tugas'] ?></td>
<td><?php echo $r['tgl_pergi'] ?></td>
125
<td><?php echo $r['tgl_kembali'] ?></td>
<td><?php echo $r['lama'] ?> Hari</td>
<td>
<?php
$cek=mysql_num_rows(mysql_query("SELECT * FROM lpd
WHERE id_spt='$r[id_spt]'"));
if ($cek > 0 ) {
?>
title="Laporan Sudah Dibuat" href="#" class="btn btn-success btn-sm"><i
class="fa fa-check"></i></a>
<?php
}else {
?>
Laporan" href="?module=lpd&act=tambahlpd&id=<?=$r[id_spt]?>" class="btn
btn-primary btn-sm"><i class="fa fa-plus"></i></a>
<?php
}
?>
</td>
</tr>
<?php
}
?>
</tbody>
</table>
</div>
</div>
</div>
<?php
}
break;
case "tambahspt":
126
?>

<a href="?module=spt" class="btn btn-secondary btn-icon-split"><span

</a>
</div>

plus"></i> Tambah Data SPT</h6>
</div>
<form method="POST" action="<?=$aksi?>?module=spt&act=input">

<div class="row">
<?php
}
?>
</select>
</div>
<label class="font-weight-bold">No SPT</label>
127
<input autocomplete="off" type="text" name="no_spt" required
</div>

<label class="font-weight-bold">Untuk</label>
<input autocomplete="off" type="text" name="tugas" required
</div>

<label class="font-weight-bold">Dasar Hukum</label>
<input autocomplete="off" type="text" name="dasar_hukum"
</div>
</div>
</div>
Reset</button>
</div>
</form>
</div>
<?php
break;
case "editspt":
$edit=mysql_query("SELECT * FROM spt WHERE id_spt='$_GET[id]'");
$c=mysql_fetch_array($edit);
?>

128
<a href="?module=spt" class="btn btn-secondary btn-icon-split"><span
</a>
</div>

edit"></i> Edit Data SPT</h6>
</div>
<form method="POST" action="<?=$aksi?>?module=spt&act=update">

<div class="row">
<input type="hidden" name="id" value="<?=$c['id_spt']?>">
<?php
$id2=explode("-",$c['id_pegawai']);
if (in_array($k['id_pegawai'],$id2)){
echo "<option value='$k[id_pegawai]'
selected>$k[nama]</option>";
}else{
}
}
?>
</select>
</div>
129
<label class="font-weight-bold">No SPT</label>
<input autocomplete="off" type="text" name="no_spt" value="<?
=$c['no_spt']?>" required class="form-control"/>
</div>

<label class="font-weight-bold">Untuk</label>
<input autocomplete="off" type="text" name="tugas" value="<?
=$c['tugas']?>" required class="form-control"/>
</div>

<label class="font-weight-bold">Dasar Hukum</label>
<input autocomplete="off" type="text" name="dasar_hukum"
value="<?=$c['dasar_hukum']?>" required class="form-control"/>
</div>
</div>
</div>
class="fa fa-save"></i> Update</button>
Reset</button>
</div>
</form>
</div>
<?php
break;
}
?>
11. Aksi_spt.php
<?php
session_start();
130
$act=$_GET['act'];
if ($module=='spt' AND $act=='hapus') {

mysql_query("DELETE FROM spt WHERE id_spt='$_GET[id]'");
}
elseif ($module=='spt' AND $act=='input'){
mysql_query("INSERT INTO spt(id_pegawai,no_spt,tugas,dasar_hukum)
VALUES('$value','$_POST[no_spt]','$_POST[tugas]','$_POST[dasar_hukum]')")
;
}
elseif ($module=='spt' AND $act=='update'){
mysql_query("UPDATE spt SET id_pegawai = '$value',
no_spt = '$_POST[no_spt]',
tugas = '$_POST[tugas]',
dasar_hukum = '$_POST[dasar_hukum]'
WHERE id_spt = '$_POST[id]'");
}
?>
12. Sppd.php
<?php
$aksi="modul/mod_sppd/aksi_sppd.php";
131
$print ="modul/mod_sppd/cetak.php";
switch($_GET[act]){
default:
$tampil = mysql_query("SELECT * FROM sppd,nppt,pegawai,tujuan WHERE
sppd.id_nppt=nppt.id_nppt AND pegawai.id_pegawai=sppd.id_pegawai AND
nppt.id_tujuan=tujuan.id_tujuan");
?>

fa-envelope-open"></i> Data SPPD (Surat Perintah Perjalanan Dinas)</h1>
</div>

Daftar Data SPPD</h6>
</div>
cellspacing="0">
<tr align="center">
<th>Nama</th>
<th>No SPPD</th>
<th>Tugas</th>
<th>Tujuan</th>
<th>Kwitansi</th>
<th>Aksi</th>
</tr>
132
</thead>
<tbody>
<?php
$no=1;
?>
<tr align="center">
<td class="align-middle"><?php echo $no ?></td>
<td class="align-middle"><?php echo $r['nama']?></td>
<td class="align-middle"><?php echo $r['no_sppd'] ?></td>
<td class="align-middle text-justify"><?php echo $r['maksud'] ?
></td>
<td class="align-middle"><?php echo $r['tujuan'] ?></td>
<?php
$cek=mysql_num_rows(mysql_query("SELECT * FROM
kwitansi WHERE id_sppd='$r[id_sppd]'"));
if ($cek > 0 ) {
?>
title="Kwitansi Telah Dibuat" href="#" class="btn btn-success btn-sm"><i
class="fa fa-check"></i></a>
<?php
}else {
?>
Kwitansi" href="?module=kwitansi&act=tambahkwitansi&id=<?=$r['id_sppd']?
>&id_pegawai=<?=$r['id_pegawai']?>" class="btn btn-primary btn-sm"><i
class="fa fa-plus"></i></a>
<?php
}
?>
</td>
133
title="Cetak Data" target="_blank" href="<?=$print?>?module=sppd<?=$act?
>=print&id=<?php echo $r['id_sppd']?>" class="btn btn-primary btn-sm"><i
title="Hapus Data" href="<?=$aksi?>?module=sppd&act=hapus&id=<?php echo
$r['id_sppd'] ?>" onclick="return confirm ('Apakah anda yakin untuk meghapus
</div>
</td>
</tr>
<?php
$no++;
}
?>
</tbody>
</table>
</div>
</div>
</div>
<?php
break;
case "tambahsppd":
?>

fa-envelope-open"></i> Data SPPD (Surat Perintah Perjalanan Dinas)</h1>
<a href="?module=sppd" class="btn btn-secondary btn-icon-split"><span

</a>
</div>
134
plus"></i> Tambah Data SPPD</h6>
</div>
<form method='POST' action='<?=$aksi?>?module=sppd&act=input'>

<div class="row">
<?php
$sql=mysql_query("SELECT * FROM spt WHERE
id_spt='$_GET[id]'");
while($r=mysql_fetch_array($sql)) {
$nomer= 0;
$data=$value[$i];
$nomer++;
$sql=mysql_query("SELECT * FROM pegawai WHERE
echo "<option value='$t[id_pegawai]'
selected>$t[nama]</option>";
}
}
?>
</select>
</div>
<?php
$sql=mysql_query("SELECT * FROM spt WHERE
id_spt='$_GET[id]'");
135
$edit=mysql_query("SELECT * FROM nppt,tujuan WHERE
id_nppt='$r[id_nppt]' AND nppt.id_tujuan=tujuan.id_tujuan");
$t=mysql_fetch_array($edit);
?>
<label class="font-weight-bold">No SPPD</label>
<input autocomplete="off" type="text" name="no_sppd" required
</div>

<label class="font-weight-bold">Pejabat Yang Memberi
Perintah</label>
<input autocomplete="off" type="text" name="pemberi_perintah"
</div>
<input type="hidden" name='id_nppt' value="<?=$r['id_nppt']?>">

<label class="font-weight-bold">Tempat Tujuan</label>
<input autocomplete="off" type="text" name="tujuan" value="<?
=$t['tujuan']?>" required readonly class="form-control"/>
</div>

<label class="font-weight-bold">Maksud Perjanalan Dinas</label>
<input autocomplete="off" type="text" name="maksud" value="<?
=$t['maksud']?>" required class="form-control"/>
</div>

<label class="font-weight-bold">Maksud Perjanalan Dinas</label>
<?php
$value =explode('-',$t['id_transportasi']);
136
$data=$value[$i];
$nomer++;
$sql=mysql_query("SELECT * FROM transportasi WHERE
id_transportasi='$data'");
echo "<option value='$r[id_transportasi]'
selected>$r[transportasi]</option>";
}
?>
</select>
</div>

<input autocomplete="off" type="text" name="lama" value="<?
=$t['lama']?>" required readonly class="form-control"/>
</div>

<label class="font-weight-bold">Tanggal Berangkat</label>
<input autocomplete="off" type="text" name="tgl_pergi" value="<?
=$t['tgl_pergi']?>" required readonly class="form-control"/>
</div>

<label class="font-weight-bold">Tanggal Kembali</label>
<input autocomplete="off" type="text" name="tgl_kembali"
value="<?=$t['tgl_kembali']?>" required readonly class="form-control"/>
</div>

<label class="font-weight-bold">Instansi</label>
<input autocomplete="off" type="text" name="instansi" required
</div>
137
<label class="font-weight-bold">Mata Anggaran</label>
<input autocomplete="off" type="text" name="mata_anggaran"
</div>

<label class="font-weight-bold">Keterangan Lain</label>
<input autocomplete="off" type="text" name="keterangan" required
</div>
</div>
</div>
Reset</button>
</div>
</form>
</div>
<?php
break;
}
?>
13. Aksi_sppd.php
<?php
session_start();
138
$act=$_GET['act'];
if ($module=='sppd' AND $act=='hapus') {

mysql_query("DELETE FROM sppd WHERE id_sppd='$_GET[id]'");
}
elseif ($module=='sppd' AND $act=='input'){
$tanggal= date("d/m/Y");
foreach ($_POST['id_pegawai'] as $id_pegawai) {

sppd(id_pegawai,id_nppt,no_sppd,pemberi_perintah,instansi,mata_anggaran,kete
rangan,tgl_sppd)
VALUES('$id_pegawai','$_POST[id_nppt]','$_POST[no_sppd]','$_POST[pember
i_perintah]','$_POST[instansi]','$_POST[mata_anggaran]','$_POST[keterangan]','
$tanggal')");
}
}
elseif ($module=='sppd' AND $act=='update') {
echo "tes";
//header('location:../../media.php?module='.$module);
}
?>
14. Cetak.php
<?php
include "../../config/fungsi_indotgl.php";
$tampil = mysql_query("SELECT * FROM instansi");
$rin=mysql_fetch_array($tampil);
?>
139
<style>
h2,h1,h3{ padding:0;margin:0;}
h1 {font-size:22px;font-weight:bold}
h2 {font-size:22px;font-weight:normal}
#wrapper {
width:780px;
margin:0 auto;
font-size:15px;
}
#ol {margin:0}
#logo {
width:95px;
float:left;
margin-bottom:8px;
}
hr{border-bottom: 5px double #000;clear:both}
#cop {
text-align:center;
}
#kanan{clear:both;width:auto;float:right;margin-bottom:10px;}
#header {clear:both;text-align:center;}
#garis1{border-top:double 5px #000000;border-bottom:1px solid #000}

#garis2 {border-bottom:1px solid #000}
#garis3{border-bottom:3px solid #000}
#g4{border-right:1px solid #000}
#table {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10pt;
border-width: 1px;
border-style: solid;
border-color: #000;
border-collapse: collapse;
margin: 10px 0px;
140
}
#table td{
padding: 0.4em;
border-right:1px solid #000;
}
</style>
<div id="wrapper">
<div id="cop">
<h2><strong><span style="text-transform:uppercase"><?= $rin['namainstansi']?
></span></strong></h2>
<?= $rin['alamatlengkapinstansi']?><br/>Telp. <?= $rin['telp']?> Fax. <?=
$rin['faks']?> Kode Pos : <?= $rin['kodepos']?><br>
</div>
<hr>
<div id="kanan">
<?php
$qry=mysql_query("SELECT * FROM sppd,nppt,pegawai,tujuan,golongan
WHERE id_sppd='$_GET[id]' AND sppd.id_pegawai=pegawai.id_pegawai AND
sppd.id_nppt=nppt.id_nppt AND nppt.id_tujuan=tujuan.id_tujuan AND
golongan.id_golongan=pegawai.id_golongan");
$r=mysql_fetch_array($qry);
?>
<table width="350">
<tr><td width="100">Lembar ke </td><td>: </td></tr>
<tr><td>Kode No </td><td>: </td></tr>
<tr><td>Nomor </td><td>: <?php echo $r['no_sppd']; ?></td></tr>
</table>
</div>
<div id="header">
<h2><u><strong>SURAT PERINTAH PERJALANAN
DINAS</strong></u><strong><br />
</strong></h2></div>
<?php
$tglpergi= tgl_indo ($r['tgl_pergi']);
141
$tglkembali= tgl_indo ($r['tgl_kembali']);
echo "<table id='table' width=100%>

<tr id='garis1'><td>1.</td><td width=50% id='g4'>Pejabat yang memberi
perintah </td><td>$r[nama] </td></tr>
<tr id='garis3'><td>2.</td><td id='g4'> Nama / NIP Pegawai yang diperintah
</td><td>$r[nip]</td></tr>
<tr><td>3.</td><td id='g4'>a. Pangkat dan Golongan menurut PP No. 11 Tahun
2011 </td><td>$r[pangkat] $r[golongan]</td></tr>
<tr><td></td><td id='g4'>b. Jabatan
</td><td>$r[jabatan]</td></tr>
<tr id='garis3'><td></td><td id='g4'>c. Tingkat menurut peraturan perjalanan
</td><td> </td></tr>
<tr id='garis2'><td>4. </td><td id='g4'>Maksud Perjalan Dinas
</td><td>$r[maksud]</td></tr>
<tr id='garis2'><td>5. </td><td id='g4'>Alat Angkutan Yang di Pergunakan
</td><td>";
$value =explode('-',$r['id_transportasi']);
$nomer= 0;
$data=$value[$i];
$nomer++;
$sql=mysql_query("SELECT * FROM transportasi WHERE
id_transportasi='$data'");
echo "$t[transportasi] ";
echo ", ";
}
echo"</td></tr>
<tr><td>6. </td><td id='g4'>a. Tempat Berangkat
<tr id='garis2'><td></td><td id='g4'>b. Tempat Tujuan </td><td>
$r[tujuan]</td></tr>
<tr><td>7. </td><td id='g4'>a. Lama Perjalanan Dinas
</td><td>$r[lama] hari</td></tr>
142
<tr><td></td><td id='g4'>b. Tanggal Berangkat </td><td>$tglpergi
</td></tr>
<tr id='garis2'><td></td><td id='g4'>c. Tanggal Kembali
</td><td>$tglkembali </td></tr>
<tr><td>8.</td><td id='g4'>Pengikut </td><td> </td></tr>
<tr><td></td><td id='g4'>a. </td><td></td></tr>
<tr><td></td><td id='g4'>b. </td><td></td></tr>
<tr id='garis2'><td></td><td id='g4'>c. </td><td></td></tr>
<tr><td>9. </td><td id='g4'>Pembina Angaran
<tr><td></td><td id='g4'>a. Instansi </td><td>$r[instansi]
</td></tr>
<tr id='garis2'><td></td><td id='g4'>b. Mata Anggaran
</td><td>$r[mata_anggaran] </td></tr>
<tr id='garis2'><td>10.</td><td id='g4'>Keterangan Lain-Lain
</td><td>$r[keterangan]</td></tr>
</table>";
?>
<div style="width:300px;float:right;margin-top:15px">
DIKELUARKAN : <span style="text-transform:uppercase"><?=
$rin['kotainstansi']?></span><br>
PADA TANGGAL : <?=date('d-m-Y') ?><br>
<div style="font-weight:bold">
<span style="text-transform:uppercase"><?=
$rin['pimpinaninstansi']?></span><br>
$rin['keteranganinstansi']?></span></p>
<p> </p>
<p>
<u><?= $rin['namapimpinaninstansi']?></u><br/>
$rin['jabatanpimpinaninstansi']?></span><br/>
NIP. <?= $rin['nippimpinaninstansi']?>
143
</p>
</div>
</div>
</div>
<p>
<p>
<div style="clear:both;"></div>
<div style="margin-top:100px"></div>
<div id="wrapper">
<?php
echo "<table>
<tr><td><h4></h4></td><td><h4>PERHATIAN</h4></td></tr>
<tr><td></td><td>
Pejabat yang berwenang menerbitkan SPPD. Pegawai yang melakukan perjalanan
dinas,
para pejabat yang mengesahkan tanggal berangkat/tiba
serta Bendaharawan bertanggung jawab berdasarkan peraturan-peraturan
Keuangan Negara apabila Negara mendapat rugi
akibat kesalahan kedepannya.
</td></tr></table>";
?>
</div>
</body>
15. Transportasi.php
<?php
$aksi="modul/mod_transportasi/aksi_transportasi.php";
switch($_GET[act]){
default:
$tampil = mysql_query("SELECT * FROM transportasi");
?>
144
<h1 class="h3 mb-0 text-gray-800"><i class="fas fa-fw fa-money-bill-
wave"></i> Data Transportasi</h1>
<a href="?module=transportasi&act=tambahtransportasi" class="btn btn-

success"> <i class="fa fa-plus"></i> Tambah Data </a>
</div>

Daftar Data Transportasi</h6>
</div>
cellspacing="0">
<tr align="center">
<th>Transportasi</th>
<th width="15%">Aksi</th>
</tr>
</thead>
<tbody>
<?php
$no=1;
$biaya = number_format($r['biaya'],0,'','.');
?>
<tr align="center">
145
<td><?php echo $r['transportasi'] ?></td>
<td>
Data" href="?module=transportasi&act=edittransportasi&id=<?php echo
$r['id_transportasi'] ?>" class="btn btn-warning btn-sm"><i class="fa
fa-edit"></i></a>
title="Hapus Data" href="<?=$aksi?>?module=transportasi&act=hapus&id=<?
php echo $r['id_transportasi'] ?>" onclick="return confirm ('Apakah anda yakin
untuk meghapus data ini')" class="btn btn-danger btn-sm"><i class="fa fa-
trash"></i></a>
</div>
</td>
</tr>
<?php
$no++;
}
?>
</tbody>
</table>
</div>
</div>
</div>
<?php
break;
case "tambahtransportasi":
?>

<a href="?module=transportasi" class="btn btn-secondary btn-icon-

split"><span class="icon text-white-50"><i class="fas
fa-arrow-left"></i></span>
146
</a>
</div>

plus"></i> Tambah Data Transportasi</h6>
</div>
<form method="POST" action='<?=$aksi?>?module=transportasi&act=input'>

<div class="row">
<label class="font-weight-bold">Transportasi</label>
<input autocomplete="off" type="text" name="transportasi" required
</div>
</div>
</div>
Reset</button>
</div>
</form>
</div>
<?php
break;
case "edittransportasi":
$edit=mysql_query("SELECT * FROM transportasi WHERE
id_transportasi='$_GET[id]'");
147
?>

<a href="?module=transportasi" class="btn btn-secondary btn-icon-

split"><span class="icon text-white-50"><i class="fas
fa-arrow-left"></i></span>
</a>
</div>

edit"></i> Edit Data Transportasi</h6>
</div>
<form method="POST" action='<?=$aksi?>?

module=transportasi&act=update'>
<div class="row">
<input type="hidden" name="id" value="<?=$r['id_transportasi']?>">
<input autocomplete="off" type="text" name="transportasi"
value="<?=$r['transportasi']?>" required class="form-control"/>
</div>
</div>
</div>
Reset</button>
148
</div>
</form>
</div>
<?php
break;
}
?>
16. Aksi_transportasi.php
<?php
session_start();
$act=$_GET[act];
if ($module=='transportasi' AND $act=='update'){

mysql_query("UPDATE transportasi SET transportasi =
'$_POST[transportasi]'
WHERE id_transportasi = '$_POST[id]'");
}
elseif ($module=='transportasi' AND $act=='hapus') {
mysql_query("DELETE FROM transportasi WHERE
id_transportasi='$_GET[id]'");
}
elseif ($module=='transportasi' AND $act=='input'){
mysql_query("INSERT INTO transportasi(transportasi)
VALUES('$_POST[transportasi]')");
}
149
?>
17. Kwitansi.php
<?php
$aksi="modul/mod_kwitansi/aksi_kwitansi.php";
$print ="modul/mod_kwitansi/cetak.php";
switch($_GET[act]){
default:
?>

<h1 class="h3 mb-0 text-gray-800"><i class="fas fa-fw fa-print"></i> Data
Kwitansi</h1>
</div>

Daftar Data Kwitansi</h6>
</div>
cellspacing="0">
<tr align="center">
<th>Nama</th>
<th>Tujuan</th>
<th>Lama</th>
150
<th>Lumpsum</th>
<th>Penginapan</th>
<th>Total</th>
</tr>
</thead>
<tbody>
<?php
$no=0;
$tampil = mysql_query("SELECT * FROM kwitansi,pegawai WHERE
kwitansi.id_pegawai=pegawai.id_pegawai");
while ($t=mysql_fetch_array($tampil)){
$lumpsum= $t['lama'] * $t['lumpsum'];
$penginapan= $t['lama'] * $t['penginapan'];
$transportasi= $t['lama'] * $t['transportasi'];
$tot =$lumpsum + $penginapan + $transportasi;
$total = number_format($tot,0,'','.');
$no++;
?>
<tr align="center">
<td><?php echo $t['nama'] ?></td>
<td><?php echo $t['tujuan'] ?></td>
<td><?php echo $t['lama'] ?></td>
<td><?php echo $lumpsum ?></td>
<td><?php echo $penginapan ?></td>
<td><?php echo $transportasi ?></td>
<td>Rp. <?php echo $total ?></td>
<td>
title="Cetak Data" target="_blank" href="<?=$print?>?module=kwitansi<?=$act?
>=print&id=<?php echo $t['id_kwitansi']?>" class="btn btn-primary btn-sm"><i
151
<?php if($_SESSION['level']!="kabag") {?>
title="Hapus Data" href="<?=$aksi?>?module=kwitansi&act=hapus&id=<?php
echo $t['id_kwitansi'] ?>" onclick="return confirm ('Apakah anda yakin untuk
fa-trash"></i></a>
<?php } ?>
</div>
</td>
</tr>
<?php
}
?>
</tbody>
</table>
</div>
</div>
</div>
<?php
break;
case "tambahkwitansi":
$t=mysql_fetch_array(mysql_query("SELECT * FROM
sppd,pegawai,golongan,nppt,tujuan WHERE id_sppd='$_GET[id]'
AND sppd.id_pegawai=pegawai.id_pegawai AND
golongan.id_golongan=pegawai.id_golongan AND sppd.id_nppt=nppt.id_nppt
AND tujuan.id_tujuan=nppt.id_tujuan"));
?>

<h1 class="h3 mb-0 text-gray-800"><i class="fas fa-fw fa-print"></i> Data
Kwitansi</h1>
<a href="?module=kwitansi" class="btn btn-secondary btn-icon-split"><span

152
</a>
</div>

plus"></i> Tambah Data Kwitansi</h6>
</div>
<form method="POST" action='<?=$aksi?>?module=kwitansi&act=input'>

<input type="hidden" name="id_pegawai" value="<?
=$_GET['id_pegawai']?>">
<input type="hidden" name="id_sppd" value="<?=$t['id_sppd']?>">
<div class="row">
<input autocomplete="off" type="text" value="<?=$t['nama']?>"
readonly required class="form-control"/>
</div>

<input autocomplete="off" type="text" value="<?=$t['golongan']?>"
</div>

<label class="font-weight-bold">Tujuan</label>
<input autocomplete="off" type="text" value="<?=$t['tujuan']?>"
</div>

153
<input autocomplete="off" type="text" value="<?=$t['lama']?>"
</div>
<?php
$c=mysql_query("SELECT * FROM biaya WHERE
id_golongan='$t[id_golongan]' AND id_tujuan LIKE '%$t[id_tujuan]%'");
$b=mysql_fetch_array($c);
$lumpsum = $t['lama'] * $b['lumpsum'];
$penginapan = $t['lama'] * $b['penginapan'];
$transportasi = $t['lama'] * $b['transportasi'];
?>
<label class="font-weight-bold">Lumpsum</label>
<input autocomplete="off" type="text" value="<?=$t['lama']?> x <?
=$b['lumpsum']?>" readonly required class="form-control"/>
</div>

<label class="font-weight-bold">Total Lumpsum</label>
<input autocomplete="off" type="text" name="" value="<?
=$lumpsum?>" required class="form-control"/>
</div>

<label class="font-weight-bold">Penginapan</label>
=$t['lama']?> x <?=$b['penginapan']?>" required readonly class="form-control"/>
</div>

<label class="font-weight-bold">Total Penginapan</label>
=$penginapan?>" required class="form-control"/>
</div>
154
=$transportasi?>" required class="form-control"/>
</div>

<label class="font-weight-bold">Sudah Diterima Dari</label>
<input autocomplete="off" type="text" name="dari" required
</div>

<label class="font-weight-bold">Untuk Pembayaran</label>
<input autocomplete="off" type="text" name="untuk" required
</div>
<input type="hidden" name="tujuan" value="<?=$t['tujuan']?>">
<input type="hidden" name="lama" value="<?=$t['lama']?>">
<input type="hidden" name="lumpsum" value="<?=$b['lumpsum']?>">
<input type="hidden" name="penginapan" value="<?
=$b['penginapan']?>">
<input type="hidden" name="transportasi" value="<?
=$b['transportasi']?>">
</div>
</div>
Reset</button>
</div>
</form>
</div>
<?php
break;
}
155
?>
18. Aksi_kwitansi.php
<?php
session_start();
$act=$_GET[act];
if ($module=='kwitansi' AND $act=='hapus') {

mysql_query("DELETE FROM kwitansi WHERE id_kwitansi='$_GET[id]'");
}
elseif ($module=='kwitansi' AND $act=='input'){
kwitansi(id_sppd,id_pegawai,dari,untuk,lama,lumpsum,penginapan,transportasi,t
ujuan)
VALUES('$_POST[id_sppd]','$_POST[id_pegawai]','$_POST[dari]','$_POST[un
tuk]','$_POST[lama]','$_POST[lumpsum]','$_POST[penginapan]','$_POST[transp
ortasi]','$_POST[tujuan]')");
}
?>
19. Cetak.php
<?php
include "../../config/fungsi_terbilang.php";
$tampil = mysql_query("SELECT * FROM instansi");
$rin=mysql_fetch_array($tampil);
?>
156
<style>
h2,h1,h3{ padding:0;margin:0;}
h1 {font-size:22px;font-weight:bold}
h2 {font-size:22px;font-weight:normal}
#wrapper {
width:780px;
margin:0 auto;
font-size:15px;
}
#ol {margin:0}
#header {clear:both;text-align:center;}
#garis1{border-top:solid 1px #fff;border-right:1px solid #fff}

#garis2 {border-bottom:1px solid #000}
#g4{border-right:1px solid #000}
#table {
font-size: 10pt;
border-width: 1px;
border-color: #fff;
margin: 10px 0px;
}
#table td{
padding: 0.5em;
}
th{
text-transform: uppercase;
text-align: center;
padding: 0.5em;
border-width: 1px;
border-color: #000;
157
}
td{
padding: 0.5em;
vertical-align: top;
border-width: 1px;
border-color: #000;
text-align:center;
}
#table2 {
font-size: 10pt;
}
#table2 tr {padding:0px}
#table2 td {padding:0px}
.table {border:none;
font-size: 10pt;
}
.table tr {border:none;text-align:left;padding:0px;}
.table td {border:none;text-align:left;padding:0px;}
</style>
<div id="wrapper">
<div style="width:300px;float:right;margin-bottom:8px;">BKU No. </div>
<div style="text-align:center;clear:both;"><h3>KWITANSI</h3></div>
<?php
$t=mysql_fetch_array(mysql_query("SELECT * FROM
kwitansi,pegawai,golongan WHERE id_kwitansi='$_GET[id]' AND
kwitansi.id_pegawai=pegawai.id_pegawai AND
golongan.id_golongan=pegawai.id_golongan"));
158
$lama = $t['lama'];
$tot_lumpsum = $t['lama'] * $t['lumpsum'];
$tot_penginapan = $t['lama'] * $t['penginapan'];
$tot_transportasi = $t['lama'] * $t['transportasi'];
$tot_lumpsum_rupiah = number_format($tot_lumpsum,0,'','.');
$tot_penginapan_rupiah = number_format($tot_penginapan,0,'','.');
$tot_transportasi_rupiah = number_format($tot_transportasi,0,'','.');
$lumpsum_rupiah = number_format($t['lumpsum'],0,'','.');
$penginapan_rupiah = number_format($t['penginapan'],0,'','.');
$transportasi_rupiah = number_format($t['transportasi'],0,'','.');
$total = $tot_lumpsum + $tot_penginapan + $tot_transportasi;
$tot_rupiah = number_format($total,0,'','.');
$n=mysql_fetch_array(mysql_query("SELECT * FROM ttdkwitansi"));
$terbilang=terbilang($total, $style=3);

<tr><td width=240 height=170>
PEMBAYARAN TAHUN DINAS<br />
2023<br />
KODE REKENING<br />
5.2.2.15.01
</td><td colspan=2 rowspan=2 id='garis1' style='text-align:left'>
<table class='table' width='100%'>
<tr><td>Telah Di Terima Dari </td><td>$t[dari]</td></tr>
<tr><td>Uang Sejumlah </td><td><b>Rp. $tot_rupiah</b><br><i>
$terbilang Rupaiah</i></td></tr>
<tr><td>Untuk Keperluan </td><td>$t[untuk]</td></tr>
</table>
</td>
<tr><td height=170>
SETUJU BAYAR<br />
Kuasa Pengguna Anggaran<br />
Kepala Bagian Keuangan<br />
Dinas Komunikasi dan Informatika PakPak Bharat<br /><br /><br /><br />
159
<u>$n[kabag]</u><br />
NIP. $n[nip_kabag]
</td></tr>
<tr>
<td height=140>
LUNAS BAYAR<br />
Bendahara Pengeluaran Pembantu<br />
<br /><br /><br />
<u>$n[bendahara]</u><br />
NIP. $n[nip_bendahara]</td>
<td>
Mengetahui<br />
Pejabat Pelaksana Teknis Kegiatan<br />
<br /><br /><br />
<u>$n[pptk]</u><br />
NIP. $n[nip_pptk]</td>
<td>
$rin[kotainstansi]<br />
Yang Menerima 2015<br />
<br /><br /><br />
<u>$t[nama]</u><br />
NIP. $t[nip]</td>
</tr>
</table>";
?>
<div style="text-align:center"><b><u>RINCIAN BIAYA PERJALANAN
DINAS</u></b></div>
<?Php
echo "<table class='table'>
<tr><td width=100>An</td><td width=240 align='left'>: $t[nama]</td><td
width=200>Gol</td><td>:$t[golongan]</td></tr>
<tr><td> SPPD No.</td><td>: </td><td> Tanggal
</td><td>:</td></tr>
160
<tr><td>Dari/ Ke </td><td>:$rin[kotainstansi]/$t[tujuan] </td><td>
Lama </td><td>:$t[lama] hari</td></tr>
</table>";
?>
<?php
<tr><th>No</th><th>Uraian</th><th>Jumlah</th><th>Keterangan</th></
tr>
<tr><td>1</td><td style='text-align:left'>Lumpsum
<div style='text-align:right'>$lama x Rp.
$lumpsum_rupiah</div></td><td>Rp. $tot_lumpsum_rupiah</td>
<td></td></tr>
<tr><td>2</td><td style='text-align:left'>Penginapan
<div style='text-align:right'>$lama x Rp.
$penginapan_rupiah</div></td><td>Rp. $tot_penginapan_rupiah</td>
<td></td></tr>
<tr><td>3</td><td style='text-align:left'>Trasportasi<br />
-Angkutan Laut <br />
-Angkutan Darat <br />
-Angkutan Udara <br />
<div style='text-align:right'>$lama x Rp. $transportasi_rupiah</div>
</td><td>RP. $tot_transportasi_rupiah</td><td></td></tr>
<tr><td colspan=2><div
style='text-align:right'>TOTAL</div></td><td>Rp.
$tot_rupiah</td><td></td></tr>
</table>";
echo "<div style='float:left;width:60%'>

Telah dibayar Sejumlah Rp. $tot_rupiah<br />
Bendahara Pengeluaran Pembantu<br />
<br />
<br />
<br />
<u>ABU BAKAR SALEH,A.Ma</u><br />
NIP: 19750702 201001 1 017
</div>";
161
echo "<div style='float:left;width:40%'>
$rin[kotainstansi], ".date('d-m-Y')."<br />
Telah menerima Uang Sejumlah Rp. $tot_rupiah<br />
Yang Menerima
<br />
<br />
<br />
<u>$t[nama]</u><br />
NIP: $t[nip]
</div>";?>
</body>
20. Tujuan.php
<?php
$aksi="modul/mod_tujuan/aksi_tujuan.php";
switch($_GET[act]){
default:
$tampil = mysql_query("SELECT * FROM tujuan");
?>

wave"></i> Data Kota</h1>
<a href="?module=tujuan&act=tambahtujuan" class="btn btn-success"> <i

</div>

Daftar Data Kota</h6>
162
</div>
cellspacing="0">
<tr align="center">
<th>Tujuan</th>
</tr>
</thead>
<tbody>
<?php
$no=1;
?>
<tr align="center">
<td><?php echo $r['tujuan'] ?></td>
<td>
Data" href="?module=tujuan&act=edittujuan&id=<?php echo $r['id_tujuan'] ?>"
title="Hapus Data" href="<?=$aksi?>?module=tujuan&act=hapus&id=<?php
echo $r['id_tujuan'] ?>" onclick="return confirm ('Apakah anda yakin untuk
fa-trash"></i></a>
</div>
</td>
</tr>
<?php
163
$no++;
}
?>
</tbody>
</table>
</div>
</div>
</div>
<?php
break;
case "tambahtujuan":
?>

<a href="?module=tujuan" class="btn btn-secondary btn-icon-split"><span

</a>
</div>

plus"></i> Tambah Data Kota</h6>
</div>
<form method="POST" action='<?=$aksi?>?module=tujuan&act=input'>

<div class="row">
<label class="font-weight-bold">Kota</label>
164
<input autocomplete="off" type="text" name="tujuan" required
</div>
</div>
</div>
Reset</button>
</div>
</form>
</div>
<?php
break;
case "edittujuan":
$edit=mysql_query("SELECT * FROM tujuan WHERE id_tujuan='$_GET[id]'");
?>

<a href="?module=tujuan" class="btn btn-secondary btn-icon-split"><span

</a>
</div>

edit"></i> Edit Data Kota</h6>
</div>
165
<form method="POST" action='<?=$aksi?>?module=tujuan&act=update'>
<div class="row">
<input type="hidden" name="id" value="<?=$r['id_tujuan']?>">
<label class="font-weight-bold">Kota</label>
<input autocomplete="off" type="text" name="tujuan" value="<?
=$r['tujuan']?>" required class="form-control"/>
</div>
</div>
</div>
Reset</button>
</div>
</form>
</div>
<?php
break;
}
?>
21. Aksi_tujuan.php
<?php
session_start();
$act=$_GET[act];
166
if ($module=='tujuan' AND $act=='update'){
mysql_query("UPDATE tujuan SET tujuan = '$_POST[tujuan]'
WHERE id_tujuan = '$_POST[id]'");
}
elseif ($module=='tujuan' AND $act=='hapus') {
mysql_query("DELETE FROM tujuan WHERE id_tujuan='$_GET[id]'");
}
elseif ($module=='tujuan' AND $act=='input'){
mysql_query("INSERT INTO tujuan(tujuan)
VALUES('$_POST[tujuan]')");
}
?>
22. Golongan.php
<?php
$aksi="modul/mod_golongan/aksi_golongan.php";
switch($_GET[act]){
default:
$tampil = mysql_query("SELECT * FROM golongan");
?>

Golongan</h1>
<a href="?module=golongan&act=tambahgolongan" class="btn btn-success">

<i class="fa fa-plus"></i> Tambah Data </a>
</div>
167
Daftar Data Golongan</h6>
</div>
cellspacing="0">
<tr align="center">
<th>Golongan</th>
</tr>
</thead>
<tbody>
<?php
$no=1;
?>
<tr align="center">
<td>
Data" href="?module=golongan&act=editgolongan&id=<?php echo
$r['id_golongan'] ?>" class="btn btn-warning btn-sm"><i class="fa
fa-edit"></i></a>
title="Hapus Data" href="<?=$aksi?>?module=golongan&act=hapus&id=<?php
echo $r['id_golongan'] ?>" onclick="return confirm ('Apakah anda yakin untuk
168
fa-trash"></i></a>
</div>
</td>
</tr>
<?php
$no++;
}
?>
</tbody>
</table>
</div>
</div>
</div>
<?php
break;
case "tambahgolongan":
?>

Golongan</h1>
<a href="?module=golongan" class="btn btn-secondary btn-icon-split"><span

</a>
</div>

plus"></i> Tambah Data Golongan</h6>
</div>
169
<form method="POST" action='<?=$aksi?>?module=golongan&act=input'>
<div class="row">
<input autocomplete="off" type="text" name="golongan" required
</div>
</div>
</div>
Reset</button>
</div>
</form>
</div>
<?php
break;
case "editgolongan":
$edit=mysql_query("SELECT * FROM golongan WHERE
id_golongan='$_GET[id]'");
?>

Golongan</h1>
<a href="?module=golongan" class="btn btn-secondary btn-icon-split"><span

</a>
170
</div>

edit"></i> Edit Data Golongan</h6>
</div>
<form method="POST" action='<?=$aksi?>?module=golongan&act=update'>

<div class="row">
<input type="hidden" name="id" value="<?=$r['id_golongan']?>">
<input autocomplete="off" type="text" name="golongan" value="<?
=$r['golongan']?>" required class="form-control"/>
</div>
</div>
</div>
Reset</button>
</div>
</form>
</div>
<?php
break;
}
?>
23. Aksi_golongan.php
171
<?php
session_start();
$act=$_GET[act];
if ($module=='golongan' AND $act=='update'){

mysql_query("UPDATE golongan SET golongan = '$_POST[golongan]'
WHERE id_golongan = '$_POST[id]'");
}
elseif ($module=='golongan' AND $act=='hapus') {
mysql_query("DELETE FROM golongan WHERE id_golongan='$_GET[id]'");
}
elseif ($module=='golongan' AND $act=='input'){
mysql_query("INSERT INTO golongan(golongan)
VALUES('$_POST[golongan]')");
}
?>
24. Biaya.php
<?php
$aksi="modul/mod_biaya/aksi_biaya.php";
switch($_GET[act]){
default:
$tampil = mysql_query("SELECT * FROM biaya,golongan WHERE
biaya.id_golongan=golongan.id_golongan ");
172
?>

wave"></i> Data Biaya Perjalanan</h1>
<a href="?module=biaya&act=tambahbiaya" class="btn btn-success"> <i

</div>

Daftar Data Biaya Perjalanan</h6>
</div>
cellspacing="0">
<tr align="center">
<th>Tujuan</th>
<th>Golongan</th>
<th>Lumpsum</th>
<th>Penginapan</th>
<th>Aksi</th>
</tr>
</thead>
<tbody>
<?php
$no=1;
173
$value =explode('-',$r['id_tujuan']);
?>
<tr align="center">
<td>
<?php
$nomer= 0;
$data=$value[$i];
$nomer++;
$sql=mysql_query("SELECT * FROM tujuan WHERE
id_tujuan='$data'");
echo "$t[tujuan]<br/> ";
}
?>
</td>

<td><?php echo number_format($r['lumpsum'],0,'','.')?></td>
<td><?php echo number_format($r['penginapan'],0,'','.') ?></td>
<td><?php echo number_format($r['transportasi'],0,'','.') ?></td>
<td>
Data" href="?module=biaya&act=editbiaya&id=<?php echo $r['id_biaya'] ?>"
title="Hapus Data" href="<?=$aksi?>?module=biaya&act=hapus&id=<?php echo
$r['id_biaya'] ?>" onclick="return confirm ('Apakah anda yakin untuk meghapus
</div>
</td>
</tr>
<?php
174
$no++;
}
?>
</tbody>
</table>
</div>
</div>
</div>
<?php
break;
case "tambahbiaya":
?>

<a href="?module=biaya" class="btn btn-secondary btn-icon-split"><span

</a>
</div>

plus"></i> Tambah Data Biaya Perjalanan</h6>
</div>
<form method="POST" action="<?=$aksi?>?module=biaya&act=input">

<div class="row">
<label class="font-weight-bold">Pilih Kota</label>
175
<select name="id_tujuan[]" required class="form-control
<?php
$sql=mysql_query("SELECT * FROM tujuan");
while($r=mysql_fetch_array($sql)) {
echo "<option value='$r[id_tujuan]'>$r[tujuan]</option>";
}
?>
</select>
</div>
<select name="id_golongan" required class="form-control">
<?php
while($r=mysql_fetch_array($tampil)){
echo "<option value=$r[id_golongan]>$r[golongan]</option>";
}
?>
</select>
</div>

<input autocomplete="off" type="text" name="lumpsum" required
</div>

<input autocomplete="off" type="text" name="penginapan" required
</div>
176
<input autocomplete="off" type="text" name="transportasi" required
</div>
</div>
Reset</button>
</div>
</form>
</div>
<?php
break;
case "editbiaya":
$edit=mysql_query("SELECT * FROM biaya WHERE id_biaya='$_GET[id]'");
?>

<a href="?module=biaya" class="btn btn-secondary btn-icon-split"><span

</a>
</div>

edit"></i> Edit Data Biaya Perjalanan</h6>
177
</div>
<form method="POST" action="<?=$aksi?>?module=biaya&act=update">

<div class="row">
<input type="hidden" name="id" value="<?=$r['id_biaya']?>">
<label class="font-weight-bold">Pilih Kota</label>
<select name="id_tujuan[]" required class="form-control
<?php
$id2=explode("-",$r['id_tujuan']);
$tam1=mysql_query("SELECT * FROM tujuan");
if (in_array($k['id_tujuan'],$id2)){
echo "<option value='$k[id_tujuan]'
selected>$k[tujuan]</option>";
}else{
echo "<option value='$k[id_tujuan]'>$k[tujuan]</option>";
}
}
?>
</select>
</div>
<select name="id_golongan" required class="form-control">
<?php
echo "<option value=$w[id_golongan]
selected>$w[golongan]</option>";
}else{
178
echo "<option
value=$w[id_golongan]>$w[golongan]</option> </p> ";
}
}
?>
</select>
</div>

<input autocomplete="off" type="text" name="lumpsum" value="<?
=$r['lumpsum']?>" required class="form-control"/>
</div>

<input autocomplete="off" type="text" name="penginapan"
value="<?=$r['penginapan']?>" required class="form-control"/>
</div>

<input autocomplete="off" type="text" name="transportasi"
value="<?=$r['transportasi']?>" required class="form-control"/>
</div>
</div>
Reset</button>
</div>
</form>
</div>
<?php
179
break;
}
?>
25. Aksi_biaya.php
<?php
session_start();
$act=$_GET[act];
if ($module=='biaya' AND $act=='update'){

$value = (count($_POST['id_tujuan']) > 0) ? implode('-',
$_POST['id_tujuan']) : "";
mysql_query("UPDATE biaya SET id_tujuan = '$value',
lumpsum = '$_POST[lumpsum]',
penginapan = '$_POST[penginapan]',
transportasi = '$_POST[transportasi]',
id_golongan = '$_POST[id_golongan]'
WHERE id_biaya = '$_POST[id]'");
}
elseif ($module=='biaya' AND $act=='hapus') {
mysql_query("DELETE FROM biaya WHERE id_biaya='$_GET[id]'");
}
elseif ($module=='biaya' AND $act=='input'){
$value = (count($_POST['id_tujuan']) > 0) ? implode('-',
$_POST['id_tujuan']) : "";
biaya(id_tujuan,lumpsum,penginapan,transportasi,id_golongan)
180
VALUES('$value','$_POST[lumpsum]','$_POST[penginapan]','$_POST[transport
asi]','$_POST[id_golongan]')");
}
?>
181
BIODATA PENULIS
LAPORAN AKHIR
1. Identitas Diri
Nama Lengkap : Mirakle Rivaldi Sinamo
Jenis Kelamin : Laki-Laki
Tempat dan Tanggal Lahir : Pardemuen 6, Desember 2001
Jurusan / Program Studi : Manajemen Informatika
NIM : 2005102084
Alamat Rumah : Jl. Parang 2 No. 11 Kwala bekala
No Telepon / HP : 085835547994
Alamat E-mail :-
Judul Laporan Akhir : Perancangan Dan Pembangunan Sistem Informasi
Pengelolaan Surat Perintah Perjalanan Dinas
Berbasis Web Dikantor Dinas Komunikasi Dan
Informatika Kabupaten Pakpak Bharat
Nama Dosen Pembimbing : 1. Habibi Ramdani Safitri, S.Kom,. M.Kom,.
2. Riwayat Pendidikan
No Jenjang Pendidikan Nama Sekolah Tempat Tahun Ijazah
1 SD SD N 033931 Salak Salak 2013
2 SMP SMP N 1 Salak Salak 2016
3 SMA SMA N 1 Tinada Tinada 2019
4 Diploma 3 Politeknik Negeri Medan Medan 2023
3. Kegiatan Kemahasiswaan yang Pernah Diikuti

No Jenis Kegiatan Status Dalam Waktu dan Tempat
Kegiatan
4. Penghargaan / Prestasi yang Pernah Diterima

No Jenis Penghargaan Pihak Pemberi Tahun
Penghargaan
Medan, ………….
(Mirakle Rivaldi Sinamo)
182

Perancangan Dan Pembangunan Sistem Informasi Pengelolaan Surat Perintah Perjalanan Dinas Berbasis Web

Diunggah oleh

Informasi Dokumen

Hak Cipta

Format Tersedia

Bagikan dokumen Ini

Bagikan atau Tanam Dokumen

Opsi Berbagi

Apakah menurut Anda dokumen ini bermanfaat?

Apakah konten ini tidak pantas?

Hak Cipta:

Format Tersedia

Perancangan Dan Pembangunan Sistem Informasi Pengelolaan Surat Perintah Perjalanan Dinas Berbasis Web

Diunggah oleh

Hak Cipta:

Format Tersedia

LAPORAN AKHIR

PERANCANGAN DAN PEMBANGUNAN SISTEM INFORMASI

MIRAKLE RIVALDI SINAMO

PROGRAM STUDI MANAJEMEN INFORMATIKA

JURUSAN TEKNIK KOMPUTER DAN INFORMATIKA

POLITEKNIK NEGERI MEDAN

Yang bertandatangan di bawah ini:

Menyatakan dengan sebenarnya bahwa Laporan Akhir ini secara

Medan, 4 Juni 2023

Mirakle Rivaldi Sinamo

PERANCANGAN DAN PEMBANGUNAN SISTEM INFORMASI

MIRAKLE RIVALDI SINAMO

Telah dipertahankan di depan Tim Penguji pada tanggal………….

(Habibi Ramdani Safitri, S.Kom., M.Kom.)

Ketua Jurusan, Kepala Program Studi,

(Kadri Yusuf, S.T., M.Kom.) (Arif Ridho Lubis, B.IT., M.Sc.IT.)

Orang Tua Tercinta

Penelitian ini dilakukan pada Dinas Komunikasi dan Infromatika Pakpak

Kata Kunci: SPPD, PHP, MYSQL, Sistem Informasi Web

This research was conducted at the Pakpak Bharat Communication and

Keywords: SPPD, PHP, MYSQL, Web Information Systems

Medan, 04 Juli 2023

Mirakle Rivaldi Sinamo

2.8.2 Activity Diagram .............................................................................24

2.8.3 Class Diagram.......................................................................................26

BAB 3 METODE PENELITIAN..........................................................................27

3.2 Metode Pengumpulan Data.............................................................................28

3.6 Perancangan Basis Data...................................................................................38

3.6.2 Entity Relationship Diagram (ERD).....................................................43

3.7 Perancangan Antarmuka..................................................................................43

3.7.2 Bagian Kepala dinas..............................................................................45

BAB 4 HASIL DAN PEMBAHASAN.................................................................48

4.1.2 Halaman Menu Operator.......................................................................48

4.1.3 Halaman Menu Kepala Dinas...............................................................65

4.1.4 Halaman Menu Pegawai.......................................................................69

4.2 Pengujian Rancangan / Alat.............................................................................72

BAB V KESIMPULAN DAN SARAN.................................................................75

Tabel 2.1 Simbol-simbol Use Case Diagram 24

Tabel 2.2 Simbol-simbol Activity Diagram..........................................................25

Tabel 2.3 Simbol-simbol Class diagram...............................................................27

Tabel 3.1 Desain Tabel User.................................................................................40

Tabel 3.2 Desain Tabel Golongan.........................................................................40

Tabel 3.3 Desain Tabel Biaya...............................................................................40

Tabel 3.4 Desain tabel kwitansi.............................................................................41

Tabel 3.5 Desain tabel pegawai.............................................................................41

Tabel 3.6 Desain tabel NPPD................................................................................42

Tabel 3.7 Desain tabel SPT...................................................................................42

Tabel 3.8 Desain Tabel SPPD...............................................................................43

Tabel 3.9 Desain Tabel Transportasi.....................................................................43

Tabel 3.10 Desain Tabel Tujuan...........................................................................43

Tabel 4.1 Pengujian pada user Operator................................................................73

Tabel 4.2 Pengujian Pada user kepala dinas..........................................................74

Tabel 4.3 Pengujian pada user Pegawai................................................................75

Gambar 3.1 Use case diagram...............................................................................32

Gambar 3.2 Diagram Login...................................................................................33

Gambar 3.3 Diagram Jabatan................................................................................34

Gambar 3.4 Diagram Pegawai...............................................................................35

Gambar 3.5 Diagram Nota permintaan perjalanan dinas......................................36

Gambar 3.6 Diagram SPT.....................................................................................37

Gambar 3.7 Diagram Laporan...............................................................................38

Gambar 3.8 Activity diagram laporan...................................................................39

Gambar 3.10 Perancangan ERD aplikasi SPPD....................................................44

Gambar 3.11 Rancangan Form Login User...........................................................45

Gambar 3.12 Rancangan halaman data pegawai...................................................45