40
BAB III ANALISIS DAN PERANCANGAN
Bab ini akan menjelaskan analisa sistem dan perancangan pada aplikasi Hukum Keluarga, tahap pertama adalah analisis dan selanjutnya adalah perancangan aplikasi. 3.1. Analisa Perancangan Sistem Tahap analisis ini adalah tahapan awal dalam pembuatan aplikasi, pada tahapan ini penulis menganalisa kebutuhan aplikasi. Analisa dilakukan pada datadata yang dibutuhkan aplikasi, sehingga dapat diketahui apa saja yang dibutuhkan untuk membangun aplikasi ini. Pembuatan Poin-poin penting dan konten pada aplikasi sudah didiskusikan dengan beberapa notaris antara lain notaris Marce Krisna Moerni S.H., S.Pi., Zulfanovriyendi S.H. M.Kn., Mudanton Tri Putra S.H. M.Kn., Ridha Kurniawan Adnan S.H., M.Kn. Banyak dari kita yang tidak mengetahui apa itu mengenai hukum keluarga. bahkan untuk masalah yang sangat umum saja mereka bahkan menanyakan kepada notaris. apalagi mengenai persyaratan-persyaratan yang dibutuhkan ketika akan membuat akta ke notaris. berdasarkan permasalah ini penulis ingin mencoba membuat aplikasi ini, sebagai acuan bagi mereka yang ingin mengetahi mengenai hukum keluarga dan harta benda.
41
3.2. Analisis Kebutuhan Perancangan
aplikasi
tentunya
membutuhkan
perencanaan
terhadap
komponen dan utilitas yang mendukung agak aplikasi tersebut dapat dibuat, disimulasikan dan dijalankan dengan baik. kebutuhan tersebut meliputi kebutuhan perangkat keras dan perangkat lunak yang akan digunakan. 3.2.1. Kebutuhan Perangkat Keras Perangkat keras yang digunakan dalam menyelesaikan aplikasi ini adalah: a. Satu unit laptop dengan spesifikasi Processor intel core i3, RAM 6GB, Harddisk 500GB. b. Smartphone Android Lenovo Vibe x2. 3.2.2. Kebutuhan Perangkat Lunak Adapun perangkat lunak yang digunakan yaitu: a. Sistem operasi windows 7 Ultimate SP 1 b. Android Studio c. Cordova Framework d. Java Development Kit (JDK) e. ant built 3.3. Perancangan Sistem Aplikasi ini dibuat menggunakan Cordova Framework dan Jquery Mobile. sedangkan untuk bahasa pemrogramannya menggunakan HTML5, dan juga javascript. untuk editor menggunakan Sublime Text. dalam tahap perancangan sistem ini akan dijelaskan mengenai rancangan aplikasi yang meliputi pemodelan use case diagram, activity diagram dan sequence diagram. begitu juga perancangan storyboard.
42
3.3.1. Cara Kerja Sistem Aplikasi ini menampilkan informasi mengenai segala sesuatu yang berhubungan dengan hukum keluarga dan harta benda. mengenai keluarga, perceraian, hibah, warisan, dan lain-lain. dan juga terdapat penulusuran masalah mengenai hal-hal yang berhubungan dengan pembuatan akta di notaris. Aplikasi ini tidak membutuhkan database karena semua informasi bersifat statis, sehingga tidak perlu ada sesuatu yang disimpan dan diambil dari database. 3.3.2. Flow Chart Flowchart atau diagram alir merupakan sebuah diagram yang menunjukkan aliran algoritma dari suatu program. Flowchat merupakan langkah paling awal dalam pembuatan program yang menunjukkan hubungan antar proses yang digambarkan dalam bentuk simbol-simbol dan hubungan antar proses dihubungkan dengan tanda panah. Tujuan pembuatan flowchart agar urutan proses menjadi lebih jelas dan mempermudah penyelesaian suatu masalah yang perlu dipelajari dan dievaluasi lebih lanjut. Flowchart juga digunakan untuk dokumentasi. Berikut ini adalah flowchart pada aplikasi ini.
43
Mulai
Pengertian Membuka Panel Menu
Menampilkan konten Pengertian
Ya
Menampilkan konten Pernikahan
Ya
Menampilkan konten Keturunan
Ya
Menampilkan konten Harta Pribadi
Ya
Menampilkan konten Harta Bersama
Ya
Menampilkan konten Jual Beli
Ya
Menampilkan konten Hibah
Ya
Menampilkan konten Pembebanan
Tidak
Pernikahan Pilih Menu
Tidak
Keturunan Ya Keluarga
Pilih Sub Menu
Tidak
Tidak Harta Pribadi Ya Harta Benda
Pilih Sub Menu
Tidak
Tidak Harta Bersama Peralihan Hak
Ya
Ya
Pilih Sub Menu
Tidak
Tidak Jual Beli Pengurusan
Ya
Menampilkan konten Pengurusan
Tidak
Tidak Hibah Perceraian
Ya
Menampilkan konten Perceraian
Tidak
Tidak Pembebanan Pewarisan
Ya
Menampilkan konten Pewarisan
Tidak
Tidak
Penelusuran Masalah
Ya
Menampilkan konten Penelusuran Masalah
Keluar
Selesai
Gambar 3.1 Flowchart Aplikasi Gambar 3.1 menjelaskan flowchart aplikasi, simbol dengan tulisan “mulai” menunjukkan aplikasi pertama kali dijalankan, lalu user dapat membuka menu pada aplikasi dengan membuka panel. Panel akan menampilkan menu pada
44
aplikasi. Jika user memilih menu yang memiliki sub menu maka aplikasi akan menampilkan sub menu yang tersedia, atau aplikasi akan menampilkan konten dari menu yang dipilih. Konten juga akan ditampilkan juga user memilih sub menu yang tersedia. Jika selesai maka akan ada opsi untuk keluar dari aplikasi, jika tidak user dapat memilih menu lainnya pada panel.
3.3.3. Perancangan Peta Navigasi
Gambar 3.2 Peta Navigasi
45
Gambar 3.2 menunjukkan perancangan peta navigasi. Peta navigasi digunakan untuk memudahkan merancang aplikasi yang akan dibuat untuk menentukan proses jalannya aplikasi dan juga sebagai untuk memeriksa apakah aplikasi sudah dibuat sesuai dengan tujuan awal.
3.3.4. Perancangan Storyboard Gambar yang digunakan untuk menunjukkan secara visual bagaimana aplikasi ditampilkan. Storyboard ini menunjukkan objek atau elemen multimedia serta komponen-komponen aplikasi yang akan dibuat. Storyboard digunakan sebagai alat bantu pada tahapan perancangan. Satu kolom storyboard mewakili satu tampilan di layar handphone.
No Visual 1
Keterangan Nama Halaman : Halaman Utama 1. Home : Merupakan tampilan utama dari aplikasi yang bertuliskan Home 2. Image : Berisi gambar dari aplikasi 3. Panel : Merupakan tombol yang berisi menu dan sub menu dari aplikasi 4. Tentang Aplikasi : yaitu tombol yang berisi keterangan tentang aplikasi 5. Panduan : yaitu tombol yang berisi Panduan aplikasi
46
2
3
Nama Halaman : Halaman Panel 1. Home : Untuk Kembali ke Halamam Utama 2. Keluarga : Menjelaskan tentang Keluarga 3. Harta Benda : Menu Tentang Harta Benda 4. Peralihan Hak : Menu Tentang Peralihan Hak 5. Pengurusan : Menu Tentang Pengurusan 6. Perceraian : Menu Tentang Perceraian 7. Pewarisan : Menu Tentang Pewarisan 8. Penelusuran Masalah : Menu Tentang Penelusuran Masalah Nama Halaman : Halaman Sub Menu Keluarga 1. Keluarga : Menjelaskan tentang Keluarga 2. Pengertian : Sub Menu Tentang Pengertian 3. Pernikahan : Sub Menu Tentang Pernikahan 4. Keturunan : Sub Menu Tentang Keturunan
47
4
Nama Halaman : Halaman Sub Menu Harta Benda 1. Harta Benda : Menu Tentang Harta Benda 2. Harta Pribadi : Sub Menu Tentang Harta Pribadi 3. Harta Bersama : Sub Menu Tentang Harta Bersama
5
Nama Halaman : Halaman Sub Menu Peralihan Hak 1. Peralihan Hak : Menu Tentang Peralihan Hak 2. Jual Beli : Sub Menu Tentang Jual Beli 3. Hibah : Sub Menu Tentang Hibah 4. Pembebanan : Sub Menu Tentang Penjaminan.
48
6
7
Nama Halaman : Halaman Tabbed Widget Jual Beli 1. Jual Beli : Judul Dari Menu yang dibuka 2. Konten : Barisi konten dari menu yang dipilih 3. Data Tanah : Collapsible Widget yang berisi informasi Data Tanah yang diperlukan 4. Data Penjual & Pembeli : Collapsible Widget yang berisi informasi informasi tentang penjual dan pembeli 5. Jika Jual Beli dilakukan Ahli Waris : Collapsible Widget yang berisi informasi Jika Jual Beli dilakukan Ahli Waris 6. Lama Pengerjaan : Collapsible Widget yang berisi informasi Lama Pengerjaan Nama Halaman : Halaman Tabbed Widget Hibah 1. Hibah : Judul dari Tabbed Widget yang dibuka 2. Konten : Barisi konten dari menu yang dipilih 3. Kelengkapan Data : Collapsible Widget yang berisi informasi Kelengkapan Data 4. Proses Sertifikasi dan Ganti Nama : Collapsible Widget yang berisi informasi tentang Proses Sertifikasi dan Ganti Nama 5. Estimasi Pengerjaan : Collapsible Widget yang berisi informasi Estimasi Pengerjaan
49
8
Nama Halaman : Halaman Tabbed Widget Wasiat 1. Wasiat : Berisi Judul dari Tabbed Widget yang dibuka 2. Konten : Barisi konten dari menu yang dipilih 3. Subjek : Collapsible Widget yang berisi informasi Subjek Wasiat 4. Objek : Collapsible Widget yang berisi informasi tentang Objek Wasiat 5. Konten Informasi Lainnya : konten yang menjelaskan informasi lainnya tentang wasiat
9
Nama Halaman : Halaman Tabbed Widget Sewa Menyewa 1. Sewa Menyewa : berisi Judul dari Tabbed Widget yang dibuka. 2. Konten : Barisi konten dari menu yang dipilih 3. Subjek : Collapsible Widget yang berisi informasi Subjek Sewa Menyewa 4. Objek : Collapsible Widget yang berisi informasi tentang Objek Sewa Menyewa 5. Konten Informasi Lainnya : konten yang menjelaskan informasi lainnya tentang Sewa Menyewa.
Tabel 3.1 Storyboard Aplikasi
3.3.5. 3.4.
