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
iv
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
2.1.4 Class diagram
12
v
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 2.4 Aplikasi Web
19 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) 2.6 Database
26 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 2.8 Firma
30 32
BAB 3 ANALISIS DAN PERANCANGAN 3.1 Latar Belakang Studi Kasus
34 34
3.1.1 Riwayat Perusahaan
34
3.1.2 Struktur Organisasi dan Wewenang Tanggung Jawab
34
vi
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 4.1 Implementasi Sistem/Aplikasi
168 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
LAMPIRAN – LAMPIRAN
L1 vii
SURAT KETERANGAN SURVEI
viii
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
ix
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
x
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
Gambar 2.19 Object lifeline
16
xi
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
xii
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
xiii
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
xiv
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
Gambar 4.17 Halaman e-library
185
xv
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
Gambar 4.37 Hasil kuisoner nomor 4
204
xvi
DAFTAR LAMPIRAN
Lampiran 1 : Hasil wawancara
L1
Lampiran 2 : Daftar klien firma hukum Suleiman Prasena & Co.
L4
Lampiran 3 : Kuisioner
L11
xvii
