BAB IV RANCANGAN SISTEM DAN PROGRAM USULAN · B3. Guru dapat melihat jadwal pelajaran B4. Guru...

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


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

27

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

28

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


29

Akses File : Random


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

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


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

31

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

32

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

33

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

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



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

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

?>




<head>


/>

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

</div>

</body>

</html>

d. Listing Tampilan Nilai UTS




<head>


/>

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

{

?>


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>


cellspacing="1">

<tr>

<td width="24" bgcolor="#FFFF00"><div

align="center"><strong>No</strong></div></td>


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




<head>


/>


</head>

<body>

<?

52



",$koneksi);



{

?>


cellspacing="1">

<tr>



</tr>

<tr>



</tr>

<tr>



("Gagal Tampil");




53

</tr><?}?>

</table>


cellspacing="1">

<tr>








UAS </strong></div></td>

</tr>

<?



$no=1;


?>

<tr>


<?

54






<td><div align="center"><? echo"$n[nilaiUas]"; ?></div></td>

</tr><?

$no++;

}?>

</table>

<p> </p>

</body>

</html>

f. Listing Tampilan Rapor Bayangan




<head>


/>


</head>

55

<body>

<?



",$koneksi);



{

?>


cellspacing="1">

<tr>



</tr>

<tr>



</tr>

<tr>



("Gagal Tampil");


56



</tr><?}?>

</table>


cellspacing="1">

<tr>








align="center"><strong>UH1</strong></div></td>









57


UTS </strong></div></td>


UAS </strong></div></td>

</tr>

<?



$no=1;


?>

<tr>


<?






<td><div align="center"><? echo"$n[uh1]"; ?></div></td>





58

<td><div align="center"><? echo"$n[nilaiUts]"; ?></div></td>

<td><div align="center"><? echo"$n[nilaiUas]"; ?></div></td>

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

?>

59

<tr>


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



</style>

<form action="cek_login.php" method="post">

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

<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

?>




<head>


/>

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


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>

</div>

</body>

</html>

64

i. Listing Jadwal Mengajar Guru




<head>


/>


</head>

<body>


cellspacing="1">

<tr>

<td width="62" bgcolor="#33CCFF"><div

align="center"><strong>Hari</strong></div></td>


align="center"><strong>Jam</strong></div></td>

<td width="246" bgcolor="#33CCFF"><div align="center"><strong>Mata



align="center"><strong>Kelas</strong></div></td>

</tr>

<?

65


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


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

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

</tr><?}?>

</table>

</body>

</html>

66

j. Listing Input Nilai Harian




<head>


/>


</head>

<body>


cellspacing="1">

<tr>


align="center"><strong>Hari</strong></div></td>


align="center"><strong>Jam</strong></div></td>

<td width="279" bgcolor="#33CCFF"><div align="center"><strong>Mata



align="center"><strong>Kelas</strong></div></td>


align="center"><strong>Aksi</strong></div></td>

67

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

?>">

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


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




<head>


/>


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




<head>


/>


</head>

<body>


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>


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>


align="center"><strong>Tempat, <br />

Tanggal Lahir </strong></div></td>


align="center"><strong>Alamat Rumah </strong></div></td>


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;

}


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

$posisi,$limit",$koneksi);



{

?>

<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

BAB IV RANCANGAN SISTEM DAN PROGRAM USULAN · B3. Guru dapat melihat jadwal pelajaran B4. Guru...

Documents

Transcript of BAB IV RANCANGAN SISTEM DAN PROGRAM USULAN · B3. Guru dapat melihat jadwal pelajaran B4. Guru...