PERANCANGAN APLIKASI MANAJEMEN SURAT (MANSUR) DIREKTORAT PENDAYAGUNAAN PESISIR DAN PULAU-PULAU KECIL DI KEMENTERIAN KELAUTAN DAN PERIKANAN DENGAN PHP DAN MYSQL
Mara Rizky Rachman 41513010013
PROGRAM STUDI INFORMATIKA FAKULTAS ILMU KOMPUTER UNIVERSITAS MERCU BUANA JAKARTA 2017
http://digilib.mercubuana.ac.id/
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 41513010013
PROGRAM STUDI INFORMATIKA FAKULTAS ILMU KOMPUTER UNIVERSITAS MERCU BUANA JAKARTA 2017
http://digilib.mercubuana.ac.id/
http://digilib.mercubuana.ac.id/
http://digilib.mercubuana.ac.id/
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 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 http://digilib.mercubuana.ac.id/
http://digilib.mercubuana.ac.id/
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....................................................................................... 1 1.1
LATAR BELAKANG..................................................................... 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....................................................... 4
BAB II......................................................................................................... 6 LANDASAN TEORI.................................................................................. 6 2.1
KEMENTERIAN KELAUTAN DAN PERIKANAN.................... 6
2.2
SURAT............................................................................................ 7
2.3
2.4
2.2.1
PENGERTIAN SURAT...................................................... 7
2.2.2
FUNGSI SURAT................................................................. 8
2.2.3
MANAJEMEN SURAT...................................................... 8
REKAYASA PERANGKAT LUNAK........................................... 8 2.3.1
METODOLOGI................................................................... 9
2.3.2
UNIFIED MODELING LANGUAGE (UML)..................... 11
BASIS DATA.................................................................................. 20 2.4.1
DATABASE MANAGEMENT SYSTEM (DBMS)................ 20
v http://digilib.mercubuana.ac.id/
2.4.2
STRUCTURED QUERY LANGUAGE (SQL)..................... 20
2.4.3
ENTITY RELATIONSHIP DIAGRAM (ERD)..................... 22
2.5
PROTOTYPE…………………………………………………….. 23
2.6
PHP.................................................................................................. 24
2.7
SUBLIMETEXT.............................................................................. 24
2.8
2.7.1
PENGERTIAN SUBLIMETEXT....................................... 24
2.7.2
KEMAMPUAN SUBLIMETEXT...................................... 25
XAMPP........................................................................................... 25 2.8.1
2.9
VISUAL PARADIGM.................................................................... 26 2.9.1
2.10
PENGERTIAN XAMPP..................................................... 25
PENGERTIAN VISUAL PARADIGM.............................. 26
BALSAMIQ MOCKUPS................................................................ 27 2.10.1 PENGERTIAN BALSAMIQ.............................................. 27
2.11
ADOBE PHOTOSHOP................................................................... 28 2.11.1 PENGERTIAN ADOBE PHOTOSHOP............................. 28
BAB III........................................................................................................ 29 ANALISIS SISTEM.................................................................................... 29 3.1
ANALISIS DAN PROSES BISNIS YANG BERJALANA........... 29 3.1.1
STRUKTUR ORGANISASI DIREKTORAT PENDAYAGUNAAN PESISIR DAN PULAU-PULAU KECIL........................................... 29
3.1.2
ALUR SURAT MASUK DAN MASUK............................ 29 3.1.2.1 ALUR SURAT MASUK......................................... 29 3.1.2.2 ALUR SURAT KELUAR....................................... 30
3.2
ANALISIS PERMASALAHAN..................................................... 31
3.3
ANALISIS PEMECAHAN SALAH............................................... 31
3.4
ANALISIS KEBUTUHAN SISTEM.............................................. 32
BAB IV........................................................................................................ 33 PERANCANGAN....................................................................................... 33 4.1
PERANCANGAN UNIFIED MODELLING LANGUAGE (UML)............................... 33 4.1.1 USE CASE DIAGRAM YANG INGIN DITERAPKAN........ 33
vi http://digilib.mercubuana.ac.id/
4.3
4.4
4.2.2
ACTIVITY DIAGRAM.......................................................... 40
4.2.3
SEQUENCE DIAGRAM………………………………….. 45
KONSEP PERANCANGAN DATABASE...................................... 48 4.3.1
PERANCANGAN DATABASE........................................... 48
4.3.2
PENGATURAN DATABASE…………………………….. 49
PERANCANGAN ANTAR MUKA (USER INTERFACE)............ 51 4.4.1
RANCANGAN HALAMAN AWAL/LOGIN.................... 51
4.4.2
RANCANGAN HALAMAN REGISTRASI...................... 52
4.4.3
RANCANGAN HALAMAN LUPA PASSWORD............. 54
4.4.4
RANCANGAN HALAMAN UTAMA............................... 55
4.4.5
RANCANGAN HALAMAN KELOLA USER................... 57
4.4.6
RANCANGAN HALAMAN TAMBAH USER.................. 58
4.4.7 RANCANGAN HALAMAN INPUT SURAT MASUK.... 60 4.4.8
RANCANGAN HALAMAN TAMBAH SURAT MASUK.............................................. 62
4.4.9
RANCANGAN HALAMAN INPUT SURAT KELUAR.. 64
4.4.10 RANCANGAN HALAMAN TAMBAH SURAT KELUAR............................................. 65 4.4.11 RANCANGAN HALAMAN LAPORAN SURAT MASUK............................................. 66 4.4.12 RANCANGAN HALAMAN LAPORAN SURAT KELUAR........................................... 67 BAB V......................................................................................................... 69 PENUTUP................................................................................................... 69 5.1
KESIMPULAN............................................................................... 69
5.2
SARAN............................................................................................ 69
DAFTAR PUSTAKA.................................................................................. 70
vii http://digilib.mercubuana.ac.id/
DAFTAR GAMBAR
Gambar . 1 : Struktur Organisasi Kemeneterian Kelautan dan Perikanan 2017.......................... 7 Gambar . 2 : Lapisan Rekayasa Perangkat Lunak....................................... 9 Gambar . 3 : Tahapan SDLC....................................................................... 10 Gambar . 4 : Model Proses Waterfall.......................................................... 11 Gambar . 5 : Jenis Diagram UML 2.3 (A.S & Shalahuddin, 2013)............. 11 Gambar . 6 : Contoh Use Case……………………………………………. 14 Gambar . 7 : Contoh Activity Diagram…………………………………… 16 Gambar . 8 : Contoh Sequence Diagram…………………………………. 18 Gambar . 9 : Contoh Class Diagram……………………………………... 19 Gambar . 10 : Tahapan Prototipe…………………………………………. 23 Gambar . 11 : Antar Muka Sublimetext......................................................... 25 Gambar . 12 : XAMPP Control Panel.......................................................... 26 Gambar . 13 : Antar Muka Visual Paradigm................................................. 27 Gambar . 14 : Antar Muka Balsamiq Mockups............................................. 28 Gambar . 15 : Antar Muka Adobe Photoshop............................................. 28 Gambar . 16 : Use Case Aplikasi Manajemen Surat................................... 33 Gambar . 17 : Activity Diagram Registrasi.................................................. 40 Gambar . 18 : Activity Diagram Login......................................................... 41 Gambar . 19.1 : Activity Diagram Input...................................................... 41 Gambar . 19.2 : Actitvity Diagram Input..................................................... 42 Gambar . 20 : Activity Diagram Disposisi................................................... 42 Gambar . 21 : Activity Diagram Pencarian.................................................. 43 Gambar . 22 : Activity Diagram Laporan.................................................... 44 Gambar . 23 : Activity Diagram Kelola User.............................................. 44 Gambar . 24 : Sequence Registrasi………….............................................. 45 Gambar . 25 : Sequence Login………………............................................ 45 Gambar . 26 : Sequence Input………......................................................... 46 Gambar . 27 : Sequence Disposisi……………..........................................
46
viii http://digilib.mercubuana.ac.id/
Gambar . 28 : Sequence Cari Data Surat………………………………….. 47 Gambar . 29 : Sequence Laporan…………………………………………. 47 Gambar . 30 : Sequence Kelola User……………………………………... 48 Gambar . 31 : Class Diagram Database………………………………….. 49 Gambar . 32 : Halaman Awal/Login............................................................ 51 Gambar . 33 : Halaman Registrasi............................................................... 52 Gambar . 34 : Halaman Lupa Password...................................................... 54 Gambar . 35 : Halaman Utama.................................................................... 55 Gambar . 36 : Halaman Kelola User........................................................... 57 Gambar . 37 : Halaman Tambah User......................................................... 58 Gambar . 38 : Halaman Input Surat Masuk................................................. 60 Gambar . 39 : Hasil Cetak Lembar Disposisi Berdasarkan Input............... 61 Gambar . 40 : Halaman Tambah Surat Masuk............................................ 62 Gambar . 41 : Halaman Input Surat Keluar................................................. 64 Gambar . 42 : Halaman Tambah Surat Keluar............................................ 65 Gambar . 43 : Halaman Laporan Surat Masuk............................................ 66 Gambar . 44 : Hasil Cetak Laporan Surat Masuk........................................ 67 Gambar . 45 : Halaman Laporan Surat Keluar............................................ 67 Gambar . 46 : Hasil Cetak Laporan Surat Keluar........................................ 68
ix http://digilib.mercubuana.ac.id/
DAFTAR TABEL
Tabel . 1 : Simbol Use Case Diagram (A.S & Shalahuddin, 2013)............ 12 Tabel . 2 : Simbol Acitivty Diagram (A.S & Shalahuddin, 2013)............... 15 Tabel . 3 : Atribut Sequence Diagram……………………………………. 17 Tabel . 4 : Atribut Class Diagram………………………………………... 19 Tabel . 5 : Simbol ERD............................................................................... 22 Tabel . 6 : Spesifikasi Tabel Surat Masuk................................................... 49 Tabel . 7 : Spesifikasi Tabel Surat Keluar................................................... 50 Tabel . 8 : Spesifikasi Tabel User................................................................ 50 Tabel . 9 : Fungsi Atribut Halaman Awal/ Awal/Login......................................... Awal/Login ......................................... 52 Tabel . 10 : Fungsi Atribut Halaman Registrasi.......................................... 53 Tabel . 11 : Fungsi Atribut Halaman Lupa Password Password................................. 54 Tabel . 12 : Fungsi Atribut Halaman Utama................................................ 56 Tabel . 13 : Fungsi Atribut Halaman Kelola User....................................... 57 Tabel . 14 : Fungsi Atribut Halaman Tambah............................................. 59 Tabel . 15 : Fungsi Atribut Halaman Input Surat Masuk............................ 60 Tabel . 16 : Fungsi Atribut Halaman Tambah Surat Masuk........................ 63 Tabel . 17 : Fungsi Atribut Halaman Input Surat Keluar............................ 64 Tabel . 18 : Fungsi Atribut Halaman Tambah Surat Keluar........................ 65 Tabel . 19 : Fungsi Atribut Halaman Laporan Surat Masuk........................ 66 Tabel . 20 : Fungsi Atribut Halaman Laporan Surat Keluar........................ 68
x http://digilib.mercubuana.ac.id/
DAFTAR LAMPIRAN
CURRICULUM VITAE KARTU ASISTENSI
xi http://digilib.mercubuana.ac.id/
