Source Code

(1)

---Source Code---

1. Membuat Database

Langkah pertama dalam membuat Perancangan Website Penyewaan Lapangan Futsal Secara Online adalah membuat database dengan nama database “Pemesanan” dengan cara masuk kedalam MySQL login dengan

User : root Password : 123456 Create Database Pemesanan; Use Pemesanan;

Setelah itu buat table dibawah ini: a) Tabel pemesanan

CREATE TABLE pemesanan(no_KTP INT UNSIGNED AUTO_INCREMENT PIMARY Key.

id VARCHAR(10) NOT NULL, Kd_Lapangan INT(3).

Nama VARCHAR (200). Alamat VARCHAR(200). No_Tlp INT(9).

b) Tabel Admin

CREATE TABLE `koffka`.`admin` (

`noid` INTEGER(11) UNSIGNED NOT NULL AUTO_INCREMENT, `user_name` VARCHAR(10) NOT NULL DEFAULT '',

`password` VARCHAR(10) NOT NULL DEFAULT '', `name` VARCHAR(20) NOT NULL DEFAULT '', `alamat` VARCHAR(45) NOT NULL DEFAULT '', `no_telp` VARCHAR(11) NOT NULL DEFAULT '', PRIMARY KEY(`asd`)ENGINE = InnoDB;

2. Koneksi.php

Script ini digunakan untuk menghubungkan php ke server MYSQL mengkoneksikan database <?php # FileName="Connection_php_mysql.html" # Type="MYSQL" # HTTP="true" $hostname_koneksi = "localhost"; $username_koneksi = "ami"; $password_koneksi = "123456";

$koneksi = mysql_connect($hostname_koneksi, $username_koneksi, $password_koneksi) or trigger_error(mysql_error(),E_USER_ERROR);

(2)

3. Index.html ( halaman utama )

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

font-family: "Goudy Stout"; font-size: 24px;

font-style: italic; color: #FFFFFF; }

.style4 {

.style5 {

font-family: "Goudy Stout"; font-size: 16px; font-style: italic; color: #FFFFFF; } #Layer2 { position:absolute; width:493px; height:26px; z-index:2; left: 171px; top: 145px; } .style8 {color: #00FF80} #Layer3 { position:absolute; width:205px; height:200px; z-index:3; left: 32px; top: 225px; } #Layer4 { position:absolute;

(3)

width:422px; height:323px; z-index:4; left: 248px; top: 224px; } .style9 {

font-family: "Arial Black"; font-size: 14px; color: #FFFFFF; } #Layer5 { position:absolute; width:201px; height:149px; z-index:5; left: 24px; top: 491px; } .style10 {color: #FFFFFF} body,td,th { color: #ECE9D8; } body { background-color: #000000; } #Layer6 { position:absolute; width:200px; height:130px; z-index:6; left: 690px; top: 243px; } #Layer7 { position:absolute; width:417px; height:79px; z-index:7; left: 8px; top: 561px; } #Layer8 { position:absolute; width:190px; height:115px; z-index:7; left: 722px; top: 546px; } --> </style> </head> <body> <div id="Layer1">

(4)

<p align="center" class="style3">GLOBAL FUTSAL </p> <p align="center" class="style4">JL. KEDOYA RAYA NO 21</p>

<p align="center" class="style5">JAKRTA BARAT NO TLP.(021)5863053 <br /> _____________________________________________________________________________ _______________________________________________</p> </div> <div id="Layer2"> <table width="494"> <tr>

<td width="75"><span class="style8"><a href="HOME.HTML">HOME</a></span></td> <td width="121"><a href="DAFTAR LAP.HTML">DAFTAR LAP </a></td>

<td width="128"><a href="pemesanan.php">PEMESANAN</a></td> <td width="150"><a href="admin.php"> ADMIN </a></td>

</tr> </table> </div>

<p class="style10"><span class="style9">Selamat datang di web site kami, kami sengaja membuat website ini karena kami ingin para penncita sepak bola dapat mudah mengkreasikan hobinya,dengan susana jakarta yang sudah banyak gedung - gedung bertingkat sehingga banyak lap bola yang berubah pula menjadi gedung - gedung bertingkat dan akhirnya banyak orang jakarta yang masih ingin mengkreasikan hobi sepak bolanya,</span></p>

<p class="style9">Dengan adnya lap futsal ini kita bisa menyalurkan hobi sepak bola kita, walaupun banyak perbedaan dalam segi lapangan tapi futsal sudah mulai banyak di geluti oleh masyarakat jakarta mungkin sampai keluar daerah, memang lap futsal ini agak kecil di banding lap bola yang sebenarnya tapi itu bukan alasan untuk kita bermain bola,</p>

<p class="style9">pada dasarnya peraturan bermain sepak bola itu semua sama tapi futsal mempunyai peraturan yang cukup aman, futsal bermain di dalam ruangan dan di lindungi jaring dengan 5 pemain namun setiap pemain yang sudah keluar boleh melakukan pergantian

kembali.</p>

<p class="style9">untuk itu kami membuat situs web ini untuk kalian bisa mudah untuk mencari lap futsal lewat internet sekian dari kami terima kasih atas partisipasinya telah mengunjungi situs kami. </p>

<p>global metro futsal jl. kedoya raya no 21 </p> <p>www.global@yahoo.com</p>

</div> </div> </div>

</body> </html>

(5)

4. Daftar_Lapangan.html

.style4 {

.style5 {

font-family: "Goudy Stout"; font-size: 16px; font-style: italic; color: #FFFFFF; } #Layer2 { position:absolute; width:493px; height:26px; z-index:2; left: 146px; top: 147px; } #Layer3 { position:absolute; width:195px; height:157px; z-index:3; top: 223px; left: 8px; } #Layer4 { position:absolute; width:279px;

(6)

height:77px; z-index:4; left: 280px; top: 244px; } .style10 {color: #FFFFFF} body { background-color: #000000; }

.style12 {font-family: "Bernard MT Condensed"; font-style: italic; } #Layer5 { position:absolute; width:128px; height:89px; z-index:5; left: 511px; top: 177px; } #Layer6 { position:absolute; width:244px; height:85px; z-index:6; top: 524px; left: 313px; } body,td,th { color: #CCCCCC; } --> </style> </head> <body> <div id="Layer1"> <div id="Layer6"> <p align="center">Copyright ©2008</p>

<p align="center">global metro futsal jl. kedoya raya no 21 </p> <p align="center">www.global@yahoo.com</p>

</div>

<p align="center" class="style5">JAKRTA BARAT NO TLP.(021)5863053 <br /> _____________________________________________________________________________ _______________________________________________________________________</p> </div> <div id="Layer2"> <table width="494"> <tr> <td width="75"><span class="style10"><a href="HOME.HTML">HOME</a></span></td>

<td width="121"><a href="DAFTAR LAP.HTML" class="style10">DAFTAR LAP </a></td>

<td width="128"><a href="pemesanan.php" class="style10">PEMESANAN</a></td> <td width="150"><a href="admin.php" class="style10">ADMIN </a></td>

(7)

<td width="121"><span class="style12"><a href="lapangan1.html">lapangan 1 </a></span></td>

<td width="150"><span class="style12"><a href="lapangan2.html">lapangan 2 </a></span></td>

</tr> <tr>

<td><span class="style12"><a href="lapangan3.html">lapangan 3 </a></span></td> <td> </td> </tr> </table> </div> </body> </html> 5. Lapangan 1.html

.style4 {

font-family: "Goudy Stout"; font-size: 18px; font-style: italic; color: #FFFFFF; }

.style5 {

(8)

font-size: 16px; font-style: italic; color: #FFFFFF; } #Layer2 { position:absolute; width:493px; height:26px; z-index:2; left: 146px; top: 147px; } #Layer3 { position:absolute; width:195px; height:157px; z-index:3; top: 223px; left: 8px; } #Layer4 { position:absolute; width:279px; height:77px; z-index:4; left: 280px; top: 244px; } .style10 {color: #FFFFFF} body { background-color: #000000; } #Layer5 { position:absolute; width:588px; height:157px; z-index:4; left: 223px; top: 228px; } body,td,th { color: #FFFFFF; } .style11 {

font-family: "Bernard MT Condensed"; font-size: 24px; } #Layer6 { position:absolute; width:234px; height:115px; z-index:5; left: 376px; top: 401px; } #Layer7 {

(9)

position:absolute; width:248px; height:115px; z-index:1; left: -13px; top: 197px; } #Layer8 { position:absolute; width:63px; height:25px; z-index:6; left: 603px; top: 353px; } .style12 {color: #FF0000} --> </style> </head> <body> <div id="Layer1">

<p align="center" class="style5">JAKRTA BARAT NO TLP.(021)5863053 <br /> _____________________________________________________________________________ ________________________</p> </div> <div id="Layer2"> <table width="494"> <tr> <td width="75"><span class="style10"><a href="HOME.HTML">HOME</a></span></td>

<form id="form1" name="form1" method="post" action=""> <div align="center"><span class="style11">Lapangan 1 </span> </div> </form> <table width="591"> <tr> <td width="142">KD_LAPANGAN</td> <td width="131">HARGA PER JAM </td>

(10)

</tr> <tr>

<td>RUMPUT, KIPAS ANGIN, + AIR MINUM </td> </tr>

</table> <p> </p> </div>

</div> </div>

<div id="Layer8"><a href="daftar lap.html" target="_blank"><span class="style12">Kemabali</span></a></div>

</body> </html>

6. Lapangan 2.html

.style4 {

.style5 {

(11)

#Layer2 { position:absolute; width:493px; height:26px; z-index:2; left: 146px; top: 147px; } #Layer3 { position:absolute; width:195px; height:157px; z-index:3; top: 223px; left: 8px; } #Layer4 { position:absolute; width:279px; height:77px; z-index:4; left: 280px; top: 244px; } .style10 {color: #FFFFFF} body { background-color: #000000; } #Layer5 { position:absolute; width:588px; height:157px; z-index:4; left: 225px; top: 229px; } body,td,th { color: #FFFFFF; } .style11 {

font-family: "Bernard MT Condensed"; font-size: 24px; } #Layer6 { position:absolute; width:200px; height:115px; z-index:1; left: 379px; top: 186px; } #Layer7 { position:absolute; width:256px; height:115px; z-index:5;

(12)

left: 380px; top: 650px; } .style12 {color: #FF0000} #Layer8 { position:absolute; width:63px; height:25px; z-index:6; left: 603px; top: 353px; } --> </style> </head> <body> <div id="Layer1">

</div>

<div align="center"><span class="style11">Lapangan 2 </span></div> </form>

<td width="142">KD_LAPANGAN</td> <td width="131">HARGA PER JAM </td>

<td width="302"> <div align="center">FASILITAS</div></td> </tr>

<tr>

(13)

<td>RUMPUT, KIPAS ANGIN, </td> </tr>

</table>

<div id="layer"><a href="daftar lap.html" target="_blank"><span class="style12">Kemabali</span></a></div>

</div> </body> </html>

7. Lapangan 3.html

.style4 {

.style5 {

font-family: "Goudy Stout"; font-size: 16px; font-style: italic; color: #FFFFFF; } #Layer2 { position:absolute; width:493px; height:26px; z-index:2; left: 146px;

(14)

top: 147px; } #Layer3 { position:absolute; width:195px; height:157px; z-index:3; top: 223px; left: 8px; } #Layer4 { position:absolute; width:279px; height:77px; z-index:4; left: 280px; top: 244px; } .style10 {color: #FFFFFF} body { background-color: #000000; } #Layer5 { position:absolute; width:588px; height:98px; z-index:4; left: 223px; top: 228px; } body,td,th { color: #FFFFFF; } .style11 {

font-family: "Bernard MT Condensed"; font-size: 24px; } #Layer6 { position:absolute; width:233px; height:136px; z-index:5; left: 367px; top: 389px; } #Layer7 { position:absolute; width:257px; height:115px; z-index:6; left: 356px; top: 586px; } .style12 {color: #FF0000} #Layer8 { position:absolute; width:63px;

(15)

height:25px; z-index:6; left: 603px; top: 353px; } --> </style> </head> <body> <div id="Layer1">

<td width="128"><a href="pemesanan.php" class="style10">PEMESANAN</a></td> <td width="150"><a href="admin.php" class="style10"> ADMIN </a></td>

<div align="center"><span class="style11">Lapangan 3 </span></div> </form>

<td width="142">KD_LAPANGAN</td> <td width="131">HARGA PER JAM </td>

<td width="302"> <div align="center">FASILITAS</div></td> </tr>

<tr>

<td>RUMPUT SYNTTETIC, KIPAS ANGIN, </td> </tr>

</table>

<div id="layer"><a href="daftar lap.html" target="_blank"><span class="style12">Kemabali</span></a></div>

(16)

<p align="center">global metro futsal jl. kedoya raya no 21 </p> <p align="center">www.global@yahoo.com</p> </div> </body> </html> 8. Pemesanan.php <?php require_once('Connections/localhost.php'); ?> <?php

function GetSQLValueString($theValue, $theType, $theDefinedValue = "", $theNotDefinedValue = "")

{

$theValue = (!get_magic_quotes_gpc()) ? addslashes($theValue) : $theValue; switch ($theType) {

case "text":

$theValue = ($theValue != "") ? "'" . $theValue . "'" : "NULL"; break;

case "long": case "int":

$theValue = ($theValue != "") ? intval($theValue) : "NULL"; break;

case "double":

$theValue = ($theValue != "") ? "'" . doubleval($theValue) . "'" : "NULL"; break;

case "date":

case "defined":

$theValue = ($theValue != "") ? $theDefinedValue : $theNotDefinedValue; break; } return $theValue; } $editFormAction = $_SERVER['PHP_SELF']; if (isset($_SERVER['QUERY_STRING'])) { $editFormAction .= "?" . htmlentities($_SERVER['QUERY_STRING']); }

if ((isset($_POST["MM_insert"])) && ($_POST["MM_insert"] == "form1")) {

$insertSQL = sprintf("INSERT INTO tabel_pemesanan (kd_lapangan, nama, alamat, no_tlp) VALUES (%s, %s, %s, %s)", GetSQLValueString($_POST['kd_lapangan'], "int"), GetSQLValueString($_POST['nama'], "text"), GetSQLValueString($_POST['alamat'], "text"), GetSQLValueString($_POST['no_tlp'], "int")); mysql_select_db($database_localhost, $localhost);

$Result1 = mysql_query($insertSQL, $localhost) or die(mysql_error()); }

?><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

(17)

.style4 {

.style5 {

font-family: "Goudy Stout"; font-size: 16px; font-style: italic; color: #FFFFFF; } #Layer2 { position:absolute; width:493px; height:26px; z-index:2; left: 179px; top: 158px; } .style8 {color: #00FF80} #Layer3 { position:absolute; width:205px; height:200px; z-index:3; left: 18px; top: 250px; } #Layer4 { position:absolute; width:422px; height:46px; z-index:4; left: 248px;

(18)

top: 224px; } #Layer5 { position:absolute; width:201px; height:149px; z-index:5; left: 17px; top: 480px; } body,td,th { color: #FF00FF; } body { background-color: #000000; } #Layer6 { position:absolute; width:200px; height:130px; z-index:6; left: 679px; top: 336px; } #Layer7 { position:absolute; width:417px; height:79px; z-index:7; left: 8px; top: 561px; } #Layer8 { position:absolute; width:402px; height:151px; z-index:7; left: 254px; top: 287px; } a:link { color: #FFFFFF; } a:active { color: #FF0000; } #Layer9 { position:absolute; width:390px; height:115px; z-index:7; left: 240px; top: 260px; } .style13 {

(19)

font-size: 24px; } --> </style> </head> <body> <div id="Layer1">

<p align="center" class="style5">JAKRTA BARAT NO TLP.(021)5863053 <br /> _____________________________________________________________________________ _____________________________________________________</p> </div> <div id="Layer2"> <table width="494"> <tr>

<td width="75"><span class="style8"><a href="HOME.HTML">HOME</a></span></td> <td width="121"><a href="DAFTAR LAP.HTML">DAFTAR LAP </a></td>

<td width="128"><a href="pemesanan.php">PEMESANAN</a></td> <td width="150"><a href="admin.php"> ADMIN </a></td>

<form action="<?php echo $editFormAction; ?>" method="post" name="form1" id="form1"> <div align="left">

<td nowrap="nowrap" align="right">Kd_lapangan:</td>

</tr>

<td nowrap="nowrap" align="right">Alamat:</td>

(20)

<div id="Layer9"><span class="style13">isi formulir penyewaan </span></div> <label>

<input name="HAPUS" type="reset" id="HAPUS" value="HAPUS" /> </label></td> </tr> </table> </div> </form> <p align="center">  </p> </body> </html> 9. Login <?php require_once('Connections/koneksi2.php'); ?> <?php

function GetSQLValueString($theValue, $theType, $theDefinedValue = "", $theNotDefinedValue = "")

{

$theValue = (!get_magic_quotes_gpc()) ? addslashes($theValue) : $theValue; switch ($theType) {

case "text":

case "long": case "int":

$theValue = ($theValue != "") ? intval($theValue) : "NULL"; break;

case "double":

$theValue = ($theValue != "") ? "'" . doubleval($theValue) . "'" : "NULL"; break;

case "date":

case "defined":

$theValue = ($theValue != "") ? $theDefinedValue : $theNotDefinedValue; break; } return $theValue; } $editFormAction = $_SERVER['PHP_SELF']; if (isset($_SERVER['QUERY_STRING'])) { $editFormAction .= "?" . htmlentities($_SERVER['QUERY_STRING']); }

if ((isset($_POST["MM_insert"])) && ($_POST["MM_insert"] == "form1")) {

$insertSQL = sprintf("INSERT INTO login (user_name, password) VALUES (%s, %s)", GetSQLValueString($_POST['user_name'], "text"),

(21)

mysql_select_db($database_koneksi2, $koneksi2);

$Result1 = mysql_query($insertSQL, $koneksi2) or die(mysql_error()); }

?> <?php

// *** Validate request to login to this site. if (!isset($_SESSION)) { session_start(); } $loginFormAction = $_SERVER['PHP_SELF']; if (isset($_GET['accesscheck'])) { $_SESSION['PrevUrl'] = $_GET['accesscheck']; } if (isset($_POST['textfield'])) { $loginUsername=$_POST['textfield']; $password=$_POST['textfield2']; $MM_fldUserAuthorization = ""; $MM_redirectLoginSuccess = "admin_home.php"; $MM_redirectLoginFailed = "login_fail.html"; $MM_redirecttoReferrer = false; mysql_select_db($database_koneksi, $koneksi);

$LoginRS__query=sprintf("SELECT user_name, password FROM admin WHERE user_name='%s' AND password='%s'",

get_magic_quotes_gpc() ? $loginUsername : addslashes($loginUsername), get_magic_quotes_gpc() ? $password : addslashes($password));

$LoginRS = mysql_query($LoginRS__query, $koneksi) or die(mysql_error()); $loginFoundUser = mysql_num_rows($LoginRS);

if ($loginFoundUser) { $loginStrGroup = "";

//declare two session variables and assign them $_SESSION['MM_Username'] = $loginUsername;

$_SESSION['MM_UserGroup'] = $loginStrGroup; if (isset($_SESSION['PrevUrl']) && false) {

$MM_redirectLoginSuccess = $_SESSION['PrevUrl']; } header("Location: " . $MM_redirectLoginSuccess ); } else { header("Location: ". $MM_redirectLoginFailed ); } } ?>

(22)

<!-- #Layer1 { position:absolute; width:810px; height:132px; background-image:url(My%20Pictures/gambar%20planet/architecture011.jpg); layer-background-image:url(My%20Pictures/gambar%20planet/architecture011.jpg); border:1px none #000000; z-index:1; left: 0px; top: 0px; } #Layer2 { position:absolute; width:811px; height:18px; background-image:url(My%20Pictures/gambar%20planet/architecture011.jpg); layer-background-image:url(My%20Pictures/gambar%20planet/architecture011.jpg); border:1px none #000000; z-index:2; top: 132px; left: -20px; } #Layer3 { position:absolute; width:797px; height:19px; background-image:url(My%20Pictures/gambar%20planet/architecture011.jpg); layer-background-image:url(My%20Pictures/gambar%20planet/architecture011.jpg); border:1px none #000000; z-index:3; left: 10px; top: 155px; } #Layer4 { position:absolute; width:210px; height:202px; background-image:url(My%20Pictures/gambar%20planet/architecture011.jpg); layer-background-image:url(My%20Pictures/gambar%20planet/architecture011.jpg); border:1px none #000000; z-index:4; left: 9px; top: 365px; } #Layer5 { position:absolute; width:290px; height:92px; background-image:url(My%20Pictures/gambar%20planet/architecture011.jpg); layer-background-image:url(My%20Pictures/gambar%20planet/architecture011.jpg); border:1px none #000000; z-index:5; left: 310px; top: 504px; }

(23)

#Layer6 { position:absolute; width:200px; height:115px; background-image:url(My%20Pictures/gambar%20planet/architecture011.jpg); layer-background-image:url(My%20Pictures/gambar%20planet/architecture011.jpg); border:1px none #000000; z-index:6; } #Layer7 { position:absolute; width:599px; height:465px; background-image:url(My%20Pictures/gambar%20planet/architecture011.jpg); layer-background-image:url(My%20Pictures/gambar%20planet/architecture011.jpg); border:1px none #000000; z-index:6; left: 213px; top: 184px; } #Layer8 { position:absolute; width:195px; height:125px; background-image:url(My%20Pictures/gambar%20planet/architecture011.jpg); layer-background-image:url(My%20Pictures/gambar%20planet/architecture011.jpg); border:1px none #000000; z-index:7; left: 771px; top: 349px; } body,td,th { color: #CCCCCC; } body { background-color: #000000; } #Layer9 { position:absolute; width:200px; height:1px; background-image:url(My%20Pictures/gambar%20planet/architecture011.jpg); layer-background-image:url(My%20Pictures/gambar%20planet/architecture011.jpg); border:1px none #000000; z-index:8; top: 28px; } #Layer10 { position:absolute; width:200px; height:6px; background-image:url(My%20Pictures/gambar%20planet/architecture011.jpg); layer-background-image:url(My%20Pictures/gambar%20planet/architecture011.jpg); border:1px none #000000; z-index:8; top: 166px;

(24)

left: -190px; } #Layer11 { position:absolute; width:808px; height:27px; background-image:url(My%20Pictures/gambar%20planet/architecture011.jpg); layer-background-image:url(My%20Pictures/gambar%20planet/architecture011.jpg); border:1px none #000000; z-index:8; left: 0px; top: 155px; }

.style7 { font-family: "Goudy Stout"; font-size: 24px;

.style4 { font-family: "Goudy Stout"; font-size: 18px;

.style5 { font-family: "Goudy Stout"; font-size: 16px; font-style: italic; color: #FFFFFF; } #Layer12 { position:absolute; width:498px; height:29px; z-index:7; left: 110px; top: 156px; } .style8 {color: #00FF80} .style9 {

font-family: "Bernard MT Condensed"; font-size: 36px; } --> </style> </head> <body> <div id="Layer1"> <div id="layer">

<p align="center" class="style5">JAKRTA BARAT NO TLP.(021)5863053 <br />

_____________________________________________________________________________ _______________________________________________</p>

(25)

</div> </div>

<p align="center">global metro futsal jl. kedoya raya no 21 </p> <p align="center">www.global@yahoo.com</p> </div> x <div id="Layer12"> <div id="layer2"> <table width="494"> <tr> <td width="75"><span class="style8"><a href="HOME.HTML">HOME</a></span></td>

<td width="121"><a href="DAFTAR LAP.HTML">DAFTAR LAP </a></td> <td width="128"><a href="pemesanan.php">PEMESANAN</a></td> <td width="150"><a href="admin.php"> ADMIN </a></td>

</tr> </table> </div> </div> <div align="center"> <p> </p>

<p><span class="style9">PERANCANGAN WEBSEITE </span></p> <p><span class="style9">PENYEWAAN LAPANGAN FUTSAL </span></p> <form action="<?php echo $loginFormAction; ?>" method="post" name="form1" target="_blank">

<td nowrap align="right">Password:</td>

</tr> </table>

(26)

_TAMPILAN WEBSITE_

(27)

(28)

(29)

(30)

(31)

(32)

Source Code

---Source Code---

1. Membuat Database

2.

Koneksi.php

_______TAMPILAN WEBSITE_______

_TAMPILAN WEBSITE_