LEMBAR KERJA PESERTA DIDIK (LKPD_12)Jaringan komputer Transparansi Grafis Jaringan Portable, infrastruktur jaringan, Jaringan komputer, elektronik png | PNGEgg










Kelas : ________________

Nama :

Mata Pelajaran: Administrasi Sistem Jaringan / Sistem Operasi Jaringan / Pemrograman Web Topik: Instalasi dan Konfigurasi Web Server (Apache2) di Debian 

Alokasi Waktu: 2 Pertemuan

A. TUJUAN PEMBELAJARAN:

Setelah menyelesaikan LKPD ini, peserta didik diharapkan mampu:

  1. Menjelaskan konsep dasar Web Server dan protokol HTTP/HTTPS.

  2. Memahami peran Apache2 sebagai web server populer di Linux.

  3. Melakukan instalasi paket Apache2 di Debian Server.

  4. Menguji fungsi dasar web server dari komputer klien.

  5. Menempatkan dan mengelola file website di direktori web server.

  6. Memahami dasar-dasar Virtual Host (opsional, sebagai pengenalan).

B. TEORI SINGKAT:

1. Web Server:

Web Server adalah program komputer yang bertanggung jawab untuk menerima permintaan HTTP dari klien (biasanya web browser), melayani halaman web, dan konten web lainnya seperti gambar, stylesheet, dan skrip. Web server bertindak sebagai perantara antara pengguna dan website yang mereka ingin kunjungi. Ketika Anda mengetikkan alamat website di browser, browser mengirim permintaan ke web server, dan web server merespons dengan mengirimkan file-file website tersebut kembali ke browser Anda.

2. Apache2:

Apache HTTP Server, sering disebut Apache, adalah salah satu web server open-source yang paling populer dan banyak digunakan di dunia. Dikenal karena fleksibilitas, stabilitas, dan kemampuannya untuk dikustomisasi melalui berbagai modul. Apache2 adalah versi terbaru dari Apache yang digunakan di Debian dan banyak distribusi Linux lainnya.

Direktori default untuk menyimpan file website di Apache Debian adalah /var/www/html/.

C. ALAT DAN BAHAN:

  1. Satu Virtual Machine (VM) yang akan menjadi Debian Server (sudah terinstal Debian Server Core dengan IP statis dan SSH aktif).

  2. Satu Virtual Machine (VM) yang akan menjadi klien Windows/Linux (misal: Windows 10/11 atau Linux Client).

  3. Software Virtualisasi: Oracle VirtualBox, VMware Workstation Player/Pro, atau Hyper-V.

  4. Koneksi jaringan internal antar VM (misal: mode Internal Network atau Host-Only Adapter di VirtualBox/VMware, atau Private Switch di Hyper-V) untuk simulasi jaringan lokal. Pastikan klien dan server berada dalam segmen jaringan yang sama dan dapat saling ping.

  5. Aplikasi klien SSH (misal: PuTTY untuk Windows, atau terminal bawaan untuk Linux/macOS) untuk mengakses Debian Server.

  6. Web Browser (Google Chrome, Mozilla Firefox, Microsoft Edge, dll.) di klien.

  7. Text Editor (Nano/Vi di Debian, Notepad++/VS Code di Windows) untuk membuat file HTML/PHP.

  8. Lembar kerja dan alat tulis.

D. KESELAMATAN KERJA:

  1. Pastikan sumber daya listrik stabil.

  2. Ikuti instruksi dengan cermat.

  3. Berhati-hatilah saat mengedit file konfigurasi sistem. Selalu backup file konfigurasi penting sebelum mengeditnya.

  4. Laporkan kepada guru/instruktur jika ada kendala atau kerusakan.

  5. Pastikan IP Address Debian Server adalah statis dan tidak ada firewall yang memblokir port HTTP (port 80) atau HTTPS (port 443).

E. LANGKAH KERJA:

BAGIAN 1: PERSIAPAN DEBIAN SERVER

  1. Login ke Debian Server:

    • Akses Debian Server Anda melalui konsol VM atau via SSH dari komputer Host/klien. 

    • Login sebagai user biasa (misal: adminlab), lalu gunakan sudo su - atau sudo -i untuk berpindah ke user root.

  2. Verifikasi IP Address Server (STATIS):

    • Ketik ip a

    • Pastikan IP Address server Anda sudah statis (misal: 192.168.10.10/24). Ini akan menjadi IP web server Anda.

    • Hasil:


  3. Update Sistem:

    • Sebelum menginstal paket baru, selalu update daftar paket dan upgrade sistem:

      • apt update

      • apt upgrade -y


BAGIAN 2: INSTALASI APACHE2

  1. Instal Paket Apache2:

    • Ketik perintah berikut untuk menginstal paket web server Apache2:

      • apt install apache2 -y


    • Tunggu hingga proses instalasi selesai.

  2. Verifikasi Layanan Apache2:

    • Setelah instalasi, layanan Apache2 seharusnya otomatis berjalan. Anda bisa memeriksanya dengan:

      • systemctl status apache2


    • Pastikan statusnya active (running).

BAGIAN 3: PENGUJIAN WEB SERVER DARI KLIEN

  1. Konfigurasi Jaringan Klien (Windows/Linux):

    • Pada VM klien Windows/Linux, pastikan adaptor jaringannya diatur ke mode yang sama dengan server (Internal Network/Host-Only).

    • Konfigurasi IP Address klien agar berada dalam segmen jaringan yang sama dengan server (misal: 192.168.10.20/24). Pastikan klien dapat ping ke IP Debian Server.Akses Default Page Apache:



    • Buka Web Browser di klien Windows/Linux Anda.

    • Ketik IP Address Debian Server Anda di address bar: http://192.168.10.10

    • Tekan Enter.

    • Anda seharusnya melihat halaman "Apache2 Debian Default Page". Ini menandakan web server Apache2 Anda telah berfungsi dengan baik dan dapat diakses dari jaringan.r

BAGIAN 4: HOSTING HALAMAN WEB SEDERHANA

  1. Mengenal Direktori Default Web Apache:

    • Direktori default tempat Apache mencari file website adalah /var/www/html/.

    • Isi dari direktori ini akan ditampilkan ketika Anda mengakses IP web server.

  2. Membuat File HTML Sederhana di Server:

    • Kembali ke terminal Debian Server Anda (via SSH atau konsol VM).

    • Hapus file index.html default (opsional, jika Anda ingin halaman Anda menjadi default):


      • rm /var/www/html/index.html

    • Buat file HTML baru:

      • nano /var/www/html/index.html

    • Isi dengan kode HTML sederhana berikut:

HTML

<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <meta name="viewport" content="width=device-width, initial-scale=1.0">

    <title>Halaman Web Pertama Saya</title>

    <style>

        body { font-family: Arial, sans-serif; text-align: center; margin-top: 50px; background-color: #f0f0f0; }

        h1 { color: #333; }

        p { color: #666; }

    </style>

</head>

<body>

    <h1>Selamat Datang di Web Server Debian Saya!</h1>

    <p>Ini adalah halaman web sederhana yang dihosting oleh Apache2 di Debian.</p>

    <p>Anda berhasil menginstal dan mengkonfigurasi web server.</p>

    <p>Waktu Server: <span id="time"></span></p>


    <script>

        function updateTime() {

            const now = new Date();

            document.getElementById('time').textContent = now.toLocaleString();

        }

        setInterval(updateTime, 1000);

        updateTime();

    </script>

</body>

</html>

  • Tekan Ctrl+X, lalu Y, lalu Enter untuk menyimpan dan keluar.

  1. Membuat File PHP Sederhana (Opsional - Jika ingin mendukung PHP):

    • Jika Anda ingin web server Anda juga bisa menjalankan PHP, Anda perlu menginstal paket PHP untuk Apache:

      • apt install php libapache2-mod-php -y

      • systemctl restart apache2


    • Buat file PHP baru:

      • nano /var/www/html/info.php

    • Isi dengan kode berikut:

PHP

<?php

phpinfo();

?>


  • Tekan Ctrl+X, lalu Y, lalu Enter.

  1. Uji Akses Halaman Web dari Klien:

    • Kembali ke Web Browser di klien Anda.

    • Refresh halaman http://192.168.10.10. Anda seharusnya sekarang melihat halaman HTML sederhana yang Anda buat.


    • Jika Anda membuat info.php, akses http://192.168.10.10/info.php. Anda seharusnya melihat halaman informasi PHP.


BAGIAN 5: KONFIGURASI VIRTUAL HOST (OPSIONAL/PENGENALAN)

Catatan: Konfigurasi Virtual Host memungkinkan Anda untuk meng-host lebih dari satu website pada satu web server yang sama, masing-masing dengan nama domainnya sendiri (misal: www.domainku.com dan www.domainlain.net). Ini adalah konsep lanjutan.

  1. Membuat Direktori untuk Virtual Host:

    • mkdir -p /var/www/domainku.local/public_html

    • chown -R www-data:www-data /var/www/domainku.local

    • chmod -R 755 /var/www/domainku.local

  2. Membuat File HTML untuk Virtual Host:

    • nano /var/www/domainku.local/public_html/index.html

    • Isi dengan HTML berbeda:

HTML

<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <title>Domainku.local</title>

</head>

<body>

    <h1>Ini adalah Website untuk domainku.local</h1>

    <p>Berhasil membuat Virtual Host!</p>

</body>

</html>

  • Simpan dan keluar.


  1. Membuat File Konfigurasi Virtual Host:

    • Salin template default:

      • cp /etc/apache2/sites-available/000-default.conf /etc/apache2/sites-available/domainku.local.conf

    • Edit file baru:

      • nano /etc/apache2/sites-available/domainku.local.conf

    • Ubah isinya menjadi:

Apache


<VirtualHost *:80>

    ServerAdmin webmaster@localhost

    ServerName domainku.local       # Nama domain virtual host Anda

    ServerAlias www.domainku.local  # Alias jika ada


    DocumentRoot /var/www/domainku.local/public_html

    <Directory /var/www/domainku.local/public_html/>

        Options Indexes FollowSymLinks

        AllowOverride All

        Require all granted

    </Directory>


    ErrorLog ${APACHE_LOG_DIR}/error.log

    CustomLog ${APACHE_LOG_DIR}/access.log combined

</VirtualHost>

  • Simpan dan keluar.

  1. Mengaktifkan Virtual Host dan Menonaktifkan Default:

    • Nonaktifkan default site:

      • a2dissite 000-default.conf

    • Aktifkan virtual host baru:

      • a2ensite d45omainku.local.conf


  2. Uji Konfigurasi Apache dan Restart:

    • apache2ctl configtest (Pastikan Syntax OK)

    • systemctl restart apache2


  3. Konfigurasi DNS Klien untuk Virtual Host (Jika DNS Server lokal sudah diatur):

    • Jika Anda sudah mengkonfigurasi DNS Server di Debian (seperti LKPD sebelumnya), tambahkan A record untuk domainku.local yang menunjuk ke IP web server Anda (192.168.10.10).

    • Jika tidak, edit file hosts di klien Windows (C:\Windows\System32\drivers\etc\hosts) atau Linux (/etc/hosts) dan tambahkan baris:

      • 192.168.10.10 domainku.local



  4. Uji Akses Virtual Host dari Klien:

    • Buka web browser di klien.

    • Ketik http://domainku.local di address bar. Anda seharusnya melihat halaman HTML untuk domainku.local.


F. HASIL PENGAMATAN / ANALISIS:

  1. Apa fungsi utama dari web server? Web server berfungsi menerima request dari klien (browser) melalui HTTP/HTTPS, memproses permintaan tersebut, lalu mengirimkan kembali konten web (HTML, gambar, CSS, JS, atau hasil skrip seperti PHP). Intinya: penyedia layanan konten web di jaringan.

  2. Apa perbedaan antara index.html dan info.php dalam konteks web server Apache2? Apa prasyarat agar info.php dapat dieksekusi index.html adalah file web statis yang langsung ditampilkan server, sedangkan info.php adalah file dinamis yang diproses oleh PHP terlebih dahulu.Agar info.php bisa dijalankan, PHP harus terinstal dan terhubung dengan Apache.

  3. Jelaskan konsep Virtual Host pada Apache2! Kapan Anda akan menggunakannya? Virtual Host memungkinkan satu server Apache menjalankan beberapa website/domain berbeda dengan konfigurasi masing-masing (DocumentRoot, domain, log, dll).

    Digunakan ketika:

    • Satu server menampung banyak website

    • Simulasi banyak domain di jaringan lokal

    • Hosting perusahaan / shared hosting Jadi 1 IP server → banyak website.

  4. Bagaimana cara memverifikasi bahwa layanan Apache2 berjalan dengan benar di Debian Server?

    Cara memverifikasi Apache2 berjalan dengan benar di Debian Server adalah dengan mengecek status layanan menggunakan perintah systemctl status apache2 dan memastikan kondisinya active (running). Selain itu, bisa diuji dari komputer klien dengan membuka browser dan mengakses alamat IP server; jika halaman web Apache tampil, berarti layanan berfungsi dengan baik.

G. KESIMPULAN: Setelah menyelesaikan LKPD ini, saya memahami bahwa web server berfungsi melayani permintaan klien melalui HTTP/HTTPS dan menyajikan konten web, sehingga menjadi komponen inti dalam layanan berbasis jaringan. Saya memperoleh keterampilan menginstal, mengelola, dan menguji Apache2 di Debian, termasuk memastikan service berjalan, server dapat diakses klien, serta file website ditempatkan di direktori yang benar.

Saya juga belajar membedakan konten statis (HTML) dan dinamis (PHP), serta memahami konsep Virtual Host untuk menjalankan beberapa website dalam satu server. Secara keseluruhan, praktik ini menunjukkan bahwa konfigurasi Apache2 yang tepat memungkinkan hosting website yang efektif, terstruktur, dan siap dikembangkan dalam lingkungan jaringan nyata.