Project UAS Website E-Booking Futsal


PEMBUATAN WEBSITE E-BOOKING FUTSAL



  1. Pembuatan database
    Untuk pembuatan database saya beri nama dengan e_futsal, yang terdiri dari tabel ‘user’, ‘tbl_user_profile’, ‘kontak’, ‘jadwal_main’,  dan ‘jadwal_kosong’.


  • user




  • tbl_user_profile




  • kontak

  • jadwal_main


  • jadwal_kosong


  1. Implementasi Sistem
    Implementasi dilakukan dengan menggunakan bahasa pemograman PHP dan Bootstrap untuk memperindah tampilan.
  1. Halaman Utama
    Halaman utama digunakan untuk pengguna yang akan melakukan pembookingan atau melihat informasi mengenai lapang Sumedang. Halaman utama terdidri dari menu Home, lapang, booking, kontak, dan daftar. Berikut gambar halaman utama :



    Untuk kode program halaman utamanya seperti berikut :


  1. index.php

    <html lang="en">
    <head>
     <meta charset="UTF-8">
     <title>Booking-Futsal</title>
     <link rel="stylesheet" type="text/css" href="bootstrap/css/bootstrap.css">
     <link rel="stylesheet" href="style.css">

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

    </head>

    <body>
    <div class="content">
    <div class="badan">
      <nav class="navbar">
      <div class="container">
      <span class="toggle"><span class="glyphicon glyphicon-navicon"></span></span>
      <a href="" class="logo">
       <img src="img/logo.png" alt="Logo" class="img-responsive">
       <span>E-Booking Futsal</span>
      </a>
       <ul class="menu">
        <li><a href='index.php?page=home'><span class="glyphicon glyphicon-home"></span> &nbsp;Home</a></li>
       <li><a href='index.php?page=lapang'>&nbsp;Lapang</a></li>
        <li><a href='index.php?page=booking'>Booking&nbsp;</a>
       </li>
       <li><a href='index.php?page=kontak'><span class="glyphicon glyphicon-earphone"></span> &nbsp;Kontak</a></li>
       <li><a href='index.php?page=daftar'>&nbsp;Daftar</a></li>
       </li>
       </ul>
      </div>
      </nav>
     

      <?php
      if(isset($_GET['page'])){
      $page =$_GET['page'];
     
      switch ($page){
      case 'home':
      include"isi/home.php";
      break;
      case 'kontak':
      include"isi/kontak.php";
      break;
      case 'lapang':
      include"isi/lapang.php";
      break;
      case 'booking':
      include"isi/booking.php";
      break;
      case 'member':
      include"isi/member.php";
      break;
      case 'login':
      include"isi/login.php";
      break;
      case 'angrek':
      include"isi/angrek.php";
      break;
      case 'citimun':
      include"isi/citimun.php";
      break;
      case 'daftar':
      include"isi/daftar.php";
      break;
      case 'pesan':
      include"isi/pesan.php";
      break;
      case 'proses':
      include"isi/proses.php";
      break;
      case 'proseslogin':
      include"isi/proseslogin.php";
      break;
      case 'prosesdaftar':
      include"isi/prosesdaftar.php";
      break;
      case 'logout':
      include"isi/logout.php";
      break;
      default:
      echo"<center><h3>maaf halaman tidak ditemukan</h3></center>";
      break;
      }
      }else{
      include"isi/home.php";
      }
      ?>
     
     

    <!-- script jquery -->
    <script type='text/javascript' src='bootstrap/js/jquery-1.11.3.min.js'></script>
    <!-- script javascript dan jquery animation untuk menu-->
    <script type='text/javascript'>
     $(document).ready(function(){
      $('.toggle').click(function(){
       $('ul.menu').slideToggle(500); 
      });

     $(window).resize(function(){
      var menu=$('ul.menu');
      var w=$(window).width();
      if (w > 320 && menu.is(':hidden')) {
       menu.removeAttr('style');
      };
     });

     });
    </script>
           
    </body>
    <div id="footer">
      Developed by : www.ryangoesnawan.com
      </div>
      </div>
      </div>
      </div>
    </html>

  2. style.css

style.css digunakan untuk mengatur tampilan halaman, berikut kode programnya:

*{

   box-sizing:border-box;

   margin:0 auto;

   font-family:Segoe UI;

  }

 

 body{

   background: #000033;

}



 div.badan{

   background-color: white;

   border-radius: 5px;

   border: 1px solid #f0f0f0;

   margin-bottom: 10px;

}



#footer

{

   margin-top:20px;

   width:auto;

   color: #fff;

   font-size:14px;

   text-align: center;

   padding-top:13px;

   height:50px;

   background:#333;

}



.jarak{

   width: 85%;

   margin: 20px auto;

}

 

  .content{

   width: 85%;

   margin: 20px auto;

}



  .container {

   width:95%;

  }

 

  header{

   background-image:url('img/futsal1.jpg');

   background-repeat:no-repeat;

   background-size:cover;

   background-position: 0 -80px;

   height:500px;

  }

  /*kode untuk navigasinya*/

  nav.navbar {

   background-color:white;

   border-bottom:4px double #0055FF;

   height:80px;

  }

  nav.navbar ul {

   background-color:white;

   list-style: none;

   float:right;

   padding:0;

   margin:0;

  }

  nav.navbar ul.menu li{

   display:inline-block;

   position:relative;

   }

  nav.navbar ul.menu li:hover {

   background-color:#2a95d3;

   -webkit-transition: all 0.4s ease;

   -o-transition: all 0.4s ease;

   transition: all 0.4s ease;

  }

  nav.navbar ul.menu li:hover a{

   color:#FFFFFF;

  } 

  nav.navbar ul li a{

   padding:25px 20px;

   display:block;

   color:#000000;

   font-weight:600;

  }

  /*kode untuk menu dropdown*/

  nav.navbar ul.menu li:hover > ul.dropdown {

   display:block;

  }

  nav.navbar ul.menu  ul.dropdown {

   background-color:#FFFFFF;

   position:absolute;

   top:73px;

   right:0;

   display:none;

   float:none;

   width:180px;

   box-shadow:0px 4px 4px black;

  }

  nav.navbar  ul.dropdown li {

   display:block;

   position: relative;

   border-bottom: 1px solid silver;

  }

  nav.navbar ul.dropdown li:before {

   position: absolute;

   font-family: Bootstrap;

   left: 10px;

   top: 28px;

  

  }

  nav.navbar ul.dropdown li a{

   display:block;

   float:none;

   text-align:;

   color:black;

  }

  nav.navbar ul.dropdown li:hover {

   background-color:#0088FF;

  }

  nav.navbar ul.menu li:hover > ul.dropdown a{

   color:#000000;

  }

  nav.navbar  ul.dropdown li:hover a{

   color:#FFFFFF!important;

  }

 



  /*kode untuk logo*/

  .img-responsive {

   display:block;

   max-width:100%;

   height:auto;

  }

  a{

   text-decoration:none;

   float:left;

  }

  a.logo {

   padding:10px;

  }

  a.logo > span {

    float: right;

    padding: 10px;

    background: #000033;

    color: #FFFFFF;

    border-radius: 50px;

    margin-top: 5px;

  }

  a.logo > img {

   float:left;

   width:50px;

   height:50px;

  }

 

  @media (min-width: 420px){

   span.toggle{

    display:none;

   }

  }

  @media (max-width: 650px){

   nav.navbar{

   height:auto;

   }

   a.logo,a.logo img,nav.navbar ul{

    float:none;

    text-align:center;

   }

   a.logo span{

    float:none;

    display:block;

   }

  }

  @media (max-width: 420px){

  nav.navbar ul.menu li{

   width:100%;

  }

  nav.navbar ul.menu {

   display:none;

  }

  nav.navbar ul.dropdown{

   width:100%!important;

   left:0;

  }

  span.toggle{

   background-color:#0088FF;

   color:#FFFFFF;

   padding:10px 15px;

   text-align:right;

   position:absolute;

   right:20px;

   top:25px;

   border-radius:5px;

   cursor:pointer;

  }

  }

 

  /*desain kotak form*/

  .kotak input[type=text], select {

  width: 30%;

  padding: I2px 20px;

  margin: 8px 0;

  display: inline-block;

  border: lpx solid #ccc;

  border-radius: 4px;

  box-sizing: border-box;

  }

.kotak input[type=submit] {

   width: 15%;

   background-color: #33FFFF;

   color: white;

   padding: 14px 20px;

   margin: 8px 0;

   border: none;

   border-radius: 4px;

   cursor: pointer;

   }

.kotak input[type=submit]:hover {

   background-color: #453049;

   }



/*untuk daftar member*/

#content

{

width:545px;

border-right:1px dotted #0B3861;



}





  1. Halaman Isi
    Digunakan untuk menampilkan isi dari tiap menu apabila di panggil/ diklik.

  1. koneksi.php
    <?php
    $host = "localhost";
    $user = "root";
    $password = "";
    $database = "e_futsal";

    $koneksi = mysql_connect($host, $user, $password);
    $pilihdatabase= mysql_select_db($database, $koneksi);
    if ($pilihdatabase) echo "";
    else echo "Gagal Koneksi";
    ?>


  2. home.php

    <header>
    </header>
    <div class="jarak">
    <?php
    @session_start();
    if(!isset($_SESSION['username'])){
    @header('location:index.php?page=login');}
    else{$username = $_SESSION['username'];}
    require_once("koneksi.php");
    $query = mysql_query("SELECT * FROM user WHERE username = '$username'");
    $hasil = mysql_fetch_array($query);
    ?>
    <h2>E-Booking Futsal</h2>
             <p>Cara cepat dan praktis booking lapang futsal di daerah Sumedang</p>
    <center><?php echo "<h2>$username</h2>";?>
    <a href="index.php?page=logout"><b>Logout</b></a></center>
            
    </div>
    </div>

  3. lapang.php
    <div class="jarak">
    <div class="isi">

             <h2>Pilih Lapang</h2>
            
            
    <p>Pilih Daerah :</p>

    <p><a href="index.php?page=angrek">Sumedang, Angrek (2)</a></p>
    <p><a href="index.php?page=citimun">Sumedang, Citimun (1)</a></p>


    <div class="table-responsive">      
    <table class="table table-bordered">
    <form action="index.php?page=pesan" method="POST">
    <tr>
    <th><a target="_blank" href="img/sawitri.jpg"><center><img src="img/sawitri.jpg" width="320px"></center></a></th>
    <th><a target="_blank" href="img/adiluhung.jpg"><img src="img/adiluhung.jpg" width="320px"></a></th>
    </tr>
    <tr><td><center>GOR Sawitri Futsal
    <p>Interlock</p>
    <p>IDR 100.000/jam</p>
    <p>kode:s1</p>
    </td>


    <td><center>Adiluhung Futsal
    <p>Interlock</p>
    <p>IDR 85.000/jam</p>
    <p>kode:a1</p>
    </form>

    </td>

    </tr>
    </table>

    <div class="col-md-2">
    <table class="table table-bordered" >
    <tr>
    <th><a target="_blank" href="img/suryasakti.jpeg">
    <img src="img/suryasakti.jpeg" width="320px"></a></th>
    </tr>
    <tr><td><center>Surya Sakti Futsal
    <p>Sintetis</p>
    <p>IDR 90.000/jam</p>
    <p>kode:s2</p>
    </td>


    </tr>
    </table>


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







    Berikut tampilan isi untuk lapang apabila berhasil :



              

  4. anggrek.php
    Tampilan apabila meng-klik kategori lapang angrek
    <?php
    $host = "localhost";
    $user = "root";
    $password = "";
    $database = "e_futsal";

    $koneksi = mysql_connect($host, $user, $password);
    $pilihdatabase= mysql_select_db($database, $koneksi);
    if ($pilihdatabase) echo "";
    else echo "Gagal Koneksi";
    ?>


    Hasil:








  5. citimun.php
    Tampilan apabila meng-klik kategori lapang pada citimun.
    <div class="jarak">
    <div class="isi">

             <h2>Lapangan citimun</h2>
            

    <table class="table table-bordered" >
    <tr>
    <th><a target="_blank" href="img/suryasakti.jpeg">
    <img src="img/suryasakti.jpeg" width="320px"></a></th>
    </tr>
    <tr><td>Surya Sakti Futsal
    <p>Sintetis</p>
    <p>IDR 90.000/jam</p>
    <p>kode:s2</p>
    </td>


    </tr>
    </table>

    </div>

    </div>

    Hasil :


  6. kontak.php
    <div class="jarak">
    <div class="isi">
             <h2>Kontak</h2>
             <p>Kirim pesan yang anda ingin sampaikan mengenai Blog ryangoesnawan.com.Pesan dapat berupa
             pertanyaan, kritik, maupun saran. Setian pesan yang dikirim akan diproses untuk pengembangan blog ini kedepannya.Terima kasih</p>
    </div>         
    <html>

    <body>        
             <h3>Kirim pesan anda</h3>
            

    <div class="kotak">
    <form action="isi/insertkontak.php" method="post">                              
    <tr><td><p><span class="glyphicon glyphicon-user"></span><label for="name">&nbsp;&nbsp;Name</label></p>
    <p><input type="text" placeholder="nama anda" name="name" placeholder="Nama Anda" required/></p></td></tr>

    <tr><td><p><span class="glyphicon glyphicon-envelope"></span><label for="email">&nbsp;&nbsp;E-mail</label></p>
    <p><input type="text" placeholder="email@example.com" name="email" placeholder="email@example.com" required/></p></td></tr>

    <tr><td><p><span class="glyphicon glyphicon-comment"></span><label for="comment">&nbsp;&nbsp;Comment</label></p></td></tr>
    <td><textarea cols="50" rows="6" name="comment" type="text" placeholder="Tulis pesan Anda disini" placeholder="email@example.com" required/></textarea></td>
    </select>

    <p><button type="submit" class="btn btn-info">Submit</button></p>

    </form>
            

    </div>
    </body>

    </html>
    </div>


    Hasil dari kode program kontak.php seperti berikut :



  7. daftar.php
    <div class="jarak">
    <div class="isi">
    <?php
    @session_start();
    if(isset($_SESSION['username'])){
    @header('index.php?page=home'); }
    ?>
    <center>

    <form action="index.php?page=prosesdaftar" method="post">
    <table class="table table-bordered">
    <h1 class="judul">Daftar Member </h1>
    <small>Silahkan isi formulir registrasi member...</small>
                                     <tr><td width="150">Nama </td><td><input type="text" name="nama" size="40" class="form-control"required></td></tr>
                                     <tr><td>Tanggal Lahir </td><td><input type="text" name="tanggallahir" size="25" class="form-control"required></td></tr>
                                     <tr><td>Jenis Kelamin </td><td><select name="jeniskelamin" class="form-control">
                                     <option value="laki-laki" class="form-control">Laki-laki</option>
                                     <option value="perempuan" class="form-control">Perempuan</option></td></tr>
                                     <tr><td>Status </td><td><select name="status" class="form-control">
                                     <option value="Belum Kawin" class="form-control">Belum Kawin</option>
                                     <option value="Kawin" class="form-control">Sudah Kawin</option>
                                     <option value="Cerai" class="form-control">Cerai</option>
                                     </select></td></tr>
                                     <tr><td>Pekerjaan </td><td><input type="text" name="pekerjaan" size="35" class="form-control"required></td></tr>
                                     <tr><td>Kelurahan </td><td><input type="text" name="kelurahan" size="35" class="form-control"required></td></tr>
                                     <tr><td>Kecamatan </td><td><input type="text" name="kecamatan" size="35" class="form-control"required></td></tr>
                                     <tr><td>Kota </td><td><input type="text" name="kota" size="35" class="form-control"required></td></tr>
                                     <tr><td>Provinsi </td><td><input type="text" name="provinsi" size="35" class="form-control"required></td></tr>
                                     <tr><td>Alamat </td><td><textarea cols="50" rows="6" name="alamat" class="form-control"required></textarea></td></tr>
                                     <tr><td>Telepon </td><td><input type="text" name="telepon" size="35" class="form-control"required></td></tr>
                                     <tr><td>Email </td><td><input type="text" name="email" size="35" class="form-control"required></td></tr>
                                     <tr><td>Website </td><td><input type="text" name="website" size="35" class="form-control"required></td></tr>
                                     <tr><td>Username </td><td><input type="text" name="username" size="28" class="form-control"required></td></tr>
                                     <tr><td>Password </td><td><input type="password" name="password" size="28" class="form-control"required></td></tr>
    <tr>
    <td colspan="2" align="right"><button type="submit" class="btn btn-primary">Daftar</button>
    <button type="reset" class="btn btn-warning">Batal</button></td>
    </tr>
    <tr>
    <td colspan="2" align="center">Sudah Punya akun ? <a href="index.php?page=login"><b>Login</b></a></td>
    </tr>
    </table>
    </form>
    </center>

    </div>
    </div>

  8. prosesdaftar.php
    <div class="jarak">
    <div class="isi">
    <?php require_once("koneksi.php");

    $nama = $_POST['nama'];
    $tanggallahir = $_POST['tanggallahir'];
    $jeniskelamin = $_POST['jeniskelamin'];
    $status = $_POST['status'];
    $pekerjaan = $_POST['pekerjaan'];
    $kelurahan = $_POST['kelurahan'];
    $kecamatan = $_POST['kecamatan'];
    $kota = $_POST['kota'];
    $provinsi = $_POST['provinsi'];
    $alamat = $_POST['alamat'];
    $telepon = $_POST['telepon'];
    $email = $_POST['email'];
    $website = $_POST['website'];
    $username = $_POST['username'];
    $pass = $_POST['password'];

    $insertprofile = "insert into tbl_user_profile(nama, tgl_lahir, jns_kelamin, status, pekerjaan, alamat,
                                                                                                                         kelurahan , kecamatan , kota, provinsi, telp, email, website)
                                                                                                 values ('$nama', '$tanggallahir', '$jeniskelamin', '$status', '$pekerjaan',
                                                                                                                      '$kelurahan','$kecamatan','$kota','$provinsi','$alamat','$telepon',
                                                                                                                         '$email', '$website')";
                                                                                                                        
    $insertuser = "insert into user(username, password) values('$username', '$pass')";

    $insertuser_query = mysql_query($insertuser);
    $insertprofile_query = mysql_query($insertprofile);
    ?>

    <?php require_once "koneksi.php"; ?>

    <html>
             <head>

             </head>
             <body>
                        
                                                 <ul>
                                                             <?php require_once "prosesdaftar.php"; ?>
                                                 </ul>
                        

                                     <h1 class="judul">Registrasi Member :</h1>
                                     <?php
                                     if ($insertuser_query && $insertprofile_query)
                                     {
                                                 echo "<p>Terima Kasih Anda Telah Melakukan Registrasi Member...</p>";
                                                 echo "<p>Berikut adalah informasi login anda...</p>";
                                                 echo "<p>Username : $username<br/>";
                                                 echo "Password : $pass<br/></p>";
                                                 echo "<p>Silahkan login di sini <a href=\"index.php?page=login\">Login!</a></p>";
                                     }
                                     ?>

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

    Berikut tampilan isi halaman daftar :

  9. login.php
    <div class="jarak">
    <div class="isi">
    <?php
    @session_start();
    if(isset($_SESSION['username'])){
    header('location:index.php?page=home'); }
    require_once("koneksi.php");
    ?>
    <center>
    <form action="index.php?page=proseslogin" method="post">
    <h1>Masuk</h1>
    <table>
    <tbody>
    <tr>
    <td><p><span class="glyphicon glyphicon-user"></span>&nbsp;&nbsp;Username</p>
    <p><input name="username" type="text" class="form-control"/></p></td>
    </tr>
    <tr>
    <td><p><span class="glyphicon  glyphicon-lock"></span>&nbsp;&nbsp;Password</p>
    <p><input name="password" type="password" class="form-control" /></p></td>
    </tr>
    <tr>
    <td colspan="2" align="right"><input type="submit" name="login" value="Login" class="btn btn-primary"/>
    <button type="reset" class="btn btn-warning">Batal</button></td>
    </tr>
    <tr>
    <td colspan="2" align="center">Belum Punya akun ?
    <a href="index.php?page=daftar"><b>Daftar</b></a></td>
    </tr>
    </tbody>
    </table>
    </form>
    </center>

    </div>
    </div>

  10. proseslogin.php
    <?php
     include("koneksi.php");

     $usr = $_POST['user'];
     $psw = ($_POST['pass']);
     

     $sql = "SELECT * FROM admin WHERE user='$usr' AND password='$psw'";
     $res =  mysql_query($sql);
     $data = mysql_fetch_array($res);
     $n = mysql_num_rows($res);

     if($n == 1){
      session_start();

      
      $_SESSION['usernameku'] = $usr;
      $_SESSION['passwordku'] = $psw;
     

      echo"<script language='javascript'>window.location = 'index2.php'</script>";
     }else{
      echo"<script language='javascript'>alert('Username atau Password Salah !')</script>";
      echo"<script language='javascript'>window.location = 'index.php'</script>";
     }
    ?>


  11. logout.php
    <?php @session_start();
    unset($_SESSION['username']);
    ?>

    <h2>Anda telah berhasil logout..</h2>

    Berikut hasil tampilan:

  12. booking.php
    <div class="jarak">
    <div class="isi">
    <p>Mohon diperhatikan sebelum anda memesan jadwal, lihat terlebih dahulu
    mengenai ID Jadwal. Apabila ID Jadwal sudah ada di tabel Jadwal Main maka
    anda tidak bisa memesan jadwal karena jadwal tersebut sudah di booking.</p>
    <?php
    include 'koneksi.php'


    ?>


    <!DOCTYPE html>
    <html>
    <head>


    </head>

    <body>
    <fieldset>
    <legend><h1>Jadwal Kosong</h1></legend>
     <div style="margin-bottom:15px;" align="right">
      <form action="" method="post">
       <input type="text" name="input_cari" placeholder="masukan id jadwal" class="form-control" style="width:250px;" />
       <input type="submit" name="cari" value="Cari" class=="btn btn-default" style="padding:3px;" margin="6px;" width="50px;"  />
      <div class="row">
      <div class="col-md-8"></div>
      <div class="col-md-4"></div>
      </div>
      </form>
     </div>

     <table class="table table-bordered table-striped">
       <th>ID Jadwal</th>
       <th>Kode</th>
       <th>Tanggal</th>
       <th>Lapang</th>
       <th>Jam awal</th>
       <th>Jam akhir</th>

       <?php
       $input_cari = @$_POST['input_cari'];
       $cari = @$_POST['cari'];

       // jika tombol cari di klik
       if($cari) {

        // jika kotak pencarian tidak sama dengan kosong
        if($input_cari != "") {
        // query mysql untuk mencari berdasarkan id
        $sql = mysql_query("select * from jadwal_kosong where id_jadwal like '%$input_cari%'") or die (mysql_error());  
        } else {
        $sql = mysql_query("select * from jadwal_kosong") or die (mysql_error());
        }
        } else {
        $sql = mysql_query("select * from jadwal_kosong") or die (mysql_error());
        }

       // mengecek data
       $cek = mysql_num_rows($sql);
       // jika data kurang dari 1
       if($cek < 1) {
        ?>
         <tr> <!--muncul peringata bahwa data tidak di temukan-->
          <td colspan="7" align="center" style="padding:10px;"> Data Tidak Ditemukan</td>
         </tr>
        <?php
       } else {

       // mengulangi data agar tidak hanya 1 yang tampil
       while($data = mysql_fetch_array($sql)) {

       ?>
       <tr>
        <td><?php echo $data['id_jadwal'] ?></td>
             <td><?php echo $data['kode'] ?></td>
             <td><?php echo $data['tanggal'] ?></td>
        <td><?php echo $data['lapang'] ?></td>
             <td><?php echo $data['jam_awal'] ?></td>
             <td><?php echo $data['jam_akhir'] ?></td>
       

      
       </tr>
      <?php

      }
     }
    ?>
    </table>

      <a href="index.php?page=pesan">
     <button align="right" class="btn btn-success">Pesan</button>
    </a>


    <legend><h1>Jadwal Main</h1></legend>

    <table class="table table-bordered table-striped">
       <th>ID Jadwal</th>
       <th>Nama</th>
       <th>No Hp</th>
       <th>Alamat</th>
       <th>Status</th>
      

       <?php
       $input_cari = @$_POST['input_cari'];
       $cari = @$_POST['cari'];

       // jika tombol cari di klik
       if($cari) {

        // jika kotak pencarian tidak sama dengan kosong
        if($input_cari != "") {
        // query mysql untuk mencari berdasarkan id
        $sql = mysql_query("select * from jadwal_main where id_jadwal like '%$input_cari%'") or die (mysql_error());  
        } else {
        $sql = mysql_query("select * from jadwal_main") or die (mysql_error());
        }
        } else {
        $sql = mysql_query("select * from jadwal_main") or die (mysql_error());
        }

       // mengecek data
       $cek = mysql_num_rows($sql);
       // jika data kurang dari 1
       if($cek < 1) {
        ?>
         <tr> <!--muncul peringata bahwa data tidak di temukan-->
          <td colspan="7" align="center style="padding:10px;"">Jadwal Masih Kosong</td>
         </tr>
        <?php
       } else {

       // mengulangi data agar tidak hanya 1 yang tampil
       while($data = mysql_fetch_array($sql)) {

       ?>
       <tr>
             <td><?php echo $data['id_jadwal'] ?></td>
             <td><?php echo $data['nama'] ?></td>
        <td><?php echo $data['no_hp'] ?></td>
             <td><?php echo $data['alamat'] ?></td>
             <td><?php echo $data['status'] ?></td>
            
       
        <!--Hanya pemanis tampilan-->
      
       </tr>
      <?php

      }
     }
    ?>
     </table>

    <?php

    ?>



    </fieldset>
    </body>
    </html>

    </div>
    </div>


    Hasil :

  13. pesan.php
    <div class="jarak">
    <div class="isi">

             <h2>Masukan Informasi</h2>

    <form method="post" action="index.php?page=proses">
    <table class="table table-bordered">

    <tr><td>ID Jadwal</td><td><input type="text" name="id_jadwal" class="form-control" required/></td></tr>
    <tr><td>Kode Lapang</td><td>
    <label for="kode"></label>
    <select name="kode" id="kode" class="form-control" required>
    <option value="Sawitri">s1</option>
    <option value="Suryasakti">s2</option>
    <option value="Adiluhung">a1</option>
    </select></td></tr>
    <tr><td>Status</td><td><label>
    <input type="radio" value="member" name="status" id="status_0" required/>Member</label>
    <label><input type="radio" value="nonmember" name="status" id="status_1" required/>
    Non Member</label>
    <tr><td width="150">Nama</td><td><input type="text" name="nama" class="form-control" required></td></tr>
    <tr><td>No Hp</td><td><input type="text" name="no_hp" class="form-control" required/></td></tr>
    <tr><td>Alamat</td><td><textarea name="alamat" class="form-control" required/></textarea></td></tr>

    </td></tr>
    <tr><td colspan="2">
    &nbsp;&nbsp;<input type="submit" value="Submit" class="btn btn-info">
    <a href="index.php?page=booking" class="btn btn-danger">kembali</a></td></tr>
    </table>
    </form>


    </div>
    </div>

    Hasil dari pesan.php

         14. proses.php
         Hasil dari input pesandiv class="jarak">
          <div class="isi">
          <?php
          include"koneksi.php";
          $nama = $_POST['nama'];
          $no_hp = $_POST['no_hp'];
          $alamat = $_POST['alamat'];
          $id_jadwal = $_POST['id_jadwal'];
          $kode = $_POST['kode'];
          $status = $_POST['status'];


         $query_insert = "insert into jadwal_main(nama,no_hp, alamat, status, id_jadwal)
         values('$nama', '$no_hp', '$alamat','$status','$id_jadwal');";

         $insert = mysql_query($query_insert);      

         if($insert)
        {
       // maka
       echo "Terima kasih anda telah melakukan pembookingan...";
       }
        // jika querynya gagal, atau ada yang tidak beres dengan koneksi antara
       // php dan mysql
      else
     {
     // maka
     echo "Gagal melakukan pembookingan... ";
     }

      if ($kode=='Sawitri')
      {
  
   
      if ($status=='member'){
      $harga=75000;
         }
      else if ($status=='nonmember'){
         $harga=100000;
         }
        }
  
      else if ($kode=='Suryasakti')
      {
      if ($status=='member'){
      $harga=80000;
         }
     else if ($status=='nonmember'){
         $harga=90000;
         }
    
       }
  
      else if ($kode=='Adiluhung')
     {
      if ($status=='member'){
         $harga=70000;
         }
      else if ($status=='nonmember'){
         $harga=80000;
         }
   
         }
        ?>

        <table class="table table-bordered" >
 
       <tr>
       <td width="150">Nama</td>
       <td class="form-control"><?php echo $nama; ?></td>
       </tr>
        <tr>
       <td>No Hp</td>
       <td class="form-control"><?php echo $no_hp; ?></td>
       </tr>
       <tr>
       <td>Alamat</td>
       <td class="form-control"><?php echo $alamat; ?></</td>
      </tr>
      <tr>
       <td>ID Jadwal</td>
       <td class="form-control"><?php echo $id_jadwal; ?></</td>
       </tr>
      <tr>
       <td>Lapang</td>
       <td class="form-control"><?php echo $kode; ?></</td>
       </tr>
       <tr>
       <td>Status</td>
      <td class="form-control"><?php echo $status; ?></</td>
      </tr>
      <tr>
      <td>Harga Sewa</td>
      <td class="form-control"><?php echo "Rp." .number_format ($harga); ?></td>
      </tr>
      <tr>
    <td>           <a href="index.php?page=pesan" ><input name="" type="button"                           value="kembali"  class="btn btn-danger">
       </a></td>
        </tr>
       </table>

       </div>
        </div>

      Tampilan :



        oleh : Rian Gusnawan
        
       Untuk demonya dapat dilihat di :  e-futsal.pe.hu
0 Komentar untuk "Project UAS Website E-Booking Futsal"

Silakan tinggalkan komentar anda. DILARANG KERAS menyimpan link blog/web pada komentar dengan tujuan backlink, Spam.

 
Copyright © 2014 Tutorial Kampus - All Rights Reserved
Template By. Catatan Info