Search for question
Question

2. Business Logic Deliverables: A concise description of the system and the need to develop a web application for it 3. IMPLEMENTATION Deliverable: Fully functional web application with all possible test scenarios (screenshots and demo) 3.1. Client Side " HTML & HTML5 & XSLT to build key structure. External CSS & Responsive Design (e.g. viewport) for style needed. Bootstrap External JS or ReactJS for client-side scripting, error handling and animations (if any) 3.2. Server Side PHP for server-side scripting • Both MySQL and XML to build a database connection for data save and retrieval System Requirements: 1. Users can easily log in or sign up to access the system. 2. User will need to input the following details: Total number of students attending the test Number of male students Number of female students 3. Based on the input provided, the system will suggest the best room option from the available classrooms at Alfaisal University. Available room options include: - Single Floor (Capacity: 70 Seats) - Double Floor (Capacity: 65 Seats) - U-shape (Capacity: 79 Seats) - Theatre (Capacity: 152 Seats) - - Auditorium (Capacity: 1080 Seats) You may check new building rooms (M1.15 & M1.004 as additional samples - 1% Bonus) 4. Once a room is selected, the system will ask the faculty to fill students' names or ids with their genders. a. Reading students data from file will be considered 2% Bonus. 5. The system will then generate a seating plan upon form submission. Each seat will be represented as a standalone object and categorized as: Male student - Female student - Empty seat 6. User can see a visual representation of the selected classroom layout, displaying the seating arrangement with appropriate colors to distinguish male students, female students, and empty seats. 7. The generated plan needs to ensure the following constraints: a. Having empty seats between students b. Generating a plan that respects the culture, having females and males in separate zones. c. The ids need to be displayed on the seat randomly within the same gender group with color mapping indication. 8. Some Hints on execution: a. Automatically generated images with names fetched from database table at runtime. b. [Self-Learning Approach] Using SVG shapes for seats to be generated in each position & displaying text on top. 5 min. tutorial link: https://www.youtube.com/watch?v=IQqk6d7pH11 Sample Exam Seating Plans Per Room MS1.024 (LT.002) - Male Theatre Seats Plan (152 Seats) 1 с WALL & Projector 1 0 1 ° 1 о 1 O 1 O 1 1 1 0 1 0 1 0 1 0 1 0 1 0 1 1 1 0 1 0 1 0 1 0 1 0 1 0 1 0 1 1 1 0 1 0 1 0 1 0 1 0 1 0 1 0 1 1 1 0 1 0 1 0 1 0 1 0 1 0 1 0 1 1 O 1 B 1 3 9 1 1 0 . . . . 1 0 . 0 1 . ° 1 STAIRS STAIRS O 1 . D 1 S 1 1 • ° 1 1 TABLE TABLE THEATRE STAGE-Podium Figure 1. Males Theatre - Exam Seating Plan Sample Altaisai University -- CONCORCO S 2 9 733 3 7 wwww 8 AUCAUCASS A DERECES 5 6 10 810 www ACCESSOR AXTAREA SECTIO DENCEO 11 12 SEATING LEGEND Female Student Empty Seat Male Student Princess Haya Auditorium Figure 2. Princess Haya Auditorium- Exam Seating Plan Sample Female seat Male seat 72 U-shape BG-68 -> 79 seats 30 29 28 27 26 31 25 24 33 42 43 44 45 23 40 46 3 IZZ 71 2 34 79 78 77 76 47 74 22 70 21 35 48 75 20 69 36 49 37 55 54 19 68 53 50 18 38 56 65 64 51 39 17 57 52 66 63 16 8 58 67 62 15 9 14 59 10 60 61 13 Figure 3. U-Shape Room - Exam Seating Plan Sample double-floor [s1,b1, s2, b2]-> 65 seats Female seat Male seat 65 64 63 62 61 60 59 58 57 56 55 54 53 52 51 50 50 49 48 47 46 45 44 43 42 41 40 39 38 36 35 34 33 32 31 7713 30 29 28 26 25 24 22 20 19 18 16 15 14 12 11 10 8 6 Figure 4. Double floors Room - Exam Seating Plan Sample Female seat Male seat Single-floor BG-65,63 -> 70 seats each 1177 1 2 4 5 6 7 9 1177 15 16 17 18 19 20 21 22 22 10 10 11 12 23 23 24 1177 1177 29 30 31 32 33 34 35 36 37 72 1172 1177 43 44 45 46 47 48 49 50 7711 25 25 26 96 38 39 39 51 54 52 57 58 59 60 61 62 64 65 99 66 13 13 14 27 27 28 40 41 42 33 53 54 55 56 20 67 68 69 70 Figure 5. Single floor Room - Exam Seating Plan Sample