Home
Blog
TutorialsEventsProjectsAboutContact

Menu

Departures

Latest posts

  1. 19 OCTWDEBacklink DoFollow dan NoFollow untuk SEO WebsiteOn time
  2. 19 OCTDRNDrone untuk Inspeksi Solar Panel Terbaik 2026On time
  3. 19 OCTEDTKamera Gimbal Terbaik 2026 DJI Melawan Insta360On time
  4. 19 OCTTCHReview DJI Osmo Pocket 4P: 5 Ulasan Fitur dan Catatan KritisOn time
  5. 19 OCTTCHReview DJI Osmo Pocket 4: 5 Peningkatan dan Kekurangan NyataOn time
All departures
Belajar PHP untuk Pemula: Konsep Server-Side, XAMPP, dan Hello World

WDELogbook entry

Belajar PHP untuk Pemula: Konsep Server-Side, XAMPP, dan Hello World

Panduan dasar belajar PHP untuk pemula, mulai dari memahami server-side scripting, mengonfigurasi XAMPP dan htdocs, hingga menjalankan skrip pertama di localhost.

Liu Purnomo
Oleh Liu PurnomoDi tulis tanggal 18 Oktober 2026
Web Development

Sponsored

Flight Briefing · Newsletter

Suka tulisan ini? Dapatkan artikel berikutnya lewat email.

Tanpa spam. Berhenti kapan saja lewat link di setiap email.

Frequencies

  • #PHP
  • #XAMPP
  • #Web Development
  • #Backend
  • #Coding
  • #Tutorial

Sponsored

Liu PurnomoCallsign · LPLiu Purnomo

Pendiri Drone Indonesia, direktur Remote Pilot Indonesia, software engineer, dan penulis tiga buku tentang drone.

Selengkapnya
seedbacklinkDMCA.com Protection StatusBanner BlogPartner Backlink.co.id

NAVJelajahi

  • Beranda
  • Blog
  • Tutorial
  • Events
  • Projects
  • Buku

INFTentang

  • Tentang Saya
  • Kerja Sama
  • Kontak
  • Buku Tamu
  • Bio Links
  • Traktir Author

SYSOthers

  • Changelog
  • Systems
  • Sitemap
  • Kalkulator GSD
  • QR Code Generator

Flight Briefing · Newsletter

Artikel pilihan, langsung ke inbox.

Catatan terbaru soal drone, regulasi penerbangan, dan software, dikirim sesekali saja.

Tanpa spam. Berhenti kapan saja lewat link di setiap email.

0927

Tower online · Jakarta (WIB)

© 2026 Liu Purnomo. Some rights reserved.

Kebijakan PrivasiKetentuan Penggunaan
Ikuti tulisan baru

Kecuali dinyatakan lain, tulisan di situs ini dilisensikan di bawah Creative Commons Attribution 4.0 International (CC BY 4.0). Anda boleh mengutip, menyalin, menerbitkan ulang, dan menjadikannya referensi, termasuk untuk keperluan komersial, selama menyebutkan Liu Purnomo sebagai penulis dan menautkan ke artikel aslinya. Foto atau materi pihak lain, logo, dan merek dagang tidak termasuk. Ketentuan lengkap

0
0

Memasuki ranah pengembangan back-end web menuntut perubahan cara pandang yang mendasar jika Anda terbiasa dengan HTML dan CSS. Saat menyusun HTML, browser bertindak langsung sebagai penerjemah visual. Namun, ketika ingin memberi "otak" logika pada aplikasi—seperti validasi formulir, autentikasi pengguna, hingga komunikasi basis data—Anda memerlukan bahasa server-side seperti PHP.

Bagi yang baru memulai, kendala awal jarang terletak pada sintaks sintaksis, melainkan pada pemahaman alur kerja server lokal. Artikel ini merangkum dasar-dasar eksekusi PHP, peran bundel server XAMPP, dan cara menulis skrip pertama tanpa terjebak error klasik pemula.

Memahami Perbedaan Client-Side vs Server-Side Scripting

Backlink DoFollow dan NoFollow untuk SEO Website

Baca juga

Backlink DoFollow dan NoFollow untuk SEO Website

Web Development

Peran XAMPP dan Struktur Direktori `htdocs`

Agar komputer atau laptop lokal Anda bisa memproses instruksi PHP tanpa perlu menyewa web hosting publik, Anda membutuhkan lingkungan simulasi server. Paket perangkat lunak yang paling populer digunakan untuk pemula adalah XAMPP.

XAMPP merupakan paket terintegrasi lintas platform yang mencakup:

Menyiapkan Ruang Eksekusi Lokal

Setiap server web memiliki satu folder induk (document root) tempat semua berkas situs ditempatkan agar dapat dijangkau oleh jaringan. Pada instalasi standar XAMPP di sistem operasi Windows, folder tersebut bernama `htdocs`.

Sponsored

Langkah-langkah menyiapkan lingkungan kerja:

C:\xampp\htdocs\

C:\xampp\htdocs\belajar_php

Apa Itu API dan Bagaimana Cara Kerjanya untuk Pemula

Baca juga

Apa Itu API dan Bagaimana Cara Kerjanya untuk Pemula

Web Development

Menulis Skrip Pertama: Anatomi Kode PHP

Ketikkan kode berikut di dalam file tersebut:

Bedah Sintaks Dasar

Ada tiga aturan wajib yang harus Anda perhatikan dari kode di atas:

Cara Menjalankan Skrip Melalui Browser

Setelah file tersimpan, jangan pernah mengklik ganda berkas tersebut di File Explorer. Ikuti langkah pengujian berikut:

Sponsored

http://localhost/belajar_php/

  1. Tekan tombol Enter.

Browser akan menampilkan teks:

Masalah Umum Pemula dan Solusinya

Jika halaman tidak memunculkan hasil yang diharapkan, periksa beberapa skenario gangguan berikut:

Baca juga

Ringkasan Isi Blog Ini

Web Development · 21 menit baca

  1. Pesan *This site can’t be reached* / Koneksi Ditolak:

Modul Apache di XAMPP belum menyala atau terhenti karena bentrok port (biasanya dengan aplikasi lain seperti Skype atau IIS). Buka XAMPP Control Panel dan pastikan Apache berstatus running.

  1. Teks PHP Muncul Apa Adanya di Layar:
  1. Muncul Pesan *404 Not Found*:

Periksa kembali ejaan nama folder di dalam direktori htdocs. Penulisan URL peka terhadap spasi dan kesalahan ketik nama folder.

Fuel the next flight

Suka dengan tulisan ini?

Kalau artikel ini membantu, traktir saya secangkir kopi. Dukunganmu bikin saya bisa terus menulis dan berbagi lebih banyak.

Traktir kopi

:::

Comments

You must be logged in to comment

No comments yet. Be the first to comment!

Crew ID · Flight deckCaptain
Photo of Liu Purnomo

Written by

Liu Purnomo

I'm a Software Engineer who turns coffee into code, and sometimes I even make interactive web things that work! ☕💻 I'm also a certified multitasker: an Expert Drone Pilot (ask me for aerial selfies!), a Certified Instructor/Public Speaker (I talk a lot), and a Seasonal Runner who believes in running only when the weather is perfect. Let's connect!

Callsign
LPI
Handle
@liupurnomo
Home base
Jakarta, Indonesia
On dutyView profile
Connecting flights

Related posts

More articles headed the same way as this one.

  1. Gate 01WDEWDE19 Oct 2026Backlink DoFollow dan NoFollow untuk SEO WebsiteBacklink dofollow dan nofollow menentukan cara mesin pencari mengalirkan otoritas antarhalaman web. Pelajari perbedaan teknis, fungsi link juice, serta cara memasang tag HTML yang benar untuk optimasi SEO.Via #Web DevelopmentDuration--Boarding
  2. Gate 02WDEWDE18 Oct 2026Apa Itu API dan Bagaimana Cara Kerjanya untuk PemulaPahami apa itu API lewat analogi sederhana, cara kerjanya di aplikasi harian, jenis protokol modern, serta langkah mudah mulai menggunakannya.Via #Web DevelopmentDuration--Boarding
  3. Gate 03WDEWDE15 Jul 2025Ringkasan Isi Blog IniPanduan lengkap untuk navigasi semua konten blog, dari dasar drone hingga tutorial web development.Via #Web DevelopmentDuration21mBoarding
  4. Gate 04WDEWDE15 Jul 2025Petunjuk Menulis BlogPanduan ini akan membantu Anda memahami cara menulis artikel blog yang efektif dan menarik di platform ini dengan format mdx file.Via #Web DevelopmentDuration3mBoarding
  1. WPT 01Memahami Perbedaan Client-Side vs Server-Side Scripting
  2. WPT 02Peran XAMPP dan Struktur Direktori `htdocs`
  3. WPT 03Menulis Skrip Pertama: Anatomi Kode PHP
  4. WPT 04Cara Menjalankan Skrip Melalui Browser
  5. WPT 05Masalah Umum Pemula dan Solusinya

Sponsored

Departures

Latest posts

  1. 19 OCTWDEBacklink DoFollow dan NoFollow untuk SEO WebsiteOn time
  2. 19 OCTDRNDrone untuk Inspeksi Solar Panel Terbaik 2026On time
  3. 19 OCTEDTKamera Gimbal Terbaik 2026 DJI Melawan Insta360On time
  4. 19 OCTTCHReview DJI Osmo Pocket 4P: 5 Ulasan Fitur dan Catatan KritisOn time
  5. 19 OCTTCHReview DJI Osmo Pocket 4: 5 Peningkatan dan Kekurangan NyataOn time
All departures

Salah satu kekeliruan paling umum saat pertama kali belajar PHP adalah mencoba membuka file .php dengan cara mengeklik ganda (double-click) di File Explorer. Hasilnya, browser seperti Google Chrome hanya akan menampilkan baris kode mentah atau memicu unduhan file secara otomatis.

Hal tersebut terjadi karena browser hanya mengenal bahasa client-side (seperti HTML, CSS, dan JavaScript). Browser komputer Anda tidak memiliki mesin (parser) bawaan untuk menerjemahkan logika PHP.

AspekClient-Side (HTML / CSS / JS)Server-Side (PHP)
Tempat EksekusiBrowser perangkat penggunaMesin server web (Apache, Nginx)
Hasil yang Dilihat UserStruktur, gaya visual, dan interaktivitas DOMHTML murni hasil olahan server
Akses File LangsungBisa dibuka lewat jalur file lokal (file:///...)Wajib melalui protokol HTTP/HTTPS (http://localhost/...)
Fungsi UtamaAntarmuka pengguna (front-end)Logika bisnis, pemrosesan data, koneksi database

Dalam siklus web dinamis, ketika klien meminta halaman PHP, modul interpreter PHP di server akan membaca file tersebut, mengeksekusi fungsi di dalamnya, lalu mengubah hasilnya menjadi teks HTML biasa sebelum dikirimkan kembali ke layar browser. Konsep pertukaran data terstruktur semacam ini juga menjadi fondasi saat Anda nantinya membangun komunikasi antar-sistem seperti di materi apa itu API dan bagaimana cara kerjanya.

  • Apache: Server web HTTP yang bertugas menerima dan melayani permintaan halaman.
  • MariaDB/MySQL: Sistem manajemen basis data relasional.
  • PHP: Mesin penerjemah bahasa pemrograman PHP.
  • Perl: Bahasa skrip pelengkap administrasi sistem.
  1. Buka aplikasi XAMPP Control Panel.
  2. Klik tombol Start pada modul Apache. Pastikan indikator berubah menjadi hijau, menandakan web server lokal sudah aktif di port default (biasanya port 80 dan 443).
  3. Buka File Explorer, lalu masuk ke direktori instalasi XAMPP:
  1. Buat folder baru khusus untuk proyek latihan Anda, misalnya belajar_php.
  2. Buka teks editor (seperti Visual Studio Code), lalu pilih Open Folder ke arah direktori:

Semua file berekstensi .php yang ingin Anda jalankan harus berada di dalam hierarki folder htdocs ini.

Di dalam folder belajar_php, buat berkas baru dengan nama index.php. Penamaan index.php ini istimewa karena web server Apache secara otomatis menjadikannya berkas beranda utama yang dipanggil ketika sebuah direktori diakses tanpa menyebut nama file spesifik.

php
1<?php
2 // Perintah standar untuk mencetak teks ke output browser
3 echo "Hello World! Selamat datang di pemrograman PHP.";
4?>
  • Tag Pembuka dan Penutup (`<?php ... ?>`): Blok kode PHP wajib dibuka dengan <?php. Jika Anda hanya menulis kode PHP murni tanpa menyisipkan tag penutup HTML lain di bawahnya, menghilangkan tag penutup ?> di akhir file justru direkomendasikan untuk menghindari whitespace yang tidak diinginkan.
  • Perintah `echo`: Merupakan konstruksi bahasa yang digunakan untuk mencetak satu atau lebih nilai teks (string) ke respons browser.
  • Tanda Titik Koma (`;`): Setiap pernyataan instruksi PHP wajib diakhiri dengan titik koma. Kelalaian menaruh titik koma di ujung baris adalah sumber utama terjadinya Parse Error: syntax error pada pemula.
  1. Pastikan modul Apache di XAMPP Control Panel masih berjalan (berwarna hijau).
  2. Buka browser modern pilihan Anda.
  3. Masukkan URL berikut pada kolom pencarian alamat (URL bar):
text
1Hello World! Selamat datang di pemrograman PHP.

Kata localhost di URL tersebut berfungsi sebagai domain loopback lokal (IP 127.0.0.1), yang menginstruksikan browser untuk menghubungi mesin Apache di komputer sendiri. Apache kemudian secara otomatis memetakan permintaan tersebut ke path fisik C:\xampp\htdocs\belajar_php\index.php, mengeksekusi instruksi PHP di dalamnya, dan menampilkan hasilnya ke layar.

Ini terjadi jika file dibuka via protokol lokal file:///C:/xampp/htdocs/... dan bukan melalui http://localhost/....

Memahami pembagian peran antara server lokal, folder penyimpanan htdocs, dan cara eksekusi skrip via localhost adalah fondasi mutlak sebelum Anda mempelajari konsep tingkat lanjut seperti penanganan form, session, hingga arsitektur modern di halaman kumpulan tutorial lainnya.

Apa fungsi utama XAMPP dalam belajar PHP?
XAMPP berfungsi sebagai paket server lokal terintegrasi yang menyediakan Apache (web server), MariaDB (database), dan interpreter PHP di komputer Anda, sehingga kode PHP dapat dieksekusi tanpa memerlukan koneksi internet atau hosting berbayar.
Mengapa file PHP tidak boleh dibuka dengan double click langsung di folder?
Karena browser hanya bisa menerjemahkan bahasa sisi klien seperti HTML, CSS, dan JavaScript. Jika diklik ganda, browser membaca file melalui protokol lokal file:/// tanpa melewati web server, sehingga sintaks PHP tidak akan diproses melainkan tampil sebagai teks mentah.
Apa yang terjadi jika lupa menuliskan titik koma (;) di akhir baris PHP?
PHP akan menghasilkan Parse Error (syntax error) dan menghentikan seluruh proses eksekusi skrip di baris tersebut karena mesin interpreter tidak dapat menentukan batas akhir dari sebuah pernyataan instruksi.
Apakah nama file pertama selalu harus index.php?
Tidak harus, tetapi web server Apache secara default memprioritaskan file bernama index.php atau index.html sebagai dokumen pembuka utama ketika sebuah folder diakses melalui URL tanpa menyebutkan nama file secara eksplisit.