Tutorial Instalasi dan Konfigurasi Project Jasa Menggunakan VirtualBox dan XAMPP,

    Pada tutorial ini akan dijelaskan langkah-langkah untuk menyiapkan project Jasa mulai dari membuat hard disk virtual, mengatur database, hingga menjalankan aplikasi di localhost.

Langkah 1. Menambahkan Hard Disk Virtual di VirtualBox
Buka VirtualBox.
Pilih mesin virtual yang akan digunakan.
Klik Settings.
Masuk ke menu Storage.
Klik ikon Add Hard Disk.

Buat hard disk virtual baru dengan kapasitas 15 GB.

 

Simpan pengaturan, kemudian jalankan mesin virtual.

Langkah 2. Membuat Database di XAMPP
Jalankan XAMPP.
Aktifkan Apache dan MySQL.
Klik tombol Admin pada MySQL sehingga membuka phpMyAdmin.
Pilih menu Database.
Buat database baru dengan nama:
jasa
Klik Create (Go).
Pilih database jasa yang baru dibuat.
Klik menu Import.
Pilih file database dengan lokasi:
xampp
└── htdocs
    └── jasa
        └── database
            └── jasa.sql

Klik Import dan tunggu hingga proses selesai. 

Langkah 3. Mengubah Data Login
Pada database jasa, buka tabel user.
Klik Edit pada data pengguna.
Ubah data berikut sesuai kebutuhan:
Username
Password
Nama Lengkap
Pada kolom Password, ubah fungsi menjadi MD5.
Klik Kirim (Go) untuk menyimpan perubahan.

 Langkah 4. Menjalankan Project

Membuka Project di Visual Studio Code

Buka folder berikut:

xampp\htdocs

Klik kanan lalu pilih Open in Terminal atau buka Command Prompt pada folder tersebut.

Jalankan perintah:

code .

Setelah Visual Studio Code terbuka, buka file:

koneksi.php

Hapus password database sehingga menjadi:

$password = "";

Simpan perubahan dengan menekan Ctrl + S.

Mengubah Identitas pada Halaman Utama

Buka file:

index.php

Ubah tulisan setelah kata "Karya" menjadi nama Anda.

Ubah tulisan "Nama Anda" menjadi nama Anda sendiri.

Simpan perubahan.

Menjalankan Website

Buka browser.

Akses alamat berikut:

http://localhost/jasa/

Login menggunakan:

Username: sesuai yang diubah pada langkah 3.

Password: sesuai password yang telah dibuat pada langkah 3.

Langkah 5. Mengubah Atribut File index.php

Buka kembali folder:

xampp\htdocs

Jalankan Command Prompt pada folder tersebut.

Ketik perintah berikut secara berurutan:

code .

dir

attrib index.php

attrib +r /s /d index.php

Tekan Enter.

Perintah tersebut akan mengubah atribut file index.php menjadi Read Only, sehingga file tidak dapat diubah secara langsung.

Penutup

Selamat! Anda telah berhasil:

Menambahkan hard disk virtual berukuran 15 GB pada VirtualBox.

Mengaktifkan dan memformat hard disk di Windows.

Membuat database jasa pada phpMyAdmin.

Mengimpor database ke MySQL.

Mengubah data login pengguna.

Mengonfigurasi file project di Visual Studio Code.

Menjalankan aplikasi melalui localhost.

Mengubah atribut file index.php menjadi Read Only.

Pastikan setiap langkah dilakukan secara berurutan agar aplikasi dapat berjalan dengan baik tanpa mengalami kendala.