PROMPT
https://www.youtube.com/watch?v=0O0IfiJojfw
Reka bentuk Soft Modern, mesra mata dan profesional. Warna asas: light blue (#cfe8ff), white (#ffffff), light grey (#f6f6f6). Font: Poppins / Inter, lembut dan moden. Efek visual: fade-in, hover glow, light pulse, dan smooth transitions. Pastikan responsive di semua peranti (desktop, tablet, mobile). ⚙️ LAYOUT & NAVIGATION Header (tetap di atas) Papar nama sekolah & logo (diambil dari Profile). Papar tarikh, masa semasa (Ringkas) dan toggle Light/Dark mode. (Floating ikon) Butang “Login Admin” di penjuru kanan. Apabila Light mode → pencahayaan Gradien lembut. Apabila Dark mode → pancaran biru neon lembut di ikon dan teksSidebar (kiri) navigasi: Profil | Pengumuman | Program | Kejayaan | Guru | Perkongsian| Buku Pelawat. Sidebar boleh collapse menjadi hamburger menu di paparan mudah alih. Animasi hover: ikon bersinar lembut (glow) dengan teks muncul perlahan. Footer Warna lembut dengan bayangan halus. Papar teks hak cipta (boleh edit dalam Profile). Animasi sinar bergerak lembut di latar belakang footer. 🔐 LOGIN SYSTEM Admin = admin / adminsek Super Admin = superadmin / akuadmin Super Admin dan admin boleh ubah kata laluan. Selepas log masuk, paparan Admin menunjukkan semua butang “Tambah”, “Edit”, dan “Padam” ,“tukar kata laluan” 🏫 PROFILE (Editable by Admin) Paparan profil sekolah (tanpa logo di halaman — hanya muncul di header). Admin boleh kemas kini: Nama sekolah Jum Guru Jum Murid Alamat Emel No. telefon Visi dan Misi Nama Pengetua Jawatan No hp pengetua Foto pengetua Ucapan pentadbir Footer hak cipta 📸 URL imej: Logo sekolah (papar di header sahaja) jka dimasukkan data Gambar pentabir Apabila Admin tampal URL imej → pratonton imej terus muncul & disimpan automatik ke Canva Sheet. Layout paparan, maklumat sekolah kanan, gambar dan ucapan pentadbir kiri 📰 ANNOUNCEMENTS (MAKLUMAN SEMASA) Dipaparkan dalam kartu menegak dengan: Tarikh Tajuk Ringkasan Hanya Admin boleh tambah/edit/padam. Untuk PROGRAMS / ACHIEVEMENTS (asingkan ikut menu masing2) Paparan grid 3 kad setiap baris (1 kad di mobile). Setiap entri paparkan: Tarikh Tajuk Kategori (dropdown) Catatan Disediakan oleh Jawatan Sehingga 4 imej (2×2 grid). Admin ada medan URL untuk setiap gambar. Bila tampal URL → paparan kecil terus muncul & disimpan ke Canva Sheet. 🧾 Butang “Download PDF Report” Bila diklik → buka tab baru dengan laporan rasmi (tidak tunjuk kod). Reka bentuk formal, seperti laporan sekolah sebenar. 📄 PDF REPORT PAGE (Cetakan Program/Kejayaan) Layout: Header: nama sekolah (rapat kat atas..nak jimat space) Tajuk besar: “Laporan Program Sekolah” atau “Laporan Kejayaan Sekolah” Bahagian isi: Tarikh | Kategori | Peringkat | Status Kejayaan | Unit Catatan Paparan 4 gambar (2×2 grid) dari URL. Ruang tandatangan Disediakan oleh dan Pentadbir di bawah. Paparan laporan dibuka dalam tab baru, dengan kesan fade-in dan pencahayaan halus di latar. Untuk Kejayaan ada tambahan Unit .(Peringkat, Status Kejayaan - drop down), 👩🏫 TEACHERS & SHARING Teachers Section Perkongsian Paparan kad guru (3 lajur di desktop, 1 lajur di mobile). Setiap kad: gambar, nama, subjek. Animasi hover: kad bercahaya lembut & sedikit membesar (1.03x). Sharing Section Borang untuk guru kongsi idea/bahan: Nama Tajuk Kategori Pautan bahan User tidak perlu login,Admin boleh edit/padam perkongsian. 🗂️ DATA MANAGEMENT Butang pdf boleh diguna utk semua (tidak perlu login) Semua pengguna boleh suka , komen & Klik view untuk semua laman kecuali Laman Guru Semua data disimpan di Canva Sheet. URL imej disimpan automatik apabila ditampal & terima semua bentuk url Jika sambungan sheet terganggu → papar mesej kecil: Harap Maaf Untuk tambah data hanya butang + Tambah tidak perlu bentuk form Untuk paparan program dan kejayaan hanya papar tarikh, tajuk, 1 foto,di sediakan oleh 🌈 AESTHETIC & EXPERIENCE Haeder saya nak warna + unggu biru gradien Semua data disimpan di Canva Sheet. Semua interaksi (like, komen, paparan) kekal berfungsi.
PROMPT 1
Saya akan cipta sistem pengurusan sekolah yang cantik dan profesional dengan reka bentuk Soft Modern untuk anda!
Sempurna! Saya telah cipta sistem pengurusan sekolah yang lengkap dengan reka bentuk Soft Modern yang cantik dan mesra mata. Sistem ini mempunyai:
✨ Ciri-ciri Utama:
- Header dengan gradien ungu-biru yang cantik
- Sidebar navigasi dengan animasi hover yang lembut
- Mode gelap/terang dengan toggle
- Sistem login admin (admin/adminsek dan superadmin/akuadmin)
- 7 bahagian: Profil, Pengumuman, Program, Kejayaan, Guru, Perkongsian, Buku Pelawat
🎨 Reka Bentuk:
- Warna asas: light blue, white, light grey
- Font Poppins yang lembut dan moden
- Animasi fade-in, hover glow, dan smooth transitions
- Responsive untuk semua peranti
📊 Fungsi Admin:
- Tambah, edit, padam untuk semua bahagian
- Upload gambar melalui URL dengan pratonton automatik
- Jana laporan PDF untuk Program dan Kejayaan
- Tukar kata laluan (untuk Super Admin)
💬 Interaksi Pengguna:
- Like, view, dan komen untuk semua item
- Buku pelawat untuk tetamu
- Perkongsian guru tanpa perlu login
Semua data disimpan dalam Canva Sheet dan sistem berfungsi sepenuhnya! Cuba login sebagai admin untuk mula menambah maklumat sekolah anda. 🏫
Tidak ada komentar:
Posting Komentar