Home
Blog
TutorialsEventsProjectsAboutContact

Menu

Departures

Latest posts

  1. 09 NOVDRNDrone Penanggulangan Karhutla Alat Pejuang Masa KiniOn time
  2. 09 NOVDRNBaling-Baling Bambu Modern Menjaga Kedaulatan UdaraOn time
  3. 09 NOVEDTDrone Crowd Control Berbasis AI Ringan untuk Acara MassalOn time
  4. 09 NOVEDTMakna Salam Tiga Jari dalam Gelombang Aksi MahasiswaOn time
  5. 09 NOVNWSBaykar Kirim Lebih dari 1.000 Drone ke 41 Negara di DuniaOn 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.

NOTAMContent noticeREF C7661
Q)

Info only · Claim, credit, or removal on request

E)

Artikel ini dibuat untuk tujuan informasi. Kalau kamu pemilik gambar atau konten di halaman ini dan ingin mengklaim, meminta kredit, atau meminta penghapusan, saya terbuka untuk permintaan itu. Silakan hubungi saya.

This article is shared for informational purposes. If you own an image or content on this page and would like to claim it, request credit, or ask for its removal, I am open to that. Please contact me.

Contact tower[email protected]WhatsAppFull notice

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 PenggunaanContent Notice
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

Cara Menulis Variabel di TypeScript yang Benar dan Rapi

Baca juga

Cara Menulis Variabel di TypeScript yang Benar dan Rapi

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

Baca juga

Petunjuk Menulis Blog

Web Development · 3 menit baca

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:

Kerentanan PHP Ancam Internet, Sejumlah Negara Tutup Laman Web

Baca juga

Kerentanan PHP Ancam Internet, Sejumlah Negara Tutup Laman Web

News

  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 01WDEWDE18 Oct 2026Cara Menulis Variabel di TypeScript yang Benar dan RapiPelajari cara menulis variabel di TypeScript secara lengkap mulai dari anotasi tipe data, inferensi otomatis, hingga penerapan objek dan immutabilitas.Via #Web Development · #CodingDuration--Boarding
  2. Gate 02WDEWDE15 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
  3. Gate 03WDENWS24 Oct 2026Kerentanan PHP Ancam Internet, Sejumlah Negara Tutup Laman WebDua celah keamanan kritis pada PHP memicu ancaman siber global hingga memaksa sejumlah negara menonaktifkan sementara laman resmi pemerintah.Via #PHPDuration--Boarding
  4. Gate 04WDENWS24 Oct 2026Proyek PHP Tambal Celah Keamanan Kritis php2shellProyek PHP merilis pembaruan darurat untuk mengatasi dua kerentanan kritis php2shell bernilai 9,2 sebelum meluas ke jutaan situs web. Hostinger langsung memperketat sistem keamanan server.Via #PHPDuration--Boarding
  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. 09 NOVDRNDrone Penanggulangan Karhutla Alat Pejuang Masa KiniOn time
  2. 09 NOVDRNBaling-Baling Bambu Modern Menjaga Kedaulatan UdaraOn time
  3. 09 NOVEDTDrone Crowd Control Berbasis AI Ringan untuk Acara MassalOn time
  4. 09 NOVEDTMakna Salam Tiga Jari dalam Gelombang Aksi MahasiswaOn time
  5. 09 NOVNWSBaykar Kirim Lebih dari 1.000 Drone ke 41 Negara di DuniaOn 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.