Aditya Hadiwijaya. 2012. Perancangan Sistem Aplikasi Kamus Digital. Bandung. Modul
Effendi, B.E 1998. Contoh-Contoh Program dan Aplikasinya. Yogyakarta. Andi Offset
Eko, Richardus. 2006. Manajemen Sistem Informasi dan Teknologi Informasi. Bandung. Modul
Geoff Woollam. 2004. Tata Bahasa Karo. Medan: Bina Media Perintis Hayes, Deidre. 2006. HTML. Sams Teach Yourself. USA
Kadir, Abdul. 2003. Dasar Pemrograman Web Dinamis Menggunakan PHP. Yogyakarta. Modul
Mohammad Salfi, Mempelajari Dasar-Dasar Program , Wahana Komputer. Andi
M. H. Mubarok. 2011. Sistem Kontrol Via Web dengan PHP dan Ajax. Jakarta : Elex Media Komputindo
Sutarman, 2003. Membangun Aplikasi Web dengan PHP dan Mysql. Yogyakarta. Graha Ilmu
Eko, Richardus. 2006. Manajemen Sistem Informasi dan Teknologi Informasi. Bandung. Modul
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-file- warning.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" data- target=".navbar-collapse">
<span class="sr-only">Toggle navigation</span> <span class="icon-bar"></span>
<span class="icon-bar"></span> <span class="icon-bar"></span> </button>
<a class="navbar-brand" href="#">Kamus Indonesia-Karo</a> </div>
<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><!--/.nav-collapse --> </div> </div> <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>
</div></div>
<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-file- warning.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" data- target=".navbar-collapse">
<span class="sr-only">Toggle navigation</span> <span class="icon-bar"></span>
<span class="icon-bar"></span> <span class="icon-bar"></span> </button>
<a class="navbar-brand" href="#">Kamus Indonesia-Karo</a> </div>
<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><!--/.nav-collapse --> </div> </div> <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>
</div>
<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-file- warning.js"></script><![endif]-->
<!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->
<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" data- target=".navbar-collapse">
<span class="sr-only">Toggle navigation</span> <span class="icon-bar"></span>
<span class="icon-bar"></span> <span class="icon-bar"></span> </button>
<a class="navbar-brand" href="#">Kamus Indonesia-Karo</a> </div>
<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><!--/.nav-collapse --> </div> </div> <?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</div></th> </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> </div> </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 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> </div> </div> <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"></div>
</div> </div>
<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" aria- hidden="true">×</button>
<h3 id="myModalLabel">Tambah Data Mahasiswa</h3> </div>
<!-- tempat untuk menampilkan form mahasiswa --> <div class="modal-body"></div>
<div class="modal-footer">
<button class="btn btn-danger" data-dismiss="modal" aria- hidden="true">Batal</button>
<button id="simpan-mahasiswa" class="btn btn-success">Simpan</button> </div>
</div>
<!-- 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