ASJ LKPD_11(XAMPP)

  LEMBAR KERJA PESERTA DIDIK (LKPD_11) Kelas : XI TJKT-3 Nama : Raden Diazka Adhitya Mata Pelajaran: Pemrograman Web / Sistem Informasi...

 

---

LEMBAR KERJA PESERTA DIDIK (LKPD_11)

Kelas : XI TJKT-3

Nama : Raden Diazka Adhitya

---

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:

F. HASIL PENGAMATAN / ANALISIS

1. Jelaskan fungsi dari Apache dan MySQL dalam paket XAMPP! : Apache berfungsi sebagai web server yang melayani permintaan halaman web dari browser dan mengeksekusi file PHP. MySQL berfungsi sebagai sistem manajemen basis data yang digunakan untuk menyimpan dan mengelola data yang dibutuhkan oleh aplikasi web.
2. Mengapa disarankan untuk menginstal XAMPP di C:\xampp\ dan bukan di Program Files : XAMPP disarankan diinstal di C:\xampp\ karena folder Program Files memiliki pembatasan hak akses dari sistem operasi Windows. Pembatasan ini dapat menyebabkan masalah perizinan saat Apache atau MySQL dijalankan, sedangkan folder C:\xampp\ lebih bebas dari pembatasan tersebut sehingga konfigurasi dan layanan dapat berjalan dengan baik.
3. Apa yang terjadi jika Apache dijalankan saat port 80 digunakan aplikasi lain dan cara mengidentifikasinya : Jika port 80 telah digunakan oleh aplikasi lain, Apache tidak dapat dijalankan dan akan muncul pesan kesalahan pada XAMPP Control Panel. Untuk mengidentifikasi aplikasi yang menggunakan port tersebut, dapat digunakan fitur Netstat pada XAMPP Control Panel atau perintah netstat -ano pada Command Prompt untuk mengetahui aplikasi yang sedang memakai port 80.
4. Apa fungsi dari phpMyAdmin : phpMyAdmin berfungsi sebagai antarmuka berbasis web untuk mengelola database MySQL, seperti membuat database, tabel, menjalankan perintah SQL, serta mengatur pengguna dan hak akses database.
5. Kemungkinan penyebab index.php menampilkan kode sumber : Hal ini dapat terjadi karena Apache atau PHP belum berjalan dengan benar, file PHP dibuka langsung tanpa melalui web server, atau konfigurasi PHP belum terhubung dengan Apache sehingga kode PHP tidak diproses.
6. Cara memverifikasi Apache dan MySQL berjalan dengan baik di XAMPP : Apache dan MySQL dapat diverifikasi berjalan dengan baik jika status keduanya pada XAMPP Control Panel menunjukkan “Running” dan berwarna hijau, serta halaman http://localhost dan http://localhost/phpmyadmin dapat diakses melalui browser tanpa error.

---

G. KESIMPULAN:

Setelah menyelesaikan LKPD ini, saya memperoleh pemahaman tentang cara kerja web server lokal menggunakan XAMPP, termasuk fungsi Apache sebagai web server, MySQL sebagai database server, dan phpMyAdmin sebagai alat pengelolaan database. Saya juga mempelajari cara mengatasi masalah umum seperti konflik port dan kesalahan konfigurasi PHP.

XAMPP sangat penting sebagai alat pengembangan web lokal karena menyatukan berbagai komponen web server dalam satu paket yang mudah digunakan. Dengan XAMPP, pengembang dapat menguji dan mengembangkan aplikasi web secara offline sebelum dipublikasikan ke server online, sehingga proses pengembangan menjadi lebih efisien dan aman.

---

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.