UNIVERSITAS BINA NUSANTARA ANALISIS DAN PERANCANGAN SISTEM INFORMASI UNIT KEGIATAN MAHASISWA (UKM) KLUB SENI FOTOGRAFI

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. v

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. vi

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

vii

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

BAB 2

1.4

Metodologi .......................................................................................... 5

1.5

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

LANDASAN TEORI ................................................................................ 10 viii

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 ix

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

x

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 xi

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 xii

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 xiii

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 3.2.5.2.15 Rancangan

Layar

Halaman

Tambah

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 3.2.5.2.19 Rancangan

Layar

Halaman

Tambah

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 xiv

3.2.5.2.23 Rancangan Layar Halaman Bagi Link ... 182 3.2.5.2.24 Rancangan

Layar

Halaman

Tambah

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 3.2.5.3.3 Rancangan

Layar

Halaman

Edit

Berita ................................................... 186 3.2.5.3.4 Rancangan Layar Halaman Edit Halaman Utama................................................... 187 3.2.5.3.5 Rancangan

Layar

Halaman

Edit

Kegiatan ............................................... 188 3.2.5.3.6 Rancangan Layar Halaman Edit Kontak Kami .................................................... 189 3.2.5.3.7 Rancangan

Layar

Halaman

Edit

Pengurus............................................... 190 3.2.5.3.8 Rancangan

Layar

Halaman

Edit

Prestasi................................................. 191 3.2.5.3.9 Rancangan

Layar

Halaman

Edit

Jurusan ................................................. 192 3.2.5.3.10 Rancangan

Layar

Halaman

Edit

Agama.................................................. 193 xv

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 3.2.5.3.16 Rancangan

Layar

Halaman

Tambah

User ..................................................... 199 3.2.5.3.17 Rancangan Layar Halaman Edit TanyaJawab ................................................... 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 xvi

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 xvii

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.3


Tabel 3.4


Tabel 3.5


Tabel 3.6


Tabel 3.7


Tabel 3.8


Tabel 3.9


Tabel 3.10 Tabel Hasil Kuesioner Pertanyaan No. 5 Untuk Responden Pengurus............... 61 Tabel 3.11 Tabel Hasil Kuesioner Pertanyaan No. 6 Untuk Responden Non-Pengurus ....... 62 Tabel 3.12 Tabel Hasil Kuesioner Pertanyaan No. 6 Untuk Responden Pengurus............... 62 Tabel 3.13 Tabel Hasil Kuesioner Pertanyaan No. 7 Untuk Responden Non-Pengurus ....... 63 Tabel 3.14 Tabel Hasil Kuesioner Pertanyaan No. 7 Untuk Responden Pengurus............... 64 Tabel 3.15 Tabel Hasil Kuesioner Pertanyaan No. 8 Untuk Responden Non-Pengurus ....... 65 Tabel 3.16 Tabel Hasil Kuesioner Pertanyaan No. 8 Untuk Responden Pengurus............... 65 Tabel 3.17 Tabel Hasil Kuesioner Pertanyaan No. 9 Untuk Responden Non-Pengurus ....... 66 Tabel 3.18 Tabel Hasil Kuesioner Pertanyaan No. 9 Untuk Responden Pengurus............... 67 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 Tabel 3.21 Tabel Hasil Kuesioner Pertanyaan No. 11 Untuk Responden Non-Pengurus...... 70 xviii

Tabel 3.22 Tabel Hasil Kuesioner Pertanyaan No. 11 Untuk Responden Pengurus ............. 70 Tabel 3.23 Tabel Hasil Kuesioner Pertanyaan No. 12 Untuk Responden Non-Pengurus...... 71 Tabel 3.24 Tabel Hasil Kuesioner Pertanyaan No. 12 Untuk Responden Pengurus ............. 72 Tabel 3.25 Tabel Hasil Kuesioner Pertanyaan No. 13 Untuk Responden Non-Pengurus...... 73 Tabel 3.26 Tabel Hasil Kuesioner Pertanyaan No. 13 Untuk Responden Pengurus ............. 73 Tabel 3.27 Tabel Hasil Kuesioner Pertanyaan No. 14 Untuk Responden Non-Pengurus...... 74 Tabel 3.28 Tabel Hasil Kuesioner Pertanyaan No. 14 Untuk Responden Pengurus ............. 75 Tabel 3.29 Tabel Hasil Kuesioner Pertanyaan No. 15 Untuk Responden Non-Pengurus dan Pengurus ................................................................................................... 76

Tabel 3.30 Tabel Hasil Kuesioner Pertanyaan No. 16 Untuk Responden Non-Pengurus...... 77 Tabel 3.31 Tabel Hasil Kuesioner Pertanyaan No. 16 Untuk Responden Pengurus ............. 77 Tabel 3.32 Tabel Hasil Kuesioner Pertanyaan No. 17 Untuk Responden Non-Pengurus...... 78 Tabel 3.33 Tabel Hasil Kuesioner Pertanyaan No. 17 Untuk Responden Pengurus ............. 79 Tabel 3.34 Tabel Hasil Kuesioner Pertanyaan No. 18 Untuk Responden Non-Pengurus...... 80 Tabel 3.35 Tabel Hasil Kuesioner Pertanyaan No. 18 Untuk Responden Pengurus ............. 81 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 xix

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 xx

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

xxi

Tabel 4.2


Tabel 4.3


Tabel 4.4


Tabel 4.5


Tabel 4.6


Tabel 4.7


Tabel 4.8


Tabel 4.9


Tabel 4.10 Tabel Hasil Kuesioner Evaluasi Pertanyaan No. 10 ...................................... 274 Tabel 4.11 Tabel Hasil Kuesioner Evaluasi Pertanyaan No. 11 ...................................... 274 Tabel 4.12 Tabel Hasil Kuesioner Evaluasi Pertanyaan No. 12 ...................................... 275 Tabel 4.13 Tabel Hasil Kuesioner Evaluasi Pertanyaan No. 13 ...................................... 276 Tabel 4.14 Tabel Hasil Kuesioner Evaluasi Pertanyaan No. 14 ...................................... 277 Tabel 4.15 Tabel Hasil Kuesioner Evaluasi Pertanyaan No. 15 ...................................... 278 Tabel 4.16 Tabel Hasil Kuesioner Evaluasi Pertanyaan No. 16 ...................................... 279 Tabel 4.17 Tabel Hasil Kuesioner Evaluasi Pertanyaan No. 17 ...................................... 280 Tabel 4.18 Tabel Hasil Kuesioner Evaluasi Pertanyaan No. 18 ...................................... 280 Tabel 4.19 Tabel Hasil Kuesioner Evaluasi Pertanyaan No. 19 ...................................... 281 Tabel 4.20 Tabel Hasil Kuesioner Evaluasi Pertanyaan No. 20 ...................................... 282 Tabel 4.21 Tabel Hasil Kuesioner Evaluasi Pertanyaan No. 21 ...................................... 283 Tabel 4.22 Tabel Hasil Kuesioner Evaluasi Pertanyaan No. 22 ...................................... 284

xxii

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 Nonpengurus ............................................................................................... 54

Gambar 3.5

Grafik

Hasil

Kuesioner

Pertanyaan

No.

1

Untuk

Responden

Pengurus............................................................................................... 54 Gambar 3.6

Grafik Hasil Kuesioner Pertanyaan No. 2 Untuk Responden Nonpengurus ............................................................................................... 55

Gambar 3.7

Grafik

Hasil

Kuesioner

Pertanyaan

No.

2

Untuk

Responden

Pengurus............................................................................................... 56 Gambar 3.8

Grafik Hasil Kuesioner Pertanyaan No. 3 Untuk Responden Nonpengurus ............................................................................................... 57 xxiii

Gambar 3.9

Grafik

Hasil

Kuesioner

Pertanyaan

No.

3

Untuk

Responden

Pengurus............................................................................................... 58 Gambar 3.10 Grafik Hasil Kuesioner Pertanyaan No. 4 Untuk Responden Nonpengurus ............................................................................................... 59 Gambar 3.11 Grafik

Hasil

Kuesioner

Pertanyaan

No.

4

Untuk

Responden


Hasil

Kuesioner

Pertanyaan

No.

5

Untuk

Responden


Hasil

Kuesioner

Pertanyaan

No.

6

Untuk

Responden


Hasil

Kuesioner

Pertanyaan

No.

7

Untuk

Responden


Hasil

Kuesioner

Pertanyaan

No.

8

Untuk

Responden

Pengurus............................................................................................... 66 Gambar 3.20 Grafik Hasil Kuesioner Pertanyaan No. 9 Untuk Responden Nonpengurus ............................................................................................... 67 xxiv

Gambar 3.21 Grafik

Hasil

Kuesioner

Pertanyaan

No.

9

Untuk

Responden


Hasil Kuesioner

Pertanyaan No. 10

Untuk Responden

Pengurus............................................................................................... 69 Gambar 3.24 Grafik Hasil Kuesioner Pertanyaan No. 11 untuk Responden Nonpengurus ............................................................................................... 70 Gambar 3.25 Grafik

Hasil Kuesioner

Pertanyaan No. 11

Untuk Responden


Hasil Kuesioner

Pertanyaan No. 12

Untuk Responden


Hasil Kuesioner

Pertanyaan No. 13

Untuk Responden


Hasil Kuesioner

Pertanyaan No. 14

Untuk Responden

Pengurus............................................................................................... 75 Gambar 3.32 Grafik Hasil Kuesioner Pertanyaan No. 15 Untuk Responden Nonpengurus dan Pengurus ......................................................................... 76 xxv

Gambar 3.33 Grafik Hasil Kuesioner Pertanyaan No. 16 Untuk Responden Nonpengurus ............................................................................................... 77 Gambar 3.34 Grafik

Hasil Kuesioner

Pertanyaan No. 16

Untuk Responden


Hasil Kuesioner

Pertanyaan No. 17

Untuk Responden


Hasil Kuesioner

Pertanyaan No. 18

Untuk Responden

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 xxvi

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 xxvii

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 xxviii

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 xxix

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 xxx

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 Gambar 4.62 Grafik Hasil Kuesioner Evaluasi Pertanyaan No. 2 .................................... 267 xxxi

Gambar 4.63 Grafik Hasil Kuesioner Evaluasi Pertanyaan No. 3 .................................... 268 Gambar 4.64 Grafik Hasil Kuesioner Evaluasi Pertanyaan No. 4 .................................... 269 Gambar 4.65 Grafik Hasil Kuesioner Evaluasi Pertanyaan No. 5 .................................... 270 Gambar 4.66 Grafik Hasil Kuesioner Evaluasi Pertanyaan No. 6 .................................... 271 Gambar 4.67 Grafik Hasil Kuesioner Evaluasi Pertanyaan No. 7 .................................... 272 Gambar 4.68 Grafik Hasil Kuesioner Evaluasi Pertanyaan No. 8 .................................... 272 Gambar 4.69 Grafik Hasil Kuesioner Evaluasi Pertanyaan No. 9 .................................... 273 Gambar 4.70 Grafik Hasil Kuesioner Evaluasi Pertanyaan No. 10 .................................. 274 Gambar 4.71 Grafik Hasil Kuesioner Evaluasi Pertanyaan No. 11 .................................. 275 Gambar 4.72 Grafik Hasil Kuesioner Evaluasi Pertanyaan No. 12 .................................. 276 Gambar 4.73 Grafik Hasil Kuesioner Evaluasi Pertanyaan No. 13 .................................. 277 Gambar 4.74 Grafik Hasil Kuesioner Evaluasi Pertanyaan No. 14 .................................. 277 Gambar 4.75 Grafik Hasil Kuesioner Evaluasi Pertanyaan No. 15 .................................. 278 Gambar 4.76 Grafik Hasil Kuesioner Evaluasi Pertanyaan No. 16 .................................. 279 Gambar 4.77 Grafik Hasil Kuesioner Evaluasi Pertanyaan No. 17 .................................. 280 Gambar 4.78 Grafik Hasil Kuesioner Evaluasi Pertanyaan No. 18 .................................. 281 Gambar 4.79 Grafik Hasil Kuesioner Evaluasi Pertanyaan No. 19 ................................. .282 Gambar 4.80 Grafik Hasil Kuesioner Evaluasi Pertanyaan No. 20 .................................. 283 Gambar 4.81 Grafik Hasil Kuesioner Evaluasi Pertanyaan No. 21 .................................. 284 Gambar 4.82 Grafik Hasil Kuesioner Evaluasi Pertanyaan No. 22 .................................. 285

xxxii

DAFTAR LAMPIRAN

Lampiran 1 Kuesioner Identifikasi Permasalahan .......................................................L1 Lampiran 2 Kuesioner Evaluasi..................................................................................L3 Lampiran 3 Daftar Pertanyaan Wawancara Identifikasi Masalah ................................L5

xxxiii

UNIVERSITAS BINA NUSANTARA ANALISIS DAN PERANCANGAN SISTEM INFORMASI UNIT KEGIATAN MAHASISWA (UKM) KLUB SENI FOTOGRAFI

Recommend Documents