Sabtu, 25 Oktober 2025

Membuat Absensi Online

 



Copas yang saya kasih warna merah.

PROMT KE 1

===================== 

Promt ke 1 ada di vidio part 1 

Buatkan saya sistem absensi online menarik dan interaktif untuk sekolah “SMK Pasundan 2 Banjaran absensi untuk Siswa " dengan jurusan TITL, TPM, TKR, TKJ,TSM. tampilkan waktu hari dan tanggal secara otomatis di header menggunakan zona waktu WIB, ketika login siswa dapat isi absen Hadir, Izin dan Sakit beri keterangan. serta dapat meng edit identitas.

sebelum masuk ke dashboard masing masing buatkan loginnya

buatkan dashboard adminya yang terdiri dari:

pertama menu untuk guru melakukan absensi siswa

kedua menu untuk melihat data rekap absensi siswa

Ketiga buatkan menu yang dibutuhkan sesuai dengan sistem


dashboard guru terdiri dari:

pertama menu guru melakukan rekap absen sesuai kelas, jurusan, harian , mingguan dan bulanan. data bisa di cetak atau di export ke xlxs.

kedua buat menu yang di butuhkan sesuai sistem


ketika siswa login ambil data siswa dari google sheet url web apliakasi: 

Masukan Link siswa spreedsheet yang sudah dibuat 

nisn, pasword, nama, kelas, jurusan. ambil data login nisn dan password

ketika siswa  mengklik kirim absensi data siswa otomatis terkirim dan tersimpan di google sheet dengan url web aplikasi:

Masukan Link  absensi spreedsheet yang sudah dibuat 


Ketika tombol kirim absensi di klik ada pemberitahuan to up modal informasi sedang mengirim data mohon menunggu dan ketika data siswa terkirim ada informasi berhasil dengan keterangannya.


PROMT KE 2

====================

Copas  Promt ke 2 ini lanjutan dari part 1 

Sekarang rubah code untuk ambil data siswa guru dan admin serta menyimpan data absensi di google sheet melalui appscript ini codenya: 



function loginAkun(username, password, role) {

  const ss = SpreadsheetApp.getActiveSpreadsheet();

  let sheet;

  

  if (role === "siswa") {

    sheet = ss.getSheetByName("siswa");

  } else if (role === "guru") {

    sheet = ss.getSheetByName("guru");

  } else if (role === "admin") {

    sheet = ss.getSheetByName("admin");

  } else {

    return { success: false, message: "Peran tidak dikenali" };

  }



  const data = sheet.getDataRange().getValues();

  for (let i = 1; i < data.length; i++) {

    if (data[i][0] == username && data[i][1] == password) {

      const response = {

        success: true,

        role: role,

        nama: data[i][2],

        extra: data[i].slice(3) // ambil info tambahan seperti kelas, jurusan, mapel, dll

      };

      return response;

    }

  }

  return { success: false, message: "Username atau Password salah" };

}

function simpanAbsensi(nisn, nama, kelas, jurusan, status) {

  const sheet = SpreadsheetApp.getActiveSpreadsheet().getSheetByName("absen");

  const tanggal = Utilities.formatDate(new Date(), "Asia/Jakarta", "yyyy-MM-dd HH:mm:ss");



  sheet.appendRow([tanggal, nisn, nama, kelas, jurusan, status]);



  return "Absensi berhasil disimpan untuk " + nama + " (" + status + ")";

} siswa hanya dapat isi absen 1 kali sehari. uabah juga tampilan form absensi dengan button saat pilih absen agar menarik



PROMT KE 3

=================

Ambil Url Appscriptnya setelah di deploy lalu masukan ke promt



ini code appscript_id coba masukan 

Contoh : “Masukan URL_APPSCRIPT yang anda Deploy”

 

PROMT KE 4

==================

dalam menu admin, menu absensi siswa ketika di klik tampil halaman kelola absensi siswa bisa di edit dan di filter sesuia juruasn dan kelas, di menu rekap absen admin dapat melihat rekap perhari , perminggu dan perbulan sesuai jurusan dan kelas serta dapat di export ke xlxs dan pdf . di menu manajemen siswa admin dapat merubah dan menganti jurusan serta kelas siswa.



PROMT KE 5

======================

Dipromt ini canva akan membuat sebuah code appscript sesuai fitur dan fungsi aplikasi absensi, copas lalu ganti code appscript sebelumny degan yang baru.



coba buatkan code untuk appscriptnya agar dapat terintegrasi

sekarang buatkan fungsi code appcriptsnya.





PROMT KE 6

==================

Di promt ini anda harus update URL_APPSCRIPT Deploy ulang



ini code appscript_id coba masukan 

Contoh : “Masukan URL_APPSCRIPT yang anda Deploy”



PROMT KE 7

=================

saya ingin di aplikasi ubah nama jurusan menjadi, Teknik Instalasi tenaga Listrik, Teknik Pemesinan, Teknik Kendaraan Ringan, Teknik Komputer dan Jaringan, dan Teknik Sepeda Motor. Ubah juga tampilan Dhasboard Siswa menjadi visual yang menarik dan interaktif dan tampilan dashboard Guru juga.



PROMT KE 8



perbaiki saat logout user session direset ,di data guru tambahkan kelas, jadi ketika login guru akan masuk sesuai kelas masing-masing.



PROMT KE 9

Disini kita meminta perubahan code appscript karena ada fitur tambahan, lalu copas ke appscriptnya.



apakah ada code appscript yang harus di tambahkan ?





PROMT KE 10

Ganti url appscript di bawah dengan url appscrcipt yang baru di deploy ulang.



update url appscript_id dengan ini : https://script.google.com/macros/s/AbKfycbyoCzORcse7qg5Gmj8VuICLnyFhFt0ymm0bSxaKyXFTW5rj9CrHxdOxvWscC1sABPcQxQ/exec

serta tambahkan fungsin offline atau online di header





PROMPT KE 11



sekarang update filter rekap absensi siswa di guru maupun di admin untuk dropdown kelas maupun  semua dropdown kelas sesuaikan dengan jurusan , misal X TKJ 1, X TITL 1 dan lainya agar ketika di filter tampil ke table rekap data. sesuaikan dengan kebutuhan sistem.



PROMT KE 12



saya ingin menambahkan tabel dan crud kelas jadi nanti ketika di semua  dropdown keals yang ada di sistem web di panggil dari database. dan tambahkan fitur crud kelasnya di halaman admin beserta fungsinya.

di filter rekap absen di guru dan admin hapus dropdown jurusan , pencarian dan filter hanya menurut kelas dan tanggal



PROM KE SELANJUTANYA.



Silahkan buat sekreasi mungkin untuk perubahan tampilan aplikasi dan fitur aplikasi, yang paling penting jika ada perubahan atau penambahan fitur , minta ke AI CANVA untuk di buatkan code appscript yang terupdate. Dan seterusnya jangan lupa deploy , trus copy paste.

Tidak ada komentar:

Posting Komentar

Google AI Studio

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