LKPD 11 ASJ

 

---

LEMBAR KERJA PESERTA DIDIK (LKPD_11)

Kelas : XI TJKT 3

Nama : Rizky Achmad Fahlevi

---

Mata Pelajaran: Pemrograman Web / Sistem Informasi / Basis Data 

Topik: Instalasi dan Konfigurasi XAMPP di Windows 

Alokasi Waktu: 2 Pertemuan

---

A. TUJUAN PEMBELAJARAN:

Setelah menyelesaikan LKPD ini, peserta didik diharapkan mampu:

1. Menjelaskan fungsi komponen utama XAMPP (Apache, MySQL, PHP, Perl).

2. Mengunduh dan melakukan instalasi XAMPP di sistem operasi Windows.

3. Memulai dan menghentikan layanan Apache dan MySQL dari XAMPP Control Panel.

4. Mengakses Dashboard XAMPP dan phpMyAdmin.

5. Menguji fungsi web server dengan menempatkan file PHP sederhana.

6. Memahami direktori penting dalam instalasi XAMPP.

---

B. 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.

---

C. ALAT DAN BAHAN:

1. Komputer/Laptop dengan sistem operasi Windows (minimal Windows 7, direkomendasikan Windows 10/11).

2. Koneksi internet untuk mengunduh installer XAMPP.

3. Web Browser (Google Chrome, Mozilla Firefox, Microsoft Edge, dll.).

4. Text Editor (Notepad++, VS Code, Sublime Text, dll.) untuk membuat file PHP.

5. Lembar kerja dan alat tulis.

---

D. KESELAMATAN KERJA:

1. Pastikan sumber daya listrik stabil.

2. Ikuti instruksi dengan cermat.

3. Berikan izin administrator jika diminta oleh installer XAMPP.

4. Pastikan tidak ada aplikasi lain yang menggunakan port 80 (untuk Apache) atau port 3306 (untuk MySQL), seperti Skype, IIS, atau web server lain, karena dapat menyebabkan konflik.

5. Laporkan kepada guru/instruktur jika ada kendala.

---

E. LANGKAH KERJA:

BAGIAN 1: MENGUNDUH DAN MENGINSTAL XAMPP

1. 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:

2. 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.

3. 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.

4. 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.

5. Pilih Bahasa:

• Pilih bahasa instalasi (English atau German). Klik Next.

6. 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

1. 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.

2. 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).

3. 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.

4. 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.

5. 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

1. 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.

2. 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.

3. 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.

4. 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.

---

F. HASIL PENGAMATAN / ANALISIS:

1. Jelaskan fungsi dari Apache dan MySQL dalam paket XAMPP! Apache adalah web server. Fungsinya:

   Menjalankan dan menampilkan website di browser. Memproses file PHP dan mengirim hasilnya ke browser. Menghubungkan browser dengan file di folder htdocs

   Tanpa Apache, file .php tidak bisa dijalankan, hanya akan dibaca sebagai teks.

2. Mengapa disarankan untuk menginstal XAMPP di C:\xampp\ dan bukan di Program Files? Karena folder Program Files: Dilindungi oleh User Account Control (UAC) Windows. Membatasi akses tulis & edit file. Jika XAMPP diinstal di Program Files, bisa menyebabkan: Apache gagal start. Error permission. Tidak bisa mengedit konfigurasi. Folder C:\xampp\: Lebih bebas permission. Minim error. Direkomendasikan resmi oleh XAMPP

   
   

3. Apa yang terjadi jika Anda mencoba memulai Apache tetapi ada aplikasi lain yang menggunakan port 80? Bagaimana cara mengidentifikasi aplikasi tersebut? Apache gagal start.

   Identifikasi lewat XAMPP → Config → Netstat

4. Apa fungsi dari phpMyAdmin? Alat berbasis web untuk mengelola database MySQL (buat DB, tabel, data, query).

5. Jika halaman index.php yang Anda buat tidak muncul di browser dan malah menampilkan kode sumbernya, apa kemungkinan penyebabnya? Penyebab: Apache belum berjalan atau file dibuka langsung (bukan lewat http://localhost).

6. Bagaimana cara Anda memverifikasi bahwa Apache dan MySQL sudah berjalan dengan baik di XAMPP Control Panel? -Status Running (hijau) di XAMPP.  -http://localhost dan http://localhost/phpmyadmin bisa dibuka

---

G. KESIMPULAN:

Setelah mengerjakan LKPD ini, saya jadi tahu cara menginstal dan menjalankan XAMPP dengan benar. Saya juga memahami fungsi Apache sebagai web server, MySQL sebagai database, dan phpMyAdmin untuk mengelola database.

XAMPP sangat berguna karena memudahkan kita dalam membuat dan menguji website secara lokal tanpa perlu internet. Dengan XAMPP, saya bisa belajar dan mencoba website sendiri sebelum di-upload ke hosting.

---

H. PENILAIAN:

No	Kriteria Penilaian	Maksimal Skor (Poin)
1	Kelengkapan langkah kerja	1
2	Kebenaran konfigurasi	1
3	Ketepatan waktu penyelesaian	1
4	Kemampuan menyelesaikan masalah secara mandiri	1
5	Kemampuan bernalar	1
	Total	5

---

Penugasan :

• Screenshot setiap tahapan instalasi XAMPP.

• Screenshot XAMPP Control Panel dengan layanan Apache dan MySQL yang berjalan.

• Screenshot Dashboard XAMPP.

• Screenshot phpMyAdmin.

• Screenshot file index.php yang dibuat.

• Screenshot hasil tampilan index.php di web browser.

• Unggah ke blogger anda dan sertakan keterangan tahapan dan kesimpulan pembelajaran tersebut.

Langkah Kerja :

Unduh versi XAMPP terbaru yang direkomendasikan atau sesuai kebutuhan

Instal XAMPP

Tampilan setelah menginstal Xampp

    

Memulai Layanan Apache

Memulai Layanan MySQL

Mengakses Dashboard XAMPP

Mengakses phpMyAdmin

Mengenal Direktori htdocs

Membuat File PHP Sederhana

Selesai