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 : Koran hukum, Meja hijau, Aplikasi pengaturan dokumen, berbasis web, object oriented, unified modelling language. iv
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 sebesarbesarnya 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. 5. Seluruh staf pengajar Jurusan Teknik Informatika Bina Nusantara yang telah memberikan ilmu pengetahuan dan bimbingan selama penulis menuntut ilmu di Universitas Bina Nusantara. v
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 Penulis vi
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 2.1.4 Intranet... 12 vii
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 2.8.4 PHP.... 38 viii
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 3.6.11 Perancangan Layar... 105 ix
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 DAFTAR RIWAYAT HIDUP... 151 LAMPIRAN x
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 Tabel 4.10 Kuesioner Evaluasi Keseluruhan Aplikasi...... 145 xi
DAFTAR GAMBAR xii 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 Gambar 3.31 Sequence Diagram Menyetujui Berita dan Dokumen.... 87
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 Gambar 4.24 Grafik Evaluasi Penyimpanan dan Pencegahan Kesalahan 142
Halaman Gambar 4.25 Grafik Kuesioner Fungsionalitas.... 143 Gambar 4.26 Grafik Kuesioner Fasilitas...... 144 Gambar 4.27 Grafik Kuesioner Keseluruhan Aplikasi. 145 xiv
DAFTAR LAMPIRAN Halaman Surat Survei... L1 Surat Keterangan Demo L2 xv