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

Transkripsi

1 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 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

2 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

3 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

4 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 Latar Belakang Ruang Lingkup Tujuan dan Manfaat Tujuan Manfaat Metodologi Sistematika Penulisan... 8 BAB 2 LANDASAN TEORI viii

5 2.1 Pengertian Sistem Pengertian Informasi Pengertian Sistem Informasi Internet Definisi Internet Protokol pada Internet Pengertian Protokol Hyper Text Transfer Protocol (HTTP) Transmision Control Protocol / Internet Protocol (TCP/IP) Teori Internet Service World Wide Web (WWW) Uniform Resource Locators (URL) Hyper Text Markup Language (HTML) Halaman Web Statis dan Dinamis Pemrograman Internet PHP Web Browser Web Server Interaksi Manusia dan Komputer (IMK) Pengertian IMK Tujuan IMK Delapan Aturan Emas Sepuluh Kesalahan Utama Rekayasa Perangkat Lunak ix

6 2.9.1 Pengertian Perangkat Lunak Tujuan Rekayasa Perangkat Lunak System Development Life Cycle Pengertian SDLC Pengertian SDLC Waterfall Sistem Basis Data Pengertian Sistem Basis Data Komponen-komponen Sistem Basis Data MySQL Metode Pengumpulan Data Analisis Model Data Flow Diagram (DFD) State Transition Diagram (STD) Entity Relation Diagram (ERD) BAB 3 ANALISIS DAN PERANCANGAN SISTEM Analisis Sistem Gambaran Umum Organisasi Sejarah Singkat Organisasi Visi dan Misi Organisasi Struktur Organisasi Tugas dan Wewenang Sistem yang Sedang Berjalan x

7 Gambaran Umum Sistem Penyebaran Informasi yang Sedang Berjalan Analisa Permasalahan Analisa Kuesioner Hasil Wawancara Permasalahan yang Dihadapi Usulan Pemecahan Masalah Rancangan Sistem yang Diusulkan Data Flow Diagram Sistem yang Diusulkan Data Flow Diagram Konteks Data Flow Diagram Nol Data Flow Diagram Rinci Proses Memberi Informasi Data Flow Diagram Rinci Proses Berinteraksi Dengan Komunitas Data Flow Diagram Rinci Proses Mengubah Informasi Data Sistem Spesifikasi Basis Data Hubungan Antar Tabel Perancangan Sistem Struktur Menu Struktur Menu Sebelum Login Struktur Menu Anggota Setelah Login xi

8 Struktur Menu Admin Setelah Login State Transition Diagram State Transition Diagram Sebelum Login State Transition Diagram Anggota Setelah Login State Transition Diagram Admin Setelah Login Spesifikasi Modul Spesifikasi Modul Non-Anggota Spesifikasi Modul Anggota Spesifikasi Modul Admin Rancangan Layar Rancangan Layar Sebelum Login Rancangan Layar Halaman Utama Sebelum Login Rancangan Layar Halaman Tentang Kami Rancangan Layar Halaman Pengurus Rancangan Layar Halaman Prestasi Rancangan Layar Halaman Acara Rancangan Layar Halaman Kegiatan Rancangan Layar Halaman Berita Rancangan Layar Halaman Artikel xii

9 Rancangan Layar Halaman Galeri Rancangan Layar Halaman Detil Foto Rancangan Layar Halaman Kesan- Kesan Rancangan Layar Halaman Tanya- Jawab Rancangan Layar Halaman Kontak Kami Rancangan Layar Lupa Password Rancangan Layar Anggota Setelah Login Rancangan Layar Halaman Awal Setelah Login Rancangan Layar Halaman Profil Rancangan Layar Halaman Rubah Profil Rancangan Layar Halaman Upload Foto Rancangan Layar Halaman Pesan Rancangan Layar Halaman Baca Pesan Rancangan Layar Halaman Tulis Pesan Rancangan Layar Halaman Kirim Pesan xiii

10 Rancangan Layar Halaman Pengumuman Rancangan Layar Halaman Papan Buletin Rancangan Layar Halaman Polling Rancangan Layar Halaman Tambah Polling Rancangan Layar Halaman Hasil Polling Rancangan Layar Halaman Album Foto Rancangan Layar Halaman Tambah Foto Rancangan Layar Halaman Detil Foto Rancangan Layar Halaman Penilaian Foto Rancangan Layar Halaman Artikel Rancangan Layar Halaman Tambah Artikel Rancangan Layar Halaman Lihat Teman : Tampilkan Thumbnail Rancangan Layar Halaman Lihat Teman : Tampilkan Detil Rancangan Layar Halaman Bagi File xiv

11 Rancangan Layar Halaman Bagi Link Rancangan Layar Halaman Tambah Kesan Rancangan Layar Admin Setelah Login Rancangan Layar Halaman Utama Admin Rancangan Layar Halaman Edit Acara Rancangan Layar Halaman Edit Berita Rancangan Layar Halaman Edit Halaman Utama Rancangan Layar Halaman Edit Kegiatan Rancangan Layar Halaman Edit Kontak Kami Rancangan Layar Halaman Edit Pengurus Rancangan Layar Halaman Edit Prestasi Rancangan Layar Halaman Edit Jurusan Rancangan Layar Halaman Edit Agama xv

12 Rancangan Layar Halaman Edit Kontak User Rancangan Layar Halaman Edit Link YM / Support Rancangan Layar Halaman Edit Kategori Artikel Rancangan Layar Halaman Edit Link External Rancangan Layar Halaman Edit Link Sponsor Rancangan Layar Halaman Tambah User Rancangan Layar Halaman Edit Tanya- Jawab Rancangan Layar Halaman Edit Tentang Kami Rancangan Layar Halaman Terima Kesan BAB 4 IMPLEMENTASI DAN EVALUASI Spesifikasi Sistem Spesifikasi Perangkat Keras Spesifikasi Perangkat Keras Server Spesifikasi Perangkat Keras Client xvi

13 4.1.2 Spesifikasi Perangkat Lunak Spesifikasi Perangkat Lunak Server Spesifikasi Perangkat Lunak Client Arsitektur Jaringan Implementasi Prosedur Operasional Prosedur Operasional Sebelum Login Prosedur Operasional Setelah Login Prosedur Operasional Admin Setelah Login Evaluasi Sistem Evaluasi dari Pengembang Delapan Aturan Emas Pencegahan Kesalahan Pada Sepuluh Kesalahan Utama Evaluasi dari Pengguna Hasil dan Evaluasi Kuesioner BAB 5 SIMPULAN DAN SARAN Simpulan Saran DAFTAR PUSTAKA RIWAYAT HIDUP LAMPIRAN-LAMPIRAN SURAT KETERANGAN SURVEI xvii

14 DAFTAR TABEL Tabel 3.1 Tabel Hasil Kuesioner Pertanyaan No. 1 Untuk Responden Non-Pengurus Tabel 3.2 Tabel Hasil Kuesioner Pertanyaan No. 1 Untuk Responden Pengurus Tabel 3.3 Tabel Hasil Kuesioner Pertanyaan No. 2 Untuk Responden Non-Pengurus Tabel 3.4 Tabel Hasil Kuesioner Pertanyaan No. 2 Untuk Responden Pengurus Tabel 3.5 Tabel Hasil Kuesioner Pertanyaan No. 3 Untuk Responden Non-Pengurus Tabel 3.6 Tabel Hasil Kuesioner Pertanyaan No. 3 Untuk Responden Pengurus Tabel 3.7 Tabel Hasil Kuesioner Pertanyaan No. 4 Untuk Responden Non-Pengurus Tabel 3.8 Tabel Hasil Kuesioner Pertanyaan No. 4 Untuk Responden Pengurus Tabel 3.9 Tabel Hasil Kuesioner Pertanyaan No. 5 Untuk Responden Non-Pengurus Tabel 3.10 Tabel Hasil Kuesioner Pertanyaan No. 5 Untuk Responden Pengurus Tabel 3.11 Tabel Hasil Kuesioner Pertanyaan No. 6 Untuk Responden Non-Pengurus Tabel 3.12 Tabel Hasil Kuesioner Pertanyaan No. 6 Untuk Responden Pengurus Tabel 3.13 Tabel Hasil Kuesioner Pertanyaan No. 7 Untuk Responden Non-Pengurus Tabel 3.14 Tabel Hasil Kuesioner Pertanyaan No. 7 Untuk Responden Pengurus Tabel 3.15 Tabel Hasil Kuesioner Pertanyaan No. 8 Untuk Responden Non-Pengurus Tabel 3.16 Tabel Hasil Kuesioner Pertanyaan No. 8 Untuk Responden Pengurus Tabel 3.17 Tabel Hasil Kuesioner Pertanyaan No. 9 Untuk Responden Non-Pengurus Tabel 3.18 Tabel Hasil Kuesioner Pertanyaan No. 9 Untuk Responden Pengurus Tabel 3.19 Tabel Hasil Kuesioner Pertanyaan No. 10 Untuk Responden Non-Pengurus Tabel 3.20 Tabel Hasil Kuesioner Pertanyaan No. 10 Untuk Responden Pengurus Tabel 3.21 Tabel Hasil Kuesioner Pertanyaan No. 11 Untuk Responden Non-Pengurus xviii

15 Tabel 3.22 Tabel Hasil Kuesioner Pertanyaan No. 11 Untuk Responden Pengurus Tabel 3.23 Tabel Hasil Kuesioner Pertanyaan No. 12 Untuk Responden Non-Pengurus Tabel 3.24 Tabel Hasil Kuesioner Pertanyaan No. 12 Untuk Responden Pengurus Tabel 3.25 Tabel Hasil Kuesioner Pertanyaan No. 13 Untuk Responden Non-Pengurus Tabel 3.26 Tabel Hasil Kuesioner Pertanyaan No. 13 Untuk Responden Pengurus Tabel 3.27 Tabel Hasil Kuesioner Pertanyaan No. 14 Untuk Responden Non-Pengurus Tabel 3.28 Tabel Hasil Kuesioner Pertanyaan No. 14 Untuk Responden Pengurus Tabel 3.29 Tabel Hasil Kuesioner Pertanyaan No. 15 Untuk Responden Non-Pengurus dan Pengurus Tabel 3.30 Tabel Hasil Kuesioner Pertanyaan No. 16 Untuk Responden Non-Pengurus Tabel 3.31 Tabel Hasil Kuesioner Pertanyaan No. 16 Untuk Responden Pengurus Tabel 3.32 Tabel Hasil Kuesioner Pertanyaan No. 17 Untuk Responden Non-Pengurus Tabel 3.33 Tabel Hasil Kuesioner Pertanyaan No. 17 Untuk Responden Pengurus Tabel 3.34 Tabel Hasil Kuesioner Pertanyaan No. 18 Untuk Responden Non-Pengurus Tabel 3.35 Tabel Hasil Kuesioner Pertanyaan No. 18 Untuk Responden Pengurus Tabel 3.36 Definisi Tabel ms_agama Tabel 3.37 Contoh Isi Data ms_agama Tabel 3.38 Definisi Tabel ms_cms Tabel 3.39 Contoh Isi Data ms_cms Tabel 3.40 Definisi Tabel ms_ext Tabel 3.41 Contoh Isi Data ms_ext Tabel 3.42 Definisi Tabel ms_jurusan Tabel 3.43 Contoh Isi Data ms_jurusan Tabel 3.44 Definisi Tabel ms_kategori_artikel xix

16 Tabel 3.45 Contoh Isi Data ms_kategori artikel Tabel 3.46 Definisi Tabel ms_kontak Tabel 3.47 Contoh Isi Data ms_kontak Tabel 3.48 Definisi Tabel ms_link Tabel 3.49 Contoh Isi Data ms_link Tabel 3.50 Definisi Tabel ms_polling Tabel 3.51 Contoh Isi Data ms_polling Tabel 3.52 Definisi Tabel ms_polling_options Tabel 3.53 Contoh Isi Data ms_polling_options Tabel 3.54 Definisi Tabel ms_sponsor Tabel 3.55 Contoh Isi Data ms_sponsor Tabel 3.56 Definisi Tabel ms_user Tabel 3.57 Contoh Isi Data ms_user Tabel 3.58 Definisi Tabel ms_ym_support Tabel 3.59 Contoh Isi Data ms_ym_support Tabel 3.60 Definisi Tabel tr_acara Tabel 3.61 Contoh Isi Data tr_acara Tabel 3.62 Definisi Tabel tr_album Tabel 3.63 Contoh Isi Data tr_album Tabel 3.64 Definisi Tabel tr_artikel Tabel 3.65 Contoh Isi Data tr_artikel Tabel 3.66 Definisi Tabel tr_berita Tabel 3.67 Contoh Isi Data tr_berita Tabel 3.68 Definisi Tabel tr_bulbo xx

17 Tabel 3.69 Contoh Isi Data tr_bulbo Tabel 3.70 Definisi Tabel tr_folder Tabel 3.71 Contoh Isi Data tr_folder Tabel 3.72 Definisi Tabel tr_galeri_nilai Tabel 3.73 Contoh Isi Data tr_galeri_nilai Tabel 3.74 Definisi Tabel tr_kegiatan Tabel 3.75 Contoh Isi Data tr_kegiatan Tabel 3.76 Definisi Tabel tr_kesan Tabel 3.77 Contoh Isi Data tr_kesan Tabel 3.78 Definisi Tabel tr_link Tabel 3.79 Contoh Isi Data tr_link Tabel 3.80 Definisi Tabel tr_pengumuman Tabel 3.81 Contoh Isi Data tr_pengumuman Tabel 3.82 Definisi Tabel tr_pesan Tabel 3.83 Contoh Isi Data tr_pesan Tabel 3.84 Definisi Tabel tr_polling Tabel 3.85 Contoh Isi Data tr_polling Tabel 3.86 Definisi Tabel tr_prestasi Tabel 3.87 Contoh Isi Data tr_prestasi Tabel 3.88 Definisi Tabel tr_sharing Tabel 3.89 Contoh Isi Data tr_sharing Tabel 3.90 Definisi Tabel tr_tanya_jawab Tabel 3.91 Contoh Isi Data tr_tanya_jawab Tabel 4.1 Tabel Hasil Kuesioner Evaluasi Pertanyaan No xxi

18 Tabel 4.2 Tabel Hasil Kuesioner Evaluasi Pertanyaan No Tabel 4.3 Tabel Hasil Kuesioner Evaluasi Pertanyaan No Tabel 4.4 Tabel Hasil Kuesioner Evaluasi Pertanyaan No Tabel 4.5 Tabel Hasil Kuesioner Evaluasi Pertanyaan No Tabel 4.6 Tabel Hasil Kuesioner Evaluasi Pertanyaan No Tabel 4.7 Tabel Hasil Kuesioner Evaluasi Pertanyaan No Tabel 4.8 Tabel Hasil Kuesioner Evaluasi Pertanyaan No Tabel 4.9 Tabel Hasil Kuesioner Evaluasi Pertanyaan No Tabel 4.10 Tabel Hasil Kuesioner Evaluasi Pertanyaan No Tabel 4.11 Tabel Hasil Kuesioner Evaluasi Pertanyaan No Tabel 4.12 Tabel Hasil Kuesioner Evaluasi Pertanyaan No Tabel 4.13 Tabel Hasil Kuesioner Evaluasi Pertanyaan No Tabel 4.14 Tabel Hasil Kuesioner Evaluasi Pertanyaan No Tabel 4.15 Tabel Hasil Kuesioner Evaluasi Pertanyaan No Tabel 4.16 Tabel Hasil Kuesioner Evaluasi Pertanyaan No Tabel 4.17 Tabel Hasil Kuesioner Evaluasi Pertanyaan No Tabel 4.18 Tabel Hasil Kuesioner Evaluasi Pertanyaan No Tabel 4.19 Tabel Hasil Kuesioner Evaluasi Pertanyaan No Tabel 4.20 Tabel Hasil Kuesioner Evaluasi Pertanyaan No Tabel 4.21 Tabel Hasil Kuesioner Evaluasi Pertanyaan No Tabel 4.22 Tabel Hasil Kuesioner Evaluasi Pertanyaan No xxii

19 DAFTAR GAMBAR Gambar 2.1 Langkah-langkah Proses Pengiriman Halaman Web Gambar 2.2 SDLC Waterfall Gambar 2.3 Information Flow Model Gambar 2.4 Lambang-lambang Yang Akan Digunakan di Diagram Konteks Gambar 2.5 Lambang Penyimpan Data Gambar 2.6 De Marco dan Yourdon Symbols Gambar 2.7 Simbol State Gambar 2.8 Simbol Transition State Gambar 3.1 Struktur Organisasi UKM KLIFONARA Gambar 3.2 Model Penyebaran Informasi Yang Sedang Berjalan Gambar 3.3 Tampilan Halaman Mailing List Yang Sedang Digunakan Saat Ini Gambar 3.4 Grafik Hasil Kuesioner Pertanyaan No. 1 Untuk Responden Nonpengurus Gambar 3.5 Grafik Hasil Kuesioner Pertanyaan No. 1 Untuk Responden Pengurus Gambar 3.6 Grafik Hasil Kuesioner Pertanyaan No. 2 Untuk Responden Nonpengurus Gambar 3.7 Grafik Hasil Kuesioner Pertanyaan No. 2 Untuk Responden Pengurus Gambar 3.8 Grafik Hasil Kuesioner Pertanyaan No. 3 Untuk Responden Nonpengurus xxiii

20 Gambar 3.9 Grafik Hasil Kuesioner Pertanyaan No. 3 Untuk Responden Pengurus Gambar 3.10 Grafik Hasil Kuesioner Pertanyaan No. 4 Untuk Responden Nonpengurus Gambar 3.11 Grafik Hasil Kuesioner Pertanyaan No. 4 Untuk Responden Pengurus Gambar 3.12 Grafik Hasil Kuesioner Pertanyaan No. 5 Untuk Responden Nonpengurus Gambar 3.13 Grafik Hasil Kuesioner Pertanyaan No. 5 Untuk Responden Pengurus Gambar 3.14 Grafik Hasil Kuesioner Pertanyaan No. 6 Untuk Responden Nonpengurus Gambar 3.15 Grafik Hasil Kuesioner Pertanyaan No. 6 Untuk Responden Pengurus Gambar 3.16 Grafik Hasil Kuesioner Pertanyaan No. 7 Untuk Responden Nonpengurus Gambar 3.17 Grafik Hasil Kuesioner Pertanyaan No. 7 Untuk Responden Pengurus Gambar 3.18 Grafik Hasil Kuesioner Pertanyaan No. 8 Untuk Responden Nonpengurus Gambar 3.19 Grafik Hasil Kuesioner Pertanyaan No. 8 Untuk Responden Pengurus Gambar 3.20 Grafik Hasil Kuesioner Pertanyaan No. 9 Untuk Responden Nonpengurus xxiv

21 Gambar 3.21 Grafik Hasil Kuesioner Pertanyaan No. 9 Untuk Responden Pengurus Gambar 3.22 Grafik Hasil Kuesioner Pertanyaan No. 10 Untuk Responden Nonpengurus Gambar 3.23 Grafik Hasil Kuesioner Pertanyaan No. 10 Untuk Responden Pengurus Gambar 3.24 Grafik Hasil Kuesioner Pertanyaan No. 11 untuk Responden Nonpengurus Gambar 3.25 Grafik Hasil Kuesioner Pertanyaan No. 11 Untuk Responden Pengurus Gambar 3.26 Grafik Hasil Kuesioner Pertanyaan No. 12 Untuk Responden Nonpengurus Gambar 3.27 Grafik Hasil Kuesioner Pertanyaan No. 12 Untuk Responden Pengurus Gambar 3.28 Grafik Hasil Kuesioner Pertanyaan No. 13 Untuk Responden Nonpengurus Gambar 3.29 Grafik Hasil Kuesioner Pertanyaan No. 13 Untuk Responden Pengurus Gambar 3.30 Grafik Hasil Kuesioner Pertanyaan No. 14 Untuk Responden Nonpengurus Gambar 3.31 Grafik Hasil Kuesioner Pertanyaan No. 14 Untuk Responden Pengurus Gambar 3.32 Grafik Hasil Kuesioner Pertanyaan No. 15 Untuk Responden Nonpengurus dan Pengurus xxv

22 Gambar 3.33 Grafik Hasil Kuesioner Pertanyaan No. 16 Untuk Responden Nonpengurus Gambar 3.34 Grafik Hasil Kuesioner Pertanyaan No. 16 Untuk Responden Pengurus Gambar 3.35 Grafik Hasil Kuesioner Pertanyaan No. 17 Untuk Responden Nonpengurus Gambar 3.36 Grafik Hasil Kuesioner Pertanyaan No. 17 Untuk Responden Pengurus Gambar 3.37 Grafik Hasil Kuesioner Pertanyaan No. 18 Untuk Responden Nonpengurus Gambar 3.38 Grafik Hasil Kuesioner Pertanyaan No. 18 Untuk Responden Pengurus Gambar 3.39 Model Penyebaran Informasi Yang Diusulkan Gambar 3.40 Data Flow Diagram Konteks Gambar 3.41 Data Flow Diagram Nol Gambar 3.42 Data Flow Diagram Rinci Proses Memberi Informasi Gambar 3.43 Data Flow Diagram Rinci Proses Berinteraksi dengan Komunitas Gambar 3.44 Data Flow Diagram Rinci Proses Mengubah Informasi Gambar 3.45 Hubungan Antar Tabel Gambar 3.46 Struktur Menu Sebelum Login Gambar 3.47 Struktur Menu Anggota Setelah Login Gambar 3.48 Struktur Menu Admin Setelah Login Gambar 3.49 State Transition Diagram Sebelum Login Gambar 3.50 State Transition Diagram Anggota Setelah Login xxvi

23 Gambar 3.51 State Transition Diagram Admin Setelah Login Gambar 3.52 Rancangan Layar Halaman Utama Sebelum Login Gambar 3.53 Rancangan Layar Halaman Tentang Kami Gambar 3.54 Rancangan Layar Halaman Pengurus Gambar 3.55 Rancangan Layar Halaman Prestasi Gambar 3.56 Rancangan Layar Halaman Acara Gambar 3.57 Rancangan Layar Halaman Kegiatan Gambar 3.58 Rancangan Layar Halaman Berita Gambar 3.59 Rancangan Layar Halaman Artikel Gambar 3.60 Rancangan Layar Halaman Galeri Gambar 3.61 Rancangan Layar Detil Foto Gambar 3.62 Rancangan Layar Halaman Kesan-Kesan Gambar 3.63 Rancangan Layar Halaman Tanya-Jawab Gambar 3.64 Rancangan Layar Halaman Kontak Kami Gambar 3.65 Rancangan Layar Lupa Password Gambar 3.66 Rancangan Layar Halaman Utama Setelah Login Gambar 3.67 Rancangan Layar Halaman Profil Gambar 3.68 Rancangan Layar Halaman Rubah Profil Gambar 3.69 Rancangan Layar Halaman Upload Foto Gambar 3.70 Rancangan Layar Halaman Pesan Gambar 3.71 Rancangan Layar Halaman Baca Pesan Gambar 3.72 Rancangan Layar Halaman Tulis Pesan Gambar 3.73 Rancangan Layar Halaman Kirim Pesan Gambar 3.74 Rancangan Layar Halaman Pengumuman xxvii

24 Gambar 3.75 Rancangan Layar Halaman Papan Buletin Gambar 3.76 Rancangan Layar Halaman Polling Gambar 3.77 Rancangan Layar Halaman Tambah Polling Gambar 3.78 Rancangan Layar Halaman Hasil Polling Gambar 3.79 Rancangan Layar Halaman Album Foto Gambar 3.80 Rancangan Layar Halaman Tambah Foto Gambar 3.81 Rancangan Layar Halaman Detil Foto Gambar 3.82 Rancangan Layar Halaman Penilaian Foto Gambar 3.83 Rancangan Layar Halaman Artikel Gambar 3.84 Rancangan Layar Halaman Tambah Artikel Gambar 3.85 Rancangan Layar Halaman Lihat Teman : Tampilkan Thumbnail Gambar 3.86 Rancangan Layar Halaman Lihat Teman : Tampilkan Detil Gambar 3.87 Rancangan Layar Halaman Bagi File Gambar 3.88 Rancangan Layar Halaman Bagi Link Gambar 3.89 Rancangan Layar Halaman Tambah Kesan Gambar 3.90 Rancangan Layar Halaman Utama Admin Gambar 3.91 Rancangan Layar Halaman Edit Acara Gambar 3.92 Rancangan Layar Halaman Edit Berita Gambar 3.93 Rancangan Layar Halaman Edit Halaman Utama Gambar 3.94 Rancangan Layar Halaman Edit Kegiatan Gambar 3.95 Rancangan Layar Halaman Edit Kontak Kami Gambar 3.96 Rancangan Layar Halaman Edit Pengurus Gambar 3.97 Rancangan Layar Halaman Edit Prestasi Gambar 3.98 Rancangan Layar Halaman Edit Jurusan xxviii

25 Gambar 3.99 Rancangan Layar Halaman Edit Agama Gambar Rancangan Layar Halaman Edit Kontak User Gambar Rancangan Layar Halaman Edit Link YM / Support Gambar Rancangan Layar Halaman Edit Kategori Artikel Gambar Rancangan Layar Halaman Edit Link External Gambar Rancangan Layar Halaman Edit Link Sponsor Gambar Rancangan Layar Halaman Tambah User Gambar Rancangan Layar Halaman Edit Tanya-Jawab Gambar Rancangan Layar Halaman Edit Tentang Kami Gambar Rancangan Layar Halaman Terima Kesan Gambar 4.1 Rancangan Arsitektur Jaringan Gambar 4.2 Diagram Pembagian Layar Situs Web Gambar 4.3 Diagram Pembagian Layar Web Content Management System Gambar 4.4 Tampilan Halaman Utama Sebelum Login Gambar 4.5 Tampilan Halaman Tentang Kami Gambar 4.6 Tampilan Halaman Pengurus Gambar 4.7 Tampilan Halaman Prestasi Gambar 4.8 Tampilan Halaman Acara Gambar 4.9 Tampilan Halaman Kegiatan Gambar 4.10 Tampilan Halaman Berita Gambar 4.11 Tampilan Halaman Artikel Gambar 4.12 Tampilan Halaman Galeri Gambar 4.13 Tampilan Halaman Detil Foto Gambar 4.14 Tampilan Halaman Kesan-Kesan xxix

26 Gambar 4.15 Tampilan Halaman Tanya-Jawab Gambar 4.16 Tampilan Halaman Kontak Kami Gambar 4.17 Tampilan Halaman Lupa Password Gambar 4.18 Tampilan Halaman Utama Setelah Login Gambar 4.19 Tampilan Halaman Profil Gambar 4.20 Tampilan Halaman Rubah Profil Gambar 4.21 Tampilan Halaman Upload Foto Gambar 4.22 Tampilan Halaman Pesan Gambar 4.23 Tampilan Halaman Baca Pesan Gambar 4.24 Tampilan Halaman Tulis Pesan Gambar 4.25 Tampilan Halaman Kirim Pesan Gambar 4.26 Tampilan Halaman Pegumuman Gambar 4.27 Tampilan Halaman Papan Buletin Gambar 4.28 Tampilan Halaman Polling Gambar 4.29 Tampilan Halaman Tambah Polling Gambar 4.30 Tampilan Halaman Hasil Polling Gambar 4.31 Tampilan Halaman Album Foto Gambar 4.32 Tampilan Halaman Tambah Foto Gambar 4.33 Tampilan Halaman Detil Foto Gambar 4.34 Tampilan Halaman Penilaian Foto Gambar 4.35 Tampilan Halaman Artikel Gambar 4.36 Tampilan Halaman Tambah Artikel Gambar 4.37 Tampilan Halaman Lihat Teman : Tampilkan Thumbnail Gambar 4.38 Tampilan Halaman Lihat Teman : Tampilkan Detil xxx

27 Gambar 4.39 Tampilan Halaman Bagi File Gambar 4.40 Tampilan Halaman Bagi Link Gambar 4.41 Tampilan Halaman Tambah Kesan Gambar 4.42 Tampilan Halaman Utama Admin Gambar 4.43 Tampilan Halaman Edit Acara Gambar 4.44 Tampilan Halaman Edit Berita Gambar 4.45 Tampilan Halaman Edit Halaman Utama Gambar 4.46 Tampilan Halaman Edit Kegiatan Gambar 4.47 Tampilan Halaman Edit Kontak Kami Gambar 4.48 Tampilan Halaman Edit Pengurus Gambar 4.49 Tampilan Halaman Edit Prestasi Gambar 4.50 Tampilan Halaman Edit Jurusan Gambar 4.51 Tampilan Halaman Edit Agama Gambar 4.52 Tampilan Halaman Edit Kontak User Gambar 4.53 Tampilan Halaman Edit Link YM / Support Gambar 4.54 Tampilan Halaman Edit Kategori Artikel Gambar 4.55 Tampilan Halaman Edit Link External Gambar 4.56 Tampilan Halaman Edit Link Sponsor Gambar 4.57 Tampilan Halaman Tambah User Gambar 4.58 Tampilan Halaman Edit Tanya Jawab Gambar 4.59 Tampilan Halaman Edit Tentang Kami Gambar 4.60 Tampilan Halaman Terima Kesan Gambar 4.61 Grafik Hasil Kuesioner Evaluasi Pertanyaan No Gambar 4.62 Grafik Hasil Kuesioner Evaluasi Pertanyaan No xxxi

28 Gambar 4.63 Grafik Hasil Kuesioner Evaluasi Pertanyaan No Gambar 4.64 Grafik Hasil Kuesioner Evaluasi Pertanyaan No Gambar 4.65 Grafik Hasil Kuesioner Evaluasi Pertanyaan No Gambar 4.66 Grafik Hasil Kuesioner Evaluasi Pertanyaan No Gambar 4.67 Grafik Hasil Kuesioner Evaluasi Pertanyaan No Gambar 4.68 Grafik Hasil Kuesioner Evaluasi Pertanyaan No Gambar 4.69 Grafik Hasil Kuesioner Evaluasi Pertanyaan No Gambar 4.70 Grafik Hasil Kuesioner Evaluasi Pertanyaan No Gambar 4.71 Grafik Hasil Kuesioner Evaluasi Pertanyaan No Gambar 4.72 Grafik Hasil Kuesioner Evaluasi Pertanyaan No Gambar 4.73 Grafik Hasil Kuesioner Evaluasi Pertanyaan No Gambar 4.74 Grafik Hasil Kuesioner Evaluasi Pertanyaan No Gambar 4.75 Grafik Hasil Kuesioner Evaluasi Pertanyaan No Gambar 4.76 Grafik Hasil Kuesioner Evaluasi Pertanyaan No Gambar 4.77 Grafik Hasil Kuesioner Evaluasi Pertanyaan No Gambar 4.78 Grafik Hasil Kuesioner Evaluasi Pertanyaan No Gambar 4.79 Grafik Hasil Kuesioner Evaluasi Pertanyaan No Gambar 4.80 Grafik Hasil Kuesioner Evaluasi Pertanyaan No Gambar 4.81 Grafik Hasil Kuesioner Evaluasi Pertanyaan No Gambar 4.82 Grafik Hasil Kuesioner Evaluasi Pertanyaan No xxxii

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