BAB IV
PERANCANGAN SISTEM USULAN
4.1
Tahapan Perancangan Sistem4.1.1 Analisis Kebutuhan
Mengindentifikasi kebutuhan fungsional program disertai dengan penggambaran usecase diagram dan scenario use case yang terkait dengan proses bisnis yang diusulkan.
A. Kebutuhan Pengguna
dalam web terdapat dua pengguna yang dapat terinteraksi dalam lingkungan sistem yaitu bagian pengaju dan bagian divisi pelayanan. Kedua pengguna tersebut memiliki karakteristik sistem yang berbeda-beda dan memiliki kebutuhan informasi yang berbeda-beda, seperti berikut:
A1 Kebutuhan Pengaju
(a) Melakukan login.
(b) Melakukan pengajuan bantuan. (c) Mengupload data.
A2 Kebutuhan Divisi Pelayanan
(a) Divisi Pelayanan dapat melihat dokumen pengajuan yang masuk ke database.
(b) Divisi Pelayanan dapat menyetujui atau menolak pengajuan.
(c) Divisi Pelayanan dapat membuat laporan pemberian korban bencana.
B. Kebutuhan Sistem
1). Sistem menyediakan hak akses untuk keamanan data berupa login program, sehingga tidak semua orang bisa mengakses program usulan.
2). Sistem usulan mampu dijalankan diberbagai platform sistem operasi selama terdapat browser untuk membukanya.
4.1.2 Rancangan Diagram Use Case
Pengaju Melakukan Login Melakukan upload data Pengecekan dokumen Mengelola data permohonan Mencetak nota pengambilan Divisi Pelayanan
Mencetak laporan data pengajuan
Tabel IV.1
Deskripsi Use Case Melakukan Login
Use case name Melakukan login
Requiremets Pengaju dan divisi melakukan login
Goal Pengaju dan divisi pelayanan berhasil masuk ke from
pengajuan
Pre-Conditions Pengaju dan divisi pelayanan memasukan username dan
password
Post-Conditions Pengaju dan devisi pelayanan berhasil memasuki halaman
pengajuan
Failed end Condition Pengaju dan divisi pelayanan gagal melakukan login
Actor Pengaju dan divisi pelayanan
Main flow / Basic Part 1. Pengaju mengisi from pengajuan dengan meng upload
data-data berformat zip/rar yang berisi syarat-syarat untuk melakukan pengajuan bantuan bencana alam 2. Divisi pelayanan melakukan pemeriksaan
dokumen-dokuemen yang sudah di kirimkan
Tabel IV.2
Deskripsi Use Case Melakukan Upload Data
Use case name Melakukan upload data
Requiremets Pengaju mengupload data
Goal Pengaju berhasil meng upload dokumen pengajuan
Pre-Conditions Pengaju menginputkan syarat-syarat pengajuan bantuan
Post-Conditions Halaman pengajuan
Failed end Condition Gagal mengupload
Actor Pengaju
Main flow / Basic Part Pengaju mengisi from pengajuan dengan meng upload
data-data berformat zip/rar yang berisi syarat-syarat untuk melakukan pengajuan bantuan bencana alam
Tabel IV.3
Deskripsi Use Case Pengecekan Dokumen
Use case name Pengecekan dokumen
Requiremets Divisi pelayanan melakukan pengecekan dokumen
Goal Syarat pengajuan dapat dibuka oleh divisi pelayanan
Pre-Conditions Divisi pelayanan mendownload persyaratan yang sudah di
upload
Failed end Condition File gagal didownload atau gagal dibuka (file rusak)
Actor Divisi pelayanan
Main flow / Basic Part 1. Divisi pelayanan melakukan download file yang sudah
diupload
2. Mengekstrak file yang di sudah didownload tadi yang berisi data-data pengajuan bantuan
3. Mengecek jumlah data yang tertera di file tersebut
Tabel IV.4
Deskripsi Use Case Mengelola Data Permohonan
Use case name Mengelola Data Permohonan
Requiremets Divisi pelayanan melakukan pengiriman nota pengambilan
melalui email
Goal Divisi pelayanan berhasil mengirimkan nota pengambilan
Pre-Conditions Divisi pelayanan membuat nota pengambilan
Post-Conditions Email
Failed end Condition Gagal mengirimkan email
Actor Divisi pelayanan
Main flow / Basic Part Setelah melakukan pengecekan dan memenuhi syarat
kemudian divisi pelayanan akan membuatkan nota pengambilan yang kemudian dikirimkan melalui email yang tercantum pada saat pengajuan
Tabel IV.5
Deskripsi Use Case Mencetak Nota Pengambilan
Use case name Mencetak nota pengambilan
Requiremets Pengaju mencetak nota pengambilan
Goal Menghasilkan nota pengambilan
Pre-Conditions Pengaju mendonwload nota pengambilan
Post-Conditions Halaman email
Failed end Condition Gagal mendownload
Actor Pengaju
Main flow / Basic Part Setelah mencetak nota pengambilan pemohon datang ke
PMI Karawang untuk mengambil bantuan
Tabel IV.6
Deskripsi Use Case Mencetak Laporan Data Pengajuan
Use case name Mencetak laporan data pengajuan
Requiremets Divisi Pelayanan mencetak laporan data pengajuan per
periode
Pre-Conditions Divisi Pelayanan memilih periode pengajuan untuk dicetak
Post-Conditions Form persetujuan
Failed end Condition Data pada periode tersebut tidak ada sehingga tidak dapat
mencetak laporan
Actor Divisi Pelayanan
Main flow / Basic Part 1. Memilih periode berdasarkan bulan atau tahun
kemudian mencetaknya.
2. Jika data tidak ada maka data pada periode tersebut tidak dapat dicetak.
4.1.3 Rancangan Diagram Aktivitas
1. Rancangan Diagram Aktivitas Bagian Pengaju
Bagian Pengaju
Melakukan login
Memasukan use rname & pass word
Menampilkan form pengajuan Mengisi f orm pengajuan ya tidak ya tidak Login Falid ajukan? mulai selesai
2. Rancangan Diagram Aktivitas Bagian Divisi Pelayanan
Bagian Divisi Pelayanan
Melakukan login Memasukan username & password Menampilkan menu utama tidak ya Login Falid mulai Pengaju Menampilkan pengajuan Menampilkan data pengaju tidak selesai pilih apa?
Gambar IV.3 Diagram Aktivitas Bagian Divisi Pelayanan
4.1.4 Rancangan Dokumen Sistem Usulan
A. Form Masukan
1. Nama Dokumen : Form pengajuan
Sumber : Desa atau Kecamatan
Tujuan : Palang Merah Indonesia (PMI) Karawang
Media : Layar monitor
Jumlah : 1 setiap melakukan pengajuan
Frekuensi : Setiap pengajuan bantuan
Bentuk : Lampiran C1
2. Nama Dokumen : Form add user
Fungsi : Menambah data user (kecamatan dan desa)
Sumber : Palang Merah Indonesia Karawang
Tujuan : Desa atau kecamatan
Media : Layar monitor
Jumlah : 1 inputan
Frekuensi : Setiap menambah data pengaju
Bentuk : Lampiran C2
3. Nama Dokumen : Form add admin
Fungsi : Menambah data admin
Sumber : Palang Merah Indonesia Karawang
Media : Layar monitor
Jumlah : 1 inputan
Frekuensi : Setiap menambah data admin
Bentuk : Lampiran C3
4. Nama Dokumen : Dokumen syarat
Fungsi : Sebagai syarat pengajuan
Sumber : Pengaju (desa atau kecamatan)
Tujuan : Palang Merah Indonesia (PMI) karawang
Media : Dokumen rar/zip
Jumlah : 1 (semua dokumen diarsip menjadi rar/zip)
Frekuensi : Setiap ada pengajuan
Bentuk : Lampiran C4
B. Dokumen Keluaran
1. Nama Dokumen : Nota pengambilan barang
Fungsi : Untuk mengambil bantuan yang telah diajukan
Sumber : Palang Merah Indonesia (PMI) karawang
Tujuan : Pengaju (desa atau kecamatan)
Jumlah : 1 file PDF
Frekuensi : Setiap pengajuan diterima
Bentuk : Lampiran D1
2. Nama Dokumen : Nota pengiriman
Fungsi : Sebagai tanda bukti telah diterimanya bantuan
Sumber : Palang Merah Indonesia (PMI) karawang
Tujuan : Pengaju (desa atau kecamatan)
Media : Kertas
Jumlah : 1 lembar
Frekuensi : Setiap pengajuan diterima
Bentuk : Lampiran B1
3. Nama Dokumen : Laporan periode data pengajuan
Fungsi : Untuk mengetahui seberapa banyak data pengajuan yang masuk
Sumber : Divisi Pelayanan
Tujuan : Palang Merah Indonesia (PMI) Karawang
Media : Layar monitor dan kertas
Frekuensi : Setiap dibutuhkan atau per periode
Bentuk : Lampiran D2
4.1.5 Rancangan Prototype
1. Rancangan Prototype Bagian Pengaju
A. Tampilan Menu Utama Pengajuan Palang Merah Indonesia (PMI) Karawang
Gambar IV.4 Tampilan Menu Utama Pengajuan Palang Merah Indonesia (PMI) Karawang
B. Tampilan Visi & Misi yang terdapat di PMI Karawang
C. Tampilan Sejarah Palang Merah Indonesia
Gambar IV.6 Tampilan Sejarah Palang Merah Indonesia
D. Tampilan Kegiatan Pada PMI Karawang
E. Tampilan Tata Cara Pengajuan
Gambar IV.8 Tampilan Tata Cara Pengajuan
F. Tampilan Mengajukan Login Pengaju
G. Tampilan Form Pengajuan
Gambar IV.10 Tampilan Form Pengajuan
2. Rancangan Prototype Bagian Admin
A. Tampilan Login Admin untuk Divisi Pelayanan
B. Tampilan Pengajuan
Gambar IV.12 Tampilan Pengajuan
C. Tampilan Data Pengaju
D. Tampilan Data Admin
Gambar IV.14 Tampilan Data Admin
4.2 Perancangan Perangkat Lunak
4.2.1 Entity Relationship Diagram (ERD)
memberikan admin pengajuan terdapat pengaju persetujuan mendapat Id_pengaju Nama_desa Nama_keca matan username email Id_admin status 1 1 melakukan 1 1 1 11 1 1
4.2.2 Logical Structure Record (LRS) Admin Id_admin Nama_admin Username Password Persetujuan Id_persetujuan Id_admin Id_pengaju Id_pengajuan Status Keterangan Pengaju Id_pengaju Nama_desa Nama_kecamatan Alamat No_tlp Email Username password Pengajuan Id_pengajuan Id_pengaju Jumlah Keterangan Dokumen syarat 1 1 1 1 1 1 1 1
Gambar IV.16 Logical Structure Record (LRS)
4.2.3 Spesifikasi File
1. Spesifikasi File Admin
Nama File : Admin
Akronim : Admin
Fungsi : Untuk menyimpan data admin
Tipe File : File master
Organisasi File : Indexed Sequential
Media : Harddisk
Panjang record : 80
Kunci Field : id_admin
Software : Xampp
Tabel IV.7 Spesifikasi File Admin
No Elemen data Nama Field Tipe Size Keterangan 1. Id_Admin id_admin Varchar 5 Primary Key
2. Nama _admin nama_admin Varchar 30 3. Username username Varchar 15 4. Password Password Varchar 30
2. Spesifikasi File Pengaju
Nama File : Pengaju
Akronim : Pengaju
Fungsi : Untuk menyimpan data user pengaju (desa atau kecamatan)
Tipe File : File master
Organisasi File : Indexed Sequential
Akses File : Random
Media : Harddisk
Panjang record : 169
Kunci Field : id_pengaju
Tabel IV.8 Spesifikasi File Pengaju
No Elemen data Nama Field Tipe Size Keterangan 1. Id_Pengaju id_pengaju Varchar 6 Primary Key
2. Nama Desa nama_desa Varchar 30 3. Nama Kecamatan nama_kecamatan Varchar 30
4. Alamat alamat Text
5 No tlp no_tlp varchar 13
6 Email Email varchar 30
7 Username Username varchar 30
8 Password Password Varchar 30
3. Spesifikasi File Pengajuan
Nama File : Pengajuan
Akronim : Pengajuan
Fungsi : Untuk menyimpan data pengajuan dari pengaju
Tipe File : File Transaksi
Organisasi File : Indexed Sequential
Akses File : Random
Media : Harddisk
Panjang record : 118
Kunci Field : id_pengajuan
Software : Xampp
Tabel IV.9
Spesifikasi File Pengajuan
No Elemen data Nama Field Tipe Size Keterangan 1. Id_Pengajuan Id_pengajuan Int 11 Primary Key
2. Id_pengaju Id_pengaju Varchar 7
3. Jumlah jumlah Double
4. Keterangan keterangan Varchar 50 5 Dokumen syarat Dokumen syarat Varchar 50
4. Spesifikasi File Persetujuan
Nama File : Persetujuan
Akronim : Persetujuan
Fungsi : Untuk menyimpan data persetujuan pengajuan
Tipe File : File Transaksi
Organisasi File : Indexed Sequential
Akses File : Random
Media : Harddisk
Panjang record : 28
Kunci Field : id_persetujuan
Software : Xampp
Tabel IV.10
Spesifikasi File Persetujuan
No Elemen data Nama Field Tipe Size Keterangan 1. Id_Persetujuan id_persetujuan Int 8 Primary Key
2. Id Admin id_admin Varchar 5 3. Id Pengaju id_pengaju Int 5 4. Id Pengajuan id_pengajuan Int 10
5 Status Status Enum
4.2.4 Class Model/Class Diagram admin +username +password +getUsername() +setUsername() +getPassword() +setPassword() pengaju +id_pengaju +nama_desa +nama_kecamatan +alamat +no_tlp +email +username +password +getId_pengaju() +setId_pengaju() +getNama_desa() +setNama_desa() +getNama_kecamatan() +setNama_kecamatan() +getAlamat() +setAlamat() +getNo_tlp() +setNo_tlp() +getEmail() +setEmail() +getUsername() +setUsername() +getPassword() +setPassword() +queryMemasukandatapengaju( ) +queryMengubahdatapengaju() +queryMenghapusdatapengaju() admin +id_admin +nama_admin +username +password +getId_admin() +setId_admin() +getNama_admin() +setNama_admin() +getUsername() +setUsername() +getPassword() +setPassword() +queryMenambahdataadmin() +queryMengubahdataadmin() +queryMenghapusdataadmin() pengaju +username +password +getUsername() +setUsername() +getPassword() +setPassword() pengajuan +id_pengajuan +id_pengaju +jumlah +keterangan +dokumen_syarat +getId_pengajuan() +setId_pengajuan() +getUsername() +setUsername() +setJumlah() +getJumlah() +setKeterangan() +getKeterangan() +setDokumen() +getDokumen() +queryMengajukandatapengajuan() persetujuan +id_persetujuan() +id_admin() +id_pengaju() +id_pengajuan() +status +keterangan +getId_persetujuan() +setId_persetujuan() +getId_admin() +setId_admin() +getId_pengaju() +setId_pengaju() +getId_pengajuan() +setId_pengajuan() +getStatus() +setStatus() +getKeterangan() +setKeterangan() +queryMenyetujuidatapersetujuan() Menambah m 1
4.2.5 Sequence Diagram
Admin
Login Menu Utama
input username dan password
form pengajuan
username dan password salah
menampilkan menu pengajuan
Data Pengaju
menampilkan data admin menampilkan daftar data pengaju
Add Data Pengaju
menampilkan data admin
Data Admin
input data pengaju
menampilkan data pengaju
Add Data Admin
input data admin username dan password
benar () menampilkan menu utama Cek username dan password
Gambar IV.18 Sequence Diagram Admin
4.2.6 Spesifikasi Hardware dan Software
1. Spesifikasi Hardware
a. Server
1) CPU
(b) RAM 2GB
(c) Hard Disk 500GB
2) Koneksi internet dengan kecepatan 2 mbps b. Client
1) CPU
(a) Processor : Intel Celeron CPU 1007U @1.50GHz (2CPUS)~1.5Hz (b) RAM 2GB (c) Hard Disk 500GB 2) Koneksi internet 2. Spesifikasi Software 1. Server a. Microsoft Windows 8 b. Xamp 5.0.45
(1) Aplikasi phpMyAdmin versi 2.11 (2) Aplikasi MySQL versi 5.0.45
c. Aplikasi web seperti Google Chrome, Mozilla Firefox, Opera
2. Client
a. Sistem operasi yang di gunakan seperti: Microsoft Windows atau Linuk b. Aplikasi web browser seperti: Opera, Google Chrome, Mozilla Firefox
4.3 Jadwal Implementasi
Tabel IV.11 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
