Tutorin Aja: UTS P.Web

1. Berdasarkan tugas pembuatan web di domain komersial yang telah dilakukan

Web yang dikerjakan: booklapangan.com
Biaya web:

Domain: $10 per tahun
VPS: $5 per bulan

Langkah - langkah yang telah dilakukan:

Menyewa domain
Mendesain front end menggunakan template Bootstrap

Fitur - fitur pada web

Homepage

Halaman pemilihan lapangan

Halaman pemesanan lapangan yang telah dipilih

2. Buatlah program pendek untuk monitoring praktikum, dengan spesifikasi berikut

Tabel User

Tabel Praktikum

Halaman Login

<?php
 include 'koneksi.php';
?>
 
<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <!-- The above 3 meta tags *must* come first in the head; any other head content must come *after* these tags -->
    <title>UTS Pweb</title>

    <!-- Bootstrap -->
    <link href="css/bootstrap.min.css" rel="stylesheet">

  </head>

<div class="col-sm-3" style="background-color:lightgreen; padding-top:10px">
    <form action="login_user.php" method="POST">
      <div class="contact-bottom">
        <label>Username : </label>
        <input name="nama_user" type="text" placeholder="Username" />
        <br>
        <label>Password : </label>
        <input name="password_user" type="password" placeholder="Password" />
        <div class="submit-btn">
          <input type="Submit" value="Login">
        </div>
      </div>
    </form>
</div>

<!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
    <!-- Include all compiled plugins (below), or include individual files as needed -->
    <script src="js/bootstrap.min.js"></script>
  </body>
</html>

Halaman Menampilkan Data di Tabel Praktikum

<?php 
  include'koneksi.php';
$i=1;

echo '<table border="1" style="background-color:orange"><thead><td> No. </td><td>Kode</td><td>Mata Praktikum</td><td> Jumlah Praktikan</td></thead><tbody>';
echo '<h1>Data Mata Praktikum dan Jumlah Praktikan</h1>';
if($resultc = $connect->query("SELECT * FROM `praktikum`")){
                while($rowc = $resultc->fetch_assoc()) {
                      echo '<tr>';
                       echo '<td>', $i++,'</td>';
                       echo '<td>', $rowc['kode_mk'],'</td>';
                       echo '<td>', $rowc['nama_mk'],'</td>';
                       echo '<td>', $rowc['jumlah_praktikan'],'</td>';
                    echo '</tr>';
                    }
                $resultc->free();


}

echo '</tbody></table>';
echo '<div style="text-align:center"><button > Tambah Data MK</button></div>';
?>

Tutorin Aja

Jumat, 01 April 2016

UTS P.Web

Tidak ada komentar:

Posting Komentar