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

Berikut adalah keterangan mengenai use case diagram diatas: Nama Use Case Diagram Login 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

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

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

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

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

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

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

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

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

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

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 Keterangan 1 id_pengajuan integer 50 Auto_increment 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

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

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

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