BAB IV PERANCANGAN SISTEM USULAN...Edit pembayaran fungsinya untuk membedakan bukti transfer yang...

30
27 BAB IV PERANCANGAN SISTEM USULAN 4.1. Tahapan Perancangan Sistem 4.1.1. Analisis Kebutuhan 1. Analisa Kebutuhan Pengguna Dalam aplikasi Persedian Barang terdapat dua pengguna yang dapat saling berinteraksi dalam lingkungan system, yaitu: Admin, dan Calon Pengantin. Kedua pengguna tersebut memiliki karakteristik interaksi dengan system yang berbeda-beda dan memiliki kebutuhan informasi yang berbeda-beda, seperti berikut : A. Skenario Kebutuhan Admin 1) Mengelola Data Pendaftaran 2) Mengelola Data Pembayaran 3) Mengelola Data Calon Pengantin 4) Membuat Laporan Pembayaran B. Skenario Kebutuhan Calon Penganten 1) Melakukan Pendaftaran 2) Melakukan Pembayaran 3) Melihat Status Pembayaran 2. Analisa Kebutuhan Sistem A. Sistem menyediakan login untuk admin agar keamanan data terjaga. B. Sistem mampu megelola data pendaftaran.

Transcript of BAB IV PERANCANGAN SISTEM USULAN...Edit pembayaran fungsinya untuk membedakan bukti transfer yang...

  • 27

    BAB IV

    PERANCANGAN SISTEM USULAN

    4.1. Tahapan Perancangan Sistem

    4.1.1. Analisis Kebutuhan

    1. Analisa Kebutuhan Pengguna

    Dalam aplikasi Persedian Barang terdapat dua pengguna yang dapat saling

    berinteraksi dalam lingkungan system, yaitu: Admin, dan Calon Pengantin.

    Kedua pengguna tersebut memiliki karakteristik interaksi dengan system yang

    berbeda-beda dan memiliki kebutuhan informasi yang berbeda-beda, seperti

    berikut :

    A. Skenario Kebutuhan Admin

    1) Mengelola Data Pendaftaran

    2) Mengelola Data Pembayaran

    3) Mengelola Data Calon Pengantin

    4) Membuat Laporan Pembayaran

    B. Skenario Kebutuhan Calon Penganten

    1) Melakukan Pendaftaran

    2) Melakukan Pembayaran

    3) Melihat Status Pembayaran

    2. Analisa Kebutuhan Sistem

    A. Sistem menyediakan login untuk admin agar keamanan data terjaga.

    B. Sistem mampu megelola data pendaftaran.

  • 28

    C. Sistem mampu mencatat semua transaksi pembayaran dan memberikan

    laporan pembayaran.

    4.1.2. Rancangan Diagram Use Case

    Gambar IV.1.

    Use Case Diagram Sistem Pendaftaran Nikah

    Tabel IV.1.

    Deskripsi Use Case Sistem Pendaftaran Nikah

    Usa case name Pendaftaran Nikah

    Requirements Admin dapat mngkonfirmasi pembayaran

    calon pengantin

    Pre-Condition Admin melakukan proses konfirmasi

    pendaftaran

    Past Condition Admin memproses pendaftaran

    Failed end conditions Pendaftaran gagal di simpan di database

  • 29

    Primary Actors Admin

    Main Flow / Basic Path 1. Admin menerima data pembayaran 2. Admin mengelola pendaftaran 3. Admin membuat laporan pembayaran

    Invariant 1. Sistem mendteksi form update pembayaran belum terisi sempurna

    2. Sistem menampilkan pesan “Data Tidak boleh kosong”

    3. Admin mengkonfirmasi pembayaran

    4.1.3. Rancangan Diagram Aktivitas

    1. Aktivitas Pendaftaran Calon Pengantin

    Gambar IV.2.

    Aktivitas Diagram Sistem Pendaftaran Nikah

  • 30

    2. Aktivitas Konfirmasi Pembayaran Calon Pengantin

    Gambar IV.3.

    Aktivitas Diagram Sistem Konfirmasi Pembayaran

  • 31

    3. Aktivitas Cetak Bukti Pembayaran

    Gambar IV.4.

    Aktivitas Diagram Sistem Cetak Bukti Pembayaran

  • 32

    4. Aktivitas Admin Konfirmasi Pembayaran Calon Pengantin

    Gambar IV.5.

    Aktivitas Diagram Sistem Admin Konfirmasi Pembayaran

  • 33

    5. Aktivitas Admin Membuat Laporan

    Gambar IV.6.

    Aktivitas Diagram Sistem Admin Membuat Laporan

  • 34

    4.1.4. Rancangan Diagram Sistem Usulan

    1. Dukumen Masukan

    A. Nama Dokumena : Data Persyaratan Pendaftaran

    Fungsi : Untuk Salah Satu Syarat Pendaftaran

    Sumber : Calon Pengantin

    Tujuan : Admin

    Media : Kertas

    Jumlah : 5 lembar

    Frekuensi : Setiap Pendaftaran

    Bentuk : Lihat Lampiran C.1

    B. Nama Dokumen : Bukti Pembayaran

    Fungsi : Untuk Mengetahui Sudah Melakukan Pembayaran

    Sumber : Calon Pengantin

    Tujuan : Admin

    Media : Kertas

    Jumlah : 1 lembar

    Frekuensi : Setiap Melakukan Pembayaran

    Bentuk : Lihat Lampiran C.2

    2. Dukumen Keluaran

    A. Nama Dokumen : Bukti Pendaftaran

    Fungsi : Untuk Melakukan Konfirmsi Pembayaran

    Sumber : Admin

    Tujuan : Calon Pengantin

    Media : Kertas

  • 35

    Jumlah : 1 lembar

    Frekuensi : Setiap Melakukan Pendaftaran

    Bentuk : Lihat Lampiran D.1

    B. Nama Dokumen : Bukti Pembayaran KUA

    Fungsi : Sebagai Tanda Bukti Pembayaran Yang Sah

    Sumber : Admin

    Tujuan : Calon Pengantin

    Media : Kertas

    Jumlah : 1 lembar

    Frekuensi : Setiap Mengkonfirmasi Pembayaran

    Bentuk : Lihat Lampiran D.2

    C. Nama Dokumen : Laporan Pembayaran

    Fungsi : Untuk Merekap Data Penghasilan Perbulan

    Sumber : Admin

    Tujuan : Kepala

    Media : Kertas

    Jumlah : 1 lembar

    Frekuensi : Setiap Akhir Bulan

    Bentuk : Lihat Lampiran D.3

  • 36

    4.1.5. Rancangan Prototype

    1. Login Admin

    Admin harus login terlebih dahulu untuk akses ke menu utama

    Gambar IV.7.

    Tampilan Login Admin

    2. Menu Utama Admin

    Tampilan menu utam admin terdapat informasi data pembayaran, data

    pendaftaran dan data calon pengantin

    Gambar IV.8.

    Tampilan Menu Uama Admin

  • 37

    3. Tampilan Data Pembayaran

    Data pembayaran pengantin fungsinya agara admin mengetahui calon

    pengantin mana saja yang sudah melakukan pedaftaran

    Gambar IV.9.

    Tampilan Data Pembayaran

    4. Tampilan Edit Pembayaran

    Edit pembayaran fungsinya untuk membedakan bukti transfer yang asli dan

    yang palsu

    Gambar IV.10.

    Tampilan Edit Pembayaran

  • 38

    5. Tampilan Data Pendaftaran

    Data pendaftaran calon prngantin yang sudah melengkapi dokumen persyaratan

    pendaftaran nikah

    Gambar IV.11.

    Tampilan Data Pendaftaran

    6. Tampilan Data Calon Pengantin

    Data calon penganti yang sudah mengisi data diri

    Gambar IV.12.

    Tampilan Data Calon Pengantin

  • 39

    7. Tampilan Utama Web Calon Pengantin

    Gambar IV.13.

    Tampilan Utama Web Calon Pengantin

  • 40

    8. Tampilan Tentang KUA Kec Jatisari

    Gambar IV.14.

    Tampilan Tentang KUA Kec Jatisari

  • 41

    9. Tampilan Input Data Pribadi

    Gambar IV.15.

    Tampilan Input Data Pribadi

  • 42

    10. Tampilan Input Data Pendaftaran

    Gambar IV.16.

    Tampilan Input Data Pendaftaran

  • 43

    11. Tampilan Informasi Pembayaran

    Gambar IV.17.

    Tampilan Informasi Pembayaran

  • 44

    12. Tampilan Bukti Pendaftaran

    Gambar IV.18.

    Tampilan Bukti Pendaftaran

    13. Tampilan Konfirmasi Pembayaran

    Gambar IV.19.

    Tampilan Konfirmasi Pembayaran

  • 45

    14. Tampilan Upload Bukti Konfirmasi

    Gambar IV.20.

    Tampilan Upload Bukti transfer

    15. Tampilan Pesan Konfirmasi

    Gambar IV.21.

    Tampilan Pesan Konfirmasi

  • 46

    16. Tampilan Cetak Pembayaran

    Gambar IV.22.

    Tampilan Cetak Pembayaran

  • 47

    17. Tampilan Bukti Pembayaran

    Gambar IV.23.

    Tampilan Bukti Pembayaran

  • 48

    4.2. Perancangan Perangkat Lunak

    4.2.1. Entity Relationship Diagram (ERD)

    Gambar IV.24.

    Entity Relationship Diagram Sistem Pendaftaran Nikah

  • 49

    4.2.2. Logical Record Structure (LRS)

    Gambar IV.25.

    Logical Record Structure Sistem Pendaftaran Nikah

    4.2.3. Spesifikasi File

    1. Spesifikasi File Admin

    Nama File : Admin

    Akronim : Admin

    Fungsi : Login dan mengelola aplikasi

    Tipe File : File Master

  • 50

    Organisasi File : Index Sequential

    Akses File : Random

    Media : Hard Disk

    Panjang Record : 75 Byte

    Kunci File : id_admin

    Software : MySQL

    Tabel IV.2.

    Spesifikasi File Admin

    No Element Data Akronim Tipe Panjang Keterangan

    1. Id Admin id_admin Varchar 10 Pimary Key

    2. Nama Nama Varchar 30

    3. Password Password Varchar 25

    4. User Name User_name Varchar 10

    5. Alamat Alamat Varchar -

    2. Spesifikasi File Pendaftaran

    Nama File : pendaftaran

    Akronim : Pendaftaran

    Fungsi : edit simpan data Pendaftaran

    Tipe File : File Transaksi

    Organisasi File : Index Sequential

    Akses File : Random

    Media : Hard Disk

    Panjang Record : 530 Byte

  • 51

    Kunci File : id_pendaftaran

    Software : MySQL

    Tabel IV.3.

    Spesifikasi File Pendafataran

    No Element Data Akronim Tipe Panjang Keterangan

    1. id_pendaftaran Id pendaftaran Varchar 15 Pimary Key

    2. Id_Calon Id calon Varchar 15 FK

    3. Scan_surat_pe

    ngantar rt/rw

    Surat pengantar Varchar 100

    4. Scan KTP Scan_ktp Varchar 100

    5. Scan_KK Scan KK Varchar 100

    6. Scan Ijasah Scan_ijasah Varchar 100

    7. Pass_Photo Pass Photo varchar 100

    3. Spesifikasi File Calon Pengantin

    Nama File : calon_pengantin

    Akronim : Calon Pengantin

    Fungsi : edit simpan data calon pengantin

    Tipe File : File Master

    Organisasi File : Index Sequential

    Akses File : Random

    Media : Hard Disk

    Panjang Record : 78 Byte

    Kunci File : id_calon

    Software : MySQL

  • 52

    Tabel IV.4.

    Spesifikasi File Calon Pengantin

    No Element Data Akronim Tipe Panjang Keterangan

    1. Id_calon id_calon Varchar 10 Pimary Key

    2. Nama_pria Nama_calonpria Varchar 30

    3. Alamat Alamat Varchar 35

    4. No Telp No_telp Int 13

    5. Tempat-lahir Tempat-lahir Varchar 25

    6. Tgl_lahir Tgl lahir varchar 15

    7. Nama-wanita Nama_calon_wa

    nita

    Varchar 30

    4. Spesifikasi File Pembayaran

    Nama File : pembayaran

    Akronim : Pembayaran

    Fungsi : konfirmasi data pembayaran

    Tipe File : File Transaksi

    Organisasi File : Index Sequential

    Akses File : Random

    Media : Hard Disk

    Panjang Record : 92 Byte

    Kunci File : id_pembayaran

    Software : MySQL

  • 53

    Tabel IV.5.

    Spesifikasi File Pembayaran

    No Element Data Akronim Tipe Panjang Keterangan

    1. Id

    Pembayaran

    id_pembayaran Varchar 10 Pimary Key

    2. Id_pendaftara

    n

    Id_pendaftaran Varchar 15

    3. Jumlah

    transfer

    Jumlah_transfer Int 15

    4. Bukti_tf Bukti_tf Varchar 100

  • 54

    4.1.1. Class Model / Class Diagram

    Gambar IV.26.

    Class Diagram Sistem Pendaftaran Nikah

  • 55

    4.1.2. Sequence Diagram

    Gambar IV.27.

    Sequence Diagram Sistem Pendaftaran nikah

    4.1.3. Spesifikasi Hardware dan Software

    18. Spesifikasi Hardware

    A. CPU

    1) Processor Pentium® Core 2 Duo

    2) RAM DDR2 1 GB

    3) Hard Disk 250 GB

    B. Mouse

    C. Keyboard

    D. Monitor dengan resolusi layar minimum 1024x768

  • 56

    2. Spesifikasi Software

    a. Sistem operasi yang umum digunakan seperti: Microsoft Windows

    b. Aplikasi Web seperti: Macromedia Dreamweaver, Xampp yang terdiri dari

    beberapa komponen, diantaranya:

    1) Aplikasi Apache Server v2

    2) Aplikasi MySQL Server v5

    3) Aplikasi Macromedia Dreamweaver

    4.3. Jadwal Implementasi

    Tabel IV.6.

    Jadwal Implementasi

    No KEGIATAN

    WAKTU

    BULAN I BULAN II BULAN III

    1 2 3 4 1 2 3 4 1 2 3 4

    1 Persiapan data awal

    2 Analisa

    3 Desain Sistem

    4 Desain Perangkat Lunak

    5

    Pembuatan & Tes

    Program

    6 Tes Sistem

    7 Pelatihan

    8

    Pembuatan Buku

    Petunjuk

    9 Evaluasi & Operasional