Lompat ke konten Lompat ke sidebar Lompat ke footer

Kode Pengaturan template

Cara Menginstall XAMPP

Cara Menginstall XAMPP untuk SMK kelas 10 pemrograman dasar

Rencana pelaksanaan pembelajaran (RPP) kita kali ini adalah melaksanakan praktek mapel Pemrograman dasar kelas 10 semester 1 yaitu, menginstall xampp yaitu sebuah server lokal yang terdiri dari Apache dan MySQL untuk pengembangan aplikasi menggunakan bahasa pemrograman dasar PHP

Ada banyak aplikasi pengembangan server lokal seperti XAMPP, WAMP atau yang terbaru Laragon muncul untuk menyelesaikan permasalahan tersebut. Tapi untuk kali ini, kita akan memakai XAMPP karena sangat terkenal dan mudah dalam pengoperasiannya.

Pada praktikum pemrograman dasar kelas 10 semester 1 kali ini, kalian akan belajar cara menginstall XAMPP hingga selesai, kemudian melakukan pengujian apakah XAMPP dapat berjalan dengan baik atau justru terjadi error.



Kompetensi Dasar menginstall XAMPP server lokal

Kompetensi Dasar
  • 3.2. Memahami perangkat lunak bahasa pemrograman
  • 4.2. Melakukan instalasi perangkat lunak bahasa pemrograman

Indikator pencapaian kompetensi dasar 4.2. Melakukan instalasi perangkat lunak bahasa pemrograman
Materi menginstall xampp local server
  1. Apa itu Xampp?
  2. Kenapa memilih Xampp untuk pengembangan aplikasi berbasis web?
  3. Mengunduh XAMPP yang sesuai bit Sistem Operasi
  4. Menginstall XAMPP untuk pertama kali
  5. Melakukan ceklist pada komponen yang dibutuhkan untuk persiapan aplikasi berbasis web
  6. Memilih lokasi instalasi Server
  7. Melakukan pengujian instalasi XAMPP
  8. Lokasi root directory / folder XAMPP

Tujuan saya belajar
Setelah mempelajari materi membuat variabel di python, saya mampu mempraktekan dengan teliti, cermat, jujur dan percaya diri:
  1. Apa itu Xampp?
  2. Kenapa memilih Xampp untuk pengembangan aplikasi berbasis web?
  3. Mendownload Xampp yang sesuai bit Sistem Operasi
  4. Menginstall Xampp untuk pertama kali
  5. Melakukan proses instalasi Xampp
  6. Cara menggunakan Xampp
  7. Lokasi root directory / folder Xampp

Media dan sumber belajar
  1. Media:Powerpoint dan Google slide
  2. Sumber belajar: Buku, Modul dan LKS Pemrograman dasar, Internet

Alat dan bahan
  1. Komputer
  2. Aplikasi XAMPP download disini
  3. Aplikasi notepad++ atau Visual studio Code
Prasyarat
  1. Menguasai kompetensi dasar 4.1 Membuat alur logika pemrograman komputer


Dasar teori dan skenario singkat cara menginstall XAMPP

Sebagai programmer komputer disebuah perusahaan startup, kalian diminta untuk menyiapkan lingkungan pengembangan aplikasi berbasis web menggunakan XAMPP.

Untuk menyelesaikan permasalahan tersebut, anda harus menguasai dan memahami tentang menginstall software.

Apa itu XAMPP?

XAMPP adalah aplikasi bebas yang berfungsi sebagai server lokal (localhost), terdiri dari banyak server, terutama database (MySQL), server web (Apache HTTP), dan bahasa pemrograman PHP dan Perl.

Apa saja istilah yang sering dipakai XAMPP?

  1. Control Panel XAMPP, berfungsi untuk mengelola layanan (service) beberapa server. Seperti stop service (berhenti), atau start (mulai) Apache, MySQL atau server yang lain
  2. htdocs yaitu folder meletakkan file yang akan dijalankan oleh server, seperti file PHP, HTML dan script lainnya.
  3. phpMyAdmin yaitu aplikasi web yang digunakan untuk mengelola database MySQL/MariaDB. Untuk menjalankannya, buka browser dan ketik alamat http://localhost/phpMyAdmin
  4. PHP yaitu Hypertext Preprocessor. PHP adalah bahasa pemrograman sisi server (server side) yaitu kode yang dieksekusi oleh server untuk proses kalkulasi sedangkan tampilan depan menggunakan kode HTML.

Langkah kerja menginstall XAMPP

1. Unduh aplikasi XAMPP

  1. Browsing dan unduh aplikasi XAMPP dari tautan alat dan bahan
  2. Unduh aplikasi XAMPP dengan memperhatikan system operasi yang didukung oleh masing masing komputer
  3. Cek komputer kalian, windows versi berapa dan bit versi (contoh windows 7 64bit)

2. Lakukan prosedur instalasi XAMPP

  1. Setelah terunduh, klik 2x aplikasi XAMPP installer untuk mulai memasang pada komputer anda masing-masing
  2. Klik next, untuk memulai instalasi
    RPP Praktik menginstall XAMPP - server lokal belajar pemrograman PHP
    Klik Next untuk memulai langkah instalasi xampp

3. Ceklist semua komponen

  1. ceklist komponen yang akan ikut diinstall
  2. Secara default, semua komponen akan terpilih. Klik Next
    prosedur Praktik menginstall XAMPP - server lokal belajar pemrograman PHP
    xampp component

4. Pilih lokasi instalasi

  1. Memilih lokasi folder instalasi. Secara default path folder XAMPP ada di C:\xampp. Klik Next.
    bagaimana Praktik menginstall XAMPP - server lokal belajar pemrograman PHP
    xampp default folder
  2. Proses instalasi xampp berlangsung. Tunggu sampai proses instalasi selesai (Finish)
    Cara Menginstall XAMPP
    proses instalasi xampp

  3. Proses instalasi selesai (Finish)
    Cara Menginstall XAMPP
    proses instalasi xampp

5.Cara menguji hasil instalasi XAMPP

  1. Klik menu START > All Programs > XAMPP > XAMPP Control Panel
    Cara Menginstall XAMPP
    xampp control panel

  2. jalankan Server Apache dan Mysql, cukup klik tombol start hingga berwarna hijau
  3. Ijinkan akses dengan klik tombol allow.
    Cara Menginstall XAMPP
    mengijinkan akses xampp dari firewall

  4. Jika tombol start tidak mayu berubah menjadi hijau, ada kendala konflik port. Perbaiki konflik port yang menimbulkan server Apache atau MySql tidak mau jalan

5.Menyimpan dokumen root / file / script PHP di XAMPP

  1. File html, skrip PHP dan bahasa skrip lainnya seperti CSS, Javascript di simpan di folder C:\xampp\htdocs
    XAMPP root direktori atau folder
    XAMPP root direktori atau folder tempat menyimpan file skrip PHP

  2. Ketik skrip dibawah ini menggunakan notepad atau jika ada Visual Studio Code lebih baik.
    <?php
    echo "Hello world";
    ?>
  3. Simpan dengan nama latihan1.php di dalam folder C:\xampp\htdocs
  4. Buka browser seperti Chrome atau mozilla, kemudian ketik di kotak URL localhost/latihan1.php dan enter
    langkah Praktik menginstall XAMPP - server lokal belajar pemrograman PHP
    Hasil eksekusi skrip PHP di XAMPP

  5. Jika tampil pada browser seperti ini, maka skrip PHP anda sudah berhasil dieksekusi dan dijalankan oleh server XAMPP


Tugas Praktik
  1. Kerjakan praktikum diatas dengan seksama dan teliti pada komputer atau Laptop kalian
  2. Buatlah laporan praktikum untuk kegiatan menginstall XAMPP bahasa pemrograman PHP menggunakan video presentasi yang diupload ke youtube

Prosedur pengiriman tugas praktik
  1. Simpan tugas-tugas dengan format penamaan : nama_kelas_nama_tugas (contoh: rudy_XTKJ_praktik membuat flowchart mencari luar lingkaran)
  2. Kumpulkan hasil pekerjaan melalui ketua kelas ATAU kirim ke email bapak dengan SUBJEK: Tugas membuat flowchart
  3. Selamat bekerja