iv
UNIVERSITAS BINA NUSANTARA
_________________________________________________________________ Jurusan Teknik Informatika
Skripsi Sarjana Komputer Semester Ganjil tahun 2006/2007
ANALISIS DAN PERANCANGAN
WEB CONTENT MANAGEMENT SYSTEM BERBASIS .NET
Fransiscus Cenderasa 0700685413 Stanley Sentoso 0700695761 Helena Jane 0700697703
Abstrak
Tujuan penulisan skripsi ini ialah menganalisa kebutuhan dan merancang sebuah Web Content Management System (WCMS) untuk membantu pengurus Unit Kegiatan Mahasiswa Universitas Bina Nusantara (UKM) mengelola website UKM. Metode penelitian yang digunakan berupa metode analisis dengan melakukan studi pustaka, pengumpulan kebutuhan dengan kuesioner dan wawancara, dan melakukan analisa terhadap kebutuhan yang diperoleh; dan metode perancangan dengan metode Object Oriented Software Engineering. Hasil yang dicapai berupa BeeDotNet WCMS yang dapat memudahkan pengurus UKM mengubah isi website UKM. Simpulan yang dipetik ialah dengan menggunakan BeeDotNet WCMS, pengurus tidak perlu mempelajari bahasa pemrograman dalam mengelola isi website UKM, sebab BeeDotNet WCMS merupakan aplikasi yang user friendly bagi non-technical user.
Kata Kunci : Web Content Management System, Object Oriented Software Engineering, Website, user friendly, non-technical user.
v
PRAKATA
Puji Syukur kepada Tuhan Yang Maha Esa atas berkat dan anugerah-Nya yang telah diberikan kepada kami sehingga kami dapat menyelesaikan penulisan laporan tugas akhir ini.
Maksud dari penulisan laporan tugas akhir ini adalah untuk memenuhi salah satu persyaratan kelulusan studi Jurusan Teknik Informatika jenjang pendidikan Strata I (S1) pada Universitas Bina Nusantara, Jakarta.
Kami menyadari bahwa isi laporan tugas akhir ini masih jauh dari sempurna, oleh karena itu kami mengharapkan saran dan kritik yang membangun untuk perbaikan penulisan laporan tugas akhir ini.
Pada kesempatan ini penulis juga mengucapkan terima kasih yang sebesar-besarnya kepada :
1. Prof. Dr. Gerardus Polla, M.App.Sc., selaku Rektor Universitas Bina Nusantara, Jakarta.
2. Mohammad Subekti, BE.,M.Sc.., selaku Ketua Program Studi Teknik Informatika.
3. Bapak Syaeful Karim, Ir., M.Sc. selaku dosen pembimbing laporan tugas akhir yang telah banyak memberikan saran, dorongan, nasihat, serta koreksi terhadap penyelesaian laporan tugas akhir ini.
4. Seluruh dosen jurusan Teknik Informatika yang telah membantu kami dalam pengumpulan data dan informasi untuk penulisan laporan tugas akhir ini.
vi
5. Pihak UKM Tae Kwon Do yang telah memberikan dukungan dalam penulisan laporan tugas akhir ini.
6. Orang tua, kakak dan adik kami yang telah banyak memberikan dukungan dan doa.
7. Seluruh teman-teman yang telah memberikan perhatian dan bantuan dalam penyusunan laporan tugas akhir kami.
Akhir kata, semoga apa yang tertulis dalam laporan tugas akhir ini dapat menjadi suatu sumbangan pikiran dan menambah wawasan bagi para pembaca.
Jakarta, 18 Januari 2007
vii
DAFTAR ISI
HALAMAN JUDUL LUAR... I HALAMAN JUDUL DALAM ... II HALAMAN PERSETUJUAN PEMBIMBING ...III ABSTRAK ... IV PRAKATA...V DAFTAR ISI... VII DAFTAR TABEL... XI DAFTAR GAMBAR ...XIII DAFTAR LAMPIRAN...XIX
BAB 1 PENDAHULUAN ...1
1.1 LATAR BELAKANG...1
1.2 RUANG LINGKUP...3
1.3 TUJUAN DAN MANFAAT...3
1.4 METODOLOGI PENELITIAN...4
1.5 SISTEMATIKA PENULISAN...5
BAB 2 LANDASAN TEORI...6
2.1 WEB CONTENT MANAGEMENT SYSTEM (WCMS) ...6
viii
2.1.2 Keuntungan WCMS...7
2.2 DOT NET ...8
2.2.1 Pengenalan DOT NET ...8
2.2.2 Tujuan .NET ...9
2.2.3 Arsitektur framework .NET ...10
2.3 OBJECT ORIENTED SOFTWARE ENGINEERING...11
2.3.1 Pengertian Object Orientation...11
2.3.2 Pengertian Software Engineering ...11
2.3.3 Aktivitas Pengembangan dalam Object Oriented Software Engineering ...11
2.4 THE CLASSIC LIFE CYCLE...16
2.5 DELAPAN ATURAN EMAS...18
2.6 UNIFIED MODELING LANGUAGE...20
BAB 3 ANALISA DAN PERANCANGAN SISTEM...27
3.1 ANALISA SISTEM...27
3.1.1 Riwayat Universitas Bina Nusantara...27
3.1.2 Struktur Organisasi Universitas Bina Nusantara ...29
3.1.3 Gambaran Sistem Berjalan ...30
3.1.4 Kuesioner dan Wawancara ...31
3.1.5 Permasalahan ...39
3.1.6 Pemecahan Masalah ...39
3.2 PERANCANGAN SISTEM...39
ix
3.2.2 Analysis ...49
3.2.3 System Design ...55
BAB 4 IMPLEMENTASI DAN EVALUASI ...77
4.1 IMPLEMENTASI...77
4.1.1 Kebutuhan Hardware...77
4.1.2 Kebutuhan Software ...78
4.1.3 Kebutuhan Jaringan...79
4.1.4 Jadwal Rencana Implementasi Sistem ...79
4.2 BEEDOTNET USER GUIDE...80
4.3 USER GUIDE UMUM...81
4.4 TAMPILAN WEBSITE DAN LANGKAH PENGOLAHAN CONTENT BEEDOTNET OLEH ADMIN...84
4.4.1 Halaman Awal saat WCMS Pertama kali Diakses ...84
4.4.2 Halaman Login (Admin) ...84
4.4.3 Halaman Admin ...85
4.4.4 Halaman AddPage ...86
4.4.5 Halaman AddModule ...87
4.4.6 Halaman EditPage ...88
4.4.7 Delete Page ...88
4.4.8 Halaman Edit Theme ...90
4.4.9 Halaman Edit Site ...90
4.4.10 Cara melakukan setting module...91
x
4.4.12 Module yang tersedia : ...92
4.4.13 Halaman Logout ...99
4.4.14 Halaman hasil (setelah logout)...99
4.5 EVALUASI BEEDOTNET WCMS ...100
4.5.1 Kuesioner Kepada Pengguna...100
4.5.2 Evaluasi Dari Sudut Pandang IMK (Eight Golden Rules) ...105
4.5.3 Evaluasi Kekurangan dan Kelebihan Aplikasi ...107
4.5.4 Evaluasi Kelebihan WCMS Dibanding Mengembangkan Website Menggunakan Bahasa Pemrograman...108
4.5.5 Evaluasi Kelebihan WCMS Dibanding Milis...109
BAB 5 SIMPULAN DAN SARAN...110
5.1 SIMPULAN...110
5.2 SARAN...111
DAFTAR PUSTAKA ...112
DAFTAR RIWAYAT HIDUP...114
xi
DAFTAR TABEL
TABEL 2.1 HUBUNGAN ANTAR USE CASE...13
TABEL 3.1 HASIL ANALISA KUESIONER...31
TABEL 3.2 USE CASE SCENARIO BEEDOTNET WCMS ...43
TABEL 3.3 SPESIFIKASI DARI USE CASE REGISTER...45
TABEL 3.4 SPESIFIKASI DARI USE CASE LOGIN...45
TABEL 3.5 SPESIFIKASI DARI USE CASE EDIT_PROFIE...45
TABEL 3.6 SPESIFIKASI DARI USE CASE CHANGE_THEME...46
TABEL 3.7 SPESIFIKASI DARI USE CASE ADD_PAGE...46
TABEL 3.8 SPESIFIKASI DARI USE CASE EDIT_ PAGE...47
TABEL 3.9 SPESIFIKASI DARI USE CASE DELETE_ PAGE...47
TABEL 3.10 SPESIFIKASI DARI USE CASE EDIT_PROFILE_MEMBER ...48
TABEL 3.11 SPESIFIKASI DARI USE CASE DELETE_MEMBER...48
TABEL 3.12 SPESIFIKASI DARI USE CASE LOGOUT...48
TABEL 3.13 SPESIFIKASI TABEL MASTER USER...72
TABEL 3.14 SPESIFIKASI TABEL MASTER PAGE...72
xii
TABEL 3.16 SPESIFIKASI TABEL MASTER MODULE...73
TABEL 3.17 SPESIFIKASI TABEL SETTING...73
TABEL 3.18 SPESIFIKASI TABEL TRANSAKSI MODULE...74
TABEL 3.19 SPESIFIKASI TABEL MODULE TEXT...74
TABEL 3.20 SPESIFIKASI TABEL MODULE NEWS...74
TABEL 3.21 SPESIFIKASI TABEL MODULE LINK...75
TABEL 3.22 SPESIFIKASI TABEL MODULE GUESTBOOK...75
TABEL 3.23 SPESIFIKASI TABEL MODULE GALLERY...75
TABEL 3.24 SPESIFIKASI TABEL MODULE DISCUSSION HEADER...76
TABEL 3.25 SPESIFIKASI TABEL MODULE DISCUSSION DETAIL...76
TABEL 4.1 JADWAL RENCANA IMPLEMENTASI ...79
xiii
DAFTAR GAMBAR
GAMBAR 2.1 ARSITEKTUR FRAMEWORK .NET ...10
GAMBAR 2.2 ACTOR SUATU SISTEM...12
GAMBAR 2.3 PEMETAAN SUBSISTEM DENGAN DEPLOYMENT DIAGRAM...15
GAMBAR 2.4 CLASS DIAGRAM ...21
GAMBAR 2.5 COMPONENT DIAGRAM...22
GAMBAR 2.6 DEPLOYMENT DIAGRAM ...22
GAMBAR 2.7USE CASE DIAGRAM ...24
GAMBAR 2.8NOTASI SEQUENCE DIAGRAM ...24
GAMBAR 2.9NOTASI COLLABORATION DIAGRAM ...25
GAMBAR 2.10NOTASI STATECHART DIAGRAM ...25
GAMBAR 2.11NOTASI ACTIVITY DIAGRAM ...26
GAMBAR 3.1 STRUKTUR ORGANISASI UBINUS TAHUN 2005 ...29
GAMBAR 3.2 SISTEM BERJALAN DIMANA UKM BELUM DAPAT MEMBANGUN WEBSITE...30
GAMBAR 3.3 SISTEM BERJALAN DIMANA UKM DAPAT MEMBANGUN SEBUAH WEBSITE ...30
xiv
GAMBAR 3.5 DIAGRAM PERSENTASE UKM YANG TELAH DAN BELUM
MEMILIKI WEBSITE...34 GAMBAR 3.6 DIAGRAM PERSENTASE UKM INGIN MEMILIKI WEBSITE...34 GAMBAR 3.7 DIAGRAM PERSENTASE ANGGOTA UKM YANG PERNAH DAN
TIDAK PERNAH MEMBUAT WEBSITE ...34 GAMBAR 3.8 DIAGRAM PERSENTASE KENDALA YANG DIHADAPI PADA
PEMBUATAN WEBSITE UKM. ...35 GAMBAR 3.9 DIAGRAM PERSENTASE SEBERAPA SERING PENGURUS
MENGUPDATE ISI WEBSITE. ...35 GAMBAR 3.10DIAGRAM PERSENTASE KENDALA YG DIHADAPI DALAM
MELAKUKAN UPDATE WEBSITE...35 GAMBAR 3.11DIAGRAM PERSENTASE ANGGOTA UKM BELUM DAN
PERNAH MENDENGAR MENGENAI WCMS SEBELUMNYA ...36 GAMBAR 3.12DIAGRAM PERSENTASE ANGGOTA UKM YANG TERTARIK
MENGGUNAKAN WCMS ...36 GAMBAR 3.13DIAGRAM PERSENTASE ANGGOTA UKM MENGATAKAN
WEBSITENYA MEMBERIKAN INFORMASI YANG DIBUTUHKAN MENGENAI UKM ...37 GAMBAR 3.14DIAGRAM PERSENTASE PENGURUS UKM AKAN
xv
GAMBAR 3.15DIAGRAM KOMPONEN-KOMPONEN YANG DIBUTUHKAN
DALAM WEBSITE...38
GAMBAR 3.16MODEL BEEDOTNET WCMS ...40
GAMBAR 3.17ACTOR...42
GAMBAR 3.18USE CASE DIAGRAM BEEDOTNET WCMS...44
GAMBAR 3.19USE CASE DIAGRAM WEB MANAGEMENT ...46
GAMBAR 3.20USE CASE DIAGRAM MEMBER MANAGEMENT ...47
GAMBAR 3.21CLASS DIAGRAM...49
GAMBAR 3.22SEQUENCE DIAGRAM LOGIN...50
GAMBAR 3.23SEQUENCE DIAGRAM ADD MODUL...50
GAMBAR 3.24SEQUENCE DIAGRAM ADD PAGE ...51
GAMBAR 3.25SEQUENCE DIAGRAM CHANGE THEME...51
GAMBAR 3.26SEQUENCE DIAGRAM DELETE MEMBER...52
GAMBAR 3.27SEQUENCE DIAGRAM DELETE PAGE...52
GAMBAR 3.28SEQUENCE DIAGRAM DELETE MODULE ...53
GAMBAR 3.29SEQUENCE DIAGRAM EDIT MODULE ...53
GAMBAR 3.30SEQUENCE DIAGRAM EDIT PAGE...54
GAMBAR 3.31SEQUENCE DIAGRAM EDIT PROFILE...54
GAMBAR 3.32SEQUENCE DIAGRAM REGISTER ...55
xvi
GAMBAR 3.34DEPLOYMENT DIAGRAM ...56
GAMBAR 3.35RANCANGAN HALAMAN LOGIN...58
GAMBAR 3.36RANCANGAN HALAMAN MAIN ...59
GAMBAR 3.37RANCANGAN HALAMAN REGISTER ...59
GAMBAR 3.38RANCANGAN HALAMAN EDIT ACCOUNT...60
GAMBAR 3.39RANCANGAN HALAMAN ADD PAGE ...60
GAMBAR 3.40RANCANGAN HALAMAN EDIT PAGE...61
GAMBAR 3.41RANCANGAN HALAMAN ADD MODULE ...61
GAMBAR 3.42RANCANGAN HALAMAN EDIT THEME ...62
GAMBAR 3.43RANCANGAN HALAMAN EDIT SITE...62
GAMBAR 3.44RANCANGAN HALAMAN USER MANAGEMENT ...63
GAMBAR 4.1 KEBUTUHAN JARINGAN BEEDOTNET WCMS ...79
GAMBAR 4.2 LOGIN DARI MODULE LOGIN ...81
GAMBAR 4.3 LOGIN DARI HALAMAN LOGIN...81
GAMBAR 4.4 PESAN KESALAHAN LOGIN ...82
GAMBAR 4.5 HALAMAN REGISTRASI MEMBER...82
GAMBAR 4.6 HALAMAN HOME SETELAH LOGIN SEBAGAI MEMBER...83
GAMBAR 4.7 HALAMAN AWAL BEEDOTNET WCMS...84
xvii
GAMBAR 4.9 TAMPILAN HALAMAN UNTUK ADMIN ...85
GAMBAR 4.10HALAMAN ADDPAGE...86
GAMBAR 4.11HALAMAN ABOUTUS TELAH DITAMBAHKAN PADA WEBSITE ...86
GAMBAR 4.12HALAMAN ADDMODULE ...87
GAMBAR 4.13MODULE LOGIN TELAH BERHASIL DITAMBAHKAN PADA WCMS ...87
GAMBAR 4.14HALAMAN EDITPAGE ...88
GAMBAR 4.15TAMPILAN PAGE “HAPUSAJA” YANG SEDANG DIPILIH AKAN DIHAPUS ...88
GAMBAR 4.16PAGE “HAPUSAJA” YANG MEMILIKI CHILD TIDAK DAPAT DIHAPUS ...89
GAMBAR 4.17PAGE “HOME” TIDAK DAPAT DIHAPUS ...89
GAMBAR 4.18HALAMAN EDITTHEME...90
GAMBAR 4.19HALAMAN EDITSITE ...90
GAMBAR 4.20SETTING MODULE ...91
GAMBAR 4.21POP-UP MENU “MOVE” MODULE LOGIN...91
GAMBAR 4.22POP-UP MENU “MOVETO PAGE” MODULE LOGIN ...92
GAMBAR 4.23DIALOG BOX MUNCUL SEBELUM LOGOUT ...99
xviii
GAMBAR 4.25DIAGRAM PERSENTASE KEMUDAHAN PENGGUNAAN
BEEDOTNET WCMS ...101 GAMBAR 4.26DIAGRAM PERSENTASE TAMPILAN BEEDOTNET WCMS...102 GAMBAR 4.27 DIAGRAM PERSENTASE KEMUDAHAN PEMBUATAN WEBSITE
DENGAN BEEDOTNET WCMS, DIBANDING MENGGUNAKAN BAHASA PEMROGRAMAN WEB...102 GAMBAR 4.28DIAGRAM PERSENTASE KEMUDAHAN PROSES UPDATE PADA WEBSITE DENGAN BEEDOTNET WCMS...103 GAMBAR 4.29DIAGRAM PERSENTASE BEEDOTNET WCMS DAPAT
MEMENUHI KEBUTUHAN WEBSITE BAGI UKM. ...103 GAMBAR 4.30DIAGRAM PERSENTASE WAKTU UNTUK MEMBUAT SEBUAH
WEB DENGAN MENGGUNAKAN BEEDOTNET WCMS . ...104 GAMBAR 4.31DIAGRAM PERSENTASEPROSES PENYAMPAIAN INFORMASI
PENGURUS UKM KEPADA ANGGOTA MAUPUN ANGGOTA KEPADA ANGGOTA LAIN MENJADI LEBIH TERBANTU
DENGAN ADANYA BEEDOTNET WCMS...104 GAMBAR 4.32DIAGRAM PERSENTASE HASIL WEBSITE BEEDOTNET WCMS
MEMUASKAN. ...105 GAMBAR 4.33DIAGRAM PRESENTASE KEPUASAN MENGGUNAKAN
xix
DAFTAR LAMPIRAN
LAMPIRAN 1 DIAGRAM HUBUNGAN ANTAR TABEL...L1 LAMPIRAN 2 KUESIONER AWAL WCMS BAGI PENGURUS DAN ANGGOTA
UKM... ... L2 LAMPIRAN 3 KUESIONER EVALUASI WCMS BAGI PENGURUS DAN
ANGGOTA UKM...L3 LAMPIRAN 4 WAWANCARA AWAL WCMS BAGI PENGURUS DAN ANGGOTA
UKM...L4 LAMPIRAN 5 WAWANCARA EVALUASI WCMS BAGI PENGURUS DAN
