UNIVERSITAS BINA NUSANTARA. Jurusan Teknik Informatika. Skripsi Sarjana Komputer. Semester Ganjil tahun 2006/2007 ANALISIS DAN PERANCANGAN

Transkripsi

1 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 Stanley Sentoso Helena Jane 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. iv

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

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

4 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 LATAR BELAKANG RUANG LINGKUP TUJUAN DAN MANFAAT METODOLOGI PENELITIAN SISTEMATIKA PENULISAN...5 BAB 2 LANDASAN TEORI WEB CONTENT MANAGEMENT SYSTEM (WCMS) Pengenalan WCMS...6 vii

5 2.1.2 Keuntungan WCMS DOT NET Pengenalan DOT NET Tujuan.NET Arsitektur framework.net OBJECT ORIENTED SOFTWARE ENGINEERING Pengertian Object Orientation Pengertian Software Engineering Aktivitas Pengembangan dalam Object Oriented Software Engineering THE CLASSIC LIFE CYCLE DELAPAN ATURAN EMAS UNIFIED MODELING LANGUAGE...20 BAB 3 ANALISA DAN PERANCANGAN SISTEM ANALISA SISTEM Riwayat Universitas Bina Nusantara Struktur Organisasi Universitas Bina Nusantara Gambaran Sistem Berjalan Kuesioner dan Wawancara Permasalahan Pemecahan Masalah PERANCANGAN SISTEM Requirement Elicitation...42 viii

6 3.2.2 Analysis System Design...55 BAB 4 IMPLEMENTASI DAN EVALUASI IMPLEMENTASI Kebutuhan Hardware Kebutuhan Software Kebutuhan Jaringan Jadwal Rencana Implementasi Sistem BEEDOTNET USER GUIDE USER GUIDE UMUM TAMPILAN WEBSITE DAN LANGKAH PENGOLAHAN CONTENT BEEDOTNET OLEH ADMIN Halaman Awal saat WCMS Pertama kali Diakses Halaman Login (Admin) Halaman Admin Halaman AddPage Halaman AddModule Halaman EditPage Delete Page Halaman Edit Theme Halaman Edit Site Cara melakukan setting module Mengubah Letak Module...91 ix

7 Module yang tersedia : Halaman Logout Halaman hasil (setelah logout) EVALUASI BEEDOTNET WCMS Kuesioner Kepada Pengguna Evaluasi Dari Sudut Pandang IMK (Eight Golden Rules) Evaluasi Kekurangan dan Kelebihan Aplikasi Evaluasi Kelebihan WCMS Dibanding Mengembangkan Website Menggunakan Bahasa Pemrograman Evaluasi Kelebihan WCMS Dibanding Milis BAB 5 SIMPULAN DAN SARAN SIMPULAN SARAN DAFTAR PUSTAKA DAFTAR RIWAYAT HIDUP DIAGRAM HUBUNGAN ANTAR TABEL x

8 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 TABEL 3.5 SPESIFIKASI DARI USE CASE LOGIN...45 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 TABEL 3.9 SPESIFIKASI DARI USE CASE EDIT_ PAGE...47 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 xi

9 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 xii

10 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 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 xiii

11 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 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 xiv

12 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 xv

13 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 xvi

14 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 xvii

15 GAMBAR 4.25DIAGRAM PERSENTASE KEMUDAHAN PENGGUNAAN BEEDOTNET WCMS GAMBAR 4.26DIAGRAM PERSENTASE TAMPILAN BEEDOTNET WCMS GAMBAR 4.27DIAGRAM PERSENTASE KEMUDAHAN PEMBUATAN WEBSITE DENGAN BEEDOTNET WCMS, DIBANDING MENGGUNAKAN BAHASA PEMROGRAMAN WEB GAMBAR 4.28DIAGRAM PERSENTASE KEMUDAHAN PROSES UPDATE PADA WEBSITE DENGAN BEEDOTNET WCMS GAMBAR 4.29DIAGRAM PERSENTASE BEEDOTNET WCMS DAPAT MEMENUHI KEBUTUHAN WEBSITE BAGI UKM GAMBAR 4.30DIAGRAM PERSENTASE WAKTU UNTUK MEMBUAT SEBUAH WEB DENGAN MENGGUNAKAN BEEDOTNET WCMS GAMBAR 4.31DIAGRAM PERSENTASE PROSES PENYAMPAIAN INFORMASI PENGURUS UKM KEPADA ANGGOTA MAUPUN ANGGOTA KEPADA ANGGOTA LAIN MENJADI LEBIH TERBANTU DENGAN ADANYA BEEDOTNET WCMS GAMBAR 4.32DIAGRAM PERSENTASE HASIL WEBSITE BEEDOTNET WCMS MEMUASKAN GAMBAR 4.33DIAGRAM PRESENTASE KEPUASAN MENGGUNAKAN BEEDOTNET WCMS xviii

16 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 xix