Tutorial Awal Koding & KKA + Video Panduan

Panduan Praktis Memulai Pemrograman untuk Pengguna Laptop dan Android Dilengkapi Video Visual

💻 Bagian 1: Pengguna Laptop (PC / Notebook)

Langkah 1: Download & Install XAMPP (Local Server)

XAMPP digunakan untuk menjalankan web server lokal di laptop Anda (diperlukan untuk menjalankan kode PHP).

  1. Buka browser (Google Chrome / Edge) lalu kunjungi web resmi: apachefriends.org.
  2. Pilih versi XAMPP sesuai sistem operasi Anda (Windows/macOS/Linux) dan unduh penginstalnya.
  3. Jalankan file installer yang telah diunduh. Jika muncul peringatan UAC, klik OK.
  4. Klik Next pada setiap tahapan instalasi (gunakan pengaturan standar/default).
  5. Tunggu proses ekstraksi file hingga selesai, lalu klik Finish.
  6. Buka program XAMPP Control Panel, lalu klik tombol Start pada modul Apache dan MySQL.
📌 Catatan: Jika modul Apache berwarna hijau, artinya server lokal Anda sudah aktif!

Langkah 2: Download & Install Sublime Text (Text Editor)

Sublime Text adalah aplikasi teks editor yang ringan dan cepat untuk mengetikkan kode program seperti HTML, CSS, dan PHP.

  1. Buka browser Anda dan kunjungi situs resmi Sublime Text di: sublimetext.com.
  2. Klik tombol Download di halaman utama, lalu pilih versi installer yang sesuai dengan sistem operasi Anda (misalnya: Windows 64 bit).
  3. Tunggu hingga proses pengunduhan file installer selesai.
  4. Buka file installer yang sudah didownload (biasanya berekstensi .exe).
  5. Ikuti petunjuk di layar dengan mengklik tombol Next hingga proses instalasi selesai, lalu buka aplikasi Sublime Text.
💡 Tips: Anda bisa mencentang opsi "Add to explorer context menu" saat instalasi agar lebih mudah membuka file dengan klik kanan.

Langkah 3: Uji Coba Membuat File Pertama

  1. Buka Sublime Text, buat file baru dengan menekan tombol Ctrl + N.
  2. Tuliskan kode sederhana berikut:
    <?php
      echo "Halo, Selamat Datang di Tutorial Koding dan KKA!";
    ?>
  3. Simpan file tersebut (Ctrl + S) di folder khusus XAMPP:
    C:\xampp\htdocs\materi_kka\index.php
  4. Buka browser Anda dan ketikkan alamat berikut di URL bar:
    http://localhost/materi_kka/
📱 Bagian 2: Pengguna Android

Langkah 1: Download & Install Aplikasi Acode

Acode adalah text editor ringan dan powerful untuk coding di perangkat Android.

  1. Buka aplikasi Google Play Store di HP Android Anda.
  2. Ketikkan kata kunci "Acode - code editor" pada kolom pencarian.
  3. Pilih aplikasi Acode (dikembangkan oleh Foxbyte Code) lalu tekan Install.
  4. Tunggu hingga proses instalasi selesai, lalu buka aplikasinya.
  5. Berikan izin akses penyimpanan (*Storage Permission*) agar Acode bisa membaca dan menyimpan file.

Langkah 2: Menyiapkan Folder Kerja

  1. Buka aplikasi Acode.
  2. Buka menu sebelah kiri (ikon garis tiga) lalu pilih Open Folder.
  3. Buat folder baru di memori internal HP Anda, beri nama misalnya: KodingKKA.
  4. Pilih folder tersebut dan klik Use this folder (Gunakan folder ini) agar Acode terhubung dengan lokasi penyimpanan tersebut.

Langkah 3: Membuat & Menjalankan File HTML Pertama

  1. Di dalam Acode, tekan ikon + atau opsi menu untuk membuat New File.
  2. Beri nama file tersebut index.html.
  3. Ketikkan kode dasar HTML berikut:
    <!DOCTYPE html>
    <html>
    <head>
      <title>Materi KKA Android</title>
    </head>
    <body>
      <h1>Halo dari Android!</h1>
      <p>Ini adalah latihan koding pertama saya menggunakan Acode.</p>
    </body>
    </html>
  4. Simpan file dengan menekan ikon disket/Save.
  5. Untuk melihat hasilnya, tekan ikon Play (â–¶) di pojok kanan atas aplikasi Acode. Hasil halaman web akan langsung tampil di dalam aplikasi!
💡 Tips Tambahan PHP di Android: Jika Anda ingin menjalankan file PHP di Android, Anda bisa menginstall aplikasi server lokal tambahan seperti KSWEB atau ServerPHP dari Play Store.