LISTING PROGRAM. Listing Koneksi

Size: px
Start display at page:

Download "LISTING PROGRAM. Listing Koneksi"

Transcription

1 LISTING PROGRAM Listing Koneksi $mysql_user="root"; $mysql_password=""; $mysql_database="dprd"; $mysql_host="localhost"; $koneksi_db = mysql_connect($mysql_host, $mysql_user, $mysql_password mysql_select_db($mysql_database, $koneksi_db error_reporting(e_strict ~E_NOTICE define( 'VALIDASI', 1 date_default_timezone_set('asia/jakarta' $tanggal= mktime(date("m"),date("d"),date("y") $tglsekarang = date("y-m-d", $tanggal $jamsekarang = date("h:i:s" Listing Index <!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <meta http-equiv="x-ua-compatible" content="ie=edge"> <meta name="viewport" content="width=devicewidth, initial-scale=1"> <link rel="shortcut icon" href="img/logo.png"> <title>login Admin</title> <link href="css/bootstrap.min2.css" rel="stylesheet"> <link href="css/bootstrap-theme.css" rel="stylesheet"> <link href="css/elegant-icons-style.css" rel="stylesheet" /> <link href="css/font-awesome.css" rel="stylesheet" /> <link href="style-login.css" rel="stylesheet"> <style>.login { background-color:#fff; padding:20px; margin-top:20px; </style> <!--[if lt IE 9]> <script src=" shiv.min.js"></script> <script src=" <![endif]--> </head> <body><br> <div class="container"> <div class="col-md-4 col-md-offset-4 form-login"> <div class="outter-form-login"> <h3 class="text-center title-login"><img src="img/admin.png" width="25%" style="margintop:10px"><img src="img/cover_burned.png" width="20%" style="margin-top:10px"><br>login Forum Diskusi<br>DPRD Provinsi Sumatera Selatan</h3> <div class="login"> <form role="form" action="proses-login.php" method="post"> <div class="form-group"> <span class="add-on"><i class="glyphicon glyphicon-user"></i> Username<input type="text" name="id_anggota" id="login" class="formcontrol" placeholder="masukkan ID Anggota" required autofocus /> <div class="form-group"> <span class="add-on"><i class="icon_lock"></i> Password<input type="password" name="password" id="password" class="formcontrol" placeholder="masukkan Password" required autofocus />

2 <div class="form-group"> <input type="submit" name="login-button" class="btn btn-block btn-custom-green" value="login" /> </form> <p align="center" style="color:white;fontsize:15px">copyright Sekretariat DPRD Provinsi Sumatera Selatan 2017</p> <br><br> <script src=" 11.3/jquery.min.js"></script> <script src="js/bootstrap.min.js"></script> </body> </html> Listing Proses Login include'koneksi.php'; session_start( if(empty($_post['id_anggota'])): echo "<script>alert('maaf,periksa Username/ID anda.'history.go(-1</script>"; elseif(empty($_post['password'])): echo "<script>alert('maaf,periksa Password anda.'history.go(-1</script>"; endif; $perintah_query=mysql_query(" SELECT * FROM anggota WHERE id_anggota = '$_POST[id_anggota]' AND password = md5( '$_POST[password]' ) " if($hasil_cek=mysql_num_rows($perintah_query)) { $datauser=mysql_fetch_array($perintah_query $_SESSION['id_anggota'] = $datauser['id_anggota']; $_SESSION['nama_anggota'] = $datauser['nama_anggota']; $_SESSION['level'] = $datauser['level']; echo $_SESSION['level']; header("location:menu.php" else{ echo "<script>alert('maaf, ID Anggota atau Password Anda Salah!'history.go(-1</script>"; Listing Logout include ('koneksi.php' session_start( $anggota_offline = mysql_query("update anggota SET status='offline' where id_anggota='$_session[id_anggota]'" header("location: index.php" session_destroy( break; Listing Menu session_start( include ('koneksi.php' if($_session['level']=='admin' $_SESSION['level']=='Anggota') { include ('paginator.class.php' $anggota_online = mysql_query("update anggota SET status='online' where id_anggota='$_session[id_anggota]'" <!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <meta name="viewport" content="width=devicewidth, initial-scale=1.0"> <meta name="description" content="creative - Bootstrap 3 Responsive Admin Template"> <meta name="author" content="geekslabs"> <meta name="keyword" content="creative, Dashboard, Admin, Template, Theme, Bootstrap, Responsive, Retina, Minimal">

3 <link rel="shortcut icon" href="img/logo.png"> <title>forum Diskusi DPRD Sumsel</title> <!-- Bootstrap CSS --> <link href="css/bootstrap.min.css" rel="stylesheet"> <!-- bootstrap theme --> <link href="css/bootstrap-theme.css" rel="stylesheet"> <!--external css--> <!-- font icon --> <link href="css/elegant-icons-style.css" rel="stylesheet" /> <link href="css/font-awesome.css" rel="stylesheet" /> <!-- Custom styles --> <link href="css/style.css" rel="stylesheet"> <link href="css/style-responsive.css" rel="stylesheet" /> <!-- calendar --> <link type="text/css" href="css/jquery-ui custom.css" rel="stylesheet" /> <script type="text/javascript" src="js/jquery min.js"></script> <script type="text/javascript" src="js/jquery-ui custom.min.js"></script> <script type="text/javascript" src="js/date.js"></script> <!-- //calendar --> <!-- Slide --> <script type="text/javascript" src="js/slide.js"></script> <script type="text/javascript" src="js/jquery min.js"></script> <script type="text/javascript" > $(document).ready(function() { //Execute the slideshow slideshow( </script> </head> <body> <!-- container section start --> <section id="container"> <header class="header dark-bg"> <div class="toggle-nav"> <div class="icon-reorder tooltips" data-originaltitle="toggle Navigation" dataplacement="bottom"><i class="icon_menu"></i> <!--logo start--> <a href="menu.php?p=home" class="logo"> <img src="img/cover_burned.png" height="40px"> <span class="lite mobile"> <b>dprd Provinsi Sumatera Selatan</b> </span> </a> <!--logo end--> include "include/header.php"; </header> <!--header end--> <!--sidebar start--> <aside> <div id="sidebar2"> <div id="sidebar" class="nav-collapse "> <!-- sidebar menu start--> <ul class="sidebar-menu"> <li class="active"> <a class="" href="menu.php?p=home"> <i class="icon_house_alt"></i> <span> &nbsp Home</span> </a> </li> if ($_SESSION['level']=='Admin'){ <li class="sub-menu"> <a href="javascript:;" class=""> <i class="icon_genius"></i> <span> &nbsp Master Data</span>

4 <span class="menu-arrow arrow_carrotright"></span> </a> <ul class="sub"> <li><a href="menu.php?p=anggota-view"><i class="icon_genius"></i> &nbsp Anggota</a></li> <li><a href="menu.php?p=kategori-view"><i class="icon_genius"></i> &nbsp Kategori</a></li> </ul> </li> <li> <a href="menu.php?p=thread-view"> <i class="icon_genius"></i> <span> &nbsp Data Thread</span> </a> </li> <li> <a href="menu.php?p=berita-view"> <i class="icon_genius"></i> <span> &nbsp Data Berita</span> </a> <li> <a href="menu.php?p=jadwal-view"> <i class="icon_genius"></i> <span>&nbsp Data Jadwal</span> </a> </li> if ($_SESSION['level']=='Anggota'){ <li> <a href="menu.php?p=kategori-view"> <i class="icon_menu-square_alt2"></i> <span>&nbsp Data Kategori</span> </a> </li> <li> <a href="menu.php?p=thread-tambah"> <i class="icon_pencil"></i> <span>&nbsp Buat Thread</span> </a> </li> <li> <a href="menu.php?p=jadwal-show"> <i class="icon_calendar"></i> <span>&nbsp Jadwal Kegiatan</span> </a> </li> </ul> <!-- sidebar menu end--> </aside> <!--sidebar end--> <!--main content start--> <section id="main-content"> <section class="wrapper"> <!--overview start--> <div class="col-md-14"> <section class="panel" style="background:transparent;"> <div class="panel-body"> if(!empty($_get['p'])) { if(file_exists("file/$_get[p].php")) { include("file/$_get[p].php" else { echo "Error!<br/>Halaman tidak ditemukan!!!"; else { include 'file/home.php'; </section></section> <div class="text-center"> <div class="credits"> <center>

5 Copyright <a href="">sekretariat DPRD Provinsi Sumatera Selatan All right reserved</a> 2017 </center> </section> <!--main content end--> </section> <script src="js/jquery.js"></script> <script src="js/bootstrap.min.js"></script> <script src="js/jquery.scrollto.min.js"></script> <script src="js/jquery.nicescroll.js" type="text/javascript"></script> <script src="js/jquery.slimscroll.min.js"></script> <script src="js/scripts.js"></script> <script src="css/tinymce/tinymce.min.js"></script> <script> $(document).ready(function () { if($("#mymce").length > 0){ tinymce.init({ selector: "textarea#mymce", theme: "modern", height:300, plugins: [ "advlist autolink link image lists charmap print preview hr anchor pagebreak spellchecker", "searchreplace wordcount visualblocks visualchars code fullscreen insertdatetime media nonbreaking", "save table contextmenu directionality emoticons template paste textcolor" ], toolbar: "insertfile undo redo styleselect bold italic alignleft aligncenter alignright alignjustify bullist numlist outdent indent l ink image print preview media fullpage forecolor backcolor emoticons", </script> </body> </html> else{ Listing Header $data_user=mysql_fetch_array(mysql_query("selec t * from anggota where id_anggota='$_session[id_anggota]'") <script type="text/javascript"> function ambil_status1(){ $.ajax({ type: "POST", url: "include/aksi.php?aksi=chat", datatype:'json', success: function(response){ $("#jumlah1").text(""+response+"" $("#jumlah2").text(""+response+"" $("#jumlah5").text(""+response+"" timer = settimeout("ambil_status1()",3000 $(document).ready(function(){ ambil_status1( // function ambil_status2(){ $.ajax({ type: "POST", url: "include/aksi.php?aksi=jadwal", datatype:'json', success: function(response){ $("#jumlah3").text(""+response+"" $("#jumlah4").text(""+response+""

6 timer = settimeout("ambil_status2()",3000 $(document).ready(function(){ ambil_status2( function ambil_status3(){ $.ajax({ type: "POST", url: "include/aksi.php?aksi=online", datatype:'json', success: function(response){ $("#jumlah6").text(""+response+"" $("#jumlah7").text(""+response+"" timer = settimeout("ambil_status6()",3000 $(document).ready(function(){ ambil_status3( </script> <div class="sembunyi"> include 'header-mobile.php' <div class="top-nav notification-row"> <!-- notificatoin dropdown start--> <ul class="nav pull-right top-menu"> <!-- inbox notificatoin start--> <li id="mail_notificatoin_bar" class="dropdown"> <a data-toggle="dropdown" class="dropdowntoggle" href="#"> <i class="icon-envelope-l"></i> <span class="badge bg-important" id="jumlah1">0</span> </a> <ul class="dropdown-menu extended inbox"> <div class="notify-arrow notify-arrowblue"> <li> <p class="blue">kamu Punya <i id="jumlah2">0</i> Pesan Masuk</p> </li> $sql_tblchat=("select * FROM chat where id_penerima='$_session[id_anggota]' and status='belum Dibaca' group by id_pengirim desc limit 10" $psn_chat=mysql_query($sql_tblchat) or die (mysql_error() while($data_chat=mysql_fetch_object($psn_chat)){ $date1 = date_create($data_chat->tanggal_chat $tanggal_chat=date_format($date1, 'd M Y' $jam_chat=date_format($date1, 'h : i' <div class="chat-content"> <li> <a href="menu.php?p=chat&id= echo $data_chat->id_pengirim"> <span class="photo"><img alt="avatar" src="photo/ echo $data_chat- >photo_pengirim "></span> <span class="subject"> <span class="from"> echo $data_chat- >nama_pengirim </span> <span class="time" style="float:right;"><font size="1px;"> echo $jam_chat </font></span><br> <span class="time" style="float:right;"><font size="1px;"> echo $tanggal_chat </font></span> </span> echo $data_chat->isi_chat </a> </li>

7 </ul> </li> <!-- inbox notificatoin end --> <!-- alert notification start--> <li id="alert_notificatoin_bar" class="dropdown"> <a data-toggle="dropdown" class="dropdowntoggle" href="#"> <i class="icon-bell-l"></i> <span class="badge bg-important" id="jumlah3">0</span> </a> <ul class="dropdown-menu extended notification"> <div class="notify-arrow notify-arrowblue"> <li> <p class="blue"><i id="jumlah4">0</i> Jadwal Hari Ini</p> </li> $sql_tbljadwal=("select * FROM jadwal where tanggal_jadwal='$tglsekarang' order by id_jadwal ASC" $psn_jadwal=mysql_query($sql_tbljadwal) or die (mysql_error() while($data_jadwal=mysql_fetch_object($psn_jad wal)){ <li> <a href="menu.php?p=jadwal-detail&id= echo $data_jadwal->id_jadwal"> <span class="label label-primary"><i class="icon_calendar"></i></span> echo $data_jadwal->judul_jadwal </a> </li> </ul> </li> <!-- alert notification end--> <!-- User Online--> <li id="mail_notificatoin_bar" class="dropdown"> <a data-toggle="dropdown" class="dropdowntoggle" href="#"> <i class="icon_profile"></i> <span class="badge bg-important" id="jumlah6">0</span> </a> <ul class="dropdown-menu extended inbox"> <div class="notify-arrow notify-arrowblue"> <li> <p class="blue"><i id="jumlah7">0</i> Anggota Online</p> </li> $sql_tblanggota_online=("select * FROM anggota where status='online' order by id_anggota asc" $psn_anggota_online=mysql_query($sql_tblanggot a_online) or die (mysql_error() while($data_anggota_online=mysql_fetch_object($ psn_anggota_online)){ <span class="profile-ava"> <img alt="avatar" src="photo/ echo $data_anggota_online->photo " style="float:left;width:50px;"> </span> <font color="#000" size="2px;"> echo $data_anggota_online->nama_anggota <br> echo $data_anggota_online->jabatan </font><br><br> if($data_anggota_online- >id_anggota==$_session['id_anggota']){ echo""; else{ <font size="1px;"> <a href="menu.php?p=profile-anggota&id= echo $data_anggota_online->id_anggota ">

8 <i class="icon_profile"></i> Lihat Profile </a> <a href="menu.php?p=chat&id= echo $data_anggota_online->id_anggota "> <i class="icon_chat"></i> Chatting </a> </font> <br> <li> <a href="menu.php?p=anggota-online" ><i class="fa fa-user"></i> Lihat Anggota Lain</a> </li></ul></li> <!-- User online end--> <!-- user login dropdown start--> <li class="dropdown"> <a data-toggle="dropdown" class="dropdowntoggle" href="#"> <span class="profile-ava"> <img width="30px" src="photo/ echo $data_user['photo']"> </span> <span class="username"> echo $data_user['nama_anggota']</span> <b class="caret"></b> </a> <ul class="dropdown-menu extended logout"> <div class="log-arrow-up"> <li class="eborder-top"> <a href="menu.php?p=profile"><i class="icon_profile"></i> My Profile</a> </li> <li> <a href="logout.php"><i class="icon_key_alt"></i> Log Out</a> </li> </ul> </li> <!-- user login dropdown end --> </ul> <!-- notificatoin dropdown end--> Listing Header Mobile <script type="text/javascript"> function ambil_status4(){ $.ajax({ type: "POST", url: "include/aksi.php?aksi=chat", datatype:'json', success: function(response){ $("#jumlah8").text(""+response+"" timer = settimeout("ambil_status4()",3000 $(document).ready(function(){ ambil_status4( function ambil_status5(){ $.ajax({ type: "POST", url: "include/aksi.php?aksi=jadwal", datatype:'json', success: function(response){ $("#jumlah9").text(""+response+"" timer = settimeout("ambil_status5()",3000 $(document).ready(function(){ ambil_status5( function ambil_status6(){

9 $.ajax({ type: "POST", url: "include/aksi.php?aksi=online", datatype:'json', success: function(response){ $("#jumlah10").text(""+response+"" timer = settimeout("ambil_status6()",3000 $(document).ready(function(){ ambil_status6( </script> <div class="kanan"> <ul> <li class="dropdown"> <a data-toggle="dropdown" class="dropdowntoggle" href="#"> <i class="fa fa-eye-slash fa-spin"></i> </a> <ul class="dropdown-menu extended logout"> <div class="log-arrow-up"> <li class="eborder-top"> <a href="menu.php?p=profile"> <p class="red"><span class="icon_profile"></span> My Profile</p> </a> </li> <li> <a href="menu.php?p=my-inbox"> <p class="green"> <span class="icon_mail"></span> <span id="jumlah8">0</span> Pesan Masuk </p> </a> </li> <li> <a href="menu.php?p=jadwal-show"> <p class="green"> <span class="icon_calendar"></span> <span id="jumlah9">0</span> Jadwal </p> </a> </li> <li> <a href="menu.php?p=anggota-online"> <p class="green"> <span class="icon_profile"></span> <span id="jumlah10">0</span> Online </p> </a> </li> <li> <a href="logout.php"> <p class="red"><span class="icon_key_alt"></span> Log Out</p> </a> </li> <li></li> </ul> </li> </ul> Listing Aksi include "../koneksi.php"; session_start( // Ambil Aksi $act = $_GET['aksi']; switch($act){ case "chat": $sql1 = mysql_query("select * FROM chat WHERE status='belum Dibaca' and id_penerima='$_session[id_anggota]'" $array1 = mysql_num_rows($sql1

10 echo json_encode($array1 break; case "jadwal": $sql2 = mysql_query("select * FROM jadwal WHERE tanggal_jadwal='$tglsekarang'" $array2 = mysql_num_rows($sql2 echo json_encode($array2 break; case "online": $sql3 = mysql_query("select * FROM anggota WHERE status='online'" $array3 = mysql_num_rows($sql3 echo json_encode($array3 break; Listing Logout include ('koneksi.php' session_start( $anggota_offline = mysql_query("update anggota SET status='offline' where id_anggota='$_session[id_anggota]'" header("location: index.php" session_destroy( break; Listing Home if($_session['level']=='admin' $_SESSION['level']=='Anggota') { <div class="row"> <div class="col-lg-3"> <section class="panel"> <div class="panel-body"> <header class="panel-heading"> <div align="center"><a>3 Post Terakhir </a> </header> $sql_tbldata1=("select * FROM anggota,thread where anggota.id_anggota=thread.id_anggota order by thread.create_date DESC limit 3" $psn1=mysql_query($sql_tbldata1) or die (mysql_error() while($data1=mysql_fetch_object($psn1)){ $judul_thread1=substr($data1- >judul_thread,0,100 $date1 = date_create($data1->create_date $tanggal_thread1=date_format($date1, 'd M Y' $jam_thread1=date_format($date1, 'h : i' <div class="panel-body"> <div class="tab-content"> <div id="recent-activity" class="tab-pane active"> <div class="profile-activity"> <div class="act-time"> <div class="activity-body act-in"> <span class="arrow"></span> <div class="text"> if($data1- >id_anggota==$_session['id_anggota']){ <a class="activity-img"><img class="avatar" src="photo/ echo $data1->photo" alt=""></a> <p class="attribution"><a><font color="blue"> echo $data1- >nama_anggota</font></a> at echo $jam_thread1, echo $tanggal_thread1</p> else{ <a href="menu.php?p=profile-anggota&id= echo $data1->id_anggota" class="activityimg"><img class="avatar" src="photo/ echo $data1->photo" alt=""></a> <p class="attribution"><a href="menu.php?p=profile-anggota&id= echo $data1->id_anggota"><font

11 color="blue"> echo $data1- >nama_anggota</font></a> at echo $jam_thread1, echo $tanggal_thread1</p> <br><p> <a><center><img src="./upload/ echo $data1->file" width="150"></a></p> <p><a href="menu.php?p=thread-detail&id= echo $data1->id_thread"> echo $judul_thread1</a></p> </section> <div class="col-lg-5"> <section class="panel"> <div class="panel-body" style="height:500px;"> <header class="panel-heading"> <div align="center"><a>berita</a> </header> <div id="gallery"> $sql_tbldata2=("select * FROM berita order by tanggal_berita DESC limit 5" $psn2=mysql_query($sql_tbldata2) or die (mysql_error() while($data2=mysql_fetch_object($psn2)){ $deskripsi_berita=substr($data2- >deskripsi_berita,0,120 date2 = date_create($data2->tanggal_berita $tanggal_berita=date_format($date2, 'd M Y' <a href="menu.php?p=berita-detail&id= echo $data2->id_berita"> echo "<img style=padding-right:45px; width=450px; height=300px; src = upload/$data2->file [file];"</a> <div class="caption"><div class="content"> echo $data2->judul_berita <table width="90%"> <tr> <td scope="col" align="right"> echo $tanggal_berita</td> </tr> <tr> <td scope="col"> echo $deskripsi_berita,'...',' <p align=right style=padding-right:20px;>baca Selanjutnya...</p>' </td> </tr> </table> <div class="clear"> </section> <div class="col-lg-4"> <section class="panel"> <div class="panel-body"> <header class="panel-heading"> <div align="center"><a>3 Post Terpopuler </a> </header> $sql_tbldata3=("select * FROM anggota,thread where anggota.id_anggota=thread.id_anggota order by thread.jumlah_view DESC limit 3" $psn3=mysql_query($sql_tbldata3) or die (mysql_error() while($data3=mysql_fetch_object($psn3)){ $judul_thread3=substr($data3- >judul_thread,0,150 $date3 = date_create($data3->create_date $tanggal_thread3=date_format($date3, 'd M Y' $jam_thread3=date_format($date3, 'h : i' <div class="panel-body">

12 <div class="tab-content"> <div id="recent-activity" class="tab-pane active"> <div class="profile-activity"> <div class="act-time"> <div class="activity-body act-in"> <span class="arrow"></span> <div class="text"> if($data3- >id_anggota==$_session['id_anggota']){ <a class="activity-img"><img class="avatar" src="photo/ echo $data3->photo" alt=""></a> <p class="attribution"><a><font color="blue"> echo $data3- >nama_anggota</font></a> at echo $jam_thread3, echo $tanggal_thread3</p> else{ <a href="menu.php?p=profile-anggota&id= echo $data3->id_anggota" class="activityimg"><img class="avatar" src="photo/ echo $data3->photo" alt=""></a> <p class="attribution"><a href="menu.php?p=profile-anggota&id= echo $data3->id_anggota"><font color="blue"> echo $data3- >nama_anggota</font></a> at echo $jam_thread3, echo $tanggal_thread3</p> <br><p> <a><center><img src="./upload/ echo $data3->file" width="200"></a></p> <p><a href="menu.php?p=thread-detail&id= echo $data3->id_thread"> echo $judul_thread3</a></p> </section> <div class="clear"> <div class="col-lg-12"> <section class="panel"> <div class="panel-body"> <header class="panel-heading"> <div align="center"><a>all Post </a> </header> $sql_tbldata4=("select * FROM anggota,thread where anggota.id_anggota=thread.id_anggota order by thread.jumlah_view DESC" $psn4=mysql_query($sql_tbldata4) or die (mysql_error() while($data4=mysql_fetch_object($psn4)){ $judul_thread4=substr($data4- >judul_thread,0,200 $date4 = date_create($data4->create_date $tanggal_thread4=date_format($date4, 'd M Y' $jam_thread4=date_format($date4, 'h : i' $data_komentar=mysql_fetch_array(mysql_query(" select count(id_komentar) as jumlah_komentar from komentar_thread where id_thread='$data4- >id_thread'") <div class="panel-body"> <div class="tab-content"> <div id="recent-activity" class="tab-pane active"> <div class="profile-activity"> <div class="act-time"> <div class="activity-body act-in"> <p class="attribution" style="float:right;"> <i class="icon_datareport"></i> echo $data4->jumlah_view view <i class="icon_chat"></i> echo $data_komentar['jumlah_komentar'] komentar </p> <span class="arrow"></span> <div class="text"> if($data4- >id_anggota==$_session['id_anggota']){ <a class="activity-img"><img class="avatar" src="photo/ echo $data4->photo" alt=""></a>

13 <p class="attribution"><a><font color="blue"> echo $data4- >nama_anggota</font></a> at echo $jam_thread4, echo $tanggal_thread4</p> else{ <a href="menu.php?p=profile-anggota&id= echo $data4->id_anggota" class="activityimg"><img class="avatar" src="photo/ echo $data4->photo" alt=""></a> <p class="attribution"><a href="menu.php?p=profile-anggota&id= echo $data4->id_anggota"><font color="blue"> echo $data4- >nama_anggota</font></a> at echo $jam_thread4, echo $tanggal_thread4</p> <p><a href="menu.php?p=thread-detail&id= echo $data4->id_thread"> echo $judul_thread4</a></p> </section> else{ Listing View Data Anggota if($_session['level']=='admin') { <form action="" method="get"> <input type="hidden" name="p" value=" echo $_GET['p'];"> <button class="btn btn-info" type="submit">cari</button> <input type="text" class="isi" name="keyword" placeholder="ketikan Kata Kunci..."> <span style="float:right;"> <a href="menu.php?p=anggota-tambah"> <button class="btn btn-primary" type="button"><i class="icon-white icon-plus"></i> Tambah Data Anggota</button> </a> </span> </form> <br><br> <header class="panel-heading"> Data Anggota </header> <div class="table-responsive"> <table class="table table-bordered table-striped table-hover"> <thead> <tr> <th>no</th> <th>id Anggota</th> <th>nama Anggota</th> <th>bagian</th> <th>jabatan</th> <th>tanggal Masuk</th> <th><center>foto</th> <th><div align="center">aksi</th> </tr> </thead> $keyword = $_GET['keyword']; //buat kelas paginator baru dengan nama $page $page = new paginator( //atur jumlah baris per halaman $page->items_per_page = 5;

14 if(empty($keyword)){ $sql_tbldata=("select * FROM anggota where level='anggota'" elseif(!empty($keyword)){ $sql_tbldata=("select * FROM anggota where level='anggota' and id_anggota LIKE '%$keyword%' or nama_anggota LIKE '%$keyword%' or bagian LIKE '%$keyword%' or jabatan LIKE '%$keyword%'" $sql_tbldata.= " ORDER BY id_anggota ASC"; $page->items_total = mysql_num_rows(mysql_query($sql_tbldata) $page->paginate( $sql_tbldata.= " $page->limit"; $query = mysql_query($sql_tbldata echo mysql_error( $prevpage = (int)$_get['page']-1; $i = $prevpage*(int)$_get['ipp']+1; $psn=mysql_query($sql_tbldata) or die (mysql_error() if(mysql_num_rows($psn) > 0): while($data=mysql_fetch_object($psn)){ $date1 = date_create($data->tanggal_masuk $tanggal_masuk=date_format($date1, 'd M Y' <tbody> <tr> <td> echo $i; </td> <td> echo $data->id_anggota; </td> <td> echo $data->nama_anggota; </td> <td> echo $data->bagian; </td> <td> echo $data->jabatan; </td> <td> echo $tanggal_masuk; </td> <td><center> <img src="./photo/ echo $data->photo" width="80"> </td> <td align="center"> <div class="btn-group"> <a class="btn btn-success" href="menu.php?p=anggota-edit&id= echo $data->id_anggota"><i class="icon_penciledit"></i></a> <a class="btn btn-danger" href="menu.php?p=anggota-hapus&id= echo $data->id_anggota" onclick="return confirm('apakah anda yakin akan menghapus data ini?')"><i class="icon_close_alt2"></i></a> </td> </tr> </tbody> $i++; else: echo "TIDAK ADA DATA."; endif; <tr> <td colspan="8"> <ul class="pagination pagination-mini"> <li> echo $page->display_pages(</li> </ul> </td> </tr> </table> else{ Listing Tambah Data Anggota

15 if($_session['level']=='admin') { <header class="panel-heading"> Penambahan Data Anggota </header> <br> <form name="f1" action="menu.php?p=anggotasimpan" class="form-horizontal " method="post" enctype="multipart/form-data"> <label class="col-lg-2" for="inputsuccess">id Anggota</label> <input type="text" name="id_anggota" class="form-control" required> <label class="col-lg-2" for="inputsuccess">nama Anggota</label> <input type="text" name="nama_anggota" class="form-control" required> div class="form-group has-success"> <label class="col-lg-2" for="inputsuccess">bagian</label> <select name="bagian" class="form-control" required> <option value="">--- Pilih Bagian ---</option> <option value="pimpinan DPRD">Pimpinan DPRD</option> <option value="">--- Komisi DPRD ---</option> <option value="komisi I">Komisi I</option> <option value="komisi II">Komisi II</option> <option value="komisi III">Komisi III</option> <option value="komisi IV">Komisi IV</option> <option value="komisi V">Komisi V</option> <option value="">--- Sekretariat DPRD --- </option> <option value="sekretaris">sekretaris</option> <option value="bagian Umum">Bagian Umum</option> \<option value="bagian Persidangan dan Legislasi">Bagian Persidangan dan Legislasi</option> <option value="bagian Keuangan">Bagian Keuangan</option> <option value="bagian Humas dan Protokol">Bagian Humas dan Protokol</option> </select> <label class="col-lg-2" for="inputsuccess">jabatan</label> <select name="jabatan" class="form-control" required> <option value="">--- Pilih Jabatan ---</option> <option value="ketua DPRD">Ketua DPRD</option> <option value="wakil Ketua DPRD">Wakil Ketua DPRD</option> <option value="ketua Merangkap Anggota">Ketua Merangkap Anggota</option> <option value="wakil Ketua Merangkap Anggota">Wakil Ketua Merangkap Anggota</option> <option value="sekretaris Merangkap Anggota">Sekretaris Merangkap Anggota</option> <option value="anggota">anggota</option> <option value="sekretaris DPRD">Sekretaris DPRD</option> <option value="kepala Bagian Umum">Kepala Bagian Umum</option> <option value="kasubbag. Tata Usaha">Kasubbag. Tata Usaha</option> <option value="kasubbag. Perlengkapan">Kasubbag. Perlengkapan</option> <option value="kasubbag. Rumah Tangga">Kasubbag. Rumah Tangga</option> <option value="kepala Bagian Persidangan & Legislasi">Kepala Bagian Persidangan & Legislasi</option> <option value="kasubbag. Persidangan">Kasubbag. Persidangan</option>

16 <option value="kasubbag. Risalah">Kasubbag. Risalah</option> <option value="kasubbag. Legislasi & Hukum">Kasubbag. Legislasi & Hukum</option> <option value="kepala Bagian Keuangan">Kepala Bagian Keuangan</option> <option value="kasubbag. Anggaran">Kasubbag. Anggaran</option> <option value="kasubbag. Verifikasi & Hukum">Kasubbag. Verifikasi & Hukum</option> <option value="kasubbag. Perbendaharaan">Kasubbag. Perbendaharaan</option> <option value="kepala Bagian Humas & Protokol">Kepala Bagian Humas & Protokol</option> <option value="kasubbag. Informasi, Dokumentasi & Perpustakaan">Kasubbag. Informasi, Dokumentasi & Perpustakaan</option> <option value="kasubbag. Protokol & H.A.L">Kasubbag. Protokol & H.A.L</option> <option value="kasubbag. Pelayanan & Aspirasi Masyarakat">Kasubbag. Pelayanan & Aspirasi Masyarakat</option> <option value="staff IT">Staff IT</option> </select> <label class="col-lg-2" for="inputsuccess">no Telepon / HP</label> <input type="text" name="no_telp" class="formcontrol"> <label class="col-lg-2" for="inputsuccess">tanggal Masuk</label> <input type="text" name="tanggal_masuk" id="date1" class="form-control" required> <label class="col-lg-2" for="inputsuccess">upload Photo</label> <input type="file" name="photo"> <button type="submit" class="btn btn-primary" style="width:180px;"><span class="icon_upload"></span> Simpan</button> <button type="button" class="btn btn-danger" style="width:180px;" onclick="history.back(- 1)"><span class="icon_close"></span> Batal</button> </form> else{ Listing Simpan Data Anggota if($_session['level']=='admin') { $id_anggota = $_POST['id_anggota']; $password = $_POST['password']; $nama_anggota = $_POST['nama_anggota']; $bagian = $_POST['bagian']; $jabatan = $_POST['jabatan']; $no_telp = $_POST['no_telp']; $tanggal_masuk = $_POST['tanggal_masuk']; //definisi variabel $tmp_gambar=$_files['photo']['tmp_name']; $photo=$_files['photo']['name']; $jenis_photo=$_files['photo']['type']; $ukuran_photo=$_files['photo']['size']; $folder="photo/$photo";

17 $valid_ext = array('jpg','jpeg','jpg','jepg','png','png','gif','gif',' bmp','bmp' $ext = pathinfo($photo, PATHINFO_EXTENSION if(in_array($ext,$valid_ext)){ $ukuran=' '; if($ukuran_photo <= $ukuran){ $upload=move_uploaded_file($tmp_gambar,$folde r if($upload){ echo "<script>alert('file Berhasil di Upload'</script>"; else { echo "<script>alert('file Tidak di Upload'</script>"; else{ echo "<script language='javascript'>alert('maaf, Ukuran File Adalah Maksimal 1Mb.')</script>"; echo "<script>alert('file Gagal di Upload.')</script>"; else{ echo "<script language='javascript'>alert('maaf, Hanya file JPG, PNG, GIF atau BMP yang boleh diupload.')</script>"; echo "<script>alert('file Gagal di Upload.')</script>"; if(empty($id_anggota)): echo "<script>alert('id Anggota Tidak Boleh Kosong.'location.href='menu.php?p=anggotatambah';</script>"; elseif(empty($nama_anggota)): echo "<script>alert('nama Anggota Tidak Boleh Kosong.'location.href='menu.php?p=anggotatambah';</script>"; elseif(empty($bagian)): echo "<script>alert('bagian Tidak Boleh Kosong.'location.href='menu.php?p=anggotatambah';</script>"; else: //panggil data $sql="select * from anggota where id_anggota ='$id_anggota'"; $proses=mysql_query($sql $data=mysql_fetch_array($proses $kode = mysql_num_rows($proses if ($kode==''){ $sqlsave = "INSERT INTO anggota SET id_anggota = '$id_anggota', password = md5('$id_anggota'), nama_anggota = '$nama_anggota', bagian = '$bagian', jabatan = '$jabatan', no_telp = '$no_telp', tanggal_masuk = '$tanggal_masuk', photo = '$photo', level = 'Anggota'"; $querysave = mysql_query($sqlsave if($querysave): echo "<script>alert('data berhasil disimpan.'location.href='menu.php?p=anggotaview';</script>"; else: echo "<script>alert('data gagal disimpan.'history.go(-1</script>"; endif; else { echo "<script>alert('id Anggota ($id_anggota) Sudah Ada.'location.href='menu.php?p=anggotaview';</script>"; endif; else{

18 Listing Ubah Data Anggota if($_session['level']=='admin') { $data_anggota=mysql_fetch_array(mysql_query("s elect * from anggota where id_anggota='$_get[id]'") <header class="panel-heading"> Perubahan Data Anggota </header> <br> <form name="f1" action="menu.php?p=anggotaupdate" class="form-horizontal " method="post" enctype="multipart/form-data"> <label class="col-lg-2" for="inputsuccess">id Anggota</label> <input type="text" name="id_anggota" class="form-control" value=" echo $data_anggota['id_anggota'] " readonly="yes"> <label class="col-lg-2" for="inputsuccess">nama Anggota</label> <input type="text" name="nama_anggota" class="form-control" value=" echo $data_anggota['nama_anggota'] " required> <label class="col-lg-2" for="inputsuccess">bagian</label> <select name="bagian" class="form-control" required> <option value=" echo $data_anggota['bagian'] "> echo $data_anggota['bagian'] </option> <option value="">--- Pilih Bagian ---</option> <option value="pimpinan DPRD">Pimpinan DPRD</option> <option value="">--- Komisi DPRD ---</option> <option value="komisi I">Komisi I</option> <option value="komisi II">Komisi II</option> <option value="komisi III">Komisi III</option> <option value="komisi IV">Komisi IV</option> <option value="komisi V">Komisi V</option> <option value="">--- Sekretariat DPRD --- </option> <option value="sekretaris">sekretaris</option> <option value="bagian Umum">Bagian Umum</option> <option value="bagian Persidangan dan Legislasi">Bagian Persidangan dan Legislasi</option> <option value="bagian Keuangan">Bagian Keuangan</option> <option value="bagian Humas dan Protokol">Bagian Humas dan Protokol</option> </select> <label class="col-lg-2" for="inputsuccess">jabatan</label> <select name="jabatan" class="form-control" required> <option value=" echo $data_anggota['jabatan'] "> echo $data_anggota['jabatan'] </option> <option value="">--- Pilih Jabatan ---</option> <option value="ketua DPRD">Ketua DPRD</option> <option value="wakil Ketua DPRD">Wakil Ketua DPRD</option> <option value="ketua Merangkap Anggota">Ketua Merangkap Anggota</option>

19 <option value="wakil Ketua Merangkap Anggota">Wakil Ketua Merangkap Anggota</option> <option value="sekretaris Merangkap Anggota">Sekretaris Merangkap Anggota</option> <option value="anggota">anggota</option> <option value="sekretaris DPRD">Sekretaris DPRD</option> <option value="kepala Bagian Umum">Kepala Bagian Umum</option> <option value="kasubbag. Tata Usaha">Kasubbag. Tata Usaha</option> <option value="kasubbag. Perlengkapan">Kasubbag. Perlengkapan</option> <option value="kasubbag. Rumah Tangga">Kasubbag. Rumah Tangga</option> <option value="kepala Bagian Persidangan & Legislasi">Kepala Bagian Persidangan & Legislasi</option> <option value="kasubbag. Persidangan">Kasubbag. Persidangan</option> <option value="kasubbag. Risalah">Kasubbag. Risalah</option> <option value="kasubbag. Legislasi & Hukum">Kasubbag. Legislasi & Hukum</option> <option value="kepala Bagian Keuangan">Kepala Bagian Keuangan</option> <option value="kasubbag. Anggaran">Kasubbag. Anggaran</option> <option value="kasubbag. Verifikasi & Hukum">Kasubbag. Verifikasi & Hukum</option> <option value="kasubbag. Perbendaharaan">Kasubbag. Perbendaharaan</option> <option value="kepala Bagian Humas & Protokol">Kepala Bagian Humas & Protokol</option> <option value="kasubbag. Informasi, Dokumentasi & Perpustakaan">Kasubbag. Informasi, Dokumentasi & Perpustakaan</option> <option value="kasubbag. Protokol & H.A.L">Kasubbag. Protokol & H.A.L</option> <option value="kasubbag. Pelayanan & Aspirasi Masyarakat">Kasubbag. Pelayanan & Aspirasi Masyarakat</option> <option value="staff IT">Staff IT</option> </select> <label class="col-lg-2" for="inputsuccess">no Telepon / HP</label> <input type="text" name="no_telp" class="formcontrol" value=" echo $data_anggota['no_telp'] "> <label class="col-lg-2" for="inputsuccess">tanggal Masuk</label> <input type="text" name="tanggal_masuk" id="date1" class="form-control" value=" echo $data_anggota['tanggal_masuk'] " required> <button type="submit" class="btn btn-primary" style="width:180px;"><span class="icon_upload"></span> Simpan</button> <button type="button" class="btn btn-danger" style="width:180px;" onclick="history.back(- 1)"><span class="icon_close"></span> Batal</button> </form> else{ Listing Update Data Anggota if($_session['level']=='admin') { $id_anggota = $_POST['id_anggota']; $nama_anggota = $_POST['nama_anggota'];

20 $bagian = $_POST['bagian']; $jabatan = $_POST['jabatan']; $no_telp = $_POST['no_telp']; $tanggal_masuk = $_POST['tanggal_masuk']; $sqlsave = "UPDATE anggota SET nama_anggota = '$nama_anggota', bagian = '$bagian', jabatan = '$jabatan', no_telp = '$no_telp', tanggal_masuk = '$tanggal_masuk' where id_anggota='$id_anggota'"; $querysave = mysql_query($sqlsave if($querysave): echo "<script>alert('data berhasil disimpan.'location.href='menu.php?p=anggotaview';</script>"; else: echo "<script>alert('data gagal disimpan.'history.go(-1</script>"; endif; else{ Listing Hapus Data Anggota if($_session['level']=='admin') { $sql_hapus=mysql_query("delete from anggota where id_anggota='$_get[id]' " if($sql_hapus): echo "<script>alert('data Berhasil dihapus'location.href='menu.php?p=anggotaview';</script>"; else: echo "<script>alert('data Gagal dihapus!'history.go(-1';</script>"; endif; else{ Listing Data Anggota Online if($_session['level']=='admin' $_SESSION['level']=='Anggota') { <form action="" method="get"> <input type="hidden" name="p" value=" echo $_GET['p'];"> <button class="btn btn-success" type="submit">cari</button> <input type="text" class="isi" name="keyword" placeholder="ketikan Kata Kunci..." > </form> <header class="panel-heading"> <div align="center">anggota Online </header> <div class="table-responsive"> <table class="table"> $keyword=$_get['keyword']; if(empty($keyword)){ $sql_tbldata=("select * FROM anggota" elseif(!empty($keyword)){ $sql_tbldata=("select * FROM anggota where id_anggota LIKE '%$keyword%' or nama_anggota LIKE '%$keyword%' or status LIKE '%$keyword%'"

21 $sql_tbldata.= " ORDER BY status='online' DESC"; $psn=mysql_query($sql_tbldata) or die (mysql_error() if(mysql_num_rows($psn) > 0): while($data=mysql_fetch_object($psn)){ <tbody> <tr> <td width="50%"> <span class="profile-ava"> <img alt="avatar" src="photo/ echo $data- >photo " style="float:left;width:20px;"> </span> <font color="#000" size="1px;"> echo $data->nama_anggota; if($data->status=='online'){ <span class="fa fa-bell-o fa-spin" style="float:right;"></span> else{ <span class="fa fa-bell-o" style="float:right;"></span> </font><br> </td> <td align="right"> <font size="1px;"> <a href="menu.php?p=profile-anggota&id= echo $data->id_anggota "> <i class="icon_profile"></i> Profile </a> <a href="menu.php?p=chat&id= echo $data- >id_anggota "> <i class="icon_chat"></i> Chat </a> </font> </td> </tr> </tbody> $i++; else: echo "TIDAK ADA DATA."; endif; </table> else{ Listing View Data Kategori if($_session['level']=='admin' $_SESSION['level']=='Anggota') { if($_session['level']=='admin') { <form action="" method="get"> <input type="hidden" name="p" value=" echo $_GET['p'];"> <button class="btn btn-info" type="submit">cari</button> <input type="text" class="isi" name="keyword" placeholder="ketikan Kata Kunci..."> <span style="float:right;"> <a href="menu.php?p=kategori-tambah"> <button class="btn btn-primary" type="button"><i class="icon-white icon-plus"></i> Tambah Data Kategori</button> </a> </span> </form><br><br>

22 <header class="panel-heading"> Data Kategori </header> <div class="table-responsive"> <table class="table table-striped table-hover"> <thead> <tr> <th>no</th> <th width="8%">id Kategori</th> <th width="15%">nama Kategori</th> <th>deskripsi Kategori</th> <th><div align="center">aksi</th> </tr> </thead> $keyword = $_GET['keyword']; //buat kelas paginator baru dengan nama $page $page = new paginator( //atur jumlah baris per halaman $page->items_per_page = 10; $sql_tbldata=("select * FROM kategori" if(!empty($keyword)): $sql_tbldata.=" WHERE id_kategori LIKE '%$keyword%'"; $sql_tbldata.=" OR nama_kategori LIKE '%$keyword%'"; endif; $sql_tbldata.= " ORDER BY id_kategori ASC"; $page->items_total = mysql_num_rows(mysql_query($sql_tbldata) $page->paginate( $sql_tbldata.= " $page->limit"; $query = mysql_query($sql_tbldata echo mysql_error( $prevpage = (int)$_get['page']-1; $i = $prevpage*(int)$_get['ipp']+1; $psn=mysql_query($sql_tbldata) or die (mysql_error() if(mysql_num_rows($psn) > 0): while($data=mysql_fetch_object($psn)){ <tbody> <tr> <td><center> echo $i; </td> <td><center> echo $data->id_kategori; </td> <td> echo $data->nama_kategori; </td> <td> echo $data->deskripsi; </td> <td align="center"> <div class="btn-group"> <a class="btn btn-success" href="menu.php?p=kategori-edit&id= echo $data->id_kategori"><i class="icon_penciledit"></i></a> <a class="btn btn-danger" href="menu.php?p=kategori-hapus&id= echo $data->id_kategori" onclick="return confirm('apakah anda yakin akan menghapus data ini?')"><i class="icon_close_alt2"></i></a> </td> </tr> </tbody> $i++; else: echo "TIDAK ADA DATA."; endif; <tr> <td colspan="8"> <ul class="pagination pagination-mini"> <li> echo $page->display_pages(</li> </ul> </td> </tr> </table>

23 if($_session['level']=='anggota'){ <form action="" method="get"> <input type="hidden" name="p" value=" echo $_GET['p'];"> <button class="btn btn-success" type="submit">cari</button> <input type="text" class="isi" name="keyword" placeholder="ketikan Kata Kunci..."> </form> <br><br> <header class="panel-heading"> Data Kategori </header> <div class="table-responsive"> <table class="table"> <thead> <tr> <th>no</th> <th width="15%">nama Kategori</th> <th>deskripsi Kategori</th> <th width="10%"><div align="center">lihat Thread</th> </tr> </thead> $keyword = $_GET['keyword']; //buat kelas paginator baru dengan nama $page $page = new paginator( //atur jumlah baris per halaman $page->items_per_page = 10; $sql_tbldata=("select * FROM kategori" if(!empty($keyword)): $sql_tbldata.=" WHERE id_kategori LIKE '%$keyword%'"; $sql_tbldata.=" OR nama_kategori LIKE '%$keyword%'"; endif; $sql_tbldata.= " ORDER BY id_kategori ASC"; $page->items_total = mysql_num_rows(mysql_query($sql_tbldata) $page->paginate( $sql_tbldata.= " $page->limit"; $query = mysql_query($sql_tbldata echo mysql_error( $prevpage = (int)$_get['page']-1; $i = $prevpage*(int)$_get['ipp']+1; $psn=mysql_query($sql_tbldata) or die (mysql_error() if(mysql_num_rows($psn) > 0): while($data=mysql_fetch_object($psn)){ <tbody> <tr> <td> echo $i; </td> <td> echo $data->nama_kategori; </td> <td> echo $data->deskripsi; </td> <td align="center"> <div class="btn-group"> <a class="btn btn-success" href="menu.php?p=thread-show&id= echo $data->id_kategori"><i class="icon_check"></i></a> </td></tr> </tbody> $i++; else: echo "TIDAK ADA DATA."; endif; <tr> <td colspan="8"> <ul class="pagination pagination-mini"> <li> echo $page->display_pages(</li> </ul> </td></tr></table>

24 else{ Listing Tambah Data Kategori if($_session['level']=='admin') { <header class="panel-heading"> Penambahan Data Kategori </header><br> <form name="f1" action="menu.php?p=kategorisimpan" class="form-horizontal " method="post" enctype="multipart/form-data"> <label class="col-lg-2" for="inputsuccess">nama Kategori</label> <input type="text" name="nama_kategori" class="form-control" required> <label class="col-lg-2" for="inputsuccess">deskripsi</label> <textarea type="text" name="deskripsi" id="mymce" class="form-control"></textarea> <button type="submit" class="btn btn-primary" style="width:180px;"><span class="icon_upload"></span> Simpan</button> <button type="button" class="btn btn-danger" style="width:180px;" onclick="history.back(- 1)"><span class="icon_close"></span> Batal</button> </form> else{ Listing Simpan Data Kategori if($_session['level']=='admin') { $nama_kategori = $_POST['nama_kategori']; $deskripsi = $_POST['deskripsi']; if(empty($nama_kategori)): echo "<script>alert('nama Kategori Tidak Boleh Kosong.'location.href='menu.php?p=kategoritambah';</script>"; elseif(empty($deskripsi)): echo "<script>alert('deskripsi Tidak Boleh Kosong.'location.href='menu.php?p=kategoritambah';</script>"; else: $sqlsave = "INSERT INTO kategori SET id_kategori = '', nama_kategori = '$nama_kategori', deskripsi = '$deskripsi'"; $querysave = mysql_query($sqlsave if($querysave): echo "<script>alert('data berhasil disimpan.'location.href='menu.php?p=kategoriview';</script>"; else:

25 echo "<script>alert('data gagal disimpan.'history.go(-1</script>"; endif; endif; else{ Listing Ubah Data Kategori if($_session['level']=='admin') { $data_kategori=mysql_fetch_array(mysql_query("s elect * from kategori where id_kategori='$_get[id]'") Perubahan Data Kategori </header><br> <form name="f1" action="menu.php?p=kategoriupdate" class="form-horizontal " method="post" enctype="multipart/form-data"> <input type="hidden" name="id_kategori" class="form-control" value=" echo $data_kategori['id_kategori'] " required> <label class="col-lg-2" for="inputsuccess">nama Kategori</label> <input type="text" name="nama_kategori" class="form-control" value=" echo $data_kategori['nama_kategori'] " required> <label class="col-lg-2" for="inputsuccess">deskripsi</label> <textarea type="text" name="deskripsi" id="mymce" class="form-control"> echo $data_kategori['deskripsi'] </textarea> <button type="submit" class="btn btn-primary" style="width:180px;"><span class="icon_upload"></span> Simpan</button> <button type="button" class="btn btn-danger" style="width:180px;" onclick="history.back(- 1)"><span class="icon_close"></span> Batal</button> </form> else{ Listing Update Data Kategori if($_session['level']=='admin') { $id_kategori = $_POST['id_kategori']; $nama_kategori = $_POST['nama_kategori']; $deskripsi = $_POST['deskripsi']; $sqlsave = "UPDATE kategori SET nama_kategori = '$nama_kategori', deskripsi = '$deskripsi' where id_kategori='$id_kategori'"; $querysave = mysql_query($sqlsave if($querysave): echo "<script>alert('data berhasil disimpan.'location.href='menu.php?p=kategoriview';</script>"; else:

26 echo "<script>alert('data gagal disimpan.'history.go(-1</script>"; endif; else{ Listing Hapus Data Kategori if($_session['level']=='admin') { $sql_hapus=mysql_query("delete from kategori where id_kategori='$_get[id]' " if($sql_hapus): echo "<script>alert('data Berhasil dihapus'location.href='menu.php?p=kategoriview';</script>"; else: echo "<script>alert('data Gagal dihapus!'history.go(-1';</script>"; endif; else{ Listing View Data Thread if($_session['level']=='admin') { <form action="" method="get"> <input type="hidden" name="p" value=" echo $_GET['p'];"> <button class="btn btn-info" type="submit">cari</button> <input type="text" class="isi" name="keyword" placeholder="ketikan Kata Kunci..."> <span style="float:right;"> <a href="menu.php?p=thread-tambah"> <button class="btn btn-primary" type="button"><i class="icon-white icon-plus"></i> Tambah Data Thread</button></a> </span> </form> <br><br> <header class="panel-heading"> Data Thread </header> <div class="table-responsive"> <table class="table table-striped table-hover"> <thead> <tr> <th>no</th> <th>id Thread</th> <th>kategori</th> <th>penulis</th> <th>judul</th> <th><div align="center">aksi</th> </tr> </thead> $keyword = $_GET['keyword']; //buat kelas paginator baru dengan nama $page $page = new paginator( //atur jumlah baris per halaman $page->items_per_page = 10; if(empty($keyword)){ $sql_tbldata=("select * FROM anggota,kategori,thread where anggota.id_anggota=thread.id_anggota and kategori.id_kategori=thread.id_kategori"

27 elseif(!empty($keyword)){ $sql_tbldata=("select * FROM anggota,kategori,thread where anggota.id_anggota=thread.id_anggota and kategori.id_kategori=thread.id_kategori and anggota.id_anggota LIKE '%$keyword%' or anggota.nama_anggota LIKE '%$keyword%' or kategori.nama_kategori LIKE '%$keyword%' or thread.deskripsi_thread LIKE '%$keyword%'" $sql_tbldata.= " ORDER BY thread.create_date DESC"; $page->items_total = mysql_num_rows(mysql_query($sql_tbldata) $page->paginate( $sql_tbldata.= " $page->limit"; $query = mysql_query($sql_tbldata echo mysql_error( $prevpage = (int)$_get['page']-1; $i = $prevpage*(int)$_get['ipp']+1; $psn=mysql_query($sql_tbldata) or die (mysql_error() if(mysql_num_rows($psn) > 0): while($data=mysql_fetch_object($psn)){ <tbody> <tr> <td> echo $i; </td> <td> echo $data->id_thread; </td> <td> echo $data->nama_kategori; </td> <td> echo $data->nama_anggota; </td> <td> echo $data->judul_thread; </td> <td align="center"> <div class="btn-group"> <a class="btn btn-success" href="menu.php?p=thread-edit&id= echo $data->id_thread"><i class="icon_penciledit"></i></a> <a class="btn btn-danger" href="menu.php?p=thread-hapus&id= echo $data->id_thread" onclick="return confirm('apakah anda yakin akan menghapus data ini?')"><i class="icon_close_alt2"></i></a> </td></tr></tbody> $i++; else: echo "TIDAK ADA DATA."; endif; <tr> <td colspan="8"> <ul class="pagination pagination-mini"> <li> echo $page->display_pages(</li> </ul></td> </tr> </table> else{ Listing Tambah Data Thread if($_session['level']=='admin' $_SESSION['level']=='Anggota') { <header class="panel-heading"> Penambahan Data Thread </header><br> <form name="f1" action="menu.php?p=threadsimpan" class="form-horizontal " method="post" enctype="multipart/form-data"> <label class="col-lg-2" for="inputsuccess">kategori</label>

28 <select name="id_kategori" class="form-control" required> <option value="">pilih Kategori</option> $tbl_kategori="select * from kategori Group by nama_kategori asc"; $kategori=mysql_query($tbl_kategori while($data_kategori=mysql_fetch_array($kategori )){ <option value=" echo $data_kategori['id_kategori'] "> echo $data_kategori['nama_kategori']</option> </select> <label class="col-lg-2" for="inputsuccess">judul</label> <input type="text" name="judul_thread" class="form-control" required> <label class="col-lg-2" for="inputsuccess">deskripsi</label> <textarea type="text" name="deskripsi_thread" id="mymce" class="form-control"></textarea> <label class="col-lg-2" for="inputsuccess">upload Image</label> <input type="file" name="file"> <button type="submit" class="btn btn-primary" style="width:180px;"><span class="icon_upload"></span> Simpan</button> <button type="button" class="btn btn-danger" style="width:180px;" onclick="history.back(- 1)"><span class="icon_close"></span> Batal</button> </form> else{ Listing Simpan Data Thread if($_session['level']=='admin' $_SESSION['level']=='Anggota') { $id_kategori = $_POST['id_kategori']; $id_anggota = $_SESSION['id_anggota']; $judul_thread = $_POST['judul_thread']; $deskripsi_thread = $_POST['deskripsi_thread']; $create_date = $tglsekarang.' '.$jamsekarang; $update_date = $create_date; //definisi variabel $tmp_gambar=$_files['file']['tmp_name']; $file=$_files['file']['name']; $jenis_file=$_files['file']['type']; $ukuran_file=$_files['file']['size']; $folder="upload/$file"; $valid_ext = array('jpg','jpeg','jpg','jepg','png','png','gif','gif',' bmp','bmp' $ext = pathinfo($file, PATHINFO_EXTENSION if(in_array($ext,$valid_ext)){ $ukuran=' '; if($ukuran_file <= $ukuran){ $upload=move_uploaded_file($tmp_gambar,$folde r

LAMPIRAN. <meta name="description" content="creative - Bootstrap 3 Responsive Admin Template">

LAMPIRAN. <meta name=description content=creative - Bootstrap 3 Responsive Admin Template> LAMPIRAN add_anggota.php(potongan kode untuk menambah anggota) session_start(); if (empty($_session['username'])){ header('location:login.php'); else { include "../koneksi.php";

More information

Cara menggunakan TinyMCE

Cara menggunakan TinyMCE Cara menggunakan TinyMCE Oleh: Shidqi Halo semua kali ini gw mau share cara menggunakan tinymce apa itu tinymce? berikut penjelasanya dari wikipedia TinyMCE is a platform-independent, browser-based WYSIWYG

More information

Lampiran Source Code:

Lampiran Source Code: Lampiran Source Code: Halaman Login Siswa Sourcecode : @session_start(); $db = mysqli_connect("localhost", "root", "", "learning");

More information

Listing Program. return false; return true; } </script> </body> </html>

Listing Program. return false; return true; } </script> </body> </html> Listing Program koneksi.php $mysql_user="root"; $mysql_password=""; $mysql_database="korpri"; $mysql_host="localhost"; $koneksi_db = mysql_connect($mysql_host, $mysql_user, $mysql_password); mysql_select_db($mysql_database,

More information

LAMPIRAN. Index.php. <?php. unset($_session["status"]); //session_destroy(); //session_destroy();

LAMPIRAN. Index.php. <?php. unset($_session[status]); //session_destroy(); //session_destroy(); LAMPIRAN Index.php unset($_session["status"]); //session_destroy(); //session_destroy();?>

More information

Chapter6: Bootstrap 3. Asst.Prof.Dr. Supakit Nootyaskool Information Technology, KMITL

Chapter6: Bootstrap 3. Asst.Prof.Dr. Supakit Nootyaskool Information Technology, KMITL Chapter6: Bootstrap 3 Asst.Prof.Dr. Supakit Nootyaskool Information Technology, KMITL Objective To apply Bootstrap to a web site To know how to build various bootstrap commands to be a content Topics Bootstrap

More information

HTML Summary. All of the following are containers. Structure. Italics Bold. Line Break. Horizontal Rule. Non-break (hard) space.

HTML Summary. All of the following are containers. Structure. Italics Bold. Line Break. Horizontal Rule. Non-break (hard) space. HTML Summary Structure All of the following are containers. Structure Contains the entire web page. Contains information

More information

LAMPIRAN. Index.php. <script type="text/javascript" src="jquery-min.js"></script> <script type="text/javascript"> Universitas Sumatera Utara

LAMPIRAN. Index.php. <script type=text/javascript src=jquery-min.js></script> <script type=text/javascript> Universitas Sumatera Utara LAMPIRAN Index.php session_start(); error_reporting(0); include "timeout.php"; include "config/koneksi.php"; if($_session[login]==1){ if(!cek_login()){ $_SESSION[login] = 0; if($_session[login]==0){ header('location:logout.php');

More information

Project Part 2 (of 2) - Movie Poster And Actor! - Lookup

Project Part 2 (of 2) - Movie Poster And Actor! - Lookup Getting Started 1. Go to http://quickdojo.com 2. Click this: Project Part 2 (of 2) - Movie Poster And Actor! - Lookup This is an extension of what you did the last time (the Movie Poster lookup from Week

More information

ゼミ Wiki の再構築について 資料編 加納さおり

ゼミ Wiki の再構築について 資料編 加納さおり Wiki [ Fukuda Semi Wiki] [ 2 wiki] [ 3 ] [ 4 ] [ 5 ] [ 6 ] [ 7 ] [ 8 ] [ 9 ] [ 10 ] [ 11 ] [ 12 ] [ 13 ] [ 14 Menu1] [ 15 Menu2] [ 16 Menu3] [ 17 wiki Menu] [ 18 TOP ] [ 19 ] [ 20 ] [ 20] [ 21 ] [ 22 (

More information

Dingle Coderdojo 6. Project Part 2 (of 2) - Movie Poster And Actor! - Lookup. Week 6

Dingle Coderdojo 6. Project Part 2 (of 2) - Movie Poster And Actor! - Lookup. Week 6 Dingle Coderdojo 6 Week 6 Project Part 2 (of 2) - Movie Poster And Actor! - Lookup This is an extension of what you did the last time (the Movie Poster lookup from Week 5). Make sure you ve finished that

More information

Front-End UI: Bootstrap

Front-End UI: Bootstrap Responsive Web Design BootStrap Front-End UI: Bootstrap Responsive Design and Grid System Imran Ihsan Assistant Professor, Department of Computer Science Air University, Islamabad, Pakistan www.imranihsan.com

More information

,.., «..»

,.., «..» ,.., 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...

More information

LAMPIRAN-LAMPIRAN A. Source Code 1) Sample Controller pada HomeController.php

LAMPIRAN-LAMPIRAN A. Source Code 1) Sample Controller pada HomeController.php 67 LAMPIRAN-LAMPIRAN A. Source Code 1) Sample Controller pada HomeController.php

More information

Description: This feature will enable user to send messages from website to phone number.

Description: This feature will enable user to send messages from website to phone number. Web to Phone text message Description: This feature will enable user to send messages from website to phone number. User will use this feature and can send messages from website to phone number, this will

More information

TUTORIAL CRUD CODEIGNITER

TUTORIAL CRUD CODEIGNITER TUTORIAL CRUD CODEIGNITER With MySQL Tutorial ini saya dedikasikan untuk yang baru terjun di framework codeigniter, dan para pemula yang ingin belajar secara otodidak. Crud merupakan kewajiban dasar yang

More information

web-sockets-homework Directions

web-sockets-homework Directions web-sockets-homework Directions For this homework, you are asked to use socket.io, and any other library of your choice, to make two web pages. The assignment is to create a simple box score of a football

More information

Spring Data JPA, Spring Boot, Oracle, AngulerJS 적용게시판실습 게시판리스트보기.

Spring Data JPA, Spring Boot, Oracle, AngulerJS 적용게시판실습 게시판리스트보기. Spring Data JPA, Spring Boot, Oracle, AngulerJS 적용게시판실습 http://ojc.asia, http://ojcedu.com 게시판리스트보기 Spring JDBC 또는 MyBatis로만들때보다쉽고빠르게작성할수있다. 스프링컨트롤러는 RestController를적용했으며, 뷰페이지에 Bootstrap 및 AngulerJS 적용했다.

More information

Technical Guide Login Page Customization

Technical Guide Login Page Customization Released: 2017-11-15 Doc Rev No: R2 Copyright Notification Edgecore Networks Corporation Copyright 2019 Edgecore Networks Corporation. The information contained herein is subject to change without notice.

More information

Lampiran 1: Struktur Organisasi PT. Argo Manunggal Triasta

Lampiran 1: Struktur Organisasi PT. Argo Manunggal Triasta Lampiran 1: Struktur Organisasi PT. Argo Manunggal Triasta 1 Lampiran 2 A : Flowchart dalam Prosedur Kas Keil PT. Argo Manunggal Triasta Lampiran 2 A : Flowchart dalam Prosedur Laporan Kas Keil PT. Argo

More information

Building beautiful websites with Bootstrap: A case study. by Michael Kennedy michaelckennedy.net

Building beautiful websites with Bootstrap: A case study. by Michael Kennedy michaelckennedy.net Building beautiful websites with Bootstrap: A case study by Michael Kennedy DevelopMentor @mkennedy michaelckennedy.net Objectives Learn what Bootstrap has to offer web developers Install and use Bootstrap

More information

Django AdminLTE 2 Documentation

Django AdminLTE 2 Documentation Django AdminLTE 2 Documentation Release 0.1 Adam Charnock Jul 02, 2018 Contents 1 Contents 3 1.1 Quickstart................................................ 3 1.2 Templates & Blocks Reference.....................................

More information

L A M P I R A N. Universitas Sumatera Utara

L A M P I R A N. Universitas Sumatera Utara L A M P I R A N LAMPIRAN 1. Listing Program Aplikasi e-election Berbasis SMS Gateway index.php

More information

LAMPIRAN Kode Program

LAMPIRAN Kode Program 73 LAMPIRAN Kode Program 1. Index.php

More information

This project will use an API from to retrieve a list of movie posters to display on screen.

This project will use an API from   to retrieve a list of movie posters to display on screen. Getting Started 1. Go to http://quickdojo.com 2. Click this: Project Part 1 (of 2) - Movie Poster Lookup Time to put what you ve learned to action. This is a NEW piece of HTML, so start quickdojo with

More information

Working Bootstrap Contact form with PHP and AJAX

Working Bootstrap Contact form with PHP and AJAX Working Bootstrap Contact form with PHP and AJAX Tutorial by Ondrej Svestka Bootstrapious.com Today I would like to show you how to easily build a working contact form using Boostrap framework and AJAX

More information

Session 5. Web Page Generation. Reading & Reference

Session 5. Web Page Generation. Reading & Reference Session 5 Web Page Generation 1 Reading Reading & Reference https://en.wikipedia.org/wiki/responsive_web_design https://www.w3schools.com/css/css_rwd_viewport.asp https://en.wikipedia.org/wiki/web_template_system

More information

CSS (Cascading Style Sheets)

CSS (Cascading Style Sheets) CSS (Cascading Style Sheets) CSS (Cascading Style Sheets) is a language used to describe the appearance and formatting of your HTML. It allows designers and users to create style sheets that define how

More information

LISTING KODE PROGRAM

LISTING KODE PROGRAM LISTING KODE PROGRAM Kategori PHP

More information

Lampiran. SetoransController

Lampiran. SetoransController 67 Lampiran SetoransController using System; using System.Collections.Generic; using System.Data; using System.Data.Entity; using System.Linq; using System.Net; using System.Web; using System.Web.Mvc;

More information

Bootstrap 1/20

Bootstrap 1/20 http://getbootstrap.com/ Bootstrap 1/20 MaxCDN

More information

CSC 121 Computers and Scientific Thinking

CSC 121 Computers and Scientific Thinking CSC 121 Computers and Scientific Thinking Fall 2005 HTML and Web Pages 1 HTML & Web Pages recall: a Web page is a text document that contains additional formatting information in the HyperText Markup Language

More information

Summary 4/5. (contains info about the html)

Summary 4/5. (contains info about the html) Summary Tag Info Version Attributes Comment 4/5

More information

As we design and build out our HTML pages, there are some basics that we may follow for each page, site, and application.

As we design and build out our HTML pages, there are some basics that we may follow for each page, site, and application. Extra notes - Client-side Design and Development Dr Nick Hayward HTML - Basics A brief introduction to some of the basics of HTML. Contents Intro element add some metadata define a base address

More information

Produced by. Agile Software Development. Eamonn de Leastar

Produced by. Agile Software Development. Eamonn de Leastar Agile Software Development Produced by Eamonn de Leastar (edeleastar@wit.ie) Department of Computing, Maths & Physics Waterford Institute of Technology http://www.wit.ie http://elearning.wit.ie Pacemaker

More information

Lava New Media s CMS. Documentation Page 1

Lava New Media s CMS. Documentation Page 1 Lava New Media s CMS Documentation 5.12.2010 Page 1 Table of Contents Logging On to the Content Management System 3 Introduction to the CMS 3 What is the page tree? 4 Editing Web Pages 5 How to use the

More information

NukaCode - Front End - Bootstrap Documentation

NukaCode - Front End - Bootstrap Documentation Nuka - Front End - Bootstrap Documentation Release 1.0.0 stygian July 04, 2015 Contents 1 Badges 3 1.1 Links................................................... 3 1.2 Installation................................................

More information

HTML HTML5. DOM(Document Object Model) CSS CSS

HTML HTML5. DOM(Document Object Model) CSS CSS HTML HTML5 DOM(Document Object Model) CSS CSS HTML html img jpg png gif jpg png gif

More information

А «- - «Exellent»» 50, 18, «Exellent»., , -., -. -,, html -. - «Exellent»,.

А «- - «Exellent»» 50, 18, «Exellent»., , -., -. -,, html -. - «Exellent»,. А «- - «Exellent»» 50, 18, 21. - - «Exellent»., -. -. -. -, -., -. -,, html -. - «Exellent»,. А... 3 1 -... 5 1.1, -... 5 1.2 Э -... 8 1.3 -... 9 1.4, -... 16 1.4.1... 16 1.4.2... 18 1.4.3.... 18 2 - «Exellent»...

More information

Website Development with HTML5, CSS and Bootstrap

Website Development with HTML5, CSS and Bootstrap Contact Us 978.250.4983 Website Development with HTML5, CSS and Bootstrap Duration: 28 hours Prerequisites: Basic personal computer skills and basic Internet knowledge. Course Description: This hands on

More information

Create First Web Page With Bootstrap

Create First Web Page With Bootstrap Bootstrap : Responsive Design Create First Web Page With Bootstrap 1. Add the HTML5 doctype Bootstrap uses HTML elements and CSS properties that require the HTML5 doctype. 2. Bootstrap 3 is mobile-first

More information

recall: a Web page is a text document that contains additional formatting information in the HyperText Markup Language (HTML)

recall: a Web page is a text document that contains additional formatting information in the HyperText Markup Language (HTML) HTML & Web Pages recall: a Web page is a text document that contains additional formatting information in the HyperText Markup Language (HTML) HTML specifies formatting within a page using tags in its

More information

Static Webpage Development

Static Webpage Development Dear Student, Based upon your enquiry we are pleased to send you the course curriculum for PHP Given below is the brief description for the course you are looking for: - Static Webpage Development Introduction

More information

Index. alt, 38, 57 class, 86, 88, 101, 107 href, 24, 51, 57 id, 86 88, 98 overview, 37. src, 37, 57. backend, WordPress, 146, 148

Index. alt, 38, 57 class, 86, 88, 101, 107 href, 24, 51, 57 id, 86 88, 98 overview, 37. src, 37, 57. backend, WordPress, 146, 148 Index Numbers & Symbols (angle brackets), in HTML, 47 : (colon), in CSS, 96 {} (curly brackets), in CSS, 75, 96. (dot), in CSS, 89, 102 # (hash mark), in CSS, 87 88, 99 % (percent) font size, in CSS,

More information

CSS (Cascading Style Sheets): An Overview

CSS (Cascading Style Sheets): An Overview CSS (Cascading Style Sheets): An Overview CSS (Cascading Style Sheets) is a language used to describe the appearance and formatting of your HTML. It allows designers and users to create style sheets that

More information

Lampiran. Lampiran 1 : Database

Lampiran. Lampiran 1 : Database 78 Lampiran Lampiran 1 : Database 79 80 Lampiran 2 : Coding List a. Coding Login

More information

Bootstrap Carousel. jquery Image Sliders

Bootstrap Carousel. jquery Image Sliders Bootstrap Carousel jquery Image Sliders Bootstrap Carousel Carousel bootstarp css js jquery js bootstrap.js http://getbootstrap.com/javascript/#carousel item ol.carousel-indicators li

More information

Deccansoft Software Services

Deccansoft Software Services Deccansoft Software Services (A Microsoft Learning Partner) HTML and CSS COURSE SYLLABUS Module 1: Web Programming Introduction In this module you will learn basic introduction to web development. Module

More information

Purpose of this doc. Most minimal. Start building your own portfolio page!

Purpose of this doc. Most minimal. Start building your own portfolio page! Purpose of this doc There are abundant online web editing tools, such as wordpress, squarespace, etc. This document is not meant to be a web editing tutorial. This simply just shows some minimal knowledge

More information

WEBSI TE DESIGNING TRAINING

WEBSI TE DESIGNING TRAINING WEBSI TE DESIGNING TRAINING WHAT IS WEB DESIGN? We b s ite design m e a n s p l a n n i n g, c r e a t i o n and u p d a t i n g of websites. We bsite design also involves i n f o r m a t i o n a rchitecture,

More information

Making a live edit contact list with Coldbox REST & Vue.js

Making a live edit contact list with Coldbox REST & Vue.js Tweet Making a live edit contact list with Coldbox REST & Vue.js Scott Steinbeck Mar 28, 2016 Today we will be making a contact database that you can quickly and easily manage using ColdBox and Vue.js.

More information

Css Manually Highlight Current Link Nav Link

Css Manually Highlight Current Link Nav Link Css Manually Highlight Current Link Nav Link way to automatically highlight the "current" link. And I can manually add the following CSS to each page to get them highlighted, but I want to avoid added.

More information

Web development using PHP & MySQL with HTML5, CSS, JavaScript

Web development using PHP & MySQL with HTML5, CSS, JavaScript Web development using PHP & MySQL with HTML5, CSS, JavaScript Static Webpage Development Introduction to web Browser Website Webpage Content of webpage Static vs dynamic webpage Technologies to create

More information

CSS CSS how to display to solve a problem External Style Sheets CSS files CSS Syntax

CSS CSS how to display to solve a problem External Style Sheets CSS files CSS Syntax CSS CSS stands for Cascading Style Sheets Styles define how to display HTML elements Styles were added to HTML 4.0 to solve a problem External Style Sheets can save a lot of work External Style Sheets

More information

Hyperlinks, Tables, Forms and Frameworks

Hyperlinks, Tables, Forms and Frameworks Hyperlinks, Tables, Forms and Frameworks Web Authoring and Design Benjamin Kenwright Outline Review Previous Material HTML Tables, Forms and Frameworks Summary Review/Discussion Email? Did everyone get

More information

P - 13 Bab 10 : PHP MySQL Lanjut (Studi Kasus)

P - 13 Bab 10 : PHP MySQL Lanjut (Studi Kasus) P - 13 Bab 10 : PHP MySQL Lanjut (Studi Kasus) 10.1 Tujuan Mahasiswa mampu : Mengetahui dan Memahami Integrasi PHP dengan MySQL Mengetahui dan Memahami Relasi Dengan phpmyadmin Designer Mengetahui dan

More information

Multimedia Systems and Technologies Lab class 6 HTML 5 + CSS 3

Multimedia Systems and Technologies Lab class 6 HTML 5 + CSS 3 Multimedia Systems and Technologies Lab class 6 HTML 5 + CSS 3 Instructions to use the laboratory computers (room B2): 1. If the computer is off, start it with Windows (all computers have a Linux-Windows

More information

A Balanced Introduction to Computer Science, 3/E

A Balanced Introduction to Computer Science, 3/E A Balanced Introduction to Computer Science, 3/E David Reed, Creighton University 2011 Pearson Prentice Hall ISBN 978-0-13-216675-1 Chapter 2 HTML and Web Pages 1 HTML & Web Pages recall: a Web page is

More information

Web Development and HTML. Shan-Hung Wu CS, NTHU

Web Development and HTML. Shan-Hung Wu CS, NTHU Web Development and HTML Shan-Hung Wu CS, NTHU Outline How does Internet Work? Web Development HTML Block vs. Inline elements Lists Links and Attributes Tables Forms 2 Outline How does Internet Work? Web

More information

Dreamweaver: Portfolio Site

Dreamweaver: Portfolio Site Dreamweaver: Portfolio Site Part 3 - Dreamweaver: Developing the Portfolio Site (L043) Create a new Site in Dreamweaver: Site > New Site (name the site something like: Portfolio, or Portfolio_c7) Go to

More information

USING JOOMLA LEVEL 3 (BACK END) OVERVIEW AUDIENCE LEVEL 3 USERS

USING JOOMLA LEVEL 3 (BACK END) OVERVIEW AUDIENCE LEVEL 3 USERS USING JOOMLA LEVEL 3 (BACK END) OVERVIEW This document is designed to provide guidance and training for incorporating your department s content into to the Joomla Content Management System (CMS). Each

More information

Date Picker Haim Michael

Date Picker Haim Michael Date Picker Introduction The date picker is one of the most popular jquery widgets in use. It is highly configurable and extremely easy to implement. Introduction Simple Date Picker

More information

Layout Manager - Toolbar Reference Guide

Layout Manager - Toolbar Reference Guide Layout Manager - Toolbar Reference Guide Working with a Document Toolbar Button Description View or edit the source code of the document (for advanced users). Save the contents and submit its data to the

More information

The content editor has two view modes: simple mode and advanced mode. Change the view in the upper-right corner of the content editor.

The content editor has two view modes: simple mode and advanced mode. Change the view in the upper-right corner of the content editor. Content Editor The content editor allows you to add and format text, insert equations and hyperlinks, tables, and attach different types of files to content. The editor appears throughout the system as

More information

Islamic University of Gaza Faculty of Engineering Department of Computer Engineering ECOM Advanced Internet Technology Lab.

Islamic University of Gaza Faculty of Engineering Department of Computer Engineering ECOM Advanced Internet Technology Lab. Islamic University of Gaza Faculty of Engineering Department of Computer Engineering ECOM 5049 Advanced Internet Technology Lab Lab # 1 Eng. Haneen El-masry February, 2015 Objective To be familiar with

More information

<page> 1 Document Summary Document Information <page> 2 Document Structure Text Formatting <page> 3 Links Images <page> 4

<page> 1 Document Summary Document Information <page> 2 Document Structure Text Formatting <page> 3 Links Images <page> 4 Document Summary Document Information Document Structure Text Formatting Links Images Lists Forms Input Type Attributes Select Attributes Option Attributes Table Formatting Objects and iframes iframe Attributes

More information

Mateen Eslamy 10/31/13

Mateen Eslamy 10/31/13 Mateen Eslamy 10/31/13 Tutorial In this tutorial, you ll learn how to create a webpage using Twitter Bootstrap 3. The goal of this tutorial is to create a responsive webpage, meaning that if the webpage

More information

NAVIGATION INSTRUCTIONS

NAVIGATION INSTRUCTIONS CLASS :: 13 12.01 2014 NAVIGATION INSTRUCTIONS SIMPLE CSS MENU W/ HOVER EFFECTS :: The Nav Element :: Styling the Nav :: UL, LI, and Anchor Elements :: Styling the UL and LI Elements CSS DROP-DOWN MENU

More information

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/materialize/0.97.3/css/materialize.min.css">

<link rel=stylesheet href=https://cdnjs.cloudflare.com/ajax/libs/materialize/0.97.3/css/materialize.min.css> About the Tutorial Materialize is a UI component library created with CSS, JavaScript, and HTML. Materialize UI components help in constructing attractive, consistent, and functional web pages and web

More information

A designers guide to creating & editing templates in EzPz

A designers guide to creating & editing templates in EzPz A designers guide to creating & editing templates in EzPz Introduction...2 Getting started...2 Actions...2 File Upload...3 Tokens...3 Menu...3 Head Tokens...4 CSS and JavaScript included files...4 Page

More information

HTML TAG SUMMARY HTML REFERENCE 18 TAG/ATTRIBUTE DESCRIPTION PAGE REFERENCES TAG/ATTRIBUTE DESCRIPTION PAGE REFERENCES MOST TAGS

HTML TAG SUMMARY HTML REFERENCE 18 TAG/ATTRIBUTE DESCRIPTION PAGE REFERENCES TAG/ATTRIBUTE DESCRIPTION PAGE REFERENCES MOST TAGS MOST TAGS CLASS Divides tags into groups for applying styles 202 ID Identifies a specific tag 201 STYLE Applies a style locally 200 TITLE Adds tool tips to elements 181 Identifies the HTML version

More information

Chapter4: HTML Table and Script page, HTML5 new forms. Asst. Prof. Dr. Supakit Nootyaskool Information Technology, KMITL

Chapter4: HTML Table and Script page, HTML5 new forms. Asst. Prof. Dr. Supakit Nootyaskool Information Technology, KMITL Chapter4: HTML Table and Script page, HTML5 new forms Asst. Prof. Dr. Supakit Nootyaskool Information Technology, KMITL Objective To know HTML5 creating a new style form. To understand HTML table benefits

More information

News Ticker. User Guide

News Ticker. User Guide News Ticker User Guide Table of contents: 1 INTRODUCTION...3 2 INSTALLATION PROCEDURE...4 3 ADDING NEWS TICKER MODULE TO A PAGE...8 4 NEWS TICKER MAIN MENU...9 5 MANAGING NEWS ITEMS...11 5.1 Adding a news

More information

HTML & CSS. Lesson 1: HTML Basics Lesson 2: Adding Tables Lesson 3: Intro to CSS Lesson 4: CSS in more detail Lesson 5: Review

HTML & CSS. Lesson 1: HTML Basics Lesson 2: Adding Tables Lesson 3: Intro to CSS Lesson 4: CSS in more detail Lesson 5: Review HTML & CSS Lesson 1: HTML Basics Lesson 2: Adding Tables Lesson 3: Intro to CSS Lesson 4: CSS in more detail Lesson 5: Review Lesson 1: HTML Basics 1. Write main tile HTML & CSS 2. Write today s date Match

More information

PRÍLOHY PRÍLOHY. Príloha 1 Náhľady vybraných podstránok webovej stránky

PRÍLOHY PRÍLOHY. Príloha 1 Náhľady vybraných podstránok webovej stránky PRÍLOHY Príloha 1 Náhľady vybraných podstránok webovej stránky Príloha 2 Vybrané časti zdrojového kódu V Prílohe 3 sa nachádza len niekoľko vybraných častí zdrojového kódu projektu. Kompletný zdrojový

More information

Creating Web Pages Using HTML

Creating Web Pages Using HTML Creating Web Pages Using HTML HTML Commands Commands are called tags Each tag is surrounded by Some tags need ending tags containing / Tags are not case sensitive, but for future compatibility, use

More information

HTML & CSS Cheat Sheet

HTML & CSS Cheat Sheet 1 HTML & CSS Cheat Sheet Fall 2017 HTML & CSS Cheat Sheet from Typographic Web Design 3 by Laura Franz Web safe fonts vs web fonts You can expect these web safe fonts to work across most platforms and

More information

if(! list.contains(list.collect(params,'key'),'title')){ <div style="font-weight:bold;color:red;">"warning: A title field must be assigned.

if(! list.contains(list.collect(params,'key'),'title')){ <div style=font-weight:bold;color:red;>warning: A title field must be assigned. /** Author: Blake Harms Version 2.9 See: http://developer.mindtouch.com/app_catalog/ Integrated_Bug_and_Issue_Tracker on 2.9 added performance tunning posted by Sego on this blog post: http://forums.developer.mindtouch.com/

More information

SK Telecom. Platform NATE WAP

SK Telecom. Platform NATE WAP SK Telecom Platform NATE WAP SK TELECOM NATE WAP This Document is copyrighted by SK Telecom and may not be reproduced without permission SK Building, SeRinDong-99, JoongRoGu, 110-110, Seoul, Korea SK Telecom

More information

</div> </form> </div> <div class="col-xs-6 col-sm-6 col-md-6 collg-6">

</div> </form> </div> <div class=col-xs-6 col-sm-6 col-md-6 collg-6> LIST CODING include "template/header.php"; class="row"> class="col-md-6 co-xs-6"> buat Surat Perintah class="form-group"> nip

More information

UNIVERSITY OF TORONTO Faculty of Arts and Science APRIL 2016 EXAMINATIONS. CSC309H1 S Programming on the Web Instructor: Ahmed Shah Mashiyat

UNIVERSITY OF TORONTO Faculty of Arts and Science APRIL 2016 EXAMINATIONS. CSC309H1 S Programming on the Web Instructor: Ahmed Shah Mashiyat UNIVERSITY OF TORONTO Faculty of Arts and Science APRIL 2016 EXAMINATIONS CSC309H1 S Programming on the Web Instructor: Ahmed Shah Mashiyat Duration - 2 hours Aid Sheet: Both side of one 8.5 x 11" sheet

More information

5 Snowdonia. 94 Web Applications with C#.ASP

5 Snowdonia. 94 Web Applications with C#.ASP 94 Web Applications with C#.ASP 5 Snowdonia In this and the following three chapters we will explore the use of particular programming techniques, before combining these methods to create two substantial

More information

index.php pemetaan Gizi Palembang

More information

Web Programming BootStrap Unit Exercises

Web Programming BootStrap Unit Exercises Web Programming BootStrap Unit Exercises Start with the Notes packet. That packet will tell you which problems to do when. 1. Which line(s) are green? 2. Which line(s) are in italics? 3. In the space below

More information

For instructions to change the logo, please refer to: ore

For instructions to change the logo, please refer to:   ore Header Note: VapeDay Theme have 2 versions. Version 1.0 with Left bar for long list of categories and Version 2.0 with No Left bar with categories in the header. While editing the theme files from template

More information

User's Guide Visual Profile Appendix L Version 7.5.2

User's Guide Visual Profile Appendix L Version 7.5.2 User's Guide Visual Profile Appendix L Version 7.5.2 MobilityGuard AB Appendix L Visual Profile v 7.4 Table of Contents 1 Introduction...3 2 Configuration...3 2.1 Select a theme to use...3 2.2 The theme

More information

Cascading style sheets, HTML, DOM and Javascript

Cascading style sheets, HTML, DOM and Javascript CSS Dynamic HTML Cascading style sheets, HTML, DOM and Javascript DHTML Collection of technologies forming dynamic clients HTML (content content) DOM (data structure) JavaScript (behaviour) Cascading Style

More information

Html basics Course Outline

Html basics Course Outline Html basics Course Outline Description Learn the essential skills you will need to create your web pages with HTML. Topics include: adding text any hyperlinks, images and backgrounds, lists, tables, and

More information

School of Computer Science and Software Engineering

School of Computer Science and Software Engineering 1. C 2. B 3. C B 4. B 5. B 6. B 7. C (should be getelementsbyid case sensitive) 8. A 9. B 10. D 11. B 12. A 13. A 14. D 15. C 16. D 17. A 18. C 19. A 20. D P a g e 2 of 13 Section B: Long Answer Questions

More information

Lab 7 Introduction to MySQL

Lab 7 Introduction to MySQL Lab 7 Introduction to MySQL Objectives: During this lab session, you will - Learn how to access the MySQL Server - Get hand-on experience on data manipulation and some PHP-to-MySQL technique that is often

More information

Web Designing. Course Content. Basic HTML Tags. Getting started with CSS. Dealing with Images

Web Designing. Course Content. Basic HTML Tags. Getting started with CSS. Dealing with Images Web Designing Course Content Basic HTML Tags Basic HTML template Heading Tags Paragraph and Break tags Bold and Italics HTML lists Getting started with CSS Introduction to CSS CSS rules Where to put your

More information

WEB DESIGNING COURSE SYLLABUS

WEB DESIGNING COURSE SYLLABUS F.A. Computer Point #111 First Floor, Mujaddadi Estate/Prince Hotel Building, Opp: Okaz Complex, Mehdipatnam, Hyderabad, INDIA. Ph: +91 801 920 3411, +91 92900 93944 040 6662 6601 Website: www.facomputerpoint.com,

More information