Universitas Bina Nusantara Jurusan Sistem Informasi Skripsi Sarjana Komputer Semester Ganjil 2005 / 2006 Perancangan Content Management Framework (Studi Kasus : Perancangan Aplikasi untuk Membantu Pembuatan Situs Web Pribadi Dosen Universitas Bina Nusantara Jurusan Sistem Informasi) Rudy Siswanto Tanaga (0600610550) Melia Inggriany (0600611950) Rika Muliani Himawan (0600635194) Abstrak Tujuan penulisan skripsi ini ialah untuk menganalisa kebutuhan informasi akan adanya situs web pribadi dosen. Metode analisis yang digunakan adalah metodologi pengumpulan data, analisis kuesioner dan wawancara, dan metode perancangan menggunakan metologi OOSE (Object Oriented Software Engineering). Penulisan ini membahas mengenai kebutuhan informasi beserta usulan pemecahan masalah yaitu dengan merancang aplikasi berbasis CMS (Content Management System) yang bernama BeeSisfo CMS. Aplikasi BeeSisfo CMS dapat membantu dosen dalam membangun situs web pribadi dan mengelola content situs web tanpa memerlukan bahasa pemrograman berbasis web apapun. BeeSisfo CMS juga menyediakan fasilitas yang digunakan untuk mengontrol content dari situs web pribadi dosen. Kata Kunci : Content Management System, Content Management Framework, Object Oriented Software Engineering, Situs web vii
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 Sistem Informasi 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. Bapak Siswono, S.kom., MM., selaku Ketua Program Studi Sistem Informasi. 3. Bapak Johan, S.Kom., MM., 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 Sistem Informasi yang telah membantu kami dalam pengumpulan data dan informasi untuk penulisan laporan tugas akhir ini. 5. Pihak jurusan Sistem Informasi yang telah memberikan dukungan dana (Student Research Grant) dalam penulisan laporan tugas akhir ini. viii
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 juga menambah wawasan bagi para pembaca. Jakarta, 21 Januari 2006 Penulis ix
DAFTAR ISI Halaman Judul Luar... Halaman Judul Dalam... Halaman Persetujuan Hardcover... Halaman Pernyataan Dewan Penguji... Halaman Abstrak... Halaman Prakata... Daftar Isi... Daftar Tabel... Daftar Gambar... Daftar Lampiran... i ii iii iv vii viii x xvi xvii xxiii BAB 1 PENDAHULUAN... 1.1 Latar Belakang... 1.2 Ruang Lingkup... 1.3 Tujuan dan Manfaat... 1.4 Metodologi... 1.5 Sistematika Penulisan... 1 1 3 3 4 5 BAB 2 LANDASAN TEORI... 2.1 Content Management System... 2.1.1 Pengertian Content... 7 7 7 x
2.1.2 Pengertian Content Management... 2.1.3 Content Management System... 2.1.3.1 Manfaat Menggunakan CMS... 2.1.3.2 Arsitektur CMS... 2.1.3.3 CMS Building Block... 2.1.4 Content Management Framework... 2.2 Object Oriented Software Engineering... 2.2.1 Pengertian Software Engineering... 2.2.2 Pengertian Object Orientation... 2.2.3 Aktivitas pengembangan dalam Objet Oriented Software 7 7 9 9 11 15 15 15 16 16 Engineering... 2.3 Unified Modelling Language... 2.4 Internet... 2.4.1 Pengenalan Internet... 2.4.2 World Wide Web (WWW)... 2.4.3 Hypertext Transfer Protocol (HTTP)... 2.4.4 Uniform Resource Locators (URL)... 2.4.5 Hypertext Markup Language (HTML)... 2.4.6 Microsoft.Net... 2.4.6.1.Net Framework... 2.4.6.2 ASP.Net... 23 30 30 31 31 31 32 32 32 33 xi
BAB 3 ANALISA SISTEM... 3.1 Riwayat Organisasi... 3.1.1 Riwayat Universitas Bina Nusantara... 3.1.2 Latar Belakang Jurusan Sistem Informasi... 35 35 35 37 3.1.3 Riwayat Jurusan Sistem Informasi Universitas Bina Nusantara... 3.1.4 Visi, Misi, Sasaran dan Tujuan 3.1.4.1 Visi Program Studi.. 3.1.4.2 Misi Program Studi.. 3.1.4.3 Sasaran Program Studi. 3.1.4.4 Tujuan Program Studi.. 3.2 Struktur Organisasi... 3.2.1 Struktur Organisasi Universitas Bina Nusantara... 3.2.2 Struktur Organisasi Jurusan Sistem Informasi... 3.2.3 Personil dan Deksripsi Tugas... 3.3 Gambaran Sistem Berjalan... 3.4 Kuesioner... 3.4.1 Tujuan Pembuatan Kuesioner... 3.4.2 Hasil Analisa Kuesioner... 3.5 Kebutuhan Informasi... 3.6 Permasalahan... 3.7 Pemecahan Masalah... 37 39 39 39 40 40 41 41 42 43 51 52 52 53 60 61 61 xii
BAB 4 PERANCANGAN DAN IMPLEMENTASI SISTEM... 4.1 Model Aplikasi BeeSisfo CMS... 4.2 Requirement Elicitation... 4.2.1 Identifikasi Actor. 4.2.2 Use Case Scenario... 4.2.3 Use Case Diagram BeeSisfo CMS.. 4.2.4 Use Case Diagram Web Management. 4.2.5 Use Case Diagram User Management 4.3 Analysis 4.3.1 Class Diagram. 4.3.2 Sequence Diagram... 4.3.2.1 Sequence Diagram Login 4.3.2.2 Sequence Diagram Web Management. 4.3.2.3 Sequence Diagram User Management 4.3.2.4 Sequence Diagram Template Management. 4.3.2.5 Sequence Diagram Controlling Web Content. 4.3.3 Activity Diagram.. 4.4 System Design.. 62 62 64 64 66 67 70 74 77 77 78 78 79 80 81 82 83 84 4.4.1 Memetakan Subsistem ke dalam Processor dan Component... 4.4.2 Mendefinisikan Penyimpanan Data... 4.4.3 Mendefinisikan Kontrol Akses 84 85 85 xiii
4.5 Modul dari Aplikasi BeeSisfo CMS... 4.6 Implementation 4.6.1 Design Interface.. 4.6.2 Rencana Implementasi. 4.6.2.1 Kebutuhan Hardware.. 4.6.2.2 Kebutuhan Software 4.6.2.3 Jadwal Rencana Implementasi. 4.6.3 BeeSisfo User Guide... 4.6.3.1 User Guide Umum... 4.6.3.2 User Guide Dosen... 4.6.3.2.1 Halaman Design.... 4.6.3.2.2 Halaman Settings... 4.6.3.2.3 Halaman Template. 4.6.3.2.4 Halaman Preview... 4.6.3.2.5 Halaman Help 4.6.3.2.6 Menu Logout. 4.6.3.3 User Guide Admin... 4.6.3.4 User Guide Supervisor 4.7 Evaluasi dari BeeSisfo CMS... 86 88 88 94 94 95 96 96 97 99 99 127 131 133 133 134 134 138 140 xiv
BAB 5 SIMPULAN DAN SARAN... 5.1 Simpulan... 5.2 Saran... 141 141 142 DAFTAR PUSTAKA... RIWAYAT HIDUP... 143 146 LAMPIRAN-LAMPIRAN FOTOCOPY SURAT SURVEI xv
DAFTAR TABEL Tabel 2.1 Table 3.1 Table 4.1 Table 4.2 Table 4.3 Table 4.4 Table 4.5 Table 4.6 Table 4.7 Table 4.8 Table 4.9 Table 4.10 Table 4.11 Table 4.12 Tabel 4.13 Hubungan Antar Use Case... Hasil Analisa Kuesioner.. Use Case Scenario BeeSisfo CMS.. Spesifikasi dari Use Case Login.. Spesifikasi dari Use Case User Management. Spesifikasi dari Use Case Template Management. Spesifikasi dari Use Case Memilih Template. Spesifikasi dari Use Case Mengatur Format... Spesifikasi dari Use Case Mengatur Modul Spesifikasi dari Use Case Mengubah Isi Modul Spesifikasi dari Use Case Web Activation... Spesifikasi dari Use Case Monitoring User Spesifikasi dari Use Case Change Tracking... Spesifikasi dari Use Case Delete Content.. Jadwal Rencana Implementasi 18 54 66 68 69 69 70 71 72 73 74 75 75 76 96 xvi
DAFTAR GAMBAR Gambar 2.1 Gambar 2.2 Gambar 2.3 Gambar 2.4 Gambar 2.5 Gambar 2.6 Gambar 2.7 Gambar 2.8 Gambar 2.9 Model CMS. Arsitektur CMS... Pemetaan Subsistem dengan Deployment Diagram Class Diagram. Component Diagram... Notasi Deployment Diagram... Contoh Use case Diagram... Notasi Sequence Diagram... Notasi Collaboration Diagram 8 11 21 25 25 26 28 28 29 Gambar 2.10 Notasi Statechart Diagram.. Gambar 2.11 Notasi Activity Diagram.. 29 30 Gambar 3.1 Gambar 3.2 Gambar 3.3 Gambar 3.4 Gambar 3.5 Gambar 3.6 Struktur Organisasi Universitas Bina Nusantara. Struktur Organisasi Jurusan Sistem Informasi Universitas Bina Nusantara... Sistem berjalan dimana dosen belum dapat membangun situs web Sistem berjalan dimana dosen dapat membangun sebuah situs web.. Diagram persentase (%) dosen yang belum dan telah memiliki situs web pribadi.. Diagram persentase (%) keinginan dosen untuk memiliki situs web pribadi...... 41 42 51 51 56 57 xvii
xviii Gambar 3.7 Diagram persentase (%) kemampuan dosen yang belum memiliki situs web pribadi dalam membuat situs web... 57 Gambar 3.8 Diagram persentase (%) kepemilikan situs web pribadi dan kemampuan dosen dalam membangun situs web 58 Gambar 3.9 Grafik jumlah bahasa pemrograman dan tools yang dikuasai oleh dosen.... Gambar 3.10 Grafik jenis kendala yang dihadapi dalam membangun situs web. 58 59 Gambar 3.11 Diagram persentase (%) kebutuhan dosen akan aplikasi yang dapat membantu merancang dan mengelola content dari situs web Gambar 4.1 Gambar 4.2 Gambar 4.3 Gambar 4.4 Gambar 4.5 Gambar 4.6 Gambar 4.7 Gambar 4.8 Gambar 4.9 pribadinya... Model Aplikasi BeeSisfo CMS... Actor Use Case Diagram Dalam Aplikasi BeeSisfo CMS... Use Case Diagram Web Management.... Use Case Controlling Web Content Class Diagram. Sequence Diagram Login Sequence Diagram Web Management. Sequence Diagram User Management 59 62 65 68 70 74 77 78 79 80 Gambar 4.10 Sequence Diagram Template Management. Gambar 4.11 Sequence Diagram Controlling Web Content... Gambar 4.12 Activity Diagram. Gambar 4.13 Deployment Diagram.. 81 82 83 84
xix Gambar 4.14. Halaman Login Gambar 4.15. Halaman Design.. Gambar 4.16. Halaman Setting... Gambar 4.17. Halaman Pemilihan Template oleh dosen... Gambar 4.18. Halaman Pengaturan Template oleh Admin Gambar 4.19. Halaman User Management Gambar 4.20 Halaman Modul Change Report.. Gambar 4.21 Halaman Aktivasi User Baru... Gambar 4.22 Halaman Login Gambar 4.23 Pesan Kesalahan Login Gambar 4.24 Halaman Design.. Gambar 4.25 Jenis Modul. Gambar 4.26 Jenis Alignment Gambar 4.27 Pilihan Pane. Gambar 4.28 Peletakan Modul.. Gambar 4.29 Struktur umum modul.. Gambar 4.30 Pengaturan Modul... Gambar 4.31 Halaman Edit Profile... Gambar 4.32 Input Data Pendidikan. Gambar 4.33 Data Pendidikan... Gambar 4.34 Halaman Edit Pendidikan Gambar 4.35 Input Data Pengalaman Gambar 4.36 Input Data Sertifikasi... 88 89 90 91 91 92 93 93 97 98 99 100 101 101 102 102 103 106 107 107 107 108 108
xx Gambar 4.37 Data Pengalaman. Gambar 4.38 Data Sertifikasi Gambar 4.39 Halaman Edit Pengalaman.. Gambar 4.40 Input Data Lain-lain Gambar 4.41 Halaman Edit Lain-lain... Gambar 4.42 Tampilan Modul Profile Gambar 4.43 Halaman Edit Portfolio Gambar 4.44 Upload file mengenai Portfolio... Gambar 4.45 Setting Portfolio... Gambar 4.46 Modul Portfolio... Gambar 4.47 Halaman Isi Guest Book.. Gambar 4.48 Setting Guest Book.. 108 108 109 109 110 110 111 111 112 112 113 113 Gambar 4.49 Modul GuestBook... 114 Gambar 4.50 Halaman Edit Information Media... Gambar 4.51 Setting Modul Information Media... Gambar 4.52 Halaman Edit Schedule Gambar 4.53 Pilihan Tipe Schedule.. Gambar 4.54 Setting Link.. Gambar 4.55 Modul Schedule... Gambar 4.56 Halaman Add Thread... Gambar 4.57 Halaman Edit Thread.. Gambar 4.58 Halaman View Thread. Gambar 4.59 Modul Discussion 114 115 115 116 116 117 117 118 118 118
xxi Gambar 4.60 Halaman Edit Link... Gambar 4.61 Setting Link.. Gambar 4.62 Modul Link.. Gambar 4.63 Halaman Setting RSS.. Gambar 4.64 Window Referensi RSS Gambar 4.65 Modul RSS Feeds Gambar 4.66 Halaman Pengisian Photo Album Gambar 4.67 Upload Foto Gambar 4.68 Halaman Setting Photo Album. Gambar 4.69 Halaman Edit Photo Album. Gambar 4.70 Modul Photo Album Gambar 4.71 Halaman Edit Yahoo! Messenger Status. Gambar 4.72 Halaman setting Yahoo! Messenger Status. 119 119 120 120 121 122 122 123 123 124 125 125 126 Gambar 4.73 Modul Yahoo! Messenger Status... 126 Gambar 4.74 Menu pada Halaman Design... Gambar 4.75 Halaman Settings. Gambar 4.76 Title Halaman Web.. Gambar 4.77 Window Choose File Gambar 4.78 Penggunaan Header Image. Gambar 4.79 Pengaturan Font... Gambar 4.80 Halaman Pilih Template.. Gambar 4.81 Halaman Setting Template... Gambar 4.82 Preview Halaman Web 127 128 128 129 129 130 131 132 133
xxii Gambar 4.83 Halaman Add User.. Gambar 4.84 Halaman Edit/Delete User... Gambar 4.85 Halaman Edit Admin... Gambar 4.86 Halaman Reset Password Gambar 4.87 Halaman Template Management. Gambar 4.88 Halaman Edit Template... Gambar 4.89 Modul Change Report. Gambar 4.90 Web Activation Report. Gambar 4.91 User Monitoring Report... 134 135 135 136 136 137 139 139 140
DAFTAR LAMPIRAN Lampiran 1. Lampiran 2. Gambar 1. Gambar 2. Gambar 3. Gambar 4. Gambar 5. Gambar 6. Gambar 7. Gambar 8. Gambar 9. Gambar 10. Gambar 11. Gambar 12. Gambar 13. Gambar 14. Gambar 15. Gambar 16. Gambar 17. Gambar 18. Gambar 19. Kuesioner Database Diagram BeeSisfo CMS Halaman Login Halaman Design Add Modul Halaman Settings Halaman Pilih Template untuk Dosen Halaman Preview Template Dosen dan Admin Halaman Setting untuk Modul Profile Halaman Edit Profile Halaman Edit Portfolio Halaman Setting untuk Modul Guest Book Halaman Add untuk Modul Guest Book Halaman Edit Modul Information Media Halaman Edit Modul Schedule Halaman Add untuk Modul Discussion Halaman Edit Modul Discussion Halaman Reply Discussion Halaman Edit untuk Modul Link Halaman Edit untuk Modul RSS Feeds Halaman Edit untuk Modul Photo Album L1 L2 L3 L4 L5 L6 L7 L8 L9 L10 L11 L12 L13 L14 L15 L16 L17 L18 L19 L20 L21 xxiii
xxiv Gambar 20. Gambar 21. Gambar 22. Gambar 23. Gambar 24. Gambar 25. Gambar 26. Halaman Edit untuk Modul Yahoo Messenger Status Halaman Preview Web Halaman Modul Change Report Halaman Web Activation Report Halaman User Monitoring Report Halaman User Management Halaman Template Management L22 L23 L24 L25 L26 L27 L28