Transkripsi

1 PERANCANGAN APLIKASI MANAJEMEN SURAT (MANSUR) DIREKTORAT PENDAYAGUNAAN PESISIR DAN PULAU-PULAU KECIL DI KEMENTERIAN KELAUTAN DAN PERIKANAN DENGAN PHP DAN MYSQL Mara Rizky Rachman PROGRAM STUDI INFORMATIKA FAKULTAS ILMU KOMPUTER UNIVERSITAS MERCU BUANA JAKARTA 2017

2 PERANCANGAN APLIKASI MANAJEMEN SURAT (MANSUR) DIREKTORAT PENDAYAGUNAAN PESISIR DAN PULAU-PULAU KECIL DI KEMENTERIAN KELAUTAN DAN PERIKANAN DENGAN PHP DAN MYSQL Laporan Tugas Akhir Diajukan Untuk Melengkapi Persyaratan Menyelesaikan Gelar Sarjana Komputer Disusun oleh : Mara Rizky Rachman PROGRAM STUDI INFORMATIKA FAKULTAS ILMU KOMPUTER UNIVERSITAS MERCU BUANA JAKARTA 2017

3

4

5 KATA PENGANTAR Alhamdulillah penulis panjatkan puji dan syukur atas kehadirat Allah SWT yang telah memberikan segala nikmat dan rahmat-nya sehingga penulis dapat menyelesaikan skripsi ini. Skripsi yang berjudul "Perancangan Aplikasi Manajemen Surat (ManSur) Direktorat Pendayagunaan Pesisir dan Pulau-Pulau Kecil di Kemeneterian Kelautan dan Perikanan dengan PHP dan My SQL" ini dibuat untuk melengkapi salah satu persyaratan untuk mendapatkan gelar Sarjana Strata 1 (S1) pada Program Studi Informatika Universitas Mercu Buana. Penulis menyadari bahwa penulisan skripsi ini tidak terlepas dari dukungan, bantuan n fisik maupun pikiran dari berbagai pihak. Dan karena itu penulis mengucapkan terima kasih kepada : 1.! Ayah, Ibu dan Adik yang tidak henti memberi perhatian kepada penulis untuk semangat dalam mengerjakan hal apapun serta do'a yang tak henti meraka panjatkan untuk penulis. 2.! Tim Dosen Bootcamp TA Informatika Universitas Mercu Buana selaku pembimbing dalam penulisan skripsi ini. 3.! Bapak Achmad Kodar, Drs. MT selaku Dosen Pembimbing Akademik studi Informatika, Universitas Mercu Buana. 4.! Ibu Desi Ramayanti, S.Kom, MT selaku Ketua Program studi Informatika, Universitas Mercu Buana. 5.! Bapak Dicky Firdaus, S.Kom, MM selaku Koordinator Tugas Akhir Jurusan Informatika, Universitas Mercu Buana. 6.! Seluruh dosen dan staf program Sarjana Strata 1 (S1) Universitas Mercu Buana. 7.! Dr. Hendra Yusran Siry, M.Sc selaku Eselon III Kepala Subdirektorat Mitigasi Bencana dan Perubahan Iklim yang mempercayakan penulis untuk membangun aplikasi ini di tempat beliau. 8.! Teman-teman Informatika tahun ajaran 2013 dan Tim Unpopuler yang tidak bisa penulis sebutkan satu persatu, yang selalu membantu penulis setiap ada waktu dan kesempatan. iii

6

7 DAFTAR ISI LEMBAR PERNYATAAN... i LEMBAR PENGESAHAN... ii KATA PENGANTAR... iii DAFTAR ISI... v DAFTAR GAMBAR... viii DAFTAR TABEL... x DAFTAR LAMPIRAN xi ABSTRAK... xii ABSTRACT... xiii BAB I... 1 PENDAHULUAN LATAR BELAKANG RUMUSAN MASALAH BATASAN MASALAH TUJUAN DAN MANFAAT METODE PENELITIAN SISTEMATIKA PENULISAN... 4 BAB II... I... 6 LANDASAN ASAN TEORI KEMENTERIAN KELAUTAN DAN PERIKANAN SURAT PENGERTIAN SURAT FUNGSI SURAT MANAJEMEN SURAT REKAYASA PERANGKAT LUNAK METODOLOGI UNIFIED MODELING LANGUAGE (UML) BASIS DATA DATABASE MANAGEMENT SYSTEM (DBMS) v

8 2.4.2 STRUCTURED QUERY LANGUAGE (SQL) ENTITY RELATIONSHIP DIAGRAM (ERD) PROTOTYPE PHP SUBLIMETEXT PENGERTIAN SUBLIMETEXT KEMAMPUAN SUBLIMETEXT XAMPP PENGERTIAN XAMPP VISUAL PARADIGM PENGERTIAN VISUAL PARADIGM BALSAMIQ MOCKUPS PENGERTIAN BALSAMIQ ADOBE PHOTOSHOP PENGERTIAN ADOBE PHOTOSHOP BAB III... II ANALISIS SISTEM ANALISIS DAN PROSES BISNIS YANG BERJALANA STRUKTUR ORGANISASI DIREKTORAT PENDAYAGUNAAN PESISIR DAN PULAU-PULAU KECIL ALUR SURAT MASUK DAN MASUK ALUR SURAT MASUK ALUR SURAT KELUAR ANALISIS PERMASALAHAN ANALISIS PEMECAHAN SALAH ANALISIS KEBUTUHAN SISTEM BAB IV PERANCANGAN PERANCANGAN UNIFIED MODELLING LANGUAGE (UML) USE CASE DIAGRAM YANG INGIN DITERAPKAN vi

9 4.2.2 ACTIVITY DIAGRAM SEQUENCE DIAGRAM KONSEP PERANCANGAN DATABASE PERANCANGAN DATABASE PENGATURAN DATABASE PERANCANGAN ANTAR MUKA (USER INTERFACE) RANCANGAN HALAMAN AWAL/LOGIN RANCANGAN HALAMAN REGISTRASI RANCANGAN HALAMAN LUPA PASSWORD RANCANGAN HALAMAN UTAMA RANCANGAN HALAMAN KELOLA USER RANCANGAN HALAMAN TAMBAH USER RANCANGAN HALAMAN INPUT SURAT MASUK RANCANGAN HALAMAN TAMBAH SURAT MASUK RANCANGAN HALAMAN INPUT SURAT KELUAR RANCANGAN HALAMAN TAMBAH SURAT KELUAR RANCANGAN HALAMAN LAPORAN SURAT MASUK RANCANGAN HALAMAN LAPORAN SURAT KELUAR BAB V PENUTUP KESIMPULAN SARAN DAFTAR PUSTAKA vii

10 DAFTAR GAMBAR Gambar. 1 : Struktur Organisasi Kemeneterian Kelautan dan Perikanan Gambar. 2 : Lapisan Rekayasa Perangkat Lunak... 9 Gambar. 3 : Tahapan SDLC Gambar. 4 : Model Proses Waterfall Gambar. 5 : Jenis Diagram UML 2.3 (A.S & Shalahuddin, 2013) Gambar. 6 : Contoh Use Case. 14 Gambar. 7 : Contoh Activity Diagram 16 Gambar. 8 : Contoh Sequence Diagram. 18 Gambar. 9 : Contoh Class Diagram Gambar. 10 : Tahapan Prototipe. 23 Gambar. 11 : Antar Muka Sublimetext Gambar. 12 : XAMPP Control Panel Gambar. 13 : Antar Muka Visual Paradigm Gambar. 14 : Antar Muka Balsamiq Mockups Gambar. 15 : Antar Muka Adobe Photoshop Gambar. 16 : Use Case Aplikasi Manajemen Surat Gambar. 17 : Activity Diagram Registrasi Gambar. 18 : Activity Diagram Login Gambar : Activity Diagram Input Gambar : Actitvity Diagram Input Gambar. 20 : Activity Diagram Disposisi Gambar. 21 : Activity Diagram Pencarian Gambar. 22 : Activity Diagram Laporan Gambar. 23 : Activity Diagram Kelola User Gambar. 24 : Sequence Registrasi Gambar. 25 : Sequence Login Gambar. 26 : Sequence Input Gambar. 27 : Sequence Disposisi viii

11 Gambar. 28 : Sequence Cari Data Surat.. 47 Gambar. 29 : Sequence Laporan. 47 Gambar. 30 : Sequence Kelola User Gambar. 31 : Class Diagram Database.. 49 Gambar. 32 : Halaman Awal/Login Gambar. 33 : Halaman Registrasi Gambar. 34 : Halaman Lupa Password Gambar. 35 : Halaman Utama Gambar. 36 : Halaman Kelola User Gambar. 37 : Halaman Tambah User Gambar. 38 : Halaman Input Surat Masuk Gambar. 39 : Hasil Cetak Lembar Disposisi Berdasarkan Input Gambar. 40 : Halaman Tambah Surat Masuk Gambar. 41 : Halaman Input Surat Keluar Gambar. 42 : Halaman Tambah Surat Keluar Gambar. 43 : Halaman Laporan Surat Masuk Gambar. 44 : Hasil Cetak Laporan Surat Masuk Gambar. 45 : Halaman Laporan Surat Keluar Gambar. 46 : Hasil Cetak Laporan Surat Keluar ix

12 DAFTAR TABEL Tabel. 1 : Simbol Use Case Diagram (A.S & Shalahuddin, 2013) Tabel. 2 : Simbol Acitivty Diagram (A.S & Shalahuddin, 2013) Tabel. 3 : Atribut Sequence Diagram. 17 Tabel. 4 : Atribut Class Diagram Tabel. 5 : Simbol ERD Tabel. 6 : Spesifikasi Tabel Surat Masuk Tabel. 7 : Spesifikasi Tabel Surat Keluar Tabel. 8 : Spesifikasi Tabel User Tabel. 9 : Fungsi Atribut Halaman Awal/Login Tabel. 10 : Fungsi Atribut Halaman Registrasi Tabel. 11 : Fungsi Atribut Halaman Lupa Password Tabel. 12 : Fungsi Atribut Halaman Utama Tabel. 13 : Fungsi Atribut Halaman Kelola User Tabel. 14 : Fungsi Atribut Halaman Tambah Tabel. 15 : Fungsi Atribut Halaman Input Surat Masuk Tabel. 16 : Fungsi Atribut Halaman Tambah Surat Masuk Tabel. 17 : Fungsi Atribut Halaman Input Surat Keluar Tabel. 18 : Fungsi Atribut Halaman Tambah Surat Keluar Tabel. 19 : Fungsi Atribut Halaman Laporan Surat Masuk Tabel. 20 : Fungsi Atribut Halaman Laporan Surat Keluar x

13 DAFTAR LAMPIRAN CURRICULUM VITAE KARTU ASISTENSI xi