Monday, April 23, 2012

Membuat Sendiri Article Rewriter dengan Ajax

Apa sih article rewriter? Article rewriter adalah semacam program yang menulis ulang suatu tulisan atau artikel dengan kata-kata yang berbeda dari artikel aslinya, sehingga tercipta konten yang sedikit unik. Bagi yang malas buat buat tulisan tapi pengen ngejar dollar dari google adsense, biasanya menggunakan articel rewriter untuk copy paste suatu artikel. Tapi di sini kita akan melihat bagaimana kode untuk membuat kode rewriter sederhana.
Kita akan membuat kode rewriter dengan menggunakan PHP, MySQL dan Ajax jQuery untuk komunikasi data dan menampilkannya. Kita juga akan belajar bagaimana membuat highlight kata-kata yang sudah di rewrite. Untuk jelasnya silahkan lihat Demo Article Rewriter. Dan berikut algoritma dan kodenya:
Algoritma rewriter adalah sebagai berikut:
  1. Membuat textarea untuk teks artikel yang akan di rewrite
  2. Mengambil teks artikel dan mengirimnya melalui ajax
  3. Memproses teks yang dikirim ke server untuk di-rewrite, dengan cara mencari sinonim kata tersebut di database.
  4. Menampilkan hasil rewrite.

Membuat textarea untuk teks artikel yang akan di rewrite


<textarea rows="10" cols="80" name="komentar" id="artikel"></textarea>
<b>Result:</b>
<br>
<img src="ajax-loader.gif" style="display:none" id="loading">
<br>
<!---tempat menampilkan hasil rewrite--->
<div id="re-articel" style="width:650;height:200;border:black 1px solid;
text-align:left;padding:10;overflow:auto">
</div>

Mengambil teks artikel dan mengirimnya melalui ajax


<script type="text/javascript" src="jquery-1.4.4.min.js"></script>
<script>
$(document).ready(function(){
    $("#tombol").click(function(){
        //menampilkan animasi loading
        $("#loading").show();

        //mengambil teks dari textarea
        var artikel = $("#artikel").val();

        //kirim teks artikel ke server
        $.ajax({
            type: "POST",
            url: "rewriter.php",
            data: "artikel="+artikel,
            success: function(msg){
                //jika sudah dikirim ditampilkan
                $("#re-articel").html(msg);
                $("#loading").hide();
            }
        });
    });

    $("#reset").click(function(){
        $("#re-articel").html("");
    });
});
</script>

Memproses teks yang dikirim ke server untuk di-rewrite, dengan cara mencari sinonim kata tersebut di database.

Pada kode di atas kita mengirim teks artikel ke server untuk diolah oleh kode PHP rewriter.php

<?php
if($_POST['artikel']){
include "koneksi.php";
$artikel = nl2br($_POST['artikel']);

//kita pisahkan kalimat berdasarkan spasi
//untuk mengambil kata-kata
$ar = explode(" ",$artikel);

$hasil = "";
foreach($ar as $value){
    if(!preg_match("/\.|'/",$value)){
        //kita cari kata-kata tersebut di database MySQL
        $cari = mysql_query("select * from sinonim where kata1='$value'");
        $j = mysql_num_rows($cari);
        if($j>0){
            $ka = mysql_fetch_array($cari);
            $hasil = $hasil."<span class='re'>".stripslashes($ka['kata2'])."</span> ";
        }else{
            $cari2 = mysql_query("select * from sinonim where kata2='$value'");
            $j2 = mysql_num_rows($cari2);
            if($j2>0){
                $ka2 = mysql_fetch_array($cari2);
                $hasil = $hasil."<span class='re'>".stripslashes($ka2['kata1'])."</span> ";
            }else{
                $hasil = $hasil.stripslashes($value)." ";
            }
        }
    }else{
        $ka = preg_replace("/\./","",$value);
        $cari = mysql_query("select * from sinonim where kata1='$ka'");
        $j = mysql_num_rows($cari);
        if($j>0){
            $kax = mysql_fetch_array($cari);
            $hasil = $hasil."<span class='re'>".stripslashes($kax['kata2'])."</span>. ";
        }else{
            $hasil = $hasil.stripslashes($ka).". ";
        }
    }
}
echo $hasil;
}
?>

Menampilkan hasil rewrite.

$("#re-articel").html(msg);
Di mana #re-articel adalah tag <div> yang ber ID=re-articel
Untuk kode lengkapnya silahkan download source code. Untuk Demo lihat di article rewriter.

5 komentar:

Anonymous said...

err mas...padahal sudah saya koreksi beberapa kali, tai tetap saja demikian mungkin mas bisa membantu

Unknown said...

Terkadang hanya masalah penulisan code/syntax aja mas apa sudah diperhatikan?,atau algoritmanya mas mungkin ada yang kebalik, code ini code yang sudah saya coba dan berhasil.errornya terjadi dibagian mana mas?

maav klo bls commentx agak lama soalnya akhir" ini lagi sibuk hehhe :)

Anonymous said...

jawabanya gini mas


Warning: mysql_num_rows(): supplied argument is not a valid MySQL result resource in /home/u396606217/public_html/demo/articel-rewriter/rewriter.php on line 15

Warning: mysql_num_rows(): supplied argument is not a valid MySQL result resource in /home/u396606217/public_html/demo/articel-rewriter/rewriter.php on line 21

Aaliyah said...

Love the tool, thank you for this post. Checking out this code as well.

Article Rewriter

Anonymous said...

saya awam om, tapi butuh banget sama script spinner ini, harap penjelasannya lebih detail lagi om. sudah dicoba berulang kali, nggak bisa2 tombolnya saja tidak muncul, bgmna nih om. saya akan balik lagi ke blog ini tiap sebulan sekali mudah2an om menjelaskannya lebih detail lagi. terimakasih om.

Post a Comment

 
Pratama Master powered by blogger.com
Design by Simple Diamond and Pratama Master