92
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

Prototype Sistem Informasi Monitoring Perjalanan Dinas PT Airmedia Persada

Embed Size (px)

DESCRIPTION

Information TechnologyComputer Science

Citation preview

Page 1: Prototype Sistem Informasi Monitoring Perjalanan Dinas PT Airmedia Persada

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

Page 2: Prototype Sistem Informasi Monitoring Perjalanan Dinas PT Airmedia Persada

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

Page 3: Prototype Sistem Informasi Monitoring Perjalanan Dinas PT Airmedia Persada

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

Page 4: Prototype Sistem Informasi Monitoring Perjalanan Dinas PT Airmedia Persada

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

Page 5: Prototype Sistem Informasi Monitoring Perjalanan Dinas PT Airmedia Persada

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

Page 6: Prototype Sistem Informasi Monitoring Perjalanan Dinas PT Airmedia Persada

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

Page 7: Prototype Sistem Informasi Monitoring Perjalanan Dinas PT Airmedia Persada

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

Page 8: Prototype Sistem Informasi Monitoring Perjalanan Dinas PT Airmedia Persada

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

Page 9: Prototype Sistem Informasi Monitoring Perjalanan Dinas PT Airmedia Persada

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

Page 10: Prototype Sistem Informasi Monitoring Perjalanan Dinas PT Airmedia Persada

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

Page 11: Prototype Sistem Informasi Monitoring Perjalanan Dinas PT Airmedia Persada

David Alfa Sunarna Laporan Kerja Praktek

xi

PT Air Media Persada

Tabel 4.26 Pengujian ........................................................................................................70

Page 12: Prototype Sistem Informasi Monitoring Perjalanan Dinas PT Airmedia Persada

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

Page 13: Prototype Sistem Informasi Monitoring Perjalanan Dinas PT Airmedia Persada

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

Page 14: Prototype Sistem Informasi Monitoring Perjalanan Dinas PT Airmedia Persada

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.

Page 15: Prototype Sistem Informasi Monitoring Perjalanan Dinas PT Airmedia Persada

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.

Page 16: Prototype Sistem Informasi Monitoring Perjalanan Dinas 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.

Page 17: Prototype Sistem Informasi Monitoring Perjalanan Dinas PT Airmedia Persada

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.

Page 18: Prototype Sistem Informasi Monitoring Perjalanan Dinas PT Airmedia Persada

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.

Page 19: Prototype Sistem Informasi Monitoring Perjalanan Dinas PT Airmedia Persada

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 :

Page 20: Prototype Sistem Informasi Monitoring Perjalanan Dinas PT Airmedia Persada

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

Page 21: Prototype Sistem Informasi Monitoring Perjalanan Dinas PT Airmedia Persada

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.

Page 22: Prototype Sistem Informasi Monitoring Perjalanan Dinas PT Airmedia Persada

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.

Page 23: Prototype Sistem Informasi Monitoring Perjalanan Dinas PT Airmedia Persada

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.

Page 24: Prototype Sistem Informasi Monitoring Perjalanan Dinas PT Airmedia Persada

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.

Page 25: Prototype Sistem Informasi Monitoring Perjalanan Dinas PT Airmedia Persada

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)

Page 26: Prototype Sistem Informasi Monitoring Perjalanan Dinas PT Airmedia Persada

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)

Page 27: Prototype Sistem Informasi Monitoring Perjalanan Dinas PT Airmedia Persada

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:

Page 28: Prototype Sistem Informasi Monitoring Perjalanan Dinas PT Airmedia Persada

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.

Page 29: Prototype Sistem Informasi Monitoring Perjalanan Dinas PT Airmedia Persada

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.

Page 30: Prototype Sistem Informasi Monitoring Perjalanan Dinas PT Airmedia Persada

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

Page 31: Prototype Sistem Informasi Monitoring Perjalanan Dinas PT Airmedia Persada

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.

Page 32: Prototype Sistem Informasi Monitoring Perjalanan Dinas PT Airmedia Persada

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:

Page 33: Prototype Sistem Informasi Monitoring Perjalanan Dinas PT Airmedia Persada

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

Page 34: Prototype Sistem Informasi Monitoring Perjalanan Dinas PT Airmedia Persada

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).

Page 35: Prototype Sistem Informasi Monitoring Perjalanan Dinas PT Airmedia Persada

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

Page 36: Prototype Sistem Informasi Monitoring Perjalanan Dinas PT Airmedia Persada

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.

Page 37: Prototype Sistem Informasi Monitoring Perjalanan Dinas PT Airmedia Persada

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

Page 38: Prototype Sistem Informasi Monitoring Perjalanan Dinas PT Airmedia Persada

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:

Page 39: Prototype Sistem Informasi Monitoring Perjalanan Dinas PT Airmedia Persada

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.

Page 40: Prototype Sistem Informasi Monitoring Perjalanan Dinas PT Airmedia Persada

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.

Page 41: Prototype Sistem Informasi Monitoring Perjalanan Dinas PT Airmedia Persada

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.

Page 42: Prototype Sistem Informasi Monitoring Perjalanan Dinas PT Airmedia Persada

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.

Page 43: Prototype Sistem Informasi Monitoring Perjalanan Dinas PT Airmedia Persada

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.

Page 44: Prototype Sistem Informasi Monitoring Perjalanan Dinas PT Airmedia Persada

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 -

Page 45: Prototype Sistem Informasi Monitoring Perjalanan Dinas PT Airmedia Persada

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

Page 46: Prototype Sistem Informasi Monitoring Perjalanan Dinas PT Airmedia Persada

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

Page 47: Prototype Sistem Informasi Monitoring Perjalanan Dinas PT Airmedia Persada

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

Page 48: Prototype Sistem Informasi Monitoring Perjalanan Dinas PT Airmedia Persada

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

Page 49: Prototype Sistem Informasi Monitoring Perjalanan Dinas PT Airmedia Persada

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.

Page 50: Prototype Sistem Informasi Monitoring Perjalanan Dinas PT Airmedia Persada

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

Page 51: Prototype Sistem Informasi Monitoring Perjalanan Dinas PT Airmedia Persada

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.

Page 52: Prototype Sistem Informasi Monitoring Perjalanan Dinas PT Airmedia Persada

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.

Page 53: Prototype Sistem Informasi Monitoring Perjalanan Dinas PT Airmedia Persada

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

Page 54: Prototype Sistem Informasi Monitoring Perjalanan Dinas PT Airmedia Persada

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.

Page 55: Prototype Sistem Informasi Monitoring Perjalanan Dinas PT Airmedia Persada

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.

Page 56: Prototype Sistem Informasi Monitoring Perjalanan Dinas PT Airmedia Persada

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

Page 57: Prototype Sistem Informasi Monitoring Perjalanan Dinas PT Airmedia Persada

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

Page 58: Prototype Sistem Informasi Monitoring Perjalanan Dinas PT Airmedia Persada

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

Page 59: Prototype Sistem Informasi Monitoring Perjalanan Dinas PT Airmedia Persada

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

Page 60: Prototype Sistem Informasi Monitoring Perjalanan Dinas PT Airmedia Persada

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')

Page 61: Prototype Sistem Informasi Monitoring Perjalanan Dinas PT Airmedia Persada

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')

Page 62: Prototype Sistem Informasi Monitoring Perjalanan Dinas PT Airmedia Persada

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."'");

Page 63: Prototype Sistem Informasi Monitoring Perjalanan Dinas PT Airmedia Persada

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."'

Page 64: Prototype Sistem Informasi Monitoring Perjalanan Dinas PT Airmedia Persada

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)

}

Page 65: Prototype Sistem Informasi Monitoring Perjalanan Dinas PT Airmedia Persada

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)

}

Page 66: Prototype Sistem Informasi Monitoring Perjalanan Dinas PT Airmedia Persada

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').'")

Page 67: Prototype Sistem Informasi Monitoring Perjalanan Dinas PT Airmedia Persada

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.

Page 68: Prototype Sistem Informasi Monitoring Perjalanan Dinas PT Airmedia Persada

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

Page 69: Prototype Sistem Informasi Monitoring Perjalanan Dinas PT Airmedia Persada

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.

Page 70: Prototype Sistem Informasi Monitoring Perjalanan Dinas PT Airmedia Persada

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

Page 71: Prototype Sistem Informasi Monitoring Perjalanan Dinas PT Airmedia Persada

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.

Page 72: Prototype Sistem Informasi Monitoring Perjalanan Dinas PT Airmedia Persada

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

Page 73: Prototype Sistem Informasi Monitoring Perjalanan Dinas PT Airmedia Persada

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.

Page 74: Prototype Sistem Informasi Monitoring Perjalanan Dinas PT Airmedia Persada

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

Page 75: Prototype Sistem Informasi Monitoring Perjalanan Dinas PT Airmedia Persada

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

Page 76: Prototype Sistem Informasi Monitoring Perjalanan Dinas PT Airmedia Persada

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.

Page 77: Prototype Sistem Informasi Monitoring Perjalanan Dinas PT Airmedia Persada

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.

Page 78: Prototype Sistem Informasi Monitoring Perjalanan Dinas PT Airmedia Persada

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

Page 79: Prototype Sistem Informasi Monitoring Perjalanan Dinas PT Airmedia Persada

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.

Page 80: Prototype Sistem Informasi Monitoring Perjalanan Dinas PT Airmedia Persada

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

Page 81: Prototype Sistem Informasi Monitoring Perjalanan Dinas PT Airmedia Persada

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.

Page 82: Prototype Sistem Informasi Monitoring Perjalanan Dinas PT Airmedia Persada

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

Page 83: Prototype Sistem Informasi Monitoring Perjalanan Dinas PT Airmedia Persada

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

Page 84: Prototype Sistem Informasi Monitoring Perjalanan Dinas PT Airmedia Persada

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

Page 85: Prototype Sistem Informasi Monitoring Perjalanan Dinas PT Airmedia Persada

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

Page 86: Prototype Sistem Informasi Monitoring Perjalanan Dinas PT Airmedia Persada

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

Page 87: Prototype Sistem Informasi Monitoring Perjalanan Dinas PT Airmedia Persada

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

Page 88: Prototype Sistem Informasi Monitoring Perjalanan Dinas PT Airmedia Persada

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

Page 89: Prototype Sistem Informasi Monitoring Perjalanan Dinas PT Airmedia Persada

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

Page 90: Prototype Sistem Informasi Monitoring Perjalanan Dinas PT Airmedia Persada

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

Page 91: Prototype Sistem Informasi Monitoring Perjalanan Dinas PT Airmedia Persada

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).

Page 92: Prototype Sistem Informasi Monitoring Perjalanan Dinas PT Airmedia Persada

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.