iv
Jurusan Teknik Informatika Skripsi Sarjana Komputer Semester Ganjil 2005/2006
ANALISIS DAN PERANCANGAN E-APPLICATION UNTUK FIRMA HUKUM SULEIMAN PRASENA & CO
Steinly Atmanagara (0600620066) Kossa Audi Prasena (0600621485) Arum Widya Mahesi (0600633005)
Kelas / Kelompok : 08 PET / 03
Abstrak
Tujuan penelitian adalah merancang sebuah sistem filing dan e-Library secara online yang dapat menyajikan informasi tentang kasus-kasus yang sedang dikerjakan ataupun kasus yang telah selesai dikerjakan dan data undang-undang agar lebih mempermudah para pangacara maupun rekanan dalam mengerjakan pekerjaan mereka. Metode penelitian yang dilakukan dengan menggunakan kuisioner, studi lapangan, wawancara langsung pada pemilik firma hukum Suleiman Prasena & Co. dan dengan studi kepustakaan dari buku-buku yang berhubungan dengan skripsi ini. Selanjutnya adalah perancangan aplikasi web untuk Suleiman Prasena & Co. Dengan adanya aplikasi web ini , user akan mendapatkan informasi tentang kasus dan data undang-undang yang dilakukan secara online, sehingga user dapat dengan mudah melihat semua kasus ataupun undang-undang yang ada tanpa harus melihat file-file secara manual. User dapat melihat, mencari maupun menyimpan data undang-undang kapan saja dan dimana saja. Selain itu mereka dapat mengerjakan segala pekerjaan mereka secara efektif dan efisien karena mereka dapat mengerjakannya dimana saja dan kapan saja.
Kata Kunci : user, internet, online,web, filing, e-Library, kuisioner, studi lapangan, studi kepustakaan, kasus, data
v
DAFTAR ISI
Halaman Judul Luar i
Halaman Judul Dalam ii
Halaman Persetujuan Hardcover iii
Abstrak iv
Kata Pengantar v
Daftar Isi vii
Daftar Tabel xi
Daftar Gambar xiii
Daftar Lampiran xix
BAB
1
PENDAHULUAN
1.1 Latar belakang 1
1.2 Ruang Lingkup 3
1.3 Tujuan dan Manfaat 3
1.4 Metodologi Penelitian 4
1.5 Sistematika Penulisan 5
BAB 2 LANDASAN TEORI
2.1 Unfied Modeling Language (UML) 7
2.1.1 Use-case Diagram 7
2.1.2 Deskripsi Use-case 8
2.1.3 Activity diagram 9
vi
2.1.5 Sequence diagram 15
2.2 Control Iteration 17
2.3 Interaksi Manusia dengan Komputer (IMK) 19 2.3.1 Delapan Aturan Emas Perancangan 19
2.4 Aplikasi Web 21
2.4.1 HTML 22
2.4.2 Java Server Pages(JSP) 22 2.4.3 Top Ten Mistakes of Web Design(Jacob Nielsen, 1996) 24
2.4.4 Perancangan Menu 25
2.4.5 Perancangan Layar 25
2.5 Internet 25
2.5.1 World Wide Web(WWW) 26
2.6 Database 27
2.6.1 Relational Database 28
2.6.2 Teknik Normalisasi 28
2.6.3 MySQL 29
2.7 Ilmu Perundang-undangan 29
2.7.1 Jenis peraturan perundang-undangan 30
2.8 Firma 32
BAB 3 ANALISIS DAN PERANCANGAN
34
3.1 Latar Belakang Studi Kasus 34
3.1.1 Riwayat Perusahaan 34
vii
3.2 Analisis Permasalahan di Studi Kasus 38 3.2.1 Analisis Proses Bisnis Berjalan 38 3.2.2 Analisis Permasalahan 49
3.3 Perancangan Sistem 51
3.3.1 Model Use-case Sistem yang Sedang Dirancang 52 3.3.2 Deskripsi Use-case Sistem yang Dirancang 55 3.3.3 Class Diagram Sistem yang Sedang Dirancang 71
3.3.4 Perancangn Tabel 100
3.3.5 Class Diagram Perancangan Database 112
3.3.6 Perancangan Menu 117
3.3.7 Perancangan layar 125
BAB 4 SISTEM YANG DIUSULKAN
168
4.1 Implementasi Sistem/Aplikasi 168
4.1.1 Spesifikasi Sistem 168
4.1.2 Panduan Melakukan Instalasi Sistem/Aplikasi 170 4.1.3 Panduan Menggunakan Sistem/Aplikasi 170
4.2 Evaluasi Sistem/Aplikasi 202
BAB 5 KESIMPULAN DAN SARAN
206
5.1 Kesimpulan 206
5.2 Saran 206
DAFTAR PUSTAKA
208
RIWAYAT HIDUP
210
viii
SURAT KETERANGAN SURVEI
ix
DAFTAR TABEL
Tabel 3.1 Deskripsi use-case melakukan login 56 Tabel 3.2 Deskripsi use-case akses sistem filing 57 Tabel 3.3 Deskripsi use-case edit sistem filing 58 Tabel 3.4 Deskripsi use-case memasukkan kasus baru 59 Tabel 3.5 Deskripsi use-case menyatakan selesai suatu kasus 59 Tabel 3.6 Deskripsi use-case konfirmasi selesainya suatu kasus 60 Tabel 3.7 Deskripsi use-case akses e-library 61 Tabel 3.8 Deskripsi use-case memasukkan klien baru 61 Tabel 3.9 Deskripsi use-case download, upload, atau hapus kasus 62 Tabel 3.10 Deskripsi use-case menambahkan user baru 63 Tabel 3.11 Deskripsi use-case menghapus user 63 Tabel 3.12 Deskripsi use-case mengedit profile user 64 Tabel 3.13 Deskripsi use-case mengakses my data 65 Tabel 3.14 Deskripsi use-case mengakses halaman template 65 Tabel 3.15 Deskripsi use-case menambahkan template 66 Tabel 3.16 Deskripsi use-case mengedit template 66 Tabel 3.17 Deskripsi use-case menghapus template 67 Tabel 3.18 Deskripsi use-case membuat invoice 68 Tabel 3.19 Deskripsi use-casemelihat laporan waktu 68 Tabel 3.20 Deskripsi use-case menambah kategori undang-undang 69
x
Tabel 3.21 Deskripsi use-case menambahkan undang-undang 70 Tabel 3.22 Deskripsi use-case mengganti password 70
Tabel 3.23 msKasus 100 Tabel 3.24 msTahapan 101 Tabel 3.25 msKategoriBidang 101 Tabel 3.26 msKategoriUndangUndang 102 Tabel 3.27 msUndangUndang 102 Tabel 3.28 msFileKasus 103 Tabel 3.29 msKlien 103 Tabel 3.30 msUser 104 Tabel 3.31 msLaporanWaktu 104 Tabel 3.32 msFileUndangUndang 105 Tabel 3.33 msJenisUndangUndang 106 Tabel 3.34 msKasusLawyer 106 Tabel 3.35 msTemplate 107 Tabel 3.36 msFileTemplate 107 Tabel 3.37 msUndangKasus 108 Tabel 3.38 msLaporanBerkala 108 Tabel 3.39 msKonfirmasiKasus 109 Tabel 3.40 msStatusKasus 110 Tabel 3.41 msInvoice 110 Tabel 3.42 msJenisTemplate 111 Tabel 3.43 msUndangRecord 111
xi
Tabel 3.44 msTodaysNews 112
DAFTAR GAMBAR
Gambar 2.1 Contoh Diagram Model Use-case 8
Gambar 2.2 Simbol use-case 8
Gambar 2.3 Initial state 10
Gambar 2.4 State 10
Gambar 2.5 Control flow 10
Gambar 2.6 Transition (fork) 10
Gambar 2.7 Transition (join) 11
Gambar 2.8 Decision 11
Gambar 2.9 Final state 11
Gambar 2.10 Contoh dari class diagram 12
Gambar 2.11 Class dalam UML 12
Gambar 2.12 Attribute dari kelas orang 13 Gambar 2.13 Behaviour dari kelas orang 13 Gambar 2.14 Hubungan antara class buku dan mahasiswa 14
Gambar 2.15 Hubungan generalisasi 14
Gambar 2.16 Hubungan aggregations 15
Gambar 2.17 Hubungan Composites 15
Gambar 2.18 Sequence diagram 16
xii
Gambar 2.20 Activation symbol 16
Gambar 2.21 Message simbol 17
Gambar 2.22 tahapan-tahapan control iteration 18 Gambar 2.23 Contoh situs-situs yang menggunakan JSP 22 Gambar 2.24 Tata susunan norma hukum di indonesia 22 Gambar 3.1 Struktur organisasi Suleiman Prasena & Co. 35 Gambar 3.2 Use-case diagram sistem produksi kantor 38 Gambar 3.3 Use-case diagram sistem manajemen kantor 40
Gambar 3.4 Activity Diagram utama 42
Gambar 3.5 Activity Diagram mengerjakan kasus 45 Gambar 3.6 Sequence Diagram konfirmasi kasus 47 Gambar 3.7 Sequence Diagram laporan waktu kerja 48 Gambar 3.8 Sequence Diagram mengutus pengacara mengerjakan kasus 48 Gambar 3.9 Use-case sistem yang dirancang 52 Gambar 3.10 Class diagram membuat kasus 72 Gambar 3.11 Sequence diagram membuat kasus baru 74 Gambar 3.12 Sequence diagram memilih klien 75 Gambar 3.13 Sequence diagram memasukkan klien baru 76 Gambar 3.14 Sequence Diagram mengisi waktu kerja 77 Gambar 3.15 Sequence diagram edit laporan berkala 79
Gambar 3.16 Sequence diagram men-download kasus 81
Gambar 3.17 Sequence diagram men-upload file kasus 83 Gambar 3.18 Class diagram membuat invoice 85
xiii
Gambar 3.19 Sequence diagram membuat invoice 87
Gambar 3.20 Sequence diagram memberikan konfirmasi 88 Gambar 3.21 Class diagram memasukkan undang-undang 90 Gambar 3.22 Sequence diagram memasukkan undang-undang 91 Gambar 3.23 Sequence diagram memasukkan kategori undang-undang 92 Gambar 3.24 Class diagram keperluan sekunder 93 Gambar 3.25 Sequence diagram tambah template 95
Gambar 3.26 Sequence diagram edit template 96
Gambar 3.27 Sequence diagram hapus template 97
Gambar 3.28 Sequence diagram memasukkan user baru 98 Gambar 3.29 Sequence diagram hapus user 99 Gambar 3.30 Class Diagram perancangan database untuk kasus 113 Gambar 3.31 Class diagram perancangan database untuk undang-undang 114 Gambar 3.32 Class diagram perancangan database untuk invoice 115 Gambar 3.33 Class diagram perancangan database untuk keperluan sekunder 116
Gambar 3.34 Menu Login 117
Gambar 3.35 Menu Aplikasi Rekanan 118
Gambar 3.36 Menu Aplikasi Pengacara 120 Gambar 3.37 Menu Aplikasi Manajer Keuangan 122 Gambar 3.38 Menu Aplikasi Manajer Kantor 123 Gambar 3.39 Perancangan layar login 127 Gambar 3.40 Perancangan layar index rekanan 128 Gambar 3.41 Perancangan layar index pengacara 129
xiv
Gambar 3.42 Perancangan layar index manajer keuangan 130 Gambar 3.43 Perancangan layar manajer kantor 131
Gambar 3.44 Perancangan layar sistem filing 132
Gambar 3.45 Perancangan layar filing perusahaan 133 Gambar 3.46 Perancangan layar filing daftar kasus 134 Gambar 3.47 Perancangan layar edit profile klien 136 Gambar 3.48 Perancangan layar isi laporan waktu 137 Gambar 3.49 Perancangan layar kasus 138 Gambar 3.50 Perancangan layar edit tim pengacara 140 Gambar 3.51 Perancangan layar edit deskripsi kasus 141 Gambar 3.52 Perancangan layar perbaharui laporan berkala 142 Gambar 3.53 Perancangan layar tambah tahapan 144
Gambar 3.54 Perancangan layar e-Library 145
Gambar 3.55 Perancangan layar jenis undang-undang 146 Gambar 3.56 Perancangan layar daftar undang-undang 147 Gambar 3.57 Perancangan layar undang-undang 148 Gambar 3.58 Perancangan layar edit undang-undang 150 Gambar 3.59 Perancangan layar tambah kategori undang-undang 151 Gambar 3.60 Perancangan layar tambah undang-undang 152
Gambar 3.61 Perancangan layar my data 154
Gambar 3.62 Perancangan layar ubah profile 155 Gambar 3.63 Perancangan layar ubah password 156 Gambar 3.64 Perancangan layar tambah user 158
xv
Gambar 3.65 Perancangan layar tambah klien baru 159 Gambar 3.66 Perancangan layar tambah kasus 160
Gambar 3.67 Perancangan layar template 162
Gambar 3.68 Perancangan layar tambah temlate 163
Gambar 3.69 Perancangan layar isi template 164
Gambar 3.70 Perancangan layar edit template 165
Gambar 4.1 Arsitektur Jaringan 169
Gambar 4.2 Halaman login 170
Gambar 4.3 Halaman index rekanan 171
Gambar 4.4 Halaman index pengacara 172
Gambar 4.5 Halaman manajer keuangan 173
Gambar 4.6 Halamana index manajer kantor 174
Gambar 4.7 Halaman sistem filing 175
Gambar 4.8 Halaman filing perusahaan 176 Gambar 4.9 Halaman filing daftar kasus 177 Gambar 4.10 Halaman ganti profile klien 178 Gambar 4.11 Halaman isi laporan waktu 179
Gambar 4.12 Halaman kasus 180
Gambar 4.13 Halaman edit tim pengacara 181 Gambar 4.14 Halaman edit deskripsi kasus 182 Gambar 4.15 Halaman perbaharui laporan berkala 183
Gambar 4.16 Halaman tambah tahapan 184
xvi
Gambar 4.18 Halaman jenis undang-undang 186 Gambar 4.19 Halaman daftar undang-undang 187
Gambar 4.20 Halaman undang-undang 188
Gambar 4.21 Halaman edit undang-undang 189 Gambar 4.22 Halaman tambah kategori undang-undang 190 Gambar 4.23 Halaman tambah undang-undang 191
Gambar 4.24 Halaman my data 192
Gambar 4.25 Halaman ubah profile 193
Gambar 4.26 Halaman ubah password 194
Gambar 4.27 Halaman tambah user 195
Gambar 4.28 Halaman tambah klien baru 196
Gambar 4.29 Halaman tambah kasus 197
Gambar 4.30 Halaman templates 198
Gambar 4.31 Halaman tambah template 199
Gambar 4.32 Halaman isi template 200
Gambar 4.33 Halman edit template 201
Gambar 4.34 Hasil kuisoner nomor 1 203
Gambar 4.35 Hasil kuisoner nomor 2 203
Gambar 4.36 Hasil kuisoner nomor 3 204
xvii
DAFTAR LAMPIRAN
Lampiran 1 : Hasil wawancara L1 Lampiran 2 : Daftar klien firma hukum Suleiman Prasena & Co. L4