Sabtu, 25 Oktober 2025

Portal Guru

 



Prompt Pembuatan Portal Guru

1. Prompt Dasar - Layout & Struktur

Buatkan halaman web portal guru untuk tingkat SMA di dalamnya berisi navigasi menu : Profil Guru, Jadwal Mengajar, Sillabus, Bahan Ajar dengan beda format (Modul PDF, Vide, Lembar Kerja, Soal Latihan) tampilan card beda warna, Absen Siswa. Header dengan judul "Portal Guru" dan informasi guru "Fajar Baskoro, S.Kom - Guru TIK". Gunakan Tailwind CSS dengan tema warna biru dan buat tampilan user friendly tersusun rapi baik teks maupun tombolnya. Jangan masukkan data sample!

2. Prompt Abesen Siswa - Filter & Daftar

Perbaarui halaman absen siswa dengan filter kelas (X, XI, XII) dan tanggal. Saat kelas dipilih, tampilkan nama siswa di kelas tersebut. Tambahkan tombol "Hadir Semua" di bagian atas, jika diklik maka semua status berubah jadi "Hadir" namun tetap bisa diedit dan disebelahnya diklik maka semua status berubah jadi "Hadir" namun tetap bisa diedit dan disebelahnya "Simpan Absen " untuk menyimpan data absen siswa yang nantinya dapat terhubung ke spreadsheet mengirimkan data berikut No, Nama Siswa, Kelas, Status, Tanggal. Ketika di klik muncul notifikasi pop-up "Absensi berhasil disimpan!" jika sukses. Jika gagal, tampilkan pesan error "Gagal menyimpan data, coba lagi!"

Buatkan tampilan daftar siswa dalam bentuk grid di Bawah area tombol filter. Setiap baris mahasiswa berisi : -Nama siswa dan kela -Empat tombol kecil dengan label: Hadir, Sakit, Izin, Alpa -Hanya satu tombol status yang bisa aktif untuk tiap siswa.

3. Absen Data siswa

Perbaharui data siswanya:

Kelas X

1. Aditya Prama

2. Rafiansyah Putra

3. Dwi Nugroho

4. Kevin Alvaro

5. M. Rizky Ramadhan

6. Siti Rahmawati

7. Alifah Nur Aini

8. Nabila Zahra

9. Ayu Kartika

10. Intan Permata Sari


Kelas XI

1. Reza Maulana

2. Fadli Akbar

3. Dimas Prasetyo

4. Andi Saputra

5. Yoga Ramdani

6. Melati Safira

7. Rina Anggraini

8. Citra Maharani

9. Tania Wulandari

10. Laila Nurul Azizah


Kelas XII

1. Arkan Fauzi

2. Fahri Akbar

3. Didik Prasetyo

4. Anton Saputra

5. Yoyok Ramdani

6. Shinta Amalia

7. Desi Oktavian

8. Putri Nirmala

9. Amanda Fitriani

10. Dela Puspitasari

Perbaharui Data siswa sudah diperbarui sesuai permintaan Anda. Sekarang setiap kelas memiliki 10 siswa dengan nama-nama yang baru:

Kelas X : Aditya Prama, Rafiansyah Putra, Dwi Nugroho, Kevin Alvaro, M. Rizky Ramadhan, Siti Rahmawati, Alifah Nur Aini, Nabila Zahra, Ayu Kartika, Intan Permata Sari

Kelas XI: Reza Maulana, Fadli Akbar, Dimas Prasetyo, Andi Saputra, Yoga Ramdani, Melati Safira, Rina Anggraini, Citra Maharani, Tania Wulandari, Laila Nurul Azizah

Kelas XII: Arkan Fauzi, Fahri Akbar, Didik Prasetyo, Anton Saputra, Yoyok Ramdani, Shinta Amalia, Desi Oktavian, Putri Nirmala, Amanda Fitriani, Dela Puspitasari


5. Pembuatan Script

Buatkan saya Script apps script yang di dalamnya terdapat No, Nama Siswa, Kelas, Status, Tanggal. Data dimasukkan sesuai sheet, di dalamnya terdapat 3 sheet yaitu Kelas X, Kelas XI, Kelas XII. Setting otomatis untuk penomoran ulang dan tambahkan garis pemisa antar tanggal. Buatkan script yang bisa otomatis membuatkan header dan mengirimkan data sesuai sheet.


6. Integrasi data dari canva Spreadsheet

Ketika klik Button Kirim Absensi, data terkirim otomatis ke link berikut :

https://script.google.com


7. Tambahkan Halaman Rekap Absensi pada menu absen siswa

Tambahkan rekap absensi siswa, data diambil dari link CSV spreadsheet : 

Sheet1(Kelas X) https://docs.google.com

Sheet2(Kelas XI) https://docs.google.com

Sheet3(Kelas XII) https://docs.google.com

8. Prompt Profil Guru - Informasi Personal
Buat halaman profil guru dengan informasi: Nama "Fajar Baskoro, S.Kom", NIP kosong, mata pelajaran "TIK". pengalaman "5 Tahun", Pendidikan "S1 Institut Teknologi Sepuluh Nopember". Tambahkan section "Tentang Saya"
 dengan deskripsi guru.
Tambahkan ke profil guru section informasi kontak: email "fajarbaskoro@gmail.com", telepon "08123456789" dengan icon.

9 Prompt Jadwal Mengajar - Tabel
Perbaharui menu jadwal mengajar dengan table berisi 5 jadwal: kolom Hari, Waktu, Mata Pelajaran, Kelas, Ruangan, terdapat tombol Aksi (Edit dan Hapus).
Tambahkan fungsi edit inline untuk tabel jadwal: tombol Edit mengubah text menjadi dropdown/input, tombol Simpan/Batal muncul saat edit mode, tombol Hapus dengan konfirmasi. Semua perubahan harus berfungsi dengan JavaScript.

10. Prompt Silabus - Grid Cards
Perbaharui menu silabus dengan tampilan grid untuk mata pelajaran TIK Kelas X,XI,XII, di dalam tampilan card terdapat deskripsi mata pelajaran, dan tombol download file silabus dari google drive


Tidak ada komentar:

Posting Komentar

Google AI Studio

  https://www.youtube.com/watch?v=mzqaqqmNhlg https://aistudio.google.com/apps?source=showcase