Tampilkan postingan dengan label Keamanan Sistem. Tampilkan semua postingan
Tampilkan postingan dengan label Keamanan Sistem. Tampilkan semua postingan
Minggu, 05 Juli 2026

Langkah Tepat Implementasi Keamanan Aplikasi: Dari Setup Localhost hingga Konfigurasi Server Virtual

Langkah Tepat Implementasi Keamanan Aplikasi

Di era digital yang serba cepat ini, memastikan keamanan aplikasi bukan lagi sekadar pilihan, melainkan sebuah kewajiban. Namun, teori saja tentu tidak cukup. Kita harus terjun langsung melihat bagaimana sebuah sistem dibangun dari dasar, sebelum kita bisa mengamankannya secara berlapis.

Kali ini, saya akan membagikan study case atau langkah-langkah praktis dalam menyiapkan environment aplikasi berbasis web di server lokal (Localhost) sekaligus melakukan konfigurasi server virtual. Proses ini sangat penting, terutama saat kita sedang mengembangkan sistem untuk proyek seperti UAS Keamanan Sistem Informasi.

Yuk, simak langkah-langkah implementasinya berikut ini!

 

1. Menyiapkan Server Lokal (XAMPP)

Langkah paling pertama sebelum menjalankan aplikasi web berbasis PHP dan MySQL adalah memastikan server lokal kita menyala. Di sini, kita menggunakan aplikasi XAMPP.

 

Keterangan: Modul Apache dan MySQL harus dalam status 'Running'.

 

Pastikan modul Apache (sebagai web server) dan MySQL (sebagai database server) sudah berstatus Start (berwarna hijau). Ini adalah fondasi utama agar aplikasi kita bisa diakses di browser.

 

2. Meletakkan Folder Aplikasi di Direktori Htdocs

Setelah server menyala, kita harus menempatkan source code aplikasi kita di tempat yang tepat. Pada XAMPP, direktori default-nya ada di dalam folder htdocs.

 

Keterangan: Folder aplikasi bernama 'jasa' disiapkan di dalam direktori htdocs.

 

Seperti yang terlihat pada gambar, kita menempatkan folder proyek kita dengan nama jasa ke dalam direktori C:\xampp7\htdocs\. Penamaan folder yang simpel akan memudahkan kita saat memanggilnya di URL nanti.

 

3. Membuat Database Baru di phpMyAdmin

Aplikasi yang dinamis pasti membutuhkan database untuk menyimpan data pengguna, transaksi, dan kredensial login. Mari kita buka phpMyAdmin melalui browser (localhost/phpmyadmin).

 

Keterangan: Membuat database baru bernama 'jasa'.

 

Pilih menu New dan buat database baru dengan nama jasa. Pastikan namanya sesuai dengan konfigurasi koneksi yang ada di dalam source code aplikasi.

 

4. Import File SQL ke Database

Karena kita sudah memiliki struktur tabel dan data dari proyek sebelumnya, kita cukup menggunakan fitur Import.

 

Keterangan: Memilih file .sql untuk di-import

.

Klik tab Import, lalu klik tombol Choose File dan pilih file .sql yang berisi struktur database aplikasi kita. Setelah itu klik Go di bagian bawah.

 

Keterangan: Notifikasi import database berhasil.

 

Jika muncul indikator berwarna hijau bertuliskan "Import has been successfully finished", artinya seluruh tabel sudah siap digunakan!

5. Meninjau Source Code Aplikasi

Sebagai pengembang yang peduli pada keamanan, memeriksa source code secara berkala adalah langkah implementasi yang wajib.

 


Keterangan: Membuka file index.php menggunakan Code Editor (VS Code).

 

Kita bisa melihat Properties dari file index.php. File ini diatur untuk dibuka menggunakan Visual Studio Code. Di tahap inilah biasanya kita menyisipkan metode keamanan, seperti enkripsi password atau sanitasi input untuk mencegah SQL Injection.

6. Menguji Coba Halaman Login Admin

Sekarang, saatnya menjalankan aplikasi! Buka browser dan ketikkan localhost/jasa. Kita akan langsung dihadapkan pada gerbang keamanan pertama: Halaman Login.

 

Keterangan: Tampilan awal form Login Admin.

 

Sistem harus bisa memvalidasi pengguna yang masuk. Masukkan username fira dan isi password yang sesuai dengan yang ada di database, lalu klik Login.

 

7. Berhasil Mengakses Dashboard Utama

Jika kredensial benar, sistem akan memberikan akses masuk ke halaman Dashboard Admin.

Keterangan: Tampilan halaman utama/dashboard setelah berhasil login.

Tampilan menyambut dengan tulisan "Selamat Datang di UAS Keamanan Sistem Informasi". Terlihat status pengguna yang login, yaitu Zahrah Dzafirah Nasution dengan role sebagai Admin.

 

Tahapan Lanjutan: Konfigurasi Penyimpanan Server Virtual

Setelah berhasil mengatur aplikasi web di localhost, langkah krusial selanjutnya dalam membangun infrastruktur sistem yang aman adalah mengelola server virtual. Memisahkan penyimpanan data dari sistem operasi utama adalah salah satu best practice dalam keamanan data.

 

8. Menambahkan Virtual Hard Disk pada VirtualBox

Buka menu pengaturan (Settings) pada mesin virtual "Server 2003" di VirtualBox, lalu navigasikan ke bagian Storage. Pada controller yang tersedia, klik ikon tambah dan pilih opsi untuk menambahkan Hard Disk.

 

Keterangan: Memilih opsi untuk menambahkan Hard Disk baru pada menu Storage VirtualBox.

 

Jendela Medium Selector akan muncul, memberikan opsi untuk menambahkan disk yang sudah ada (Add) atau membuat yang baru (Create).

 

Keterangan: Tampilan jendela Hard Disk Selector untuk membuat media penyimpanan baru.

 

9. Membuat dan Menentukan Ukuran Virtual Disk

Kita akan membuat virtual hard disk baru dengan tipe VDI (VirtualBox Disk Image).

 

Keterangan: Mengatur ukuran Virtual Hard Disk sebesar 15,00 GB dengan format VDI.

 

Pada contoh ini, kita mengalokasikan ruang sebesar 15,00 GB. Setelah ukuran disesuaikan, klik tombol Finish.

 

10. Manajemen Disk (Disk Management) di Windows Server

Jalankan mesin virtual Server 2003 Anda. Masuk ke utilitas Computer Management dan buka menu Disk Management.

 

Keterangan: Tampilan Disk Management menunjukkan partisi baru Zahrah (F:) sudah berstatus Healthy.

Sistem akan mendeteksi Disk 1 berkapasitas sekitar 14.99 GB yang diformat dengan File System NTFS. Partisi ini sudah diberi label Zahrah (F:) dan berstatus Healthy.

 

11. Memverifikasi Partisi dan Menyimpan Data

Langkah terakhir adalah memverifikasi partisi tersebut langsung dari file explorer. Buka Windows Explorer dan navigasikan ke direktori F:.

 

Keterangan: Partisi F: berhasil diakses dan folder proyek 'uas' telah dibuat di dalamnya.

 

Drive "Zahrah (F:)" sudah berfungsi penuh! Kita membuat folder khusus bernama uas untuk menyimpan file dan direktori proyek secara terpusat.

Nah, itu dia langkah-langkah setup dan konfigurasi yang sudah saya lakukan untuk proyek kali ini! Ternyata, mempraktikkan keamanan langsung di localhost dan mesin virtual jauh lebih seru daripada sekadar membaca teorinya, bukan? Semoga tutorial ini bisa membantu teman-teman yang mungkin sedang berjuang menyelesaikan tugas atau proyek serupa. Jika ada pertanyaan atau pengalaman seru lainnya seputar keamanan sistem, langsung saja tulis di kolom komentar ya! Selamat mencoba!