UTS P. Web

1. Berdasarkan tugas pembuatan web yang telah dilakukan

  • Web yang dikerjakan : stickmypride.com

  • Biaya Web :
          - Domain : Rp 115.000
          - Hosting : Rp 394.800 per tahun
  • Langkah - langkah yang telah dilakukan :
          a. Menyewa hosting sekaligus domain
          b. Menginstall CMS Wordpress pada Hosting
          c. Mengupload beberapa stiker
          d. Menambahkan beberapa kategori

  • Fitur - fitur pada Web
         a. Sign Up


       b. Log In

      c. Melihat stiker sesuai kategori




2. Buatlah program pendek untuk monitoring praktiku, sebagai berikut :
    a. Tabel User
   
    
    b. Tabel Praktikum
     
    
    c. Koneksi.php
         <?php
$dbserver = 'localhost';
$dbuser   = 'root';
$dbpass   = '';
$dbname   = 'baru';

$connect = new mysqli($dbserver, $dbuser, $dbpass, $dbname);

if ($connect->connect_error) {
    trigger_error('Database connection failed: '  . $conn->connect_error, E_USER_ERROR);
}
?>

   d. Login.php
      
    
<?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>


     d. Menampilkan data
<?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>';
?>




Tidak ada komentar:

Posting Komentar