-
48
BAB IV
PERANCANGAN SISTEM USULAN
4.1. Perancangan Sistem
4.1.1. Rancangan Diagram Aktivitas Use Case Kebutuhan
Perancangan sistem usulan akan dijelaskan dalam pembuatan Activity
diagram sebagai penjelasan mengenai bagian alur perancangan sistem dapat
berjalan dan rancangan dokumen usulan sebagai penjelasan mengenai hasil
keluaran sistem yang dibuat.
1. Activity Diagram usulan login calon siswa
Gambar IV.1. Activity Diagram Melakukan Login calon siswa
-
49
2. Activity Diagram melakukan pendaftaran calon siswa
Gambar IV.2. Activity Diagram melakukan pendaftaran calon siswa
3. Activity Diagram melakukan konfirmasi pembayaran
Gambar IV.3. Activity Diagram melakukan konfirmasi pembayaran calon
siswa
-
50
4. Activity Diagram Usulan Login admin
Gambar IV.4. Activity Diagram Usulan Login Admin
5. Activity Diagram mengelola data pendaftaran
Gambar IV.5. Activity Diagram mengelola data pendaftaran
-
51
6. Activity Diagram mengelola data pembayaran
Gambar IV.6. Activity Diagram Mengelola data pembayaran
4.1.2. Rancangan Dokumen Sistem Usulan
Adapun dokumen sistem usulan yang penulis rancang adalah sebagai
berikut:
a. Nama Dokumen : Form formulir pendaftaran
Fungsi : Untuk mengisi data calon siswa baru
Sumber : Calon siswa
Tujuan : Admin
Media : Tampil layar monitor
-
52
Jumlah : 500setiap kali periode pendaftaran calon
siswa baru
Frekuensi : setiap calon siswa yang mendaftar
Bentuk : lihat lampiran C1
b. Nama Dokumen : konfirmasi pembayaran
Fungsi : Untuk mengetahui calon siswa telah
Melakukan pembayaran
Sumber : Calon siswa
Tujuan : Admin
Media : Tampil layar monitor
Jumlah : 300setiap kali periode pendaftaran calon
siswa baru
Frekuensi : setiap calon siswa yang sudah membayar
Bentuk : lihat lampiran C2
c. Nama Dokumen : laporan pembayaran
Fungsi : Sebagai laporan keuangan untuk bendahara
sekolah
Sumber : Admin
Tujuan : Bendahara
Media : Kertas
Jumlah : 1rangkap
Frekuensi : Setiap satu periode pendaftaran calon siswa
Bentuk : Lihat lampiran D1
d. Nama Dokumen : laporan pendaftaran
-
53
Fungsi : Sebagai laporan pendaftaran calon siswa
baru
Sumber : Admin
Tujuan : Kepala Sekolah
Media : Kertas
Jumlah : 1rangkap
Frekuensi : Setiap satu periode pendaftaran calon siswa
Bentuk : Lihat lampiran D2
e. Nama Dokumen : Bukti Pendaftaran
Fungsi : Sebagai laporan bukti sudah melakukan
pendaftan calon siswa baru
Sumber : Admin
Tujuan : Siswa
Media : Kertas
Jumlah : 1rangkap
Frekuensi : Setiap satu periode pendaftaran calon siswa
Bentuk : Lihat lampiran D3
4.2. Perancangan Perangkat Lunak
Perancangan perangkat lunak merupakan tahapan lanjutan agar diketahui
bagaimana gambaran dan proses suatu sistem dibentuk.
-
54
4.2.1. Rancangan Basis Data
1. Entity Relationship Diagram Pendaftaran Siswa Baru
Perancangan basis data menghasilkan pemetaan tabel-tabel yang
digambarkan dengan Entity Relationship Diagram (ERD).
Gambar IV.7. Entity Relationship Diagram Pendaftaran Siswa Baru
2. Logical Record Structure Pendaftaran Siswa Baru
Berdasarkan Entity Relationship Diagram yang diatas dilanjutkan dengan
rancangan Logical Record Structure (LRS) sebagai berikut:
-
55
Gambar IV.8. Logical Record Structure Pendaftaran Siswa Baru
3. Spesifikasi File
Adapun Spesifikasi File berdasarkan rancangan diatas adalah sebagai berikut:
a. Spesifikasi File Calon Siswa
Nama File : Calon siswa
Akronim : Calon_siswa
Fungsi : untuk menyimpan data calon siswa
Tipe File : Master file
Organisasi File : Indexed sequential
Akses File : Random Access
Media : Harddisk
PanjangRecord : 68 byte
KunciField : Email
Software : Microsoft Access 2010
-
56
Tabel IV. 1
Spesifikasi file Calon Siswa
No Elemen data Nama Field Tipe Size Ket
1. Email Email Varchar 10 Primary Key
2. Password Password Varchar 20
3. Nama Lengkap Nama_Lengkap Text 25
4. No Telepon Telepon Varchar 13
b. Spesifikasi File Pendaftaran
Nama File : Pendaftaran
Akronim : Pendaftaran
Fungsi : Untuk menyimpan data pendaftaran
Tipe File : Transaction File
Organisasi File : Indexed sequential
Akses File : Random Access
Media : Harddisk
PanjangRecord : 227 Byte
KunciField : No_pendaftaran
Software : Microsoft Access 2010
Tabel IV. 2
Spesifikasi file Pendaftaran
No Elemen data Nama Field Tipe Size Keterangan
1. Nomor pedaftaran No_Pendaftaran Varchar 6 Primary Key
2. Tanggal pendaftaran Tanggal_Daftar Date
3. NISN NISN Varchar 10
-
57
4. Nama Calon Siswa Nm_calon_siswa Text 20
5. Tampat tanggal lahir Tmpt_tgl_lahir Date
6. Warga Negara Warga_negara Text 10
7. Jenis Kelamin Jenis_kelamin Varchar 9
8. Agama Agama Text 7
9. Alamat Rumah Alamat_rumah Varchar 30
10. Nama Orangtua Nama_orangtua Text 10
11. Pekerjaan Orangtua Pekerjaan_orangtua Text 10
12. Asal Sekolah Asal_sekolah Varchar 14
13. Alamat Sekolah Alamat_sekolah Text 20
14. No HP No_HP Varchar 13
15. Email Email Varchar 30
16. Nomor STTB SMP/MTs No_STTB Varchar 10
17. Tanggal STTB SMP/MTs Tanggal_STTB Date 15
18. NomorSKHUN SMP/MTs No_SKHUN Varchar 13
c. Spesifikasi File Konfirmasi pembayaran
Nama File : Konfirmasi pembayaran
Akronim : Konfirnasi_pembayaran
Fungsi : Untuk konfirmasi pembayaran
Tipe File : Transaction File
Organisasi File : Indexed Sequential
Akses File : Random Access
Media : Harddisk
-
58
PanjangRecord : 30 Byte
KunciField : No_kwitansi
Software : Microsoft Access 2010
Tabel IV. 3
Spesifikasi file Konfirmasi Pembayaran
No Elemen data Nama Field Tipe Size Ket
1. Nomor Kwitansi No_kwitansi Varchar 10 Primary Key
2. Nomor Pendaftaran No_pendaftaran Varchar 20
3. Foto Struk Struk Varchar
4. Tanggal_konfirmasi Tgl_konfirmasi date
4.2.2. Rancangan Antar Muka
Menjelaskan rancangan antar muka (interface)yang terdapat pada aplikasi
pendaftaran siswa baru.
-
59
1. Rancangan antar muka Form Registrasi Calon Siswa
Gambar IV.9. Rancangan Antar Muka Registrasi Calon Siswa
2. Rancangan Antar Muka Login Calon Siswa
Gambar IV.10. Rancangan Antar Muka Login Siswa
-
60
3. Rancangan Antar Muka Pendaftaran
Gambar IV.11. Rancangan Antar Muka Pendaftaran
-
61
4. Rancangan Antar Muka Pembayaran
Gambar IV.12. Rancangan Antar Muka Pembayaran
5. Rancangan Antar Muka Login Admin
Gambar IV.13. Rancangan Antar Muka Login Admin
-
62
6. Rancangan Antar Muka Laporan Pendaftaran Calon Siswa
Gambar IV.14. Rancangan Antar Muka Laporan Pendaftaran Calon Siswa
7. Rancangan Antar Muka Laporan pembayaran
Gambar IV.15. Rancangan Antar Muka Laporan Pembayaran
-
63
4.3.1. Rancangan Arsitektur Perangkat Lunak
Menjelaskan kelas-kelas yang terdapat pada aplikasi pendaftaran calon
siswa baru dan menggambarkan sejumlah objek dan pesan-pesan yang dilewati
diantara objek-objek ini dalam suatu use case.
1. Class Diagram Pedaftaran Calon Siswa Baru
Gambar IV.16. Class Diagram Pendaftaran Siswa Baru
2. Sequence Diagram Pedaftaran Calon Siswa Baru
a. Sequence diagram login calon siswa
Gambar IV.17. Sequence Diagram Login Calon Siswa
-
64
b. Sequence diagram pendaftaran
Gambar IV.18. Sequence Diagram Pendaftaran
c. Sequence diagram konfirmasi pembayaran
Gambar IV.19. Sequence Diagram Konfirmasi Pembayaran
-
65
d. Sequence diagram login admin
Gambar IV.20. Sequence Diagram Login Admin
e. Sequence diagram mengelola data pendaftaran
Gambar IV.21. Sequence Diagram Login Data Pendaftaran
-
66
f. Sequence diagram mengelola data pembayaran
Gambar IV.22. Sequence Diagram mengelola Data Pembayaran
4.3 Implementasi
Implementasi rancangan antar muka pada aplikasi penerimaan peserta
didik baru berdasarkan hasil rancangan antar muka.
1. Halaman Form Registrasi Calon Siswa
Gambar IV.23. Halaman Registrasi Calon Siswa
-
67
2. Halaman Login Calon Siswa
Gambar IV.24. Halaman Login Calon Siswa
3. Halaman Pendaftaran Calon Siswa
Gambar IV.25. Halaman Pendaftaran
-
68
4. Halaman Pembayaran Calon Siswa
Gambar IV.26. Halaman Pembayaran Calon Siswa
5. Halaman Login Admin
Gambar IV.27. Halaman Login Admin
6. Halaman Laporan Pendaftaran
Gambar IV.28. Halaman Laporan Pendaftaran
-
69
7. Halaman Laporan Pembayaran
Gambar IV.29. Halaman Laporan Pembayaran
4.3.1. Spesifikasi Sistem Komputer
1. Spesifikasi Perangkat Keras
a. Server
1) CPU
(a) Processor Intel® Pentium® Core 2 Duo
(b) RAM DDR2 4 GB
(c) Hard Disk 500 GB
2) Mouse
3) Keyboard
4) Monitor dengan resolusi layar minimum 1024x768
5) Koneksi internet dengan kecepatan 2 Mbps.
b. Client
1) CPU
(a) Processor Intel® Pentium® 4
(b) RAM DDR2 1GB
(c) Hard Disk 20 GB
-
70
2) Mouse
3) Keyboard
4) Monitor dengan resolusi layar minimum 1024x768
5) Koneksi internet dengan kecepatan 56 kbps.
4.3.2. Spesifikasi Perangkat Lunak
1. Server
a. Sistem operasi yang digunakan Microsoft Windows.
b. Aplikasi penyimpan database yg digunakan Microsoft Access 2013
c. Bahasa pemrograman yang digunakan menggunakan dreamweaver
2. Client
a. Sistem operasi yang digunakan Microsoft Windows.
b. Aplikasi penyimpan database yg digunakan Microsoft Access 2013
c. Bahasa pemrograman yang digunakan menggunakan dreamweaver
-
71
4.3.3. Jadwal Implementasi Tabel IV.4.
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