shad0w-share

How to Access and Manage your MySQL Database - phpMyAdmin

There are two ways to access and manage your newly created database. The first one is locally through the Web based manager - phpMyAdmin, which is accessed from the cPanel Databases section.

LAMP is short for Linux, Apache, MySQL, PHP. This tutorial shows how you can install an Apache2 webserver on an Ubuntu 10.04 server with PHP5 support (mod_php) and MySQL support.

I do not issue any guarantee that this will work for you!

In this tutorial I use the hostname server1.example.com with the IP address 192.168.0.100. These settings might differ for you, so you have to replace them where appropriate.

I'm running all the steps in this tutorial with root privileges, so make sure you're logged in as root:

First we install MySQL 5 like this:

You will be asked to provide a password for the MySQL root user - this password is valid for the user root@localhost as well as root@server1.example.com, so we don't have to specify a MySQL root password manually later on:

Apache's default document root is /var/www on Ubuntu, and the configuration file is /etc/apache2/apache2.conf. Additional configurations are stored in subdirectories of the /etc/apache2 directory such as /etc/apache2/mods-enabled (for Apache modules), /etc/apache2/sites-enabled (for virtual hosts), and /etc/apache2/conf.d.

selanjutnya diperlukan javascript yang menggunakan jQuery library untuk elakukan proses login. simpan menggunakan nama init.js :

// Animasi loading
img1 = new Image(16, 16);  
img1.src="images/spinner.gif";

img2 = new Image(220, 19);  
img2.src="images/ajax-loader.gif";

// Ketika DOM telah siap
$(document).ready(function(){

// Munculkan modal box ketika "LOGIN" di klik
$("#login_link").click(function(){
$('#login_form').modal();
});

// Ketika melakukan login
$("#status > form").submit(function(){  

// Sembuyikan tombol "Login"
$('#submit').hide();

// Tampilkan animasi loading
$('#ajax_loading').show();

// 'this' mengacu pada form login
var str = $(this).serialize();  

// -- Memulai AJAX Call --

$.ajax({  
    type: "POST",
    url: "do-login.php",  // kirim login info ke halaman do-login.php
    data: str,  
    success: function(msg){  
   
$("#status").ajaxComplete(function(event, request, settings){  
 
 // Tampilkan tombol 'Submit'
$('#submit').show();

// Sembunyikan animasi loading
$('#ajax_loading').hide();  

 if(msg == 'OK') // LOGIN OK?
 {  
 var login_response = '<div id="logged_in">' +
  '<div style="width: 350px; float: left; margin-left: 70px;">' + 
  '<div style="width: 40px; float: left;">' +
  '<img style="margin: 10px 0px 10px 0px;" align="absmiddle" src="images/ajax-loader.gif">' +
  '</div>' +
  '<div style="margin: 10px 0px 0px 10px; float: right; width: 300px;">'+ 
  "Selamat anda berhasil masuk! <br /> Silahkan tunggu untuk masuk ke member area...</div></div>";  

$('a.modalCloseImg').hide();  

$('#simplemodal-container').css("width","500px");
$('#simplemodal-container').css("height","120px");
 
 $(this).html(login_response); // Refers to 'status'

// Setelah 3 detik redirect ke halaman member area
setTimeout('go_to_private_page()', 3000); 
 }  
 else // ERROR?
 {  
 var login_response = msg;
 $('#login_response').html(login_response);
 }  
      
 });  
   
 }  
   
  });  
  
// -- Akhir AJAX Call --

return false;

});

});

function go_to_private_page()
{
window.location = 'berhasil.php'; // Members Area
}

kemudian untuk proses login dibuat file PHP dan disimpan dalam bentuk do-login.php :

<?php
$config = array();

// memunculkan semua eror kecuali notifikasi
error_reporting(E_ALL ^ E_NOTICE);

// Start session
session_id();
session_start();
header('Cache-control: private'); // IE 6 FIX

include('config.inc');
$nama = mysql_real_escape_string($_POST['email']);
$pass = mysql_real_escape_string($_POST['password']);
$login = mysql_query("select nama, password from user where (nama like '" . $nama . "') and (password like '" . $pass . "')");
// ambil data dari database informasi tentang user
while ($row = mysql_fetch_object($login)) {
    $tipe = $row->tipe;
    $config['email'] = $row->nama;
    $config['password'] = $row->password;

}

$_SESSION['tipe'] = $tipe;

if($_POST['action'] == 'user_login')
{
$post_email = mysql_real_escape_string($_POST['email']);
$post_password = mysql_real_escape_string($_POST['password']);

// cek username dan password

if($post_email == $config['email'] && $post_password == $config['password'])
 { 
// Jika tidak ada eror? register session dan arahkan user ke halaman pribadi mereka
 
   $_SESSION['username'] = $username;

         echo 'OK'; 
 }
 else 
 {
    $auth_error = '<div id="notification_error">Maaf informasi login yang diberikan salah !!!.</div>';

    echo $auth_error;
 }
}
?>

Buat contoh halaman yang akan dituju jika autentikasi berhasil dan untuk contoh ini diberi nama berhasil.php :

<?php
// Inialize session
session_start();
// cek jika username belum ada di session maka lompat ke halaman utama
if (!isset($_SESSION['username'])) {
header('Location: index.php');
}else{
?>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<title>Member Area</title>

<link type='text/css' href='style/stylesheet.css' rel='stylesheet' media='screen' />

</head>

<body>


Ini adalah halaman jika berhasil melakukan autentikasi<br />
<span style='font-size: 15px;'><a href='logout.php'>KELUAR</a></span>

</body>
</html>
<?php
}
?>

Untuk melakukan proses Logout dari halaman hasil autentikasi dibuat sebuah file logout.php :

<?php
// Inialize session
session_start();

if(isSet($_SESSION['username']))
{
  unset($_SESSION['username']);

  header("Location: index.php");
exit;
}else{
  header('Location: index.php');
}
?>

Yang terakhir adalah halaman utama jika belum melakukan autentikasi disimpan ke index.php :

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<title>Contoh sederhana proses login menggunakan PHP, AJAX, dan MySQL</title>

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
<script type="text/javascript" src="javascript/jquery.simplemodal.js"></script>
<script type="text/javascript" src="javascript/init.js"></script>

<link type='text/css' href='style/stylesheet.css' rel='stylesheet' media='screen' />

</head>

<body>

Contoh Login menggunakan PHP, Ajax, dan MySQL<br />

<span style="font-size: 15px;"><a id="login_link" href="#">LOGIN</a></span>


<div id="login_form" style='display:none'>

<div id="status" align="left">

<center><h1><img src="images/key.png" align="absmiddle">&nbsp;LOGIN</h1> 

<div id="login_response"><!-- spanner --></div> </center>

<form id="login" action="javascript:alert('success!');">
<input type="hidden" name="action" value="user_login">
<input type="hidden" name="module" value="login">
<label>Username</label><input type="text" name="email"><br />  
<label>Password</label><input type="password" name="password"><br />  
<label>&nbsp;</label><input value="Login" name="Login" id="submit" class="big" type="submit" />

<div id="ajax_loading">
<img align="absmiddle" src="images/spinner.gif">&nbsp;Proses...
</div>

</form>

 </div>

</div>

</body>
</html>

Untuk file-file pelengkap seperti stylesheet.css, jquery.simplemodal.js, beserta file gambar dapat didownload disini. Untuk melihat hasil dari contoh diatas dapat dilihat disini.
Demikian sedikit contoh mengenail Login serderhana dengan PHP, jQuery dan MySQL dan tentunya dapat dilakukan berbagai modifikasi sesuai kebutuhan.

Jika kita memiliki Website atau Blog RSS sangat penting agar pengunjung setia kita tetap memiliki update terhadap informasi yang disampaikan di web atau blog kita. Berikut sedikit langkah untuk membuat RSS sesuai kebutuhan informasi yang akan disampaikan.

Sebelumnya harus dipahami struktur standar dari RSS feed dan dapat dilihat di "The Anatomy of an RSS Feed". Jika kita telah memiliki struktur database yang ada pada website kita maka kita dapat mengambil beberapa field dari database itu untuk digunakan dalam RSS feed yang dibuat, dalam kesempatan ini dibuat contoh struktur database sebagai berikut :

1. Tabel dari RSS item :

CREATE TABLE `webref_rss_items` (
  `id` int(11) NOT NULL auto_increment,
  `title` text NOT NULL,
  `description` mediumtext NOT NULL,
  `link` text,
  PRIMARY KEY  (`id`)
) ENGINE=MyISAM DEFAULT CHARSET=utf8;

2. Tabel dari detail isi RSS item

 CREATE TABLE `webref_rss_details` (
  `id` int(11) NOT NULL auto_increment,
  `title` text NOT NULL,
  `description` mediumtext NOT NULL,
  `link` text,
  `language` text,
  `image_title` text,
  `image_url` text,
  `image_link` text,
  `image_width` text,
  `image_height` text,
  PRIMARY KEY  (`id`)
) ENGINE=MyISAM DEFAULT CHARSET=utf8;

Setelah menambahkan dan mengisi beberapa dari kedua tabel di atas berikut adalah Buat konektor PHP ke mysql, simpan dengan nama "koneksi_mysql.php" :

<?php

DEFINE ('DB_USER', 'username_anda');
DEFINE ('DB_PASSWORD', 'password_anda');
DEFINE ('DB_HOST', 'localhost');
DEFINE ('DB_NAME', 'nama_database');

$dbc = @mysql_connect (DB_HOST, DB_USER, DB_PASSWORD) OR die ('Could not connect to MySQL: ' . mysql_error() );
mysql_select_db (DB_NAME) OR die ('tidak dapat terkoneksi ke database: ' . mysql_error() );

?>

Setelah itu maka dibuat sebuah PHP class untuk memindahkan data di MySQL ke RSS feed yang berbentuk XML, disimpan dengan nama rss.class.php :

<?php

class RSS
{
 public function RSS()
 {
  require_once ('direktori dari.../koneksi_mysql.php');
 }
 
 public function GetFeed()
 {
  return $this->getDetails() . $this->getItems();
 }
 
 private function dbConnect()
 {
  DEFINE ('LINK', mysql_connect (DB_HOST, DB_USER, DB_PASSWORD));
 }
 
 private function getDetails()
 {
  $detailsTable = "webref_rss_details";
  $this->dbConnect($detailsTable);
  $query = "SELECT * FROM ". $detailsTable;
  $result = mysql_db_query (DB_NAME, $query, LINK);
  
  while($row = mysql_fetch_array($result))
  {
   $details = '<?xml version="1.0" encoding="ISO-8859-1" ?>
     <rss version="2.0">
      <channel>
       <title>'. $row['title'] .'</title>
       <link>'. $row['link'] .'</link>
       <description>'. $row['description'] .'</description>
       <language>'. $row['language'] .'</language>
       <image>
        <title>'. $row['image_title'] .'</title>
        <url>'. $row['image_url'] .'</url>
        <link>'. $row['image_link'] .'</link>
        <width>'. $row['image_width'] .'</width>
        <height>'. $row['image_height'] .'</height>
       </image>';
  }
  return $details;
 }
 
 private function getItems()
 {
  $itemsTable = "webref_rss_items";
  $this->dbConnect($itemsTable);
  $query = "SELECT * FROM ". $itemsTable;
  $result = mysql_db_query (DB_NAME, $query, LINK);
  $items = '';
  while($row = mysql_fetch_array($result))
  {
   $items .= '<item>
       <title>'. $row["title"] .'</title>
       <link>'. $row["link"] .'</link>
       <description><![CDATA['. $row["description"] .']]></description>
      </item>';
  }
  $items .= '</channel>
     </rss>';
  return $items;
 }

}

?>

Yang terakhir adalah memanggil PHP class yang telah dibuat di atas kedalam XML agar dapat melihat RSS feed, simpan dengan nama feed.xml :

<?php
 header("Content-Type: application/xml; charset=ISO-8859-1");
 include("direktori file.../rss.class.php");
 $rss = new RSS();
 echo $rss->GetFeed();
?>

Catatan :

1. Agar Apache Webserver dapat mengkompile script php yang berada dalam file feed.xml, dengan menambahkan baris "AddHandler application/x-httpd-php .xml". 
2. Cek terlebih dahulu apakah RSS dapat dibaca atau tidak di website RSS validator seperti validator.w3.org.

Demikian sharing mengenai Membuat RSS feed dengan PHP dan MySQL, semoga dapat digunakan dengan baik

Untuk menampilkan data dari table yang memiliki banyak records sangat dibutuhkan sistem Paginasi, untuk memudahkan navigasi. Ada beberapa teknik membuat paginasi, berikut salah satu teknik paginasi menggunakan Ajax-PHP-MySQL.

Langkah pertama adalah membuat contoh database yang memiliki struktur tabel sebagai berikut :

CREATE TABLE `records` (
  `id` int(11) NOT NULL auto_increment,
  `img` varchar(255) NOT NULL,
  `message` varchar(200) NOT NULL,
  PRIMARY KEY  (`id`)
)

Isi tabel tersebut dengan beberapa contoh data dengan struktur data yang ada, Kemudian buat program PHP yang berfungsi untuk menghubungkan PHP dengan database, simpan file ini dalam bentuk PHP :

<?php
/* Database config */

$db_host  = 'localhost';
$db_user  = 'user database';
$db_pass  = 'password database';
$db_database  = 'nama database'; 

/* End config */

$link = @mysql_connect($db_host,$db_user,$db_pass) or die('Unable to establish a DB connection');

mysql_query("SET NAMES 'utf8'");
mysql_select_db($db_database,$link);
?>

Berikutnya membuat program PHP yang bertujuan untuk mengambil dan menampilkan isi dari tabe, simpan dalam bentuk PHP :

<?php
include("connect.php");

$per_page = 4;
$sqlc = "show columns from records  ";
$rsdc = mysql_query($sqlc);
$cols = mysql_num_rows($rsdc);
$page = $_REQUEST['page'];

$start = ($page-1)*4;
$sql = "select * from records order by id limit $start,4";
$rsd = mysql_query($sql);
?>
<?php
while ($rows = mysql_fetch_assoc($rsd))
{?>
 <div class="each_rec"> <img src="<?php echo $rows['img'];?>" height="50" width="70" style="float:left; margin-right:3px;" alt="" /> <?php echo $rows['message'];?></div>
<?php
}?>

Program javascript berikut untuk menampilkan data yang telah diambil menggunakan Program PHP di atas :

$(document).ready(function(){
 //show loading bar
 function showLoader(){
  $('.search-background').fadeIn(200);
 }
 //hide loading bar
 function hideLoader(){
  $('.search-background').fadeOut(200);
 };
 
 $("#paging_button li").click(function(){
  //show the loading bar
  showLoader();
  
  $("#paging_button li").css({'background-color' : ''});
  $(this).css({'background-color' : '#A5CDFA'});

  $("#content").load("data.php?page=" + this.id, hideLoader);
 });
 
 // by default first time this will execute
 $("#1").css({'background-color' : '#A5CDFA'});
 showLoader();
 $("#content").load("data.php?page=1", hideLoader);
});

Berikut style CSS untuk mengatur tampilan paginasi :

/* CSS Document  www.99points.info */
#heading
{
 font-family:Georgia, "Times New Roman", Times, serif;
 font-size:56px;
 color:#CC0000;    
}
 body{
 text-align:center;
 font-family:Arial, Sans-Serif;
 font-size:0.75em;
}

/* CSS Document */
#container {
            height:300px;
   padding:12px;
   -moz-border-radius: 6px; 
   -webkit-border-radius: 6px;
   -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.6);
   -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.6);
            text-align: center;
            text-decoration: none;
   width: 600px;
   margin-top:40px;
        }

#container .each_rec{

   color:#000066;
   font-family:Arial, Helvetica, sans-serif;
   font-size:14px;
   padding:5px 5px 12px 5px;
   border-bottom:solid #669900;
   text-align:justify;
   margin-bottom:11px;
  }
  
.search-background {
  display: none;
  font-size: 13px;
  font-weight: bold;
  height:160px;
  position: absolute;
  padding-top:140px;
  -moz-border-radius: 6px; 
  -webkit-border-radius: 6px;
  -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.6);
  -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.6);
  text-align: center;
  opacity:0.5;filter: alpha(opacity=50) ;
  text-decoration: none;
  width: 600px;
 }
 
.search-background {
  background-color: #ff4242;
  color:#FFFFFF;
  text-shadow: #fff 0px 0px 20px;
 }

search-background label{ 

 border:solid #66FF00 1px;
} 

#paging_button ul{ width: 600px; padding:0px; margin:8px;}

#paging_button ul li { -moz-border-radius: 6px; 
  -webkit-border-radius: 6px;
  -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.6);
  -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.6);
  float:left; height:20px; width:20px; list-style-image:none; 
  list-style-type:none; font-weight:bold; border:solid #CCCCCC 1px;
  margin:3px; cursor:pointer}

li:hover{ color: #CC0000; cursor: pointer; }

Akhirnya semua program tersebut dijadikan satu dalam sebuah halam :

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Paginasi Halaman dengan Ajax</title>
<link rel="stylesheet" type="text/css" media="screen" href="css.css" />
<script type="text/javascript" src="jquery-1.3.2.js"></script>
<script type="text/javascript" src="js.js"></script>
</head>
<body>


<?php
$per_page = 4;
include("connect.php");
$sql = "select * from records  ";
$rsd = mysql_query($sql);
$count = mysql_num_rows($rsd);
$pages = ceil($count/$per_page)
?>
<div align="center">
 
 <h1>Paginasi Halaman dengan Ajax</h1>
 <div id="container">
 
  <div class="search-background">
   <label><img src="loader.gif" alt="" /></label>
  </div>
 
  <div id="content"></div>
 </div>
 <div id="paging_button">
  <ul>
  <?php
  //Show page links
  for($i=1; $i<=$pages; $i++)
  {
   echo '<li id="'.$i.'">'.$i.'</li>';
  }?>
  </ul>
 </div>
</div>


<br clear="all" /><br clear="all" /><br clear="all" /><br clear="all" /><br clear="all" /><br clear="all" />
</body>
</html>

Untuk meliha contoh dari program ditas bisa dilihat disini, dan untuk download contoh programnya disini.