52
BAB IV ANALISIS DAN PERANCANGAN
Pada tahapan ini akan dilakukan analisis dan perancangan sistem yang diklasifikasikan secara detail berdasarkan kebutuhan (requirement). Kerangka pemodelan menggunakan RUP (Rational Unified Process) dalam tahapan ini membahas fase inception dan fase elaboration. 4.1.
Fase Inception Pada fase awal RUP ini akan memodelkan proses bisnis yang dibutuhkan
(business modelling) dan mendefinisikan kebutuhan sistem yang akan dibuat (requirement). 4.1.1. Proses Bisnis Aplikasi Pengolahan Data Nikah Berbasis Web Proses bisnis ini dapat memberikan gambaran sebagai dasar evaluasi terhadap proses bisnis yang sedang berjalan sehingga hasil dari evaluasi ini akan menghasilkan kebutuhan-kebutuhan yang jelas dan mudah dipahami untuk menghasilkan proses bisnis baru. a.
Deskripsi Proses Bisnis Pengolahan Data Nikah Pengolahan data nikah merupakan proses bisnis yang dilakukan untuk
mengolah data nikah. Proses bisnis yang akan dijelaskan pada analisis ini hanya menjelaskan informasi data nikah. Informasi yang dihasilkan berupa jumlah data nikah, laporan data nikah atau rekap data selama satu tahun yang akan dilaporkan pada kepala KUA dan dijadikan sebagai arsip yang suatu saat bisa digunakan bila
52
53
diperlukan. Laporan data yang sudah direkap setiap bulan diproses menjadi informasi berbentuk presentase. b.
Deskripsi Proses Bisnis Pengolahan Data Cerai Pengolahan data cerai merupakan proses bisnis yang dilakukan untuk
mengolah data cerai. Proses bisnis yang akan dijelaskan pada analisis ini hanya menjelaskan informasi data cerai. Informasi yang dihasilkan berupa jumlah data cerai, laporan data cerai atau rekap data selama satu tahun yang akan dilaporkan pada kepala KUA dan dijadikan sebagai arsip yang suatu saat bisa digunakan bila diperlukan. Laporan data yang sudah direkap setiap bulan diproses menjadi informasi berbentuk presentase. c.
Deskripsi Proses Bisnis Pengolahan Data Penghulu Pengolahan data penghulu merupakan proses bisnis yang dilakukan untuk
mengolah data penghulu. Proses bisnis yang akan dijelaskan pada analisis ini hanya menjelaskan informasi data penghulu. Informasi yang dihasilkan berupa jumlah data penghulu. d.
Deskripsi Proses Bisnis Pengolahan Data P3N Pengolahan data P3N merupakan proses bisnis yang dilakukan untuk
mengolah data P3N. Proses bisnis yang akan dijelaskan pada analisis ini hanya menjelaskan informasi data P3N. Informasi yang dihasilkan berupa jumlah data P3N. e.
Deskripsi Proses Bisnis Pengolahan Data Desa Pengolahan data desa merupakan proses bisnis yang dilakukan untuk
mengolah data desa. Proses bisnis yang akan dijelaskan pada analisis ini hanya
54
menjelaskan informasi data desa. Informasi yang dihasilkan berupa jumlah data desa. 4.1.2. Analisis Permasalahan Dari pengamatan yang dilakukan, terdapat beberapa masalah pada sistem pengolahan data nikah berbasis web sehingga dirasakan perlu untuk dibangun sebuah aplikasi untuk mengatasi mengatasi permasalahan yang ada. Berikut permasalahan tersebut:
Pengolahan data nikah dan cerai masih secara manual yaitu dicatat sebuah buku, hal ini mengakibatkan proses dalam penginputan data dan pembuatan laporan yang dibutuhkan sedikit lamban sehingga menimbulkan proses dan waktu yang cukup lama.
Keamanan dan keakuratan dalam penyimpanan data masih kurang terjamin karena pengolahan data masih manual. Untuk arsip penting juga masih berupa kertas yang dapat menyebabkan hilang dan rusak.
Dalam pencarian data masih mengalami kesulitan karena harus membuka satu persatu dari arsip data yang ada.
4.1.3. Usulan Pemecahan Masalah Dari permasalahan yang timbul diusulkan untuk membuat aplikasi pengolahan data nikah berbasis web, dimana aplikasi tersebut dapat dipergunakan sebagai alat bantu dalam proses pengolahan data nikah dan cerai pada KUA Kec. Lembang. Dan dalam penyimpanan datanya lebih terjamin karena menggunakan database juga dalam proses pencarian akan lebih mudah.
55
4.1.4. Ruang Lingkup Sistem Dari hasil analisis yang dilakukan maka sistem yang akan dikembangkan difokuskan untuk menjadi solusi sesuai dengan yang dijabarkan pada bagian Usulan Pemecahan Masalah. Secara teknis ruang lingkup aplikasi pengolahan data nikah yang akan dibangun terdiri dari dua bagian,yaitu: 1.
Ruang lingkup sistem bagi admin, dimana dalam ruang lingkup sistem ini admin dapat melakukan login kemudian melakukan pengolahan data dan mencetak laporan.
2.
Ruang lingkup sistem bagi pengguna, dimana dalam ruang lingkup sistem ini pengguna tidak melakukan login hanya dapat melihat data dan mencari data. Pengguna juga dapat melakukan daftar nikah dan mengunduh formulir nikah.
4.1.5. Analisis Kebutuhan Sistem Setelah melakukan analisis sistem untuk mengetahui permasalahan yang ada, selanjutnya yaitu analisis kebutuhan fungsional dan kebutuhan non fungsional. A. Kebutuhan Non Fungsional Kebutuhan non fungsional merupakan kondisi yang harus dipenuhi oleh sistem sesuai dengan spesifikasi yang akan digunakan. Analisis kebutuhan non fungsional yang diinginkan antara lain meliputi: 1. Analisis Kebutuhan Perangkat Keras (Hardware) 2. Analisis Kebutuhan Perangkat Lunak (Software)
56
3. Analisis Pengguna (Brainware)
4.1.5.1. Analisis Kebutuhan Perangkat Keras (Hardware) Dibutuhkan perangkat keras untuk membangun aplikasi ini. Berikut merupakan rekomendasi perangkat keras yang dibutuhkan. a. Spesifikasi minimal:
Menggunakan minimal kompatibel dengan processor Intel Pentium.
Menggunakan RAM minimal 1 GB.
Tersedianya Hard Disk untuk media penyimpanan, minimal 120 GB.
Display minimal 1024px X 600px dengan 16 bit warna.
Mouse dan keyboard.
b. Spesifikasi yang direkomendasikan:
Processor: Intel Pentium Core.
Random Access Memory (RAM): 2 GB.
Hard Disk: 250 GB.
Display : 1280px X 800px with 16bit color.
Mouse dan keyboard.
4.1.5.2. Analisis Kebutuhan Perangkat Lunak (Software) Untuk dapat mengakses aplikasi ini pasti dibutuhkan beberapa aplikasi untuk menunjang proses pembuatan aplikasi, berikut daftar perangkat lunak yang dibutuhkan dan digunakan pada saat pembangunan aplikasi ini: 1. Untuk sistem operasi menggunakan Microsoft Windows (XP, 7, 8)
57
2. Notepad++ minimal versi 5.4.2 sebagai teks editor untuk menulis kode-kode pemrograman 3. XAMPP minimal versi 1.6.4 [PHP: 5.2.4] sebagai webserver 4. Implementasi basis data menggunakan MySQL 5. Aplikasi CodeIgniter minimal versi 1.7.2 sebagai framework dengan modul MVC (Model, View, Controller) 6. Aplikasi web browser dapat menggunakan Mozilla Firefox, Google Chrome, Safari, Opera dan lain-lain 7. Aplikasi untuk perancangan sistem dapat menggunakan starUML dan EA (Enterprise Architect) 8. Pencil versi 1.3.2 sebagai aplikasi untuk membuat mockups dan layouting
4.1.5.3. Analisis Pengguna (Brainware) Analisis pengguna (brainware) merupakan analisis terhadap kemampuan yang dimiliki oleh pengguna terhadap aplikasi pengolahan data nikah. Terdapat tiga pengguna (aktor) dalam ini diantaranya admin, pengguna dan Kepala KUA. Berikut ini Tabel 4.1 karakteristik pengguna: Tabel 4.1 Karakteristik Pengguna No 1.
Nama Aktor Admin
2.
Pengguna
3.
Kepala KUA
Hak Akses Sebagai pengelola keseluruhan sistem, sebagai penginput data dan mengelola data apabila terjadi kesalahan Sebagai pengguna sistem, tidak mempunyai hak akses login dan dapat melihat seluruh hasil dari proses yang terjadi pada sistem. Menerima laporan
58
B. Kebutuhan Fungsional Kebutuhan fungsional merupakan kebutuhan secara fungsional yang harus dipenuhi oleh perangkat lunak yang akan dibangun untuk memudahkan dalam mendeskripsikan requirement. Diperlukan aturan penomoran berikut: Req-xxx adalah kode yang merepresentasikan kebutuhan fungsional. Req adalah kepanjangan dari requirement, xxx adalah digital atau nomor urutan requirement. Kebutuhan fungsional tersebut dideskripsikan pada Tabel 4.2 sebagai berikut:
Tabel 4.2 Kebutuhan Fungsional No. 1.
2.
3.
4.
5.
Kode Kebutuhan REQ – 001 REQ – 101 REQ – 102 REQ – 103 REQ – 104 REQ – 105 REQ – 106 REQ – 107 REQ – 201 REQ – 202 REQ – 203 REQ – 204 REQ – 205 REQ – 206 REQ – 301 REQ – 202 REQ – 303 REQ – 304 REQ – 305 REQ – 401 REQ – 402 REQ – 403 REQ – 404 REQ – 405
Deskripsi Kebutuhan Proses Login Admin Proses Pengolahan Data Nikah Proses Tambah Data Nikah Proses Edit Data Nikah Proses Hapus Data Nikah Proses Lihat Data Nikah Proses Cari Data Nikah Proses Unduh Data Nikah Proses Pengolahan Data Cerai Proses Tambah Data Cerai Proses Edit Data Cerai Proses Hapus Data Cerai Proses Lihat Data Cerai Proses Unduh Data Cerai Proses Pengolahan Data Penghulu Proses Tambah Data Penghulu Proses Edit Data Penghulu Proses Hapus Data Penghulu Proses Lihat Data Penghulu Proses Pengolahan Data P3N Proses Tambah Data P3N Proses Edit Data P3N Proses Hapus Data P3N Proses Lihat Data P3N
Keterangan Admin Login Mengolah Data Nikah Menambah Data Nikah Mengedit Data Nikah Menghapus Data Nikah Melihat Data Nikah Mencari Data Nikah Mengunduh Data Nikah Mengolah Data Cerai Menambah Data Cerai Mengedit Data Cerai Menghapus Data Cerai Melihat Data Cerai Mengunduh Data Cerai Mengolah Data Penghulu Menambah Data Penghulu Mengedit Data Penghulu Menghapus Data Penghulu Melihat Data Penghulu Mengolah Data P3N Menambah Data P3N Mengedit Data P3N Menghapus Data P3N Melihat Data P3N
59
Tabel 4.2 Kebutuhan Fungsional (Lanjutan) No.
6.
7.
8.
Kode Kebutuhan REQ – 501 REQ – 502 REQ – 503 REQ – 504 REQ – 505 REQ – 601 REQ – 602 REQ – 603 REQ – 604 REQ – 605 REQ – 606 REQ – 701 REQ – 702
4.2.
Deskripsi Kebutuhan Proses Pengolahan Data Desa Proses Tambah Data Desa Proses Edit Data Desa Proses Hapus Data Desa Proses Lihat Data Desa Proses Upload Formulir Proses Tambah Upload Formulir Proses Edit Upload Formulir Proses Hapus Upload Formulir Proses Lihat Upload Formulir Proses Unduh Formulir Proses Daftar Nikah Proses Tambah Daftar Nikah
Keterangan Mengolah Data Desa Menambah Data Desa Mengedit Data Desa Menghapus Data Desa Melihat Data Desa Mengupload Formulir Menambah Upload Formulir Mengedit Upload Formulir Menghapus Upload Formulir Melihat Upload Formulir Mengunduh Formulir Mengolah Daftar nikah Menambah Daftar Nikah
Fase Elaboration Pada fase ini akan menganalisis dan mendesain sistem serta implementasi
sistem yang mengacu kepada kebutuhankebutuhan yang sudah dijabarkan pada fase inception.
4.2.1. Use case Diagram Use case merupakan deskripsi fungsi sebuah sistem dari perspektif penguna. Use case bekerja dengan cara mendeskripsikan tipikal interaksi antara pengguna sebuah sistem dengan sistemnya sendiri melalui sebuah cerita bagaimana sebuah sistem dipakai. Berikut ini Gambar 4.1 use case perancangan sistem:
60
System login
pengolahan data nikah
pengolahan data cerai
pengolahan data penghulu
pengolahan data p3n
Admin
pengolahan data desa
upload formulir
daftar nikah
Pengguna
cari data
lihat data
Kepala KUA
cetak data
download formulir
laporan
Gambar 4.1 Use case Diagram Pada use case di atas mengambarkan bahwa admin harus selalu login untuk melakukan pengolahan data nikah, cerai, penghulu, P3N, desa dan upload formulir. Sedangkan pengguna dapat langsung mendaftar nikah, mencari data, melihat data dan download formulir tanpa harus login begitu juga Kepala KUA dapat langsung melihat hasil dari pengolahan data dan mencari data tanpa harus login terlebih dahulu.
61
4.2.2. Use case Skenario Use case merupakan serangkaian skenario yag digabungkan bersama-sama oleh tujuan umum pengguna. Setiap skenario mendeskripsikan urutan kejadian, setiap urutan diinisialisasi oleh orang, sistem yang lain, perangkat keras atau urutan waktu. a. Use case Login Fungi proses Login merupakan reaksi sistem kepada setiap pengguna yang mempunyai hak akses. Syarat utama untuk mengakses sistem ini yaitu setiap pengguna
harus memasukan username dan password. Berikut ini Tabel 4.3
skenario use case login: Tabel 4.3 Skenario Use case Login Nama Tujuan
Login Validasi login
Aktor
Admin
Deskripsi Skenario Utama Admin memiliki username dan password Kondisi Awal Aksi Aktor Reaksi Sistem 1. Memasuki halaman login Admin. 2. Memasukan username dan password 3. Menekan tombol login. 4. Validasi data login yang diisi oleh Admin. 5. Sistem menampilkan halaman utama admin jika login berhasil. 6. Sistem menampilkan peringatan “ Login gagal!” Jika username dan password salah, dan kembali ke aksi no 2. 7. Tampilkan halaman beranda Admin.
62
8. Masuk ke halaman utama Admin. Kondisi Akhir Exception
Admin login 4a. Sistem menampilkan halaman utama admin jika pengguna name dan password benar. 4b. Sistem menampilkan peringatan “ Login gagal!” Jika username dan password salah.
b. Use case Pengolahan Data Nikah Fungsi pengolahan data nikah merupakan reaksi sistem kepada admin untuk memberikan kemudahan kepada admin menambahkan data-data nikah, mengedit, menghapus dan mencetak, admin mengakses data pada halaman admin setelah admin memilih menu data nikah. Form yang disediakan sistem akan membantu aktor ketika melakukan tambah data. Berikut ini Tabel 4.4 skenario use case pengolahan data nikah: Tabel 4.4 Skenario Use case Pengolahan Data Nikah Pengolahan data Nikah Memberikan informasi data Deskripsi Admin Aktor Skenario Utama Admin telah melakukan login. Kondisi Awal Aksi Aktor Reaksi Sistem 1. Memilih menu data nikah 2. Sistem menampilkan halaman datadata nikah 3. Menekan tombol tambah nikah 4. Sistem menampilkan form data nikah Nama Tujuan
63
5. Admin mengisi form data nikah
Kondisi akhir Exception
6. Sistem memvalidasi data yang telah ditambah 7. Sistem akan menyimpan dan menampilkan data yang telah ditambah apabila tambah data berhasil. 8. Sistem akan menampilkan peringatan jika salah atau kurang lengkap, dan kembali ke aksi no 5. 9. Sistem menampilkan data nikah Tampilan halaman data nikah 6a. Sistem akan menyimpan data yang telah ditambah apabila tambah data berhasil. 6b. Sistem akan menampilkan peringatan jika salah atau kurang lengkap.
c. Use case Pengolahan Data Cerai Fungsi pengolahan data cerai merupakan reaksi sistem kepada admin untuk memberikan kemudahan kepada admin menambahkan data-data cerai, mengedit, menghapus dan mencetak, admin mengakses data pada halaman admin setelah admin memilih menu data nikah. Form yang disediakan sistem akan membantu aktor ketika melakukan tambah data. Berikut ini Tabel 4.5 skenario use case pengolahan data cerai: Tabel 4.5 Skenario Use case Pengolahan Data Cerai Pengolahan data Cerai Memberikan informasi data Deskripsi Admin Aktor Skenario Utama Admin telah melakukan login. Kondisi Awal Aksi Aktor Reaksi Sistem 1. Memilih menu data cerai 2. Sistem menampilkan halaman datadata cerai 3. Menekan tombol tambah cerai 4. Sistem menampilkan form data cerai Nama Tujuan
64
5. Admin mengisi form data cerai 6. Sistem memvalidasi data yang telah ditambah 7. Sistem akan menyimpan dan menampilkan data yang telah ditambah apabila tambah data berhasil. 8. Sistem akan menampilkan peringatan jika salah atau kurang lengkap, dan kembali ke aksi no 5. 9. Sistem menampilkan data cerai Tampilan halaman data cerai 6a. Sistem akan menyimpan data yang telah ditambah apabila tambah data berhasil. 6b. Sistem akan menampilkan peringatan jika salah atau kurang lengkap.
Kondisi akhir Exception
d. Use case Pengolahan Data Penghulu Fungsi pengolahan data Penghulu merupakan reaksi sistem kepada admin untuk memberikan kemudahan kepada admin menambahkan data-data penghulu, mengedit, dan menghapus, admin mengakses data pada halaman admin setelah admin memilih menu data penghulu. Form yang disediakan sistem akan membantu aktor ketika melakukan tambah data. Berikut ini Tabel 4.6 skenario use case pengolahan data penghulu: Tabel 4.6 Skenario Use case Pengolahan Data Penghulu Pengolahan data Penghulu Memberikan informasi data Deskripsi Admin Aktor Skenario Utama Admin telah melakukan login. Kondisi Awal Aksi Aktor Reaksi Sistem 1. Memilih menu data penghulu 2. Sistem menampilkan halaman datadata penghulu Nama Tujuan
65
3. Menekan tombol tambah penghulu 4. Sistem menampilkan form data penghulu 5. Admin mengisi form data penghulu 6. Sistem memvalidasi data yang telah ditambah 7. Sistem akan menyimpan dan menampilkan data yang telah ditambah apabila tambah data berhasil. 8. Sistem akan menampilkan peringatan jika salah atau kurang lengkap, dan kembali ke aksi no 5. 9. Sistem menampilkan data penghulu Tampilan halaman data penghulu Kondisi akhir 6a. Sistem akan menyimpan data yang Exception telah ditambah apabila tambah data berhasil. 6b. Sistem akan menampilkan peringatan jika salah atau kurang lengkap.
e. Use case Pengolahan Data P3N Fungsi pengolahan data P3N merupakan reaksi sistem kepada admin untuk memberikan kemudahan kepada admin menambahkan data-data P3N, mengedit, dan menghapus, admin mengakses data pada halaman admin setelah admin memilih menu data P3N. Form yang disediakan sistem akan membantu aktor ketika melakukan tambah data. Berikut ini Tabel 4.7 skenario use case pengolahan data P3N: Tabel 4.7 Skenario Use case Pengolahan Data P3N Pengolahan data P3N Memberikan informasi data Deskripsi Admin Aktor Skenario Utama Admin telah melakukan login. Kondisi Awal Aksi Aktor Reaksi Sistem 1. Memilih menu data P3N 2. Sistem menampilkan halaman dataNama Tujuan
66
data P3N 3. Menekan tombol tambah P3N 4. Sistem menampilkan form data P3N 5. Admin mengisi form data P3N 6. Sistem memvalidasi data yang telah ditambah 7. Sistem akan menyimpan dan menampilkan data yang telah ditambah apabila tambah data berhasil. 8. Sistem akan menampilkan peringatan jika salah atau kurang lengkap, dan kembali ke aksi no 5. 9. Sistem menampilkan data P3N Tampilan halaman data P3N 6a. Sistem akan menyimpan data yang telah ditambah apabila tambah data berhasil. 6b. Sistem akan menampilkan peringatan jika salah atau kurang lengkap.
Kondisi akhir Exception
f. Use case Pengolahan Data Desa Fungsi pengolahan data desa merupakan reaksi sistem kepada admin untuk memberikan kemudahan kepada admin menambahkan data-data desa, mengedit, dan menghapus, admin mengakses data pada halaman admin setelah admin memilih menu data desa. Form yang disediakan sistem akan membantu aktor ketika melakukan tambah data. Berikut ini Tabel 4.8 skenario use case pengolahan data desa: Tabel 4.8 Skenario Use case Pengolahan Data Desa Nama Tujuan Aktor Kondisi Awal
Pengolahan data Desa Memberikan informasi data Deskripsi Admin Skenario Utama Admin telah melakukan login.
67
Aksi Aktor 1. Memilih menu data Desa
Reaksi Sistem 2. Sistem menampilkan halaman datadata Desa
3. Menekan tombol tambah Desa 4. Sistem menampilkan form data Desa 5. Admin mengisi form data Desa 6. Sistem memvalidasi data yang telah ditambah 7. Sistem akan menyimpan dan menampilkan data yang telah ditambah apabila tambah data berhasil. 8. Sistem akan menampilkan peringatan jika salah atau kurang lengkap, dan kembali ke aksi no 5. 9. Sistem menampilkan data Desa Tampilan halaman data Desa 6a. Sistem akan menyimpan data yang telah ditambah apabila tambah data berhasil. 6b. Sistem akan menampilkan peringatan jika salah atau kurang lengkap.
Kondisi akhir Exception
g. Use case Upload Formulir Fungsi upload data merupakan reaksi sistem kepada admin untuk memberikan
kemudahan
admin
menambahkan
formulir,
mengedit,
dan
menghapus, admin mengaksesnya pada halaman admin setelah admin memilih menu Upload Formuliar. Form yang disediakan sistem akan membantu aktor ketika melakukan Upload. Berikut ini Tabel 4.9 skenario use case Upload Formuliar: Tabel 4.9 Skenario Use case Upload Formulir Nama Tujuan Aktor
Upload Formulir Memberikan fasilitas formulir Deskripsi Admin
68
Skenario Utama Admin telah melakukan login. Kondisi Awal Aksi Aktor Reaksi Sistem 1. Memilih menu upload formulir 2. Sistem menampilkan halaman upload formulir 3. Menekan tombol tambah formulir 4. Sistem menampilkan form upload formulir 5. Admin mengisi form upload formulir 6. Sistem memvalidasi data yang telah ditambah 7. Sistem akan menyimpan dan menampilkan data yang telah ditambah apabila tambah data berhasil. 8. Sistem akan menampilkan peringatan jika salah atau kurang lengkap, dan kembali ke aksi no 5. 9. Sistem menampilkan data formulir Tampilan halaman upload formulir Kondisi akhir 6a. Sistem akan menyimpan data yang Exception telah ditambah apabila tambah data berhasil. 6b. Sistem akan menampilkan peringatan jika salah atau kurang lengkap.
h. Use case Daftar Nikah Fungsi daftar nikah merupakan reaksi sistem kepada pengguna untuk melakukan daftar nikah. Pengguna dapat mengakses daftar nikah pada halaman pengguna. Form yang disediakan sistem akan membantu aktor ketika melakukan daftar nikah. Berikut ini Tabel 4.10 skenario use case daftar nikah: Tabel 4.10 Skenario Use case Daftar Nikah Nama Tujuan Aktor
Daftar Nikah Memberikan fasilitas daftar nikah online Deskripsi Pengguna
69
Skenario Utama Pengguna membuka halaman utama aplikasi Kondisi Awal Aksi Aktor Reaksi Sistem 1. Memilih menu daftar nikah 2. Menampilkan form daftar nikah 3. Mengisi form daftar nikah 4. Sistem memvalidasi data yang telah ditambah 5. Sistem akan menyimpan data yang telah ditambah apabila tambah data berhasil. 6. Sistem akan menampilkan peringatan jika salah atau kurang lengkap, dan kembali ke aksi no 3 7. Sistem menampilkan hasil daftar Tampilan hasil daftar nikah Kondisi akhir 4a. Sistem akan menyimpan data yang Exception telah ditambah apabila tambah data berhasil. 4b. Sistem akan menampilkan peringatan jika salah atau kurang lengkap.
i. Use case Cari Data Fungsi cari data merupakan reaksi sistem kepada admin, pengguna dan Kepala KUA untuk
memberikan kemudahan dalam pencarian data. Admin,
pengguna dan Kepala KUA dapat mengakses cari data pada halaman pengguna. Form yang disediakan sistem akan membantu aktor ketika melakukan pencarian data. Berikut ini Tabel 4.11 skenario use case cari data: Tabel 4.11 Skenario Use case Cari Data Nama Tujuan Aktor Kondisi Awal
Cari Data Memudahkan pencarian data Deskripsi Admin, pengguna dan Kepala KUA Skenario Utama Admin, pengguna dan Kepala KUA membuka halaman utama aplikasi
70
Aksi Aktor 8. Memasukan kata pencarian
Reaksi Sistem 9. Sistem mencari kata yang dimasukan 10. Sistem akan menampilkan hasil data pencarian yang ada pada database 11. Sistem akan menampilkan peringatan jika hasil pencarian tidak ditemukan, dan kembali ke aksi no.3 12. Sistem menampilkan hasil pencarian Tampilan hasil pencarian 3a. Sistem akan menampilkan hasil data pencarian yang telah diinputakan 3b. Sistem akan menampilkan peringatan jika hasil pencarian tidak ditemukan
Kondisi akhir Exception
j. Use case Lihat Data Fungsi lihat data merupakan reaksi sistem kepada admin, pengguna dan Kepala KUA untuk memberikan kemudahan dalam melihat hasil data. Admin, pengguna dan Kepala KUA dapat mengakses lihat data pada halaman pengguna . Form yang disediakan sistem akan membantu aktor ketika melihat hasil data. Berikut ini Tabel 4.12 skenario use case lihat data: Tabel 4.12 Skenario Use case Lihat Data Lihat Data Memudahkan melihat hasil data Deskripsi Admin, pengguna dan Kepala KUA Aktor Skenario Utama Admin, pengguna dan Kepala KUA membuka halaman Kondisi Awal utama aplikasi Aksi Aktor Reaksi Sistem 1. Memilih menu lihat 2. Sistem menampilkan menu pilihan kategori data 3. Aktor memilih kategori data yang Nama Tujuan
71
akan ditampilkan 4. Sistem menampilkan hasil kategori data yang dipilih Admin, pengguna dan Kepala KUA dapat melihat data yang dipilih 4a. Sistem secara otomatis menampilkan hasil data input sudah dilakukan 4b. Sistem tidak akan menampilkan hasil data jika input belum dilakukan
Kondisi akhir Exception
k. Use case Cetak Data Fungsi cetak data merupakan reaksi sistem kepada admin untuk memberikan kemudahan dalam mencetak hasil data nikah. Admin dapat mengakses cetak data pada halaman admin. Form yang disediakan sistem akan membantu aktor ketika mencetak hasil data. Berikut ini Tabel 4.13 skenario use case cetak data: Tabel 4.13 Skenario Use case Cetak Data Cetak Data Memudahkan mencetak hasil data nikah Deskripsi Admin Aktor Skenario Utama Admin telah melakukan login Kondisi Awal Aksi Aktor Reaksi Sistem 1. Memilih menu data 2. Sistem menampilkan halaman data yang terpilih 3. Aktor menekan tombol cetak 4. Sistem melakukan proses pencetakan data Admin dapat melihat hasil cetakan Kondisi akhir 2a. Sistem secara otomatis menampilkan Exception hasil data input sudah dilakukan 2b. Sistem tidak akan menampilkan hasil data jika input belum dilakukan Nama Tujuan
72
l. Use case download formulir Fungsi download formulir merupakan reaksi sistem kepada pengguna untuk memberikan fasilitas mendownload formulir nikah. Pengguna dapat mengakses download formulir pada halaman pengguna. Form yang disediakan sistem akan membantu aktor ketika mendownload formulir nikah. Berikut ini Tabel 4.14 skenario use case download formulir: Tabel 4.14 Skenario Use case Download Formulir Download Formulir Memberikan fasilitas untuk Download Formulir Deskripsi Pengguna Aktor Skenario Utama Pengguna membuka halaman utama aplikasi Kondisi Awal Aksi Aktor Reaksi Sistem 1. Memilih menu formulir 2. Menampilkan link formulir 3. Memilih formulir yang dibutuhkan 4. Sistem menampilkan formulir dalam bentuk pdf 5. Memilih menyimpan formulir atau 6. Memilih mencetak formulir 7. Sistem menampilkan formulir Tampilan halaman formulir Kondisi akhir Exception Nama Tujuan
4.2.3. Activity diagram Activity diagram merupakan teknik untuk mendeskripsikan logika prosuderal, proses bisnis dan aliran kerja dalam banyak kasus. Activity diagram mempunyai peran seperti halnya flowchart.
73
a. Activity Diagram Login Activity diagram login memperlihatkan segala aktifivitas yang dilakukan oleh aktor yang berada didalam Aplikasi Pengolahan Data Nikah KUA Kec. Lembang. Dalam aktivitas ini admin merupakan aktor yang berperan. Berikut Gambar 4.2 perancangan Activity diagram Login:
Admin
Sistem
mengisi form username dan password
validasi username dan password
salah benar
panggil halaman utama
Gambar 4.2 Activity Diagram Login
b. Activity diagram Pengolahan Data Nikah Activity diagram Pengolahan data nikah memperlihatkan segala aktifivitas yang dilakukan oleh aktor yang berada didalam Aplikasi Pengolahan Data Nikah KUA Kec. Lembang. Dalam aktivitas ini admin merupakan aktor
74
yang berperan. Berikut Gambar 4.3 perancangan Activity diagram Pengolahan Data Nikah:
Admin
Sistem
memilih menu data nikah
mengisi form data nikah
validasi kelengkapan data nikah
tidak lengkap menyimpan data nikah
Gambar 4.3 Activity diagram Pengolahan Data Nikah
c. Activity diagram Pengolahan Data Cerai Activity diagram Pengolahan data cerai memperlihatkan segala aktifivitas yang dilakukan oleh aktor yang berada didalam Aplikasi Pengolahan Data Nikah KUA Kec. Lembang. Dalam aktivitas ini admin merupakan aktor yang berperan. Berikut Gambar 4.4 perancangan Activity diagram Pengolahan Data Cerai:
75
Admin
Sistem
memilih menu data cerai
mengisi form data cerai
validasi kelengkapan data cerai
tidak lengkap menyimpan data cerai
Gambar 4.4 Activity diagram Pengolahan Data Cerai
d. Activity diagram Pengolahan Data Penghulu Activity diagram Pengolahan data penghulu memperlihatkan segala aktifivitas yang dilakukan oleh aktor yang berada didalam Aplikasi Pengolahan Data Nikah KUA Kec. Lembang. Dalam aktivitas ini admin merupakan aktor yang berperan. Berikut Gambar 4.5 perancangan Activity diagram Pengolahan Data Penghulu:
76
Admin
Sistem
memilih menu data penghulu
mengisi form data penghulu
validasi kelengkapan data penghulu
tidak lengkap menyimpan data penghulu
Gambar 4.5 Aktivity Diagram Pengolahan Data Penghulu
e. Activity diagram Pengolahan Data P3N Activity diagram Pengolahan data P3N memperlihatkan segala aktifivitas yang dilakukan oleh aktor yang berada didalam Aplikasi Pengolahan Data Nikah KUA Kec. Lembang. Dalam aktivitas ini admin merupakan aktor yang berperan. Berikut Gambar 4.6 perancangan Activity diagram Pengolahan Data P3N:
77
Admin
Sistem
memilih menu data p3n
mengisi form data p3n
validasi kelengkapan data p3n
tidak lengkap menyimpan data p3n
Gambar 4.6 Aktivity Diagram Pengolahan Data P3N
f. Activity diagram Pengolahan Data Desa Activity diagram Pengolahan data Desa memperlihatkan segala aktifivitas yang dilakukan oleh aktor yang berada didalam Aplikasi Pengolahan Data Nikah KUA Kec. Lembang. Dalam aktivitas ini admin merupakan aktor yang berperan. Berikut Gambar 4.7 perancangan Activity diagram Pengolahan Data Desa:
78
Admin
Sistem
memilih menu data desa
mengisi form data desa
validasi kelengkapan data desa
tidak lengkap menyimpan data desa
Gambar 4.7 Activity diagram Pengolahan Data Desa
g.
Activity diagram Upload Formulir
Activity diagram Upload Formulir memperlihatkan segala aktifivitas yang dilakukan oleh aktor yang berada didalam Aplikasi Pengolahan Data Nikah KUA Kec. Lembang. Dalam aktivitas ini admin merupakan aktor yang berperan. Berikut Gambar 4.8 perancangan Activity diagram Upload Formulir:
79
Admin
Sistem
memilih menu upload formuir
mengisi form upload formulir
validasi kelengkapan data
tidak lengkap menyimpan formulir
Gambar 4.8 Activity diagram Upload Formulir
h. Activity diagram Daftar Nikah Activity diagram daftar nikah memperlihatkan segala aktifivitas yang dilakukan oleh aktor yang berada didalam Aplikasi Pengolahan Data Nikah KUA Kec. Lembang. Dalam aktivitas ini pengguna merupakan aktor yang berperan. Berikut Gambar 4.9 perancangan Activity diagram Daftar Nikah:
80
Pengguna
Sistem
memilih menu daftar nikah
mengisi form daftar nikah
validasi kelengkapan data
tidak lengkap menyimpan hasil daftar
Gambar 4.9 Activity diagram Daftar Nikah i. Activity diagram Download Formulir Activity diagram download formulir memperlihatkan segala aktifivitas yang dilakukan oleh aktor yang berada didalam Aplikasi Pengolahan Data Nikah KUA Kec. Lembang. Dalam aktivitas ini pengguna merupakan aktor yang berperan. Berikut Gambar 4.10 perancangan Activity diagram Download Formulir:
81
Pengguna
Sistem
memilih menu formulir
memilih formulir yang diperlukan
menampilkan formulir
menyimpan formulir
mencetak formulir
Gambar 4.10 Activity diagram Download Formulir
4.2.4. Sequence diagram Sequence diagram digunakan untuk menggambarkan perilaku pada sebuah skenario. Diagram ini menunjukan sejumlah contoh objek dan message (pesan) yang diletakan diantara objek-objek ini di dalam use case. Komponen utama sequence diagram terdiri dari objek yang di gambarkan dengan kotak segi empat bernama. Message diwakili oleh garis dengan tanda panah dan waktu yang di tunjukkan dengan progress vertical.
82
a. Sequence diagram Login Admin Berikut ini Gambar 4.11 Sequence diagram Login Admin:
Gambar 4.11 Sequence diagram Login Admin
Gambar diatas merupakan Sequence diagram Login Admin yang menggambarkan proses yang sedang terjadi dalam login admin. Prosesnya dimulai dengan admin masuk kedalam form Login terlebih dahulu, kemudian selanjutnya admin dapat melakukan login yang sebelumnya menginputkan Username dan Password untuk dapat masuk kedalam sistem. Proses Login itu sendiri diikuti juga validasi yang dilakukan oleh sistem dimana terdapat proses verifikasi Username dan Password apakah sesuai atau tidak. Jika berhasil Admin tersebut dapat masuk dan menggunakan sistem.
83
b. Sequence diagram Pengolahan Data Nikah Berikut ini Gambar 4.12 Sequence diagram Pengolahan Data Nikah:
Gambar 4.12 Sequence diagram Pengolahan Data Nikah
Gambar diatas merupakan Sequence diagram Pengolahan Data Nikah. Prosesnya dimulai dengan admin masuk kedalam screen Data Nikah terlebih dahulu, kemudian admin mengisi form data nikah. Pengolahan ini digunakan sebagai tahapan pengumpulan data nikah.
84
c. Sequence diagram Pengolahan Data Cerai Berikut ini Gambar 4.13 Sequence diagram Pengolahan Data Cerai:
Gambar 4.13 Sequence diagram Pengolahan Data Cerai
Gambar diatas merupakan Sequence diagram Pengolahan Data Cerai. Prosesnya dimulai dengan admin masuk kedalam screen Data Cerai terlebih dahulu, kemudian admin mengisi form data cerai. Pengolahan ini digunakan sebagai tahapan pengumpulan data cerai. d. Sequence diagram Pengolahan Data Penghulu Berikut ini Gambar 4.14 Sequence diagram Pengolahan Data Penghulu:
85
Gambar 4.14 Sequence diagram Pengolahan Data Penghulu
Gambar diatas merupakan Sequence diagram Pengolahan Data Penghulu. Prosesnya dimulai dengan admin masuk kedalam screen Data Penghulu terlebih dahulu, kemudian admin mengisi form data penghulu. Pengolahan ini digunakan sebagai tahapan pengumpulan data penghulu. e. Sequence diagram Pengolahan Data P3N Berikut ini Gambar 4.15 Sequence diagram Pengolahan Data P3N:
86
Gambar 4.15 Sequence diagram Pengolahan Data P3N
Gambar diatas merupakan Sequence diagram Pengolahan Data P3N. Prosesnya dimulai dengan admin masuk kedalam screen Data P3N terlebih dahulu, kemudian admin mengisi form data P3N. Pengolahan ini digunakan sebagai tahapan pengumpulan data P3N. f. Sequence diagram Pengolahan Data Desa Berikut ini Gambar 4.16 Sequence diagram Pengolahan Data Desa:
87
Gambar 4.16 Sequence diagram Pengolahan Data Desa
Gambar diatas merupakan Sequence diagram Pengolahan Data Desa. Prosesnya dimulai dengan admin masuk kedalam screen Data Desa terlebih dahulu, kemudian admin mengisi form data desa. Pengolahan ini digunakan sebagai tahapan pengumpulan data desa. g. Sequence diagram Upload Formulir Berikut ini Gambar 4.17 Sequence diagram Upload Formulir:
88
Gambar 4.17 Sequence diagram Upload Formulir
Gambar diatas merupakan Sequence diagram Upload Formulir. Prosesnya dimulai dengan admin masuk kedalam screen Upload Formulir terlebih dahulu, kemudian admin mengisi form Upload Formulir. Pengolahan ini digunakan sebagai tahapan pengumpulan Upload Formulir.
h. Sequence diagram Daftar Nikah Berikut ini Gambar 4.18 Sequence diagram Daftar Nikah:
89
Gambar 4.18 Sequence diagram Daftar Nikah
Gambar diatas merupakan Sequence diagram Daftar Nikah. Prosesnya dimulai dengan pengguna masuk kedalam screen daftar nikah terlebih dahulu, kemudian pengguna mengisi form daftar nikah. Jika sudah lengkap maka data yang sudah diinputkan akan tersimpan pada database.
i. Sequence diagram Download Formulir Berikut ini Gambar 4.19 Sequence diagram Download Formulir:
90
Gambar 4.19 Sequence diagram Download Formulir
Gambar diatas merupakan Sequence diagram Download Formulir. Prosesnya dimulai dengan pengguna masuk kedalam screen formulir terlebih dahulu, kemudian pengguna memilih formulir yang akan didownload.
4.2.5. Class diagram Class diagram merupakan diagram yang menunjukan class-class yang ada dari
sebuah
sistem
dan
hubungannya
secara
logika.
Class
diagram
menggambarkan struktur statis dari sebuah sistem. Karena itu class diagram merupakan tulang punggung atau kekuatan dasar dari hampir setiap metode berorientasi objek termasuk UML. Class diagram merupakan gambar grafis
91
mengenai struktur objek statis dari suatu sistem, menunjukan class-class objek yang menyusun sebuah sistem dan juga hubungan antara class objek tersebut. Berikut Gambar 4.20 perancangan class diagram: Ccerai
Cnikah
Cpenghulu +id_penghulu: integer +nama_penghulu: string +alamat: string +setId(integer) +setPenghulu(string) +setAlamat(string) +getId(): integer +getPenghulu(): string +getAlamat(): string +allPenghulu() +addPenghulu() +updatePenghulu() +deletePenghulu()
Cp3n +id_p3n: integer +nama_p3n: string +alamat: string +setId(integer) +setP3n(string) +setAlamat(string) +getId(): integer +getP3n(): string +getAlamat(): string +allP3n() +addP3n() +updateP3n() +deleteP3n()
+id_nikah: integer +no_akta: string +tgl: date +nama_suami: string +nama_istri: string +nama_penghulu: string +nama_p3n: string +nama_desa: string +keterangan: string +id_penghulu: integer +id_p3n: integer +id_desa: integer
Cadmin +id_admin: integer +nama_admin: string +username: string +password: string +setId(integer) +setNama(string) +setUsername(string) +setPassword(string) +getId(): integer +getNama(): string +getUsername(): string +getPassword(): string +login() +sukses() +admin()
+setId(integer) +setNo_akta(string) +set_date(date) +setSuami(string) +setIstri(string) +setPenghulu(string) +setP3n(string) +setDesa(string) +setKeterangan(string) +getId(): integer +getNo_akta(): string +getTgl(): date +getSuami(): string +grtIstri(): string +getPenghulu(): string +getP3n(): string +getDesa(): string +getKeterangan(): string +allNikah() +addNikah() +updateNikah() +deleteNikah()
+id_cerai: integer +penggugat: string +tergugat: string +alasan: string +nama_desa: string +id_desa: integer +setId(integer) +setPenggugat(string) +setTergugat(string) +setAlasan(string) +SetDesa(string) +setId(integer) +getId(): integer +getPenggugat(): string +getTergugat(): string +getAlasan(): string +getDesa(): string +getId(): string +allCerai() +addCerai() +updateCerai() +deleteCerai()
Cdesa Cform +id_form: integer +nama_form: string +setId(integer) +setForm(string) +getId(): integer +getForm(): string +allForm() +addForm() +updateForm() +deleteForm() +download()
+id_desa: integer +nama_desa: string +setId(integer) +setDesa(string) +getId(): integer +getDesa(): string +allDesa() +addDesa() +updateDesa() +deleteDesa()
Gambar 4.20 Class diagram Pengolahan Data Nikah
4.2.6. Perancangan Struktur Data dan Tabel a. Tabel Admin 1. Nama Tabel
: admin
2. Fungsi
: Menyimpan Data Induk Admin
3. Kunci Primer
: id
Struktur record
:
92
Tabel 4.15 Perancangan Database Tabel Admin No 1. 2. 3. 4.
Nama_Field Id Nama Username Password
Jenis Int Varchar Varchar Varchar
Lebar 5 30 50 50
Keterangan Id Admin Nama admin Username admin Password admin
b. Tabel Nikah 1. Nama Tabel
: nikah
2. Fungsi
: Menyimpan Data Nikah
3. Kunci Primer
: id
4. Kunci Sekunder
: id_penghulu, id_p3n, id_desa
Struktur record
:
Tabel 4.16 Perancangan Database Tabel Nikah No 1. 2. 3. 4. 5. 6. 7. 8. 9. 10. 11. 12.
Nama_Field Id No_akta Tanggal Suami Istri Penghulu P3N Desa Keterangan Id Id Id
Jenis Int Varchar Date Varchar Varchar Varchar Varchar Varchar Varchar Int Int Int
Lebar 5 15 50 50 50 50 50 50 5 5 5
c. Tabel Cerai 1. Nama Tabel
: cerai
2. Fungsi
: Menyimpan Data Cerai
3. Kunci Primer
: id
4. Kunci Sekunder
: id_desa
Struktur record
:
Keterangan Id Nikah No akta nikah Tanggal Nikah Nama suami Nama iatri Nama penghulu Nama P3N Nama Desa Keterangan Id Penghulu Id P3N Id Desa
93
Tabel 4.17 Perancangan Database Tabel Cerai No 1. 2. 3. 4. 5. 6. 7.
Nama_Field
Jenis
Id Tanggal Penggugat Tergugat Alasan Desa Id
Int Date Varchar Varchar Varchar Varchar Int
Lebar 5 50 50 50 50 5
Keterangan Id Cerai Tanggal Nikah Nama Penggugat Nama Tergugat Nama Alasan Nama Desa Id Desa
d. Tabel Penghulu 1. Nama Tabel
: penghulu
2. Fungsi
: Menyimpan Data Penghulu
3. Kunci Primer
: id
4. Kunci Sekunder
:-
Struktur record
:
Tabel 4.18 Perancangan Database Tabel Penghulu No 1. 2. 3.
Nama_Field
Jenis
Id Nama Alamat
Int Varchar Varchar
Lebar 5 50 100
Keterangan Id penghulu Nama penghulu Alamat penghulu
e. Tabel P3N 1. Nama Tabel
: p3n
2. Fungsi
: Menyimpan Data P3N
3. Kunci Primer
: id
4. Kunci Sekunder
:-
Struktur record
:
Tabel 4.19 Perancangan Database Tabel P3N No 1. 2. 3.
Nama_Field Id Nama Alamat
Jenis Int Varchar Varchar
Lebar 5 50 100
Keterangan Id P3N Nama P3N Alamat P3N
94
f. Tabel Desa 1. Nama Tabel
: desa
2. Fungsi
: Menyimpan Data Desa
3. Kunci Primer
: id
4. Kunci Sekunder
:-
Struktur record
:
Tabel 4.20 Perancangan Database Tabel Desa No 1. 2.
Nama_Field
Jenis
Id Nama
g. Tabel Form 1. Nama Tabel 2. Fungsi 3. Kunci Primer 4. Kunci Sekunder Struktur record
Int Varchar
Lebar 5 30
Keterangan Id Desa Nama desa
: form : menyimpan data upload form : id ::
Tabel 4.21 Perancangan Database Tabel Form No 1. 2.
Nama_Field
Jenis
Id Nama
h. Tabel Daftar 1. Nama Tabel 2. Fungsi 3. Kunci Primer 4. Kunci Sekunder Struktur record
Int Varchar
Lebar 5 30
: daftar : daftar nikah online : id ::
Keterangan Id formulir Nama formulir
95
Tabel 4.22 Perancangan Database Tabel Daftar No 1. 2. 3. 4. 5. 6. 7. 8. 9. 10. 11.
Nama_Field Id Nama Alamat Tlp Tgl Catin_laki Catin_per Almt_laki Almt_per Tgl_nikah Tmpt_nikah
Jenis Int Varchar Text Varchar Date Varchar Varchar Text Text Date Text
Lebar Keterangan 5 Id daftar 30 Nama pendaftar Alamat pendaftar 30 Tlp pendaftar Tanggal daftar 30 Nama calon pengantin laki-laki 30 Nama calon pengantin perempuan Alamat calon pengantin laki-laki Alamat calon pengantin perempuan Tanggal rencana menikah Tempat rencana menikah
Gambar 4.21 Relasi Antar Tabel
96
4.2.7. Perancangan Antar Muka 4.2.7.1. Struktur Menu
Perancangan menu di gunakan untuk memudahkan dalam penelusuran program yang di buat. Struktur menu di bagi menjadi dua yaitu struktur menu halaman utama dan struktur halaman admin, berikut Gambar 4.22 perancangan Struktur Menu Aplikasi:
Aplikasi Pengolahan Data Nikah Halaman Utama
Home
Daftar
View
Formulir
Grafik
Halaman Admin Home Manajemen Nikah Manajemen Cerai Manajemen Penghulu Manajemen P3N Manajemen Desa Upload Formulir Logout
Gambar 4.22 Struktur Menu Aplikasi
Login
SMS Gateway
97
4.2.7.2. Perancangan Tampilan Perancangan tampilan program merupakan gambaran mengenai tampilantampilan program yang nanti akan digunakan didalam aplikasi, adapun tampilannya sebagai berikut: a. Desain Tampilan Halaman Utama Desain tampilan ini merupakan tampilan yang akan muncul ketika pertama kali membuka aplikasi. Dalam tampilan ini admin, pengguna dan Kepala KUA dapat menikmati menu-menu yang tersedia. Menu-menu tersebut diantaranya Home, Daftar, View, Formulir, Grafik, Login dan SMS Gateway. Berikut ini Gambar 4.23 perancanagn desain halaman utrama:
Gambar 4.23 Desain Tampilan Halaman Utama
98
b. Desain Tampilan Daftar Nikah Desain tampilan ini merupakan tampilan yang akan muncul ketika memilih menu daftar. Halaman ini akan menampilkan form daftar nikah, pengguna harus mengisi form tersebut dengan benar dan jika salah sistem akan menolak dan pengguna dapat mengisinya kembali. Berikut ini Gambar 4.24 tampilan Daftar Nikah:
Gambar 4.24 Desain Tampilan Daftar Nikah
99
c. Desain Tampilan View Data Desain tampilan ini merupakan tampilan yang akan muncul ketika memilih menu View. Halaman ini akan menampilkan hasil data dari pengolahan data nikah. Berikut ini Gambar 4.25 tampilan form View Data:
Gambar 4.25 Desain Tampilan View Data
d. Desain Tampilan Formulir Desain tampilan ini merupakan tampilan yang akan muncul ketika memilih menu Formulir. Halaman ini menampilkan daftar formulir nikah yang bisa didownload. Berikut ini Gambar 4.26 tampilan formulir :
100
Gambar 4.26 Desain Tampilan Formulir
e. Desain Tampilan Grafik Desain tampilan ini merupakan tampilan yang akan muncul ketika memilih menu Grafik. Halaman ini menampilakn hasil pengolahan data berupa grafik. Berikut ini Gambar 4.27 tampilan Grafik:
101
Gambar 4.27 Desain Tampilan Grafik
f. Desain Tampilan Form Login Desain tampilan ini merupakan tampilan yang akan muncul ketika memilih menu login. Tampilan ini berfungsi untuk keamanan sistem, sehingga sebelum admin dapat mengakses halaman admin terlebih dahulu harus mengisi usename dan password yang telah terdaftar, jika username dan password yang dimasukan benar, maka admin masuk ke tampilan halaman admin dan jika salah sistem akan menolak dan admin dapat mengisinya kembali. Berikut ini Gambar 4.28 tampilan form login:
102
Gambar 4.28 Desain Tampilan Form Login
g. Desain Tampilan Halaman Admin Desain tampilan ini merupakan tampilan yang akan muncul ketika admin berhasil melakukan login. Dalam tampilan ini ada beberapa menu diantaranya Home, Manajemen Nikah, Manajemen Cerai, Manajemen Penghulu, Manajemen P3N, Manajemen Desa, Upload Formulir dan Logout. Pada menu Manajemen Nikah, Manajemen Cerai, Manajemen Penghulu, Manajemen P3N, Manajemen Desa, Upload Formulir terdapat fungsi input, update dan delete. Berikut ini Gambar 4.29 desain tampilan halaman admin:
103
Gambar 4.29 Desain Tampilan Halaman Admin
h. Desain Tampilan Form Input Data Nikah Desain tampilan ini akan muncul ketika admin menekan menu Manajemen Nikah dan memilih tambah data. Setelah mengisi form, maka akan tersimpan dalam database tetapi jika tidak lengkap sistem akan memberi peringatan dan meminta mengisi form yang kosong. Berikut ini Gambar 4.30 desain tampilan Form Input Data Nikah:
104
Gambar 4.30 Desain Tampilan Form Input Data Nikah
i. Desain Tampilan Form Input Data Cerai Desain tampilan ini akan muncul ketika admin menekan menu Manajemen Cerai dan memilih tambah data. Setelah mengisi form, maka akan tersimpan dalam database tetapi jika tidak lengkap sistem akan memberi peringatan dan meminta mengisi form yang kosong. Berikut ini Gambar 4.31 desain tampilan Form Input Data Cerai:
105
Gambar 4.31 Desain Tampilan Form Input Data Cerai
j. Desain Tampilan Form Input Data Penghulu Desain tampilan ini akan muncul ketika admin menekan menu Manajemen penghulu dan memilih tambah data. Setelah mengisi form, maka akan tersimpan dalam database tetapi jika tidak lengkap sistem akan memberi peringatan dan meminta mengisi form yang kosong. Berikut ini Gambar 4.32 Desain Tampilan Form Input Data Penghulu:
106
Gambar 4.32 Desain Tampilan Form Input Data Penghulu
i. Desain Tampilan Form Input Data P3N Desain tampilan ini akan muncul ketika admin menekan menu Manajemen P3N dan memilih tambah data. Setelah mengisi form, maka akan tersimpan dalam database tetapi jika tidak lengkap sistem akan memberi peringatan dan meminta mengisi form yang kosong. Berikut ini Gambar 4.33 Desain Tampilan Form Input Data P3N:
107
Gambar 4.33 Desain Tampilan Form Input Data P3N
j. Desain Tampilan Form Input Data Desa Desain tampilan ini akan muncul ketika admin menekan menu Manajemen Desa dan memilih tambah data. Setelah mengisi form, maka akan tersimpan dalam database tetapi jika tidak lengkap sistem akan memberi peringatan dan meminta mengisi form yang kosong. Berikut ini Gambar 4.34 Desain Tampilan Form Input Data Desa:
108
Gambar 4.34 Desain Tampilan Form Input Data Desa
k. Desain Tampilan Form Upload Formulir Desain tampilan ini akan muncul ketika admin menekan menu Upload Formulir dan memilih tambah data. Setelah mengisi form, maka akan tersimpan dalam database tetapi jika tidak lengkap sistem akan memberi peringatan dan meminta mengisi form yang kosong. Berikut ini Gambar 4.35 Desain Tampilan Form Input Upload Formulir:
109
Gambar 4.35 Desain Tampilan Form Upload Formulir