20
BAB IV
RANCANGAN SISTEM DAN PROGRAM USULAN
4.1. Analisa Kebutuhan Software
Sistem Informasi Akademik berbasis web memungkinkan siswa, guru dan
admin melakukan pertukaran informasi. Berikut ini spesifikasi kebutuhan (System
Requirement) dari sistem informasi akademik:
A. Halaman Siswa
A1. Siswa dapat melihat data siswa
A2. Siswa dapat melihat jadwal pelajaran
A3. Siswa dapat melihat nilai (UTS, UAS dan ulangan harian)
A5. Siswa dapat melihat Rapor Bayangan
B. Halaman Guru
B1. Guru dapat melihat data pribadinya
B2. Guru dapat melihat data siswa
B3. Guru dapat melihat jadwal pelajaran
B4. Guru dapat menginput nilai harian, UTS dan UAS
B5. Guru dapat mmenginput rekap absen mengajar
C. Halaman Admin
C1. Admin dapat mengelola data artikel
C2. Admin dapat mengelola data gallery
C3. Admin dapat mengelola data ekstrakulikuler
C4. Admin dapat mengelola data fasilitas
C5. Admin dapat mengelola data guru
21
C6. Admin dapat mengelola data siswa
C7. Admin dapat mengelola data pelajaran
C8. Admin dapat mengelola data mata pelajaran
(1) Use Case Diagram Sistem Berjalan
Berikut ini tampilan Use Case Diagram sistem berjalan:
analysis Use Case sistem informasi akademi
Sistem Informasi Akademik SMP Taman Siswa Matraman
Siswa
guru
admin
Menginput
absen
mengelola Jadwal
Pelajaran
Menginput data
guru
menginput data
siswa
melihat data
siswa
Melihat data
guruMelihat data
jadwal pelajaran
menginput nilai
Melihat data
nilai
mencetak data
nilai
mengelola data
artikel
mengelola data
gallery
mengelola data
ekstrakulikuler
mengelola data
fasilitas
mengelola data
mata pelajaran
melihat rapor
bayangan
nilai uts
nilai uas
nilai ulangan
harian
«include»«include»
«extend»
«include»
«include»
«extend»«extend»
«extend»
Gambar VI.1
Use Case Diagram Sistem Berjalan
22
(2) Activity Diagram Sistem Berjalan
Berikut ini gambar activity diagram sistem berjalan
analysis Activ ity diagram nilai
SiswaSistem Infromasi AkademikGuru
Mulai
Menginput nilai Menampilkan data nilai Melihat data nilai
Mencetak rapor
Selesai
Gambar IV.2
Activity Diagram Menginput Nilai
4.2. Desain
4.2.1. Database
A. Entity Relation Diagram
Entity Relation Diagram menjelaskan hubungan antra data dalam basis data
yang terdiri dari objek-objek dasar yang mempunyai hubungan atau relasi
antar objek-objek tersebut. Dibawah ini ERD yang dibuat dalam sistem:
23
SISWANAMASISWA
NIS
TEMPAT
TGLLAHIR
JKELAMIN
AGAMA
ALAMAT
NAMAORTU
PEKERJAAN
PENDIDIKAN
IDKELAS
ABSEN_S
ABSEN_I
ABSEN_A
NIS
KDMAPEL
IDKELAS
ABSENMELAKUKAN1 M
KELAS
KODEPAMONG
IDKELAS
HARI
JAM
IDJADWAL
IDKELAS
KODEPAMONG
KDMAPEL
GURU
PASSWORD
TEMPAT
NAMAGURU
NUPTK
TGLLAHIR
KODEPAMONG
JENISKELAMIN
ALAMAT
GELAR
PENDIDIKAN
TERAKHIR
MEMILIKI
JADWAL
11
MATA
PELAJARANNAMAMAPEL
KDMAPEL
MEMILIKI
M
1
M MENGAJAR M
UH2
UH1
UH3
UH4
UH5
NILAI UTS
NILAI UAS
KODEPAMONG
KDMAPEL
NIS
IDKELAS
NILAI
MEMBERIKAN
MENDAPATKAN
1M
M
KODEPAMONG
USERNAME
1
Gambar IV.3
Entity Relation Diagram Sistem Berjalan
24
B. Logical Relational Structure (LRS)
Dibawah ini LRS yang dibuat dalam sistem usulan :
KODEPAMONG*
NUPTK
NAMAGURU
USERNAME
PASSWORD
TEMPAT
TGLLAHIR
JENISKELAMIN
ALAMAT
GELAR
PENDIDIKANTERAKHIR
UH1
UH2
UH3
UH4
UH5
NILAI UTS
NILA UAS
KODEPAMONG**
KDMAPEL**
NIS**
IDKELAS**
GURU
NILAI
IDKELAS*
KODEPAMONG**
KELAS
IDJADWAL*
JAM
HARI
IDKELAS**
KODEPAMONG**
KDMAPEL**
JADWAL
KDMAPEL*
NAMAMAPEL
MATA PELAJARAN
NIS*
NAMASISWA
TEMPAT
TGLLAHIR
JKELAMIN
AGAMA
ALAMAT
NAMAORTU
PEKERJAAN
PENDIDIKAN
IDKELAS**
SISWA
IDKELAS
NIS
ABSEN_A
ABSEN_S
ABSEN_I
KDMAPEL**
KODEPAMONG**
ABSEN
Gambar IV.4
Logical Relational Structure (LRS) Sistem Berjalan
25
C. Spesifikasi File
Dalam perancangan Sistem Informasi Akademik SMP Taman Siswa
Matraman yang dibuat ada beberapa file yang diperlukan. Adapun rincian dari
tiap-tiap file tersebut adalah sebagai berikut:
a. Nama Database : smptamsis
Nama File : Admin
Akronim : tbadmin.myd
Type File : File Master
Akses File : Random
Panjang Record : 45 Character
Kunci Field : idAdmin
Tabel IV.1
Spesifikasi File Admin
No Field Tipe Ukuran Keterangan
1 idAdmin Int 3 Primary Key
2 username Varchar 6
3 namaAdmin Varchar 30
4 Password Varchar 6
b. Nama Database : smptamsis
Nama File : Absen
Akronim : tbabsen.myd
Type File : File Transasksi
Akses File : Random
26
Panjang Record : 25 Character
Kunci Field : -
Tabel IV.2
Spesifikasi File Absen
No Field Tipe Ukuran Keterangan
1 Absen_s Int 4
2 Absen_i Int 4
3 Absen_a Int 4
4 Nis Varchar 4
5 idKelas Char 3
6 kdMapel Char 3
7 kodePamong Varchar 3
c. Nama Database : smptamsis
Nama File : Artikel
Akronim : tbartikel.myd
Type File : File Master
Akses File : Random
Panjang Record : 609 Character
Kunci Field : idArtikel
27
Tabel IV.3
Spesifikasi File Artikel
No Field Tipe Ukuran Keterangan
1 idArtikel Int 4 Primary key
2 judulArtikel Varchar 100
3 Headline Varchar 200
4 isiArtikel Text
5 gambarArtikel Varchar 300
6 tglArtikel Date
7 counter Int 5
d. Nama Database : smptamsis
Nama File : Ekskul
Akronim : tbekskul.myd
Type File : File Master
Akses File : Random
Panjang Record : 654 Character
Kunci Field : idEkskul
Tabel IV.4
Spesifikasi File Ekskul
No Field Tipe Ukuran Keterangan
1 idEkskul Int 4 Primary key
2 gambarEkskul Varchar 300
3 namaEkskul Varchar 50
28
4 keteranganEkskul Varchar 300
e. Nama Database : smptamsis
Nama File : Fasilitas
Akronim : tbfasilitas.myd
Type File : File Master
Akses File : Random
Panjang Record : 504 Character
Kunci Field : idFasilitas
Tabel IV.5
Spesifikasi File Fasilitas
No Field Tipe Ukuran Keterangan
1 idFasilitas Int 4 Primary key
2 Fasilitas Varchar 200
3 gambarFasilitas Varchar 300
f. Nama Database : smptamsis
Nama File : Galeri
Akronim : tbgaleri.myd
Type File : File Master
29
Akses File : Random
Panjang Record : 604 Character
Kunci Field : idGambar
Tabel IV.6
Spesifikasi File Galeri
No Field Tipe Ukuran Keterangan
1 idGambar Int 4 Primary Key
2 deskripsiGambar Varchar 300
3 Gambar Varchar 300
g. Nama Database : smptamsis
Nama File : Guru
Akronim : tbguru.myd
Type File : File Master
Akses File : Random
Panjang Record : 663 Character
Kunci Field : kodePamong
Tabel IV.7
Spesifikasi File Guru
No Field Tipe Ukuran Keterangan
1 kodePamong Varchar 3 Primary Key
2 Nuptk Char 16
3 Namaguru Varchar 35
4 Username Varchar 50
30
5 Password Varchar 300
6 Tempat Varchar 30
7 tglLahir Date
8 jenisKelamin Varchar 9
9 Alamat Varchar 200
10 Gelar Varchar 10
11 pendidikanTerakhir Varchar 10
h. Nama Database : smptamsis
Nama File : jadwal
Akronim : tbjadwal.myd
Type File : File Master
Akses File : Random
Panjang Record : 34 Character
Kunci Field : idJadwal
Tabel IV.8
Spesifikasi File Jadwal
No Field Tipe Ukuran Keterangan
1 idJadwal Int 4 Primary Key
2 Jam Varchar 15
3 Hari Varchar 6
4 idKelas Verchar 3
5 kodePamong Varchar 3
6 kdMapel Varchar 3
31
i. Nama Database : smptamsis
Nama File : kelas
Akronim : tbkelas.myd
Type File : File master
Akses File : Random
Panjang Record : 6 Character
Kunci Field : idKelas
Tabel IV.9
Spesifikasi File Kelas
No Field Tipe Ukuran Keterangan
1 idKelas Char 3 Primary Key
2 kodePamong Varchar 3
j. Nama Database : smptamsis
Nama File : Mata Pelajaran
Akronim : tbmapel.myd
Type File : File master
Akses File : Random
Panjang Record : 33 Character
Kunci Field : kdMapel
Tabel IV.10
Spesifikasi File Mata Pelajaran
No Field Tipe Ukuran Keterangan
1 kdMapel Char 3 Primary Key
32
2 namaMapel Varchar 30
k. Nama Database : smptamsis
Nama File : Nilai
Akronim : tbnilai.myd
Type File : File Transaksi
Akses File : Random
Panjang Record : 34 Character
Kunci Field : -
Tabel IV.11
Spesifikasi File Nilai
No Field Tipe Ukuran Keterangan
1 Uh1 Int 3
2 Uh2 Int 3
3 Uh3 Int 3
4 Uh4 Int 3
5 Uh5 Int 3
6 nilaiUts Int 3
7 nilaiUas Int 3
8 kodePamong Varchar 3
9 kdMapel Varchar 3
10 Nis Varchar 4
11 idKelas Char 3
33
l. Nama Database : smptamsis
Nama File : Siswa
Akronim : tbsiswa.myd
Type File : File Master
Akses File : Random
Panjang Record : 271 Character
Kunci Field : nis
Tabel IV.12
Spesifikasi File Siswa
No Field Tipe Ukuran Keterangan
1 Nis Char 4 Primary Key
2 namaSiswa Varchar 50
3 Tempat Varchar 30
4 tglLahir Date
5 jKelamin Varchar 9
6 Agama Varchar 10
7 Alamat Varchar 100
8 namaOrtu Varchar 30
9 Pekerjaan Varchar 30
10 Pendidikan Varchar 5
11 idKelas Char 3
34
4.2.2. Software Architecture
Website ini merupakan pemrograman terstruktur, pada tahapan ini
menggunakan deployment diagram dan component diagram yang berhubungan
dengan proses bisnis sistem informasi akademik:
A. Deployment Diagram
Berikut ini gambar Deployment diagram sistem informasi akademik SMP
Taman Siswa Matraman :
deployment Deployment sistem informasi akademik
Deployment Model
Database Serv er
(SQL)
Website Sistem
Informasi
Akademik
Web Serv er
Client Browser
Gambar IV.5
Deployment Diagram
B. Component Diagram
Berikut ini gambar Component diagram sistem informasi akademik SMP
Taman Siswa Matraman :
35
cmp Component Mo...
Serv er
User Interface
business
processing
data
Security
Gambar IV.6
Component Diagram
4.2.3. User Interface
User Interface antar muka pada Sistem Informasi Akademik SMP Taman
SIswa Matraman berdasarkan hasil rancangan antar muka:
a. Halaman Utama
Pada halaman ini pengunjung dapat melihat artikel, galeri, ekstrakulikuler
yang ada, sejarah, visi dan misi serta tata tertib siswa.
36
Gambar IV.7
Halaman Utama
b. Halaman Login Siswa
Sebelum siswa masuk ke ruang siswa, siswa diwajibkan login terlebih dahulu
dengan mengunakan username berupa nis dan password berupa tanggal lahir.
Gambar IV.8
Halaman login siswa
37
c. Halaman Utama Ruang Siswa
Pada halaman ini siswa dapat melihat menu-menu yang ada. Dari melihat
data siswa, jadwal pelajaran serta nilai-nilai ujian.
Gambar IV.9
Halaman Utama Ruang Siswa
d. Tampilan Nilai UTS
Pada tampilan ini siswa dapat melihat nilai UTS setiap pelajaran.
Gambar IV.10
Tampilan Nilai UTS
38
e. Tampilan Nilai UAS
Pada tampilan ini siswa dapat melihat nilai UAS setiap pelajaran.
Gambar IV.11
Tampilan Nilai UAS
f. Tampilan Rapor Bayangan
Tampilan dibawah ini merupakan tampilan rapor bayangan dengan
menampilkan semua nilai ujian.
Gambar IV.12
Tampilan Rapor Bayangan
39
g. Tampilan Login Guru
Sebelum guru masuk ke ruang guru, siswa diwajibkan login terlebih dahulu
dengan mengunakan username berupa nip dan password.
Tampilan IV.13
Halaman Login Guru
h. Tampilan Jadwal Mengajar di Ruang Guru
Pada tampilan dibawah ini Guru dapat melihat jadwal pelajaran yang mereka
ampu.
Gambar IV.14
Tampilan Jadwal mengajar di Ruang Guru
40
i. Tampilan Input Nilai Harian
Pada tampilan ini, guru dapat menginput nilai harian.
Gambar IV.15
Tampilan Input Nilai Harian di Ruang Guru
j. Tampilan login Admin
Sebelum admin masuk ke ruang admin, admin diwajibkan login terlebih
dahulu dengan mengunakan Id Admin dan password.
Gambar IV.16
Tampilan Login Admin
41
k. Halaman Utama Ruang Admin
Pada halaman ini Admin dapat mengubah data-data master dengan memilih
menu-menu yang ada.
Gambar IV.17
Halaman Utama Admin
l. Tampilan Data Siswa
Pada halaman ini, admin dapat merubah data siswa
Gambar 4.16
Tampilan Data Siswa
42
4.3. Code Generation
a. Listing Halaman Utama
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"
/>
<title>
<?php echo"SMP Taman Siswa Matraman";
?></title>
<link href="css/style.css" type="text/css" rel="stylesheet" />
<link rel="icon" type="image/gif" href="images/lambang.jpg" />
</head>
<body>
<div id="wrap">
<div id="header"></div>
<div id="menu"><?php include "menuatas.php"; ?></div>
<div id="conten">
<div id="kiri">
<?php include "menukiriprof.php"; ?><br /><br /><br /><br
/><br>
43
<?php include "menukirikes.php"; ?><br><br /><br /><br /><br
/><hr color="#CCCCCC" style="border-bottom-style:dotted"/>
<?php include "hit_count.php"; ?>
<hr color="#CCCCCC" style="border-bottom-style:dotted"/>
<?php include "jam.php"; ?>
</div>
<div id="tengah">
<?php include "conten.php"; ?>
</div>
<div id="kanan">
<?php include "tanggal.php"; ?>
</div>
<div id="kanan2">
<?php echo"<img src='randim.php'alt='Random photo' width='180'
height='180' />"; ?>
<br><hr color="#CCCCCC" style="border-bottom-style:dotted"/>
<hr color="#CCCCCC" style="border-bottom-style:dotted"/>
<br /><br /><br /><br /><br><br /><br /><br><br />
</div>
</div>
44
<div id="footer"><div align="center" class="copy">Copyright ©
2017 Astri Wardani</div>
</div>
</div>
</body>
</html>
b. Listing Login Siswa
<style type="text/css">
<!--
.style1 {font-size: 9px}
-->
</style>
<form action="cek_login.php" method="post">
<br />
<table width="535" border="0" align="center" cellpadding="2"
cellspacing="0">
<tr>
<td width="200" rowspan="5"><img src="../images/icon/login_icon.png"
width="200" height="144" /></td>
<td width="6"> </td>
<td width="153">Username</td>
<td width="160"> </td>
45
</tr>
<tr>
<td> </td>
<td><input name="induk" type="text" id="induk" /></td>
<td><span class="style1"><font color="red">No Induk Siswa</font>
</span></td>
</tr>
<tr>
<td> </td>
<td>Password</td>
<td> </td>
</tr>
<tr>
<td> </td>
<td><input name="tgl" type="password" id="tgl" /></td>
<td><span class="style1"><font color="#FF0000">Tanggal Lahir =
Tahun-Bulan-Tanggal</font> </span></td>
</tr>
<tr>
<td> </td>
<td><br /><input type="submit" name="Submit" value="Login" /></td>
<td></td>
</tr>
</table>
46
</form>
c. Listing Halaman Utama Siswa
<?php
if(!isset($_SESSION))
{
session_start();
}
include("../konfig/inc.koneksi.php");
?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"
/>
<title>
<? if (@$_GET['title'])
{
echo"@$_GET[title]";
}
else
{
echo"SMP Taman Siswa Matraman";
47
}
?></title>
<link href="../css/stylelogadmin.css" type="text/css" rel="stylesheet" />
<link rel="icon" type="image/gif" href="../images/lambang.jpg" />
</head>
<body>
<div id="wrap">
<div id="header"></div>
<div id="menu"><? include"menuataslogin.php"; ?></div>
<div id="conten">
<div id="tengah">
<?
if(empty($_SESSION['user']) and empty($_SESSION['pass']))
{
include"login.php";
echo"<center><br><b>Untuk Mengakses Halaman Siswa,
Anda Harus Login | <a href='../index.php'>Beranda</a></b><br></center>";
}
else
{
include"beranda.php";
}
48
?>
</div>
</div>
<div id="footer"><div align="center" class="copy">Copyright ©
2017 Astri Wardani</div>
</div>
</div>
</body>
</html>
d. Listing Tampilan Nilai UTS
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"
/>
<title>Untitled Document</title>
</head>
<body>
<?
include"../konfig/inc.koneksi.php";
49
$sql=mysql_query("select * from tbsiswa where nis='$_SESSION[nis]'
",$koneksi);
$jml=mysql_num_rows($sql);
while($data=mysql_fetch_array($sql))
{
?>
<table width="412" border="1" align="center" cellpadding="0"
cellspacing="1">
<tr>
<td width="85" bgcolor="#FFFF00"><strong>Nama</strong></td>
<td width="277"><b>: <? echo"$data[namaSiswa]"; ?></b></td>
</tr>
<tr>
<td bgcolor="#FFFF00"><strong>Noinduk</strong></td>
<td><b>: <? echo"$data[nis]"; ?></b></td>
</tr>
<tr>
<td bgcolor="#FFFF00"><strong>Kelas</strong></td>
<? $kelas=mysql_query("select * from tbkelas order by idKelas") or die
("Gagal Tampil");
while($k=mysql_fetch_array($kelas)){
if($data['idKelas']==$k['idKelas'])
echo"<td><b>: $k[idKelas]</b></td>";} ?>
</tr><?}?>
50
</table>
<table width="412" border="1" align="center" cellpadding="0"
cellspacing="1">
<tr>
<td width="24" bgcolor="#FFFF00"><div
align="center"><strong>No</strong></div></td>
<td width="45" bgcolor="#FFFF00"><div
align="center"><strong>Kode</strong></div></td>
<td width="246" bgcolor="#FFFF00"><div align="center"><strong>Mata
Pelajaran </strong></div></td>
<td width="82" bgcolor="#FFFF00"><div align="center"><strong>Nilai
UTS </strong></div></td>
</tr>
<?
$nilai=mysql_query("select * from tbnilai where nis='$_SESSION[nis]'
group by kdMapel order by kdMapel desc",$koneksi) or die ("Gagal Nilai");
$no=1;
while($n=mysql_fetch_array($nilai)){
?>
<tr>
<td><div align="center"><? echo"$no"; ?></div></td>
<?
$mapel=mysql_query("select * from tbmapel where
kdMapel='$n[kdMapel]'") or die ("Gagal Mapel");
51
while($m=mysql_fetch_array($mapel)){?>
<td><div align="center"><? echo"$m[kdMapel]"; ?></div></td>
<td><div align="center"><? echo"$m[namaMapel]"; }?></div></td>
<td><div align="center"><? echo"$n[nilaiUts]"; ?></div></td>
</tr><?
$no++;
}?>
</table>
<p> </p>
</body>
</html>
e. Listing Tampilan Nilai UAS
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"
/>
<title>Untitled Document</title>
</head>
<body>
<?
52
include"../konfig/inc.koneksi.php";
$sql=mysql_query("select * from tbsiswa where nis='$_SESSION[nis]'
",$koneksi);
$jml=mysql_num_rows($sql);
while($data=mysql_fetch_array($sql))
{
?>
<table width="412" border="1" align="center" cellpadding="0"
cellspacing="1">
<tr>
<td width="85" bgcolor="#FFFF00"><strong>Nama</strong></td>
<td width="277"><b>: <? echo"$data[namaSiswa]"; ?></b></td>
</tr>
<tr>
<td bgcolor="#FFFF00"><strong>Noinduk</strong></td>
<td><b>: <? echo"$data[nis]"; ?></b></td>
</tr>
<tr>
<td bgcolor="#FFFF00"><strong>Kelas</strong></td>
<? $kelas=mysql_query("select * from tbkelas order by idKelas") or die
("Gagal Tampil");
while($k=mysql_fetch_array($kelas)){
if($data['idKelas']==$k['idKelas'])
echo"<td><b>: $k[idKelas]</b></td>";} ?>
53
</tr><?}?>
</table>
<table width="412" border="1" align="center" cellpadding="0"
cellspacing="1">
<tr>
<td width="24" bgcolor="#FFFF00"><div
align="center"><strong>No</strong></div></td>
<td width="45" bgcolor="#FFFF00"><div
align="center"><strong>Kode</strong></div></td>
<td width="246" bgcolor="#FFFF00"><div align="center"><strong>Mata
Pelajaran </strong></div></td>
<td width="82" bgcolor="#FFFF00"><div align="center"><strong>Nilai
UAS </strong></div></td>
</tr>
<?
$nilai=mysql_query("select * from tbnilai where nis='$_SESSION[nis]'
group by kdMapel order by kdMapel desc",$koneksi) or die ("Gagal Nilai");
$no=1;
while($n=mysql_fetch_array($nilai)){
?>
<tr>
<td><div align="center"><? echo"$no"; ?></div></td>
<?
54
$mapel=mysql_query("select * from tbmapel where
kdMapel='$n[kdMapel]'") or die ("Gagal Mapel");
while($m=mysql_fetch_array($mapel)){?>
<td><div align="center"><? echo"$m[kdMapel]"; ?></div></td>
<td><div align="center"><? echo"$m[namaMapel]"; }?></div></td>
<td><div align="center"><? echo"$n[nilaiUas]"; ?></div></td>
</tr><?
$no++;
}?>
</table>
<p> </p>
</body>
</html>
f. Listing Tampilan Rapor Bayangan
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"
/>
<title>Untitled Document</title>
</head>
55
<body>
<?
include"../konfig/inc.koneksi.php";
$sql=mysql_query("select * from tbsiswa where nis='$_SESSION[nis]'
",$koneksi);
$jml=mysql_num_rows($sql);
while($data=mysql_fetch_array($sql))
{
?>
<table width="557" border="1" align="center" cellpadding="0"
cellspacing="1">
<tr>
<td width="85" bgcolor="#FFFF00"><strong>Nama</strong></td>
<td width="277"><b>: <? echo"$data[namaSiswa]"; ?></b></td>
</tr>
<tr>
<td bgcolor="#FFFF00"><strong>Noinduk</strong></td>
<td><b>: <? echo"$data[nis]"; ?></b></td>
</tr>
<tr>
<td bgcolor="#FFFF00"><strong>Kelas</strong></td>
<? $kelas=mysql_query("select * from tbkelas order by idKelas") or die
("Gagal Tampil");
while($k=mysql_fetch_array($kelas)){
56
if($data['idKelas']==$k['idKelas'])
echo"<td><b>: $k[idKelas]</b></td>";} ?>
</tr><?}?>
</table>
<table width="557" border="1" align="center" cellpadding="0"
cellspacing="1">
<tr>
<td width="21" bgcolor="#FFFF00"><div
align="center"><strong>No</strong></div></td>
<td width="39" bgcolor="#FFFF00"><div
align="center"><strong>Kode</strong></div></td>
<td width="196" bgcolor="#FFFF00"><div align="center"><strong>Mata
Pelajaran </strong></div></td>
<td width="43" bgcolor="#FFFF00"><div
align="center"><strong>UH1</strong></div></td>
<td width="43" bgcolor="#FFFF00"><div
align="center"><strong>UH2</strong></div></td>
<td width="44" bgcolor="#FFFF00"><div
align="center"><strong>UH3</strong></div></td>
<td width="43" bgcolor="#FFFF00"><div
align="center"><strong>UH4</strong></div></td>
<td width="44" bgcolor="#FFFF00"><div
align="center"><strong>UH5</strong></div></td>
57
<td width="77" bgcolor="#FFFF00"><div align="center"><strong>Nilai
UTS </strong></div></td>
<td width="67" bgcolor="#FFFF00"><div align="center"><strong>Nilai
UAS </strong></div></td>
</tr>
<?
$nilai=mysql_query("select * from tbnilai where nis='$_SESSION[nis]'
group by kdMapel order by kdMapel desc",$koneksi) or die ("Gagal Nilai");
$no=1;
while($n=mysql_fetch_array($nilai)){
?>
<tr>
<td><div align="center"><? echo"$no"; ?></div></td>
<?
$mapel=mysql_query("select * from tbmapel where
kdMapel='$n[kdMapel]'") or die ("Gagal Mapel");
while($m=mysql_fetch_array($mapel)){?>
<td><div align="center"><? echo"$m[kdMapel]"; ?></div></td>
<td><div align="center"><? echo"$m[namaMapel]"; }?></div></td>
<td><div align="center"><? echo"$n[uh1]"; ?></div></td>
<td><div align="center"><? echo"$n[uh2]"; ?></div></td>
<td><div align="center"><? echo"$n[uh3]"; ?></div></td>
<td><div align="center"><? echo"$n[uh4]"; ?></div></td>
<td><div align="center"><? echo"$n[uh5]"; ?></div></td>
58
<td><div align="center"><? echo"$n[nilaiUts]"; ?></div></td>
<td><div align="center"><? echo"$n[nilaiUas]"; ?></div></td>
</tr>
<?
$no++;
}?>
</table>
<table width="213" border="1" align="center" cellpadding="0"
cellspacing="0">
<tr>
<td colspan="2" bgcolor="#FFFF00"><div
align="center"><strong>Kehadiran</strong></div></td>
</tr>
<? $siswa=mysql_query("select * from tbsiswa where
nis='$_SESSION[nis]'",$koneksi) or die ("Gagal");
$jml=mysql_num_rows($siswa);
$s=mysql_fetch_array($siswa);
$absen=mysql_query("select count(absen_s)
as jmls,count(absen_i) as jmli,count(absen_a) as jmla from tbabsen where
nis='$s[nis]' and idKelas='$s[idKelas]'") or die ("Gagal Absen");
while($a=mysql_fetch_array($absen)){
?>
59
<tr>
<td width="107" bgcolor="#FFFF00"><div
align="left"><strong>Sakit</strong></div></td>
<td width="100">: <? echo"$a[jmls]";?> Kali </td>
</tr>
<tr>
<td bgcolor="#FFFF00"><div
align="left"><strong>Izin</strong></div></td>
<td>: <? echo"$a[jmli]";?> Kali</td>
</tr>
<tr>
<td bgcolor="#FFFF00"><div
align="left"><strong>Alfa</strong></div></td>
<td>: <? echo"$a[jmla]";?> Kali</td>
</tr>
<?}?>
</table>
<p align="center"><h3 align="center"><strong><a
href="cetak_laporan.php?noinduk=<? echo"$_SESSION[nis]"; ?>"
target="_blank">Cetak Laporan Hasil Belajar</a></strong></h3>
</p>
</body>
</html>
60
g. Listing Login Guru
<style type="text/css">
<!--
.style1 {font-size: 9px}
-->
</style>
<form action="cek_login.php" method="post">
<br />
<table width="535" border="0" align="center" cellpadding="2"
cellspacing="0">
<tr>
<td width="200" rowspan="5"><img src="../images/icon/login_icon.png"
width="200" height="144" /></td>
<td width="6"> </td>
<td width="153">Username</td>
<td width="160"> </td>
</tr>
<tr>
<td> </td>
<td><input name="user" type="text" id="user" /></td>
<td><span class="style1"><font color="red">*NIP</font> </span></td>
</tr>
<tr>
61
<td> </td>
<td>Password</td>
<td> </td>
</tr>
<tr>
<td> </td>
<td><input name="pass" type="password" id="pass" /></td>
<td> </td>
</tr>
<tr>
<td> </td>
<td><br /><input type="submit" name="Submit" value="Login" /></td>
<td></td>
</tr>
</table>
</form>
h. Listing Halaman Utama Guru
<?php
if(!isset($_SESSION))
{
session_start();
}
include("../konfig/inc.koneksi.php");
62
?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"
/>
<title>
<? if (@$_GET[title])
{
echo"@$_GET[title]";
}
else
{
echo"SMP Taman Siswa Matraman";
}
?></title>
<link href="../css/stylelogadmin.css" type="text/css" rel="stylesheet" />
<link rel="icon" type="image/gif" href="../images/lambang.jpg" />
</head>
<body>
<div id="wrap">
<div id="header"></div>
63
<div id="menu"><? include"menuataslogin.php"; ?></div>
<div id="conten">
<div id="tengah">
<?
if(empty($_SESSION['user']) and empty($_SESSION['pass']))
{
include"login.php";
echo"<center><br><b>Untuk Mengakses Halaman Guru,
Anda Harus Login | <a href='../index.php'>Beranda</a></b><br></center>";
}
else
{
include"beranda.php";
}
?>
</div>
</div>
<div id="footer"><div align="center" class="copy">Copyright ©
2017 Astri Wardani</div>
</div>
</div>
</body>
</html>
64
i. Listing Jadwal Mengajar Guru
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"
/>
<title>Untitled Document</title>
</head>
<body>
<table width="471" border="1" align="center" cellpadding="0"
cellspacing="1">
<tr>
<td width="62" bgcolor="#33CCFF"><div
align="center"><strong>Hari</strong></div></td>
<td width="61" bgcolor="#33CCFF"><div
align="center"><strong>Jam</strong></div></td>
<td width="246" bgcolor="#33CCFF"><div align="center"><strong>Mata
Pelajaran </strong></div></td>
<td width="87" bgcolor="#33CCFF"><div
align="center"><strong>Kelas</strong></div></td>
</tr>
<?
65
include"../konfig/inc.koneksi.php";
$jadwal=mysql_query("select * from tbjadwal where
nip='$_SESSION[nip]'",$koneksi) or die ("GagaL Jadwal");
while($j=mysql_fetch_array($jadwal)){?>
<tr>
<td><div align="center"><? echo"$j[hari]"; ?></div></td>
<td><div align="center"><? echo"$j[jam]"; ?></div></td>
<?
$mapel=mysql_query("select * from tbmapel order by
kdMapel",$koneksi) or die ("GagaL mapel");
while($m=mysql_fetch_array($mapel)){
if($j['kdMapel']==$m['kdMapel'])
echo"<td><div align='center'>$m[namaMapel]</div></td>";}
$kelas=mysql_query("select * from tbkelas order by
idKelas",$koneksi) or die ("GagaL mapel");
while($k=mysql_fetch_array($kelas)){
if($j['idKelas']==$k['idKelas'])
echo"<td><div align='center'>$k[idKelas]</div></td>";} ?>
</tr><?}?>
</table>
</body>
</html>
66
j. Listing Input Nilai Harian
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"
/>
<title>Untitled Document</title>
</head>
<body>
<table width="671" border="1" align="center" cellpadding="0"
cellspacing="1">
<tr>
<td width="73" bgcolor="#33CCFF"><div
align="center"><strong>Hari</strong></div></td>
<td width="72" bgcolor="#33CCFF"><div
align="center"><strong>Jam</strong></div></td>
<td width="279" bgcolor="#33CCFF"><div align="center"><strong>Mata
Pelajaran </strong></div></td>
<td width="91" bgcolor="#33CCFF"><div
align="center"><strong>Kelas</strong></div></td>
<td width="155" bgcolor="#33CCFF"><div
align="center"><strong>Aksi</strong></div></td>
67
</tr>
<?
include"../konfig/inc.koneksi.php";
$jadwal=mysql_query("select * from tbjadwal where
nip='$_SESSION[nip]'",$koneksi) or die ("GagaL Jadwal");
while($j=mysql_fetch_array($jadwal)){?>
<tr>
<td>
<input type="hidden" name="id_kelas" value="<? echo"$j[idKelas]";
?>">
<input type="hidden" name="kd_mapel" value="<? echo"$j[kdMapel]";
?>">
<div align="center"><? echo"$j[hari]"; ?></div></td>
<td><div align="center"><? echo"$j[jam]"; ?></div></td>
<?
$mapel=mysql_query("select * from tbmapel order by
kdMapel",$koneksi) or die ("GagaL mapel");
while($m=mysql_fetch_array($mapel)){
if($j['kdMapel']==$m['kdMapel'])
echo"<td><div align='center'>$m[namaMapel]</div></td>";}
$kelas=mysql_query("select * from tbkelas order by
idKelas",$koneksi) or die ("GagaL mapel");
while($k=mysql_fetch_array($kelas)){
if($j['idKelas']==$k['idKelas'])
68
echo"<td><div align='center'>$k[idKelas]</div></td>"; }?>
<td><div align="center"><a
href="?page=input_nilai_harian&title=INPUT NILAI HARIAN
&id_kelas=<? echo"$j[idKelas]"; ?>&kd_mapel=<? echo"$j[kdMapel]";
?>">Input Nilai</a> | <a
href="?page=lihat_nilai_harian&title=NILAI HARIAN&id_kelas=<?
echo"$j[idKelas]"; ?>&kd_mapel=<? echo"$j[kdMapel]"; ?>">Lihat Nilai
</a></div></td>
</tr><?}?>
</table>
</body>
</html>
k. Listing Login Admin
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"
/>
<title>Untitled Document</title>
</head>
<body>
69
<table width="410" height="151" border="0" align="center" cellpadding="0"
cellspacing="0">
<tr>
<td width="160"><table width="122" height="83" border="0"
align="center" cellpadding="0" cellspacing="0">
<tr>
<td width="145"><div align="center"><img
src="../images/admin_login.png" /></div></td>
</tr>
</table></td>
<td width="250"><form action="cek_admin.php" method="post"><table
width="169" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td>ID Admin : </td>
</tr>
<tr>
<td><input name="user" type="text" id="user" /></td>
</tr>
<tr>
<td>Password : </td>
</tr>
<tr>
<td><input name="pswd" type="password" id="pswd" /></td>
</tr>
70
<tr>
<td> </td>
</tr>
<tr>
<td><input type="submit" name="Submit" value="LOGIN" /></td>
</tr>
</table></form></td>
</tr>
</table>
</body>
</html>
l. Listing Data Siswa
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"
/>
<title>Untitled Document</title>
</head>
<body>
<table width="543" height="22" border="1" align="center" cellpadding="0"
cellspacing="0" bordercolor="#FFFF00" bgcolor="#FFCC00">
71
<tr>
<td><a href="?act=indtsiswa"><div align="center"><strong>INPUT
DATA SISWA</strong></div></a> </td>
</tr>
</table>
<table width="543" height="80" border="1" align="center" cellpadding="0"
cellspacing="1" bordercolor="#FFFF00">
<tr>
<td width="62" height="31" bgcolor="#FFCC00"><div
align="center"><strong>No Induk</strong></div></td>
<td width="119" bgcolor="#FFCC00"><div
align="center"><strong>Nama Murid </strong></div></td>
<td width="99" bgcolor="#FFCC00"><div
align="center"><strong>Tempat, <br />
Tanggal Lahir </strong></div></td>
<td width="137" bgcolor="#FFCC00"><div
align="center"><strong>Alamat Rumah </strong></div></td>
<td width="108" bgcolor="#FFCC00"><div
align="center"><strong>Aksi</strong></div></td>
</tr>
<?
//menampilkan sebanyak lima data
$limit=5;
$start=@$_GET['start'];
72
if(empty($start))
{
$posisi=0;
$start=1;
}
else
{
$posisi=($start-1)*$limit;
}
include"../konfig/inc.koneksi.php";
$sql=mysql_query("select * from tbsiswa order by nis limit
$posisi,$limit",$koneksi);
$jml=mysql_num_rows($sql);
while($data=mysql_fetch_array($sql))
{
?>
<tr>
<td height="35"><div align="center"><? echo"$data[0]"; ?></div></td>
<td><div align="center"><? echo"$data[namaSiswa]"; ?></div></td>
<td><div align="center"><? echo"$data[tempat]"; ?>, <?
echo"$data[tglLahir]"; ?></div></td>
<td><div align="center"><? echo"$data[alamat]"; ?></div></td>
<td><div align="center"><a href="?module=detail_dtsiswa&noinduk=<?
echo"$data[0]"; ?>"><img src="../images/icon/search-icon-red.gif"
73
width="30" height="25" /></a><a href="hapus_dtsiswa.php?noinduk=<?
echo"$data[0]"; ?>"><img src="../images/icon/200916124517984778025.gif"
width="30" height="25" /></a><a href="?act=eddtsiswa&noinduk=<?
echo"$data[0]"; ?>"><img src="../images/icon/20091612451815778069.gif"
width="30" height="25" /></a></div></td>
</tr> <?}?>
</table>
<?
$x=mysql_query("select*from tbsiswa order by nis");
$y=mysql_num_rows($x);
$halaman=ceil($y/$limit);
for($i=1;$i<=$halaman;$i++)
if($i!=$start)
{
echo"<a href=?module=dtsiswa&start=$i>$i</a>|";
}
else
{
echo"<b>$i</b>|";
}
?>
</body>
</html>
74
4.4. Testing
4.4.1 Form Login Siswa
Tabel IV.13
Hasil Pengujian Black Box Testing Form Login Siswa
No
Skenario
Pengujian
Test Case
Hasil yang di
Harapkan
Hasil
Pengujian
Kesimpulan
1
Mengosongkan
semua isian data
login kemudian
tekan tombol
“login”
User name :
(kosong)
Password :
(kosong)
Sistem Menolak,
Muncul pesan
“Anda tidak
berhak masuk
sebagai Siswa!!!”
Sesuai
harapan
Valid
2
mengisi data
dengan salah
kemudian tekan
tombol “login”
User name :
(6060) salah
benar
Password :
(6060) salah
Sistem Menolak,
Muncul pesan
“Anda tidak
berhak masuk
sebagai Siswa!!!”
Sesuai
harapan
Valid
3
Hanya mengisi
data password
yang salah dan
username
kosong
kemudian tekan
tombol “login”
User name :
(kosong)
salah
Password :
(saya) salah
Sistem Menolak,
Muncul pesan
“Anda tidak
berhak masuk
sebagai Siswa!!!”
Sesuai
harapan
Valid
4 Hanya mengisi User name : Sistem Menolak, Sesuai Valid
75
data Username
dengan salah,
password
kosong
kemudian tekan
tombol “login”
(saya) salah
Password :
(kosong)
salah
Muncul pesan
“Anda tidak
berhak masuk
sebagai Siswa!!!”
harapan
5
mengisi data
username
dengan salah
dan password
benar kemudian
tekan tombol
“login”
User name :
(6060)
benar
Password :
(123456)
salah
Sistem Menolak,
Muncul pesan
“Anda tidak
berhak masuk
sebagai Siswa!!!”
Sesuai
harapan
Valid
6
Hanya mengisi
data username,
password
kosong
kemudian tekan
tombol “login”
User name :
(123) benar
Password :
(kosong)
salah
Sistem Menolak,
Muncul pesan
“Anda tidak
berhak masuk
sebagai Siswa!!!”
Sesuai
harapan
Valid
7
Hanya mengisi
data password,
Username
kosong
kemudian tekan
User name :
(kosong)
salah
Password :
(123456)
Sistem Menolak,
Muncul pesan
“Anda tidak
berhak masuk
sebagai Siswa!!!”
Sesuai
harapan
Valid
76
tombol “login” benar
8
Mengisi satu
kondisi benar
dan satu salah
kemudian tekan
tombol “login”
User name :
(123) benar
Password :
(06060)
salah
Sistem Menolak,
Muncul pesan
“Anda tidak
berhak masuk
sebagai Siswa!!!”
Sesuai
harapan
Valid
9
Mengisi data
login yang
benar kemudian
tekan tombol
“login”
User name :
(123)
Password :
(12346)
Sistem menerima,
muncul pesan
“Selamat Datang
Di Halaman
Siswa SMP
Taman Siswa
Matraman”
Sesuai
harapan
Valid
4.4.3 Form Login Guru
Tabel IV.14
Hasil Pengujian Black Box Testing Form Login Guru
No
Skenario
Pengujian
Test Case
Hasil yang di
Harapkan
Hasil
Pengujian
Kesimpulan
1
Mengosongkan
semua isian data
login kemudian
tekan tombol
User name :
(kosong)
Password :
(kosong)
Sistem Menolak,
Muncul pesan
“Anda tidak
berhak masuk
Sesuai
harapan
Valid
77
“login” sebagai Guru!!!”
2
mengisi data
dengan salah
kemudian tekan
tombol “login”
User name :
(6060) salah
benar
Password :
(6060) salah
Sistem Menolak,
Muncul pesan
“Anda tidak
berhak masuk
sebagai Guru!!!”
Sesuai
harapan
Valid
3
Hanya mengisi
data password
yang salah dan
username
kosong
kemudian tekan
tombol “login”
User name :
(kosong)
salah
Password :
(saya) salah
Sistem Menolak,
Muncul pesan
“Anda tidak
berhak masuk
sebagai Guru!!!”
Sesuai
harapan
Valid
4
Hanya mengisi
data Username
dengan salah,
password
kosong
kemudian tekan
tombol “login”
User name :
(saya) salah
Password :
(kosong)
salah
Sistem Menolak,
Muncul pesan
“Anda tidak
berhak masuk
sebagai Guru!!!”
Sesuai
harapan
Valid
5
mengisi data
username
dengan salah
dan password
User name :
(6060)
benar
Password :
Sistem Menolak,
Muncul pesan
“Anda tidak
berhak masuk
Sesuai
harapan
Valid
78
benar kemudian
tekan tombol
“login”
(123456)
salah
sebagai Guru!!!”
6
Hanya mengisi
data username,
password
kosong
kemudian tekan
tombol “login”
User name :
(123) benar
Password :
(kosong)
salah
Sistem Menolak,
Muncul pesan
“Anda tidak
berhak masuk
sebagai Guru!!!”
Sesuai
harapan
Valid
7
Hanya mengisi
data password,
Username
kosong
kemudian tekan
tombol “login”
User name :
(kosong)
salah
Password :
(123456)
benar
Sistem Menolak,
Muncul pesan
“Anda tidak
berhak masuk
sebagai Guru!!!”
Sesuai
harapan
Valid
8
Mengisi satu
kondisi benar
dan satu salah
kemudian tekan
tombol “login”
User name :
(123) benar
Password :
(06060)
salah
Sistem Menolak,
Muncul pesan
“Anda tidak
berhak masuk
sebagai Guru!!!”
Sesuai
harapan
Valid
9
Mengisi data
login yang
benar kemudian
tekan tombol
User name :
(123)
Password :
(12346)
Sistem menerima,
muncul pesan
“Selamat Datang
Di Halaman Guru
Sesuai
harapan
Valid
79
“login” SMP Taman
Siswa Matraman”
4.4.4 Form Login Admin
Tabel IV.15
Hasil Pengujian Black Box Testing Form Login Admin
No
Skenario
Pengujian
Test Case
Hasil yang di
Harapkan
Hasil
Pengujian
Kesimpulan
1
Mengosongkan
semua isian data
login kemudian
tekan tombol
“login”
User name :
(kosong)
Password :
(kosong)
Sistem Menolak,
Muncul pesan
“Anda tidak
berhak masuk
sebagai
Admin!!!”
Sesuai
harapan
Valid
2
mengisi data
dengan salah
kemudian tekan
tombol “login”
User name :
(6060) salah
benar
Password :
(6060) salah
Sistem Menolak,
Muncul pesan
“Anda tidak
berhak masuk
sebagai
Admin!!!”
Sesuai
harapan
Valid
3
Hanya mengisi
data password
yang salah dan
username
User name :
(kosong)
salah
Password :
Sistem Menolak,
Muncul pesan
“Anda tidak
berhak masuk
Sesuai
harapan
Valid
80
kosong
kemudian tekan
tombol “login”
(saya) salah sebagai
Admin!!!”
4
Hanya mengisi
data Username
dengan salah,
password
kosong
kemudian tekan
tombol “login”
User name :
(saya) salah
Password :
(kosong)
salah
Sistem Menolak,
Muncul pesan
“Anda tidak
berhak masuk
sebagai
Admin!!!”
Sesuai
harapan
Valid
5
mengisi data
username
dengan salah
dan password
benar kemudian
tekan tombol
“login”
User name :
(6060)
benar
Password :
(123456)
salah
Sistem Menolak,
Muncul pesan
“Anda tidak
berhak masuk
sebagai
Admin!!!”
Sesuai
harapan
Valid
6
Hanya mengisi
data username,
password
kosong
kemudian tekan
tombol “login”
User name :
(123) benar
Password :
(kosong)
salah
Sistem Menolak,
Muncul pesan
“Anda tidak
berhak masuk
sebagai
Admin!!!”
Sesuai
harapan
Valid
7 Hanya mengisi User name : Sistem Menolak, Sesuai Valid
81
data password,
Username
kosong
kemudian tekan
tombol “login”
(kosong)
salah
Password :
(123456)
benar
Muncul pesan
“Anda tidak
berhak masuk
sebagai
Admin!!!”
harapan
8
Mengisi satu
kondisi benar
dan satu salah
kemudian tekan
tombol “login”
User name :
(123) benar
Password :
(06060)
salah
Sistem Menolak,
Muncul pesan
“Anda tidak
berhak masuk
sebagai
Admin!!!”
Sesuai
harapan
Valid
9
Mengisi data
login yang
benar kemudian
tekan tombol
“login”
User name :
(123)
Password :
(12346)
Sistem menerima,
muncul pesan
“Selamat Datang
Di Halaman
Admin”
Sesuai
harapan
Valid
4.5. Support
4.5.1. Publikasi Web
1. Nama Domain
Nama domain (domain name) adalah nama unik yang diberikan untuk
mengidentifikasi nama server komputer seperti web server atau email server
di jaringan komputer ataupun internet. Nama domain berfungsi untuk
mempermudah pengguna di internet pada saat melakukan akses ke server,
82
selain juga dipakai untuk mengingat nama server yang dikunjungi tanpa
harus mengenal deretan angka yang rumit yang dikenal sebagai IP address.
Nama domain ini juga dikenal sebagai sebuah kesatuan dari sebuah situs
web. SMP Tamansiswa memilih nama domain atau URL:
https://smptamansiswamatraman.000webhostapp.com/.
2. Kapasitas Hosting dan Analisa Biaya Hoasting
Hosting adalah jasa layanan internet yang menyediakan server-server untuk
disewakan sehingga memungkinkan organisasi atau individu menempatkan
informasi di internet. Kapasitas hosting yang ditawarkan penyedia jasa
hosting pun cukup beragam.
Untuk analisa biaya perusahaan harus membayar nama domain dan biaya
hosting. Kedua biaya tersebut akan sangat tergantung pada hosting yang
dipilih, sebagai contoh di salah satu penyedia jasa hosting
www.000webhost.com :
Tabel IV.16
Tabel Analisa Biaya Hosting
GRATIS
PREMIUM -
SILVER
BISNIS -
GOLD
Registrasi domain gratis
(.com)
X V V
Disk Space 1 000 MB Unlimited! Unlimited!
Bandwidth 10 000 MB = 10 GB! Unlimited! Unlimited!
Jumlah Website 2 Unlimited Unlimited!
83
Addon Domain X Unlimited! Unlimited!
Website Builder V V V
Script Auto Installer X 300+ Script 300+ Script
Sertifikat Private SSL X V V
Backup Data Bulanan Mingguan Daily
Garansi Uptime 0.99 0.999 0.999
Garansi Uang Kembali Free 30 hari 30 hari
Dukungan Tiket dan Live Chat
24/7/365
X V V
Sleeps 1 hour per day Never Never
FITUR YANG DIDUKUNG
Dukungan PHP 5.2 5.2 - 7.1 5.2 - 7.1
Database MySQL z Unlimited Unlimited
Dukungan Database InnoDB X V V
Remote MySQL X V V
PHPMyAdmin V V V
PHP APC Cache X V V
Akses FTP V V V
FTP over SSL X V V
Pengguna FTP 1 Unlimited Unlimited
Cron Jobs V V V
84
Advanced Cron Jobs X V V
Curl & Curl SSL V V V
Audio / Video Streaming V V V
Parked Domain 2 Unlimited Unlimited
Subdomain 2 Unlimited Unlimited
Lokasi Server US dan EU X V V
Privasi Domain X V V
Proteksi CloudFlare DDOS X V V
Attracta SEO Tools X V V
Antivirus Scanner (ClamAV) X V V
RvSiteBuilder Pro X V V
Ruby On Rails X V V
FITUR EMAIL
Akun Email X Unlimited Unlimited
Akses Webmail X V V
Akses POP3 / IMAP X V V
Akses SMTP X V V
Spam Filters X V V
Mail Forwarding V V V
Email Autoresponder X V V
85
FITUR CONTROL PANEL
Email Accounts Manager X V V
Database Backup/Restore X V V
Website Backup/Restore X V V
DNS Zone Editor X V V
Statistik Website V V V
2 File Manager X V V
Parked Domain V V V
Domain Redirects V V V
Kustomisasi Halaman Error V V V
Password Proteksi Direktori V V V
IP Deny Manager V V V
Dari tabel biaya yang ditawarkan oleh www.000webhost.com maka SMP
Tamansiswa hanya tinggal memilih paket hosting serta biaya dilakukan perbulan.
4.5.2 Spesifikasi Hardware dan Software
Sarana pendukung program yang digunakan dalam pembuatan program ini
terdiri dari perangkat keras atau yang biasa disebut hardware dan perangkat lunak
atau software. Perangkat lunak pada umumnya dibedakan menjadi dua macam,
yaitu sistem aplikasi dan program aplikasi. Sedangkan perangkat keras yang
digunakan yaitu seperangkat komputer.
86
1. Spesifikasi Perangkat Keras
a. Server
1. Processor Core i-5
2. Ram 4 GB
3. Hard Disk 500 GB
4. Mouse
5. Keyboard
6. Monitor dengan resolusi layar minimum 1024x768
7. Koneksi Internet dengan kecepatan 2 Mbps
b. Client
1. Processor Pentium® 4
2. Ram 2 GB
3. Hard Disk 320 GB
4. Mouse
5. Keyboard
6. Monitor dengan resolusi layar minimum 1024x768
7. Koneksi Internet dengan kecepatan 56 kbps
2. Spesifikasi Perangkat Lunak
a. Server
1. Sistem operasi : Microsoft Windows 7
2. Web Server : XAMPP
3. Bahasa Pemograman : PHP
4. Database : MySql
5. Web Browser : Mozilla Firefox
87
b. Client
1. Sistem operasi : Microsoft Windows 7
2. Web Browser : Mozilla Firefox
4.6. Spesifikasi Dokumen Sistem Usulan
Spesifikasi sistem usulan ini meliputi rangkaian proses-proses yang terjadi
di dalam sistem usulan yang memerlukan dokumen-dokumen masukan yang
mendukung jalannya proses untuk menghasilkan dokumen-dokumen keluaran.
4.6.1. Spesifikasi Bentuk Dokumen Masukan
a. Nama Dokumen : data siswa
Fungsi : Sebagai dokumen masukan data siswa
Sumber : siswa
Tujuan : Admin Website
Frekuensi : Setiap ada siswa baru
Media : Aplikasi Website
4.6.2. Spesifikasi Bentuk Dokumen Keluaran
a. Nama Dokumen : Laporan hasil belajar
Fungsi : Sebagai laporan hasil ulangan harian, uts dan uas
Sumber : admin website
Tujuan : siswa
Media : Aplikasi Website
Frekuensi : Setiap pergantian semester