LAPORAN KERJA PRAKTEK
PROTOTYPE SISTEM INFORMASI MONITORING PERJALANAN DINAS BERBASIS WEB
DAN MOBILE
COVER
Diajukan Untuk Memenuhi Sebagian Persyaratan Memperoleh Kelulusan Mata Kuliah
Kerja Praktek
Disusun oleh :
David Alfa Sunarna
NIM M0511016
JURUSAN INFORMATIKA
FAKULTAS MATEMATIKA & ILMU PENGETAHUAN ALAM
UNIVERSITAS SEBELAS MARET
SURAKARTA
2014
David Alfa Sunarna Laporan Kerja Praktek
ii
PT Air Media Persada
HALAMAN PERSETUJUAN
PROTOTYPE SISTEM INFORMASI MONITORING PERJALANAN DINAS BERBASIS WEB
DAN MOBILE
Disusun oleh:
David Alfa Sunarna
NIM M0511016
Laporan Kerja Praktek ini disetujui untuk dipresentasikan pada seminar KP
Pada tanggal 12 Desember 2014
Dosen Pembimbing
Esti Suryani, S.Si, M.Kom
NIP. 19761129 200812 2 001
Pembimbing Kerja Praktek
M. Irfan A, M.Kom
Lead System Analyst & Developer
David Alfa Sunarna Laporan Kerja Praktek
iii
PT Air Media Persada
HALAMAN PENGESAHAN
Laporan Kerja Praktek yang dilaksanakan oleh:
Nama : David Alfa Sunarna
Nim : M0511016
Dengan judul :
PROTOTYPE SISTEM INFORMASI MONITORING PERJALANAN DINAS BERBASIS WEB
DAN MOBILE
Pada bulan Agustus-September 2014, di seminarkan dan disahkan pada:
Hari : Jumat
Tanggal : 12 Desember 2014
Dosen Pembimbing
Esti Suryani, S.Si., M.Kom
NIP. 19761129 200812 2 001
Dosen Penguji
Rini Anggrainingsih S.T.,M.T.
NIP. 197809092008122002
Mengetahui,
Ketua Jurusan
Teknik Informatika
Drs. Bambang Harjito, M.App.Sc., PhD
NIP. 19621130 199103 1 002
Direktur
PT. Airmedia Persada
Sri Bagus Respati, M.T
David Alfa Sunarna Laporan Kerja Praktek
iv
PT Air Media Persada
PROTOTYPE SISTEM INFORMASI MONITORING PERJALANAN DINAS BERBASIS WEB
DAN MOBILE
David Alfa Sunarna
NIM. M0510016
Abstrak
PT Air Media Persada merupakan perusahaan dengan badan hukum yang bergerak
dalam bidang layanan teknologi informasi dengan fokus pada pembuatan software sistem
informasi managemen, desain web, pengadaan hardware, networking, dan training di
bidang teknologi informasi. PT Air Media Persada membuat banyak prototype sistem
monitoring yang nanti akan dikembangkan berdasarkan kebutuhan klien dari suatu
instansi/perusahaan.
Perancangan sistem pengelolaan berbasis web ini dibangun dengan menggunakan
bahasa pemrograman procedural PHP dengan entity relationship diagram (ERD), data
flow diagram (DFD) dan aplikasi yang diperlukan dalam merancang sebuah situs seperti
Apache Web Server dan MySQL. Prototype sistem informasi monitoring Perjalanan
Dinas diharapkan bisa dikembangkan dan digunakan pada suatu perusahaan/instansi
untuk meminimalisir penyelewengan kegiatan Perjalanan Dinas.
Kata kunci : Hypertext Preprocessor (PHP), Procedural, ERD, DFD, Sistem Monitoring
David Alfa Sunarna Laporan Kerja Praktek
v
PT Air Media Persada
PROTOTYPE SISTEM INFORMASI MONITORING PERJALANAN DINAS BERBASIS WEB
DAN MOBILE
David Alfa Sunarna
NIM. M0510016
Abstract
PT Air Media Persada is a company with a legal entity that is engaged in
information technology services with a focus on management information system software
development, web design, procurement of hardware, networking, and training in
information technology. PT Air Media Persada has made many monitoring system
prototype that will be developed based on the needs of the clients of an agency / company.
The design of a web-based management system is built using a procedural
programming language PHP with entity relationship diagram (ERD), and data flow
diagram (DFD) and applications necessary in designing a website such as Apache Web
Server and MySQL. Prototype information system monitoring business travel is expected
to be developed and used in a company / institution to minimize fraud activity trip.
Keywords : Hypertext Preprocessor (PHP), Procedural, ERD, DFD, Sistem Monitoring
David Alfa Sunarna Laporan Kerja Praktek
vi
PT Air Media Persada
KATA PENGANTAR
Shalom, salam sejahtera bagi kita semua.
Penulis mengucapkan puji syukur kepada Tuhan Yesus Kristus atas kasih
karunianya penulis dapat menyelesaikan laporan Kerja Praktek ini.
Laporan ini tidak akan selesai tanpa adanya bantuan dari banyak pihak, karena itu
penulis menyampaikan terima kasih kepada :
1. Bapak Drs. Bambang Harjito M.App.Sc., Ph.D. selaku Ketua Jurusan Informatika
FMIPA UNS.
2. Ibu Esti Suryani, S.Si., M.Kom. selaku Dosen Pembimbing yang telah
memberikan pengarahan selama proses penyusunan laporan ini.
3. Bapak Irfan beserta staff PT Air Media Persada, yang telah membimbing penulis
dalam melaksanakan Kerja Praktek.
4. Kedua orang tua dan saudara-saudaraku yang telah memberikan dukungan
sehingga penulis bisa menyelesaikan laporan ini.
5. Teman-teman seperjuangan di Jurusan Informatika angkatan 2011 yang telah
berbagi pengetahuan dan pengalaman, serta memberi motivasi.
Semoga Tuhan membalas jerih payah dan pengorbanan yang telah diberikan
dengan balasan yang lebih baik.
Semoga laporan Kerja Praktek ini bermanfaat dan dapat memberikan sumbangsih
bagi pihak-pihak yang berkepentingan.
Salam sejahtera.
Surakarta, 14 November 2014
Penulis
David Alfa Sunarna Laporan Kerja Praktek
vii
PT Air Media Persada
DAFTAR ISI
HALAMAN PERSETUJUAN.....…………………………......................……….……………………………ii
HALAMAN PENGESAHAN…...………………………………...……………......................………………iii
ABSTRAK....................................................................................................................iv
ABSTRACT...................................................................................................................v
KATA PENGANTAR......................................................................................................vi
BAB I PENDAHULUAN..................................................................................................1
1.1 LATAR BELAKANG MASALAH...............................................................................1
1.2 RUMUSAN MASALAH..........................................................................................2
1.3 BATASAN MASALAH............................................................................................2
1.4 TUJUAN DAN MANFAAT......................................................................................3
1.5 METODOLOGI......................................................................................................3
1.6 SKEMA PENULISAN..............................................................................................4
BAB II GAMBARAN UMUM INSTANSI...........................................................................5
2.1 GAMBARAN UMUM PT AIR MEDIA PERSADA.......................................................5
2.2 VISI .................................................................................................................... .5
2.3 MISI ....................................................................................................................6
2.4 STRUKTUR ORGANISASI.......................................................................................6
2.5 PRODUK DAN JASA..............................................................................................6
BAB III LANDASAN TEORI...........................................................................................12
3.1 PERJALANAN DINAS...........................................................................................12
3.2 SISTEM INFORMASI...........................................................................................12
3.3 BASIS DATA.......................................................................................................13
3.4 FUNCTIONAL REQUIREMENT.............................................................................14
3.5 NON-FUNCTIONAL REQUIREMENT.....................................................................14
3.6 ENTITY-RELATIONSHIP DIAGRAM (ERD)............................................................ 15
3.7 DATA FLOW DIAGRAM.......................................................................................17
David Alfa Sunarna Laporan Kerja Praktek
viii
PT Air Media Persada
3.8 PHP ...................................................................................................................19
3.9 HYPERTEXT MARKUP LANGUANGE (HTML)....................................................... 20
BAB IV DESAIN DAN IMPLEMENTASI..........................................................................24
4.1 KEBUTUHAN PERANGKAT LUNAK......................................................................24
4.1.1 DESKRIPSI UMUM SISTEM............................................................................24
4.1.2 FUNGSI UTAMA PERANGKAT LUNAK.............................................................25
4.1.3 SPESIFIKASI TAMBAHAN...............................................................................26
4.1.4 MODEL PROSES ............................................................................................27
4.2 DATA FLOW DIAGRAM.......................................................................................34
4.2.1 HIERARKI PROSES ........................................................................................ 34
4.2.2 DATA FLOW DIAGRAM LEVEL 1.....................................................................35
4.2.3 DATA FLOW DIAGRAM LEVEL 2.....................................................................37
4.3 DESAIN DATA ....................................................................................................41
4.3.1 ENTITY-RELATIONSHIP DIAGRAM .................................................................41
4.3.2 DATA SCHEMA..............................................................................................42
4.3.3 DESKRIPSI TABEL.......................................................................................... 42
4.4 DESAIN USER INTERFACE ...................................................................................45
4.4.1 WINDOWS NAVIGATION DIAGRAM..............................................................45
4.4.2 STORY BOARD.............................................................................................. 46
4.5 IMPLEMENTASI .................................................................................................47
4.5.1 PROSES 1 MENGIMPOR PEGAWAI.................................................................47
4.5.2 PROSES 2 MENAMBAH USER.........................................................................48
4.5.3 PROSES 3.1 MENAMBAH KEGIATAN..............................................................49
4.5.4 PROSES 3.2 MENGHAPUS KEGIATAN............................................................ 50
4.5.5 PROSES 3.3 SUNTING KEGIATAN...................................................................51
4.5.6 PROSES 3.4 MEMBATALKAN KEGIATAN........................................................51
4.5.7 PROSES 4.1 MELIHAT KEGIATAN...................................................................52
4.5.8 PROSES 4.2 MELIHAT KEGIATAN TERKAIT......................................................53
David Alfa Sunarna Laporan Kerja Praktek
ix
PT Air Media Persada
4.5.9 PROSES 4.3 MELIHAT LAPORAN KEGIATAN...................................................53
4.5.10 PROSES 5 MENGUPLOAD DOKUMEN...........................................................54
4.5.11 PROSES 6 VALIDASI KEGIATAN....................................................................54
4.6 IMPLEMENTASI .................................................................................................54
4.7 PENGUJIAN .......................................................................................................70
BAB V PENUTUP ........................................................................................................78
5.1 KESIMPULAN.....................................................................................................78
5.2 SARAN ..............................................................................................................78
DAFTAR PUSTAKA .....................................................................................................79
David Alfa Sunarna Laporan Kerja Praktek
x
PT Air Media Persada
DAFTAR TABEL
Tabel 3.1 Simbol-Simbol pada ERD.................................................................................17
Tabel 3.2 Simbol-Simbol pada ERD beserta contohnya...................................................19
Tabel 4.1 Fungsi Utama Perangkat Lunak........................................................................26
Tabel 4.2 Kebutuhan Non Fungsional Perangkat Lunak...................................................27
Tabel 4.3 Entitas ...............................................................................................................27
Tabel 4.4 Deskripsi Proses Monitoring Perjalanan Dinas ................................................28
Tabel 4.5 Dekomposisi Kebutuhan Fungsional ...............................................................31
Tabel 4.6 Kamus Data Flow Diagram .............................................................................40
Tabel 4.7 Tabel Data Pegawai...........................................................................................42
Tabel 4.8 Tabel Data User.................................................................................................43
Tabel 4.9 Tabel Data Userdanpegawai.............................................................................43
Tabel 4.10 Tabel Data Admin...........................................................................................43
Tabel 4.11 Tabel Data Kegiatan........................................................................................43
Tabel 4.12 Tabel Data Pegawaidankegiatan.....................................................................44
Tabel 4.13 Tabel Data Hubungan_Kegiatan.....................................................................44
Tabel 4.14 Tabel Data File_Upload..................................................................................44
Tabel 4.15 Proses 1 Impor Pegawai..................................................................................47
Tabel 4.16 Proses 2 Menambah User................................................................................47
Tabel 4.17 Proses 3.1 Menambah Kegiatan......................................................................48
Tabel 4.18 Proses 3.2 Menghapus Kegiatan.....................................................................49
Tabel 4.19 Proses 3.3 Menyunting Kegiatan.....................................................................50
Tabel 4.20 Proses 3.4 Membatalkan Kegiatan..................................................................50
Tabel 4.21 Proses 4.1 Melihat Kegiatan............................................................................51
Tabel 4.22 Proses 4.2 Melihat Kegiatan Terkait...............................................................52
Tabel 4.23 Proses 4.3 Melihat Laporan Kegiatan.............................................................53
Tabel 4.24 Proses 5 Mengunggah Dokumen....................................................................53
Tabel 4.25 Proses 6 Validasi Kegiatan..............................................................................54
David Alfa Sunarna Laporan Kerja Praktek
xi
PT Air Media Persada
Tabel 4.26 Pengujian ........................................................................................................70
David Alfa Sunarna Laporan Kerja Praktek
xii
PT Air Media Persada
DAFTAR GAMBAR
Gambar 4.1 Context Diagram / DFD Level 0....................................................................25
Gambar 4.2 Hierarki Proses Admin..................................................................................34
Gambar 4.3 Hierarki Proses Pegawai...............................................................................35
Gambar 4.4 DFD Level 1 .................................................................................................35
Gambar 4.5 DFD Level 2 Mengelola Kegiatan ................................................................37
Gambar 4.5 DFD Level 2 Melihat ...................................................................................39
Gambar 4.7 ERD Perangkat Lunak ..................................................................................41
Gambar 4.8 WND Admin ................................................................................................45
Gambar 4.9 WND User ....................................................................................................45
Gambar 4.10 Story Board ................................................................................................46
Gambar 4.11 Halaman Log In...........................................................................................54
Gambar 4.12 Halaman Utama Admin...............................................................................55
Gambar 4.13 Halaman Akun Pegawai..............................................................................55
Gambar 4.14 Halaman Profil Pegawai Terdaftar..............................................................56
Gambar 4.15 Halaman Sunting User.................................................................................57
Gambar 4.16 Halaman Hapus User...................................................................................57
Gambar 4.17 Halaman Daftar Pegawai Keseluruhan........................................................58
Gambar 4.18 Profil Pegawai belum Terdaftar...................................................................59
Gambar 4.19 Menambah Akun Pegawai...........................................................................59
Gambar 4.20 Halaman Hasil Pencarian Pegawai..............................................................60
Gambar 4.21 Halaman Melihat Kegiatan Perjalanan Dinas..............................................61
Gambar 4.22 Halaman Menambah Kegiatan Perjalanan Dinas........................................61
Gambar 4.23 Halaman Menyunting Kegiatan Perjalanan Dinas.......................................62
Gambar 4.24 Halaman Detail Kegiatan Perjalanan Dinas................................................63
Gambar 4.25 Halaman Membatalkan Kegiatan Perjalanan Dinas.....................................64
Gambar 4.26 Halaman Validasi Kegiatan Perjalanan Dinas.............................................64
Gambar 4.27 Halaman Hasil Pencarian Kegiatan Perjalanan Dinas.................................65
Gambar 4.28 Halaman Utama Pegawai.............................................................................65
David Alfa Sunarna Laporan Kerja Praktek
xiii
PT Air Media Persada
Gambar 4.29 Halaman Detail Kegiatan Perjalanan Dinas Terkait....................................66
Gambar 4.30 Halaman Hasil Upload Laporan Kegiatan Perjalanan Dinas.......................67
Gambar 4.31 Halaman Menghapus Laporan Kegiatan Perjalanan Dinas.........................67
Gambar 4.32 Halaman Kegiatan Perjalanan Dinas Tervalidasi.........................................68
Gambar 4.33 Halaman Melihat Kalender Kegiatan..........................................................69
Gambar 4.34 Halaman Melihat Kegiatan Perjalanan Dinas Tidak Terkait.......................69
David Alfa Sunarna Laporan Kerja Praktek
1 PT Air Media Persada
BAB I
PENDAHULUAN
1.1 Latar Belakang Masalah
PT Air Media Persada merupakan perusahaan dengan badan hukum yang bergerak
dalam bidang layanan teknologi informasi dengan fokus pada pembuatan software sistem
informasi managemen, desain web, pengadaan hardware, networking, dan training di
bidang teknologi informasi. PT Air Media Persada sendiri telah berpengalaman dengan
berbagai segmen klien dari berbagai lembaga seperti instansi pemerintahan, Badan Usaha
Milik Negara (BUMN), intansi pendidikan sampai dengan perusahaan dan personal.
Berbagai proyek yang bertemakan managemen data akhir-akhir ini sedang dikembangkan
di perusahaan ini, termasuk proyek monitoring Perjalanan Dinas (Anonim, 2014).
Perjalanan Dinas Dalam Negeri yang selanjutnya disebut Perjalanan Dinas adalah
perjalanan ke luar tempat kedudukan yang dilakukan dalam wilayah Republik
Indonesia untuk kepentingan negara. Perjalanan Dinas mempunyai acuan hukum dan
penjelasan pada Peraturan Menteri Keuangan Republik Indonesia Nomor
113/PMK.05/2012. Berdasarkan peraturan tersebut seperi yang disebutkan pada Pasal 2
ayat 2, Perjalanan Dinas terbagai menjadi dua yaitu Perjalanan Dinas jabatan dan
Perjalanan Dinas pindah. Perjalanan Dinas Jabatan adalah Perjalanan Dinas melewati
batas Kota dan/atau dalam Kota dari tempat kedudukan ke tempat yang dituju,
melaksanakan tugas,dan kembali ke tempat kedudukan semula di dalam negeri.
Perjalanan Dinas Jabatan diatur dalam BAB IV Peraturan Menteri Keuangan
Republik Indonesia Nomor 113/PMK.05/2012. Perjalanan Dinas Jabatan sebagaimana
dimaksud dalam Pasal 4 ayat 1 digolongkan menjadi Perjalanan Dinas Jabatan yang
melewati batas Kota dan Perjalanan Dinas Jabatan yang dilaksanakan di dalam Kota.
Pertanggungjawaban Biaya Perjalanan Dinas diatur dalam BAB IX. Pelaksana
Perjalanan Dinas mempertanggungjawabkan pelaksanaanPerjalanan Dinas kepada
pemberi tugas dan biaya Perjalanan Dinas kepada PPK paling lambat 5 (lima) hari kerja
setelah Perjalanan Dinas dilaksanakan.
David Alfa Sunarna Laporan Kerja Praktek
2 PT Air Media Persada
Diperlukan suatu sistem yang baik yang dapat memonitoring kegiatan pegawai
selama Perjalanan Dinas. Sistem ini memungkinkan manager/pemimpin/pihak yang
bertanggung jawab melihat pekerjaan/kegiatan utusan dinas secara real time berdasarkan
kalender kegiatan dinas, mempunyai sistem report yang membuat utusan dinas dapat
melaporkan kegiatan/pekerjaan yang dilakukan selama di tempat dinas melalui mobile
web ataupun desktop, mempunyai sistem validasi yang dapat menentukan kegiatan yang
dilakukan utusan dinas sudah valid atau tidak. Fungsi dari aplikasi ini yang terutama
adalah fungsi mengontrol, dan fungsi verifikasi pada waktu utusan dinas membuat
pertanggungjawaban.
Berdasarkan latar belakang di atas maka PT Airmedia Persada selaku perusahaan
software development berniat mengembangkan sebuah modul/prototype sistem informasi
yang dapat memonitor Perjalanan Dinas secara umum. Prototipe sistem informasi ini
nantinya diharapkan akan menjadi basic/dasar dalam pengembangan sistem monitoring
Perjalanan Dinas.
1.2 Rumusan Masalah
Berdasarkan latar belakang di atas dapat dirumuskan permasalahan yang dibahas
pada tugas akhir ini adalah “Bagaimana membuat prototype sistem informasi
monitoring Perjalanan Dinas kepegawaian berbasis web dan mobile?”
1.3 Batasan Masalah
Batasan masalah dalam kerja praktek ini adalah :
1. Pembuatan prototype sistem informasi ini ditujukan untuk instansi pemerintahan
berdasarkan Peraturan Menteri Keuangan Republik Indonesia Nomor
113/PMK.05/2012.
2. Sistem ini merupakan bagian dari pengembangan software managemen data dari PT
Airmedia Persada.
David Alfa Sunarna Laporan Kerja Praktek
3 PT Air Media Persada
1.4 Tujuan dan Manfaat
Tujuan dan manfaat dari sistem ini adalah membuat prototype sistem informasi
monitoring Perjalanan Dinas kepegawaian berbasis web dan mobile.
Sementara manfaat dari sistem ini adalah:
1. Membantu pengembangan software PT Airmedia Persada dibidang managemen
data.
2. Membantu atasan/manager suatu instansi dalam memonitoring Perjalanan Dinas
secara terstruktur.
3. Mendukung usaha pemerintah dalam meminimalisir penyelewengan Perjalanan
Dinas.
1.5 Metodologi
Pembuatan sistem ini mengkaji dan membahas suatu masalah dalam bidang ilmu
teknologi dan informatika baik didukung bidang ilmu manajemen maupun teknik. Metode
yang dipakai dalam kerja praktek ini menjelaskan cara pelaksanaan kegiatan pembuatan
sistem, yang terdiri dari:
1. Pengumpulan Data
a. Studi Literatur
Studi literatur dilakukan dengan mencari bahan dan materi melalui internet dan
buku.
b. Wawancara
Melakukan konsultasi kepada pembimbing Kerja Praktek dan PT Airmdia
Persada berkaitan mengenai struktur dan proses yang ada dalam sistem Perjalanan
Dinas.
2. Analisis
Melakukan analisis kebutuhan terhadap sistem yang akan dikembangkan yang
meliputi data dan fungsi yang diperlukan.
3. Desain
Membuat rancangan logika aplikasi yang akan diimplementasikan pada tahap
berikutnya.
David Alfa Sunarna Laporan Kerja Praktek
4 PT Air Media Persada
4. Implementasi
Membuat implementasi prototype sistem informasi monitoring Perjalanan Dinas.
1.6 Skema Penulisan
Sistematika dari penulisan laporan kerja praktek adalah sebagai berikut :
1. BAB I : berisi pendahuluan yang memuat tentang latar belakang masalah dari proyek
kerja praktek, rumusan masalah dan batasan masalah dari kerja praktek, tujuan dan
manfaat kerja praktek, metodologi kerja praktek dan sistematika penyusunan laporan
yang digunakan oleh penulis.
2. BAB II : berisi gambaran singkat mengenai profil perusahaan, visi, misi, produk
dan jasa, serta struktur organisasi PT Air Media Persada.
3. BAB III : berisi tinjauan pustaka tentang sistem perjalanan kedinasan, sistem
informasi, basis data, rekayasa perangkat lunak.
4. BAB IV : berisi analisis, perancangan, implementasi dan pengujian dari sistem yang
dibuat yaitu Prototype Sistem Informasi Monitoring Perjalanan Dinas.
5. BAB VI : berisi kesimpulan dan saran dari analisis, perancangan, implementasi, dan
pengujian sistem yang dibuat oleh penulis.
David Alfa Sunarna Laporan Kerja Praktek
5 PT Air Media Persada
BAB II
GAMBARAN UMUM INSTANSI
2.1 Gambaran Umum PT Air Media Persada
PT Air Media Persada atau lebih dikenal dengan Air Media adalah perusahaan
dengan badan hukum yang bergerak dalam bidang layanan teknologi informasi, dengan
fokus pada pembuatan software sistem informasi manajemen , desain web, pengadaan
hardware, networking/jaringan serta training di bidang teknologi informasi (Anonim,
2014).
Telah berpengalaman dalam jasa layanan teknologi informasi selama bertahun-
tahun dengan berbagai segmen klien. Klien berasal dari berbagai lembaga, mulai dari
instansi iemerintahan, Badan Usaha Milik Negara (BUMN), institusi pendidikan sampai
dengan perusahaan dan personal.
Air Media menawarkan pilihan kerja sama yang optimal bagi klien dalam kebutuhan
akan layanan teknologi informasi dan memberikan solusi dengan teknologi - teknologi
tepat guna, dengan dijalankan oleh tenaga-tenaga pelaksananya yang telah berpengalaman
dan profesional di bidangnya.
Tenaga-tenaga pelaksananya didukung oleh tenaga-tenaga pengajar di universitas
terkemuka yang berada di Yogyakarta dan juga praktisi-praktisi profesional yang telah
berpengalaman di bidangnya, serta ditambah dengan tenaga-tenaga teknis yang berasal
dari mahasiswa-mahasiswa terbaik lulusan dari universitas terkemuka di kota Yogyakarta
dan Surakarta.
2.2 Visi
Air Media Persada bertekad untuk menjadi sebuah perusahaan layanan teknologi
informasi, dengan kualifikasi dan kompetensi internasional, serta berorientasi bisnis
secara profesional.
David Alfa Sunarna Laporan Kerja Praktek
6 PT Air Media Persada
2.3 Misi
Untuk mewujudkan visi maka PT Airmedia Persada mempunya misi:
a. Mengembangkan industri teknologi informasi dengan orientasi
memasyarakatkan penggunaan teknologi informasi, serta berorientasi bisnis dan
pelayanan yang profesional.
b. Mengakomodasi potensi sumber daya manusia dan mengembangkan peluang
bisnis dalam bidang teknologi informasi yang ada.
c. Memberikan kontribusi bagi perkembangan dan kemajuan teknologi informasi.
2.4 Struktur Organisasi
PT Air Medi Persada sendiri berupa tim yang terbagi sebagai berikut.
1. Project Manager : Bagus Respati, M.T.
2. System Analyst : Irfan, S.Kom.
3. Senior Programmer : Aris Kadirisman, S.T. dan Irfan,
S.Kom.
4. Document & Administration : Andri Kusuma Budi, S.T.
5. Marketing Executive : Imam, S.T.
6. Customer Care : Wahyu Agustine, M.M.
7. Logistik : Ali Rozikan
2.5 Produk dan Jasa
Seperti yang dilangsir dari situ web resminya, PT Air Media Persada memiliki
produk-produk dan jasa yang didedikasikan kepada konsumen, produk dan jasa tersebut
antara lain (Anonim, 2014):
a) Desain Web
Desain web dirancang menggunakan template premium yang akan
membuat desain web setiap klien terlihat profesional. Setiap klien akan
mendapatkan desain yang unik yang akan membedakan dengan klien/web lainnya.
Air Media melayani pembuatan website untuk berbagai macam instansi, seperti :
David Alfa Sunarna Laporan Kerja Praktek
7 PT Air Media Persada
Pemerintah Daerah (Pemda), perguruan tinggi, organisasi, perusahaan/bisnis,
sekolah dan personal.
b) Sistem Informasi Managemen Perpustakaan
Sistem Informasi Managemen Perpustakaan (SIM Perpus) dirancang
terdiri dari beberapa versi : perguruan tinggi, sekolah dan Pemerintah Daerah.
Sistem dilengkapi dengan fasilitas barcode reader yang akan mempercepat proses
transaksi operasional Perpustakaan.
c) Siakad
Sistem Informasi Akademik (Siakad) merupakan solusi bagi manajemen
administrasi akademik di perguruan tinggi. Siakad mampu mengintegrasikan
proses-proses administrasi akademik perguruan tinggi ke dalam sebuah sistem
informasi yang mampu menyimpan dan mengolah ribuan data akademik dari tahun
ke tahun secara sistematis, dengan dukungan teknologi komputer dan perangkat
lunak yang kami sediakan.
Tingkat kompleksitas yang tinggi dalam pengelolaan administrasi
akademik akan menjadi lebih mudah dikelola dengan penggunaan Sistem
Informasi Akademik ini. Perangkat lunak Siakad dirancang dengan
memperhatikan kemudahan penggunaan bagi user (user friendly), di mana menu
dan fasilitas yang terdapat dalam Siakad ini telah dilasifikasikan berdasarkan
kategori data-data administrasi serta pembagian user/pengguna sehingga akan
mempermudah dan mempercepat proses manajemen administrasi akademik di
perguruan tinggi.
d) Sistem Monitoring Evaluasi
Sistem Monitoring Evaluasi (Monev) merupakan solusi bagi manajemen
evaluasi akademik di perguruan tinggi. Monev mampu mengintegrasikan
parameter-parameter evaluasi dan standar indikator setiap parameter perguruan
David Alfa Sunarna Laporan Kerja Praktek
8 PT Air Media Persada
tinggi ke dalam sebuah sistem informasi yang mampu menyimpan dan mengolah
ribuan data akademik dari tahun ke tahun secara sistematis, dengan dukungan
teknologi komputer dan perangkat lunak yang telah sediakan.
Tren evaluasi dari tahun ke tahun pada setiap program studi, fakultas, atau
secara keseluruhan dengan kompleksitas yang tinggi dalam pengelolaan
administrasi evaluasi akan menjadi lebih mudah dimonitor dengan
penggunaan Sistem Informasi Monitoring Evaluasi ini. Perangkat lunak
Monev dirancang dengan memperhatikan kemudahan penggunaan bagi user (user
friendly), di mana menu dan fasilitas yang terdapat dalam Monev ini telah
diklasifikasikan berdasarkan program studi, fakultas, bidang-bidang pendukung
akademik, paremeter indikator beserta standar indikatornya, serta pembagian
user/pengguna sehingga akan mempermudah dan mempercepat
proses manajemen monitoring evaluasi dari tahun ke tahun di perguruan tinggi
dalam suatu data atau grafik statistik.
e) Sistem Informasi Penerimaan Siswa Baru/Penerimaan Mahasiswa Baru
Sistem Informasi Penerimaan Siswa Baru/Penerimaan Mahasiswa Baru (SI
PSB/PMB) adalah sebuah sistem pendaftaran online yang dapat diaplikasikan baik
dengan koneksi internet maupun intranet di sekolah/kampus. Dengan sistem ini
dapat menghemat proses pembuatan formulir pendaftaran dan proses terjadinya
pendaftaran calon siswa/mahasiswa.
Sistem Informasi Penerimaan Siswa Baru (PSB) / Penerimaan Mahasiswa
Baru (PMB) yang Dirancang merupakan sistem informasi berbasis web (web
based) dengan bahasa pemrograman dan database yang bersifat open source.
Dengan penggunaan teknologi web based, akan memudahkan penggunaan SI
PSB/PMB tersebut dalam suatu jaringan client-server, baik yang bersifat lokal
maupun internet/online.
David Alfa Sunarna Laporan Kerja Praktek
9 PT Air Media Persada
f) SMS Akademik
Short Message Service Akademik (SMS Akademik) adalah layanan
informasi berbentuk Short Messages Services guna memenuhi kebutuhan
informasi akademik mahasiswa secara cepat melalui handphone/mobile device.
SMS Akademik dapat digunakan oleh mahasiswa maupun orang tua/wali
untuk mengetahui informasi akademik seperti: informasi nilai, jadwal ujian,
jadwal kuliah, absensi, dan keuangan.
Penerapan SMS Akademik akan mempermudah dan mempercepat
penyampaian informasi akademik kepada mahasiswa, dengan tujuan
meningkatkan kualitas layanan secara keseluruhan, khususnya kepada mahasiswa
dan orang tua/wali.
g) SI Aset
Sistem Informasi Aset (SI Aset) adalah sistem manajemen pendataan aset
(inventaris dan ruang) yang ada secara terintegrasi seluruh instansi yang
difokuskan pada pendataan dan pengelolaan untuk kepentingan pondasi data guna
sistem utilisasi barang, ruang dan bangunan.
Aset-aset yang dimiliki oleh suatu instansi akan dapat dipantau tentang
keberadaan, nilai, perpindahan dan kondisinya. Sistem Informasi
Aset dipersiapkan untuk kebutuhan perencanaan dalam utilisasi ruang, terkait
dengan aset apa saja yang ada di dalam ruang yang dapat dilakukan utilisasi dan
sharing fasilitas antar departemen atau pihak terkait.
Sistem dikembangkan berdasarkan alur bisnis proses yang ada mulai dari
pengadaan barang sampai dengan pendistribusiaannya, kemudian masuk sebagai
barang aset dan terdata pada sebuah ruang. Aset yang tercatat dalamsoftware
aplikasi ini meliputi gedung, ruang beserta segala macam barang yang berada
didalamnya.
David Alfa Sunarna Laporan Kerja Praktek
10 PT Air Media Persada
h) Sistem Informasi Managemen Kepegawaian
Sistem Informasi Manajemen Kepegawaian (SIMPEG) yang dirancang
merupakan sistem informasi berbasis web (web based) dengan bahasa
pemrograman dan database yang bersifat open source, di mana user/klien tidak
perlu lagi membeli software-software pendukung guna mengaplikasikan SIMPEG
tersebut. Dengan penggunaan teknologi web based, akan memudahkan
penggunaan SIMPEG tersebut dalam suatu jaringan client-server, baik yang
bersifat lokal maupun internet/online.
Secara spesifik tujuan dari pengembangan Sistem Informasi
Kepegawaian adalah untuk mendukung integritas data, kemudahan pengaksesan,
dan kemudahan pengelolaan sehingga dapat mendukung kelancaran pelaksanaan
dan fungsi dalam bidang administrasi kepegawaian yang efektif dan efisien.
i) Sistem Informasi Profil Daerah
Sistem Informasi Profil Daerah (SIPD) yang dirancang merupakan
perpaduan antara sistem informasi berbasis desktop pada sisi back-end dengan
sistem informasi berbasis web di sisi front-end. Hal ini dimaksudkan untuk
memudahkan operasional sistem, khususnya sewaktu entry data dan cetak
laporan. Dengan penggunaan kedua teknologi tersebut, akan memudahkan
penggunaan SIPD tersebut dalam suatu jaringan client-server, baik yang bersifat
lokal maupun internet.
Tujuannya antara lain : (1) untuk meningkatkan kesadaran dan komitmen
pemerintah daerah akan pentingnya data dan informasi; (2) menyediakan data
secara tepat, cepat dan akurat serta infrastruktur bagi pengambil keputusan di
tingkat daerah dan pusat; (3) meningkatkan kelancaran komunikasi data dan
informasi antar daerah (antar Kab./Kota dengan Provinsi dan antar daerah dengan
pusat); (4) meningkatkan kinerja penyelenggaraan pemerintah daerah.
David Alfa Sunarna Laporan Kerja Praktek
11 PT Air Media Persada
j) Sistem Informasi Perijinan Pengesahan Site Plan
Sistem Informasi Perijinan Pengesahan Site Plan (SIPP Site Plan) yang
dirancang merupakan sistem informasi berbasis web dengan bahasa pemrograman
dan database yang bersifat open source/free, di mana pihak Dinas/Instansi tidak
perlu lagi membeli software-software pendukung guna mengaplikasikan SIPP Site
Plan kami tersebut. Dengan penggunaan teknologiweb, akan memudahkan
penggunaan SIPP Site Plan tersebut dalam suatu jaringan client-server, baik yang
bersifat lokal maupun internet.
Sistem Informasi Perijinan Pengesahan Site Plan (SIPP Site Plan)
merupakan solusi bagi manajemen administrasi perijinan site plan di
Dinas/Instanasi Pemerinatahan. Sistem Informasi Perijinan Pengesahan Site Plan
(SIPP Site Plan) mampu mengintegrasikan proses-proses administrasi perijinan
site plan Dinas/Instansi Pemerintah ke dalam sebuah sistem informasi yang
mampu menyimpan dan mengolah ribuan data pemohon perijinan dari tahun ke
tahun secara sistematis, dengan dukungan teknologi komputer dan perangkat
lunak yang kami sediakan.
David Alfa Sunarna Laporan Kerja Praktek
12 PT Air Media Persada
BAB III
LANDASAN TEORI
3.1 Perjalanan Dinas
Perjalanan dinas mempunyai acuan hukum pada Peraturan Menteri Keuangan
Republik Indonesia Nomor 113/PMK.05/2012. Perjalanan Dinas Dalam Negeri yang
selanjutnya disebut Perjalanan Dinas adalah perjalanan ke luar tempat kedudukan
yang dilakukan dalam wilayah Republik Indonesia untuk kepentingan negara. Surat
Perjalanan Dinas yang selanjutnya disingkat SPD adalah dokumen yang diterbitkan
oleh Pejabat Pembuat Komitmen dalam rangka pelaksanaan Perjalanan Dinas bagi
Pejabat Negara, Pegawai Negeri, Pegawai Tidak Tetap, dan Pihak Lain.
3.2 Sistem Informasi
Sistem informasi dalam suatu pemahaman yang sederhana dapat didefinisikan
sebagai satu sistem berbasis komputer yang menyediakan informasi bagi beberapa
pemakai dengan kebutuhan yang serupa. Para pemakai biasanya tergabung dalam suatu
entity organisasi formal, seperti Departemen atau Lembaga suatu Instansi Pemerintahan
yang dapat dijabarkan menjadi Direktorat, Bidang, Bagian sampai pada unit terkecil
dibawahnya. Informasi menjelaskan mengenai organisasi atau salah satu sistem utamanya
mengenai apa yang telah terjadi di masa lalu, apa yang sedang terjadi sekarang dan apa
yang mungkin akan terjadi dimasa yang akan datang tentang organisasi tersebut
(Sutono,2007).
Istilah sistem informasi menyiratkan suatu pengumpulan data yang terorganisasi
beserta tatacara penggunaanya yang mencakup lebih jauh daripada sekedar penyajian.
Istilah tersebut menyiratkan suatu maksud yang ingin dicapai dengan jalan memilih dan
mengatur data serta menyusun tatacara penggunaannya. Keberhasilan suatu sistem
informasi yang diukur berdasarkan maksud pembuatannya tentu bergantung pada tiga
faktor utama yaitu (1) keserasian dan mutu data, (2) pengorganisasian data, dan (3) tata
cara penggunaannya (Sutono, 2007)
David Alfa Sunarna Laporan Kerja Praktek
13 PT Air Media Persada
Sistem informasi adalah suatu tipe khusus dari sistem kerja yang fungsi internalnya
terbatas pada pemrosesan informasi dengan melakukan enam tipe operasi: menangkap
(capturing), mentransmisikan (transmitting), menyimpan (storing), mengambil
(retrieving), memanipulasi (manipulating), dan menampilkan (displaying) informasi
(Kristianto, 2011).
3.3 Basis Data (Database)
Basis data dapat diartikan sebagai kumpulan data tentang suatu benda atau kejadian
yang saling berhubungan satu sama lain. Sedangkan data merupakan fakta yang mewakili
suatu objek seperti manusia, hewan, peristiwa, keadaan dan lain sebagainya yang dapat
dicatat dan mempunyai arti yang implisit. Data dicatat atau direkam dalam bentuk angka,
huruf, simbol, gambar, bunyi, atau kombinasinya (Kristanto, 1993).
Sistem manajemen basisdata adalah sistem yang berbentuk suatu rangkaian dari
metode yang memungkinkan pemberian definisi, penciptaan, perubahan, pembacaan,
pengendalian, pemeliharaan, dan perlindungan terhadap basis data. Beberapa
definisi yang harus dipahami dalam konsep dan perancangan basis data adalah antara lain
(Kristanto, 1993) :
a. Kesatuan (entity)
Kesatuan (entity) adalah orang, tempat kejadian atau konsep yang informasinya
direkam pada basisdata.
b. Atribut (atribute)
Atribut merupakan item data yang menjadi bagian dari suatu kesatuan (entity).
c. Rekaman atau catatan (record)
Rekaman atau catatan (record) adalah suatu kumpulan elemen yang saling berkaitan
yang saling menginformasikan tentang suatu kesatuan (entity) secara lengkap. Satu
rekaman atau catatan mewakili satu data atau satu informasi.
d. Berkas (file)
Berkas (file) adalah kumpulan rekaman atau catatan (record) sejenis yang mempunyai
elemen yang sama, namun berbeda-beda nilai datanya.
e. Hubungan (relationship)
David Alfa Sunarna Laporan Kerja Praktek
14 PT Air Media Persada
Hubungan (relationship) adalah asosiasi yang terjadi antara dua kesatuan.
3.4 Functional Requirement
Functional Requirement merupakan penjelasan tentang layanan yang perlu
disediakan oleh sistem, bagaimana sistem menerima dan mengolah masukan, dan
bagaimana sistem mengatasi situasi-situasi tertentu (Kristanto, 2003). Selain itu kadang-
kadang juga secara jelas menentukan apa yang tidak dikerjakan oleh sistem.
Functional requirement menggambarkan system requirement secara detil seperti
input, output dan pengecualian yang berlaku. Contoh dalam kasus peminjaman buku di
perpustakaan:
Pengguna bisa mencari semua informasi tentang buku atau bisa memilih salah satu
dari informasi tentang buku.
Semua peminjam memiliki pengenal yang unik.
Sistem mampu catat transaksi peminjaman, pengembalian dan denda secara lengkap.
Hari libur bisa di-set sejak awal, dan bisa menerima perubahan dengan otoritas
khusus.
Harus komplit (kebutuhan layanan jelas dan lengkap) dan konsisten (tidak kontradiksi
dengan yang didefinisikan).
3.5 Non-functional Requirement
Non-functional Requirement secara umum berisi batasan-batasan pada pelayanan
atau fungsi yang disediakan oleh sistem (Kristanto, 2003). Termasuk di dalamnya adalah
batasan waktu, batasan proses pembangunan, standar-standar tertentu. Karena berkaitan
dengan kebutuhan sistem secara keseluruhan,maka kegagalan memenuhi kebutuhan jenis
ini berakibat pada sistem secara keseluruhan. Contoh kebutuhan jenis ini adalah kecepatan
akses, keamanan data, besarnya kapasitas penyimpanan yang diperlukan, privasi masing-
masing profil /account, bahasa pemrograman yang digunakan, sistem operasi yang
digunakan.
Non functional requirement dibagi menjadi 3 tipe yaitu:
David Alfa Sunarna Laporan Kerja Praktek
15 PT Air Media Persada
Product requirement
Berkaitan dengan kehandalan, kecepatan, kemudahan digunakan, kapasitas memori
yang dibutuhkan dan efisiensi sistem.
Organisational requirement
Berkaitan dengan standar, bahasa pemrograman dan metode rancangan yang
digunakan.
External requirement
Berkaitan dengan masalah etika penggunaan, interoperabilitas dengan sistem lain,
legalitas, dan privasi.
3.6 Entity-relationship Diagram (ERD)
Menurut salah satu para ahli, Brady dan Loonam (2010), Entity Relationship
Diagram (ERD) merupakan teknik yang digunakan untuk memodelkan kebutuhan data
dari suatu organisasi, biasanya oleh analis sistem dalam tahap analisis persyaratan proyek
pengembangan sistem. Sementara seolah-olah teknik diagram atau alat peraga
memberikan dasar untuk desain database relasional yang mendasari sistem informasi yang
dikembangkan. ERD bersama-sama dengan detail pendukung merupakan model data yang
pada gilirannya digunakan sebagai spesifikasi untuk database.
Dalam pembentukan ERD terdapat 3 komponen yang akan dibentuk yaitu :
a. Entity
Pada post sebelumnya mengenai basis data telah dijelaskan sedikit tentang pengertian
entity (entity) yaitu suatu obyek yang dapat dibedakan dari lainnya yang dapat
diwujudkan dalam basis data. Pengertian lainnya menurut Brady dan Loonam (2010),
entity adalah objek yang menarik di bidang organisasi yang dimodelkan.
Contoh : Mahasiswa, Kartu Anggota Perpustakaan (KAP), dan Buku.
b. Hubungan (relasi/relationship)
Suatu hubungan adalah hubungan antara dua jenis entity dan direpresentasikan
sebagai garis lurus yang menghubungkan dua entity.
Contoh : Mahasiswa mendaftar sebagai anggota perpustakaan (KAP), relasinya
adalah mendaftar.
David Alfa Sunarna Laporan Kerja Praktek
16 PT Air Media Persada
c. Atribut
Atribut memberikan informasi lebih rinci tentang jenis entity. Atribut memiliki
struktur internal berupa tipe data. Jenis-jenis atribut :
Atribut Key
Atribut Key adalah satu atau gabungan dari beberapa atribut yang dapat
membedakan semua baris data ( Row/Record ) dalam tabel secara unik.
Dikatakan unik jika pada atribut yang dijadikan key tidak boleh ada baris data
dengan nilai yang sama
Contoh : Nomor Pokok Mahasiswa (NPM), NIM dan nomor pokok lainnya
Atribut simple
Atribut yang bernilai atomic, tidak dapat dipecah/ dipilah lagi
Contoh : Alamat, penerbit, tahun terbit, judul buku.
Atribut Multivalue
Nilai dari suatu attribute yang mempunyai lebih dari satu (multivalue) nilai dari
atrribute yang bersangkutan
Contoh : dari sebuah buku, yaitu terdapat beberapa pengarang.
Atribut Composite
Atribut composite adalah suatu atribut yang terdiri dari beberapa atribut yang
lebih kecil yang mempunyai arti tertentu yang masih bisah dipecah lagi atau
mempunyai sub attribute.
Contoh : dari entity nama yaitu nama depan, nama tengah, dan nama belakang
Atribut Derivatif
Atribut yang tidak harus disimpan dalam database Ex. Total. atau atribut yang
dihasilkan dari atribut lain atau dari suatu relationship. Atribut ini dilambangkan
dengan bentuk oval yang bergaris putus-putus
Derajat relasi atau kardinalitas rasio menjelaskan jumlah maksimum hubungan
antara satu entity dengan entity lainnya
1. One to One (1:1)
Setiap anggota entity A hanya boleh berhubungan dengan satu anggota entity B, begitu
pula sebaliknya.
David Alfa Sunarna Laporan Kerja Praktek
17 PT Air Media Persada
2. One to many (1:M / Many)
Setiap anggota entity A dapat berhubungan dengan lebih dari satu anggota entity B
tetapi tidak sebaliknya.
3. Many to Many (M:M)
Setiap entity A dapat berhubungan dengan banyak entity himpunan entity B dan
demikian pula sebaliknya
Simbol-simbol untuk membuat diagram ERD:
Tabel 3.1 Simbol-Simbol pada ERD (Brady&Loonam, 2010)
Notasi Arti
1. Entity
2. Weak Entitiy
3. Relationship
4. Identifying Relationship
5. Atribut
6. Atribut Primary Key
7. Atribut Multivalue
8. Atribut Derivatif
3.7 Data Flow Diagram
Menurut Kristanto (2003) Data Flow Diagram (DFD) adalah suatu model logika
data atau proses yang dibuat untuk menggambarkan dari mana asal data dan kemana
tujuan data yang keluaran dari sistem, dimana data di simpan, proses apa yang
menghasilkan data tersebut, dan interaksi antara data yang tersimpan dan proses yang
dikenankan pada data tersebut. Dengan demikian data flow diagram adalah alat yang
David Alfa Sunarna Laporan Kerja Praktek
18 PT Air Media Persada
digunakan untuk menggambarkan aliran data melalui sistem dan kerja atau pengolahan
yang dilakukan oleh sistem tersebut.
Simbol-sombol yang digunakan di DFD mewakili maksud tertentu, yaitu:
1. External Entity (kesatuan Luar) atau Boundary (batas sistem)
Setiap sistem pasti memiliki batas sistem (boundary) yang memisahkan suatu sistem
dengan lingkungan luarnya. Kesatuan luar (external entity) merupakan kesatuan di
lingkungan luar sistem yang dapat berupa orang, organisasi atau sistem lainya yang
berada di lingkungan luarnya yang memberikan input atau menerima output dari
sistem.
2. Data flow (arus data)
Arus data di DFD diberi simbol panah. Arus data ini mengalir diantara proses,
simpanan, dan kesatuan luar.
3. Process (proses)
Suatu proses adalah kegiatan atau kerja yang dilakukan oleh orang, mesin atau
komputer dari hasil suatu arus data yang masuk ke dalam proses untuk dihasilkan arus
data yang akan keluar dari proses.
4. Data store (simpanan data)
Simpanan data (data store) merupakan simpanan dari data yang dapat berupa suatu
file atau database di komputer, suatu arsip atau catatan manual dan lain sebagainya.
Terdapat 4 (empat simbol dasar untuk perwakilan tertentu dalam membuat DFD,
yaitu simbol entity, aliran data, proses dan data storage.
David Alfa Sunarna Laporan Kerja Praktek
19 PT Air Media Persada
Tabel 3.2 Simbol-Simbol pada ERD beserta contohnya (Kristanto, 2003)
3.8 PHP
PHP adalah singkatan dari "PHP: Hypertext Prepocessor", yaitu bahasa
pemrograman yang digunakan secara luas untuk penanganan pembuatan dan
pengembangan sebuahsitus web dan bisa digunakan bersamaan dengan HTML. PHP
diciptakan oleh Rasmus Lerdorf pertama kali tahun 1994. Pada awalnya PHP adalah
singkatan dari "Personal Home Page Tools". Selanjutnya diganti menjadi FI ("Forms
Interpreter"). Sejak versi 3.0, nama bahasa ini diubah menjadi "PHP: Hypertext
Prepocessor" dengan singkatannya "PHP". PHP versi terbaru adalah versi ke-5.
Berdasarkan survey Netcraft pada bulan Desember 1999, lebih dari sejuta site
menggunakan PHP, di antaranya adalah NASA, Mitsubishi, dan RedHat (PHP, 2014).
Berikut adalah contoh program yang menampilkan huruf “Hello Word” yang ditulis
dalam php:
David Alfa Sunarna Laporan Kerja Praktek
20 PT Air Media Persada
Berikut ini adalah contoh program yang relatif lebih kompleks yang ditulis dengan
menggunakan PHP. Contoh program ini adalah program untuk menampilkan 20 bilangan
pertama dari deret bilangan Fibonacci.terdapat beberapa variable atau sintax, seperti
function dan merupakan bagian dari javascript.
Beberapa kelebihan PHP dari bahasa pemrograman web, antara lain (Zend, 2014):
1. Bahasa pemrograman PHP adalah sebuah bahasa script yang tidak melakukan
sebuah kompilasi dalam penggunaannya.
2. Web Server yang mendukung PHP dapat ditemukan dimana - mana dari mulai
apache, IIS, Lighttpd, hingga Xitami dengan konfigurasi yang relatif mudah.
3. Dalam sisi pengembangan lebih mudah, karena banyaknya milis - milis dan
developer yang siap membantu dalam pengembangan.
4. Dalam sisi pemahamanan, PHP adalah bahasa scripting yang paling mudah karena
memiliki referensi yang banyak.
5. PHP adalah bahasa open source yang dapat digunakan di berbagai mesin (Linux,
Unix, Macintosh, Windows) dan dapat dijalankan secara runtime melalui console
serta juga dapat menjalankan perintah-perintah system.
3.9 Hypertext Markup Languange (HTML)
HyperText Markup Language (HTML) adalah sebuah bahasa markah yang
digunakan untuk membuat sebuah halaman web, menampilkan berbagai informasi di
dalam sebuah penjelajah web Internet dan pemformatan hiperteks sederhana yang ditulis
David Alfa Sunarna Laporan Kerja Praktek
21 PT Air Media Persada
dalam berkas format ASCII agar dapat menghasilkan tampilan wujud yang terintegerasi.
Dengan kata lain, berkas yang dibuat dalam perangkat lunak pengolah kata dan disimpan
dalam format ASCII normal sehingga menjadi halaman web dengan perintah-perintah
HTML. Bermula dari sebuah bahasa yang sebelumnya banyak digunakan di dunia
penerbitan dan percetakan yang disebut denganSGML (Standard Generalized Markup
Language), HTML adalah sebuah standar yang digunakan secara luas untuk menampilkan
halaman web. HTML saat ini merupakan standar Internet yang didefinisikan dan
dikendalikan penggunaannya oleh World Wide Web Consortium (W3C). HTML dibuat
oleh kolaborasi Caillau TIM dengan Berners-lee Robert ketika mereka bekerja di CERN
pada tahun 1989. CERN adalah lembaga penelitian fisika energi tinggi di Jenewa
(Williard, 2006).
HTML dokumen tersebut mirip dengan dokumen tulisan biasa, hanya dalam
dokumen ini sebuah tulisan bisa memuat instruksi yang ditandai dengan kode atau lebih
dikenal dengan TAG tertentu. Sebagai contoh jika ingin membuat tulisan ditampilkan
menjadi tebal seperti: TAMPIL TEBAL, maka penulisannya dilakukan dengan cara: <
b> TAMPIL TEBAL</b>. Tanda < b> digunakan untuk mengaktifkan instruksi cetak
tebal, diikuti oleh tulisan yang ingin ditebalkan, dan diakhiri dengan tanda </b> untuk
menonaktifkan cetak tebal tersebut. HTML lebih menekankan pada penggambaran
komponen-komponen struktur dan format di dalam halaman web daripada menentukan
penampilannya. Sedangkan penjelajah web digunakan untuk menginterpretasikan
susunan halaman ke gaya built-in penjelajah web dengan menggunakan jenis tulisan, tab,
warna, garis, dan perataan text yang dikehendaki ke komputer yang menampilkan
halaman web. Salah satu hal Penting tentang eksistensi HTML adalah tersedianya Lingua
franca (bahasa Komunikasi) antar komputer dengan kemampuan berbeda.
Pengguna Macintosh tidak dapat melihat tampilan yang sama sebagaimana tampilan yang
terlihat dalam pc berbasis Windows. Pengguna Microsoft Windows pun tidak akan dapat
melihat tampilan yang sama sebagaimana tampilan yang terlihat pada pengguna yang
menggunakan Produk-produk Sun Microsystems. namun demikian pengguna-pengguna
tersebut dapat melihat semua halaman web yang telah diformat dan
berisi Grafika dan Pranala (Andi, 2001).
David Alfa Sunarna Laporan Kerja Praktek
22 PT Air Media Persada
Secara garis besar terdapat 4 jenis elemen dari HTML:
1. Struktural. Tanda yang menentukan level atau tingkatan dari sebuah tulisan
(contoh, < h1> Golf</h1> akan memerintahkan peramban untuk menampilkan "Golf"
sebagai tulisan tebal besar yang menunjukkan sebagai Heading 1
2. Presentasional. Tanda yang menentukan tampilan dari sebuah tulisan tidak peduli
dengan level dari tulisan tersebut (contoh, < b> boldface</b> akan
menampilkan bold. Tanda presentasional saat ini sudah mulai digantikan
oleh CSS dan tidak direkomendasikan untuk mengatur tampilan tulisan,
3. Hiperteks. Tanda yang menunjukkan pranala ke bagian dari dokumen tersebut atau
pranala ke dokumen lain (contoh, < a href="http://www.wikipedia.org/">
Wikipedia</a> akan menampilkan Wikipedia sebagai
sebuah hyperlink ke URLtertentu),
4. Elemen widget yang membuat objek-objek lain seperti tombol (< button>), list (<
li>), dan garis horizontal (< hr>). Konsep hypertext pada HTML memungkinkan
pembuatan link pada suatu kelompok kata atau frasa untuk menuju ke bagian
manapun dalam World Wide Web,
Berikut adalah contoh dari dokumen HTML sederhana beserta bagian-bagiannya.
1. Head
Dokumen HTML diapit oleh tag < HEAD></HEAD>. Di dalam bagian ini biasanya
dimuat tag TITLE yang menampilkan judul halaman pada titlenya browser. Selain itu
Bookmark juga menggunakan tag TITLE untuk memberi mark suatu web site.
Browser menyimpan “title” sebagai bookmark dan juga untuk keperluan pencarian
(searching) biasanya title digunakan sebagai keyword. Header juga memuat tag
META yang biasanya dapat digunakan untuk menentukan informasi tertentu
David Alfa Sunarna Laporan Kerja Praktek
23 PT Air Media Persada
mengenai document HTML. Anda bisa menentukan author name, keywords, dan
lainnya pada tag META.
Contoh:
2. Elemen Body
Bagian BODY, yang dinyatakan dengan tag < BODY>…</BODY>, merupakan
tubuh atau isi dari dokumen HTML dimana anda meletakan informasi yang akan
ditampilkan pada browser.
3. Tag
HTML tidak membedakan penggunaan huruf besar ataupun huruf kecil dari suatu
elemen. Suatu elemen HTML terdiri dari tag-tag beserta teks yang ada dalam tag-tag
tersebut. Tag ini dinyatakan dengan tanda lebih kecil (<) dan tanda lebih besar (>).
Tag biasanya merupakan suatu pasangan yang disebut dengan:
Tag awal, dinyatakan dalam bentuk <nama tag>
Tag akhir, dinyatakan dalam bentuk </nama tag>
Formatnya: <nama tag> teks yang ditampilkan </nama tag>.
Contoh: untuk menampilkan teks dalam format teks miring Teks ini terlihat miring di
browser anda dengan perintah HTML < i>Teks ini terlihat miring di browser
Anda</i>
4. Atribut
Tag awal bisa memiliki beberapa buah atribut yang menyatakan karakteristik dari tag
tersebut. Misalnya, <P ALIGN=”left”>digunakan untuk membuat rata kiri suatu
paragraf. Tag yang digunakan adalah <P> dan atribut yang menyertainya adalah
ALIGN dengan nilai left. Nilai atribut ALIGN hanya bisa berupa center, left, right
atau justify.
David Alfa Sunarna Laporan Kerja Praktek
24 PT Air Media Persada
BAB IV
DESAIN DAN IMPLEMENTASI
4.1 Kebutuhan Perangkat Lunak
4.1.1 Requirement Analysis / Deskripsi Umum Sistem
Peraturan Menteri Keuangan Republik Indonesia Nomor 113/PMK.05/2012 BAB
IX Pasal 34 mengatur tentang pertanggungjawaban perjalanan dinas. Pelaksana Surat
Perjalanan Dinas (SPD) mempertanggungjawabkan pelaksanaan Perjalanan Dinas
kepada pemberi tugas dan biaya Perjalanan Dinas kepada Pejabat Pembuat
Komitmen (PPK) paling lambat 5 (lima) hari kerja setelah Perjalanan Dinas
dilaksanakan. Pertanggungjawaban biaya Perjalanan Dinas Jabatan harus melampirkan
dokumen berupa:
1. Surat Tugas yang sah dari atasan Pelaksana SPD;
2. SPD yang telah ditandatangani oleh PPK dan pejabat di tempat pelaksanaan
perjalanan Dinas atau pihak terkait yang menjadi Tempat Tujuan Perjalanan
Dinas;
3. tiket pesawat, boarding pass, airport tax, retribusi, dan bukti pembayaran moda
transportasi lainnya;
4. Daftar Pengeluaran Riil sesuai dengan format sebagaimana tercantum dalam
Lampiran IX yang merupakan bagian tidak terpisahkan dari Peraturan Menteri
ini;
5. bukti pembayaran yang sah untuk sewa kendaraan dalam Kota berupa kuitansi
atau bukti pembayaran lainnya yang dikeluarkan oleh badan usaha yang
bergerak di bidang jasa penyewaan kendaraan; dan
6. bukti pembayaran hotel atau tempat menginap lainnya.
Perangkat lunak prototype Sistem Informasi Monitoring Perjalanan Dinas
digunakan untuk memantau dan melaporkan Perjalanan Dinas yang dilakuan oleh
Pegawai Negeri Sipil (PNS) berdasarkan peraturan diatas. Aplikasi ini berkaitan
dengan entity pegawai. Sistem aplikasi ini juga merupakan suatu database aplikasi
yang menyimpan dokumen dan bukti terkait Perjalanan Dinas yang dibutuhkan untuk
David Alfa Sunarna Laporan Kerja Praktek
25 PT Air Media Persada
mempertanggungjawabkan perjalanan dinas. Seorang pegawai melakukan Perjalanan
Dinas dan mengunggah dokumen bukti terkait Perjalanan Dinas yang dilakukannya.
Dokumen Perjalanan Dinas yang harus diupload sudah disebutkan pada peraturan
menteri diatas. Semua dokumen dan bukti tersebut dikumpulkan menjadi satu
kemudian dikompresi menjadi ekstensi berbentuk *.rar atau *.zip.
Instansi bersangkutan yang menggunakan rancangan aplikasi ini mendapatkan
seluruh informasi yang ada pada aplikasi ini. Sistem informasi ini juga membantu
pegawai untuk melihat jadwal Perjalanan Dinas dan rincian/susunan acara Perjalanan
Dinas yang ditugaskan kepadanya.
4.1.2 Fungsi Utama Perangkat Lunak
Gambar 4.1 Context Diagram
Tahapan pertama dalam proses penggambaran sistem adalah membuat DFD
tingkat 0 atau sering disebut juga Context Diagram. Context Diagram menggambarkan
sistem secara garis besar, beserta keterkaitannya dengan entity diluar sistem atau
external entity seperti keterkaitannya dengan pengguna. Pada CD Sistem Monitoring
Perjalanan Dinas, admin dan pegawai sama-sama melakukan akses ke sistem. Admin
berperan memberikan akun dan kegiatan yang dilakukan pegawai sehingga pegawai
bisa melihat jadwal dan profilnya. Kemudian pegawai berperan untuk melaporkan
kegiatan yang sudah dilaksanakan ke sistem. Setelah itu kemudian admin akan
memberikan validasi terhadap kegiatan Perjalanan Dinas yang sudah dilaporkan user.
Tujuan dari pengembangan prototype Sistem Informasi Monitoring Perjalanan
Dinas adalah untuk menciptakan sebuah sistem yang dapat mengelola Perjalanan Dinas
di suatu instansi. Dan berikut adalah detail dari fungsi utama dari sistem ini dalam
bentuk tabel:
David Alfa Sunarna Laporan Kerja Praktek
26 PT Air Media Persada
Tabel 4.1 Fungsi Utama Perangkat Lunak
No Keterangan
1 Admin dan Pegawai dapat melihat jadwal Perjalanan Dinas
2 Admin dapat menambah Perjalanan Dinas
3 Admin dapat menghapus Perjalanan Dinas
4 Admin dapat menyunting Perjalanan Dinas
5 Admin dapat memvalidasi Perjalanan Dinas
6 Admin dapat menambah Pegawai
7 Admin dapat melihat daftar Pegawai
8 Admin dapat menghapus Pegawai
9 Pegawai dapat melihat Perjalanan Dinas yang terkait dengannya
10 Pegawai dapat melaporkan Perjalanan Dinas yang terkait
dengannya
11 Pegawai dapat melihat profilnya
12 Sistem dapat mengimpor dan mengekspor data pegawai ke
dalam bentuk csv
4.1.3 Spesifikasi Tambahan
1. Usability
User interface system ini dapat diakses di OS Windows dan Linux
menggunakan browser Google Chrome, Mozilla Firefox, dan Opera.
2. Realibility
Sistem ini dapat diakses dalam 24 jam. Untuk maintenance dan update data
dilakukan dalam 4 kali dalam setahun.
3. Design Constrains (Portability)
- Responsive web – based application
- Sistem melakukan update 4 kali dalam setahun
- Sistem dapat berjalan di OS Windows dan Linux
- Sistem dapat berjalan di perambah Google Chrome, Mozilla Firefox, Opera
4. Security
Tidak dapat dilakukan sql injection pada sistem ini.
David Alfa Sunarna Laporan Kerja Praktek
27 PT Air Media Persada
Tabel 4.2 Kebutuhan Non Fungsional Perangkat Lunak
No Keterangan
1 Responsive mobile and desktop web based application
2 Sistem dapat berjalan di OS Windows, Linux
3 Sistem dapat berjalan di perambah Google Chrome, Mozilla Firefox,
Opera, IE
4 Sistem membutuhkan akses internet
5 Pegawai dan Admin log in menggunakan email dan password
6 Guest tidak dapat melakukan fungsi log in
7 User dapat melakukan fungsi logout
4.1.4 Model Proses
1. Entitas
Tabel 4.3 Entitas
No Entitas Deskripsi
1 Pegawai Pegawai adalah aktor utama dalam sistem ini. Pegawai
dapat melihat profilnya, melihat jadwal dan susunan acara
Perjalanan Dinas secara keseluruhan. Pegawai juga dapat
melihat jadwal dan detail Perjalanan Dinas yang berkaitan
dengannya kemudian melaporkan pelaksanaan kegiatan
tersebut ke sistem. Pegawai harus didaftarkan oleh admin
agar bisa melakukan log in ke dalam sistem.
David Alfa Sunarna Laporan Kerja Praktek
28 PT Air Media Persada
Tabel 4.3 Lanjutan
No Entitas Deskripsi
2 Admin Admin adalah user yang dapat melihat jadwal, melihat
susunan acara Perjalanan Dinas, menambah Perjalanan
Dinas, menambah susunan acara Perjalanan Dinas,
menghapus Perjalanan Dinas, menghapus susunan acara
Perjalanan Dinas, menyunting Perjalanan Dinas, dan
menyunting susunan acara Perjalanan Dinas. Admin juga
dapat memvalidasi laporan pelaksanaan detail kegiatan
Perjalanan Dinas yang dilakukan oleh Pegawai sehingga
begitu semua detail kegiatan divalidasi maka dianggap
kegiatan Perjalanan Dinas tersebut sudah betul-betul
dilaksanakan.
3 User User merupakan sebutan bagi pengguna sistem yang telah
melakukan log in. User yang dimaksud disini adalah Admin
dan Pegawai.
2. Deskripsi Proses
Tabel 4.4 Deksripsi Proses Monitoring Perjalanan Dinas
No Data Flow Deskripsi
1 Melihat Perjalanan
Dinas
Proses melihat Perjalanan Dinas oleh Admin dan
Pegawai yang terdiri dari nama kegiatan, tempat
kegiatan, tanggal kegiatan, lama kegiatan, dan
rincian kegiatan. Khusus untuk admin dapat
melihat apakah dokumen terkait Perjalanan Dinas
tersebut sudah dilaporkan oleh pegawai yang
bertanggung jawab atau belum. Admin juga dapat
melihat siapa penanggung jawab kegiatan dan
hubungan kegiatan dengan kegiatan sebelumnya.
David Alfa Sunarna Laporan Kerja Praktek
29 PT Air Media Persada
Tabel 4.4 Lanjutan
No Data Flow Deskripsi
2 Menambah
Perjalanan Dinas
Proses menambah Perjalanan Dinas oleh Admin.
Terdiri dari nama kegiatan, tempat kegiatan,
tanggal kegiatan (mulai dan akhir), lama kegiatan,
rincian kegiatan, hubungan kegiatan, dan siapa
pegawai yang bertanggung jawab untuk
melaporkan berkas berkas Perjalanan Dinas.
3 Menghapus
Perjalanan Dinas
Proses menghapus kegiatan Perjalanan Dinas
berdasarkan nomor identity kegiatan Perjalanan
Dinas. Setelah dihapus maka semua detail kegiatan
dan pegawai yang berhubungan akan dihapus.
Dapat dilakukan oleh Admin.
4 Menyunting Jadwal
Perjalanan Dinas
Proses menyunting Perjalanan Dinas berdarkan
nomor identity dan status validasi kegiatan
Perjalanan Dinas. Proses ini hanya dapat dilakukan
oleh Admin. Admin juga dapat mengganti pegawai
yang bertanggung jawab dan hubungan Perjalanan
Dinas.
5 Memvalidasi
Perjalanan Dinas
Jika semua dokumen acara dan bukti foto kegiatan
Perjalanan Dinas sudah diperiksa dan dinyatakan
valid atau dinyatakan benar-benar dilaksanakan
maka Admin dapat memvalidasi Perjalanan Dinas
yang berkaitan.
6 Menambah Pegawai
yang dapat log in
Admin dapat menambah pegawai yang dapat
masuk ke sistem.
David Alfa Sunarna Laporan Kerja Praktek
30 PT Air Media Persada
Tabel 4.4 Lanjutan
No Data Flow Deskripsi
7 Melihat daftar
pegawai
Admin dapat melihat keseluruhan daftar pegawai,
pegawai yang dapat masuk ke dalam sistem,
maupun pegawai yang tidak bisa masuk ke dalam
sistem.
8 Menghapus daftar
pegawai
Admin dapat menghapus data email dan password
pegawai sehingga pegawai yang berkaitan tidak
dapat masuk ke dalam sistem.
9 Melihat Perjalanan
Dinas Terkait
Pegawai dapat melihat Perjalanan Dinas yang
menjadi tanggung jawabnya dan statusnya.
10 Melaporkan
Perjalanan Dinas
Terkait
Pegawai dapat melaporkan Perjalanan Dinas yang
ditempuhnya. Yang dilaporkan adalah daftar hadir
kegiatan yang sudah discan, bukti tiket perjalanan,
surat tugas Perjalanan Dinas, foto bukti Perjalanan
Dinas, dll. Semua dokumen dan bukti tersebut
dikumpulkan menjadi satu kemudian dikompresi
menjadi ekstensi berbentuk *.rar atau *.zip
kemudian diupload ke dalam sistem.
11 Melihat Profil Pegawai dapat melihat profil dirinya yang sudah
ada di database karyawan yang terdiri dari nomor
pegawai, nama, alamat, telepon, email yang
didaftarkan, dan jabatan.
12 Sistem mengimpor
daftar pegawai
Sistem dapat mengimpor data pegawai dari file
berekstensi *.csv.
David Alfa Sunarna Laporan Kerja Praktek
31 PT Air Media Persada
Tabel 4.5 Dekomposisi Kebutuhan Fungsional
No Fungsi Modul Tabel Input Tabel Output
1 Admin dan
Pegawai
dapat
melihat
jadwal
Perjalanan
Dinas
Melihat
Perjalanan
Dinas
id_kegiatan nama, tempat,
lama_kegiatan,
tanggal_mulai,
tanggal_akhir,
rincian, validasi
(admin), dilaksanakan
(admin), id_kegiatan
referensi (admin),
id_file (admin),
id_file(admin)
2 Admin
dapat
menambah
Perjalanan
Dinas
Menambah
Perjalanan
Dinas
nama, tempat,
lama_kegiatan,
tanggal_mulai,
tanggal_akhir,
penanggung_jawab,
rincian,
id_kegiatan_referensi
id_kegiatan,
3 Admin
dapat
menghapus
Perjalanan
Dinas
Menghapus
Perjalanan
Dinas
id_kegiatan -
David Alfa Sunarna Laporan Kerja Praktek
32 PT Air Media Persada
Tabel 4.5 Lanjutan
No Fungsi Modul Tabel Input Tabel Output
4 Admin
dapat
menyuntin
g
Perjalanan
Dinas
Menyunting
Perjalanan
Dinas
id_kegiatan, nama,
tempat,
lama_kegiatan,
tanggal_mulai,
tanggal_akhir,
penaggung_jawab,
rincian,
id_kegiatan_referensi
, validasi
id_kegiatan, nama,
tempat,
lama_kegiatan,
tanggal_mulai,
tanggal_akhir,
penanggung_jawab,
validasi,
dilaksanakan,
rincian,
id_kegiatan_referens
i
5 Admin
dapat
memvalida
si
Perjalanan
Dinas
Memvalidas
i Perjalanan
Dinas
id_kegiatan, id_file validasi
6 Admin
dapat
menambah
akun
Pegawai
Menambah
Pegawai
email, password, np
(nomor pegawai)
id_user
7 Admin
dapat
melihat
daftar akun
Pegawai
Melihat
Daftar
Pegawai
id_user, np (nomor
pegawai)
email, , nama,
alamat, telepon,
jabatan, foto, statistik
David Alfa Sunarna Laporan Kerja Praktek
33 PT Air Media Persada
Tabel 4.5 Lanjutan
No Fungsi Modul Tabel Input Tabel Output
8 Admin
dapat
menghapus
akun
Pegawai
Menghapus
Pegawai
id_user -
9 Pegawai
dapat
melihat
Perjalanan
Dinas yang
terkait
dengannya
Melihat
Perjalanan
Dinas
Terkait
id_kegiatan, id_user nama, tempat,
lama_kegiatan,
tanggal_mulai,
tanggal_akhir,
validasi,
dilaksanakan, rincian,
id_kegiatan_referensi,
id_file
10 Pegawai
dapat
melaporkan
Perjalanan
Dinas yang
terkait
dengannya
Melaporkan
Perjalanan
Dinas
id_kegiatan, dokumen id_file
11 Pegawai
dapat
melihat
profilnya
Melihat
Profil
id_user, np (nomor
pegawai)
email, , nama, alamat,
telepon, jabatan,
statistik
David Alfa Sunarna Laporan Kerja Praktek
34 PT Air Media Persada
Tabel 4.5 Lanjutan
No Fungsi Modul Tabel Input Tabel Output
12 Sistem dapat
mengimpor
dan
mengekspor
data
pegawai ke
dalam
bentuk csv
Mengimpor
data pegawai
daftar pegawai dari
spreadsheet
berekstensi .csv
np (nomor pegawai),
nama, alamat, telepon,
jabatan
4.2 Data Flow Diagram
4.2.1. Hierarki Proses
Berdasarkan Context Diagram (CD) yang telah dijabarkan diawal maka bisa
dibentuk suatu hierarki proses untuk admin dan pegawai yang nantinya akan
dilanjutkan dengan analisa Data Flow Diagram (DFD).
Gambar 4.2 Hierarki Proses Admin
David Alfa Sunarna Laporan Kerja Praktek
35 PT Air Media Persada
Gambar 4.3 Hierarki Proses Pegawai
4.2.2. Data Flow Diagram Level 1
Gambar 4.4 DFD Level 1
David Alfa Sunarna Laporan Kerja Praktek
36 PT Air Media Persada
Data Flow Diagram yang digambarkan diatas terdiri dari enam proses.
1. Proses Mengimport Pegawai
Proses ini hanya dapat dilakukan oleh admin. Pada proses ini input yang
dimasukkan berupa data biodata pegawai. Perlu diketahui bahwa inputan np
dari proses diatas mempunyai arti nomor pegawai. Hasil dari proses ini adalah
daftar pegawai yang tersimpan di dalam pegawai.
2. Proses Menambah User
Proses ini hanya dapat dilakukan oleh admin. Pada proses ini input yang
dimasukkan berupa email dan password ke data pegawai. Hasil dari proses ini
adalah pegawai yang sudah mempunyai akun (id_user, email, dan password)
untuk dapat masuk ke dalam sistem.
3. Proses Mengelola Kegiatan
Proses ini hanya dapat dilakukan oleh admin. Pada proses ini admin
melakukan pengelolaan kegiatan seperti menambah, menyunting, menghapus,
dan membatalkan. Pada proses ini input yang dimasukkan berupa nomor
identity (id) dari kegiatan Perjalanan Dinas. Hasil dari proses ini adalah jadwal
kegiatan Perjalanan Dinas beserta user yang bertanggung jawab untuk
melaporkan.
4. Proses Melihat
Proses ini dapat dilakukan oleh admin dan pegawai. Pada proses ini admin dan
pegawai memilih menu yang telah disediakan untuk melihat kegiatan. Hasil
dari proses ini adalah tampilan daftar kegiatan Perjalanan Dinas.
5. Proses Mengupload Dokumen
Proses ini hanya dapat dilakukan oleh pegawai. Pada proses ini pegawai
mengunggah dokumen kegiatan yang menjadi tanggung jawabnya. Proses ini
input yang dimasukkan file. Hasil dari proses ini adalah rincian file yang
diupload pegawai seperti nama, detail, lokasi penyimpanan, dan tanggal user
melakukan upload.
David Alfa Sunarna Laporan Kerja Praktek
37 PT Air Media Persada
6. Proses Validasi Kegiatan
Proses ini hanya dapat dilakukan oleh admin. Setelah pegawai melakukan
upload, admin dapat mengunduh file tersebut. Proses ini input yang
dimasukkan berupa persetujuan validasi kegiatan. Hasil dari proses ini adalah
kegiatan Perjalanan Dinas yang sudah tervalidasi dan dianggap sudah benar-
benar dilaksanakan.
4.2.3. Data Flow Diagram Level 2
DFD Level 2 untuk proses mengelola kegiatan terdiri dari empat proses utama
yaitu: menambah kegiatan, menyunting kegiatan, menghapus kegiatan, dan
membatalkan kegiatan.
Gambar 4.5 DFD Level 2 Mengelola Kegiatan
David Alfa Sunarna Laporan Kerja Praktek
38 PT Air Media Persada
Masing-masing rincian prosesnya adalah sebagai berikut:
1. Menambah Kegiatan
Admin dapat menambah kegiatan Perjalanan Dinas dan memberikan inputan
berupa nama, tempat, tanggal mulai, tanggal akhir, rincian, pegawai yang
bertanggung jawab, dan hubungan kegiatan. Hasil dari proses ini adalah
Perjalanan Dinas baru beserta user yang bertanggung jawab.
2. Menghapus Kegiatan
Admin dapat menghapus kegiatan dengan memberikan inputan id kegiatan.
Hasil dari proses ini adalah kegiatan Perjalanan Dinas, laporan kegiatan,
hubungan kegiatan Perjalanan Dinas, pegawai yang bertanggung jawab
terhapus dari sistem.
3. Menyunting Kegiatan
Admin dapat menyunting rincian kegiatan selama kegiatan tersebut belum
tervalidasi. Hasil dari proses ini berupa kegiatan Perjalanan Dinas yang
berubah detailnya, hubungan dengan kegiatan lain, dan pegawai yang
bertanggung jawab.
4. Membatalkan Kegiatan
Admin dapat membatalkan kegiatan dengan memasukkan inputan id kegiatan.
Hasil dari proses ini adalah kegiatan Perjalanan Dinas yang tidak terhapus dari
sistem tetapi mempunyai status dibatalkan.
DFD Level 2 untuk proses mengelola kegiatan terdiri dari tiga proses utama
yaitu: melihat kegiatan, melihat kegiatan terkait, dan melihat laporan kegiatan.
David Alfa Sunarna Laporan Kerja Praktek
39 PT Air Media Persada
Gambar 4.6 DFD Level 2 Melihat
Penjelasan dari proses diatas adalah sebagai berikut:
1. Proses Melihat Kegiatan
Admin dan pegawai dapat melihat Perjalanan Dinas. Hasil dari proses ini pada
admin berupa tampilan detail Perjalanan Dinas , status upload, staus validasi,
dan hubungannya dengan kegiatan lain. Sementara pada pegawai hanya
tampilan Perjalanan Dinas saja tanpa disertai status, validasi, dan hubungan
kegiatan.
2. Proses Melihat Kegiatan Terkait
Pegawai dapat melihat Perjalanan Dinas yang menajadi tanggung jawabnya.
Hasil dari proses ini berupa tampilan Perjalanan Dinas yang siap diupload
laporannya.
3. Proses Melihat Laporan Kegiatan
Admin bisa melihat/mengunggah laporan kegiatan yang siudah diupload oleh
pegawai. Hasil dari proses ini berupa file laporan kegiatan dan detail
uploadnya.
David Alfa Sunarna Laporan Kerja Praktek
40 PT Air Media Persada
Berikut adalah tabel kamus Data Flow Diagram (DFD) berdasarkan DFD yang
telah dijabarkan diatas. Akan ada turunan proses kedua yang berarti DFD akan
mencapai level dua seperti disebutkan diatas.
Tabel 4.6 Kamus Data Flow Diagram
Nama Proses Turunan Proses Kedua Aktor
1. Mengimport Pegawai Admin
2. Menambah User Admin
3. Mengelola Kegiatan 3.1 Menambah Kegiatan Admin
3.2 Menghapus Kegiatan Admin
3.3 Sunting Kegiatan Admin
3.4 Membatalkan Kegiatan Admin
4. Melihat 4.1 Melihat Kegiatan Admin, User
4.2 Melihat Kegiatan Terkait User
4.3 Melihat Laporan Admin
5. Mengunggah Dokumen User
6. Validasi Kegiatan Admin
David Alfa Sunarna Laporan Kerja Praktek
41 PT Air Media Persada
4.3 Desain Data
4.3.1 Entity-relationship Diagram
Gambar 4.7 ERD Perangkat Lunak
Beberapa keterangan terkait ERD diatas adalah:
Pada proses melaporkan, USER menguplad dokumen laporan.
Suatu kegiatan bisa terkait atau menjadi kegiatan lanjutan dari kegiatan
Perjalanan Dinas lainnya dan dicatat di entity Hubungan_Kegiatan.
ADMIN merupakan bagian dari pegawai.
USER merupakan pegawai yang mempunyai akun (id_user, email dan
password) untuk masuk ke dalam sistem.
David Alfa Sunarna Laporan Kerja Praktek
42 PT Air Media Persada
4.3.2 Data Schema
Gambar 4.8 Data Schema Perangkat Lunak
Tabel FILE_UPLOAD digunakan untuk menampung informasi
lokasi,detik,tanggal upload file laporan yang diupload oleh pegawai.
4.3.3 Deskripsi Tabel
1. Pegawai
Tabel ini digunakan untuk menampung data pegawai yang ada di dalam suatu
instansi atau perusahaan. Tabel ini dapat diisi secara cepat dengan cara
mengimport data dari file berektensi .csv yang telah disesuaikan formatnya
seperti tabel ini.
Tabel 4.7 Tabel Data Pegawai
Field Data Type Width Key Default Extra
np (nomor
pegawai)
Integer 16 Primary Not Null
nama Varchar 50 Not Null
alamat Text Not Null
telepon Varchar 15 Not Null
jabatan Text Not Null
2. User
Tabel User digunakan untuk menampung data pegawai yang sudah dapat log
in/sudah menjadi user di sistem dan dapat melaporkan Perjalanan Dinas yang
terkait dengannya.
David Alfa Sunarna Laporan Kerja Praktek
43 PT Air Media Persada
Tabel 4.8 Tabel Data User
Field Data Type Width Key Default Extra
id_user Integer 4 Primary Key Not Null Auto
Increment
email Varchar 30 Not Null
password Text Not Null
3. Userdanpegawai
Tabel ini merupakan normalisasi dari tabel User dan Pegawai dimana pegawai
yang mempunyai akun (id_user, email, dan password) untuk masuk ke dalam
sistem akan ditampung datanya disini.
Tabel 4.9 Tabel Data Userdanpegawai
Field Data Type Width Key Default Extra
id_userp Integer 4 Primary Key,
Foreign Key
Not Null Auto
Increment
np Varchar 30 Not Null
4. Admin
Tabel ini menampung data pegawai yang menjadi admin.
Tabel 4.10 Tabel Data Admin
Field Data Type Width Key Default Extra
id_admin Integer 4 Primary Not Null Auto
Increment
email Varchar 30 Not Null
password Text Not Null
np Integer 10 Foreign Key Not Null
5. Kegiatan
Tabel ini menampung detik kegiatan/Perjalanan Dinas seperti nama, tempat,
tanggal dilaksanakan, dll.
Tabel 4.11 Tabel Data Kegiatan
Field Data Type Width Key Default Extra
id_kegiatan Integer 4 Primary Not Null Auto
Increment
nama Text Not Null
tempat Text Not Null
lama_kegiatan Integer 2 Not Null
tanggal_mulai Date Not Null
tanggal_akhir Date Not Null
validasi Boolean
rincian Text
dilaksanakan Boolean
David Alfa Sunarna Laporan Kerja Praktek
44 PT Air Media Persada
6. Pegawai&Kegiatan
Tabel ini merupakan normalisasi dari tabel Pegawai dan Kegiatan. Tabel ini
berisi data nomor identity Perjalanan Dinas beserta nomor pegawai yang
bertanggung jawab melaporkan.
Tabel 4.12 Tabel Data Pegawaidankegiatan
Field Data Type Width Key Default Extra
id Integer 4 Primary Not Null Auto
Increment
np Integer 10 Foreign Key Not Null
id_kegiatan Integer 4 Foreign Key Not Null
7. Hubungan_Kegiatan
Tabel ini mendaftar kegiatan yang saling berhubungan satu sama lainnya.
Tabel 4.13 Tabel Data Hubungan_Kegiatan
Field Data Type Width Key Default Extra
id_kegiatan Integer 4 Primary Not Null
id_kegiatan_referensi Integer 4 Foreign Key Not Null
8. File_Upload
Tabel ini memuat data laporan kegiatan Perjalanan Dinas yang diupload oleh
pegawai.
Tabel 4.14 Tabel Data File_Upload
Field Data Type Width Key Default Extra
id_file Integer 11 Primary Not Null Auto
Increment
id_kegiatanFile Integer 11 Foreign Key Not Null
filename Text Not Null
detail Text Not Null
dateupload Date Not Null
David Alfa Sunarna Laporan Kerja Praktek
45 PT Air Media Persada
4.4 Desain User Interface
4.4.1. Windows Navigation Diagram (WND)
Gambar 4.8 WND Admin
Gambar 4.9 WND User
David Alfa Sunarna Laporan Kerja Praktek
46 PT Air Media Persada
4.4.2. Story Board
Gambar 4.10 Story Board Sistem Informasi Perjalanan Dinas
David Alfa Sunarna Laporan Kerja Praktek
47 PT Air Media Persada
4.5 Implementasi
4.5.1. Proses 1 Mengimpor Pegawai
Tabel 4.15 Proses 1 Impor Pegawai
Nama Proses Mengimport Pegawai
Input data pegawai (.csv)
Output nomor pegawai, nama, alamat,
telepon, jabatan
Algoritma
read(data pegawai.csv);
insert into pegawai(np,nama,alamat,telepon,jabatan)
values('$data[0]','$data[1]','$data[2]','$data[3]','$data[4]')
4.5.2. Proses 2 Menambah User
Tabel 4.16 Proses 2 Menambah User
Nama Proses Menambah User
Input np, email, password
Output np, id_user, email, password
Algoritma
read(np);
insert into user (email, password) values ('$email','$pass')
insert into userdanpegawai (id_userp, np) values ('$id_user','$id')
David Alfa Sunarna Laporan Kerja Praktek
48 PT Air Media Persada
4.5.3. Proses 3.1 Menambah Kegiatan
Tabel 4.17 Proses 3.1 Menambah Kegiatan
Nama Proses Menambah Kegiatan
Input nama, tempat, lama_kegiatan,
tanggalMulai, tanggalAkhir, np,
rincian, id_kegiatan_referensi
Output np, id_user, email, password
Algoritma id_kegiatan, nama, tempat,
lama_kegiatan, tanggalMulai,
tanggalAkhir, np, rincian,
id_kegiatan_referensi, validasi,
dilaksanakan
read(np, id_kegiatan_referensi);
insert into kegiatan (nama, tempat, lama_kegiatan, tanggalMulai,
tanggalAkhir, validasi, rincian, dilaksanakan) values
('$nama','$tempat','$lamaKegiatan', '$tanggalMulai', '$tanggalAkhir',
'$validasi', '$rincian', '$dilaksanakan')
insert into pegawaidankegiatan (id_kegiatan, np)
values('$id_kegiatan','$penanggungJawab')
insert into hubungankegiatan (id_kegiatan, id_kegiatan_referensi)
values('$id_kegiatan_utama','$id_kegiatan_terhubung')
David Alfa Sunarna Laporan Kerja Praktek
49 PT Air Media Persada
4.5.4. Proses 3.2 Menghapus Kegiatan
Tabel 4.18 Proses 3.2 Menghapus Kegiatan
Nama Proses Menghapus Kegiatan
Input id_kegiatan
Output
Algoritma
read(id_kegiatan);
$query=mysql_query("delete from kegiatan where
id_kegiatan='".$id."'");
$query=mysql_query("delete from hubungankegiatan where
id_kegiatan='".$id."'");
$query=mysql_query("delete from hubungankegiatan where
id_kegiatan_referensi='".$id."'");
$query=mysql_query("delete from file_upload where
id_kegiatanFile='".$id."'");
$query=mysql_query("delete from pegawaidankegiatan where
id_kegiatan='".$id."'");
David Alfa Sunarna Laporan Kerja Praktek
50 PT Air Media Persada
4.5.5. Proses 3.3 Sunting Kegiatan
Tabel 4.19 Proses 3.3 Menyunting Kegiatan
Nama Proses Sunting Kegiatan
Input id_kegiatan, nama, tempat,
lama_kegiatan, tanggalMulai,
tanggalAkhir, np, rincian,
id_kegiatan_referensi
Output id_kegiatan, nama, tempat,
lama_kegiatan, tanggalMulai,
tanggalAkhir, np, rincian,
id_kegiatan_referensi
Algoritma
read(id_kegiatan);
update kegiatan set nama, tempat, lama_kegiatan, tanggalMulai,
tanggalAkhir, np, rincian, id_kegiatan_referensi where
id_kegiatan=’id_kegiatan’
4.5.6. Proses 3.4 Membatalkan Kegiatan
Tabel 4.20 Proses 3.4 Membatalkan Kegiatan
Nama Proses Membatalkan Kegiatan
Input id_kegiatan
Output dilaksanakan
Algoritma
read(id_kegiatan);
update kegiatan set dilaksanakan='1' where
id_kegiatan='".$id_kegiatan."'
David Alfa Sunarna Laporan Kerja Praktek
51 PT Air Media Persada
4.5.7. Proses 4.1 Melihat Kegiatan
Tabel 4.21 Proses 4.1 Melihat Kegiatan
Nama Proses Membatalkan Kegiatan
Input
Output id_kegiatan, nama, tempat,
lama_kegiatan, tanggalMulai,
tanggalAkhir, np, rincian,
id_kegiatan_referensi, validasi,
dilaksanakan
Algoritma
$query=mysql_query("select * from kegiatan order by tanggalMulai
DESC");
while($row=mysql_fetch_array($query))
{
display( id_kegiatan, nama, tempat, lama_kegiatan, tanggalMulai,
tanggalAkhir, np, rincian, id_kegiatan_referensi, validasi,
dilaksanakan)
}
David Alfa Sunarna Laporan Kerja Praktek
52 PT Air Media Persada
4.5.8. Proses 4.2 Melihat Kegiatan Terkait
Tabel 4.22 Proses 4.2 Melihat Kegiatan Terkait
Nama Proses Membatalkan Kegiatan
Input np
Output id_kegiatan, nama, tempat,
lama_kegiatan, tanggalMulai,
tanggalAkhir, np, rincian,
id_kegiatan_referensi, validasi,
dilaksanakan
Algoritma
read(np);
$query=mysql_query("select * from kegiatan,pegawaidankegiatan
where pegawaidankegiatan.np='".$np."' and
pegawaidankegiatan.id_kegiatan=kegiatan.id_kegiatan order by
tanggalMulai DESC");
while($row=mysql_fetch_array($query))
{
display( id_kegiatan, nama, tempat, lama_kegiatan, tanggalMulai,
tanggalAkhir, np, rincian, id_kegiatan_referensi, validasi,
dilaksanakan)
}
David Alfa Sunarna Laporan Kerja Praktek
53 PT Air Media Persada
4.5.9. Proses 4.3 Melihat Laporan Kegiatan
Tabel 4.23 Proses 4.3 Melihat Laporan Kegiatan
Nama Proses Membatalkan Kegiatan
Input id_kegiatan
Output file laporan
Algoritma
read(id_kegiatan);
$sql4 = "select * from file_upload where
id_kegiatanFile='".$id_kegiatan."'";
4.5.10. Proses 5 Mengupload Dokumen
Tabel 4.24 Proses 5 Mengunggah Dokumen
Nama Proses Membatalkan Kegiatan
Input id_kegiatan
Output id_file, id_kegiatanFile, filename,
detail, folder, dateupload
Algoritma
read(id_kegiatan);
insert into
file_upload(id_kegiatanFile,filename,detail,folder,dateupload) values
("'.$id.'","'.$file_name.'", "'.$_POST['keterangan'].'","'.$folder.'",
"'.date('Y-m-d H:i:s').'")
David Alfa Sunarna Laporan Kerja Praktek
54 PT Air Media Persada
4.5.11. Proses 6 Validasi Kegiatan
Tabel 4.25 Proses 6 Validasi Kegiatan
Nama Proses Membatalkan Kegiatan
Input id_kegiatan
Output validasi
Algoritma
read(id_kegiatan)
update kegiatan set validasi='1' where id_kegiatan='".$id."'
4.6 Implementasi Software
4.6.1 Halaman Log in
Gambar 4.11 Halaman Log In
Gambar 4.11 menjelaskan tampilan awal ketika melakukan log in dimana
guest harus memasukkan email dan password dan memilih tipe user (Utusan
Dinas/admin) pada form yang tersedia untuk dapat masuk ke dalam sistem.
David Alfa Sunarna Laporan Kerja Praktek
55 PT Air Media Persada
4.6.2 Halaman utama admin
Gambar 4.12 Halaman Utama Admin
Gambar 4.12 merupakan tampilan awal yang muncul ketika
superuser/admin masuk ke dalam sistem. Admin dapat melihat jadwal
pelaksanaan kegiatan Perjalanan Dinas melalui kalender.
4.6.3 Melihat pegawai yang sudah mempunyai akun
Gambar 4.13 Halaman Akun Pegawai
David Alfa Sunarna Laporan Kerja Praktek
56 PT Air Media Persada
Gambar 4.13 merupakan tampilan yang akan muncul ketika admin akan
melihat data pegawai yang sudah mempunyai akun (id_user, email, dan
password) dan bisa masuk ke dalam sistem.
4.6.4 Melihat profil pegawai yang sudah mempunyai akun
Gambar 4.14 Halaman Profil Pegawai Terdaftar
Gambar 4.14 merupakan tampilan yang akan muncul ketika admin akan
melihat detail pegawai yang sudah bisa masuk ke dalam sistem. Akan disajikan
statistik kegiatan Perjalanan Dinas dari pegawai yang terkait.
David Alfa Sunarna Laporan Kerja Praktek
57 PT Air Media Persada
4.6.5 Menyunting user
Gambar 4.15 Halaman Sunting User
Gambar 4.15 merupakan tampilan yang akan muncul ketika admin akan
menyunting email dan password yang digunakan pegawai yang sudah terdaftar
untuk melakukan log in ke dalam sistem.
4.6.6 Menghapus user
Gambar 4.16 Halaman Hapus User
David Alfa Sunarna Laporan Kerja Praktek
58 PT Air Media Persada
Gambar 4.16 merupakan tampilan yang akan muncul ketika admin akan
menghapus pegawai yang sudah memiliki akun sehingga pegawai tersebut tidak
bisa melakukan log in ke dalam sistem. Kegiatan Perjalanan Dinas yang menjadi
tanggung jawab user tersebut akan berubah statusnya menjadi kegiatan yang
belum mempunyai penanggung jawab.
4.6.7 Melihat semua daftar pegawai
Gambar 4.17 Halaman Daftar Pegawai Keseluruhan
Gambar 4.17 merupakan tampilan semua daftar pegawai yang ada didalam
sistem. Data pegawai bisa ditambahkan melalui tampilan import daftar pegawai
yang terletak di bawah.
David Alfa Sunarna Laporan Kerja Praktek
59 PT Air Media Persada
4.6.8 Melihat profil pegawai yang belum mempunyai akun
Gambar 4.18 Profil Pegawai belum Terdaftar
Gambar 4.18 merupakan tampilan yang akan muncul ketika admin akan
melihat detail pegawai yang belum memiliki akun dan tidak bisa log in ke dalam
sistem.
4.6.9 Menambah akun pegawai
Gambar 4.19 Menambah Akun Pegawai
David Alfa Sunarna Laporan Kerja Praktek
60 PT Air Media Persada
Gambar 4.19 merupakan tampilan yang akan muncul ketika admin akan
menambahkan akun pegawai sehingga pegawai tersebut bisa masuk ke dalam
sistem.
4.6.10 Halaman hasil pencarian pegawai
Gambar 4.20 Halaman Hasil Pencarian Pegawai
Gambar 4.20 merupakan tampilan yang akan muncul ketika admin mencari
data pegawai berdasarkan nomor pegawai yang dipunyai.
David Alfa Sunarna Laporan Kerja Praktek
61 PT Air Media Persada
4.6.11 Melihat kegiatan Perjalanan Dinas
Gambar 4.21 Halaman Melihat Kegiatan Perjalanan Dinas
Gambar 4.21 merupakan tampilan yang akan muncul ketika admin melihat
semua kegiatan Perjalanan Dinas yang telah dibuat. Akan ditampilkan status
kegiatan untuk mengetahui mana saja kegiatan yang sudah memiliki laporan dan
divalidasi.
4.6.12 Menambah kegiatan Perjalanan Dinas
Gambar 4.22 Halaman Menambah Kegiatan Perjalanan Dinas
David Alfa Sunarna Laporan Kerja Praktek
62 PT Air Media Persada
Gambar 4.22 merupakan tampilan yang akan muncul ketika admin akan
membuat kegiatan Perjalanan Dinas baru.
4.6.13 Menyunting kegiatan Perjalanan Dinas
Gambar 4.23 Halaman Menyunting Kegiatan Perjalanan Dinas
Gambar 4.23 merupakan tampilan yang akan muncul ketika admin akan
menyunting kegiatan Perjalanan Dinas yang sudah ada.
4.6.14 Menghapus kegiatan Perjalanan Dinas
Gambar 4.24 Halaman Hapus Kegiatan Perjalanan Dinas
David Alfa Sunarna Laporan Kerja Praktek
63 PT Air Media Persada
Gambar 4.24 merupakan tampilan yang akan muncul ketika admin akan
menghapus kegiatan Perjalanan Dinas.
4.6.15 Melihat detail kegiatan Perjalanan Dinas
Gambar 4.25 Halaman Detail Kegiatan Perjalanan Dinas
Gambar 4.25 merupakan tampilan yang akan muncul ketika admin melihat
detail kegiatan Perjalanan Dinas. Akan tertera notifikasi apakah laporan sudah
diupload.
David Alfa Sunarna Laporan Kerja Praktek
64 PT Air Media Persada
4.6.16 Halaman membatalkan kegiatan Perjalanan Dinas
Gambar 4.26 Halaman Membatalkan Kegiatan Perjalanan Dinas
Gambar 4.26 merupakan tampilan yang akan muncul ketika admin akan
membatalkan kegiatan Perjalanan Dinas.
4.6.17 Halaman memvalidasi kegiatan Perjalanan Dinas
Gambar 4.27 Halaman Validasi Kegiatan Perjalanan Dinas
Gambar 4.27 merupakan tampilan yang akan muncul ketika admin akan
membatalkan kegiatan Perjalanan Dinas.
David Alfa Sunarna Laporan Kerja Praktek
65 PT Air Media Persada
4.6.18 Halaman hasil pencarian kegiatan
Gambar 4.28 Halaman Hasil Pencarian Kegiatan Perjalanan Dinas
Gambar 4.28 merupakan tampilan yang akan muncul ketika admin mencari
kegiatan Perjalanan Dinas berdasarkan nama kegiatan.
4.6.19 Halaman utama pegawai (Perjalanan Dinas terkait)
Gambar 4.29 Halaman Utama Pegawai
David Alfa Sunarna Laporan Kerja Praktek
66 PT Air Media Persada
Gambar 4.29 merupakan tampilan yang muncul ketika pegawai masuk ke
dalam sistem. Terlihat tabel berisi Perjalanan Dinas yang menjadi tanggung
jawab pegawai beserta statusnya.
4.6.20 Melihat detail kegiatan Perjalanan Dinas terkait dan upload laporan
Gambar 4.30 Halaman Detail Kegiatan Perjalanan Dinas Terkait
Gambar 4.30 merupakan tampilan yang muncul ketika pegawai melihat
detail kegiatan Perjalanan Dinas yang menjadi tanggung jawabnya. Form upload
digunakan untuk mengunggah laporan Perjalanan Dinas yang berekstensi *.zip
atau *.rar.
David Alfa Sunarna Laporan Kerja Praktek
67 PT Air Media Persada
4.6.21 Melihat detail kegiatan perjalan dinas yang sudah diupload laporannya
Gambar 4.31 Halaman Hasil Upload Laporan Kegiatan Perjalanan Dinas
Gambar 4.31 merupakan tampilan yang muncul ketika pegawai melihat
detail kegiatan Perjalanan Dinas yang menjadi tanggung jawabnya. Karena
laporan sudah diunggah maka akan muncul notifikasi yang memberitahu bahwa
pegawai sudah mengupload laporan kegiatan.
4.6.22 Menghapus laporan kegiatan yang sudah diupload
Gambar 4.32 Halaman Menghapus Laporan Kegiatan Perjalanan Dinas
David Alfa Sunarna Laporan Kerja Praktek
68 PT Air Media Persada
Gambar 4.32 merupakan tampilan yang muncul ketika pegawai akan
menghapus laporan kegiatan yang sudah diunggah. Hal ini bisa dilakukan selama
kegiatan Perjalanan Dinas belum divalidasi.
4.6.23 Melihat kegiatan Perjalanan Dinas yang sudah tervalidasi
Gambar 4.33 Halaman Kegiatan Perjalanan Dinas Tervalidasi
Gambar 4.33 merupakan tampilan yang muncul ketika pegawai melihat
detail kegiatan Perjalanan Dinas yang sudah divalidasi oleh admin.
David Alfa Sunarna Laporan Kerja Praktek
69 PT Air Media Persada
4.6.24 Melihat kalender kegiatan
Gambar 4.34 Halaman Melihat Kalender Kegiatan
Gambar 4.34 merupakan tampilan yang muncul ketika pegawai melihat
kalender jadwal kegiatan Perjalanan Dinas.
4.6.25 Melihat detail kegiatan Perjalanan Dinas yang tidak terkait
Gambar 4.35 Halaman Melihat Kegiatan Perjalanan Dinas Tidak Terkait
Gambar 4.35 merupakan tampilan yang muncul ketika pegawai melihat
detail kegiatan Perjalanan Dinas yang bukan menjadi tanggung jawabnya. Akan
David Alfa Sunarna Laporan Kerja Praktek
70 PT Air Media Persada
muncul notifikasi yang memberitahu bahwa kegiatan ini bukan menjadi
tanggung jawab pegawai.
4.7 Pengujian
Pengujian yang dilakukan dalam pembangunan sistem ini menggunakan metode
Black Box testing. Berikut ini adalah hasil pengujiannya:
Tabel 4.26 Hasil Pengujian Black Box
No Deskripsi Proses Hasil yang
Diharapkan Hasil
1 Mengimpor Data
Pegawai
- Log in sebagai admin - Jika sukses maka
redirect ke halaman
admin
Sesuai
- Klik User, tab
pegawai
- Menampilkan semua
data pegawai dan form
impor pegawai
Sesuai
- Klik Pilih File - Membuka jendela
open pada broser
Sesuai
- Klik submit - Jika sukses maka data
pegawai berhasil
ditambahkan ke dalam
database
Sesuai
David Alfa Sunarna Laporan Kerja Praktek
71 PT Air Media Persada
Tabel 4.26 Lanjutan
No Deskripsi Proses Hasil yang
Diharapkan Hasil
2 Menambah akun
pegawai
- Log in sebagai admin - Jika sukses maka
redirect ke halaman
admin
Sesuai
- Klik User, tab
pegawai
- Menampilkan semua
data pegawai
Sesuai
- Klik status pegawai
yang belum terdaftar
- Muncul pop up
antarmuka tambah user
Sesuai
- Masukkan data, lalu
klik Ya
- Jika sukses maka data
disimpan dalam
database
Sesuai
3 Menghapus akun
pegawai
- Log in sebagai admin - Jika sukses maka
redirect ke halaman
admin
Sesuai
- Klik User - Menampilkan data
akun pegawai
Sesuai
- Klik Hapus pada
action
- Muncul pop up
antarmuka hapus user
Sesuai
-Klik Ya - Jika sukses maka data
akun pegawai terhapus
dari database
Sesuai
David Alfa Sunarna Laporan Kerja Praktek
72 PT Air Media Persada
Tabel 4.26 Lanjutan
No Deskripsi Proses Hasil yang
Diharapkan Hasil
4 Menyunting akun
pegawai
- Log in sebagai admin - Jika sukses maka
redirect ke halaman
admin
Sesuai
- Klik User - Menampilkan data
akun pegawai
Sesuai
- Klik Edit pada action - Muncul pop up
antarmuka edit user
Sesuai
- Lakukan sunting pada
data, lalu klik Ya
- Jika sukses maka data
dari database akan
diperbaharui
Sesuai
5 Menambah
kegiatan
Perjalanan Dinas
- Log in sebagai admin - Jika sukses maka
redirect ke halaman
admin
Sesuai
- Klik Perjalanan
Dinas, Tambah
- Menampilkan form
tambah Perjalanan
Dinas
Sesuai
- Lakukan pengisian
detail kegiatan, lalu
klik Submit
- Jika sukses maka data
disimpan dalam
database
Sesuai
David Alfa Sunarna Laporan Kerja Praktek
73 PT Air Media Persada
Tabel 4.26 Lanjutan
No Deskripsi Proses Hasil yang
Diharapkan Hasil
6 Menghapus
kegiatan
Perjalanan Dinas
- Log in sebagai admin - Jika sukses maka
redirect ke halaman
admin
Sesuai
- Klik Perjalanan Dinas - Menampilkan tabel
Perjalanan Dinas
Sesuai
- Klik tanda silang
pada kegiatan yang
akan dihapus
- Muncul pop up
antarmuka hapus
kegiatan
Sesuai
- Klik Ya - Jika sukses maka data
dihapus dari database
Sesuai
7 Menyunting
kegiatan
Perjalanan Dinas
- Log in sebagai admin - Jika sukses maka
redirect ke halaman
admin
Sesuai
- Klik Perjalanan Dinas - Menampilkan tabel
Perjalanan Dinas
Sesuai
- Klik Edit pada
kegiatan yang akan
disunting
- Muncul pop up
antarmuka sunting
kegiatan
Sesuai
- Lakukan sunting pada
data kemudian klik
Submit
- Jika sukses maka data
diperbaharui dari
database
Sesuai
David Alfa Sunarna Laporan Kerja Praktek
74 PT Air Media Persada
Tabel 4.26 Lanjutan
No Deskripsi Proses Hasil yang
Diharapkan Hasil
8 Mengunduh
laporan kegiatan
Perjalanan Dinas
- Log in sebagai admin - Jika sukses maka
redirect ke halaman
admin
Sesuai
- Klik Perjalanan Dinas - Menampilkan tabel
Perjalanan Dinas
Sesuai
- Klik kegiatan yang
akan dilihat
- Jika Perjalanan Dinas
sudah mempunyai
laporan maka detail
Perjalanan Dinas akan
menampilkan link
download
Sesuai
- Klik download - Jika sukses maka
laporan akan diunduh
dari database
Sesuai
David Alfa Sunarna Laporan Kerja Praktek
75 PT Air Media Persada
Tabel 4.26 Lanjutan
No Deskripsi Proses Hasil yang
Diharapkan Hasil
9 Memvalidasi
kegiatan
Perjalanan Dinas
- Log in sebagai admin - Jika sukses maka
redirect ke halaman
admin
Sesuai
- Klik Perjalanan Dinas - Menampilkan tabel
Perjalanan Dinas
Sesuai
- Klik kegiatan yang
akan dilihat
- Jika Perjalanan Dinas
sudah mempunyai
laporan maka detail
Perjalanan Dinas akan
menampilkan tombol
validasi
Sesuai
- Klik Validasi - Jika sukses maka data
diperbaharui dari
database
Sesuai
David Alfa Sunarna Laporan Kerja Praktek
76 PT Air Media Persada
Tabel 4.26 Lanjutan
No Deskripsi Proses Hasil yang
Diharapkan Hasil
10 Membatalkan
kegiatan
Perjalanan Dinas
- Log in sebagai admin - Jika sukses maka
redirect ke halaman
admin
Sesuai
- Klik Perjalanan Dinas - Menampilkan tabel
Perjalanan Dinas
Sesuai
- Klik kegiatan yang
belum tervlidasi
- Jika Perjalanan Dinas
belum divalidasi maka
detail Perjalanan Dinas
akan menampilkan
tombol batalkan
kegiatan
Sesuai
- Klik Batalkan
Kegiatan
- Jika sukses maka data
diperbaharui dari
database
Sesuai
10 Mengunggah
laporan kegiatan
Perjalanan Dinas
- Log in sebagai
pegawai
- Jika sukses maka
redirect ke halaman
pegawai
Sesuai
- Klik nama kegiatan
yang akan dilaporkan
- Jika Perjalanan Dinas
belum diunggah
laporannya maka akan
ditampilkan form
upload
Sesuai
- Pilih file yang akan
diupload, isi
keterangan file,
kemudian klik Upload
- Jika sukses maka file
laporan akan masuk ke
dalam sistem dan
database
Sesuai
David Alfa Sunarna Laporan Kerja Praktek
77 PT Air Media Persada
Tabel 4.26 Lanjutan
No Deskripsi Proses Hasil yang
Diharapkan Hasil
11 Menghapus
laporan kegiatan
Perjalanan Dinas
- Log in sebagai
pegawai
- Jika sukses maka
redirect ke halaman
pegawai
Sesuai
- Klik nama kegiatan
yang akan dihapus
laporannya
- Jika Perjalanan Dinas
sudah diunggah
laporannya maka akan
ditampilkan tombol
Hapus
Sesuai
- Klik Hapus - Muncul pop up
antarmuka hapus
laporan
Sesuai
- Lakukan sunting pada
data teknis, lalu klik
Submit
- Jika sukses maka data
dari database akan
diperbaharui dan
laporan dihapus dari
sistem
Sesuai
12 Melakukan
pencarian
- Login sebagai admin -Jika sukses maka
redirect ke halaman
admin
Sesuai
- Masukkan kata kunci
pada form pencarian,
lalu klik Search
- Jika sukses maka
akan menampilkan
hasil pencarian sesuai
kata kunci
Sesuai
David Alfa Sunarna Laporan Kerja Praktek
78 PT Air Media Persada
BAB V
PENUTUP
5.1 Kesimpulan
Berdasarkan hasil pelaksanaan kegiatan Kerja Praktek yang dilakukan penulis
selama bulan Juli-Agustus 2014 di PT Air Media Persada Yogyakarta, maka dapat diambil
kesimpulan bahwa prototype sistem informasi monitoring Perjalanan Dinas telah
dibangun dengan menerapkan model prosedural, dengan fitur sebagai berikut:
Manajemen data pegawai yang dapat dilakukan oleh admin yang terdiri dari fungsi
impor pegawai, tambah akun pegawai, sunting akun pegawai, dan hapus akun
pegawai.
Manajemen kegiatan yang dapat dilakukan oleh admin yang terdiri dari fungsi tambah
kegiatan, menentukan pegawai yang bertanggung jawab atas kegiatan, menentukan
hubungan kegiatan satu dengan yang lainnya, sunting kegiatan, batalkan kegiatan,
dan hapus kegiatan.
Pelaporan kegiatan Perjalanan Dinas yang dilakukan oleh pegawai yang bertanggung
jawab terdiri dari fungsi melihat Perjalanan Dinas terkait, mengunggah laporan
kegiatan, dan menghapus laporan kegiatan.
Monitoring kegiatan Perjalanan Dinas yang dilakukan oleh admin yang terdiri dari
fungsi mengunduh laporan kegiatan dan memvalidasi kegiatan.
5.2 Saran
Dari peninjauan yang telah dilakukan maka penulis berkeinginan memberikan saran
saran yang mungkin dapat berguna untuk bahan pertimbangan bagi pembaca. Terlebih
dalam pembangunan sistem ini masih banyak hal yang harus diperbaharui atau
ditambahkan demi menjadikan sistem ini lebih baik. Seperti, pencetakan laporan kegiatan
Perjalanan Dinas setiap bulan karena sistem yang telah ada sistem pelaporannya masih
belum terpisah setiap bulannya, memungkinkan pegawai untuk mengunggah file laporan
secara terpisah dan bisa langsung dibaca oleh sistem sehingga admin tidak perlu
mengekstraksi laporan pegawai yang berbentuk file terkompresi (*rar/*zip).
David Alfa Sunarna Laporan Kerja Praktek
79 PT Air Media Persada
DAFTAR PUSTAKA
Anonim. (2014, September 15). PT Air Media Persada. Diterima dari PT Air Media
Persada: http://www.airmediapersada.com
Andi (2001). Desain Web dengan Microsoft FrontPage 97. Wahana Komputer & Andi
Yogyakarta. ISBN 9795335219.
Brady, M., & Loonam, J. (2010). Exploring The Use Of Entity‐Relationship Diagramming
As a Technique To Support Grounded Theory Inquiry. Bradford: Emerald Group
Publishing.
Kristanto. 1993. Konsep dan Perancangan Database. Andi offset: Yogyakarta.
Kristanto, 2003. Perancangan Sistem Informasi dan Aplikasinya. Gava Media:
Yogyakarta.
Kristianto, D. 2011. Membangun Sistem Informasi Usaha Rosok Inovatif Berbasis Web
Service Dengan Studi Kasus Usaha Rosok Di Desa Geneng.
PHP. (2014, 25 Agustus). General Information - Manual. Diterima dari PHP:
http://php.net/manual/en/faq.general.php#faq.general.acronym
Sutono, D. 2007. Sistem Informasi Manajemen. Pusat Pendidikan dan Pelatihan
Pengawasan BPKP: Bogor.
Williard, W. (2006). HTML A Beginner’s Guide. Wendi Williard.
Top Related