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

Penulis

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

2.1.1 Pengenalan 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

3.2.1 Requirement Elicitation ..................................................................42

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

4.4.11 Mengubah Letak 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

DIAGRAM HUBUNGAN ANTAR TABEL ................................................................117

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

TABEL 3.15 SPESIFIKASI TABEL MASTER THEME ..............................................73

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

TABEL 4.2 HASIL ANALISA KUESIONER EVALUASI.....................................100

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

GAMBAR 3.4 DIAGRAM PERSENTASE PENTINGNYA WEBSITE BAGI UKM ..33

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

MENGGUNAKAN WCMS .............................................................37

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

GAMBAR 3.33COMPONENT DIAGRAM ...................................................................56

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

GAMBAR 4.8 HALAMAN LOGIN................................................................................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

GAMBAR 4.24HALAMAN “HOME” WEBSITE YANG SIAP DIPUBLIKASI.........99

xviii

GAMBAR 4.25DIAGRAM PERSENTASE KEMUDAHAN PENGGUNAAN

BEEDOTNET WCMS.......................................................................101

GAMBAR 4.26DIAGRAM PERSENTASE TAMPILAN BEEDOTNET WCMS......102

GAMBAR 4.27DIAGRAM 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 PERSENTASE PROSES 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

BEEDOTNET WCMS......................................................................105

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

ANGGOTA UKM................................................................................... L5