ansharfirman.files.wordpress.com · web viewdiatas berfungsi untuk melihat gambar dari surat...

119
BAB IV IMPLEMENTASI DAN PENGUJIAN A. Implementasi Sistem Implementasi merupakan tahap uji coba terhadap Sistem Pendukung Keputusan Kelompok Seleksi Beasiswa PPA dan BBM dengan Metode Simple Additive Weighted yang telah dirancang, apakah sudah dapat berjalan dengan benar atau tidak. Berdasarkan analisis user, terdapat 7 halaman utama dalam sistem ini yaitu halaman user Admin, halaman user Rektor, halaman user BAAK, halaman user Dekan, halaman user kasubag kemahasiswaan, halaman user jurusan dan halaman user Mahasiswa. Sehingga, tahap implementasi akan dibahas per halaman user. 1.Halaman Home Halaman home merupakan halaman awal saat user membuka website beasiswa.ranahweb.com, pada halaman home ini terdapat informasi mengenai jadwal pendaftaran beasiswa, jenis beasiswa serta 128

Upload: others

Post on 16-Nov-2020

8 views

Category:

Documents


0 download

TRANSCRIPT

Page 1: ansharfirman.files.wordpress.com · Web viewdiatas berfungsi untuk melihat gambar dari surat keterangan tidak mampu, dengan memanggil id sktm pada javascript. Halaman Tunda Halaman

BAB IVIMPLEMENTASI DAN PENGUJIAN

A. Implementasi Sistem

Implementasi merupakan tahap uji coba terhadap Sistem Pendukung

Keputusan Kelompok Seleksi Beasiswa PPA dan BBM dengan Metode

Simple Additive Weighted yang telah dirancang, apakah sudah dapat berjalan

dengan benar atau tidak. Berdasarkan analisis user, terdapat 7 halaman utama

dalam sistem ini yaitu halaman user Admin, halaman user Rektor, halaman

user BAAK, halaman user Dekan, halaman user kasubag kemahasiswaan,

halaman user jurusan dan halaman user Mahasiswa. Sehingga, tahap

implementasi akan dibahas per halaman user.

1. Halaman Home

Halaman home merupakan halaman awal saat user membuka website

beasiswa.ranahweb.com, pada halaman home ini terdapat informasi

mengenai jadwal pendaftaran beasiswa, jenis beasiswa serta persyaratan

untuk mendaftar beasiswa, dan juga terdapat tombol login untuk membuka

halaman login.

128

Page 2: ansharfirman.files.wordpress.com · Web viewdiatas berfungsi untuk melihat gambar dari surat keterangan tidak mampu, dengan memanggil id sktm pada javascript. Halaman Tunda Halaman

129

Implementasi Halaman Home dapat dilihat dari gambar berikut :

Gambar 58. Halaman home Sistem Pendukung Keputusan

2. Halaman Login

Implementasi Halaman login dapat dilihat dari gambar berikut :

Gambar 59. Halaman login Sistem Pendukung Keputusan

Page 3: ansharfirman.files.wordpress.com · Web viewdiatas berfungsi untuk melihat gambar dari surat keterangan tidak mampu, dengan memanggil id sktm pada javascript. Halaman Tunda Halaman

130

Halaman login merupakan Halaman yang pertama kali dijumpai ketika

user mengakses sistem. Halaman login akan memverifikasi user sesuai

level. Pada Halaman ini, user akan memasukkan username dan password

beserta kode untuk bisa masuk ke halaman utama. Apabila login berhasil,

maka akan menu halaman menu utama sesuai level user. Tetapi jika

terdapat kesalahan akan muncul pesan error seperti gambar berikut :

Gambar 60. Pesan error login

Untuk menampilkan form login, kode yang digunakan adalah :

<form method="post" action="proses_login.php"><fieldset>

<label class="block clearfix"><span class="block input-icon input-icon-right"><input type="text" class="form-control" placeholder="NIM"

name="nim"/> <i class="icon-user"></i></span></label>

<label class="block clearfix"><span class="block input-icon input-icon-right"><input type="password" class="form-control"

placeholder="Password" name="pass"/><i class="icon-lock"></i></span></label><div class="space"></div><div class="clearfix"><input type="submit" class="span4 btn btn-small btn-primary"

name="submit" value="Login"> </div><div class="space-4"></div>

</fieldset></form>

Untuk validasi login¸ kode yang digunakan adalah :

<?php

Page 4: ansharfirman.files.wordpress.com · Web viewdiatas berfungsi untuk melihat gambar dari surat keterangan tidak mampu, dengan memanggil id sktm pada javascript. Halaman Tunda Halaman

131

include "qs_connection.php"; if(isset($_POST['nim'])){$nim = mysql_real_escape_string($_POST['nim']);$pass = ($_POST['pass']); if(!$link){ echo "koneksi gagal"; }if(empty($nim) || empty($pass)){

?><script language="javascript">;alert("Username atau Password masih kosong!!!");document.location="index.php";</script><?php}else{$sql = "select * from admin where nip='$nim'";$hasil = mysql_query($sql, $link);$data = mysql_fetch_array($hasil);

if ($pass == $data['password']){

if (!session_start()){session_start();}

$_SESSION['nip']=$data['nip']$_SESSION['nama']=$data['nama'];$_SESSION['level']=$data['level'];$_SESSION['password']=$data['password'];$_SESSION['fakultas']=$data['fakultas'];

if ($_SESSION['level'] == "admin"){?>

<script language="javascript"> window.location.href="admin/index.php?page=Dashboard"; </script> <?php

}else if ($_SESSION['level'] == "BAAK")

{?> <script language="javascript"> window.location.href="universitas/index.php?page=Dashboard"; </script> <?php

}else if ($_SESSION['level'] == "Kasubag Kemahasiswaan")

{?> <script language="javascript"> window.location.href="fakultas/index.php?page=Dashboard"; </script> <?php

} else if ($_SESSION['level'] == "mahasiswa")

{?> <script language="javascript"> window.location.href="mahasiswa/index.php?page=Dashboard"; </script> <?php

}else if ($_SESSION['level'] == "Dekan")

{?> <script language="javascript"> window.location.href="dekan/index.php?page=Dashboard"; </script> <?php

Page 5: ansharfirman.files.wordpress.com · Web viewdiatas berfungsi untuk melihat gambar dari surat keterangan tidak mampu, dengan memanggil id sktm pada javascript. Halaman Tunda Halaman

132

}else if ($_SESSION['level'] == "Rektor")

{?> <script language="javascript"> window.location.href="rektor/index.php?page=Dashboard"; </script> <?php

}}

else if ($_SESSION['level'] == "Jurusan"){

?> <script language="javascript"> window.location.href="jurusan/index.php?page=Dashboard"; </script> <?php

}else{

?><script language="javascript">;alert("Proses Login Gagal!!!");document.location="index.php";</script><?php

echo mysql_error();}

}} else{

unset($_POST['nip']);}?>

Potongan script diatas berfungsi untuk menangkap username dan

password yang diisi oleh user, dan disimpan ke dalam variabel nim dan

password untuk kemudian di cocokan dengan data yang terdapat di dalam

database jika cocok maka variabel nim dan password tersebut akan

disimpan ke dalam variabel session, dan kemudian sistem akan

mencocokan variabel session level pada user untuk di direct ke halaman

user tersebut, jika tidak cocok maka akan muncul pesan kesalahan login.

Page 6: ansharfirman.files.wordpress.com · Web viewdiatas berfungsi untuk melihat gambar dari surat keterangan tidak mampu, dengan memanggil id sktm pada javascript. Halaman Tunda Halaman

133

3. Halaman User Admin

Halaman user Admin merupakan halaman yang dapat dilihat oleh user

Admin, berikut beberapa sub halaman yang terdapat dalam halaman user

Admin :

A. Halaman Welcome

Implementasi Halaman Welcome user Admin dapat dilihat dari gambar

berikut :

Gambar 61. Halaman welcome User Admin

Halaman welcome merupakan halaman utama dari user Admin. Pada

halaman ini, terdapat pilihan menu di bagian menubar. Menu yang ada

pada halaman user Admin ini adalah menu Home, Beasiswa, Petugas,

Mahasiswa, dan Pengaturan.

Page 7: ansharfirman.files.wordpress.com · Web viewdiatas berfungsi untuk melihat gambar dari surat keterangan tidak mampu, dengan memanggil id sktm pada javascript. Halaman Tunda Halaman

134

Gambar 62. Menu Halaman User Admin

Kode yang digunakan untuk menampilkan menu halaman Admin

adalah :

<div class="navbar-collapse collapse"> <ul class="nav navbar-nav navbar-right"> <li class=""> <a href="index.php?page=home" class="dropdown-toggle" data-hover="dropdown" data-close-others="true">Home</a> </li> <li class=""> <a href="index.php?page=beasiswa" class="dropdown-toggle" data-hover="dropdown" data-close-others="true">Beasiswa</a> </li> <li class=""> <a href="index.php?page=petugas" class="dropdown-toggle" data-hover="dropdown" data-close-others="true">Petugas</a> </li> <li class=""> <a href="index.php?page=mahasiswa" class="dropdown-toggle" data-hover="dropdown" data-close-others="true">Mahasiswa</a> </li> <li class=""> <a href="index.php?page=fakultas" class="dropdown-toggle" data-hover="dropdown" data-close-others="true">Pengaturan</a> </li> </ul> </div>

Potongan script diatas digunakan untuk membuat menubar, dengan

menggunakan class navbar-collapse pada css bootstrap.

Page 8: ansharfirman.files.wordpress.com · Web viewdiatas berfungsi untuk melihat gambar dari surat keterangan tidak mampu, dengan memanggil id sktm pada javascript. Halaman Tunda Halaman

135

B. Halaman Menu Beasiswa

Menu beasiswa berfungsi untuk menambah, merubah, menghapus, serta

menampilkan jenis beasiswa yang ada.

Gambar 63. Menu Halaman Beasiswa User Admin

Kode yang bekerja pada Halaman Beasiswa adalah :

<table class="table table-bordered table-hover table-responsive"><thead><th>No</th><th>Kode</th><th>Beasiswa</th><th class="aksi">Action</th></thead><?php$query = "SELECT * from beasiswa order by id_beasiswa asc";$query_ok = mysql_query($query);$no=0;while ($buff = mysql_fetch_array($query_ok)) {$no++;?><tr><td> <?php echo $no ?> </td><td> <?php echo $buff['id_beasiswa']?> </td><td><?php echo $buff['nama_beasiswa']?></td><td class="aksi"><a data-toggle="modal" href="#detail<?php echo $buff['id_beasiswa'] ?>" title="Edit"> <i class="fa fa-edit"></i></a>| <a href="proses.php?action=delete_beasiswa&id_beasiswa=<?php echo $buff['id_beasiswa'];?>" onClick="return confirm('Anda yakin?');" title="Hapus"> <i class="fa fa-trash-o"></i> </a></td>

Page 9: ansharfirman.files.wordpress.com · Web viewdiatas berfungsi untuk melihat gambar dari surat keterangan tidak mampu, dengan memanggil id sktm pada javascript. Halaman Tunda Halaman

136

</tr><?php }; ?></table>

Potongan script diatas berfungsi untuk menampilkan seluruh data

beasiswa berdasarkan id beasiswa dan diurut dari id terkecil.

C. Halaman Menu Petugas

Halaman menu petugas berfungsi untuk menambah, mengubah,

menghapus serta menampilkan data petugas. berikut daftar

Gambar 64. Halaman Petugas User Admin

Halaman petugas berfungsi untuk menambah ,mengubah ,menghapus

dan menampilkan data petugas yang terdaftar dalam sistem. Dengan

memilih jenis level petugas maka data petugas akan tampil sesuai

dengan hak aksesnya.

Kode yang bekerja pada Halaman Petugas adalah :

<table class="table table-bordered table-hover table-responsive"><thead><th>No</th><th>Username</th><th>Nama</th><th>No.Hp</th><th class="aksi">Action</th></thead><?php$query = "SELECT * from admin where level='rektor' or level='admin' or level='baak' group by admin.username order by username asc";$query_ok = mysql_query($query);$no=0;while ($buff = mysql_fetch_array($query_ok)) {

Page 10: ansharfirman.files.wordpress.com · Web viewdiatas berfungsi untuk melihat gambar dari surat keterangan tidak mampu, dengan memanggil id sktm pada javascript. Halaman Tunda Halaman

137

$no++;?><tr><td><?php echo $no ?></td><td><?php echo $buff['username']?></td><td><?php echo $buff['nama']?></td><td><?php echo $buff['level']?></td><td><?php echo $buff['no_hp']?></td><td class="aksi"><a href="proses.php?action=delete_petugas&username=<?php echo $buff['username'];?>" onClick="return confirm('Anda yakin?');" title="Hapus"><i class="fa fa-trash-o"></i></a></td></tr><?php }; ?></tbody></table>

Potongan script diatas adalah menampilkan data petugas berdasarkan

dari pilihan yang dipilih melalui combo box, yang mana data akan

ditampilkan dengan menggunakan ajax, sehingga halaman tidak akan

melakukan reload. Pilihan yang dipilih melalui combo box akan

disimpan di dalam function ambil_jurusan pada javascript.

D. Halaman Menu Mahasiswa

Halaman mahasiswa berfungsi untuk menambah,mengubah,

menghapus, menampilkan data mahasiswa, dan pencarian data

mahasiswa. Data mahasiswa berguna untuk melalukan pendaftaran serta

penseleksian beasiswa.

Page 11: ansharfirman.files.wordpress.com · Web viewdiatas berfungsi untuk melihat gambar dari surat keterangan tidak mampu, dengan memanggil id sktm pada javascript. Halaman Tunda Halaman

138

Gambar 64. Halaman Mahasiswa User Admin

Kode yang bekerja pada Halaman Mahasiswa adalah

<table class="table table-bordered table-hover table-responsive"><thead><th>No</th><th>NIM</th><th>Nama</th><th>Prodi</th><th>Jurusan</th><th>Fakultas</th><th class="aksi">Action</th></thead><?php$query = "SELECT * from ((mahasiswa inner join program_studi on mahasiswa.id_program_studi=program_studi.id_program_studi) inner join jurusan on jurusan.id_jurusan=program_studi.id_jurusan) inner join Fakultas on Fakultas.id_fakultas=jurusan.id_fakultas order by mahasiswa.nim asc";$query_ok = mysql_query($query);$no=0;while ($buff = mysql_fetch_array($query_ok)) {$no++;?><tr><td> <?php echo $no ?> </td><td><?php echo $buff['nim']?></td><td><?php echo $buff['nama']?></td><td><?php echo $buff['nama_fakultas']?></td><td><?php echo $buff['nama_jurusan']?></td><td><?php echo $buff['nama_program_studi']?></td><td class="aksi"><a href="proses.php?action=delete_mahasiswa&nim=<?php echo $buff['nim'];?>" onClick="return confirm('Anda yakin?');" title="Hapus"><i class="fa fa-trash-o"></i> </a></td></tr><?php }; ?></table>

Potongan script diatas berfungsi untuk menampilkan semua data

mahasiswa yang terdapat dalam database dan diurut berdasarkan nim

mulai dari nim terrendah.

Halaman Mahasiswa terdapat fungsi import data secara massal, berikut

halaman import data massal mahasiswa.

Page 12: ansharfirman.files.wordpress.com · Web viewdiatas berfungsi untuk melihat gambar dari surat keterangan tidak mampu, dengan memanggil id sktm pada javascript. Halaman Tunda Halaman

139

Gambar 65. Halaman Import Data Massal Mahasiswa User Admin

Kode yang bekerja pada halaman import data massal adalah

<div class="modal-body"><form name="upload" enctype="multipart/form-data" action="#" id="upload" method="post" ><div class="form-group"><label for="exampleInputEmail1">Browse Excel : </label><input type="file" name="userfile"><input type="text" name="tanggal" value="<?php echo $tanggal; ?>" hidden><input type="text" name="nama" value="<?php echo $user1 ?>" hidden></div></div><div class="modal-footer"><button type="button" class="btn btn-default" data-dismiss="modal">Close</button><input onClick="return confirm('Kosongkan database ?')" name="truncate" type="submit" class="btn btn-danger" value="Kosongkan"><input onClick="return confirm('Upload database ?')" name="upload" type="submit" class="btn btn-primary" value="Upload"></form></div>

Potongan script diatas berfungsi untuk membuat sebuah form bernama

upload dengan input file bernama userfile, yang digunakan untuk

memilih data yang akan diupload.

Page 13: ansharfirman.files.wordpress.com · Web viewdiatas berfungsi untuk melihat gambar dari surat keterangan tidak mampu, dengan memanggil id sktm pada javascript. Halaman Tunda Halaman

140

E. Halaman Menu Pengaturan

Halaman pengaturan berfungsi untuk menambah, mengubah,

menghapus dan menampilkan data program studi, jurusan, dan fakultas.

Menu pengaturan terdiri dari 3 submenu; Fakultas, Jurusan, dan

Program Studi

Gambar 66. Menu Pengaturan Admin

Sub menu program studi menuju halaman program studi yang berisi

data program studi. Sub menu jurusan menuju halaman jurusan yang

berisi data jurusan. Sub menu fakultas menuju halaman fakultas yang

berisi data fakultas.

Page 14: ansharfirman.files.wordpress.com · Web viewdiatas berfungsi untuk melihat gambar dari surat keterangan tidak mampu, dengan memanggil id sktm pada javascript. Halaman Tunda Halaman

141

Gambar 67. Halaman Fakultas User Admin

Kode yang bekerja pada halaman fakultas adalah :

<table class="table table-bordered table-hover table-responsive"><thead><th>No</th><th>Id Fakultas</th><th>Nama Fakultas</th><th class="aksi">Action</th></thead><tbody><?php$query = "SELECT * from fakultas order by id_fakultas asc";$query_ok = mysql_query($query);$no=0;while ($buff = mysql_fetch_array($query_ok)) {$no++;?><tr><td> <?php echo $no ?> </td><td> <?php echo $buff['id_fakultas']?> </td><td><?php echo $buff['nama_fakultas']?></td><td class="aksi"><a data-toggle="modal" href="#detail<?php echo $buff['id_fakultas'] ?>" title="Edit"> <i class="fa fa-edit"></i> </a>| <a href="proses.php?action=delete_fakultas&id_fakultas=<?php echo $buff['id_fakultas'];?>" onClick="return confirm('Anda yakin?');" title="Hapus"> <i class="fa fa-trash-o"></i> </a></td></tr><?php }; ?></tbody></table>

Potongan script diatas berfungsi untuk menampilkan semua data

fakultas yang terdapat dalam database dan diurutkan berdasarkan id

fakultas dari id fakultas yang terendah.

Page 15: ansharfirman.files.wordpress.com · Web viewdiatas berfungsi untuk melihat gambar dari surat keterangan tidak mampu, dengan memanggil id sktm pada javascript. Halaman Tunda Halaman

142

Gambar 68. Halaman Jurusan

Kode yang berjalan pada halaman jurusan adalah:

<table class="table table-bordered table-hover table-responsive"><thead><tr><th> No. </th><th>Id Jurusan</th><th>Jurusan</th><th class="aksi">Action</th></tr></thead><tbody><?php

$query = "SELECT * from jurusan inner join fakultas on jurusan.id_fakultas=fakultas.id_fakultas where fakultas.id_fakultas='$fakultas' order by jurusan.id_jurusan asc";$query_ok = mysql_query($query);$no=0;while ($buff = mysql_fetch_array($query_ok)) {$no++;?><tr>

<td> <?php echo $no ?> </td><td> <?php echo $buff['id_jurusan']?> </td><td><?php echo $buff['nama_jurusan']?></td><td class="aksi"> <a data-toggle="modal" href="#detail<?php echo

$buff['id_jurusan'] ?>" title="Edit"> <i class="fa fa-edit"></i> </a>

Page 16: ansharfirman.files.wordpress.com · Web viewdiatas berfungsi untuk melihat gambar dari surat keterangan tidak mampu, dengan memanggil id sktm pada javascript. Halaman Tunda Halaman

143

| <a href="proses.php?action=delete_jurusan&id_jurusan=<?php echo $buff['id_jurusan'];?>" onClick="return confirm('Anda yakin?');" title="Hapus"> <i class="fa fa-trash-o"></i> </a></td></tr><?php }; ?></tbody></table>

Potongan script diatas berfungsi untuk menampilkan semua data jurusan

yang terdapat dalam database yang sesuai dengan fakultas yang dipilih

sebelumnya dan diurutkan berdasarkan id jurusa dari id jurusan yang

terendah.

Gambar 69. Halaman Program Studi

Kode yang bekerja pada halaman program studi adalah :

<table class="table table-bordered table-hover table-responsive"> <thead>

<tr><th> No. </th><th>Id Program Studi</th><th>Program Studi</th><th class="aksi">Action</th>

</tr></thead>

Page 17: ansharfirman.files.wordpress.com · Web viewdiatas berfungsi untuk melihat gambar dari surat keterangan tidak mampu, dengan memanggil id sktm pada javascript. Halaman Tunda Halaman

144

<tbody><?php

$query = "SELECT * from (program_studi inner join jurusan on program_studi.id_jurusan=jurusan.id_jurusan) inner join fakultas on jurusan.id_fakultas=fakultas.id_fakultas where fakultas.id_fakultas='$fakultas' order by program_studi.id_program_studi asc;";

$query_ok = mysql_query($query);$no=0;while ($buff = mysql_fetch_array($query_ok)) {$no++;

?><tr>

<td> <?php echo $no ?> </td><td> <?php echo $buff['id_program_studi']?>

</td><td><?php echo $buff['nama_program_studi']?

></td><td class="aksi">

<a data-toggle="modal" href="#detail<?php echo $buff['id_program_studi'] ?>" title="Edit"><i class="fa fa-edit"></i> </a> | <a href="proses.php?action=delete_program_studi&id_program_studi=<?php echo $buff['id_program_studi'];?>" onClick="return confirm('Anda yakin?');" title="Hapus"> <i class="fa fa-trash-o"></i> </a> </td>

</tr><?php }; ?></tbody>

</table>

Potongan script diatas berfungsi untuk menampilkan semua data

program studi yang terdapat dalam database yang sesuai dengan

jurusan dan fakultas yang dipilih sebelumnya dan diurutkan

berdasarkan id program studi dari id yang terendah.

Page 18: ansharfirman.files.wordpress.com · Web viewdiatas berfungsi untuk melihat gambar dari surat keterangan tidak mampu, dengan memanggil id sktm pada javascript. Halaman Tunda Halaman

145

4. Halaman User Rektor

Halaman user Rektor merupakan halaman yang dapat dilihat oleh user

Rektor beberapa sub halaman yang terdapat dalam halaman user Rektor :

A. Halaman Welcome

Halaman welcome berfungsi untuk halaman pada saat user Rektor

berhasil melakukan login.

Gambar 70. Halaman Welcome User Rektor

Kode yang bekerja pada halaman welcome User Rektor adalah :

<header> <div id="navOne" class="navbar navbar-wp" role="navigation">

<div class="container"> <div class="navbar-header"> <a class="navbar-brand" href="index.php" title="Boomerang | One template. Infinite solutions"> <img src="../images/boomerang-logo-dark.png" alt="Boomerang | One template. Infinite solutions"> </a> </div> <div class="navbar-collapse collapse"> <ul class="nav navbar-nav navbar-right">

Page 19: ansharfirman.files.wordpress.com · Web viewdiatas berfungsi untuk melihat gambar dari surat keterangan tidak mampu, dengan memanggil id sktm pada javascript. Halaman Tunda Halaman

146

<li class=""> <a href="index.php?page=home" class="dropdown-toggle" data-hover="dropdown" data-close-others="true">Home</a> </li> <li class=""> <a href="index.php?page=petugas" class="dropdown-toggle" data-hover="dropdown" data-close-others="true">Petugas</a> </li> <li class=""> <a href="index.php?page=pendaftar" class="dropdown-toggle" data-hover="dropdown" data-close-others="true">Pendaftar</a> </li> <li class=""> <a href="index.php?page=pilihan" class="dropdown-toggle" data-hover="dropdown" data-close-others="true">Pilihan</a> </li> <li class=""> <a href="index.php?page=penerima" class="dropdown-toggle" data-hover="dropdown" data-close-others="true">Penerima</a> </li> <li class=""> <a href="index.php?page=Ringkasan" class="dropdown-toggle" data-hover="dropdown" data-close-others="true">Ringkasan</a> </li> </ul> </div><!--/.nav-collapse --> </div> </div></header>

Potongan script diatas berfungsi untuk menampilkan header halaman

awal pada saat rektor berhasil login, dengan menggunakan tag header

pada dan class navbar navbar-wp pada css bootstrap.

Page 20: ansharfirman.files.wordpress.com · Web viewdiatas berfungsi untuk melihat gambar dari surat keterangan tidak mampu, dengan memanggil id sktm pada javascript. Halaman Tunda Halaman

147

B. Halaman Menu Petugas

Halaman menu petugas merupakan halaman yang berfungsi untuk

menampilkan data seluruh petugas yang terdaftar dalam sistem, mulai

dari petugas di tingkat jurusan, hingga universitas.

Gambar 71. Halaman Petugas User Rektor

Kode yang bekerja dalam halaman petugas adalah :

<table class="table table-bordered table-hover table-responsive"><thead><th>No</th><th>Username</th><th>Nama</th><th>Level</th><th>No.Hp</th></thead><tbody><?php$query = "SELECT * from admin where level='rektor' or level='admin' or level='baak' order by username asc";$query_ok = mysql_query($query);$no=0;while ($buff = mysql_fetch_array($query_ok)) {$no++;?><tr><td><?php echo $no ?></td><td><?php echo $buff['username']?></td><td><?php echo $buff['nama']?></td>

Page 21: ansharfirman.files.wordpress.com · Web viewdiatas berfungsi untuk melihat gambar dari surat keterangan tidak mampu, dengan memanggil id sktm pada javascript. Halaman Tunda Halaman

148

<td><?php echo $buff['level']?></td><td><?php echo $buff['no_hp']?></td></tr><?php }; ?></tbody></table>

Potongan script diatas berfungsi untuk menampilkan data petugas

universitas berdasarkan username secara alfabet dari yang terendah.

C. Halaman Menu Pendaftar

Halaman menu pendaftar adalah halaman yang digunakan untuk

melihat data pendaftar beasiswa. Untuk user Rektor, pada halaman

pendaftar dapat menampilkan data seluruh pendaftar beasiswa PPA dan

BBM dalam tiap tahun, dan terdapat fitur print serta menyimpan

laporan pendaftar ke dalam bentuk file pdf.

Gambar 72. Halaman Pendaftar Beasiswa User Rektor

Page 22: ansharfirman.files.wordpress.com · Web viewdiatas berfungsi untuk melihat gambar dari surat keterangan tidak mampu, dengan memanggil id sktm pada javascript. Halaman Tunda Halaman

149

Kode yang bekerja dalam halaman pendaftar beasiswa user Rektor

adalah :

<table class="table table-bordered table-hover table-responsive"><thead><th>No</th><th>NIM</th><th>Nama</th><th>Program Studi</th><th>Jurusan</th><th>Fakultas</th></thead><tbody><?php$query = "SELECT * from pendaftar inner join mahasiswa on pendaftar.nim=mahasiswa.niminner join program_studi on mahasiswa.id_program_studi=program_studi.id_program_studi inner join jurusan on jurusan.id_jurusan=program_studi.id_jurusaninner join fakultas on fakultas.id_fakultas=jurusan.id_fakultasinner join beasiswa on pendaftar.id_beasiswa=beasiswa.id_beasiswawhere beasiswa.nama_beasiswa='$nama_beasiswa' and pendaftar.tgl_dftr like '%$tanggal%' order by pendaftar.nim asc";$query_ok = mysql_query($query) or die(mysql_error()."<br>".$query_ok);$no=0;while ($buff = mysql_fetch_array($query_ok)) {$no++;?><tr><td> <?php echo $no ?> </td><td><?php echo $buff['nim']?></td><td><?php echo $buff['nama']?></td><td><?php echo $buff['nama_program_studi']?></td><td><?php echo $buff['nama_jurusan']?></td><td><?php echo $buff['nama_fakultas']?></td></tr><?php }; ?></tbody></table>

Potongan script diatas berfungsi untuk menampilkan data pendaftar

sesuai dengan jenis beasiswa yang ingin ditampilkan, tahun beasiswa

dan diurutkan berdasarkan nim mulai dari nim terendah.

Page 23: ansharfirman.files.wordpress.com · Web viewdiatas berfungsi untuk melihat gambar dari surat keterangan tidak mampu, dengan memanggil id sktm pada javascript. Halaman Tunda Halaman

150

D. Halaman Menu Pilihan

Halaman menu pilihan merupakan halaman untuk Rektor dalam

memberikan keputusan mengenai penerima beasiswa PPA dan BBM.

Pada halaman ini Rektor hanya memasukan nim mahasiswa pilihannya,

dan kemudian memberika keputusannya melalui kolom keputusan.

Gambar 73. Halaman Menu Pilihan User Rektor

Kode yang bekerja dalam halaman pilihan user Rektor adalah:

<table class="table table-bordered table-hover table-responsive"><thead><th>No</th><th>NIM</th><th>Nama</th><th>Program Studi</th><th>Jurusan</th><th>Fakultas</th><th>Status</th><th>Disposisi</th></thead><tbody><?phpif(isset($_POST['cari'])){$mahasiswa_pilihan = $_POST['mahasiswa_pilihan']; $query_pilihan = "SELECT * FROM pendaftar inner join mahasiswa on mahasiswa.nim=pendaftar.nim

Page 24: ansharfirman.files.wordpress.com · Web viewdiatas berfungsi untuk melihat gambar dari surat keterangan tidak mampu, dengan memanggil id sktm pada javascript. Halaman Tunda Halaman

151

inner join program_studi on program_studi.id_program_studi=mahasiswa.id_program_studiinner join jurusan on jurusan.id_jurusan=program_studi.id_jurusaninner join keputusan on keputusan.id_pendaftar=pendaftar.id_pendaftarinner join fakultas on fakultas.id_fakultas=jurusan.id_fakultaswhere pendaftar.nim in($mahasiswa_pilihan) ";$query_ok_pilihan = mysql_query($query_pilihan) or die(mysql_error()."<br>".$query_pilihan);$no=0;while ($buff_pilihan = mysql_fetch_array($query_ok_pilihan)) {$no++;if ($buff_pilihan['rektor']=='tolak') {$ini='<span class="label label-danger"> <i class="icon-warning-sign bigger-120"></i> Tolak </span>';}else if($buff_pilihan['rektor']=='terima'){$ini='<span class="label label-primary"> <i class="icon-ok-sign bigger-120"></i> Terima </span>';}else{$ini='<span class="label label-success"> <i class="icon-flag-sign bigger-120"></i> Baru </span>';}?><tr><td> <?php echo $no ?> </td><td><?php echo $buff_pilihan['nim']?></td><td><?php echo $buff_pilihan['nama']?></td><td><?php echo $buff_pilihan['nama_program_studi']?></td><td><?php echo $buff_pilihan['nama_jurusan']?></td><td><?php echo $buff_pilihan['nama_fakultas']?></td><td class="center"><?php echo $ini;?></td><td class="center"><a href="proses.php?action=rektor_tolak&id_pendaftar=<?php echo $buff_pilihan['id_pendaftar'];?>" title="Tolak"><i class="fa fa-minus-circle"></i></a> | <a href="proses.php?action=rektor_terima&id_pendaftar=<?php echo $buff_pilihan['id_pendaftar'];?>" title="Terima"><i class="fa fa-check-circle"></i></a></td></tr><?php };} ?></tbody></table>

Potongan script diatas berfungsi untuk menampilkan mahasiswa

berdasarkan nim yang dientrikan untuk di set terima atau tolak oleh

rektor melalui icon action

Page 25: ansharfirman.files.wordpress.com · Web viewdiatas berfungsi untuk melihat gambar dari surat keterangan tidak mampu, dengan memanggil id sktm pada javascript. Halaman Tunda Halaman

152

E. Halaman Menu Penerima

Halaman menu penerima beasiswa merupakan halaman yang berfungsi

untuk menampilkan data penerima beasiswa ppa dan bbm di tingkat

universitas untuk setiap tahunnya. Pada menu penerima beasiswa

terdapat fitur print serta menyimpan file laporan penerima ke dalam

bentuk pdf, dan juga pada halaman penerima beasiswa terdapat fungsi

publish dengan mengklik tombol publish maka data penerima beasiswa

dapat dilihat oleh user lain, baik dari petugas beasiswa hingga

mahasiswa.

Gambar 74. Halaman Penerima Beasiswa User Rektor

Kode yang bekerja dalam halaman penerima beasiswa user Rektor

adalah :

<form role="form" method="post" action="index.php?page=penerima"><div class="form-group"><label>Jenis Beasiswa</label><select class="form-control" name="nama_beasiswa"><option value="">---Pilih Beasiswa---</option><?php

Page 26: ansharfirman.files.wordpress.com · Web viewdiatas berfungsi untuk melihat gambar dari surat keterangan tidak mampu, dengan memanggil id sktm pada javascript. Halaman Tunda Halaman

153

$beasiswa = "SELECT * from beasiswa";$beasiswa_ok = mysql_query($beasiswa) or die(mysql_error()."<br>".$beasiswa_ok);while ($buff_beasiswa = mysql_fetch_array($beasiswa_ok)) {?><option value="<?php echo $buff_beasiswa['nama_beasiswa'] ?>"><?php echo $buff_beasiswa['nama_beasiswa'];?></option><?php };?></select></div><div class="form-group"><label>Tahun</label><select class="form-control" name="tahun"><option value="">---Pilih Tahun---</option><option value="2014">2014</option><option value="2013">2013</option><option value="2012">2012</option></select></div><?php$nama_beasiswa= $_POST['nama_beasiswa'];$tanggal = $_POST['tahun'];$_SESSION['nama_beasiswa']=$nama_beasiswa;$_SESSION['tanggal']=$tanggal;?><input type="submit" value="Cari" class="btn btn-two"><a href="proses.php?action=publish&tahun=<?php echo $tanggal ?>" onClick="return confirm('Tampilkan Hasil Penerima Beasiswa ?');" class="btn btn-sm btn-primary" style="color:white">Publish</a><a href="export/print.php" target="_blank"><button type="button" class="btn btn-success">Print</button></a></form>

Potongan script diatas berfungsi untuk menampilkan data penerima

beasiswa berdasarkan jenis beasiswa dan tahun beasiswa.

F. Sub Menu Laporan Ringkasan

Halaman ringkasan merupakan halaman yang berfungsi untuk melihat

jumlah pendaftar dan penerima beasiswa pada setiap tahunnya

berdasarkan fakultas, jenis kelamin dan asal daerah.

Kode yang bekerja dalam halaman Ringkasan user Rektor adalah :

<form role="form" method="post" action="index.php?page=Ringkasan"><label>Jenis Beasiswa</label>

Page 27: ansharfirman.files.wordpress.com · Web viewdiatas berfungsi untuk melihat gambar dari surat keterangan tidak mampu, dengan memanggil id sktm pada javascript. Halaman Tunda Halaman

154

<select class="form-control" name="nama_beasiswa"><option value="">-Beasiswa-</option><?php $beasiswa = "SELECT * from beasiswa";$beasiswa_ok = mysql_query($beasiswa) or die(mysql_error()."<br>".$beasiswa_ok);while ($buff_beasiswa = mysql_fetch_array($beasiswa_ok)) {?><option value="<?php echo $buff_beasiswa['nama_beasiswa'] ?>"><?php echo $buff_beasiswa['nama_beasiswa'];?></option><?php };?></select></div><select class="form-control" name="tahun"><option value="">-Tahun-</option><option value="2014">2014</option><option value="2013">2013</option><option value="2012">2012</option></select></div><button type="submit" class="btn btn-two">Search</button><button type="submit" class="btn btn-two">Print</button></form>

Potongan script diatas berfungsi untuk memilih jenis beasiswa dan

tahunnya untuk melihat data Ringkasan beasiswa.

Page 28: ansharfirman.files.wordpress.com · Web viewdiatas berfungsi untuk melihat gambar dari surat keterangan tidak mampu, dengan memanggil id sktm pada javascript. Halaman Tunda Halaman

155

Gambar 74. Halaman Ringkasan User Rektor

G. Sub Menu Laporan Grafik

Halaman grafik merupakan halaman yang berfungsi untuk melihat

jumlah pendaftar dan penerima beasiswa pada setiap tahunnya

berdasarkan fakultas dan jenis kelamin dalam bentuk grafik.

Kode yang bekerja dalam halaman grafik user Rektor adalah :

Page 29: ansharfirman.files.wordpress.com · Web viewdiatas berfungsi untuk melihat gambar dari surat keterangan tidak mampu, dengan memanggil id sktm pada javascript. Halaman Tunda Halaman

156

<form role="form" method="post" action="index.php?page=Ringkasan"><label>Jenis Beasiswa</label><select class="form-control" name="nama_beasiswa"><option value="">-Beasiswa-</option><?php $beasiswa = "SELECT * from beasiswa";$beasiswa_ok = mysql_query($beasiswa) or die(mysql_error()."<br>".$beasiswa_ok);while ($buff_beasiswa = mysql_fetch_array($beasiswa_ok)) {?><option value="<?php echo $buff_beasiswa['nama_beasiswa'] ?>"><?php echo $buff_beasiswa['nama_beasiswa'];?></option><?php };?></select></div><select class="form-control" name="tahun"><option value="">-Tahun-</option><option value="2014">2014</option><option value="2013">2013</option><option value="2012">2012</option></select></div><button type="submit" class="btn btn-two">Search</button></form>

Potongan script diatas berfungsi untuk memilih jenis beasiswa dan

tahunnya untuk melihat data grafik beasiswa.

Gambar 75. Halaman Grafik User Rektor

Page 30: ansharfirman.files.wordpress.com · Web viewdiatas berfungsi untuk melihat gambar dari surat keterangan tidak mampu, dengan memanggil id sktm pada javascript. Halaman Tunda Halaman

157

5. Halaman User BAAK

User BAAK adalah user yang mempunyai wewenang untuk membuka dan

menutup jadwal beasiswa ,memasukan kuota setiap fakultas, dan melihat

data pendaftar serta penerima beasiswa di tingkat universitas.

A. Halaman Welcome

Halaman welcome adalah halaman saat user BAAK berhasil masuk

melalui halaman login.

Gambar 76. Halaman Welcome User BAAK

Kode yang bekerja pada halaman welcome User BAAK adalah :

<header> <div id="navOne" class="navbar navbar-wp" role="navigation">

<div class="container"> <div class="navbar-header"> <a class="navbar-brand" href="index.php" title="Boomerang | One template. Infinite solutions"> <img src="../images/boomerang-logo-dark.png" alt="Boomerang | One template. Infinite solutions"> </a>

Page 31: ansharfirman.files.wordpress.com · Web viewdiatas berfungsi untuk melihat gambar dari surat keterangan tidak mampu, dengan memanggil id sktm pada javascript. Halaman Tunda Halaman

158

</div> <div class="navbar-collapse collapse"> <ul class="nav navbar-nav navbar-right"> <li class=""> <a href="index.php?page=home" class="dropdown-toggle" data-hover="dropdown" data-close-others="true">Home</a> </li> <li class=""> <a href="index.php?page=petugas" class="dropdown-toggle" data-hover="dropdown" data-close-others="true">Petugas</a> </li> <li class=""> <a href="index.php?page=pendaftar" class="dropdown-toggle" data-hover="dropdown" data-close-others="true">Pendaftar</a> </li> <li class=""> <a href="index.php?page=penerima" class="dropdown-toggle" data-hover="dropdown" data-close-others="true">Penerima</a> </li> <li class=""> <a href="index.php?page=Ringkasan" class="dropdown-toggle" data-hover="dropdown" data-close-others="true">Ringkasan</a> </li> <li class=""> <a href="index.php?page=pengaturan" class="dropdown-toggle" data-hover="dropdown" data-close-others="true">Pengaturan</a> </li> </ul> </div><!--/.nav-collapse --> </div> </div></header>

Potongan script diatas berfungsi untuk menampilkan header halaman

awal pada saat BAAK berhasil login, dengan menggunakan tag header

pada dan class navbar navbar-wp pada css bootstrap.

Page 32: ansharfirman.files.wordpress.com · Web viewdiatas berfungsi untuk melihat gambar dari surat keterangan tidak mampu, dengan memanggil id sktm pada javascript. Halaman Tunda Halaman

159

B. Halaman Petugas Fakultas

Halaman petugas fakultas adalah halaman yang menampilkan data-data

mengenai petugas yang mengelola di setiap fakultas

Gambar 77. Halaman Petugas Fakultas User BAAK

Kode yang bekerja pada halaman petugas fakultas user BAAK adalah :

<table class="table table-bordered table-hover table-responsive"><thead><th>No</th><th>Username</th><th>Nama</th><th>Fakultas</th><th>No.Hp</th></thead><tbody><?php$query = "SELECT * from admin inner join fakultas on fakultas.id_fakultas=admin.fakultas where admin.level='dekan' order by fakultas.nama_fakultas asc";$query_ok = mysql_query($query);$no=0;while ($buff = mysql_fetch_array($query_ok)) {$no++;?><tr><td><?php echo $no ?></td><td><?php echo $buff['username']?></td><td><?php echo $buff['nama']?></td><td><?php echo $buff['nama_fakultas']?></td>

Page 33: ansharfirman.files.wordpress.com · Web viewdiatas berfungsi untuk melihat gambar dari surat keterangan tidak mampu, dengan memanggil id sktm pada javascript. Halaman Tunda Halaman

160

<td><?php echo $buff['no_hp']?></td></tr><?php }; ?></tbody></table>

Potongan script diatas adalah menampilkan data petugas selain rektor

berdasarkan fakultas secara alfabet.

C. Halaman Kuota

Halaman kuota adalah halaman yang berfungsi untuk memasukan kuota

beasiswa di setiap fakultas. Dengan memilih jenis beasiswa pada

halaman kuota maka kuota beasiswa akan ditampilkan.

Gambar 78. Halaman Kuota User BAAK

Kode yang berjalan pada halaman kuota user BAAK adalah :

<table class="table table-bordered table-hover table-responsive"> <thead> <th>No</th> <th>Fakultas</th> <th>Kuota</th> <th class="aksi">Action</th>

Page 34: ansharfirman.files.wordpress.com · Web viewdiatas berfungsi untuk melihat gambar dari surat keterangan tidak mampu, dengan memanggil id sktm pada javascript. Halaman Tunda Halaman

161

</thead> <tbody> <?php$query = "SELECT * from kuota_fakultas inner join beasiswa on kuota_fakultas.id_beasiswa=beasiswa.id_beasiswa inner join fakultas on kuota_fakultas.id_fakultas=fakultas.id_fakultas where kuota_fakultas.id_beasiswa='$nama' order by kuota_fakultas.id_kf asc";$query_ok = mysql_query($query);$no=0;while ($buff = mysql_fetch_array($query_ok)) {$no++;?><tr><td><?php echo $no ?></td><td><?php echo $buff['nama_fakultas']?></td><td><?php echo $buff['kf']?></td><td class="aksi"><a data-toggle="modal" href="#detail<?php echo $buff['id_kf'] ?>" title="Edit"> <i class="fa fa-edit"></i> </a></td></tr><?php }; ?></tbody></table>

Potongan script diatas berfungsi untuk menampilkan jumlah kuota

setiap fakultas berdasarkan jenis beasiswa yang dipilih pada combo box.

D. Halaman Jadwal

Halaman jadwal adalah halaman yang berfungsi untuk memasukan

jadwal beasiswa, mulai dari jadwal pendaftaran beasiswa hingga jadwal

penutupan beasiswa. Proses pendaftaran beasiswa akan berlangsung

dari jadwal yang telah ditentukan.

Page 35: ansharfirman.files.wordpress.com · Web viewdiatas berfungsi untuk melihat gambar dari surat keterangan tidak mampu, dengan memanggil id sktm pada javascript. Halaman Tunda Halaman

162

Gambar 79. Halaman Jadwal User BAAK

Kode yang berjalan pada halaman jadwal user BAAK adalah :

<div class="form-body"><p>Jadwal yang tampil di bawah ini adalah jadwal beasiswa yang sedang aktif</p><?php$id_jadwal = mysql_real_escape_string($_GET['id_jadwal']);$query = "SELECT * from jadwal where id_jadwal='$id_jadwal'";$result = mysql_query($query);$buff = mysql_fetch_array($result); ?><form role="form" class="form-light padding-15"><div class="form-group"><label>Tanggal Mulai</label><input class="form-control" type="text" disabled value="<?php echo $buff['jadwal_mulai']?>"></div><div class="form-group"><label>Tanggal Selesai</label><input class="form-control" type="text" disabled value="<?php echo $buff['jadwal_selesai']?>"></div></form></div>

Potongan script diatas berfungsi untuk menampilkan jadwal yang

berlangsung dan juga menset jadwal baru untuk pendaftaran beasiswa.

Page 36: ansharfirman.files.wordpress.com · Web viewdiatas berfungsi untuk melihat gambar dari surat keterangan tidak mampu, dengan memanggil id sktm pada javascript. Halaman Tunda Halaman

163

E. Halaman Pendaftar

Halaman pendaftar adalah halaman yang berfungsi untuk melihat data

pendaftar beasiswa pada setiap fakultas di setiap tahun.

Kode yang berjalan pada halaman pendaftar user BAAK adalah :

<form role="form" method="post" action="index.php?page=pendaftar"><div class="form-group"><label>Jenis Beasiswa</label><select class="form-control" name="nama_beasiswa"><option value="">---Pilih Beasiswa---</option><?php $beasiswa = "SELECT * from beasiswa";$beasiswa_ok = mysql_query($beasiswa) or die(mysql_error()."<br>".$beasiswa_ok);while ($buff_beasiswa = mysql_fetch_array($beasiswa_ok)) {?><option value="<?php echo $buff_beasiswa['nama_beasiswa'] ?>"><?php echo $buff_beasiswa['nama_beasiswa'];?></option><?php };?></select></div><div class="form-group"><label>Tahun</label><select class="form-control" name="tahun"><option value="">---Pilih Tahun---</option><option value="2014">2014</option><option value="2013">2013</option><option value="2012">2012</option></select></div><button type="submit" class="btn btn-two">Cari</button><a href="export/pdf.php" target="_blank"><button type="button" class="btn btn-success">Print</button></a></form>

Potongan script diatas berfungsi untuk memilih data pendaftar beasiswa

berdasarkan jenis beasiswa dan tahunnya.

Berikut implementasi dari halaman pendaftar user BAAK

Page 37: ansharfirman.files.wordpress.com · Web viewdiatas berfungsi untuk melihat gambar dari surat keterangan tidak mampu, dengan memanggil id sktm pada javascript. Halaman Tunda Halaman

164

Gambar 80. Halaman Pendaftar User BAAK

F. Halaman Penerima

Halaman penerima berfungsi untuk melihat data penerima beasiswa

pada setiap fakultas di setiap tahun. Data penerima beasiswa hanya

dapat dilihat apabila Rektor sudah mempublish data penerima beasiswa.

Gambar 81. Halaman Penerima User BAAK

Page 38: ansharfirman.files.wordpress.com · Web viewdiatas berfungsi untuk melihat gambar dari surat keterangan tidak mampu, dengan memanggil id sktm pada javascript. Halaman Tunda Halaman

165

Kode yang berjalan pada halaman penerima user BAAK adalah :

<form role="form" method="post" action="index.php?page=penerima"><div class="form-group"><label>Jenis Beasiswa</label><select class="form-control" name="nama_beasiswa"><option value="">---Pilih Beasiswa---</option><?php $beasiswa = "SELECT * from beasiswa";$beasiswa_ok = mysql_query($beasiswa) or die(mysql_error()."<br>".$beasiswa_ok);while ($buff_beasiswa = mysql_fetch_array($beasiswa_ok)) {?><option value="<?php echo $buff_beasiswa['nama_beasiswa'] ?>"><?php echo $buff_beasiswa['nama_beasiswa'];?></option><?php };?></select></div><div class="form-group"><label>Tahun</label><select class="form-control" name="tahun"><option value="">---Pilih Tahun---</option><option value="2014">2014</option><option value="2013">2013</option><option value="2012">2012</option></select></div><?php$nama_beasiswa= $_POST['nama_beasiswa'];$tanggal = $_POST['tahun'];$_SESSION['nama_beasiswa']=$nama_beasiswa;$_SESSION['tanggal']=$tanggal;?><button type="submit" class="btn btn-two">Cari</button><a href="export/print.php" target="_blank"><button type="button" class="btn btn-success">Print</button></a></form>

Potongan script diatas berfungsi untuk menampilkan data penerima

beasiswa berdasarkan jenis beasiswa dan tahun beasiswa.

Page 39: ansharfirman.files.wordpress.com · Web viewdiatas berfungsi untuk melihat gambar dari surat keterangan tidak mampu, dengan memanggil id sktm pada javascript. Halaman Tunda Halaman

166

G. Sub Menu Laporan Ringkasan

Halaman ringkasan merupakan halaman yang berfungsi untuk melihat

jumlah pendaftar dan penerima beasiswa pada setiap tahunnya

berdasarkan fakultas, jenis kelamin dan asal daerah.

Kode yang bekerja dalam halaman Ringkasan user BAAK adalah :

<form role="form" method="post" action="index.php?page=Ringkasan"><label>Jenis Beasiswa</label><select class="form-control" name="nama_beasiswa"><option value="">-Beasiswa-</option><?php $beasiswa = "SELECT * from beasiswa";$beasiswa_ok = mysql_query($beasiswa) or die(mysql_error()."<br>".$beasiswa_ok);while ($buff_beasiswa = mysql_fetch_array($beasiswa_ok)) {?><option value="<?php echo $buff_beasiswa['nama_beasiswa'] ?>"><?php echo $buff_beasiswa['nama_beasiswa'];?></option><?php };?></select></div><select class="form-control" name="tahun"><option value="">-Tahun-</option><option value="2014">2014</option><option value="2013">2013</option><option value="2012">2012</option></select></div><button type="submit" class="btn btn-two">Search</button><button type="submit" class="btn btn-two">Print</button></form>

Potongan script diatas berfungsi untuk memilih jenis beasiswa dan

tahunnya untuk melihat data Ringkasan beasiswa.

Page 40: ansharfirman.files.wordpress.com · Web viewdiatas berfungsi untuk melihat gambar dari surat keterangan tidak mampu, dengan memanggil id sktm pada javascript. Halaman Tunda Halaman

167

Gambar 81. Halaman Ringkasan User BAAK

H. Sub Menu Laporan Grafik

Halaman grafik merupakan halaman yang berfungsi untuk melihat

jumlah pendaftar dan penerima beasiswa pada setiap tahunnya

berdasarkan fakultas dan jenis kelamin dalam bentuk grafik.

Kode yang bekerja dalam halaman grafik user Rektor adalah :

Page 41: ansharfirman.files.wordpress.com · Web viewdiatas berfungsi untuk melihat gambar dari surat keterangan tidak mampu, dengan memanggil id sktm pada javascript. Halaman Tunda Halaman

168

<form role="form" method="post" action="index.php?page=Ringkasan"><label>Jenis Beasiswa</label><select class="form-control" name="nama_beasiswa"><option value="">-Beasiswa-</option><?php $beasiswa = "SELECT * from beasiswa";$beasiswa_ok = mysql_query($beasiswa) or die(mysql_error()."<br>".$beasiswa_ok);while ($buff_beasiswa = mysql_fetch_array($beasiswa_ok)) {?><option value="<?php echo $buff_beasiswa['nama_beasiswa'] ?>"><?php echo $buff_beasiswa['nama_beasiswa'];?></option><?php };?></select></div><select class="form-control" name="tahun"><option value="">-Tahun-</option><option value="2014">2014</option><option value="2013">2013</option><option value="2012">2012</option></select></div><button type="submit" class="btn btn-two">Search</button></form>

Potongan script diatas berfungsi untuk memilih jenis beasiswa dan

tahunnya untuk melihat data grafik beasiswa.

Gambar 82. Halaman Grafik User BAAK

Page 42: ansharfirman.files.wordpress.com · Web viewdiatas berfungsi untuk melihat gambar dari surat keterangan tidak mampu, dengan memanggil id sktm pada javascript. Halaman Tunda Halaman

169

6. Halaman User Dekan

User Dekan adalah user yang mempunyai wewenang untuk menerima atau

menolak calon penerima beasiswa di fakultasnya masing-masing, dan

melihat data pendaftar dan penerima beasiswa di fakultasnya masing-

masing.

A. Halaman Welcome

Halaman welcome adalah halaman saat user Dekan berhasil masuk

melalui halaman login

Gambar 83. Halaman Welcome User Dekan

Kode yang berjalan pada halaman welcome user Dekan adalah

<header> <div id="navOne" class="navbar navbar-wp" role="navigation">

<div class="container"> <div class="navbar-header"> <a class="navbar-brand" href="index.php" title="Boomerang | One template. Infinite solutions">

Page 43: ansharfirman.files.wordpress.com · Web viewdiatas berfungsi untuk melihat gambar dari surat keterangan tidak mampu, dengan memanggil id sktm pada javascript. Halaman Tunda Halaman

170

<img src="../images/boomerang-logo-dark.png" alt="Boomerang | One template. Infinite solutions"></a></div><div class="navbar-collapse collapse"><ul class="nav navbar-nav navbar-right"><li class=""><a href="index.php?page=home" class="dropdown-toggle" data-hover="dropdown" data-close-others="true">Home</a></li><li class=""><a href="index.php?page=petugas" class="dropdown-toggle" data-hover="dropdown" data-close-others="true">Petugas</a></li><li class=""><a href="index.php?page=pendaftar" class="dropdown-toggle" data-hover="dropdown" data-close-others="true">Pendaftar</a></li><li class=""><a href="index.php?page=penerima" class="dropdown-toggle" data-hover="dropdown" data-close-others="true">Penerima</a></li><li class=""><a href="index.php?page=pilihan" class="dropdown-toggle" data-hover="dropdown" data-close-others="true">Pilihan</a></li><li class=""><a href="index.php?page=Ringkasan" class="dropdown-toggle" data-hover="dropdown" data-close-others="true">Ringkasan</a></li></ul></div><!--/.nav-collapse --> </div> </div></header>

Potongan script diatas berfungsi untuk menampilkan header halaman

awal pada saat rektor berhasil login, dengan menggunakan tag header

pada dan class navbar navbar-wp pada css bootstrap.

B. Halaman Petugas

Halaman petugas berfungsi untuk menampilkan data petugas yang

mengurus beasiswa, pada halaman petugas user Dekan, akan

menampilkan data petugas di fakultasnya saja.

Page 44: ansharfirman.files.wordpress.com · Web viewdiatas berfungsi untuk melihat gambar dari surat keterangan tidak mampu, dengan memanggil id sktm pada javascript. Halaman Tunda Halaman

171

Gambar 84. Halaman Petugas User Dekan

Kode yang berjalan pada halaman petugas user Dekan adalah

<table class="table table-bordered table-hover table-responsive"><thead><th>No</th><th>Username</th><th>Nama</th><th>Fakultas</th><th>No.Hp</th></thead><tbody><?php$query = "SELECT * from admin inner join fakultas on fakultas.id_fakultas=admin.fakultas where admin.level='Kasubag Kemahasiswaan' and fakultas.id_fakultas='$fakultas' order by fakultas.nama_fakultas asc";$query_ok = mysql_query($query);$no=0;while ($buff = mysql_fetch_array($query_ok)) {$no++;?><tr><td><?php echo $no ?></td><td><?php echo $buff['username']?></td><td><?php echo $buff['nama']?></td><td><?php echo $buff['nama_fakultas']?></td><td><?php echo $buff['no_hp']?></td></tr><?php }; ?></tbody></table>

Potongan script diatas berfungsi untuk menampilkan daftar petugas

user Dekan bagian staf kemahasiswaan.

Page 45: ansharfirman.files.wordpress.com · Web viewdiatas berfungsi untuk melihat gambar dari surat keterangan tidak mampu, dengan memanggil id sktm pada javascript. Halaman Tunda Halaman

172

C. Halaman Pendaftar

Halaman pendaftar berfungsi untuk melihat data pendaftar beasiswa

pada setiap tahun, dan untuk halaman pendaftar user Dekan, hanya

dapat melihat data pendaftar beasiswa di fakultasnya masing-masing

Gambar 85. Halaman Pendaftar User Dekan

Kode yang berjalan pada halaman pendaftar user Dekan adalah :

<form role="form" method="post" action="index.php?page=pendaftar"><div class="form-group"><label>Jenis Beasiswa</label><select class="form-control" name="nama_beasiswa"><option value="">---Pilih Beasiswa---</option><?php $beasiswa = "SELECT * from beasiswa";$beasiswa_ok = mysql_query($beasiswa) or die(mysql_error()."<br>".$beasiswa_ok);while ($buff_beasiswa = mysql_fetch_array($beasiswa_ok)) {?><option value="<?php echo $buff_beasiswa['nama_beasiswa'] ?>"><?php echo $buff_beasiswa['nama_beasiswa'];?></option><?php };?></select></div>

Page 46: ansharfirman.files.wordpress.com · Web viewdiatas berfungsi untuk melihat gambar dari surat keterangan tidak mampu, dengan memanggil id sktm pada javascript. Halaman Tunda Halaman

173

<div class="form-group"><label>Tahun</label><select class="form-control" name="tahun"><option value="">---Pilih Tahun---</option><option value="2014">2014</option><option value="2013">2013</option><option value="2012">2012</option></select></div><button type="submit" class="btn btn-two">Cari</button><a href="export/pdf.php" target="_blank"><button type="button" class="btn btn-success">Print</button></a></form>

Potongan script diatas berfungsi untuk menampilkan data penerima

beasiswa berdasarkan jenis beasiswa , tahun beasiswa dan fakultasnya

masing-masing.

D. Halaman Pilihan

Halaman menu pilihan merupakan halaman untuk Dekan dalam

memberikan keputusan mengenai penerima beasiswa PPA dan BBM.

Pada halaman ini Dekan hanya memasukan nim mahasiswa pilihannya

sesuai dengan fakultasnya masing-masing, dan kemudian memberikan

keputusannya melalui kolom disposisi.

Gambar 86. Halaman Pilihan User Dekan

Page 47: ansharfirman.files.wordpress.com · Web viewdiatas berfungsi untuk melihat gambar dari surat keterangan tidak mampu, dengan memanggil id sktm pada javascript. Halaman Tunda Halaman

174

Kode yang berjalan pada halaman pilihan user Dekan adalah

<table class="table table-bordered table-hover table-responsive"><thead><th>No</th><th>NIM</th><th>Nama</th><th>Program Studi</th><th>Jurusan</th><th class="aksi">Status</th><th class="aksi">Disposisi</th></thead><tbody><?phpif(isset($_POST['cari'])){$mahasiswa_pilihan = $_POST['mahasiswa_pilihan']; $query_pilihan = "SELECT * FROM pendaftar inner join mahasiswa on mahasiswa.nim=pendaftar.niminner join program_studi on program_studi.id_program_studi=mahasiswa.id_program_studiinner join jurusan on jurusan.id_jurusan=program_studi.id_jurusaninner join fakultas on fakultas.id_fakultas=jurusan.id_fakultasinner join keputusan on keputusan.id_pendaftar=pendaftar.id_pendaftarwhere pendaftar.nim in($mahasiswa_pilihan) and fakultas.id_fakultas='$fakultas'";$query_ok_pilihan = mysql_query($query_pilihan) or die(mysql_error()."<br>".$query_pilihan);$no=0;while ($buff_pilihan = mysql_fetch_array($query_ok_pilihan)) {$no++;if ($buff_pilihan['dekan']=='tolak') {$ini='<span class="label label-danger"> <i class="icon-warning-sign bigger-120"></i> Tolak </span>';}else if($buff_pilihan['dekan']=='terima'){$ini='<span class="label label-primary"> <i class="icon-ok-sign bigger-120"></i> Terima </span>';}else{$ini='<span class="label label-success"> <i class="icon-flag-sign bigger-120"></i> Baru </span>';}?><tr><td> <?php echo $no ?> </td><td><?php echo $buff_pilihan['nim']?></td><td><?php echo $buff_pilihan['nama']?></td><td><?php echo $buff_pilihan['nama_program_studi']?></td><td><?php echo $buff_pilihan['nama_jurusan']?></td><td class="aksi"><?php echo $ini;?></td><td class="aksi">

Page 48: ansharfirman.files.wordpress.com · Web viewdiatas berfungsi untuk melihat gambar dari surat keterangan tidak mampu, dengan memanggil id sktm pada javascript. Halaman Tunda Halaman

175

<a href="proses.php?action=dekan_tolak&id_pendaftar=<?php echo $buff_pilihan['id_pendaftar'];?>" title="Tolak"><i class="fa fa-minus-circle"></i></a> | <a href="proses.php?action=dekan_terima&id_pendaftar=<?php echo $buff_pilihan['id_pendaftar'];?>" title="Terima"><i class="fa fa-check-circle"></i></a></td></tr><?php }; } ?></tbody></table>

Potongan script diatas berfungsi untuk menampilkan mahasiswa

berdasarkan nim yang dientrikan dan sesuai dengan fakultasnya

masing-masing untuk di set terima atau tolak oleh dekan melalui icon

action

E. Halaman Penerima

Halaman penerima berfungsi untuk melihat data penerima beasiswa di

setiap tahun sesuai dengan fakultasnya masing-masing. Data penerima

beasiswa hanya dapat dilihat apabila Rektor sudah mempublish data

penerima beasiswa.

Gambar 87. Halaman Penerima User Dekan

Page 49: ansharfirman.files.wordpress.com · Web viewdiatas berfungsi untuk melihat gambar dari surat keterangan tidak mampu, dengan memanggil id sktm pada javascript. Halaman Tunda Halaman

176

Kode yang berjalan pada halaman penerima user Dekan adalah

<form role="form" method="post" action="index.php?page=penerima"><div class="form-group"><label>Jenis Beasiswa</label><select class="form-control" name="nama_beasiswa"><option value="">---Pilih Beasiswa---</option><?php $beasiswa = "SELECT * from beasiswa";$beasiswa_ok = mysql_query($beasiswa) or die(mysql_error()."<br>".$beasiswa_ok);while ($buff_beasiswa = mysql_fetch_array($beasiswa_ok)) {?><option value="<?php echo $buff_beasiswa['nama_beasiswa'] ?>"><?php echo $buff_beasiswa['nama_beasiswa'];?></option><?php };?></select></div><div class="form-group"><label>Tahun</label><select class="form-control" name="tahun"><option value="">---Pilih Tahun---</option><option value="2014">2014</option><option value="2013">2013</option><option value="2012">2012</option></select></div><?php$nama_beasiswa= $_POST['nama_beasiswa'];$tanggal = $_POST['tahun'];$_SESSION['nama_beasiswa']=$nama_beasiswa;$_SESSION['tanggal']=$tanggal;?><button type="submit" class="btn btn-two">Cari</button><a href="export/print.php" target="_blank"><button type="button" class="btn btn-success">Print</button></a></form>

Potongan script diatas berfungsi untuk menampilkan data penerima

beasiswa berdasarkan jenis beasiswa, dan tahun beasiswa.

F. Sub Menu Laporan Ringkasan

Halaman ringkasan merupakan halaman yang berfungsi untuk melihat

jumlah pendaftar dan penerima beasiswa pada setiap tahunnya

berdasarkan jurusan, jenis kelamin dan asal daerah.

Page 50: ansharfirman.files.wordpress.com · Web viewdiatas berfungsi untuk melihat gambar dari surat keterangan tidak mampu, dengan memanggil id sktm pada javascript. Halaman Tunda Halaman

177

Kode yang bekerja dalam halaman Ringkasan user Dekan adalah :

<form role="form" method="post" action="index.php?page=Ringkasan"><label>Jenis Beasiswa</label><select class="form-control" name="nama_beasiswa"><option value="">-Beasiswa-</option><?php $beasiswa = "SELECT * from beasiswa";$beasiswa_ok = mysql_query($beasiswa) or die(mysql_error()."<br>".$beasiswa_ok);while ($buff_beasiswa = mysql_fetch_array($beasiswa_ok)) {?><option value="<?php echo $buff_beasiswa['nama_beasiswa'] ?>"><?php echo $buff_beasiswa['nama_beasiswa'];?></option><?php };?></select></div><select class="form-control" name="tahun"><option value="">-Tahun-</option><option value="2014">2014</option><option value="2013">2013</option><option value="2012">2012</option></select></div><button type="submit" class="btn btn-two">Search</button><button type="submit" class="btn btn-two">Print</button></form>

Potongan script diatas berfungsi untuk memilih jenis beasiswa dan

tahunnya untuk melihat data Ringkasan beasiswa.

Page 51: ansharfirman.files.wordpress.com · Web viewdiatas berfungsi untuk melihat gambar dari surat keterangan tidak mampu, dengan memanggil id sktm pada javascript. Halaman Tunda Halaman

178

Gambar 87. Halaman Ringkasan User Dekan

G. Sub Menu Laporan Grafik

Halaman grafik merupakan halaman yang berfungsi untuk melihat

jumlah pendaftar dan penerima beasiswa pada setiap tahunnya

berdasarkan fakultas dan jenis kelamin dalam bentuk grafik.

Kode yang bekerja dalam halaman grafik user Dekan adalah :

Page 52: ansharfirman.files.wordpress.com · Web viewdiatas berfungsi untuk melihat gambar dari surat keterangan tidak mampu, dengan memanggil id sktm pada javascript. Halaman Tunda Halaman

179

<form role="form" method="post" action="index.php?page=Ringkasan"><label>Jenis Beasiswa</label><select class="form-control" name="nama_beasiswa"><option value="">-Beasiswa-</option><?php $beasiswa = "SELECT * from beasiswa";$beasiswa_ok = mysql_query($beasiswa) or die(mysql_error()."<br>".$beasiswa_ok);while ($buff_beasiswa = mysql_fetch_array($beasiswa_ok)) {?><option value="<?php echo $buff_beasiswa['nama_beasiswa'] ?>"><?php echo $buff_beasiswa['nama_beasiswa'];?></option><?php };?></select></div><select class="form-control" name="tahun"><option value="">-Tahun-</option><option value="2014">2014</option><option value="2013">2013</option><option value="2012">2012</option></select></div><button type="submit" class="btn btn-two">Search</button></form>

Potongan script diatas berfungsi untuk memilih jenis beasiswa dan

tahunnya untuk melihat data grafik beasiswa.

Gambar 88. Halaman Grafik User Dekan

Page 53: ansharfirman.files.wordpress.com · Web viewdiatas berfungsi untuk melihat gambar dari surat keterangan tidak mampu, dengan memanggil id sktm pada javascript. Halaman Tunda Halaman

180

7. Halaman User Kasubag Kemahasiswaan

User kasubag kemahasiswaan adalah user yang mempunyai wewenang

untuk memvalidasi berkas pendaftaran yang masuk, memasukan kuota

setiap jurusan, memasukan besar point kriteria penilaian, dan melihat data

pendaftar serta penerima beasiswa di fakultasnya masing-masing.

A. Halaman Welcome

Halaman welcome adalah halaman yang akan muncul pertama kali pada

saat user kasubag kemahasiswaan berhasil melakukan login.

Gambar 89. Halaman Welcome User Kasubag Kemahasiswaan

Kode yang berjalan pada halaman welcome user kasubag

kemahasiswaan adalah

<header> <div id="navOne" class="navbar navbar-wp" role="navigation"><div class="container"><div class="navbar-header">

Page 54: ansharfirman.files.wordpress.com · Web viewdiatas berfungsi untuk melihat gambar dari surat keterangan tidak mampu, dengan memanggil id sktm pada javascript. Halaman Tunda Halaman

181

<a class="navbar-brand" href="index.php" title="Boomerang | One template. Infinite solutions"><img src="../images/boomerang-logo-dark.png" alt="Boomerang | One template. Infinite solutions"></a></div><div class="navbar-collapse collapse"><ul class="nav navbar-nav navbar-right"><li class=""><a href="index.php?page=home" class="dropdown-toggle" data-hover="dropdown" data-close-others="true">Home</a></li><li class=""><a href="index.php?page=berkas" class="dropdown-toggle" data-hover="dropdown" data-close-others="true">Berkas</a></li><li class=""><a href="index.php?page=pengaturan" class="dropdown-toggle" data-hover="dropdown" data-close-others="true">Pengaturan</a></li><li class=""><a href="index.php?page=informasi" class="dropdown-toggle" data-hover="dropdown" data-close-others="true">Informasi</a></li><li class=""><a href="index.php?page=Ringkasan" class="dropdown-toggle" data-hover="dropdown" data-close-others="true">Ringkasan</a></li></ul></div><!--/.nav-collapse --></div></div></header>

Potongan script diatas berfungsi untuk menampilkan header halaman

awal pada saat kasubag kemahasiswaan berhasil login, dengan

menggunakan tag header pada dan class navbar navbar-wp pada css

bootstrap.

B. Halaman Kuota

Halaman kuota berfungsi untuk memasukan kuota masing-masing

jurusan, dengan ketentuan jumlah kuota yang dimasukan secara

keseluruhan tidak boleh lebih besar dari kuota fakultas yang telah

Page 55: ansharfirman.files.wordpress.com · Web viewdiatas berfungsi untuk melihat gambar dari surat keterangan tidak mampu, dengan memanggil id sktm pada javascript. Halaman Tunda Halaman

182

ditentukan. Jika jumlah kuota yang dimasukan telah melewati batas

kuota fakultas maka akan muncul pesan kesalahan seperti berikut.

Gambar 90 . Halaman Peringatan Kuota User Kasubag Kemahasiswaan

Kode yang berjalan pada halaman peringatan kuota user kasubag

kemahasiswaan adalah

<script language="javascript">; alert("Harap masukan kuota sesuai ketetapan"); document.location="index.php?page=Dashboard"; </script>

Gambar 91. Halaman Kuota User Kasubag Kemahasiswaan

Page 56: ansharfirman.files.wordpress.com · Web viewdiatas berfungsi untuk melihat gambar dari surat keterangan tidak mampu, dengan memanggil id sktm pada javascript. Halaman Tunda Halaman

183

Kode yang berjalan pada halaman kuota user kasubag kemahasiswaan

adalah

<table class="table table-bordered table-hover table-responsive"><thead><tr><th class="aksi">No.</th><th>Jurusan</th><th>Kuota</th><th class="aksi">Action</th></tr></thead><tbody><?php$query = "select * from kuota_jurusan inner join jurusan on kuota_jurusan.id_jurusan=jurusan.id_jurusan inner join beasiswa on kuota_jurusan.id_beasiswa=beasiswa.id_beasiswa inner join fakultas on jurusan.id_fakultas=fakultas.id_fakultas where fakultas.id_fakultas='$fakultas' and beasiswa.nama_beasiswa='$beasiswa'";$query_ok = mysql_query($query) or die(mysql_error()."<br>".$query);$no=0;while ($buff = mysql_fetch_array($query_ok)) {$no++;?><tr><td class="aksi"><?php echo $no ?></td><td><?php echo $buff['nama_jurusan']?></td><td><?php echo $buff['kj']?></td><td class="aksi"><div class="action-buttons"><a data-toggle="modal" href="#detail<?php echo $buff['id_kj'] ?>" title="Edit"><i class="fa fa-edit"></i></a> | <a href="proses.php?action=Reset&id_kj=<?php echo $buff['id_kj'];?>" title="Reset"><i class="fa fa-refresh"></i></a></div></td></tr><?php }; ?></table>

Potongan script diatas berfungsi untuk menampilkan kuota masing-

masing jurusan berdasarkan jenis beasiswa yang dipilih.

Page 57: ansharfirman.files.wordpress.com · Web viewdiatas berfungsi untuk melihat gambar dari surat keterangan tidak mampu, dengan memanggil id sktm pada javascript. Halaman Tunda Halaman

184

C. Halaman Point

Halaman point adalah halaman yang berfungsi untuk memasukan besar

persentase dari nilai kriteria pada setiap beasiswa.

Gambar 92. Halaman Point User Kasubag Kemahasiswaan

Kode yang berjalan pada halaman point user kasubag kemahasiswaan

adalah :

<table class="table table-bordered table-hover table-responsive"><thead><?php$query = "SELECT * from kriteria inner join fakultas on kriteria.id_fakultas=fakultas.id_fakultasinner join beasiswa on kriteria.id_beasiswa=beasiswa.id_beasiswa where fakultas.id_fakultas='$fakultas' and beasiswa.nama_beasiswa='$beasiswa'";$query_ok = mysql_query($query) or die(mysql_error()."<br>".$query);$buff = mysql_fetch_array($query_ok)?><tr><th>Kriteria</th><th>Besar Point <a data-toggle="modal" href="#detail<?php echo $buff['id_k'] ?>" title="Edit"><button class="btn btn-info btn-xs">Edit</button></a></th>

Page 58: ansharfirman.files.wordpress.com · Web viewdiatas berfungsi untuk melihat gambar dari surat keterangan tidak mampu, dengan memanggil id sktm pada javascript. Halaman Tunda Halaman

185

</tr></thead><tbody><tr><td>IPK</td><td><?php echo $buff['k_ipk']?>%</td></tr><tr><td>Ekonomi</td><td><?php echo $buff['k_ekonomi']?>%</td></tr><tr><td>Jumlah Bersaudara</td><td><?php echo $buff['k_jb']?>%</td></tr><tr><td>Ekstrakurikuler</td><td><?php echo $buff['k_aktf_org']?>%</td></tr><tr><td>Jumlah SKS</td><td><?php echo $buff['k_sks']?>%</td></tr></tbody></table>

Potongan script diatas berfungsi untuk menampilkan jumlah persentase

point untuk setiap kriteria beasiswa pada fakultas masing-masing. Yang

mana persentase ini akan digunakan dalam pencarian point hasil seleksi

berkas pendaftaran.

D. Halaman Pendaftar

Halaman pendaftar berfungsi untuk melihat data pendaftar beasiswa di

setiap tahunnya, pada halaman pendaftar user kasubag kemahasiswaan,

data pendaftar yang bisa dilihat adalah data pendaftar dari fakultasnya

maisng-masing

Page 59: ansharfirman.files.wordpress.com · Web viewdiatas berfungsi untuk melihat gambar dari surat keterangan tidak mampu, dengan memanggil id sktm pada javascript. Halaman Tunda Halaman

186

Gambar 93. Halaman Pendaftar User Kasubag Fakultas

Kode yang berjalan pada halaman pendaftar user kasubag fakultas

adalah

<form class="form-horizontal" method="post" action="index.php?page=Pendaftar">

div class="form-group"><label class="col-sm-2 control-label no-padding-right">Jenis

Beasiswa : </label><div class="col-sm-2"><select class="form-control" name="nama_beasiswa"><option value="">&nbsp;</option><option value="PPA">PPA</option><option value="BBM">BBM</option></select></div>

<label class="col-sm-1 control-label no-padding-right">Tahun : </label>

<div class="col-sm-2"><select class="form-control" name="tahun"><option value="">&nbsp;</option><option value="2014">2014</option><option value="2015">2015</option><option value="2016">2016</option><option value="2017">2017</option></select></div>

Page 60: ansharfirman.files.wordpress.com · Web viewdiatas berfungsi untuk melihat gambar dari surat keterangan tidak mampu, dengan memanggil id sktm pada javascript. Halaman Tunda Halaman

187

<input type="submit" value="Cari" class="btn btn-success btn-sm">

<a class="btn btn-danger btn-sm" href='export/pdf.php' target='_blank'>Print</a>

</form>

Potongan script diatas berfungsi untuk menampilkan data pendaftar

beasiswa berdasarkan jenis beasiswa ,tahun beasiswa dan sesuai dengan

fakultasnya masing-masing

E. Halaman Validasi

Halaman validasi berfungsi untuk memvalidasi data pendaftar beasiswa,

pada halaman validasi, kasubag kemahasiswaan dapat melihat berkas

surat dengan mengklik kolom pada surat yang ingin dilihat, dan akan

tampil surat dalam bentuk tampilan modal, sehingga proses memeriksa

berkas tidak memakan waktu yang lama, karena modal diproses dalam

satu halaman sehingga proses memeriksa menjadi cepat. Setelah

diperiksa, jika valid maka kasubag kemahasiswaan memilih icon valid,

dan jika tidak, kasubag kemahasiswaan memilih icon tidak valid.

Page 61: ansharfirman.files.wordpress.com · Web viewdiatas berfungsi untuk melihat gambar dari surat keterangan tidak mampu, dengan memanggil id sktm pada javascript. Halaman Tunda Halaman

188

Gambar 94. Halaman Validasi User Kasubag Kemahasiswaan

Kode yang berjalan pada halaman validasi user kasubag kemahasiwaan

adalah :

<?php$query = "SELECT * from pendaftar inner join mahasiswa on pendaftar.nim=mahasiswa.niminner join program_studi on mahasiswa.id_program_studi=program_studi.id_program_studi inner join jurusan on jurusan.id_jurusan=program_studi.id_jurusaninner join fakultas on fakultas.id_fakultas=jurusan.id_fakultasinner join beasiswa on pendaftar.id_beasiswa=beasiswa.id_beasiswainner join keputusan on keputusan.id_pendaftar=pendaftar.id_pendaftarinner join persyaratan on persyaratan.id_pendaftar=pendaftar.id_pendaftarwhere beasiswa.nama_beasiswa='$beasiswa'and fakultas.id_fakultas='$fakultas' and keputusan.kasubag='' order by pendaftar.nim asc";?>

Potongan script diatas berfungsi untuk menampilkan data persyaratan

beasiswa yang telah dikirimkan oleh pendaftar, setelah itu kasubag

Page 62: ansharfirman.files.wordpress.com · Web viewdiatas berfungsi untuk melihat gambar dari surat keterangan tidak mampu, dengan memanggil id sktm pada javascript. Halaman Tunda Halaman

189

kemahasiswaan dapat memberikan keputusan dengan mengklik salah

satu icon action untuk diterima atau ditolak

Berikut adalah tampilan pada saat salah satu berkas surat pada data

pendaftaran beasiswa di klik, maka akan tampil jendela modal yang

berisi berkas surat tersebut.

Gambar 95. Halaman Modal Validasi Kasubag Kemahasiswaan

Kode yang berjalan pada halaman modal validasi kasubag

kemahasiswaan adalah :

<?php $sk1 = mysql_query("SELECT * FROM persyaratan inner join pendaftar on persyaratan.id_pendaftar=pendaftar.id_pendaftar"); while ($buff2 = mysql_fetch_array($sk1)) { ?> <div class="modal fade" id="sktm<?php echo $buff2['id_pendaftar'] ?>" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true"> <div class="modal-dialog"> <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button> <h4 class="modal-title">Surat Keterangan Tidak Mampu</h4> </div> <div class="modal-body"> <form method="post" action="proses.php?action=add_informasi"> <div class="form-group"> <img src="../mahasiswa/foto/small_<?php echo $buff2['sktm']?>"> </div>

Page 63: ansharfirman.files.wordpress.com · Web viewdiatas berfungsi untuk melihat gambar dari surat keterangan tidak mampu, dengan memanggil id sktm pada javascript. Halaman Tunda Halaman

190

</div> <div class="modal-footer"> <button type="button" class="btn btn-default" data-dismiss="modal">Close</button> </form> </div> </div><!-- /.modal-content --> </div><!-- /.modal-dialog --> </div><!-- /.modal --> <?php } ?>

Potongan script diatas berfungsi untuk melihat gambar dari surat

keterangan tidak mampu, dengan memanggil id sktm pada javascript.

F. Halaman Tunda

Halaman tunda adalah halaman yang menampilkan data pendaftar yang

tidak valid setelah dilakukan validasi oleh kasubag kemahasiswaan.

Gambar 96. Halaman Tunda User Kasubag Kemahasiswaan

Kode yang berjalan pada halaman tunda user kasubag kemahasiswaan

adalah

<?php

Page 64: ansharfirman.files.wordpress.com · Web viewdiatas berfungsi untuk melihat gambar dari surat keterangan tidak mampu, dengan memanggil id sktm pada javascript. Halaman Tunda Halaman

191

$query = "SELECT * from pendaftar inner join mahasiswa on pendaftar.nim=mahasiswa.niminner join program_studi on mahasiswa.id_program_studi=program_studi.id_program_studi inner join jurusan on jurusan.id_jurusan=program_studi.id_jurusaninner join fakultas on fakultas.id_fakultas=jurusan.id_fakultasinner join beasiswa on pendaftar.id_beasiswa=beasiswa.id_beasiswainner join keputusan on keputusan.id_pendaftar=pendaftar.id_pendaftarinner join persyaratan on persyaratan.id_pendaftar=pendaftar.id_pendaftarwhere beasiswa.nama_beasiswa='$beasiswa'and fakultas.id_fakultas='$fakultas' and keputusan.kasubag='tidak valid' order by pendaftar.nim asc";?>

Potongan script diatas berfungsi untuk menampilkan data pendaftar

beasiswa sesuai dengan fakultasnya masing-masing yang mana data

pendaftar tersebut tidak valid dan diurutkan berdasarkan nim terendah.

G. Halaman Penerima

Halaman penerima adalah halaman yang menampilkan data penerima

beasiswa berdasarkan tahun, halaman penerima user kasubag

kemahasiswaan hanya dapat melihat data penerima beasiswa di

fakultasnya masing-masing, dan data penerima beasiswa hanya dapat

dilihat setelah Rektor memberi keputusan data untuk di publish.

Kode yang berjalan pada halaman penerima user kasubag

kemahasiswaan adalah :

<form role="form" method="post" action="index.php?page=penerima"><select class="form-control" name="nama_beasiswa"><option value="0">--Pilih Beasiswa--</option><?php$query = "select * from beasiswa";$query_ok = mysql_query($query);while ($buff = mysql_fetch_array($query_ok)) {?><option value="<?php echo $buff['nama_beasiswa'] ?>"><?php echo $buff['nama_beasiswa'] ?></option>

Page 65: ansharfirman.files.wordpress.com · Web viewdiatas berfungsi untuk melihat gambar dari surat keterangan tidak mampu, dengan memanggil id sktm pada javascript. Halaman Tunda Halaman

192

<?php }; ?></select></div><div class="col-sm-3"><label>Tahun : </label><select class="form-control" name="tahun"><option value="0">--Pilih Tahun--</option><option value="2012">2012</option><option value="2013">2013</option><option value="2014">2014</option><option value="2015">2015</option><option value="2016">2016</option></select><?php $nama_beasiswa= $_POST['nama_beasiswa'];$tanggal = $_POST['tahun'];$_SESSION['nama_beasiswa']=$nama_beasiswa;$_SESSION['tanggal']=$tanggal;?></div><div class="col-sm-5" style="padding-top:27px;"><button type="submit" class="btn btn-primary ">Cari</button><a href="export/print.php" target="_blank"><button type="button" class="btn btn-success">Print</button></a><button type="submit" class="btn btn-info "><?php echo $nama_beasiswa.' Tahun '.$tanggal; ?></button></div></div></form>

Berikut implementasi halaman penerima beasiswa pada user kasubag

kemahasiswaan :

Gambar 97. Halaman Penerima User Kasubag Kemahasiswaan

H. Halaman Informasi

Page 66: ansharfirman.files.wordpress.com · Web viewdiatas berfungsi untuk melihat gambar dari surat keterangan tidak mampu, dengan memanggil id sktm pada javascript. Halaman Tunda Halaman

193

Halaman informasi berfungsi untuk mengirimkan informasi mengenai

beasiswa kepada mahasiswa pada setiap fakultasnya masing-masing

Gambar 98. Halaman Informasi User Kasubag Kemahasiswaan

Kode yang berjalan pada halaman informasi user kasubag

kemahasiswaan adalah :

<li class="event offset-first"><div class="event-date"><a href="proses.php?action=delete_informasi&id_informasi=<?php echo $b_info1['id_informasi'];?>" onClick="return confirm('Anda yakin?');" title="Hapus"><button type="button" class="close" >×</button></a><?php echo $b_info1['judul'] ?><small><?php echo $b_info1['tanggal'] ?></small> </div><div class="event-body"><div class="row"><div class="col-md-12"><p><?php echo $b_info1['informasi'] ?></p></div></div></div>

Page 67: ansharfirman.files.wordpress.com · Web viewdiatas berfungsi untuk melihat gambar dari surat keterangan tidak mampu, dengan memanggil id sktm pada javascript. Halaman Tunda Halaman

194

Potongan script diatas berfungsi untuk menampilkan informasi, dan

informasi tersebut hanya dapat dilihat sesuai dengan fakultasnya

masing-masing.

I. Sub Menu Laporan Ringkasan

Halaman ringkasan merupakan halaman yang berfungsi untuk melihat

jumlah pendaftar dan penerima beasiswa pada setiap tahunnya

berdasarkan jurusan, jenis kelamin dan asal daerah.

Kode yang bekerja dalam halaman Ringkasan user Kemahasiswaan

adalah :

<form role="form" method="post" action="index.php?page=Ringkasan"><label>Jenis Beasiswa</label><select class="form-control" name="nama_beasiswa"><option value="">-Beasiswa-</option><?php $beasiswa = "SELECT * from beasiswa";$beasiswa_ok = mysql_query($beasiswa) or die(mysql_error()."<br>".$beasiswa_ok);while ($buff_beasiswa = mysql_fetch_array($beasiswa_ok)) {?><option value="<?php echo $buff_beasiswa['nama_beasiswa'] ?>"><?php echo $buff_beasiswa['nama_beasiswa'];?></option><?php };?></select></div><select class="form-control" name="tahun"><option value="">-Tahun-</option><option value="2014">2014</option><option value="2013">2013</option><option value="2012">2012</option></select></div><button type="submit" class="btn btn-two">Search</button><button type="submit" class="btn btn-two">Print</button></form>

Potongan script diatas berfungsi untuk memilih jenis beasiswa dan

tahunnya untuk melihat data Ringkasan beasiswa.

Page 68: ansharfirman.files.wordpress.com · Web viewdiatas berfungsi untuk melihat gambar dari surat keterangan tidak mampu, dengan memanggil id sktm pada javascript. Halaman Tunda Halaman

195

Gambar 98. Halaman Ringkasan User Kemahasiswaan

J. Sub Menu Laporan Grafik

Halaman grafik merupakan halaman yang berfungsi untuk melihat

jumlah pendaftar dan penerima beasiswa pada setiap tahunnya

berdasarkan fakultas dan jenis kelamin dalam bentuk grafik.

Kode yang bekerja dalam halaman grafik user Dekan adalah :

Page 69: ansharfirman.files.wordpress.com · Web viewdiatas berfungsi untuk melihat gambar dari surat keterangan tidak mampu, dengan memanggil id sktm pada javascript. Halaman Tunda Halaman

196

<form role="form" method="post" action="index.php?page=Ringkasan"><label>Jenis Beasiswa</label><select class="form-control" name="nama_beasiswa"><option value="">-Beasiswa-</option><?php $beasiswa = "SELECT * from beasiswa";$beasiswa_ok = mysql_query($beasiswa) or die(mysql_error()."<br>".$beasiswa_ok);while ($buff_beasiswa = mysql_fetch_array($beasiswa_ok)) {?><option value="<?php echo $buff_beasiswa['nama_beasiswa'] ?>"><?php echo $buff_beasiswa['nama_beasiswa'];?></option><?php };?></select></div><select class="form-control" name="tahun"><option value="">-Tahun-</option><option value="2014">2014</option><option value="2013">2013</option><option value="2012">2012</option></select></div><button type="submit" class="btn btn-two">Search</button></form>

Potongan script diatas berfungsi untuk memilih jenis beasiswa dan

tahunnya untuk melihat data grafik beasiswa.

Gambar 99. Halaman Grafik User Kemahasiswaan

Page 70: ansharfirman.files.wordpress.com · Web viewdiatas berfungsi untuk melihat gambar dari surat keterangan tidak mampu, dengan memanggil id sktm pada javascript. Halaman Tunda Halaman

197

8. Halaman User Jurusan

User jurusan adalah user yang mempunyai wewenang untuk melihat data

pendaftar beasiswa dan penerima beasiswa sesuai dengan jurusannya

masing-masing.

A. Halaman Welcome

Halaman welcome berfungsi untuk halaman pada saat user Jurusan

berhasil melakukan login.

Gambar 100. Halaman Welcome User Jurusan

Kode yang bekerja pada halaman welcome User Jurusan adalah :

<header> <div id="navOne" class="navbar navbar-wp" role="navigation">

<div class="container"> <div class="navbar-header"><a class="navbar-brand" href="index.php" title="Boomerang | One template. Infinite solutions"><img src="../images/boomerang-logo-dark.png" alt="Boomerang | One template. Infinite solutions"></a>

Page 71: ansharfirman.files.wordpress.com · Web viewdiatas berfungsi untuk melihat gambar dari surat keterangan tidak mampu, dengan memanggil id sktm pada javascript. Halaman Tunda Halaman

198

</div><div class="navbar-collapse collapse"><ul class="nav navbar-nav navbar-right"><li class=""><a href="index.php?page=home" class="dropdown-toggle" data-hover="dropdown" data-close-others="true">Home</a></li><li class=""><a href="index.php?page=pendaftar" class="dropdown-toggle" data-hover="dropdown" data-close-others="true">Pendaftar</a></li><li class=""><a href="index.php?page=penerima" class="dropdown-toggle" data-hover="dropdown" data-close-others="true">Penerima</a></li><li class=""><a href="index.php?page=Ringkasan" class="dropdown-toggle" data-hover="dropdown" data-close-others="true">Ringkasan</a></li></ul></div><!--/.nav-collapse --></div></div></header>

Potongan script diatas berfungsi untuk menampilkan header halaman

awal pada saat jurusan berhasil login, dengan menggunakan tag header

pada dan class navbar navbar-wp pada css bootstrap.

B. Halaman Menu Pendaftar

Halaman menu pendaftar adalah halaman yang digunakan untuk

melihat data pendaftar beasiswa. Untuk user Jurusan, pada halaman

pendaftar dapat menampilkan data seluruh pendaftar beasiswa PPA dan

BBM dalam tiap tahun, dan terdapat fitur print serta menyimpan

laporan pendaftar ke dalam bentuk file pdf.

Page 72: ansharfirman.files.wordpress.com · Web viewdiatas berfungsi untuk melihat gambar dari surat keterangan tidak mampu, dengan memanggil id sktm pada javascript. Halaman Tunda Halaman

199

Gambar 101. Halaman Pendaftar Beasiswa User Jurusan

Kode yang bekerja dalam halaman pendaftar beasiswa user Jurusan

adalah :

<form role="form" method="post" action="index.php?page=pendaftar"><div class="form-group"><label>Jenis Beasiswa</label><select class="form-control" name="nama_beasiswa"><option value="">---Pilih Beasiswa---</option><?php $beasiswa = "SELECT * from beasiswa";$beasiswa_ok = mysql_query($beasiswa) or die(mysql_error()."<br>".$beasiswa_ok);while ($buff_beasiswa = mysql_fetch_array($beasiswa_ok)) {?><option value="<?php echo $buff_beasiswa['nama_beasiswa'] ?>"><?php echo $buff_beasiswa['nama_beasiswa'];?></option><?php };?></select></div><div class="form-group"><label>Tahun</label><select class="form-control" name="tahun"><option value="">---Pilih Tahun---</option><option value="2014">2014</option><option value="2013">2013</option><option value="2012">2012</option></select>

Page 73: ansharfirman.files.wordpress.com · Web viewdiatas berfungsi untuk melihat gambar dari surat keterangan tidak mampu, dengan memanggil id sktm pada javascript. Halaman Tunda Halaman

200

</div><button type="submit" class="btn btn-two">Cari</button><a href="export/pdf.php" target="_blank"><button type="button" class="btn btn-success">Print</button></a></form>

Potongan script diatas berfungsi untuk menampilkan data pendaftar

sesuai dengan jenis beasiswa yang ingin ditampilkan, tahun beasiswa,

jurusannya masing-masing dan diurutkan berdasarkan nim mulai dari

nim terendah.

C. Halaman Menu Penerima

Halaman menu penerima beasiswa merupakan halaman yang berfungsi

untuk menampilkan data penerima beasiswa ppa dan bbm di tingkat

universitas untuk setiap tahunnya. Pada menu penerima beasiswa

terdapat fitur print serta menyimpan file laporan penerima ke dalam

bentuk pdf, dan juga pada halaman penerima beasiswa terdapat fungsi

publish dengan mengklik tombol publish maka data penerima beasiswa

dapat dilihat oleh user lain, baik dari petugas beasiswa hingga

mahasiswa.

Gambar 102. Halaman Penerima Beasiswa User Jurusan

Page 74: ansharfirman.files.wordpress.com · Web viewdiatas berfungsi untuk melihat gambar dari surat keterangan tidak mampu, dengan memanggil id sktm pada javascript. Halaman Tunda Halaman

201

Kode yang bekerja dalam halaman penerima beasiswa user Jurusan

adalah :

<form role="form" method="post" action="index.php?page=penerima"><div class="form-group"><label>Jenis Beasiswa</label><select class="form-control" name="nama_beasiswa"><option value="">---Pilih Beasiswa---</option><?php $beasiswa = "SELECT * from beasiswa";$beasiswa_ok = mysql_query($beasiswa) or die(mysql_error()."<br>".$beasiswa_ok);while ($buff_beasiswa = mysql_fetch_array($beasiswa_ok)) {?><option value="<?php echo $buff_beasiswa['nama_beasiswa'] ?>"><?php echo $buff_beasiswa['nama_beasiswa'];?></option><?php };?></select></div><div class="form-group"><label>Tahun</label><select class="form-control" name="tahun"><option value="">---Pilih Tahun---</option><option value="2014">2014</option><option value="2013">2013</option><option value="2012">2012</option></select></div><?php$nama_beasiswa= $_POST['nama_beasiswa'];$tanggal = $_POST['tahun'];$_SESSION['nama_beasiswa']=$nama_beasiswa;$_SESSION['tanggal']=$tanggal;?><button type="submit" class="btn btn-two">Cari</button><a href="export/print.php" target="_blank"><button type="button" class="btn btn-success">Print</button></a></form>

Potongan script diatas berfungsi untuk menampilkan data penerima

beasiswa berdasarkan jenis beasiswa, tahun beasiswa dan sesuai dengan

jurusannya masing-masing.

Page 75: ansharfirman.files.wordpress.com · Web viewdiatas berfungsi untuk melihat gambar dari surat keterangan tidak mampu, dengan memanggil id sktm pada javascript. Halaman Tunda Halaman

202

D. Sub Menu Laporan Ringkasan

Halaman ringkasan merupakan halaman yang berfungsi untuk melihat

jumlah pendaftar dan penerima beasiswa pada setiap tahunnya

berdasarkan program studi, jenis kelamin dan asal daerah.

Kode yang bekerja dalam halaman Ringkasan user jurusan adalah :

<form role="form" method="post" action="index.php?page=Ringkasan"><label>Jenis Beasiswa</label><select class="form-control" name="nama_beasiswa"><option value="">-Beasiswa-</option><?php $beasiswa = "SELECT * from beasiswa";$beasiswa_ok = mysql_query($beasiswa) or die(mysql_error()."<br>".$beasiswa_ok);while ($buff_beasiswa = mysql_fetch_array($beasiswa_ok)) {?><option value="<?php echo $buff_beasiswa['nama_beasiswa'] ?>"><?php echo $buff_beasiswa['nama_beasiswa'];?></option><?php };?></select></div><select class="form-control" name="tahun"><option value="">-Tahun-</option><option value="2014">2014</option><option value="2013">2013</option><option value="2012">2012</option></select></div><button type="submit" class="btn btn-two">Search</button><button type="submit" class="btn btn-two">Print</button></form>

Potongan script diatas berfungsi untuk memilih jenis beasiswa dan

tahunnya untuk melihat data Ringkasan beasiswa.

Page 76: ansharfirman.files.wordpress.com · Web viewdiatas berfungsi untuk melihat gambar dari surat keterangan tidak mampu, dengan memanggil id sktm pada javascript. Halaman Tunda Halaman

203

Gambar 102. Halaman Ringkasan User Jurusan

E. Sub Menu Laporan Grafik

Halaman grafik merupakan halaman yang berfungsi untuk melihat

jumlah pendaftar dan penerima beasiswa pada setiap tahunnya

berdasarkan program studi dan jenis kelamin dalam bentuk grafik.

Kode yang bekerja dalam halaman grafik user Jurusan adalah :

Page 77: ansharfirman.files.wordpress.com · Web viewdiatas berfungsi untuk melihat gambar dari surat keterangan tidak mampu, dengan memanggil id sktm pada javascript. Halaman Tunda Halaman

204

<form role="form" method="post" action="index.php?page=Ringkasan"><label>Jenis Beasiswa</label><select class="form-control" name="nama_beasiswa"><option value="">-Beasiswa-</option><?php $beasiswa = "SELECT * from beasiswa";$beasiswa_ok = mysql_query($beasiswa) or die(mysql_error()."<br>".$beasiswa_ok);while ($buff_beasiswa = mysql_fetch_array($beasiswa_ok)) {?><option value="<?php echo $buff_beasiswa['nama_beasiswa'] ?>"><?php echo $buff_beasiswa['nama_beasiswa'];?></option><?php };?></select></div><select class="form-control" name="tahun"><option value="">-Tahun-</option><option value="2014">2014</option><option value="2013">2013</option><option value="2012">2012</option></select></div><button type="submit" class="btn btn-two">Search</button></form>

Potongan script diatas berfungsi untuk memilih jenis beasiswa dan

tahunnya untuk melihat data grafik beasiswa.

Gambar 103. Halaman Grafik User Jurusan

Page 78: ansharfirman.files.wordpress.com · Web viewdiatas berfungsi untuk melihat gambar dari surat keterangan tidak mampu, dengan memanggil id sktm pada javascript. Halaman Tunda Halaman

205

9. Halaman User Mahasiswa

User mahasiswa adalah user yang mempunyai hak untuk melakukan

pendaftaran dalam beasiswa, dan pada akhir periode jadwal beasiswa dan

setelah data penerima dipublish oleh Rektor, maka mahasiswa dapat

melihat hasil penerima beasiswa di tingkat jurusannya masing-masing.

A. Halaman Welcome

Halaman welcome adalah halaman yang pertama muncul pada saat

mahasiswa berhasil melakukan login.

Gambar 104. Halaman Welcome User Mahasiswa

Kode yang berjalan pada halaman welcome user mahasiswa adalah

<header> <div id="navOne" class="navbar navbar-wp" role="navigation">

<div class="container"> <div class="navbar-header"> <a class="navbar-brand" href="index.php" title="Boomerang | One template. Infinite solutions">

Page 79: ansharfirman.files.wordpress.com · Web viewdiatas berfungsi untuk melihat gambar dari surat keterangan tidak mampu, dengan memanggil id sktm pada javascript. Halaman Tunda Halaman

206

<img src="../images/boomerang-logo-dark.png" alt="Boomerang | One template. Infinite solutions"> </a> </div> <div class="navbar-collapse collapse"> <ul class="nav navbar-nav navbar-right"> <li class=""> <a href="index.php?page=home" class="dropdown-toggle" data-hover="dropdown" data-close-others="true">Home</a> </li> <li class=""> <a href="index.php?page=pendaftar" class="dropdown-toggle" data-hover="dropdown" data-close-others="true">Pendaftaran</a> </li> <li class=""> <a href="index.php?page=informasi" class="dropdown-toggle" data-hover="dropdown" data-close-others="true">Informasi</a> </li> <li class=""> <a href="index.php?page=penerima" class="dropdown-toggle" data-hover="dropdown" data-close-others="true">Penerima</a> </li> </ul> </div><!--/.nav-collapse --> </div> </div></header>

Potongan script diatas berfungsi untuk menampilkan header halaman

awal pada saat jurusan berhasil login, dengan menggunakan tag header

pada dan class navbar navbar-wp pada css bootstrap.

B. Halaman Pendaftaran

Halaman pendaftaran merupakan halaman yang berfungsi untuk

menampilkan formulir pendaftaran beasiswa, pada halaman inilah

mahasiswa melakukan pendaftaran beasiswa. Jadwal pendaftaran

beasiswa di atur oleh BAAK jika bukan sedang jadwal pendaftaran

beasiswa maka akan muncul pesan seperti gambar berikut

Page 80: ansharfirman.files.wordpress.com · Web viewdiatas berfungsi untuk melihat gambar dari surat keterangan tidak mampu, dengan memanggil id sktm pada javascript. Halaman Tunda Halaman

207

Gambar 105. Halaman peringatan User Mahasiswa

Kode yang berjalan pada halaman peringatan user mahasiswa adalah

<script language="javascript">; alert("Belum Periode Pendaftaran Beasiswa"); document.location="index.php?page=Dashboard";

Berikut implementasi halaman pendaftaran user mahasiswa :

Gambar 106. Halaman Pendaftaran User Mahasiswa Step1

Kode yang berjalan pada halaman pendaftaran user mahasiswa step 1

adalah :

Page 81: ansharfirman.files.wordpress.com · Web viewdiatas berfungsi untuk melihat gambar dari surat keterangan tidak mampu, dengan memanggil id sktm pada javascript. Halaman Tunda Halaman

208

<div class="tab-pane active" id="tab1"><div class="row"><div class="col-md-4"><div class="form-group"><label for="firstName">NIM</label><input class="form-control" value="<?php echo $buff_cek_pendaftaran['nim']; ?>" name="nim" id="nim" type="text" readonly></div></div><div class="col-md-8"><div class="form-group"><label for="lastName">Nama</label><input class="form-control" value="<?php echo $buff_cek_pendaftaran['nama']; ?>" name="nama" id="nama" type="text" readonly></div>

Potongan script diatas berfungsi untuk menampilkan form pertama

yang digunakan untuk entri data, form tersebut disimpan dalam id tab1.

Gambar 107. Halaman Pendaftaran User Mahasiswa Step2

Page 82: ansharfirman.files.wordpress.com · Web viewdiatas berfungsi untuk melihat gambar dari surat keterangan tidak mampu, dengan memanggil id sktm pada javascript. Halaman Tunda Halaman

209

Kode yang berjalan pada halaman pendaftaran user mahasiswa step2

adalah :

<div class="tab-pane" id="tab2"><div class="row"><div class="col-md-4"><div class="form-group"><label for="lastName">Jenis Kelamin</label><select name="jenis_kelamin" class="form-control" required><?php if ($buff_cek_pendaftaran['jekel']=='laki-laki'){?> <option value="laki-laki">laki-laki</option><option value="perempuan">perempuan</option><?php}else if($buff_cek_pendaftaran['jekel']=='perempuan'){ ?> <option value="perempuan">perempuan</option><option value="laki-laki">laki-laki</option><?php}else if($buff_cek_pendaftaran['jekel']==''){?><option value="">---Jekel---</option><option value="laki-laki">laki-laki</option><option value="perempuan">perempuan</option><?php }?></select>

Potongan script diatas berfungsi untuk menampilkan form kedua yang

digunakan untuk entri data, form tersebut disimpan dalam id tab2.

Gambar 108. Halaman Pendaftar User Mahasiswa Step3

Page 83: ansharfirman.files.wordpress.com · Web viewdiatas berfungsi untuk melihat gambar dari surat keterangan tidak mampu, dengan memanggil id sktm pada javascript. Halaman Tunda Halaman

210

Kode yang berjalan pada halaman pendaftar user mahasiswa step3

adalah

<div class="tab-pane" id="tab3"><div class="row"><div class="col-md-8"><div class="form-group"><label for="firstName">Surat Ketarangan Tidak Mampu</label><input name="sktm" type="file" id="id-input-file-3"></div></div><div class="col-md-8"><div class="form-group"><label for="lastName">Surat Keterangan Tidak Sedang Menerima Beasiswa</label><input name="sk_beasiswa" type="file" id="id-input-file-3"></div></div></div>

Potongan script diatas berfungsi untuk menampilkan form ketiga yang

digunakan untuk entri data, form tersebut disimpan dalam id tab3.

Gambar 109. Halaman Pendaftaran User Mahasiswa Step4

Page 84: ansharfirman.files.wordpress.com · Web viewdiatas berfungsi untuk melihat gambar dari surat keterangan tidak mampu, dengan memanggil id sktm pada javascript. Halaman Tunda Halaman

211

Kode yang berjalan pada halaman pendaftaran user mahasiswa step4

adalah :

<div class="tab-pane" id="tab4"><div class="row"><div class="col-md-12">

<div id="pesan_kirim" style="display:none"></div></div></div>

Potongan script diatas berfungsi untuk menampilkan data yang sudah

dientri oleh mahasiswa dan disimpan dalam tab4.

Gambar 110. Halaman Pendaftaran Berhasil User Mahasiswa

Kode yang berjalan pada halaman pendaftaran berhasil adalah

if($res == true){?>

<script language='javascript'>; alert('Pendaftaran Berhasil');document.location='index.php?page=Dashboard';</script><?php

}else{echo "Entry Gagal";

}

Kode lengkap halaman pendaftaran berhasil dapat dilihat pada lampiran

Page 85: ansharfirman.files.wordpress.com · Web viewdiatas berfungsi untuk melihat gambar dari surat keterangan tidak mampu, dengan memanggil id sktm pada javascript. Halaman Tunda Halaman

212

C. Halaman Informasi

Halaman informasi berfungsi untuk melihat informasi mengenai

beasiswa yang diberitahukan oleh kasubag kemahasiswaan di masing-

masing fakultas.

Gambar 111. Halaman Informasi User Mahasiswa

Kode yang berjalan pada halaman informasi user mahasiswa adalah

<li class="event"><div class="event-date"><?php echo $b_info2['judul'] ?><small><?php echo $b_info2['tanggal'] ?></small> </div><div class="row"><div class="col-md-12"><div class="event-body"><div class="row"><div class="col-md-12"><p><?php echo $b_info2['informasi'] ?></p></div></div></div></div></div></li>

Page 86: ansharfirman.files.wordpress.com · Web viewdiatas berfungsi untuk melihat gambar dari surat keterangan tidak mampu, dengan memanggil id sktm pada javascript. Halaman Tunda Halaman

213

Potongan script diatas berfungsi untuk menampilkan informasi

beasiswa, untuk fakultas masing-masing.

D. Halaman Penerima

Halaman penerima berfungsi untuk melihat penerima beasiswa,

pendaftar hanya dapat melihat data penerima beasiswa di tingkat

jurusanya masing-masing, sesuai dengan jenis beasiswa yang dipihnya.

Data penerima dapat dilihat apabila Rektor sudah mempublish hasil

data penerima beasiswa. Berikut pesan yang akan muncul apabila hasil

penerima beasiswa belum di publish.

Gambar 112. Halaman Peringatan Penerima User Mahasiswa

Kode yang berjalan pada halaman peringatan penerima user mahasiswa

adalah :

<script language="javascript">; alert("Hasil belum diputuskan"); document.location="index.php?page=Dashboard"; </script>

Kode lengkap halaman peringatan penerima user mahasiswa dapat

dilihat pada lampiran

Page 87: ansharfirman.files.wordpress.com · Web viewdiatas berfungsi untuk melihat gambar dari surat keterangan tidak mampu, dengan memanggil id sktm pada javascript. Halaman Tunda Halaman

214

Berikut implementasi dari halaman penerima user mahasiswa :

Gambar 113. Halaman Penerima User Mahasiswa

Kode yang berjalan pada halaman penerima user mahasiswa adalah

<table class="table table-bordered table-hover table-responsive"><thead><th>No</th><th>NIM</th><th>Nama</th><th>Program Studi</th></thead><tbody><?php$no=0;while ($buff_cek_rektor_1 = mysql_fetch_array($query_cek_rektor_1_ok)) {$no++;?><tr><td> <?php echo $no ?> </td><td><?php echo $buff_cek_rektor_1['nim']?></td><td><?php echo $buff_cek_rektor_1['nama']?></td><td><?php echo $buff_cek_rektor_1['nama_program_studi']?></td></tr> <?php };while ($buff_cek_dekan_1 = mysql_fetch_array($query_cek_dekan_1_ok)) {$no++;

Page 88: ansharfirman.files.wordpress.com · Web viewdiatas berfungsi untuk melihat gambar dari surat keterangan tidak mampu, dengan memanggil id sktm pada javascript. Halaman Tunda Halaman

215

?>

Potongan script diatas berfungsi untuk menampilkan data penerima

beasiswa di tingkat jurusannya masing-masing.

B. Pengujian Sistem

Berikut kelemahan pada sistem yang mungkin terjadi pada saat sistem di

implementasikan, diuraikan dalam tabel sebagai berikut :

Tabel 40. Kelemahaan Dan Solusi Untuk Sistem

No Kelemahan Solusi

1 Sistem mengizinkan

mahasiswa mengupload file

berupa gambar, hal ini

tentunya membutuhkan space

yang besar pada hosting

Tempat hosting sebaiknya

mempunyai space yang besar

dan bandwith yang besar juga

2 Sistem tidak terkoneksi secara

langsung ke database unp,

sehingga untuk mengupload

data mahasiswa harus terlebih

dahulu mengimport data

mahasiswa terbaru yang telah

diperoleh melalui Puskom

UNP.

Sebaiknya data mahasiswa

disinkronisasikan dengan

database mahasiswa UNP,

sehingga admin tidak perlu

mengupload data mahasiswa

secara berkala ke dalam aplikasi

sistem pendukung keputusan

kelompok seleksi beasiswa