LAMPIRAN PROGRAM.  <!--[if IE 7 ]><html class="ie ie7" lang="en"> <!

Size: px

Start display at page:

Download "LAMPIRAN PROGRAM.  <!--[if IE 7 ]><html class="ie ie7" lang="en"> <!"

Antony Lambert
5 years ago
Views:

1 LAMPIRAN PROGRAM 1. index.html (Halaman Awal) <!DOCTYPE html>     <html lang="en">  <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1"> <meta name="description" content=""> <meta name="author" content="">  <title>unidu</title>

2  <link rel="stylesheet" /> href="assets/css/bootstrap.css"  <link href="assets/css/font-awesome.min.css" rel="stylesheet" />  <link href="assets/scripts/vegas/jquery.vegas.min.css" rel="stylesheet" />  /> <link href="assets/css/style.css" rel="stylesheet"  <link href=' rel='stylesheet' type='text/css' />

3 <nav class="navbar navbar-inverse navbar-fixed-top" role="navigation"> <div class="container"> <div class="navbar-header"> <button type="button" class="navbartoggle" data-toggle="collapse" data-target=".navbarex1-collapse"> navigation</span> <span class="sr-only">toggle <span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span> </button> class="navbar-brand" href="#"><img src="../halaman/assets/img/4.jpg"></a>  <div class="collapse navbar-collapse navbar-ex1-collapse"> href="#home">home</a> href="#about">words</a> href="#contactsec">contact</a> IN</a> <ul class="nav navbar-nav navbarright"> href="../login/src">sign

4 </ul>   </nav>   <div class="container" id="home"> <div class="row text-center"> <div class="col-md-12"> <h1 class="head-main">ünidu</h1> <h2 class="head-sub-main">be a part of new connecting way</h2> class="btn btn-danger btn-lg " href="#about">read More </a> class="btn btn-default btn-lg" href="#contact-sec">leave Here </a> <div class="head-last">

5   <section class="for-full-back color-white" id="about"> <div class="container"> <div class="row text-center"> <div class="col-md-8 col-md-offset-2"> <h1>sebuah Forum</h1> <h4> <strong>ünidu adalah sebuah forum di kalangan pelajar yang dapat membantu pelajar saling terhubung dalam </h4> menjalani dunia pendidikan </strong> <div class="row text-center space-pad"> <div class="col-md-3 "> <div class="about-div">

6 main-color-red"></i> <i class="fa fa-camera fa-4x <h3>dynamic </h3> <p> Upload dan share foto tentang kegiatan sekolah ke teman - temanmu </p> <div class="col-md-3 "> <div class="about-div"> main-color-red"></i> <i class="fa fa-briefcase fa-4x <h3>100% Free </h3> <p> Saling share tugas dan berbagai refrensi dari sekolah tanpa biaya </p>

7 <div class="col-md-3 "> <div class="about-div"> main-color-red"></i> <i class="fa fa-desktop fa-4x <h3>responsive </h3> <p> Ruang diskusi yang responsivf untuk pertanyaan anda </p> <div class="col-md-3 "> <div class="about-div"> main-color-red"></i> <i class="fa fa-folder fa-4x

8 <h3>subscribe </h3> <p> subscribe pengguna untuk mendapatkan info selanjutnya </p> <div class="row text-center"> <div class="col-md-12"> <h2>about</h2> <p> Ünidu adalah sebuah forum komunikasi antar pelajar yang dibentuk untuk menghubungkan pelajar antar sekolah serta menjadikan forum ini menjadi media yang dapat digunakan menjadi tempat saling share informasi tentang pendidikan, serta pembaruan terbaru dalam dunia pendidikan. para pelajar yang ingin berinteraksi dengan pelajar lain dapat secara mudah dan online tanpa mementingkan jarak serta efisien dapat menjadikan forum ini sebagai media sosial yang konvensional berbentuk edukasi </p>

9 </section> <section class="for-full-back " id="parallax-one"> <div class="container"> <div class="row text-center for-parallaxone"> <div class="col-md-6 "> <h3>ünidu</h3> <h4> student to student <strong>best way to connect for </strong> </h4> <div class="col-md-6 "> <h3>ünidu</h3> <h4> your friend <strong>share your assigment to </strong> </h4>

10 </section>    <section class="for-full-back color-white " id="contact-sec"> <div class="container"> <div class="row"> <div class="col-md-5 contact-cls"> <h3>contact ME </h3> <div> <span><i class="fa fahome"></i> Address: Medan, Indonesia</span> <br /> <span><i class="fa faphone"></i> Phone: </span> <br /> <span><i class="fa fa-envelopeo"></i> <br /> <span><i class="fa faglobe"></i> Web: <br /> <br />

11 <div id="social-icon"> href="#"><i class="fa fafacebook fa-2x"></i></a> href="#"><i class="fa fatwitter fa-2x"></i></a> href="#"><i class="fa fagoogle-plus fa-2x"></i></a> href="#"><i class="fa fainstagram fa-2x"></i></a> <div class="col-md-7"> <h2>tambahkan Komentar</h2> <p> Berilah Kritik dan Saran untuk menunjang pembuat website agar lebih baik lagi </p> <form> <div class="row"> class="formgroup"> class="form-control" placeholder="name"> <div <div class="col-md-6 colsm-6"> <input type="text" required="required" <div class="col-md-6 colsm-6">

12 class="formgroup"> <div class="form-control" placeholder=" address"> <input type="text" required="required" <div class="row"> <div <textarea name="message" id="message" required="required" class="form-control" rows="3" placeholder="message"></textarea> class="formgroup"> <div <div class="col-md-12 colsm-12"> class="formgroup"> <button type="submit" class="btn btn-default">submit Request</button> </form>

13 </section>   <div class="for-full-back " id="footer"> All Right Reserved    <script js"></script>  <script src="assets/plugins/bootstrap.js"></script>  <script src="assets/plugins/vegas/jquery.vegas.min.js"></script > src="assets/plugins/jquery- <script src="assets/plugins/jquery.parallax js"></script>  <script src="assets/js/custom.js"></script> </body> </html>

14 2. index.php (Login) <!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <meta content="ie=edge"> http-equiv="x-ua-compatible" <meta name="viewport" content="width=device-width, initial-scale=1"> <title>login</title> <meta name="description" content="source code generated using layoutit.com"> <meta name="author" content="layoutit!"> <link rel="stylesheet"> href="css/bootstrap.min.css" <link href="css/style.css" rel="stylesheet"> </head> <body> <div class="container-fluid"> <div class="row"> <div class="col-md-12">

15 <nav class="navbar navbar-default navbar-inverse navbar-fixed-top" role="navigation"> <div class="navbar-header"> <button type="button" class="navbar-toggle" data-toggle="collapse" datatarget="#bs-example-navbar-collapse-1"> <span class="sronly">toggle navigation</span><span class="iconbar"></span><span class="icon-bar"></span><span class="icon-bar"></span> </button> class="navbarbrand" href="#">ünidu</a> <div class="collapse navbarcollapse" id="bs-example-navbar-collapse-1"> <ul class="nav navbar-nav"> <li class="active"> href="../../halaman">home</a> <li class="active"> href="#">help</a> </ul> navbar-right"> <ul class="nav navbar-nav <li class="active">

16 IN</a> href="#">sign </ul> </nav> <div class="row" style="margin-top: 60px;"> <div class="col-md-6 col-md-offset-3"> <h4 class="text-center">login</h4> <div class="col-md-6 col-md-offset-3"> <button type="button" class="btn btnblock btn-primary"> </button> Connect to Facebook <button type="button" class="btn btnblock btn-primary"> </button> Connect to Twitter <div class="row" style="margin-top: 60px;"> <div class="col-md-6 col-md-offset-3">

17 <form class="form-horizontal" role="form" action="proses/login.php" method="post"> <div class="form-group"> <label class="col-sm-2 control-label"> for="input 3" Username </label> <div class="col-sm-10"> <input class="formcontrol" id="input 3" name="username" type="text"> <div class="form-group"> <label class="col-sm-2 control-label"> for="inputpassword3" </label> Password <div class="col-sm-10"> <input class="formcontrol" id="inputpassword3" name="password" type="password"> <div class="form-group"> col-sm-10"> <div class="col-sm-offset-2 <div class="checkbox">

18 <label> type="checkbox"> Remember me <input </label> <div class="form-group"> col-sm-10"> <div class="col-sm-offset-2 class="btn btn-default"> <button Sign in </button> type="submit" <div class="col-md-6 col-mdoffset-3"> href="../../register/src">belum Punya akun? Daftar</a> </form> <div class="row"> <div class="col-md-12" id="footer">

19 Reserved All Right <script src="js/jquery.min.js"></script> <script src="js/bootstrap.min.js"></script> <script src="js/scripts.js"></script> </body> </html> 3. index.php (Register) <!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <meta content="ie=edge"> http-equiv="x-ua-compatible" <meta name="viewport" content="width=device-width, initial-scale=1"> <title>register</title> <meta name="description" content="source code generated using layoutit.com">

20 <meta name="author" content="layoutit!"> <link rel="stylesheet"> href="css/bootstrap.min.css" <link href="css/style.css" rel="stylesheet"> </head> <body> <div class="container-fluid"> <div class="row"> <div class="col-md-12"> <nav class="navbar navbar-default navbar-inverse navbar-fixed-top" role="navigation"> <div class="navbar-header"> <button type="button" class="navbar-toggle" data-toggle="collapse" datatarget="#bs-example-navbar-collapse-1"> <span class="sronly">toggle navigation</span><span class="iconbar"></span><span class="icon-bar"></span><span class="icon-bar"></span> </button> class="navbarbrand" href="#">ünidu</a> <div class="collapse navbarcollapse" id="bs-example-navbar-collapse-1"> <ul class="nav navbar-nav"> <li class="active">

21 href="../../halaman">home</a> <li class="active"> href="#">help</a> </ul> navbar-right"> <ul class="nav navbar-nav <li class="active"> href="../../login/src">sign IN</a> </ul> </nav> <div class="row" style="margin-top: 60px;"> <div class="col-md-6 col-md-offset-3"> <h4 class="text-center">register</h4> <div class="col-md-6 col-md-offset-3"> <button type="button" class="btn btnblock btn-primary"> Connect to Facebook

22 </button> <button type="button" class="btn btnblock btn-primary"> </button> Connect to Twitter <div class="row" style="margin-top: 60px;"> <div class="col-md-6 col-md-offset-3"> <form class="form-horizontal" role="form" action="proses/register.php" method="post" enctype="multipart/form-data"> <div class="form-group"> <label class="col-sm-2 control-label"> for="inputuser" </label> Username <div class="col-sm-10"> <input class="formcontrol" id="inputusername" name="username" type="text"> <div class="form-group"> <label class="col-sm-2 control-label"> for="input 3"

23 </label> <div class="col-sm-10"> <input class="formcontrol" id="input 3" name=" " type=" "> <div class="form-group"> <label class="col-sm-2 control-label"> for="inputpassword3" </label> Password <div class="col-sm-10"> <input class="formcontrol" id="inputpassword3" name="password" type="password"> <div class="form-group"> <label class="col-sm-2 control-label"> for="inputpassword3" Status </label> <div class="col-sm-10"> <select name="status"> value="0">pelajar</option> <option

24 value="1">alumni</option> <option </select> <div class="form-group"> <label class="col-sm-2 control-label"> for="inputdate3" </label> Tanggal Lahir <div class="col-sm-10"> <input class="formcontrol" id="inputdate" name="tanggal_lahir" type="date"> <div class="form-group"> <label class="col-sm-2 control-label"> for="inputgambar3" </label> Upload Foto Profil <div class="col-sm-10"> <input class="formcontrol" id="inputgambar" name="upload_foto" type="file">

25 <div class="form-group"> col-sm-10"> <div class="col-sm-offset-2 <div class="checkbox"> <label> <input type="checkbox"> Saya Setuju Dengan Syarat dan Ketentuan Yang Berlaku </label> <div class="form-group"> col-sm-10"> <div class="col-sm-offset-2 class="btn btn-default"> <button Sign Up </button> type="submit" 3"> <div class="col-md-6 col-md-offset- href="../../login/src">sudah punya akun? Masuk</a> </form>

26 <div class="row"> <div class="col-md-12" id="footer"> Reserved All Right <script src="js/jquery.min.js"></script> <script src="js/bootstrap.min.js"></script> <script src="js/scripts.js"></script> </body> </html> 4. index.php (Beranda) <?php session_start();?> <!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8">

27 <meta content="ie=edge"> http-equiv="x-ua-compatible" <meta name="viewport" content="width=device-width, initial-scale=1"> <title>beranda</title> <meta name="description" content="source code generated using layoutit.com"> <meta name="author" content="layoutit!"> <link rel="stylesheet"> href="css/bootstrap.min.css" <link href="css/style.css" rel="stylesheet"> </head> <body> <div class="container-fluid"> <div class="row"> <div class="col-md-3 text-center"> <img class="img-responsive logo" alt="bootstrap Image Preview" src="../../register/src/img/<?php echo $_SESSION['gambar']?>"> <div class="col-md-9"> <ul class="nav nav-tabs">-

28 href="#">home</a> href="#"><?php echo $_SESSION['username'];?></a> href="../../artikel/src/">artikel</a> <li class="dropdown pull-right"> href="#" datatoggle="dropdown" class="dropdowntoggle">settings<strong class="caret"></strong></a> <ul class="dropdown-menu"> href="#">about</a> href="#">help</a> <li class="divider"> href="../../logout/logout.php"> Sign Out</a> </ul>

29 </ul> <div class="row"> <div class="col-md-10 col-md-offset-1"> <div class="carousel slide" id="carousel "> <ol class="carousel-indicators"> <li class="active" data-slideto="0" data-target="#carousel "> <li data-slide-to="1" datatarget="#carousel "> </ol> <div class="carousel-inner"> <div class="item active"> <img style="" alt="carousel Bootstrap First" src="img/1.jpg" class="img-responsive full-img"> class="carouselcaption"> <div <li data-slide-to="2" datatarget="#carousel "> <h4> Dunia Teknologi </h4>

30 href="#"> class="link" Dukung Pendidikan, Intel dan Columbia Tawarkan Software Gratis </a> <div class="item"> <img style="" alt="carousel Bootstrap Second" src="img/2.jpg"> <div <h4> Adat dan Budaya </h4> href="#"> class="link" Pusat Pendidikan Dalang-dalang Cilik Kota Ini Jadi </a> <div class="item"> <img style="" alt="carousel Bootstrap Third" src="img/3.jpg"> class="carouselcaption"> <div class="carouselcaption"> <h4>

31 </h4> Info Terkini href="#"> class="link" Lima Ikuti Ujian Paket C kakek Bercucu </a> class="left carouselcontrol" href="#carousel " dataslide="prev"><span class="glyphicon glyphicon-chevronleft"></span></a> class="right carousel-control" href="#carousel " data-slide="next"><span class="glyphicon glyphicon-chevron-right"></span></a> <div class="row"> <div class="col-md-3"> "> <div class="panel-group" id="panel- <div class="panel panel-default"> <div class="panel-heading"> class="panel-title collapsed" data-toggle="collapse" data-parent="#panel " href="#panel-element ">forum</a> <div id="panel-element " class="panel-collapse collapse">

32 href="../../pelajar/src">pelajar</a> <div class="panel-body"> <div class="panel-body"> href="../../alumni/src">alumni</a> <div class="col-md-9"> <ul class="list-grey list-unstyled listtop-thread"> <?php mysql_connect('localhost','root',''); mysql_select_db('db_forum'); tbl_artikel"; $sql = "SELECT * FROM $exe = mysql_query($sql); while ($row = mysql_fetch_array($exe)) { <h6> echo " href=../../tread/src/?id=".$row['id_artikel'].">".$row[ 'judul_artikel']."</a>

33 </h6> "; }?> </ul> <div class="row"> <div class="col-md-12"> <h3 class="text-center"> Temukan di Ünidu! </h3> <div class="row"> <div class="col-md-4"> <div class="col-md-12 textcenter"> <img alt="bootstrap Image Preview" src=" <p> </p> unidu <div class="col-md-4"> <div class="col-md-12 textcenter"> <img alt="bootstrap Image Preview" src="

34 <p> unidu </p> <div class="col-md-4"> <div class="col-md-12 textcenter"> <img alt="bootstrap Image Preview" src=" <div class="row"> <p> </p> unidu <div class="col-md-12"> ddress> <strong>ünidu, Inc</strong><br> Jl. Denai No.125 A Medan<br> Medan, 20216<br> bbr title="phone">p:</abbr> </address>

35 <div class="row"> <div class="col-md-12" id="footer"> Reserved All Right <script src="js/jquery.min.js"></script> <script src="js/bootstrap.min.js"></script> <script src="js/scripts.js"></script> </body> </html> 5. index.php (Artikel) <!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <meta content="ie=edge"> http-equiv="x-ua-compatible" <meta name="viewport" content="width=device-width, initial-scale=1"> <title>artikel</title>

36 <meta name="description" content="source code generated using layoutit.com"> <meta name="author" content="layoutit!"> <link rel="stylesheet"> href="css/bootstrap.min.css" <link href="css/style.css" rel="stylesheet"> </head> <body> <div class="container-fluid"> <div class="row"> <div class="col-md-12"> <nav class="navbar navbar-default navbar-inverse navbar-fixed-top" role="navigation"> <div class="navbar-header"> <button type="button" class="navbar-toggle" data-toggle="collapse" datatarget="#bs-example-navbar-collapse-1"> <span class="sronly">toggle navigation</span><span class="iconbar"></span><span class="icon-bar"></span><span class="icon-bar"></span> </button> class="navbarbrand" href="#">ünidu</a>

37 <div class="collapse navbarcollapse" id="bs-example-navbar-collapse-1"> <ul class="nav navbar-nav"> <li class="active"> href="../../beranda/src">home</a> <li class="active"> href="#">help</a> </ul> navbar-right"> <ul class="nav navbar-nav <li class="active"> IN</a> href="#">sign </ul> </nav> <div class="row" style="margin-top: 60px;"> <div class="col-md-6 col-md-offset-3"> <h4 class="text-center">give your Inspiration!</h4>

38 <div class="row" style="margin-top: 60px;"> <div class="col-md-6 col-md-offset-3"> <form class="form-horizontal" role="form" action="proses/artikel.php" method="post" enctype="multipart/form-data"> <div class="form-group"> <label class="col-sm-2 control-label"> for="inputdgambar3" </label> Upload Gambar Artikel <div class="col-sm-8"> <input class="formcontrol" id="inputgambar" name="upload_foto" type="file"> <div class="form-group"> <div class="form-group"> <label class="col-sm-2 control-label"> for="inputjudul3" </label> Judul Artikel <div class="col-sm-8"> <input class="formcontrol" id="inputjudulartikel" name="judul_artikel" type="text">

39 2"> <div class="col-md-8 col-md-offset- <input class="formcontrol" id="inputartikel" name="artikel" type="text"> 10"> <div class="col-sm-offset-2 col-sm- class="btn btn-default"> <button type="submit" </button> Tambahkan Artikel </form> <div class="row"> <div class="col-md-12" id="footer"> Reserved All Right <script src="js/jquery.min.js"></script> <script src="js/bootstrap.min.js"></script>

40 <script src="js/scripts.js"></script> </body> </html> 6. index.php (Tread) <?php include("../proses/koneksi.php"); session_start();?> <!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <meta content="ie=edge"> http-equiv="x-ua-compatible" <meta name="viewport" content="width=device-width, initial-scale=1"> <title>unidu</title> <meta name="description" content="source code generated using layoutit.com"> <meta name="author" content="layoutit!"> <link rel="stylesheet"> href="css/bootstrap.min.css" <link href="css/style.css" rel="stylesheet">

41 </head> <body> <div class="container-fluid"> <div class="row"> <div class="col-md-12"> <nav class="navbar navbar-default" role="navigation"> <div class="navbar-header"> <button type="button" class="navbar-toggle" data-toggle="collapse" datatarget="#bs-example-navbar-collapse-1"> <span class="sronly">toggle navigation</span><span class="iconbar"></span><span class="icon-bar"></span><span class="icon-bar"></span> </button> class="navbarbrand" href="#">ünidu</a> <div class="collapse navbarcollapse" id="bs-example-navbar-collapse-1"> <ul class="nav navbar-nav"> href="#">home</a> echo $_SESSION['username'];?></a> href="#"><?php

42 href="../../artikel/src/">artikel</a> </ul> navbar-right"> <ul class="nav navbar-nav <li class="dropdown"> href="#" data- class="dropdown-toggle" toggle="dropdown">settings<strong class="caret"></strong></a> <ul class="dropdownmenu"> href="#">help</a> href="#">about</a> class="divider"> <li href="../../logout/logout.php">sign Out</a>

43 </ul> </ul> </nav> <div class="row"> <div class="col-md-12"> <h3 class="text-center text-primary"> Beasiswa Keren yang Gak Boleh Dilewatin Para Beasiswa Hunter! </h3> <div class="row"> <div class="col-md-3"> id="panel "> <div class="panel-group" class="panelheading"> <div <div class="panel paneldefault"> class="panel-title" data-toggle="collapse" dataparent="#panel " href="#panel-element ">Forum</a> <div id="panelelement " class="panel-collapse collapse in">

44 class="panel-body"> <div href="#">pelajar</a> class="panel-body"> <div href="#">alumni</a> <div class="col-md-9"> <?php mysql_connect('localhost','root',''); mysql_select_db('db_forum'); $sql = "SELECT * FROM tbl_artikel WHERE id_artikel='".$_get['id']."'"; $exe = mysql_query($sql); mysql_fetch_array($exe); $row = echo " <img alt=\"bootstrap Image Preview\" src=\"../../artikel/src/img/".$row['gambar_artikel']."\ "> <p>

45 ".$row['isi_artikel']." </p> ";?> <div class="row"> <div class="col-md-12"> <h3> Komentar : </h3> <div class="row komentar"> <?php $_GET['artikel']; // $artikel = $sql = "SELECT foto_profil, username, id_artikel, isi_komentar FROM tbl_komentar, tbl_register WHERE `tbl_komentar`.`id_user` = `tbl_register`.`id_user` and id_artikel = '".$_GET['id']."'"; $exe = mysql_query($sql); while ($row = mysql_fetch_array($exe)) {?>

46 <div class="col-md-3"> <img alt="bootstrap Image Preview" src="../../register/src/img/<?php echo $row['foto_profil']?>"> <div class="col-md-9"> <h5><?php $row['username'];?></h5> echo <p> $row['isi_komentar']?> <?php echo </p> <div class="clearfix"> <br><br> <?php }?> <div class="row"> <div class="col-md-12 col-sm-12"> <form action="../proses/input_komentar.php?id=<?php $_GET['id']?>" method="post"> echo <div class="form-group">

47 <textarea name="komentar" id="komentar" required="required" class="form-control" rows="3" placeholder="message"></textarea> <div class="form-group"> <button type="submit" class="btn btn-default">tambahkan Komentar</button> </form> <ul class="pagination"> href="#">prev</a> href="#">1</a> href="#">2</a> href="#">3</a> href="#">4</a>

48 href="#">5</a> href="#">next</a> </ul> <script src="js/jquery.min.js"></script> <script src="js/bootstrap.min.js"></script> <script src="js/scripts.js"></script> </body> </html> 7. index.php (Pelajar) <?php include("../proses/koneksi.php"); session_start();?> <!DOCTYPE html> <html lang="en"> <head>

49 <meta charset="utf-8"> <meta content="ie=edge"> http-equiv="x-ua-compatible" <meta name="viewport" content="width=device-width, initial-scale=1"> <title>unidu</title> <meta name="description" content="source code generated using layoutit.com"> <meta name="author" content="layoutit!"> <link rel="stylesheet"> href="css/bootstrap.min.css" <link href="css/style.css" rel="stylesheet"> </head> <body> <div class="container-fluid"> <div class="row"> <div class="col-md-12"> <nav class="navbar navbar-default" role="navigation"> <div class="navbar-header"> <button type="button" class="navbar-toggle" data-toggle="collapse" datatarget="#bs-example-navbar-collapse-1">

50 <span class="sronly">toggle navigation</span><span class="iconbar"></span><span class="icon-bar"></span><span class="icon-bar"></span> </button> class="navbarbrand" href="#">ünidu</a> <div class="collapse navbarcollapse" id="bs-example-navbar-collapse-1"> <ul class="nav navbar-nav"> href="#">home</a> echo $_SESSION['username'];?></a> href="#"><?php href="../../artikel/src/">artikel</a> </ul> navbar-right"> <ul class="nav navbar-nav <li class="dropdown"> href="#" data- class="dropdown-toggle" toggle="dropdown">settings<strong class="caret"></strong></a>

51 <ul class="dropdownmenu"> href="#">help</a> href="#">about</a> class="divider"> <li href="../../logout/logout.php">sign Out</a> </ul> </ul> </nav> <div class="row"> <div class="col-md-12"> <h3 class="text-center text-primary">

52 Pelajar </h3> <div class="row"> <div class="col-md-3"> id="panel "> <div class="panel-group" class="panelheading"> <div <div class="panel paneldefault"> class="panel-title" data-toggle="collapse" dataparent="#panel " href="#panel-element ">Forum</a> <div id="panelelement " class="panel-collapse collapse in"> class="panel-body"> <div href="#">pelajar</a> class="panel-body"> <div href="#">alumni</a>

53 <div class="col-md-9"> <?php mysql_connect('localhost','root',''); mysql_select_db('db_forum'); $_SESSION['username']; $username = $sql= "SELECT * FROM tbl_register WHERE status='0'"; $c = mysql_query($sql); mysql_fetch_array($c)) { while ($b = echo "<table> <tr> <td><img alt=\"bootstrap Image Preview\" src=\"../../register/src/img/".$b['foto_profil']."\"></ td> <td>"; $sql1= "SELECT tbl_artikel.judul_artikel, tbl_artikel.id_artikel FROM tbl_artikel, tbl_register WHERE tbl_artikel.id_user = tbl_register.id_user AND tbl_register.id_user='".$b['id_user']."'"; mysql_query($sql1); ($row = mysql_fetch_array($a)) { $a = while " href=''>".$row['judul_artikel']."</a><br>"; echo

54 } echo " </td></tr>"; echo "</table>"; }?> <div class="row"> <ul class="pagination"> href="#">prev</a> href="#">1</a> href="#">2</a> href="#">3</a>

55 href="#">4</a> href="#">5</a> href="#">next</a> </ul> <script src="js/jquery.min.js"></script> <script src="js/bootstrap.min.js"></script> <script src="js/scripts.js"></script> </body> </html> 8. index.php (Alumni) <?php include("../proses/koneksi.php"); session_start();?> <!DOCTYPE html> <html lang="en"> <head>

56 <meta charset="utf-8"> <meta content="ie=edge"> http-equiv="x-ua-compatible" <meta name="viewport" content="width=device-width, initial-scale=1"> <title>unidu</title> <meta name="description" content="source code generated using layoutit.com"> <meta name="author" content="layoutit!"> <link rel="stylesheet"> href="css/bootstrap.min.css" <link href="css/style.css" rel="stylesheet"> </head> <body> <div class="container-fluid"> <div class="row"> <div class="col-md-12"> <nav class="navbar navbar-default" role="navigation"> <div class="navbar-header"> <button type="button" class="navbar-toggle" data-toggle="collapse" datatarget="#bs-example-navbar-collapse-1">

57 <span class="sronly">toggle navigation</span><span class="iconbar"></span><span class="icon-bar"></span><span class="icon-bar"></span> </button> class="navbarbrand" href="#">ünidu</a> <div class="collapse navbarcollapse" id="bs-example-navbar-collapse-1"> <ul class="nav navbar-nav"> href="#">home</a> echo $_SESSION['username'];?></a> href="#"><?php href="../../artikel/src/">artikel</a> </ul> navbar-right"> <ul class="nav navbar-nav <li class="dropdown"> href="#" data- class="dropdown-toggle" toggle="dropdown">settings<strong class="caret"></strong></a>

58 <ul class="dropdownmenu"> href="#">help</a> href="#">about</a> class="divider"> <li href="../../logout/logout.php">sign Out</a> </ul> </ul> </nav> <div class="row"> <div class="col-md-12"> <h3 class="text-center text-primary">

59 Alumni </h3> <div class="row"> <div class="col-md-3"> id="panel "> <div class="panel-group" class="panelheading"> <div <div class="panel paneldefault"> class="panel-title" data-toggle="collapse" dataparent="#panel " href="#panel-element ">Forum</a> <div id="panelelement " class="panel-collapse collapse in"> class="panel-body"> <div href="#">pelajar</a> class="panel-body"> <div href="#">alumni</a>

60 <div class="col-md-9"> <?php mysql_connect('localhost','root',''); mysql_select_db('db_forum'); $_SESSION['username']; $username = $sql= "SELECT * FROM tbl_register WHERE status='1'"; $c = mysql_query($sql); mysql_fetch_array($c)) { while ($b = echo "<table> <tr> <td><img alt=\"bootstrap Image Preview\" src=\"../../register/src/img/".$b['foto_profil']."\"></ td> <td>"; $sql1= "SELECT tbl_artikel.judul_artikel, tbl_artikel.id_artikel FROM tbl_artikel, tbl_register WHERE tbl_artikel.id_user = tbl_register.id_user AND tbl_register.id_user='".$b['id_user']."'"; mysql_query($sql1); ($row = mysql_fetch_array($a)) { $a = while " href=''>".$row['judul_artikel']."</a><br>"; echo

61 } echo " </td></tr>"; echo "</table>"; }?> <div class="row"> <ul class="pagination"> href="#">prev</a> href="#">1</a> href="#">2</a> href="#">3</a>

62 href="#">4</a> href="#">5</a> href="#">next</a> </ul> <script src="js/jquery.min.js"></script> <script src="js/bootstrap.min.js"></script> <script src="js/scripts.js"></script> </body> </html>

63 SURAT KETERANGAN Hasil Uji Program Tugas Akhir Yang bertanda tangan di bawah ini, menerangkan bahwa Tugas Akhir Mahasiswa Program Diploma 3 Teknik Informatika : Nama : Sutan Sukma Harahap NIM : Program Studi : TEKNK INFORMATIKA Judul TA : Perancangan Forum Antar Pelajar Berbentuk Media Sosial Berbasis Web Telah melakukan test Program Tugas Akhir Mahasiswa tersebut di atas tanggal...juni Dengan Hasil : Sukses/Gagal Demikian diterangkan untuk digunakan sebagai syarat pendaftaran Ujian Meja Hijau Tugas Akhir Mahasiswa bersangkutan di Departemen Matematika FMIPA USU Medan. Medan, Juni 2016 Dosen Pembimbing Prof. Dr. Opim Salim Sitompul, M.Sc NIP

,.., «..»

,.., «..» ,.., 2018. 09.03.03.19 - «..».... 2018 1 : - 39, 5, 1. : -. :,, -,. -.,,. 2 ... 4 1 -. 6 1.1 -... 6 1.2 -... 9 1.3 -... 11 1.4, -... 13 2. - «..»... 16 2.1.... 16 2.2 CMS WordPress... 17 2.3 -... 22...