4.1. Tahapan Perancangan Sistem
Perancangan suatu sistem merupakan dasar dari pembuatan suatu sistem yang handal dan kuat memerlukan suatu proses atau tahap – tahapan, adapun tahap – tahapan dalam perencanaan sistem dibagi menjadi 3 tahap, yaitu:
1. Tahap analisis, bertujuan untuk memahami pemecahan masalah.
2. Tahap desaign, bertujuan untuk memahami pemecahan masalah yang didapat pada tahap analisis melalui suatu pemodelan.
3. Tahap implementasi, untuk menerapkan pemodelan yang telah dibuat menjadi sistem aplikasi sesungguhnya.
Gabungan dari tahap analisis dan desain biasanya disebut sebagai perancangan sistem. BAB ini akan menjelaskan menganai perancangan sistem informasi pembuatan kartu identitas anak berbasis web.
4.1.1. Analisis Kebutuhan A. Kebutuhan Pengguna
Dalam rancangan web rekam medik terdapat dua pengguna yang saling berinteraksi dalam lingkungan sistem yaitu: admin, dan pemohon. Kedua pengguna tersebut memiliki karakteritik interaksi dengan sistem yang berbeda-beda dan memiliki kebutuhan informasi yang berbeda-beda, seperti berikut:
1. Skenario Kebutuhan Admin a. Mengelola data Pemohon
extand Hapus b. Mengelola data Anak
c. Mengelola data Pemohonan Pembuatan Kia d. Membuat Data Kartu Identiatas Anak (KIA) 2. Skenario Kebutuhan Pemohon
a. Pembuatan Kartu Identitas Anak (KIA) B. Kebutuhan Sistem
1. Pengguna harus mengajukan Permohonan Pembuatan KIA dengan menginputkan data permohonan, data anak, data orang tua anak, dan mengupload berkas.
4.1.2. Rancangan Diagram Use Case
1. Diagram Use Case Admin
Data Profil
extand Update Profil Ubah
extand extand Data Pemohon
extand extand
Cari
Hapus Admin extand
Admin
include extand Data Anak
extand extand Cari Hapus extand extand Gambar IV.1 Diagram Use Case Admin
Cari Cetak Laporan extand Verifikasi Kartu Identitas Anak (KIA) extand Detail extand Hapus Cetak Kelola Testimoni
a. Deskripsi Use Case Diagram Data Profil Admin Tabel IV.1
Deskripsi Use Case Diagram Data Profil Admin
Use Case Name Data Profil Admin
Requirements Admin dapat update profil
Goal Admin dapat mengupdate profil
Pre – Conditions Beranda admin
Post – Conditions Ubah
Failed end Condition
Gagal upadate profile admin
Primary Actors Admin
Main Flow / Basic Path
1. Admin memilih menu data profil admin 2. Sistem menampilkan data profil admin 3. Admin memilih update profil
4. Admin mengubah data admin
5. Admin menyimpan data yang diupdate Alternative Flow /
Invariant
-
b. Deskripsi Use Case Diagram Data Pemohon Tabel IV.2
Deskripsi Use Case Diagram Data Pemohon
Use Case Name Data Pemohon
Requirements Admin dapat mengelola data pemohon
Goal Admin dapat mengelola data pemohon secara online
melalui web
Pre – Conditions Beranda admin
Post – Conditions 1. Mencari data pemohon
2. Menghapus data pemohon Failed end
Condition
1. Gagal mencari data pemohon 2. Gagal menghapus data pemohon
Primary Actors Admin
Main Flow / Basic Path
1. Admin memilih menu data pemohon 2. Sistem menampilkan data pemohon 3. Admin mencari data pemohon 4. Admin menghapus data pemohon Alternative Flow /
Invariant
c. Deskripsi Use Case Diagram Data Anak Table IV.3
Use Case Diagram Data Anak
Use Case Name Data Anak
Requirements Admin dapat mengelola data anak
Goal Admin dapat mengelola data anak secara online
melalui web
Pre – Conditions Beranda admin
Post – Conditions 1. Mencari data data anak
2. Menghapus data anak Failed end
Condition
1. Gagal mencari data anak 2. Gagal menghapus data anak
Primary Actors Admin
Main Flow / Basic Path
1. Admin memilih menu data anak 2. Sistem menampilkan data anak 3. Admin mencari data anak 4. Admin menghapus data anak Alternative Flow /
Invariant
-
d. Deskripsi Use Case Diagram Data Pemohonan KIA Tabel IV.4
Use Case Diagram Data Pemohon
Use Case Name Data Permohonan
Requirements Admin dapat mengelola data permohonan
Goal Admin dapat mengelola data permohonan secara
online melalui web
Pre – Conditions Beranda admin
Post – Conditions 1. Mencari data permohonan KIA
2. Cetak laporan data permohonan KIA 3. Verifikasi data permohonan KIA 4. Detail data permohonan KIA 5. Menghapus data permohonan KIA Failed end
Condition
1. Gagal mencari data permohonan KIA 2. Gagal cetak laporan permohonan KIA 3. Gagal verifikasi permohonan KIA 4. Gagal menghapus permohonan KIA
Primary Actors Admin
Main Flow / Basic Path
1. Admin memilih Data Permohonan KIA 2. Sistem menampilkan data permohonan KIA 3. Admin mencari data permohonan KIA 4. Admin mencetak data permohonan KIA 5. Admin memverifikasi data permohonan KIA 6. Admin menghapus data permohonan KIA Alternative Flow /
Invariant
e. Deskripsi Use Case Diagram Kartu Identitas Anak (KIA) Tabel IV.5
Use Case Diagram Kartu Identitas Anak (KIA)
Use Case Name Data Kartu Identitas Anak (KIA)
Requirements Admin dapat mengelola data kartu identitas anak
Goal Admin dapat mengelola data kartu identitas anak
secara online melalui web
Pre – Conditions Beranda admin
Post – Conditions 1. Mencari data data kartu identitas anak
2. Menghapus data data kartu identitas anak 3. Cetak data data kartu identitas anak Failed end
Condition
1. Gagal mencari data kartu identitas anak 2. Gagal hapus data kartu identitas anak 3. Gagal menghapus data kartu identitas anak
Primary Actors Admin
Main Flow / Basic Path
1. Admin memilih Kartu Identitas Anak (KIA) 2. Sistem menampilkan data kartu identitas anak 3. Admin mencari data kartu identitas anak 4. Admin menghapus data kartu identitas anak 5. Admin mencetak data kartu identitas anak Alternative Flow /
Invariant
-
f. Use Case Diagram Kelola Testimoni
Tabel IV.6
Use Case Diagram Kelola Testimoni
Use Case Name Kelola Testimoni
Requirements Admin dapat mengelola data testimoni pengunjung
Goal Admin dapat mengelola data testimoni pengunjun
secara online melalui web
Pre – Conditions Beranda admin
Post – Conditions 1. Menghapus data testimoni pengunjung
Failed end Condition
1. Gagal menghapus data testimoni pengunjung
Primary Actors Admin
Main Flow / Basic Path
1. Admin memilih Kelola Testimoni
2. Sistem menampilkan data testimoni pengunjung 3. Admin menghapus data testimoni pengunjung Alternative Flow /
Invariant
2. Diagram Use Case Petugas Pendaftaran extand extand extand Beranda extand include Pemohon extand extand extand Gambar IV.2
Diagram Use Case Pemohon
a. Deskripsi Use Case Diagram Layanan
Tabel IV.7
Deskripsi Use Case Diagram Pengajuan Permohonan
Use Case Name Layanan
Requirements Pemohon dapat cek status permohonan KIA
Goal Pemohon dapat mengecek permohonan KIA secara
online melalui web
Pre – Conditions Beranda Pemohon
Post – Conditions Cek Permohonan
Failed end Condition
Gagal mencari permohonan
Primary Actors Pemohon
Main Flow / Basic Path
1. Pemohon memilih menu layanan
2. Pemohon memilih cek permohonan pada menu layanan
3. Sistem menampilkan data status permohonan Alternative Flow / Invariant - Tentang Kami Cara extand Pemohona Layanan extand Cek Pemohona Hubungi
Kami extand Testimoni
Pengajuan
Pemohona extand Simpan
Cara Pemohona
Simpan
b. Deskripsi Use Case Diagram Hubungi Kami Tabel IV.8
Deskripsi Use Case Diagram Hubungi Kami
Use Case Name Hubungi Kami
Requirements Pemohon dapat menginputkan testimoni
Goal Petugas pendaftaran dapat memberikan testimoni
secara online melalui web
Pre – Conditions Beranda Pemohon
Post – Conditions Testimoni Pengunjung Website
Failed end Condition
Gagal menyimpan testimoni
Primary Actors Pemohon
Main Flow / Basic Path
1. Pemohon memilih menu hubungi kami 2. Sistem menampilkan form testimoni 3. Pemohon menginputkan testimoni 4. Pemohon menyimpan testimoni Alternative Flow /
Invariant
-
4.1.3. Rancangan Diagram Aktivitas
1. Activity Diagram Login Admin
Gambar IV.3
2. Activity Diagram Data Profil Admin
Gambar IV.4
3. Activity Diagran Data Pemohon
Gambar IV.5
4. Activity Diagram Data Anak
Gambar IV.6
5. Activity Diagram Data Permohonan KIA
Gambar IV.7
6. Activity Diagram Kartu Identitas Anak (KIA)
Gambar IV.8
7. Activity Diagram Data Testimoni
Gambar IV.9
Activity Diagram Data Testimoni
8. Activity Diagram Data Permohonan
Gambar IV.10
9. Activity Diagram Cek Status Permohonan
Gambar IV.11
4.1.4. Rancangan Dokumen Sistem Usulan A. Rancangan Dokumen Masukan
1. Nama Dokumen : KTP
Fungsi : Sebagai kelangkapan dokumen persyaratan
Sumber : Pemohon
Tujuan : Admin
Media : Soft file
Jumlah : 1
Frekuensi : Setiap mengajukan permohonan
Bentuk : Lihat Lampiran C.1
2. Nama Dokumen : KK
Fungsi : sebagai kelengkapan dokumen persyaratan
Sumber : Pemohon
Tujuan : Admin
Media : Soft file
Jumlah : 1
Frekuensi : Setiap mengajukan permohonan
Bentuk : Lihat Lampiran C.2
3. Nama Dokumen : Akta
Fungsi : Sebagai kelengkapan dokumen persyarartan
Sumber : Pemohon
Tujuan : Admin
Media : Soft file
Jumlah : 1
Bentuk : Lihat Lampiran C.3 4. Nama Dokumen : Foto
Fungsi : Sebagai kelengkapan dokumen persyaratan
Sumber : Pemohon
Tujuan : Admin
Media : Soft file
Jumlah : 1
Frekuensi : Setiap mengajukan permohonan
Bentuk : Lihat Lampiran C.4
5. Nama Dokumen : Bukti Permohonan Pembuatan KIA
Fungsi : Sebagai bukti permohonan pembuatan KIA
Sumber : Sistem
Tujuan : Admin
Media : Kertas
Jumlah : 1
Frekuensi : Setiap melakukan permohonan pembuatan KIA
Bentuk : Lihat Lampiran C.5
B. Rancangan Dokumen Keluaran 1. Nama Dokumen : Bukti Permohonan Pembuatan KIA
Fungsi : Sebagai bukti permohonan pembuatan KIA
Sumber : Sistem
Tujuan : Pemohon
Media : Kertas
Frekuensi : Setiap melakukan permohonan pembuatan KIA
Bentuk : Lihat Lampiran D.1
2. Nama Dokumen : Kartu Identitas Anak (KIA)
Fungsi : Sebagai identitas data diri anak sebelum berusia 17 tahun
Sumber : Sistem
Tujuan : Pemohon
Media : Kertas
Jumlah : 1
Frekuensi : Setiap melakukan pembuatan Kartu Identitas Anak (KIA)
Bentuk : Lihat Lampiran D.2
3. Nama Dokumen : Laporan Data Permohonan Pembuatan KIA
Fungsi : Sebagai laporan pertanggung jawaban admin
Sumber : Sistem
Tujuan : Admin
Media : Kertas
Jumlah : Tidak Terbatas
Frekuensi : Setiap dibutuhkan
4.1.5. Rancangan Prototype
1. Tampilan Login Admin
Gambar IV.12 Tampilan Login Admin
2. Tampilan Data Profil Admin
Gambar IV.13
3. Tampilan Data Pemohon
Gambar IV.14 Tampilan Data Pemohon
4. Tampilan Data Anak
Gambar IV.15 Tampilan Data Anak
5. Tampilan Data Permohonan KIA
Gambar IV.16
Tampilan Data Permohonan KIA
6. Tampilan Data Kartu Identitas Anak (KIA)
Gambar IV.17
7. Tampilan Data Testimoni Pengunjung Website
Gambar IV.18
Tampilan Data Testimoni Pengunjung Website
8. Tampilan Beranda Pemohon
Gambar IV.19
9. Tampilan Form Input Permohon KIA
Gambar IV.20
Tampilan Form Input Permohon KIA
10. Tampilan Cek Status Pembuatan KIA
Gambar IV.21
11. Tampilan Testimoni Pengunjung Website
Gambar IV.22
4.2. Perancangan Perangkat Lunak 4.2.1. Entity Relationship Diagram (ERD)
Gambar IV.23
4.2.2. Logical Record Structure (LRS)
Gambar IV.24 Logical Record Structure
4.2.3. Spesifikasi File
1. Spesifikasi File Admin
Nama File : Admin
Akronim : admin.sql
Fungsi : Untung menyimpan data admin
Tipe File : File Master
Akses File : Rondom
Media : Harddisk
Panjang record : 150 byte
Kunci Field : id_admin
Software : Mysql
Tabel IV.9 Spesifikasi File Admin
No Elemen Data Nama Field Tipe Size Ket
1. Id Admin id_admin varchar 15 Primary Key
2. Nama Admin nm_admin varchar 30
3. Telpon Admin tlp_admin varchar 15
4. Email Admin email_admin varchar 30
5. Username username varchar 15
6. Password password varchar 15
7. Foto Admin ft_admin varchar 30
2. Spesifikasi File Anak
Nama File : Anak
Akronim : anak.sql
Fungsi : Untung menyimpan data anak
Tipe File : File Transaksi Organisasi File : Indexed Sequential
Akses File : Rondom
Media : Harddisk
Panjang record : 335 byte Kunci Field : nik_anak
Tabel IV.10 Spesifikasi File Anak
No Elemen Data Nama Field Tipe Size Ket
1. NIK Anak nik_anak varchar 20 Primary Key
2. Nama Anak nm_anak varchar 30
3. Agama agama varchar 10
4. Kewarganegaraan kewarganegaraan varchar 5
5. Nomor Akta no_akta varchar 20
6. Akta akta varchar 30
7. Tempat Lahir tempat_lhr varchar 30
8. Tanggal Lahir tgl_lhr date
9. Nama Ibu nm_ibu varchar 30
10. Nama Ayah nm_ayah varchar 30
11. Alamat Anak alamat_anak varchar 100
12. Foto Anak ft_anak varchar 30
3. Spesifikasi File KIA
Nama File : KIA
Akronim : kia.sql
Fungsi : Untung menyimpan data kartu identitas anak (KIA)
Tipe File : File Transaksi
Organisasi File : Indexed Sequential
Akses File : Rondom
Media : Harddisk
Panjang record : 120 byte Kunci Field : id_kia
Software : Mysql
Tabel IV.11 Spesifikasi File KIA
No Elemen Data Nama Field Tipe Size Ket
1. ID KIA id_kia varchar 20 Primary Key
2. ID Permohonan id_permohonan varchar 20
3. Nik Anak nik_anak varchar 20
4. Kepala Keluarga kpl_keluarga varchar 30
5. Masa Berlaku masa_berkalu date
7. Tanggal_Disahkan tgl_disahkan date
4. Spesifikasi File Pemohon
Nama File : Pemohon
Akronim : pemohon.sql
Fungsi : Untung menyimpan data pemohon
Tipe File : File Transaksi
Organisasi File : Indexed Sequential
Akses File : Rondom
Media : Harddisk
Panjang record : 187 byte
Kunci Field : nik
Software : Mysql
Tabel IV.12
Spesifikasi File Pemohon
No Elemen Data Nama Field Tipe Size Ket
1. NIK nik varchar 20 Primary Key
2. Nama nama varchar 30
3. Umur umur varhcar 2
4. Jenis Kelamin jk varchar 15
5. Pekerjaan pekerjaan varchar 20
6. Alamat Pemohon alamat_pemohon varchar 100
5. Spesifikasi File Permohonan
Nama File : Permohonan
Akronim : permohonan.sql
Fungsi : Untung menyimpan permohonan pembuatan KIA
Tipe File : File Transaksi Organisasi File : Indexed Sequential
Media : Harddisk Panjang record : 90 byte
Kunci Field : id_permohonan
Software : Mysql
Tabel IV.13
Spesifikasi File Permohonan
No Elemen Data Nama Field Tipe Size Ket
1. Id Permohonan id_permohonan varchar 20 Primary Key
2. NIK nik varchar 20
3. Nik Anak nik_anak varchar 20
4. Tanggal Permohonan tgl_permohonan date 5. Status Permohonan stts_permohonan varchar 15
6. Id admin Id_admin Varchar 15
7. Tanggal Verfikasi
Tgl_verifikasi date
6. Spesifikasi File Testimoni
Nama File : Testimoni
Akronim : testimoni.sql
Fungsi : Untung menyimpan data testimoni pengunjung website
Tipe File : File Master
Organisasi File : Indexed Sequential
Akses File : Rondom
Media : Harddisk
Panjang record : 171 byte Kunci Field : id_testi Software : Mysql
Tabel IV.14
Spesifikasi File Testimoni
No Elemen Data Nama Field Tipe Size Ket
1. Id Testimoni id_testi int 11 Primary Key
2. Tanggal tanggal timestamp
3. Nama nama varchar 30
4. Email email varchar 30
5. Isi Testimoni isi_testi varchar 100
4.2.4. Class Model / Class Diagram
Gambar IV.25 Class Diagram
4.2.5. Sequance Diagram
1. Sequance Diagram Login Admin
Gambar IV.26
Sequance Diagram Login Admin
2. Sequance Diagram Data Profil Admin
Gambar IV. 27
3. Sequance Diagram Data Pemohon
Gambar IV. 28
Sequance Diagram Data Pemohon
4. Sequance Diagram Data Anak
Gambar IV. 29
5. Sequance Diagram Data Permohonan
Gambar IV. 30
Sequance Diagram Data Permohonan
4.2.6. Spesifikasi Hardware dan Software
Perangkat keras yang dimaksud disini adalah seperangkat alat atau elemen elektronik yang dapat membantu sistem yang diusulkan sehingga program yang diusulkan oleh penulis dapat bekerja dengan baik. Perangkat keras yang dibutuhkan dibagi atas dua bagian, yaitu perangkat keras untuk web server dan perangkat keras client. Sedangkan perangkat lunak adalah suatu rangkaian atau susunan instruksi yang harus benar dengan urutan-urutan yang benar pula. Keberadaan perangkat lunak selalu menyertai perangkat keras yang ada. Perangkat lunak (Software) dan perangkat keras (Hardware) yang dibutuhkan diantaranya :
Tabel IV.15
Spesifikasi Hardware dan Software
Kebutuhan Keterangan
Sistem Operasi Windows 7 Ultimated
Processor Pentium Dual Core 2.2 GHz
RAM 2 GB
Harddisk 500 GB
CD-ROM 52x
Monitor Generic Pnp Monitor
Keyboard Standard keyboard 92 key
Printer Deskjet 1010
Browser Mozila Firefox, Internet Explorer, Google Chrome
Software Adobe Dreamweaver, Notepad++, Xampp
4.3. Implementasi 4.3.1. Jadwal Implementasi Tabel IV.16 JadwalImplementasi 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
