Kamis, 11 Juli 2019

Aplikasi Terjemah Berbasis Web

Aplikasi Terjemah Berbasis Web





Deskripsi :
User bisa menginout kata ingin di terjemah ke bahasa yang dipilih

Kelemahan :
Database masih di input perkata


Source Code ;

index.html


<html>
  <head>
    <title>Kamus Bahasa Inggris Menggukan PHP MySql</title>
    <link rel="stylesheet" href="style.css" type="text/css">
  </head>
<script>
function getXMLHttpRequest(){
  if(window.ActiveXObject){
    return new ActiveXObject("Microsoft.XMLHTTP");
  }else if(window.XMLHttpRequest){
    return new XMLHttpRequest(); 
  }else alert("Status : Can not create XMLHttpRequest Object");
}
var xmlhttp=getXMLHttpRequest();
function sendRequest(pageURL,bahasa){
  if(xmlhttp.readyState==4 || xmlhttp.readyState==0){
   
    xmlhttp.onreadystatechange=function(){
      if(xmlhttp.readyState==4 && xmlhttp.status==200){
     
      if(bahasa=='indonesia'){
      document.getElementById('konveringgris').value=xmlhttp.responseText;
      }else if(bahasa=='inggris'){
      document.getElementById('konverindonesia').value=xmlhttp.responseText;
      }
      }
    }
    xmlhttp.open('GET',pageURL,true);
    xmlhttp.send(null);
  }
}
function konversi(bahasa){
if(bahasa=='indonesia'){
sendRequest('proses.php?kata='+document.getElementById('Bindonesia').value+'&bahasa=indonesia','indonesia');
} else if(bahasa=='inggris'){
sendRequest('proses.php?kata='+document.getElementById('Binggris').value+'&bahasa=inggris','inggris');
}
}
</script>
  <body>
    <div id="canvas">
    <div id="header">
    <br/><br/>Terjemahan Bahasa Inggris - Indonesia<br/>STMIK ERESHA
  </div>
    <marquee behavior="alternate"  scrollamount="5" ><p> Kamus Bahasa Inggris - Indonesia STMIK ERESHA</p></marquee>
    <div class="container">
      <form action="">
        <table>
          <tr>
            <td><input name="Bindonesia" type="text" id="Bindonesia" placeholder="indonesia" class="input" /></td> 
            <td><input type="button" value="Terjemah ke Inggris"  onclick="konversi('indonesia');" class="submit"/></td>
            <td><input name="konveringgris" type="text" id="konveringgris" placeholder="inggris" class="input color"/></td>
          </tr>

           <tr>
            <td><input name="Binggris" type="text" id="Binggris" placeholder="inggris" class="input"/></td>
            <td><input type="button" value="Terjemah ke Indonesia"  onclick="konversi('inggris');" class="submit"/></td>
            <td><input name="konverindonesia" type="text" id="konverindonesia" placeholder="indonesia" class="input color"/></td>
          </tr>
        </table>
      </form>
    </div>


  <div id="footer">
    Copyright@ 2019 Kelompok IV/06TPLP001/STMIK ERESHA
  </div>
  </body>
</html>

proses.html

<?php
// koneksi ke database
$conn=mysqli_connect('localhost','root','');
$ps=0;
if (! $conn){
$ps++;
}

$pilihDB=mysqli_select_db($conn,'kamus');

$kata=$_GET['kata'];
$bahasa=$_GET['bahasa'];

if($ps==0){

if($bahasa=="indonesia"){
$cari=mysqli_query($conn,"SELECT * FROM translate WHERE indonesia='$kata'");
} else if($bahasa=="inggris"){
$cari=mysqli_query($conn,"SELECT * FROM translate WHERE inggris='$kata'");
}

$jum=mysqli_num_rows($cari);

if($jum==0){
print("kata tidak tersedia");
}else{

$data=mysqli_fetch_array($cari);

if($bahasa=="indonesia"){
print($data['inggris']);
} else if($bahasa=="inggris"){
print($data['indonesia']);
}
}
}
?>







Tidak ada komentar:

Posting Komentar

Belajar CSS

1. Buat File index.html 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 3...