iv
UNIVERSITAS BINA NUSANTARA Jurusan Teknik Informatika
Skripsi Sarjana Komputer Semester Genap 2006/2007
ANALISIS DAN PERANCANGAN APLIKASI RSS AGGREGATOR
BERBASIS WEB 2.0
Budiyono Salim 0700682393 Gunawan Wibisono 0700706134 Sebastian Aldo 0700725240
Abstrak
Tujuan dari penulisan skripsi ini adalah menganalisis masalah-masalah yang dihadapi oleh pengguna Internet Indonesia terhadap kebutuhan akan berita sehingga menghasilkan sebuah aplikasi RSS Aggregator dengan teknologi berbasis Web 2.0. agar dapat digunakan oleh pengguna Internet sebagai salah satu aplikasi penampung konten, artikel, atau berita dari sumber penyedia RSS seperti situs web berita atau sejenisnya secara efisien dalam hal biaya dan waktu, dan juga lebih personal bagi pengguna aplikasi. Metode penelitian yang digunakan antara lain metode analisis, studi kepustakaan, dan perancangan. Hasil yang dicapai adalah tersedianya sebuah aplikasi berbasis web yang yang efisien, hemat waktu dan biaya, serta terfokus pada pengguna dalam hal customization. Kesimpulannya, secara keseluruhan aplikasi ini mampu menjawab kebutuhan pengguna Internet akan kebutuhan berita yang beragam.
Kata kunci :
KATA PENGANTAR
Segala hormat, puji dan syukur kepada Tuhan Yang Maha Esa atas dan bantuan-Nya kepada penulis, sehingga dapat menyelesaikan penulisan dan penelitian skripsi yang berjudul “ANALISIS DAN PERANCANGAN APLIKASI RSS AGGREGATOR BERBASIS WEB 2.0” sebagai syarat menyelesaikan jenjang studi Strata-1 di Univesitas Bina Nusantara, Jakarta.
Dalam menyusun skripsi ini, banyak mendapat dukungan dari berbagai pihak. Oleh karena itu, pada kesempatan ini tim penulis ingin menyampaikan terima kasih yang sebesar-besarnya kepada :
1. Bapak Prof. Dr. Gerardus Polis, M.App.Sc., selaku rektor Universitas Bina Nusantara, Jakarta.
2. Bapak Ir. Sablin Yusuf, M.Sc., M.comp.Sc., selaku Dekan Fakultas Ilmu Komputer Universitas Bina Nusantara.
3. Bapak H.M. Subekti, BE, M.Sc., selaku Kepala Jurusan Teknik Informatika Universitas Bina Nusantara.
4. Bapak Fendy, S.Kom, MM selaku dosen pembimbing yang telah banyak memberikan bimbingan dalam penulisan skripsi dari awal hingga akhir. 5. Sanny Gaddafi S.Si, S.Kom, MM sebagai founder FUPEI.com yang telah
menyediakan wadah untuk analisis skripsi kami
vi
Penulis menyadari masih banyak kekurangan dalam skripsi ini, oleh karena itu, dengan kerendahan hati, penulis menerima semua kritik dan saran yang membangun. Akhir kata, penulis berharap semoga skripsi ini dapat bermanfaat bagi semua pihak yang memerlukan.
Jakarta, 22 Juni 2007
DAFTAR ISI
Halaman Judul Luar i
Halaman Judul Dalam ii
Halaman Persetujuan Hard cover iii
Halaman Pernyataan Dewan Penguji iv
Abstrak vii
Kata Pengantar viii
Daftar Isi x
Daftar Tabel xv
Daftar Gambar xix
BAB 1 PENDAHULUAN
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
2.1 Internet 7
2.1.1 Sejarah Internet 7
viii
2.2 Pengertian TCP/IP 10
2.3 World Wide Web (WWW) 12
2.4 Hypertext Transfer Protocol (HTTP) 13
2.5 WEB 2.0 14
2.6 AJAX 15
2.6.1 Prinsip-Prinsip AJAX 16
2.6.2 Perbandingan Aplikasi Web Tradisional dengan Aplikasi AJAX
2.8.2 Kelebihan-Kelebihan PHP 23
2.9 RSS 24
2.9.1 Sejarah RSS 24
2.9.2 Atom 25
2.10 Aggregator 26
2.11 OPML 26
2.12 Sistem Informasi 26
2.12.1 Pengertian Sistem 26
2.12.2 Pengertian Informasi 27
2.13 System Development Life Cycle (SDLC) 28
2.14 Metode Pengumpulan Data 31
2.15 Unified Modelling Language (UML) 32
2.15.1 Use Case Diagram 33
2.15.2 Activity Diagram 38
2.15.3 Class Diagram 39
2.15.4 Interaction Diagram 44
2.5.4.1 Sequence Diagram 49
2.16 Basisdata 49
2.16.1 Database Management System (DBMS) 50 2.16.2 Komponen Lingkungan Database Management System
(DBMS)
51
2.17 IMK (Interaksi Manusia dan Komputer) 53
BAB 3 ANALISIS DAN PERANCANGAN SISTEM
3.1 Analisis Permasalahan 54
3.2 Permasalahan-Permasalahan Yang Dihadapi 55
3.3 Usulan Pemecahan Masalah 56
3.4 Analisis dan Perancangan Aplikasi RSS Aggregator 70
3.4.1 Use Case Diagram 70
3.4.2 Class Diagram 71
3.4.3 Behaviour Diagram 72
x
3.4.3.2 State Machine Diagram 85
3.4.3.3 Use Case Diagram 92
3.4.3.4 Sequence Diagram 93
3.4.4 Perancangan Basis Data 107
3.5 Rancangan Layar 117
3.5.1 Rancangan Layar Sebelum Login 117 3.5.2 Rancangan Layar Daftar/Simpan Halaman 118 3.5.3 Rancangan Layar Tambah Konten 119 3.5.4 Rancangan Layar Preview RSS 120
3.5.5 Rancangan Layar Cari Modul 121
3.5.6 Rancangan Layar Layar Opsi 122
3.5.7 Rancangan Layar Tanpa Kontrol pada Modul 123
3.5.8 Rancangan Layar Login 124
3.5.19 Rancangan Layar Tambah Tab 135 3.5.20 Rancangan Layar Tentang Kami 136 3.5.21 Rancangan Layar Hubungi Kami 137 3.5.22 Rancangan Layar Kebijakan Privasi 138
3.5.23 Rancangan Layar Admin 139
3.5.24 Rancangan Layar Manajemen Modul 140 3.5.25 Rancangan Layar Ubah Modul 141 3.5.26 Rancangan Layar Cari Modul 142 3.5.27 Rancangan Layar Direktori 143 3.5.28 Rancangan Layar Ubah Direktori 144 3.5.29 Rancangan Layar Tambah Sub-direktori 145 3.5.30 Rancangan Layar Ubah Sub-direktori 146 3.5.31 Rancangan Layar Hapus Sub-direktori 147 3.5.32 Rancangan Layar Pindah Sub-direktori 148 3.5.33 Rancangan Layar Manajemen Pengguna 149 3.5.34 Rancangan Layar Tambah Pengguna 150 3.5.35 Rancangan Layar Ubah Pengguna 151 3.5.36 Rancangan Layar Cari Pengguna 152
3.5.37 Rancangan Layar Manajemen Tab 153
xii
BAB 4 IMPLEMENTASI DAN EVALUASI
4.1 Spesifikasi Sistem 158
4.1.1 Spesifikasi Server 158
4.1.2 Spesifikasi Client 158
4.2 Prosedur Operasional Aplikasi 159
4.2.1 Panduan Penggunaan untuk Pengguna 159 4.2.2 Panduan Penggunaan untuk Administrator 186
4.3 Rencana Implementasi 203
4.4 Evaluasi / Analisis Hasil Percobaan 207 4.4.1 Evaluasi Perbandingan File 207 4.4.2 Evaluasi Terhadap Penggunaan Melalui Kuesioner 209 4.4.3 Evaluasi Terhadap Teori IMK 214 BAB 5 KESIMPULAN DAN SARAN
5.1 Kesimpulan 216
5.2 Saran 216
Daftar Pustaka 217
DAFTAR TABEL
Tabel 3.1 Daftar Pertanyaan dan Tujuan Pertanyaan Kuesioner 56
Tabel 3.2 Tabel ms_user 108
Tabel 3.3 Tabel ms_admin 108
Tabel 3.4 Tabel profile_user 109
Tabel 3.5 Tabel profile_detail_rss 109
Tabel 3.6 Tabel profile_detail_notes 110
Tabel 3.7 Tabel profile_detail_pages 111
Tabel 3.8 Tabel profile_detail_bookmark 111
Tabel 3.9 Tabel ms_rss 112
Tabel 3.10 Tabel ms_notes 113
Tabel 3.11 Tabel ms_pages 113
Tabel 3.12 Tabel ms_bookmark 113
Tabel 3.13 Tabel sys_config_default_rss 114
Tabel 3.14 Tabel sys_config_default_pages 114
Tabel 3.15 Tabel sys_default_general 115
Tabel 4.1 Hasil Kuesioner Pertanyaan 1 209
Tabel 4.2 Hasil Kuesioner Pertanyaan 2 209
Tabel 4.3 Hasil Kuesioner Pertanyaan 3 210
Tabel 4.4 Hasil Kuesioner Pertanyaan 4 210
Tabel 4.5 Hasil Kuesioner Pertanyaan 5 210
xiv
Tabel 4.7 Hasil Kuesioner Pertanyaan 7 211
Tabel 4.8 Hasil Kuesioner Pertanyaan 8 211
Tabel 4.9 Hasil Kuesioner Pertanyaan 9 211
Tabel 4.10 Hasil Kuesioner Pertanyaan 10 211
Tabel 4.11 Hasil Kuesioner Pertanyaan 11 212
Tabel 4.12 Hasil Kuesioner Pertanyaan 12 212
Tabel 4.13 Hasil Kuesioner Pertanyaan 13 212
Tabel 4.14 Hasil Kuesioner Pertanyaan 14 212
Tabel 4.15 Hasil Kuesioner Pertanyaan 15 212
Tabel 4.16 Hasil Kuesioner Pertanyaan 16 213
Tabel 4.17 Hasil Kuesioner Pertanyaan 17 213
Tabel 4.18 Hasil Kuesioner Pertanyaan 18 213
DAFTAR GAMBAR
Gambar 2.1 Konsep Pelayanan Internet 8
Gambar 2.2 Paket-paket protokol yang ada pada jaringan TCP/IP 10 Gambar 2.3 Perbandingan Model Aplikasi Web Tradisional (kiri) dengan
Aplikasi AJAX(kanan)
18
Gambar 2.4 Perbandingan model interaksi synchronous aplikasi web tradisional(atas) dengan model asynchrounous aplikasi AJAX(bawah)
19
Gambar 2.5 System Development Life Cycle 28
Gambar 2.6 Contoh Aktor 35
Gambar 2.7 Contoh Notasi Communicate Association 35 Gambar 2.8 Contoh Notasi Include Relationship 36 Gambar 2.9 Contoh Notasi Extend Relationship 36 Gambar 2.10 Contoh Notasi Actor Generalization 37 Gambar 2.11 Contoh Notasi Use Case Generalization 37
Gambar 2.12 Contoh Use CaseDiagram 38
Gambar 2.13 Contoh Activity Diagram 39
Gambar 2.14 Contoh Class 40
Gambar 2.15 Contoh Multiplicity 41
Gambar 2.16 Contoh Association dan Role 42
Gambar 2.17 Navigability 42
xvi
Gambar 2.19 Contoh Class Diagram 44
Gambar 2.20 Contoh Object pada Sequence Diagram 45
Gambar 2.21 Contoh Boundary Object 45
Gambar 2.22 Contoh Entity Object 45
Gambar 2.23 Contoh Control Object 46
Gambar 2.24 Contoh Focus Of Control pada Sequence Diagram 47 Gambar 2.25 Contoh Condition pada Sequence Diagram 47 Gambar 2.26 Contoh Self-Call pada Sequence Diagram 48 Gambar 2.27 Contoh Return pada Sequence Diagram 48
Gambar 2.19 Contoh Sequence Diagram 49
Gambar 3.14 Diagram Pie Hasil Kuesioner Pertanyaan 13 68 Gambar 3.15 Diagram Pie Hasil Kuesioner Pertanyaan 14 69
Gambar 3.16 Class Diagram 70
Gambar 3.17 Activity Diagram untuk Login 71
xviii
Gambar 3.37 State Machine Diagram untuk Mengubah Modul Admin 87 Gambar 3.38 State Machine Diagram untuk Hapus Modul Admin 87 Gambar 3.39 State Machine Diagram untuk Tambah User Admin 87 Gambar 3.40 State Machine Diagram untuk Mengatur Konfigurasi Halaman
Admin
88
Gambar 3.41 State Machine Diagram untuk Mengubah Halaman Admin 88 Gambar 3.42 State Machine Diagram untuk Tambah Halaman User 88 Gambar 3.43 State Machine Diagram untuk Hapus Halaman User 89 Gambar 3.44 State Machine Diagram untuk Konfigurasi Halaman User 89 Gambar 3.45 State Machine Diagram untuk Mengatur Posisi Modul User 89 Gambar 3.46 State Machine Diagram untuk Menambahkan URL User 90 Gambar 3.47 State Machine Diagram untuk Tambah Modul User 90 Gambar 3.48 State Machine Diagram Modul RSS 90
Gambar 3.49 State Machine Diagram Modul 91
Gambar 3.50 State Machine Diagram Halaman 91
Gambar 3.51 State Machine Diagram 91
Gambar 3.52 Use Case Diagram 92
Gambar 3.59 Sequence Diagram untuk Tambah User Admin 98 Gambar 3.60 Sequence Diagram untuk Hapus Halaman Admin 99 Gambar 3.61 Sequence Diagram untuk Hapus Halaman Member 100 Gambar 3.62 Sequence Diagram untuk Add RSS Member 101 Gambar 3.63 Sequence Diagram untuk Edit Modul Member 102 Gambar 3.64 Sequence Diagram untuk Hapus Modul Member 103 Gambar 3.65 Sequence Diagram untuk Set Posisi Modul 104 Gambar 3.66 Sequence Diagram untuk Tambah Halaman Member 105 Gambar 3.67 Sequence Diagram untuk Tambah Modul Member 106 Gambar 3.68 Sequence Diagram untuk Ubah Halaman Member 107
Gambar 3.69 Diagram ERD Aplikasi 116
Gambar 3.70 Rancangan Layar Sebelum Login 117
Gambar 3.71 Rancangan Layar Daftar 118
Gambar 3.72 Rancangan Layar Tambah Konten 119
Gambar 3.73 Rancangan Layar Preview RSS 120
Gambar 3.74 Rancangan Layar Cari Modul 121
Gambar 3.75 Rancangan Layar Opsi 122
Gambar 3.76 Rancangan Layar tanpa Kontrol pada Modul 123
Gambar 3.77 Rancangan Layar Login 124
Gambar 3.78 Rancangan Layar Lupa Kata Sandi 125
Gambar 3.79 Rancangan Layar Detil Artikel 126
Gambar 3.80 Rancangan Layar Situs di dalam Pembaca Internal 127
xx
Gambar 3.82 Rancangan Layar Hapus Halaman 129 Gambar 3.83 Rancangan Layar Customize Modul 130 Gambar 3.84 Rancangan Layar Edit Catatan 131 Gambar 3.85 Rancangan Layar Tambah Bookmark 132
Gambar 3.86 Rancangan Layar Ubah Profil 133
Gambar 3.87 Rancangan Layar Penjelasan RSS 134 Gambar 3.88 Rancangan Layar Tambah Tab 135
Gambar 3.89 Rancangan Layar Temtamg Kami 136
Gambar 3.90 Rancangan Layar Hubungi Kami 137
Gambar 3.91 Rancangan Layar Kebijakan Privasi 138
Gambar 3.92 Rancangan Layar Admin 139
Gambar 3.93 Rancangan Layar Manajemen Modul 140
Gambar 3.94 Rancangan Layar Ubah Modul 141
Gambar 3.95 Rancangan Layar Cari Modul 142
Gambar 3.96 Rancangan Layar Direktori 143
Gambar 3.105 Rancangan Layar Cari Pengguna 152 Gambar 3.106 Rancangan Layar Manajemen Tab 153
Gambar 3.107 Rancangan Layar Tambah Tab 154
Gambar 3.108 Rancangan Layar Ubah Tab 155
Gambar 3.109 Rancangan Layar Hapus Tab 156
Gambar 3.110 Rancangan Layar Konfigurasi 157
Gambar 4.1 Halaman Awal 159
Gambar 4.2 Panduan Penggunaan Aplikasi 160
Gambar 4.3 Halaman Internasional 161
Gambar 4.4 Halaman Penjelasan RSS 162
Gambar 4.5 Form Simpan Halaman dan Registrasi Member 163
Gambar 4.6 Validasi Pendaftaran 163
Gambar 4.7 Jendela Modul RSS 164
Gambar 4.8 Modul Catatan 165
Gambar 4.9 Jendela Catatan Setelah di-Klik 165
Gambar 4.10 Modul Bookmark 166
Gambar 4.11 Modul Bookmark Setelah Di-klik 166 Gambar 4.12 Setelah Penambahan Bookmark Baru 166
Gambar 4.13 Menghapus Bookmark 167
Gambar 4.14 Pindah Modul 168
Gambar 4.15 Menu Konfigurasi pada Bar Modul 169
Gambar 4.16 Warna pada Bar Modul 169
xxii
Gambar 4.18 Refresh Modul 170
Gambar 4.19 Minimize Modul 171
Gambar 4.20 Tutup Modul 171
Gambar 4.21 Menu Opsi di Bagian Kanan Atas Halaman 172
Gambar 4.22 Form Opsi 172
Gambar 4.23 Halaman Tanpa Kontrol 173
Gambar 4.24 Form Login 174
Gambar 4.25 Pesan Kesalahan Login 174
Gambar 4.26 Nama Profil Anggota 175
Gambar 4.27 Form Ubah Profil 175
Gambar 4.28 Lupa Kata Sandi 176
Gambar 4.29 Menu Tambah Halaman Baru 176
Gambar 4.30 Ubah Nama Halaman 177
Gambar 4.31 Form Tambah Konten 178
Gambar 4.32 Konfirmasi Penambahan Modul 178
Gambar 4.33 Daftar Modul yang Sudah Ada 179
Gambar 4.34 Form Ekpor dan Impor OPML 180
Gambar 4.35 RSS Internal Reader 181
Gambar 4.36 Daftar Sumber RSS 181
Gambar 4.41 Halaman Kebijakan Privasi 185
Gambar 4.42 Form Login 186
Gambar 4.43 Pesan Kesalahan Login 186
Gambar 4.44 Halaman Depan Admin 187
Gambar 4.45 Halaman Konfigurasi Modul 189
Gambar 4.46 Pencarian Modul 190
Gambar 4.47 Ubah Konfigurasi Modul 191
Gambar 4.48 Direktori Modul 192
Gambar 4.49 Ubah/Tambah Direktori 193
Gambar 4.50 Hapus Direktori 193
Gambar 4.51 Tambah Sub-Direktori 194
Gambar 4.52 Manajemen Pengguna 195
Gambar 4.53 Pencarian pengguna 195
Gambar 4.54 Form Tambah Pengguna 196
Gambar 4.55 Ubah Detil Pengguna 197
Gambar 4.56 Hapus pengguna 197
Gambar 4.57 Halaman Konfigurasi Tab 198
Gambar 4.58 Menu Tambah Tab 199
Gambar 4.59 Form Tambah Tab 199
Gambar 4.60 Menu Ubah Tab 200
Gambar 4.61 Form Ubah Tab 200
xxiv
Gambar 4.64 Proses Instalasi Layar Pertama 203
Gambar 4.65 Pilih Direktori instalasi 204
Gambar 4.66 Mengatur Opsi 204
Gambar 4.67 Proses Instalasi Berjalan 205
Gambar 4.68 Selesai Proses Instalasi 205
Gambar 4.69 Impor SQL 206
Gambar 4.70 Pilih File SQL 207
Gambar 4.71 Diagram Batang Perbandingan Total Ukuran File 208
