Ingin membuat program sederhana tetapi belum mahir menulis kode? Kini, kecerdasan artifisial atau Artificial Intelligence (AI) dapat membantu pemula memahami pemrograman, menyusun kode, menemukan kesalahan, dan mengembangkan ide menjadi aplikasi sederhana
AI Coding bukan sekadar meminta AI membuatkan program. Keterampilan yang lebih penting adalah mampu menjelaskan kebutuhan, menyusun instruksi yang jelas, memahami kode yang dihasilkan, menguji program, dan memperbaikinya ketika terjadi kesalahan.
Bagi siswa SMK, kemampuan ini dapat diterapkan dalam berbagai bidang. Siswa Teknik Sepeda Motor dapat membuat kalkulator biaya servis, siswa Desain Komunikasi Visual dapat membuat halaman portofolio, sedangkan siswa Layanan Perbankan Syariah dapat membuat simulasi perhitungan transaksi menggunakan data latihan.
Setelah mempelajari materi ini, pembaca diharapkan mampu memahami konsep AI Coding, menyusun prompt pemrograman, membuat program sederhana, membaca kode, melakukan debugging, serta menguji hasil program secara bertanggung jawab.
Daftar Isi
- Mengenal AI Coding
- Hubungan AI dan pemrograman
- Bahasa pemrograman untuk pemula
- Memahami struktur prompt coding
- Menyiapkan lingkungan praktik
- Praktik membuat program pertama
- Membuat kalkulator sederhana dengan Python
- Membuat halaman web interaktif
- Membaca kode yang dihasilkan AI
- Mengenal debugging
- Menguji dan mengevaluasi program
- Teknik memperbaiki prompt
- Penerapan AI Coding pada bidang keahlian SMK
- Etika, keamanan, dan tanggung jawab
- Proyek praktik mandiri
- Rubrik penilaian
- Kesimpulan dan referensi
1. Mengenal AI Coding
AI Coding adalah pemanfaatan teknologi kecerdasan artifisial untuk membantu aktivitas pemrograman. Pengguna dapat menjelaskan program yang ingin dibuat menggunakan bahasa sehari-hari, kemudian meminta AI menghasilkan contoh kode, menerangkan cara kerja kode, atau membantu mencari kesalahan.
Misalnya, seorang siswa ingin membuat program untuk menghitung biaya servis kendaraan. Siswa dapat menjelaskan jenis layanan, harga jasa, dan kebutuhan perhitungannya kepada AI. AI kemudian dapat membantu menyusun kode awal berdasarkan instruksi tersebut.
AI Coding dapat digunakan untuk berbagai pekerjaan, antara lain:
- Membuat contoh kode program.
- Menjelaskan fungsi perintah dalam bahasa pemrograman.
- Membantu membuat rumus dan logika program.
- Menemukan kemungkinan penyebab error.
- Mengembangkan fitur baru dari program yang sudah ada.
- Membuat dokumentasi kode.
- Menyusun skenario pengujian.
- Mengubah kebutuhan pengguna menjadi rancangan program.
Meskipun demikian, kode yang dihasilkan AI belum tentu langsung benar. Program tetap perlu dibaca, diuji, dan diperbaiki oleh pengguna.
2. Bagaimana AI Membantu Pemrograman?
Dalam pemrograman konvensional, programmer biasanya menganalisis masalah, merancang algoritma, menulis kode, menguji program, kemudian memperbaiki kesalahan. AI dapat membantu beberapa tahap tersebut, tetapi tidak menghilangkan kebutuhan untuk memahami masalah.
| Tahap | Peran AI | Peran Pengguna |
|---|---|---|
| Analisis masalah | Membantu merinci kebutuhan | Menentukan masalah yang sebenarnya |
| Perancangan | Memberi contoh algoritma | Memilih logika yang sesuai |
| Penulisan kode | Menghasilkan kode awal | Memeriksa dan memahami kode |
| Pengujian | Menyarankan kasus uji | Menjalankan dan memverifikasi program |
| Perbaikan | Membantu mencari penyebab error | Memastikan perbaikan benar-benar bekerja |
Dengan pendekatan ini, AI menjadi asisten belajar dan pengembangan, bukan pengganti kemampuan berpikir programmer.
3. Memilih Bahasa Pemrograman untuk Pemula
Bahasa pemrograman adalah bahasa yang digunakan untuk memberikan instruksi kepada komputer. Pemilihan bahasa sebaiknya disesuaikan dengan tujuan program.
Python
Python memiliki sintaks yang relatif mudah dibaca dan cocok untuk belajar variabel, operasi matematika, percabangan, perulangan, pengolahan data, serta pembuatan program sederhana.
HTML, CSS, dan JavaScript
HTML digunakan untuk menyusun struktur halaman web, CSS untuk mengatur tampilan, sedangkan JavaScript untuk menambahkan interaksi. Ketiganya dapat digunakan bersama untuk membuat halaman web sederhana.
Bahasa lain
Bahasa seperti Java, C++, dan PHP juga dapat digunakan sesuai kebutuhan. Untuk pembelajaran awal, pilih satu bahasa terlebih dahulu agar pemahaman dasar berkembang dengan baik.
Jangan langsung memulai dari aplikasi yang terlalu besar. Buat program kecil dengan satu tujuan, pastikan berjalan, lalu tambahkan fitur secara bertahap.
4. Cara Menyusun Prompt Coding yang Baik
Prompt adalah instruksi yang diberikan kepada AI. Dalam AI Coding, prompt yang jelas membantu AI memahami tujuan program, teknologi yang digunakan, data masukan, aturan proses, dan bentuk keluaran yang diharapkan.
Gunakan struktur prompt berikut:
Penjelasan setiap bagian
- Peran: tentukan sudut pandang AI, misalnya sebagai tutor pemrograman pemula.
- Tujuan: jelaskan program yang ingin dibuat.
- Kebutuhan: sebutkan fitur yang harus tersedia.
- Batasan: tentukan bahasa, tingkat kesulitan, atau aturan tertentu.
- Format kode: minta kode lengkap, komentar, dan petunjuk menjalankan program.
- Pengujian: minta contoh masukan, hasil yang diharapkan, dan cara menangani kesalahan.
Contoh prompt yang terlalu umum
Instruksi tersebut belum menjelaskan fungsi program, siapa penggunanya, maupun hasil yang diharapkan.
Contoh prompt yang lebih baik
Prompt yang lebih terarah membantu menghasilkan kode yang lebih sesuai kebutuhan. Jika hasil pertama belum tepat, perbaiki instruksi berdasarkan kekurangan yang ditemukan.
5. Menyiapkan Lingkungan Praktik
Sebelum menjalankan kode, pengguna memerlukan tempat untuk menulis dan menguji program.
Untuk latihan Python, pilihan yang dapat digunakan meliputi:
- Editor kode yang mendukung Python.
- Lingkungan Python yang terpasang pada komputer.
- Notebook pemrograman berbasis web.
- Lingkungan belajar daring yang mendukung eksekusi Python.
Untuk HTML dan JavaScript, siswa dapat menggunakan editor teks dan browser modern. Simpan file dengan ekstensi yang sesuai, misalnya .html untuk halaman web dan .py untuk program Python.
Sebelum menjalankan kode dari AI, baca isi program terlebih dahulu. Jangan menjalankan kode yang tidak dipahami, terutama jika kode meminta akses file, jaringan, kredensial, atau menjalankan perintah sistem.
6. Praktik Pertama: Program Salam Sederhana
Program pertama sebaiknya memiliki tujuan sederhana. Contoh berikut meminta nama pengguna dan menampilkan pesan salam.
nama = input("Masukkan nama Anda: ")print("Halo,", nama)print("Selamat belajar AI Coding!")
Penjelasan kode
input()meminta pengguna memasukkan teks.namamerupakan variabel yang menyimpan masukan pengguna.print()menampilkan teks pada layar.
Contoh hasil
Masukkan nama Anda: RinaHalo, RinaSelamat belajar AI Coding!
Prompt untuk mengembangkan program
Praktik ini melatih siswa memahami variabel, masukan pengguna, dan keluaran program sebelum mempelajari logika yang lebih kompleks.
7. Praktik Python: Kalkulator Biaya Servis
Pada contoh ini, program menghitung total biaya berdasarkan jasa servis dan suku cadang. Contoh menggunakan data simulasi, bukan tarif bengkel tertentu.
Kode program
print("=== KALKULATOR BIAYA SERVIS ===")jasa = float(input("Masukkan biaya jasa: Rp")) suku_cadang = float(input("Masukkan biaya suku cadang: Rp")) total = jasa + suku_cadang print("\n--- RINCIAN BIAYA ---") print(f"Biaya jasa: Rp{jasa:,.0f}") print(f"Biaya suku cadang: Rp{suku_cadang:,.0f}")print(f"Total biaya: Rp{total:,.0f}")
Memahami bagian penting
Fungsi float() mengubah masukan menjadi angka desimal agar dapat digunakan dalam perhitungan. Operator + menjumlahkan biaya jasa dan suku cadang. F-string digunakan untuk menyisipkan nilai variabel ke dalam teks.
Format angka di atas menggunakan format angka Python. Pada beberapa lingkungan, pemisah ribuan dapat tampil dengan tanda koma. Untuk laporan berbahasa Indonesia, tampilan dapat disesuaikan lebih lanjut.
Contoh pengujian
| Masukan | Nilai |
|---|---|
| Biaya jasa | Rp75.000 |
| Suku cadang | Rp125.000 |
| Total yang diharapkan | Rp200.000 |
Prompt untuk meningkatkan program
Latihan ini mengajarkan bahwa program tidak cukup hanya menghasilkan perhitungan. Program juga harus menangani kesalahan masukan dengan baik.
8. Praktik Web: Membuat Kalkulator Interaktif
Selain Python, AI dapat membantu membuat halaman web interaktif. Contoh berikut menggunakan HTML, CSS, dan JavaScript dalam satu file. Pengguna dapat memasukkan dua angka, kemudian menghitung jumlahnya.
Salin kode berikut ke file bernama kalkulator.html, kemudian buka file tersebut menggunakan browser.
<!DOCTYPE html><html lang="id"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>Kalkulator Penjumlahan</title><style>body {font-family: Arial, sans-serif;max-width: 500px;margin: 40px auto;padding: 20px;background: #f1f5f9;}.kartu {background: white;padding: 24px;border-radius: 12px;}input, button {width: 100%;box-sizing: border-box;padding: 12px;margin: 8px 0;}button {background: #1769aa;color: white;border: 0;cursor: pointer;}#hasil {font-weight: bold;margin-top: 16px;}</style></head><body><div class="kartu"><h1>Kalkulator Sederhana</h1><label for="angka1">Angka pertama</label><input id="angka1" type="number" step="any"><label for="angka2">Angka kedua</label> <input id="angka2" type="number" step="any"> <button id="tombolHitung">Hitung Jumlah</button> <p id="hasil" aria-live="polite">Hasil akan tampil di sini.</p> </div> <script> const tombol = document.getElementById("tombolHitung"); tombol.addEventListener("click", function () { const nilai1 = document.getElementById("angka1").value; const nilai2 = document.getElementById("angka2").value; const hasil = document.getElementById("hasil"); if (nilai1.trim() === "" || nilai2.trim() === "") { hasil.textContent = "Masukkan kedua angka terlebih dahulu."; return; } const angka1 = Number(nilai1); const angka2 = Number(nilai2); if (!Number.isFinite(angka1) || !Number.isFinite(angka2)) { hasil.textContent = "Masukan harus berupa angka yang valid."; return; } hasil.textContent = "Hasil: " + (angka1 + angka2); }); </script> </body></html>
Bagaimana kode tersebut bekerja?
- HTML: membentuk judul, kolom masukan, tombol, dan tempat hasil.
- CSS: mengatur warna, jarak, ukuran, dan tampilan kartu.
- JavaScript: membaca angka, memvalidasi masukan, menghitung jumlah, lalu menampilkan hasil.
Contoh prompt untuk mengembangkan halaman
Setelah menerima kode baru dari AI, jalankan program dan uji setiap operasi. Jangan hanya menilai program berdasarkan tampilannya.
9. Belajar Membaca Kode, Bukan Hanya Menyalinnya
Salah satu risiko belajar dengan AI adalah siswa mendapatkan kode yang berjalan, tetapi tidak memahami cara kerjanya. Agar keterampilan pemrograman benar-benar berkembang, setiap kode harus dipelajari.
Gunakan langkah berikut:
- Baca nama variabel dan fungsi.
- Identifikasi masukan yang diterima program.
- Temukan proses atau perhitungan yang dilakukan.
- Periksa bagaimana hasil ditampilkan.
- Tanyakan kepada AI bagian yang belum dipahami.
- Coba ubah satu bagian kecil dan amati hasilnya.
Prompt untuk memahami kode
10. Mengenal Debugging
Debugging adalah proses menemukan, memahami, dan memperbaiki kesalahan pada program. Kesalahan dapat muncul karena penulisan kode, logika yang kurang tepat, masukan yang tidak sesuai, atau asumsi yang keliru.
Beberapa jenis kesalahan yang umum ditemukan adalah:
Syntax Error
Terjadi ketika penulisan kode tidak mengikuti aturan bahasa pemrograman. Contohnya tanda kurung yang tidak lengkap atau penulisan struktur yang salah.
Runtime Error
Terjadi ketika program mengalami masalah saat dijalankan. Contohnya mencoba mengubah teks yang tidak valid menjadi angka.
Logical Error
Program berjalan, tetapi hasilnya salah karena logika atau rumus yang digunakan tidak sesuai kebutuhan.
Prompt debugging
Jika pesan error memuat informasi pribadi, token akses, kata sandi, atau lokasi file sensitif, hapus informasi tersebut sebelum membagikannya ke layanan AI.
11. Menguji Program Secara Sistematis
Pengujian membantu memastikan program bekerja sesuai kebutuhan. Setiap fitur sebaiknya diuji menggunakan beberapa jenis masukan.
| Jenis Pengujian | Contoh | Tujuan |
|---|---|---|
| Masukan normal | 10 dan 5 | Memastikan hasil normal benar |
| Nilai nol | 0 dan 5 | Memeriksa perilaku nilai nol |
| Angka negatif | -3 dan 5 | Memastikan aturan nilai diterapkan |
| Masukan kosong | Kolom tidak diisi | Memastikan validasi bekerja |
| Masukan tidak valid | Teks pada kolom angka | Mencegah kegagalan yang tidak ditangani |
Tidak semua jenis masukan harus ditolak. Aturan pengujian mengikuti kebutuhan aplikasi. Contohnya, angka negatif dapat diterima dalam kalkulator umum, tetapi mungkin tidak diperbolehkan sebagai biaya servis.
12. Memperbaiki Prompt Secara Bertahap
Jika hasil AI belum sesuai, jangan hanya mengulang prompt yang sama. Jelaskan bagian yang bermasalah dan tentukan perubahan yang dibutuhkan.
Prompt awal
Prompt yang diperbaiki
Prompt untuk revisi
Penyempurnaan bertahap membantu siswa melihat hubungan antara kebutuhan, instruksi, kode, dan hasil pengujian.
13. Penerapan AI Coding untuk Teknik Sepeda Motor
Siswa Teknik Sepeda Motor dapat membuat program pendukung kegiatan bengkel dengan menggunakan data simulasi.
Ide proyek yang dapat dikembangkan:
- Kalkulator biaya servis.
- Penghitung total biaya suku cadang.
- Pencatatan sederhana jadwal servis.
- Daftar pemeriksaan kendaraan.
- Simulasi pengingat servis berdasarkan jarak tempuh yang dimasukkan pengguna.
Contoh prompt proyek TSM
Aplikasi semacam ini dapat digunakan untuk latihan pencatatan, tetapi hasilnya tidak boleh dianggap sebagai diagnosis teknis kendaraan tanpa pemeriksaan yang sesuai.
14. Penerapan AI Coding untuk Desain Komunikasi Visual
Pada bidang DKV, kemampuan pemrograman dapat mendukung pembuatan portofolio digital, halaman promosi, galeri karya, dan formulir pemesanan desain.
Ide proyek
- Halaman portofolio desain.
- Galeri poster dan ilustrasi.
- Halaman profil desainer.
- Kalkulator estimasi harga jasa desain.
- Halaman promosi produk kreatif.
Contoh prompt proyek DKV
Siswa harus memastikan bahwa gambar, font, ikon, dan aset visual yang digunakan memiliki izin atau lisensi yang sesuai. Jangan menganggap semua aset yang ditemukan di internet bebas digunakan.
15. Penerapan AI Coding untuk Layanan Perbankan Syariah
Pada bidang Layanan Perbankan Syariah, siswa dapat membuat simulasi antarmuka pelayanan atau kalkulator edukasi menggunakan data fiktif.
Ide proyek
- Simulasi pencatatan layanan nasabah.
- Formulir permintaan informasi produk.
- Penghitung total transaksi latihan.
- Simulasi antrean layanan.
- Ringkasan transaksi menggunakan data contoh.
Contoh prompt proyek PBS
Proyek pembelajaran tidak boleh digunakan untuk memproses transaksi keuangan nyata. Sistem perbankan membutuhkan pengamanan, pengujian, pengawasan, dan kepatuhan terhadap aturan yang jauh lebih ketat.
16. Etika dan Keamanan dalam AI Coding
Kode yang dihasilkan AI harus diperlakukan sebagai usulan yang perlu ditinjau. Kode dapat mengandung kesalahan logika, kelemahan keamanan, atau cara kerja yang tidak sesuai kebutuhan.
Gunakan prinsip berikut:
- Pahami sebelum menjalankan: baca kode dan periksa perintah yang dijalankan.
- Jaga kerahasiaan: jangan membagikan kata sandi, token API, kunci rahasia, atau data pelanggan.
- Uji hasil: jalankan kasus normal dan kasus yang berpotensi menimbulkan kesalahan.
- Periksa sumber kode: pahami lisensi dan asal-usul kode atau pustaka yang digunakan.
- Dokumentasikan bantuan AI: ikuti ketentuan tugas dan jelaskan bagian yang dibantu AI jika diminta.
- Jangan mengklaim kemampuan yang belum ada: dokumentasi program harus sesuai dengan fitur yang benar-benar berfungsi.
AI dapat mempercepat proses belajar, tetapi tanggung jawab atas penggunaan dan penerapan kode tetap berada pada orang yang memilih untuk menjalankannya.
17. Proyek Praktik: Buat Program Sesuai Minat
Buat program sederhana menggunakan Python atau teknologi web. Pilih satu masalah yang dekat dengan lingkungan sekolah atau bidang keahlian.
Ketentuan proyek
- Memiliki satu masalah yang jelas untuk diselesaikan.
- Memiliki minimal tiga fitur utama.
- Menggunakan prompt yang disusun sendiri.
- Memiliki kode yang dapat dijalankan.
- Menyertakan minimal lima kasus pengujian.
- Menjelaskan cara kerja bagian penting kode.
- Mencatat kesalahan yang ditemukan dan perbaikannya.
- Menyertakan dokumentasi penggunaan AI.
Contoh pilihan proyek
| Bidang | Proyek | Fitur |
|---|---|---|
| TSM | Kalkulator servis | Input biaya, subtotal, total |
| DKV | Portofolio digital | Profil, galeri, kategori karya |
| PBS | Simulasi antrean | Tambah, tampilkan, hapus antrean |
18. Format Laporan Proyek
Laporan proyek dapat disusun menggunakan struktur berikut:
- Judul proyek: nama program yang dibuat.
- Latar belakang: masalah yang ingin diselesaikan.
- Tujuan: hasil yang ingin dicapai.
- Rancangan: fitur, alur, dan teknologi yang digunakan.
- Prompt: instruksi yang diberikan kepada AI.
- Kode program: kode akhir beserta penjelasan bagian penting.
- Pengujian: masukan, hasil yang diharapkan, dan hasil aktual.
- Perbaikan: masalah yang ditemukan dan solusi yang diterapkan.
- Kesimpulan: hasil proyek dan keterbatasannya.
- Refleksi: keterampilan baru dan hal yang masih perlu dipelajari.
19. Rubrik Penilaian
| Aspek | Indikator | Bobot |
|---|---|---|
| Analisis kebutuhan | Masalah dan tujuan program jelas | 15% |
| Kualitas prompt | Instruksi terarah dan sesuai kebutuhan | 15% |
| Fungsi program | Fitur utama berjalan sesuai tujuan | 25% |
| Pemahaman kode | Siswa mampu menjelaskan logika program | 15% |
| Pengujian dan debugging | Pengujian memadai dan perbaikan terdokumentasi | 20% |
| Dokumentasi | Laporan dan refleksi lengkap | 10% |
Total bobot penilaian: 100%.
20. Pertanyaan Refleksi
- Apa yang dimaksud dengan AI Coding?
- Apa perbedaan peran HTML, CSS, dan JavaScript?
- Mengapa prompt coding perlu menjelaskan tujuan program?
- Apa perbedaan syntax error, runtime error, dan logical error?
- Mengapa kode dari AI harus diperiksa dan diuji?
- Bagaimana cara menggunakan AI untuk memahami kode, bukan sekadar menyalinnya?
- Apa risiko membagikan data rahasia ketika meminta bantuan AI?
- Program apa yang ingin kamu buat sesuai bidang keahlianmu?
21. FAQ: Pertanyaan Umum tentang AI Coding
Apakah harus mahir pemrograman untuk menggunakan AI Coding?
Tidak harus mahir pada tahap awal. Pemula dapat memulai dari program sederhana, tetapi perlu mempelajari dasar pemrograman agar mampu memahami, menguji, dan memperbaiki kode.
Apakah kode yang dihasilkan AI selalu benar?
Tidak. Kode bisa memiliki kesalahan sintaks, logika, atau keamanan. Karena itu, kode harus diperiksa dan diuji sebelum digunakan.
Apakah AI Coding bisa digunakan untuk membuat website?
Bisa. AI dapat membantu membuat struktur HTML, CSS, JavaScript, dan menjelaskan cara kerja halaman. Namun, pengguna tetap harus menguji tampilan, fungsi, aksesibilitas, dan keamanan.
Apakah siswa boleh menggunakan AI untuk tugas pemrograman?
Penggunaan AI mengikuti ketentuan guru atau lembaga pendidikan. Siswa sebaiknya jujur mengenai bantuan AI dan mampu menjelaskan kode yang dikumpulkan.
Apakah aplikasi yang dibuat untuk latihan bisa langsung digunakan di dunia kerja?
Belum tentu. Aplikasi latihan biasanya belum memiliki seluruh kebutuhan keamanan, pengujian, pemeliharaan, dan keandalan yang diperlukan untuk penggunaan profesional.
Kesimpulan: AI Membantu Menulis Kode, Pemahaman Membuat Kita Menjadi Programmer
AI Coding memberikan kesempatan bagi pemula untuk mencoba membuat program dengan cara yang lebih mudah diakses. Melalui instruksi yang jelas, AI dapat membantu menyusun kode awal, menerangkan konsep, mencari kemungkinan kesalahan, dan mengembangkan fitur.
Namun, program yang terlihat bagus belum tentu bekerja dengan benar. Pengguna harus memahami tujuan program, membaca kode, menguji berbagai masukan, memperbaiki kesalahan, serta menjaga keamanan data.
Bagi siswa SMK, AI Coding dapat menjadi sarana untuk menghubungkan pembelajaran dengan kebutuhan bidang keahlian. Program sederhana yang dibuat hari ini dapat menjadi dasar untuk mengembangkan aplikasi yang lebih bermanfaat di masa depan.
Mulailah dari masalah sederhana, pahami setiap baris kode, dan terus tingkatkan program melalui pengujian.
Referensi dan Bacaan Lanjutan
- OpenAI Help Center. Best practices for prompt engineering with the OpenAI API. Panduan menyusun instruksi yang jelas dan spesifik.
- OpenAI Help Center. How do I create a good prompt for an AI model?. Panduan konteks, kejelasan, dan penyempurnaan prompt.
- Python Software Foundation. The Python Tutorial. Dokumentasi resmi untuk mempelajari dasar Python.
- MDN Web Docs. Learn web development. Materi belajar HTML, CSS, dan JavaScript.
- GitHub Docs. Responsible use of GitHub Copilot. Bacaan mengenai batasan, peninjauan, dan penggunaan bantuan AI dalam pemrograman.
Contoh kode dan proyek dalam artikel ini ditujukan untuk pembelajaran. Uji kode pada lingkungan yang sesuai, jangan gunakan data rahasia, dan lakukan pemeriksaan tambahan sebelum mengadaptasikannya untuk kebutuhan nyata.
