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