bab iv perancangan sistem usulan...a1. siswa dapat melakukan pendaftaran siswa baru. a2. siswa dapat...
TRANSCRIPT
30
BAB IV
PERANCANGAN SISTEM USULAN
4.1. Tahap Perancangan Sistem
4.1.1. Analisis Kebutuhan
Dalam Penerimaan Siswa Baru Berbasis Web ini pendaftar tidak perlu datang
langsung ke sekolah, melainkan pendaftar bisa bisa mengakses informasi secara online
dimanapun dan kapanpun. Sehingga dapat membantu mempermudah dalam proses
pendaftaran, dan mempermudah admin dalam prosses pendataan. Berikut ini
spesifikasi kebutuhan (system requirement) sebagai berikut :
A. Halaman calon siswa (pendaftar)
A1. Siswa dapat melakukan pendaftaran siswa baru.
A2. Siswa dapat melakukan login ke halaman siswa
A3. Siswa dapat mencetak formulir
A4. Siswa dapat melakukan konfirmasi pembayaran
A5. Siswa dapat logout dari halaman siswa
B. Halaman Admin
B1. Admin dapat login ke halaman administrator
B2. Admin dapat melihat, mengedit, dan mencetak data siswa baru
B3. Admin dapat mengubah status pembayaran
B4. Admin dapat logout dari halaman administrator
30
31
4.1.2. Usecase Diagram
1. Usecase diagram pendaftaran
Gambar IV.1
Use Case Diagram pendaftaran
Tabel IV.1
Deskripsi Use Case Diagram Pendaftaran
Use Case Name Pendaftaran
Requirements A1
Goal Menjadi peserta penerimaan siswa baru
Pre-conditions Calon siswa mengisi data pendaftaran
Post-conditions Data berhasil di simpan dan dapat melakukan Login
Failed end contitions Gagal daftar
Primary Actor Calon siswa
Main Flow / Basic Path 1. Calon siswa membuka halaman website
2. Calon siswa memilih menu formulir pendaftaran
dan mengisi data
3. ketika data berhasil di simpan
4. calon siswa dapat login
Alternated / Invariant A A1. Sistem menampilkan formulir
nvariant B B1. Calon siswa melengkapi biodata
32
B2. Simpan formulir pendaftaran
2. Use Case Diagram Login Calon Siswa
Gambar IV.2
Use Case Diagram Login Calon Siswa
Tabel IV.2
Deskripsi Use Case Diagram Login Calon Siswa
Use Case Name Login Calon Siwa
Requirements A2
Goal Calon Siswa dapat masuk ke halaman sistem sesuai
Username dan password
Pre-conditions Calon memasukan username dan password
Post-conditions Calon dapat melihat halaman sistem
Failed end conditions Calon tidak dapat masuk ke halaman sistem
Primary Actor Calon Siswa
Main Flow / Basic Path 1. Calon siswa memasukan username dan
password
2. Klik login
33
3. System menampilkan halaman user
Alternated / Invariant A 1. Sistem menampilkan pesan “username dan
password salah”
Invariant B 1. Calon Siswa memasukan username dan password
2. Calon siswa pilih login
3. Sistem menampilkan pesan “username dan
password salah”
3.Usecase Diagram Cetak Formulir
Gambar IV.3
Use Case Diagram Cetak Formulir
Tabel IV.3
Use Case Diagram Cetak Formulir
Use Case Name Cetak formulir pendaftaran
Requirements A3
Goal Sebagi bukti telah mendaftar
Pre-conditions Calon siswa telah mengisi formulir pendaftaran
Post-conditions Dapat melihat dan mencetak Data yang telah
dilengkapi oleh siswa
Failed end contitions Calon siswa batal melakukan cetak formulir
34
Primary Actor Calon siswa
Main Flow / Basic Path 1.Calon siswa login
2.Calon siswa memlih Data Siswa
Alternated / Invariant A -
4. Usecase Diagram Konfirmasi Pembayaran
Gambar IV.4
Use Case Diagram Konfirmasi Pembayaran
Tabel IV.4
Deskripsi Use Case Diagram Konfirmasi Pembayaran
Use Case Name Konfirmasi Pembayaran
Requirements A4
Goal Sebagai bukti telah membayar
Pre-conditions Calon siswa telah melakukan login
Post-conditions Calon siswa upload bukti pembayaran
Failed end conditions Calon siswa batal konfirmasi pembayaran
Primary Actor Calon Siswa
Main Flow / Basic Path 1. Calon siswa memilih menu pembayaran
2. Calon siswa upload bukti pembayaran
Alternated / Invariant -
35
5. Use Case Diagram Logout Siswa
Gambar IV.5
Use Case Diagram Logout Calon Siswa
Tabel IV.5
Deskripsi Use Case Diagram Logout Calon Siswa
Use Case Name Logout Halaman Calon siswa
Requirements A5
Goal Dapat keluar dari halaman siswa
Pre-conditions Siswa sudah mengklik Logout
Post-conditions Siswa dapat meninggalkan halaman siswa
Failed end conditions Gagal Keluar dari halaman siswa
Primary Actor Calon Siswa
Main Flow / Basic Path 1. Calon siswa mengkik Logout
2. Sistem memproses dan menampilkan form
login
Alternated / Invariant
36
1. Use case Diagram Login Admin
Gambar IV.6
Use Case Diagram Login Admin
Tabel IV.6
Deskripsi Use Case Diagram Login Admin
Use Case Name Login Admin
Requirements B1
Goal Admin dapat masuk ke halaman sistem sesuai
username dan password
Pre-conditions Admin memasukan username dan password
Post-conditions Admin dapat melihat halaman sistem
Failed end conditions Admin tidak dapat masuk ke halaman sistem
Primary Actor Admin
Main Flow / Basic Path 1. Admin memasukan username dan password
2. Klik login
3. System menampilkan halaman user
Alternated / Invariant A 1. Sistem menampilkan pesan “username dan
password salah”
Invariant B 1. Admin memasukan username dan password
2. Admin pilih login
37
3. Sistem menampilkan pesan “username dan
password salah”
7. Use Case Diagram Cetak Laporan Penerimaan Siswa Baru
Gambar IV.7
Use Case Diagram Cetak Laporan Penerimaan Siswa Baru
Tabel IV.7
Deskripsi Use Case Diagram Cetak Laporan Penerimaan Siswa Baru
Use Case Name Cetak Laporan Penerimaan Siswa Baru
Requirements B2
Goal Admin dapat membuat laporan data penerimaan
siswa baru
Pre-conditions Admin telah Login
Post-conditions Melihat laporan dan mencetak laporan
Failed end conditions Gagal melihat dan mencetak laporan
Primary Actor Admin
Main Flow / Basic Path Admin memilih menu data siswa
Alternated / Invariant A Admin mencetak laporan
38
8. Use Case Diagram Mengubah Status Pembayaran
Gambar IV.8
Use Case Diagram Status Pembayaran
Tabel IV.8
Deskripsi Use Case Diagram Status Pembayaran
Use Case Name Ubah Status Pembayaran
Requirements B3
Goal Admin dapat mengubah status pembayaran
Pre-conditions Admin telah Login
Post-conditions Admin mengedit status pembayaran
Failed end conditions Batal mengubah status pembayaran
Primary Actor Admin
Main Flow / Basic Path 1. Admin memilih menu data pembayaran
2. Sistem menampilkan data pembayaran
3. Admin mengedit status pembayaran
4. Admin menyimpan status pembayaran
Alternated / Invariant A Admin menghapus data pembayaran
39
4.1.3. Rancangan Diagram Activitas
1. Diagram Activity Login User
Gambar IV.9
Activity diagram Login
40
2. Diagram Aktiviti Formulir Pendaftaran Siswa Baru
Gambar IV.10
Activity diagram Formulir Pendaftaran Siswa Baru
41
3. Diagram Aktivity Pembayaran
Gambar IV.11
Activity diagram Pembayaran
42
4. Diagram Aktivity Laporan Pemenerimaan Siswa Baru
Gambar IV.12
Activity diagram Laporan Penerimaan Siswa Baru
4.1.4. Rancangan Dokumen Sistem Usulan
1. Rancangan Dokumen Sistem Usulan
a. Rancangan Dokumen Masukan
43
1) Nama Dokumen : Data Siswa
Fungsi : Melengkapi data diri siswa
Sumber : Calon Siswa
Tujuan : Admin
Media : Web
Jumlah : 1 form
Frekuensi : Setiap penerimaan siswa baru
Bentuk : Lihat Lampiran C.1
b. Rancangan Dokumen Keluaran
1) Nama Dokumen : Laporan Penerimaan Siswa Baru
Fungsi : Sebagai rekap laporan siswa baru
Sumber : Admin
Tujuan : Kepala Sekolah
Media : Kertas
Jumlah : 1 lembar
Frekuensi : Setiap penerimaan siswa baru
Bentuk : Lihat lampiran D.1
44
4.1.5. Rancangan Antarmuka
a. Rancangan antar muka bagian home
Gambar IV.13
Rancangan Halaman Utama PSB MA. Darul Hikmah
45
b. Rancangan antar muka formulir pendaftaran
Gambar IV.14.
Rancangan Formulir PSB MA. Darul Hikmah
46
C. Rancangan antar muka pembayaran
Gambar IV.15
Rancangan Prototype Pembayaran PSB MA. Darul Hikmah
D. Rancangan antar muka Login User
Gambar IV.16
Rancangan Login User
47
E. Rancangan antar muka halaman admin
Gambar IV.17.
Rancangan Halaman Admin PSB MA. Darul Hikmah
48
4.2.1. Entity Relationship Diagram (ERD)
Gambar IV.18.
Diagram ERD PSB MA. Darul Hikmah
49
4.2.2. Logical Record Structure (LRS)
Gambar IV.19.
Diagram LRS PSB MA. Darul Hikmah
4.2.3. Spesifikasi File
a. Spesifikasi Table Daftar
Nama Database : ppdb_ci
Nama File : daftar
50
Akronim : daftar.myd
Tipe file : File Master
Akses file : Random
Panjang Record : 589 Byte
Kunci Field : id
Tabel IV. 9
Spesifikasi File Tabel Daftar
No Elemen Data Nama Field Type Size Keteran
gan
1 Id id* Int 11 Primar
ykey
2 Username Username Varchar 200
3 Password Password Varchar 200
4 Email Email Varchar 200
5 Nama Siswa Nama Varchar 200
6 NISN Nisn Varchar 200
7 Tempat Lahir tmp_lahir Varchar 200
8 Tanggal Lahir tgl_lahir Varchar 200
9 Jenis Kelamin Kelamin Varchar 150
10 Agama Agama Varchar 12
11 Alamat Alamat Text
12 Asal Sekolah asal_sekolah Varchar 200
13 No. Hp no_hp Varchar 12
14 Nama Ayah nm_ayah Varchar 25
15 Pekerjaan Ayah pk_ayah Varchar 15
16 Nama Ibu nm_ibu Varchar 25
17 Pekerjaan Ibu pk_ibu Varchar 15
18 Foto Gambar Text
19 Status Status Varchar 99
b. Spesifikasi Table pembayaran
Nama Database : ppdb_ci
Nama File : pembayaran
51
Akronim : pembayaran.myd
Tipe file : File Transaksi
Akses file : Random
Panjang Record : 30 Byte
Kunci Field : no_pembayaran
Tabel IV. 10
Spesifikasi File Tabel Daftar
No Elemen Data Nama Field Type Size Keterangan
1 No. Pembayaran no_pembayaran Int 11 Primarykey
2 No. Id id Int 11
3 Bukti Pembayaran bukti_bayar Text
4 Status status Varchar 20
c. Spesifikasi Table Config
Nama Database : ppdb_ci
Nama File : Config
Akronim : config.myd
Tipe file : File
Akses file : Random
Panjang Record : 50 Byte
Kunci Field : id
Tabel IV. 11
Spesifikasi File Tabel Config
No Elemen Data Nama Field Type Size Keterangan
1 No. Id id Int 11 Primarykey
52
2 Judul judul Varchar 200
3 Home text_home Text
4 Pengumuman text_pengumu
man Text
5 About about Text
6 Informasi informasi Text
7 Alamat alamat Text
8 Pemilik pemilik Varchar 200
4.2.4. Sequence Diagram
Gambar IV.20.
Sequence Diagram PSB MA. Darul Hikmah
53
4.2.5. Class Diagram
Gambar IV.21.
Class Diagram PSB MA. Darul Hikmah
4.2.6. Spesifikasi Hardware dan Software
1. Spesifikasi Hardware
1) CPU
(a) Processor 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.
54
2. Spesifikasi Software
a. Sistem operasi yang umum digunakan seperti: Microsoft Windows atau Linux
(Ubuntu, Fedora, dll).
b. Aplikasi bundle web server seperti: Xampp, Wamp Server, php2triad yang
terdiri dari beberapa komponen, diantaranya:
(1) Aplikasi Apache Server v2
(2) Aplikasi PHP Server v5
(3) Aplikasi MySQL Server v5
(4) Aplikasi phpMyAdmin v3
Aplikasi Web Browser seperti Mozilla Firefox, Opera, Safari, Internet Explorer,
Google Chrome.
4.2. Jadwal Implementasi
Tabel IV.12
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