LEMBAR KERJA PESERTA DIDIK (LKPD_11)
Kelas : XI TJKT 3
Nama : Zildan Nur Zaman
Mata Pelajaran: Pemrograman Web / Sistem Informasi / Basis Data
Topik: Instalasi dan Konfigurasi XAMPP di Windows
Alokasi Waktu: 2 Pertemuan
TUJUAN PEMBELAJARAN:
Setelah menyelesaikan LKPD ini, peserta didik diharapkan mampu:
Menjelaskan fungsi komponen utama XAMPP (Apache, MySQL, PHP, Perl).
Mengunduh dan melakukan instalasi XAMPP di sistem operasi Windows.
Memulai dan menghentikan layanan Apache dan MySQL dari XAMPP Control Panel.
Mengakses Dashboard XAMPP dan phpMyAdmin.
Menguji fungsi web server dengan menempatkan file PHP sederhana.
Memahami direktori penting dalam instalasi XAMPP.
TEORI SINGKAT:
XAMPP adalah bundle perangkat lunak open-source yang sangat populer untuk membuat lingkungan web server lokal di komputer Anda. Nama XAMPP adalah singkatan dari:
X (Cross-platform): Berarti dapat berjalan di berbagai sistem operasi (Windows, Linux, macOS).
Apache: Web server yang berfungsi untuk menyajikan halaman web.
MySQL: Sistem manajemen database relasional.
PHP: Bahasa pemrograman server-side yang banyak digunakan untuk pengembangan web dinamis.
Perl: Bahasa skrip general-purpose lainnya.
Dengan XAMPP, Anda tidak perlu menginstal dan mengkonfigurasi masing-masing komponen secara terpisah, sehingga sangat memudahkan pengembang web untuk membuat dan menguji aplikasi web mereka secara lokal sebelum diunggah ke hosting publik.
LANGKAH KERJA:
BAGIAN 1: MENGUNDUH DAN MENGINSTAL XAMPP
Unduh XAMPP Installer:
Buka web browser Anda.
Kunjungi situs resmi Apache Friends: https://www.apachefriends.org/download.html
Unduh versi XAMPP terbaru yang direkomendasikan atau sesuai kebutuhan Anda (misal: versi dengan PHP 8.x.x). Pilih installer untuk Windows.
Catat lokasi file yang diunduh:
Mulai Instalasi XAMPP:
Temukan file installer XAMPP yang sudah diunduh (biasanya di folder Downloads).
Klik kanan file installer tersebut, lalu pilih "Run as administrator".
Jika muncul peringatan UAC (User Account Control), klik Yes.
Anda mungkin melihat peringatan dari antivirus tentang UAC. Klik OK untuk melanjutkan.
Welcome to the XAMPP Setup Wizard: Klik Next.
Pilih Komponen Instalasi:
Pada tahap "Select Components", biarkan semua komponen terpilih secara default (kecuali Anda punya alasan khusus untuk menghilangkannya). Ini akan menginstal Apache, MySQL, PHP, phpMyAdmin, dll.
Klik Next.
Pilih Direktori Instalasi:
Pada tahap "Installation folder", biarkan lokasi default: C:\xampp\ (direkomendasikan). Jangan instal di Program Files karena bisa menyebabkan masalah hak akses.
Klik Next.
Pilih Bahasa:
Pilih bahasa instalasi (English atau German). Klik Next.
Selesaikan Instalasi:
Pada tahap akhir, uncheck Learn more about Bitnami for XAMPP jika tidak diperlukan.
Klik Next, lalu klik Install.
Tunggu hingga proses instalasi selesai. Ini mungkin memakan waktu beberapa menit.
Setelah selesai, centang Do you want to start the Control Panel now?.
Klik Finish.
BAGIAN 2: MENGOPERASIKAN XAMPP CONTROL PANEL
Mulai XAMPP Control Panel:
XAMPP Control Panel akan terbuka secara otomatis jika Anda mencentang Do you want to start the Control Panel now? di akhir instalasi.
Jika tidak terbuka, Anda bisa membukanya secara manual dari C:\xampp\xampp-control.exe atau cari "XAMPP Control Panel" di Start Menu.
Memulai Layanan Apache:
Di XAMPP Control Panel, pada baris Apache, klik tombol Start.
Amati kolom Status. Jika berhasil, status Apache akan berubah menjadi Running dan teksnya berwarna hijau. Port yang digunakan (biasanya 80 dan 443) akan ditampilkan.
Jika gagal (Status merah), periksa pesan error. Kemungkinan ada aplikasi lain yang menggunakan port 80. Anda bisa mengubah port Apache nanti (opsional).
Memulai Layanan MySQL:
Pada baris MySQL, klik tombol Start.
Amati kolom Status. Jika berhasil, status MySQL akan berubah menjadi Running dan teksnya berwarna hijau. Port yang digunakan (biasanya 3306) akan ditampilkan.
Jika gagal, periksa pesan error.
Mengakses Dashboard XAMPP:
Buka web browser Anda.
Ketik http://localhost/ atau http://127.0.0.1/ di address bar dan tekan Enter.
Anda seharusnya akan melihat Dashboard XAMPP. Ini menandakan Apache web server Anda telah berfungsi.
Mengakses phpMyAdmin:
Dari Dashboard XAMPP, klik menu phpMyAdmin di bagian navigasi (biasanya di kanan atas).
Alternatifnya, ketik http://localhost/phpmyadmin/ di address bar browser Anda.
Anda seharusnya akan melihat halaman login phpMyAdmin (jika diminta, username root tanpa password, atau langsung masuk). Ini menandakan layanan MySQL Anda telah berfungsi.
BAGIAN 3: MENGUJI WEB SERVER DAN PHP
Mengenal Direktori htdocs:
Direktori utama untuk menyimpan file website Anda di XAMPP adalah C:\xampp\htdocs.
Semua file yang akan diakses melalui http://localhost/ harus berada di dalam direktori ini atau sub-direktori di dalamnya.
Membuat File PHP Sederhana:
Buka Text Editor Anda (misal: Notepad++).
Ketik kode PHP berikut:
PHP
<?php
echo "<h1>Selamat Datang Nama_anda!</h1>";
echo "<p>Ini adalah halaman PHP pertama saya.</p>";
echo "<p>Tanggal dan Waktu Server: " . date("Y-m-d H:i:s") . "</p>";
?>
Simpan file ini dengan nama index.php (atau halaman_ku.php) di dalam folder C:\xampp\htdocs\
Catatan: Jika Anda menyimpan dengan nama index.php di dalam htdocs langsung, maka saat mengakses http://localhost/ halaman ini akan otomatis terbuka. Jika Anda ingin membuat folder baru (misal C:\xampp\htdocs\belajar_php\), simpan file di sana.
Mengakses File PHP dari Browser:
Buka web browser Anda.
Jika Anda menyimpan file sebagai index.php di htdocs langsung, akses http://localhost/.
Jika Anda menyimpan di sub-direktori (misal C:\xampp\htdocs\belajar_php\index.php), akses http://localhost/belajar_php/.
Anda seharusnya melihat output dari kode PHP Anda. Ini menandakan Apache dan PHP Anda bekerja dengan baik.
Menghentikan Layanan XAMPP:
Kembali ke XAMPP Control Panel.
Klik tombol Stop pada baris MySQL.
Klik tombol Stop pada baris Apache.
Pastikan status kedua layanan berubah menjadi Stopped.
HASIL PENGAMATAN / ANALISIS:
Jelaskan fungsi dari Apache dan MySQL dalam paket XAMPP!
Mengapa disarankan untuk menginstal XAMPP di C:\xampp\ dan bukan di Program Files?
Apa yang terjadi jika Anda mencoba memulai Apache tetapi ada aplikasi lain yang menggunakan port 80? Bagaimana cara mengidentifikasi aplikasi tersebut?
Apa fungsi dari phpMyAdmin?
Jika halaman index.php yang Anda buat tidak muncul di browser dan malah menampilkan kode sumbernya, apa kemungkinan penyebabnya?
Bagaimana cara Anda memverifikasi bahwa Apache dan MySQL sudah berjalan dengan baik di XAMPP Control Panel
KESIMPULAN:
Buatlah kesimpulan mengenai pengetahuan dan keterampilan yang Anda peroleh setelah menyelesaikan LKPD ini. Jelaskan pentingnya XAMPP sebagai alat pengembangan web lokal, kemudahannya dalam menyatukan berbagai komponen web server, dan bagaimana Anda dapat menggunakannya untuk menguji aplikasi web Anda.
JAWABAN:
Mencoba masuk ke localhost server:
HASIL PENGAMATAN / ANALISIS
1. Jelaskan fungsi dari Apache dan MySQL dalam paket XAMPP!
-
Apache berfungsi sebagai web server, yaitu melayani permintaan dari browser (client) dan menampilkan halaman web (HTML, PHP, dll.) melalui protokol HTTP/HTTPS.
-
MySQL berfungsi sebagai Database Management System (DBMS) yang digunakan untuk menyimpan, mengelola, dan mengambil data yang dibutuhkan oleh aplikasi web.
2. Mengapa disarankan untuk menginstal XAMPP di C:\xampp\ dan bukan di Program Files?
Karena folder Program Files dilindungi oleh sistem Windows (hak akses/UAC), sehingga dapat menyebabkan:
-
Error saat menjalankan Apache atau MySQL
-
Masalah saat menulis atau mengedit file konfigurasi
-
Aplikasi tidak bisa berjalan dengan normal
Folder C:\xampp\ memiliki akses yang lebih bebas sehingga XAMPP dapat berjalan dengan stabil.
3. Apa yang terjadi jika Anda mencoba memulai Apache tetapi ada aplikasi lain yang menggunakan port 80? Bagaimana cara mengidentifikasi aplikasi tersebut?
-
Apache gagal berjalan karena port 80 sudah digunakan aplikasi lain (misalnya Skype, IIS, atau aplikasi server lain).
-
Cara mengidentifikasi:
-
Lihat log error di XAMPP Control Panel (klik Logs → Apache).
-
Gunakan Netstat melalui Command Prompt atau cek di Task Manager.
-
Atau ubah port Apache (misalnya ke 8080) melalui file konfigurasi
httpd.conf.
-
4. Apa fungsi dari phpMyAdmin?
phpMyAdmin adalah aplikasi berbasis web untuk:
-
Mengelola database MySQL secara visual
-
Membuat, mengubah, dan menghapus database serta tabel
-
Menjalankan perintah SQL
-
Mengelola user dan hak akses database
Tanpa harus menggunakan perintah MySQL di Command Line.
5. Jika halaman index.php tidak muncul di browser dan malah menampilkan kode sumbernya, apa kemungkinan penyebabnya?
Kemungkinan penyebab:
-
Apache belum berjalan
-
PHP belum aktif atau tidak terkonfigurasi dengan benar
-
File tidak disimpan di folder
htdocs -
File tersimpan sebagai
index.php.txt(ekstensi salah) -
Mengakses file secara langsung (misalnya
file://) bukan melaluihttp://localhost
6. Bagaimana cara Anda memverifikasi bahwa Apache dan MySQL sudah berjalan dengan baik di XAMPP Control Panel?
-
Status Apache dan MySQL berubah menjadi Running (warna hijau)
-
Port Apache (80/443) dan MySQL (3306) terlihat aktif
-
Dashboard XAMPP dapat diakses melalui
http://localhost phpMyAdmin dapat diakses melalui
http://localhost/phpmyadmin
Kesimpulan: Setelah menyelesaikan LKPD ini, saya memperoleh pengetahuan dan keterampilan tentang cara menginstal, mengonfigurasi, serta mengoperasikan XAMPP sebagai web server lokal. Saya memahami fungsi komponen utama XAMPP seperti Apache sebagai web server, MySQL sebagai database server, PHP sebagai bahasa pemrograman server-side, dan phpMyAdmin sebagai alat pengelola database.
XAMPP sangat penting sebagai alat pengembangan web lokal karena menyatukan berbagai komponen web server dalam satu paket yang mudah digunakan. Dengan XAMPP, proses pengujian dan pengembangan aplikasi web dapat dilakukan secara offline sebelum diunggah ke server publik. Hal ini membuat proses belajar dan pengembangan web menjadi lebih efisien, praktis, dan aman.
0 Komentar