ANALISIS DAN PERANCANGAN APLIKASI RSS AGGREGATOR BERBASIS WEB 2.0
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 AbstrakTujuan 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 : RSS, Aggregator, web 2.0
KATA PENGANTAR
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
6. Orang tua dan saudara yang memberikan dukungan moral dan material.
7. Teman-teman yang telah memberikan dukungan, semangat, dan doa.
Penulis menyadari masih banyak kekurangan dalam skripsi ini, oleh karena itu, dengan kerendahan hati, penulis menerima semua kritik dan saran yang membangun. memerlukan.
Jakarta, 22 Juni 2007 Tim Penulis
DAFTAR ISI
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.2 Ruang Lingkup
3
1.3 Tujuan dan Manfaat
3
1
4
1.5 Sistematika Penulisan
5 BAB 2 LANDASAN TEORI
2.1 Internet
7
2.1.1 Sejarah Internet
7
2.1.2 Pengertian Internet
7
1.1 Latar Belakang
1.4 Metodologi
2.2 Pengertian TCP/IP
10
2.3 World Wide Web (WWW)
12
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
17 AJAX
2.7 XHTML
20
2.7.1 Perbedaan dengan HTML
20
2.7.2 Versi-Versi
XHTML
21
2.8 PHP
22
2.8.1 Sejarah PHP
22
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.12.3 Pengertian Sistem Informasi
27
2.13 System Development Life Cycle (SDLC)
28
2.14 Metode Pengumpulan Data
31
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
51
(DBMS)
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
3.4.3.1 Detail Activity Diagram
72
3.4.3.2 State Machine Diagram
3.5.8 Rancangan Layar Login 124
3.5.17 Rancangan Layar Ubah Profil 133
3.5.16 Rancangan Layar Tambah Bookmark 132
3.5.15 Rancangan Layar Edit Catatan 131
3.5.14 Rancangan Layar Customize Modul 130
3.5.13 Rancangan Layar Hapus Halaman 129
3.5.12 Rancangan Layar Setelah Login 128
3.5.11 Rancangan Layar Situs di dalam Pembaca Internal 127
3.5.10 Rancangan Layar Detil Artikel 126
3.5.9 Rancangan Layar Lupa Kata Sandi 125
3.5.7 Rancangan Layar Tanpa Kontrol pada Modul 123
85
3.5.6 Rancangan Layar Layar Opsi 122
3.5.5 Rancangan Layar Cari Modul 121
3.5.4 Rancangan Layar Preview RSS 120
3.5.3 Rancangan Layar Tambah Konten 119
3.5.2 Rancangan Layar Daftar/Simpan Halaman 118
3.5.1 Rancangan Layar Sebelum Login 117
3.5 Rancangan Layar 117
3.4.4 Perancangan Basis Data 107
92
3.4.3.3 Use Case Diagram
3.5.18 Rancangan Layar Penjelasan RSS 134
3.5.19 Rancangan Layar Tambah Tab 135
3.5.32 Rancangan Layar Pindah Sub-direktori 148
3.5.40 Rancangan Layar Hapus Tab 156
3.5.39 Rancangan Layar Ubah Tab 155
3.5.38 Rancangan Layar Tambah Tab 154
3.5.37 Rancangan Layar Manajemen Tab 153
3.5.36 Rancangan Layar Cari Pengguna 152
3.5.35 Rancangan Layar Ubah Pengguna 151
3.5.34 Rancangan Layar Tambah Pengguna 150
3.5.33 Rancangan Layar Manajemen Pengguna 149
3.5.31 Rancangan Layar Hapus Sub-direktori 147
3.5.20 Rancangan Layar Tentang Kami 136
3.5.30 Rancangan Layar Ubah Sub-direktori 146
3.5.29 Rancangan Layar Tambah Sub-direktori 145
3.5.28 Rancangan Layar Ubah Direktori 144
3.5.27 Rancangan Layar Direktori 143
3.5.26 Rancangan Layar Cari Modul 142
3.5.25 Rancangan Layar Ubah Modul 141
3.5.24 Rancangan Layar Manajemen Modul 140
3.5.23 Rancangan Layar Admin 139
3.5.22 Rancangan Layar Kebijakan Privasi 138
3.5.41 Rancangan Layar Konfigurasi 157
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
Riwayat Hidup 220
DAFTAR TABEL
113
Tabel 4.5 Hasil Kuesioner Pertanyaan 5 210Tabel 4.4 Hasil Kuesioner Pertanyaan 4 210Tabel 4.3 Hasil Kuesioner Pertanyaan 3 210Tabel 4.2 Hasil Kuesioner Pertanyaan 2 209Tabel 4.1 Hasil Kuesioner Pertanyaan 1 209115
Tabel 3.15 Tabel sys_default_generalTabel 3.14 Tabel sys_config_default_pages 114Tabel 3.13 Tabel sys_config_default_rss 114113
Tabel 3.12 Tabel ms_bookmark113
Tabel 3.11 Tabel ms_pagesTabel 3.10 Tabel ms_notesTabel 3.2 Tabel ms_user112
Tabel 3.9 Tabel ms_rssTabel 3.8 Tabel profile_detail_bookmark 111Tabel 3.7 Tabel profile_detail_pages 111110
Tabel 3.6 Tabel profile_detail_notes109
Tabel 3.5 Tabel profile_detail_rss109
Tabel 3.4 Tabel profile_user108
Tabel 3.3 Tabel ms_admin108
Tabel 4.6 Hasil Kuesioner Pertanyaan 6 210Tabel 4.7 Hasil Kuesioner Pertanyaan 7 211Tabel 4.8 Hasil Kuesioner Pertanyaan 8 211Tabel 4.10 Hasil Kuesioner Pertanyaan 10 211Tabel 4.11 Hasil Kuesioner Pertanyaan 11 212Tabel 4.12 Hasil Kuesioner Pertanyaan 12 212Tabel 4.13 Hasil Kuesioner Pertanyaan 13 212Tabel 4.14 Hasil Kuesioner Pertanyaan 14 212Tabel 4.15 Hasil Kuesioner Pertanyaan 15 212Tabel 4.16 Hasil Kuesioner Pertanyaan 16 213Tabel 4.17 Hasil Kuesioner Pertanyaan 17 213Tabel 4.18 Hasil Kuesioner Pertanyaan 18 213Tabel 4.19 Hasil Kuesioner Pertanyaan 19 213
DAFTAR GAMBAR
Gambar 2.11 Contoh Notasi Use Case Generalization 3742 Gambar 2.18 Generalization
Gambar 2.17 NavigabilityGambar 2.16 Contoh Association dan Role 42Gambar 2.15 Contoh Multiplicity 41Gambar 2.14 Contoh Class 40Gambar 2.13 Contoh Activity Diagram 39Gambar 2.12 Contoh Use Case Diagram 38Gambar 2.10 Contoh Notasi Actor Generalization 37Gambar 2.2 Paket-paket protokol yang ada pada jaringan TCP/IPGambar 2.9 Contoh Notasi Extend Relationship 36Gambar 2.8 Contoh Notasi Include Relationship 3635 Gambar 2.7 Contoh Notasi Communicate Association 35
28 Gambar 2.6 Contoh Aktor
19 Gambar 2.5 System Development Life Cycle
18 Gambar 2.4 Perbandingan model interaksi synchronous aplikasi web tradisional(atas) dengan model asynchrounous aplikasi AJAX(bawah)
10 Gambar 2.3 Perbandingan Model Aplikasi Web Tradisional (kiri) dengan Aplikasi AJAX(kanan)
43
Gambar 2.19 Contoh Class Diagram 4461 Gambar 3.4 Diagram Pie Hasil Kuesioner Pertanyaan 3
68 Gambar 3.13 Diagram Pie Hasil Kuesioner Pertanyaan 12
67 Gambar 3.12 Diagram Pie Hasil Kuesioner Pertanyaan 11
66 Gambar 3.11 Diagram Pie Hasil Kuesioner Pertanyaan 10
65 Gambar 3.10 Diagram Pie Hasil Kuesioner Pertanyaan 9
65 Gambar 3.9 Diagram Pie Hasil Kuesioner Pertanyaan 8
64 Gambar 3.8 Diagram Pie Hasil Kuesioner Pertanyaan 7
64 Gambar 3.7 Diagram Pie Hasil Kuesioner Pertanyaan 6
63 Gambar 3.6 Diagram Pie Hasil Kuesioner Pertanyaan 5
62 Gambar 3.5 Diagram Pie Hasil Kuesioner Pertanyaan 4
61 Gambar 3.3 Diagram Pie Hasil Kuesioner Pertanyaan 2
Gambar 2.20 Contoh Object pada Sequence Diagram 4556 Gambar 3.2 Diagram Pie Hasil Kuesioner Pertanyaan 1
Gambar 3.1 Demografi Koresponden Kuesioner pada FUPEI.COMGambar 2.19 Contoh Sequence Diagram 49Gambar 2.27 Contoh Return pada Sequence Diagram 48Gambar 2.26 Contoh Self-Call pada Sequence Diagram 48Gambar 2.25 Contoh Condition pada Sequence Diagram 47Gambar 2.24 Contoh Focus Of Control pada Sequence Diagram 47Gambar 2.23 Contoh Control Object 46Gambar 2.22 Contoh Entity Object 4568
Gambar 3.14 Diagram Pie Hasil Kuesioner Pertanyaan 1380 Gambar 3.27 Activity Diagram untuk Hapus Halaman
86 Gambar 3.36 State Machine Diagram untuk Persetujuan Modul Admin
86 Gambar 3.35 State Machine Diagram untuk Tambah URL Admin
85 Gambar 3.34 State Machine Diagram untuk Mengatur Posisi Modul Admin
85 Gambar 3.33 State Machine Diagram untuk Hapus Halaman Admin
85 Gambar 3.32 State Machine Diagram untuk Mengatur Halaman Admin
84 Gambar 3.31 State Machine Diagram untuk Ubah Halaman Admin
83 Gambar 3.30 Activity Diagram untuk Ubah Notes
82 Gambar 3.29 Activity Diagram untuk Tampilkan Notes
81 Gambar 3.28 Activity Diagram untuk untuk Tambah Notes
79 Gambar 3.26 Activity Diagram untuk Ubah Halaman
68 Gambar 3.15 Diagram Pie Hasil Kuesioner Pertanyaan 14
78 Gambar 3.25 Activity Diagram untuk Tampilkan Halaman
77 Gambar 3.24 Activity Diagram untuk untuk Tambah Halaman
Gambar 3.23 Activity Diagram untuk Ubah PosisiGambar 3.22 Activity Diagram untuk Hapus Account 76Gambar 3.21 Activity Diagram untuk Ubah Account 75Gambar 3.20 Activity Diagram untuk Tampilkan Account 74Gambar 3.19 Activity Diagram untuk Tambah Account 73Gambar 3.18 Activity Diagram untuk Logout 7269 Gambar 3.17 Activity Diagram untuk Login 71
86
Gambar 3.37 State Machine Diagram untuk Mengubah Modul Admin91 Gambar 3.50 State Machine Diagram Halaman
96 Gambar 3.58 Sequence Diagram untuk Setting Konfigurasi Admin
95 Gambar 3.57 Sequence Diagram untuk Posisi Modul Admin
94 Gambar 3.56 Sequence Diagram untuk Set Default Admin
94 Gambar 3.55 Sequence Diagram untuk Hapus Modul Admin
93 Gambar 3.54 Sequence Diagram untuk Add RSS Admin
92 Gambar 3.53 Sequence Diagram untuk Edit Modul Admin
91 Gambar 3.52 Use Case Diagram
91 Gambar 3.51 State Machine Diagram
90 Gambar 3.49 State Machine Diagram Modul
87 Gambar 3.38 State Machine Diagram untuk Hapus Modul Admin
90 Gambar 3.48 State Machine Diagram Modul RSS
90 Gambar 3.47 State Machine Diagram untuk Tambah Modul User
89 Gambar 3.46 State Machine Diagram untuk Menambahkan URL User
89 Gambar 3.45 State Machine Diagram untuk Mengatur Posisi Modul User
89 Gambar 3.44 State Machine Diagram untuk Konfigurasi Halaman User
88 Gambar 3.43 State Machine Diagram untuk Hapus Halaman User
88 Gambar 3.42 State Machine Diagram untuk Tambah Halaman User
88 Gambar 3.41 State Machine Diagram untuk Mengubah Halaman Admin
87 Gambar 3.40 State Machine Diagram untuk Mengatur Konfigurasi Halaman Admin
97
Gambar 3.59 Sequence Diagram untuk Tambah User AdminGambar 3.72 Rancangan Layar Tambah Konten 119Gambar 3.80 Rancangan Layar Situs di dalam Pembaca Internal 127Gambar 3.79 Rancangan Layar Detil Artikel 126Gambar 3.78 Rancangan Layar Lupa Kata Sandi 125124
Gambar 3.77 Rancangan Layar LoginGambar 3.76 Rancangan Layar tanpa Kontrol pada Modul 123122
Gambar 3.75 Rancangan Layar OpsiGambar 3.74 Rancangan Layar Cari Modul 121Gambar 3.73 Rancangan Layar Preview RSS 120118
98 Gambar 3.60 Sequence Diagram untuk Hapus Halaman Admin
Gambar 3.71 Rancangan Layar DaftarGambar 3.70 Rancangan Layar Sebelum Login 117116
Gambar 3.69 Diagram ERD AplikasiGambar 3.68 Sequence Diagram untuk Ubah Halaman Member 107Gambar 3.67 Sequence Diagram untuk Tambah Modul Member 106Gambar 3.66 Sequence Diagram untuk Tambah Halaman Member 105Gambar 3.65 Sequence Diagram untuk Set Posisi Modul 104Gambar 3.64 Sequence Diagram untuk Hapus Modul Member 103Gambar 3.63 Sequence Diagram untuk Edit Modul Member 10299 Gambar 3.62 Sequence Diagram untuk Add RSS Member 101
Gambar 3.81 Rancangan Layar Setelah Login 128Gambar 3.82 Rancangan Layar Hapus Halaman 129Gambar 3.93 Rancangan Layar Manajemen Modul 140Gambar 3.99 Rancangan Layar Ubah Sub-direktori 146Gambar 3.98 Rancangan Layar Tambah Sub-direktori 145Gambar 3.97 Rancangan Layar Ubah Direktori 144Gambar 3.96 Rancangan Layar Direktori 143Gambar 3.95 Rancangan Layar Cari Modul 142Gambar 3.94 Rancangan Layar Ubah Modul 141Gambar 3.92 Rancangan Layar Admin 139Gambar 3.83 Rancangan Layar Customize Modul 130Gambar 3.91 Rancangan Layar Kebijakan Privasi 138Gambar 3.90 Rancangan Layar Hubungi Kami 137Gambar 3.89 Rancangan Layar Temtamg Kami 136Gambar 3.88 Rancangan Layar Tambah Tab 135Gambar 3.87 Rancangan Layar Penjelasan RSS 134Gambar 3.86 Rancangan Layar Ubah Profil 133Gambar 3.85 Rancangan Layar Tambah Bookmark 132Gambar 3.100 Rancangan Layar Hapus Sub-direktori 147 Gambar 3.101 Rancangan Layar Pindah Sub-direktori 148 Gambar 3.102 Rancangan Layar Manajemen Pengguna 149 Gambar 3.103 Rancangan Layar Tambah Pengguna 150 Gambar 3.104 Rancangan Layar Ubah Pengguna 151
Gambar 3.105 Rancangan Layar Cari Pengguna 152 Gambar 3.106 Rancangan Layar Manajemen Tab 153 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.9 Jendela Catatan Setelah di-Klik 165169
Gambar 4.16 Warna pada Bar ModulGambar 4.15 Menu Konfigurasi pada Bar Modul 169168
Gambar 4.14 Pindah Modul167
Gambar 4.13 Menghapus BookmarkGambar 4.12 Setelah Penambahan Bookmark Baru 166Gambar 4.11 Modul Bookmark Setelah Di-klik 166166
Gambar 4.10 Modul Bookmark165
Gambar 4.1 Halaman AwalGambar 4.8 Modul Catatan164
Gambar 4.7 Jendela Modul RSS163
Gambar 4.6 Validasi PendaftaranGambar 4.5 Form Simpan Halaman dan Registrasi Member 163Gambar 4.4 Halaman Penjelasan RSS 162161
Gambar 4.3 Halaman InternasionalGambar 4.2 Panduan Penggunaan Aplikasi 160159
Gambar 4.17 Modul dengan Jumlah Artikel Bertambah 170Gambar 4.18 Refresh Modul176
Gambar 4.39 Melihat Situs Sumber Artikel pada Jendela Internal 183Gambar 4.38 Artikel pada Jendela Internal 182Gambar 4.37 Menu Refresh pada RSS Internal Reader 182181
Gambar 4.36 Daftar Sumber RSSGambar 4.35 RSS Internal Reader 181Gambar 4.34 Form Ekpor dan Impor OPML 180Gambar 4.33 Daftar Modul yang Sudah Ada 179Gambar 4.32 Konfirmasi Penambahan Modul 178178
Gambar 4.31 Form Tambah Konten177
Gambar 4.30 Ubah Nama HalamanGambar 4.29 Menu Tambah Halaman Baru 176Gambar 4.28 Lupa Kata Sandi170
173 Gambar 4.24
Gambar 4.19 Minimize Modul171
Gambar 4.21 Menu Opsi di Bagian Kanan Atas Halaman 172Gambar 4.22 Form Opsi172
Gambar 4.23 Halaman Tanpa KontrolForm Login
175
174
Gambar 4.25 Pesan Kesalahan Login174
Gambar 4.26 Nama Profil Anggota175
Gambar 4.27 Form Ubah ProfilGambar 4.40 Menu Close pada Jendela Internal 184Gambar 4.41 Halaman Kebijakan Privasi 185Gambar 4.52 Manajemen PenggunaGambar 4.62 Konfirmasi Penghapusan Halaman 201Gambar 4.61 Form Ubah Tab 200Gambar 4.60 Menu Ubah Tab 200Gambar 4.59 Form Tambah Tab 199Gambar 4.58 Menu Tambah Tab 199Gambar 4.57 Halaman Konfigurasi Tab 198197
Gambar 4.56 Hapus pengguna197
Gambar 4.55 Ubah Detil PenggunaGambar 4.54 Form Tambah Pengguna 196195
Gambar 4.53 Pencarian pengguna195
194
Gambar 4.42
190
Form Login
186
Gambar 4.44 Halaman Depan Admin187
Gambar 4.45 Halaman Konfigurasi Modul 189Gambar 4.46 Pencarian ModulGambar 4.47 Ubah Konfigurasi Modul 191Gambar 4.51 Tambah Sub-DirektoriGambar 4.48 Direktori Modul192
Gambar 4.49 Ubah/Tambah Direktori193
Gambar 4.50 Hapus Direktori193
Gambar 4.63 Halaman Pengaturan Konfigurasi Umum 202Gambar 4.64 Proses Instalasi Layar Pertama 203Gambar 4.65 Pilih Direktori instalasi204
Gambar 4.67 Proses Instalasi Berjalan205
Gambar 4.68 Selesai Proses Instalasi205
Gambar 4.69 Impor SQL206
Gambar 4.70 Pilih File SQL207