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