Aplikasi Pengarsip Lirik Lagu dengan PHP dan MySQL


Program yang akan saya bagikan kali ini adalah sebuah program sederhana yang dapat digunakan untuk mengarsipkan dan menyimpan data lirik-lirik lagu favorit Anda. Bahkan daftar lagu dapat dikelompokkan ke dalam berbagai kategori lagu sehingga tampak lebih terstruktur dan memudahkan dalam pencarian lirik lagu. Fitur-fitur lainnya juga tidak lupa di masukkan. Dirancang dengan menggunakan PHP dan MySQL yang sejatinya merupakan program untuk tugas mandiri seorang teman namun karena bermaksud untuk mendokumentasikan program tersebut makanya diupload ke dalam blog ini.

Untuk mempersingkat waktu, baiknya perhatikan tampilan programnya di bawah ini:
1

2

3

4

5

6

7

8

9

10

Sedangkan untuk kode programnya dapat dilihat sebagai berikut:

1. File control.php

<?php
date_default_timezone_set( 'Asia/Jakarta' );
mysql_connect( 'localhost', 'root', '' );
mysql_select_db( 'web-lirik' );
define( 'WEB', 'Website Lirik Lagu' );
define( 'URL', 'http://localhost/web-lirik-lagu' );
$act = isset( $_POST['act'] ) ? $_POST['act'] : '';
$module = isset( $_GET['module'] ) ? $_GET['module'] : '';

// cek login
if( $act == 'Login Pengguna' ) {
	$username = isset( $_POST['username'] ) ? $_POST['username'] : '';
	$password = isset( $_POST['password'] ) ? $_POST['password'] : '';
	$salah = array();
	if( empty( $username ) || empty( $password ) ) { $salah[] = 'Masukkan username dan password Anda.'; }
	if( !count( $salah ) ) {
		$data = mysql_fetch_array( mysql_query( "SELECT * FROM user WHERE username='{$username}' AND password='".md5( $password )."'" ) );
		if( $data ) {
			$_SESSION['uid'] = $data['uid'];
		} else {
			$salah[] = 'Maaf, password Anda salah. Coba ulangi lagi.';
		}
	}
	if( count( $salah ) ) { $_SESSION['login']['gagal'] = implode( '<br>', $salah ); }
	header( "Location: ".URL );
	exit;
} elseif( $module == 'logout' ) {
	session_destroy();
	header( "Location: ".URL );
	exit;
} elseif( $act == 'Simpan Kategori' ) {
	$salah = array();
	$kategori = isset( $_POST['kategori'] ) ? $_POST['kategori'] : '';
	$kategori_array = explode( ',', $kategori );
	for( $i = 0; $i < count( $kategori_array ); $i++ ) {
		//if( empty( $kategori_array[$i] ) ) { $salah[] = 'Harap mengisi nama kategori sebelum mengklik tombol Simpan'; }
		if( mysql_num_rows( mysql_query( "SELECT * FROM kategori WHERE kategori='{$kategori_array[$i]}'" ) ) == 0 ) {
			mysql_query( "INSERT INTO kategori VALUES( '', '{$kategori_array[$i]}' )" );
		} else {
			$salah[] = $kategori_array[$i];
		}
	}
	if( count( $salah ) ) { $_SESSION['simpan-kategori']['gagal'] = implode( ', ', $salah ); }
	header( "Location: ".URL."/?module=kategori" );
	exit;
} elseif( $act == 'Ubah Kategori' ) {
	$salah = array();
	$kid = isset( $_GET['kid'] ) ? $_GET['kid'] : '';
	$kategori = isset( $_POST['kategori'] ) ? $_POST['kategori'] : '';
	$sql = mysql_fetch_array( mysql_query( "SELECT * FROM kategori WHERE kid='{$kid}'" ) );
	$kategori = ( $kategori == "" ) ? $sql['kategori'] : $kategori;
	if( !count( $salah ) ) {
		mysql_query( "UPDATE kategori SET kategori='{$kategori}' WHERE kid='{$kid}'" );
	}
	if( count( $salah ) ) { $_SESSION['ubah-kategori']['gagal'] = implode( ', ', $salah ); }
	if( count( $salah ) ) {
		header( "Location: ".URL."/?module=edit-kategori&kid=$kid" );
	} else {
		header( "Location: ".URL."/?module=kategori" );
	}
	exit;
} elseif( $module == 'delete-kategori' ) {
	$kid = isset( $_GET['kid'] ) ? $_GET['kid'] : '';
	mysql_query( "DELETE FROM kategori WHERE kid='{$kid}'" );
	header( "Location: ".URL."/?module=kategori" );
	exit;
} elseif( $act == 'Tambah Lirik' ) {	
	$kid = isset( $_GET['kid'] ) ? $_GET['kid'] : '';
	$judul = isset( $_POST['judul'] ) ? $_POST['judul'] : '';
	$artis = isset( $_POST['artis'] ) ? $_POST['artis'] : '';
	$lirik = isset( $_POST['lirik'] ) ? $_POST['lirik'] : '';
	$salah = array();
	$time = time();
	if( empty( $judul ) || empty( $artis ) || empty( $lirik ) ) { $salah[] = 'Harap memasukkan judul lagu, nama artis dan isi lirik lagu.'; }
	if( !count( $salah ) ) {
		if( mysql_num_rows( mysql_query( "SELECT * FROM lirik WHERE judul='{$judul}'" ) ) == 0 ) {
			mysql_query( "INSERT INTO lirik VALUES( '', '{$kid}', '{$artis}', '{$judul}', '{$lirik}', '{$time}', '{$time}', '0' )" );
		} else {
			$salah[] = 'Maaf, judul lagu ini sudah ada sebelumnya. Coba yang lain.';
		}
	}
	if( count( $salah ) ) { $_SESSION['simpan-lirik']['gagal'] = implode( ', ', $salah ); }
	if( count( $salah ) ) {
		header( "Location: ".URL."/?module=tambah-lirik&kid=$kid" );
	} else {
		header( "Location: ".URL."/?module=kategori&kid=$kid" );
	}
	exit;
} elseif( $act == 'Edit Lirik' ) {
	$lid = isset( $_GET['lid'] ) ? $_GET['lid'] : '';
	$kid = isset( $_GET['kid'] ) ? $_GET['kid'] : '';
	$sql_lirik = mysql_fetch_array( mysql_query( "SELECT * FROM lirik WHERE kid='{$kid}' AND lid='{$lid}'" ) );
	$judul = isset( $_POST['judul'] ) ? $_POST['judul'] : '';
	$artis = isset( $_POST['artis'] ) ? $_POST['artis'] : '';
	$lirik = isset( $_POST['lirik'] ) ? $_POST['lirik'] : '';
	$salah = array();
	$time = time();
	$judul = ( $judul == "" ) ? $sql_lirik['judul'] : $judul;
	$artis = ( $artis == "" ) ? $sql_lirik['artis'] : $artis;
	$lirik = ( $lirik == "" ) ? $sql_lirik['lirik'] : $lirik;
	if( !count( $salah ) ) {
		mysql_query( "UPDATE lirik SET artis='{$artis}', judul='{$judul}', lirik='{$lirik}', diubah='{$time}' WHERE lid='{$lid}' AND kid='{$kid}'" );
	}
	if( count( $salah ) ) { $_SESSION['edit-lirik']['gagal'] = implode( ', ', $salah ); }
	if( count( $salah ) ) {
		header( "Location: ".URL."/?module=edit-lirik&kid=$kid&lid=$lid" );
	} else {
		header( "Location: ".URL."/?module=kategori&kid=$kid" );
	}
	exit;
} elseif( $module == 'delete-lirik' ) {
	$lid = isset( $_GET['lid'] ) ? $_GET['lid'] : '';
	$kid = isset( $_GET['kid'] ) ? $_GET['kid'] : '';
	mysql_query( "DELETE FROM lirik WHERE lid='{$lid}' AND kid='{$kid}'" );
	header( "Location: ".URL."/?module=kategori&kid=$kid" );
	exit;
}
?>	

2. File index.php

<?php
session_start();
$uid = isset( $_SESSION['uid'] ) ? $_SESSION['uid'] : '';
$title_kid = isset( $_GET['kid'] ) ? $_GET['kid'] : '';
$title_lid = isset( $_GET['lid'] ) ? $_GET['lid'] : '';
include "control.php";
?>

<!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>
<?php
if( $title_kid ) {
	$tkat = mysql_fetch_array( mysql_query( "SELECT * FROM kategori WHERE kid='{$title_kid}'" ) );
	echo "Kategori &rarr; {$tkat['kategori']} | ".WEB;
} elseif( $title_lid || $title_kid ) {
	$lir = mysql_fetch_array( mysql_query( "SELECT * FROM lirik WHERE lid='{$title_lid}'" ) );
	echo "Lirik &rarr; {$lir['judul']} | ".WEB;
} else {
	echo "Home | ".WEB;
}
?>
</title>
<link rel="stylesheet" type="text/css" href="style.css" />
<script type="text/javascript">
function konfirmasi(id) {
	var tanya = confirm( "Apakah Anda yakin akan menghapus data dengan ID - " + id + " ?" );
	if( tanya == true ) return true;
	else return false;
}
function cek() {
	var x = document.getElementById('kategori').value;
	if( x == "" ) {
		alert( "Mohon maaf, harap mengisi nama kategori terlebih dahulu..." );
		return false;
	} else {
		return true;
	}
}
</script>
</head>
<body>

<?php
if( $uid ) {
	$user = mysql_fetch_array( mysql_query( "SELECT * FROM user WHERE uid='{$uid}'" ) );
	echo "<div class=\"wrap\">\n";
	echo "	<div class=\"wrap-title\">".WEB."</div>\n";
	echo "	<div class=\"wrap-slogan\">Aplikasi Pengarsip Lirik Lagu Berbasis PHP dan MySQL</div>\n";
	echo "	<div class=\"welcome\">Welcome, <b>{$user['fullname']}</b> &rarr; <a href=\"".URL."/?module=logout\">Logout</a> &rarr; Anda login pada: ".date( "l, F d, Y H:i:s A" )."</div>\n";
	echo "	<div class=\"page\">\n";
	echo "		<div class=\"left\">\n";
	echo "			<div class=\"box\">\n";
	echo "				<h1>Menu Utama</h1>\n";
	echo "				<ul>\n";
	echo "					<li><a href=\"".URL."/\">Home</a></li>\n";
	echo "					<li><a href=\"".URL."/?module=kategori\">Kategori Lirik</a></li>\n";
	echo "					<li><a href=\"".URL."/?module=cari-lirik\">Cari Lirik</a></li>\n";
	echo "					<li><a href=\"".URL."/?module=lirik-terbaru\">Lirik Terbaru</a></li>\n";
	echo "					<li><a href=\"".URL."/?module=paling-top\">Lirik Paling Top</a></li>\n";
	echo "					<li><a href=\"".URL."/?module=logout\">Logout</a></li>\n";
	echo "				</ul>\n";
	echo "			</div>\n";	
	echo "		</div>\n";
	echo "		<div class=\"right\">\n";
	
	if( $module == 'kategori' ) {
		$kid = isset( $_GET['kid'] ) ? $_GET['kid'] : '';
		if( $kid ) {
			$detail_kategori = mysql_fetch_array( mysql_query( "SELECT * FROM kategori WHERE kid='{$kid}'" ) );
			$lirik = mysql_query( "SELECT * FROM lirik WHERE kid='{$kid}'" );
			echo "		<div class=\"box\">\n";
			echo "			<h1>Kategori : {$detail_kategori['kategori']}</h1>\n";
			echo "			<p>Lirik lagu untuk kategori - {$detail_kategori['kategori']} &rarr; <a href=\"".URL."/?module=tambah-lirik&kid=$kid\">Tambah Lirik Lagu</a> &rarr; <a href=\"javascript:history.back();\">Kembali ke halaman sebelumnya</a></p>\n";
			echo "			<table border=\"0\">\n";
			echo "			<tr class=\"head\">\n";
			echo "				<td width=\"30\" align=\"center\">NO</td>\n";
			echo "				<td width=\"200\">Judul lagu</td>\n";
			echo "				<td width=\"100\" align=\"center\">Artis</td>\n";
			echo "				<td width=\"100\" align=\"center\">Kategori</td>\n";
			echo "				<td width=\"50\" align=\"center\">Aksi</td>\n";
			echo "			</tr>\n";
			
			if( mysql_num_rows( $lirik ) == 0 ) {
				echo "		<tr class=\"no-data\"><td colspan=\"5\">Maaf, belum ada data kategori lirik lagu untuk saat ini</td></tr>\n";
			} else {
				$no = 1;
				while( $data_lirik = mysql_fetch_array( $lirik ) ) {
					echo "	<tr class=\"data\">\n";
					echo "		<td align=\"center\">{$no}</td>\n";
					echo "		<td><b><a href=\"".URL."/?module=lirik&kid={$data_lirik['kid']}&lid={$data_lirik['lid']}\" title=\"Klik untuk melihat detail lirik lagu  - {$data_lirik['judul']} oleh {$data_lirik['artis']}\">{$data_lirik['judul']}</a></b></td>\n";
					echo "		<td align=\"center\">{$data_lirik['artis']}</td>\n";
					echo "		<td align=\"center\">{$detail_kategori['kategori']}</td>\n";
					echo "		<td align=\"center\"><a href=\"".URL."/?module=edit-lirik&kid={$data_lirik['kid']}&lid={$data_lirik['lid']}\" title=\"Edit lirik - {$data_lirik['judul']}\"><img src=\"".URL."/b_edit.png\"></a> &nbsp; <a href=\"".URL."/?module=delete-lirik&kid={$data_lirik['kid']}&lid={$data_lirik['lid']}\" onclick=\"return konfirmasi('".$data_lirik['lid']."')\" title=\"Hapus lirik - {$data_lirik['judul']}\"><img src=\"".URL."/b_drop.png\"></a></td>\n";
					echo "	</tr>\n";
					$no++;
				}		
			}
			echo "			</table>\n";
			echo "		</div>\n";
		} else {
			$sql_kategori = mysql_query( "SELECT * FROM kategori" );
			echo "		<div class=\"box\">\n";
			echo "			<h1>Daftar Kategori Lirik Lagu</h1>\n";
			echo "			<form method=\"post\" action=\"\" class=\"form-kategori\" autocomplete=\"off\">\n";
			echo "				<input type=\"text\" name=\"kategori\" id=\"kategori\" placeholder=\"Ketik nama kategori, pisahkan dengan koma untuk penambahan sekaligus\" autofocus><br><input type=\"submit\" name=\"act\" value=\"Simpan Kategori\" onclick=\"return cek();\">\n";
			if( isset( $_SESSION['simpan-kategori']['gagal'] ) ) {
				echo "				<div class=\"cat-error\">Kategori ".$_SESSION['simpan-kategori']['gagal']." sudah ada.</div>\n";
				unset( $_SESSION['simpan-kategori']['gagal'] );
			}
			echo "			</form>\n";
			echo "			<div class=\"clear\"></div><br>\n";
			echo "			<table border=\"0\">\n";
			echo "			<tr class=\"head\">\n";
			echo "				<td width=\"35\" align=\"center\">NO</td>\n";
			echo "				<td width=\"250\">Nama Kategori</td>\n";
			echo "				<td width=\"100\" align=\"center\">Total Lagu</td>\n";
			echo "				<td width=\"50\" align=\"center\">Aksi</td>\n";
			echo "			</tr>\n";
			
			if( mysql_num_rows( $sql_kategori ) == 0 ) {
				echo "		<tr class=\"no-data\"><td colspan=\"4\">Maaf, belum ada data kategori lirik lagu untuk saat ini</td></tr>\n";
			} else {
				$no = 1;
				while( $data_kategori = mysql_fetch_array( $sql_kategori ) ) {
					$total_lagu = mysql_num_rows( mysql_query( "SELECT * FROM lirik WHERE kid='{$data_kategori['kid']}'" ) );
					echo "	<tr class=\"data\">\n";
					echo "		<td align=\"center\">{$no}</td>\n";
					echo "		<td>Kategori: <b><a href=\"".URL."/?module=kategori&kid={$data_kategori['kid']}\" title=\"Klik untuk melihat daftar lirik lagu di kategori  - {$data_kategori['kategori']}\">{$data_kategori['kategori']}</a></b></td>\n";
					echo "		<td align=\"center\">{$total_lagu}</td>\n";
					echo "		<td align=\"center\"><a href=\"".URL."/?module=edit-kategori&kid={$data_kategori['kid']}\" title=\"Edit kategori lirik - {$data_kategori['kategori']}\"><img src=\"".URL."/b_edit.png\"></a> &nbsp; <a href=\"".URL."/?module=delete-kategori&kid={$data_kategori['kid']}\" onclick=\"return konfirmasi('".$data_kategori['kid']."')\" title=\"Hapus kategori lirik - {$data_kategori['kategori']}\"><img src=\"".URL."/b_drop.png\"></a></td>\n";
					echo "	</tr>\n";
					$no++;
				}		
			}
			echo "			</table>\n";
		}
		echo "		</div>\n";
	} elseif( $module == 'edit-kategori' ) {
		$kid = isset( $_GET['kid'] ) ? $_GET['kid'] : '';
		$edit_kategori = mysql_fetch_array( mysql_query( "SELECT * FROM kategori WHERE kid='{$kid}'" ) );
		echo "		<div class=\"box\">\n";
		echo "			<h1>Edit Kategori Lirik Lagu</h1>\n";
		echo "			<p>Silahkan memasukkan nama kategori lirik lagu yang baru lalu tekan tombol Ubah untuk menyimpan data</p>\n";
		echo "			<form method=\"post\" action=\"\" class=\"form-kategori\">\n";
		echo "				<input type=\"text\" name=\"kategori\" placeholder=\"Masukkan nama kategori lirik yang baru\" value=\"{$edit_kategori['kategori']}\"><br><input type=\"submit\" name=\"act\" value=\"Ubah Kategori\">\n";
		if( isset( $_SESSION['simpan-kategori']['gagal'] ) ) {
			echo "				<div class=\"cat-error\">".$_SESSION['simpan-kategori']['gagal']."</div>\n";
			unset( $_SESSION['simpan-kategori']['gagal'] );
		}
		echo "			</form>\n";
		echo "		</div>\n";	
	} elseif( $module == 'tambah-lirik' ) {
		$kid = isset( $_GET['kid'] ) ? $_GET['kid'] : '';
		$tolirik = mysql_fetch_array( mysql_query( "SELECT * FROM kategori WHERE kid='{$kid}'" ) );
		echo "		<div class=\"box\">\n";
		echo "			<h1>Tambah Lirik Lagu ke - {$tolirik['kategori']}</h1>\n";
		echo "			<form method=\"post\" action=\"\" class=\"form-lirik\" autocomplete=\"off\">\n";
		echo "				Masukkan Nama Artis:<br><input type=\"text\" name=\"artis\" placeholder=\"Nama Artis\"><br>\n";
		echo "				Masukkan Judul Lagu:<br><input type=\"text\" name=\"judul\" placeholder=\"Judul Lagu\"><br>\n";
		echo "				Masukkan Lirik Lagu:<br><textarea name=\"lirik\" rows=\"10\"></textarea><br>\n";
		echo "				<input type=\"submit\" name=\"act\" value=\"Tambah Lirik\">\n";
		if( isset( $_SESSION['simpan-lirik']['gagal'] ) ) {
			echo "				<div class=\"cat-error\">".$_SESSION['simpan-lirik']['gagal']."</div>\n";
			unset( $_SESSION['simpan-lirik']['gagal'] );
		}
		echo "			</form>\n";
		echo "		</div>\n";	
	} elseif( $module == 'edit-lirik' ) {
		$kid = isset( $_GET['kid'] ) ? $_GET['kid'] : '';
		$lid = isset( $_GET['lid'] ) ? $_GET['lid'] : '';
		$edit_lirik = mysql_fetch_array( mysql_query( "SELECT * FROM lirik WHERE kid='{$kid}' AND lid='{$lid}'" ) );
		echo "		<div class=\"box\">\n";
		echo "			<h1>Ubah Lirik Lagu: {$edit_lirik['judul']}</h1>\n";
		echo "			<p><a href=\"javascript:history.back();\">Kembali ke halaman sebelumnya</a></p>\n";
		echo "			<form method=\"post\" action=\"\" class=\"form-lirik\" autocomplete=\"off\">\n";
		echo "				Masukkan Nama Artis:<br><input type=\"text\" name=\"artis\" placeholder=\"Nama Artis\" value=\"{$edit_lirik['artis']}\"><br>\n";
		echo "				Masukkan Judul Lagu:<br><input type=\"text\" name=\"judul\" placeholder=\"Judul Lagu\" value=\"{$edit_lirik['judul']}\"><br>\n";
		echo "				Masukkan Lirik Lagu:<br><textarea name=\"lirik\" rows=\"10\">{$edit_lirik['lirik']}</textarea><br>\n";
		echo "				<input type=\"submit\" name=\"act\" value=\"Edit Lirik\">\n";
		if( isset( $_SESSION['edit-lirik']['gagal'] ) ) {
			echo "				<div class=\"cat-error\">".$_SESSION['edit-lirik']['gagal']."</div>\n";
			unset( $_SESSION['edit-lirik']['gagal'] );
		}
		echo "			</form>\n";
		echo "		</div>\n";
	} elseif( $module == 'cari-lirik' ) {
		echo "		<div class=\"box\">\n";
		echo "			<h1>Cari Lirik Lagu</h1>\n";
		echo "			<p>Adan dapat mengetikkan judul lagu, dan nama artis untuk mencari lirik lagu yang diinginkan.</p>\n";
		echo "			<form method=\"post\" action=\"\" class=\"form-lirik\" autocomplete=\"off\">\n";
		echo "				<input type=\"text\" name=\"data\" placeholder=\"Ketik kata kunci pencarian...\" autofocus><br>\n";
		echo "				<input type=\"submit\" name=\"act\" value=\"Cari Lirik\">\n";
		echo "			</form>\n";
		if( $act == 'Cari Lirik' ) {
			$data = isset( $_POST['data'] ) ? $_POST['data'] : '';
			$datas = ( $data == "" ) ? "Kata Kunci Pencarian Tidak Disebutkan" : $data;
			$cari_lirik = mysql_query( "SELECT * FROM lirik WHERE artis LIKE '%$data%' OR judul LIKE '%$data%'" );
			echo "			<p>Kata Kunci Pencarian : <b>{$datas}</b> | Jumlah Pencarian : <b>".mysql_num_rows( $cari_lirik )."</b> Data</p>\n";
			echo "			<table border=\"0\">\n";
			echo "			<tr class=\"head\">\n";
			echo "				<td width=\"30\" align=\"center\">NO</td>\n";
			echo "				<td width=\"200\">Judul lagu</td>\n";
			echo "				<td width=\"100\" align=\"center\">Artis</td>\n";
			echo "				<td width=\"100\" align=\"center\">Kategori</td>\n";
			echo "			</tr>\n";
			
			if( mysql_num_rows( $cari_lirik ) == 0 ) {
				echo "		<tr class=\"no-data\"><td colspan=\"5\">Maaf, belum ada data kategori lirik lagu untuk saat ini</td></tr>\n";
			} else {
				$no = 1;
				while( $hasil_lirik = mysql_fetch_array( $cari_lirik ) ) {
					$kat = mysql_fetch_array( mysql_query( "SELECT * FROM kategori WHERE kid='{$hasil_lirik['kid']}'" ) );
					echo "	<tr class=\"data\">\n";
					echo "		<td align=\"center\">{$no}</td>\n";
					echo "		<td><b><a href=\"".URL."/?module=lirik&kid={$hasil_lirik['kid']}&lid={$hasil_lirik['lid']}\" title=\"Klik untuk melihat detail lirik lagu  - {$hasil_lirik['judul']} oleh {$data_lirik['artis']}\">{$hasil_lirik['judul']}</a></b></td>\n";
					echo "		<td align=\"center\">{$hasil_lirik['artis']}</td>\n";
					echo "		<td align=\"center\"><a href=\"".URL."/?module=kategori&kid={$kat['kid']}\">{$kat['kategori']}</a></td>\n";
					echo "	</tr>\n";
					$no++;
				}		
			}
			echo "			</table>\n";
		}
		echo "		</div>\n";
	} elseif( $module == 'lirik' ) {
		$kid = isset( $_GET['kid'] ) ? $_GET['kid'] : '';
		$lid = isset( $_GET['lid'] ) ? $_GET['lid'] : '';
		mysql_query( "UPDATE lirik SET dilihat=dilihat+1 WHERE kid='{$kid}' AND lid='{$lid}'" );
		$view_lirik = mysql_fetch_array( mysql_query( "SELECT * FROM lirik l,kategori k WHERE l.kid=k.kid AND l.kid='{$kid}' AND l.lid='{$lid}'" ) );
		echo "		<div class=\"box\">\n";
		echo "			<h1>Lirik: {$view_lirik['judul']}</h1>\n";
		echo "			<p class=\"info\">Artis : <b>{$view_lirik['artis']}</b> | Kategori: <b><a href=\"".URL."/?module=kategori&kid={$view_lirik['kid']}\">{$view_lirik['kategori']}</a></b> | Dibuat: ".date( "d-m-Y", $view_lirik['dibuat'] )." | Diubah: ".date( "d-m-Y", $view_lirik['diubah'] )." | Dilihat : {$view_lirik['dilihat']} kali</p>\n";
		echo "			<p class=\"lirik\">".nl2br( $view_lirik['lirik'] )."</p>\n";
		echo "		</div>\n";
	} elseif( $module == 'lirik-terbaru' ) {
		$terbaru = mysql_query( "SELECT * FROM lirik GROUP BY dibuat DESC LIMIT 20" );
		echo "		<div class=\"box\">\n";
		echo "			<h1>Lirik Lagu Terbaru dan Tergress</h1>\n";
		echo "			<table border=\"0\">\n";
		echo "			<tr class=\"head\">\n";
		echo "				<td width=\"30\" align=\"center\">NO</td>\n";
		echo "				<td width=\"200\">Judul lagu</td>\n";
		echo "				<td width=\"100\" align=\"center\">Artis</td>\n";
		echo "				<td width=\"100\" align=\"center\">Kategori</td>\n";
		echo "				<td width=\"50\" align=\"center\">Dilihat</td>\n";
		echo "			</tr>\n";
		
		if( mysql_num_rows( $terbaru ) == 0 ) {
			echo "		<tr class=\"no-data\"><td colspan=\"5\">Maaf, belum ada data kategori lirik lagu untuk saat ini</td></tr>\n";
		} else {
			$no = 1;
			while( $tlirik = mysql_fetch_array( $terbaru ) ) {
				$xlirik = mysql_fetch_array( mysql_query( "SELECT * FROM kategori WHERE kid='{$tlirik['kid']}'" ) );
				echo "	<tr class=\"data\">\n";
				echo "		<td align=\"center\">{$no}</td>\n";
				echo "		<td><b><a href=\"".URL."/?module=lirik&kid={$tlirik['kid']}&lid={$tlirik['lid']}\" title=\"Klik untuk melihat detail lirik lagu  - {$tlirik['judul']} oleh {$tlirik['artis']}\">{$tlirik['judul']}</a></b></td>\n";
				echo "		<td align=\"center\">{$tlirik['artis']}</td>\n";
				echo "		<td align=\"center\">{$xlirik['kategori']}</td>\n";
				echo "		<td align=\"center\">{$tlirik['dilihat']}</td>\n";
				echo "	</tr>\n";
				$no++;
			}		
		}
		echo "			</table>\n";
		echo "		</div>\n";
	}  elseif( $module == 'paling-top' ) {
		$terbaru = mysql_query( "SELECT * FROM lirik WHERE dilihat != '0' ORDER BY dilihat DESC LIMIT 20" );
		echo "		<div class=\"box\">\n";
		echo "			<h1>Lirik Lagu Paling Top</h1>\n";
		echo "			<table border=\"0\">\n";
		echo "			<tr class=\"head\">\n";
		echo "				<td width=\"30\" align=\"center\">NO</td>\n";
		echo "				<td width=\"200\">Judul lagu</td>\n";
		echo "				<td width=\"100\" align=\"center\">Artis</td>\n";
		echo "				<td width=\"100\" align=\"center\">Kategori</td>\n";
		echo "				<td width=\"50\" align=\"center\">Dilihat</td>\n";
		echo "			</tr>\n";
		
		if( mysql_num_rows( $terbaru ) == 0 ) {
			echo "		<tr class=\"no-data\"><td colspan=\"5\">Maaf, belum ada data kategori lirik lagu untuk saat ini</td></tr>\n";
		} else {
			$no = 1;
			while( $tlirik = mysql_fetch_array( $terbaru ) ) {
				$xlirik = mysql_fetch_array( mysql_query( "SELECT * FROM kategori WHERE kid='{$tlirik['kid']}'" ) );
				echo "	<tr class=\"data\">\n";
				echo "		<td align=\"center\">{$no}</td>\n";
				echo "		<td><b><a href=\"".URL."/?module=lirik&kid={$tlirik['kid']}&lid={$tlirik['lid']}\" title=\"Klik untuk melihat detail lirik lagu  - {$tlirik['judul']} oleh {$tlirik['artis']}\">{$tlirik['judul']}</a></b></td>\n";
				echo "		<td align=\"center\">{$tlirik['artis']}</td>\n";
				echo "		<td align=\"center\"><a href=\"".URL."/?module=kategori&kid={$tlirik['kid']}\" title=\"Klik untuk melihat daftar lirik lagu  di kategori - {$xlirik['kategori']}\">{$xlirik['kategori']}</a></td>\n";
				echo "		<td align=\"center\">{$tlirik['dilihat']}</td>\n";
				echo "	</tr>\n";
				$no++;
			}		
		}
		echo "			</table>\n";
		echo "		</div>\n";
	} else {
		echo "		<div class=\"box\">\n";
		echo "			<h1>Welcome To My Application</h1>\n";
		echo "			<p>Aplikasi ini secara khusus dirancang untuk menampung data-data lirik lagu baik yang berasal dari dalam negeri maupun dari luar negeri sehingga dengan demikian pencarian lirik lagu menjadi lebih mudah dan lebih cepat. Dengan kata lain, aplikasi ini dapat digunakan sebagai media untuk pengarsipan berbagai jenis lirik lagu.</p>\n";
		echo "			<p>Fitur-fitur yang disediakan di dalam aplikasi ini adalah mencakup:</p>\n";
		echo "			<ol>\n";
		echo "				<li>1. Fitur login dan logout</li>\n";
		echo "				<li>2. Fitur menambah kategori lirik lagu</li>\n";
		echo "				<li>3. Fitur mengedit kategori lirik lagu</li>\n";
		echo "				<li>4. Fitur menghapus kategori lirik lagu</li>\n";
		echo "				<li>5. Fitur menambah, mengedit dan menghapus data lagu</li>\n";
		echo "				<li>6. Fitur pencarian lirik lagu</li>\n";
		echo "				<li>7. Dan lain sebagainya</li>\n";
		echo "			</ol>\n";
		echo "			<p>Selain itu, pembuatan program ini merupakan sebagai salah satu syarat utama bagi mahasiswa bahwa telah menyelesaikan mata kuliah Perancangan dan Pemrograman Web dengan PHP dan MySQL.</p>\n";
		echo "		</div>\n";
	}
	
	echo "		</div>\n";
	echo "		<div class=\"clear\">\n";
	echo "	</div>\n";
	
	echo "	<div class=\"footer\">All Rights Reserved | ".date("Y")." &copy; | Yunita Permatasari Production&trade;</div>\n";
	echo "</div>\n";
} else {
	echo "<div class=\"login-box\">\n";
	echo "	<div class=\"title\">".WEB."</div>\n";
	echo "	<div class=\"sub-title\">Aplikasi Pengarsip Lirik Lagu</div>\n";
	echo "	<div class=\"form-login\">\n";
	echo "		<form method=\"post\" action=\"\" autocomplete=\"off\">\n";
	echo "			Masukkan Username Anda:<br><input type=\"text\" name=\"username\" placeholder=\"Username...\" autofocus><br>\n";
	echo "			Masukkan Password Anda:<br><input type=\"password\" name=\"password\" placeholder=\"Password...\"><br>\n";
	echo "			<input type=\"submit\" name=\"act\" value=\"Login Pengguna\">\n";
	
	if( isset( $_SESSION['login']['gagal'] ) ) {
		echo "		<div class=\"error\">".$_SESSION['login']['gagal']."</div>\n";
		unset( $_SESSION['login']['gagal'] );
	}
	
	echo "		</form>\n";
	echo "	</div>\n";
	echo "</div>\n";
	echo "<div class=\"copy\">All Rights Reserved | ".date("Y")." &copy; | Yunita Permatasari Production&trade;</div>\n";
}
?>

</body>
</html>

3. File style.css

*{
	margin:0;
	padding:0;
	outline:none;
}

body{
	background:#EEEEEE;
	font-size:12px;
	font-family:tahoma;
}
a{
	color:#0099FF;
	text-decoration:none;
}
a:hover{
	color:#CC0000;
	text-decoration:none;
}
p{
	line-height:18px;
	padding:10px 0;
}
table{
	border-collapse:collapse;
	width:100%;
	margin:10px 0;
}
tr:nth-child(odd){
	background:#FFFFFF;
}
tr:nth-child(even){
	background:#F3F3F3;
}

tr.head{
	height:40px;
	background:#66FF00;
	font-weight:bold;
}
tr.data{
	height:30px;
}
tr.no-data{
	height:40px;
	background:#fff;
	font-weight:bold;
	color:#FF0000;
	text-align:center;
}


input[type="text"],
input[type="password"],
textarea{
	margin:0;
	padding:8px;
	font-family:13px;
	font-family:tahoma;
	border:1px solid #C6C6C6;
	border-radius:3px;
}
input[type="submit"]{
	margin:0;
	padding:8px 25px;
	font-size:13px;
	font-weight:bold;
	font-family:tahoma;
	border:1px solid #C6C6C6;
	border-radius:3px;
	cursor:pointer;
	background:-moz-linear-gradient(top, #FFFFFF 3%, #F7F7F7 3%, #EBEBEB 100%);
	text-shadow:0px 1px 0px #fff;
}
ol,ul{
	list-style-type:none;
}


/* login box */
.login-box{
	position:relative;
	top:0%;
	left:36.5%!important;
	width:370px;
	margin:100px 0 0 0;
	background:#F6F6F6;
	border-radius:6px;
	box-shadow:0px 0px 0px 5px #d1d1d1;
}
.title{
	line-height:40px;
	font-size:35px;
	font-weight:normal;
	font-family:'calibri';
	text-align:center;
	padding:10px 0;
	background:-moz-linear-gradient(top, #F1F1F1 1%, #E3E3E3 3%, #D7D7D7 100%);
	border-radius:6px 6px 0 0;
	text-shadow:0px 1px 0px #fff;
	box-shadow:0px 1px 0px #f9f9f9;
}
.sub-title{
	line-height:20px;
	font-size:20px;
	font-weight:normal;
	font-family:'calibri';
	text-align:center;
	padding:10px 0;
	background:-moz-linear-gradient(top, #FFFFFF 3%, #F7F7F7 3%, #EBEBEB 100%);
	border-bottom:1px solid #CCCCCC;
	text-shadow:0px 1px 0px #fff;
	box-shadow:0px 1px 0px #fff;
}
.form-login{
	margin:10px 0;
	padding:10px;
}
.form-login form input[type="text"],
.form-login form input[type="password"]{
	margin:5px 0 20px 0;
	width:95%;
}

/* error */
.error{
	padding:20px 0 0 0;
	font-weight:bold;
	color:#FF0000;
	text-align:center;
}

/* copy */
.copy{
	font-size:11px;
	position:relative;
	text-align:center;
	padding:10px 0;
	color:#ACACAC;
	text-shadow:0px 1px 0px #fff;
}

/* clear */
.clear{
	clear:both;
}

/* wrap */
.wrap{
	margin:20px auto;
	width:800px;
	padding:0;
}
.wrap-title{
	line-height:50px;
	font-size:40px;
	font-weight:normal;
	font-family:'calibri';
	text-align:center;
	text-shadow:0px 1px 0px #fff;
}
.wrap-slogan{
	line-height:20px;
	font-size:13px;
	font-weight:bold;
	font-family:'calibri';
	padding:10px 0;
	text-align:center;
	border-bottom:1px dashed #999999;
	text-shadow:0px 1px 0px #fff;
}

.page{
	margin:20px 0;
	text-align:justify;
}
.left{
	float:left;
	width:180px;
}
.right{
	float:right;
	width:590px;
}

.box{
	margin:0 0 20px 0;
}
.box h1{
	font-size:22px;
	font-weight:normal;
	font-family:'calibri';
	padding:5px 0;
	border-bottom:1px dashed #999999;
	text-shadow:0px 1px 0px #fff;
}
.box ul li{
	line-height:30px;
	border-bottom:1px solid #B5B5B5;
	box-shadow:0px 1px 0px #fafafa;
}
.box ul li a{
	display:block;
	padding:6px 0 6px 20px;
	text-shadow:0px 1px 0px #fff;
	transition:all .25s ease-in-out;
	background:url('b_minus.png') no-repeat 0% 17px;
}
.box ul li a:hover{
	padding:6px 0 6px 25px;
	font-weight:bold;
}
	
.form-kategori{
	margin:5px 0;
}
.form-kategori input[type="text"]{
	width:97%;
	margin:0 0 5px 0;
}
.cat-error{
	float:right;
	position:relative;
	margin:10px 0 0 0;
	color:#FF0000;
}
.form-lirik{
	margin:5px 0 0 0;
}
.form-lirik input[type="text"],
.form-lirik textarea{
	margin:5px 0 10px 0;
	font-size:13px;
	width:97%;
}

.welcome{
	padding:10px 0;
	border-bottom:1px dashed #AEAEAE;
}

.footer{
	padding:10px 0;
	text-align:center;
	border-top:1px dashed #B3B3B3;
	border-bottom:1px dashed #B3B3B3;
	font-size:11px;
	color:#ACACAC;
	text-shadow:0px 1px 0px #fff;
}
	
.info{
	padding:10px 0;
	border-bottom:1px dashed #AEAEAE;
}
	
.lirik{
	margin:10px 0;
	padding:10px;
	background:#fff;
	border-radius:10px;
	font-size:16px;
	font-weight:normal;
	font-family:'calibri';
	color:#6D6D6D;
}

Dan untuk link downloadnya, dapat dikunjungi link berikut ini:

Download Program Web Lirik Lagu

Jika Anda telah mendownload sample program tersebut, maka login terlebih dahulu dengan menggunakan username = yunita dan password = yunita karena awalnya memang program ini sengaja dikembangkan untuk teman yang bernama yunita. Saya menyadari masih banyak kekurangan di dalam program ini dan tugas Andalah untuk mengubahnya menjadi sebuah program yang lebih kompleks dan sempurna. Saya hanya memberikan ide dan inspirasi proyek dan semoga dapat dimaklumi.

Sekian dan terimakasih, semoga bermamfaat bagi Anda sekalian…

Leave a Reply

Please log in using one of these methods to post your comment:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s