Pusat Unduh Materi Kuliah dan Pengumuman Berbasis Web.

(1)

i

Universitas Kristen Maranatha

ABSTRAK

Seiring dengan perkembangan jaman sekarang dengan diiringi

semakin majunya dunia informasi, banyak manusia yang melakukan

sesuatu dengan menggunakan alat teknologi untuk membantu pekerjaan

atau proses lainnya begitupun untuk dunia informasi banyak orang yang

ingin mendapatkan informasi dengan mudah atau dari pihak pemberi

informasi ingin memberikan informasinya dengan cepat.

Pada dunia perkuliahan banyak dosen, mahasiswa maupun pihak

yang berkaitan yang ingin menyampaikan atau menerima informasi

dengan cepat, maka dibuatlah suatu aplikasi program berbasis web, agar

semua pihak yang berkaitan dengan informasi tersebut dapat dengan cepat

mengaksesnya.


(2)

ii

Universitas Kristen Maranatha

ABSTRACT

With the development of today’s information world, lots of people use

technology to help with their works and other jobs. And so for the information

world, everybody wants to get information easily and quicly, the same as the

provider wants to give us the information, easily and quickly.

In the college world, many students, lecturers, and related parties wants to

deliver or receive information quickly, and so a web-based application program is

made, so that all parties related to the nformation can quickly access it.


(3)

v

Universitas Kristen Maranatha

DAFTAR ISI

ABSTRAK ... i

ABSTRACT ... ii

KATA PENGANTAR ... iii

DAFTAR ISI ... v

DAFTAR GAMBAR ... viii

DAFTAR TABEL ... x

BAB I PENDAHULUAN ... 1

1.1 Latar Belakang ... 1

1.2 Rumusan Masalah ... 2

1.3 Tujuan Penelitian ... 2

1.4 Pembatasan Masalah ... 2

1.5 Sistematika Penulisan ... 3

BAB II LANDASAN TEORI ... 4

2.1 Pendahuluan ... 4

2.1.1 Sekilas Aplikasi Web ... 4

2.1.2 Pengertian Unduh ... 4

2.1.3 Pengertian Pengumuman ... 5

2.2 WWW (World Wide Web) ... 5

2.3 Pengertian PHP ... 6

2.4 Pengertian MYSQL ... 7

2.5 Web Browser ... 9

2.6 Database ... 10

2.6.1 Pengertian Database ... 10

2.6.2 Asal Mula Istilah Database ... 11


(4)

vi

Universitas Kristen Maranatha

BAB III PERANCANGAN DAN PEMODELAN ... 12

3.1 Flowchart ... 12

3.1.1 Flowchart Secara Keseluruhan ... 12

3.1.2 Flowchart Subprogram Menu Admin ... 13

3.1.3 Flowchart Subprogram Menu Dosen ... 14

3.1.4 Flowchart Subprogram Menu Unduh ... 15

3.2 Pembuatan website menggunakan Notepad++ ... 16

3.2.1 Pembuatan Tampilan Awal ... 16

3.2.2 Pembuatan Tampilan Menu Admin ... 18

3.2.3 Tampilan Option Mata Kuliah Menu Admin ... 19

3.2.4 Tampilan Option Materi Menu Admin ... 20

3.2.5 Tampilan Option Dosen Menu Admin ... 22

3.2.6 Tampilan Option Pengumuman Menu Admin ... 23

3.2.7 Tampilan Option Admin Menu Admin ... 25

3.2.8 Tampilan Menu Dosen ... 26

3.2.9 Tampilan Option Materi Menu Dosen ... 27

3.2.10 Tampilan Option Pengumuman Menu Dosen ... 29

3.2.11 Tampilan Option Pilih Mata Kuliah Menu Unduh ... 30

3.2.12 Tampilan Option Pilih Materi Menu Unduh ... 32

3.3 Program WampServer ... 33

3.4 Coding Koneksi ... 34

3.5 Coding Pengumuman ... 34

3.5.1 Coding Tampilan List Judul Pengumuman ... 34

3.5.2 Coding Tampilan Pengumuman ... 35

3.5.3 Coding timer untuk pengumuman ... 36

3.6 Database ... 36

3.6.1 Tabel Keseluruhan ... 36

3.6.2 Field pada Tabel Admin... 37

3.6.3 Field pada Tabel Dosen ... 38

3.6.4 Field pada Tabel Materi ... 38


(5)

vii

Universitas Kristen Maranatha

3.6.6 Field pada Tabel Matkul Dosen ... 40

3.6.6 Field pada Tabel Pengumuman ... 41

BAB IV PEMBAHASAN MASALAH ... 42

4.1 Main Menu ... 42

4.2 Login Menu Admin ... 43

4.2.1 Option Mata Kuliah pada Menu Admin ... 44

4.2.2 Option Materi pada Menu Admin ... 45

4.2.3 Option Dosen pada Menu Admin ... 46

4.2.4 Option Pengumuman pada Menu Admin ... 48

4.2.5 Option Admin pada Menu Admin ... 49

4.3 Login Menu Dosen ... 50

4.3.1 Option Materi pada Menu Dosen ... 51

4.3.2 Option Pengumuman pada Menu Dosen... 53

4.4 Menu Unduh ... 54

4.5 Pengamatan hasil percobaan program ... 56

4.5.1 Pengujian pada Main Menu ... 56

4.5.2 Pengujian pada Menu Admin ... 57

4.5.3 Pengujian pada Menu Dosen ... 59

4.5.4 Pengujian pada Menu Unduh ... 60

4.5.4 Pengujian Tipe File untuk diunduh ... 61

BAB V KESIMPULAN DAN SARAN ... 62

5.1 Kesimpulan ... 62

5.2 Saran ... 62

DAFTAR PUSTAKA ... 63

LAMPIRAN PROGRAM ... A-1


(6)

viii

Universitas Kristen Maranatha

DAFTAR GAMBAR

Gambar 3.1 Flowchart Secara keseluruhan ... 12

Gambar 3.2 Flowchart Subprogram Menu Admin ... 13

Gambar 3.3 Flowchart Subprogram Menu Dosen ... 14

Gambar 3.4 Flowchart Subprogram Menu Unduh ... 15

Gambar 3.5 Tampilan jendela program Notepad++ ... 16

Gambar 3.6 Hasil tampilan main menu... 17

Gambar 3.7 Tampilan menu admin ... 19

Gambar 3.8 Tampilan option mata kuliah menu admin ... 20

Gambar 3.9 Tampilan option materi menu admin ... 21

Gambar 3.10 Tampilan option dosen menu admin ... 23

Gambar 3.11 Tampilan option pengumuman menu admin ... 24

Gambar 3.12 Tampilan option admin menu admin ... 26

Gambar 3.13 Tampilan menu dosen ... 27

Gambar 3.14 Tampilan option materi menu dosen ... 28

Gambar 3.15 Tampilan option pengumuman menu dosen ... 30

Gambar 3.16 Tampilan pilih mata kuliah menu unduh... 31

Gambar 3.17 Tampilan pilih materi menu unduh ... 33

Gambar 3.18 Gambar Icon Programer ... 33

Gambar 3.19 Gambar pertanyaan setelah double klik Wampserver ... 34

Gambar 3.20 Seluruh tabel dalam database ... 36

Gambar 3.21 Tabel Admin ... 37

Gambar 3.22 Tabel dosen ... 38

Gambar 3.23 Tabel materi ... 39

Gambar 3.24 Tabel matkul ... 39

Gambar 3.25 Tabel matkul dosen ... 40

Gambar 3.26 Tabel pengumuman ... 41

Gambar 4.1 Tampilan Main Menu ... 42

Gambar 4.2 Tampilan saat memasukan username dan password admin ... 43


(7)

ix

Universitas Kristen Maranatha

Gambar 4.4 Tampilan option mata kuliah menu admin ... 44

Gambar 4.5 Saat menambah dan merubah sebuah mata kuliah ... 45

Gambar 4.6 Tampilan option materi pada login menu admin ... 46

Gambar 4.7 Tampilan option dosen pada login admin ... 47

Gambar 4.8 Tampilan suboption edit dan add new... 47

Gambar 4.9 Tampilan option edit dan add new pada menu admin ... 48

Gambar 4.10 Suboption add new pada option pengumuman menu admin ... 48

Gambar 4.11 Tampilan option admin pada menu admin ... 49

Gambar 4.12 Tampilan suboption add new option admin ... 50

Gambar 4.13 Tampilan saat memasukan username dan password dosen ... 51

Gambar 4.14 Tampilan saat berhasil login dosen ... 51

Gambar 4.15 Tampilan option materi pada option dosen ... 52

Gambar 4.16 Tampilan suboption Add New pada option Materi menu dosen ... 52

Gambar 4.17 Tampilan option Pengumuman menu dosen ... 53

Gambar 4.18 Suboption add new pada option pengumuman menu dosen ... 54

Gambar 4.19 Tampilan tombol unduh ... 54

Gambar 4.20 Tampilan menu unduh pilih mata kuliah... 55


(8)

x

Universitas Kristen Maranatha

DAFTAR TABEL

Tabel 4.1 Contoh id dan password login admin ... 43

Tabel 4.2 Contoh id dan password login dosen ... 50

Tabel 4.3 Tabel Pengujian pada Main Menu ... 56

Tabel 4.4 Tabel pengujian pada menu admin ... 57

Tabel 4.5 Tabel Pengujian pada menu dosen ... 59

Tabel 4.6 Tabel pengujian pada menu unduh ... 60


(9)

LAMPIRAN A

CODING PROGRAM


(10)

A-1 Universitas Kristen Maranatha

LAMPIRAN A

CODING PROGRAM

coding index.php (tampilan main menu)

<?php

session_save_path("login/sess"); @session_start();

if(!@$_SESSION["username"] or !@$_SESSION["password"] or !@$_SESSION['level']){ ?>

<html> <head>

<title>Materi</title>

<link rel="stylesheet" href="module/news/css/news.css" type="text/css"> <script src="module/news/js/jquery.min.js"></script>

<script src="module/news/js/jquery-ui.min.js"></script> <script type="text/javascript">

$(document).ready(function(){

$("#featured > ul").tabs({fx:{opacity: "toggle"}}).tabs("rotate", 15000, true);

}); </script> </head>

<body>

<table border="0" align="center" width="100%"> <tr>

<td width="20" valign="top" align="left "> <?PHP

// tampilan buat list judul sebelah kiri echo"<h2><center><font size='9'>Judul</font></center></h2><hr/>";

include("connect/connect.php");

$query= mysql_query("select

pengumuman.coding_pengumuman, pengumuman.coding_admin, pengumuman.judul,

pengumuman.pengumuman, admin.username FROM pengumuman, admin where

pengumuman.coding_admin=admin.coding_admin order by coding_pengumuman desc"); $num = mysql_num_rows($query);

if ($num > 0){

for ($i=0; $i < $num; $i++){ $row = mysql_fetch_array($query);

echo "<a

href='pages/index.php/?menu=pengumuman_detail&id=$row[coding_pengumuman]'>$row[judul]</a> </br></br>";

} }

?>

</td>

<td width="60%" align="justify"> <?php

// tampilan buat list judul sebelah kanan switch($_GET['menu']){

default; case"home";

echo"<h2><center><font size='8'>Pengumuman</font></center></h2><hr/>";

echo '<div id="featured" >

<ul class="ui-tabs-nav">'; include('connect/connect.php');

$content = mysql_query("select

pengumuman.coding_pengumuman, pengumuman.coding_admin, pengumuman.judul,


(11)

A-2 Universitas Kristen Maranatha

pengumuman.coding_admin=admin.coding_admin order by coding_pengumuman desc LIMIT 8"); $num = mysql_num_rows($content);

if($num > 0) {

for($i=0 ;$i < $num;$i++){

$row=mysql_fetch_array($content); $position=50;

$message= $row['pengumuman']; $post = substr($message, 0, $position); echo'

<li class="ui-tabs-nav-item" id="nav-fragment-1">

<a href="#fragment-'.$i.'">

<div style="padding: 5px;">

<div style="font-weight: bold;font-size:16px;">'.$row['judul'].'</div>

<span style="font-size:14px;">

'.$post.'...

</span> </div> </a>

</li> ';}

echo '</ul>';

// tampilan buat pengumuman

$content = mysql_query("select

pengumuman.coding_pengumuman, pengumuman.coding_admin, pengumuman.judul,

pengumuman.pengumuman, admin.username FROM pengumuman, admin where

pengumuman.coding_admin=admin.coding_admin order by coding_pengumuman desc LIMIT 8"); $num = mysql_num_rows($content); if($num > 0) {

for($i=0 ;$i < $num;$i++){

$row=mysql_fetch_array($content); $position=300;

$message= $row['pengumuman']; $post = substr($message, 0, $position); echo '

<div id="fragment-'.$i.'" class="ui-tabs-panel" style="">

<div class="info" >

<h2 align="center"><a href="#" >'.$row['judul'].'</a></h2>

<div style="color: #bdbcbc; padding-left: 5px;">

'.$row['username'].' </div>

<hr> <p> '.$row[pengumuman].'

</p> </div></div>'; }

} echo ' </div>

';

/*include('connect/connect.php');

$content = mysql_query("select

pengumuman.coding_pengumuman, pengumuman.coding_dosen, pengumuman.judul,

pengumuman.pengumuman, dosen.nama FROM pengumuman, dosen where

pengumuman.coding_dosen=dosen.coding_dosen order by coding_pengumuman desc LIMIT 5"); $num = mysql_num_rows($content);


(12)

A-3 Universitas Kristen Maranatha

for($i=0 ;$i < $num;$i++){

$row=mysql_fetch_array($content);

echo '<h3><font

color="blue">'.$row['judul'].'</font></h3>';

echo '<h3>'.$row['nama'].'</h3>'; $position=200;

$message= $row['pengumuman']; $post = substr($message, 0, $position); echo $post;

echo "...";

echo "<a

href='pages/index.php/?menu=pengumuman_detail&id=$row[coding_pengumuman]'>Read More</a>";

}*/ }

break;

case"pengumuman_detail";

include"pages/pengumuman_detail.php"; break;

case"materi";

include"pages/materi.php"; break;

case"matkul";

include"pages/matkul.php"; break;

} ?> </td>

<td width="20%" valign="top">

<h2><center><font size="9">Login</font></center></h2><hr /> <form method="POST" action="login/proses_login.php"> <table border="0" align="center">

<tr>

<td>Username</td> <td>:</td>

<td><input type="text" name="uname" /></td> </tr>

<tr>

<td>Password</td> <td>:</td>

<td><input type="password" name="password" /></td> </tr>

<tr>

<td><input type="submit" name="masuk" value="Login" /></td>

<td>&nbsp;</td> <td><a

href="pages/index.php/menu=matkul">Unduh</a></td> </tr>

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

</tr> </table> </body>

</html> <?php }else{

if(@$_SESSION['level']=='admin'){

echo"<script>location.href='index2.php'</script>"; }else if(@$_SESSION['level']=='user'){

echo"<script>location.href='index3.php'</script>'"; }


(13)

A-4 Universitas Kristen Maranatha

?>

Coding untuk index2 (Menu Admin)

<?php

session_save_path("login/sess"); session_start();

if(!@$_SESSION["username"] or !@$_SESSION["password"] or !@$_SESSION['level']){ echo"<script>location.href='index.php'</script>";

}else{ ?> <html> <head>

<title>Materi</title> </head>

<body>

<table border="0" align="center" width="100%"> <tr>

<td width=10%></td> <td width="80%">

<h2 align="center"><a href="?menu=matkul">Matkul</a> | <a href="?menu=adminmateri">Materi</a> | <a href="?menu=dosen">Dosen</a> | <a href="?menu=pengumuman">Pengumuman</a> | <a href="?menu=viewadmin">Admin</a> | <a href="login/logout.php">Logout</a></h2><hr />

<?php

switch($_GET['menu']){ default;

case"home";

echo"<h2 align='center'><font size='7'><span>Hello Admin</span></font></h2> ";

break;

case"materi";

include"admin/materi/view.php"; break;


(14)

A-5 Universitas Kristen Maranatha

include"admin/materi/add.php"; break;

case"editmateri";

include"admin/materi/edit.php"; break;

case"delmateri";

include"admin/materi/del.php"; break;

case"dosen";

include"admin/dosen/view.php"; break;

case"adddosen";

include"admin/dosen/add.php"; break;

case"editdosen";

include"admin/dosen/edit.php"; break;

case"deldosen";

include"admin/dosen/del.php"; break;

case"pengumuman";

include"admin/pengumuman/view.php"; break;

case"addpengumuman";

include"admin/pengumuman/add.php"; break;


(15)

A-6 Universitas Kristen Maranatha

case"editpengumuman";

include"admin/pengumuman/edit.php"; break;

case"delpengumuman";

include"admin/pengumuman/del.php"; break;

case"matkul";

include"admin/matkul/view.php"; break;

case"addmatkul";

include"admin/matkul/add.php"; break;

case"editmatkul";

include"admin/matkul/edit.php"; break;

case"delmatkul";

include"admin/matkul/del.php"; break;

case"adminmateri";

include"admin/admin_materi/view.php"; break;

case"addadminmateri";

include"admin/admin_materi/add.php"; break;


(16)

A-7 Universitas Kristen Maranatha

include"admin/admin_materi/edit.php"; break;

case"deladminmateri";

include"admin/admin_materi/del.php"; break;

case"viewadmin";

include"admin/admin/view.php"; break;

case"addadmin";

include"admin/admin/add.php"; break;

case"editadmin";

include"admin/admin/edit.php"; break;

case"deladmin";

include"admin/admin/del.php"; break;

}

?> </td>

<td width=10%></td> </tr>

</table> </body>

</html> <?php


(17)

A-8 Universitas Kristen Maranatha

?>

Coding untuk index3 (Menu Dosen)

<?php

session_save_path("login/sess"); session_start();

if(!@$_SESSION["username"] or !@$_SESSION["password"] or !@$_SESSION['level']){ echo"<script>location.href='index.php'</script>";

}else{ ?> <html> <head>

<title>Materi</title> </head>

<body>

<table border="0" align="center" width="100%"> <tr>

<td width="80%">

<h2><a href="?menu=materi">Materi</a> | <a

href="?menu=pengumuman">Pengumuman</a> | <a href="login/logout.php">Logout</a></h2><hr /> <?php

switch($_GET['menu']){ default;

case"home";

echo"<h2><span>Hello Dosen</span></h2> "; break;

case"materi";

include"admin/materi/view.php"; break;

case"addmateri";

include"admin/materi/add.php"; break;


(18)

A-9 Universitas Kristen Maranatha

case"editmateri";

include"admin/materi/edit.php"; break;

case"delmateri";

include"admin/materi/del.php"; break;

case"dosen";

include"admin/dosen/view.php"; break;

case"adddosen";

include"admin/dosen/add.php"; break;

case"editdosen";

include"admin/dosen/edit.php"; break;

case"deldosen";

include"admin/dosen/del.php"; break;

case"pengumuman";

include"admin/pengumuman_dosen/view.php"; break;

case"addpengumuman";

include"admin/pengumuman_dosen/add.php"; break;


(19)

A-10 Universitas Kristen Maranatha

include"admin/pengumuman_dosen/edit.php"; break;

case"delpengumuman";

include"admin/pengumuman_dosen/del.php"; break;

} ?> </td> </tr>

</table> </body>

</html> <?php

} ?>

Coding untuk option admin menu admin bagian add new

<?php

include("connect/connect.php"); if(isset($_POST['simpan'])) {

if($_POST['coding_admin']=="" or $_POST['nama']=="") {

echo "data harus diisi seluruhnya"; }else{

$password=md5($_POST['coding_admin']);

$q=mysql_query("INSERT INTO `admin` (`coding_admin`, `username`,

`password`, `level`) VALUES ('".$_POST['coding_admin']."', '".$_POST['nama']."', '$password','1')"); echo "<script>alert(\"data berhasil dimasukan!\")</script>";

echo"<script>location.href='?menu=viewadmin'</script>"; }

} ?>

<h2><span>Tambah Admin</span></h2> <br><br><br><br>

<form method="POST" action="" id="commentForm"> <table border="0">

<tr>

<td>User Name &nbsp;</td>

<td><input type="text" name="nama" size="40" style="font-size:15px;height:30px;" class="required" /></td>

</tr> <tr>


(20)

A-11 Universitas Kristen Maranatha

<td><input type="Password" name="coding_admin" size="40" style="font-size:15px;height:30px;" class="required" /></td>

</tr> <tr>

<td>&nbsp;</td>

<td><input type="submit" value="simpan" name="simpan" /></td> </tr>

</table> </form>

Coding untuk option admin menu admin bagian delete

<?php

include("connect/connect.php");

mysql_query("DELETE FROM `admin` WHERE coding_admin='".$_GET['id']."'"); echo "<script>alert(\"data berhasil dihapus!\")</script>";

echo"<script>location.href='?menu=viewadmin'</script>"; ?>

Coding untuk option admin menu admin bagian edit

<?PHP

include("connect/connect.php");

$query= mysql_query("select * FROM dosen WHERE coding_dosen='$_GET[id]'"); $num = mysql_num_rows($query);

for ($i=0;$i<$num;$i++) {

$f = mysql_fetch_array($query); }

?>

<h2><span>Ubah Dosen</span></h2> <br><br><br><br>

<form method="POST" action="" id="commentForm"> <table border="0">

<tr>

<td>Nama &nbsp;</td>

<td><input type="text" name="nama" size="40" style="font-size:15px;height:30px;" class="required" value="<?php echo $f['nama']; ?>" /></td>

</tr> <tr>

<td>&nbsp;</td>

<td><input type="submit" value="Ubah" name="Ubah" /></td> </tr>

</table> </form> <?php

if (isset($_POST['Ubah'])) { include("connect/connect.php");

$password=md5($_GET['id']);

$q = mysql_query("UPDATE dosen SET nama='".$_POST['nama']."' where

coding_dosen='$_GET[id]'");

$q = mysql_query("UPDATE admin SET username='".$_POST['nama']."',

password='$password' where coding_admin='$_GET[id]'"); echo "<script>alert(\"data berhasil diubah!\")</script>"; echo"<script>location.href='?menu=dosen'</script>"; }

?>

Coding untuk option admin menu bagian view

<h2><span><center>admin</center></span></h2> <table border="0" width="100%">

<tr><td colspan="2" align="right" c><a href="<?php echo"?menu=addadmin"; ?>">add New</a></td></tr>


(21)

A-12 Universitas Kristen Maranatha

<td width="20%"></td>

<td width="60%" bgcolor="#2b2e2e" align="center"><font

color="#FFFFFF"><b>Nama</b></font></td> <td width="20%"></td> </tr>

<tr> <?PHP

include("connect/connect.php");

$query= mysql_query("select * FROM admin where level='1' order by coding_admin desc"); $num = mysql_num_rows($query);

if ($num > 0){

for ($i=0; $i < $num; $i++){ $row = mysql_fetch_array($query); $id = $row['coding_admin']; ?>

<td width="20%"></td>

<td width="60%" bgcolor="#dfdfdf" align="Center"><?php echo $row['username'] ?></td>

<td width="20%"></td> </tr>

<?php }} ?> </table>

Coding option materi menu admin bagian add

<?php

include("connect/connect.php"); if(isset($_POST['simpan'])) {

if($_POST['materi']=="" or $_POST['matkul']=="-silahkan pilih-") {

echo"Form harus diisi semuanya"; }else{

$username=$_SESSION["id_pengguna"]; $uploaddir = getcwd().'/data_materi/';

$uploadfile = str_replace("

","_",$uploaddir.date("dmyhmst").$_FILES['gambar']['name']);

if (move_uploaded_file($_FILES['gambar']['tmp_name'], $uploadfile)) {

$gambar = str_replace("

","_",date("dmyhmst").$_FILES['gambar']['name']);

$q=mysql_query("INSERT INTO `materi` (`kode_materi`, `materi`, `file`, `kode_dosen`, `kode_matkul`) VALUES (NULL, '".$_POST['materi']."', '$gambar', '$username', '".$_POST['matkul']."')");

echo "<script>alert(\"data berhasil dimasukan!\")</script>"; echo"<script>location.href='?menu=materi'</script>"; }else{

echo"<script>alert(\"data gagal dimasukan\")</script>"; }

} }

?>

<h2><span>Tambah Materi</span></h2> <br><br><br><br>

<form method="POST" action="" id="commentForm" enctype="multipart/form-data"> <table border="0">

<tr>

<td>Materi &nbsp;</td>

<td><input type="text" name="materi" size="40" style="font-size:15px;height:20px;" class="required" /></td>

</tr> <tr>

<td>File &nbsp;</td>

<td><input type="file" name="gambar" /></td> </tr>


(22)

A-13 Universitas Kristen Maranatha

<tr>

<td>Matkul &nbsp;</td>

<td><select name="matkul" class="form"> <option>-silahkan pilih-</option>

<?PHP

$query= mysql_query("SELECT * FROM

`matkul`");

$num = mysql_num_rows($query); if ($num > 0){

for ($i=0; $i < $num; $i++){ $row = mysql_fetch_array($query); ?>

<option value="<?PHP echo $row['kode_matkul'];

?>"><?PHP echo $row['matkul']; ?></option> <?php } } ?> </select>

</td> </tr>

<tr>

<td>&nbsp;</td>

<td><input type="submit" value="simpan" name="simpan" /></td> </tr>

</table> </form>

Coding option materi menu admin bagian del

<?php

include("connect/connect.php");

mysql_query("DELETE FROM `materi` WHERE kode_materi='".$_GET['id']."'"); echo "<script>alert(\"data berhasil dihapus!\")</script>";

echo"<script>location.href='?menu=adminmateri'</script>"; ?>

Coding option materi menu admin bagian edit

<script src="js/jquery.js" type="text/javascript"></script> <script src="js/jquery.validate.js" type="text/javascript"></script> <script type="text/javascript">

$(document).ready(function() {

$("#commentForm").validate(); });

</script>

<style type="text/css">

#commentForm { width: 800px; } #commentForm label { width: 250px; }

#commentForm label.error, #commentForm input.submit { margin-left: 253px; } </style>

<link rel="stylesheet" type="text/css" media="all" href="css/jsDatePick_ltr.min.css" /> <script type="text/javascript" src="js/jsDatePick.min.1.3.js"></script>

<script type="text/javascript"> window.onload = function(){

new JsDatePick({ useMode:2, target:"inputField", dateFormat:"%Y-%m-%d"

/*selectedDate:{ This is an example

of what the full configuration offers.

day:5,

For full documentation about these settings please see the full version of the code. month:9,

year:2006 },

yearsRange:[1978,2020], limitToToday:false, cellColorScheme:"beige",


(23)

A-14 Universitas Kristen Maranatha

dateFormat:"%m-%d-%Y", imgPath:"img/",

weekStartDay:1*/ });

}; </script> <?PHP

include("../connect/connect.php");

$query= mysql_query("select * FROM klasifikasi WHERE kode_klasifikasi='$_GET[id]'"); $num = mysql_num_rows($query);

for ($i=0;$i<$num;$i++) {

$f = mysql_fetch_array($query); }

?>

<h2><span>Ubah Klasifikasi</span></h2> <br><br><br><br>

<form method="POST" action="" id="commentForm"> <table border="0">

<tr>

<td>Klasifikasi &nbsp;</td>

<td><input type="text" name="klasifikasi" size="40" style="font-size:15px;height:20px;" class="required" value="<?php echo $f['klasifikasi']; ?>" /></td>

</tr> <tr>

<td>Min Umur &nbsp;</td>

<td><input type="text" name="min_umur" size="20" style="font-size:15px;height:20px;" class="required number" value="<?php echo $f['min_umur']; ?>" /></td>

</tr> <tr>

<td>Max Umur &nbsp;</td>

<td><input type="text" name="max_umur" size="20" style="font-size:15px;height:20px;" class="required number" value="<?php echo $f['max_umur']; ?>" /></td>

</tr> <tr>

<td>&nbsp;</td>

<td><input type="submit" value="Ubah" name="Ubah" /></td> </tr>

</table> </form> <?php

if (isset($_POST['Ubah'])) { include("../connect/connect.php");

$q = mysql_query("UPDATE klasifikasi SET klasifikasi='".$_POST['klasifikasi']."',

min_umur='".$_POST['min_umur']."', max_umur='".$_POST['max_umur']."' where

kode_klasifikasi='$_GET[id]'");

echo "<script>alert(\"data berhasil diubah!\")</script>"; echo"<script>location.href='?menu=klasifikasi'</script>"; }

?>

Coding option materi menu admin bagian view

<h2><span><center>Materi</center></span></h2>

<!--<p align="right"><a href="<?php echo"?menu=addmateri"; ?>">add New</a></p>--> <table border="0" width="100%">

<tr bgcolor="#2b2e2e">

<td align="center"><font color="#FFFFFF"><b>Dosen</b></font></td> <td align="center"><font color="#FFFFFF"><b>Mata Kuliah</b></font></td> <td align="center"><font color="#FFFFFF"><b>Materi</b></font></td> </tr>

<tr> <?PHP

include("connect/connect.php");

$query= mysql_query("select materi.kode_materi, materi.materi, materi.file,

materi.kode_matkul, matkul.matkul, dosen.nama FROM materi, matkul, dosen WHERE materi.kode_matkul=matkul.kode_matkul and materi.kode_dosen=dosen.kode_dosen order by materi.kode_materi desc");


(24)

A-15 Universitas Kristen Maranatha

if ($num > 0){

for ($i=0; $i < $num; $i++){ $row = mysql_fetch_array($query); $id = $row['kode_materi']; ?>

<td bgcolor="#dfdfdf" align="center"><?php echo $row['nama'] ?></td> <td bgcolor="#dfdfdf" align="center"><?php echo $row['matkul'] ?></td> <td bgcolor="#dfdfdf" align="center"><?php echo $row['materi'] ?></td> </tr>

<?php }} ?> </table>

Coding option dosen menu admin bagian add

<?php

include("connect/connect.php"); if(isset($_POST['simpan'])) {

if($_POST['kode_dosen']=="" or $_POST['nama']=="") {

echo "data harus diisi seluruhnya"; }else{

$q=mysql_query("INSERT INTO `dosen` (`kode_dosen`, `nama`) VALUES ('".$_POST['kode_dosen']."', '".$_POST['nama']."')");

$password=md5($_POST['kode_dosen']);

$q=mysql_query("INSERT INTO `admin` (`kode_admin`, `username`,

`password`, `level`) VALUES ('".$_POST['kode_dosen']."', '".$_POST['nama']."', '$password','2')"); $query= mysql_query("SELECT * FROM matkul");

$num = mysql_num_rows($query); if ($num > 0){

for ($i=0; $i < $num; $i++){ $row = mysql_fetch_array($query); $mat = $row['kode_matkul']; if ($_POST['na'.$mat] == ""){ }else{

$q=mysql_query("INSERT INTO matkul_dosen

(`id_matkul_dosen`, `kode_matkul`, `kode_dosen`) VALUES ('NULL', '".$_POST['na'.$mat]."', '".$_POST['kode_dosen']."')");

} } }

echo "<script>alert(\"data berhasil dimasukan!\")</script>"; echo"<script>location.href='?menu=dosen'</script>"; }

} ?>

<h2><span>Tambah Dosen</span></h2> <br><br><br><br>

<form method="POST" action="" id="commentForm"> <table border="0">

<tr>

<td>User Name &nbsp;</td>

<td><input type="text" name="nama" size="40" style="font-size:15px;height:30px;" class="required" /></td>

</tr> <tr>

<td>Password &nbsp;</td>

<td><input type="password" name="kode_dosen" size="40" style="font-size:15px;height:30px;" class="required" /></td>

</tr> <?php

echo"<tr>

<td valign='top'>Matkul</td>";


(25)

A-16 Universitas Kristen Maranatha

$num = mysql_num_rows($query); echo"<td>";

if ($num > 0){

for ($i=0; $i < $num; $i++){ $row = mysql_fetch_array($query); $mat = $row['kode_matkul']; $aneh = $row['matkul'];

echo"<input type='radio' name='na$mat' value='$mat' />$aneh";

echo"<br />"; }

}

echo"</td>"; echo"</tr>";

?> <tr>

<td>&nbsp;</td>

<td><input type="submit" value="simpan" name="simpan" /></td> </tr>

</table> </form>

Coding option dosen menu admin bagian del

<?php

include("connect/connect.php");

mysql_query("DELETE FROM `dosen` WHERE kode_dosen='".$_GET['id']."'"); mysql_query("DELETE FROM `admin` WHERE kode_admin='".$_GET['id']."'"); echo "<script>alert(\"data berhasil dihapus!\")</script>";

echo"<script>location.href='?menu=dosen'</script>"; ?>

Coding option dosen menu admin bagian edit

<?PHP

include("connect/connect.php");

$query= mysql_query("select * FROM dosen WHERE kode_dosen='$_GET[id]'"); $num = mysql_num_rows($query);

for ($i=0;$i<$num;$i++) {

$f = mysql_fetch_array($query); }

?>

<h2><span>Ubah Dosen</span></h2> <br><br><br><br>

<form method="POST" action="" id="commentForm"> <table border="0">

<tr>

<td>Nama &nbsp;</td>

<td><input type="text" name="nama" readonly="readonly"size="40" style="font-size:15px;height:30px;" class="required" value="<?php echo $f['nama']; ?>" /></td>

</tr>

<tr></tr><tr></tr><tr></tr><tr></tr> <tr>

<td>&nbsp;</td>

<td align="center" bgcolor="#2b2e2e"><font

color="#FFFFFF"><b>Matkuliah</b></font></td> </tr>

<tr> <?PHP

include("connect/connect.php");

$query = mysql_query("select matkul_dosen.kode_matkul, matkul.matkul from

matkul_dosen, matkul where matkul_dosen.kode_matkul=matkul.kode_matkul and

kode_dosen='$_GET[id]'");

$num = mysql_num_rows($query); if ($num > 0){

for ($i=0; $i < $num; $i++){ $row = mysql_fetch_array($query);


(26)

A-17 Universitas Kristen Maranatha

$id = $row['kode_matkul']; $mat = $row['matkul']; ?>

<td>&nbsp;</td>

<td bgcolor="#dfdfdf" align="center"><?php echo $row['matkul'] ?></td> </tr> <?php }} ?> <tr></tr><tr></tr><tr></tr><tr></tr> <tr> <td>&nbsp;</td>

<td align="center"><b>Pilih Matakuliah Pergantian</b></td> </tr>

<tr> <?php

echo"<tr>

<td valign='top'>Matkul</td>";

//$query= mysql_query("select maktul_dosen.kode_matkul, matkul.matkul from matkul_dosen, matkul where matkul_dosen.kode_matkul=matkul.kode_matkul and matkul_dosen.kode_dosen='$_GET[id]'");

$query= mysql_query("select * from matkul"); $num = mysql_num_rows($query);

echo"<td>"; if ($num > 0){

for ($i=0; $i < $num; $i++){ $row = mysql_fetch_array($query); $mat = $row['kode_matkul']; $aneh = $row['matkul'];

echo"<input type='radio' name='na$mat' value='$mat' />$aneh"; echo"<br />"; } } echo"</td>"; echo"</tr>"; ?> <tr> <tr> <td>&nbsp;</td>

<td><input type="submit" value="Ubah" name="Ubah" /></td> </tr>

</table> </form> <?php

if (isset($_POST['Ubah'])) { include("connect/connect.php");

$password=md5($_GET['id']);

$q = mysql_query("UPDATE dosen SET nama='".$_POST['nama']."' where

kode_dosen='$_GET[id]'");

$q = mysql_query("UPDATE admin SET username='".$_POST['nama']."',

password='$password' where kode_admin='$_GET[id]'");

$q = mysql_query("DELETE from `matkul_dosen` where kode_dosen='$_GET[id]'"); $query= mysql_query("SELECT * FROM matkul");

$num = mysql_num_rows($query); if ($num > 0){

for ($i=0; $i < $num; $i++){ $row = mysql_fetch_array($query); $mat = $row['kode_matkul']; if ($_POST['na'.$mat] == ""){ }else{

$q=mysql_query("INSERT INTO matkul_dosen

(`id_matkul_dosen`, `kode_matkul`, `kode_dosen`) VALUES ('NULL', '".$_POST['na'.$mat]."', '$_GET[id]')");

} } }

echo "<script>alert(\"data berhasil diubah!\")</script>"; echo"<script>location.href='?menu=dosen'</script>";


(27)

A-18 Universitas Kristen Maranatha

} ?>

Coding option dosen menu admin bagian view

<h2><span><center>Dosen</center></span></h2>

<p align="right"><a href="<?php echo"?menu=adddosen"; ?>">add New</a></p> <table border="0" width="100%">

<tr bgcolor="#2b2e2e">

<td align="center"><font color="#FFFFFF"><b>Nama</b></font></td> <td>&nbsp;</td>

</tr> <tr> <?PHP

include("connect/connect.php");

$query= mysql_query("select * FROM dosen order by kode_dosen desc"); $num = mysql_num_rows($query);

if ($num > 0){

for ($i=0; $i < $num; $i++){ $row = mysql_fetch_array($query); $id = $row['kode_dosen']; ?>

<td bgcolor="#dfdfdf" align="Center"><?php echo $row['nama'] ?></td>

<td bgcolor="#dfdfdf" align="Center"><?php echo '<a

href="?menu=editdosen&id='.$id.'">Edit</a>'; ?></td> </tr>

<?php }} ?> </table>

Coding option matkul menu admin bagian add

<?php

include("connect/connect.php"); if(isset($_POST['simpan'])) {

if($_POST['matkul']==""){ echo"form harus disi"; }else{

$q=mysql_query("INSERT INTO `matkul` (`kode_matkul`, `matkul`) VALUES (NULL, '".$_POST['matkul']."')");

echo "<script>alert(\"data berhasil dimasukan!\")</script>"; echo"<script>location.href='?menu=matkul'</script>"; }

} ?>

<h2><span>Tambah Matkul</span></h2> <br><br><br><br>

<form method="POST" action="" id="commentForm"> <table border="0">

<tr>

<td>Matkul &nbsp;</td>

<td><input type="text" name="matkul" size="40" style="font-size:15px;height:30px;" class="required" /></td>

</tr> <tr>

<td>&nbsp;</td>

<td><input type="submit" value="simpan" name="simpan" /></td> </tr>

</table> </form>


(28)

A-19 Universitas Kristen Maranatha

Coding option matkul menu admin bagian del

<?php

include("connect/connect.php");

mysql_query("DELETE FROM `matkul` WHERE kode_matkul='".$_GET['id']."'"); echo "<script>alert(\"data berhasil dihapus!\")</script>";

echo"<script>location.href='?menu=matkul'</script>"; ?>

Coding option matkul menu admin bagian edit

<script src="js/jquery.js" type="text/javascript"></script> <script src="js/jquery.validate.js" type="text/javascript"></script> <script type="text/javascript">

$(document).ready(function() {

$("#commentForm").validate(); });

</script>

<style type="text/css">

#commentForm { width: 800px; } #commentForm label { width: 250px; }

#commentForm label.error, #commentForm input.submit { margin-left: 253px; } </style>

<link rel="stylesheet" type="text/css" media="all" href="css/jsDatePick_ltr.min.css" /> <script type="text/javascript" src="js/jsDatePick.min.1.3.js"></script>

<script type="text/javascript"> window.onload = function(){

new JsDatePick({ useMode:2, target:"inputField", dateFormat:"%Y-%m-%d"

/*selectedDate:{ This is an example

of what the full configuration offers.

day:5,

For full documentation about these settings please see the full version of the code. month:9,

year:2006 },

yearsRange:[1978,2020], limitToToday:false, cellColorScheme:"beige", dateFormat:"%m-%d-%Y", imgPath:"img/",

weekStartDay:1*/ });

}; </script> <?PHP

include("connect/connect.php");

$query= mysql_query("select * FROM matkul WHERE kode_matkul='$_GET[id]'"); $num = mysql_num_rows($query);

for ($i=0;$i<$num;$i++) {

$f = mysql_fetch_array($query); }

?>

<h2><span>Ubah Matkul</span></h2> <br><br><br><br>

<form method="POST" action="" id="commentForm"> <table border="0">

<tr>

<td>Matkul &nbsp;</td>

<td><input type="text" name="matkul" size="40" style="font-size:15px;height:30px;" class="required" value="<?php echo $f['matkul']; ?>" /></td>

</tr> <tr>

<td>&nbsp;</td>


(29)

A-20 Universitas Kristen Maranatha

</tr> </table> </form> <?php

if (isset($_POST['Ubah'])) { include("connect/connect.php");

$q = mysql_query("UPDATE matkul SET matkul='".$_POST['matkul']."' where

kode_matkul='$_GET[id]'");

echo "<script>alert(\"data berhasil diubah!\")</script>"; echo"<script>location.href='?menu=matkul'</script>"; }

?>

Coding option matkul menu admin bagian view

<h2><span><center>Mata Kuliah</center></span></h2>

<p align="right"><a href="<?php echo"?menu=addmatkul"; ?>">add New</a></p> <table border="0" width="100%">

<tr bgcolor="#2b2e2e">

<td align="center"><font color="#FFFFFF"><b>Mata Kuliah</b></font></td> <td>&nbsp;</td>

<td>&nbsp;</td> </tr>

<tr> <?PHP

include("connect/connect.php");

$query= mysql_query("select * FROM matkul order by kode_matkul desc"); $num = mysql_num_rows($query);

if ($num > 0){

for ($i=0; $i < $num; $i++){ $row = mysql_fetch_array($query); $id = $row['kode_matkul']; ?>

<td bgcolor="#dfdfdf" align="center"><?php echo $row['matkul'] ?></td>

<td bgcolor="#dfdfdf" align="center"><?php echo '<a

href="?menu=editmatkul&id='.$id.'">Edit</a>'; ?></td>

<td bgcolor="#dfdfdf" align="center"><?php echo '<a

href="?menu=delmatkul&id='.$id.'">Del</a>'; ?></td> </tr>

<?php }} ?> </table>

Coding option pengumuman menu admin bagian add

<?php

include("connect/connect.php"); if(isset($_POST['simpan'])) {

$q=mysql_query("INSERT INTO `pengumuman` (`kode_pengumuman`, `kode_admin`, `judul`, `pengumuman`) VALUES (NULL, '".$_SESSION['id_pengguna']."' , '".$_POST['judul']."', '".$_POST['pengumuman']."')");

echo "<script>alert(\"data berhasil dimasukan!\")</script>"; echo"<script>location.href='?menu=pengumuman'</script>"; }

?>

<h2><span>Tambah Pengumuman</span></h2> <br><br><br><br>

<form method="POST" action="" id="commentForm"> <table border="0">

<tr>

<td>Nama &nbsp;</td>

<td><input type="text" name="judul" size="40" style="font-size:17px;height:30px;" class="required" /></td>

</tr> <tr>


(30)

A-21 Universitas Kristen Maranatha

<td><textarea name="pengumuman" size="40"

style="font-size:20px;height:100px;"></textarea></td> </tr>

<tr>

<td>&nbsp;</td>

<td><input type="submit" value="simpan" name="simpan" /></td> </tr>

</table> </form>

Coding option pengumuman menu admin bagian del

<?php

include("connect/connect.php");

mysql_query("DELETE FROM `pengumuman` WHERE kode_pengumuman='".$_GET['id']."'"); echo "<script>alert(\"data berhasil dihapus!\")</script>";

echo"<script>location.href='?menu=pengumuman'</script>"; ?>

Coding option pengumuman menu admin bagian edit

<script src="js/jquery.js" type="text/javascript"></script> <script src="js/jquery.validate.js" type="text/javascript"></script> <script type="text/javascript">

$(document).ready(function() {

$("#commentForm").validate(); });

</script>

<style type="text/css">

#commentForm { width: 800px; } #commentForm label { width: 250px; }

#commentForm label.error, #commentForm input.submit { margin-left: 253px; } </style>

<link rel="stylesheet" type="text/css" media="all" href="css/jsDatePick_ltr.min.css" /> <script type="text/javascript" src="js/jsDatePick.min.1.3.js"></script>

<script type="text/javascript"> window.onload = function(){

new JsDatePick({ useMode:2, target:"inputField", dateFormat:"%Y-%m-%d"

/*selectedDate:{ This is an example

of what the full configuration offers.

day:5,

For full documentation about these settings please see the full version of the code. month:9,

year:2006 },

yearsRange:[1978,2020], limitToToday:false, cellColorScheme:"beige", dateFormat:"%m-%d-%Y", imgPath:"img/",

weekStartDay:1*/ });

}; </script> <?PHP

include("connect/connect.php");

$query= mysql_query("select * FROM pengumuman WHERE

kode_pengumuman='$_GET[id]'");

$num = mysql_num_rows($query); for ($i=0;$i<$num;$i++) {

$f = mysql_fetch_array($query); }

?>

<h2><span>Ubah Pengumuman</span></h2> <br><br><br><br>


(31)

A-22 Universitas Kristen Maranatha

<table border="0"> <tr>

<td>Judul &nbsp;</td>

<td><input type="text" name="judul" size="40" style="font-size:15px;height:20px;" class="required" value="<?php echo $f['judul']; ?>" /></td>

</tr> <tr>

<td>Pengumuman &nbsp;</td>

<td><textarea name="pengumuman"><?php echo $f['pengumuman'];

?></textarea></td> </tr> <tr>

<td>&nbsp;</td>

<td><input type="submit" value="Ubah" name="Ubah" /></td> </tr>

</table> </form> <?php

if (isset($_POST['Ubah'])) { include("connect/connect.php");

$q = mysql_query("UPDATE pengumuman SET judul='".$_POST['judul']."',

pengumuman='".$_POST['pengumuman']."' where kode_pengumuman='$_GET[id]'"); echo "<script>alert(\"data berhasil diubah!\")</script>";

echo"<script>location.href='?menu=pengumuman'</script>"; }

?>

Coding option pengumuman menu admin bagian view

<h2><span><center>Pengumuman</center></span></h2>

<p align="right"><a href="<?php echo"?menu=addpengumuman"; ?>">add New</a></p> <table border="0" width="100%">

<tr bgcolor="#2b2e2e">

<td align="center"><font color="#FFFFFF"><b>Penulis</b></font></td> <td align="center"><font color="#FFFFFF"><b>Judul</b></font></td> <td align="center"><font color="#FFFFFF"><b>Pengumuman</b></font></td> <td>&nbsp;</td>

<td>&nbsp;</td> </tr>

<tr> <?PHP

include("connect/connect.php");

//$query= mysql_query("select pengumuman.kode_pengumuman,

pengumuman.kode_dosen, pengumuman.judul, pengumuman.pengumuman, dosen.nama FROM

pengumuman, dosen where pengumuman.kode_dosen=dosen.kode_dosen and

pengumuman.kode_dosen='".$_SESSION['id_pengguna']."' order by kode_pengumuman desc");

$query= mysql_query("select pengumuman.kode_pengumuman,

pengumuman.kode_admin, pengumuman.judul, pengumuman.pengumuman, admin.username

FROM pengumuman, admin where pengumuman.kode_admin=admin.kode_admin and

pengumuman.kode_admin='".$_SESSION['id_pengguna']."' order by kode_pengumuman desc"); $num = mysql_num_rows($query);

if ($num > 0){

for ($i=0; $i < $num; $i++){ $row = mysql_fetch_array($query); $id = $row['kode_pengumuman']; ?>

<td bgcolor="#dfdfdf" align="center"><?php echo $row['username'] ?></td> <td bgcolor="#dfdfdf" align="center"><?php echo $row['judul'] ?></td> <td bgcolor="#dfdfdf" align="center"><?php echo $row['pengumuman'] ?></td>

<td bgcolor="#dfdfdf" align="center"><?php echo '<a

href="?menu=editpengumuman&id='.$id.'">Edit</a>'; ?></td>

<td bgcolor="#dfdfdf" align="center"><?php echo '<a

href="?menu=delpengumuman&id='.$id.'">Del</a>'; ?></td> </tr>

<?php }} ?> </table>


(32)

A-23 Universitas Kristen Maranatha

Coding option materi menu dosen bagian add

<?php

include("connect/connect.php"); if(isset($_POST['simpan'])) {

if($_POST['materi']=="" or $_POST['matkul']=="-silahkan pilih-") {

echo"Form harus diisi semuanya"; }else{

$username=$_SESSION["id_pengguna"]; $uploaddir = getcwd().'/data_materi/';

$uploadfile = str_replace("

","_",$uploaddir.date("dmyhmst").$_FILES['gambar']['name']);

if (move_uploaded_file($_FILES['gambar']['tmp_name'], $uploadfile)) {

$gambar = str_replace("

","_",date("dmyhmst").$_FILES['gambar']['name']);

echo $q=mysql_query("INSERT INTO `materi` (`kode_materi`,

`materi`, `file`, `kode_dosen`, `kode_matkul`) VALUES (NULL, '".$_POST['materi']."', '$gambar', '$username', '".$_POST['matkul']."')");

echo "<script>alert(\"data berhasil dimasukan!\")</script>"; echo"<script>location.href='?menu=materi'</script>"; }else{

echo"<script>alert(\"data gagal dimasukan\")</script>"; }

} }

?>

<h2><span>Tambah Materi</span></h2> <br><br><br><br>

<form method="POST" action="" id="commentForm" enctype="multipart/form-data"> <table border="0">

<tr>

<td>Materi &nbsp;</td>

<td><input type="text" name="materi" size="40" style="font-size:15px;height:30px;" class="required" /></td>

</tr> <tr>

<td>File &nbsp;</td>

<td><input type="file" name="gambar" /></td> </tr>

<tr>

<td>Matkul &nbsp;</td>

<td><select name="matkul" class="form"> <option>-silahkan pilih-</option>

<?PHP

$query= mysql_query("SELECT matkul.matkul, matkul.kode_matkul, matkul_dosen.kode_dosen FROM matkul_dosen, matkul, dosen WHERE matkul_dosen.kode_dosen=dosen.kode_dosen and matkul.kode_matkul=matkul_dosen.kode_matkul and matkul_dosen.kode_dosen='".$_SESSION['id_pengguna']."'");

$num = mysql_num_rows($query); if ($num > 0){

for ($i=0; $i < $num; $i++){ $row = mysql_fetch_array($query); ?>

<option value="<?PHP echo $row['kode_matkul'];

?>"><?PHP echo $row['matkul']; ?></option> <?php } } ?> </select>

</td> </tr>

<tr>

<td>&nbsp;</td>


(33)

A-24 Universitas Kristen Maranatha

</tr> </table> </form>

Coding option materi menu dosen bagian del

<?php

include("connect/connect.php");

mysql_query("DELETE FROM `materi` WHERE kode_materi='".$_GET['id']."'"); echo "<script>alert(\"data berhasil dihapus!\")</script>";

echo"<script>location.href='?menu=materi'</script>"; ?>

Coding option materi menu dosen bagian edit

<script src="js/jquery.js" type="text/javascript"></script> <script src="js/jquery.validate.js" type="text/javascript"></script> <script type="text/javascript">

$(document).ready(function() {

$("#commentForm").validate(); });

</script>

<style type="text/css">

#commentForm { width: 800px; } #commentForm label { width: 250px; }

#commentForm label.error, #commentForm input.submit { margin-left: 253px; } </style>

<link rel="stylesheet" type="text/css" media="all" href="css/jsDatePick_ltr.min.css" /> <script type="text/javascript" src="js/jsDatePick.min.1.3.js"></script>

<script type="text/javascript"> window.onload = function(){

new JsDatePick({ useMode:2, target:"inputField", dateFormat:"%Y-%m-%d"

/*selectedDate:{ This is an example

of what the full configuration offers.

day:5,

For full documentation about these settings please see the full version of the code. month:9,

year:2006 },

yearsRange:[1978,2020], limitToToday:false, cellColorScheme:"beige", dateFormat:"%m-%d-%Y", imgPath:"img/",

weekStartDay:1*/ });

}; </script> <?PHP

include("../connect/connect.php");

$query= mysql_query("select * FROM klasifikasi WHERE kode_klasifikasi='$_GET[id]'"); $num = mysql_num_rows($query);

for ($i=0;$i<$num;$i++) {

$f = mysql_fetch_array($query); }

?>

<h2><span>Ubah Klasifikasi</span></h2> <br><br><br><br>

<form method="POST" action="" id="commentForm"> <table border="0">

<tr>

<td>Klasifikasi &nbsp;</td>

<td><input type="text" name="klasifikasi" size="40" style="font-size:15px;height:30px;" class="required" value="<?php echo $f['klasifikasi']; ?>" /></td>

</tr> <tr>


(34)

A-25 Universitas Kristen Maranatha

<td>Min Umur &nbsp;</td>

<td><input type="text" name="min_umur" size="20" style="font-size:15px;height:30px;" class="required number" value="<?php echo $f['min_umur']; ?>" /></td>

</tr> <tr>

<td>Max Umur &nbsp;</td>

<td><input type="text" name="max_umur" size="20" style="font-size:15px;height:30px;" class="required number" value="<?php echo $f['max_umur']; ?>" /></td>

</tr> <tr>

<td>&nbsp;</td>

<td><input type="submit" value="Ubah" name="Ubah" /></td> </tr>

</table> </form> <?php

if (isset($_POST['Ubah'])) { include("../connect/connect.php");

$q = mysql_query("UPDATE klasifikasi SET klasifikasi='".$_POST['klasifikasi']."',

min_umur='".$_POST['min_umur']."', max_umur='".$_POST['max_umur']."' where

kode_klasifikasi='$_GET[id]'");

echo "<script>alert(\"data berhasil diubah!\")</script>"; echo"<script>location.href='?menu=klasifikasi'</script>"; }

?>

Coding option materi menu dosen bagian view

<h2><span>Materi</span></h2>

<p align="right"><a href="<?php echo"?menu=addmateri"; ?>">add New</a></p> <table border="0" width="100%">

<tr bgcolor="#2b2e2e">

<td align="center"><font color="#FFFFFF"><b>Matkul</b></font></td> <td align="center"><font color="#FFFFFF"><b>Materi</b></font></td> <td align="center"><font color="#FFFFFF"><b>File</b></font></td> <td>&nbsp;</td>

</tr> <tr> <?PHP

include("connect/connect.php");

//$query= mysql_query("select * FROM materi WHERE

kode_dosen='".$_SESSION['id_pengguna']."' order by kode_materi desc");

$query= mysql_query("select materi.kode_materi, materi.materi, materi.file,

materi.kode_dosen, materi.kode_matkul, matkul.matkul FROM materi, matkul WHERE

materi.kode_matkul=matkul.kode_matkul and materi.kode_dosen='".$_SESSION['id_pengguna']."' order by materi.kode_materi desc");

$num = mysql_num_rows($query); if ($num > 0){

for ($i=0; $i < $num; $i++){ $row = mysql_fetch_array($query); $id = $row['kode_materi']; ?>

<td bgcolor="#dfdfdf" align="center"><?php echo $row['matkul'] ?></td> <td bgcolor="#dfdfdf" align="center"><?php echo $row['materi'] ?></td>

<td bgcolor="#dfdfdf" align="center"><a href="data_materi/<?php echo $row['file'] ?>"><?php echo $row['file'] ?></a></td>

<td bgcolor="#dfdfdf" align="center"><?php echo '<a

href="?menu=delmateri&id='.$id.'">Del</a>'; ?></td> </tr>

<?php }} ?> </table>


(35)

A-26 Universitas Kristen Maranatha

Coding option pengumuman menu dosen bagian add

<?php

include("connect/connect.php"); if(isset($_POST['simpan'])) {

$q=mysql_query("INSERT INTO `pengumuman` (`kode_pengumuman`, `kode_admin`, `judul`, `pengumuman`) VALUES (NULL, '".$_SESSION['id_pengguna']."' , '".$_POST['judul']."', '".$_POST['pengumuman']."')");

echo "<script>alert(\"data berhasil dimasukan!\")</script>"; echo"<script>location.href='?menu=pengumuman'</script>"; }

?>

<h2><span>Tambah Pengumuman</span></h2> <br><br><br><br>

<form method="POST" action="" id="commentForm"> <table border="0">

<tr>

<td>Nama &nbsp;</td>

<td><input type="text" name="judul" size="40" style="font-size:17px;height:30px;" class="required" /></td>

</tr> <tr>

<td>Pengumuman &nbsp;</td>

<td><textarea name="pengumuman" size="40"

style="font-size:20px;height:100px;"></textarea></td> </tr>

<tr>

<td>&nbsp;</td>

<td><input type="submit" value="simpan" name="simpan" /></td> </tr>

</table> </form>

Coding option pengumuman menu dosen bagian del

<?php

include("connect/connect.php");

mysql_query("DELETE FROM `pengumuman` WHERE kode_pengumuman='".$_GET['id']."'"); echo "<script>alert(\"data berhasil dihapus!\")</script>";

echo"<script>location.href='?menu=pengumuman'</script>"; ?>

Coding option pengumuman menu dosen bagian edit

<script src="js/jquery.js" type="text/javascript"></script> <script src="js/jquery.validate.js" type="text/javascript"></script> <script type="text/javascript">

$(document).ready(function() {

$("#commentForm").validate(); });

</script>

<style type="text/css">

#commentForm { width: 800px; } #commentForm label { width: 250px; }

#commentForm label.error, #commentForm input.submit { margin-left: 253px; } </style>

<link rel="stylesheet" type="text/css" media="all" href="css/jsDatePick_ltr.min.css" /> <script type="text/javascript" src="js/jsDatePick.min.1.3.js"></script>

<script type="text/javascript"> window.onload = function(){

new JsDatePick({ useMode:2, target:"inputField", dateFormat:"%Y-%m-%d"

/*selectedDate:{ This is an example


(1)

}

#featured li.ui-tabs-nav-item a:hover{ background:#fff;

}

#featured li.ui-tabs-selected{ }

#featured ul.ui-tabs-nav li.ui-tabs-selected a{

background:url(../images/bg-body.jpg) repeat; } #featured .ui-tabs-panel{ width:400px; height:550px; background:#999; position:relative; }

#featured .ui-tabs-panel .info{ position:absolute; top:0px; left:0; height:548px;

background: url('../images/transparent-bg.png'); }

#featured .info h2{

font-size:28px; font-family:Georgia, serif; color:#fff; padding:5px; margin:0; overflow:hidden;

}

#featured .info p{ margin:0 5px;

font-family:Verdana; font-size:15px; line-height:15px; color:#f0f0f0; }

#featured .info a{

text-decoration:none; color:#fff;

}

#featured .info a:hover{

text-decoration:underline; }

#featured .ui-tabs-hide{ display:none; }


(2)

1 Universitas Kristen Maranatha

BAB I

PENDAHULUAN

1.1 Latar Belakang

Di masa yang semakin maju ini, kemampuan teknologi komputer sudah tidak diragukan lagi kehandalannya dalam membantu hampir semua pekerjaan yang dapat dikerjakan oleh manusia. Salah satunya adalah dengan adanya aplikasi yang membantu sebuah organisasi untuk memudahkan transaksi data-data yang dibutuhkan secara luas dan tidak membuat sebuah transaksi data tersebut menjadi sulit.

Dari uraian tersebut maka timbul keinginan untuk membangun suatu sistem aplikasi dengan bahasa pemograman berbasis web. Adapun

judul perancang untuk tugas akhir ini adalah “Pusat Unduh Materi Kuliah

Dan Pengumuman Pada Tata Usaha Sistem Komputer Universitas Kristen

Maranatha“.

Dalam Tugas Akhir ini dibuat sebuah program sebagai pusat pengunduhan materi kuliah dan pengumuman yang berguna untuk menampung semua data, materi pembelajaran yang dibutuhkan dalam kegiatan belajar mengajar. Sebagai contoh dosen yang akan mempunyai materi kuliah dapat memasukkan materi tersebut kedalam program ini sehingga mahasisa dapat mendapatkan materi tersebut tanpa menyulitkan dosen tersebut untuk pemindahan data materi kuliah.

Program dibuat untuk memudahkan kedua belah pihak yaitu dosen dan mahasiswa dalam pemberian maupun pengambilan data atau materi yang dibutuhkan Dengan adanya pusat unduh materi perkuliahan ini, diharapkan dapat membantu para dosen, maupun staff tata usaha dalam pemberian materi mata kuliah yang bersangkutan sehingga para mahasiswa atau mahasiswi dapat dengan mudah mencari bahan materi yang dibutuhkan.


(3)

1.2 Rumusan Masalah

Berdasarkan latar belakang yang ada maka penulis mengidentifikasi bahwa terdapat beberapa permasalahan sebagai berikut :

1. Bagaimana sebuah data atau materi dapat dimasukkan oleh dosen pengajar dan diambil oleh mahasiswa.

2. Bagaimana membuat aplikasi program berbasis web agar pengumuman dapat dimasukkan oleh petugas Tata Usaha?

1.3 Tujuan Penelitian

Tujuan dari Tugas Akhir ini adalah :

1. Membuat aplikasi program berbasis web untuk memasukan data atau materi oleh dosen pengajar dan dapat diambil oleh mahasiswa.

2. Membuat aplikasi program berbasis web sehingga pengumuman dapat dimasukkan oleh petugas Tata Usaha dan dapat dilihat oleh mahasiswa dan dosen.

1.4 Pembatasan Masalah

1. Program ini berbasis web dan menggunakan jaringan lokal (LAN) .

2. Program ini berbasis web menggunakan PHP dan MYSQL . 3. Mahasiswa dapat mengunduh semua materi pelajaran. 4. Admin tidak dapat memasukkan materi pelajaran.

5. Admin tidak dapat menghapus username dan password admin lain.

6. Admin tidak dapat menghapus username dan password dosen.

7. Dosen tidak dapat mengubah isi file secara langsung dalam program.


(4)

3 Universitas Kristen Maranatha

1.5 Sistematika Penulisan

Bab I : Pendahuluan

Membahas tentang latar belakang, identifikasi masalah, tujuan, dan pembatasan masalah.

Bab II : Teori Pendahuluan

Membahas tentang teori–teori yang menunjang topik Tugas Akhir.

Bab III : Perancangan dan Pemodelan

Membahas tentang perancangan program Pusat Unduh Materi Kuliah Dan Pengumuman.

Bab IV : Data Pengamatan

Membahas tentang hasil rancangan program Pusat Unduh Materi Kuliah Dan Pengumuman.

Bab V : Kesimpulan dan Saran

Membahas tentang kesimpulan dari seluruh pembahasan topik serta saran yang mungkin membantu dalam perkembangan lebih lanjut dari topik Tugas Akhir ini.


(5)

BAB V

KESIMPULAN DAN SARAN

5.1. Kesimpulan

1. Program pengumuman dan unduh materi dengan menggunakan bahasa program PHP dan database mysql sudah berhasil direalisasikan

2. Menu login untuk dosen maupun admin dapat bekerja dengan baik sesuai dengan fungsinya masing-masing.

3. Menu unduh dapat bekerja dengan baik sesuai dengan fungsinya.

5.2. Saran

1. Program unduh materi dan pemberian pengumuman ini dapat dikembangkan pada pendataan jadwal kuliah agar mahasiswa dapat mlihat jadwal kuliah atau hasil ujian secara online.

2. Terdapat Suboption edit pada option materi menu dosen, yang berguna untuk mengkoreksi file yang dimasukkan oleh dosen.


(6)

63 Universitas Kristen Maranatha

DAFTAR PUSAKA

Gunawan, Wahyu, "Kebut Sehari Jadi Master PHP", Genius Publisher, Yogyakarta, 2010

 Hakim, Lukmanul, "Bikin Website Super Keren dengan PHP dan jQuery", Lokomedia, Yogyakarta, 2010

 Kadir, Abdul, "Pengenalan Sistem Informasi", Andi, Yogyakarta, 2002

 Kadir, Abdul, "Tuntunan Praktis Belajar Database Menggunakan MySQL", Andi, Yogyakarta, 2008

Kadir, Abdul, "From Zero to A Pro : Membuat Aplikasi Web dengan PHP dan Database MySQL", Andi, Yogyakarta, 2009

 Kristanto, Andi, "Perancangan Sistem Informasi dan Aplikasinya", Gava Media, Yogyakarta, 2008

 Madcoms, "Aplikasi Manajemen Database Pendidikan Berbasis Web dengan PHP dan MySQL", Andi, Yogyakarta, 2007

Madcoms, "Dreamweaver CS5 dan PHP- MySQL", Andi, Yogyakarta, 2011

 Puspitosari, Heni, "Pemograman Web Database dengan PHP & MySQL", Skripta Media Creative Yogyakarta, 2010.

 http://carapedia.com/pengertian_definisi_download_info2134.html di download Tanggal 15 juni 2012.

 http://www.scribd.com/doc/53714701/Pengertian-Pengumuman di download Tanggal 15 juni 2012.