Mengenai Saya

Foto saya
Seorang guru dan pembelajar sepanjang hayat

Jumat, 23 Mei 2025

Cara Membuat Landing Page Pengumuman Penerimaan Murid Baru dengan AI Canva Code


Halo, kreator pendidikan digital! 👩‍🏫👨‍🏫

Di era teknologi sekarang, membuat halaman pengumuman siswa baru tidak harus repot coding manual. Dengan bantuan AI Canva Code, kita bisa membuat landing page interaktif, elegan, dan modern hanya dengan memasukkan prompt teks cerdas!

Dalam blog ini, kamu akan belajar:

  • Cara menulis prompt lengkap untuk membuat landing page pengumuman siswa baru

  • Teknik ATM (Amati-Tiru-Modifikasi) untuk prompt AI Canva

  • Cara upload gambar ke internet dan memasukkan link-nya ke prompt


🔧 Langkah 1: Upload Gambar ke Freeimage.host

Sebelum menulis prompt, pastikan gambar kamu sudah memiliki link online. Gunakan situs freeimage.host untuk mengunggah gambar dan menyalin tautannya. Tautan yang terdapat kata jpg/png di bagian belakang.

Contoh:

  • Foto sekolah: https://iili.io/3jLGwjR.jpg

🧠 Langkah 2: ATM – Amati, Tiru, Modifikasi Prompt

Gunakan format prompt berikut ini di Canva →Ai Canva Code → Kode untuk saya kemudian copy prompt yang sudah dibuat atau bisa ATM dari prompt ini tinggal ganti bagian sesuai dengan sekolah anda masing-masing.


💡 PROMPT ATM: Landing Page Pengumuman Siswa Baru  

Buatkan sebuah landing page interaktif pengumuman penerimaan siswa baru (nama          sekolah) untuk jalur prestasi, domisili, afirmasi dan mutasi. di halaman beranda ada :

  • foto sekolah "masukkan link foto upload di freeimage.host" sebagai background utama. terdapat logo sekolah "masukkan link foto upload di freeimage.host" di bagian atas dengan shape warna biru dan tulisan rata kiri dibawah logo dan nama sekolah “masukkan tagline jargon sekolah” 
  • Selanjutnya terdapat judul besar “pengumuman penerimaan murid baru (masukkan nama sekolah) untuk jalur prestasi, domisili, afirmasi dan mutasi Tahun Ajaran 2025/2026”
  • Lanjut ke halaman baru untuk Bagian sambutan kepala sekolah beserta foto kepala sekolah "masukkan link foto kepsek yang sudah di upload di freeimage.host" dan nama "masukkan nama Kepsek" . 
  • di bagian bawah setelah sambutan ada tombol "cek penerimaan" dan ketika diklik tombol "cek penerimaan" akan menuju halaman baru untuk cek penerimaan murid (nama sekolah) Tahun Ajaran 2025/2026, yang berisi berupa input nomor pendaftaran SPMB {tambahkan kalimat di atas input nomor pendaftaran SPMB "Silakan ketikkan nomor pendaftaran Anda untuk mengecek hasil penerimaan"} dan ada tombol "lihat hasil" ketika diklik akan muncul di halaman baru berupa nama lengkap siswa dan status "selamat anda diterima menjadi murid (nama sekolah ) tahun ajaran 2025/2026 jalur (prestasi/afirmasi/domisili} {nanti untuk jalur itu ada di bagian data di bagian jalur nanti disesuaikan untuk setiap data jalurnya} dan silahkan daftar ulang ke sekolah pada tanggal (masukkan tanggal) dengan membawa berkas syarat yang telah ditentukan (bisa masukkan untuk syarat yang ditentukan apa saja). kemudian bagi yang memasukkan nomor pendaftaran tapi tidak ada hasil tampilkan kalimat "maaf anda belum berhasil" silahkan coba lagi untuk mendaftar di jalur tes potensi akademik mulai dibuka tanggal 26- 28 dan 31 Mei 2025. 
          bagian data siswa:

          0001 AHMAD FAUZI DITERIMA PRESTASI
          0034 IRWAN SETIAWAN DITERIMA AFIRMASI
          0256 TIARA OKTA DITERIMA DOMISILI
  • Desain interaktif, modern, warna biru putih hitam, tulisan font judul poppins bold dan isi teks monsterrat semi bold. tambahkan tombol kembali ke beranda di halaman cek penerimaan yang akan menuju halaman awal ketika diklik. tambahkan footer SPMB (nama sekolah) @2025".

🎯 Tips Prompt dan Publikasi:

  • Ganti bagian yang dicetak miring untuk nama sekolah, nama kepala sekolah, dan data siswa sesuai kebutuhan dan lainnya.

  • JIka belum sesuai hasilnya bisa diperbaiki dengan menuliskan prompt bagian yang ingin diperbaiki dan generate lagi.

  • Pilih gunakan desain dan pilih publikasi web/situs web. jika ketika klik gunakan desain muncul doc, presentasi, diagram silahkan pilih presentasi kemudian pilih situs web dan publikasikan web.

Dengan AI Canva Code, kamu bisa membuat landing page profesional tanpa perlu coding! Cukup siapkan gambar, tentukan alur halaman, lalu susun prompt seperti di atas dan ATM-kan sesuai kebutuhan sekolahmu.

Selamat berkreasi dengan Canva Create terbaru melalui AI Canva Code.

0 komentar:

Posting Komentar