BAB IV RANCANGAN SISTEM DAN PROGRAM USULAN

(1)

20

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

(2)

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

Si stem Informasi Akademi k SMP T aman Si swa Matraman

Sisw a

guru admin

Menginput absen mengelola Jadw al

Pelaj aran

Menginput data guru menginput data

sisw a

melihat data sisw a

Melihat data Melihat data guru

j adw al pelaj aran

menginput nilai Melihat data

nilai

mencetak data nilai mengelola data

artikel

mengelola data gallery

mengelola data ekstrakulikuler

mengelola data fasilitas

mengelola data mata pelaj aran

melihat rapor bayangan

nilai uts

nilai uas nilai ulangan

harian

«include»

«extend»

«include»

«extend»

Gambar VI.1

Use Case Diagram Sistem Berjalan

(3)

(2) Activity Diagram Sistem Berjalan

Berikut ini gambar activity diagram sistem berjalan

analysis Activ ity diagram nilai

Sisw a Sistem Infromasi Akademik

Guru

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:

(4)

SISWA NAMASISWA

NIS

TEMPAT TGLLAHIR JKELAMIN AGAMA ALAMAT

NAMAORTU PEKERJAAN PENDIDIKAN IDKELAS

ABSEN_S ABSEN_I ABSEN_A

NIS

KDMAPEL IDKELAS

ABSEN MELAKUKAN

1 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 PELAJARAN

NAMAMAPEL KDMAPEL MEMILIKI

M 1

M ^MENGAJAR M

UH2 UH1

UH3 UH4 UH5 NILAI UTS NILAI UAS

KODEPAMONG KDMAPEL

NIS IDKELAS NILAI

MEMBERIKAN MENDAPATKAN

1MM

KODEPAMONG

USERNAME

1

Gambar IV.3

Entity Relation Diagram Sistem Berjalan

(5)

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

(6)

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

(7)

Kunci Field : -

Tabel IV.2 Spesifikasi File Absen

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

Akses File : Random

Kunci Field : idArtikel

(8)

Tabel IV.3 Spesifikasi File Artikel

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

Akses File : Random

Kunci Field : idEkskul

Tabel IV.4 Spesifikasi File Ekskul

1 idEkskul Int 4 Primary key

2 gambarEkskul Varchar 300

3 namaEkskul Varchar 50

(9)

4 keteranganEkskul Varchar 300

e. Nama Database : smptamsis

Nama File : Fasilitas

Akronim : tbfasilitas.myd

Akses File : Random

Kunci Field : idFasilitas

Tabel IV.5

Spesifikasi File Fasilitas

1 idFasilitas Int 4 Primary key

2 Fasilitas Varchar 200

3 gambarFasilitas Varchar 300

f. Nama Database : smptamsis

Nama File : Galeri

Akronim : tbgaleri.myd

(10)

Akses File : Random Panjang Record : 604 Character

Kunci Field : idGambar

Tabel IV.6 Spesifikasi File Galeri

1 idGambar Int 4 Primary Key

2 deskripsiGambar Varchar 300

3 Gambar Varchar 300

g. Nama Database : smptamsis

Nama File : Guru

Akronim : tbguru.myd

Akses File : Random

Kunci Field : kodePamong

Tabel IV.7 Spesifikasi File Guru

1 kodePamong Varchar 3 Primary Key

2 Nuptk Char 16

3 Namaguru Varchar 35

4 Username Varchar 50

(11)

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

Akses File : Random

Kunci Field : idJadwal

Tabel IV.8 Spesifikasi File Jadwal

1 idJadwal Int 4 Primary Key

2 Jam Varchar 15

3 Hari Varchar 6

4 idKelas Verchar 3

6 kdMapel Varchar 3

(12)

i. Nama Database : smptamsis

Nama File : kelas

Akronim : tbkelas.myd

Type File : File master

Akses File : Random

Kunci Field : idKelas

Tabel IV.9 Spesifikasi File Kelas

1 idKelas Char 3 Primary Key

j. Nama Database : smptamsis

Nama File : Mata Pelajaran

Akronim : tbmapel.myd

Type File : File master

Akses File : Random

Kunci Field : kdMapel

Tabel IV.10

Spesifikasi File Mata Pelajaran

1 kdMapel Char 3 Primary Key

(13)

2 namaMapel Varchar 30

k. Nama Database : smptamsis

Nama File : Nilai

Akronim : tbnilai.myd

Type File : File Transaksi

Akses File : Random

Kunci Field : -

Tabel IV.11 Spesifikasi File Nilai

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

9 kdMapel Varchar 3

10 Nis Varchar 4

11 idKelas Char 3

(14)

l. Nama Database : smptamsis

Nama File : Siswa

Akronim : tbsiswa.myd

Akses File : Random

Kunci Field : nis

Tabel IV.12 Spesifikasi File Siswa

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

(15)

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 Brow ser

Gambar IV.5 Deployment Diagram B. Component Diagram

Berikut ini gambar Component diagram sistem informasi akademik SMP Taman Siswa Matraman :

(16)

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.

(17)

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

(18)

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

(19)

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

(20)

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

(21)

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

(22)

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

(23)

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">

<head>

/>

<title>

<?php echo"SMP Taman Siswa Matraman";

?></title>

</head>

<body>

<?php include "menukiriprof.php"; ?><br /><br /><br /><br /><br>

(24)

<?php include "menukirikes.php"; ?><br><br /><br /><br /><br /><hr color="#CCCCCC" style="border-bottom-style:dotted"/>

<?php include "hit_count.php"; ?>

<?php include "jam.php"; ?>

</div>

<?php include "conten.php"; ?>

</div>

<?php include "tanggal.php"; ?>

</div>

<?php echo"<img src='randim.php'alt='Random photo' width='180' height='180' />"; ?>

</div>

(25)

2017 Astri Wardani</div>

</div>

</body>

</html>

b. Listing Login Siswa

<!--

.style1 {font-size: 9px}

-->

</style>

<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="153">Username</td>

(26)

</tr>

<tr>

<td><span class="style1"><font color="red">No Induk Siswa</font>

</span></td>

</tr>

<tr>

<td>Password</td>

</tr>

<tr>

<td><span class="style1"><font color="#FF0000">Tanggal Lahir = Tahun-Bulan-Tanggal</font> </span></td>

</tr>

<tr>

</tr>

</table>

(27)

</form>

c. Listing Halaman Utama Siswa

<?php

if(!isset($_SESSION)) {

session_start();

}

include("../konfig/inc.koneksi.php");

?>

<head>

/>

<title>

<? if (@$_GET['title']) {

echo"@$_GET[title]";

} else

{

echo"SMP Taman Siswa Matraman";

(28)

}

?></title>

</head>

<body>

<?

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";

}

(29)

?>

</div>

</body>

</html>

d. Listing Tampilan Nilai UTS

<head>

/>

<title>Untitled Document</title>

</head>

<body>

<?

include"../konfig/inc.koneksi.php";

(30)

$sql=mysql_query("select * from tbsiswa where nis='$_SESSION[nis]'

",$koneksi);

$jml=mysql_num_rows($sql);

while($data=mysql_fetch_array($sql)) {

?>

cellspacing="1">

<tr>

</tr>

<tr>

<td bgcolor="#FFFF00"><strong>Noinduk</strong></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><?}?>

(31)

</table>

cellspacing="1">

<tr>

<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>

<?

$mapel=mysql_query("select * from tbmapel where kdMapel='$n[kdMapel]'") or die ("Gagal Mapel");

(32)

while($m=mysql_fetch_array($mapel)){?>

</tr><?

$no++;

}?>

</table>

</body>

</html>

e. Listing Tampilan Nilai UAS

<head>

/>

</head>

<body>

<?

(33)

",$koneksi);

?>

cellspacing="1">

<tr>

</tr>

<tr>

</tr>

<tr>

(34)

</tr><?}?>

</table>

cellspacing="1">

<tr>

<td width="82" bgcolor="#FFFF00"><div align="center"><strong>Nilai UAS </strong></div></td>

</tr>

<?

$no=1;

?>

<tr>

<?

(35)

</tr><?

$no++;

}?>

</table>

</body>

</html>

f. Listing Tampilan Rapor Bayangan

<head>

/>

</head>

(36)

<body>

<?

",$koneksi);

?>

cellspacing="1">

<tr>

</tr>

<tr>

</tr>

<tr>

(37)

</tr><?}?>

</table>

cellspacing="1">

<tr>

(38)

<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>

<?

$no=1;

?>

<tr>

<?

(39)

</tr>

<?

$no++;

}?>

</table>

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)){

?>

(40)

<tr>

<td width="107" bgcolor="#FFFF00"><div align="left"><strong>Sakit</strong></div></td>

</tr>

<tr>

<td bgcolor="#FFFF00"><div

align="left"><strong>Izin</strong></div></td>

</tr>

<tr>

<td bgcolor="#FFFF00"><div

align="left"><strong>Alfa</strong></div></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>

(41)

g. Listing Login Guru

<!--

.style1 {font-size: 9px}

-->

</style>

<br />

cellspacing="0">

<tr>

<td width="200" rowspan="5"><img src="../images/icon/login_icon.png"

width="200" height="144" /></td>

<td width="153">Username</td>

</tr>

<tr>

</tr>

<tr>

(42)

<td>Password</td>

</tr>

<tr>

</tr>

<tr>

</tr>

</table>

</form>

h. Listing Halaman Utama Guru

<?php

if(!isset($_SESSION)) {

session_start();

}

include("../konfig/inc.koneksi.php");

(43)

?>

<head>

/>

<title>

<? if (@$_GET[title]) {

echo"@$_GET[title]";

} else

{

echo"SMP Taman Siswa Matraman";

}

?></title>

</head>

<body>

(44)

<?

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>

</body>

</html>

(45)

i. Listing Jadwal Mengajar Guru

<head>

/>

</head>

<body>

cellspacing="1">

<tr>

<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>

<?

(46)

$jadwal=mysql_query("select * from tbjadwal where nip='$_SESSION[nip]'",$koneksi) or die ("GagaL Jadwal");

while($j=mysql_fetch_array($jadwal)){?>

<tr>

<?

$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");

if($j['idKelas']==$k['idKelas'])

echo"<td><div align='center'>$k[idKelas]</div></td>";} ?>

</tr><?}?>

</table>

</body>

</html>

(47)

j. Listing Input Nilai Harian

<head>

/>

</head>

<body>

cellspacing="1">

<tr>

<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>

(48)

</tr>

<?

$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]";

?>">

<?

$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");

if($j['idKelas']==$k['idKelas'])

(49)

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

<head>

/>

</head>

<body>

(50)

<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>

</tr>

</table></td>

<tr>

<td>ID Admin : </td>

</tr>

<tr>

</tr>

<tr>

<td>Password : </td>

</tr>

<tr>

</tr>

(51)

<tr>

</tr>

<tr>

</tr>

</table></form></td>

</tr>

</table>

</body>

</html>

l. Listing Data Siswa

<head>

/>

</head>

<body>

cellspacing="0" bordercolor="#FFFF00" bgcolor="#FFCC00">

(52)

<tr>

<td><a href="?act=indtsiswa"><div align="center"><strong>INPUT DATA SISWA</strong></div></a> </td>

</tr>

</table>

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>

</tr>

<?

//menampilkan sebanyak lima data

$limit=5;

$start=@$_GET['start'];

(53)

if(empty($start)) {

$posisi=0;

$start=1;

} else {

$posisi=($start-1)*$limit;

}

$sql=mysql_query("select * from tbsiswa order by nis limit

$posisi,$limit",$koneksi);

?>

<tr>

<td><div align="center"><? echo"$data[tempat]"; ?>, <?

echo"$data[tglLahir]"; ?></div></td>

<td><div align="center"><a href="?module=detail_dtsiswa&noinduk=<?

echo"$data[0]"; ?>"><img src="../images/icon/search-icon-red.gif"

(54)

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>

(55)

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

Sesuai harapan

Valid

3

Hanya mengisi data password yang salah dan

username kosong kemudian tekan

User name : (kosong)

salah Password : (saya) salah

Sesuai harapan

Valid

4 Hanya mengisi User name : Sistem Menolak, Sesuai Valid

(56)

data Username dengan salah,

password kosong kemudian tekan

(saya) salah Password :

(kosong) salah

Muncul pesan

harapan

5

mengisi data username dengan salah dan password benar kemudian

tekan tombol

“login”

User name : (6060)

benar Password :

(123456) salah

Sesuai harapan

Valid

6

Hanya mengisi data username,

User name : (123) benar

Password : (kosong)

salah

Sesuai harapan

Valid

7

Hanya mengisi data password,

Username kosong kemudian tekan

User name : (kosong)

salah Password :

(123456)

Sesuai harapan

Valid

(57)

tombol “login” benar

8

Mengisi satu kondisi benar dan satu salah kemudian tekan

User name : (123) benar Password :

(06060) salah

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 Pengujian

Kesimpulan

1

(kosong)

“Anda tidak berhak masuk

Sesuai harapan

Valid

(58)

“login” sebagai Guru!!!”

2

“Anda tidak berhak masuk sebagai Guru!!!”

Sesuai harapan

Valid

3

username kosong kemudian tekan

salah Password : (saya) salah

Sesuai harapan

Valid

4

Hanya mengisi data Username dengan salah,

User name : (saya) salah Password :

(kosong) salah

Sesuai harapan

Valid

5

mengisi data username dengan salah dan password

benar Password :

Sesuai harapan

Valid

(59)

benar kemudian tekan tombol

“login”

(123456) salah

sebagai Guru!!!”

6

salah

Sesuai harapan

Valid

7

Hanya mengisi data password,

Username kosong kemudian tekan

User name : (kosong)

salah Password :

(123456) benar

Sesuai harapan

Valid

8

(06060) salah

Sesuai harapan

Valid

9

tekan tombol

(12346)

“Selamat Datang Di Halaman Guru

Sesuai harapan

Valid

(60)

“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 Pengujian

Kesimpulan

1

“login”

(kosong)

sebagai Admin!!!”

Sesuai harapan

Valid

2

sebagai Admin!!!”

Sesuai harapan

Valid

3

username

salah Password :

Sesuai harapan

Valid

(61)

kosong kemudian tekan

(saya) salah sebagai Admin!!!”

4

Hanya mengisi data Username dengan salah,

User name : (saya) salah Password :

(kosong) salah

sebagai Admin!!!”

Sesuai harapan

Valid

5

mengisi data username dengan salah dan password benar kemudian

tekan tombol

“login”

benar Password :

(123456) salah

sebagai Admin!!!”

Sesuai harapan

Valid

6

salah

sebagai Admin!!!”

Sesuai harapan

Valid

7 Hanya mengisi User name : Sistem Menolak, Sesuai Valid

(62)

data password, Username

kosong kemudian tekan

(kosong) salah Password :

(123456) benar

Muncul pesan

sebagai Admin!!!”

harapan

8

(06060) salah

sebagai Admin!!!”

Sesuai harapan

Valid

9

tekan tombol

“login”

(12346)

“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,

(63)

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!

(64)

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