SISTEM INFORMASI MANAJEMEN ORGANISASI (SIMAO) BERBASIS WEB … · SISTEM INFORMASI MANAJEMEN...

17
library.uns.ac.id digilib.uns.ac.id i SISTEM INFORMASI MANAJEMEN ORGANISASI (SIMAO) BERBASIS WEB TUGAS AKHIR Disusun untuk memenuhi salah satu syarat dalam memperoleh gelar Ahli Madya pada Program Studi Diploma III Teknik Informatika Universitas Sebelas Maret Disusun oleh : DICKY AGITA CAHYA NIM. M3114053 PROGRAM DIPLOMA III TEKNIK INFORMATIKA FAKULTAS MATEMATIKA DAN ILMU PENGETAHUAN ALAM UNIVERSITAS SEBELAS MARET 2018 library.uns.ac.id digilib.uns.ac.id

Transcript of SISTEM INFORMASI MANAJEMEN ORGANISASI (SIMAO) BERBASIS WEB … · SISTEM INFORMASI MANAJEMEN...

Page 1: SISTEM INFORMASI MANAJEMEN ORGANISASI (SIMAO) BERBASIS WEB … · SISTEM INFORMASI MANAJEMEN ORGANISASI (SIMAO) BERBASIS WEB TUGAS AKHIR Disusun untuk memenuhi salah satu syarat dalam

library.uns.ac.id digilib.uns.ac.id

i

SISTEM INFORMASI MANAJEMEN ORGANISASI (SIMAO)

BERBASIS WEB

TUGAS AKHIR

Disusun untuk memenuhi salah satu syarat dalam memperoleh gelar

Ahli Madya pada Program Studi Diploma III Teknik Informatika

Universitas Sebelas Maret

Disusun oleh :

DICKY AGITA CAHYA

NIM. M3114053

PROGRAM DIPLOMA III TEKNIK INFORMATIKA

FAKULTAS MATEMATIKA DAN ILMU PENGETAHUAN ALAM

UNIVERSITAS SEBELAS MARET

2018

library.uns.ac.id digilib.uns.ac.id

Page 2: SISTEM INFORMASI MANAJEMEN ORGANISASI (SIMAO) BERBASIS WEB … · SISTEM INFORMASI MANAJEMEN ORGANISASI (SIMAO) BERBASIS WEB TUGAS AKHIR Disusun untuk memenuhi salah satu syarat dalam

library.uns.ac.id digilib.uns.ac.id

i

library.uns.ac.id digilib.uns.ac.id

Page 3: SISTEM INFORMASI MANAJEMEN ORGANISASI (SIMAO) BERBASIS WEB … · SISTEM INFORMASI MANAJEMEN ORGANISASI (SIMAO) BERBASIS WEB TUGAS AKHIR Disusun untuk memenuhi salah satu syarat dalam

library.uns.ac.id digilib.uns.ac.id

i

library.uns.ac.id digilib.uns.ac.id

Page 4: SISTEM INFORMASI MANAJEMEN ORGANISASI (SIMAO) BERBASIS WEB … · SISTEM INFORMASI MANAJEMEN ORGANISASI (SIMAO) BERBASIS WEB TUGAS AKHIR Disusun untuk memenuhi salah satu syarat dalam

library.uns.ac.id digilib.uns.ac.id

iv

PERNYATAAN

Dengan ini saya menyatakan bahwa dalam Laporan Tugas Akhir ini tidak

terdapat karya yang pernah diajukan untuk memperoleh gelar kesarjanaan maupun

ahli madya disuatu Perguruan Tinggi, dan sepanjang pengetahuan saya juga tidak

terdapat karya atau pendapat yang pernah ditulis atau diterbitkan oleh orang lain,

kecuali yang secara tertulis diacu dalam naskah ini dan disebutkan dalam Daftar

Pustaka.

Surakarta, Juli 2018

DICKY AGITA CAHYA

M3114053

library.uns.ac.id digilib.uns.ac.id

Page 5: SISTEM INFORMASI MANAJEMEN ORGANISASI (SIMAO) BERBASIS WEB … · SISTEM INFORMASI MANAJEMEN ORGANISASI (SIMAO) BERBASIS WEB TUGAS AKHIR Disusun untuk memenuhi salah satu syarat dalam

library.uns.ac.id digilib.uns.ac.id

v

MOTTO

“Hal besar dimulai dengan langkah kecil, tekuni dan disiplin”

ا يسرعسر

مع ال

إن

(Sesungguhnya bersama kesulitan ada kemudahan)

QS. Al Insyirah : 6

library.uns.ac.id digilib.uns.ac.id

Page 6: SISTEM INFORMASI MANAJEMEN ORGANISASI (SIMAO) BERBASIS WEB … · SISTEM INFORMASI MANAJEMEN ORGANISASI (SIMAO) BERBASIS WEB TUGAS AKHIR Disusun untuk memenuhi salah satu syarat dalam

library.uns.ac.id digilib.uns.ac.id

vi

KATA PENGANTAR

Puji syukur kehadirat Allah Subhanahu Wa Ta’ala yang atas limpahan rahmat

dan kasih sayang-Nya penulis dapat menyelesaikan Laporan Tugas Akhir yang

berjudul “Sistem Informasi Manajemen Organisasi (SIMAO) Berbasis Web”.

Penyusunan Laporan Tugas Akhir ini bertujuan untuk memenuhi persyaratan

kelulusan Program Diploma III Teknik Informatika Fakultas Matematika dan Ilmu

Pengetahuan Alam Universitas Sebelas Maret Surakarta. Dalam penyusunan

laporan ini penulis mendapatkan bantuan dan dukungan dari berbagai pihak. Terima

kasih penulis sampaikan kepada semua pihak yang memberikan bantuan dan

dukungan selama keberjalanan hingga akhir dari tugas akhir ini:

1. Bapak Abdul Aziz, S.Kom., M.Cs. selaku Kepala Program Studi

Diploma III Teknik Informatika Fakultas Matematika dan Ilmu

Pengetahuan Alam Universitas Sebelas Maret Surakarta dan selaku

Dosen Pembimbing Tugas Akhir yang telah memberikan bimbingan,

saran, dukungan, serta membersamai selama penyusunan Laporan

Tugas Akhir ini .

2. Bapak dan Ibu orangtua yang selalu memberikan dukungan dan doa.

3. Teman-teman kelas TIB 2014 yang menjadi teman seperjuangan

4. Semua pihak yang telah memberikan dukungan serta saran.

Terima kasih sekali lagi penulis sampaikan. Semoga Allah Subhanahu Wa

Ta’ala. memberikan balasan yang lebih baik. Dan penulis berharap Laporan Tugas

Akhir ini dapat memberikan manfaat kepada pembaca.

Surakarta, Juli 2018

Penulis

library.uns.ac.id digilib.uns.ac.id

Page 7: SISTEM INFORMASI MANAJEMEN ORGANISASI (SIMAO) BERBASIS WEB … · SISTEM INFORMASI MANAJEMEN ORGANISASI (SIMAO) BERBASIS WEB TUGAS AKHIR Disusun untuk memenuhi salah satu syarat dalam

library.uns.ac.id digilib.uns.ac.id

vii

DAFTAR ISI

HALAMAN PERSETUJUAN ................................................................................. i

HALAMAN PENGESAHAN ................................ Error! Bookmark not defined.

PERNYATAAN ..................................................................................................... iv

MOTTO .................................................................................................................. v

KATA PENGANTAR ........................................................................................... vi

DAFTAR ISI ......................................................................................................... vii

DAFTAR TABEL ................................................................................................... x

DAFTAR GAMBAR ........................................................................................... xiii

INTISARI ............................................................................................................. xvi

ABSTRACT ........................................................................................................ xvii

BAB I ...................................................................................................................... 1

PENDAHULUAN .................................................................................................. 1

1.1 Latar Belakang ......................................................................................... 1

1.2 Rumusan Masalah .................................................................................... 2

1.3 Tujuan Penelitian ...................................................................................... 2

1.4 Manfaat Penelitian .................................................................................... 2

1.5 Batasan Masalah ....................................................................................... 2

1.6 Metodologi Penelitian .............................................................................. 3

1.7 Sistematika Penulisan ............................................................................... 4

BAB II ..................................................................................................................... 5

TINJAUAN PUSTAKA DAN LANDASAN TEORI ............................................ 5

2.1 Tinjauan Pustaka .......................................................................................... 5

2.2 Landasan Teori ............................................................................................. 6

2.2.1 Perancangan Sistem .............................................................................. 6

2.2.2 Perancangan Database .......................................................................... 8

2.2.3 Perancangan Desain Tampilan............................................................ 10

2.2.4 Pengujian ............................................................................................ 11

BAB III ................................................................................................................. 14

ANALISA DAN RANCANGAN SISTEM .......................................................... 14

3.1 Alat dan Bahan ........................................................................................... 14

3.1.1 Alat...................................................................................................... 14

library.uns.ac.id digilib.uns.ac.id

Page 8: SISTEM INFORMASI MANAJEMEN ORGANISASI (SIMAO) BERBASIS WEB … · SISTEM INFORMASI MANAJEMEN ORGANISASI (SIMAO) BERBASIS WEB TUGAS AKHIR Disusun untuk memenuhi salah satu syarat dalam

library.uns.ac.id digilib.uns.ac.id

viii

3.1.1.1 Perangkat Keras ........................................................................... 14

3.1.1.2 Perangkat Lunak .......................................................................... 14

3.1.2 Bahan .................................................................................................. 14

3.2 Jadwal Penelitian ........................................................................................ 15

3.3 Analisis Kebutuhan Sistem ........................................................................ 16

3.4.1 Kebutuhan Fungsional .................................................................... 16

3.3.2 Kebutuhan Non Fungsional............................................................. 21

3.4 Perancangan Sistem ................................................................................... 22

3.4.1 Use Case Diagram .......................................................................... 22

3.4.2 Use Case Text .................................................................................. 26

3.4.3 Sequence Diagram .......................................................................... 71

3.4.4 Class Diagram .............................................................................. 101

3.4.5 Entity Relation Diagram ............................................................... 102

3.4.6 Tabel Fisik ..................................................................................... 103

3.4.7 Relasi Tabel ................................................................................... 117

3.4.8 Perancangan User Interface .......................................................... 118

BAB IV ............................................................................................................... 129

IMPLEMENTASI DAN PENGUJIAN .............................................................. 129

4.1 Implementasi ............................................................................................ 129

4.1.1 Manajemen Anggota ......................................................................... 129

4.1.1.1 Tampilan Halaman Bidang ........................................................ 129

4.1.1.2 Tampilan Halaman Jabatan ....................................................... 129

4.1.1.3 Tampilan Halaman Pendaftaran Formulir ................................. 130

4.1.1.4 Tampilan Halaman Pendaftaran Data Masuk ............................ 130

4.1.1.5 Tampilan Halaman List Anggota............................................... 131

4.1.1.6 Tampilan Halaman Tambah Anggota ....................................... 131

4.1.1.7 Tampilan Halaman Edit Profil .................................................. 132

4.1.1.8 Tampilan Halaman Ubah Password .......................................... 132

4.1.1.9 Tampilan Halaman Pengisian Formulir .................................... 133

4.1.1.10 Tampilan Halaman Sukses Pengisian Formulir ........................ 133

4.1.1.11 Tampilan Hasil Download Data Pengisian Formulir ................ 134

4.1.1.12 Tampilan Pengumuman ............................................................. 134

4.1.1.13 Tampilan Hasil Pengumuman ................................................... 135

4.1.2 Manajemen Dokumen ....................................................................... 135

library.uns.ac.id digilib.uns.ac.id

Page 9: SISTEM INFORMASI MANAJEMEN ORGANISASI (SIMAO) BERBASIS WEB … · SISTEM INFORMASI MANAJEMEN ORGANISASI (SIMAO) BERBASIS WEB TUGAS AKHIR Disusun untuk memenuhi salah satu syarat dalam

library.uns.ac.id digilib.uns.ac.id

ix

4.1.3 Manajemen Keuangan ...................................................................... 138

4.2 Pengujian .................................................................................................. 140

BAB V ................................................................................................................. 148

KESIMPULAN DAN SARAN ........................................................................... 148

5.1 Kesimpulan ........................................................................................... 148

5.2 Saran ..................................................................................................... 148

DAFTAR PUSTAKA ......................................................................................... 149

library.uns.ac.id digilib.uns.ac.id

Page 10: SISTEM INFORMASI MANAJEMEN ORGANISASI (SIMAO) BERBASIS WEB … · SISTEM INFORMASI MANAJEMEN ORGANISASI (SIMAO) BERBASIS WEB TUGAS AKHIR Disusun untuk memenuhi salah satu syarat dalam

library.uns.ac.id digilib.uns.ac.id

x

DAFTAR TABEL

Tabel 2. 1 Tabel Simbol Komponen Class Diagram ........................................... 7

Tabel 2. 3 Table Komponen Use Case................................................................. 8

Tabel 2. 2 Komponen ERD .................................................................................. 9

Tabel 3. 1 Jadwal Penelitian ............................................................................. 15

Tabel 3. 2 Kebutuhan Fungsional Sistem ......................................................... 16

Tabel 3. 3 Kebutuhan Non Fungsional Sistem ................................................. 22

Tabel 3. 4 Use Case Text Tambah Bidang Organisasi...................................... 26

Tabel 3. 5 Use Case Text Manajemen Bidang Organisasi ................................ 26

Tabel 3. 6 Use Case Text Tambah Jabatan Organisasi ..................................... 27

Tabel 3. 7 Use Case Text Manajemen Jabatan Organisasi ............................... 28

Tabel 3. 8 Use Case Text Tampil Data Pendaftar ............................................. 29

Tabel 3. 9 Use Case Text Tampil Detail Pendaftar ........................................... 29

Tabel 3. 10 Use Case Text Cetak Data Pendaftar .............................................. 30

Tabel 3. 11 Use Case Text Cetak Keseluruhan Data Pendaftar ......................... 31

Tabel 3. 12 Use Case Text Hapus Data Pendaftar.............................................. 32

Tabel 3. 13 Use Case Text Tambah Formulir .................................................... 32

Tabel 3. 14 Use Case Text Tambah Pertanyaan dalam Formulir ....................... 33

Tabel 3. 15 Use Case Text Edit Judul dan Deskripsi Formulir .......................... 34

Tabel 3. 16 Use Case Text Cetak Formulir ........................................................ 35

Tabel 3. 17 Use Case Text Edit Isian Formulir .................................................. 35

Tabel 3. 18 Use Case Text Hapus Formulir ....................................................... 36

Tabel 3. 19 Use Case Text Manajemen Pertanyaan dalam Formulir ................. 37

Tabel 3. 20 Use Case Text Pratinjau Formulir ................................................... 38

Tabel 3. 21 Use Case Text Pembukaan formulir ................................................ 38

Tabel 3. 22 Use Case Text Pengiriman Formulir Via Email .............................. 39

Tabel 3. 23 Use Case Text Salin Tautan Url Formulir ...................................... 40

Tabel 3. 24 Use Case Text Penutupan Formulir ................................................ 40

Tabel 3. 25 Use Case Text Buat Pengumuman .................................................. 41

Tabel 3. 26 Use Case Text Tampil Pengumuman .............................................. 42

Tabel 3. 27 Use Case Text Buat Tabel Anggota ................................................ 43

Tabel 3. 28 Use Case Text Edit Nama dan Deskripsi Tabel .............................. 43

Tabel 3. 29 Use Case Text Seleksi Pendaftar ..................................................... 44

Tabel 3. 30 Use Case Text Reset Seleksi ........................................................... 45

Tabel 3. 31 Use Case Text Detail Anggota ........................................................ 46

Tabel 3. 32 Use Case Text Manajemen Data Anggota ...................................... 46

Tabel 3. 33 Use Case Text Cetak Anggota......................................................... 47

Tabel 3. 34 Use Case Text Tambah Anggota ..................................................... 48

Tabel 3. 35 Use Case Text Pemilihan Bidang .................................................... 48

Tabel 3. 36 Use Case Text Reset Bidang ........................................................... 49

Tabel 3. 37 Use Case Text Pemilihan Jabatan ................................................... 50

Tabel 3. 38 Use Case Text Hapus Tabel Anggota ............................................. 50

Tabel 3. 39 Use Case Text Tampil Folder atau File .......................................... 51

Tabel 3. 40 Use Case Text Buat Folder Baru .................................................... 51

Tabel 3. 41 Use Case Text Upload File ............................................................. 52

Tabel 3. 42 Use Case Text Tampil Detail Folder atau File ............................... 53

library.uns.ac.id digilib.uns.ac.id

Page 11: SISTEM INFORMASI MANAJEMEN ORGANISASI (SIMAO) BERBASIS WEB … · SISTEM INFORMASI MANAJEMEN ORGANISASI (SIMAO) BERBASIS WEB TUGAS AKHIR Disusun untuk memenuhi salah satu syarat dalam

library.uns.ac.id digilib.uns.ac.id

xi

Tabel 3. 43 Use Case Text Edit Nama Folder atau File .................................... 53

Tabel 3. 44 Use Case Text Tampil Folder atau File berbintang ........................ 54

Tabel 3. 45 Use Case Text Penandaan Folder atau File penting ....................... 55

Tabel 3. 46 Use Case Text Tampil Folder atau File Berbagi Link .................... 55

Tabel 3. 47 Use Case Text Aktifkan Pembagian Link........................................ 56

Tabel 3. 48 Use Case Text Nonaktif Pembagian Link........................................ 56

Tabel 3. 49 Use Case Text Tampil Folder atau File yang Dihapus Sementara . 57

Tabel 3. 50 Use Case Text Hapus Folder atau File Sementara.......................... 58

Tabel 3. 51 Use Case Text Restore Folder atau File ......................................... 59

Tabel 3. 52 Use Case Text Pemindahan Folder atau File .................................. 59

Tabel 3. 53 Use Case Text Hapus Folder atau File Permanen .......................... 60

Tabel 3. 54 Use Case Text Pencarian Folder atau File ...................................... 61

Tabel 3. 55 Use Case Text Tambah Sumber Dana Masuk ................................ 62

Tabel 3. 56 Use Case Text Input Dana Masuk .................................................. 62

Tabel 3. 57 Use Case Text Tampil List Dana Masuk ........................................ 63

Tabel 3. 58 Use Case Text Cetak Dana Masuk ................................................. 63

Tabel 3. 59 Use Case Text Detail Dana Masuk ................................................ 64

Tabel 3. 60 Use Case Text Edit Dana Masuk .................................................... 65

Tabel 3. 61 Use Case Text Hapus Dana Masuk ................................................ 65

Tabel 3. 62 Use Case Text Tampil Perhitungan Total Dana Masuk ................. 66

Tabel 3. 63 Use Case Text Input Dana Keluar .................................................. 66

Tabel 3. 64 Use Case Text Tampil List Dana Keluar ........................................ 67

Tabel 3. 65 Use Case Text Cetak Dana Keluar ................................................. 68

Tabel 3. 66 Use Case Text Tampil Detail Dana Keluar .................................... 68

Tabel 3. 67 Use Case Text Hapus Dana Keluar ................................................ 69

Tabel 3. 68 Use Case Text Tampil Perhitungan Total Dana Keluar ................. 69

Tabel 3. 69 Use Case Text Tampil Total Saldo ................................................ 70

Tabel 3. 70 Use Case Text Buat Laporan Dana ................................................ 70

Tabel 3. 71 Use Case Text Cetak Laporan Dana............................................... 71

Tabel 3. 72 Entitas admin ................................................................................. 103

Tabel 3. 73 Entitas anggota_file ....................................................................... 104

Tabel 3. 74 Entitas anggota_kolom .................................................................. 104

Tabel 3. 75 Entitas anggota_opsi .................................................................... 105

Tabel 3. 76 Entitas anggota_pengumuman ...................................................... 105

Tabel 3. 77 Entitas anggota_row ...................................................................... 106

Tabel 3. 78 Entitas anggota_tabel ................................................................... 106

Tabel 3. 79 Entitas anggota_val ....................................................................... 106

Tabel 3. 80 Entitas bidang ................................................................................ 107

Tabel 3. 81 Entitas dana_keluar ....................................................................... 107

Tabel 3. 82 Entitas dana masuk ........................................................................ 108

Tabel 3. 83 Entitas drive_file ........................................................................... 108

Tabel 3. 84 Tabel drive_folder ......................................................................... 109

Tabel 3. 85 Entitas file_extension .................................................................... 109

Tabel 3. 86 Entitas formulir ............................................................................. 109

Tabel 3. 87 Entitas hak_akses .......................................................................... 110

Tabel 3. 88 Entitas jabatan ............................................................................... 110

library.uns.ac.id digilib.uns.ac.id

Page 12: SISTEM INFORMASI MANAJEMEN ORGANISASI (SIMAO) BERBASIS WEB … · SISTEM INFORMASI MANAJEMEN ORGANISASI (SIMAO) BERBASIS WEB TUGAS AKHIR Disusun untuk memenuhi salah satu syarat dalam

library.uns.ac.id digilib.uns.ac.id

xii

Tabel 3. 89 Entitas jenis_file ............................................................................ 111

Tabel 3. 90 Entitas jenis_masukan ................................................................... 111

Tabel 3. 91 Entitas laporan_dana ..................................................................... 111

Tabel 3. 92 Entitas opsi .................................................................................... 112

Tabel 3. 93 Entitas pendaftar............................................................................ 112

Tabel 3. 94 Entitas pendaftar_val ..................................................................... 113

Tabel 3. 95 Entitas pertanyaan ......................................................................... 113

Tabel 3. 96 Entitas rincian_keluar.................................................................... 113

Tabel 3. 97 Entitas rincian_masuk ................................................................... 114

Tabel 3. 98 Entitas sampah_folder ................................................................... 114

Tabel 3. 99 Entitas seleksi ................................................................................ 115

Tabel 3. 100 Entitas total dana ........................................................................... 115

Tabel 3. 101 Entitas upload_nota ....................................................................... 116 Tabel 4. 1 Pengujian Sistem Informasi Manajemen Organisasi (SIMAO) Berbasis Web ....... 140

library.uns.ac.id digilib.uns.ac.id

Page 13: SISTEM INFORMASI MANAJEMEN ORGANISASI (SIMAO) BERBASIS WEB … · SISTEM INFORMASI MANAJEMEN ORGANISASI (SIMAO) BERBASIS WEB TUGAS AKHIR Disusun untuk memenuhi salah satu syarat dalam

library.uns.ac.id digilib.uns.ac.id

xiii

DAFTAR GAMBAR

Gambar 3. 1 Use Case Diagram Manajemen Anggota .................................... 23

Gambar 3. 2 Use Case Diagram Manajemen Dokumen .................................. 24

Gambar 3. 3 Use Case Diagram Manajemen Keuangan .................................. 25

Gambar 3. 4 Sequence Diagram Tambah Bidang Organisasi .......................... 72

Gambar 3. 5 Sequence Diagram Manajemen Bidang Organisasi-Hapus Bidang ..... 73

Gambar 3. 6 Sequence Diagram Manajemen Bidang Organisasi-Edit Bidang 73

Gambar 3. 7 Sequence Diagram Tambah Jabatan Organisasi .......................... 73

Gambar 3. 8 Sequence Diagram Hapus Jabatan Organisasi ............................. 74

Gambar 3. 9 Sequence Diagram Edit Jabatan Organisasi ................................ 75

Gambar 3. 10 Sequence Diagram Tampil Data Pendaftar ................................. 75

Gambar 3. 11 Sequence Diagram Tampil Detail Pendaftar ............................... 76

Gambar 3. 12 Sequence Diagram Cetak Keseluruhan Data Pendaftar .............. 76

Gambar 3. 13 Sequence Diagram Cetak Detail Data Pendaftar......................... 77

Gambar 3. 14 Sequence Diagram Hapus Data Pendaftar .................................. 78

Gambar 3. 15 Sequence Diagram Tambah Formulir ......................................... 78

Gambar 3. 16 Sequence Diagram Tambah Pertanyaan dalam Formulir ............ 79

Gambar 3. 17 Sequence Diagram Edit Isian Formulir ....................................... 79

Gambar 3. 18 Sequence Diagram Hapus Formulir ............................................ 80

Gambar 3. 19 Sequence Diagram Edit Pertanyaan Formulir ............................. 81

Gambar 3. 20 Sequence Diagram Hapus Pertanyaan Formulir ......................... 81

Gambar 3. 21 Sequence Diagram Pratinjau Formulir ........................................ 82

Gambar 3. 22 Sequence Diagram Pembukaan Formulir .................................... 82

Gambar 3. 23 Sequence Diagram Pengiriman Formulir Via Email .................. 83

Gambar 3. 24 Sequence Diagram Penutupan Formulir ..................................... 83

Gambar 3. 25 Sequence Diagram Buat Pengumuman ....................................... 84

Gambar 3. 26 Sequence Diagram Tampil Pengumuman ................................... 84

Gambar 3. 27 Sequence Diagram Buat Tabel Anggota ..................................... 85

Gambar 3. 28 Sequence Diagram Edit Nama dan Deskripsi Tabel ................... 86

Gambar 3. 29 Sequence Diagram Seleksi Pendaftar .......................................... 86

Gambar 3. 30 Sequence Diagram Reset Seleksi ................................................ 87

Gambar 3. 31 Sequence Diagram Detail Anggota ............................................. 87

Gambar 3. 32 Sequence Diagram Hapus Data Anggota .................................... 88

Gambar 3. 33 Sequence Diagram Edit Data Anggota........................................ 88

Gambar 3. 34 Sequence Diagram Cetak Anggota ............................................ 89

Gambar 3. 35 Sequence Diagram Tambah Anggota .......................................... 90

Gambar 3. 36 Sequence Diagram Pemilihan Bidang ......................................... 90

Gambar 3. 37 Sequence Diagram Reset Bidang ................................................ 91

Gambar 3. 38 Sequence Diagram Hapus Tabel Anggota .................................. 91

Gambar 3. 39 Sequence Diagram Tampil Folder .............................................. 92

Gambar 3. 40 Sequence Diagram Buat Folder (Tambah Folder) ..................... 92

Gambar 3. 41 Sequence Diagram Upload File .................................................. 93

Gambar 3. 42 Sequence Diagram Detail File .................................................... 93

Gambar 3. 43 Sequence Diagram Detail Folder ................................................ 94

Gambar 3. 44 Sequence Diagram Penandaan File Berbintang .......................... 95

library.uns.ac.id digilib.uns.ac.id

Page 14: SISTEM INFORMASI MANAJEMEN ORGANISASI (SIMAO) BERBASIS WEB … · SISTEM INFORMASI MANAJEMEN ORGANISASI (SIMAO) BERBASIS WEB TUGAS AKHIR Disusun untuk memenuhi salah satu syarat dalam

library.uns.ac.id digilib.uns.ac.id

xiv

Gambar 3. 45 Sequence Diagram Penandaan Folder Berbintang...................... 95

Gambar 3. 46 Sequence Diagram Pengaktifan Pembagian Link ....................... 96

Gambar 3. 47 Sequence Diagram Pencarian File .............................................. 96

Gambar 3. 48 Sequence Diagram Menampilkan Folder Berbintang ................. 97

Gambar 3. 49 Sequence Diagram Menampilkan File Berbintang ..................... 97

Gambar 3. 50 Sequence Diagram Menampilkan File Berbagi Link .................. 98

Gambar 3. 51 Sequence Diagram Menampilkan Folder Berbagi Link .............. 98

Gambar 3. 52 Menampilkan Folder Sampah ..................................................... 99

Gambar 3. 53 Menampilkan File Sampah.......................................................... 99

Gambar 3. 54 Sequence Diagram Mengosongkan File Sampah ..................... 100

Gambar 3. 55 Sequence Diagram Mengosongkan Folder Sampah ................. 100

Gambar 3. 56 Class Diagram Sistem Manajemen Organisasi ......................... 101

Gambar 3. 57 Entity Relation Diagram ........................................................... 102

Gambar 3. 58 Relasi Tabel Sistem Manajemen Organisasi ............................. 117

Gambar 3. 59 Desain Tampilan Halaman Login .............................................. 118

Gambar 3. 60 Desain Tampilan Halaman Beranda Admin (Man. Anggota) ... 118

Gambar 3. 61 Desain Tampilan Halaman Bidang (Man. Anggota) ................. 119

Gambar 3. 62 Desain Tampilan Halaman Jabatan ........................................... 119

Gambar 3. 63 Desain Tampilan Halaman Pendaftaran Formulir (Man. Anggota) ... 120

Gambar 3. 64 Desain Tampilan Halaman Pendaftaran Data Masuk (Man. Anggota) .......... 120

Gambar 3. 65 Desain Tampilan Halaman Anggota (List Anggota) ................. 121

Gambar 3. 66 Desain Tampilan Halaman Anggota (Tambah Anggota) .......... 121

Gambar 3. 67 Desain Tampilan Halaman Profil (Edit Profil) .......................... 122

Gambar 3. 68 Desain Tampilan Halaman Profil (Ubah Password) ................. 122

Gambar 3. 69 Desain Tampilan Beranda Admin (Man. Dokumen) ................ 123

Gambar 3. 70 Desain Tampilan Menu Drive (Man. Dokumen) ...................... 123

Gambar 3. 71 Desain Tampilan Menu Berbintang (Man. Dokumen) .............. 124

Gambar 3. 72 Desain Tampilan Menu Berbagi Link (Man. Dokumen) ........... 124

Gambar 3. 73 Desain Tampilan Menu Sampah (Man. Dokumen) ................... 125

Gambar 3. 74 Desain Tampilan Menu Edit Profil (Man. Dokumen) ............... 125

Gambar 3. 75 Desain Tampilan Menu Ubah Password (Man. Dokumen) ...... 126

Gambar 3. 76 Desain Tampilan Dana Masuk (Man. Keuangan) ..................... 126

Gambar 3. 77 Desain Tampilan Dana Keluar (Man. Keuangan) ..................... 127

Gambar 3. 78 Desain Tampilan Menu Edit Profil (Man. Keuangan) .............. 127

Gambar 3. 79 Desain Tampilan Menu Ubah Password (Man. Keuangan) ...... 128

Gambar 4. 1 Tampilan Halaman Bidang ........................................................ 129

Gambar 4. 2 Tampilan Halaman Jabatan ........................................................ 130

Gambar 4. 3 Tampilan Halaman Pendaftaran Formulir .................................. 130

Gambar 4. 4 Tampilan Halaman Pendaftaran Data Masuk ............................ 131

Gambar 4. 5 Tampilan Halaman List Anggota ............................................... 131

Gambar 4. 6 Tampilan Halaman Tambah Anggota ........................................ 132

Gambar 4. 7 Tampilan Halaman Edit Profil ................................................... 132

Gambar 4. 8 Tampilan Halaman Ubah Password........................................... 133

Gambar 4. 9 Tampilan Halaman Pengisian Formulir ..................................... 133

Gambar 4. 10 Tampilan Sukses Pengisian Formulir ........................................ 134

Gambar 4. 11 Tampilan Hasil Download data pengisian formulir .................. 134

library.uns.ac.id digilib.uns.ac.id

Page 15: SISTEM INFORMASI MANAJEMEN ORGANISASI (SIMAO) BERBASIS WEB … · SISTEM INFORMASI MANAJEMEN ORGANISASI (SIMAO) BERBASIS WEB TUGAS AKHIR Disusun untuk memenuhi salah satu syarat dalam

library.uns.ac.id digilib.uns.ac.id

xv

Gambar 4. 12 Tampilan Pengumuman ............................................................. 134

Gambar 4. 13 Tampilan Hasil Pengumuman ................................................... 135

Gambar 4. 14 Tampilan Menu Beranda Admin ............................................... 135

Gambar 4. 15 Tampilan Menu Drive ............................................................... 136

Gambar 4. 16 Tampilan Menu Berbintang ....................................................... 136

Gambar 4. 17 Tampilan Menu Berbagi Link .................................................... 137

Gambar 4. 18 Tampilan Menu Sampah ........................................................... 137

Gambar 4. 19 Tampilan Menu Edit Profil ....................................................... 137

Gambar 4. 20 Tampilan Menu Ubah Password ............................................... 138

Gambar 4. 21 Tampilan Menu Dana Masuk .................................................... 138

Gambar 4. 22 Tampilan Menu Dana Keluar .................................................... 139

Gambar 4. 23 Tampilan Menu Edit Profil ........................................................ 139

Gambar 4. 24 Tampilan Menu Ubah Password (Man. Keuangan) .................. 139

library.uns.ac.id digilib.uns.ac.id

Page 16: SISTEM INFORMASI MANAJEMEN ORGANISASI (SIMAO) BERBASIS WEB … · SISTEM INFORMASI MANAJEMEN ORGANISASI (SIMAO) BERBASIS WEB TUGAS AKHIR Disusun untuk memenuhi salah satu syarat dalam

library.uns.ac.id digilib.uns.ac.id

xvi

INTISARI

Dicky Agita Cahya, 2018. Sistem Informasi Manajemen Organisasi

(SIMAO) Berbasis Web. Dalam sebuah organisasi tidaklah luput dari masalah

pengarispan data kelembagaan. Pentingnya informasi cepat dan terpusat juga

menjadi salah satu kunci dari berjalannya organisasi. Setiap organisasi

membutuhkan suatu perencanaan, pemantauan dan pengevaluasian dari setiap

kegiatan yang dilakukan. Keseluruhannya dikemas dalam sebuah manajemen yang

melakukan koordinasi semua sumber daya melalui proses perencanaan,

pengorganisasian, penetapan tenaga kerja, pengarahan dan pengawasan untuk

mencapai tujuan yang telah ditetapkan terlebih dahulu.

Sistem Informasi Manajemen Organisasi (SIMAO) Berbasis Web merupakan

sistem informasi yang menyediakan layanan manajemen organisasi yang menjadi

kunci dalam keberjalanan suatu organisasi. Sistem Informasi Manajemen

Organisasi (SIMAO) Berbasis Web tidak dikhususkan untuk sebuah organisasi

tertentu saja melainkan dapat digunakan untuk organisasi manapun karena didesain

universal. Sistem informasi ini dibuat menggunakan bahasa pemrograman PHP dan

Framework CodeIgniter.

Hasil akhir dari tugas akhir ini adalah Sistem Informasi Manajemen

Organisasi (SIMAO) Berbasis Web yang dapat digunakan sebagai pemonitoringan

keberjalanan organisasi dalam sebuah periode kepengurusan.

Kata Kunci :

Sistem Informasi, Monitoring, PHP, Framework CodeIgniter, Organisasi,

Manajemen.

library.uns.ac.id digilib.uns.ac.id

Page 17: SISTEM INFORMASI MANAJEMEN ORGANISASI (SIMAO) BERBASIS WEB … · SISTEM INFORMASI MANAJEMEN ORGANISASI (SIMAO) BERBASIS WEB TUGAS AKHIR Disusun untuk memenuhi salah satu syarat dalam

library.uns.ac.id digilib.uns.ac.id

xvii

ABSTRACT

Dicky Agita Cahya, 2018. Web-based Information System of

Organization Management. Frequently, an organization has a problem in filing

and institutional. Fast and centrally information is one of the factors to operate an

organization. In every activity, it needs planning, observing, and evaluating

covered in management to coordinate all resources through the process of planning,

organizing, human resources applying, directing, and examining in reaching the

goal set before.

Web-based Information System of Organization Management provides the

organization management as the key to an organization. However, with universal

design, it could be used for any types of organization. This information system was

made using the programming language of PHP and Framework CodeIgniter.

The result of this final project report is Web-based Information System of

Organization Management, which aim to monitor an organization in a period of

stewardship consists of staff, document, and financial management.

Keywords:

Information System, Monitoring, PHP, Framework CodeIgniter, Organization,

Management.

.

library.uns.ac.id digilib.uns.ac.id