Scribd
Upload
4 views21 pages

SRP 3

The document outlines a system for managing seating arrangements for SEM exams, aimed at helping students easily find their assigned seats and improving the examination process. It details software and hardware requirements, functional and non-functional requirements, and the technologies used for web development and database management. Additionally, it includes sample code for the user interface and functionality for both students and administrators to access and manage seating data.

Uploaded by

Ruswetha Kunipalli
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
4 views21 pages

SRP 3

The document outlines a system for managing seating arrangements for SEM exams, aimed at helping students easily find their assigned seats and improving the examination process. It details software and hardware requirements, functional and non-functional requirements, and the technologies used for web development and database management. Additionally, it includes sample code for the user interface and functionality for both students and administrators to access and manage seating data.

Uploaded by

Ruswetha Kunipalli
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
You are on page 1/ 21

Seating Arrangements system

Batch number: 22
REGISTER NO'S:
22331A0729-K.RUSWETHA
22331A0751-S.SUNANDA
23335A0707-T.DHEEKSHIT
Introduction to Seating Arrangements

Implementing a website system for SEM exam seating


arrangements, enabling students to quickly and easily identify
their assigned seats, reducing confusion and chaos during
exams, and streamlining the examination process for
invigilators and exam staff.
The design of seating arrangements must consider various factors, including minimizing distractions,
preventing cheating, and promoting accessibility. Effective arrangements create a structured
environment that helps students concentrate and reduces anxiety, which is often heightened during
exams. By providing clear guidelines and strategically placing seats, educators can enhance the testing
atmosphere, ensuring that all students have the best possible opportunity to demonstrate their knowledge
and skills.
1. Software Requirements
● User Interface (UI): An intuitive and user-friendly interface for both administrators and students to
navigate.
● Database Management: A reliable database to store student information, seating assignments, and
exam details securely.
2. Hardware Requirements
● Servers: Sufficient server capacity to host the application and manage user requests efficiently.
3. Functional Requirements
● User Authentication: Secure login for administrators and students to access the system.
4. Non-Functional Requirements
● Security: Data encryption and security protocols to protect sensitive student information.
TECHNOLOGIES USED

1. Web Development Technologies


● Frontend Frameworks: Technologies like React, Angular, or Vue.js can be used to create a responsive
and user-friendly interface for administrators and students.
● HTML/CSS: For structuring and styling the web application, ensuring it is visually appealing and
easy to navigate.
2. Database Management
● Relational Databases: SQL databases like MySQL, PostgreSQL, or SQLite to store student
information, seating assignments, and exam details.
3. Algorithm Development
● Seating Arrangement Algorithms: Implementation of algorithms (like optimization algorithms) to
generate efficient seating layouts based on defined parameters (e.g., minimizing distance, preventing
cheating).
● SAMPLE CODE
●
● <!DOCTYPE html>
● <html lang="en">
● <head>
● <meta charset="UTF-8">
● <meta name="viewport" content="width=device-width, initial-scale=1.0">
● <title>Exam Hall Seating Arrangement</title>
● <link
href="https://fonts.googleapis.com/css2?family=Roboto:wght@400;500;700&display=swap"
rel="stylesheet">
● <style>
● body {
● font-family: 'Roboto', sans-serif;
● margin: 0;
● padding: 0;
● background: #e0f7fa;
● }
● header {
● text-align: center;
● padding: 50px;
● }
● .form-container {
● margin: 20px auto;
● padding: 20px;
● background: white;
● border: 1px solid #ddd;
● border-radius: 5px;
● max-width: 600px;
● }
● .form-container input {
● width: 80%;
● padding: 10px;
● margin: 10px 0;
● border-radius: 5px;
● border: 1px solid #ddd;
● }
● .hall-details {
● display: none;
● text-align: center;
● margin-top: 20px;
● padding: 20px;
● background: white;
● border: 1px solid #ddd;
● border-radius: 5px;
● max-width: 600px;
● margin-left: auto;
● margin-right: auto;
● }
● #adminForm {
● display: none;
● }
● #adminLoginForm {
● display: none;
● }
● </style>
● </head>
● <body>
●
● <header>
● <h1>Get Your Exam Hall Details!</h1>
● </header>
●
● <div class="form-container" id="studentForm">
● <h2>Student Login</h2>
● <input type="text" id="studentId" placeholder="Enter Student ID">
● <button id="loginBtn">Login</button>
● <p id="loginMessage"></p>
● <button id="adminLoginToggleBtn">Admin Login</button>
● </div>
●
● <div class="hall-details" id="hallDetails">
● <h2>Your Exam Hall Details:</h2>
● <p id="timeInfo"></p>
● <p id="deptInfo"></p>
● <p id="classInfo"></p>
● <p id="colInfo"></p>
● <p id="benchInfo"></p>
● </div>
●
● <div class="form-container" id="adminLoginForm">
● <h2>Admin Login</h2>
● <input type="text" id="adminUsername" placeholder="User ID">
● <input type="password" id="adminPassword" placeholder="Password">
● <button id="adminLoginBtn">Login</button>
● <p id="adminLoginMessage"></p>
● </div>
●
● <div class="form-container" id="adminForm">
● <h2>Admin Panel</h2>
● <input type="text" id="adminStudentId" placeholder="Student ID">
● <input type="text" id="adminTime" placeholder="Exam Time">
● <input type="text" id="adminDepartment" placeholder="Department">
● <input type="text" id="adminClassNo" placeholder="Class No">
● <input type="text" id="adminColumnNo" placeholder="Column No">
● <input type="text" id="adminBenchNo" placeholder="Bench No">
● <button id="addDataBtn">Add Student Data</button>
● <p id="adminMessage"></p>
● <button id="studentToggleBtn">Back to Student Login</button>
● </div>
●
● <script>
● const adminCredentials = {
● username: "22331A0751",
● password: "1324"
● };
●
●
● const loadSeatingData = () => {
● const storedData = localStorage.getItem('seatingData');
● return storedData ? JSON.parse(storedData) : {};
● };
●
● const saveSeatingData = (data) => {
● localStorage.setItem('seatingData', JSON.stringify(data));
● };
●
● localStorage
● let seatingData = loadSeatingData();
●
● document.getElementById('loginBtn').addEventListener('click', function() {
● const studentId = document.getElementById('studentId').value;
● const studentDetails = seatingData[studentId];
●
● if (studentDetails) {
● document.getElementById('hallDetails').style.display = 'block';
● document.getElementById('timeInfo').textContent = `Time: ${studentDetails.time}`;
● document.getElementById('deptInfo').textContent = `Department:
${studentDetails.department}`;
● document.getElementById('classInfo').textContent = `Class No:
${studentDetails.classNo}`;
● document.getElementById('colInfo').textContent = `Column No:
${studentDetails.columnNo}`;
● document.getElementById('benchInfo').textContent = `Bench No:
${studentDetails.benchNo}`;
● document.getElementById('loginMessage').textContent = '';
● } else {
● document.getElementById('loginMessage').textContent = 'Invalid Student ID. Please try
again.';
● document.getElementById('hallDetails').style.display = 'none';
● }
● });
●
● document.getElementById('adminLoginToggleBtn').addEventListener('click', function() {
● document.getElementById('studentForm').style.display = 'none';
● document.getElementById('adminLoginForm').style.display = 'block';
● });
●
● document.getElementById('adminLoginBtn').addEventListener('click', function() {
● const username = document.getElementById('adminUsername').value;
● const password = document.getElementById('adminPassword').value;
●
● if (username === adminCredentials.username && password ===
adminCredentials.password) {
● document.getElementById('adminLoginForm').style.display = 'none';
● document.getElementById('adminForm').style.display = 'block';
● document.getElementById('adminLoginMessage').textContent = '';
● } else {
● document.getElementById('adminLoginMessage').textContent = 'Invalid credentials.
Please try again.';
● }
● });
●
● document.getElementById('addDataBtn').addEventListener('click', function() {
● const studentId = document.getElementById('adminStudentId').value;
● const time = document.getElementById('adminTime').value;
● const department = document.getElementById('adminDepartment').value;
● const classNo = document.getElementById('adminClassNo').value;
● const columnNo = document.getElementById('adminColumnNo').value;
● const benchNo = document.getElementById('adminBenchNo').value;
●
● if (studentId && time && department && classNo && columnNo && benchNo) {
● seatingData[studentId] = {
● time,
● department,
● classNo,
● columnNo,
● benchNo,
● };
● saveSeatingData(seatingData); // Save updated seating data to localStorage
● document.getElementById('adminMessage').textContent = 'Student data added
successfully!';
● document.getElementById('adminStudentId').value = '';
● document.getElementById('adminTime').value = '';
● document.getElementById('adminDepartment').value = '';
● document.getElementById('adminClassNo').value = '';
● document.getElementById('adminColumnNo').value = '';
● document.getElementById('adminBenchNo').value = '';
● } else {
● document.getElementById('adminMessage').textContent = 'Please fill in all fields.';
● }
● });
●
● document.getElementById('studentToggleBtn').addEventListener('click', function() {
● document.getElementById('adminForm').style.display = 'none';
● document.getElementById('studentForm').style.display = 'block';
● });
● </script>
●
● </body>
● </html>
Thanks!

You might also like