You are on page 1of 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

David Alfa Sunarna

Laporan Kerja Praktek

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

Pembimbing Kerja Praktek

Esti Suryani, S.Si, M.Kom

M. Irfan A, M.Kom

NIP. 19761129 200812 2 001

Lead System Analyst & Developer

ii
PT Air Media Persada

David Alfa Sunarna

Laporan Kerja Praktek

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

Dosen Penguji

Esti Suryani, S.Si., M.Kom

Rini Anggrainingsih S.T.,M.T.

NIP. 19761129 200812 2 001

NIP. 197809092008122002

Mengetahui,
Ketua Jurusan

Direktur

Teknik Informatika

PT. Airmedia Persada

Drs. Bambang Harjito, M.App.Sc., PhD

Sri Bagus Respati, M.T

NIP. 19621130 199103 1 002

iii
PT Air Media Persada

networking. 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. data flow diagram (DFD) dan aplikasi yang diperlukan dalam merancang sebuah situs seperti Apache Web Server dan MySQL. desain web.David Alfa Sunarna Laporan Kerja Praktek PROTOTYPE SISTEM INFORMASI MONITORING PERJALANAN DINAS BERBASIS WEB DAN MOBILE David Alfa Sunarna NIM. ERD. pengadaan hardware. Kata kunci : Hypertext Preprocessor (PHP). DFD. Prototype sistem informasi monitoring Perjalanan Dinas diharapkan bisa dikembangkan dan digunakan pada suatu perusahaan/instansi untuk meminimalisir penyelewengan kegiatan Perjalanan Dinas. PT Air Media Persada membuat banyak prototype sistem monitoring yang nanti akan dikembangkan berdasarkan kebutuhan klien dari suatu instansi/perusahaan. Sistem Monitoring iv PT Air Media Persada . Procedural. dan training di bidang teknologi informasi. Perancangan sistem pengelolaan berbasis web ini dibangun dengan menggunakan bahasa pemrograman procedural PHP dengan entity relationship diagram (ERD).

networking. procurement of hardware. ERD. Sistem Monitoring v PT Air Media Persada . 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. 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. and training in information technology. Prototype information system monitoring business travel is expected to be developed and used in a company / institution to minimize fraud activity trip.David Alfa Sunarna Laporan Kerja Praktek PROTOTYPE SISTEM INFORMASI MONITORING PERJALANAN DINAS BERBASIS WEB DAN MOBILE David Alfa Sunarna NIM. Keywords : Hypertext Preprocessor (PHP). 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. Procedural. DFD. web design.

S. Ibu Esti Suryani. Bambang Harjito M. karena itu penulis menyampaikan terima kasih kepada : 1. M. 14 November 2014 Penulis vi PT Air Media Persada . Ph. Penulis mengucapkan puji syukur kepada Tuhan Yesus Kristus atas kasih karunianya penulis dapat menyelesaikan laporan Kerja Praktek ini. Bapak Irfan beserta staff PT Air Media Persada. Surakarta.App.Kom.. Kedua orang tua dan saudara-saudaraku yang telah memberikan dukungan sehingga penulis bisa menyelesaikan laporan ini. 5.David Alfa Sunarna Laporan Kerja Praktek KATA PENGANTAR Shalom. selaku Dosen Pembimbing yang telah memberikan pengarahan selama proses penyusunan laporan ini. Teman-teman seperjuangan di Jurusan Informatika angkatan 2011 yang telah berbagi pengetahuan dan pengalaman. Bapak Drs. Laporan ini tidak akan selesai tanpa adanya bantuan dari banyak pihak. Semoga Tuhan membalas jerih payah dan pengorbanan yang telah diberikan dengan balasan yang lebih baik. 3. yang telah membimbing penulis dalam melaksanakan Kerja Praktek.Si. selaku Ketua Jurusan Informatika FMIPA UNS. 2. Salam sejahtera. salam sejahtera bagi kita semua.D..Sc. serta memberi motivasi. Semoga laporan Kerja Praktek ini bermanfaat dan dapat memberikan sumbangsih bagi pihak-pihak yang berkepentingan. 4.

............................................................2 SISTEM INFORMASI.................................................2 RUMUSAN MASALAH.........6 2.....v KATA PENGANTAR.....................................................................6 ENTITY-RELATIONSHIP DIAGRAM (ERD).......................................David Alfa Sunarna Laporan Kerja Praktek DAFTAR ISI HALAMAN PERSETUJUAN........................................................3 1.................3 1...........................6 BAB III LANDASAN TEORI........................................5 METODOLOGI..............……………………………ii HALAMAN PENGESAHAN…..........................................................................................2 1...............................5 2...................................................... 15 3.....1 LATAR BELAKANG MASALAH..........................vi BAB I PENDAHULUAN.............................2 1................................................................5 PRODUK DAN JASA.......1 GAMBARAN UMUM PT AIR MEDIA PERSADA............................................................................................................……………..................14 3...............................................................................................................................3 BATASAN MASALAH...................................................5 2.........................iv ABSTRACT.................................................................................................................................................................................………………iii ABSTRAK...........4 BAB II GAMBARAN UMUM INSTANSI...............6 2....................................……….......5 2.........................................13 3.....................................................3 MISI ..........................................3 BASIS DATA................................17 vii PT Air Media Persada .....................................................................................................................................7 DATA FLOW DIAGRAM..........12 3.....…………………………................4 TUJUAN DAN MANFAAT.............1 PERJALANAN DINAS....5 NON-FUNCTIONAL REQUIREMENT..........................................................................14 3........................……………………………….4 FUNCTIONAL REQUIREMENT..............................................................................................................................................................................................................................................1 1...............2 VISI ..4 STRUKTUR ORGANISASI.....................12 3............6 SKEMA PENULISAN............................................................................................................1 1........................................................................................12 3................................................................

..... 50 4.......................45 4........6 PROSES 3.................................................5...................9 HYPERTEXT MARKUP LANGUANGE (HTML)...........................................................1 MENAMBAH KEGIATAN...25 4.......................3 PROSES 3......................................................................1 MELIHAT KEGIATAN..........1.......41 4..................................................5 IMPLEMENTASI ....................49 4.................................................................3....................................................24 4..............................5.....52 4..................3 DESKRIPSI TABEL.1 DESKRIPSI UMUM SISTEM................................................................................34 4...............48 4.........................3.................2 DATA FLOW DIAGRAM LEVEL 1..41 4...............26 4..........2 MENGHAPUS KEGIATAN........2 PROSES 2 MENAMBAH USER...........4 MODEL PROSES .........1 HIERARKI PROSES ................... 20 BAB IV DESAIN DAN IMPLEMENTASI.....................4 PROSES 3.......5........................1........................1 PROSES 1 MENGIMPOR PEGAWAI................2 FUNGSI UTAMA PERANGKAT LUNAK.....................................................8 PROSES 4......................5.......................................................................................4....................42 4...27 4....................................................3 SUNTING KEGIATAN............................................................................. 34 4.David Alfa Sunarna Laporan Kerja Praktek 3......45 4................4....................................2 MELIHAT KEGIATAN TERKAIT..............................................2..........................1 ENTITY-RELATIONSHIP DIAGRAM .................2...3 DATA FLOW DIAGRAM LEVEL 2.............5.......................1.............................................8 PHP ............................................3 DESAIN DATA ..............1.............................. 42 4.......24 4...............47 4.........5.................................................................................24 4.3 SPESIFIKASI TAMBAHAN.35 4.......................................3...53 viii PT Air Media Persada ..................4 DESAIN USER INTERFACE ....................................................................................37 4..................................................................................................................................................2..................2 DATA FLOW DIAGRAM........................2 STORY BOARD........ 46 4....................................................................2 DATA SCHEMA..............5.......................7 PROSES 4...........4 MEMBATALKAN KEGIATAN.......47 4..............1 WINDOWS NAVIGATION DIAGRAM................................5..........5 PROSES 3........................................51 4......1 KEBUTUHAN PERANGKAT LUNAK..19 3..................51 4.........................

....5...70 BAB V PENUTUP ...............................................3 MELIHAT LAPORAN KEGIATAN.........................................................................5...........................................................David Alfa Sunarna Laporan Kerja Praktek 4.............................................54 4.........................................................78 5......54 4........................................53 4.....................................................54 4...........................................7 PENGUJIAN ...............................................................................................................................................................................................................10 PROSES 5 MENGUPLOAD DOKUMEN..............79 ix PT Air Media Persada ..............11 PROSES 6 VALIDASI KEGIATAN......2 SARAN ...........1 KESIMPULAN....................5...................6 IMPLEMENTASI ........................................................................78 5......9 PROSES 4....78 DAFTAR PUSTAKA ...

.........40 Tabel 4.................47 Tabel 4..1 Simbol-Simbol pada ERD.....14 Tabel Data File_Upload..........8 Tabel Data User........................................................................................................48 Tabel 4................................25 Proses 6 Validasi Kegiatan...........................................................................................................................2 Menghapus Kegiatan......42 Tabel 4...28 Tabel 4....................27 Tabel 4..........................50 Tabel 4.........................................12 Tabel Data Pegawaidankegiatan...31 Tabel 4...............22 Proses 4...........................52 Tabel 4..........................19 Tabel 4..51 Tabel 4........................18 Proses 3...........4 Membatalkan Kegiatan...........................................43 Tabel 4.....................................................................1 Fungsi Utama Perangkat Lunak..........................15 Proses 1 Impor Pegawai..................................20 Proses 3......................53 Tabel 4.....43 Tabel 4.............50 Tabel 4..........2 Kebutuhan Non Fungsional Perangkat Lunak...............................................................44 Tabel 4............David Alfa Sunarna Laporan Kerja Praktek DAFTAR TABEL Tabel 3..........5 Dekomposisi Kebutuhan Fungsional .........43 Tabel 4..........24 Proses 5 Mengunggah Dokumen.............................6 Kamus Data Flow Diagram .............3 Melihat Laporan Kegiatan....2 Melihat Kegiatan Terkait...................................23 Proses 4...........................................................................................................................44 Tabel 4............................26 Tabel 4.4 Deskripsi Proses Monitoring Perjalanan Dinas ....................................................................2 Simbol-Simbol pada ERD beserta contohnya.....................................................................................................................13 Tabel Data Hubungan_Kegiatan....1 Menambah Kegiatan......................................................16 Proses 2 Menambah User...........................................44 Tabel 4.49 Tabel 4...................................................27 Tabel 4......................53 Tabel 4.......................................................................................................................................................11 Tabel Data Kegiatan...........................21 Proses 4.....................................................................9 Tabel Data Userdanpegawai.................3 Entitas ..............47 Tabel 4.................................................................................10 Tabel Data Admin..............................................19 Proses 3.................54 x PT Air Media Persada ........................17 Proses 3..........................17 Tabel 3....................................................7 Tabel Data Pegawai.........3 Menyunting Kegiatan...43 Tabel 4..................................1 Melihat Kegiatan........................................

...................26 Pengujian ............................................................70 xi PT Air Media Persada .......David Alfa Sunarna Laporan Kerja Praktek Tabel 4....................

.....................................................35 Gambar 4.....................................46 Gambar 4..............................................25 Gambar 4.....27 Halaman Hasil Pencarian Kegiatan Perjalanan Dinas.........61 Gambar 4...........................................................................59 Gambar 4...............18 Profil Pegawai belum Terdaftar................................60 Gambar 4....56 Gambar 4.55 Gambar 4.........35 Gambar 4.34 Gambar 4...................................................................................................63 Gambar 4................................................15 Halaman Sunting User......5 DFD Level 2 Mengelola Kegiatan .................24 Halaman Detail Kegiatan Perjalanan Dinas...................3 Hierarki Proses Pegawai........................41 Gambar 4...................................25 Halaman Membatalkan Kegiatan Perjalanan Dinas................65 xii PT Air Media Persada ........................................................................12 Halaman Utama Admin.........................................................64 Gambar 4.....37 Gambar 4................................................................................................8 WND Admin ..................45 Gambar 4....1 Context Diagram / DFD Level 0............................................................14 Halaman Profil Pegawai Terdaftar...10 Story Board .......................................................................................................................................57 Gambar 4...................................59 Gambar 4............61 Gambar 4.............21 Halaman Melihat Kegiatan Perjalanan Dinas..........................................................................................2 Hierarki Proses Admin................................4 DFD Level 1 ............................54 Gambar 4...........................62 Gambar 4.....................................................28 Halaman Utama Pegawai..........45 Gambar 4.......................................................22 Halaman Menambah Kegiatan Perjalanan Dinas...........................55 Gambar 4...................................................................................................20 Halaman Hasil Pencarian Pegawai.........19 Menambah Akun Pegawai........57 Gambar 4................................23 Halaman Menyunting Kegiatan Perjalanan Dinas..David Alfa Sunarna Laporan Kerja Praktek DAFTAR GAMBAR Gambar 4....................26 Halaman Validasi Kegiatan Perjalanan Dinas...............................16 Halaman Hapus User....................................13 Halaman Akun Pegawai.........................................................................................................................................................39 Gambar 4.....................58 Gambar 4.7 ERD Perangkat Lunak ...64 Gambar 4..........................................................................65 Gambar 4............................11 Halaman Log In........................9 WND User .............................5 DFD Level 2 Melihat ..............17 Halaman Daftar Pegawai Keseluruhan........

.....31 Halaman Menghapus Laporan Kegiatan Perjalanan Dinas.67 Gambar 4...34 Halaman Melihat Kegiatan Perjalanan Dinas Tidak Terkait................................................29 Halaman Detail Kegiatan Perjalanan Dinas Terkait........................69 Gambar 4.........................68 Gambar 4........30 Halaman Hasil Upload Laporan Kegiatan Perjalanan Dinas...................................69 xiii PT Air Media Persada .......32 Halaman Kegiatan Perjalanan Dinas Tervalidasi........66 Gambar 4.......................67 Gambar 4..33 Halaman Melihat Kalender Kegiatan.....David Alfa Sunarna Laporan Kerja Praktek Gambar 4...................

pengadaan hardware. termasuk proyek monitoring Perjalanan Dinas (Anonim. intansi pendidikan sampai dengan perusahaan dan personal. Perjalanan Dinas terbagai menjadi dua yaitu Perjalanan Dinas jabatan dan Perjalanan Dinas pindah. 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. Pertanggungjawaban Biaya Perjalanan Dinas diatur dalam BAB IX.05/2012. networking. Berbagai proyek yang bertemakan managemen data akhir-akhir ini sedang dikembangkan di perusahaan ini. 2014). melaksanakan tugas. desain web. dan training di bidang teknologi informasi. PT Air Media Persada sendiri telah berpengalaman dengan berbagai segmen klien dari berbagai lembaga seperti instansi pemerintahan. 1 PT Air Media Persada . Badan Usaha Milik Negara (BUMN). Perjalanan Dinas Jabatan adalah Perjalanan Dinas melewati batas Kota dan/atau dalam Kota dari tempat kedudukan ke tempat yang dituju. Berdasarkan peraturan tersebut seperi yang disebutkan pada Pasal 2 ayat 2.05/2012. Perjalanan Dinas mempunyai acuan hukum dan penjelasan pada Peraturan Menteri Keuangan Republik Indonesia Nomor 113/PMK.dan kembali ke tempat kedudukan semula di dalam negeri.David Alfa Sunarna Laporan Kerja Praktek BAB I PENDAHULUAN 1. Perjalanan Dinas Dalam Negeri yang selanjutnya disebut Perjalanan Dinas adalah perjalanan ke luar tempat kedudukan yang dilakukan dalam wilayah Republik Indonesia untuk kepentingan negara.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. 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. Perjalanan Dinas Jabatan diatur dalam BAB IV Peraturan Menteri Keuangan Republik Indonesia Nomor 113/PMK.

2 PT Air Media Persada . 1. 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. mempunyai sistem report yang membuat utusan dinas dapat melaporkan kegiatan/pekerjaan yang dilakukan selama di tempat dinas melalui mobile web ataupun desktop. Pembuatan prototype sistem informasi ini ditujukan untuk instansi pemerintahan berdasarkan Peraturan Menteri Keuangan Republik Indonesia Nomor 113/PMK. dan fungsi verifikasi pada waktu utusan dinas membuat pertanggungjawaban.3 Batasan Masalah Batasan masalah dalam kerja praktek ini adalah : 1.David Alfa Sunarna Laporan Kerja Praktek Diperlukan suatu sistem yang baik yang dapat memonitoring kegiatan pegawai selama Perjalanan Dinas. Sistem ini merupakan bagian dari pengembangan software managemen data dari PT Airmedia Persada.05/2012. 2.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. Sistem ini memungkinkan manager/pemimpin/pihak yang bertanggung jawab melihat pekerjaan/kegiatan utusan dinas secara real time berdasarkan kalender kegiatan dinas. Fungsi dari aplikasi ini yang terutama adalah fungsi mengontrol. mempunyai sistem validasi yang dapat menentukan kegiatan yang dilakukan utusan dinas sudah valid atau tidak. Prototipe sistem informasi ini nantinya diharapkan akan menjadi basic/dasar dalam pengembangan sistem monitoring Perjalanan Dinas.

Desain Membuat rancangan logika aplikasi yang akan diimplementasikan pada tahap berikutnya. Pengumpulan Data a. Studi Literatur Studi literatur dilakukan dengan mencari bahan dan materi melalui internet dan buku. Mendukung usaha pemerintah dalam meminimalisir penyelewengan Perjalanan Dinas. Membantu atasan/manager suatu instansi dalam memonitoring Perjalanan Dinas secara terstruktur. 2. yang terdiri dari: 1.David Alfa Sunarna 1. Analisis Melakukan analisis kebutuhan terhadap sistem yang akan dikembangkan yang meliputi data dan fungsi yang diperlukan. 3 PT Air Media Persada .5 Metodologi Pembuatan sistem ini mengkaji dan membahas suatu masalah dalam bidang ilmu teknologi dan informatika baik didukung bidang ilmu manajemen maupun teknik. 2. Membantu pengembangan software PT Airmedia Persada dibidang managemen data. 3. Sementara manfaat dari sistem ini adalah: 1. 3.4 Laporan Kerja Praktek Tujuan dan Manfaat Tujuan dan manfaat dari sistem ini adalah membuat prototype sistem informasi monitoring Perjalanan Dinas kepegawaian berbasis web dan mobile. Wawancara Melakukan konsultasi kepada pembimbing Kerja Praktek dan PT Airmdia Persada berkaitan mengenai struktur dan proses yang ada dalam sistem Perjalanan Dinas. b. Metode yang dipakai dalam kerja praktek ini menjelaskan cara pelaksanaan kegiatan pembuatan sistem. 1.

5. 2. perancangan. basis data. 3. BAB I : berisi pendahuluan yang memuat tentang latar belakang masalah dari proyek kerja praktek. implementasi dan pengujian dari sistem yang dibuat yaitu Prototype Sistem Informasi Monitoring Perjalanan Dinas. misi. BAB III : berisi tinjauan pustaka tentang sistem perjalanan kedinasan. BAB IV : berisi analisis. serta struktur organisasi PT Air Media Persada. 4. metodologi kerja praktek dan sistematika penyusunan laporan yang digunakan oleh penulis. perancangan. sistem informasi.David Alfa Sunarna 4. 4 PT Air Media Persada . 1. Laporan Kerja Praktek Implementasi Membuat implementasi prototype sistem informasi monitoring Perjalanan Dinas. visi. BAB II : berisi gambaran singkat mengenai profil perusahaan. produk dan jasa. dan pengujian sistem yang dibuat oleh penulis. BAB VI : berisi kesimpulan dan saran dari analisis. rumusan masalah dan batasan masalah dari kerja praktek. tujuan dan manfaat kerja praktek. implementasi. rekayasa perangkat lunak.6 Skema Penulisan Sistematika dari penulisan laporan kerja praktek adalah sebagai berikut : 1.

serta berorientasi bisnis secara profesional.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 kualifikasi dan kompetensi internasional. Air Media menawarkan pilihan kerja sama yang optimal bagi klien dalam kebutuhan akan layanan teknologi informasi dan memberikan solusi dengan teknologi . Klien berasal dari berbagai lembaga. 5 PT Air Media Persada . dengan dijalankan oleh tenaga-tenaga pelaksananya yang telah berpengalaman dan profesional di bidangnya. mulai dari instansi iemerintahan. 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. 2. Badan Usaha Milik Negara (BUMN). pengadaan hardware. networking/jaringan serta training di bidang teknologi informasi (Anonim. 2014).teknologi tepat guna. institusi pendidikan sampai dengan perusahaan dan personal.David Alfa Sunarna Laporan Kerja Praktek BAB II GAMBARAN UMUM INSTANSI 2.2 Visi Air Media Persada bertekad untuk menjadi sebuah perusahaan layanan teknologi informasi. serta ditambah dengan tenaga-tenaga teknis yang berasal dari mahasiswa-mahasiswa terbaik lulusan dari universitas terkemuka di kota Yogyakarta dan Surakarta. dengan fokus pada pembuatan software sistem informasi manajemen . desain web. Telah berpengalaman dalam jasa layanan teknologi informasi selama bertahuntahun dengan berbagai segmen klien.

1. 7. M. c. 6.M. dan Irfan.5 4.T. Mengembangkan industri teknologi informasi dengan orientasi memasyarakatkan penggunaan teknologi informasi.3 Laporan Kerja Praktek Misi Untuk mewujudkan visi maka PT Airmedia Persada mempunya misi: a. produk dan jasa tersebut antara lain (Anonim. Air Media melayani pembuatan website untuk berbagai macam instansi. Logistik : Ali Rozikan Produk dan Jasa Seperti yang dilangsir dari situ web resminya. Marketing Executive : Imam. PT Air Media Persada memiliki produk-produk dan jasa yang didedikasikan kepada konsumen. Senior Programmer : Aris Kadirisman. 2.T. S.David Alfa Sunarna 2. 5. S.Kom.T. 2014): a) Desain Web Desain web dirancang menggunakan template premium yang akan membuat desain web setiap klien terlihat profesional. Mengakomodasi potensi sumber daya manusia dan mengembangkan peluang bisnis dalam bidang teknologi informasi yang ada. M. Document & Administration : Andri Kusuma Budi. seperti : 6 PT Air Media Persada . 2.Kom. Setiap klien akan mendapatkan desain yang unik yang akan membedakan dengan klien/web lainnya. Customer Care : Wahyu Agustine. 3. Memberikan kontribusi bagi perkembangan dan kemajuan teknologi informasi. Project Manager : Bagus Respati.T. b. serta berorientasi bisnis dan pelayanan yang profesional. S. S. System Analyst : Irfan. S. 2.4 Struktur Organisasi PT Air Medi Persada sendiri berupa tim yang terbagi sebagai berikut.

dengan dukungan teknologi komputer dan perangkat lunak yang kami sediakan. Monev mampu mengintegrasikan parameter-parameter evaluasi dan standar indikator setiap parameter perguruan 7 PT Air Media Persada . 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. organisasi. b) Sistem Informasi Managemen Perpustakaan Sistem Informasi Managemen Perpustakaan (SIM Perpus) dirancang terdiri dari beberapa versi : perguruan tinggi. perusahaan/bisnis. 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. Tingkat kompleksitas yang tinggi dalam pengelolaan administrasi akademik akan menjadi lebih mudah dikelola dengan penggunaan Sistem Informasi Akademik ini. d) Sistem Monitoring Evaluasi Sistem Monitoring Evaluasi (Monev) merupakan solusi bagi manajemen evaluasi akademik di perguruan tinggi. Sistem dilengkapi dengan fasilitas barcode reader yang akan mempercepat proses transaksi operasional Perpustakaan. sekolah dan Pemerintah Daerah.David Alfa Sunarna Laporan Kerja Praktek Pemerintah Daerah (Pemda). c) Siakad Sistem Informasi Akademik (Siakad) merupakan solusi bagi manajemen administrasi akademik di perguruan tinggi. sekolah dan personal.

Tren evaluasi dari tahun ke tahun pada setiap program studi. Perangkat lunak Monev dirancang dengan memperhatikan kemudahan penggunaan bagi user (user friendly). Dengan penggunaan teknologi web based. fakultas. fakultas. 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.David Alfa Sunarna Laporan Kerja Praktek tinggi ke dalam sebuah sistem informasi yang mampu menyimpan dan mengolah ribuan data akademik dari tahun ke tahun secara sistematis. 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. bidang-bidang pendukung akademik. 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. atau secara keseluruhan dengan kompleksitas yang tinggi dalam pengelolaan administrasi evaluasi akan menjadi lebih mudah dimonitor dengan penggunaan Sistem Informasi Monitoring Evaluasi ini. 8 PT Air Media Persada . di mana menu dan fasilitas yang terdapat dalam Monev ini telah diklasifikasikan berdasarkan program studi. baik yang bersifat lokal maupun internet/online. paremeter indikator beserta standar indikatornya. akan memudahkan penggunaan SI PSB/PMB tersebut dalam suatu jaringan client-server. dengan dukungan teknologi komputer dan perangkat lunak yang telah sediakan.

ruang beserta segala macam barang yang berada didalamnya. perpindahan dan kondisinya. nilai. khususnya kepada mahasiswa dan orang tua/wali. absensi. kemudian masuk sebagai barang aset dan terdata pada sebuah ruang. ruang dan bangunan. Aset yang tercatat dalamsoftware aplikasi ini meliputi gedung. Penerapan SMS Akademik akan mempermudah dan mempercepat penyampaian informasi akademik kepada mahasiswa. Aset-aset yang dimiliki oleh suatu instansi akan dapat dipantau tentang keberadaan. jadwal kuliah. terkait dengan aset apa saja yang ada di dalam ruang yang dapat dilakukan utilisasi dan sharing fasilitas antar departemen atau pihak terkait. dan keuangan. Sistem dikembangkan berdasarkan alur bisnis proses yang ada mulai dari pengadaan barang sampai dengan pendistribusiaannya. jadwal ujian. 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. 9 PT Air Media Persada .David Alfa Sunarna Laporan Kerja Praktek 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. dengan tujuan meningkatkan kualitas layanan secara keseluruhan. Sistem Informasi Aset dipersiapkan untuk kebutuhan perencanaan dalam utilisasi ruang.

Dengan penggunaan kedua teknologi tersebut. di mana user/klien tidak perlu lagi membeli software-software pendukung guna mengaplikasikan SIMPEG tersebut. (4) meningkatkan kinerja penyelenggaraan pemerintah daerah. 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. (2) menyediakan data secara tepat. akan memudahkan penggunaan SIPD tersebut dalam suatu jaringan client-server. baik yang bersifat lokal maupun internet. Secara spesifik tujuan dari pengembangan Sistem Informasi Kepegawaian adalah untuk mendukung integritas data. baik yang bersifat lokal maupun internet/online. (3) meningkatkan kelancaran komunikasi data dan informasi antar daerah (antar Kab. 10 PT Air Media Persada ./Kota dengan Provinsi dan antar daerah dengan pusat). cepat dan akurat serta infrastruktur bagi pengambil keputusan di tingkat daerah dan pusat. Dengan penggunaan teknologi web based. akan memudahkan penggunaan SIMPEG tersebut dalam suatu jaringan client-server. kemudahan pengaksesan. Tujuannya antara lain : (1) untuk meningkatkan kesadaran dan komitmen pemerintah daerah akan pentingnya data dan informasi.David Alfa Sunarna Laporan Kerja Praktek 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.

akan memudahkan penggunaan SIPP Site Plan tersebut dalam suatu jaringan client-server. 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.David Alfa Sunarna Laporan Kerja Praktek 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. Sistem Informasi Perijinan Pengesahan Site Plan (SIPP Site Plan) merupakan solusi bagi manajemen administrasi perijinan site plan di Dinas/Instanasi Pemerinatahan. di mana pihak Dinas/Instansi tidak perlu lagi membeli software-software pendukung guna mengaplikasikan SIPP Site Plan kami tersebut. 11 PT Air Media Persada . Dengan penggunaan teknologiweb. dengan dukungan teknologi komputer dan perangkat lunak yang kami sediakan. baik yang bersifat lokal maupun internet.

Pegawai Tidak Tetap. dan (3) tata cara penggunaannya (Sutono.2007). Bidang. apa yang sedang terjadi sekarang dan apa yang mungkin akan terjadi dimasa yang akan datang tentang organisasi tersebut (Sutono. Perjalanan Dinas Dalam Negeri yang selanjutnya disebut Perjalanan Dinas adalah perjalanan ke luar tempat kedudukan yang dilakukan dalam wilayah Republik Indonesia untuk kepentingan negara. Istilah tersebut menyiratkan suatu maksud yang ingin dicapai dengan jalan memilih dan mengatur data serta menyusun tatacara penggunaannya. Pegawai Negeri. Bagian sampai pada unit terkecil dibawahnya.05/2012.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. seperti Departemen atau Lembaga suatu Instansi Pemerintahan yang dapat dijabarkan menjadi Direktorat.David Alfa Sunarna Laporan Kerja Praktek BAB III LANDASAN TEORI 3. Istilah sistem informasi menyiratkan suatu pengumpulan data yang terorganisasi beserta tatacara penggunaanya yang mencakup lebih jauh daripada sekedar penyajian. Keberhasilan suatu sistem informasi yang diukur berdasarkan maksud pembuatannya tentu bergantung pada tiga faktor utama yaitu (1) keserasian dan mutu data. Informasi menjelaskan mengenai organisasi atau salah satu sistem utamanya mengenai apa yang telah terjadi di masa lalu. Surat Perjalanan Dinas yang selanjutnya disingkat SPD adalah dokumen yang diterbitkan oleh Pejabat Pembuat Komitmen dalam rangka pelaksanaan Perjalanan Dinas bagi Pejabat Negara. 2007) 12 PT Air Media Persada . (2) pengorganisasian data. 3. dan Pihak Lain. Para pemakai biasanya tergabung dalam suatu entity organisasi formal.1 Perjalanan Dinas Perjalanan dinas mempunyai acuan hukum pada Peraturan Menteri Keuangan Republik Indonesia Nomor 113/PMK.

Hubungan (relationship) 13 PT Air Media Persada . bunyi. pembacaan. 3. dan menampilkan (displaying) informasi (Kristianto. 1993). dan perlindungan terhadap basis data. peristiwa. Sistem manajemen basisdata adalah sistem yang berbentuk suatu rangkaian dari metode yang memungkinkan pemberian definisi. mengambil (retrieving). 1993) : a. gambar. Satu rekaman atau catatan mewakili satu data atau satu informasi. pengendalian. hewan. Sedangkan data merupakan fakta yang mewakili suatu objek seperti manusia. e. namun berbeda-beda nilai datanya. d. keadaan dan lain sebagainya yang dapat dicatat dan mempunyai arti yang implisit. penciptaan. mentransmisikan (transmitting). Rekaman atau catatan (record) Rekaman atau catatan (record) adalah suatu kumpulan elemen yang saling berkaitan yang saling menginformasikan tentang suatu kesatuan (entity) secara lengkap. atau kombinasinya (Kristanto. b.David Alfa Sunarna Laporan Kerja Praktek Sistem informasi adalah suatu tipe khusus dari sistem kerja yang fungsi internalnya terbatas pada pemrosesan informasi dengan melakukan enam tipe operasi: menangkap (capturing). c. perubahan. memanipulasi (manipulating). menyimpan (storing). Kesatuan (entity) Kesatuan (entity) adalah orang. Data dicatat atau direkam dalam bentuk angka. 2011). Beberapa definisi yang harus dipahami dalam konsep dan perancangan basis data adalah antara lain (Kristanto. simbol. pemeliharaan. huruf. Atribut (atribute) Atribut merupakan item data yang menjadi bagian dari suatu kesatuan (entity).3 Basis Data (Database) Basis data dapat diartikan sebagai kumpulan data tentang suatu benda atau kejadian yang saling berhubungan satu sama lain. tempat kejadian atau konsep yang informasinya direkam pada basisdata. Berkas (file) Berkas (file) adalah kumpulan rekaman atau catatan (record) sejenis yang mempunyai elemen yang sama.

2003). sistem operasi yang digunakan. 2003). besarnya kapasitas penyimpanan yang diperlukan. keamanan data.maka kegagalan memenuhi kebutuhan jenis ini berakibat pada sistem secara keseluruhan. dan bisa menerima perubahan dengan otoritas khusus. standar-standar tertentu. privasi masingmasing profil /account.  Sistem mampu catat transaksi peminjaman.  Harus komplit (kebutuhan layanan jelas dan lengkap) dan konsisten (tidak kontradiksi dengan yang didefinisikan).  Semua peminjam memiliki pengenal yang unik. Functional requirement menggambarkan system requirement secara detil seperti input.5 Non-functional Requirement Non-functional Requirement secara umum berisi batasan-batasan pada pelayanan atau fungsi yang disediakan oleh sistem (Kristanto. Contoh dalam kasus peminjaman buku di perpustakaan:  Pengguna bisa mencari semua informasi tentang buku atau bisa memilih salah satu dari informasi tentang buku.David Alfa Sunarna Laporan Kerja Praktek Hubungan (relationship) adalah asosiasi yang terjadi antara dua kesatuan. bahasa pemrograman yang digunakan. batasan proses pembangunan.4 Functional Requirement Functional Requirement merupakan penjelasan tentang layanan yang perlu disediakan oleh sistem. Karena berkaitan dengan kebutuhan sistem secara keseluruhan. dan bagaimana sistem mengatasi situasi-situasi tertentu (Kristanto. pengembalian dan denda secara lengkap. bagaimana sistem menerima dan mengolah masukan. Selain itu kadangkadang juga secara jelas menentukan apa yang tidak dikerjakan oleh sistem.  Hari libur bisa di-set sejak awal. 3. 3. Contoh kebutuhan jenis ini adalah kecepatan akses. Non functional requirement dibagi menjadi 3 tipe yaitu: 14 PT Air Media Persada . Termasuk di dalamnya adalah batasan waktu. output dan pengecualian yang berlaku.

relasinya adalah mendaftar.  Organisational requirement Berkaitan dengan standar. ERD bersama-sama dengan detail pendukung merupakan model data yang pada gilirannya digunakan sebagai spesifikasi untuk database. dan Buku. Sementara seolah-olah teknik diagram atau alat peraga memberikan dasar untuk desain database relasional yang mendasari sistem informasi yang dikembangkan. biasanya oleh analis sistem dalam tahap analisis persyaratan proyek pengembangan sistem. dan privasi. legalitas. entity adalah objek yang menarik di bidang organisasi yang dimodelkan. kecepatan. Contoh : Mahasiswa mendaftar sebagai anggota perpustakaan (KAP). bahasa pemrograman dan metode rancangan yang digunakan. interoperabilitas dengan sistem lain. kapasitas memori yang dibutuhkan dan efisiensi sistem. Hubungan (relasi/relationship) Suatu hubungan adalah hubungan antara dua jenis entity dan direpresentasikan sebagai garis lurus yang menghubungkan dua entity. Entity Relationship Diagram (ERD) merupakan teknik yang digunakan untuk memodelkan kebutuhan data dari suatu organisasi.  External requirement Berkaitan dengan masalah etika penggunaan. 3. Brady dan Loonam (2010). Contoh : Mahasiswa.David Alfa Sunarna  Laporan Kerja Praktek Product requirement Berkaitan dengan kehandalan. 15 PT Air Media Persada . 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. Dalam pembentukan ERD terdapat 3 komponen yang akan dibentuk yaitu : a.6 Entity-relationship Diagram (ERD) Menurut salah satu para ahli. kemudahan digunakan. Kartu Anggota Perpustakaan (KAP). b. Pengertian lainnya menurut Brady dan Loonam (2010).

Total. tidak dapat dipecah/ dipilah lagi Contoh : Alamat. begitu pula sebaliknya. atau atribut yang dihasilkan dari atribut lain atau dari suatu relationship. tahun terbit. dan nama belakang  Atribut Derivatif Atribut yang tidak harus disimpan dalam database Ex. nama tengah.  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.David Alfa Sunarna Laporan Kerja Praktek c. 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. 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. Contoh : dari entity nama yaitu nama depan. NIM dan nomor pokok lainnya  Atribut simple Atribut yang bernilai atomic. 16 PT Air Media Persada . penerbit. Dikatakan unik jika pada atribut yang dijadikan key tidak boleh ada baris data dengan nilai yang sama Contoh : Nomor Pokok Mahasiswa (NPM). judul buku. yaitu terdapat beberapa pengarang. Atribut Atribut memberikan informasi lebih rinci tentang jenis entity. One to One (1:1) Setiap anggota entity A hanya boleh berhubungan dengan satu anggota entity B.  Atribut Multivalue Nilai dari suatu attribute yang mempunyai lebih dari satu (multivalue) nilai dari atrribute yang bersangkutan Contoh : dari sebuah buku. Atribut memiliki struktur internal berupa tipe data.

dan interaksi antara data yang tersimpan dan proses yang dikenankan pada data tersebut. proses apa yang menghasilkan data tersebut. One to many (1:M / Many) Setiap anggota entity A dapat berhubungan dengan lebih dari satu anggota entity B tetapi tidak sebaliknya. Weak Entitiy 3. Identifying Relationship 5. dimana data di simpan. Atribut Multivalue 8.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. Atribut Primary Key 7. 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. Atribut 6. 2010) Notasi Arti 1. Dengan demikian data flow diagram adalah alat yang 17 PT Air Media Persada . 3. Entity 2. Atribut Derivatif 3. Relationship 4.David Alfa Sunarna Laporan Kerja Praktek 2.1 Simbol-Simbol pada ERD (Brady&Loonam.

yaitu simbol entity. 18 PT Air Media Persada . proses dan data storage. Arus data ini mengalir diantara proses. simpanan. Data flow (arus data) Arus data di DFD diberi simbol panah. Data store (simpanan data) Simpanan data (data store) merupakan simpanan dari data yang dapat berupa suatu file atau database di komputer.David Alfa Sunarna Laporan Kerja Praktek digunakan untuk menggambarkan aliran data melalui sistem dan kerja atau pengolahan yang dilakukan oleh sistem tersebut. Process (proses) Suatu proses adalah kegiatan atau kerja yang dilakukan oleh orang. dan kesatuan luar. aliran data. 3. yaitu: 1. External Entity (kesatuan Luar) atau Boundary (batas sistem) Setiap sistem pasti memiliki batas sistem (boundary) yang memisahkan suatu sistem dengan lingkungan luarnya. 4. Terdapat 4 (empat simbol dasar untuk perwakilan tertentu dalam membuat DFD. Kesatuan luar (external entity) merupakan kesatuan di lingkungan luar sistem yang dapat berupa orang. Simbol-sombol yang digunakan di DFD mewakili maksud tertentu. suatu arsip atau catatan manual dan lain sebagainya. mesin atau komputer dari hasil suatu arus data yang masuk ke dalam proses untuk dihasilkan arus data yang akan keluar dari proses. organisasi atau sistem lainya yang berada di lingkungan luarnya yang memberikan input atau menerima output dari sistem. 2.

2 Simbol-Simbol pada ERD beserta contohnya (Kristanto. nama bahasa ini diubah menjadi "PHP: Hypertext Prepocessor" dengan singkatannya "PHP". Pada awalnya PHP adalah singkatan dari "Personal Home Page Tools". Mitsubishi.8 PHP PHP adalah singkatan dari "PHP: Hypertext Prepocessor". Selanjutnya diganti menjadi FI ("Forms Interpreter").0. PHP versi terbaru adalah versi ke-5.David Alfa Sunarna Laporan Kerja Praktek Tabel 3. Berdasarkan survey Netcraft pada bulan Desember 1999. Berikut adalah contoh program yang menampilkan huruf “Hello Word” yang ditulis dalam php: 19 PT Air Media Persada . 2003) 3. PHP diciptakan oleh Rasmus Lerdorf pertama kali tahun 1994. di antaranya adalah NASA. dan RedHat (PHP. lebih dari sejuta site menggunakan PHP. yaitu bahasa pemrograman yang digunakan secara luas untuk penanganan pembuatan dan pengembangan sebuahsitus web dan bisa digunakan bersamaan dengan HTML. 2014). Sejak versi 3.

5. IIS.David Alfa Sunarna Laporan Kerja Praktek Berikut ini adalah contoh program yang relatif lebih kompleks yang ditulis dengan menggunakan PHP. Bahasa pemrograman PHP adalah sebuah bahasa script yang tidak melakukan sebuah kompilasi dalam penggunaannya. antara lain (Zend.milis dan developer yang siap membantu dalam pengembangan. Macintosh. Unix. 2.mana dari mulai apache. PHP adalah bahasa scripting yang paling mudah karena memiliki referensi yang banyak. 3. Contoh program ini adalah program untuk menampilkan 20 bilangan pertama dari deret bilangan Fibonacci. hingga Xitami dengan konfigurasi yang relatif mudah. Dalam sisi pengembangan lebih mudah. seperti function dan merupakan bagian dari javascript. 4.9 Hypertext Markup Languange (HTML) HyperText Markup Language (HTML) adalah sebuah bahasa markah yang digunakan untuk membuat sebuah halaman web. Lighttpd. Beberapa kelebihan PHP dari bahasa pemrograman web. karena banyaknya milis . Windows) dan dapat dijalankan secara runtime melalui console serta juga dapat menjalankan perintah-perintah system. Web Server yang mendukung PHP dapat ditemukan dimana . PHP adalah bahasa open source yang dapat digunakan di berbagai mesin (Linux.terdapat beberapa variable atau sintax. Dalam sisi pemahamanan. 3. menampilkan berbagai informasi di dalam sebuah penjelajah web Internet dan pemformatan hiperteks sederhana yang ditulis 20 PT Air Media Persada . 2014): 1.

Dengan kata lain. tab. dan perataan text yang dikehendaki ke komputer yang menampilkan halaman web. HTML adalah sebuah standar yang digunakan secara luas untuk menampilkan halaman web. Sedangkan penjelajah web digunakan untuk menginterpretasikan susunan halaman ke gaya built-in penjelajah web dengan menggunakan jenis tulisan. 21 PT Air Media Persada . diikuti oleh tulisan yang ingin ditebalkan. maka penulisannya dilakukan dengan cara: < b> TAMPIL TEBAL</b>. Bermula dari sebuah bahasa yang sebelumnya banyak digunakan di dunia penerbitan dan percetakan yang disebut denganSGML (Standard Generalized Markup Language).David Alfa Sunarna Laporan Kerja Praktek dalam berkas format ASCII agar dapat menghasilkan tampilan wujud yang terintegerasi. 2001). Pengguna Microsoft Windows pun tidak akan dapat melihat tampilan yang sama sebagaimana tampilan yang terlihat pada pengguna yang menggunakan Produk-produk Sun Microsystems. warna. HTML lebih menekankan pada penggambaran komponen-komponen struktur dan format di dalam halaman web daripada menentukan penampilannya. 2006). Tanda < b> digunakan untuk mengaktifkan instruksi cetak tebal. dan diakhiri dengan tanda </b> untuk menonaktifkan cetak tebal tersebut. berkas yang dibuat dalam perangkat lunak pengolah kata dan disimpan dalam format ASCII normal sehingga menjadi halaman web dengan perintah-perintah HTML. namun demikian pengguna-pengguna tersebut dapat melihat semua halaman web yang telah diformat dan berisi Grafika dan Pranala (Andi. HTML dibuat oleh kolaborasi Caillau TIM dengan Berners-lee Robert ketika mereka bekerja di CERN pada tahun 1989. HTML saat ini merupakan standar Internet yang didefinisikan dan dikendalikan penggunaannya oleh World Wide Web Consortium (W3C). HTML dokumen tersebut mirip dengan dokumen tulisan biasa. Pengguna Macintosh tidak dapat melihat tampilan yang sama sebagaimana tampilan yang terlihat dalam pc berbasis Windows. CERN adalah lembaga penelitian fisika energi tinggi di Jenewa (Williard. garis. Sebagai contoh jika ingin membuat tulisan ditampilkan menjadi tebal seperti: TAMPIL TEBAL. Salah satu hal Penting tentang eksistensi HTML adalah tersedianya Lingua franca (bahasa Komunikasi) antar komputer dengan kemampuan berbeda. hanya dalam dokumen ini sebuah tulisan bisa memuat instruksi yang ditandai dengan kode atau lebih dikenal dengan TAG tertentu.

1.org/"> Wikipedia</a> akan menampilkan Wikipedia sebagai sebuah hyperlink ke URLtertentu). Browser menyimpan “title” sebagai bookmark dan juga untuk keperluan pencarian (searching) biasanya title digunakan sebagai keyword. Tanda yang menunjukkan pranala ke bagian dari dokumen tersebut atau pranala ke dokumen lain (contoh. Konsep hypertext pada HTML memungkinkan pembuatan link pada suatu kelompok kata atau frasa untuk menuju ke bagian manapun dalam World Wide Web. list (< li>).David Alfa Sunarna Laporan Kerja Praktek Secara garis besar terdapat 4 jenis elemen dari HTML: 1. Elemen widget yang membuat objek-objek lain seperti tombol (< button>). Struktural. Berikut adalah contoh dari dokumen HTML sederhana beserta bagian-bagiannya. 4. Presentasional. Di dalam bagian ini biasanya dimuat tag TITLE yang menampilkan judul halaman pada titlenya browser. Tanda yang menentukan tampilan dari sebuah tulisan tidak peduli dengan level dari tulisan tersebut (contoh. < a href="http://www. Hiperteks.wikipedia. Tanda presentasional saat ini sudah mulai digantikan oleh CSS dan tidak direkomendasikan untuk mengatur tampilan tulisan. Selain itu Bookmark juga menggunakan tag TITLE untuk memberi mark suatu web site. Tanda yang menentukan level atau tingkatan dari sebuah tulisan (contoh. dan garis horizontal (< hr>). < b> boldface</b> akan menampilkan bold. < h1> Golf</h1> akan memerintahkan peramban untuk menampilkan "Golf" sebagai tulisan tebal besar yang menunjukkan sebagai Heading 1 2. Head Dokumen HTML diapit oleh tag < HEAD></HEAD>. Header juga memuat tag META yang biasanya dapat digunakan untuk menentukan informasi tertentu 22 PT Air Media Persada . 3.

Elemen Body Bagian BODY. keywords. yang dinyatakan dengan tag < BODY>…</BODY>. dinyatakan dalam bentuk </nama tag> Formatnya: <nama tag> teks yang ditampilkan </nama tag>. Misalnya. Tag ini dinyatakan dengan tanda lebih kecil (<) dan tanda lebih besar (>). right atau justify. Tag yang digunakan adalah <P> dan atribut yang menyertainya adalah ALIGN dengan nilai left.David Alfa Sunarna Laporan Kerja Praktek mengenai document HTML. Contoh: 2. 3. Tag biasanya merupakan suatu pasangan yang disebut dengan:  Tag awal. Atribut Tag awal bisa memiliki beberapa buah atribut yang menyatakan karakteristik dari tag tersebut. Suatu elemen HTML terdiri dari tag-tag beserta teks yang ada dalam tag-tag tersebut. dan lainnya pada tag META. Tag HTML tidak membedakan penggunaan huruf besar ataupun huruf kecil dari suatu elemen. dinyatakan dalam bentuk <nama tag>  Tag akhir. 23 PT Air Media Persada . merupakan tubuh atau isi dari dokumen HTML dimana anda meletakan informasi yang akan ditampilkan pada browser. Anda bisa menentukan author name. left. 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. Nilai atribut ALIGN hanya bisa berupa center. <P ALIGN=”left”>digunakan untuk membuat rata kiri suatu paragraf.

1 Requirement Analysis / Deskripsi Umum Sistem Peraturan Menteri Keuangan Republik Indonesia Nomor 113/PMK. 3. boarding pass. 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.05/2012 BAB IX Pasal 34 mengatur tentang pertanggungjawaban perjalanan dinas. Aplikasi ini berkaitan dengan entity pegawai. Surat Tugas yang sah dari atasan Pelaksana SPD. 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. SPD yang telah ditandatangani oleh PPK dan pejabat di tempat pelaksanaan perjalanan Dinas atau pihak terkait yang menjadi Tempat Tujuan Perjalanan Dinas.1. Sistem aplikasi ini juga merupakan suatu database aplikasi yang menyimpan dokumen dan bukti terkait Perjalanan Dinas yang dibutuhkan untuk 24 PT Air Media Persada . dan bukti pembayaran moda transportasi lainnya. tiket pesawat. 2. Daftar Pengeluaran Riil sesuai dengan format sebagaimana tercantum dalam Lampiran IX yang merupakan bagian tidak terpisahkan dari Peraturan Menteri ini. airport tax. dan 6. 4. bukti pembayaran hotel atau tempat menginap lainnya. Pertanggungjawaban biaya Perjalanan Dinas Jabatan harus melampirkan dokumen berupa: 1. 5. 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. retribusi.1 Kebutuhan Perangkat Lunak 4.David Alfa Sunarna Laporan Kerja Praktek BAB IV DESAIN DAN IMPLEMENTASI 4.

beserta keterkaitannya dengan entity diluar sistem atau external entity seperti keterkaitannya dengan pengguna. Admin berperan memberikan akun dan kegiatan yang dilakukan pegawai sehingga pegawai bisa melihat jadwal dan profilnya. Tujuan dari pengembangan prototype Sistem Informasi Monitoring Perjalanan Dinas adalah untuk menciptakan sebuah sistem yang dapat mengelola Perjalanan Dinas di suatu instansi.David Alfa Sunarna Laporan Kerja Praktek mempertanggungjawabkan perjalanan dinas. Setelah itu kemudian admin akan memberikan validasi terhadap kegiatan Perjalanan Dinas yang sudah dilaporkan user. admin dan pegawai sama-sama melakukan akses ke sistem. Dokumen Perjalanan Dinas yang harus diupload sudah disebutkan pada peraturan menteri diatas.rar atau *.zip. Sistem informasi ini juga membantu pegawai untuk melihat jadwal Perjalanan Dinas dan rincian/susunan acara Perjalanan Dinas yang ditugaskan kepadanya.1. 4. Instansi bersangkutan yang menggunakan rancangan aplikasi ini mendapatkan seluruh informasi yang ada pada aplikasi ini. Dan berikut adalah detail dari fungsi utama dari sistem ini dalam bentuk tabel: 25 PT Air Media Persada . Pada CD Sistem Monitoring Perjalanan Dinas. Seorang pegawai melakukan Perjalanan Dinas dan mengunggah dokumen bukti terkait Perjalanan Dinas yang dilakukannya.2 Fungsi Utama Perangkat Lunak Gambar 4. Context Diagram menggambarkan sistem secara garis besar. Kemudian pegawai berperan untuk melaporkan kegiatan yang sudah dilaksanakan ke sistem. Semua dokumen dan bukti tersebut dikumpulkan menjadi satu kemudian dikompresi menjadi ekstensi berbentuk *.1 Context Diagram Tahapan pertama dalam proses penggambaran sistem adalah membuat DFD tingkat 0 atau sering disebut juga Context Diagram.

Untuk maintenance dan update data dilakukan dalam 4 kali dalam setahun.Sistem dapat berjalan di perambah Google Chrome. Usability User interface system ini dapat diakses di OS Windows dan Linux menggunakan browser Google Chrome. Mozilla Firefox. Design Constrains (Portability) .Sistem melakukan update 4 kali dalam setahun . Opera Security Tidak dapat dilakukan sql injection pada sistem ini. Realibility Sistem ini dapat diakses dalam 24 jam.David Alfa Sunarna Laporan Kerja Praktek Tabel 4. 4. dan Opera. 2. 3.3 Spesifikasi Tambahan 1.Sistem dapat berjalan di OS Windows dan Linux .1. Mozilla Firefox.Responsive web – based application . 26 PT Air Media Persada .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.

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. Pegawai juga dapat melihat jadwal dan detail Perjalanan Dinas yang berkaitan dengannya kemudian melaporkan pelaksanaan kegiatan tersebut ke sistem.3 Entitas No 1 Entitas Pegawai Deskripsi Pegawai adalah aktor utama dalam sistem ini.4 Model Proses 1. Pegawai harus didaftarkan oleh admin agar bisa melakukan log in ke dalam sistem. Linux 3 Sistem dapat berjalan di perambah Google Chrome. Opera. Pegawai dapat melihat profilnya.David Alfa Sunarna Laporan Kerja Praktek Tabel 4. Entitas 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. Mozilla Firefox.1. 27 PT Air Media Persada . melihat jadwal dan susunan acara Perjalanan Dinas secara keseluruhan.

lama kegiatan. dan rincian kegiatan. 3 User User merupakan sebutan bagi pengguna sistem yang telah melakukan log in. menyunting Perjalanan Dinas. melihat susunan acara Perjalanan Dinas. tanggal kegiatan.David Alfa Sunarna Laporan Kerja Praktek Tabel 4. menambah susunan acara Perjalanan Dinas. Admin juga dapat melihat siapa penanggung jawab kegiatan dan hubungan kegiatan dengan kegiatan sebelumnya. menghapus Perjalanan Dinas. menambah Perjalanan Dinas. User yang dimaksud disini adalah Admin dan Pegawai. dan menyunting susunan acara Perjalanan Dinas. tempat kegiatan.3 Lanjutan No 2 Entitas Admin Deskripsi Admin adalah user yang dapat melihat jadwal.4 Deksripsi Proses Monitoring Perjalanan Dinas No Data Flow Deskripsi 1 Melihat Perjalanan Proses melihat Perjalanan Dinas oleh Admin dan Dinas Pegawai yang terdiri dari nama kegiatan. menghapus 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. 2. Khusus untuk admin dapat melihat apakah dokumen terkait Perjalanan Dinas tersebut sudah dilaporkan oleh pegawai yang bertanggung jawab atau belum. 28 PT Air Media Persada . Deskripsi Proses Tabel 4.

tanggal kegiatan (mulai dan akhir). rincian kegiatan. dan siapa pegawai yang bertanggung jawab untuk melaporkan berkas berkas Perjalanan Dinas. tempat kegiatan. Setelah dihapus maka semua detail kegiatan dan pegawai yang berhubungan akan dihapus. 4 Menyunting Jadwal Proses menyunting Perjalanan Dinas berdarkan Perjalanan Dinas nomor identity dan status validasi kegiatan Perjalanan Dinas. Dapat dilakukan oleh Admin. Proses ini hanya dapat dilakukan oleh Admin. 6 Menambah Pegawai Admin dapat menambah pegawai yang dapat yang dapat log in masuk ke sistem. lama kegiatan. hubungan kegiatan. Admin juga dapat mengganti pegawai yang bertanggung jawab dan hubungan Perjalanan Dinas. 5 Memvalidasi Jika semua dokumen acara dan bukti foto kegiatan Perjalanan Dinas Perjalanan Dinas sudah diperiksa dan dinyatakan valid atau dinyatakan benar-benar dilaksanakan maka Admin dapat memvalidasi Perjalanan Dinas yang berkaitan.David Alfa Sunarna Laporan Kerja Praktek Tabel 4. 29 PT Air Media Persada .4 Lanjutan No Data Flow Deskripsi 2 Menambah Proses menambah Perjalanan Dinas oleh Admin. 3 Menghapus Proses menghapus kegiatan Perjalanan Dinas Perjalanan Dinas berdasarkan nomor identity kegiatan Perjalanan Dinas. Perjalanan Dinas Terdiri dari nama kegiatan.

zip kemudian diupload ke dalam sistem. bukti tiket perjalanan. Semua dokumen dan bukti tersebut dikumpulkan menjadi satu kemudian dikompresi menjadi ekstensi berbentuk *.4 Lanjutan No Data Flow Deskripsi 7 Melihat daftar Admin dapat melihat keseluruhan daftar pegawai. Yang dilaporkan adalah daftar hadir Terkait kegiatan yang sudah discan. telepon.csv. alamat. Melaporkan Pegawai dapat melaporkan Perjalanan Dinas yang Perjalanan Dinas ditempuhnya. pegawai pegawai yang dapat masuk ke dalam sistem. 9 10 Melihat Perjalanan Pegawai dapat melihat Perjalanan Dinas yang Dinas Terkait menjadi tanggung jawabnya dan statusnya. 12 Sistem mengimpor Sistem dapat mengimpor data pegawai dari file daftar pegawai berekstensi *. foto bukti Perjalanan Dinas. maupun pegawai yang tidak bisa masuk ke dalam sistem. surat tugas Perjalanan Dinas. 30 PT Air Media Persada . 11 Melihat Profil Pegawai dapat melihat profil dirinya yang sudah ada di database karyawan yang terdiri dari nomor pegawai.rar atau *. email yang didaftarkan. dan jabatan. nama. 8 Menghapus daftar Admin dapat menghapus data email dan password pegawai pegawai sehingga pegawai yang berkaitan tidak dapat masuk ke dalam sistem. dll.David Alfa Sunarna Laporan Kerja Praktek Tabel 4.

Perjalanan tanggal_akhir. Pegawai Perjalanan lama_kegiatan. dilaksanakan Dinas (admin). tempat. dapat Dinas tanggal_mulai. melihat tanggal_akhir. tempat.David Alfa Sunarna Laporan Kerja Praktek Tabel 4. rincian.5 Dekomposisi Kebutuhan Fungsional No Fungsi 1 Modul Admin dan Melihat Tabel Input Tabel Output id_kegiatan nama. id_kegiatan validasi referensi (admin). id_kegiatan. Perjalanan (admin). jadwal rincian. id_file (admin). dapat Perjalanan lama_kegiatan. Dinas penanggung_jawab. id_file(admin) 2 Admin Menambah nama. menambah Dinas tanggal_mulai. id_kegiatan_referensi 3 Admin Menghapus dapat Perjalanan menghapus Dinas id_kegiatan - Perjalanan Dinas 31 PT Air Media Persada .

telepon. id_kegiatan. . penanggung_jawab. . Dinas penaggung_jawab. np (nomor email. lama_kegiatan.5 Lanjutan No Fungsi Modul Tabel Input Tabel Output 4 Admin Menyunting id_kegiatan. nama. nama. validasi rincian. dapat Perjalanan tempat. tempat. g tanggal_mulai. foto. rincian. id_kegiatan_referensi dilaksanakan.David Alfa Sunarna Laporan Kerja Praktek Tabel 4. Perjalanan tanggal_akhir. statistik daftar akun Pegawai 32 PT Air Media Persada . jabatan. menyuntin Dinas lama_kegiatan. id_file validasi si Perjalanan Dinas 6 Admin Menambah email. nama. validasi. np id_user dapat Pegawai (nomor pegawai) Admin Melihat id_user. dapat Daftar pegawai) melihat Pegawai menambah akun Pegawai 7 alamat. id_kegiatan_referens i 5 Admin Memvalidas dapat i Perjalanan memvalida Dinas id_kegiatan. password. tanggal_mulai. tanggal_akhir.

David Alfa Sunarna

Laporan Kerja Praktek

Tabel 4.5 Lanjutan
No Fungsi

Modul

Tabel Input

Tabel Output

8

Admin

Menghapus

id_user

-

dapat

Pegawai

id_kegiatan, id_user

nama,

menghapus
akun
Pegawai
9

Pegawai

Melihat

tempat,

dapat

Perjalanan

lama_kegiatan,

melihat

Dinas

tanggal_mulai,

Perjalanan

Terkait

tanggal_akhir,

Dinas yang

validasi,

terkait

dilaksanakan, rincian,

dengannya

id_kegiatan_referensi,
id_file

10

Pegawai

Melaporkan

dapat

Perjalanan

melaporkan

Dinas

id_kegiatan, dokumen id_file

Perjalanan
Dinas yang
terkait
dengannya
11

Pegawai

Melihat

id_user, np (nomor email, , nama, alamat,

dapat

Profil

pegawai)

melihat

telepon,

jabatan,

statistik

profilnya

33
PT Air Media Persada

David Alfa Sunarna

Laporan Kerja Praktek

Tabel 4.5 Lanjutan
No Fungsi
12

Modul

Sistem dapat Mengimpor
mengimpor

Tabel Input

daftar pegawai dari np (nomor pegawai),

data pegawai spreadsheet

dan

Tabel Output

berekstensi .csv

nama, alamat, telepon,
jabatan

mengekspor
data
pegawai ke
dalam
bentuk csv

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

34
PT Air Media Persada

David Alfa Sunarna

Laporan Kerja Praktek

Gambar 4.3 Hierarki Proses Pegawai

4.2.2. Data Flow Diagram Level 1

Gambar 4.4 DFD Level 1

35
PT Air Media Persada

Pada proses ini input yang dimasukkan berupa email dan password ke data pegawai. Pada proses ini input yang dimasukkan berupa nomor identity (id) dari kegiatan Perjalanan Dinas. Pada proses ini pegawai mengunggah dokumen kegiatan yang menjadi tanggung jawabnya. Hasil dari proses ini adalah daftar pegawai yang tersimpan di dalam pegawai. 4. dan tanggal user melakukan upload. Proses Mengelola Kegiatan Proses ini hanya dapat dilakukan oleh admin. menyunting. email. 2. Pada proses ini admin melakukan pengelolaan kegiatan seperti menambah. Hasil dari proses ini adalah pegawai yang sudah mempunyai akun (id_user.David Alfa Sunarna Laporan Kerja Praktek Data Flow Diagram yang digambarkan diatas terdiri dari enam proses. 3. 1. detail. Hasil dari proses ini adalah tampilan daftar kegiatan Perjalanan Dinas. Pada proses ini admin dan pegawai memilih menu yang telah disediakan untuk melihat kegiatan. dan password) untuk dapat masuk ke dalam sistem. Perlu diketahui bahwa inputan np dari proses diatas mempunyai arti nomor pegawai. Proses Mengimport Pegawai Proses ini hanya dapat dilakukan oleh admin. 36 PT Air Media Persada . Proses Menambah User Proses ini hanya dapat dilakukan oleh admin. Hasil dari proses ini adalah jadwal kegiatan Perjalanan Dinas beserta user yang bertanggung jawab untuk melaporkan. Hasil dari proses ini adalah rincian file yang diupload pegawai seperti nama. dan membatalkan. Proses ini input yang dimasukkan file. Pada proses ini input yang dimasukkan berupa data biodata pegawai. menghapus. Proses Mengupload Dokumen Proses ini hanya dapat dilakukan oleh pegawai. 5. lokasi penyimpanan. Proses Melihat Proses ini dapat dilakukan oleh admin dan pegawai.

Proses ini input yang dimasukkan berupa persetujuan validasi kegiatan. menghapus kegiatan. Proses Validasi Kegiatan Proses ini hanya dapat dilakukan oleh admin. 4. Data Flow Diagram Level 2 DFD Level 2 untuk proses mengelola kegiatan terdiri dari empat proses utama yaitu: menambah kegiatan.3. Gambar 4. dan membatalkan kegiatan. menyunting kegiatan. Hasil dari proses ini adalah kegiatan Perjalanan Dinas yang sudah tervalidasi dan dianggap sudah benarbenar dilaksanakan. admin dapat mengunduh file tersebut. Setelah pegawai melakukan upload.5 DFD Level 2 Mengelola Kegiatan 37 PT Air Media Persada .David Alfa Sunarna Laporan Kerja Praktek 6.2.

melihat kegiatan terkait. Membatalkan Kegiatan Admin dapat membatalkan kegiatan dengan memasukkan inputan id kegiatan. 2. Hasil dari proses ini berupa kegiatan Perjalanan Dinas yang berubah detailnya. tempat. tanggal akhir. Hasil dari proses ini adalah kegiatan Perjalanan Dinas. Menambah Kegiatan Admin dapat menambah kegiatan Perjalanan Dinas dan memberikan inputan berupa nama. tanggal mulai. hubungan kegiatan Perjalanan Dinas. Hasil dari proses ini adalah kegiatan Perjalanan Dinas yang tidak terhapus dari sistem tetapi mempunyai status dibatalkan. pegawai yang bertanggung jawab. Hasil dari proses ini adalah Perjalanan Dinas baru beserta user yang bertanggung jawab. 4. dan melihat laporan kegiatan. rincian.David Alfa Sunarna Laporan Kerja Praktek Masing-masing rincian prosesnya adalah sebagai berikut: 1. DFD Level 2 untuk proses mengelola kegiatan terdiri dari tiga proses utama yaitu: melihat kegiatan. Menyunting Kegiatan Admin dapat menyunting rincian kegiatan selama kegiatan tersebut belum tervalidasi. hubungan dengan kegiatan lain. 38 PT Air Media Persada . laporan kegiatan. 3. dan hubungan kegiatan. dan pegawai yang bertanggung jawab. pegawai yang bertanggung jawab terhapus dari sistem. Menghapus Kegiatan Admin dapat menghapus kegiatan dengan memberikan inputan id kegiatan.

Proses Melihat Laporan Kegiatan Admin bisa melihat/mengunggah laporan kegiatan yang siudah diupload oleh pegawai. Sementara pada pegawai hanya tampilan Perjalanan Dinas saja tanpa disertai status. Hasil dari proses ini berupa tampilan Perjalanan Dinas yang siap diupload laporannya. Hasil dari proses ini berupa file laporan kegiatan dan detail uploadnya. Hasil dari proses ini pada admin berupa tampilan detail Perjalanan Dinas . dan hubungannya dengan kegiatan lain. Proses Melihat Kegiatan Admin dan pegawai dapat melihat Perjalanan Dinas.David Alfa Sunarna Laporan Kerja Praktek Gambar 4. 2. dan hubungan kegiatan. validasi. staus validasi. 3. status upload. 39 PT Air Media Persada . Proses Melihat Kegiatan Terkait Pegawai dapat melihat Perjalanan Dinas yang menajadi tanggung jawabnya.6 DFD Level 2 Melihat Penjelasan dari proses diatas adalah sebagai berikut: 1.

Tabel 4. Melihat 3. Akan ada turunan proses kedua yang berarti DFD akan mencapai level dua seperti disebutkan diatas.1 Melihat Kegiatan Admin.2 Melihat Kegiatan Terkait User 4. Mengunggah Dokumen User 6. Mengimport Pegawai Admin 2. Validasi Kegiatan Admin 40 PT Air Media Persada .David Alfa Sunarna Laporan Kerja Praktek Berikut adalah tabel kamus Data Flow Diagram (DFD) berdasarkan DFD yang telah dijabarkan diatas.4 Membatalkan Kegiatan Admin 4. User 4. Menambah User Admin 3.3 Sunting Kegiatan Admin 3.2 Menghapus Kegiatan Admin 3.1 Menambah Kegiatan Admin 3.6 Kamus Data Flow Diagram Nama Proses Turunan Proses Kedua Aktor 1. Mengelola Kegiatan 4.3 Melihat Laporan Admin 5.

41 PT Air Media Persada . USER menguplad dokumen laporan.3 Desain Data 4.David Alfa Sunarna Laporan Kerja Praktek 4. email dan password) untuk masuk ke dalam sistem.7 ERD Perangkat Lunak Beberapa keterangan terkait ERD diatas adalah:  Pada proses melaporkan.  ADMIN merupakan bagian dari pegawai.  Suatu kegiatan bisa terkait atau menjadi kegiatan lanjutan dari kegiatan Perjalanan Dinas lainnya dan dicatat di entity Hubungan_Kegiatan.3.1 Entity-relationship Diagram Gambar 4.  USER merupakan pegawai yang mempunyai akun (id_user.

7 Tabel Data Pegawai Field np (nomor pegawai) nama alamat telepon jabatan Data Type Integer Width 16 Varchar Text Varchar Text 50 15 Key Primary Default Not Null Extra Not Null Not Null Not Null Not Null 2.tanggal upload file laporan yang diupload oleh pegawai.3.csv yang telah disesuaikan formatnya seperti tabel ini. 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. 4.detik.David Alfa Sunarna Laporan Kerja Praktek 4.2 Data Schema Gambar 4. Tabel ini dapat diisi secara cepat dengan cara mengimport data dari file berektensi .3. Tabel 4.8 Data Schema Perangkat Lunak Tabel FILE_UPLOAD digunakan untuk menampung informasi lokasi. 42 PT Air Media Persada . Pegawai Tabel ini digunakan untuk menampung data pegawai yang ada di dalam suatu instansi atau perusahaan.3 Deskripsi Tabel 1.

Kegiatan Tabel ini menampung detik kegiatan/Perjalanan Dinas seperti nama.10 Tabel Data Admin Field id_admin Data Type Integer Width 4 email password np Varchar Text Integer 30 10 Key Primary Default Not Null Foreign Key Not Null Not Null Not Null Extra Auto Increment 5.8 Tabel Data User Field id_user Data Type Integer Width 4 email password Varchar Text 30 Key Primary Key Default Not Null Extra Auto Increment Not Null Not Null 3. Foreign Key Default Not Null Extra Auto Increment Not Null 4. tanggal dilaksanakan. Admin Tabel ini menampung data pegawai yang menjadi admin. Tabel 4. Userdanpegawai Tabel ini merupakan normalisasi dari tabel User dan Pegawai dimana pegawai yang mempunyai akun (id_user.9 Tabel Data Userdanpegawai Field id_userp Data Type Integer Width 4 np Varchar 30 Key Primary Key. dll. Tabel 4. dan password) untuk masuk ke dalam sistem akan ditampung datanya disini. tempat.David Alfa Sunarna Laporan Kerja Praktek Tabel 4. email.11 Tabel Data Kegiatan Field id_kegiatan Data Type Integer nama tempat lama_kegiatan tanggal_mulai tanggal_akhir validasi rincian dilaksanakan Text Text Integer Date Date Boolean Text Boolean Width 4 2 Key Primary Default Not Null Extra Auto Increment Not Null Not Null Not Null Not Null Not Null 43 PT Air Media Persada . Tabel 4.

Tabel 4. Pegawai&Kegiatan Tabel ini merupakan normalisasi dari tabel Pegawai dan Kegiatan. Hubungan_Kegiatan Tabel ini mendaftar kegiatan yang saling berhubungan satu sama lainnya. Tabel ini berisi data nomor identity Perjalanan Dinas beserta nomor pegawai yang bertanggung jawab melaporkan.13 Tabel Data Hubungan_Kegiatan Field id_kegiatan id_kegiatan_referensi Data Type Integer Integer Width 4 4 Key Primary Foreign Key Default Not Null Not Null Extra 8.14 Tabel Data File_Upload Field id_file Data Type Integer Width 11 Key Primary Default Not Null id_kegiatanFile filename detail dateupload Integer Text Text Date 11 Foreign Key Not Null Not Null Not Null Not Null Extra Auto Increment 44 PT Air Media Persada .David Alfa Sunarna Laporan Kerja Praktek 6. Tabel 4. Tabel 4. File_Upload Tabel ini memuat data laporan kegiatan Perjalanan Dinas yang diupload oleh pegawai.12 Tabel Data Pegawaidankegiatan Field id Data Type Integer Width 4 Key Primary Default Not Null np id_kegiatan Integer Integer 10 4 Foreign Key Foreign Key Not Null Not Null Extra Auto Increment 7.

1. Windows Navigation Diagram (WND) Gambar 4.8 WND Admin Gambar 4.9 WND User 45 PT Air Media Persada .4 Desain User Interface 4.4.David Alfa Sunarna Laporan Kerja Praktek 4.

David Alfa Sunarna 4. Laporan Kerja Praktek Story Board Gambar 4.4.10 Story Board Sistem Informasi Perjalanan Dinas 46 PT Air Media Persada .2.

email. password) values ('$email'. Proses 1 Mengimpor Pegawai Tabel 4.2. nama.jabatan) values('$data[0]'.csv). email.csv) Output nomor pegawai. telepon.'$data[3]'. Proses 2 Menambah User Tabel 4.telepon.'$pass') insert into userdanpegawai (id_userp. alamat.5.5 Implementasi 4.'$data[1]'.15 Proses 1 Impor Pegawai Nama Proses Mengimport Pegawai Input data pegawai (. id_user.16 Proses 2 Menambah User Nama Proses Menambah User Input np. insert into user (email.David Alfa Sunarna Laporan Kerja Praktek 4.nama.1. insert into pegawai(np.5.alamat.'$id') 47 PT Air Media Persada . np) values ('$id_user'. jabatan Algoritma read(data pegawai. password Algoritma read(np). password Output np.'$data[4]') 4.'$data[2]'.

tanggalMulai. '$tanggalMulai'. rincian. tempat. dilaksanakan) values ('$nama'. lama_kegiatan. rincian. nama. id_kegiatan_referensi). tanggalAkhir. dilaksanakan read(np. id_kegiatan_referensi) values('$id_kegiatan_utama'. id_kegiatan_referensi. '$dilaksanakan') insert into pegawaidankegiatan (id_kegiatan. np.'$id_kegiatan_terhubung') 48 PT Air Media Persada .1 Menambah Kegiatan Tabel 4. tempat. id_kegiatan_referensi Output np. rincian. password Algoritma id_kegiatan.5. tanggalAkhir. lama_kegiatan. tanggalMulai.David Alfa Sunarna Laporan Kerja Praktek 4. validasi. email. '$tanggalAkhir'. Proses 3. tanggalMulai. np) values('$id_kegiatan'. lama_kegiatan. '$rincian'. '$validasi'. id_user.3. tempat.1 Menambah Kegiatan Nama Proses Menambah Kegiatan Input nama.'$tempat'.17 Proses 3. insert into kegiatan (nama. tanggalAkhir. np.'$penanggungJawab') insert into hubungankegiatan (id_kegiatan. validasi.'$lamaKegiatan'.

David Alfa Sunarna Laporan Kerja Praktek 4. 49 PT Air Media Persada .4.$id.$id."'").$id. $query=mysql_query("delete from hubungankegiatan where id_kegiatan='".2 Menghapus Kegiatan Tabel 4. $query=mysql_query("delete from pegawaidankegiatan where id_kegiatan='". $query=mysql_query("delete from hubungankegiatan where id_kegiatan_referensi='"."'")."'").$id."'")."'").2 Menghapus Kegiatan Nama Proses Menghapus Kegiatan Input id_kegiatan Output Algoritma read(id_kegiatan).18 Proses 3. $query=mysql_query("delete from file_upload where id_kegiatanFile='". $query=mysql_query("delete from kegiatan where id_kegiatan='".$id. Proses 3.5.

5.3 Sunting Kegiatan Tabel 4. update kegiatan set dilaksanakan='1' where id_kegiatan='". tempat."' 50 PT Air Media Persada . np.20 Proses 3. np. tanggalMulai.4 Membatalkan Kegiatan Nama Proses Membatalkan Kegiatan Input id_kegiatan Output dilaksanakan Algoritma read(id_kegiatan). tempat.19 Proses 3.David Alfa Sunarna Laporan Kerja Praktek 4. tanggalAkhir. id_kegiatan_referensi Algoritma read(id_kegiatan).5. nama. tanggalAkhir. id_kegiatan_referensi where id_kegiatan=’id_kegiatan’ 4. rincian. rincian. Proses 3. lama_kegiatan. tanggalAkhir.$id_kegiatan. id_kegiatan_referensi Output id_kegiatan.4 Membatalkan Kegiatan Tabel 4. tanggalMulai. np.3 Menyunting Kegiatan Nama Proses Sunting Kegiatan Input id_kegiatan. tanggalMulai. lama_kegiatan.6. lama_kegiatan.5. rincian. nama. update kegiatan set nama. Proses 3. tempat.

tempat. Proses 4. np. nama. tempat.5. tanggalAkhir. id_kegiatan_referensi. rincian. nama. lama_kegiatan. dilaksanakan) } 51 PT Air Media Persada . tanggalAkhir. dilaksanakan Algoritma $query=mysql_query("select * from kegiatan order by tanggalMulai DESC"). lama_kegiatan.1 Melihat Kegiatan Nama Proses Membatalkan Kegiatan Input Output id_kegiatan.1 Melihat Kegiatan Tabel 4. id_kegiatan_referensi. tanggalMulai. tanggalMulai.David Alfa Sunarna Laporan Kerja Praktek 4. while($row=mysql_fetch_array($query)) { display( id_kegiatan. validasi.21 Proses 4.7. np. rincian. validasi.

while($row=mysql_fetch_array($query)) { display( id_kegiatan."' and pegawaidankegiatan.22 Proses 4. rincian. tanggalAkhir.id_kegiatan order by tanggalMulai DESC"). nama. validasi.5. Proses 4. tanggalAkhir.pegawaidankegiatan where pegawaidankegiatan. nama. np. $query=mysql_query("select * from kegiatan. np.David Alfa Sunarna Laporan Kerja Praktek 4. lama_kegiatan. tempat. dilaksanakan) } 52 PT Air Media Persada . rincian.np='". validasi. tanggalMulai.2 Melihat Kegiatan Terkait Nama Proses Membatalkan Kegiatan Input np Output id_kegiatan. tanggalMulai. lama_kegiatan.id_kegiatan=kegiatan.2 Melihat Kegiatan Terkait Tabel 4. dilaksanakan Algoritma read(np). tempat.$np. id_kegiatan_referensi.8. id_kegiatan_referensi.

folder.5. insert into file_upload(id_kegiatanFile. detail. id_kegiatanFile.$file_name.$id_kegiatan. "'.5. Proses 5 Mengupload Dokumen Tabel 4. filename."'". dateupload Algoritma read(id_kegiatan).detail.9.$folder. folder.10.24 Proses 5 Mengunggah Dokumen Nama Proses Membatalkan Kegiatan Input id_kegiatan Output id_file.3 Melihat Laporan Kegiatan Nama Proses Membatalkan Kegiatan Input id_kegiatan Output file laporan Algoritma read(id_kegiatan).3 Melihat Laporan Kegiatan Tabel 4. $sql4 = "select * from file_upload where id_kegiatanFile='". "'.dateupload) values ("'."'.David Alfa Sunarna Laporan Kerja Praktek 4.$_POST['keterangan'].date('Y-m-d H:i:s').'". Proses 4.23 Proses 4. 4.'".$id.'".filename.'"."'.'") 53 PT Air Media Persada .

1 Halaman Log in Gambar 4.David Alfa Sunarna Laporan Kerja Praktek 4.6."' 4. 54 PT Air Media Persada .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='".5.11.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.$id.11 Halaman Log In Gambar 4. Proses 6 Validasi Kegiatan Tabel 4.6 Implementasi Software 4.

12 merupakan tampilan awal yang muncul ketika superuser/admin masuk ke dalam sistem.2 Halaman utama admin Gambar 4.David Alfa Sunarna Laporan Kerja Praktek 4.12 Halaman Utama Admin Gambar 4.6.13 Halaman Akun Pegawai 55 PT Air Media Persada .6.3 Melihat pegawai yang sudah mempunyai akun Gambar 4. 4. Admin dapat melihat jadwal pelaksanaan kegiatan Perjalanan Dinas melalui kalender.

14 Halaman Profil Pegawai Terdaftar Gambar 4.13 merupakan tampilan yang akan muncul ketika admin akan melihat data pegawai yang sudah mempunyai akun (id_user.David Alfa Sunarna Laporan Kerja Praktek Gambar 4. email. dan password) dan bisa masuk ke dalam sistem.14 merupakan tampilan yang akan muncul ketika admin akan melihat detail pegawai yang sudah bisa masuk ke dalam sistem.6. 4.4 Melihat profil pegawai yang sudah mempunyai akun Gambar 4. 56 PT Air Media Persada . Akan disajikan statistik kegiatan Perjalanan Dinas dari pegawai yang terkait.

6. 4.6 Menghapus 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.6.16 Halaman Hapus User 57 PT Air Media Persada .15 Halaman Sunting User Gambar 4.5 Menyunting user Gambar 4.David Alfa Sunarna Laporan Kerja Praktek 4.

David Alfa Sunarna

Laporan Kerja Praktek

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.

58
PT Air Media Persada

David Alfa Sunarna

Laporan Kerja Praktek

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

59
PT Air Media Persada

David Alfa Sunarna

Laporan Kerja Praktek

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.

60
PT Air Media Persada

22 Halaman Menambah Kegiatan Perjalanan Dinas 61 PT Air Media Persada .21 merupakan tampilan yang akan muncul ketika admin melihat semua kegiatan Perjalanan Dinas yang telah dibuat.David Alfa Sunarna 4.11 Laporan Kerja Praktek Melihat kegiatan Perjalanan Dinas Gambar 4.21 Halaman Melihat Kegiatan Perjalanan Dinas Gambar 4.12 Menambah kegiatan Perjalanan Dinas Gambar 4. Akan ditampilkan status kegiatan untuk mengetahui mana saja kegiatan yang sudah memiliki laporan dan divalidasi.6.6. 4.

23 Halaman Menyunting Kegiatan Perjalanan Dinas Gambar 4.David Alfa Sunarna Laporan Kerja Praktek Gambar 4.23 merupakan tampilan yang akan muncul ketika admin akan menyunting kegiatan Perjalanan Dinas yang sudah ada.6.13 Menyunting kegiatan Perjalanan Dinas Gambar 4.22 merupakan tampilan yang akan muncul ketika admin akan membuat kegiatan Perjalanan Dinas baru.14 Menghapus kegiatan Perjalanan Dinas Gambar 4. 4. 4.6.24 Halaman Hapus Kegiatan Perjalanan Dinas 62 PT Air Media Persada .

15 Melihat detail kegiatan Perjalanan Dinas Gambar 4. 4. Akan tertera notifikasi apakah laporan sudah diupload.25 Halaman Detail Kegiatan Perjalanan Dinas Gambar 4.24 merupakan tampilan yang akan muncul ketika admin akan menghapus kegiatan Perjalanan Dinas.David Alfa Sunarna Laporan Kerja Praktek Gambar 4. 63 PT Air Media Persada .6.25 merupakan tampilan yang akan muncul ketika admin melihat detail kegiatan Perjalanan Dinas.

16 Laporan Kerja Praktek Halaman membatalkan kegiatan Perjalanan Dinas Gambar 4. 4.26 Halaman Membatalkan Kegiatan Perjalanan Dinas Gambar 4.27 merupakan tampilan yang akan muncul ketika admin akan membatalkan kegiatan Perjalanan Dinas.27 Halaman Validasi Kegiatan Perjalanan Dinas Gambar 4.6.17 Halaman memvalidasi kegiatan Perjalanan Dinas Gambar 4.David Alfa Sunarna 4.6. 64 PT Air Media Persada .26 merupakan tampilan yang akan muncul ketika admin akan membatalkan kegiatan Perjalanan Dinas.

19 Halaman utama pegawai (Perjalanan Dinas terkait) Gambar 4.18 Laporan Kerja Praktek Halaman hasil pencarian kegiatan Gambar 4.28 Halaman Hasil Pencarian Kegiatan Perjalanan Dinas Gambar 4.29 Halaman Utama Pegawai 65 PT Air Media Persada .28 merupakan tampilan yang akan muncul ketika admin mencari kegiatan Perjalanan Dinas berdasarkan nama kegiatan. 4.David Alfa Sunarna 4.6.6.

30 merupakan tampilan yang muncul ketika pegawai melihat detail kegiatan Perjalanan Dinas yang menjadi tanggung jawabnya. Terlihat tabel berisi Perjalanan Dinas yang menjadi tanggung jawab pegawai beserta statusnya.29 merupakan tampilan yang muncul ketika pegawai masuk ke dalam sistem.zip atau *.rar.20 Melihat detail kegiatan Perjalanan Dinas terkait dan upload laporan Gambar 4.30 Halaman Detail Kegiatan Perjalanan Dinas Terkait Gambar 4. 4.David Alfa Sunarna Laporan Kerja Praktek Gambar 4.6. Form upload digunakan untuk mengunggah laporan Perjalanan Dinas yang berekstensi *. 66 PT Air Media Persada .

David Alfa Sunarna 4.21 Laporan Kerja Praktek Melihat detail kegiatan perjalan dinas yang sudah diupload laporannya Gambar 4. Karena laporan sudah diunggah maka akan muncul notifikasi yang memberitahu bahwa pegawai sudah mengupload laporan kegiatan.22 Menghapus laporan kegiatan yang sudah diupload Gambar 4.31 merupakan tampilan yang muncul ketika pegawai melihat detail kegiatan Perjalanan Dinas yang menjadi tanggung jawabnya.32 Halaman Menghapus Laporan Kegiatan Perjalanan Dinas 67 PT Air Media Persada . 4.6.31 Halaman Hasil Upload Laporan Kegiatan Perjalanan Dinas Gambar 4.6.

David Alfa Sunarna Laporan Kerja Praktek Gambar 4.33 Halaman Kegiatan Perjalanan Dinas Tervalidasi Gambar 4.32 merupakan tampilan yang muncul ketika pegawai akan menghapus laporan kegiatan yang sudah diunggah.6. 68 PT Air Media Persada . 4.23 Melihat kegiatan Perjalanan Dinas yang sudah tervalidasi Gambar 4.33 merupakan tampilan yang muncul ketika pegawai melihat detail kegiatan Perjalanan Dinas yang sudah divalidasi oleh admin. Hal ini bisa dilakukan selama kegiatan Perjalanan Dinas belum divalidasi.

34 merupakan tampilan yang muncul ketika pegawai melihat kalender jadwal kegiatan Perjalanan Dinas. Akan 69 PT Air Media Persada .David Alfa Sunarna 4.34 Halaman Melihat Kalender Kegiatan Gambar 4.6.35 merupakan tampilan yang muncul ketika pegawai melihat detail kegiatan Perjalanan Dinas yang bukan menjadi tanggung jawabnya.25 Melihat detail kegiatan Perjalanan Dinas yang tidak terkait Gambar 4.24 Laporan Kerja Praktek Melihat kalender kegiatan Gambar 4.6.35 Halaman Melihat Kegiatan Perjalanan Dinas Tidak Terkait Gambar 4. 4.

Klik Pilih File .Membuka jendela Sesuai open pada broser .Jika sukses maka data Sesuai pegawai berhasil ditambahkan ke dalam database 70 PT Air Media Persada .Jika sukses maka Hasil Sesuai redirect ke halaman admin .Klik User.7 Pengujian Pengujian yang dilakukan dalam pembangunan sistem ini menggunakan metode Black Box testing.David Alfa Sunarna Laporan Kerja Praktek muncul notifikasi yang memberitahu bahwa kegiatan ini bukan menjadi tanggung jawab pegawai. tab . Berikut ini adalah hasil pengujiannya: Tabel 4.26 Hasil Pengujian Black Box No 1 Deskripsi Proses Mengimpor Data .Log in sebagai admin Pegawai Hasil yang Diharapkan .Klik submit .Menampilkan semua pegawai data pegawai dan form Sesuai impor pegawai . 4.

Log in sebagai admin pegawai Hasil yang Diharapkan .Jika sukses maka data klik Ya disimpan dalam Sesuai Sesuai Sesuai database 3 Menghapus akun .David Alfa Sunarna Laporan Kerja Praktek Tabel 4.Klik Hapus pada .Menampilkan data Sesuai akun pegawai .Jika sukses maka Sesuai redirect ke halaman admin .Masukkan data.Menampilkan semua pegawai data pegawai .Muncul pop up yang belum terdaftar antarmuka tambah user .Log in sebagai admin pegawai .Klik User.26 Lanjutan No 2 Deskripsi Proses Menambah akun . tab .Jika sukses maka Hasil Sesuai redirect ke halaman admin .Jika sukses maka data Sesuai Sesuai akun pegawai terhapus dari database 71 PT Air Media Persada . lalu .Muncul pop up action antarmuka hapus user -Klik Ya .Klik User .Klik status pegawai .

Klik User . Tambah tambah Perjalanan Sesuai Sesuai Dinas .Jika sukses maka data data.Lakukan sunting pada .Muncul pop up Sesuai antarmuka edit user .Menampilkan form Dinas.Log in sebagai admin Hasil yang Diharapkan .Jika sukses maka kegiatan redirect ke halaman Perjalanan Dinas admin .Jika sukses maka pegawai redirect ke halaman Deskripsi Hasil Sesuai admin . lalu disimpan dalam klik Submit database Sesuai 72 PT Air Media Persada .Jika sukses maka data detail kegiatan.David Alfa Sunarna No 4 Laporan Kerja Praktek Tabel 4.Lakukan pengisian .Klik Perjalanan . lalu klik Ya Sesuai dari database akan diperbaharui 5 Menambah .Menampilkan data Sesuai akun pegawai .26 Lanjutan Proses Menyunting akun .Klik Edit pada action .Log in sebagai admin .

Menampilkan tabel Hasil Sesuai Sesuai Perjalanan Dinas .David Alfa Sunarna No 6 Deskripsi Menghapus Laporan Kerja Praktek Tabel 4.Muncul pop up kegiatan yang akan antarmuka sunting disunting kegiatan .26 Lanjutan Proses .Klik Edit pada .Lakukan sunting pada .Klik tanda silang .Jika sukses maka data Sesuai Sesuai dihapus dari database 7 Menyunting .Menampilkan tabel Sesuai Sesuai Perjalanan Dinas .Jika sukses maka kegiatan redirect ke halaman Perjalanan Dinas admin .Log in sebagai admin .Klik Perjalanan Dinas .Jika sukses maka data data kemudian klik diperbaharui dari Submit database Sesuai Sesuai 73 PT Air Media Persada .Muncul pop up pada kegiatan yang antarmuka hapus akan dihapus kegiatan .Jika sukses maka kegiatan redirect ke halaman Perjalanan Dinas admin .Log in sebagai admin Hasil yang Diharapkan .Klik Ya .Klik Perjalanan Dinas .

Menampilkan tabel Hasil Sesuai Sesuai Perjalanan Dinas .Klik Perjalanan Dinas .Jika sukses maka Sesuai laporan akan diunduh dari database 74 PT Air Media Persada .Jika sukses maka laporan kegiatan redirect ke halaman Perjalanan Dinas admin .Klik kegiatan yang .Log in sebagai admin Hasil yang Diharapkan .26 Lanjutan Proses .Jika Perjalanan Dinas akan dilihat sudah mempunyai Sesuai laporan maka detail Perjalanan Dinas akan menampilkan link download .David Alfa Sunarna No 8 Deskripsi Mengunduh Laporan Kerja Praktek Tabel 4.Klik download .

Klik kegiatan yang .Klik Perjalanan Dinas .Log in sebagai admin Hasil yang Diharapkan .26 Lanjutan Proses .Klik Validasi .Jika sukses maka kegiatan redirect ke halaman Perjalanan Dinas admin .Menampilkan tabel Hasil Sesuai Sesuai Perjalanan Dinas .Jika Perjalanan Dinas akan dilihat sudah mempunyai Sesuai laporan maka detail Perjalanan Dinas akan menampilkan tombol validasi .Jika sukses maka data Sesuai diperbaharui dari database 75 PT Air Media Persada .David Alfa Sunarna No 9 Deskripsi Memvalidasi Laporan Kerja Praktek Tabel 4.

Log in sebagai admin Hasil yang Diharapkan .Jika Perjalanan Dinas yang akan dilaporkan belum diunggah Sesuai laporannya maka akan ditampilkan form upload . isi laporan akan masuk ke keterangan file. dalam sistem dan kemudian klik Upload database Sesuai 76 PT Air Media Persada .Jika sukses maka file diupload.Pilih file yang akan .Klik kegiatan yang .Menampilkan tabel Hasil Sesuai Sesuai Perjalanan Dinas .Klik Perjalanan Dinas .26 Lanjutan Proses .Jika sukses maka data Kegiatan diperbaharui dari Sesuai database 10 Mengunggah .Klik Batalkan .Jika sukses maka laporan kegiatan pegawai redirect ke halaman Perjalanan Dinas Sesuai pegawai .David Alfa Sunarna No Deskripsi 10 Membatalkan Laporan Kerja Praktek Tabel 4.Log in sebagai .Jika Perjalanan Dinas belum tervlidasi belum divalidasi maka Sesuai detail Perjalanan Dinas akan menampilkan tombol batalkan kegiatan .Jika sukses maka kegiatan redirect ke halaman Perjalanan Dinas admin .Klik nama kegiatan .

Jika sukses maka data data teknis.Jika sukses maka laporan kegiatan pegawai redirect ke halaman Deskripsi Perjalanan Dinas Hasil Sesuai pegawai .David Alfa Sunarna No 11 Laporan Kerja Praktek Tabel 4.Klik nama kegiatan .26 Lanjutan Proses Menghapus .Jika sukses maka pada form pencarian. akan menampilkan lalu klik Search hasil pencarian sesuai Sesuai kata kunci 77 PT Air Media Persada . lalu klik dari database akan Submit diperbaharui dan Sesuai laporan dihapus dari sistem 12 Melakukan .Jika Perjalanan Dinas yang akan dihapus sudah diunggah laporannya laporannya maka akan Sesuai ditampilkan tombol Hapus .Log in sebagai Hasil yang Diharapkan .Muncul pop up Sesuai antarmuka hapus laporan .Masukkan kata kunci .Lakukan sunting pada .Klik Hapus .Login sebagai admin pencarian -Jika sukses maka Sesuai redirect ke halaman admin .

batalkan kegiatan.  Pelaporan kegiatan Perjalanan Dinas yang dilakukan oleh pegawai yang bertanggung jawab terdiri dari fungsi melihat Perjalanan Dinas terkait.  Monitoring kegiatan Perjalanan Dinas yang dilakukan oleh admin yang terdiri dari fungsi mengunduh laporan kegiatan dan memvalidasi kegiatan. menentukan hubungan kegiatan satu dengan yang lainnya. pencetakan laporan kegiatan Perjalanan Dinas setiap bulan karena sistem yang telah ada sistem pelaporannya masih belum terpisah setiap bulannya. 78 PT Air Media Persada . mengunggah laporan kegiatan.2 Saran Dari peninjauan yang telah dilakukan maka penulis berkeinginan memberikan saran saran yang mungkin dapat berguna untuk bahan pertimbangan bagi pembaca. Seperti. dan hapus akun pegawai. dan menghapus laporan kegiatan. Terlebih dalam pembangunan sistem ini masih banyak hal yang harus diperbaharui atau ditambahkan demi menjadikan sistem ini lebih baik. sunting kegiatan.  Manajemen kegiatan yang dapat dilakukan oleh admin yang terdiri dari fungsi tambah kegiatan. 5. menentukan pegawai yang bertanggung jawab atas kegiatan. dengan fitur sebagai berikut:  Manajemen data pegawai yang dapat dilakukan oleh admin yang terdiri dari fungsi impor pegawai. tambah akun pegawai. sunting akun pegawai.1 Kesimpulan Berdasarkan hasil pelaksanaan kegiatan Kerja Praktek yang dilakukan penulis selama bulan Juli-Agustus 2014 di PT Air Media Persada Yogyakarta.David Alfa Sunarna Laporan Kerja Praktek BAB V PENUTUP 5. maka dapat diambil kesimpulan bahwa prototype sistem informasi monitoring Perjalanan Dinas telah dibangun dengan menerapkan model prosedural. 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). dan hapus kegiatan.

M. Pusat Pendidikan dan Pelatihan Pengawasan BPKP: Bogor. Williard. 2007. & Loonam. 25 Agustus).general.general. 2011. Konsep dan Perancangan Database. D. (2006). HTML A Beginner’s Guide. Wendi Williard. Wahana Komputer & Andi Yogyakarta. PHP.Manual. Kristanto. Diterima dari PHP: http://php.airmediapersada. PT Air Media Persada.David Alfa Sunarna Laporan Kerja Praktek DAFTAR PUSTAKA Anonim. ISBN 9795335219. D.com Andi (2001). Andi offset: Yogyakarta.acronym Sutono. 2003. Desain Web dengan Microsoft FrontPage 97. 1993. Exploring The Use Of Entity‐Relationship Diagramming As a Technique To Support Grounded Theory Inquiry.php#faq. J. Membangun Sistem Informasi Usaha Rosok Inovatif Berbasis Web Service Dengan Studi Kasus Usaha Rosok Di Desa Geneng. Gava Media: Yogyakarta. (2014. Diterima dari PT Air Media Persada: http://www. Sistem Informasi Manajemen. Kristanto.. (2010). W. Bradford: Emerald Group Publishing. (2014. General Information . 79 PT Air Media Persada . September 15). Kristianto. Brady. Perancangan Sistem Informasi dan Aplikasinya.net/manual/en/faq.