Junaldo_Info

Cara Menginstal Ubuntu di VirtualBox

Pengertian Ubuntu

Ubuntu adalah sistem operasi berbasi Linux yang gratis dan open source. Ubuntu di kembangkan oleh Canonical Ltd dan didistribusikan dengan lisensi GPL (General Public Licene). Ubuntu sangat populer di kalangan pengguna linux karena stabilita,keamanan,dan kemudahan penggunaanya.

Pengertian VirtualBox

VirtualBox adalah perangkat lunak virtualisasi untuk menginstal sistem operasi "Operating System'. kata virtualisasi yaitu mengubah atau mengkonversi sesuatu menjadi bentuk simulasi dari real atau nyata.

langkah-langkah menginstal Ubuntu di VirtualBox :

1. Unduh VirtualBox di google

2. Unduh File Ubuntu

3. Buka VirtualBox,lalu klik New,maka akan muncul eperti gambar dibawah. Isi nama file dengan nama Ubuntu

4. Selanjutnya adalah mengatur Hardware

Integrasi PHP dengan Template

1. Buat Folder Baru

 Buat folder siswa di c:\xampp\htdocs

 Copy kan hasil koding PHP (login & CRUD siswa) ke folder siswa

 Copy kan juga hasil form template yang sudah dibuat sebelumnya

2. Buka VS Code dan Open Folder Siswa

3. Integrasi PHP dengan Form Login

 Buka file index.html dan login.php

 Pada index.html, copy kode link eksternal css ke login.php

4. Integrasi PHP dengan Form Login

 Pada index.html, copy kode class container ke login.php

</div>

<div class="container">
<h1>Login</h1>
  <form action="" method="POST">
  <label>Username</label><br>
  <input type="text" name="username"><br>
  <label>Password</label><br>
  <input type="password" name="password"><br>
  <button type="submit" name="login">Log in</button>
</form>
</div>

5. Membuat Template di konten.php

 Buka file konten.php dan hapus kode antara awal menu sidebar dan akhir menu sidebar lalu tambahkan kode php berikut ;

<?php
if (!isset($_GET['page'])){
    echo "Selamat, anda berhasil login
$_SESSION[username]!";
    echo "<br>";
    echo "<a href=logout.php>Logout</a>";
}elseif ($_GET['page'] == 'siswa'){
   include "siswa.php";
}else{
    echo "Maaf, halaman tidak ditemukan!";
}
?>

 Buka file konten.php dan hapus kode antara awal footer dan akhir footer lalu tambahkan kode php berikut ;

Cara membuat CRUD dengan PHP

Tutorial ini merupakan lanjutan dari Tutorial Membuat Login dengan PHP & MySQL

CRUD adalah akronim untuk Create,Read,Update,dan Delete.

1. Mengedit file konten.php pada tutorial sebelumnya

<?php
if (!isset($_GET['page'])){
    echo "Selamat, anda berhasil login
$_SESSION[username]!";
    echo "<br>";
    echo "<a href=logout.php>Logout</a>";
}elseif ($_GET['page'] == 'siswa'){
   include "siswa.php";
}else{
    echo "Maaf, halaman tidak ditemukan!";
}
?>

2. Menambahkan file siswa.php pada folder tutorial sebelumya

<?php
echo "ini halaman siswa";
?>

3. Membuat File .htaccess

RewriteEngine On
Options +FollowSymLinks
RewriteRule ^([0-9a-zA-Z-]+)/?/?$ /login_php/index.php?page=$1

4. Mengedit File siswa.php dari lanjutan nomor 2

a. Menampilkan Data Siswa

<?php
if (!isset($_GET['aksi'])){
?>
    <a type="button" href="index.php?page=siswa&aksi=tambah">Tambah Siswa</a>
    <table>
      <thead> 
        <tr>
          <th>No</th>
          <th>NIS</th>
          <th>Nama Siswa</th>
          <th>Jenis Kelamin</th>
          <th>Alamat</th>
          <th>Aksi</th>
        </tr>
      </thead>
      <tbody>
        <?php
        $siswa=mysqli_query($koneksi, "SELECT * FROM siswa");
        $no = 1;
        while ($data = mysqli_fetch_array($siswa)){
        ?>
          <tr>
          <td><?php echo $no; ?></td>
          <td><?php echo $data['nis']; ?></td>
          <td><?php echo $data['nama_siswa']; ?></td>
          <td><?php echo $data['jenis_kelamin']; ?></td>
          <td><?php echo $data['alamat']; ?></td>
          <td><a href="index.php?page=siswa&aksi=edit&id=<?php echo $data['id_siswa'] ?>">Edit</a> |
          <a href="index.php?page=siswa&aksi=hapus&id=<?php echo $data['id_siswa'] ?>">Hapus</a></td>
        </tr>
        <?php
        $no++;
      }
      ?>
      </tbody>
    </table>
<?php
}
?>

hasil

b. Membuat form tambah siswa pada file siswa.php

c. Menambahkan Fungsi Simpan Siswa pada file siswa.php

d. Membuat Form Edit pada file siswa.php

e. Menambahkan Fungsi update pada file siswa.php

f. Menambahkan Fungsi Hapus Siswa pada file siswa.php

Form Login PHP & MySQL

1. Login.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.0">
  <title>Membuat Form Login</title>
</head>
<body>
<h1>Login</h1>
  <form action="" method="POST">
  <label>Username</label><br>
  <input type="text" name="username"><br>
  <label>Password</label><br>
  <input type="password" name="password"><br>
  <button type="submit" name="login">Log in</button>
</form>

<?php
include "koneksi.php";
if (isset($_POST['login'])){
  $user = $_POST['username'];
  $pass = md5($_POST['password']);
  $login=mysqli_query($koneksi, "SELECT * FROM user
    WHERE username='$user' AND password='$pass'");
  $cocok=mysqli_num_rows($login);
  $r=mysqli_fetch_array($login);
  if($cocok > 0){
      $_SESSION[username] = $r[username];
      header('location:index.php');
  }else{
      echo "<script>window.alert('Maaf, Anda Tidak Memiliki akses');
        window.location=('index.php')</script>";
  }
}
?>
  
</body>
</html>

2. Koneksi.php

<?php
$koneksi = mysqli_connect ("localhost","root","","siswa_smk");
// cek koneksi
if (mysqli_connect_error()) {
  echo "Koneksi Database Gagal: ". mysqli_connect_error();
}
?>

3. index.php

<?php
session_start();
include "koneksi.php";
   if (isset($_SESSION['username'])==''){
    include "login.php";
  }else{
    include "konten.php";
  }
?>

4. Konten.php

<?php
echo "Selamat, anda berhasil login
$_SESSION[username]!";
echo "<br>";
echo "<a href=logout.php>Logout</a>";
?>

5. Logout.php

<?php
session_start();
session_destroy();
header('Location:index.php');
  die();
?>

Hasil,ketika kita membuka localhost/login_php

Jika kita memasukan username dan password nya,misal :

username : admin

password : 123

maka hasilnya seperti gambar di bawah ini ;

Tetapi Jika :

username : admin

password: admin

maka tampilannya adalah sebagai berikut:

Cara Membuat web untuk penjualan handphone

Soal Latihan(soal lengkap)

1. Latihan form

<!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.0">
    <title>Document</title>
</head>
<body>
    <FORM ACTION="prosesform.php" METHOD="POST" NAME="input">
        <h2>HANDPHONE SHOP</h2>
        <p>Produk GSM Mobile (Best Price)</p>
        <input type="checkbox" name="hp1" value="Nokia 1208 Rp. 350.000,-"
        checked> Nokia 1208 Rp. 350.000,-<br>
        <input type="checkbox" name="hp2" value="Nokia 1661 Rp. 465.000,-"> 
        Nokia 1661 Rp. 465.000,-<br>
        <input type="checkbox" name="hp3" value="SonyEricsson K330 Rp. 485.000,-">
        SonyEricsson K330 Rp. 485.000,-<br>
        <input type="checkbox" name="hp4" value="Samsung Champ Rp. 865.000,-">
        Samsung Champ Rp. 865.000,-<br>
        <input type="checkbox" name="hp5" value="Samsung B3410 Rp. 1.624.000,-">
        Samsung B3410 Rp. 1.624.000,-<br>
        =========================================
        <p>Data Customer</p>
        ID Customer : <input type="text" name="id_customer"><br>
        Nama        : <input type="text" name="nama"><br>
        Email       : <input type="text" name="email"><br>
        Alamat      : <input type="text" name="alamat"><br>
        
        Member :
        <input type="radio" name="member" value="member" checked>
        Member<br>
        <input type="radio" name="member" value="bukan"> 
        Bukan<br>

        Pembayaran :
        <select name="pembayaran">
            <option value="VISA">VISA</option>
            <option value="MASTERCARD">MASTERCARD</option>
            <option value="DEBIT BCA">DEBIT BCA</option>
        </select>

        <p> <input type="submit" name="Proses" value="Proses"> </p>
    </FORM>
</body>
</html>

2. Hasil

ketika kita membuka progaram diatas maka hasilnya adalah di bawah ini.

3. Proses form

dalam memasukan/mengisi data,seperti mencentang hp,mengisi id custumer,nama dan lain,akan dibutuhkan program seperti di bawah ini.

<!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.0">
    <title>Proses Handphone Shop</title>
</head>
<body>
    <?php
    // $hp1 = $_POST['hp1'];
    // $hp2 = $_POST['hp2'];
    // $hp3 = $_POST['hp3'];
    // $hp4 = $_POST['hp4'];
    // $hp5 = $_POST['hp5'];

    $id_customer = $_POST['id_customer'];
    $nama = $_POST['nama'];
    $email = $_POST['email'];
    $alamat = $_POST['alamat'];
    $member = $_POST['member'];
    $pembayaran = $_POST['pembayaran'];
    
        echo "Produk yang dibeli :<br>";
        if (isset($_POST['hp1'])) {
        echo $_POST['hp1'] . "<br>";
        $hp1 = 350000;
        } else {
            $hp1 =0;
        }
        if (isset($_POST['hp2'])) {
        echo $_POST['hp2'] . "<br>";
        $hp2 = 465000;
        } else {
            $hp2 =0;
        }
        if (isset($_POST['hp3'])) {
        echo $_POST['hp3'] . "<br>";
        $hp3 = 485000;
        } else {
            $hp3 =0;
        }
        if (isset($_POST['hp4'])) {
        echo $_POST['hp4'] . "<br>";
        $hp4 = 865000;
        } else {
            $hp4 =0;
        }
        if (isset($_POST['hp5'])) {
        echo $_POST['hp5'] . "<br>";
        $hp5 = 1624000;
        } else {
            $hp5 =0;
        }

    echo "======================================================";
    echo "<p>Data Customer</p>";
    echo "ID Customer : $id_customer <br>";
    echo "Nama : $nama <br>";
    echo "Email : $email <br>";
    echo "Alamat : $alamat <br>";
    echo "Member : $member <br>";
    echo "Pembayaran : $pembayaran <br>";

    $total = $hp1 + $hp2 + $hp3 + $hp4 + $hp5;
    echo "Pembayaran Akhir = $total <br>"; 

    if ($member == "member"){
        echo "Diskon member = 10% <br>";
        $totalmember = $total - ($total * 0.1);
    }
    ?>
    
</body>
</html>

4. Hasil

ketika kita sudah memasukan data atau mengisi data, maka hasil ouput adalah di bawah ini;

latihan tugas form PHP dan HTML

1. latihan 1

<!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.0">
  <title>Document</title>
</head>
<body>
<form action="latihanlogin.php" method="POST" name="input">
Username : <input type="text" name="username"><br>
Password : <input type="password" name="password"><br>
<input type="submit" name="login" value="Login">

</form>
</body>
</html>

2. hasil

struktur kontrol menggunakan operator dengan PHP

Contoh soal Latihan PHP

1. Buat variabel, minimal belanja dan total belanja yang berisi nilai 100000 dan 120000. Jika total belanja lebih besar dari minimalnya, maka dapat diskon 10%!

Pada bagian statement juga ditampilkan total bayar setelah dapat diskon!

Berikut Di bawah ini adalah Programnmya

<!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.0">
  <title>Latihan</title>
</head>
<body>
<?php 
$minimal_belanja =100000;
$total_belanja =95000; // Ubah total belanja sesuai keinginan

echo("Total Belanja: Rp.");
echo ($total_belanja);
echo "<br>";
if ($total_belanja >= $minimal_belanja) {
echo "Selamat, anda dapat diskon 10%!";
}
else {
echo "Maaf, anda tidak dapat diskon!";
}

echo "<br>";
echo("Total Bayar: Rp.");
if ($total_belanja >= $minimal_belanja)
echo ($total_belanja = $total_belanja - (0.1*$total_belanja));
else
echo ($total_belanja);
?>
</body>
</html>

Hasil Dari program di atas,jika belanjanya di bawah 100.000

<!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.0">
  <title>Latihan</title>
</head>
<body>
<?php 
$minimal_belanja =100000;
$total_belanja =100000; // Ubah total belanja sesuai keinginan

echo("Total Belanja: Rp.");
echo ($total_belanja);
echo "<br>";
if ($total_belanja >= $minimal_belanja) {
echo "Selamat, anda dapat diskon 10%!";
}
else {
echo "Maaf, anda tidak dapat diskon!";
}

echo "<br>";
echo("Total Bayar: Rp.");
if ($total_belanja >= $minimal_belanja)
echo ($total_belanja = $total_belanja - (0.1*$total_belanja));
else
echo ($total_belanja);
?>
</body>
</html>

Hasil Dari program di atas jika belanjanya di atas 100.000

Struktur kontrol dengan menggunakan Beberapa operator

1.Buatlah proses seperti kalkulator yang bisa melakukan perhitungan :
a. Penjumlahan (+)
b. Pengurangan (-)
c. Perkalian (*)
d. Pembagian (/)
e. Modulus (%)
Terdapat 3 buah masukan yaitu : 2 variabel untuk input bilangan dan 1 variabel untuk operator.
<!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.0">
<title>Document</title>
</head>
<body>
<?php
$bil1 = 15 ;
$bil2 = 5 ;
$oper = "%"; //ubah tanda perhitungan sesuai keperluan
$kur = $bil1 - $bil2;
$tambah = $bil1 + $bil2;
$bagi = $bil1 / $bil2;
$kal = $bil1 * $bil2;
$mo = $bil1 % $bil2;

echo "Bilangan 1 = $bil1";
echo " ";
echo "Bilangan 2 = $bil2";
echo " ";
echo "Operator = $oper";
echo " ";

if ($oper == "+") {
echo "Hasilnya $bil1 $oper $bil2 = $tambah";
}
else if ($oper == "-") {
echo "Hasilnya $bil1 $oper $bil2 = $kur";
}
else if ($oper == "/") {
echo "Hasilnya $bil1 $oper $bil2 = $bagi";
}
else if ($oper == "*") {
echo "Hasilnya $bil1 $oper $bil2 = $kali";
}
else {
echo "Hasilnya $bil1 $op $bil2 = $mo";
}
?>
</body>
</html>

Hasil

2.Sebuah minimarket menyediakan fasilitas belanja online. Dan untuk bulan ini toko tersebut memberikan discount. Buatlah program untuk toko tersebut dengan beberapa parameter sebagai berikut :
Input (simpan dalam bentuk variabel):
Nama Barang Harga satuan
Jumlah yang dibeli
Member toko atau bukan
Output:
Harga barang setelah didiskon
Jumlah total harga yang harus dibayar pembeli.
Jika pembeli tersebut adalah member, maka akan mendapat diskon lagi sebesar 5%.
Jumlah barang yang dibeli ada 2

<!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.0">
<title>Tugas Struktur Kontrol</title>
</head>
<body>
<?php
$namabrg1="Sabun Cuci Rinso";
$harga1 = 9000;
$jmlh1 = 3;

$namabrg2="Sikat Gigi Pepsodent";
$harga2 = 7000;
$jmlh2 = 2;
$member = "ya";

echo "Apakah pembeli sebagai member:$member ";
echo "Nama barang yang dibeli ";
echo "Barang 1 : ";
echo "Barang = $namabrg1 ";
echo "Harga = Rp. $harga1 ";
echo "Jumlah = $jmlh1 ";
echo "Diskon = 0.05 ";

echo "Barang 2 : ";
echo "Barang = $namabrg2 ";
echo "Harga = Rp. $harga2 ";
echo "Jumlah = $jmlh2 ";
echo "Diskon = 0.05 ";

$total1 = ($harga1 * $jmlh1)-(($harga1 * $jmlh1)*0.05);
$total2 = ($harga2 * $jmlh2)-(($harga2 * $jmlh2)*0.05);
$total_harga = $total1 + $total2;

echo "Total harga = Rp. $total_harga ";
echo "Diskon untuk member = 0.05 ";

if ($member == "ya"){
$total_harga_member = $total_harga-($total_harga * 0.05);
echo "Harga yang harus dibayar =Rp. $total_harga_member";
} else{
echo "Harga yang harus dibayar =Rp. $total_harga";
}

?>
</body>
</html>

hasil