iv
(Studi kasus: Kelompok Mata Kuliah IS Development Jurusan Sistem Informasi Universitas Bina Nusantara)
Elisabeth Stephanie 0600660031
Rita Octaviani 0600672353
Linda Yanuar Tandjung 0600672574
Abstrak
Kemajuan teknologi memberikan paradigma baru dalam melakukan komunikasi dan pertukaran data. Salah satu teknologi yang digunakan untuk menyebarkan informasi tersebut adalah dengan mempergunakan Website, dimana pertukaran informasi tersebut dapat dilakukan dengan lebih cepat dan praktis.
Namun pertukaran Informasi yang sangat cepat tersebut seringkali malahan memberikan dampak buruk bagi perusahaan dan tidak dapat mempergunakan informasi tersebut secara optimal karena informasi yang ditangani sangat banyak dan dituntut waktu yang cepat sehingga menjadi sangat kompleks, melibatkan banyak pihak, prosedur, waktu, tenagadan juga keuntungan.
Untuk itu diperlukan Content Management System yang dapat mengatur informasi tersebut sehingga dapat dimanfaatkan secara optimal. CMS adalah sebuah tools yang memudahkan perusahaan untuk mengatur informasi yang dimilikinya yang biasa disebut dengan Content.
Metodologi yang dipergunakan adalah dengan terlebih dahulu mengumpulkan data dari sumber yang terkait, kemudian mempelajari konsep melalui kepustakaan dan kemudian mengembangkan CMS dengan mempergunakan metode Rational Unified Process.
Hasil dari penelitian ini merupakan sebuah tools yang dapat membantu Bidang ilmu dalam pengelolaan Content yang dimilikinya dalam penyebaran Content ke seluruh orang yang membutuhkan.
Kata Kunci
PRAKATA
Dengan mengucapkan puji dan syukur kepada Tuhan Yang Maha Esa atas segala berkat karunia dan rahmat yang dilimpahkan-Nya, akhirnya penulis dapat menyelesaikan Skripsi ini sebagai salah satu syarat Kelengkapan studi Jurusan Sistem Informasi Jenjang Pendidikan Strata-1 di Universitas Bina Nusantara.
Perjuangan dan usaha penulis selama menjadi mahasiswa Universitas Bina Nusantara Jurusan Sistem Informasi akhirnya terselesaikan dengan selesainya penelitian ini.
Dalam penyusunan Skripsi ini, penulis telah banyak memperoleh bantuan, dorongan, semangat dan dukungan dari berbagai pihak baik secara langsung maupun tidak langsung sehingga penulis dapat menyelesaikannya dengan baik. Untuk itu, penghargaan yang tinggi kami berikan kepada Alm. Ibu Dr. Th. Widia Soerjaningsih, selaku Pemilik Universitas Bina Nusantara, Bapak Prof. Dr. Gerardus Polla, M.App.Sc., selaku Rektor Universitas Bina Nusantara dan terlebih kepada Bapak Siswono, S.Kom, MM., selaku Ketua Jurusan Sistem Informasi dan juga sebagai pembimbing skripsi kami yang telah memberikan bimbingan, dorongan, informasi, petunjuk, nasehat serta motivasi yang bermanfaat dalam penyusunan Skripsi ini.
Selain itu, penulis juga hendak mengucapkan terima kasih dan penghargaan yang sebesar – besarnya kepada yang terhormat :
vi
2. Bapak Ir. Sablin Yusuf, M.Sc., M.Comp.Sc., selaku Dekan Fakultas Ilmu Komputer
3. Bapak Johan, S.Kom, MM., selaku Sekretaris Jurusan Sistem Informasi.
4. Bapak Suparto Darudianto, S.Kom., MM, selaku KBI IS Development yang selalu dapat menyediakan waktu dan informasi yang kami butuhkan.
5. Bapak dan Ibu serta rekan – rekan Asisten di UPT Akuntansi dan Lab Sisfo yang selalu memberikan bantuan, dorongan dan semangat kepada penulis (Devyano, Hendry, Ibu Santi, Ibu Yanti, Yohanes, Kak Imas, Kak Vini, Ratna, Pak Made, Kak Diana dan Ibu Liana).
6. Seluruh dosen Universitas Bina Nusantara yang telah memberikan bekal ilmu bagi penulis selama ini dan yang telah membantu penulis selama penulisan Skripsi ini.
7. Sandi, Ervin, Lily, Helen, Fredy, Gui, Yukenny, Agus, Effendy, Herry Halim, Rusly, dan semua Teman – teman penulis yang tidak dapat disebutkan satu persatu yang telah memberikan dukungan, dorongan, saran dan bantuannya. 8. Semua pihak yang telah banyak membantu penyusunan skripsi ini baik secara
langsung maupun tidak langsung yang mungkin terlewatkan dan tidak dapat disebutkan satu persatu.
Penulis menyadari masih banyak kekurangan dan kesalahan dalam Skripsi ini karena keterbatasan waktu, sumber, pengetahuan dan pengalaman dari penulis. Namun, penulis telah memberikan yang terbaik sesuai dengan kemampuan yang dimiliki.
Akhir kata, penulis mengucapkan banyak terima kasih dan mohon maaf jika terdapat kesalahan yang disengaja maupun tidak disengaja. Semoga Skripsi ini dapat memberikan manfaat bagi pembaca.
Jakarta, Januari 2006
Team
viii DAFTAR ISI
Halaman Judul Luar i
Halaman Judul Dalam ii
Halaman Persetujuan Soft Cover iii
Abstrak iv
Prakata v
Daftar Isi viii
Daftar Tabel xiii
Daftar Gambar xv Daftar Lampiran xxiii
BAB 1 PENDAHULUAN 1
1.1 Latar Belakang 1
1.2 Ruang Lingkup 3
1.3 Tujuan dan Manfaat 4
1.4 Metodologi 5
1.5 Sistematika Penulisan 6
BAB 2 LANDASAN TEORI 8
2.1. Content 8
2.1.1. Pengertian 8
2.1.2. Kualifikasi 9
2.3. Pengertian CMS (Content Management System) 11
2.4. Keuntungan menggunakan CMS 12
2.5. Tipe-tipe CMS 13
2.6. Fitur-fitur Content Management System (CMS) 14
2.7. User dari Content Management System 15
2.8. Pengertian Web Content Management System 17
2.9. Arsitektur, Metode, Proses dan Tools 19
2.10. Rational Unified Process (RUP) 22
2.10.1.Fase 26
2.10.2.Discipline 33
2.11. WWW dan Internet 36
2.12. HTML (Hypertext Markup Language) 37
2.13. ASP (Active Server Page) 38
2.14. IMK 38
2.14.1.Pengertian IMK (Interaksi Manusia dan Komputer) 38
2.14.2.User Interface 39
2.14.3.Delapan Aturan Emas Perancangan User Interface 39
2.15. Siklus Hidup Sistem (System Development Life Cycle) 41
BAB 3 ANALISA DAN PERANCANGAN 49
3.1. Riwayat Organisasi 49
3.1.1. Riwayat Universitas Bina Nusantara 49
x
3.1.3. Visi, Misi, sasaran dan tujuan 52 3.2. Struktur Organisasi 54
3.2.1. Struktur organisasi Universitas Bina Nusantara 54 3.2.2. Struktur organisasi Jurusan Sistem
Informasi Universitas Bina Nusantara 56
3.6.1.7.2. Implementation Risk 76
3.6.2. Tahap Elaboration 77
3.6.2.1. Use-Case Model Survey 77
3.6.2.2. Deskripsi Use Case 85
3.6.2.3. Analysis Model 162
3.6.2.4. Design Model 194
BAB 4 RENCANA IMPLEMENTASI 4.1 Component Diagram 230
4.2 Deployment Diagram 231
4.3 Prototipe User Interface 232
4.3.1 Contoh User Interface untuk Fungsi Login 232
4.3.2 Contoh User Interface untuk Fungsi Pendaftaran 237
4.3.3 Contoh User Interface untuk Fungsi Maintain Category 237
4.3.4 Contoh User Interface untuk Fungsi Maintain Content 238
4.3.5 Contoh User Interface untuk Fungsi Maintain Comment 244
4.3.6 Contoh User Interface untuk Fungsi Maintain SystemUser 245
4.3.7 Contoh User Interface untuk Fungsi Maintain Event 247
xii
4.3.9 Contoh User Interface untuk Fungsi Maintain News 249 4.3.10 Contoh User Interface untuk Fungsi View News 250 4.3.11 Contoh User Interface untuk Fungsi Search 251
BAB 5 SIMPULAN DAN SARAN
5.1 Simpulan 253
5.2 Saran 254
DAFTAR PUSTAKA
xxiv
RIWAYAT HIDUP xxviii
LAMPIRAN
DAFTAR TABEL
1 Tabel 3.1 Feature List 74
2 Tabel 3.2 Deskripsi Use Case 83
xiv
DAFTAR GAMBAR
1 Gambar 2.1 Arsitektur, Metode, Proses dan Tools dalam Pengembangan Sistem
20
2 Gambar 2.2 Metode Waterfall terhadap Metode dan Resiko 23 3 Gambar 2.3 Life Cycle Rational Unified Process 25 4 Gambar 3.1 Struktur Organisasi Universitas Bina Nusantara 55 5 Gambar 3.2 Struktur Organisasi Jurusan Sistem Informasi UbiNus 56
6 Gambar 3.3 Business Use Case Model 67
7 Gambar 3.4 Activity Diagram Maintain Content – Publisher 68 8 Gambar 3.5 Activity Diagram Maintain Content – Dosen 69 9 Gambar 3.6 Activity Diagram Maintain Content – Mahasiswa 70 10 Gambar 3.7 Activity Diagram Maintain Content – Pakar Bisnis 71
11 Gambar 3.8 List Actor 77
12 Gambar 3.9 Hubungan antara Actor 78
13 Gambar 3.10 Use Case Model Survey 84
14 Gambar 3.11 Activity Diagram Login 87
15 Gambar 3.12 Activity Diagram Pendaftaran 90
16 Gambar 3.13 Activity Diagram Maintain Category 95 17 Gambar 3.14 Activity Diagram Menambah Category 96 18 Gambar 3.15 Activity Diagram Mengubah Nama Category 97 19 Gambar 3.16 Activity Diagram Menghapus Category 98 20 Gambar 3.17 Activity Diagram Maintain Content 111
xvi
46 Gambar 3.44 Activity Diagram Maintain News 154 47 Gambar 3.45 Activity Diagram Menambah News 154 48 Gambar 3.46 Activity Diagram Mengubah News 155 49 Gambar 3.47 Activity Diagram Meghapus News 155 50 Gambar 3.48 Activity Diagram View News 158 51 Gambar 3.49 Activity Diagram Search 160 52 Gambar 3.50 Class untuk Package Login 164 53 Gambar 3.51 Sequence Diagram untuk Login - Analysis 164 54 Gambar 3.52 Class untuk Package Pendaftaran 165 55 Gambar 3.53 Sequence Diagram untuk Pendaftaran – Analysis 166 56 Gambar 3.54 Class untuk Package Maintain Category 167 57 Gambar 3.55 Sequence Diagram untuk Maintain Category – Analysis 168 58 Gambar 3.56 Sequence Diagram untuk Add Category – Analysis 168 59 Gambar 3.57 Sequence Diagram untuk Edit Category - Analysis 169 60 Gambar 3.58 Sequence Diagram untuk Delete Category - Analysis 169
61 Gambar 3.59 Generalisasi Content 171
xviii
92 Gambar 3.90 Sequence Diagram untuk Edit News- Analysis 190 93 Gambar 3.91 Sequence Diagram untuk Delete News- Analysis 190 94 Gambar 3.92 Class untuk Package View News 191 95 Gambar 3.93 Sequence Diagram untuk View News- Analysis 192 96 Gambar 3.94 Class untuk PackageSearch 193 97 Gambar 3.95 Sequence Diagram untuk Search - Analysis 194 98 Gambar 3.96 Design Model Secara Umum 198 99 Gambar 3.97 Depedency Package pada Design Model 200 100 Gambar 3.98 Class Diagram Untuk Use Case Login 201 101 Gambar 3.99 Sequence Diagram Untuk Use Case Login – Design 202 102 Gambar 3.100 Class Diagram Untuk Use Case Pendaftaran 203 103 Gambar 3.101 Sequence Diagram Untuk Use Case Pendaftaran – Design 203 104 Gambar 3.102 Class Diagram Untuk Use Case Maintain Category 204 105 Gambar 3.103 Sequence Diagram Untuk Use Case Maintain Category –
Design
205
106 Gambar 3.104 Sequence Diagram Untuk Use Case Add Category – Design 205 107 Gambar 3.105 Sequence Diagram Untuk Use Case Edit Category – Design 206 108 Gambar 3.106 Sequence Diagram Untuk Use Case Delete Category– Design 206 109 Gambar 3.107 Class Diagram Untuk Use Case Maintain Content 207 110 Gambar 3.108 Sequence Diagram Untuk Use Case Maintain Content –
Design
208
xx
113 Gambar 3.111 Sequence Diagram Untuk Use Case View Content – Design 209 114 Gambar 3.112 Sequence Diagram Untuk Use Case Save Content– Design 210 115 Gambar 3.113 Sequence Diagram Untuk Use Case Print Content– Design 210 116 Gambar 3.114 Sequence Diagram Untuk Use Case Send to Friends – Design 211 117 Gambar 3.115 Sequence Diagram Untuk Use Case Approve/Reject Content–
Design
211
118 Gambar 3.116 Sequence Diagram Untuk Use Case Arsip Content– Design 212 119 Gambar 3.117 Class Diagram Untuk Use Case MaintainComment 213 120 Gambar 3.118 Sequence Diagram Untuk Use Case Maintain Comment –
Design
214
121 Gambar 3.119 Sequence Diagram Untuk Use Case Add Comment – Design 214 122 Gambar 3.120 Sequence Diagram Untuk Use Case Edit Comment – Design 215 123 Gambar 3.121 Sequence Diagram Untuk Use Case Delete Comment – Design 215 124 Gambar 3.122 Class Diagram Untuk Use Case Maintain Sistem User 216 125 Gambar 3.123 Sequence Diagram Untuk Use Case Maintain Sistem User–
Design
217
126 Gambar 3.124 Sequence Diagram Untuk Use Case Add Sistem User– Design 217 127 Gambar 3.125 Sequence Diagram Untuk Use Case Edit Sistem User– Design 218 128 Gambar 3.126 Sequence Diagram Untuk Use Case Delete Sistem User–
Design
218
132 Gambar 3.130 Sequence Diagram Untuk Use Case Edit Event– Design 221 133 Gambar 3.131 Sequence Diagram Untuk Use Case Delete Event– Design 221 134 Gambar 3.132 Class Diagram Untuk Use Case View Event 222 135 Gambar 3.133 Sequence Diagram Untuk Use Case View Event – Design 223 136 Gambar 3.134 Class Diagram Untuk Use Case Maintain News 224 137 Gambar 3.135 Sequence Diagram Untuk Use Case Maintain News – Design 224 138 Gambar 3.136 Sequence Diagram Untuk Use Case Add News – Design 225 139 Gambar 3.137 Sequence Diagram Untuk Use Case Edit News – Design 225 140 Gambar 3.138 Sequence Diagram Untuk Use Case Delete News – Design 226 141 Gambar 3.139 Class Diagram Untuk Use Case View News 227 142 Gambar 3.140 Sequence Diagram Untuk Use Case View News – Design 227 143 Gambar 3.141 Class Diagram Untuk Use Case Search 228 144 Gambar 3.142 Sequence Diagram Untuk Use Case Search – Design 229
145 Gambar 4.1 Component Diagram 231
146 Gambar 4.2 Deployment Diagram 232
xxii
155 Gambar 4.11 Contoh Tampilan Layar untuk Fungsi View Content – Link 241 156 Gambar 4.12 Contoh Tampilan Layar untuk Fungsi Add Content – Article 242 157 Gambar 4.13 Contoh Tampilan Layar untuk Fungsi Add Content – Link 243 158 Gambar 4.14 Contoh Tampilan Layar untuk Fungsi Add Content–Other
Format
244
159 Gambar 4.15 Contoh Tampilan Layar untuk Fungsi Maintain Comment 245 160 Gambar 4.16 Contoh Tampilan Layar untuk Fungsi Maintain Sistem User 246 161 Gambar 4.17 Contoh Tampilan Layar untuk Fungsi Add Sistem User 247 162 Gambar 4.18 Contoh Tampilan Layar untuk Fungsi Maintain Event 248 163 Gambar 4.18 Contoh Tampilan Layar untuk Fungsi View Event 249 164 Gambar 4.20 Contoh Tampilan Layar untuk Fungsi Maintain News 250 165 Gambar 4.21 Contoh Tampilan Layar untuk Fungsi View News 251 166 Gambar 4.22 Contoh Tampilan Layar untuk Fungsi Search 252
167 Gambar L1.1. Use Case Diagram L2
168 Gambar L1.2.Contoh Class L3
169 Gambar L1.3. Class Diagram L3
170 Gambar L1.4. Sequence Diagram L4
DAFTAR LAMPIRAN