Buat aplikasi absensi

HTML-CSS
1

desain aplikasi interaktif untuk guru BK SMP Negeri 1 Patumbak dengan header berisi Nama sekolah SMP Negeri 1 Patumbak lalu aplikasi judulnya yaitu aplikasi absensi SMP Negeri 1 Patumbak dengan desain profesional minimalis dan juga tata letak yang rapi. halaman terdiri atas halaman utama. Halaman utama terdiri dari menu yang berisi, Data kelas, Absensi dan rekap kehadiran dan data siswa terlambat dengan bentuk kotak besar dibagian depan yang cantik dan elegan dengan warna biru .

Pada menu data kelas tambahkan fitur input nama siswa dan kelas dengan sistem drop down dari kelas VII.1 sampai VII.10, VIII.1 sampai VIII.10 serta IX.1 sampai IX.10

Pada menu input kehadiran tambahkan fitur Silahkan dilanjutkan mengisi daftar nama juara kelas VII, VIII & IX bapak ibu

1. input kelas drop down dari kelas VII.1 sampai VII.10, VIII.1 sampai VIII.10 serta IX.1 sampai IX.10

2. nama siswa otomatis yang d ambil dari data kelas

3. kemudian status kehadirannya ada sakit izin alfa hadir, dmana status otomatis hadir semua tetapi tetap bisa d ubah jika siswa sakit, izin dan Alfa dan siswa hanya otomatis bisa mengisi satu kali kehadiran saja.

4. persentase kehadiran siswa dengan total 100%.

Pada menu rekap kehadiran tambahkan fitur Rekap absen siswa perbulan dari setiap kelas dengan jumlah persentasi total 100% untuk setiap kelas dan tambahkan fitur diagram batang. rekap ini juga menampilkan absensi masing masing siswa dalam setiap bulannya

Menu data siswa terlambat berisi tanggal, input nama siswa dan kelas dengan system drop down serta rekap keterlambatan dalam sebulan dengan jumlah 100%. Di setiap menu tambahkan menu

tambahkan tombol CETAK PDF di aplikasi ini. Saat tombol “CETAK PDF” diklik: Sistem menghasilkan dan mengunduh PDF seperti pengaturan sebelumnya. Setelah proses unduh selesai, otomatis tampilkan layar baru bernama “Pratinjau Cetak” (Print Preview). Desain Halaman “Pratinjau Cetak” (Print Preview): Judul di bagian atas: “Pratinjau Cetak”. Dengan icon menu yang berwarna menarik

2

Firstly, welcome to the forums.

While we are primarily here to help people with their Free Code Camp progress, we are open to people on other paths, too. Some of what you are asking is pretty trivial in the Free Code Camp context, so you might find that if you’re not getting the instruction and material you need in your current studies, the FCC curriculum will really help you get started. At a modest guess I’d say investing a 4-5 hours working through the curriculum here will really pay off. You can find the curriculum at https://www.freecodecamp.org/learn.

With your current questions, we don’t have enough context to know what you already know or don’t know, so it is impossible to guide you without just telling you the answer (which we won’t do).

It is pretty typical on here for people to share a codepen / repl.it / jsfiddle example of what they have tried so that anyone helping has more of an idea of what help is actually helpful.

Please provide some example of what you’ve tried and I’m sure you’ll get more help.

Happy coding :slight_smile: