PERANCANGAN DAN PEMBUATAN STANDARISASI APLIKASI CMS PEMERINTAH DESA DENGAN
Disusun untuk memenuhi salah satu syarat untuk memperoleh gelar Ahli Madya Program Studi Diploma III Teknik
PROGRAM
FAKULTAS MATEMATIKA DAN ILMU PENGETAHUAN ALAM
i
PERANCANGAN DAN PEMBUATAN STANDARISASI APLIKASI CMS DESA DENGAN MENGGUNAKAN METODA
ASSESSMENT HALAMAN JUDUL
TUGAS AKHIR
Disusun untuk memenuhi salah satu syarat untuk memperoleh gelar Ahli Madya Program Studi Diploma III Teknik Informatika
Disusun Oleh :
MAGHFIRA RIZKI MAULANI NIM. M3114098
PROGRAM DIPLOMA III TEKNIK INFORMATIKA
FAKULTAS MATEMATIKA DAN ILMU PENGETAHUAN ALAM UNIVERSITAS SEBELAS MARET
SURAKARTA 2017
PERANCANGAN DAN PEMBUATAN STANDARISASI APLIKASI CMS METODA NEED
Disusun untuk memenuhi salah satu syarat untuk memperoleh gelar Ahli Madya
DIPLOMA III TEKNIK INFORMATIKA
ii
HALAMAN PERSETUJUAN
PERANCANGAN DAN PEMBUATAN STANDARISASI APLIKASI CMS PEMERINTAH DESA DENGAN MENGGUNAKAN METODA NEED
ASSESSMENT
Disusun Oleh :
MAGHFIRA RIZKI MAULANI
M3114098
Tugas Akhir ini disetujui untuk dipresentasikan pada ujian Tugas Akhir pada tanggal 19 Juli 2017
Pembimbing
Yudha Yudhanto, S.Kom. NIDN. 99903101320
iii
HALAMAN PENGESAHAN
PERANCANGAN DAN PEMBUATAN STANDARISASI APLIKASI CMS PEMERINTAH DESA DENGAN MENGGUNAKAN METODA NEED
ASSESSMENT Disusun Oleh :
MAGHFIRA RIZKI MAULANI NIM. M3114098
Pembimbing Utama,
Yudha Yudhanto, S.Kom. NIDN. 99903101320
Tugas Akhir ini telah diterima dan disahkan oleh dewan penguji Tugas Akhir Program Diploma III Teknik Informatika
pada : 19 Juli 2017 Dewan Penguji :
1. Penguji 1 Yudha Yudhanto, S.Kom. ( ) NIDN. 99903101320
2. Penguji 2 Rudi Hartono, S.Si., M.Eng. ( ) NUPN. 9906008058
3. Penguji 3 Agus Purbayu, S.Si., M.Kom. ( ) NIDN. 0629088001
Disahkan oleh : Ketua Program Studi DIII Teknik Informatika UNS
Abdul Aziz, S.Kom., M.Cs. NIP. 19810413 200501 1 001
iv MOTTO
“Sesungguhnya sesudah kesulitan itu ada kemudahan. Maka apabila kamu telah selesai (dari suatu urusan), kerjakanlah dengan sungguh – sungguh (urusan) yang lain. Dan hanya kepada Tuhanmulah hendaknya kamu berharap.”
(Q.S. Al – Insyirah ayat 6 – 8) “...Dan tolong-menolonglah kamu dalam (mengerjakan) kebaikan dan takwa, dan jangan tolong-menolong dalam berbuat dosa dan pelanggaran. Dan bertakwalah kamu kepada Allah, sesungguhnya Allah amat berat siksa-Nya.”
(Q.S. Al – Maidah ayat 2) “Sebaik baik manusia adalah yang paling bermanfaat bagi orang lain.”
(HR. Ath Thabarani) “Barangsiapa membantu keperluan saudaranya, maka Allah akan membantu keperluannya.”
v
HALAMAN PERSEMBAHAN
Tugas Akhir ini penulis persembahkan kepada :
1. Bapak, Ibu dan adik – adik tercinta yang selalu memberikan nasihat, dukungan, motivasi dan do’a terbaik kepada penulis.
2. Pembimbing yang selalu memberikan bimbingan dan masukan yang bermanfaat kepada penulis.
3. Teman – teman kelas TID 2014, terimakasih atas bantuan dan dukungan selama ini.
4. Teman – teman pengurus PAA Al – Firdaus yang telah mewarnai hari – hari dan memberikan dukungan kepada penulis.
vi
KATA PENGANTAR
Assalamu’alaikum wr.wb.
Puji syukur selalu penulis panjatkan kepada Allah SWT yang telah melimpahkan segala kemudahan sehingga penulis dapat meyelesaikan Tugas Akhir ini tepat pada waktunya tanpa halangan berarti.
Tugas Akhir dengan judul “Perancangan dan Pembuatan Standarisasi Aplikasi CMS Pemerintah Desa dengan Menggunakan Metoda Need Assessment” dibuat untuk memenuhi salah satu persyaratan memperoleh gelar ahli madya pada Program Studi Diploma III Teknik Informatika Universitas Sebelas Maret Surakarta. Dalam menyelesaikan Tugas Akhir ini penulis mendapatkan bantuan dan dukungan dari berbagai pihak. Oleh sebab itu pada kesempatan ini, penulis mengucapkan terima kasih kepada semua pihak yang telah memberikan bantuan dan dukungannya, terutama kepada :
1. Prof. Ir. Ari Handono Ramelan, M.Sc (Hons)., Ph.D, selaku Dekan Fakultas Matematika dan Ilmu Pengetahuan Alam Universitas Sebelas Maret Surakarta.
2. Bapak Abdul Aziz, S.Kom., M.Cs. selaku ketua program studi Diploma III Teknik Informatika FMIPA UNS.
3. Bapak Yudha Yudhanto, S.Kom. selaku dosen pembimbing yang telah dengan penuh kesabaran dan ketulusan memberikan bimbingan, saran, petunjuk serta semangat dalam menyelesaikan Tugas Akhir ini.
4. Dosen – dosen DIII Teknik Informatika FMIPA UNS yang telah memberikan bekal ilmu dan dukungan kepada penulis dalam menyelesaikan Tugas Akhir ini.
5. Bapak dan Ibu serta keluarga yang selalu memberikan dukungan dan semangat untuk menyelesaikan Tugas Akhir ini.
vii
6. Teman – teman D3 Teknik Informatika angkatan 2014 yang senantiasa memberikan bantuan serta saling mengingatkan sehingga Tugas Akhir ini dapat terselesaikan dengan baik.
7. Teman – teman pengurus PAA Al – Firdaus yang senantiasa memberikan dukungan kepada penulis.
8. Semua pihak terkait yang tidak dapat penulis sebutkan satu persatu, atas bantuan dan dukungannya dalam penyelesaian Tugas Akhir ini. Demikian Tugas Akhir ini penulis susun dengan harapan bermanfaat bagi penulis maupun pembaca. Penulis mengharapkan kritik dan saran yang membangun laporan menjadi lebih baik lagi. Sekian dari penulis, segala bentuk kekurangan dan kesalahan dalam penulisan ini mohon dimaafkan.
Wassalamu’alaikum wr.wrb.
Surakarta, Juni 2017
viii DAFTAR ISI
HALAMAN JUDUL ... i
HALAMAN PERSETUJUAN ... ii
HALAMAN PENGESAHAN ... iii
MOTTO ... iv
HALAMAN PERSEMBAHAN ... v
KATA PENGANTAR ... vi
DAFTAR ISI ... viii
DAFTAR TABEL ... xii
DAFTAR GAMBAR ... xvi
INTISARI ... xxi ABSTRACT ... xxii BAB I PENDAHULUAN ... 1 1.1. Latar Belakang ... 1 1.2. Perumusan Masalah ... 2 1.3. Tujuan ... 2 1.4. Manfaat ... 2 1.5. Batasan Masalah ... 2 1.6. Metodologi ... 3 1.7. Sistematika Penulisan ... 5
BAB II TINJAUAN PUSTAKA DAN DASAR TEORI ... 6
2.1 Tinjauan Pustaka ... 6
2.2 Sistem Informasi ... 7
2.2.1. Sistem ... 7
2.2.2. Sistem Informasi ... 7
2.2.3. Monografi Desa ... 8
2.2.4. CMS (Content Management System) ... 8
2.3 Skala Likert ... 8
2.4 Need Assessment ... 8
2.5 Perangkat Lunak ... 9
2.5.1. PHP ... 9
ix
2.5.3. CSS ... 9
2.5.4. CodeIgniter ... 9
2.5.5. Java Script ... 10
2.6 Perancangan ... 10
2.6.1. Use Case Diagram ... 10
2.6.2. Class Diagram ... 11
2.6.3. Activity Diagram ... 12
2.6.4. Squence Diagram ... 14
2.6.5. Entity Relationship Diagram (ERD) ... 15
2.6.6. Balsamiq ... 15
2.7 Pengujian ... 16
2.7.1. Pengujian Black Box ... 16
BAB III ANALISIS DAN RANCANGAN SISTEM ... 17
3.1 Proses Bisnis Aplikasi ... 17
3.2 Alat dan Bahan ... 18
3.3 Analisa Kebutuhan Sistem ... 19
3.3.1. Kebutuhan Fungsional ... 19
3.3.2. Kebutuhan Non Fungsional... 25
3.4 Perancangan Sistem ... 26
3.4.1. Use Case Diagram ... 26
3.4.2. Use Case Text ... 27
3.4.3. Activity Diagram ... 80
3.4.4. Class Diagram ... 142
3.4.5. Sequence Diagram ... 143
3.4.6. Perancangan Basis Data ... 182
3.4.7. Perancangan User Interface... 192
3.5. Rancangan Kuisioner ... 203
BAB IV IMPLEMENTASI DAN PENGUJIAN ... 205
4.1 Analisa Hasil Kuisioner ... 205
4.2 Implementasi ... 212
4.2.1 Implementasi Halaman Login ... 212
4.2.2 Implementasi Halaman Dashboard... 212
4.2.3 Implementasi Halaman Profil User ... 213
x
4.2.5 Implementasi Halaman Daftar Berita... 214
4.2.6 Implementasi Halaman Form Berita ... 215
4.2.7 Implementasi Halaman Setting ... 216
4.2.8 Implementasi Halaman Form Agenda ... 216
4.2.9 Implementasi Halaman Form Potensi ... 217
4.2.10 Implementasi Halaman Home ... 217
4.2.11 Implementasi Halaman Profil Desa ... 218
4.2.12 Implementasi Halaman Peraturan Desa ... 218
4.2.13 Implementasi Halaman Potensi Desa ... 219
4.2.14 Implementasi Halaman Kontak ... 219
4.3 Pengujian ... 220
4.3.1 Pengujian pada Sistem Login ... 220
4.3.2 Pengujian Pengelolaan Data Setting... 222
4.3.3 Pengujian Pengelolaan Data Users ... 223
4.3.4 Pengujian Pengelolaan Data Slider ... 224
4.3.5 Pengujian Pengelolaan Data Berita ... 226
4.3.6 Pengujian Pengelolaan Data Agenda ... 227
4.3.7 Pengujian Pengelolaan Data Profil Desa... 229
4.3.8 Pengujian Pengelolaan Data Lembaga Desa ... 230
4.3.9 Pengujian Pengelolaan Data Jabatan ... 232
4.3.10 Pengujian Pengelolaan Data Pengurus ... 233
4.3.11 Pengujian Pengelolaan Data Pegawai ... 235
4.3.12 Pengujian Pengelolaan Data Layanan ... 236
4.3.13 Pengujian Pengelolaan Data Peraturan Desa ... 238
4.3.14 Pengujian Pengelolaan Data Jenis Potensi ... 239
4.3.15 Pengujian Pengelolaan Data Potensi ... 241
4.3.16 Pengujian Pengelolaan Data Anggaran ... 242
4.3.17 Pengujian Pengelolaan Data Monografi Desa... 243
4.3.18 Pengujian Pengelolaan Data Kategori Foto/Video ... 244
4.3.19 Pengujian Pengelolaan Data Foto ... 246
4.3.20 Pengujian Pengelolaan Data Video ... 247
4.3.21 Pengujian Pengelolaan Data RPJMDes ... 249
4.3.22 Pengujian Pengelolaan Data Profil Setiap Users ... 250
xi
4.4 Pembuatan Installer ... 253
BAB V KESIMPULAN DAN SARAN ... 256
5.1. Kesimpulan ... 256
5.2. Saran ... 256
xii
DAFTAR TABEL
Tabel 2. 1 Simbol - simbol pada use case diagram ... 10
Tabel 2. 2 Simbol - simbol class diagram ... 12
Tabel 2. 3 Simbol - simbol activity diagram ... 13
Tabel 2. 4 Simbol - simbol pada squence diagram ... 14
Tabel 3. 1 Deskripsi Aktor ... 19
Tabel 3. 2 Kebutuhan Fungsional ... 19
Tabel 3. 3 Kebutuhan Non Fungsional ... 25
Tabel 3. 4 Use Case Text Menambahkan User Baru ... 27
Tabel 3. 5 Use Case Text Mengubah Data Profil User ... 28
Tabel 3. 6 Use Case Text Mengubah Password ... 28
Tabel 3. 7 Use Case Text Lupa Password ... 29
Tabel 3. 8 Use Case Text Mengubah Status User ... 30
Tabel 3. 9 Use Case Text Menambahkan Data Setting Identitas Desa ... 30
Tabel 3. 10 Use Case Text Mengubah Data Setting Identitas Desa ... 31
Tabel 3. 11 Use Case Text Mengubah Status Menu Web Desa ... 31
Tabel 3. 12 Use Case Text Mengubah Template Web Desa ... 32
Tabel 3. 13 Use Case Text Backup Data CMS Desa... 32
Tabel 3. 14 Use Case Text Restore Data CMS Desa ... 33
Tabel 3. 15 Use Case Text Menambahkan Data Slider ... 33
Tabel 3. 16 Use Case Text Menampilkan Data Slider ... 34
Tabel 3. 17 Use Case Text Mengubah Data Slider ... 34
Tabel 3. 18 Use Case Text Menghapus Data Slider ... 35
Tabel 3. 19 Use Case Text Monitoring Data Postingan ... 36
Tabel 3. 20 Use Case Text Membalas Pesan Masuk ... 36
Tabel 3. 21 Use Case Text Mencetak Laporan Data Monografi Desa... 37
Tabel 3. 22 Use Case Text Menambahkan Data Berita Desa ... 37
Tabel 3. 23 Use Case Text Menampilkan Data Berita Desa ... 38
Tabel 3. 24 Use Case Text Mengubah Data Berita Desa ... 39
Tabel 3. 25 Use Case Text Menghapus Data Berita Desa... 39
Tabel 3. 26 Use Case Text Komen Berita Desa ... 40
Tabel 3. 27 Use Case Text Menambahkan Data Profil Desa ... 41
Tabel 3. 28 Use Case Text Menampilkan Data Profil Desa ... 41
Tabel 3. 29 Use Case Text Mengubah Data Profil Desa ... 42
Tabel 3. 30 Use Case Text Menghapus Data Profil Desa ... 42
Tabel 3. 31 Use Case Text Menambahkan Data Lembaga Desa ... 43
Tabel 3. 32 Use Case Text Menampilkan Data Lembaga Desa ... 44
Tabel 3. 33 Use Case Text Mengubah Data Lembaga Desa ... 44
Tabel 3. 34 Use Case Text Menambahkan Data Jabatan ... 45
Tabel 3. 35 Use Case Text Mengubah Data Jabatan ... 46
Tabel 3. 36 Use Case Text Menambahkan Data Pengurus Lembaga Desa ... 47
Tabel 3. 37 Use Case Text Mengubah Data Pengurus Lembaga Desa ... 47
Tabel 3. 38 Use Case Text Menghapus Data Pengurus Lembaga Desa... 48
xiii
Tabel 3. 40 Use Case Text Menampilkan Data Monografi Desa ... 50
Tabel 3. 41 Use Case Text Mengubah Data Monografi Desa ... 50
Tabel 3. 42 Use Case Text Menambahkan Data Potensi Desa ... 51
Tabel 3. 43 Use Case Text Menampilkan Data Potensi Desa ... 52
Tabel 3. 44 Use Case Text Mengubah Data Potensi Desa ... 52
Tabel 3. 45 Use Case Text Menghapus Data Potensi Desa... 53
Tabel 3. 46 Use Case Text Komen Data Potensi Desa ... 54
Tabel 3. 47 Use Case Text Menambahkan Data Jenis Potensi Desa ... 54
Tabel 3. 48 Use Case Text Mengubah Data Jenis Potensi Desa ... 55
Tabel 3. 49 Use Case Text Menambahkan Data Peraturan Desa ... 56
Tabel 3. 50 Use Case Text Menampilkan Data Peraturan Desa ... 57
Tabel 3. 51 Use Case Text Mengubah Data Peraturan Desa... 57
Tabel 3. 52 Use Case Text Menghapus Data Peraturan Desa ... 58
Tabel 3. 53 Use Case Text Menambahkan Data Layanan Desa ... 59
Tabel 3. 54 Use Case Text Menampilkan Data Layanan Desa ... 59
Tabel 3. 55 Use Case Text Mengubah Data Layanan Desa ... 60
Tabel 3. 56 Use Case Text Menghapus Data Layanan Desa ... 61
Tabel 3. 57 Use Case Text Menambahkan Data Kategori Foto/Video ... 61
Tabel 3. 58 Use Case Text Mengubah Data Kategori Foto/Video ... 62
Tabel 3. 59 Use Case Text Menambahkan Data Foto Desa ... 63
Tabel 3. 60 Use Case Text Menampilkan Data Foto ... 64
Tabel 3. 61 Use Case Text Mengubah Data Foto... 64
Tabel 3. 62 Use Case Text Menghapus Data Foto Desa ... 65
Tabel 3. 63 Use Case Text Menambahkan Data Video Desa ... 66
Tabel 3. 64 Use Case Text Menampilkan Data Video Desa ... 66
Tabel 3. 65 Use Case Text Mengubah Data Video Desa ... 67
Tabel 3. 66 Use Case Text Menghapus Data Video Desa... 68
Tabel 3. 67 Use Case Text Menambahkan Data Anggaran ... 68
Tabel 3. 68 Use Case Text Menampilkan Data Anggaran ... 69
Tabel 3. 69 Use Case Text Mengubah Data Anggaran ... 69
Tabel 3. 70 Use Case Text Menghapus Data Anggaran... 70
Tabel 3. 71 Use Case Text Menambahkan Data Agenda Desa ... 71
Tabel 3. 72 Use Case Text Menampilkan Data Agenda Desa ... 71
Tabel 3. 73 Use Case Text Mengubah Data Agenda Desa ... 72
Tabel 3. 74 Use Case Text Menghapus Data Agenda Desa ... 73
Tabel 3. 75 Use Case Text Menambahkan Data RPJMDes ... 73
Tabel 3. 76 Use Case Text Menampilkan Data RPJMDes... 74
Tabel 3. 77 Use Case Text Mengubah Data RPJMDes ... 74
Tabel 3. 78 Use Case Text Menghapus Data RPJMDes ... 75
Tabel 3. 79 Use Case Text Menambahkan Data Pegawai ... 76
Tabel 3. 80 Use Case Text Mengubah Data Pegawai ... 77
Tabel 3. 81 Use Case Text Menghapus Data Pegawai ... 77
Tabel 3. 82 Use Case Text Menampilkan Daftar Kepala Desa ... 78
Tabel 3. 83 Use Case Text Menampilkan Struktur Organisasi ... 78
Tabel 3. 84 Use Case Text Mengirim Pesan ... 79
xiv
Tabel 3. 86 Tabel Setting ... 185
Tabel 3. 87 Tabel Profil ... 186
Tabel 3. 88 Tabel Berita ... 186
Tabel 3. 89 Tabel Lembaga ... 186
Tabel 3. 90 Tabel Jabatan... 187
Tabel 3. 91 Tabel Pengurus ... 187
Tabel 3. 92 Tabel Layanan ... 187
Tabel 3. 93 Tabel Perdes ... 187
Tabel 3. 94 Tabel Jenis... 188
Tabel 3. 95 Tabel Potensi ... 188
Tabel 3. 96 Tabel Gambar ... 188
Tabel 3. 97 Tabel Kategori... 189
Tabel 3. 98 Tabel Galeri... 189
Tabel 3. 99 Tabel Pesan ... 189
Tabel 3. 100 Tabel Pegawai ... 190
Tabel 3. 101 Tabel Agenda ... 190
Tabel 3. 102 Tabel Komentar... 190
Tabel 3. 103 Tabel Menu ... 191
Tabel 3. 104 Tabel Monografi ... 191
Tabel 3. 105 Tabel Anggaran ... 191
Tabel 3. 106 Tabel RPJMDes ... 192
Tabel 3. 107 Tabel Slider ... 192
Tabel 3. 108 Rancangan Kuisioner Standarisasi CMS Desa ... 203
Tabel 4. 1 Hasil Kuisioner ... 205
Tabel 4. 2 Klasifikasi Sikap Responden ... 206
Tabel 4. 3 Pengujian Sistem Login ... 221
Tabel 4. 4 Pengujian Pengelolaan Data Setting ... 222
Tabel 4. 5 Pengujian Pengelolaan Data Users ... 223
Tabel 4. 6 Pengujian Pengelolaan Data Slider ... 224
Tabel 4. 7 Pengujian Pengelolaan Data Berita ... 226
Tabel 4. 8 Pengujian Pengelolaan Data Agenda ... 227
Tabel 4. 9 Pengujian Pengelolaan Data Profil Desa ... 229
Tabel 4. 10 Pengujian Pengelolaan Data Lembaga Desa ... 231
Tabel 4. 11 Pengujian Pengelolaan Data Jabatan... 232
Tabel 4. 12 Pengujian Pengelolaan Data Pengurus ... 233
Tabel 4. 13 Pengujian Pengelolaan Data Pegawai ... 235
Tabel 4. 14 Pengujian Pengelolaan Data Layanan ... 236
Tabel 4. 15 Pengujian Pengelolaan Data Peraturan Desa ... 238
Tabel 4. 16 Pengujian Pengelolaan Data Jenis Potensi ... 239
Tabel 4. 17 Pengujian Pengelolaan Data Potensi ... 241
Tabel 4. 18 Pengujian Pengelolaan Data Anggaran ... 242
Tabel 4. 19 Pengujian Pengelolaan Data Monogrfai Desa ... 243
Tabel 4. 20 Pengujian Pengelolaan Data Kategori Foto/Video ... 244
Tabel 4. 21 Pengujian Pengelolaan Data Foto ... 246
Tabel 4. 22 Pengujian Pengelolaan Data Video ... 247
xv
Tabel 4. 24 Pengujian Pengelolaan Data Profil Setiap Users ... 250 Tabel 4. 25 Pengujian Fasilitas Lupa Password ... 251
xvi
DAFTAR GAMBAR
Gambar 3. 1 Proses Bisnis Aplikasi ... 17
Gambar 3. 2 Use Case Diagram ... 26
Gambar 3. 3 Activity Diagram Menambahkan User Baru ... 80
Gambar 3. 4 Activity Diagram Mengubah Data Profil User ... 81
Gambar 3. 5 Activity Diagram Mengubah Password ... 82
Gambar 3. 6 Activity Diagram Lupa Password ... 83
Gambar 3. 7 Activity Diagram Mengubah Status User ... 84
Gambar 3. 8 Activity Diagram Menambahkan Data Setting Identitas Desa ... 84
Gambar 3. 9 Activity Diagram Mengubah Data Setting Identitas Desa ... 85
Gambar 3. 10 Activity Diagram Mengubah Status Menu Web Desa ... 86
Gambar 3. 11 Activity Diagram Mengubah Template Web Desa ... 87
Gambar 3. 12 Activity Diagram Backup Data CMS Desa ... 88
Gambar 3. 13 Activity Diagram Restore Data Desa ... 88
Gambar 3. 14 Activity Diagram Menambahkan Data Slider ... 89
Gambar 3. 15 Activity Diagram Menampilkan Data Slider ... 90
Gambar 3. 16 Activity Diagram Mengubah Data Slider ... 90
Gambar 3. 17 Activity Diagram Menghapus Data Slider ... 91
Gambar 3. 18 Activity Diagram Monitoring Data Postingan ... 92
Gambar 3. 19 Activity Diagram Mencetak Laporan Data Monografi Desa ... 92
Gambar 3. 20 Activity Diagram Membalas Pesan Masuk ... 93
Gambar 3. 21 Activity Diagram Menambahkan Data Berita Desa ... 94
Gambar 3. 22 Activity Diagram Menampilkan Data Berita Desa ... 94
Gambar 3. 23 Activity Diagram Komen Data Berita Desa ... 95
Gambar 3. 24 Activity Diagram Mengubah Data Berita Desa ... 96
Gambar 3. 25 Activity Diagram Menghapus Data Berita Desa ... 97
Gambar 3. 26 Actvity Diagram Menambahkan Data Profil Desa ... 98
Gambar 3. 27 Activity Diagram Menampilkan Data Profil Desa ... 98
Gambar 3. 28 Activity Diagram Mengubah Data Profil Desa ... 99
Gambar 3. 29 Activity Diagram Menghapus Data Profil Desa ... 100
Gambar 3. 30 Activity Diagram Menambahkan Data Lembaga Desa ... 101
Gambar 3. 31 Activity Diagram Menampilkan Data Lembaga Desa... 101
Gambar 3. 32 Activity Diagram Mengubah Data Lembaga Desa ... 102
Gambar 3. 33 Activity Diagram Menambahkan Data Jabatan ... 103
Gambar 3. 34 Activity Diagram Mengubah Data Jabatan ... 104
Gambar 3. 35 Activity Diagram Menambahkan Data Pengurus Lembaga Desa 105 Gambar 3. 36 Activity Diagram Mengubah Data Pengurus Lembaga Desa ... 106
Gambar 3. 37 Activity Diagram Menghapus Data Pengurus Lembaga Desa ... 107
Gambar 3. 38 Activity Diagram Menambahkan Data Monografi Desa ... 108
Gambar 3. 39 Activity Diagram Menamilkan Data Monografi Desa ... 108
Gambar 3. 40 Activity Diagram Mengubah Data Monografi Desa ... 109
Gambar 3. 41 Activity Diagram Menambahkan Data Potensi Desa ... 110
Gambar 3. 42 Activity Diagram Menampilkan Data Potensi Desa ... 110
xvii
Gambar 3. 44 Activity Diagram Mengubah Data Potensi Desa ... 112
Gambar 3. 45 Activity Diagram Menghapus Data Potensi Desa ... 113
Gambar 3. 46 Activity Diagram Menambahkan Data Jenis Potensi Desa ... 114
Gambar 3. 47 Activity Diagram Mengubah Data Jenis Potensi Desa ... 115
Gambar 3. 48 Activity Diagram Menambahkan Data Peraturan Desa... 116
Gambar 3. 49 Activity Diagram Menampilkan Data Peraturan Desa ... 116
Gambar 3. 50 Activity Diagram Mengubah Data Peraturan Desa ... 117
Gambar 3. 51 Activity Diagram Menghapus Data Peraturan Desa ... 118
Gambar 3. 52 Activity Diagram Menambahkan Data Layanan Desa ... 119
Gambar 3. 53 Activity Diagram Menampilkan Data Layanan Desa ... 119
Gambar 3. 54 Activity Diagram Mengubah Data Layanan Desa ... 120
Gambar 3. 55 Activity Diagram Menghapus Data Layanan Desa ... 121
Gambar 3. 56 Activity Diagram Menambahkan Data Kategori Foto/Video Desa ... 122
Gambar 3. 57 Activity Diagram Mengubah Data Kategori Foto/Video Desa .... 123
Gambar 3. 58 Activity Diagram Menambahkan Data Foto Desa ... 124
Gambar 3. 59 Activity Diagram Menampilkan Data Foto Desa ... 124
Gambar 3. 60 Activity Diagram Mengubah Data Foto Desa ... 125
Gambar 3. 61 Activity Diagram Menghapus Data Foto Desa ... 126
Gambar 3. 62 Activity Diagram Menambahkan Data Video Desa ... 127
Gambar 3. 63 Activity Diagram Menampilkan Data Video Desa ... 127
Gambar 3. 64 Activity Diagram Mengubah Data Video Desa ... 128
Gambar 3. 65 Activity Diagram Menghapus Data Video Desa ... 129
Gambar 3. 66 Activity Diagram Menambahkan Data Anggaran Desa ... 130
Gambar 3. 67 Activity Diagram Menampilkan Data Anggaran Desa ... 130
Gambar 3. 68 Activity Diagram Mengubah Data Anggaran Desa ... 131
Gambar 3. 69 Activity Diagram Menghapus Data Anggaran Desa ... 132
Gambar 3. 70 Activity Diagram Menambahkan Data Agenda Desa ... 133
Gambar 3. 71 Activity Diagram Menampilkan Data Agenda Desa ... 133
Gambar 3. 72 Activity Diagram Mengubah Data Agenda Desa ... 134
Gambar 3. 73 Activity Diagram Menghapus Data Agenda Desa ... 135
Gambar 3. 74 Activity Diagram Menambahkan data RPJMDes ... 136
Gambar 3. 75 Activity Diagram Menampilkan Data RPJMDes ... 136
Gambar 3. 76 Activity Diagram Mengubah Data RPJMDes ... 137
Gambar 3. 77 Activity Diagram Menghapus Data RPJMDes ... 138
Gambar 3. 78 Activity Diagram Menampilkan Daftar Kepala Desa ... 138
Gambar 3. 79 Activity Diagram Menambahkan Data Pegawai ... 139
Gambar 3. 80 Activity Diagram Menampilkan Struktur Organisasi ... 139
Gambar 3. 81 Activity Diagram Mengubah Data Pegawai ... 140
Gambar 3. 82 Activity Diagram Menghapus Data Pegawai ... 141
Gambar 3. 83 Activity Diagram Mengirim Pesan ... 141
Gambar 3. 84 Class Diagram... 142
Gambar 3. 85 Sequence Diagram Menambahkan User baru ... 143
Gambar 3. 86 Sequence Diagram Mengubah Data Profil User ... 143
Gambar 3. 87 Sequence Diagram Mengubah Password ... 144
xviii
Gambar 3. 89 Sequence Diagram Mengubah Status User ... 145
Gambar 3. 90 Sequence Diagram Menambahkan Data Setting Identitas Desa .. 145
Gambar 3. 91 Sequence Diagram Mengubah Data Setting Identitas Desa... 146
Gambar 3. 92 Sequence Diagram Mengubah Status Menu Web Desa... 146
Gambar 3. 93 Sequence Diagram Mengubah Template Web Desa... 147
Gambar 3. 94 Sequence Diagram Backup Data CMS Desa ... 147
Gambar 3. 95 Sequence Diagram Restore Data CMS Desa ... 148
Gambar 3. 96 Sequence Diagram Menambahkan Data Slider ... 148
Gambar 3. 97 Sequence Diagram Mengubah Data Slider ... 149
Gambar 3. 98 Sequence Diagram Menghapus Data Slider... 149
Gambar 3. 99 Sequence Diagram Monitoring Data Postingan ... 150
Gambar 3. 100 Sequence Diagram Membalas Pesan Masuk ... 150
Gambar 3. 101 Sequence Diagram Mencetak Laporan Data Monografi Desa... 151
Gambar 3. 102 Sequence Diagram Menambahkan Data Berita Desa ... 151
Gambar 3. 103 Sequence Diagram Mengubah Data Berita Desa ... 152
Gambar 3. 104 Sequence Diagram Menghapus Data Berita Desa ... 152
Gambar 3. 105 Sequence Diagram Menambahkan Data Profil Desa ... 153
Gambar 3. 106 Sequence Diagram Mengubah Data Profil Desa... 153
Gambar 3. 107 Sequence Diagram Menghapus Data Profil Desa ... 154
Gambar 3. 108 Sequence Diagram Menambahkan Data Lembaga Desa ... 154
Gambar 3. 109 Sequence Diagram Mengubah Data Lembaga Desa ... 155
Gambar 3. 110 Sequence Diagram Menambahkan Data Jabatan ... 155
Gambar 3. 111 Sequence Diagram Mengubah Data Jabatan ... 156
Gambar 3. 112 Sequence Diagram Menambahkan Data Pengurus ... 156
Gambar 3. 113 Sequence Diagram Mengubah Data Pengurus ... 157
Gambar 3. 114 Sequence Diagram Menghapus Data Pengurus ... 157
Gambar 3. 115 Sequence Diagram Menambahkan Data Monografi Desa ... 158
Gambar 3. 116 Sequence Diagram Mengubah Data Monografi Desa... 158
Gambar 3. 117 Sequence Diagram Menambahkan Data Potensi Desa ... 159
Gambar 3. 118 Sequence Diagram Mengubah Data Potensi Desa ... 159
Gambar 3. 119 Sequence Diagram Menghapus Data Potensi Desa ... 160
Gambar 3. 120 Sequence Diagram Menambahkan Data Jenis Potensi Desa ... 160
Gambar 3. 121 Sequence Diagram Mengubah Data Jenis Potensi Desa ... 161
Gambar 3. 122 Sequence Diagram Menambahkan Data Peraturan Desa ... 161
Gambar 3. 123 Sequence Diagram Mengubah Data Peraturan Desa ... 162
Gambar 3. 124 Sequence Diagram Menghapus Data Peraturan Desa ... 162
Gambar 3. 125 Sequence Diagram Menambahkan Data Layanan Desa ... 163
Gambar 3. 126 Sequence Diagram Mengubah Data Layanan Desa ... 163
Gambar 3. 127 Sequence Diagram Menghapus Data Layanan Desa ... 164
Gambar 3. 128 Sequence Diagram Menambahkan Data Kategori Foto/Video Desa ... 164
Gambar 3. 129 Sequence Diagram Mengubah Data Kategori Foto/Video Desa 165 Gambar 3. 130 Sequence Diagram Menambahkan Data Foto Desa ... 165
Gambar 3. 131 Sequence Diagram Mengubah Data Foto Desa ... 166
Gambar 3. 132 Sequence Diagram Menghapus Data Foto Desa ... 166
xix
Gambar 3. 134 Sequence Diagram Mengubah Data Video Desa ... 167
Gambar 3. 135 Sequence Diagram Menghapus Data Video Desa ... 168
Gambar 3. 136 Sequence Diagram Menambahkan Data Angaran Desa ... 168
Gambar 3. 137 Sequence Diagram Mengubah Data Anggaran Desa ... 169
Gambar 3. 138 Sequence Diagram Menghapus Data Anggaran Desa ... 169
Gambar 3. 139 Sequence Diagram Menambahkan Data Agenda Desa... 170
Gambar 3. 140 Sequence Diagram Mengubah Data Agenda Desa ... 170
Gambar 3. 141 Sequence Diagram Menghapus Data Agenda Desa ... 171
Gambar 3. 142 Sequence Diagram Menambahkan Data RPJMDes ... 171
Gambar 3. 143 Sequence Diagram Mengubah Data RPJMDes ... 172
Gambar 3. 144 Sequence Diagram Menghapus Data RPJMDes ... 172
Gambar 3. 145 Sequence Diagram Menambahkan Data Pegawai ... 173
Gambar 3. 146 Sequence Diagram Mengubah Data Pegawai ... 173
Gambar 3. 147 Sequence Diagram Menghapus Data Pegawai... 174
Gambar 3. 148 Sequence Diagram Menampilkan Data Slider ... 174
Gambar 3. 149 Sequence Diagram Menampilkan Data Berita Desa ... 175
Gambar 3. 150 Sequence Diagram Komen Data Berita Desa ... 175
Gambar 3. 151 Sequence Diagram Menampilkan Data Profil Desa ... 176
Gambar 3. 152 Sequence Diagram Menampilkan Data Lembaga Desa ... 176
Gambar 3. 153 Sequence Diagram Menampilkan Data Monografi Desa ... 177
Gambar 3. 154 Sequence Diagram Menampilkan Data Potensi Desa ... 177
Gambar 3. 155 Sequence Diagram Komen Data Potensi Desa ... 178
Gambar 3. 156 Sequence Diagram Menampilkan Data Peraturan Desa ... 178
Gambar 3. 157 Sequence Diagram Menampilkan Data Layanan Desa ... 179
Gambar 3. 158 Sequence Diagram Menampilkan Data Foto Desa ... 179
Gambar 3. 159 Sequence Diagram Menampilkan Data Video Desa ... 180
Gambar 3. 160 Sequence Diagram Menampilkan Data Anggaran Desa ... 180
Gambar 3. 161 Sequence Diagram Menampilkan Data Agenda Desa ... 181
Gambar 3. 162 Sequence Diagram Menampilkan Data RPJMDes ... 181
Gambar 3. 163 Sequence Diagram Menampilkan Daftar Kepala Desa... 181
Gambar 3. 164 Sequence Diagram Menampilkan Struktur Organisasi ... 182
Gambar 3. 165 Sequence Diagram Mengirim Pesan ... 182
Gambar 3. 166 Entity Relatinship Diagram ... 183
Gambar 3. 167 Relasi Antar Tabel ... 184
Gambar 3. 168 Rancangan Halaman Login ... 193
Gambar 3. 169 Rancangan Halaman Dashboard Admin... 193
Gambar 3. 170 Rancangan Halaman Dashboard Kades ... 194
Gambar 3. 171 Rancangan Halaman Dashboard Operator ... 194
Gambar 3. 172 Rancangan Halaman Profil User ... 195
Gambar 3. 173 Rancangan Halaman Daftar User ... 195
Gambar 3. 174 Rancangan Halaman Daftar Berita ... 196
Gambar 3. 175 Rancangan Halaman Form Berita ... 196
Gambar 3. 176 Rancangan Halaman Setting ... 197
Gambar 3. 177 Rancangan Halaman Form Agenda ... 198
Gambar 3. 178 Rancangan Halaman Form Potensi ... 198
xx
Gambar 3. 180 Rancangan Halaman Profil Desa... 200
Gambar 3. 181 Rancangan Halaman Peraturan Desa ... 200
Gambar 3. 182 Rancangan Halaman Potensi Desa ... 201
Gambar 3. 183 Rancangan Halaman Kontak ... 202
Gambar 4. 1 Implementasi Halaman Login ... 212
Gambar 4. 2 Implementasi Halaman Dashboard admin ... 212
Gambar 4. 3 Implementasi Halaman Dashboard operator ... 213
Gambar 4. 4 Implementasi Halaman Dashboard Kades ... 213
Gambar 4. 5 Implementasi Halaman Profil User ... 214
Gambar 4. 6 Implementasi Halaman Daftar User ... 214
Gambar 4. 7 Implementasi Halaman Daftar Berita ... 215
Gambar 4. 8 Implementasi Halaman Form Tambah Berita ... 215
Gambar 4. 9 Implementasi Halaman Setting... 216
Gambar 4. 10 Implementasi Halaman Form Tambah Agenda ... 216
Gambar 4. 11 Implementasi Halaman Form Edit Potensi ... 217
Gambar 4. 12 Implementasi Halaman Home ... 217
Gambar 4. 13 Implementasi Halaman Profil Desa... 218
Gambar 4. 14 Implementasi Halaman Peraturan Desa ... 218
Gambar 4. 15 Implementasi Halaman Potensi Desa ... 219
Gambar 4. 16 Implementasi Halaman Kontak ... 220
Gambar 4. 17 Halaman Awal Install ... 253
Gambar 4. 18 Pengecekan Path ... 254
Gambar 4. 19 Konfigurasi Database ... 254
Gambar 4. 20 Pembuatan Akun Admin ... 255
xxi INTISARI
Indonesia merupakan Negara kepulauan dengan luas wilayahnya mencapai 1.913.578,68 km2 yang terbentang dari Sabang hingga Merauke. Wilayah yang begitu luas itu dibagi kedalam beberapa tingkatan pemerintahan, dimana tingkatan terkecilnya adalah pemerintah tingkat desa. Tidak adanya media informasi untuk menyampaikan informasi dari pemerintah desa kepada masyarakat dan juga mengenalkan produk – produk desa kepada masyarakat luas menyebabkan informasi – informasi tersebut tidak dapat tersebar merata kepada seluruh masyrakat. Meskipun ada beberapa desa yang telah memiliki web desa, informasi yang tersedia masih sangat terbatas. Oleh karena itu, perlu adanya aplikasi yang dapat digunakan untuk menyampaikan informasi dari pemerintah desa serta pengenalan potensi desa kepada masyarakat yang sesuai standar.
Aplikasi CMS Desa dibuat dengan menggunakan framework CodeIgniter, PHP, JavaScript dan database MySQL. Pengumpulan data pada tahap analisa dilakukan dengan menggunakan observasi, kuesioner dan studi pustaka dari berbagai sumber yang berkaitan dengan topik yang diangkat.
Hasil dari Tugas Akhir ini adalah Aplikasi CMS Desa yang telah terstandarisasi. Aplikasi ini dapat digunakan untuk manajemen isi web desa yang meliputi berita desa, profil desa, lembaga desa, peraturan desa, data monografi desa, galeri serta potensi desa. Sehingga dengan adanya aplikasi CMS Desa ini, informasi – informasi desa dapat tersebar merata kepada masyarakat.
xxii ABSTRACT
Indonesia is an archipelago with a total area reaches 1,913,578.68 km2 that stretches from Sabang to Merauke. The region is so large, it is divided into several levels of government, where the smallest government level is the village goverment level. There is no information media to convey information from the village government to the people and also to introduces the village’s products causes the such information can not be spread evenly to the entire community. Although there are some villages that already have a village web, the available information is still very limited. Therefore, there is a need for an application that can be used to convey information from the village government and the introduction of village potency to the community according to the standard.
CMS Desa applications are created using the CodeIgniter framework, PHP, JavaScript and MySQL databases. Collecting data at the stage of analysis is done by using observation, questionnaire and literature study from various sources related to the topic raised.
The result of this Final Project is the CMS Desa Application that has been Standardized. This application can be used for village web content management that includes village news, village profiles, village institutions, village regulations, village monograph data, galleries and village potentials. So with the CMS Desa application, village information can be spread evenly to the community.
