Listing Program 1. 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=device-width, initial-scale=1"> <meta name="description" content=""> <meta name="author" content=""> <link rel="shortcut icon" href="../../assets/ico/favicon.ico"> <title>kamus Indonesia Karo Online</title> <!-- Bootstrap core CSS --> <link href="css/bootstrap.min.css" rel="stylesheet"> <!-- Custom styles for this template --> <link href="starter-template.css" rel="stylesheet"> <!-- Just for debugging purposes. Don't actually copy this line! --> <!--[if lt IE 9]><script src="../../assets/js/ie8-responsive-filewarning.js"></script><![endif]--> <!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries --> <!--[if lt IE 9]> <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script> <script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script> <![endif]-->
<script src="js/jquery-1.7.1.min.js" type="text/javascript"></script> <script type="text/javascript"> $(document).ready(function(){ function search(){ var indo=$("#search").val(); } if(indo!=""){ $("#result").html("<img src='img/ajax-loader.gif'/>"); $.ajax({ type:"post", url:"search.php", data:"indo="+indo, success:function(data){ $("#result").html(data); $("#search").val(""); } }); } $("#button").click(function(){ search(); }); $('#search').keyup(function(e) { if(e.keycode == 13) { search(); } }); }); </script> </head>
<body><div class="navbar navbar-inverse navbar-fixed-top" role="navigation"> <div class="container"> <div class="navbar-header"> <button type="button" class="navbar-toggle" data-toggle="collapse" datatarget=".navbar-collapse"> <span class="sr-only">toggle navigation</span> </button> <a class="navbar-brand" href="#">kamus Indonesia-Karo</a> <div class="collapse navbar-collapse"> <ul class="nav navbar-nav"> <li class="active"><a href="index.php">home</a></li> <li><a href="about.php">about</a></li> <li><ahref="contact.php">contact</a></li><li><a href="login.php">admin</a></li> </ul> <!--/.nav-collapse --> <div class="starter-template"> <h2>selamat Datang di Kamus Indonesia-Karo berbasis Web</h2> <div class="form-group"> <inputtype="text"id="search" class="formcontrol"placeholder="masukkan Kata Dalam Bahasa Indonesia"/><br> <input type="button" id="button" value="terjemahkan" /> <ul id="result"></ul> <script src="js/bootstrap.min.js"></script> <script src="jquery-1.8.3.min.js"></script> </body>
</html> 2. Home <!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <meta http-equiv="x-ua-compatible" content="ie=edge"> <meta name="viewport" content="width=device-width, initial-scale=1"> <meta name="description" content=""> <meta name="author" content=""> <link rel="shortcut icon" href="../../assets/ico/favicon.ico"> <title>starter Template for Bootstrap</title> <!-- Bootstrap core CSS --> <link href="css/bootstrap.min.css" rel="stylesheet"> <!-- Custom styles for this template --> <link href="starter-template.css" rel="stylesheet"> <!-- Just for debugging purposes. Don't actually copy this line! --> <!--[if lt IE 9]><script src="../../assets/js/ie8-responsive-filewarning.js"></script><![endif]--> <!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries --> <!--[if lt IE 9]> <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script> <script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
<![endif]--> <script src="js/jquery-1.7.1.min.js" type="text/javascript"></script> </head> <body><div class="navbar navbar-inverse navbar-fixed-top" role="navigation"> <div class="container"> <div class="navbar-header"> <button type="button" class="navbar-toggle" data-toggle="collapse" datatarget=".navbar-collapse"> <span class="sr-only">toggle navigation</span> </button> <a class="navbar-brand" href="#">kamus Indonesia-Karo</a> <div class="collapse navbar-collapse"> <ul class="nav navbar-nav"> <li class="active"><a href="index.php">home</a></li> <li><a href="about.php">about</a></li> <li><a href="#contact">contact</a></li> <li><a href="login.php">admin</a></li> </ul> <!--/.nav-collapse --> <div class="starter-template"> <h3>"kamus Indonesia Karo berbasis Web dirancang untuk memenuhi kebutuhan dan memudahkan pengguna dalam mengakses dan mempelajari Bahasa Karo terutama dalam perbendaharaan kata-kata Karo"</h3>
<script src="js/bootstrap.min.js"></script> <script src="jquery-1.8.3.min.js"></script> </body> </html> 3. Login Admin <!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <meta http-equiv="x-ua-compatible" content="ie=edge"> <meta name="viewport" content="width=device-width, initial-scale=1"> <meta name="description" content=""> <meta name="author" content=""> <link rel="shortcut icon" href="../../assets/ico/favicon.ico"> <title>starter Template for Bootstrap</title> <!-- Bootstrap core CSS --> <link href="css/bootstrap.min.css" rel="stylesheet"> <!-- Custom styles for this template --> <link href="starter-template.css" rel="stylesheet"> <!-- Just for debugging purposes. Don't actually copy this line! --> <!--[if lt IE 9]><script src="../../assets/js/ie8-responsive-filewarning.js"></script><![endif]--> <!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries --> <!--[if lt IE 9]>
<script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script> <script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script> <![endif]--> <script src="js/jquery-1.7.1.min.js" type="text/javascript"></script> </head> <body><div class="navbar navbar-inverse navbar-fixed-top" role="navigation"> <div class="container"> <div class="navbar-header"> <button type="button" class="navbar-toggle" data-toggle="collapse" datatarget=".navbar-collapse"> <span class="sr-only">toggle navigation</span> </button> <a class="navbar-brand" href="#">kamus Indonesia-Karo</a> <div class="collapse navbar-collapse"> <ul class="nav navbar-nav"> <li class="active"><a href="index.php">home</a></li> <li><a href="about.php">about</a></li> <li><a href="#contact">contact</a></li> <li><a href="login.php">admin</a></li> </ul> <!--/.nav-collapse --> <?php //session_start();
//if (!empty($_session['username'])) { //header('location:index.php'); //}?> <html> <head> <link rel="stylesheet" type="text/css" href="css/stylelogin.css"> </head> <body> <div class="starter-template-form"> <?php //kode php ini kita gunakan untuk menampilkan pesan eror if (!empty($_get['error'])) { if ($_GET['error'] == 1) { echo '<h3>username dan Password belum diisi!</h3>'; } else if ($_GET['error'] == 2) { Echo '<h3>username belum diisi!</h3>'; } else if ($_GET['error'] == 3) { Echo '<h3>password belum diisi!</h3>'; } else if ($_GET['error'] == 4) { echo '<h3>username dan Password tidak terdaftar!</h3>'; } }?> <form name="login" action="otentikasi.php" method="post"> <table border="0" cellpadding="3" cellspacing="0"> <tr> <th colspan=5><div id=judul>login</th> </tr> <tr>
<td>username</td> <td>:</td> <td><input type="text" name="username" /></td> </tr> <tr> <td>password</td> <td>:</td> <td><input type="password" name="password" /></td> </tr> <tr align="right"></tr> <td colspan="3"><input type="submit" name="login" value="login" /></td> </tr> </table> </form> </body> </html> 4. Input kata <?php // memanggil berkas koneksi.php require 'koneksi.php';?> <!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <title>admin Panel</title> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="description" content=""> <meta name="author" content=""> <link rel="shortcut icon" href="favicon.png"/>
<link href="css/bootstrap.min.css" rel="stylesheet" media="screen"> </head> <body> <div class="navbar navbar-static-top"> <div class="navbar-inner"> <div class="container"> <a class="brand" href="logout.php">logout</a> <div class="container"> <div class="row"> <h3> <!-- textbox untuk pencarian --> <div class="input-prepend pull-right"> <span class="add-on"><i class="icon-search"></i></span> <input class="span2" id="prependedinput" type="text" name="pencarian" placeholder="pencarian.."> </div Perbendaharaan Kata <a href="#dialog-mahasiswa" id="0" class="btn tambah" data-toggle="modal"> <i class="icon-plus"></i> Tambah Kata </a> </h3> <!-- tempat untuk menampilkan data mahasiswa --> <div id="data-mahasiswa"> <!-- awal untuk modal dialog -->
<div id="dialog-mahasiswa" class="modal hide fade" tabindex="-1" role="dialog" aria-labelledby="mymodallabel" aria-hidden="true"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" ariahidden="true"> </button> <h3 id="mymodallabel">tambah Data Mahasiswa</h3> <!-- tempat untuk menampilkan form mahasiswa --> <div class="modal-body"> <div class="modal-footer"> <button class="btn btn-danger" data-dismiss="modal" ariahidden="true">batal</button> <button id="simpan-mahasiswa" class="btn btn-success">simpan</button> <!-- akhir kode modal dialog --> <!-- memanggil berkas javascript yang dibutuhkan --> <script src="jquery-1.8.3.min.js"></script> <script src="js/bootstrap.min.js"></script> <script src="aplikasi.js"></script> </body> </html>
SURAT KETERANGAN Hasil Uji Program Tugas Akhir Yang bertanda tangan dibawah ini, menerangkan bahwa Mahasiswa Tugas Akhir program Diploma 3 Teknik Informatika : Nama : DWI SUCIANI PUTRI Nim : 112406076 Program Studi : D-3 Teknik Informatika Judul TA : PERANCANGAN PROGRAM APLIKASI KAMUS DIGITAL INDONESIA-KARO BERBASIS WEB Telah melaksanakan test program Tugas Akhir Mahasiswa tersebut diatas pada tanggal... Dengan Hasil : Sukses / Gagal Demikianlah diterangkan untuk digunakan melengkapi syarat pendaftaran Ujian Meja Hijau Tugas Akhir Mahasiswa bersangkutan di Departemen Matematika FMIPA USU Medan Medan, Juli 2014 Dosen Pembimbing Drs. Faigiziduhu Bu ulolo, M.Si NIP.195312181980031003
KEMENTERIAN PENDIDIKAN DAN KEBUDAYAAN UNIVERSITAS SUMATERA UTARA FAKULTAS MATEMATIKA DAN ILMU PENGETAHUAN ALAM Jln. Bioteknologi No.1 Kampus USU Padang Bulan Medan-20155 Telp. (061) 8211050, 8214290, Fax. (061) 8214290 KARTU BIMBINGAN TUGAS AKHIR MAHASISWA Nama Mahasiswa : DWI SUCIANI PUTRI Nomer Induk Mahasiswa : 112406076 Judul Tugas Akhir : PERANCANGAN PROGRAM APLIKASI KAMUS DIGITAL INDONESIA-KARO BERBASIS WEB Dosen Pembimbing : Drs. Faigiziduhu Bu ulolo, M.Si Tanggal Mulai Bimbingan : Tanggal Selesai Bimbingan : No Tanggal Asisten Bimbingan Pembahasan pada Asisten mengenai, pada Bab : Paraf Dosen Pembimbing Keterangan 1 2 3 4 5 6 7 * Kartu ini harap dikembalikan ke Departemen Matematika bila bimbingan telah selesai. Diketahui Oleh: Ketua Program Studi D3 Teknik Informatika FMIPA USU Disetujui Oleh: Pembimbing Dr. Elly Rosmaini, M.Si Drs. Faigiziduhu Bu ulolo, M.Si NIP. 196005201985032002 NIP. 1953121181980031003