Sistem Aplikasi Persuratan Pada Kementrian Perindustrian Berbasis WEB Oleh : Ahmad Zaki Al Farisi 41813010185 PROGRAM STUDI SISTEM INFORMASI FAKULTAS ILMU KOMPUTER UNIVERSITAS MERCU BUANA JAKARTA MARET 2017 i
Sistem Aplikasi Persuratan Pada Kementrian Perindustrian Berbasis WEB Laporan Tugas Akhir Diajukan Untuk Melengkapi Salah Satu Syarat Memperoleh Gelar Sarjana Komputer Oleh : Ahmad Zaki Al Farisi 418131010185 PROGRAM STUDI SISTEM INFORMASI FAKULTAS ILMU KOMPUTER UNIVERSITAS MERCU BUANA JAKARTA ii
iii
iv
KATA PENGANTAR Puji syukur kehadirat Allah SWT yang telah melimpahkan rahmat dan karunia-nya, sehingga penulis dapat menuntaskan Laporan Tugas Akhir yang berjudul Sistem Aplikasi Persuratan Pada Berbasis WEB Pada Kementerian Perindustrian. Penulisan skripsi ini ditujukan untuk memenuhi salah satu persyaratan menyelesaikan program studi strata satu (S1) pada jurusan Sistem Informasi Universitas Mercubuana. Penyusunannya dapat terlaksana dengan baik berkat dukungan dari banyak pihak. Untuk itu, pada kesempatan ini penulis mengucapkan terimakasih kepada: 1. Ibu Nia Kusuma Wardhani, S.Kom, MM, selaku Dosen Pembimbing Tugas Akhir yang telah memberikan banyak dukungan dan masukan dalam pelaksanaan tugas akhir penulis. 2. Ibu Nur Ani, ST., M.MSI selaku Kepala Program Studi Sistem Informasi Universitas Mercu Buana. 3. Bapak Andi Nugroho, ST, M.Kom selaku Dosen Pembimbing Akademik. 4. Ibu Inge Handriani, M.Ak, MMSI selaku Koordinator Tugas Akhir. 5. Ibu tercinta Hj.Hilwanih, serta seluruh keluarga yang telah memberikan doa selama ini. 6. Teman teman Sistem Informasi 2013 yang telah membantu dan memberikan masukan selama perkuliahan. Penulis menyadari masih banyak terdapat kekurangan dalam laporan ini. Oleh karena itu, penulis mengharapkan kritik dan saran dari berbagai pihak Sebagai bahan evaluasi untuk meningkatkan kualitas diri kedepannya. Semoga skripsi ini dapat bermanfaat untuk semua orang terutama bagi ilmu Sistem Informasi. Jakarta, v Ahmad Zaki Al Farisi
Daftar Isi Lembar Pernyataan... Lembar Pengesahan... Kata Pengantar... Abstrak... Abstrack... iii iv v vi vii Daftar Isi... viii Daftar Gambar... xiii Daftar Tabel... xvi BAB I. PENDAHULUAN 1.1 Latar Belakang... 1 1.2 Rumusan Masalah... 2 1.3 Tujuan dan Manfaat Penelitian... 2 1.4 Batasan Penelitian... 3 1.5 Metodologi Penelitian... 3 1.6 Sistematika Penulisan... 4 BAB II. LANDASAN TEORI 2.1 Profil Kementerian Perindustrian... 5 2.2 Visi dan Misi... 7 2.3 Struktur Organisasi... 10 2.3.1 Fungsi Biro Humas dalam menangani Surat Masuk... 10 2.3.2 Fungsi Biro Humas dalam menangani Surat Keluar... 10 vi
2.4 Pengertian Sistem... 10 2.4.1 Karakteristik Sistem... 11 2.4.2 Pengertian Surat... 12 2.4.3 Pengertian Surat Masuk... 13 2.4.4 Proses Surat Masuk... 15 2.4.5 Pengertian Surat Keluar... 16 2.4.6 Proses Surat Keluar... 17 2.4.7 Fungsi Surat... 17 2.4.8 Pengertian Arsip... 17 2.4.9 Metode Pengarsipan... 18 2.5 Konsep Dasar Sistem Informasi... 19 2.5.1 Pengertian Sistem Informasi... 19 2.5.2 Definisi Sistem Informasi... 19 2.5.3 Komponen Sistem Informasi... 20 2.6 Website... 21 2.7 UML... 22 2.7.1 Tujuan atau Fungsi UML... 22 2.7.2 Jenis Jenis Diagram UML... 23 2.8 Pengertian Basis Data... 32 2.9 Pengertian Data... 33 2.10 Pengertian PHP... 33 2.11 Pengertian MYSQL... 34 2.12 Pengertian Dreamweaver... 34 2.13 Pengertian XAMPP... 34 vii
2.14 Pengertian Komputer... 35 2.15 Metode Pengujian... 35 2.15.1 Metode Black Box... 35 2.16 Metode Prototype... 36 BAB III. ANALISA DAN PERANCANGAN SISTEM 3.1 Objek Penelitian... 38 3.2 Pengumpulan Data... 38 3.2.1 Jenis Data... 38 3.3 Metode Analisis... 39 3.3.1 Tahapan Tahapan dalam RAD... 40 3.4 Gambaran sistem Perusahaan... 43 3.5 Analisa Prosedur yang sedang Berjalan... 43 3.5.1 Prosedur Penerimaan Surat... 43 3.5.2 Prosedur Pengiriman Surat... 44 3.6 Spesifikasi Dokumen Sistem Berjalam... 44 3.7 Evaluasi Sistem Berjalan... 45 3.8 Perancangan Sistem... 45 3.8.1 Use Case Diagram... 45 3.8.2 Skenario Use Case Pengajuan Surat... 46 3.8.3 Use Case Sistem Berjalan... 48 3.8.3 Use Case Usulan... 50 3.9 Activity Diagram... 51 3.9.1 Activity Diagram LogIn... 52 3.9.2 Activity Diagram Pengajuan... 53 3.9.3 Activity Diagram Pengiriman... 54 3.9.4 Activity Diagram Penerimaan... 55 viii
3.9.5 Activity Diagram Laporan Surat Masuk... 56 3.9.6 Activity Diagram Laporan Surat Keluar... 57 3.10 Sequence Diagram... 58 3.10.1 Sequence Diagram LogIn... 58 3.10.2 Sequence Diagram Surat Masuk... 58 3.10.3 Sequence Diagram Surat Keluar... 59 3.10.4 Sequence Diagram Laporan Surat Masuk... 59 3.10.5 Sequence Diagram Laporan Surat Keluar... 60 3.11 Class Diagram Sistem Usulan... 60 3.12 Rancangan Layar Aplikasi... 65 BAB IV. IMPLEMENTASI DAN PENGUJIAN 4.1 Implementasi Sistem... 69 4.2 Spesifikasi Kebutuhan Sistem... 69 4.3 Implementasi Antarmuka... 70 4.3.1 Halaman Utama... 70 4.3.2 Halaman Admin... 71 4.3.3 Halaman Menu Utama... 71 4.3.4 Halaman Menu Biro Humas... 72 4.3.5 Halaman Menu Pegawai... 72 4.3.6 Halaman Menu Tambah Pegawai... 72 4.3.7 Halaman Menu Surat Masuk... 73 4.3.8 Halaman Menu Tambah Surat Masuk... 76 4.3.9 Halaman Menu Surat Keluar... 74 4.3.10 Halaman Menu Tambah Surat Keluar... 74 4.3.11 Halaman Menu User... 75 ix
4.3.12 Halaman Menu Tambah User... 75 4.4 Pengujian Sistem... 75 4.4.1 Pengujian Black Box... 76 4.4.2 Skenario Pengujian... 76 4.4.3 Analisa Hasil Pengujian... 78 BAB V. PENUTUP 5.1 Kesimpulan... 80 5.2 Saran... 80 DAFTAR PUSTAKA... 81 LAMPIRAN... 82 Sript Code... 82 x
DAFTAR GAMBAR Gambar 2.1 Proses Penanganan Surat Masuk... 15 Gambar 2.2 Proses Penanganan Surat Keluar... 16 Gambar 2.3 Use Case Diagram... 24 Gambar 2.4 Activity Diagram... 27 Gambar 2.5 Sequence Diagram... 29 Gambar 2.6 Class Diagram Thoroughbred... 31 Gambar 2.7 Class Diagram Quarter Horse... 32 Gambar 2.8 Prototype... 37 Gambar 3.1 Use Case Pengajuan Surat... 46 Gambar 3.2 Use Caase Sistem Berjalan... 48 Gambar 3.3 Use Case Usulan... 50 Gambar 3.4 Activity Diagram LogIn... 52 Gambar 3.5 Activity Diagram Pengajuan... 53 Gambar 3.6 Activity Diagram Pengiriman... 54 Gambar 3.7 Activity Diagram Penerimaan... 55 Gambar 3.8 Activity Diagram Laporan Surat Masuk... 56 Gambar 3.9 Activity Diagram Laporan Surat Keluar... 57 Gambar 3.10 Sequence Diagram LogIn... 58 Gambar 3.11 Sequence Diagram Surat Masuk... 58 Gambar 3.12 Sequence Diagram Surat Keluar... 59 Gambar 3.13 Sequence Diagram Laporan Surat Masuk... 59 Gambar 3.14 Sequence Diagram Laporan Surat Keluar... 60 xi
Gambar 3.15 Class Diagram... 60 Gambar 3.16 Rancangan Layar Halaman LogIn... 65 Gambar 3.17 Rancangan Menu Utama... 65 Gambar 3.18 Rancangan Menu Biro Humas... 66 Gambar 3.19 Rancangan Menu Pegawai... 66 Gambar 3.20 Rancangan Menu Surat Masuk... 67 Gambar 3.21 Rancangan Menu Surat Keluar... 67 Gambar 3.22 Rancangan Menu Form Surat Masuk... 68 Gambar 3.23 Rancangan Menu Form Surat Keluar... 68 Gambar 4.1 Antarmuka Halaman Utama... 70 Gambar 4.2 Antarmuka Halaman Admin... 71 Gambar 4.3 Antarmuka Halaman Menu Utama... 71 Gambar 4.4 Antarmuka Halaman Menu Biro Humas... 72 Gambar 4.5 Antarmuka Halaman Menu Pegawai... 72 Gambar 4.6 Antarmuka Halaman Menu Tambah Pegawai... 72 Gambar 4.7 Antarmuka Halaman Menu Surat Masuk... 73 Gambar 4.8 Antarmuka Halaman Menu Tambah Surat Masuk... 73 Gambar 4.9 Antarmuka Halaman Menu Surat Keluar... 74 Gambar 4.10 Antarmuka Halaman Tambah Surat Keluar... 74 Gambar 4.11 Antarmuka Halaman Menu User... 75 Gambar 4.12 Antarmuka Halaman Menu Tambah User... 75 xii
DAFTAR TABEL Tabel 2.1 Simbol Use Case Diagram... 23 Tabel 2.2 Simbol Activity Diagram... 25 Tabel 2.3 Simbol Sequence Diagram... 28 Tabel 2.4 Simbol Class Diagram... 30 Tabel 3.1 Use Case Pengajuan Surat... 47 Tabel 3.2 Use Case Sistem Berjalan... 49 Tabel 3.3 Use Case Usulan... 51 Tabel 3.4 User... 61 Tabel 3.5 Surat Masuk... 61 Tabel 3.6 Surat Keluar... 62 Tabel 3.7 Priority... 63 Tabel 3.8 State... 63 Tabel 3.9 Role... 63 Tabel 3.10 User Group... 64 Tabel 3.11 Biro Humas... 64 Tabel 4.1 Pengujian Aplikasi Sistem Persuratan... 76 xiii