BAB IV PERANCANGAN 4.1
Perancangan Sistem Untuk memudahkan pembuatan uatan akta notaris berbasis website, maka
akan dibuat model menggunakan UML (Unified ModelingLanguage). Perlu diketahui metode UML merupakan metode orientedprogramming (OOP) atau pemrograman berorientasi objek yang menggunakannotasi grafis dalam menyatakan suatu desain. Pada penulisan notasi UML yang digunakan meliputi: Use Case Diagram, Activity Diagram dan Sequence Diagram. 4.1.1 Use Case Diagram Diagram Use case merupakan bagian tertinggi dari fungsionalitas yang dimiliki sistem yang menggambarkan bagaimana seseorang atau aktor akan menggunakan dan memanfaatkan sistem. Diagram ini juga mendeskripsikan apa yang akan dilakukan oleh sistem. Use case terdiri dari tiga bagian yaitu identifikasi aktor, identifikasi Use case dan skenario Use case.
Gambar 4.1.1 Use Case Diagram
13 http://digilib.mercubuana.ac.id/
Berikut adalah keterangan mengenai use case diagram diatas: Nama Use Case Login
Diagram Pada use case ini, website akan menampilkan Form login. register untuk pendaftaran akun baru.
Register
Pada use case ini, website akan menampilkan form untuk pendaftaran akun baru.
User profil
Pada use case ini,website akan menampilkan form pengisian data pribadi pembuat akta notaris PT/CV.
Mengupload berkas
Pada use case ini, website akan menampilkan form formulir pendirian akta notaris PT/CV
Mendownload berkas
Pada use case ini admin melakukan download berkas pembuatan akta notaris PT/CV
Pengajuan saya
Pada use case ini, website akan menampilkan data pembuat akta notaris PT/CV
Pembayaran
Pada use case ini,website akan menampilkan form pembayaran akta notaris PT/CV jika berkas – berkas yang di butuhkan untuk membuat akta notaris sudah lengkap
Tracking
Pada use case ini,website akan menampilkan form bahwa data pembuatan akta notaris PT/CV sedang di proses. Tabel 4.1 Keterangan Use Case Diagram
4.1.2 Activity Diagram Activity diagram merupakan bagian dari penggambaran sistem secara fungsional menjelaskan proses-proses logika atau fungsi yang terimplementasi oleh kode program. Activity Diagram dapat membantu menjelaskan diagram use case dengan lebih mendalam sehingga mempermudah proses pembuatan website. Berikut merupakan Activity dagram yang menjelaskan interaksi antara pengguna atau aktor dengan aplikasi pelayanan pembuatan akta notaris PT/CV berbasis website. Aktivitas dimulai ketika pengguna membuka website melalui web
14 http://digilib.mercubuana.ac.id/
browser. Lalu muncul tampilan utama website yang berisi menu login yang akan dipilih pengguna atau aktor, untuk selanjutnya aktor tersebut dapat membuat akta notaris secara online. 1. Activicty Diagram Register
Gambar 4.1 Activity Diagram Menu Register Keterangan: Aktivitas diawali oleh pengunjung membuka website dan memilih menu register. Kemudian aplikasi akan menampilkan form register. Pengunjung mengisi form register dan mengklik tombol submit, kemudian sistem akan menyimpan ke database dan sistem akan mengirimkan kode verifikasi ke e-mail pengguna untuk mengaktifkan akun yang telah dibuat.
15 http://digilib.mercubuana.ac.id/
2. Activity Diagram Login
Gambar 4.2 Activity Diagram Menu Login Keterangan : Aktivitas diawali oleh pengguna membuka website dan pengguna memilih menu login yang merupakan menu awal bagi penguna untuk dapat masuk ke sistem. Pada menu ini diwajibkan untuk mengisi username dan password. Kemudian sistem akan memverifikasi data yang dimasukan apakah sudah sesuai atau tidak. Jika sesuai maka akan menampilkan halaman dashboard user, jika tidak maka akan menampilkan pesan kesalahan login dan kembali pada form login.
16 http://digilib.mercubuana.ac.id/
3. Activity Diagram Pembuatan User Profil
Gambar 4.3 Activity Diagram Menu Profil User Keterangan: Aktivitas diawali oleh pengguna membuka website dan pengguna memilih menu login yang merupakan menu awal bagi penguna untuk dapat masuk ke sistem. Lalu user memilih sub menu profil user ,Pada menu ini diwajibkan untuk mengisi data profil user pengajuan pembuatan akta notaris PT/CV. 4. Activity Diagram Pembuatan Akta Notaris PT/CV
Gambar 4.4 Activity Diagram Pembuatan PT/CV
17 http://digilib.mercubuana.ac.id/
Keterangan : Aktivitas diawali ketika pengguna masuk ke halaman dashboard user kemudian pengguna mengklik menu pembuatan akta notaris PT/CV. Setelah mengisi formulir pengajuan pembuatan PT/CV secara lengkap lalu user mengklik submit. Setelah user mengklik submit maka user dapat melihat pembuatan akta notaris yang telah di ajukan oleh user baik akta notaris PT/CV, setelah menampilkan halaman akta yang telah di ajukan maka user dapat mengklik menu invoice. 5. Activity Diagram Menampilkan Invoice
Gambar 4.5 Activity Diagram Invoice Keterangan: Aktivitas diawali ketika pengguna masuk ke halaman dashboard user kemudian pengguna mengklik menu pembuatan akta notaris PT/CV. Setelah mengisi formulir pengajuan pembuatan PT/CV secara lengkap lalu user mengklik submit. Setelah user mengklik submit maka user dapat melihat pembuatan akta notaris
18 http://digilib.mercubuana.ac.id/
yang telah di ajukan oleh user baik akta notaris PT/CV, setelah menampilkan halaman akta yang telah di ajukan maka user dapat mengklik menu invoice. 4.2
Pemodelan Diagram Sequence Sequence diagram merupakan gambaran interaksi antar masing-masing
objek pada setiap use case dalam urutan waktu. Interaksi ini berupa pengiriman serangkaian data antar objek-objek yang saling berinteraksi. 1. Sequence Diagram Register. Berikut ini adalah sequence diagram register untuk menggambarkan proses dimana calon user membuat account baru pada website.
Gambar 4.6 Sequence Diagram Register
19 http://digilib.mercubuana.ac.id/
2. Diagram Sequence Login Administrator Berikut ini adalah diagram sequence login administrator dimana admin akan melakukan update status dokumen yang telah di kerjakan sehingga user dapat melihat dokumen pembuatan akta notaris di halaman dashboard user atau tracker.
Gambar 4.7 Sequence Diagram Login 3.
Diagram Sequence User Profil Berikut ini adalah diagram sequence user profil dimana user akan
melakukan pengisian data user profil pembuatan akta notaris PT/CV.
Gambar 4.8 Sequence Diagram User Profil 20 http://digilib.mercubuana.ac.id/
4.
Diagram Sequence Pengisian Data Pendirian PT/CV
Berikut ini adalah sequence diagram pengisisan data pendirian PT/CV dimana user melakukan pengisian data pengajuan pendirian PT/CV.
Gambar 4.9 Sequence Diagram Pengisian Data Pendirian PT/CV 5.
Diagram Sequence Status Dokumen PT/CV Berikut ini adalah sequence diagram status dokumen.Pada halaman ini
administrator harus melakukan status dokumen yang telah di ajukan oleh user.
Gambar 4.10 Sequence Diagram Status Dokumen PT/CV 21 http://digilib.mercubuana.ac.id/
6. Diagram Sequence Pengajuan Saya Berikut ini adalah sequence diagram pengajuan saya.Pada halaman ini user dapat melihat nama pendirian PT/CV yang telah di setujui oleh notaris.
Gambar 4.11 Sequence Diagram Pengajuan Saya 7. Diagram Sequence Invoice.
Berikut ini adalah sequence diagram invoice pada halaman ini user dapat melihat tagihan pembuatan akta notaris PT/CV.
Gambar 4.12 Sequence Diagram Invoice
22 http://digilib.mercubuana.ac.id/
4.3
Perancangan Basis Data Pembuatan aplikasi ini membutuhkan sebuah database untuk pengolahan
data. Maka database tersebut di buat menggunakan phpMyAdmin dan MYSQL sebagai berikut : 4.3.1
Struktur Tabel Struktur tabel adalah penjelasan tentang field, tipe data dan ukuran data.
Berikut tabel-tabel yang digunakan dalam pembuatan aplikasi: 1. Tabel Register User Tabel ini menyimpan data register user tabel ini terdiri dari: No
Nama Field
Tipe Data
Ukuran
Keterangan
1
User_name
varchar
20
Primary key
2
email
Varchar
20
3
Password
Varchar
8
Tabel 1.1 Register Login 2. Tabel Login User Tabel ini menyimpan data login user tabel ini terdiri dari : No
Nama Field
Tipe Data
Ukuran
Keterangan
1
User_name
varchar
20
Primary key
2
Password
Varchar
8
Tabel 1.2 Register User
23 http://digilib.mercubuana.ac.id/
3. Tabel Pembuatan akta notaris PT/CV Tabel ini menyimpan data pembuatan akta notaris. Tabel ini sendiri terdiri dari : No
Nama Field
Tipe Data
Ukuran
1
id_pengajuan
integer
50
2
Tgl_pengajuan
date
10
3
Nama_user
varchar
20
4
Badan_usaha
varchar
2
5
pilihan_badan_usaha1
Varchar
255
6
pilihan_badan_usaha2
Varchar
255
7
pilihan_badan_usaha3
varchar
255
8
Alamat_badan_usaha
text
50
9
bidang_usaha 1
varchar
60
10
bidang_usaha 2
varchar
60
11
bidang_usaha 3
varchar
60
12
Nama_pendiri 1
Varchar
50
13
Noid_pendiri 1
Varchar
50
14
Nama_pendiri 2
Varchar
50
15
Noid_pendiri 2
Varchar
50
16
Modal_dasar
Varchar
50
17
Modal_ditempatkan
Varchar
50
18
Direksi
Varchar
50
19
Noid_direksi
Varchar
50
20
Nama_Komisaris 1
Varchar
50
21
Noid_komisaris 1
Varchar
50
22
Nama_komisaris 2
Varchar
50
23
Noid_komisaris 2
varchar
50
Tabel 1.3 Pembuatan Akta Notaris PT/CV
24 http://digilib.mercubuana.ac.id/
Keterangan Auto_increment
4.3.2
Class Diagram Class diagram digunakan untuk menampilkan data pembuatan akta notaris
PT/CV di dalam system. Class diagram menjelaskan hubungan antar tabel pada database yang digunakan oleh aplikasi. Berikut ini adalah gambar class diagram yang terjadi pada aplikasi pelayanan pembuatan akta notaris PT/CV berbasis website.
Gambar 4.3.2 Class Diagram
25 http://digilib.mercubuana.ac.id/
4.4
Rancangan Dialog Interface
1. Struktur Tampilan Halaman Utama
Gambar 4.4.1 Struktur Tampilan Halaman Utama Keterangan : ini adalah halaman utama. User dapat membuat account baru dan melakukan login dari halaman utama website. 2.
Halaman Register
Gambar 4.4.2 Halaman Register Keterangan : pada halaman ini pengguna dapat mengisi form register untuk membuat account baru.
26 http://digilib.mercubuana.ac.id/
3.
Halaman Login
Gambar 4.4.3 Halaman Login Keterangan : apabila user sudah mempunyai account, sebelum melakukan pengajuan akta notaris PT/CV, user harus melakukan login dengan memasukkan username dan password yang sudah didaftarkan. 4.
Halaman Dashboard User
Gambar 4.4.4 Halaman Dashboard User Keterangan : Pada halaman dashboard user, terdapat sub menu proses pembuatan akta notaris PT/CV . Menu tersebut untuk memasukkan data yang diperlukan dalam pembuatan akta notaris PT/CV
27 http://digilib.mercubuana.ac.id/
