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 Membuka Panel Menu Pengertian konten Pengertian Pernikahan konten Pernikahan Pilih Menu Keturunan konten Keturunan Keluarga Pilih Sub Menu Harta Benda Pilih Sub Menu Harta Pribadi konten Harta Pribadi Peralihan Hak Pilih Sub Menu Harta Bersama konten Harta Bersama Pengurusan konten Pengurusan Jual Beli konten Jual Beli Perceraian konten Perceraian Hibah konten Hibah Pewarisan konten Pewarisan Pembebanan konten Pembebanan Penelusuran Masalah 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 Keterangan 1 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
2 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 3 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 46
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 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 7 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.