Perancangan Sistem Informasi Pada SMP Swasta HKBP Sipahutar Berbasis Web

(1)

Hasil Uji Program Tugas Akhir SURAT KETERANGAN

Yang bertanda tangan dibawah ini, menerangkan bahwa Tugas Akhir Mahasiswa Program Diploma 3 Teknik Informatika :

Nama : DANIEL SIJABAT

NIM : 132406111

Program Studi : D3 Teknik Informatika

Judul TA : Perancangan Sistem Informasi Pada SMP Swasta HKBP Sipahutar Berbasis Web

Telah melaksanakan test program Tugas Akhir Mahasiswa tersebut diatas tanggal...Juni 2016

Dengan Hasil : Sukses / Gagal

Demikian diterangkan untuk digunakan melengkapi syarat pendaftaran Ujian Meja Hijau Tugas Akhir Mahasiswa bersangkutan di Departemen Matematika FMIPA USU Medan.

Medan, Juni 2016 Dosen Pembimbing

(2)

KARTU BIMBINGAN TUGAS AKHIR MAHASISWA

Nama Mahasiswa : DANIEL SIJABAT Nomor Stambuk : 132406111

Judul Tugas Akhir : PERANCANGAN SISTEM INFORMASI PADA SMP SWASTA HKBP SIPAHUTAR BERBASIS WEB

Dosen Pembimbing : Dr. Open Darnius, M.Sc Tanggal Mulai Bimbingan :

Tanggal Selesai Bimbingan :

No. Tanggal Asisten Bimbingan

Pembahasan pada Asistensi Mengenai,

pada Bab :

Paraf Dosen

Pembimbing Keterangan

1 2 3 4 5 6 7

Diketahui,

Ketua Program Studi D3 Teknik Disetujui,

Informatika Fakultas MIPA USU Pembimbing Utama

Dr. Elly Rosmaini, M.Si.

(3)

LISTING PROGRAM

1.Index.php <?php

session_start();

require "../library/fungsi.php";

if($_SESSION["username"] == "")

{

echo '

document.location.href="../portal.php";

</script>

';

}

?>

<!DOCTYPE html>

<head>

href="../assets/portal/img/logobg.png">

(4)

<link

href="assets/fullcalendar/fullcalendar/fullcalendar.css" rel="stylesheet" />

media="screen"/>

href="../assets/portal/css/owl.carousel.css" type="text/css">

href="../assets/portal/css/fullcalendar.css">

(5)

<!--[if lt IE 9]>

<script

src="../assets/portal/js/respond.min.js"></script>

<![endif]-->

</head>

<body>

</div>

<a href="index.html" class="logo">Sistem Informasi <span class="lite">Akademik</span></a>

(6)

<?php

sapa_user();

?>

</span>

</a>

<a href="profil.php"><i class="fa fa-user"></i>Profil</a>

</li>

<li>

<a href="keluar.php"><i class="fa fa-sign-out"></i> Keluar</a>

</li>

</ul>

</li>

</ul>

</div>

</header>

<aside>

(7)

</a>

</li>

</a>

</li>

<span>Siswa</span>

</a>

</li>

<li>

<span>Mata Pelajaran</span>

</a>

</li>

<li>

<span>Kelas</span>

</a>

</li>

<li>

(8)

</a>

</li>

</ul>

</div>

</aside>

<h3 class="page-header"><i class="fa fa-home"></i> Beranda</h3>

</div>

<h2><strong>Selamat Datang Di Portal Akademik</strong></h2>

</div>

<b>Selamat Datang di Sistem Informasi SMP Swasta HKBP Sipahutar. Sistem Informasi Akademik adalah sistem yang memungkinkan para civitas akademika SMP Swasta HKBP

Sipahutar untuk menerima informasi dengan lebih cepat melalui Internet. Sistem ini diharapkan dapat memberi kemudahan setiap civitas akademika untuk melakukan

aktivitas-aktivitas akademik dan proses belajar mengajar. Selamat menggunakan fasilitas ini semoga bermanfaat untuk hari kedepannya.</b>

(9)

</div>

<h2>SISWA TERDIDIK, TERAMPIL, DAN MANDIRI BERDASARKAN IMAN DAN KEPERCAYAAN DAN BERWAWASAN LINGKUNGAN</h2>

<li>Menciptakan semua warga sekolah punya karakter dan disiplin yang baik</li>

<li>Melaksanakan KBM yang efisien dan efektif</li>

<li>Meningkatkan prestasi Akademik dan Non Akademik</li>

<li>Mewujudkan lulusan yang mampu berkompetensi dan menjadi panutan dalam lingkungan masyarakat</li>

<li>Melengkapi perangkat pembelajaran/kurikulum</li>

<li>Mewujudkan tenaga pendidik dan kependidikan yang berkualitas</li>

<li>Melengkapi sarana dan prasarana pendidikan</li>

<li>Melibatkan patisipasi masyarakat dalam penyelenggaraan pendidikan</li>

<li>Membentuk kepercayaan/iman yan tangguh</li>

<li>Menciptakan lingkungan sekolah yang ASRI</li>

</ul>

<h2><strong> Tujuan </strong></h2>

</div>

<li>Meningkatkan disiplin bagi semua warga sekolah</li>

(10)

<li>Prestasi akademik dn non akademik meningkat</li>

<li>Perangkat-perangkat pembelajaran lengkap</li>

<li>Memiliki sarana dan prasarana pembelajaran yang sesuai dengan standart Nasional</li>

<li>Terlaksananya manajemen berbasis sekolah secara optimal</li>

<li>Semua warga sekolah mempunyai iman yang kuat dan karakter yang baik</li>

</div>

</section>

<script

src="../assets/portal/js/bootstrap.min.js"></script>

<script

(11)

<<script

src="../assets/portal/js/fullcalendar.min.js"></script>

<script

src="../assets/portal/js/xcharts.min.js"></script>

<script

src="../assets/portal/js/jquery.autosize.min.js"></script >

<script

src="../assets/portal/js/jquery.placeholder.min.js"></scr ipt>

<script

src="../assets/portal/js/jquery.slimscroll.min.js"></scri pt>

</body>

(12)

2.profil.php

<?php

session_start();

{

echo '

</script>

';

}

?>

<!DOCTYPE html>

<head>

(13)

<title>Profil - Sistem Informasi Akademik</title>

<link

href="../assets/portal/css/bootstrap.min.css" rel="stylesheet">

<link

href="assets/fullcalendar/fullcalendar/bootstrap-fullcalendar.css" rel="stylesheet" />

<link

href="assets/jquery-easy-pie-chart/jquery.easy-pie-chart.css" rel="stylesheet" type="text/css" media="screen"/>

href="../assets/portal/css/owl.carousel.css" type="text/css">

(14)

<link

href="../assets/portal/css/xcharts.min.css" rel=" stylesheet">

<!--[if lt IE 9]>

<script

src="../assets/portal/js/html5shiv.js"></script>

<script

<![endif]-->

</head>

<body>

<div class="icon-reorder

tooltips" original-title="Toggle Navigation" data-placement="bottom"><i class="icon_menu"></i></div>

(15)

<a href="index.html" class="logo">Sistem Informasi <span

class="lite">Akademik</span></a>

<a

data-toggle="dropdown" class="dropdown-toggle" href="#">

<?php

sapa_user();

?>

</span>

</a>

<a

href="profil.php"><i class="fa fa-user"></i>Profil</a>

</li>

<li>

(16)

</ul>

</li>

</ul>

</div>

</header>

<aside>

<span>Beranda</span>

</a>

</li>

</a>

</li>

(17)

<span>Siswa</span>

</a>

</li>

<li>

</a>

</li>

<li>

<span>Kelas</span>

</a>

</li>

<li>

<span>Monitor Sistem</span>

</a>

(18)

</ul>

</div>

</aside>

<h3 class="page-header"><i class="fa fa-user"></i> Profil</h3>

</div>

<h2><strong>Profil</strong></h2>

</div>

(19)

<p><span>Username </span>: <?php echo $_SESSION['username'] ?></p>

</div>

<i>Sunting</i>

</a>

</div>

<p><span>Password </span>: <input style="border: none; width: 40%;" type="password"

value="<?php echo substr($_SESSION['password'], 0, 8); ?>"></p>

</div>

(20)

<i>Sunting</i>

</a>

</div>

</section>

<div hidden="true"

aria-labelledby="myModalLabel" role="dialog" tabindex="-1" id="akunUsername" class="modal fade">

<button aria-hidden="true" data-dismiss="modal" class="close"

type="button">×</button>

(21)

</div>

<label for="username">Username</label>

<input type="text" class="form-control" name="username"

id="username" value="<?php echo $_SESSION['username'] ?>" />

</div>

<input type="submit" class="btn btn-primary" name="buttonUsername"

value="Simpan">

</form>

<?php

if(isset($_POST['buttonUsername']))

{

$username = $_POST['username'];

$query_update_login = "update tbl_login set username = '".$username."' where id_akun = '".$_SESSION['id']."'";

$conn_update_login = mysqli_query($koneksi, $query_update_login);

$_SESSION['username'] = $username;

(22)

document.location.href="profil.php"

</script>

';

}

?>

</div>

<div hidden="true"

aria-labelledby="myModalLabel" role="dialog" tabindex="-1" id="akunPassword" class="modal fade">

<button aria-hidden="true" data-dismiss="modal" class="close"

type="button">×</button>

<h4 class="modal-title">Sunting Password</h4>

</div>

(23)

<label for="password">Password</label>

<input

type="password" class="form-control" name="password" id="password" placeholder="Password Lama Anda">

</div>

<label for="password_baru">Password Baru</label>

<input

type="password" class="form-control" name="password_baru" id="password_baru" placeholder="Password Baru">

</div>

<label

for="verifikasi_password">Verifikasi Password</label>

<input type="password" class="form-control"

name="verifikasi_password" id="verifikasi_password" placeholder="Ulangi Password Baru">

</div>

<input type="submit" class="btn btn-primary" name="buttonPassword"

value="Simpan" />

</form>

<?php

if(isset($_POST['buttonPassword']))

{

if(isset($_POST['password']) && $_POST['password'] != '')

(24)

if(isset($_POST['password_baru']) && $_POST['password_baru'] != '')

{

if(isset($_POST['verifikasi_password']) && $_POST['verifikasi_password'] != '')

{

$password = $_POST['password'];

$password_baru = $_POST['password_baru'];

$verifikasi_password = $_POST['verifikasi_password'];

$query_cek_password = "select * from tbl_login where id_akun = '".$_SESSION['id']."' and password =

md5('".$password."')";

$conn_cek_password = mysqli_query($koneksi, $query_cek_password);

if(mysqli_num_rows($conn_cek_password) == 1)

{

if($password_baru == $verifikasi_password)

{

(25)

set password = md5('".$password_baru."') where id_akun = '".$_SESSION['id']."'";

$conn_update_login =

mysqli_query($koneksi, $query_update_login);

$_SESSION['password'] = md5($password_baru);

echo '

document.location.href="profil.php";

</script>

';

}

else

{

echo '

(26)

alert("Password Baru Tidak Sama Dengan Verifikasi Password\nSilahkan Cek Kembali");

</script>

';

}

else

{

echo '

alert("Password Yang Anda Input Tidak Sesuai Dengan Password Anda");

</script>

';

}

(27)

else

{

echo '

alert("Harap Verifikasi Password Baru Anda");

</script>

';

}

else

{

echo '

alert("Silahkan Isi Form Password Baru\nJika Anda Ingin Mengubah Password");

</script>

';

}

(28)

else

{

echo '

alert("Password Anda Tidak Berubah\nDikarenakan Anda Tidak Mengisi Form Password");

</script>

';

}

?>

</div>

<script

src="../assets/portal/js/jquery.js"></script>

src="../assets/portal/js/jquery-ui-1.9.2.custom.min.js"></script>

<script

(29)

<script

src="../assets/portal/js/jquery.scrollTo.min.js"></script >

<script

src="../assets/portal/js/jquery.nicescroll.js" type="text/javascript"></script>

<script

src="../assets/portal/js/jquery.sparkline.js" type="text/javascript"></script>

<script

src="../assets/portal/js/owl.carousel.js" ></script>

<<script

src="../assets/portal/js/fullcalendar.min.js"></script><! -- Full Google Calendar - Calendar -->

<script

src="assets/fullcalendar/fullcalendar/fullcalendar.js"></ script>

<script

src="../assets/portal/js/jquery.rateit.min.js"></script>

<script

src="../assets/portal/js/jquery.customSelect.min.js" ></script>

(30)

<script

src="../assets/portal/js/scripts.js"></script>

<script

src="../assets/portal/js/jquery.placeholder.min.js"></scr ipt>

<script

src="../assets/portal/js/morris.min.js"></script>

<script

src="../assets/portal/js/sparklines.js"></script>

<script

src="../assets/portal/js/charts.js"></script>

<script

</body>

(31)

3.siswa.php

<?php

session_start();

{

echo '

</script>

';

}

?>

<!DOCTYPE html>

<head>

(32)

<title>Siswa - Sistem Informasi Akademik</title>

<link

<link

href="assets/jquery-easy-pie-chart/jquery.easy-pie-chart.css" rel="stylesheet" type="text/css" media="screen"/>

(33)

<link

href="../assets/portal/css/xcharts.min.css" rel=" stylesheet">

<!--[if lt IE 9]>

<script

<![endif]-->

function resizeIframe(obj)

{

obj.style.height =

20+obj.contentWindow.document.body.scrollHeight + 'px';

}

</script>

(34)

<body>

</div>

<a href="index.html" class="logo">Sistem Informasi <span

class="lite">Akademik</span></a>

<a

data-toggle="dropdown" class="dropdown-toggle" href="#">

<?php

sapa_user();

?>

</span>

</a>

(35)

<a

</li>

<li>

</li>

</ul>

</li>

</ul>

</div>

</header>

<aside>

</a>

</li>

(36)

</a>

</li>

<span>Siswa</span>

</a>

</li>

<li>

</a>

</li>

<li>

<span>Kelas</span>

(37)

</li>

<li>

</a>

</li>

</ul>

</div>

</aside>

<h3 class="page-header"><i class="fa fa-user"></i> Siswa</h3>

</div>

<h2><strong>Daftar Siswa</strong></h2>

(38)

<a

class="btn btn-primary" href="tambah-siswa.php" >Tambah Siswa</a><br><br>

src="../assets/portal/assets/data-table/siswa/siswa.php" scrolling="no" onload="resizeIframe(this)"></iframe>

</div>

</section>

<script

<script

<script

(39)

<script

src="../assets/portal/js/jquery.nicescroll.js" type="text/javascript"></script>

<script

src="../assets/portal/js/jquery.sparkline.js" type="text/javascript"></script>

<script

<<script

src="../assets/portal/js/fullcalendar.min.js"></script><! -- Full Google Calendar - Calendar -->

<script

src="assets/fullcalendar/fullcalendar/fullcalendar.js"></ script>

<script

src="../assets/portal/js/jquery.rateit.min.js"></script>

<script

src="../assets/portal/js/jquery.customSelect.min.js" ></script>

<script

(40)

<script

</body>

</html>

4.guru.php

<?php

session_start();

{

echo '

</script>

';

}

?>

<!DOCTYPE html>

<head>

(41)

<title>Guru - Sistem Informasi Akademik</title>

<link

<link

(42)

<script

<![endif]-->

{

obj.style.height =

}

</script>

</head>

<body>

</div>

<?php

sapa_user();

?>

</span>

(43)

<a

</li>

<li>

</li>

</ul>

</li>

</ul>

</div>

</header>

<aside>

(44)

</li>

</a>

</li>

<span>Siswa</span>

</a>

</li>

<li>

</a>

</li>

<li>

(45)

<span>Kelas</span>

</a>

</li>

<li>

</a>

</li>

</ul>

</div>

</aside>

</div>

(46)

<h2><strong>Daftar Guru</strong></h2>

</div>

<a class="btn btn-success" href="tambah-guru.php">Tambah Guru</a><br><br><br>

</div>

src="../assets/portal/assets/data-table/guru/guru.php" scrolling="no" onload="resizeIframe(this)"></iframe>

</div>

</section>

<script

(47)

<script

<script

</body>

</html>

5.kelas.php

<?php

session_start();

{

echo '

(48)

</script>

';

}

?>

<!DOCTYPE html>

<head>

<title>Kelas - Sistem Informasi Akademik</title>

<link

(49)

<!--[if lt IE 9]>

<script

<![endif]-->

{

obj.style.height =

}

</script>

</head>

<body>

</div>

(50)

<span>Siswa</span>

</a>

</li>

<li>

</a>

</li>

<span>Kelas</span>

</a>

</li>

<li>

</a>

</li>

</ul>

</div>

(51)

<h3 class="page-header"><i class="fa fa-bookmark"></i> Kelas</h3>

</div>

<h2><strong>Daftar Kelas</strong></h2>

</div>

<a class="btn btn-success" href="#tambahKelas" data-toggle="modal" >Tambah Kelas</a><br><br><br>

</div>

src="../assets/portal/assets/data-table/kelas/kelas.php" scrolling="no" onload="resizeIframe(this)"></iframe>

</div>