Forum Diskusi Pembelajaran Bahasa Inggris Berbasis Web

(1)

Hasil Uji Program Tugas Akhir SURAT KETERANGAN

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

Nama : SABILLA YASSARAH

NIM :132406208

Prog. Studi :Diploma - III Teknik Informatika

Judul TA :FORUM DISKUSI PEMBELAJARAN BAHASA INGGRIS BERBASIS WEB

Telah melaksanakan tes program Tugas Akhir Mahasiswa tersebut di atas pada tanggal……….

Dengan Hasil : Sukses / Gagal

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

Medan, Juni 2016

Dosen Pembimbing

(2)

KEMENTERIAN RISET TEKNOLOGI DAN PENDIDIKAN TINGGI UNIVERSITAS SUMATERA UTARA

FAKULTAS MATEMATIKA DAN ILMU PENGETAHUAN ALAM PROGRAM STUDI D3 TEKNIK INFORMATIKA

Jl. Bioteknologi No.1 Kampus USU Padang Bulan Medan-20155 Telp. (061) 8211050, 8214290, Fax (061) 8214290

KARTU BIMBINGAN TUGAS AKHIR MAHASISWA

Nama Mahasiswa : Sabilla Yassarah Nomor Induk Mahasiswa : 132406208

Judul Tugas Akhir : Forum Diskusi Pembelajaran Bahasa Inggris Berbasis Web Dosen Pembimbing : Dr. Mardiningsih, M.Si.

Tanggal Mulai Bimbingan : Tanggal Selesai Bimbingan :

No Tanggal

Asistensi Bimbingan

Pembahasan Asistensi Pada

Bab

Paraf Dosen Pembimbing

*Kartu ini harap dikembalikan ke jurusan Matematika bila bimbingan mahasiswa telah selesai

Disetujui oleh

Program Studi D3 Teknik Informatika Fakultas MIPA USU

Ketua, Pembimbing,

Dr. Elly Rosmaini, M.Si

(3)

Listing Program

1. Tampilan Awal

a. Index

<?php

error_reporting(0); // menghilangkan pesan error

session_start();

if(!isset($_SESSION['username']) and !isset($_SESSION['password']) and

!isset($_SESSION['status']) ){

}

?>

<!DOCTYPE html>

<html>

<head>

<title>Forum</title>

name="viewport">

<!-- AdminLTE Skins. Choose a skin from the css/skins

(4)

<!--[if lt IE 9]>

<![endif]-->

</head>

<?php

include 'header.php';

?>

<?php

include 'navbar.php';

?>

<?php

include 'content.php';

?>

</footer>

</div>

(5)

</aside>

<!-- Add the sidebar's background. This div must be placed

immediately after the control sidebar -->

</div>

</body>

</html>

b. Header

<span class="logo-lg"><b>FORUM DISKUSI</b></span>

</a>

(6)

<span class="sr-only">Toggle navigation</span>

</a>

<?php

if(!isset($_SESSION['username'])){

echo "

<li>

</li>

<span class='hidden-xs'>Login</span>

</a>

<input type='text' class='form-control' id='username' name='username' required

placeholder='username'>

</div>

<input type='password' class='form-control' id='password' name='password' required

placeholder='password'>

</div>

(7)

</form>

</li>

</ul>

</li>

";

}

else{

$username = $_SESSION[username];

$pass = $_SESSION[password];

$status = $_SESSION[status];

include "config/database.php";

$sql = "SELECT * FROM `user` WHERE username='$username' AND

password='$pass' AND status='$status'";

$data = $mysqli->query($sql);

$row = $data->fetch_assoc();

echo"

<li>

<a href='index.php?content=create-topic'><span class='hidden-xs'><i

class='icon-pencil'></i>Create Topic</span></a>

</li>

</a>

<p>

$row[name]

</p>

</li>

(8)

<a href='index.php?content=profile' class='btn btn-default btn-flat'>Profile</a>

</div>

<a href='index.php?content=setting' class='btn btn-default btn-flat'>Setting</a>

</div>

</div>

</li>

</ul>

</li>

";

$mysqli->close();

}

?>

<li>

</li>

</ul>

</div>

</nav>

</header>

c. Navbar

(9)

<li class="header">CATEGORIES</li>

<?php

include 'config/database.php';

$sql ="select * from cat order by id_cat";

$result = $mysqli->query($sql);

$row = $result->num_rows;

if ($row>0){

while($data = $result->fetch_array()){

echo"<li class='treeview'><a

href='index.php?content=topic&cat=$data[id_cat]

''><i class='glyphicon glyphicon-minus'></i><span>

$data[name]</span></a></li>";

}

$mysqli->close();

?>

<?php

if($_SESSION['status'] == "admin"){

echo "

<li class='header'>MENU ADMIN</li>

<i class='icon-bookmark'></i><span>Master Category</span>

</a>

</li>

<i class='icon-user'></i><span>Master User</span>

</a>

</li>

";

(10)

?>

<!---

<i class='icon-group'></i><span>Master Pegawai</span>

</a>

s<li><a href='#'><i class='fa fa-circle-o'></i>Tambah Pegawai</a></li>

<li><a href='#'><i class='fa fa-circle-o'></i>Data Pegawai</a></li>

</ul>

</li>

-->

</ul>

</section>

</aside>

2. Dashboard

a. Index

<h2 class="page-header">THREAD</h2>

(11)

<li class="active"><a href="#tab_1" data-toggle="tab"><h4><i

class="icon-bolt"></i><span> Trending</span></h4></a></li>

New</span></h4></a></li>

</ul>

<?php

include 'modul/dashboard/trending.php';

?>

</div>

<?php

include 'modul/dashboard/new.php';

?>

</div>

</div>

</div>

</section>

</div>

b. Trending

.thread {

background : rgba(201,201,201,0.2);

}

a.link{

text-decoration: none;

(12)

}

a.link:hover {

color: #0d5f59;

}

</style>

<?php

$mysqli->close();

$sql = "SELECT *,user.name as name_user , cat.name as name_cat

FROM topic join user on topic.id_user = user.user_id join cat on topic.id_cat = cat.id_cat

order by topic.view desc limit 5";

$rows = $data->num_rows;

if($rows>0){

$no = 1;

while ($rowx = $data->fetch_array()) {

$read_more = substr($rowx['read_more'],0,200);

echo "<div class='callout thread'>

<h4><a class='link'

href='index.php?content=detail-topic&id=$rowx[id_topic]'>$rowx[title]</a></h4>

<img class='img-responsive col-md-10'

src='assets/img/user/$rowx[photo]'>

</div>

$rowx[name_user]<br>

Tags : <span class='label label-primary

'>$rowx[name_cat]</span><br>

$rowx[view] views<br>

$rowx[date]<br>

(13)

Pembahasan : <br>

$read_more...<br>

<a href='index.php?content=detail-topic&id=$rowx[id_topic]'

class='link'>[Read More]</a>

</div>

</div><br>

</div>

";

}

?>

c. New

.thread {

background : rgba(201,201,201,0.2);

}

a.link{

text-decoration: none;

color: #00a99d;

}

a.link:hover {

color: #0d5f59;

}

</style>

<?php

$mysqli->close();

(14)

$sql = "SELECT *,user.name as name_user , cat.name as name_cat

FROM topic join user on topic.id_user = user.user_id join cat on topic.id_cat = cat.id_cat

order by topic.date desc limit 5";

$rowxs = $data->num_rows;

if($rowxs>0){

$no = 1;

$read_more = substr($rowx['read_more'],0,200);

echo "<div class='callout thread'>

<h4><a class='link'

href='index.php?content=detail-topic&id=$rowx[id_topic]'>$rowx[title]</a></h4>

<img class='img-responsive col-md-10'

</div>

$rowx[name_user]<br>

Tags : <span class='label label-primary

'>$rowx[name_cat]</span><br>

$rowx[view] views<br>

$rowx[date]<br>

</div>

Pembahasan : <br>

$read_more.. <br>

<a class='link'

href='index.php?content=detail-topic&id=$rowx[id_topic]'>[Read More]</a>

</div>

</div><br>

</div>

(15)

";

}

?>

3. Login

<?php

// error_reporting(0); // menghilangkan pesan error

include "../../config/database.php";

$username = $_POST['username'];

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

$sql = "select * from user where username='$username' and password='$password'";

$result = $mysqli->query($sql);

if ($result->num_rows>0) {

session_start();

$row=$result->fetch_assoc();

$_SESSION[user_id]=$row[user_id];

$_SESSION[username]=$row[username];

$_SESSION[password]=$row[password];

$_SESSION[status]=$row[status];

$mysqli->close();

header('location:../../index.php');

}

else{

echo "FAILED";

}

?>

(16)

<?php

session_start();

session_destroy();

header("location:../../index.php");

?>

5. Topic

a. Create

<?php

$username = $_SESSION[username];

$pass = $_SESSION[password];

$status = $_SESSION[status];

$sql = "SELECT * FROM `user` WHERE username='$username' AND

password='$pass' AND status='$status'";

$id = $row[user_id];

?>

(17)

<h3 class="box-title">Add Topic</h3>

</div>

<form id="halaman" class="form-horizontal" method="post"

action="modul/topic/insert.php" enctype="multipart/form-data">

<input type="text" class="form-control input-lg" id="title" name="title" placeholder="Enter

Your Title Here" required>

</div>

<br>

<textarea class="form-control" name="read_more" id="read_more" rows="5"

placeholder="Deskripsi Singkat"></textarea>

</div>

<br>

</div>

</div>

</div>

</div>

(18)

<h3 class="box-title">Category</h3>

<option value="">Choose</option>

<?php

include 'config/database.php';

$sql ="SELECT * FROM cat";

$query = $mysqli->query($sql);

while ($row = $query->fetch_assoc()) {

echo"<option value=$row[id_cat]>$row[name]</option>";

}

?>

</select>

<button class="pull-right col-sm-12 btn btn-primary" type="submit"

value="upload">Terbitkan</button>

</form>

</div>

</div>

</section>

</div>

b. Detail topic

(19)

<?php

$id = $_GET['id'];

$sql = "SELECT * FROM topic where id_topic = $id";

$query = $mysqli->query($sql);

$rox = $query->fetch_assoc();

$view = $rox[view] + 1;

$sql = "UPDATE `topic` SET `view`='$view' WHERE id_topic=$id";

$query=$mysqli->query($sql);

$mysqli->close();

?>

<?php

$sql = "SELECT *,cat.name as cat_name FROM topic join cat on topic.id_cat = cat.id_cat

join user on topic.id_user=user.user_id where topic.id_topic = $id ";

$mysqli->close();

?>

<center><h3><?php echo $row[title] ; ?></h3><h4>By : <?php echo $row[name] ;

?></h4>Kategori : <?php echo $row[cat_name] ; ?></center>

(20)

<br>

<hr>

<br>

<?php

if(isset($_SESSION['username']) and isset($_SESSION['password']) and

isset($_SESSION['status']) ){

?>

<textarea rows="4" class="form-control" name="description"

placeholder="comment"></textarea><br>

<button class="btn btn-primary pull-right" type="submit">Submit</button>

</form>

</div>

<?php

}

?>

<?php

$sqlx = "SELECT * FROM comment join user on comment.user_id = user.user_id

where comment.id_topic = $id";

$datax = $mysqli->query($sqlx);

if($datax->num_rows>0){

echo "All Comment";

while ($rowx = $datax->fetch_array()) {

(21)

<img class='media-object' style='width:80px; height:80px;'

</a>

</div>

$rowx[description]

</div>

";

}

$mysqli->close();

?>

</div>

</div>

</div>

</section>

</div>

6. User

a. Index

(22)

<thead>

<tr>

<th class="text-center">Gender</th>

<th class="text-center" width="20%">Action</th>

</tr>

</thead>

<tbody>

<?php

$mysqli->close();

$sql = "SELECT * FROM user where status = 'user' ";

if($rows>0){

$no = 1;

echo "

<tr>

(23)

<td class='text-center'>$rowx[gender]</td>

<td class='text-center' >$rowx[tgllahir]</td>

<a href='index.php?content=detail-user&id=$rowx[user_id]' class='btn

btn-primary'>View</a>

<a href='modul/user/delete.php?id=$rowx[user_id]' class='btn btn-primary'>Delete</a>

</td>

</tr>

";

$no++;

}

else{

echo "<tr>

<td class='text-center' colspan='5'><b><h2>User Not

Found</h2></b></td>

</tr>";

}

?>

</tbody>

</table>

</div>

</div>

</div>

</section>

(24)

b. Detail user

<?php

$id = $_GET['id'];

$sql = "SELECT * FROM `user` WHERE user_id = $id";

?>

<img class="thumbnail img-responsive " src="<?php echo"assets/img/user/$row[photo]"?>"

alt="User profile picture">

(25)

</li>

<b>Status</b><a class="pull-right"><?php echo $row[status]?></a>

</li>

<b>Gender</b><a class="pull-right"><?php echo $row[gender]?></a>

</li>

<b>Email</b><a class="pull-right"><?php echo $row[email]?></a>

</li>

</ul>

</div>

</div>

<center><h3>Topic</h3></center>

<thead>

<tr>

<th class="text-center">Title</th>

<th class="text-center" width="20%">Views</th>

</tr>

</thead>

<tbody>

<?php

$mysqli->close();

(26)

if($rows>0){

$no = 1;

echo "

<tr>

<td>$rowx[title].</td>

</tr>

";

$no++;

}

else{

echo "<tr>

<td>Nothing</td>

</tr>";

}

?>

</tbody>

</table>

</div>

</div>

</div>

</section>

(27)

7. Comment

a. Insert

<?php

include '../../config/database.php';

$user_id = $_POST['user_id'];

$id_topic = $_POST['id_topic'];

$description = $_POST['description'];

$date = date("Y-m-d H:i:s");

$sql = "INSERT INTO `comment`(ìd_comment`, ìd_topic`, `date`, ùser_id`,

`description`) VALUES ('','$id_topic','$date','$user_id','$description')";

$mysqli->query($sql);

header("location:../../index.php?content=detail-topic&id=$id_topic");

?>

8. Category

a. Index

(28)

var save_method;

$(function () {

$('#table').load("modul/category/table.php");

});

function kategori_add(){

save_method = "insert";

$('#form_kategori')[0].reset(); // reset form on modals

$('#modal_kategori').modal('show');//kategori

$('#nama_kategori').focus(); //show bootstrap modal

$('.modal-title-kategori').text('kategori'); //Set Title to Bootstrap modal title

}

function kategori_save()

{

var url;

if(save_method == 'insert')

{

url = "modul/category/insert.php";

}

else

{

url = "modul/category/update.php";

}

$.ajax({

type : "POST",

url : url,

data : $('#form_kategori').serialize(),

success : function(data){

$('#modal_kategori').modal('hide');

(29)

error: function (jqXHR, textStatus, errorThrown)

{

alert('Error insert/update data');

}

});

}

function kategori_del(id)

{

if(confirm('Are you sure delete this data?'))

{

// ajax delete data to database

$.ajax({

url : "modul/category/delete.php?id="+id,

type: "POST",

success: function(data)

{

},

{

alert('Error delete data');

}

});

}

function kategori_edit(id)

{

var url = "modul/category/cari.php?id="+id;

save_method = 'update';

$.ajax({

url : url,

(30)

dataType: "JSON",

success: function(data)

{

$('#id_kategori').val(data.id_cat);

$('#nama_kategori').val(data.name);

$('#modal_kategori').modal('show'); // show bootstrap modal

$('.modal-title-kategori').text('kategori'); // Set Title to Bootstrap modal title

},

{

alert('Error get data from ajax');

}

});

}

</script>

<h3 class="box-title">Data kategori</h3>

<button class="btn btn-primary" onclick="kategori_add()">Tambah</button><br><br>

(31)

</section>

</div>

<button type="button" class="close" data-dismiss="modal" label="Close"><span

aria-hidden="true">×</span></button>

</div>

<label for="kategori" class="col-sm-3 control-label">Kategori</label>

<input type="text" class="form-control" id="nama_kategori" name="nama_kategori"

placeholder="Msl : Paket Usaha" required>

</div>

</form>

</div>

<button type="button" class="btn" data-dismiss="modal">Cancel</button>

<button type="button" id="btnSave" onclick="kategori_save()" class="btn

btn-primary">Save</button>

</div>

</div>

</div>

</div>

(32)