Universitas Bina Nusantara. Jurusan Sistem Informasi. Skripsi Sarjana Komputer. Semester Ganjil 2005 / 2006

Transkripsi

1 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 ( ) Melia Inggriany ( ) Rika Muliani Himawan ( ) 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

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

3 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

4 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 Latar Belakang Ruang Lingkup Tujuan dan Manfaat Metodologi Sistematika Penulisan BAB 2 LANDASAN TEORI Content Management System Pengertian Content x

5 2.1.2 Pengertian Content Management Content Management System Manfaat Menggunakan CMS Arsitektur CMS CMS Building Block Content Management Framework Object Oriented Software Engineering Pengertian Software Engineering Pengertian Object Orientation Aktivitas pengembangan dalam Objet Oriented Software Engineering Unified Modelling Language Internet Pengenalan Internet World Wide Web (WWW) Hypertext Transfer Protocol (HTTP) Uniform Resource Locators (URL) Hypertext Markup Language (HTML) Microsoft.Net Net Framework ASP.Net xi

6 BAB 3 ANALISA SISTEM Riwayat Organisasi Riwayat Universitas Bina Nusantara Latar Belakang Jurusan Sistem Informasi Riwayat Jurusan Sistem Informasi Universitas Bina Nusantara Visi, Misi, Sasaran dan Tujuan Visi Program Studi Misi Program Studi Sasaran Program Studi Tujuan Program Studi Struktur Organisasi Struktur Organisasi Universitas Bina Nusantara Struktur Organisasi Jurusan Sistem Informasi Personil dan Deksripsi Tugas Gambaran Sistem Berjalan Kuesioner Tujuan Pembuatan Kuesioner Hasil Analisa Kuesioner Kebutuhan Informasi Permasalahan Pemecahan Masalah xii

7 BAB 4 PERANCANGAN DAN IMPLEMENTASI SISTEM Model Aplikasi BeeSisfo CMS Requirement Elicitation Identifikasi Actor Use Case Scenario Use Case Diagram BeeSisfo CMS Use Case Diagram Web Management Use Case Diagram User Management 4.3 Analysis Class Diagram Sequence Diagram Sequence Diagram Login Sequence Diagram Web Management Sequence Diagram User Management Sequence Diagram Template Management Sequence Diagram Controlling Web Content Activity Diagram System Design Memetakan Subsistem ke dalam Processor dan Component Mendefinisikan Penyimpanan Data Mendefinisikan Kontrol Akses xiii

8 4.5 Modul dari Aplikasi BeeSisfo CMS Implementation Design Interface Rencana Implementasi Kebutuhan Hardware Kebutuhan Software Jadwal Rencana Implementasi BeeSisfo User Guide User Guide Umum User Guide Dosen Halaman Design Halaman Settings Halaman Template Halaman Preview Halaman Help Menu Logout User Guide Admin User Guide Supervisor 4.7 Evaluasi dari BeeSisfo CMS xiv

9 BAB 5 SIMPULAN DAN SARAN Simpulan Saran DAFTAR PUSTAKA... RIWAYAT HIDUP LAMPIRAN-LAMPIRAN FOTOCOPY SURAT SURVEI xv

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

11 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 Gambar 2.10 Notasi Statechart Diagram.. Gambar 2.11 Notasi Activity Diagram 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 xvii

12 xviii Gambar 3.7 Diagram persentase (%) kemampuan dosen yang belum memiliki situs web pribadi dalam membuat situs web 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 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 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

13 xix Gambar Halaman Login Gambar Halaman Design.. Gambar Halaman Setting... Gambar Halaman Pemilihan Template oleh dosen... Gambar Halaman Pengaturan Template oleh Admin Gambar 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

14 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 Gambar 4.49 Modul GuestBook 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

15 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 Gambar 4.73 Modul Yahoo! Messenger Status 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

16 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

17 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

18 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