PERANCANGAN SISTEM USULAN
4.1. Tahapan Perancangan Sistem4.1.1. Analisis Kebutuhan
Mengindentifikasi kebutuhan yang diperoleh berdasarkan kebutuhan pengguna dan kebutuhan sistem. Hal pertama yang perlu dilakukan dalam analisis kebutuhan sistem adalah menentukan dan mengungkapkan dari pada kebutuhan-kebutuhan yang diperoleh berdasarkan kebutuhan pengguna dan sistem.
4.1.2. Rancangan Diagram Use Case Diagram Sistem Usulan a. Diagram Use Case
b. Deksripsi Use Case
Berdasaekan Use Case diatas, maka dibuatlah skenarionya seperti tabel tabel dibawah ini :
1. Table Use Case Skenario Login
Nama Use Case Login
Tujuan Berfungsi untuk masuk kehalaman admin Deksripsi Hanya admin dan kepala sekolah yang bisa Aktor Terlibat Admin, Kepala Sekolah
Kondisi Awal 1. Masuk kehalaman login Kondisi Akhir 2. Masuk kehalaman admin
Skenario
Aktor Respon Sistem
1. Memilih halaman login 2. Menampilkan halaman login 3. Isi form login
username dan password
4. Pilih tombol sign in 5. Validasi username dan password 6. Login sukses
7. Masuk kehalaman
admin
Login
2. Table Use Case Skenario Pendaftaran
Nama Use Case Pendaftaran
Tujuan Pendaftaran Siswa baru
Deksripsi Dilakuakan tampa harus login
Aktor Terlibat User
Kondisi Awal 1. Masuk kehalaman
pendaftaran
Kondisi Akhir 2. Data Siswa baru tersimpan Skenario
Aktor Respon Sistem
1. Masuk kehalaman pendaftaran
2. Menampilkan form
pendaftaran
3. Isi form pendaftaran
4. Klik tombol save 5. Insert data ke table Exceptional Case
Data harus diisi dengan sebenar benarnya Table IV.2 Use Case Skenario Pendaftara
3. Table Use Case Skenario Pembayaran
Nama Use Case Kelola Pembayaran
Tujuan Input Pembayaran
Deksripsi Input pembayaran siswa
Aktor Terlibat Admin
Kondisi Awal 1. Admin sudah melakukan
Login
Kondisi Akhir 2. Data berhasil disimpan Skenario
Aktor Respon Sistem
1. Memilih halaman
Bayar
2. Menampilkan list siswa
3. Pilih siswa 4. Menampilkan form
Bayar
5. Isi form bayar 6. Data insert ke table Exceptional Case
4. Table Use Case Skenario Cicilan
Nama Use Case Kelola Cicilan
Tujuan Input Cicilan
Deksripsi Input Cicilan siswa
Aktor Terlibat Admin
Kondisi Awal 1. Admin sudah melakukan
login
Kondisi Akhir 2. Data berhasil disimpan Skenario
Aktor Respon Sistem
1. Memilih halaman cicilan 2. Menampilkan list siswa
3. Pilih siswa 4. Menampilkan form
cicilan
5. Isi form cicilan 6. Data insert ke table Exceptional Case
Nama Use Case Laporan Siswa
Tujuan export Laporan
Deksripsi export Laporan Siswa
Aktor Terlibat Admin, Kepala Sekolah
Kondisi Awal 1. Admin sudah melakukan
Login
Kondisi Akhir 2. Cetak Laporan
Skenario
Aktor Respon Sistem
1. Memilih halaman Laporan
2. Menampilkan list siswa
3. Pilih export 4. Proses export
Laporan
Exceptional Case
Pilihan export pdf,excel,csv Table IV.5 Use Case Skenario Laporan Siswa
Nama Use Case Laporan Pembayaran
Tujuan export Laporan
Deksripsi export Laporan Pembayaran
Aktor Terlibat Admin, Kepala Sekolah
Kondisi Awal 3. Admin sudah melakukan
login
Kondisi Akhir 4. Cetak Laporan
Skenario
Aktor Respon Sistem
5. Memilih halaman Laporan
6. Menampilkan list siswa
7. Pilih export 8. Proses export
laporan
Exceptional Case
Pilihan export pdf,excel,csv
Proses-proses yang terjadi memodelkan suatu aliran kerja(workflow) atau aktifitas dan suatu operasi. Dimodelkan dalam suatu diagram yaitu activity Diagram
yang disertai uraian-uraian yang menggambarkan aliran kerja dari aktifitas ke aktifitas lain yang terdapat pada system
4.1.4. Rancangan Dokumen Sistem Usulan
Dokumen yang menjadi masukan system akan diuraikan lebih lanjut menjadi spesifikasi bentuk dokumen masukan berupa penjelasan rinci dari dokumen tersebut.
A. Dokumen masukan
yang mengalir disistem terdiri dari satu (1) dokumen yaitu formulir calon murid
1.Nama Dokumen : Formulir calon murid
Fungsi : Sebagai data diri calon murid
Sumber : Calon murid yang mendaftar
Tujuan : Administrasi
Media : Terkomputerisasi
Bentuk : Lampiran A1
B. Dokumen Keluaran
Dokumen yang menjadi keluaran system akan diuraikan lebih lanjut menjadai spesifikasi bentuk dokumen keluaran berupa penjelasan rinci dari dokumen tersebut. Dokumen keluaran yang dialirkan oleh system terdiri dari dua (2) dokumen yaitu Bukti Pembayaran, Bukti Cicilan.
3. Nama Dokumen
Fungsi
: Bukti Pembayaran
: Sebagai data buktI pembayaran
Tujuan
Media
: Calon orang tua murid
: Terkomputerisasi Jumlah : 1 Frekuensi Lampiran : Setelah melakukan pembayaran : Lampiran B1
4. Nama Dokumen : Bukti Cicilan
Fungsi : Sebagai data bukti cicilan
Sumber : Administrasi
Tujuan : Calon orang tua murid
Media : Terkomputerisasi
Jumlah : 1
Frekuensi : setelah melakukan cicilan
Lampiran : Lampiran B2
4.1.4. Rancangan Prototype 1. Tampilan awal website
2. Tampilan Login Untuk User
Gambar IV.6 login untuk user 3. Tampilan Login Untuk Admin
4. Tampilan Dashboard Admin
Gambar IV.8 dashboard admin
5. Tampilan Form Input Data Siswa Bagian Admin
6. Tampilan Form Input Data Siswa Bagian User
Gambar IV.9 form input data siswa bagian user
Gambar IV.10 form data siswa bagian admin
Gambar IV.11 form data pembayaran bagian admin
9. Tampilan From Data Cicilan Bagian Admin
Gambar IV.12 form data cicilan bagian admin
Gambar IV.13 form Laporan Pembayaran Data Siswa Bagian Admin
11. Tampilan From Laporan Cicilan Data Siswa Bagian Admin
Gambar IV.14 form Laporan Cicilan Data Siswa Bagian Admin
Gambar IV.15 form Data Pendaftaran Users Siswa Bagian Admin
13. Tampilan From Data Semester Siswa Bagian Admin
Gambar IV.17 Tabel Data Siswa dalam dashboard kepala sekolah
15. Tampilan dashboard admin kepala sekolah pada data pembayaran siswa
Gambar IV.18 Tabel Data Pembayaran Siswa Dalam Dashboard kepala
16. Tampilan dashboard admin kepala sekolah pada data pembayaran siswa
Gambar IV.19 Tabel Data Pembayaran Cicilan Siswa Dalam dashboard kepala sekolah
4.2. Perancangan Perangkat Lunak
Setelah dilakukan analisi, maka tahap selanjutnya adalah tahap perancangan perangkat lunak. Perancangan perangkat lunak secara umum tahap persiapan dan tahap perancangan terhadap sistem pendaftaran sekolah berbasis web yang akan dibuat. Adapun Langkah – Langkah yang harus diperhatikan dalam perancangan sebuah sistem yaitu proses peyimpanan database dan perancangan form.
Gambar IV.20 Entity Rellationship Diagram(ERD)
Gambar IV.21 Logical Record Structure(LRS)
4.2.3. Spesifikasi File
a. Spesifikasi File Siswa
Nama Database : tgl_siswa
Nama File : Tabel Siswa
Akronim : Siswa
Tipe File : File Master
Kunci Field : nis
1 Data induk
Siswa
Nis varchar 10 Primery Key
2 Nama siswa nama_lengkap varchar 30
3 Tanggal lahir
Siswa
tanggal_lahir varchar 30
4 Alamat siswa Alamat varchar 200
5 No kartu
Keluarga
no_kk int 20
6 No akte siswa no_akte int 20
No wali murid no_hp int 20
Table IV.7 Spesifikasi File Siswa
a. Spesifikasi File Pembayaran
Nama Database : tbl_pembayaran
Nama File : Tabel Pembayaran
Akses File : Random
Panjang Record : 16 KiB
Kunci Field : nis(FK), semester(FK)
1 Nomor induk
siswa
Nis varchar 10 Foreign Key
2 Semester Semester varchar 5 Foreign Key
3 Jumlah pembayaran Pembayaran double 4 Tanggal pembayaran tgl_pembayaran date
Table IV.8 Spesifikasi File Pembayaran
b. Spesifikasi File Semester
Nama Database :
tbl_semester
Nama File : Tabel Semester
Akronim : Semester
Tipe File : File Master
Akses File : Random
Kunci Field : i
No Elemen Data Nama Field Type Size Keterangan
1 Id Id Int 11 Primary Key
3 Biaya semester Biaya Double 11
Table IV.9 Spesifikasi File Semester
4.2.4. Class Diagram
Perancangan perangkat lunak dengan class diagram sebagai berikut :
Perancancangan perangkat lunak dengan Sequence Diagram
1. Sequence Diagram Login
2. Sequence Diagram Pendaftaran
3. Sequence Diagram Pembayaran
4. Sequence Diagram Cicilan
5. Sequence Diagram Laporan Siswa
6. Sequence Diagram Laporan Pembayaran
7. Sequence Diagram Laporan Cicilan
4.2.6. Spesifikasi Hardware Dan Software A. Spesifikasi Hardware
1. CPU
i. `Core™ i3-2360M CPU @2.30GHz
ii. RAM DDR2 2GB
iii. Hard Disk 500GB
2. Mouse
3. Keyboard
4. Monitor
5. Koneksi Internet dengan kecepatan 2Mbps
a. Sistem Operasi Windows 7
b. Aplikasi bundle web server xampp
c. Aplikasi web browser
2. Client
a. Sistem Operasi Windows 7
4.3 Jadwal Implementasi
Berikut ini merupakan jadwal implementasi dalam pembuatan Perancangan Sistem Informasi Pendaftaran Siswa Baru Pada RA Miftahul Jannah Berbasis Web.
Tabel IV.15 Jadwal Implementasi
NO KEGIATAN
WAKTU
BULAN I BULAN II BULAN II
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 Dan Tes Program 6 Pelatihan 7 Tes Sistem 8 Pembuatan Buku Petunjuk 9 Evaluasi dan Operasional