Friday, July 6, 2012

Tutorial Memasang Facebook Comment dan Facebook Like Button di Blog Pribadi

Untuk memasang system Facebook Comment dan Like Button ini, pertama kali yang harus anda lakukan adalah Login ke Account Facebook anda. Setelah anda login, coba anda membuka sebuah halaman baru dan ketikkan buka alamat https://developers.facebook.com/apps/. Alamat tersebut berfungsi untuk membuat sebuah aplikasi Facebook yang akan kita manfaatkan sebagai wadah Facebook Comment dan Like Button tersebut. Setelah halaman tersebut terbuka, buatlah sebuah Applikasi baru dengan menekan tombol Create New App. Perhatikan Gambar di bawah ini :

membuat Application pada facebook

Setelah anda berhasil membuat sebuah aplikasi baru, anda akan mendapatkan App ID/API Key dan App Secret seperti yang diperlihatkan di gambar diatas. Keduanya adalah yang akan kita gunakan ketika membangun aplikasi ini nantinya. Selanjutnya mari kita buat sebuah Facebook Comment dengan melalui alamat https://developers.facebook.com/docs/reference/plugins/comments/. Setelah alamat tersebut terbuka, masukkan alamat web yang ingin anda lengkapi dengan Facebook Comment ini. Misalkan alamat yang web yang kita inginkan adalah http://aplikasiphp.com, dengan jumlah postingan yang ditampilkan 100 post per halaman serta lebar aplikasi sekitar 470 pixel. Perhatikan gambar di bawah ini :

membuat Facebook Comment


Setelah itu, tekan tombol Get Code anda akan mendapatkan kode seperti dibawah ini :

Kode Facebook Comment

Kode pertama, silahkan anda Copy + Paste kedalam template website anda didalam tag . Sebagai contohnya adalah sebagai berikut :


  1. <html>
    2. 

  2. <head>
    3. 

  3. <title>Membuat Form Komentar Ala Facebook di Blog Pribadi | AplikasiPHP.Com</title>
    4. 

  4. </head>
    5. 

  5. <body>
    6. 

  6. <div id="fb-root"></div>
    7. 

  7. <script>(function(d, s, id) {
    8. 

  8.   var js, fjs = d.getElementsByTagName(s)[0];
    9. 

  9.   if (d.getElementById(id)) return;
    10. 

  10.   js = d.createElement(s); js.id = id;
    11. 

  11.   js.src = "//connect.facebook.net/en_US/all.js#xfbml=1&appId=395375743806292";
    12. 

  12.   fjs.parentNode.insertBefore(js, fjs);
    13. 

  13. }(document, 'script', 'facebook-jssdk'));</script>
    14. 

  14. </body>
    15. 

  15. </html>
    16.


Sedangkan Kode bagian kedua dari gambar diatas, anda dapat tempatkan dibagian mana anda ingin menampatkan Facebook Comment tersebut. Perhatikan kode dibawah ini :

  1. <div class="fb - comment" data-href="http://analisismiliter.com" data-num-posts="100" data-width="550"></div>
    2.

Nah yang anda perlu perhatikan adalah data-href=”http://analisismiliter.com”. Data tersebut adalah link website yang anda ingin masukkan FB Comment didalamnya. Jika anda memiliki beberapa halaman website dan ingin menempatkan FB Comment didalamnya, anda hanya perlu copy paste kode diatas kemudian modifikasi alamat website tersebut didalam kode tersebut.

Facebook Like Button

Membuat Facebook Like Button hampir sama dengan membuat FB Comment. Jika anda sudah membuat FB Comment dengan Sukses sebelumnya, anda hanya perlu memasukkan kode FB Like Button dengan kode seperti di bawah ini :

  1.  <div class="fb - likes" data-send="true" data-width="450" data-show-faces="true"></div>
    2.

Nah sampai disini, tutorial ini sudah berhasil anda pelajari. Mari terapkan tutorial ini untuk membangun aplikasi website yang sangat interaktif. Nantinya setiap ada komentar akan secara otomatis memunculkan sebuah notifikasi di Account Facebook Anda.

Source:  http://aplikasiphp.com/


Anda ingin mencari refrensi dan contoh program lengkap ? Kami ada. Sekarang Anda bisa mencari Aplikasi PHP MySQL di situs ini : http://www.bunafitkomputer.com. Koleksi program lengkap di sana, proyek PHP dan MySQL, juga jQuery dan Framework. Bukunya juga ada.
Posted by at 0 comments

Wednesday, July 4, 2012

Membuat Slideshow Gallery gambar dengan PHP dan JQuery

Aplikasi ini adalah gabungan dari 2 aplikasi yaitu aplikasi jQuery untuk slideshow (amazon_scroller.js) dan aplikasi untuk zoom image (jquery.bigPicture.js).  aplikasi ini bertujuan untuk membantu teman-teman dalam menampilkan gambar dalam bentuk slideshow. dan ketika suatu gambar di klik dalam slideshow tadi, maka aplikasi jQuery Zoom akan memperbesar gambar dalam ukuran gambar yang asli.
Sedangkan data gallerynya di ambil dari sebuah database “test” dan nama tabelnya “tools_gallery“

Tabel “tools_gallery”
Script Include JQuery

<!—untuk zoom image–>
<script type=”text/javascript” src=”./js/jquery.js”></script>
<script type=”text/javascript” src=”./js/jquery.bigPicture.js”></script>
<script type=”text/javascript” src=”./js/jquer.bigPicture-min.js”></script>
<script type=”text/javascript” src=”./js/jquery.bigPicture-pack.js”></script>
<script type=”text/javascript” src=”./js/jquery.easing.js”></script>
<link rel=”stylesheet” type=”text/css” href=”css/core.css”/>
<link rel=”stylesheet” type=”text/css” href=”css/skin.css”/>
<!–untuk slideshow–>
<link href=”css/amazon_scroller.css” rel=”stylesheet” type=”text/css”></link>
<script type=”text/javascript” src=”js/amazon_scroller.js”></script>
<script language=”javascript” type=”text/javascript”>
Menyisipkan Syntax Javascript
<script language=”javascript”>
$(‘a.info’).bigPicture({
‘enableInfo’: true,
‘infoPosition’: ‘bottom’
});
</script>
Menampilkan gambar
<div id=”amazon_scroller1″>
<div>
<ul>
<?php
include “./include/conn.php”;
$select=mysql_query(“select * from tools_gallery”);
while($row=mysql_fetch_array($select)){
?><li><a href=”./gallery/<?php echo $row['gambar'];?>” title=”<?php echo $row['keterangan'];?>” name=”gambar”><img src=”./gallery/<?php echo $row['gambar'];?>” width=”60″ height=”60″ title=”Klik photo”/></a></li><?php
}
?>
</ul>
</div>
<ul>
<li></li>
<li></li>
</ul>
<div style=”clear: both”></div>
</div>
Source:  http://ri32.wordpress.com/


Anda ingin mencari refrensi dan contoh program lengkap ? Kami ada. Sekarang Anda bisa mencari Aplikasi PHP MySQL di situs ini : http://www.bunafitkomputer.com. Koleksi program lengkap di sana, proyek PHP dan MySQL, juga jQuery dan Framework. Bukunya juga ada.
Posted by at 0 comments

Membuat Web Absensi Online dengan PHP dan MySQL


Pada artikel kali ini  akan membahas tentang aplikasi web yang digunakan untuk mengelola absensi siswa secara online. adapun fitur yang tersedia adalah input siswa, input kelas, input absen, dan rekap absensi.
Pada web ini juga dibutuhkan suatu hak akses untuk mengelola absensi yaitu dengan fasilitas login. sehingga hanya user tertentu yang berhak masuk ke halaman utama. untuk mencoba aplikasinya silahkan gunakan :
  • Username : agus
  • Password : agus
Database


PERHATIAN!!!
Jika teman-teman belum berhasil login, coba periksa dahulu. apakah database dengan nama absensi_db.sql.zip yang saya beri dan berada di folder web absensi online sudah  diimport ke phpmyadmin teman-teman?
Nama databasenya samain aja dengan nama file tersebut yaitu absensi_db biar gak usah ngerubah lagi konfigurasinya di file conn.php. udah pada tau kan cara import databasenya? kalo belum, coba baca dech artikel ini mudah2an paham.
Kalo mau ubah username atau password buat masuk ke aplikasinya, ubahnya atau insert di phpmyadmin aja. jangan lupa passwordnya pake MD5.
 
 
Source:  http://ri32.wordpress.com/





Anda ingin mencari refrensi dan contoh program lengkap ? Kami ada. Sekarang Anda bisa mencari Aplikasi PHP MySQL di situs ini : http://www.bunafitkomputer.com. Koleksi program lengkap di sana, proyek PHP dan MySQL, juga jQuery dan Framework. Bukunya juga ada.
Posted by at 2 comments

Cara Membuat Aplikasi Image Thumbnail dengan PHP dan MySQL

Pernahkah lihat gambar teman anda di FB atau di koprol yang ukurannya kecil-kecil seperti ini :
Image Thumbnail Facebook
Image Thumbnail Koprol.com
Nah, disini saya  ingin membuat sebuah aplikasi yang fungsinya adalah :
Untuk membuat ukuran file gambar menjadi kecil, tapi tidak membuat tampilan gambarnya menjadi “pecah”. dan saat gambarnya di save images as…, ukuran dimensi gambarnya sudah berubah menjadi kecil.
Cara Menggunakan Aplikasi :
Upload gambar yang akan di kecilkan ukurannya
Tampilan Output
Algoritma Aplikasi :
  1. Upload file gambar asli
  2. Gambar akan di upload, file asli disimpan di folder  files, dan file thumbnail disimpan di folder thumb.
  3. Data alamat gambar di masukan kedalam database imagedb.
  4. Gambar akan di tampilkan dengan susunan gambar asli, gambar hasil thumbnail, dan gambar yang di perkecil manual dengan mengurangi ukuran gambar.
  5. Selesai.
Cara menggunakan fungsi cropImage :
fungsinya disimpan di file conn.php, sedangkan bentuk pemanggilan fungsinya adalah sebagai berikut :

cropImage(45, 45, “$alamatfile”, ‘jpg’, “$alamatthumb”);
atau
cropImage(ukuran_lebar,ukuran_tinggi,alamat_file_sumber, tipe_gambar,alamat_thumbnail_disimpan);

Source: http://ri32.wordpress.com/





Anda ingin mencari refrensi dan contoh program lengkap ? Kami ada. Sekarang Anda bisa mencari Aplikasi PHP MySQL di situs ini : http://www.bunafitkomputer.com. Koleksi program lengkap di sana, proyek PHP dan MySQL, juga jQuery dan Framework. Bukunya juga ada.
Posted by at 0 comments

Cara Membuat Tampilan Tabel Menjadi Belang-Belang

Berbicara mengenai table dalam website, tentunya kita mengetahui bahwa HTML bisa membuat table dengan mudah. Namun yang menjadi permasalahannya adalah table tersebut tidaklah cantik dan enak untuk dilihat. Coba perhatikan gambar di bawah ini yang merupakah table yang dibentuk dengan menggunakan HTML biasa tanpa CSS.

Tabel HTML tanpa CSS

Nah dari gambar diatas kelihatan bahwa kode HTML biasa tidak mampu untuk mencetak Tabel yang cantik dan indah untuk dilihat. Nah kekurangan HTML ini bisa diatasi dengan memadukannya dengan kode style yaitu CSS. Cara memadukan kode CSS dengan HTML sangatlah mudah yaitu dengan cara memanggil langsung file CSS didalah kode HTML. Perhatikan kode di bawah ini :


  1. <html>
    2. 

  2. <head>
    3. 

  3.   <title>Aplikasi Tabel Zebra Cantik dengan CSS | AplikasiPHP.Com</title>
    4. 

  4.   <link href="table.css" rel="stylesheet" type="text/css" />
    5. 

  5. </head>
    6.


Kode diatas akan memanggil file CSS yaitu “Table.css”, sehingga style yang sudah kita buat akan di masukkan kedalam table sehingga mempercantik tampilan table. Adapun kode CSS yang kita gunakan adalah seperti kode di bawah ini :
  1. /* Tabel Properti  */
    2. 

  2. #mytable {
    3. 

  3.  padding: 0;
    4. 

  4.  margin: 0;
    5. 

  5. }
    6. 

  6.  
    7. 

  7. #mytable td {
    8. 

  8.  border-right: 1px solid #ccc;
    9. 

  9.  border-bottom: 1px solid #ccc;
    10. 

  10.  background: #efefefe; 
    11. 

  11.  color: #0066ff;
    12. 

  12.  padding: 2px;
    13. 

  13. }
    14. 

  14.  
    15. 

  15. #mytable td.genap {
    16. 

  16.  border-right: 1px solid #ccc;
    17. 

  17.  border-bottom: 1px solid #ccc;
    18. 

  18.  color: #0066ff;
    19. 

  19.  background: #eeee22;
    20. 

  20.  padding: 2px;
    21. 

  21. }
    22. 

  22.  
    23. 

  23. #mytable td.alt {
    24. 

  24.  background:#0099ff;
    25. 

  25.  color: #fff;
    26. 

  26.  border-top: 1px solid #ccc;
    27. 

  27.  text-align: center;
    28. 

  28.  font: bold 10px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
    29. 

  29.  padding: 2px;
    30. 

  30. }
    31. 

  31.  
    32. 

  32.  
    33. 

  33. #mytable td.spec {
    34. 

  34.  border-left: 1px solid #ccc;
    35. 

  35.  border-top: 0;
    36. 

  36.  background: #efefefe;
    37. 

  37.  padding: 2px;
    38. 

  38. }
    39. 

  39.  
    40. 

  40. #mytable td.spec1 {
    41. 

  41.  border-left: 1px solid #ccc;
    42. 

  42.  border-top: 0;
    43. 

  43.  background: #eeee22;
    44. 

  44.  padding: 2px;
    45. 

  45. }
    46. 

  46.  
    47. 

  47. #mytable td.specalt {
    48. 

  48.  background: #0099ff;
    49. 

  49.  border-top: 1px solid #ccc;
    50. 

  50.  border-left: 1px solid #ccc;
    51. 

  51.  font: bold 11px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
    52. 

  52.  color: #fff;
    53. 

  53.  text-align: center;
    54. 

  54.  padding: 2px;
    55. 

  55. }
    56.



Sedangkan file tampilannya akan kita buat seperti kode dibawah ini :

  1. <html>
    2. 

  2. <head>
    3. 

  3.   <title>Aplikasi Tabel Zebra Cantik dengan CSS | AplikasiPHP.Com</title>
    4. 

  4.   <link href="table.css" rel="stylesheet" type="text/css" />
    5. 

  5. </head>
    6. 

  6. <body>
    7. 

  7. <table id=mytable cellspacing="0" width=48%>
    8. 

  8.   <tr>
    9. 

  9.  <td width="5px" class=specalt ><center>No</center></td>
    10. 

  10.  <td width="100px" class=alt ><center>Sender</center></td>
    11. 

  11.  <td width="100px" class=alt ><center>Received Time</center></td>
    12. 

  12.  <td width="200px" class=alt ><center>Message</center></td>
    13. 

  13.    </tr>
    14. 

  14.   <tr>
    15. 

  15.  <td width="5px" class=spec>1</td>
    16. 

  16.  <td>08136141xxxx</td>
    17. 

  17.  <td>21 Maret 2012</td>
    18. 

  18.  <td>Ini contoh pesan aja</td>
    19. 

  19.    </tr>  
    20. 

  20.    <tr>
    21. 

  21.  <td width="5px" class=spec1>2</td>
    22. 

  22.  <td class="genap">08136141xxxx</td>
    23. 

  23.  <td class="genap">21 Maret 2012</td>
    24. 

  24.  <td class="genap">Ini contoh pesan aja</td>
    25. 

  25.    </tr>
    26. 

  26.    <tr>
    27. 

  27.  <td width="5px" class=spec>3</td>
    28. 

  28.  <td>08136141xxxx</td>
    29. 

  29.  <td>21 Maret 2012</td>
    30. 

  30.  <td>Ini contoh pesan aja</td>
    31. 

  31.    </tr>
    32. 

  32. </body>
    33. 

  33. </html>
    34.


Jika kode tersebut di jalankan, maka hasilnya akan terlihat seperti gambar di bawah ini :

Tabel HTML dengan CSS Source : http://aplikasiphp.com/


Anda ingin mencari refrensi dan contoh program lengkap ? Kami ada. Sekarang Anda bisa mencari Aplikasi PHP MySQL di situs ini : http://www.bunafitkomputer.com. Koleksi program lengkap di sana, proyek PHP dan MySQL, juga jQuery dan Framework. Bukunya juga ada.
Posted by at 0 comments

Teknik Membuat Aplikasi Chat Sederhana dalam PHP

Prinsip Kerja Aplikasi Chating

Pada desktop aplication banyak kita temui aplikasi chat seperti ym,mirc,etc..,konsep keja mereka sama saja yaitu :

1. aplkasi client (mirc) meminta request untuk bergabung dengan server irc dengan mengirimkan data data client
2. server akan membuat sebuah sesi untuk cient tersebut..lalu memberikan respon berupa data percakapan pengguna dimulai dari waktu user login sampai wwaktu sekarang
3. pada interval tertentu server akan mencek apakah user benar2 online

The Code

Pertama kita membuat aplikasi server yang akan menangani setiap request dari client. ketik kode berikut dan simpan dengan nama message.php

Code:
<?
session_start();
include "db.php";
        $status="active";
        $waktulogin=$_SESSION[waktulogin];
        $exp=date("His")+600;
        $uid=substr(session_id(),0,15);
        $time_now=date("His");
        $nick=$_SESSION[nick];
echo "qq";
function show_mesage()
{

global $status,$waktulogin,$exp,$uid,$time_now,$nick;

$sqlchat="select * from user,chat where chat.post_time >='$waktulogin' and chat.post_time <='$time_now' and user.nick_name=chat.nick_name";
// debug : echo "$sqlchat";
$qrychat=mysql_query($sqlchat) or die (mysql_error());
    $i=0;
    while ($datachat=mysql_fetch_array($qrychat))
    {
    $i++;
      echo "$i:< $datachat[nick_name] > : $datachat[pesan]<br></div>";
    }

}
function update_user()
{
global $status,$waktulogin,$exp,$uid,$time_now,$nick;

  $sql_exp="update user set exp_time='$exp' where nick_name='$nick'";
  mysql_query($sql_exp) or die (mysql_error()); 
}

function delete_user()
{
global $status,$waktulogin,$exp,$uid,$time_now,$nick;

$sql_del_user="delete from user where exp_time=$time_now or exp_time<=$time_now";
mysql_query($sql_del_user) or die (mysql_error());

}

function init()
{
global $status,$waktulogin,$exp,$uid,$time_now,$nick;

echo show_mesage();
delete_user();
update_user();
}

function save_message()
{
global $status,$waktu_login,$exp,$uid,$time_now,$nick,$msg;
$sqlchat="insert into chat (nick_name,pesan,post_time) values ('$nick','$msg','$time_now')";
$qrychat=mysql_query($sqlchat)or die(mysql_error());

}

function list_user()
{
echo "<b>USER LIST</b><br><br>";
$sqluser="select * from user";
$qryuser=mysql_query($sqluser) or die (mysql_error());
while ($datauser=mysql_fetch_array($qryuser))
 {
  if ($_SESSION[nick]==$datauser[nick_name])
  {
    echo "<b>< $datauser[nick_name] ></b><br>";
  }
  else
  {
    echo "<a href=private_room.php?nick1=$_SESSION[nick]&nick2=$datauser[nick_name] target=_blank>< $datauser[nick_name] ></a> <br>";
  }
 }

}

function cek_pv()
{
global $status,$waktulogin,$exp,$uid,$time_now,$nick;

$sqluser="select distinct(sender),received from private_room where received='$nick'";
$qryuser=mysql_query($sqluser) or die (mysql_error());
while ($datauser=mysql_fetch_array($qryuser))
 {
  if ($nick==$datauser[received]){
  echo "| <a href=private_room.php?nick1=$_SESSION[nick]&nick2=$datauser[sender] target=_blank>< $datauser[sender] ></a> |";
  }
 }


}
 
 
 
 
    switch($_GET[action])
    {
        case "" :
        {
        init();break;
        }
        case "view":
        {
          init();break;
        }
        case "send":
        {
              $msg=$_GET[inputText];
            save_message();
            init();
            break;
     
        }
        case "cek_pv":
        {
        echo cek_pv();break;
        }
        case "list_user":
        {
        echo list_user();
        break;
        }
     

    }
?>



sebelumnya buat file db.php untuk konfigurasi dan koneksi ke mysql database :
Code:
<?
$dbhost="localhost";
$dbuser="root";
$dbpass="";
$dbname="chat_db";

mysql_connect($dbhost,$dbuser,$dbpass) or die(mysql_error());
mysql_select_db($dbname) or die(mysql_error());
?>


Sebagai antar muka client buat file dengan nama client.php dan masukkan kode berikut:
Code:
<?
//session_start();
?>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
  <html>
  <head>
  <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
  <title>Untitled Document</title>
  <script language="javascript" type="text/javascript">

function getHTTPObject()
{
  var xmlHttp

  try
  {
    //Firefox, Opera 8.0+, Safari
    xmlHttp = new XMLHttpRequest();
  }
  catch(e)
  {
    //Internet Explorer
    try
    {
      xmlHttp = new ActiveXObject("Msxml2.XMLHTTP");
    }
    catch(e)
    {
      try
      {
        xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");
      }
      catch(e)
      {
        alert("Your browser does not support AJAX!")
        return false;
      }
    }
  }
  return xmlHttp;
}

function setuserlist()
{
      if(ulisthttpObject.readyState == 4)
      {
        document.getElementById('userlist').innerHTML = ulisthttpObject.responseText;
      }
}

function userlist()
{
              ulisthttpObject = getHTTPObject();
              if (ulisthttpObject != null)
                {
                  ulisthttpObject.open("GET", "message.php?action=list_user", true);
                  ulisthttpObject.onreadystatechange = setuserlist;
                  ulisthttpObject.send(null);

                }
}

 function setOutput()
  {
 
    if(httpObject.readyState == 4)
    {
        document.getElementById('outputText').innerHTML = httpObject.responseText;
    }
 }


function reQuest()
{
        userlist();
    cekPrivate();
  httpObject = getHTTPObject();
           
              if (httpObject != null)
                {
                  httpObject.open("GET", "message.php?action=view", true);
                  httpObject.onreadystatechange = setOutput;
                  httpObject.send(null);

                }
             

}

  function sendMesage()
    {
            httpObject = getHTTPObject();
              if (httpObject != null)
                {
                  httpObject.open("GET", "message.php?action=send&inputText="
                                    +document.getElementById('inputText').value, true);
                  httpObject.onreadystatechange = reQuest;
                  httpObject.send(null);

                }
             
    }
 function set_pv()
  {
 
    if(pvhttpObject.readyState == 4)
    {
        document.getElementById('top_panel').innerHTML = pvhttpObject.responseText;
    }
 }
function cekPrivate()
    {
            pvhttpObject = getHTTPObject();
              if (pvhttpObject != null)
                {
                  pvhttpObject.open("GET","message.php?action=cek_pv",true);
                  pvhttpObject.onreadystatechange = set_pv;
                  pvhttpObject.send(null);

                }
             
    }

function reFresh()
{
  window.setInterval("reQuest()",1000);//-->
}
</script>
  <style type="text/css">
<!--
.output {
    border: 1px solid #555555;
    overflow: scroll;
    width: 75%;
    height: 400px;
    float:left; 

}
.usrlist {
    border: 1px solid #555555;
    width: 20%;
    float: right;
    height: 400px;    overflow: scroll;

    }
.inputbox
{
    width: 100%;
}
.top_panel
{
    background-color: #ECE9D8;
    text-align: right;
    margin:5px;
    padding:5px;
}
-->
  </style>
  </head>

<body onLoad="reFresh();">
<div class="top_panel" id="top_panel">| <a href="#">Log out</a></div>
<div class="output" id="outputText"  name="outputText"></div>
<div class="usrlist" id="userlist" name="userlist"></div>
<div class="inputbox">
  <form name="form1">
    <input name="inputText" type="text" id="inputText" size="100">
    <input type="button" value="Kirim Pesan" onClick="sendMesage();">
  </form>
</div>
</body>

  </html>

Terakhir kita akan membuat daftar user yang join ke server simpan dengan nama userlist.php
Code:
<?

include "db.php";
echo "<b>USER LIST</b><br><br>";
$sqluser="select * from user";
$qryuser=mysql_query($sqluser) or die (mysql_error());
while ($datauser=mysql_fetch_array($qryuser))
{
echo "<a href=private_room.php?id=$datauser[nick_name] target=_blank>< $datauser[nick_name] ></a> <br>";
}
?>


jangan lupa untuk membuat databasenya :
Code:
CREATE TABLE `chat` (
  `nick_name` varchar(15) collate latin1_general_ci NOT NULL,
  `pesan` varchar(100) collate latin1_general_ci NOT NULL,
  `post_time` varchar(10) collate latin1_general_ci NOT NULL
) ENGINE=MyISAM DEFAULT CHARSET=latin1 COLLATE=latin1_general_ci;

CREATE TABLE `user` (
  `fullname` varchar(50) collate latin1_general_ci NOT NULL,
  `nick_name` varchar(15) collate latin1_general_ci NOT NULL,
  `status` varchar(10) collate latin1_general_ci NOT NULL,
  `user_id` varchar(15) collate latin1_general_ci NOT NULL,
  `exp_time` varchar(10) collate latin1_general_ci NOT NULL
) ENGINE=MyISAM DEFAULT CHARSET=latin1 COLLATE=latin1_general_ci;
 
Source:  http://surabaya-programing.forumotion.com/





Anda ingin mencari refrensi dan contoh program lengkap ? Kami ada. Sekarang Anda bisa mencari Aplikasi PHP MySQL di situs ini : http://www.bunafitkomputer.com. Koleksi program lengkap di sana, proyek PHP dan MySQL, juga jQuery dan Framework. Bukunya juga ada.
Posted by at 1 comments

Cara Membuat Sebuah Komentar Ala Facebook

Tampilan form komentar ala Facebook ini akan terlihat seperti gambar ini :



Dan setiap komentar yang diberikan oleh pengunjung secara otomatis akan muncul di wall facebook sang pemberi komentar, seperti gambar berikut :




Cara Membuat Form Komentar Ala Facebook :

Untuk membuat form komentar ini caranya sangat mudah sekali. Anda hanya perlu membuat sebuah blog sederhana menggunakan bahasa PHP atau HTML biasa juga bisa. Kemudian, pada halaman blog tersebut sediakan tempat untuk tempat menampung komentar ini.

Pada tempat tersebut, ketikkanlah kode berikut :



Dari kode diatas, anda hanya perlu menyesuaikan 3 parameter saja yaitu :

1. Link ke artikel yang akan di komentari.

Linknya harus benar-benar valid, agar komentar yang diketikkan hanya akan tampil di halaman tersebut. Ini perlu untuk menghindari kesalahan dalam memberikan komentar.

2. Jumlah Postingan yang akan ditampilkan (num_posts)

Settingan ini menentukan berapa jumlah komentar maxsimal yang akan di tamping oleh form tersebut.

3. Lebar kolom komentar itu sendiri (width).

Ini mengatur lebar dari kololom komentar yang akan di tampilkan di website kita. Sesuaikan dengan kebutuhan anda.

Form komentar ala facebook ini sangat berguna sekali dalam meningkatkan trafik kedalam website kita, karena setiap komentar dari pengunjung akan di publish di wall FB nya, sehingga kemungkinan teman-teman dari pengunjung tersebut juga akan melihat dan mampir ke website kita.


Jadi, tunggu apa lagi, segera gunakan di blog/website anda. Contoh dari form komentar ala facebook dapat anda lihat dan praktekkan di bagian bawah artikel ini ya ..


Sumber : http://aplikasiphp.com


Anda ingin mencari refrensi dan contoh program lengkap ? Kami ada. Sekarang Anda bisa mencari Aplikasi PHP MySQL di situs ini : http://www.bunafitkomputer.com. Koleksi program lengkap di sana, proyek PHP dan MySQL, juga jQuery dan Framework. Bukunya juga ada.
Posted by at 0 comments

Beberapa Kelebihan CodeIgniter sebagai PHP Framework

Ada banyak sekali PHP Framework yang tersedia saat ini. Setiap framework tersebut memiliki kelebihan dan kekurangan masing-masing. Dan masing-masing framework memiliki komunitas mereka sendiri.

PHP Framework yang sering digunakan saat ini adalah sebagai berikut :
a. CodeIgniter
b. Zend PHP Framwork
c. Symphony
d. CakePHP
e. Prado
f. Yii PHP Framewok
g. Dll

Dari sekian banyak framework yang tersedia di internet saat ini, akhirnya penulis memutuskan untuk memilih CodeIgniter sebagai tools yang saya gunakan dalam memngembangkan aplikasi berbasis Web. Mengkin anda bertanya, mengapa saya memilih CodeIgniter dibandingkan dengan Framework lainnya.

Ada beberapa kelebihan CodeIgniter (CI) dibandingkan dengan Framework PHP lain:

1. Performa sangat cepat :

Salah satu alasan tidak menggunakan framework adalah karena eksekusinya yang lebih lambat daripada PHP from the scracth, tapi Codeigniter sangat cepat bahkan mungkin bisa dibilang codeigniter merupakan framework yang paling cepat dibanding framework yang lain.

2. Konfigurasi yang sangat minim (nearly zero configuration)

Tentu saja untuk menyesuaikan dengan database dan keleluasaan routing tetap diizinkan melakukan konfigurasi dengan mengubah beberapa file konfigurasi seperti database.php atau autoload.php, namun untuk menggunakan codeigniter dengan setting standard, anda hanya perlu merubah sedikit saja file pada folder config.

3. Banyak komunitas

Dengan banyaknya komunitas CI ini, memudahkan kita untuk berinteraksi dengan yang lain, baik itu bertanya atau teknologi terbaru.

4. Dokumentasi yang sangat lengkap

Setiap paket instalasi codeigniter sudah disertai user guide yang sangat bagus dan lengkap untuk dijadikan permulaan, bahasanya pun mudah dipahami.

5. Dan banyak lagi yang lainnya.

Beberapa website yang menggunakan CodeIgniter ini antara lain: TvOne.co.id, Kompas.com dan banyak lagi yang lainnya.

Hal inilah yang menjadi pertimbangan saya memakai CodeIgniter dalam membangun suatu aplikasi.

Sumber : http://aplikasiphp.com



Anda ingin mencari refrensi dan contoh program lengkap ? Kami ada. Sekarang Anda bisa mencari Aplikasi PHP MySQL di situs ini : http://www.bunafitkomputer.com. Koleksi program lengkap di sana, proyek PHP dan MySQL, juga jQuery dan Framework. Bukunya juga ada.
Posted by at 0 comments

Belajar Mengenal File Controller Pada CodeIgniter

File Controller adalah jantung dari aplikasi yang akan kita bangun. File Controller ini akan menentukan bagaimana sebuah request HTTP harusnya ditangani. Sebuah Controller secara sederhananya adalah sebuah file class yang diberi nama tertentu sehingga nantinya namanya tersebut dapat dijadikan sebagai URL untuk memanggil Controller tersebut.

Coba perhatikan URL dibawah ini :

  1.  
    2. 

  2. example.com/index.php/sms/
    3. 

  3.  
    4.
Pada contoh diatas, CodeIgniter akan bekerja mencari sebuah controller yang diberi nama sms.php dan mengeksekusinya. Jadi bisa dikatakan bahwa CodeIgniter akan mencocokkan nama Controller yang terdapat pada segment pertama URI, dan apabila nama tersebut sama dengan nama sebuah Controller, maka CodeIgniter akan mengeksekusinya.

Membuat Controller Sederhana

Sekarang mari kita coba untuk membuat sebuah Controller sederhana, agar anda semakin mengenal file Controller pada CodeIgniter ini. Sebagai contoh kita akan membuat sebuah Controller yang kita akan kita beri nama sms.php, dan pada file tersebut buat kode berikut :
  1.  
    2. 

  2. < ?php
    3. 

  3.    class Sms extends CI_Controller {
    4. 

  4.  public function index()
    5. 

  5.  { 
    6. 

  6.  echo 'Hello World!';
    7. 

  7.  }
    8. 

  8.   }
    9. 

  9. ?>
    10. 

  10.  
    11.
Kemudian simpan file tersebut kedalam folder application/controllers. Sekarang silahkan buka file Controller yang baru saja anda buat tersebut dengan membuka URL seperti di bawah ini :
  1.  
    2. 

  2. example.com/index.php/sms/ 
    3. 

  3.  
    4.
Jika anda melakukan semuanya dengan benar, maka seharunya di browser anda akan ditampilakn tulisan “Hello World”.

Sebagai catatan, nama class harus diawali dengan sebuah huruf BESAR. Dengan kata lain, kode berikut adalah kode controller yang valid :
  1.  
    2. 

  2. < ?php
    3. 

  3.    class Sms extends CI_Controller {
    4. 

  4.  
    5. 

  5.   }
    6. 

  6. ?>
    7. 

  7.  
    8.
Sedangkan kode berikut adalah kode controller yang tidak valid :
  1.  
    2. 

  2. < ?php
    3. 

  3.    class sms extends CI_Controller {
    4. 

  4.  
    5. 

  5.   }
    6. 

  6. ?>
    7. 

  7.  
    8.

Anda juga harus selalu memastikan bahwa Controller yang anda buat harus extend kepada induk class controller sehingga dapat terhubung dengan semua function-function yang akan terdapat didalamnya.

Sumber : http://aplikasiphp.com



Anda ingin mencari refrensi dan contoh program lengkap ? Kami ada. Sekarang Anda bisa mencari Aplikasi PHP MySQL di situs ini : http://www.bunafitkomputer.com. Koleksi program lengkap di sana, proyek PHP dan MySQL, juga jQuery dan Framework. Bukunya juga ada.
Posted by at 0 comments

Teknik Mengatasi Konflik Antara jQuery Dan MooTools

jQuery dan MooTools adalah salah dua Framework JavaScript yang banyak digunakan. Masing-masing memiliki kelebihannya sendiri-sendiri (Untuk detail feature masing-masing framework silakan cek sendiri di website mereka). Lalu bisakah kita menggunakan keduanya secara bersamaan? Tentu saja bisa.
Yang harus diperhatikan adalah bahwa jQuery menggunakan tanda $ sebagai shortcut untuk pemanggilan jQuery, sedangkan MooTools pun menggunakan $() sebagai shortcut untuk mempersingkat document.getElementById().
Jika kita meload jQuery dan MooTools secara bersamaan di satu halaman, maka bisa dipastikan bakalan terjadi konflik di antara keduanya.
Namun untungnya, kunci untuk mengatasi masalah tersebut sudah disediakan oleh jQuery, yaitu dengan menjalankan script jQuery.noConflict() setelah jQuery diload.
    2. 

  2. <script type=text/javascript src=mootools.js></script>
    3. 

    4. 

  4. <script type=text/javascript src=jquery.js></script>
    5. 

  5. <script type=text/javascript>
    6. 

  6. jQuery.noConflict();
    7. 

  7. </script>
    8. 

    9.
Kemudian di dalam script jQuery yang kita buat juga harus menggunakan jQuery sebagai pengganti $ 
    2. 

  2. jQuery(document).ready(function() {
    3. 

  3. jQuery('#content').html('Hello');
    4. 

  4. });
    5. 

    6.
Jika pemanggilan menggunakan jQuery terasa terlalu panjang atau kurang keren, kita juga bisa membuat variabel sendiri sebagai penggantinya, misalnya sebagai berikut : 
    2. 

  2. var test= jQuery.noConflict();
    3. 

    4. 

  4. //lalu gunakan nama variabel tersebut sebagai pengganti jQuery
    5. 

  5. test(document).ready(function() {
    6. 

  6. test('#content').html('Hello');
    7. 

  7. });
    8. 

    9.
Maka masalah konflik horizontal antara jQuery dan MooTools pun bisa diatasi, dan mereka berdua pun bisa berjalan berdampingan dengan bahagia.

Source:  http://aplikasiphp.com/


Anda ingin mencari refrensi dan contoh program lengkap ? Kami ada. Sekarang Anda bisa mencari Aplikasi PHP MySQL di situs ini : http://www.bunafitkomputer.com. Koleksi program lengkap di sana, proyek PHP dan MySQL, juga jQuery dan Framework. Bukunya juga ada.
Posted by at 6 comments
Subscribe to: Posts (Atom)