Review E-book Dari Prompt Menjadi Website: Panduan AI, GitHub, dan Netlify untuk Guru
Apakah seorang guru yang tidak memiliki latar belakang pemrograman dapat membuat website pembelajaran sendiri? Jawabannya: bisa. Namun, prosesnya bukan sekadar meminta AI membuat kode, lalu berharap website langsung bekerja dengan sempurna. Guru tetap perlu memiliki konsep yang jelas, menulis prompt secara bertahap, memahami fungsi file, menguji setiap fitur, serta mengetahui cara memublikasikan dan memperbarui website.
Pengalaman itulah yang menjadi dasar penyusunan e-book Dari Prompt Menjadi Website. E-book ini merupakan panduan praktis membangun website pembelajaran dengan bantuan AI, GitHub, dan Netlify, menggunakan pengembangan Smart Business Management Education Hub (SBME Hub) sebagai studi kasus nyata.
Apa Itu E-book Dari Prompt Menjadi Website?
Dari Prompt Menjadi Website adalah e-book untuk guru dan pemula yang ingin mengubah ide pembelajaran menjadi website statis yang dapat diakses secara online. Pembahasannya dimulai dari tahap menentukan masalah, menyusun konsep, menulis prompt, mengenal HTML–CSS–JavaScript, menata folder, mengunggah file ke GitHub, hingga menerbitkan website melalui Netlify.
Bahasanya dirancang dari sudut pandang guru, sehingga istilah teknis dijelaskan secara sederhana. HTML dianalogikan sebagai struktur ruangan, CSS sebagai tampilan dan dekorasi, sedangkan JavaScript sebagai mesin yang membuat tombol, kuis, dan interaksi dapat bekerja.
Apa Saja yang Dibahas?
E-book utama terdiri atas 25 halaman dan 18 bab praktik. Materinya meliputi:
- Mengubah masalah pembelajaran menjadi konsep website;
- Menentukan target pengguna, nama, identitas, dan struktur menu;
- Menulis prompt AI yang lebih jelas dan terarah;
- Mengenal fungsi HTML, CSS, JavaScript, gambar, dan struktur folder;
- Membuat halaman materi, simulasi, LKPD, kuis, nilai, dan progres belajar;
- Menguji tombol, tautan, tampilan, dan fungsi sebelum website diterbitkan;
- Membuat repository dan mengunggah file ke GitHub;
- Menghubungkan GitHub dengan Netlify;
- Memahami commit, deploy, dan pembaruan otomatis;
- Menangani masalah umum melalui prompt troubleshooting;
- Menghubungkan website pembelajaran dengan Blogger dan produk digital;
- Menyusun roadmap pengembangan website secara bertahap.
Bukan Hanya Teori: Menggunakan Studi Kasus SBME Hub
Salah satu bagian yang membuat e-book ini berbeda adalah penggunaan perjalanan nyata pengembangan SBME Hub. Website tersebut tidak langsung menjadi sebuah ekosistem pembelajaran yang rapi. Prosesnya dimulai dari Lab Maya sederhana, kemudian berkembang dengan penambahan materi, simulasi, LKPD, kuis, dashboard, nilai, laporan, badge, dan pengelompokan konten berdasarkan mata pelajaran.
Selama pengembangannya juga muncul berbagai masalah: halaman terus memuat, tombol tidak bekerja, materi tidak tampil, susunan menu berulang, link masih menuju versi lama, serta nilai kuis tidak terekap dengan benar. Masalah-masalah tersebut digunakan sebagai bahan belajar untuk menunjukkan bahwa membuat website dengan AI tetap membutuhkan proses pemeriksaan dan perbaikan.
Bonus 50 Prompt yang Bisa Disesuaikan
Paket ini dilengkapi Bank Prompt Volume 1 yang berisi 50 prompt dalam delapan milestone. Prompt dikelompokkan berdasarkan tahap pengerjaan agar pembaca mengetahui kapan dan untuk tujuan apa sebuah prompt digunakan.
- Fondasi dan konsep website;
- Materi dan pusat pengetahuan;
- Simulasi serta Lab Maya;
- LKPD dan aktivitas peserta didik;
- Kuis, nilai, progres, dan dashboard;
- Branding serta penataan repository;
- GitHub, Netlify, dan publikasi;
- Troubleshooting serta pengembangan lanjutan.
Prompt tersebut bukan tombol ajaib yang pasti menghasilkan website sempurna dalam sekali percobaan. Pembaca tetap perlu mengganti nama website, mata pelajaran, fitur, warna, serta kebutuhan pengguna sesuai proyek masing-masing.
Kelebihan E-book
- Ramah untuk pemula. Penjelasan disusun untuk guru yang belum terbiasa dengan coding.
- Berbasis pengalaman nyata. Pembahasan lahir dari proses membangun dan memperbaiki website pembelajaran.
- Alurnya lengkap. Tidak berhenti pada pembuatan kode, tetapi dilanjutkan sampai GitHub dan Netlify.
- Prompt tersusun sistematis. Pembaca tidak hanya memperoleh contoh prompt, tetapi juga konteks penggunaannya.
- Dapat diterapkan pada berbagai mata pelajaran. Struktur website dan prompt dapat diadaptasi untuk MPLB, AKL, DKV, agama, maupun bidang lainnya.
- Tersedia panduan visual. Paket dilengkapi visual alur GitHub dan Netlify.
- Mendorong kemandirian guru. Pembaca dibimbing untuk memahami proses, bukan hanya menerima hasil jadi.
Keterbatasan yang Perlu Diketahui
Agar pembaca memiliki ekspektasi yang tepat, berikut beberapa batasan produk ini:
- E-book berfokus pada website statis untuk pemula, bukan aplikasi kompleks dengan server dan database produksi.
- Fitur yang menggunakan
localStoragehanya menyimpan data pada browser atau perangkat yang digunakan. Data tersebut belum otomatis menjadi laporan terpusat yang dapat dilihat dari perangkat lain. - Untuk login nyata, penyimpanan nilai lintas perangkat, dan laporan guru terpusat, pembaca masih memerlukan layanan backend atau database serta pengaturan keamanan tambahan.
- Tampilan menu GitHub dan Netlify dapat berubah dari waktu ke waktu, sehingga letak tombol mungkin sedikit berbeda.
- E-book ini tidak menjanjikan pembaca langsung menjadi web developer profesional. Tujuannya adalah membantu guru memahami dan mempraktikkan fondasi pembuatan website pembelajaran.
- Hasil dari AI tetap perlu diperiksa. Kesalahan kode, tautan, atau struktur file dapat terjadi dan harus diuji sebelum dipublikasikan.
Siapa yang Cocok Menggunakan E-book Ini?
E-book ini cocok untuk:
- Guru yang ingin membuat website pembelajaran tetapi belum memahami coding;
- Guru SMK yang ingin mengembangkan media belajar interaktif atau Lab Maya;
- Mahasiswa pendidikan yang sedang membuat proyek media pembelajaran;
- Pengelola sekolah yang ingin menata materi digital dalam satu website;
- Pemula yang ingin memahami hubungan antara AI, GitHub, dan Netlify;
- Pembuat konten pendidikan yang ingin mengubah materi menjadi produk digital.
E-book ini mungkin kurang cocok bagi pengembang berpengalaman yang mencari pembahasan framework modern, API tingkat lanjut, arsitektur backend, autentikasi produksi, atau pengelolaan server secara mendalam.
Apa yang Diperoleh Pembeli?
Dalam paket digital, pembeli memperoleh:
- E-book Dari Prompt Menjadi Website;
- Bonus Bank Prompt SBME Hub Volume 1 berisi 50 prompt;
- Panduan visual GitHub;
- Panduan visual Netlify;
- Materi yang dapat digunakan sebagai panduan latihan mandiri.
Produk dikirim dalam format digital. Karena itu, pembeli tidak menerima buku cetak dan membutuhkan perangkat untuk membuka dokumen serta koneksi internet ketika menggunakan GitHub dan Netlify.
Kesimpulan Review: Apakah Layak Digunakan?
E-book ini layak digunakan sebagai panduan awal bagi guru yang ingin mulai membangun website pembelajaran dengan bantuan AI. Nilai utamanya bukan hanya pada kumpulan prompt, tetapi pada urutan kerja yang menghubungkan ide, prompt, file website, GitHub, Netlify, pengujian, dan perbaikan.
E-book ini tidak menggantikan kursus web development lengkap. Namun, bagi guru pemula yang selama ini merasa pembuatan website terlalu teknis, materi di dalamnya dapat menjadi jembatan yang lebih ramah untuk mulai mencoba, belajar dari kesalahan, dan mengembangkan proyek secara bertahap.
Produk digital tidak dikirim secara fisik. Pastikan membaca deskripsi produk dan memeriksa format file sebelum melakukan pembelian.
Comments