<title>kamus Indonesia Karo Online</title>  <link href="css/bootstrap.min.css" rel="stylesheet">

Transkripsi

1 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>  <link href="css/bootstrap.min.css" rel="stylesheet">  <link href="starter-template.css" rel="stylesheet">

2 <script src="js/jquery 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>

3 <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>  <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 min.js"></script> </body>

4 </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>  <link href="css/bootstrap.min.css" rel="stylesheet">  <link href="starter-template.css" rel="stylesheet">    <!--[if lt IE 9]> <script src=" <script src="

5 <![endif]--> <script src="js/jquery 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>  <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>

6 <script src="js/bootstrap.min.js"></script> <script src="jquery 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>  <link href="css/bootstrap.min.css" rel="stylesheet">  <link href="starter-template.css" rel="stylesheet">    <!--[if lt IE 9]>

7 <script src=" <script src=" <![endif]--> <script src="js/jquery 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>  <?php //session_start();

8 //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>

9 <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"/>

10 <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>  <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>  <div id="data-mahasiswa">

11 <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>  <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>   <script src="jquery min.js"></script> <script src="js/bootstrap.min.js"></script> <script src="aplikasi.js"></script> </body> </html>

12 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 : 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

13 KEMENTERIAN PENDIDIKAN DAN KEBUDAYAAN UNIVERSITAS SUMATERA UTARA FAKULTAS MATEMATIKA DAN ILMU PENGETAHUAN ALAM Jln. Bioteknologi No.1 Kampus USU Padang Bulan Medan Telp. (061) , , Fax. (061) KARTU BIMBINGAN TUGAS AKHIR MAHASISWA Nama Mahasiswa : DWI SUCIANI PUTRI Nomer Induk Mahasiswa : 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 * 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 NIP

14