File - 17 Bab 4

BAB IV
RANCANGAN SISTEM DAN PROGRAM USULAN
4.1 Analisa Kebutuhan Software
A. Tahapan Analisis
Sistem Informasi Penerimaan Siswa Baru online adalah pendaftaran
dimana calon siswa tanpa harus bertatap muka langsung dengan Panitia PPDB
dengan melakukan pendaftaran melalui web browser. Berikut ini spesifikasi
kebutuhan (system requirement) dari sistem pendaftaran secara online.
Halaman Calon Siswa:
A1. Calon siswa dapat melihat pendaftaran online
A2. Calon siswa dapat mengisi formulir pendaftaran online
A3. Calon siswa dapat mencetak data pendaftaran
A4. Calon siswa dapat login dengan akun yang telah dibuat.
A5. Calon siswa dapat memverifikasi dan Upload dokumen persyaratan.
Halaman Admin
B1. Admin melakukan login
B2. Admin dapat mengelola data calon siswa
B3. Admin dapat mengelola data siswa
B4. Admin dapat mengelola data sekolah
B5. Admin dapat mengelola Gallery
B6. Admin dapat mengelola buku tamu
B7. Admin dapat mengelola laporan
30
31
B. Use Case Diagram
Diagram Use Case ini digunakan untuk mendeskripsikan apa yang bisa
calon siswa dan admin lakukan dalam website ini.
1. Use Case Diagram Penerimaan Calon Siswa
uc Use Case Calon sisw a
calon siswa
Mengisi formulir Cetak Bukti

pendaftaran «extend» Pendaftaran
«include»
Melihat formulir
pendaftaran
«extend»
calon sisw a tampilkan info

Beranda MOS
«extend»
Login «extend»
«extend»
Data Sisw a
Verifikasi
«extend» «include» Data sisw a Upload
«include» dokumen
«extend»
«extend»
Jadw al
«extend»
Cetak Jadw al
Logout
Cetak Kartu
Jadw al
Gambar IV.1
Use Case Diagram Halaman Pendaftaran
32
a. Deskripsi Use Case Diagram Halaman Pendaftaran:
Tabel IV.1
Deskripsi Use Case Halaman Penerimaan Calon Siswa
Use Case Name Halaman Pendaftaran

Requirement A1- A5
Goal Calon siswa dapat melakukan pendaftaran
secara online via web.
Pre-conditions Calon siswa harus mengetahui alamat
domain dan menggunakan browser
internet untuk mengakses website secara
online
Post-conditions Calon siswa dapat mencetak bukti
pendaftaran melalui website.
Failed end condition Pendaftar membatalkan akses pendaftaran
secara online.
Primary Actors Pendaftar
Main Flow / Basic Path 1. Calon siswa mengunjungi website
SMP Negeri 1 Maja
2. Calon siswa dapat melakukan
pendaftaran online yang ada diwebsite
3. Calon siswa mengisi formulir
pendaftaran dan mencetak bukti
pendaftaran.
4. Calon siswa dapat melakukan login
dengan akun yang sudah diberikan
saat daftar.
5. Calon siswa melengkapi dokumen
persyaratan jika belum lengkap user
dapat melewati dan mengisi dilain
waktu selama waktu yang diberikan.
33
2. Use Case Diagram Admin

uc Use Case admin
Use Case Admin
Input
Pembagian
Kelas
Melihat Data
«include» Sisw a
«extend»
Login
«extend» Data siswa Input Jadwal
«include»
«extend» Edit Info

Pendaftaran
«include»
«extend»
Data PPDB
«include» Update Data

«extend» Pendaftar
«include»
«include»
«extend» Data Sekolah
Edit Kuota
Admin Daftar
«extend» Edit
Pengumuman
«include»
Kelola Gallery
«include»
Kelola Profil
«include»
Kelola Buku
Tamu Kelola Fasilitas
Kelola
Ekstrakulikuler
Logout
Gambar IV.2
Use Case Diagram Admin
a. Deskripsi Use Case Mengelola Data Calon Siswa
Tabel IV.2
Deskripsi Use Case Mengelola Data Calon Siswa
Use Case Name Mengelola Data Calon Siswa

Requirement B2
Goal Admin dapat mengedit dan menghapus
data calon siswa
Pre-conditions Admin telah melakukan login
Post-conditions Data calon siswa tersimpan, terhapus dan
tercetak.
34
Failed end condition Gagal tersimpan, terhapus, tercetak

Primary Actors Admin
Main Flow / Basic Path 1. Admin melihat data calon siswa
2. Admin menambah data calon siswa
3. Admin melihat detail calon siswa.
4. Admin menghapus data calon siswa
Alternatif flow/ Invariant 1: -
Invariant 2 -
b. Deskripsi Use Case Mengelola Data Siswa
Tabel IV.3
Deskripsi Use Case Mengelola Data Siswa
Use Case Name Mengelola Data Siswa

Requirement B3
Goal Admin dapat mengedit, mengupdate dan
menghapus data siswa
Post-conditions Data siswa tersimpan, terupdate, dan
terhapus.
Failed end condition Gagal tersimpan, terupdate, dan terhapus
Main Flow / Basic Path 5. Admin melihat data siswa
6. Admin mengedit data siswa
7. Admin mengupdate data siswa
8. Admin melihat detail data siswa
9. Admin menghapus data siswa.
Invariant 2 -
c. Deskripsi Use Case Mengelola Data Sekolah
Tabel IV.4
Deskripsi Use Case Mengelola Data Sekolah
Use Case Name Mengelola Data Sekolah

Requirement B4
Goal Admin dapat mengupdate data sekolah
35
Post-conditions Data Sekolah terupdate.

Failed end condition Gagal terupdate
Main Flow / Basic Path 10. Admin melihat data sekolah
11. Admin mengupdate data sekolah
Invariant 2 -
d. Deskripsi Use Case Mengelola Gallery
Tabel IV.5
Deskripsi Use Case Mengelola Gallery
Use Case Name Mengelola Gallery

Requirement B5
Goal Admin dapat menambah, mengedit,
menghapus gallery
Pre-conditions Petugas atau Admin telah melakukan
login
Post-conditions Gallery tersimpan, terupdate, terhapus
Failed end condition Gallery tersimpan, terupdate, terhapus
Main Flow / Basic Path 12. Admin melihat gallery
13. Admin menambah gallery
14. Admin mengedit gallery
15. Admin menghapus gallery
Invariant 2 -
e. Deskripsi Use Case Mengelola Buku Tamu
Tabel IV.6
Deskripsi Use Case Mengelola Buku Tamu
Use Case Name Mengelola Daftar Buku Tamu

Requirement B6
Goal Admin dapat menghapus buku tamu
Pre-conditions Petugas atau Admin telah melakukan
login
36
Post-conditions Buku tamu tersimpan, terhapus

Failed end condition Buku tamu tersimpan, terhapus
Main Flow / Basic Path 16. Admin melihat data buku tamu
17. Admin menghapus data buku tamu
Invariant 2 -
f. Deskripsi Use Case Mengelola Laporan
Tabel IV.7
Deskripsi Use Case Mengelola Laporan
Use Case Name Mengelola Laporan

Requirement B7
Goal Admin dapat mencetak laporan siswa
Post-conditions Data siswa tercetak
Failed end condition Gagal tercetak
Primary Actors Petugas atau Admin
Main Flow / Basic Path 18. Admin melihat data siswa
19. Admin mencetak data siswa
Invariant 2 -
37
C. Activity Diagram
1. Activity Diagram Halaman Penerimaan Calon Siswa
act activ ity calon sisw a
Mengisi Formulir
PPDB
mul ai
Melakukan
Pendaftaran
tidak
Lengkap
ya
Cetak Bukti
Pendaftaran
selesai
Gambar IV.3
Activity Diagram Halaman Penerimaan Calon Siswa
38
2. Activity Diagram Halaman Admin
a. Activity Diagram Mengelola Data Pendaftar
act activ ity admin pendaftar
mulai
Memilih Menu Data Tampil Data

Pendaftaran Calon Sisw a
PILIH
Memilih Edit Memilih Hapus

Calon Sisw a Calon SIsw a
Memilih Refresh
Data
Data terhapus
Mengedit Data Data Terupdate
Calon Sisw a
Simpan Edit Data

Calon Sisw a
selesai
Gambar IV.4
Activity Diagram Halaman Admin Mengelola Data Pendaftar
39
b. Activity Diagram Mengelola Data Siswa
act activ ity data sisw a
Memilih Menu Tampil Data Sisw a

Data Sisw a
mulai
PILIH
Memilih Edit Data Memilih Hapus Data

Sisw a Sisw a
Edit Data Sisw a Hapus Data Sisw a
Simpan Edit Data

Sisw a
selesai
Gambar IV.5
Activity Diagram Halaman Admin Mengelola Data Siswa
40
c. Activity Diagram Mengelola Laporan
act activ ity laporan
Memilih Laporan
mulai
Laporan data sisw a
tampilkan laporan data

sisw a
Cetak Laporan
Selesai
Gambar IV.6
Activity Diagram Halaman Admin Mengelola Laporan
41
d. Activity Diagram Mengelola Upload Dokumen
act activ ity v erifikasi sisw a
Login
mulai
Valid
tidak
ya
Verifikasi data
sisw a
Lengkap tidak
ya
Simpan Data
selesai
Gambar IV.7
Activity Diagram Halaman Calon Siswa Verifikasi Data Upload
Dokumen
4.2 Desain
Pada tahapan ini akan menjelaskan desain database, desain software
architecture antar tabel dan desain interface dari sistem yang sedang dibuat.
42
4.2.1 Database
1. Entity Relationship Diagram
Gambar IV.8
Entity Relationship Diagram Pendaftaran Online
43
2. Logical Record Structure
Gambar IV.9
Logical Record Structure Pendaftaran Online
44
3. Spesifikasi File
Dalam web sistem informasi pendaftaran siswa baru online terdapat satu
database yaitu “ppdb_smp.sql” dan memiliki tiga tabel yaitu:
a. Spesifikasi File Tabel pendaftaran
Nama Database : ppdb_smp.sql
Nama File : File Pendaftaran
Akronim : pendaftaran
Tipe File : File Master
Akses File : Random Access File
Primary Key : no_pendaftaran
Panjang Record : 634 Byte
Tabel IV.8
Spesifikasi Tabel Pendaftaran
No Elemen Data Akronim Type Size Ket

1 No Pendaftaran no_pendaftaran Varchar 15 Primary Key
2 Nama Lengkap nama_lengkap Varchar 100
Calon Siswa
3 Jenis Kelamin jenis_kelamin Varchar 10
4 Tempat Lahir tempat_lahir Varchar 50
5 Tanggal Lahir tanggal_lahir Date
6 Alamat Rumah Alamat Text
7 Agama Agama Varchar 20
8 Nama Ayah nama_ayah Varchar 100
9 Pekerjaan pekerjaan_ayah Varchar 50
10 Nama Ibu nama_ibu Varchar 100
11 Pekerjaan pekerjaan_ibu Varchar 50
12 Alamat Orang Tua alamat_ortu Text
13 Telephone/HP Telepon Varchar 13
14 Asal Sekolah asal_sekolah Text
15 NISN nisn Varchar 13
16 Nomor Ijazah no_ijazah Varchar 20
45
17 Nilai UAN matematika Float

Matematika
18 Nilai UAN Bahasa bahasa Float
Indonesia
19 Nilai UAN IPA ipa Float
20 Jumlah nem Float
21 Pernyataan prestasi Text
Prestasi/Kejuaran
22 Status status Varchar 30
23 Password password Varchar 50
24 Kuota id_quota Int 11 Foreign key
b. Spesifikasi File siswa
Nama File : File siswa
Akronim : siswa
Primary Key : id_siswa
Tabel IV.9
Spesifikasi Tabel siswa

1 Id Siswa id_siswa Integer 11 Primary Key
2 No Pendaftaran no_pendaftaran Varchar 15
3 Id Kelas id_kelas Integer 11
4 NISN Nisn Varchar 15
5 Nama Siswa nama_siswa Varchar 100
6 Tempat Lahir tempat_lahir Varchar 50
7 Tanggal Lahir tanggal_lahir Date
8 Jenis Kelamin jenis_kelamin Varchar 12
9 Agama Agama Varchar 10
46
10 Anak Ke anak_ke Varchar 4

11 Jumlah Saudara jumlah_saudara Varchar 4
12 Status Anak status_anak Varchar 40
13 Alamat alamat Text
14 Alamat Sekarang alamat_sekarang Text
15 Nama Ayah nama_ayah Varchar 100
16 Pekerjaan Ayah pekerjaan_ayah Varchar 50
17 Nama Ibu nama_ibu Varchar 100
18 Pekerjaan Ibu pekerjaan_ibu Varchar 50
19 Alamat Orang Tua alamat_ortu Text
20 Telephone/HP telepon Varchar 15
21 Berat Badan berat_badan Varchar 10
22 Tinggi Badan tinggi_badan Varchar 10
23 Gol. Darah golongan_darah Varchar 4
24 Foto foto Text
25 Scan Ijazah scan_ijazah Text
c. Spesifikasi File Tabel Kuota Siswa
Nama File : File Kuota Siswa
Akronim : quota_siswa
Primary Key : id_quota
Tabel IV.10
Spesifikasi Tabel Kuota
47

1 Id quota id_quota Integer 11 Primary Key
2 kuota Quota Varchar 5
4.2.2 Software Architecture
A. Component Diagram
cmp Component View
ppdb_smp MySQL
Database
JQuery
Sistem Informasi Admin

Pendaftaran sisw a Aplication
baru online
Style.css
Xampp Window s
Gambar IV.10
Component Diagram Sistem Penerimaan Siswa Baru Online
B. Deployment Diagram
48
deployment Deployment Model
<<component>>
Calon sisw a <<component>>
Application Aplication
Database
<<component>>
Admin
Application
<<component>>
MYSQL Database
<<component>>
Apache 2 Serv er
<<component>>
Brow ser
Gambar IV.11
Deployment Diagram Sistem Penerimaan Siswa Baru Online
4.2.3 User Interface
Tampilan User Interface merupakan implementasi dari draft antarmuka
situs web yang penulis rancang. Berikut ini adalah tampilan user interface pada
sistem usulan.
A. User Interface pada Halaman Admin

49
1. Tampilan Halaman Login Admin
Gambar IV.12
Tampilan Halaman Login
2. Tampilan Halaman Data Pendaftaran
Gambar IV.13
Tampilan Halaman Data Pendaftaran
3. Tampilan Halaman Laporan Pendaftaran

50
Gambar IV.14
Tampilan Halaman Laporan Pendaftaran
B. User Interface pada Halaman Pendaftaran
1. Tampilan Halaman formulir Online
Gambar IV. 15
Tampilan Halaman Data Formulir
2. Tampilan Halaman Upload Dokumen

51
Gambar IV. 16
Tampilan Halaman Upload Dokumen
4.3 Code Generation
1. Form FormulirPendaftaran Online Siswa Baru
<style type="text/css">
#table {
border: thin groove #00F;
color: #FFF;
}
.bgh {
background:#00F;
color:#FFFFFF;
font-family:"Times New Roman", Times, serif;
font-size:24px;
height:30;
}
#button
{
background:#00F;
color:#FFFFFF;
height:40px;
width:100px;
border:none;
border-radius: 0px 0px 0px 0px;
52
}
#button:hover
{
background:#06F;
color:#FFFFFF;
height:40px;
border:none;
}
</style>
<script>
function cekFile() {
var cek1 = document.forms['cekForm']['nama_lengkap'].value ;
var cek2 = document.forms['cekForm']['tempat_lahir'].value;
var cek3 = document.forms['cekForm']['tanggal_lahir'].value;
var cek4 = document.forms['cekForm']['alamat'].value
var cek5 = document.forms['cekForm']['nama_ayah'].value
var cek6 = document.forms['cekForm']['nama_ibu'].value
var cek7 = document.forms['cekForm']['alamat_ortu'].value
var cek8 = document.forms['cekForm']['telepon'].value
var cek9 = document.forms['cekForm']['asal_sekolah'].value
var cek10 = document.forms['cekForm']['no_ijazah'].value
var cek11 = document.forms['cekForm']['matematika'].value
var cek12 = document.forms['cekForm']['bahasa'].value
var cek13 = document.forms['cekForm']['ipa'].value
if(cek1==""||cek2==""||cek3==""||cek4==""||cek5==""||cek6==""||cek7==""||cek8==""||
cek9==""||cek10==""||cek11==""||cek12==""||cek13=="")
{
alert("Harap isi data dengan lengkap !!");
return false;
}
}
</script>
<title>Form Pendaftaran</title>
<div id="table">
<div class="bgh"> Form Pendaftaran Calon Peserta Didik Baru</div>
<?php
error_reporting(0);
include"config/koneksi.php";
$tampil=mysql_fetch_array(mysql_query("select * from aksi"));
if(($tampil['aksi_pendaftaran'])!="Buka Formulir Pendaftaran"){

echo"<br><br><center><h3><font color='#000000'>Mohon maaf Pendaftaran
belum dibuka/sudah titutup ..!!</font></h3><br><br></center>";}
else{
$aksi = $_GET['aksi'];
switch($aksi)
{
default:
$today = date("dmy");
$query = "SELECT max(no_pendaftaran) AS last FROM pendaftaran WHERE
no_pendaftaran LIKE '%DFTR%'";
$hasil = mysql_query($query);
$data = mysql_fetch_array($hasil);
$no_transaksi = $data['last'];
53
$no_urut = substr($no_transaksi, 10, 4);

$no_urut2 = $no_urut + 1;
$text="DFTR";
$no_daftar =$text.$today.sprintf('%04s', $no_urut2);
?>
<form action="?page=daftar&aksi=simpan" method="post" id="daftar"
name="cekForm" onSubmit="return cekFile()">
<table width="94%" border="0" align="center">
<tr>
<td colspan="3"><h2> </h2></td>
</tr>
<tr>
<td>No Pendaftaran</td>
<td>:</td>
<td> <b><?php echo $no_daftar;?></b><input type="hidden" name="no_pendaftaran"
id="no_pendaftaran" value="<?php echo $no_daftar;?>" /></td>
</tr>
<tr>
<td width="31%" height="26">Nama Lengkap Calon Siswa</td>
<td width="1%">:</td>
<td width="68%"><input type="text" name="nama_lengkap" id="nama_lengkap"
placeholder="Masukkan nama .."/></td>
</tr>
<tr>
<td>Jenis Kelamin</td>
<td>:</td>
<td><div id="ceknisn" style="display:inline;">
<select name="jenis_kelamin" id="jenis_kelamin">
<option value="Laki-laki">Laki-laki</option>
<option value="Perempuan">Perempuan</option>
</select>
</div></td>
</tr>
<tr>
<td>Tempat Lahir</td>
<td>:</td>
<td><input type="text" name="tempat_lahir" id="tempat_lahir"
placeholder="Masukkan tempat lahir .."/></td>
</tr>
<tr>
<td>Tanggal Lahir</td>
<td>:</td>
<td><input type="date" name="tanggal_lahir" id="tanggal_lahir" />
#[Tahun/Bulan/Tanggal] Contoh [1992-08-26]</td>
</tr>
<tr>
<td>Alamat Rumah</td>
<td>:</td>
<td><textarea name="alamat" id="alamat" cols="45" rows="5"
placeholder="Masukkan alamat tempat tinggal .."></textarea></td>
</tr>
<tr>
<td>Agama</td>
<td>:</td>
<td>
<select name="agama" id="agama">
<option value="Islam">Islam</option>
<option value="Kristen">Kristen</option>
54
<option value="Katholik">Katholik</option>
<option value="Hindu">Hindu</option>
<option value="Budha">Budha</option>
</select></td>
</tr>
<tr>
<td>Nama Ayah </td>
<td>:</td>
<td>
<input type="text" name="nama_ayah" id="nama_ayah" placeholder="Masukkan
nama ayah .."/></td>
</tr>
<tr>
<td>Pekerjaan</td>
<td>:</td>
<td>
<select name="pekerjaan_ayah" id="pekerjaan_ayah">
<option value="PNS">PNS</option>
<option value="Guru">Guru</option>
<option value="Wirausaha">Wirausaha</option>
<option value="Pedagang">Pedagang</option>
<option value="Buruh">Buruh</option>
<option value="Lain-Lain">Lain-Lain</option>
</select></td>
</tr>
<tr>
<td>Nama Ibu</td>
<td>:</td>
<td>
<input type="text" name="nama_ibu" id="nama_ibu" placeholder="Masukkan nama
ibu .."/></td>
</tr>
<tr>
<td>Pekerjaan</td>
<td>:</td>
<td><select name="pekerjaan_ibu" id="pekerjaan_ibu">
<option value="PNS">PNS</option>
<option value="Guru">Guru</option>
<option value="Wirausaha">Wirausaha</option>
<option value="Pedagang">Pedagang</option>
<option value="Buruh">Buruh</option>
<option value="Ibu Rumah Tangga">Ibu Rumah Tangga</option>
<option value="Lain-Lain">Lain-Lain</option>
</select></td>
</tr>
<tr>
<td>Alamat Orang Tua</td>
<td>:</td>
<td><textarea name="alamat_ortu" id="alamat_ortu" cols="45" rows="5"
placeholder="Masukkan alamat tempat tinggal orang tua .."></textarea></td>
</tr>
<tr>
<td>Telephone / HP</td>
<td>:</td>
<td><label for="telepon"></label>
<input name="telepon" type="text" id="telepon" placeholder="Masukkan no telp .."
size="13" maxlength="13"/></td>
</tr>
55
<tr>
<td>Asal Sekolah</td>
<td>:</td>
<td><label for="asal_sekolah"></label>
<input name="asal_sekolah" type="text" id="asal_sekolah" placeholder="Masukkan
asal sekolah .." size="30"/></td>
</tr>
<tr>
<td>NISN</td>
<td>:</td>
<td><input name="nisn" type="text" placeholder="Masukkan NISN .."
size="12"/></td>
</tr>
<tr>
<td>Nomor Ijazah </td>
<td>:</td>
<td><label for="no_ijazah"></label>
<input type="text" name="no_ijazah" id="no_ijazah" placeholder="Masukkan no
ijazah .."/></td>
</tr>
<tr>
<td>Nilai UAN Matematika</td>
<td>:</td>
<td><label for="matematika"></label>
<input name="matematika" type="text" id="matematika" size="5" />
* Contoh : 8.45 (koma diganti titik, dan diisi dgn BENAR)</td>
</tr>
<tr>
<td>Nilai UAN Bahasa Indonesia</td>
<td>:</td>
<td><label for="bahasa"></label>
<input name="bahasa" type="text" id="bahasa" size="5" />
</tr>
<tr>
<td>Nilai UAN IPA</td>
<td>:</td>
<td><label for="ipa"></label>
<input name="ipa" type="text" id="ipa" size="5" />
</tr>
<tr>
<td>Pernyataan Prestasi / Kejuaraan</td>
<td>:</td>
<td><label for="prestasi"></label>
<textarea name="prestasi" id="prestasi" cols="45" rows="5" placeholder="Tuliskan
prestasi/kejuaraan yang pernah diperoleh/diikuti kalau ada .."></textarea></td>
</tr>
<tr>
<td> </td>
<td> </td>
<td><input name="button" type="submit" id="button" value="Daftar"/></td>
</tr>
<tr>
<td colspan="3"><label></label></td>
</tr>
<tr>
<td colspan="3"> </td>
56
</tr>
<tr>
</tr>
</table>
</form>
</div>
<?php
break;
case "simpan":
include"../config/koneksi.php";
if($_POST['prestasi']==""){
$prestasi="Tidak ada prestasi";}
else{
$prestasi=$_POST['prestasi'];}
$mtk=$_POST['matematika'];
$bhs=$_POST['bahasa'];
$ipa=$_POST['ipa'];
$nem=$mtk+$bhs+$ipa;
$cek_username=mysql_num_rows(mysql_query("SELECT no_ijazah FROM
pendaftaran WHERE no_ijazah='$_POST[no_ijazah]'"));
if ($cek_username > 0){
echo "<script>window.alert('Peserta dengan no Ijazah $_POST[no_ijazah], Sudah
mendaftar !!');
window.location='index.php?page=daftar';</script>"; }
else{
$simpan=mysql_query("insert into pendaftaran values('$_POST[no_pendaftaran]',
'$_POST[nama_lengkap]',
'$_POST[jenis_kelamin]',
'$_POST[tempat_lahir]',
'$_POST[tanggal_lahir]',
'$_POST[alamat]',
'$_POST[agama]',
'$_POST[nama_ayah]',
'$_POST[pekerjaan_ayah]',
'$_POST[nama_ibu]',
'$_POST[pekerjaan_ibu]',
'$_POST[alamat_ortu]',
'$_POST[telepon]',
'$_POST[asal_sekolah]',
57
'$_POST[nisn]',
'$_POST[no_ijazah]',
'$_POST[matematika]',
'$_POST[bahasa]',
'$_POST[ipa]',
'$nem',
'$prestasi',
'Proses',
'1')");
}
?>
<div align="center"><em><strong><font color="#000000">Pendaftaran Online Anda
Berhasil, <br />Bawa Tanda Bukti Pendaftaran ini Pada Saat Anda Melakukan Daftar
Ulang .</font></strong></em></div><br />
<center><a href="bukti_pendaftaran.php?no_daftar=<?php echo
$_POST['no_pendaftaran'];?>" target="_blank"
onclick="window.print(bukti_pendaftaran.php);">
<img src="images/cetak.png" width="214" height="181" /></a>
<br /><b><font color="#000000">CETAK</font></b>
</center>
<?php break; }}?>
2. Form Input Data Siswa

<style type="text/css">
#table {
border: thin groove #00F;
color: #FFF;
}
.bgh {
background:#00F;
color:#FFFFFF;
font-family:"Times New Roman", Times, serif;
font-size:24px;
height:30;
}
#button
{
background:#00F;
color:#FFFFFF;
height:40px;
width:100px;
border:none;
}
58
#button:hover
{
background:#06F;
color:#FFFFFF;
height:40px;
border:none;
}
</style>
<script>
function cekFile() {
var cek1 = document.forms['cekForm']['anak_ke'].value ;
var cek2 = document.forms['cekForm']['jumlah_saudara'].value;
var cek3 = document.forms['cekForm']['alamat'].value;
var cek4 = document.forms['cekForm']['alamat_sekarang'].value
var cek5 = document.forms['cekForm']['berat_badan'].value
var cek6 = document.forms['cekForm']['tinggi_badan'].value
var cek7 = document.forms['cekForm']['golongan_darah'].value
if(cek1==""||cek2==""||cek3==""||cek4==""||cek5==""||cek6==""||cek7=="")
{
alert("Harap isi data dengan lengkap !!");
return false;
}
}
</script>
<title>Verifikasi Data</title>
<div id="table">
<div class="bgh"> Lengkapi Data Siswa. </div>
<?php
$aksi = $_GET['aksi'];
switch($aksi)
{
default:
$data=mysql_fetch_array(mysql_query("select*from pendaftaran where
no_pendaftaran='$_SESSION[no_pendaftaran]'"));
?>
<form action="?page=input_datasiswa&aksi=simpan" method="post"
enctype="multipart/form-data" name="cekForm" id="daftar" onSubmit="return
cekFile()">
<input name="nama_ayah" type="hidden" value="<?php echo $data['nama_ayah'];?>" />
<input name="pekerjaan_ayah" type="hidden" value="<?php echo
$data['pekerjaan_ayah'];?>" />
<input name="nama_ibu" type="hidden" value="<?php echo $data['nama_ibu'];?>" />
<input name="pekerjaan_ibu" type="hidden" value="<?php echo $data['pekerjaan_ibu'];?
>" />
<input name="alamat_ortu" type="hidden" value="<?php echo $data['alamat_ortu'];?
>" />
<input name="telepon" type="hidden" value="<?php echo $data['telepon'];?>" />
<table width="90%" border="0" align="center">
<tr>
<td colspan="3"><h2> </h2></td>
</tr>
<tr>
<td>NISN</td>
<td>:</td>
59
<td><input name="no_pendaftaran" type="hidden" value="<?php echo

$data['no_pendaftaran'];?>" />
<input name="nisn" type="text" id="nisn" value="<?php echo $data['nisn'];?>"
/></td>
</tr>
<tr>
<td width="31%" height="26">Nama Siswa</td>
<td width="1%">:</td>
<td width="68%"><input name="nama_siswa" type="text" id="nama_siswa"
value="<?php echo $data['nama_lengkap'];?>"/></td>
</tr>
<tr>
<td>Jenis Kelamin</td>
<td>:</td>
<td><div id="ceknisn" style="display:inline;">
<select name="jenis_kelamin" id="jenis_kelamin">
<option><?php echo $data['jenis_kelamin'];?></option>
<option value="Laki-laki">Laki-laki</option>
<option value="Perempuan">Perempuan</option>
</select>
</div></td>
</tr>
<tr>
<td>Tempat Lahir</td>
<td>:</td>
<td><input name="tempat_lahir" type="text" id="tempat_lahir" value="<?php echo
$data['tempat_lahir'];?>" /></td>
</tr>
<tr>
<td>Tanggal Lahir</td>
<td>:</td>
<td><input name="tanggal_lahir" type="date" id="tanggal_lahir" value="<?php echo
$data['tanggal_lahir'];?>" />
#[Bulan/Tanggal/Tahun]</td>
</tr>
<tr>
<td>Agama</td>
<td>:</td>
<td>
<select name="agama" id="agama">
<option><?php echo $data['agama'];?></option>
<option value="Islam">Islam</option>
<option value="Kristen">Kristen</option>
<option value="Katholik">Katholik</option>
<option value="Hindu">Hindu</option>
<option value="Budha">Budha</option>
</select></td>
</tr>
<tr>
<td>Anak-ke</td>
<td>:</td>
<td><input name="anak_ke" type="text" id="anak_ke" size="4" /></td>
</tr>
<tr>
<td>Jumlah Saudara</td>
<td>:</td>
<td><input name="jumlah_saudara" type="text" id="jumlah_saudara" size="4"
/></td>
60
</tr>
<tr>
<td>Status Anak</td>
<td>:</td>
<td><select name="status_anak" id="select">
<option>- Status Anak -</option>
<option value="Kandung">Kandung</option>
<option value="Anak Angkat">Anak Angkat</option>
</select></td>
</tr>
<tr>
<td>Alamat Rumah</td>
<td>:</td>
<td><textarea name="alamat" id="alamat" cols="45" rows="5" ></textarea></td>
</tr>
<tr>
<td>Alamat Rumah Saat Ini</td>
<td>:</td>
<td><textarea name="alamat_sekarang" id="alamat_sekarang" cols="45" rows="5"
></textarea></td>
</tr>
<tr>
<td>Berat Badan</td>
<td>:</td>
<td>
<input name="berat_badan" type="text" id="berat_badan" size="4" />
Kg</td>
</tr>
<tr>
<td>Tinggi Badan</td>
<td>:</td>
<td><input name="tinggi_badan" type="text" id="tinggi_badan" size="4" />
Cm</td>
</tr>
<tr>
<td>Golongan Darah</td>
<td>:</td>
<td><select name="golongan_darah" id="golongan_darah">
<option value="A">A</option>
<option value="B">B</option>
<option value="AB">AB</option>
<option value="O">O</option>
</select></td>
</tr>
<tr>
<td>Foto </td>
<td> </td>
<td><input type="file" name="foto" id="foto" /></td>
</tr>
<tr>
<td>Scan Ijazah</td>
<td> </td>
<td><input type="file" name="scan_ijazah" id="scan_ijazah" /></td>
</tr>
<tr>
<td> </td>
<td> </td>
<td><input name="button" type="submit" id="button" value="Simpan"/></td>
61
</tr>
<tr>
<td colspan="3"><label></label></td>
</tr>
<tr>
</tr>
<tr>
</tr>
</table>
</form>
</div>
<?php
break;
case "simpan":
$foto=$_FILES['foto']['name'];
$scan_ijazah=$_FILES['scan_ijazah']['name'];
$simpan=mysql_query("insert into siswa values('',
'$_POST[no_pendaftaran]',
'',
'$_POST[nisn]',
'$_POST[nama_siswa]',
'$_POST[tempat_lahir]',
'$_POST[jenis_kelamin]',
'$_POST[agama]',
'$_POST[anak_ke]',
'$_POST[jumlah_saudara]',
'$_POST[status_anak]',
'$_POST[alamat]',
'$_POST[alamat_sekarang]',
'$_POST[nama_ayah]',
'$_POST[pekerjaan_ayah]',
'$_POST[nama_ibu]',
'$_POST[pekerjaan_ibu]',
62
'$_POST[alamat_ortu]',
'$_POST[telepon]',
'$_POST[berat_badan]',
'$_POST[tinggi_badan]',
'$_POST[golongan_darah]',
'$foto',
'$scan_ijazah')");
move_uploaded_file($_FILES['foto']['tmp_name'],"../images/foto/$foto");
move_uploaded_file($_FILES['scan_ijazah']['tmp_name'],"../images/ijazah/$foto");
echo"<script>window.alert('Verifikasi data telah
berhasil..!!');location='home.php';</script>";
break; }?>
4.4 Testing
1. Form Formulir Online Calon Siswa
Tabel IV.11
Hasil Pengujian Black Box Testing Form Daftar Online
No Skenario Testcase Hasil yang Hasil Kesimpulan

Pengujian diharapkan Pengujian
1. Mengosongkan No.Pendaftaran Sistem akan Sesuai Valid
semua isian : (Otomatis) menolak dan Harapan
daftar online Nama Lengkap menampilkan
pada form Calon Siswa : pesan “Harap
daftar online (kosong) isi data dengan
calon Jenis Kelamin : lengkap”
pendaftar, lalu (kosong)
langsung Tempat Lahir :
mengklik (kosong)
tombol simpan Tanggal Lahir :
(kosong)
Alamat Rumah :
(kosong)
Agama :
(kosong)
Nama Ayah :
(kosong)
Pekerjaan :
63
(kosong)
Nama Ibu :
(kosong)
Pekerjaan :
(kosong)
Alamat Orang
Tua :
(kosong)
Telephone/HP :
(kosong)
Asal Sekolah :
(kosong)
NISN :
(kosong)
Nomor Ijazah :
(kosong)
Nilai UAN
Matematika :
(kosong)
Nilai UAN
Bahasa
Indonesia :
(kosong)
Nilai UAN IPA:
(kosong)
Pernyataan
Prestasi/Kejuara
n :
(kosong)
2. Mengisi No.Pendaftaran Sistem akan Sesuai Valid
beberapa data : (Otomatis) menolak dan Harapan
daftar online Nama Lengkap menampilkan
dan Calon Siswa : pesan “Harap
mengosongkan M.Arif M isi data dengan
Tempat Lahir, Jenis Kelamin : lengkap”
lalu langsung Laki-laki
klik simpan Tempat Lahir :
(kosong)
Tanggal Lahir :
1995-04-06
Alamat Rumah :
64
Perum. Bambu
Kuning
Agama :
Islam
Nama Ayah :
Amir
Pekerjaan :
Buruh
Nama Ibu :
Siti
Pekerjaan :
Ibu rumah tangg
Alamat Orang
Tua :
Perum. Bambu
Kuning
Telephone/HP :
+628571152262
2
Asal Sekolah :
SDN 04 Maja
NISN :
2139173917
Nomor Ijazah :
219709170291
Nilai UAN
Matematika :
8.46
Nilai UAN
Bahasa
Indonesia :
7.50
Nilai UAN IPA:
8.28
Pernyataan
Prestasi/Kejuara
n :
Juara Tingkat
Kecamatan
3. Menginputkan No.Pendaftaran Sistem Sesuai Valid
data : (Otomatis) menerima data Harapan
pendaftaran Nama Lengkap pendaftaran
65
online dengan Calon Siswa : online dan

benar dan M.Arif M kemudian
lengkap, lalu Jenis Kelamin : langsung
mengklik Laki-laki menampilkan
tombol simpan Tempat Lahir : cetak
Pandeglang pendaftaran
Tanggal Lahir :
1995-04-06
Alamat Rumah :
Perum. Bambu
Kuning
Agama :
Islam
Nama Ayah :
Amir
Pekerjaan :
Buruh
Nama Ibu :
Siti
Pekerjaan :
Ibu rumah tangg
Alamat Orang
Tua :
Perum. Bambu
Kuning
Telephone/HP :
+628571152262
2
Asal Sekolah :
SDN 04 Maja
NISN :
2139173917
Nomor Ijazah :
219709170291
Nilai UAN
Matematika :
8.46
Nilai UAN
Bahasa
Indonesia :
7.50
Nilai UAN IPA:
66
8.28
Pernyataan
Prestasi/Kejuara
n :
Juara Tingkat
Kecamatan
2. Form Verifikasi Data Siswa
Tabel IV.12
Hasil Pengujian Black Box Testing Form verifikasi Data Siswa

1. Mengosongkan Nama Siswa : Sistem akan Sesuai Valid
semua isian (kosong) menolak dan Harapan
verifikasi data Jenis Kelamin : menampilkan
siswa online (kosong) pesan “harap isi
pada form Tempat Lahir : data dengan
input data (kosong) lengkap”
siswa, lalu Tanggal Lahir :
langsung (kosong)
mengklik Agama :
tombol simpan (kosong)
Anak-ke :
(kosong)
Jumlah
Saudara :
(kosong)
Status Anak :
(kosong)
Alamat Rumah
: (kosong)
Alamat Rumah
Saat Ini :
(kosong)
Berat Badan :
(kosong)
Tinggi Badan :
(kosong)
Golongan
67
Darah :
(kosong)
Foto :
(kosong)
Scan Ijazah :
(kosong)
2. Mengisi Nama Siswa : Sistem akan Sesuai Valid
beberapa data M.arif M menolak dan Harapan
verifikasi dan Jenis Kelamin : menampilkan
mengosongkan laki-laki pesan “harap isi
data Foto, lalu Tempat Lahir : data dengan
langsung klik Pandeglang lengkap”
simpan Tanggal Lahir :
1995-04-06
Agama : Islam
Anak-ke : 1
Jumlah
Saudara : 2
Status Anak :
kandung
Alamat Rumah
: Perum Bambu
Kuning
Alamat Rumah
Saat Ini :
Kapuk
Berat Badan :
78 kg
Tinggi Badan :
175 cm
Golongan
Darah : O
Foto :
(kosong)
Scan Ijazah :
terisi
3. Menginputkan Nama Siswa : Sistem Sesuai Valid
data verifikasi M.arif M menerima data Harapan
siswa dengan Jenis Kelamin : verifikasi siswa
benar dan laki-laki dan kemudian
lengkap, lalu Tempat Lahir : langsung
mengklik Pandeglang menampilkan
68
tombol simpan Tanggal Lahir : data yang sudah

1995-04-06 terisi
Agama : Islam
Anak-ke : 1
Jumlah
Saudara : 2
Status Anak :
kandung
Alamat Rumah
: Perum Bambu
Kuning
Alamat Rumah
Saat Ini :
Kapuk
Berat Badan :
78 kg
Tinggi Badan :
175 cm
Golongan
Darah : O
Foto :
terisi
Scan Ijazah :
terisi
3. Form Login Admin
Tabel IV.13
Hasil Pengujian Black Box Testing Form Login Admin

1. Mengosongkan Username : Sistem Sesuai Valid
semua isian (kosong) akan menolak Harapan
data login pada Password : akses login dan
form login (kosong) menampilkan
admin, lalu pesan “Maaf,
langsung Username &
mengklik Password
tombol login Salah!”
2. Hanya mengisi Username : Sistem Sesuai Valid
data username Admin akan menolak Harapan
dan Password : akses login dan
69
mengosongkan (kosong) menampilkan

data password, pesan “Maaf,
lalu langsung Username &
klik login Password
Salah!”
3. Hanya mengisi Username : Sistem Sesuai Valid
data password (kosong) akan menolak Harapan
dan Password : arif akses login dan
mengosongkan menampilkan
data username, pesan “Maaf,
lalu langsung Username &
klik login Password
Salah!”
4. Menginputkan Username : Sistem Sesuai Valid
dengan kondisi Admin akan menolak Harapan
salah satu data Password : akses login dan
benar dan satu Admin menampilkan
lagi salah pesan “Maaf,
Username &
Password
Salah!”
5. Menginputkan Username : Sistem Sesuai Valid
data login Admin menerima akses Harapan
dengan benar, Password : login dan
lalu mengklik Admin kemudian
tombol login langsung
menampilkan
form Admin
4.5 Support
4.5.1 Publikasi Web
Publikasi situs web Sistem Informasi Penerimaan Siswa Baru Online di
internet dengan alamat URL www.smpn1maja.esy.es proses registrasi domain
dimulai dengan melakukan pengecekan nama domain yang dikehendaki apakah
sudah dimiliki oleh instansi lain atau belum, yaitu dengan mengakses situs web
dengan alamat URL www.whois, rincial detail akan diberikan oleh whois.net atas
request nama domain yang ingin kita ketahui kepemilikannya.

70
Pendaftaran nama domain www.smpn1maja.esy.es dan hosting
menggunakan jasa perusahaan penyedia layanan server hosting, yaitu idhostinger
yang bisa diakses di alamat URL www.idhostinger.com . Idhostinger menawarkan
jasa dengan rincian:
a. Gratis Rp. 0
b. Permium Rp. 38.000/Bulan
c. Bisnis Rp. 89.000/Bulan
Penulis menggunakan domain yang gratis untuk mempublikasikan Aplikasi
Sistem Informasi Penerimaan Siswa Baru Online.
4.5.2 Spesifikasi Hardware dan Software
Spesifikasi hardware yang digunakan untuk melakukan perancangan dan
pembuatan sistem informasi penerimaan siswa baru online ini adalah sebagai
berikut :
Tabel IV.14
Spesifikasi Hardware
Kebutuhan Keterangan
Processor Intel(R) Core(TM)2 Duo CPU P7570
@ 2.26Ghz
RAM 2.00 GB
Monitor LED 14”
Hard Disk 250GB
Keyboard 84 Key
Spesifikasi software yang digunakan untuk melakukan perancangan dan
pembuatan sistem informasi penerimaan siswa baru online ini adalah sebagai
berikut:
Tabel IV.15
Spesifikasi Software
71
Kebutuhan Keterangan
Sistem Operasi Windows 7
Software Aplikasi Dreamweaver CS6
Software Database Phpmyadmin
Browser Mozilla Firefox
4.6 Spesifikasi Dokumen Sistem Usulan
1. Nama Dokumen : Bukti Formulir Pendaftaran
Fungsi : Sebagai Bukti Pendaftaran
Sumber : User
Tujuan : Calon Siswa dan Panitia PSB
Media : Tampilan
Frekuensi : Setiap terjadi pendaftaran
Format : Lampiran B-1
2. Nama Dokumen : Verifikasi Data Siswa
Fungsi : Sebagai Bukti Data Siswqa
Sumber : User
Tujuan : Admin
Media : Tampilan
Frekuensi : Setiap terjadi pengisian Data Verifikasi
3. Nama Dokumen : Laporan Pendaftaran
Fungsi : Sebagai Laporan Data Pendaftar
Sumber : Admin
Tujuan : Kepala Sekolah

72
Media : Tampilan
Frekuensi : Setiap ada permintaan laporan pendaftaran

File - 17 Bab 4

Diunggah oleh

Informasi Dokumen

Judul Asli

Hak Cipta

Format Tersedia

Bagikan dokumen Ini

Bagikan atau Tanam Dokumen

Opsi Berbagi

Apakah menurut Anda dokumen ini bermanfaat?

Apakah konten ini tidak pantas?

Hak Cipta:

Format Tersedia

File - 17 Bab 4

Diunggah oleh

Hak Cipta:

Format Tersedia

BAB IV

RANCANGAN SISTEM DAN PROGRAM USULAN

4.1 Analisa Kebutuhan Software

Sistem Informasi Penerimaan Siswa Baru online adalah pendaftaran

dengan melakukan pendaftaran melalui web browser. Berikut ini spesifikasi

kebutuhan (system requirement) dari sistem pendaftaran secara online.

Halaman Calon Siswa:

A1. Calon siswa dapat melihat pendaftaran online

A2. Calon siswa dapat mengisi formulir pendaftaran online

A3. Calon siswa dapat mencetak data pendaftaran

A5. Calon siswa dapat memverifikasi dan Upload dokumen persyaratan.

B1. Admin melakukan login

B2. Admin dapat mengelola data calon siswa

B3. Admin dapat mengelola data siswa

B4. Admin dapat mengelola data sekolah

B5. Admin dapat mengelola Gallery

B6. Admin dapat mengelola buku tamu

B7. Admin dapat mengelola laporan

B. Use Case Diagram

calon siswa dan admin lakukan dalam website ini.

1. Use Case Diagram Penerimaan Calon Siswa

uc Use Case Calon sisw a

Mengisi formulir Cetak Bukti

calon sisw a tampilkan info

a. Deskripsi Use Case Diagram Halaman Pendaftaran:

Use Case Name Halaman Pendaftaran

2. Use Case Diagram Admin

Use Case Admin

«extend» Edit Info

«include» Update Data

a. Deskripsi Use Case Mengelola Data Calon Siswa

Use Case Name Mengelola Data Calon Siswa

Failed end condition Gagal tersimpan, terhapus, tercetak

b. Deskripsi Use Case Mengelola Data Siswa

Use Case Name Mengelola Data Siswa

c. Deskripsi Use Case Mengelola Data Sekolah

Deskripsi Use Case Mengelola Data Sekolah

Use Case Name Mengelola Data Sekolah

Post-conditions Data Sekolah terupdate.

d. Deskripsi Use Case Mengelola Gallery

Use Case Name Mengelola Gallery

e. Deskripsi Use Case Mengelola Buku Tamu

Use Case Name Mengelola Daftar Buku Tamu

Post-conditions Buku tamu tersimpan, terhapus

f. Deskripsi Use Case Mengelola Laporan

Use Case Name Mengelola Laporan

1. Activity Diagram Halaman Penerimaan Calon Siswa

act activ ity calon sisw a

2. Activity Diagram Halaman Admin

a. Activity Diagram Mengelola Data Pendaftar

act activ ity admin pendaftar

Memilih Menu Data Tampil Data

Memilih Edit Memilih Hapus

Simpan Edit Data

b. Activity Diagram Mengelola Data Siswa

act activ ity data sisw a

Memilih Menu Tampil Data Sisw a

Memilih Edit Data Memilih Hapus Data

Edit Data Sisw a Hapus Data Sisw a

Simpan Edit Data

c. Activity Diagram Mengelola Laporan

act activ ity laporan

Laporan data sisw a