SIAKAD integrasi Neo Feeder

Gambar
  Assalamu'alaikum Wr Wb, Sistem Informasi Akademik (SIAKAD) yang langsung integrasi dengan Neo Feeder, setelah mempelajari API Neo Feeder yang semakin mudah untuk di integrasikan dengan Aplikasi SIAKAD Kampus, saya menawarkan SIAKAD dengan cara Sewa   ( dengan sistem sewa aplikasi terus akan diupdate sesuai kebutuhan pelaporan dan kampus ) untuk Kampus yang kesulitan mengintegrasikan data SIAKAD dengan Neo Feeder. Dengan pengalaman pembuatan SIAKAD dan menjadi pendamping Operator selama 4 semester, akhirnya jadi juga Sistem Informasi Akademik Integrasi dengan Neo Feeder ini.

Form AutoComplete dengan JQuery


AutoComplete atau juga dikenal dengan sebutan AutSuggest adalah fitur tambahan dalam suatu form input untuk menampilkan data-data yang sesuai dengan apa yang diketik user pada form. Contohnya adalah form pencarian Google, dimana ketika kita menuliskan suatu kalimat yang belum utuh, maka secara otomatis akan tersedia daftar data-data yang menyambungkan kalimat tersebut secara utuh, sehingga Anda tidak perlu lagi menuliskan semua kata yang ingin Anda cari. Untuk jelasnya kita buat program tersebut.

  1. Langkah pertama buat database barang

  2. Struktur database dan contoh datanya
    CREATE TABLE `tbbarang` (
      `kodebarang` char(25) NOT NULL,
      `namabarang` varchar(100) DEFAULT NULL,
      `hargabeli` int(11) DEFAULT NULL,
      `hargajual` int(11) DEFAULT NULL,
      `stokawal` smallint(6) DEFAULT NULL,
      PRIMARY KEY (`kodebarang`)
    );
    
    INSERT INTO `tbbarang` VALUES ('001', 'TOP  Kopi', '950', '1000', '1000');
    INSERT INTO `tbbarang` VALUES ('002', 'Pulpy Orange', '4500', '5000', '10');
    

  3. Langkah kedua buat file barang.php
  4. <html>
    <head>
    <script type="text/javascript" src="jquery-1.4.js"></script>
    <script type='text/javascript' src='jquery.autocomplete.js'></script>
    <link rel="stylesheet" type="text/css" href="jquery.autocomplete.css" />
    <link rel="stylesheet" href="main.css" type="text/css" />
    <script type="text/javascript">
    $().ready(function() { 
     $("#barang").autocomplete("proses_barang.php", {
      width: 150
      });
    
     $("#barang").result(function(event, data, formatted) {
        $('#pilihan').html("<p>Anda memilih Barang: " + formatted + "</p>"); 
     });
     
    });
    </script>
    </head>
    <body>
      <div class="demo" style="width: 250px;">
      <div><p>Nama Barang : <input type="text" id="barang"></p></div>
      </div> 
      <div id="pilihan"></div>
    </body>
    </html>
    

  5. Langkah ketiga buat file proses_barang.php
  6. <?php
    mysql_connect("localhost","root","");
    mysql_select_db("tutorial_jquery");
    
    $q = strtolower($_GET["q"]);
    if (!$q) return;
    
    $sql = mysql_query("select namabarang from tbbarang where namabarang LIKE '%$q%'");
    while($r = mysql_fetch_array($sql)) {
     $nama_barang = $r['namabarang'];
     echo "$nama_barang \n";
    }
    ?>
    

Script Program Download

Komentar

  1. Bekerja,, Thanks pak, sangat membantu saya dlm membuat program TA

    BalasHapus
  2. tanya donk master $_GET['q'] dapet dari mana yaa??koq tiba2 ada gitu?mohon penjelasannya.

    BalasHapus
  3. pak link tutorialnya pada mati itu....

    bisa kah di kirim lewat email

    BalasHapus
  4. Pak Deddy gmn kalau file proses_barang.php saya modif seperti ini?Harapan Saya yang muncul tidak hanya nama barang tapi juga kodenya.untuk mempermudah pencarian barang.dan Begitu diklik/dipilih yang nempel di textboxnya hanya kode barang saja.GMN?Ada solusi?


    BalasHapus

Posting Komentar

Postingan populer dari blog ini

Setting modem flash dengan kartu Three ,Telkomsel ,XL,Im3

Membuat Replikasi atau Mirror database MySQL

Cara Membuat Website Gratis