iv
UNIVERSITAS BINA NUSANTARA
Jurusan Teknik Informatika Program Studi Strata-1 Skripsi Sarjana Komputer Semester Ganjil tahun 2007
ANALISIS DAN PERANCANGAN APLIKASI PENGATURAN DOKUMEN BERBASIS WEB PADA PT. PASAR INFO INDONESIA
DIVISI KORAN HUKUM MEJA HIJAU
Trismawati Pangestu 0300438736
Sofian 0400504461
Kelas / Kelompok : 07PBT / 11
Abstrak
Tujuan penelitian didasarkan pada fakta bahwa Pasar Info Indonesia divisi Koran Hukum Meja Hijau mengalami kendala pada saat melakukan pertukaran dokumen dalam hal waktu, Koran Hukum Meja Hijau adalah sebuah Koran hukum yang memerlukan pertukaran informasi secara cepat dan akurat. Oleh karena itu penulisan skripsi ini ditujukan untuk mengatasi kendala yang dimiliki Koran Hukum Meja Hijau dalam melakukan pertukaran dokumen, dengan cara merancang dan mengembangkan sebuah aplikasi pengaturan dokumen berbasis web.
Metode penelitian yang digunakan dalam mengembangkan aplikasi ini adalah menggunakan konsep object oriented. Sedangkan notasi yang digunakan untuk memodelkan proses kerja aplikasi adalah UML (Unified Modelling Language).
Hasil yang dicapai setelah melewati beberapa tahap pengembangan, adalah sebuah model aplikasi pengaturan dokumen berbasis web.
Simpulan yang dapat ditarik adalah bahwa dalam perancangan dan pengembangan aplikasi ini yang melewati beberapa tahapan pengembangan dimulai dari analisis, perancangan dan penerapan metode pengembangan aplikasi beserta konsep-konsepnya, telah berhasil diterapkan menjadi sebuah aplikasi yang sesuai dengan kebutuhan Pasar Info Indonesia pada divisi Koran Hukum Meja hijau. Yaitu aplikasi siap pakai yang merupakan solusi untuk permasalahan yang dihadapi oleh Koran Hukum Meja Hijau dalam hal pertukaran dokumen.
Kata kunci :
v PRAKATA
Puji syukur penulis panjatkan kepada Tuhan Yang Maha Esa atas rahmat dan bimbingan-Nya, sehingga penulis dapat menyelesaikan penulisan skripsi ini dengan baik dan tepat waktu. Skripsi yang disusun merupakan hasil analisis dan perancangan aplikasi pengaturan dokumen berbasis web yang ditujukan untuk PT. Pasar Info Indonesia Divisi Koran Hukum Meja Hijau. Skripsi ini dibuat sebagai salah satu syarat untuk menyelesaikan program studi Strata-1 di Universitas Bina Nusantara.
Dengan selesainya skripsi ini, penulis mengucapkan terima kasih yang sebesar-besarnya kepada:
1. Bapak Prof. Dr. Gerardus Polla, M.App.Sc, selaku Rektor selaku Rektor Universitas Bina Nusantara, yang telah memberikan kesempatan kepada penulis untuk menuntut ilmu yang lebih baik.
2. Bapak Ir. Sablin Yusuf, M.Sc, M.Comp.Sc, selaku Dekan Fakultas Ilmu Komputer, yang telah memberikan kesempatan penulis untuk menulis skripsi. 3. Bapak H. Muhammad Subekti, M.Sc, selaku Ketua Jurusan Teknik Informatika
Universitas Bina Nusantara, yang telah memberikan kesempatan penulis untuk mengambil dan menyelesaikan skripsi.
4. Tri Djoko Wahjono. Ir., MSc., selaku Dosen Pembimbing yang telah banyak memberikan saran dan bimbingan dalam mengarahkan penulisan skripsi ini.
vi
6. Seluruh Staf dan karyawan PT. Pasar Info Indonesia Divisi Koran Hukum Meja Hijau yang telah mengizinkan penulis untuk melakukan survey, wawancara, dan memberikan kesempatan pada penulis untuk mengetahui dan mengenal Pasar Info Indonesia
7. Orang Tua Penulis yang telah memberikan bantuan moril dan materiil dengan memberikan sarana dan prasarana yang mendukung dalam pembuatan Skripsi ini. 8. Seluruh rekan dan pihak yang telah banyak membantu penyusunan skripsi ini baik
secara langsung maupun tidak langsung yang tidak dapat penulis sebutkan satu persatu.
9. Serta pihak-pihak lainnya yang turut membantu dalam proses pembuatan skripsi ini baik secara langsung maupun tidak langsung.
Penulis berharap ini dapat dijadikan pengembangan aplikasi pengaturan dokumen bagi Pasar Info Indonesia devisi Meja Hijau untuk waktu yang akan datang. Segala kritik dan saran yang membangun akan diterima dengan senang hati. Akhir kata penulis berharap skripsi ini dapat memberikan manfaat bagi Pasar Info Indonesia maupun pembaca.
Jakarta, Januari 2007
vii DAFTAR ISI
Halaman
Halaman Judul Luar……….…...…... i
Halaman Judul Dalam...……… …... ii
Halaman Persetujuan Hardcover ………...…...…... iii
Abstrak………...……….…... iv
Prakata………...…... v
Daftar isi……….…...….…... vii
Daftar Tabel...……….………... xi
Daftar Gambar... ……….………... xii
Daftar Lampiran………...………... xiv
BAB 1 PENDAHULUAN... 1
1.1 Latar Belakang………... 1
1.2 Ruang Lingkup………... 3
1.3 Tujuan dan Manfaat………... 5
1.4 Metodologi Penelitian....………... 5
1.5 Sistematika Penulisan………... 6
BAB 2 LANDASAN TEORI……….………... 8
2.1 Internet...………..………...….………... 8
2.1.1 Sejarah Internet ……..……….…...………... 9
2.1.2 Awal Internet di Indonesia………...……….. 9
2.1.3 IPV4 dan IPV6…..…..……….……….. 10
viii
Halaman
2.2 Interaksi Manusia dan Komputer………... 13
2.2.1 Definisi Interaksi Manusia dan Komputer …... 13
2.2.2 Definisi Antarmuka………... 15
2.3 Rekayasa Piranti Lunak ………... 16
2.3.1 Definisi Piranti Lunak………... 16
2.3.2 Karakteristik Piranti Lunak.……….. 17
2.3.3 Pengertian Rekayasa Piranti Lunak... 17
2.3.4 Daur Hidup Pengembangan Piranti Lunak... 18
2.4 Sistem Basis Data…………..……….……….. 19
2.4.1 Pengertian Basis Data…...……..………... 20
2.4.2 Komponen Basis Data... 20
2.4.3 Penggunaan Basis Data... 22
2.4.4 Normalisasi... 23
2.5 Sistem Management Dokumen... 25
2.5.1 Pengertian Sistem ………... 25
2.5.2 Pengertian Informasi…………...…... 25
2.6 Object-Oriented Analysis and Design (OOAD) ... 26
2.7 Unified Modelling Language (UML)... 28
2.8 Aplikasi Berbasis Web... 36
2.8.1 MySQL... 36
2.8.2 Macromedia Dreamweaver MX………... 37
2.8.3 HTML………..……….…………. 38
ix
Halaman
2.9 Aplikasi Managemen Dokumen…………...………... 39
BAB 3 ANALISA SISTEM YANG BERJALAN……….…….…. 41
3.1 Sejarah dan Profile Perusahaan...……… ……… 41
3.1.1 Struktur Organisasi………...……….……… 42
3.1.2 Visi dan Misi ...…….………... 44
3.1.3 Hubungan dan Mekanisme Kerja…... 45
3.2 Metode Pengumpulan Data……..…...………... 47
3.3 Sistem yang Sedang Berjalan... 52
3.4 Permasalahan yang Dihadapi... 53
3.5 Usulan Pemecahan Masalah... 54
3.6 Perancangan Sistem yang Diusulkan... 54
3.6.1 Class Diagram... 55
3.6.2 Use Case Diagram... 62
3.6.3 State Diagram... 77
3.6.4 Sequence Diagram... 81
3.6.5 Activity Diagram... 90
3.6.6 Collaboration Diagram... 94
3.6.7 Object Diagram... 97
3.6.8 Component Diagram... 98
3.6.9 Deployment Diagram... 100
3.6.10 Spesifikasi Proses... 100
x
Halaman
BAB 4 RANCANGAN SISTEM YANG DIUSULKAN... 118
4.1 Spesifikasi Sistem ………...……..……… 118
4.1.1 Intalasi Server………... 119
4.1.2 Penggunaan Aplikasi……….……… 119
4.2 Rencana Implementasi………..……….……… 120
4.3 Prosedur Operasional... 121
4.4 Evaluasi... 135
BAB 5 SIMPULAN DAN SARAN... 146
5.1 Simpulan……….…... 146
5.2 Saran………... 147
5.3 Kesimpulan Kuesioner………...….…... 148
DAFTAR PUSTAKA……….………. 149
xi
DAFTAR TABEL
Halaman
Tabel 3.1 Tabel Master Pengguna... 57
Tabel 3.2 Tabel Modul... 58
Tabel 3.3 Tabel Grup Pengguna... 58
Tabel 3.4 Tabel Command... 59
Tabel 3.5 Tabel Master Dokumen... 60
Tabel 3.6 Tabel Type Dokumen... 61
Tabel 3.7 Tabel Type File... 62
Tabel 3.8 Use Case Diagram Proses Registrasi Admin dan Wartawan……... 63
Tabel 3.9 Use Case Diagram Proses Kirim Berita... 64
Tabel 3.10 Use Case Diagram Proses Pencarian Berita... 66
Tabel 3.11 Use Case Diagram Lihat Status Berita... 68
Tabel 3.12 Use Case Diagram Menyetujui Berita... 70
Tabel 3.13 Use Case Diagram Lihat Dokumen Masuk... 71
Tabel 3.14 Use Case Diagram Pengiriman Dokumen... 73
Tabel 3.15 Use Case Diagram Pencarian Dokumen... 75
Tabel 3.16 Use Case Diagram Maintenance Type Dokumen... 76
Tabel 4.1 Kuesioner Evaluasi Konsistensi Tampilan………...……….………….. 136
Tabel 4.2 Kuesioner Evaluasi Navigasi………...…………... 137
Tabel 4.3 Kuesioner Evaluasi Umpan Balik Aplikasi……...….………. 138
Tabel 4.4 Kuesioner Evaluasi Informasi Penggunaan Fitur…...….……… 139
Tabel 4.5 Kuesioner Evaluasi Kemudahan dalam Bertransaksi…... 140
Tabel 4.6 Kuesioner Evaluasi Efisiensitas Aplikasi………...……….…….... 141
Tabel 4.7 Kuesioner Evaluasi Penyimpanan dan Pencegahan Kesalahan…...….... 142
Tabel 4.8 Kuesioner Evaluasi Fungsionalitas………...……….….. 143
Tabel 4.9 Kuesioner Evaluasi Fasilitas………...……….……….... 144
xii
DAFTAR GAMBAR
Halaman
Gambar 2.1 Model Sekuensial Linier (Classic Life Cycle)... 18
Gambar 2.2 Simbol-simbol Use Case Diagram... 29
Gambar 2.3 Simbol-simbol Class Diagram... 30
Gambar 2.4 Contoh Object Diagram... 31
Gambar 2.5 Simbol-simbol Sequence Diagram... 31
Gambar 2.6 Simbol-simbol Statechart Diagram... 32
Gambar 2.7 Simbol-simbol Activity diagram... 33
Gambar 2.8 Contoh Collaboration Diagram... 34
Gambar 2.9 Contoh Component Diagram... 35
Gambar 2.10 Deployment Diagram... 36
Gambar 3.1 Struktur Organisasi... 42
Gambar 3.2 Visi, Misi dan Manajemen Keredaksian……… 45
Gambar 3.3 Hubungan dan Mekanisme Kerja……….……….. 46
Gambar 3.4 Grafik pertanyaan pra survey pertama……….…... 48
Gambar 3.5 Grafik pertanyaan pra survey Kedua………. 48
Gambar 3.6 Grafik pertanyaan pra survey ketiga………... 49
Gambar 3.7 Grafik pertanyaan pra survey keempat………... 49
Gambar 3.8 Grafik pertanyaan pra survey kelima……….…………. 50
Gambar 3.9 Grafik pertanyaan pra survey keenam……….………... 50
Gambar 3.10 Grafik pertanyaan pra survey ketujuh……….……… 51
Gambar 3.11 Grafik pertanyaan pra survey kedelapan……….… 51
Gambar 3.12 Class Diagram………... 56
Gambar 3.13 Use Case Proses Registrasi………... 63
Gambar 3.14 Use Case Proses Pengiriman Berita………... 65
Gambar 3.15 Use Case Proses Pencarian Berita…..………... 67
Gambar 3.16 Use Case Lihat Status Berita……..………... 69
Gambar 3.17 Use Case Menyetujui Berita….…..………... 70
Gambar 3.18 Use Case Lihat Dokumen Masuk..……….…………... 73
Gambar 3.19 Use Case Kirim Berita………... 74
Gambar 3.20 Use Case Pencarian Dokumen………... 76
Gambar 3.21 Use Case Maintenance Type Dokumen………... 77
Gambar 3.22 State Diagram Admin……….…… 78
Gambar 3.23 State Diagram Wartwan……….…………. 79
Gambar 324 State Diagram Berita………..…...……. 80
Gambar 3.25 State Diagram Dokumen………...……. 81
Gambar 3.26 Sequence Diagram Login……….…….. 82
Gambar 3.27 Sequence Diagram Kirim Berita dan Dokumen…………... 83
Gambar 3.28 Sequence Diagram Lihat Berita dan Dokumen Masuk………….…. 84
Gambar 3.29 Sequence Diagram Lihat Status Berita dan Dokumen……….…….. 85
Gambar 3.30 Sequence Diagram Cari Berita dan Dokumen………..……….. 86
xiii
Halaman
Gambar 3.32 Sequence Diagram Kirim Memo dan Dokumen………….………... 88
Gambar 3.33 Sequence Diagram lihat Memo dan Berita……….………… 89
Gambar 3.34 Activity Diagram Wartawan……….………. 91
Gambar 3.35 Activity Diagram Wartawan……….…………. 93
Gambar 3.36 Collaboration Diagram... 96
Gambar 3.37 Object Diagram... 97
Gambar 3.38 Component Diagram... 99
Gambar 3.39 Deployment Diagram……….……… 100
Gambar 3.40 Rancangan Layar Login………. 105
Gambar 3.41 Rancangan Layar Daftar Pengguna serta Pengisian Pengguna…..… 106
Gambar 3.42 Rancangan Layar Grup Admin……….….. 107
Gambar 3.43 Rancangan Layar Modul Admin……….…… 108
Gambar 3.44 Rancangan Layar Berita………. 109
Gambar 3.45 Rancangan Layar Berita Masuk dan Berita Keluar……….... 110
Gambar 3.46 Rancangan Layar Tulis Berita………...………. 111
Gambar 3.47 Rancangan Layar Memo………...………….. 112
Gambar 3.8 Rancangan Layar Memo Masuk dan keluar………....…... 113
Gambar 3.49 Rancangan Layar Tulis Memo……… 114
Gambar 3.50 Rancangan Layar Dokumen……… 115
Gambar 3.51 Rancangan Layar Dokumen Masuk dan Keluar…………... 116
Gambar 3.52 Rancangan Layar Tulis Dokumen………... 117
Gambar 4.1 Rancangan Sistem Jaringan……..……….. 120
Gambar 4.2 Halaman Login………..………. 121
Gambar 4.3 Login Salah………..………... 121
Gambar 4.4 Halaman Home………..………. 122
Gambar 4.5 Halaman Login Wartawan……….. 123
Gambar 4.6 Halaman Login Administrator……… 124
Gambar 4.7 Halaman Berita Masuk…………...……… 125
Gambar 4.8 Halaman Cari Berita…………...……… 126
Gambar 4.9 Tulis Berita………. 127
Gambar 4.10 Halaman Berita Keluar………... 128
Gambar 4.11 Halaman Cari Dokumen………. 129
Gambar 4.12 Halaman Tulis Dokumen……… 130
Gambar 4.13 Halaman Tulis Memo………. 131
Gambar 4.14 Halaman Admin……….. 132
Gambar 4.15 Halaman Admin-Modul………... 133
Gambar 4.16 Halaman Ubah Kata kunci………... 134
Gambar 4.17 Halaman Sesudah Logout………... 135
Gambar 4.18 Grafik Kuesioner Konsistensi Tampilan………. 136
Gambar 4.19 Grafik Kuesioner Navigasi………... 137
Gambar 4.20 Grafik Kuesioner Umpan Balik Aplikasi……… 138
Gambar 4.21 Grafik Kuesioner Informasi Penggunaan Fitur………... 139
Gambar 4.22 Grafik Kuesioner Kemudahan dalam Bertransaksi………. 140
Gambar 4.23 Grafik Kuesioner Efisiensitas Aplikasi………... 141
xiv
xv