Jurusan Teknik Informatika Skripsi Sarjana Komputer Semester Ganjil 2005/2006 ANALISIS DAN PERANCANGAN E-APPLICATION UNTUK FIRMA HUKUM

Transkripsi

1 Jurusan Teknik Informatika Skripsi Sarjana Komputer Semester Ganjil 2005/2006 ANALISIS DAN PERANCANGAN E-APPLICATION UNTUK FIRMA HUKUM SULEIMAN PRASENA & CO Steinly Atmanagara ( ) Kossa Audi Prasena ( ) Arum Widya Mahesi ( ) 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

2 DAFTAR ISI Halaman Judul Luar Halaman Judul Dalam Halaman Persetujuan Hardcover Abstrak Kata Pengantar Daftar Isi Daftar Tabel Daftar Gambar Daftar Lampiran i ii iii iv v vii xi xiii xix BAB 1 PENDAHULUAN 1.1 Latar belakang Ruang Lingkup Tujuan dan Manfaat Metodologi Penelitian Sistematika Penulisan 5 BAB 2 LANDASAN TEORI 2.1 Unfied Modeling Language (UML) Use-case Diagram Deskripsi Use-case Activity diagram Class diagram 12 v

3 2.1.5 Sequence diagram Control Iteration Interaksi Manusia dengan Komputer (IMK) Delapan Aturan Emas Perancangan Aplikasi Web HTML Java Server Pages(JSP) Top Ten Mistakes of Web Design(Jacob Nielsen, 1996) Perancangan Menu Perancangan Layar Internet World Wide Web(WWW) Database Relational Database Teknik Normalisasi MySQL Ilmu Perundang-undangan Jenis peraturan perundang-undangan Firma 32 BAB 3 ANALISIS DAN PERANCANGAN Latar Belakang Studi Kasus Riwayat Perusahaan Struktur Organisasi dan Wewenang Tanggung Jawab 34 vi

4 3.2 Analisis Permasalahan di Studi Kasus Analisis Proses Bisnis Berjalan Analisis Permasalahan Perancangan Sistem Model Use-case Sistem yang Sedang Dirancang Deskripsi Use-case Sistem yang Dirancang Class Diagram Sistem yang Sedang Dirancang Perancangn Tabel Class Diagram Perancangan Database Perancangan Menu Perancangan layar 125 BAB 4 SISTEM YANG DIUSULKAN Implementasi Sistem/Aplikasi Spesifikasi Sistem Panduan Melakukan Instalasi Sistem/Aplikasi Panduan Menggunakan Sistem/Aplikasi Evaluasi Sistem/Aplikasi 202 BAB 5 KESIMPULAN DAN SARAN Kesimpulan Saran 206 DAFTAR PUSTAKA 208 RIWAYAT HIDUP 210 LAMPIRAN LAMPIRAN L1 vii

5 SURAT KETERANGAN SURVEI viii

6 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

7 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

8 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

9 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

10 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

11 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

12 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

13 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 Gambar 4.35 Hasil kuisoner nomor Gambar 4.36 Hasil kuisoner nomor Gambar 4.37 Hasil kuisoner nomor xvi

14 DAFTAR LAMPIRAN Lampiran 1 : Hasil wawancara Lampiran 2 : Daftar klien firma hukum Suleiman Prasena & Co. Lampiran 3 : Kuisioner L1 L4 L11 xvii