Tina

Berikut Modul Latihan UKK TKJ 2025

TOPOLOGI UKK ASJ 2025

Membuat S3 Bucket

1. Klik CREATE BUCKET

2. Masukkan nama BUCKET

s3namasiswa-latihanukk2025

3.Block all acces dimatikan dan centang kotak kuning dibawah

4. Klik Create

Upload File Di S3 BUCKET

Silahkan unduh gambar berikut :

https://citraweb.com/images/produk/431/besar2.jpg

https://citraweb.com/images/USB-adaptor.jpg

2. Clik Bucket yang sudah dibuat

3. Klik Upload

4.Klik Add File

5.Pilih 2 Gambar yang tadi kalian pilih

6.Kembali ke Bucket, klik Bucket yang kalian buat tadi

7.Cari menu Permission scroll dan cari Bucket Policy,Kemudian klik edit

8.Kemudian masukkan konfigurasi di bawah ini!!!

{
	"Version": "2012-10-17",
	"Statement": [
    	{
       	 "Sid": "PublicReadGetObject",
        	"Effect": "Allow",
        	"Principal": "*",
        	"Action": [
            	"s3:GetObject"
        	],
        	"Resource": [
                "arn:aws:s3:::Bucket-Name/*"
        	]
    	}
	]
}

9. Ganti "arn:aws:s3:::Bucket-Name/*" dengan "arn:aws:s3:::s3namasiswa-latihanukk2025/*"

10.Lalu save changes

MEMBUAT SECURITY GROUPS

Ke EC2 Lalu cari (security groups)
CREATE security groups
Nama=sglatihanUKKnama_kamu

Description = Bismillah Lulus

VPC=Default

4.klik menu action kemudian klik edit inbound rules

5.edit dan sesuaikan seperti di bawah

6.Lalu save rules

CREATE RDS

Ketik RDS di dasboard

2.CREATE DATABASE

3.Engine tipe=postgreSQL

● Templates=free tier

● Db instance identifier=DBLATIHANUKKNAMAKAMU

● master username=postgres

● master password=latihan123

● confirm master password=latihan123

● Instance configuration=db.t3.micro

● storage=Default dan 20GB

● public access=yes

● Existing VPC security groups=sg yang kalian buat tadi (sglatihanUKKnama_kamu)

● Database authentication=Password authentication

Klik CREATE DATABASE

.LANGKAH REMOTE DENGAN PGADMIN

Buka pgadmin4 , KLik ADD New Server

2.nama=nama database Server yang kalian buat (DBLATIHANUKKNAMAKAMU)

3.klik menu connection

4.host name/address=isi endpoint database server yang dibuat di aws

cara melihat endpoint

● Pergi ke RDS

● klik RDS yang kalian buat

● Copy endpoint

5.username=postgres

6.password=latihan123

7.Klik Save

MEMBUAT INSTANCE

1.Ke ec2

2.Langkah membuat instance

Klik INSTANCES
Klik LAUNCH INSTANCES
Name: (kosong)
Number of instance:3
OS:UBUNTU 24.04 LTS
type = t2.micro
security group = gunakan sglatihanUKKnama_kamu
Keypair = keylatihanukknamakamu.pem
klik LAUNCH INSTANCE
Kemudian namai ke tiga instance tadi
Untuk yang pertama berikan nama LB dan sisanya berikan nama WEB 1 DAN WEB 2

Elastic IP addresses
1.Ke menu ec2
2.Cari Elastic IP addresses
3.klik allocate Elastic IP adress
4.klik allocate

5. pilih intance LB yang akan diberikan ip elastic

setting web 1

remote ec2 dengan aplikasi powershell

sudo su

apt update

apt install apache2 -y

apt install php

apt install php-pgsql

#masukkan script index.php di /var/www/html =>

cd /var/www/html

nano index.php

#pada index.php copy script berikut :

<?php
// Informasi koneksi database
$host = "alamat endpoint dari rds";
$dbname = "nama DB yang dibuat";
$user = "nama username rds";
$password = "password rds";

if ($_SERVER["REQUEST_METHOD"] == "POST") {
    // Menghubungkan ke database PostgreSQL
    $db = pg_connect("host=$host dbname=$dbname user=$user password=$password");

    // Mendapatkan id_barang yang dikirim oleh form
    $id_barang = $_POST['id_barang'];

    // Mengurangkan stok produk dalam database
    $query = "UPDATE barang SET stok = stok - 1 WHERE id_barang = $id_barang";
    pg_query($db, $query);

    // Tutup koneksi database
    pg_close($db);
}

// Query untuk mengambil daftar produk
$db = pg_connect("host=$host dbname=$dbname user=$user password=$password");
$result = pg_query($db, "SELECT * FROM barang order by id_barang asc");
?>

<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>mytoko</title>
  <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/css/bootstrap.min.css">
  <link rel="stylesheet" href="style.css">
</head>
</head>

<body>
  <div class="container">
    <h1>Selamat datang di mytoko</h1>

    <table class="table">
      <thead>
        <tr>
          <th>ID Barang</th>
          <th>Nama Barang</th>
          <th>Harga Barang</th>
          <th>Stok</th>
          <th>Gambar Barang</th>
          <th>Action</th>
        </tr>
      </thead>
      <tbody>
        <?php
                while ($row = pg_fetch_assoc($result)) {
                    echo '<tr>';
                    echo '<td>' . $row['id_barang'] . '</td>';
                    echo '<td>' . $row['nama_barang'] . '</td>';
                    
                    $harga_rupiah = 'Rp. ' . number_format($row['harga_barang'], 2, ',', '.');
                    echo '<td>' . $harga_rupiah . '</td>';
                    
                    echo '<td>' . $row['stok'] . '</td>';
                    echo '<td>' . $row['gambar_barang'] . '</td>';
                    echo '<td>';
                    echo '<form method="post">';
                    echo '<input type="hidden" name="id_barang" value="' . $row['id_barang'] . '">';
                    echo '<button type="submit" class="btn btn-primary">Beli</button>';
                    echo '</form>';
                    echo '</td>';
                    echo '</tr>';
                }
                ?>
      </tbody>
    </table>
  </div>
</body>

</html>

setting web 2

sama seperti web1

TKJ Sakti

Latihan UKK TKJ 2025

setting web 1

setting web 2