analisis dan perancangan sistem … universitas bina nusantara jurusan teknik informatika skripsi...

v

UNIVERSITAS BINA NUSANTARA

Jurusan Teknik Informatika Skripsi Sarjana Komputer

Semester Ganjil tahun 2007/2008

ANALISIS DAN PERANCANGAN SISTEM INFORMASI

UNIT KEGIATAN MAHASISWA (UKM) KLUB SENI FOTOGRAFI

BINA NUSANTARA (KLIFONARA) BERBASIS WEB

Robbin 0700708096

Kelas / Kelompok : 07PGT / 03

Abstrak

Selama ini penyebaran informasi seputar Unit Kegiatan Mahasiswa (UKM) Klub Seni Fotografi Bina Nusantara (KLIFONARA) kepada anggotanya maupun kepada pihak di luar UKM KLIFONARA berjalan kurang efektif dan kurang efisien. Jangkauan penyebaran informasi masih berada dalam lingkungan kampus, yang menyebabkan sulitnya anggota maupun pihak luar untuk mendapatkan informasi. Di lain hal itu juga pihak UKM KLIFONARA membutuhkan situs web resmi untuk memperkenalkan UKM KLIFONARA ke dunia luar dan sebagai media utama penyebaran informasi untuk anggota KLIFONARA. Tujuan dari penulisan skripsi ini adalah untuk menganalisis dan merancang sistem informasi UKM KLIFONARA berbasis web. Dengan adanya situs ini, diharapkan memudahkan UKM KLIFONARA dalam menyebarkan informasi. Selain itu, dengan adanya fitur-fitur yang menarik dan interaktif, para anggota UKM KLIFONARA akan dapat terus berhubungan satu sama lain, walaupun mereka telah lulus dan berstatus alumni. Metode penelitian ini menggunakan metode penelitian studi kepustakaan, wawancara dan penyebaran angket (kuesioner). Berdasarkan hasil survei dalam pengevaluasian aplikasi ini menyatakan bahwa penggunaan situs web dapat membantu penyebaran informasi secara efektif dan efisien. Selain itu tersedianya fasilitas untuk menjembatani komunikasi diantara seluruh komunitas UKM KLIFONARA. Kesimpulannya adalah aplikasi ini dapat mengatasi masalah penyebaran informasi di UKM KLIFONARA. Saran untuk pengembangan lebih lanjut aplikasi ini adalah dengan menambahkan fitur pendaftaran online, live chatting, blog, agenda, undangan rapat, dan data jadwal kuliah.

Kata kunci : sistem informasi, seni fotografi, penyebaran informasi, situs web.

vi

PRAKATA

Puji syukur saya ucapkan kepada Tuhan Yang Maha Esa atas segala berkat dan

karunia yang telah diberikan-Nya sehingga penulisan skripsi ini dapat terselesaikan tepat

pada waktunya. Skripsi berjudul “Analisis dan Perancangan Sistem Informasi Unit

Kegiatan Mahasiswa (UKM) Klub Seni Fotografi Bina Nusantara (KLIFONARA)

Berbasis Web” ini disusun sebagai salah satu syarat untuk memperoleh gelar kesarjanaan

pada jenjang pendidikan Strata-1 pada Universitas Bina Nusantara Jakarta.

Pada kesempatan ini penulis ingin mengucapkan banyak terima kasih kepada

semua pihak yang telah memberikan bantuan dan dukungan baik dengan doa, moril,

maupun materiil sehingga penulis dapat menyelesaikan skripsi ini. Hormat dan terima

kasih penulis berikan kepada :

1. Kedua orang tua tercinta, yang telah memberikan dukungan dari segala aspek, Bapak

Lim Seng Lie dan Ibu Liem Moi Hoa.

“Terima kasih saya hantarkan kepada-mu papa dan mama, karena hanya dengan

bimbingan dan kesabaran kalian, saya dapat melangkahkan kaki saya sampai disini.

Sepenuh hati, skripsi ini saya persembahkan untuk kalian, papa mama TERCINTA”.

2. Bapak Prof. Dr. Gerardus Polla, M.App.Sc., selaku Rektor Universitas Bina

Nusantara.

3. Bapak Ir. Sablin Yusuf, M.Sc, M.Com.Sc, selaku Dekan Fakultas Ilmu Komputer

Universitas Bina Nusantara.

4. Bapak Fredy Purnomo, S.Kom., M.Kom., selaku Ketua Jurusan Teknik Informatika

Universitas Bina Nusantara.

vii

5. Ibu Henny Surya Ningsih, S.Kom., MSoftSysEng, selaku Sekretaris Jurusan Teknik

Informatika Universitas Bina Nusantara.

6. Bapak Iguh Widipangestu, Ing., selaku Dosen Pembimbing yang telah memberikan

banyak bimbingan, pengarahan, dan masukan dari sejak awal sampai selesainya

skripsi ini sehingga skripsi ini dapat terselesaikan dengan baik.

7. Pimpinan dan rekan-rekan dari UKM Klub Seni Fotografi Bina Nusantara yang telah

banyak membantu dan memberi masukan dalam penulisan skripsi penulis.

8. Teman-teman dan kerabat dekat penulis yang telah memberikan dukungan moril,

semangat dan doa kepada penulis.

9. Semua pihak yang tidak dapat penulis sebutkan satu per satu, yang telah membantu

penulis menyelesaikan skripsi ini baik secara langsung maupun tidak langsung.

Semoga Tuhan senantiasa melimpahkan karunia-Nya kepada semua pihak.

Sebagaimana peribahasa “Tiada Gading yang Tak Retak”, penulis menyadari bahwa

penulisan skripsi ini masih jauh dari sempurna dan masih memiliki kekurangan. Oleh

karena itu, penulis mengharapkan saran, kritik, dan masukkan yang berharga dari para

pembaca sekalian sebagai bahan pembelajaran pada kesempatan yang akan datang.

Akhir kata, penulis berharap skripsi ini dapat berguna bagi para pembaca baik

secara langsung maupun tidak langsung, dan dapat menjadi sumbangan yang berarti bagi

dunia pendidikan, khususnya bagi rekan-rekan di Universitas Bina Nusantara.

Jakarta, Januari 2008

Penulis

viii

DAFTAR ISI

Halaman Judul Luar........................................................................................................ i

Halaman Judul Dalam.................................................................................................. ..ii

Halaman Persetujuan .................................................................................................... iii

Halaman Pernyataan Dewan Penguji............................................................................. iv

Abstrak.......................................................................................................................... v

Prakata.......................................................................................................................... vi

Daftar Isi ....................................................................................................................viii

Daftar Tabel.............................................................................................................. xviii

Daftar Gambar .......................................................................................................... xxiii

Daftar Lampiran ........................................................................................................viiii

BAB 1 PENDAHULUAN ....................................................................................... 1

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

1.2 Ruang Lingkup .................................................................................... 3

1.3 Tujuan dan Manfaat ............................................................................. 4

1.3.1 Tujuan...................................................................................... 4

1.3.2 Manfaat.................................................................................... 4

1.4 Metodologi .......................................................................................... 5

1.5 Sistematika Penulisan .......................................................................... 8

BAB 2 LANDASAN TEORI ................................................................................ 10

ix

2.1 Pengertian Sistem .............................................................................. 10

2.2 Pengertian Informasi.......................................................................... 10

2.3 Pengertian Sistem Informasi .............................................................. 11

2.4 Internet .............................................................................................. 11

2.4.1 Definisi Internet ..................................................................... 11

2.5 Protokol pada Internet ....................................................................... 12

2.5.1 Pengertian Protokol................................................................ 12

2.5.2 Hyper Text Transfer Protocol (HTTP) ................................... 12

2.5.3 Transmision Control Protocol / Internet Protocol (TCP/IP) ... 12

2.6 Teori Internet Service ........................................................................ 13

2.6.1 World Wide Web (WWW) ..................................................... 13

2.6.2 Uniform Resource Locators (URL) ....................................... 14

2.6.3 Hyper Text Markup Language (HTML) ................................. 14

2.6.4 Halaman Web Statis dan Dinamis........................................... 15

2.7 Pemrograman Internet ....................................................................... 15

2.7.1 PHP ....................................................................................... 15

2.7.2 Web Browser.......................................................................... 18

2.7.3 Web Server............................................................................. 18

2.8 Interaksi Manusia dan Komputer (IMK) ............................................ 20

2.8.1 Pengertian IMK...................................................................... 19

2.8.2 Tujuan IMK ........................................................................... 19

2.8.3 Delapan Aturan Emas............................................................. 21

2.8.4 Sepuluh Kesalahan Utama...................................................... 23

2.9 Rekayasa Perangkat Lunak ................................................................ 23

x

2.9.1 Pengertian Perangkat Lunak ................................................... 23

2.9.2 Tujuan Rekayasa Perangkat Lunak......................................... 25

2.10 System Development Life Cycle ......................................................... 25

2.10.1 Pengertian SDLC ................................................................... 25

2.10.2 Pengertian SDLC Waterfall.................................................... 26

2.11 Sistem Basis Data .............................................................................. 30

2.11.1 Pengertian Sistem Basis Data ................................................. 30

2.11.2 Komponen-komponen Sistem Basis Data ............................... 31

2.11.3 MySQL.................................................................................. 32

2.12 Metode Pengumpulan Data ................................................................ 32

2.13 Analisis Model .................................................................................. 35

2.13.1 Data Flow Diagram (DFD) ................................................... 35

2.13.2 State Transition Diagram (STD) ........................................... 40

2.13.3 Entity Relation Diagram (ERD) ............................................ 41

BAB 3 ANALISIS DAN PERANCANGAN SISTEM ......................................... 44

3.1 Analisis Sistem.................................................................................. 44

3.1.1 Gambaran Umum Organisasi ................................................. 44

3.1.1.1 Sejarah Singkat Organisasi....................................... 44

3.1.1.2 Visi dan Misi Organisasi.......................................... 45

3.1.1.3 Struktur Organisasi .................................................. 46

3.1.1.4 Tugas dan Wewenang .............................................. 46

3.1.2 Sistem yang Sedang Berjalan ................................................. 50

xi

3.1.2.1 Gambaran Umum Sistem Penyebaran Informasi yang

Sedang Berjalan....................................................... 50

3.1.3 Analisa Permasalahan ............................................................ 53

3.1.3.1 Analisa Kuesioner.................................................... 53

3.1.3.2 Hasil Wawancara ..................................................... 82

3.1.3.3 Permasalahan yang Dihadapi ................................... 85

3.1.3.4 Usulan Pemecahan Masalah..................................... 86

3.2 Rancangan Sistem yang Diusulkan .................................................... 89

3.2.1 Data Flow Diagram Sistem yang Diusulkan .......................... 89

3.2.1.1 Data Flow Diagram Konteks ................................... 89

3.2.1.2 Data Flow Diagram Nol.......................................... 90

3.2.1.3 Data Flow Diagram Rinci Proses Memberi

Informasi ................................................................. 91

3.2.1.4 Data Flow Diagram Rinci Proses Berinteraksi Dengan

Komunitas ............................................................... 92

3.2.1.5 Data Flow Diagram Rinci Proses Mengubah

Informasi ................................................................. 93

3.2.2 Data Sistem............................................................................ 94

3.2.2.1 Spesifikasi Basis Data.............................................. 94

3.2.2.2 Hubungan Antar Tabel........................................... 112

3.2.3 Perancangan Sistem ............................................................. 113

3.2.3.1 Struktur Menu........................................................ 113

3.2.3.1.1 Struktur Menu Sebelum Login .............. 113

3.2.3.1.2 Struktur Menu Anggota Setelah Login .. 114

xii

3.2.3.1.3 Struktur Menu Admin Setelah Login .... 115

3.2.3.2 State Transition Diagram....................................... 117

3.2.3.2.1 State Transition Diagram Sebelum

Login .................................................... 117

3.2.3.2.2 State Transition Diagram Anggota Setelah

Login .................................................... 119

3.2.3.2.3 State Transition Diagram Admin Setelah

Login .................................................... 121

3.2.4 Spesifikasi Modul ................................................................ 124

3.2.4.1 Spesifikasi Modul Non-Anggota............................ 124

3.2.4.2 Spesifikasi Modul Anggota.................................... 128

3.2.4.3 Spesifikasi Modul Admin ...................................... 137

3.2.5 Rancangan Layar.................................................................. 146

3.2.5.1 Rancangan Layar Sebelum Login ........................... 146

3.2.5.1.1 Rancangan Layar Halaman Utama Sebelum

Login .................................................... 146

3.2.5.1.2 Rancangan Layar Halaman Tentang

Kami .................................................... 147

3.2.5.1.3 Rancangan Layar Halaman Pengurus.... 148

3.2.5.1.4 Rancangan Layar Halaman Prestasi ...... 149

3.2.5.1.5 Rancangan Layar Halaman Acara......... 150

3.2.5.1.6 Rancangan Layar Halaman Kegiatan .... 151

3.2.5.1.7 Rancangan Layar Halaman Berita......... 152

3.2.5.1.8 Rancangan Layar Halaman Artikel ....... 153

xiii

3.2.5.1.9 Rancangan Layar Halaman Galeri ........ 154

3.2.5.1.10 Rancangan Layar Halaman Detil Foto .. 155

3.2.5.1.11 Rancangan Layar Halaman Kesan-

Kesan ................................................... 156

3.2.5.1.12 Rancangan Layar Halaman Tanya-

Jawab ................................................... 157

3.2.5.1.13 Rancangan Layar Halaman Kontak

Kami .................................................... 158

3.2.5.1.14 Rancangan Layar Lupa Password ......... 159

3.2.5.2 Rancangan Layar Anggota Setelah Login............... 160

3.2.5.2.1 Rancangan Layar Halaman Awal Setelah

Login .................................................... 160

3.2.5.2.2 Rancangan Layar Halaman Profil ......... 161

3.2.5.2.3 Rancangan Layar Halaman Rubah

Profil .................................................... 162

3.2.5.2.4 Rancangan Layar Halaman Upload

Foto...................................................... 163

3.2.5.2.5 Rancangan Layar Halaman Pesan ......... 164

3.2.5.2.6 Rancangan Layar Halaman Baca

Pesan.................................................... 165

3.2.5.2.7 Rancangan Layar Halaman Tulis

Pesan.................................................... 166

3.2.5.2.8 Rancangan Layar Halaman Kirim

Pesan.................................................... 167

xiv

3.2.5.2.9 Rancangan Layar Halaman

Pengumuman........................................ 168

3.2.5.2.10 Rancangan Layar Halaman Papan

Buletin.................................................. 169

3.2.5.2.11 Rancangan Layar Halaman Polling....... 170

3.2.5.2.12 Rancangan Layar Halaman Tambah

Polling.................................................. 171

3.2.5.2.13 Rancangan Layar Halaman Hasil

Polling.................................................. 172

3.2.5.2.14 Rancangan Layar Halaman Album

Foto...................................................... 173


Foto...................................................... 174

3.2.5.2.16 Rancangan Layar Halaman Detil Foto .. 175

3.2.5.2.17 Rancangan Layar Halaman Penilaian

Foto...................................................... 176

3.2.5.2.18 Rancangan Layar Halaman Artikel ....... 177


Artikel .................................................. 178

3.2.5.2.20 Rancangan Layar Halaman Lihat Teman :

Tampilkan Thumbnail........................... 179

3.2.5.2.21 Rancangan Layar Halaman Lihat Teman :

Tampilkan Detil.................................... 180

3.2.5.2.22 Rancangan Layar Halaman Bagi File.... 181

xv

3.2.5.2.23 Rancangan Layar Halaman Bagi Link ... 182


Kesan ................................................... 183

3.2.5.3 Rancangan Layar Admin Setelah Login ................. 184

3.2.5.3.1 Rancangan Layar Halaman Utama

Admin .................................................. 184

3.2.5.3.2 Rancangan Layar Halaman Edit

Acara.................................................... 185


Berita ................................................... 186

3.2.5.3.4 Rancangan Layar Halaman Edit Halaman

Utama................................................... 187


Kegiatan ............................................... 188

3.2.5.3.6 Rancangan Layar Halaman Edit Kontak

Kami .................................................... 189


Pengurus............................................... 190


Prestasi................................................. 191


Jurusan ................................................. 192


Agama.................................................. 193

xvi

3.2.5.3.11 Rancangan Layar Halaman Edit Kontak

User ..................................................... 194

3.2.5.3.12 Rancangan Layar Halaman Edit Link YM /

Support................................................. 195

3.2.5.3.13 Rancangan Layar Halaman Edit Kategori

Artikel .................................................. 196

3.2.5.3.14 Rancangan Layar Halaman Edit Link

External................................................ 197

3.2.5.3.15 Rancangan Layar Halaman Edit Link

Sponsor ................................................ 198


User ..................................................... 199

3.2.5.3.17 Rancangan Layar Halaman Edit Tanya-

Jawab ................................................... 200

3.2.5.3.18 Rancangan Layar Halaman Edit Tentang

Kami .................................................... 201

3.2.5.3.19 Rancangan Layar Halaman Terima

Kesan ................................................... 202

BAB 4 IMPLEMENTASI DAN EVALUASI .................................................... 203

4.1 Spesifikasi Sistem............................................................................ 203

4.1.1 Spesifikasi Perangkat Keras ................................................. 203

4.1.1.1 Spesifikasi Perangkat Keras Server ......................... 203

4.1.1.2 Spesifikasi Perangkat Keras Client .......................... 203

xvii

4.1.2 Spesifikasi Perangkat Lunak................................................. 204

4.1.2.1 Spesifikasi Perangkat Lunak Server......................... 204

4.1.2.2 Spesifikasi Perangkat Lunak Client ......................... 204

4.2 Arsitektur Jaringan .......................................................................... 205

4.3 Implementasi Prosedur Operasional ................................................. 205

4.3.1 Prosedur Operasional Sebelum Login ................................... 207

4.3.2 Prosedur Operasional Setelah Login ..................................... 220

4.3.3 Prosedur Operasional Admin Setelah Login ......................... 244

4.4 Evaluasi Sistem ............................................................................... 263

4.4.1 Evaluasi dari Pengembang.................................................... 263

4.4.1.1 Delapan Aturan Emas.............................................. 263

4.4.1.2 Pencegahan Kesalahan Pada Sepuluh Kesalahan

Utama ..................................................................... 264

4.4.2 Evaluasi dari Pengguna ........................................................ 266

4.4.2.1 Hasil dan Evaluasi Kuesioner .................................. 266

BAB 5 SIMPULAN DAN SARAN..................................................................... 287

5.1 Simpulan ......................................................................................... 287

5.2 Saran ............................................................................................... 288

DAFTAR PUSTAKA

RIWAYAT HIDUP

LAMPIRAN-LAMPIRAN

SURAT KETERANGAN SURVEI

xviii

DAFTAR TABEL

Tabel 3.1 Tabel Hasil Kuesioner Pertanyaan No. 1 Untuk Responden Non-Pengurus ....... 53

Tabel 3.2 Tabel Hasil Kuesioner Pertanyaan No. 1 Untuk Responden Pengurus............... 54

















Tabel 3.19 Tabel Hasil Kuesioner Pertanyaan No. 10 Untuk Responden Non-Pengurus...... 68

Tabel 3.20 Tabel Hasil Kuesioner Pertanyaan No. 10 Untuk Responden Pengurus............. 69


xix








Tabel 3.29 Tabel Hasil Kuesioner Pertanyaan No. 15 Untuk Responden Non-Pengurus dan

Pengurus................................................................................................... 76







Tabel 3.36 Definisi Tabel ms_agama............................................................................ 94

Tabel 3.37 Contoh Isi Data ms_agama.......................................................................... 94

Tabel 3.38 Definisi Tabel ms_cms ............................................................................... 94

Tabel 3.39 Contoh Isi Data ms_cms ............................................................................. 95

Tabel 3.40 Definisi Tabel ms_ext................................................................................. 95

Tabel 3.41 Contoh Isi Data ms_ext .............................................................................. 95

Tabel 3.42 Definisi Tabel ms_jurusan .......................................................................... 96

Tabel 3.43 Contoh Isi Data ms_jurusan ........................................................................ 96

Tabel 3.44 Definisi Tabel ms_kategori_artikel............................................................... 96

xx

Tabel 3.45 Contoh Isi Data ms_kategori artikel ............................................................. 96

Tabel 3.46 Definisi Tabel ms_kontak ........................................................................... 97

Tabel 3.47 Contoh Isi Data ms_kontak ......................................................................... 97

Tabel 3.48 Definisi Tabel ms_link ............................................................................... 97

Tabel 3.49 Contoh Isi Data ms_link ............................................................................. 98

Tabel 3.50 Definisi Tabel ms_polling........................................................................... 98

Tabel 3.51 Contoh Isi Data ms_polling......................................................................... 98

Tabel 3.52 Definisi Tabel ms_polling_options............................................................... 98

Tabel 3.53 Contoh Isi Data ms_polling_options............................................................. 99

Tabel 3.54 Definisi Tabel ms_sponsor .......................................................................... 99

Tabel 3.55 Contoh Isi Data ms_sponsor ........................................................................ 99

Tabel 3.56 Definisi Tabel ms_user ............................................................................. 100

Tabel 3.57 Contoh Isi Data ms_user ........................................................................... 100

Tabel 3.58 Definisi Tabel ms_ym_support .................................................................. 101

Tabel 3.59 Contoh Isi Data ms_ym_support ................................................................ 101

Tabel 3.60 Definisi Tabel tr_acara ............................................................................. 101

Tabel 3.61 Contoh Isi Data tr_acara ........................................................................... 102

Tabel 3.62 Definisi Tabel tr_album............................................................................ 102

Tabel 3.63 Contoh Isi Data tr_album.......................................................................... 102

Tabel 3.64 Definisi Tabel tr_artikel............................................................................ 103

Tabel 3.65 Contoh Isi Data tr_artikel.......................................................................... 103

Tabel 3.66 Definisi Tabel tr_berita............................................................................. 104

Tabel 3.67 Contoh Isi Data tr_berita........................................................................... 104

Tabel 3.68 Definisi Tabel tr_bulbo............................................................................. 104

xxi

Tabel 3.69 Contoh Isi Data tr_bulbo........................................................................... 105

Tabel 3.70 Definisi Tabel tr_folder ............................................................................ 105

Tabel 3.71 Contoh Isi Data tr_folder .......................................................................... 105

Tabel 3.72 Definisi Tabel tr_galeri_nilai..................................................................... 105

Tabel 3.73 Contoh Isi Data tr_galeri_nilai................................................................... 106

Tabel 3.74 Definisi Tabel tr_kegiatan......................................................................... 106

Tabel 3.75 Contoh Isi Data tr_kegiatan....................................................................... 107

Tabel 3.76 Definisi Tabel tr_kesan............................................................................. 107

Tabel 3.77 Contoh Isi Data tr_kesan........................................................................... 107

Tabel 3.78 Definisi Tabel tr_link ............................................................................... 107

Tabel 3.79 Contoh Isi Data tr_link ............................................................................. 106

Tabel 3.80 Definisi Tabel tr_pengumuman.................................................................. 108

Tabel 3.81 Contoh Isi Data tr_pengumuman................................................................ 108

Tabel 3.82 Definisi Tabel tr_pesan............................................................................. 108

Tabel 3.83 Contoh Isi Data tr_pesan........................................................................... 108

Tabel 3.84 Definisi Tabel tr_polling........................................................................... 109

Tabel 3.85 Contoh Isi Data tr_polling......................................................................... 109

Tabel 3.86 Definisi Tabel tr_prestasi .......................................................................... 109

Tabel 3.87 Contoh Isi Data tr_prestasi........................................................................ 110

Tabel 3.88 Definisi Tabel tr_sharing .......................................................................... 110

Tabel 3.89 Contoh Isi Data tr_sharing ........................................................................ 110

Tabel 3.90 Definisi Tabel tr_tanya_jawab ................................................................... 111

Tabel 3.91 Contoh Isi Data tr_tanya_jawab................................................................. 111

Tabel 4.1 Tabel Hasil Kuesioner Evaluasi Pertanyaan No. 1........................................ 266

xxii









Tabel 4.10 Tabel Hasil Kuesioner Evaluasi Pertanyaan No. 10 ...................................... 274













xxiii

DAFTAR GAMBAR

Gambar 2.1 Langkah-langkah Proses Pengiriman Halaman Web.............................. 17

Gambar 2.2 SDLC Waterfall.................................................................................... 26

Gambar 2.3 Information Flow Model ....................................................................... 36

Gambar 2.4 Lambang-lambang Yang Akan Digunakan di Diagram Konteks ........... 38

Gambar 2.5 Lambang Penyimpan Data .................................................................... 38

Gambar 2.6 De Marco dan Yourdon Symbols........................................................... 39

Gambar 2.7 Simbol State ......................................................................................... 41

Gambar 2.8 Simbol Transition State ........................................................................ 41

Gambar 3.1 Struktur Organisasi UKM KLIFONARA.............................................. 46

Gambar 3.2 Model Penyebaran Informasi Yang Sedang Berjalan............................. 50

Gambar 3.3 Tampilan Halaman Mailing List Yang Sedang Digunakan Saat Ini ....... 52

Gambar 3.4 Grafik Hasil Kuesioner Pertanyaan No. 1 Untuk Responden Non-

pengurus ............................................................................................... 54

Gambar 3.5 Grafik Hasil Kuesioner Pertanyaan No. 1 Untuk Responden

Pengurus............................................................................................... 54


pengurus ............................................................................................... 55


Pengurus............................................................................................... 56


pengurus ............................................................................................... 57

xxiv


Pengurus............................................................................................... 58


pengurus ............................................................................................... 59


Pengurus............................................................................................... 59


pengurus ............................................................................................... 60


Pengurus............................................................................................... 61


pengurus ............................................................................................... 62


Pengurus............................................................................................... 63


pengurus ............................................................................................... 64


Pengurus............................................................................................... 64


pengurus ............................................................................................... 65


Pengurus............................................................................................... 66


pengurus ............................................................................................... 67

xxv


Pengurus............................................................................................... 67


pengurus ............................................................................................... 68


Pengurus............................................................................................... 69

Gambar 3.24 Grafik Hasil Kuesioner Pertanyaan No. 11 untuk Responden Non-

pengurus ............................................................................................... 70


Pengurus............................................................................................... 71


pengurus ............................................................................................... 72


Pengurus............................................................................................... 72


pengurus ............................................................................................... 73


Pengurus............................................................................................... 74


pengurus ............................................................................................... 75


Pengurus............................................................................................... 75


pengurus dan Pengurus ......................................................................... 76

xxvi


pengurus ............................................................................................... 77


Pengurus............................................................................................... 78


pengurus ............................................................................................... 79


Pengurus............................................................................................... 79


pengurus ............................................................................................... 81


Pengurus............................................................................................... 82

Gambar 3.39 Model Penyebaran Informasi Yang Diusulkan ...................................... 88

Gambar 3.40 Data Flow Diagram Konteks................................................................ 89

Gambar 3.41 Data Flow Diagram Nol....................................................................... 90

Gambar 3.42 Data Flow Diagram Rinci Proses Memberi Informasi .......................... 91

Gambar 3.43 Data Flow Diagram Rinci Proses Berinteraksi dengan Komunitas........ 92

Gambar 3.44 Data Flow Diagram Rinci Proses Mengubah Informasi ........................ 93

Gambar 3.45 Hubungan Antar Tabel........................................................................ 112

Gambar 3.46 Struktur Menu Sebelum Login ............................................................ 113

Gambar 3.47 Struktur Menu Anggota Setelah Login ................................................ 114

Gambar 3.48 Struktur Menu Admin Setelah Login................................................... 116

Gambar 3.49 State Transition Diagram Sebelum Login ........................................... 118

Gambar 3.50 State Transition Diagram Anggota Setelah Login ............................... 120

xxvii

Gambar 3.51 State Transition Diagram Admin Setelah Login.................................. 123

Gambar 3.52 Rancangan Layar Halaman Utama Sebelum Login.............................. 146

Gambar 3.53 Rancangan Layar Halaman Tentang Kami .......................................... 147

Gambar 3.54 Rancangan Layar Halaman Pengurus.................................................. 148

Gambar 3.55 Rancangan Layar Halaman Prestasi .................................................... 149

Gambar 3.56 Rancangan Layar Halaman Acara ....................................................... 150

Gambar 3.57 Rancangan Layar Halaman Kegiatan .................................................. 151

Gambar 3.58 Rancangan Layar Halaman Berita....................................................... 152

Gambar 3.59 Rancangan Layar Halaman Artikel ..................................................... 153

Gambar 3.60 Rancangan Layar Halaman Galeri....................................................... 154

Gambar 3.61 Rancangan Layar Detil Foto ............................................................... 155

Gambar 3.62 Rancangan Layar Halaman Kesan-Kesan............................................ 156

Gambar 3.63 Rancangan Layar Halaman Tanya-Jawab............................................ 157

Gambar 3.64 Rancangan Layar Halaman Kontak Kami ........................................... 158

Gambar 3.65 Rancangan Layar Lupa Password ....................................................... 159

Gambar 3.66 Rancangan Layar Halaman Utama Setelah Login................................ 160

Gambar 3.67 Rancangan Layar Halaman Profil ....................................................... 161

Gambar 3.68 Rancangan Layar Halaman Rubah Profil ............................................ 162

Gambar 3.69 Rancangan Layar Halaman Upload Foto............................................. 163

Gambar 3.70 Rancangan Layar Halaman Pesan ....................................................... 164

Gambar 3.71 Rancangan Layar Halaman Baca Pesan............................................... 165

Gambar 3.72 Rancangan Layar Halaman Tulis Pesan .............................................. 166

Gambar 3.73 Rancangan Layar Halaman Kirim Pesan ............................................. 167

Gambar 3.74 Rancangan Layar Halaman Pengumuman ........................................... 168

xxviii

Gambar 3.75 Rancangan Layar Halaman Papan Buletin........................................... 169

Gambar 3.76 Rancangan Layar Halaman Polling ..................................................... 170

Gambar 3.77 Rancangan Layar Halaman Tambah Polling ....................................... 171

Gambar 3.78 Rancangan Layar Halaman Hasil Polling ............................................ 172

Gambar 3.79 Rancangan Layar Halaman Album Foto ............................................. 173

Gambar 3.80 Rancangan Layar Halaman Tambah Foto............................................ 174

Gambar 3.81 Rancangan Layar Halaman Detil Foto ................................................ 175

Gambar 3.82 Rancangan Layar Halaman Penilaian Foto.......................................... 176

Gambar 3.83 Rancangan Layar Halaman Artikel ..................................................... 177

Gambar 3.84 Rancangan Layar Halaman Tambah Artikel........................................ 178

Gambar 3.85 Rancangan Layar Halaman Lihat Teman : Tampilkan Thumbnail ....... 179

Gambar 3.86 Rancangan Layar Halaman Lihat Teman : Tampilkan Detil ................ 180

Gambar 3.87 Rancangan Layar Halaman Bagi File .................................................. 181

Gambar 3.88 Rancangan Layar Halaman Bagi Link ................................................. 182

Gambar 3.89 Rancangan Layar Halaman Tambah Kesan ......................................... 183

Gambar 3.90 Rancangan Layar Halaman Utama Admin .......................................... 184

Gambar 3.91 Rancangan Layar Halaman Edit Acara................................................ 185

Gambar 3.92 Rancangan Layar Halaman Edit Berita ............................................... 186

Gambar 3.93 Rancangan Layar Halaman Edit Halaman Utama................................ 187

Gambar 3.94 Rancangan Layar Halaman Edit Kegiatan........................................... 188

Gambar 3.95 Rancangan Layar Halaman Edit Kontak Kami .................................... 189

Gambar 3.96 Rancangan Layar Halaman Edit Pengurus........................................... 190

Gambar 3.97 Rancangan Layar Halaman Edit Prestasi............................................. 191

Gambar 3.98 Rancangan Layar Halaman Edit Jurusan ............................................. 192

xxix

Gambar 3.99 Rancangan Layar Halaman Edit Agama.............................................. 193

Gambar 3.100 Rancangan Layar Halaman Edit Kontak User ..................................... 194

Gambar 3.101 Rancangan Layar Halaman Edit Link YM / Support............................ 195

Gambar 3.102 Rancangan Layar Halaman Edit Kategori Artikel................................ 196

Gambar 3.103 Rancangan Layar Halaman Edit Link External .................................... 197

Gambar 3.104 Rancangan Layar Halaman Edit Link Sponsor .................................... 198

Gambar 3.105 Rancangan Layar Halaman Tambah User ........................................... 199

Gambar 3.106 Rancangan Layar Halaman Edit Tanya-Jawab .................................... 200

Gambar 3.107 Rancangan Layar Halaman Edit Tentang Kami................................... 201

Gambar 3.108 Rancangan Layar Halaman Terima Kesan........................................... 202

Gambar 4.1 Rancangan Arsitektur Jaringan ........................................................... 204

Gambar 4.2 Diagram Pembagian Layar Situs Web ................................................. 205

Gambar 4.3 Diagram Pembagian Layar Web Content Management System ............ 206

Gambar 4.4 Tampilan Halaman Utama Sebelum Login .......................................... 207

Gambar 4.5 Tampilan Halaman Tentang Kami ...................................................... 208

Gambar 4.6 Tampilan Halaman Pengurus .............................................................. 209

Gambar 4.7 Tampilan Halaman Prestasi ................................................................ 210

Gambar 4.8 Tampilan Halaman Acara ................................................................... 211

Gambar 4.9 Tampilan Halaman Kegiatan............................................................... 212

Gambar 4.10 Tampilan Halaman Berita ................................................................... 213

Gambar 4.11 Tampilan Halaman Artikel.................................................................. 214

Gambar 4.12 Tampilan Halaman Galeri................................................................... 215

Gambar 4.13 Tampilan Halaman Detil Foto............................................................. 215

Gambar 4.14 Tampilan Halaman Kesan-Kesan........................................................ 216

xxx

Gambar 4.15 Tampilan Halaman Tanya-Jawab ........................................................ 217

Gambar 4.16 Tampilan Halaman Kontak Kami........................................................ 218

Gambar 4.17 Tampilan Halaman Lupa Password .................................................... 219

Gambar 4.18 Tampilan Halaman Utama Setelah Login ............................................ 220

Gambar 4.19 Tampilan Halaman Profil.................................................................... 221

Gambar 4.20 Tampilan Halaman Rubah Profil......................................................... 222

Gambar 4.21 Tampilan Halaman Upload Foto......................................................... 223

Gambar 4.22 Tampilan Halaman Pesan ................................................................... 224

Gambar 4.23 Tampilan Halaman Baca Pesan........................................................... 225

Gambar 4.24 Tampilan Halaman Tulis Pesan........................................................... 226

Gambar 4.25 Tampilan Halaman Kirim Pesan ......................................................... 227

Gambar 4.26 Tampilan Halaman Pegumuman ......................................................... 228

Gambar 4.27 Tampilan Halaman Papan Buletin....................................................... 229

Gambar 4.28 Tampilan Halaman Polling ................................................................. 230

Gambar 4.29 Tampilan Halaman Tambah Polling.................................................... 231

Gambar 4.30 Tampilan Halaman Hasil Polling ........................................................ 232

Gambar 4.31 Tampilan Halaman Album Foto.......................................................... 233

Gambar 4.32 Tampilan Halaman Tambah Foto........................................................ 234

Gambar 4.33 Tampilan Halaman Detil Foto............................................................. 235

Gambar 4.34 Tampilan Halaman Penilaian Foto ...................................................... 236

Gambar 4.35 Tampilan Halaman Artikel.................................................................. 237

Gambar 4.36 Tampilan Halaman Tambah Artikel .................................................... 238

Gambar 4.37 Tampilan Halaman Lihat Teman : Tampilkan Thumbnail ................... 239

Gambar 4.38 Tampilan Halaman Lihat Teman : Tampilkan Detil ............................ 240

xxxi

Gambar 4.39 Tampilan Halaman Bagi File .............................................................. 241

Gambar 4.40 Tampilan Halaman Bagi Link ............................................................. 242

Gambar 4.41 Tampilan Halaman Tambah Kesan ..................................................... 243

Gambar 4.42 Tampilan Halaman Utama Admin....................................................... 244

Gambar 4.43 Tampilan Halaman Edit Acara ............................................................ 245

Gambar 4.44 Tampilan Halaman Edit Berita............................................................ 246

Gambar 4.45 Tampilan Halaman Edit Halaman Utama ............................................ 247

Gambar 4.46 Tampilan Halaman Edit Kegiatan ....................................................... 248

Gambar 4.47 Tampilan Halaman Edit Kontak Kami ................................................ 249

Gambar 4.48 Tampilan Halaman Edit Pengurus....................................................... 250

Gambar 4.49 Tampilan Halaman Edit Prestasi ......................................................... 251

Gambar 4.50 Tampilan Halaman Edit Jurusan ......................................................... 252

Gambar 4.51 Tampilan Halaman Edit Agama .......................................................... 253

Gambar 4.52 Tampilan Halaman Edit Kontak User ................................................. 254

Gambar 4.53 Tampilan Halaman Edit Link YM / Support ....................................... 255

Gambar 4.54 Tampilan Halaman Edit Kategori Artikel............................................ 256

Gambar 4.55 Tampilan Halaman Edit Link External ................................................ 257

Gambar 4.56 Tampilan Halaman Edit Link Sponsor................................................. 258

Gambar 4.57 Tampilan Halaman Tambah User ....................................................... 259

Gambar 4.58 Tampilan Halaman Edit Tanya Jawab................................................. 260

Gambar 4.59 Tampilan Halaman Edit Tentang Kami ............................................... 261

Gambar 4.60 Tampilan Halaman Terima Kesan....................................................... 262

Gambar 4.61 Grafik Hasil Kuesioner Evaluasi Pertanyaan No. 1.................................... 266


xxxii








Gambar 4.70 Grafik Hasil Kuesioner Evaluasi Pertanyaan No. 10 .................................. 274









Gambar 4.79 Grafik Hasil Kuesioner Evaluasi Pertanyaan No. 19 ................................. .282




xxxiii

DAFTAR LAMPIRAN

Lampiran 1 Kuesioner Identifikasi Permasalahan .......................................................L1

Lampiran 2 Kuesioner Evaluasi..................................................................................L3

Lampiran 3 Daftar Pertanyaan Wawancara Identifikasi Masalah ................................L5

analisis dan perancangan sistem … universitas bina nusantara jurusan teknik informatika skripsi...

Documents