APLIKASI PENGELOLAAN DISTRIBUSI SURAT DAN MONITORING
DISPOSISI DIGITAL
(STUDY KASUS PADA DIVHUMAS POLRI)
R a h m a t J a e n u r i
41814120237
PROGRAM STUDI SISTEM INFORMASI
FAKULTAS ILMU KOMPUTER
UNIVERSITAS MERCU BUANA
JAKARTA
2016
APLIKASI PENGELOLAAN DISTRIBUSI SURAT DAN MONITORING
DISPOSISI DIGITAL
(STUDY KASUS PADA DIVHUMAS POLRI)
Laporan Tugas Akhir
Diajukan Untuk Melengkapi Salah Satu Syarat
Memperoleh Gelar Sarjana Sistem Informasi
Oleh:
R a h m a t J a e n u r i
41814120237
PROGRAM STUDI SISTEM INFORMASI
FAKULTAS ILMU KOMPUTER
UNIVERSITAS MERCU BUANA
LEMBAR PERYATAAN
Yang bertandatangan dibawah ini:
NIM
: 418114120237
Nama Mahasiswa
: Rahmat Jaenuri
Judul Skripsi
: APLIKASI PENGELOAAN DISTRIBUSI SURAT DAN
MONITORING DISPOSISI DIGITAL ( STUDY KASUS
PADA DIVHUMAS POLRI
Menyatakan bahwa laporan tugas akhir saya adalah hasil karya saya sendiri dan
bukan merupakan hasil plagiarisme. Dan apabila ternyata ditemukan dalam tugas akhir
saya unsur plagiarisme, maka saya siap untuk mendapatkan sanksi akademis terkait hal
tersebut.
Jakarta, 6 Januari 2017
LEMBAR PENGESAHAN
NIM
: 41814120237
Nama Mahasiswa
: Rahmat Jaenuri
Judul Skripsi
: APLIKASI PENGELOAAN DISTRIBUSI SURAT DAN
MONITORING DISPOSISI DIGITAL ( STUDY KASUS
PADA DIVHUMAS POLRI
SKRIPSI INI TELAH DIPERIKSA DAN DISIDANGKAN
Jakarta, 6 Januari 2017
Menyetujui
Yaya Sudarya Triana, Dr. M.Kom.
Dosen Pembimbing
Mengetahui
Inge Handriani, M.Ak.MMSI.
Koordinator Tugas Akhir Sistem Informasi
Nur Ani, ST.,MMSI
KATA PENGANTAR
Puji syukur kepada Tuhan Yang Maha Esa yang telah memberikan berkat dan
rahmat sehingga kami dapat menyelesaikan penulisan skripsi dengan judul
”APLIKASI PENGELOLAAN DISTRIBUSI SURAT DAN MONITORING
DISPOSISI DIGITAL” tepat pada waktunya.
Hasil laporan tugas akhir ini disusun berdasarkan penelitian dan obsevasi yang
dilakukan penulis terhadap Divisi Hubungan Masyarakat Polri selaku objek penelitian
dalam tugas akhir ini. Dalam penulisan laporan ini, penulis banyak mendapatkan
pengetahuan dan pengalaman yang berharga. Untuk itu, penulis pada kesempatan ini
ingin mengucapkan terima kasih, khususnya kepada:
1. Bapak Yaya Sudarya Triana, Ph.D, selaku dosen pembimbing yang telah
memberikan bimbingan, masukan dan saran sehingga penulis dapat
menyelesaikan penulisan skripsi ini dengan baik.
2. Ibu Nur Ani, ST, MMSI selaku Kepala Program Studi Sistem Informasi.
3. Ibu Inge Handriani, SE, M.MSI, selaku Sekertaris Program Studi Sistem
Informasi II.
4. Bapak Wachyu Hari Haji, S.Kom,MM selaku Dosen Pembimbing
Akademik dalam penulisan Tugas Akhir.
5. Seluruh Anggota Divhumas Polri, khususnya kepada Bapak Irjen Pol. Drs.
Boy Rafli Amar, M.H. selaku Kepala Divisi Hubungan Masyarakat Polri
dan Bapak Kombes Pol.V. Bagas Uji Nugroho selaku Kapala Bagian
Perencanaan dan Administrasi yang telah banyak membatu dalam
pengumpulan data untuk Tugas Akhir ini.
6. Seluruh teman-teman Mahasiswa Universitas Mercu Buana yang selalu
memberikan informasi-informasi yang bermanfaat untuk Tugas Akhir ini.
Serta kepada semua pihak yang tidak dapat penulis sebutkan satu persatu yang
telah memberikan bantuan sehingga terwujudnya Tugas Akhir ini. Penulis menyadari
penulisan Tugas Akhir ini masih jauh dari sempurna. Untuk itu, penulis mengharapkan
segala kritik serta saran yang bersifat membangun demi kesempurnaan penulis dimasa
yang akan datang. Akhir kata penulis mohon maaf apabila dalam penyusunan laporan
tugas akhir ini terdapat kata-kata yang kurang berkenan. Semoga laporan tugas akhir
yang sederhana dan singkat ini dapat memberikan manfaat bagi kita semua.
Jakarta, 6 Januari 2017
DAFTAR ISI
Halaman
Lembar Pernyataan ... i
Lembar Pengesahan ... iii
Kata Pengantar ... iv
Abstraksi ... vi
Abstract ... vii
Daftar isi ... viii
Daftar Gambar ... xi
Daftar Tabel ... xiii
BAB I PENDAHULUAN ... 1
1.1. Latar Belakang Masalah ... 1
1.2. Rumusan Masalah ... 2
1.3. Batasan Masalah ... 2
1.4. Tujuan dan Manfaat ... 2
1.5. Metode Penelitian ... 3
1.6. Sistematika Penulisan ... 5
BAB II LANDASAN TEORI ... 7
2.1. Web Aplikasi ... 7
2.2. Rekayasa Perangkat Lunak ... 7
2.2.1. Pengertian SDLC (Software Development Life Cycle) ... 7
2.2.2. Metode Waterfall ... 8
2.2.3. Unifield Modeling Language (UML) ... 10
2.2.3.1. Use Case Diagram ... 10
2.2.3.2. Sequence Diagram ... 12 2.2.3.3. Activity Diagram ... 14 2.2.3.4. Calss Diagram ... 15 2.3. Sistem Monitoring ... 17 2.4. Website ... 18 2.5. Pengertian HTML ... 19
2.6. Pengertian XAMPP ... 20 2.6.1.MySQL ... 21 2.6.2.PHP ... 21 2.7. jQuery ... 22 2.8. CSS ... 24 2.9. Bootstrap ... 24
2.10.Pengertian Over Time... 25
2.11. Metode Pengujian Black Box ... 26
BAB III ANALISA DAN PERANCANGAN SISTEM ... 27
3.1. Gambaran Umum Perusahaan ... 27
3.2. Visi dan Misi Perusahaan ... 27
3.2.1. Visi Perusahaan ... 28
3.2.2. Misi Perusahaan ... 28
3.2.3. Struktur Organisasi Perusahaan ... 29
3.3. Analisa Sistem ... 30
3.3.1. Analisa Sistem Berjalan ... 32
3.3.2. Identifikasi Masalah ... 33
3.3.3. Analisa Kebutuhan ... 34
3.4. Perancangan Sistem ... 35
3.4.1. Use Case Diagram Sistem Usulan ... 36
3.4.2. Activity Diagram Sistem Usulan ... 39
3.4.3. Sequence Diagram ... 43
3.4.4. Rancangan Class Diagram ... 45
3.4.5. Struktur Table ... 46
3.4.6. Struktur Menu ... 48
3.4.7. Rancangan Layar ... 49
BAB IV IMPLEMENTASI DAN PENGUJIAN ... 51
4.1. Implementasi ... 51
4.1.1. Implementasi Perangkat Keras ... 51
4.1.2. Implementasi Perangkat Lunak ... 51
4.2. Implementasi Database ... 51
4.2.3 Tabel Disposisi ... 53
4.2.4 Tabel Unit Kerja ... 53
4.3. Implementasi Aplikasi Antarmuka ... 54
4.3.1. Tampilan Halaman Login ... 54
4.3.2. Tampilan Halaman Surat Masuk ... 54
4.3.3. Halaman Menu Disposisi ... 55
4.3.4. Halaman Menu Penugasan ... 56
4.3.5. Tampilan Halaman Menu Terima Penugasan ... 56
4.3.6. Tampilan Halaman Monitoring disposisi ... 57
4.3.7. Tampilan Halaman Menu Laporan ... 58
4.4. Metode Pengujian ... 58
4.4.1. Skenario Pengujian ... 58
4.4.2. Hasil Pengujian ... 59
4.4.3. Analisa Hasil Pengujian ... 59
BAB V KESIMPULAN DAN SARAN ... 61
5.1. Kesimpulan ... 61
5.2. Saran ... 61
DAFTAR PUSTAKA ... 62
DAFTAR GAMBAR
Gambar 2. 1 Lima Tahapan Utama SDLC ... 8
Gambar 2. 2 Motode Pengembangan Waterfall ... 10
Gambar 2. 3 Contoh Use Case Diagram ... 11
Gambar 2.4. Contoh Sequence Diagram ... 13
Gambar 2.5. Contoh Activity Diagram ... 15
Gambar 2.6. Contoh Class diagram ... 15
Gambar 2.7. Proses Sistem Monitoring ... 17
Gambar 2. 8 Struktur Php ... 20
Gambar 2. 9 Tampilan Script Javascript ... 22
Gambar 2. 10 Tampilan Script jQuery... 23
Gambar 2. 11 Tampilan Logo jQuery Dan Slogannya ... 25
Gambar 2. 12. Tampilan Hasil Bootstrap Responsive Fixed Layout ... 29
Gambar 3. 1 Struktur Organisasi Perusahaan ... 32
Gambar 3. 2 Activity Diagram Penerimaan Surat ... 33
Gambar 3. 3 Activity Diagram Pendistribusian Surat ... 36
Gambar 3. 4 Use Case Usulan ... 39
Gambar 3. 5 Activity Diagram Data Surat Masuk ... 39
Gambar 3. 6 Activity Diagram View Surat Masuk ... 40
Gambar 3. 7 Activity Diagram Input Form Disposisi ... 41
Gambar 3. 8 Activity Diagram View Disposisi ... 41
Gambar 3. 9 Activity Diagram form Penugasan ... 42
Gambar 3. 10 Activity Diagram Terima Disposisi ... 43
Gambar 3. 11 Sequence Diagram Input Data Surat Masuk ... 44
Gambar 3. 12 Sequence Diagram Input Lembar Disposisi ... 44
Gambar 3. 13 Sequence Diagram Input form Penugasan ... 45
Gambar 3. 14 Sequence Diagram Terima Penugasan ... 46
Gambar 3. 15 Rancangan Class Diagram ... 48
Gambar 3. 16 Struktur Menu ... 49
Gambar 3. 19 Rancangan Menu Disposisi... 50
Gambar 3. 20 Rancangan Halaman Menu Terima penugasan ... 50
Gambar 4. 1 Tabel User ... 52
Gambar 4. 2 Tabel Surat Masuk ... 52
Gambar 4. 3 Tabel Disposisi ... 53
Gambar 4. 4 Tabel Unit Kerja ... 53
Gambar 4. 5 Tampilan Halaman Login ... 54
Gambar 4. 6 Tampilan Halaman Menu Surat Masuk ... 55
Gambar 4. 7 Tampilan Halaman Disposisi ... 55
Gambar 4. 8 Tampilan Halaman Menu Penugasan ... 56
Gambar 4. 9 Tampilan Halaman Menu Terima Penugasan ... 56
Gambar 4. 10 Tampilan Halaman Menu Laporan ... 57
Gambar 4. 11 Laporan ... 57
DAFTAR TABEL
Tabel 2.1 Simbol Use case Diagram ... 11
Tabel 2.2 Simbol Sequence Diagram ... 13
Tabel 2.3 Simbol Activity Diagram ... 14
Tabel 2.4 Simbol Calss Diagram ... 15
Tabel 3.1 Deskripsi Activity Diagram ... 32
Tabel 3.2 Activity Diagram Pendistribusian Surat ... 33
Tabel 3.3 Deskripsi Use Case Diagram Input Data Surat Masuk ... 37
Tabel 3.4 Deskripsi Use Case Diagram View Surat Masuk ... 37
Tabel 3.5 Deskripsi Use Case Diagram Input Input Form Disposisi ... 37
Tabel 3.6 Deskripsi Use Case Diagram Input View Disposisi ... 38
Tabel 3.7 Deskripsi Use Case Diagram Input Form Penugasan ... 38
Tabel 3.8 Deskripsi Use Case Diagram Terima Penugasan ... 38
Tabel 3.9 Deskripsi Activity Diagram Input Data Surat Masuk ... 39
Tabel 3.10 Deskripsi Activity Diagram View Surat Masuk ... 40
Tabel 3.11 Deskripsi Activity Diagram Input Input Form Disposisi ... 40
Tabel 3. 12 Deskripsi Activity Diagram Input View Disposisi ... 41
Tabel 3. 13 Deskripsi Activity Diagram Input Form Penugasan ... 42
Tabel 3. 14 Deskripsi Activity Diagram Terima Penugasan ... 42
Tabel 3. 15 Deskripsi Sequence Diagram Input Data Surat Masuk... 43
Tabel 3. 16 Deskripsi Sequence Diagram Input Lembar Disposisi ... 44
Tabel 3. 17 Deskripsi Sequence Diagram Input Form Penugasan ... 44
Tabel 3. 18 Deskripsi Sequence Diagram Terima Penugasan ... 45
Tabel 3. 19 Struktur Table User... 46
Tabel 3. 20 Struktur Table Surat Masuk ... 47
Tabel 3. 21 Struktur Tabel Disposisi ... 47
Tabel 3. 22 Struktur Table Unit Kerja ... 48