ANALISIS DAN PERANCANGAN WEB CONTENT MANAGEMENT SYSTEM BERBASIS .NET - Binus e-Thesis
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.
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.
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
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 L ATAR B ELAKANG .........................................................................................1
1.2 R UANG L
INGKUP ............................................................................................3
1.3 T UJUAN D AN M ANFAAT ................................................................................3
ETODOLOGI ENELITIAN
1.4 M P .............................................................................4
1.5 S
ISTEMATIKA P ENULISAN ..............................................................................5
BAB 2 LANDASAN TEORI...........................................................................................6
2.1 W EB C ONTENT M ANAGEMENT S YSTEM (WCMS) .........................................6
2.1.1 Pengenalan WCMS ...........................................................................6
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 BJECT RIENTED OFTWARE NGINEERING
2.3 O O S E ..............................................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 HE LASSICIFE YCLE
2.4 T C L C ............................................................................16
2.5 D ELAPAN A TURAN E MAS .............................................................................18
2.6 U NIFIED M ODELING L ANGUAGE ..................................................................20
BAB 3 ANALISA DAN PERANCANGAN SISTEM..................................................27
3.1 A NALISA S
ISTEM ..........................................................................................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 P ERANCANGAN S
ISTEM ................................................................................39
3.2.1 Requirement Elicitation ..................................................................42
3.2.2 Analysis ...........................................................................................49
3.2.3 System Design .................................................................................55
BAB 4 IMPLEMENTASI DAN EVALUASI ...............................................................77 MPLEMENTASI
4.1 I .............................................................................................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 B EE D OT N ET U SER G UIDE ............................................................................80
4.3 U SER G UIDE U MUM .....................................................................................81
AMPILAN EBSITE DAN ANGKAH ENGOLAHAN ONTENT EE OT ET
4.4 T W L P C B D N
OLEH A DMIN ................................................................................................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
4.4.12 Module yang tersedia : ...................................................................92
4.4.13 Halaman Logout .............................................................................99
4.4.14 Halaman hasil (setelah logout).......................................................99
VALUASI EE OT ET
4.5 E B D N 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 S
IMPULAN ..................................................................................................110
5.2 S ARAN ........................................................................................................111 DAFTAR PUSTAKA ...................................................................................................112 DAFTAR RIWAYAT HIDUP.......................................................................................114 DIAGRAM HUBUNGAN ANTAR TABEL ................................................................117
DAFTAR TABEL
TABEL 2.1 HUBUNGAN ANTAR USE CASE .........................................................13TABEL 3.1 HASIL ANALISA KUESIONER............................................................31TABEL 3.2 USE CASE SCENARIO BEEDOTNET WCMS ......................................43TABEL 3.3 SPESIFIKASI DARI USE CASE REGISTER .........................................45TABEL 3.4 SPESIFIKASI DARI USE CASE LOGIN................................................45TABEL 3.5 SPESIFIKASI DARI USE CASE EDIT_PROFIE...................................45TABEL 3.6 SPESIFIKASI DARI USE CASE CHANGE_THEME ............................46TABEL 3.7 SPESIFIKASI DARI USE CASE ADD_PAGE .......................................46TABEL 3.8 SPESIFIKASI DARI USE CASE EDIT_ PAGE......................................47TABEL 3.9 SPESIFIKASI DARI USE CASE DELETE_ PAGE................................47TABEL 3.10 SPESIFIKASI DARI USE CASE EDIT_PROFILE_MEMBER ............48TABEL 3.11 SPESIFIKASI DARI USE CASE DELETE_MEMBER...........................48TABEL 3.12 SPESIFIKASI DARI USE CASE LOGOUT............................................48TABEL 3.13 SPESIFIKASI TABEL MASTER USER..................................................72TABEL 3.14 SPESIFIKASI TABEL MASTER PAGE .................................................72TABEL 3.15 SPESIFIKASI TABEL MASTER THEME ..............................................73TABEL 3.16 SPESIFIKASI TABEL MASTER MODULE..........................................73TABEL 3.17 SPESIFIKASI TABEL SETTING............................................................73TABEL 3.18 SPESIFIKASI TABEL TRANSAKSI MODULE ...................................74TABEL 3.19 SPESIFIKASI TABEL MODULE TEXT ................................................74TABEL 3.20 SPESIFIKASI TABEL MODULE NEWS ...............................................74TABEL 3.21 SPESIFIKASI TABEL MODULE LINK ................................................75TABEL 3.22 SPESIFIKASI TABEL MODULE GUESTBOOK ..................................75TABEL 3.23 SPESIFIKASI TABEL MODULE GALLERY .........................................75TABEL 3.24 SPESIFIKASI TABEL MODULE DISCUSSION HEADER...................76TABEL 3.25 SPESIFIKASI TABEL MODULE DISCUSSION DETAIL.....................76TABEL 4.1 JADWAL RENCANA IMPLEMENTASI ..............................................79TABEL 4.2 HASIL ANALISA KUESIONER EVALUASI.....................................100
DAFTAR GAMBAR
GAMBAR 2.1 ARSITEKTUR FRAMEWORK .NET ....................................................10GAMBAR 2.2 ACTOR SUATU SISTEM.......................................................................12GAMBAR 2.3 PEMETAAN SUBSISTEM DENGAN DEPLOYMENT DIAGRAM...15GAMBAR 2.4 CLASS DIAGRAM .................................................................................21GAMBAR 2.5 COMPONENT DIAGRAM.....................................................................22GAMBAR 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 .........................................................26GAMBAR 3.1 STRUKTUR ORGANISASI UBINUS TAHUN 2005 ...........................29GAMBAR 3.2 SISTEM BERJALAN DIMANA UKM BELUM DAPAT MEMBANGUN WEBSITE.................................................................30GAMBAR 3.3 SISTEM BERJALAN DIMANA UKM DAPAT MEMBANGUN SEBUAH WEBSITE .............................................................................30GAMBAR 3.4 DIAGRAM PERSENTASE PENTINGNYA WEBSITE BAGI UKM ..33GAMBAR 3.5 DIAGRAM PERSENTASE UKM YANG TELAH DAN BELUM MEMILIKI WEBSITE.............................................................................34GAMBAR 3.6 DIAGRAM PERSENTASE UKM INGIN MEMILIKI WEBSITE.......34GAMBAR 3.7 DIAGRAM PERSENTASE ANGGOTA UKM YANG PERNAH DAN TIDAK PERNAH MEMBUAT WEBSITE ............................................34GAMBAR 3.8 DIAGRAM PERSENTASE KENDALA YANG DIHADAPI PADA PEMBUATAN WEBSITE UKM. ...........................................................35GAMBAR 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 .............................................................37GAMBAR 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
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 ..............................79GAMBAR 4.2 LOGIN DARI MODULE LOGIN ..........................................................81GAMBAR 4.3 LOGIN DARI HALAMAN LOGIN.......................................................81GAMBAR 4.4 PESAN KESALAHAN LOGIN ..............................................................82GAMBAR 4.5 HALAMAN REGISTRASI MEMBER..................................................82GAMBAR 4.6 HALAMAN HOME SETELAH LOGIN SEBAGAI MEMBER............83GAMBAR 4.7 HALAMAN AWAL BEEDOTNET WCMS...........................................84GAMBAR 4.8 HALAMAN LOGIN................................................................................84GAMBAR 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 .......................................................................88GAMBAR 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
GAMBAR 4.25DIAGRAM PERSENTASE KEMUDAHAN PENGGUNAAN BEEDOTNET WCMS .......................................................................101 GAMBAR 4.26DIAGRAM PERSENTASE TAMPILAN BEEDOTNET WCMS......102
GAMBAR 4.27 DIAGRAM PERSENTASE KEMUDAHAN PEMBUATAN WEBSITEDENGAN 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