🌐 Praktikum Web Server

Web Server adalah perangkat lunak (software) yang berfungsi untuk menerima permintaan (request) dari client (browser) melalui protokol HTTP/HTTPS dan memberikan respon berupa halaman web (HTML, CSS, JavaScript, gambar, video, dll).

Pada praktikum ini, kita akan membangun sebuah Web Server dengan spesifikasi berikut:

Gambar 1: Topologi Jaringan Web Server

Apache2 adalah Web Server yang paling populer dan banyak digunakan di dunia. Langkah pertama kita adalah menginstall Apache2.

📝 Langkah-langkah Install Apache2

1. Update repository dan install Apache2:

sudo apt update
sudo apt install apache2 -y

2. Cek status Apache2:

sudo systemctl status apache2

3. Cek versi Apache2:

apache2 -v

4. Uji coba akses dari browser:

PHP (Hypertext Preprocessor) adalah bahasa pemrograman yang digunakan untuk membuat halaman web dinamis. PHP akan diproses di sisi server sebelum dikirim ke client.

📝 Langkah-langkah Install PHP

1. Install PHP beserta modul-modul pendukung:

sudo apt install php php-mysql php-xml php-curl php-zip php-gd php-intl php-mbstring php-cli -y

2. Restart Apache2 agar modul PHP terbaca:

sudo systemctl restart apache2

3. Cek versi PHP:

php -v

4. Uji coba PHP dengan membuat file info:

sudo echo "<?php phpinfo(); ?>" | sudo tee /var/www/html/info.php

5. Akses dari browser:

sudo rm /var/www/html/info.php

MariaDB adalah sistem manajemen database yang merupakan fork dari MySQL. Digunakan untuk menyimpan data website secara terstruktur.

📝 Langkah-langkah Install MariaDB

1. Install MariaDB Server:

sudo apt install mariadb-server mariadb-client -y

2. Cek status MariaDB:

sudo systemctl status mariadb

3. Jalankan security script untuk mengamankan MariaDB:

sudo mysql_secure_installation

4. Verifikasi akses MariaDB:

sudo mysql -u root -p

phpMyAdmin adalah aplikasi web berbasis PHP untuk mengelola database MariaDB/MySQL melalui antarmuka grafis (GUI) yang mudah digunakan.

📝 Langkah-langkah Install phpMyAdmin

1. Install phpMyAdmin:

sudo apt install phpmyadmin -y

2. Aktifkan modul PHP yang dibutuhkan:

sudo phpenmod mbstring
sudo systemctl restart apache2

3. Uji coba akses phpMyAdmin:

Virtual Host memungkinkan satu server menjalankan beberapa website dengan domain yang berbeda. Kita akan membuat Virtual Host untuk domain smk-tkj.lmn.

📝 Langkah-langkah Konfigurasi Virtual Host

1. Buat folder untuk website:

sudo mkdir -p /var/www/smk-tkj.lmn
sudo chown -R $USER:$USER /var/www/smk-tkj.lmn

2. Copy konfigurasi default:

sudo cp /etc/apache2/sites-available/000-default.conf /etc/apache2/sites-available/smk-tkj.lmn.conf

3. Edit file konfigurasi:

sudo nano /etc/apache2/sites-available/smk-tkj.lmn.conf

4. Isi dengan konfigurasi berikut:

<VirtualHost *:80>
    ServerAdmin admin@smk-tkj.lmn
    ServerName smk-tkj.lmn
    ServerAlias www.smk-tkj.lmn
    DocumentRoot /var/www/smk-tkj.lmn

    <Directory /var/www/smk-tkj.lmn>
        Options Indexes FollowSymLinks
        AllowOverride All
        Require all granted
    </Directory>

    ErrorLog ${APACHE_LOG_DIR}/error.log
    CustomLog ${APACHE_LOG_DIR}/access.log combined
</VirtualHost>

5. Aktifkan Virtual Host:

sudo a2ensite smk-tkj.lmn.conf
sudo a2dissite 000-default.conf
sudo systemctl reload apache2

6. Buat file index.html untuk pengujian:

sudo echo "<h1>Selamat Datang di SMK TKJ!</h1>
<p>Website ini berjalan di server Ubuntu 24.04 dengan domain smk-tkj.lmn</p>" | sudo tee /var/www/smk-tkj.lmn/index.html

7. Uji coba Virtual Host:

Pada bagian ini, kita akan membuat website sederhana yang terhubung ke database.

8.1 Membuat Database

Login ke MariaDB:

sudo mysql -u root -p

Jalankan perintah SQL berikut:

CREATE DATABASE sekolah;
CREATE USER 'admin_web'@'localhost' IDENTIFIED BY 'P@ssw0rd123';
GRANT ALL PRIVILEGES ON sekolah.* TO 'admin_web'@'localhost';
FLUSH PRIVILEGES;
EXIT;

8.2 Membuat File PHP untuk Koneksi Database

Buat file /var/www/smk-tkj.lmn/index.php:

sudo nano /var/www/smk-tkj.lmn/index.php

Isi dengan kode berikut:

<?php
// Koneksi ke database
$host = 'localhost';
$user = 'admin_web';
$password = 'P@ssw0rd123';
$database = 'sekolah';

$conn = mysqli_connect($host, $user, $password, $database);

if (!$conn) {
    die("Koneksi gagal: " . mysqli_connect_error());
}
?>
<!DOCTYPE html>
<html lang="id">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>SMK TKJ - Website Sekolah</title>
    <style>
        body { font-family: Arial, sans-serif; max-width: 800px; margin: 50px auto; padding: 20px; }
        h1 { color: #1a6f9f; }
        .success { background: #e8f5ed; padding: 15px; border-radius: 8px; border-left: 4px solid #27ae60; }
        .info { background: #eef4fa; padding: 15px; border-radius: 8px; border-left: 4px solid #1a6f9f; margin-top: 10px; }
    </style>
</head>
<body>
    <h1>🏫 SMK TKJ - Website Sekolah</h1>
    <p>Selamat datang di website resmi SMK TKJ.</p>
    
    <div class="success">
        <strong>✅ Database Terhubung!</strong><br>
        <?php echo "Database: " . $database; ?>
    </div>

    <div class="info">
        <strong>📋 Informasi Server:</strong><br>
        <?php
        echo "Server IP: " . $_SERVER['SERVER_ADDR'] . "<br>";
        echo "Nama Server: " . $_SERVER['SERVER_NAME'] . "<br>";
        echo "PHP Version: " . phpversion();
        ?>
    </div>

    <p style="margin-top:20px; color:#5a7a9a; font-size:14px;">
        <i>Website ini berjalan di Ubuntu 24.04 dengan Apache + PHP + MariaDB</i>
    </p>
</body>
</html>

Cek di browser:

Lakukan pengujian untuk memastikan semua layanan berjalan dengan baik.

9.1 Uji Apache2

sudo systemctl status apache2
curl -I http://192.168.10.20

9.2 Uji PHP

Buat file test PHP:

sudo echo "<?php phpinfo(); ?>" | sudo tee /var/www/smk-tkj.lmn/phpinfo.php

Akses: http://smk-tkj.lmn/phpinfo.php

9.3 Uji MariaDB

sudo mysql -u root -p -e "SHOW DATABASES;"

9.4 Uji phpMyAdmin

Akses: http://192.168.10.20/phpmyadmin

sudo rm /var/www/smk-tkj.lmn/phpinfo.php

Dalam praktikum ini, Anda telah berhasil melakukan:

• ✅ Memahami fungsi Web Server sebagai penyedia layanan website
• ✅ Menginstall dan mengkonfigurasi Apache2 sebagai Web Server
• ✅ Menginstall dan mengkonfigurasi PHP untuk pemrosesan dinamis
• ✅ Menginstall dan mengkonfigurasi MariaDB sebagai Database Server
• ✅ Menginstall dan mengkonfigurasi phpMyAdmin untuk manajemen database
• ✅ Membuat Virtual Host untuk domain smk-tkj.lmn
• ✅ Membuat website sederhana dengan koneksi database
• ✅ Melakukan pengujian semua layanan yang terinstall