Membuat Website Sederhana dengan AI

Tujuan Pembelajaran

Setelah membaca tutorial ini, kamu mampu merancang sebuah situs web statis dengan cepat menggunakan bantuan AI (Artificial Intelligence). Selain itu, kamu juga mampu mentransfer file situs web tersebut dari komputer Windows ke mesin virtual Debian, serta memublikasikannya menggunakan web server Apache2 agar dapat diakses melalui peramban (browser).

Prasyarat

• Mesin virtual Debian 12 (atau lebih baru) yang sudah terinstal layanan Apache2 dan SSH Server.
• Debian sudah dikonfigurasi dengan IP Statis (misalnya 192.168.56.10) dan terhubung ke komputer Windows (menggunakan Host-Only Adapter).
• Memiliki akun AI yang bisa diakses gratis (seperti Google Gemini, ChatGPT, atau Claude).

Langkah 1 — Menghasilkan Kode Website dengan AI

Buka layanan AI favoritmu di peramban Windows. Salin dan tempelkan (copy-paste) templat prompt (perintah) berikut ini ke dalam kolom percakapan AI:

AI akan menghasilkan tiga blok kode yang berbeda untukmu.

Langkah 2 — Menyimpan File Website di Windows

Buatlah sebuah folder baru di komputermu, misalnya di drive C:\ dengan nama website.

Buka aplikasi Notepad di Windows. Salin masing-masing blok kode dari AI tadi, lalu simpan (Save As) di dalam folder C:\website dengan nama dan ekstensi yang tepat:

• index.html
• style.css
• script.js

Pastikan opsi Save as type di Notepad diubah menjadi All Files (.) agar ekstensi tidak berubah menjadi teks (.txt).

Langkah 3 — Mentransfer File dari Windows ke Debian

Kita akan memindahkan folder website tersebut ke Debian menggunakan fitur bawaan Windows yaitu SCP (Secure Copy Protocol). Buka Command Prompt (CMD) di Windows, lalu jalankan perintah berikut (ganti hasby dengan username Debianmu, dan sesuaikan alamat IP-nya):

Sistem akan meminta kata sandi pengguna Debian milikmu. Masukkan kata sandi (karakter memang tidak akan terlihat saat diketik) lalu tekan Enter. Tunggu hingga persentase transfer mencapai 100%.

Langkah 4 — Memasang Website di Apache2 Debian

Sekarang beralihlah ke terminal mesin virtual Debian milikmu. Login menggunakan username yang sama. Kita harus memindahkan file tadi dari direktori home pengguna ke direktori publik milik Apache2 (/var/www/html).

Masuk sebagai pengguna root (Super User):

Hapus halaman default bawaan Apache2 agar tidak berbenturan dengan situs web baru kita:

Salin seluruh isi folder website ke dalam direktori Apache2:

Langkah 5 — Menguji Akses Website

Pastikan file sudah tersalin dengan benar dan layanan Apache2 berjalan normal. Buka aplikasi peramban (browser) di komputer Windows kamu (seperti Microsoft Edge atau Google Chrome).

Ketikkan alamat IP Debian milikmu di bilah alamat, lalu tekan Enter:

Jika langkah-langkah di atas dilakukan dengan benar, peramban akan menampilkan situs web portofolio bertema gelap hasil buatan AI, bukan lagi halaman "Apache2 Debian Default Page".

Kesimpulan

Kecerdasan buatan (AI) dapat mempercepat proses penulisan kode dasar untuk sebuah situs web secara drastis. Dengan menggabungkan kode hasil (generate) AI dan pengelolaan web server Apache2 di Debian, kamu bisa memiliki sebuah layanan situs web mandiri yang di-hosting di dalam mesin virtualmu sendiri. Proses transfer file lintas sistem operasi pun sangat mudah dilakukan cukup dengan perintah SCP bawaan Windows.

Latihan

1. Kembalilah ke AI dan berikan perintah tambahan: "Tambahkan fitur kalkulator sederhana ke dalam situs web tersebut". Perbarui file yang ada di Windows, transfer ulang menggunakan SCP, dan lihat perubahannya di peramban.
2. Cobalah ubah hak akses file situs web di dalam folder /var/www/html Debian menggunakan perintah chmod 644 pada file dan chmod 755 pada direktori untuk menerapkan standar keamanan web server yang baik.