Tutorial XAMPP for Browser: Setup dan Belajar MySQL Langsung di Cloud
Karena lab dipakai bergantian, XAMPP kadang error karena sisa pemakaian rombongan belajar sebelumnya. Daripada buang waktu troubleshooting karena server nggak jalan, mending bikin environment pakai profile Chrome masing-masing, ye kan?
Di tutorial kali ini, kita akan membahas cara kerja XAMPP for Browser dan dasar-dasar MySQL dengan cara yang lebih simpel dan mudah dipahami
[✋😼] buat yang hanya belajar perintah MariaDB, langsung loncat ke judul “Perintah MySQL Dasar” di artikel ini
[📌] Sebelum lanjut, pastikan kamu sudah paham konsep dasar seperti database, SQL, schema, data, dan primary key. Penjelasan lengkapnya sudah aku bahas di artikel sebelumnya
Kalau sudah membaca, mari kita lanjutkan
Ayo kita mulai
Langsung saja, buka browser andalan kalian lalu cari “XAMPP”
Masuk ke website resmi yang muncul paling atas, atau bisa langsung melalui link disini apachefriends.org/download.html
Scroll sedikit ke bawah sampai kamu menemukan bagian XAMPP for Browsers (biasanya berada di bawah XAMPP for Windows). Di sini aku milih XAMPP for Browser karena versinya yang paling terbaru
Mari kita klik tombol warna biru itu “Run in the browser”
LAMP Sandbox
Kita akan diarahkan ke halaman LAMP Sandbox — ini adalah environment online tempat XAMPP berjalan langsung di browser
⚠️ Disclaimer: Semua yang kita buat di LAMP Sandbox bisa hilang karena environment-nya bersifat sementara. Jadi setelah praktik selesai, pastikan kamu mengekspor database sebagai backup
Tunggu proses Downloading Files dan Initializing Service sampai selesai. Jangan lupa login ke GitHub di tombol atas kanan agar tetap terhubung dengan akunmu
Jika di bagian kiri bawah sudah muncul status Ready, berarti server sudah siap digunakan
Akses ke Terminal MariaDB
Sekarang kita akan masuk ke MariaDB
Kamu bisa membuka bagian Detail LAMP untuk melihat credentials MariaDB. Perhatikan username dan password yang tersedia di sana
Setelah itu, masuk ke bagian MariaDB (ikon terminal), lalu ketik:
mysql -u root -p
Penjelasannya:
mysql→ menjalankan client MySQL-u root→ login menggunakan user root-p→ meminta password
Setelah tekan Enter, kamu akan diminta memasukkan password. Tulisan tidak akan terlihat saat diketik, tapi tetap ketik saja lalu tekan Enter
Kalau gagal login karena password-nya salah, coba lagi dan pastikan password yang dimasukkan benar (biasanya default-nya adalah root)
Kalau sudah berhasil, akan muncul tampilan seperti ini:
Artinya kamu sudah siap menjalankan perintah MySQL
Perintah MySQL Dasar
Banyak sekali perintah SQL yang tersedia, mari kita mulai dari yang sederhana dulu
Show Databases
Untuk melihat database yang tersedia:
show databases;"Jangan lupa titik koma." – WPU Sandhika Galih
Create Database
Sekarang kita buat database baru, misalnya bernama kail
create database if not exists kail;
Tampaknya berhasil
Oiya nama database bebas, kamu bisa gunakan nama apa saja
Use Database
Masuk ke database yang sudah dibuat:
use kail;
Tampaknya berhasil juga, lanjut ke tahap pembuatan schema (table)
Create Table
Kita buat tabel bernama biodata_mahasiswa:
create table biodata_mahasiswa (
npm int(5) not null primary key,
nama varchar(30) not null,
alamat varchar(30) not null,
email varchar(50) not null
);
Show Tables
Untuk melihat tabel yang ada di dalam database
show tables;
Description Table
Untuk melihat struktur tabel, ketik desc diikuti nama table
desc biodata_mahasiswa;
Drop Table
Untuk menghapus tabel + struktur + data (objek hilang), kita bisa pakai perintah ini
drop table biodata_mahasiswa;
Nama istilah drop untuk menghapus tabel ini agak unik ya, seolah olah ditumpahkan semuanya
Drop Database
Untuk menghapus seluruh isi dari database juga menggunakan perintah drop
drop database kail;
Setelah keluar kita drop databasenya, informasi database yang tadinya kail kembali jadi none
Exit
Untuk keluar dari MariaDB:
exit;
[✋😼] Tahan sebentar! Sepertinya sudah cukup sampai disini jika kamu hanya belajar perintah MariaDB dan kamu boleh membaca artikel selanjutnya di tautan ini
PHPMyAdmin
Sekarang kita pindah ke versi UI-nya, phpMyAdmin. Klik tombol dropdown lalu pilih phpMyAdmin,
atau masuk ke bagian Environment, kemudian klik Visit pada phpMyAdmin. Jangan lupa tutup sidebar environment agar tampilannya lebih lebar.
Selamat datang di phpMyAdmin 🎉
Oke, di sini kita bisa melihat daftar database yang sudah ada.
Membuat Database
Untuk menambahkan database baru, klik New di panel kiri, lalu isi bagian Database name di panel kanan. Setelah itu, klik tombol Create yang ada di sebelah kanan untuk menyimpannya
Get Sholahuddin Ahmad’s stories in your inbox
Join Medium for free to get updates from this writer.
Sebenarnya kita sudah membuat database bernama kail sebelumnya. Tapi kali ini kita mau eksplor lebih lanjut, jadi aku akan contohkan membuat database baru. Coba gunakan nama perusahaan impianmu, misalnya google.
Membuat Tabel
Setelah database berhasil dibuat, nama database akan muncul di panel sebelah kiri. Coba klik google, lalu kamu akan diarahkan ke tab Structure untuk membuat tabel baru
Masukkan nama tabel, misalnya biodata_programmer (atau bebas sesuai keinginan), kemudian tekan tombol Create
Mengatur Schema
Sekarang kita buat schemanya, misalnya dengan kolom: id, nama, email, alamat. Jangan lupa isi panjang nilainya pada bagian Length/Values sesuai kebutuhan.
Selanjutnya, jadikan kolom id sebagai Primary Key dengan mengatur index-nya menjadi Primary
Kalau sudah, scroll sedikit ke bawah lalu klik Save
Sekarang kamu akan diarahkan ke halaman Structure dari tabel biodata_programmer yang tadi kita buat
Menambahkan Data
Mari kita masuk ke tab Insert
Memang form input-nya cukup besar kalau kita memberi length valuenya diatas 50 character, tapi isi saja datanya sesuai keinginan, lalu klik tombol Go untuk menyimpan. Aku kasih contoh data:
id: 1
nama: Huddin
email: google@gmail.com
alamat: Earth, Milky Way
Dan ternyata muncul pesan berhasil “1 row inserted”, maksudnya satu baris data berhasil disimpan
Sekarang buka tab Browse, dan kamu akan melihat data yang barusan kamu buat muncul di dalam tabel
Export
Export database kamu sebagai file .sql supaya bisa dipindahkan, di-backup, atau di-import ulang ke environment lain dengan mudah. File ini jadi “snapshot” dari struktur dan isi database kamu saat itu
Upload ke Github
Buat repository baru (misalnya lamp-sandbox), lalu upload file .sql tadi agar bisa diunduh kapan pun dan dipakai kembali di environment lain
[⚠️] Tapi ingat: jangan pernah upload database production ke GitHub (terutama repo publik), karena isinya bisa diakses dan dilihat orang lain
Dan… sepertinya setup kita selesai sampai di sini
🎬 Sampai juga di Akhir halaman
Kita udah belajar dasar tentang buat database lewat Command Line Interface (CLI) dan User Interface (UI) dengan XAMPP for Browser
Kalau ada pertanyaan, langsung aja tulis di kolom komentar. Aku Huddin, ngucapin terima kasih udah baca sampai sini 🍵🐍
Sampai jumpa kembali di minggu berikutnya. Stay tuned 👋😎
Daftar Pustaka
Ahmad Nugroho, S.Kom., M.Kom. (2026). Instalasi dan Penggunaan MySQL.
