Designing a responsive student attendance code with html and css which allows us to maintain the alignment of the code without breaking into parts depending on different screen sizes.
The code is going to contain a responsive top navigation bar along with the student attendance code. Working with percentage or view Width and Height instead of going with pixels or centimetres or any other lengths will give us a responsive student attendance design. Let's assume the marksheet table has to be on the centre of the page with 50 percent of the screen's, if it's a fixed screen then we can go with fixed value for this we will go with 50% this will automatically assign the table size to 50 percent of the screen's size.
For a professor to mark attendance to a particular class by choosing class, batch year(moreover classes can be split using sections), assigned subject, date and atlast class timing. Here comes the backend process once the request is triggered, first of all you have to check whether the requested class is assigned for this professor or not. If not just show the error message and tell the user to select the appropriate class. If the class is assigned for this professor and in the next step check whether the batch year is correctly selected or not and then the selected subject is assigned or not atlast the date and time has to be verified whether the date(days) and time is matched with class, batch year and subject in the timetable. Once the verification process is over you have to show the list of students in that class with required student details with an option to mark whether the student is present or absent. Here we are going to add one more field default present or absent option to make professors work easier.
If a student is present you have to show it in a colour and if a student is not present it has to be in another colour which makes it easier. Each time a professor marks present or absent for a student, the number of absentees and the number of attendees will be changed, that way the professor can know how many students were absent or present.
Firstly, filter attendance table with student register number, next split the filtered record by subject name and then count the number of present and absent in that class and show it to the user with the list.
0 Comments