updated quiz

This commit is contained in:
2026-02-05 10:24:10 +03:00
parent 67241a5ed0
commit c8773de6ec
3 changed files with 130 additions and 130 deletions

View File

@@ -1,5 +1,5 @@
<!DOCTYPE html> <!DOCTYPE html>
<!-- saved from url=(0063)file:///Users/home/Downloads/deepseek_html_20260205_70e904.html --> <!-- saved from url=(0069)file:///Users/home/Downloads/deepseek_html_20260205_70e904%20(1).html -->
<html lang="en"><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <html lang="en"><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="viewport" content="width=device-width, initial-scale=1.0">
@@ -331,44 +331,44 @@
</div> </div>
<div class="quiz-progress"> <div class="quiz-progress">
<span id="current-question">Question 18</span> <span id="current-question">Question 1</span>
<div class="progress-bar"> <div class="progress-bar">
<div class="progress-fill" id="progress-fill" style="width: 85%;"></div> <div class="progress-fill" id="progress-fill" style="width: 0%;"></div>
</div> </div>
<span id="total-questions">of 20</span> <span id="total-questions">of 20</span>
</div> </div>
<!-- Question 1 --> <!-- Question 1 -->
<div class="question-container" id="question1"> <div class="question-container active" id="question1">
<div class="question-number">Problem Statement</div> <div class="question-number">Problem Statement</div>
<h2 class="question-text">What is the core problem identified with current school scheduling systems using spreadsheets?</h2> <h2 class="question-text">What is the core problem identified with current school scheduling systems using spreadsheets?</h2>
<div class="options-container"> <div class="options-container">
<div class="option" data-value="a" style="pointer-events: none;"> <div class="option" data-value="a">
<div class="option-label">A</div> <div class="option-label">A</div>
<div class="option-text">Spreadsheets are too expensive to maintain</div> <div class="option-text">Spreadsheets are too expensive to maintain</div>
</div> </div>
<div class="option selected correct" data-value="b" style="pointer-events: none;"> <div class="option" data-value="b">
<div class="option-label">B</div> <div class="option-label">B</div>
<div class="option-text">Data duplication, inefficient queries, inconsistency, and limited accessibility</div> <div class="option-text">Data duplication, inefficient queries, inconsistency, and limited accessibility</div>
</div> </div>
<div class="option" data-value="c" style="pointer-events: none;"> <div class="option" data-value="c">
<div class="option-label">C</div> <div class="option-label">C</div>
<div class="option-text">Teachers don't know how to use spreadsheet software</div> <div class="option-text">Teachers don't know how to use spreadsheet software</div>
</div> </div>
<div class="option" data-value="d" style="pointer-events: none;"> <div class="option" data-value="d">
<div class="option-label">D</div> <div class="option-label">D</div>
<div class="option-text">Spreadsheets cannot handle basic mathematical calculations</div> <div class="option-text">Spreadsheets cannot handle basic mathematical calculations</div>
</div> </div>
</div> </div>
<div class="explanation show" id="explanation1"> <div class="explanation" id="explanation1">
<div class="explanation-title">Explanation</div> <div class="explanation-title">Explanation</div>
<p>The project identified four major spreadsheet limitations: 1) Data duplication across multiple files, 2) Inefficient queries requiring manual searching, 3) Data inconsistency when updates don't propagate, and 4) Limited accessibility for real-time information.</p> <p>The project identified four major spreadsheet limitations: 1) Data duplication across multiple files, 2) Inefficient queries requiring manual searching, 3) Data inconsistency when updates don't propagate, and 4) Limited accessibility for real-time information.</p>
</div> </div>
<div class="quiz-footer"> <div class="quiz-footer">
<button class="nav-btn" onclick="checkAnswer(1)">Next Question</button> <button class="nav-btn" onclick="checkAnswer(1)">Check Answer</button>
<span style="color: #666; font-size: 0.9rem;">Select an option to continue</span> <span style="color: #666; font-size: 0.9rem;">Select an option to continue</span>
</div> </div>
</div> </div>
@@ -379,32 +379,32 @@
<h2 class="question-text">What were the primary performance objectives of the database system?</h2> <h2 class="question-text">What were the primary performance objectives of the database system?</h2>
<div class="options-container"> <div class="options-container">
<div class="option" data-value="a" style="pointer-events: none;"> <div class="option" data-value="a">
<div class="option-label">A</div> <div class="option-label">A</div>
<div class="option-text">Reduce hardware costs by 50% and increase storage capacity</div> <div class="option-text">Reduce hardware costs by 50% and increase storage capacity</div>
</div> </div>
<div class="option selected correct" data-value="b" style="pointer-events: none;"> <div class="option" data-value="b">
<div class="option-label">B</div> <div class="option-label">B</div>
<div class="option-text">90% reduction in data entry time and sub-second query responses</div> <div class="option-text">90% reduction in data entry time and sub-second query responses</div>
</div> </div>
<div class="option" data-value="c" style="pointer-events: none;"> <div class="option" data-value="c">
<div class="option-label">C</div> <div class="option-label">C</div>
<div class="option-text">Make the system compatible with all operating systems</div> <div class="option-text">Make the system compatible with all operating systems</div>
</div> </div>
<div class="option" data-value="d" style="pointer-events: none;"> <div class="option" data-value="d">
<div class="option-label">D</div> <div class="option-label">D</div>
<div class="option-text">Implement blockchain technology for security</div> <div class="option-text">Implement blockchain technology for security</div>
</div> </div>
</div> </div>
<div class="explanation show" id="explanation2"> <div class="explanation" id="explanation2">
<div class="explanation-title">Explanation</div> <div class="explanation-title">Explanation</div>
<p>The project set specific performance targets: 90% reduction in data entry time, 100% elimination of duplicate data, real-time query response in less than 1 second, and support for 1,000+ concurrent users.</p> <p>The project set specific performance targets: 90% reduction in data entry time, 100% elimination of duplicate data, real-time query response in less than 1 second, and support for 1,000+ concurrent users.</p>
</div> </div>
<div class="quiz-footer"> <div class="quiz-footer">
<button class="nav-btn" onclick="checkAnswer(2)">Next Question</button> <button class="nav-btn" onclick="checkAnswer(2)">Check Answer</button>
<button class="nav-btn" onclick="previousQuestion()" disabled="">Previous</button> <button class="nav-btn" onclick="previousQuestion()">Previous</button>
</div> </div>
</div> </div>
@@ -414,32 +414,32 @@
<h2 class="question-text">What was the systematic approach used in the project methodology?</h2> <h2 class="question-text">What was the systematic approach used in the project methodology?</h2>
<div class="options-container"> <div class="options-container">
<div class="option selected correct" data-value="a" style="pointer-events: none;"> <div class="option" data-value="a">
<div class="option-label">A</div> <div class="option-label">A</div>
<div class="option-text">Analysis, design, migration, interface creation, and validation implementation</div> <div class="option-text">Analysis, design, migration, interface creation, and validation implementation</div>
</div> </div>
<div class="option" data-value="b" style="pointer-events: none;"> <div class="option" data-value="b">
<div class="option-label">B</div> <div class="option-label">B</div>
<div class="option-text">Survey, prototype, testing, deployment, and maintenance</div> <div class="option-text">Survey, prototype, testing, deployment, and maintenance</div>
</div> </div>
<div class="option" data-value="c" style="pointer-events: none;"> <div class="option" data-value="c">
<div class="option-label">C</div> <div class="option-label">C</div>
<div class="option-text">Requirements gathering, coding, debugging, and documentation</div> <div class="option-text">Requirements gathering, coding, debugging, and documentation</div>
</div> </div>
<div class="option" data-value="d" style="pointer-events: none;"> <div class="option" data-value="d">
<div class="option-label">D</div> <div class="option-label">D</div>
<div class="option-text">Market research, funding acquisition, team building, and product launch</div> <div class="option-text">Market research, funding acquisition, team building, and product launch</div>
</div> </div>
</div> </div>
<div class="explanation show" id="explanation3"> <div class="explanation" id="explanation3">
<div class="explanation-title">Explanation</div> <div class="explanation-title">Explanation</div>
<p>The project followed a 5-step systematic approach: 1) Analyze current spreadsheet structure, 2) Design normalized database, 3) Develop migration tools, 4) Create query interface, and 5) Implement validation systems.</p> <p>The project followed a 5-step systematic approach: 1) Analyze current spreadsheet structure, 2) Design normalized database, 3) Develop migration tools, 4) Create query interface, and 5) Implement validation systems.</p>
</div> </div>
<div class="quiz-footer"> <div class="quiz-footer">
<button class="nav-btn" onclick="checkAnswer(3)">Next Question</button> <button class="nav-btn" onclick="checkAnswer(3)">Check Answer</button>
<button class="nav-btn" onclick="previousQuestion()" disabled="">Previous</button> <button class="nav-btn" onclick="previousQuestion()">Previous</button>
</div> </div>
</div> </div>
@@ -449,32 +449,32 @@
<h2 class="question-text">What makes school scheduling particularly complex for spreadsheet management?</h2> <h2 class="question-text">What makes school scheduling particularly complex for spreadsheet management?</h2>
<div class="options-container"> <div class="options-container">
<div class="option correct" data-value="a" style="pointer-events: none;"> <div class="option" data-value="a">
<div class="option-label">A</div> <div class="option-label">A</div>
<div class="option-text">Students being in multiple groups simultaneously with different affiliations</div> <div class="option-text">Students being in multiple groups simultaneously with different affiliations</div>
</div> </div>
<div class="option selected incorrect" data-value="b" style="pointer-events: none;"> <div class="option" data-value="b">
<div class="option-label">B</div> <div class="option-label">B</div>
<div class="option-text">Spreadsheets have row and column limitations that schools exceed</div> <div class="option-text">Spreadsheets have row and column limitations that schools exceed</div>
</div> </div>
<div class="option" data-value="c" style="pointer-events: none;"> <div class="option" data-value="c">
<div class="option-label">C</div> <div class="option-label">C</div>
<div class="option-text">Teachers frequently change their schedules without notice</div> <div class="option-text">Teachers frequently change their schedules without notice</div>
</div> </div>
<div class="option" data-value="d" style="pointer-events: none;"> <div class="option" data-value="d">
<div class="option-label">D</div> <div class="option-label">D</div>
<div class="option-text">Schools use different spreadsheet software that aren't compatible</div> <div class="option-text">Schools use different spreadsheet software that aren't compatible</div>
</div> </div>
</div> </div>
<div class="explanation show" id="explanation4"> <div class="explanation" id="explanation4">
<div class="explanation-title">Explanation</div> <div class="explanation-title">Explanation</div>
<p>School schedules involve complex overlapping systems: students are in multiple groups (classes, English levels, tech tracks, clubs) simultaneously, with different temporal structures and 5+ simultaneous affiliations per student.</p> <p>School schedules involve complex overlapping systems: students are in multiple groups (classes, English levels, tech tracks, clubs) simultaneously, with different temporal structures and 5+ simultaneous affiliations per student.</p>
</div> </div>
<div class="quiz-footer"> <div class="quiz-footer">
<button class="nav-btn" onclick="checkAnswer(4)">Next Question</button> <button class="nav-btn" onclick="checkAnswer(4)">Check Answer</button>
<button class="nav-btn" onclick="previousQuestion()" disabled="">Previous</button> <button class="nav-btn" onclick="previousQuestion()">Previous</button>
</div> </div>
</div> </div>
@@ -484,32 +484,32 @@
<h2 class="question-text">What two main diagrams were created to show system architecture?</h2> <h2 class="question-text">What two main diagrams were created to show system architecture?</h2>
<div class="options-container"> <div class="options-container">
<div class="option selected correct" data-value="a" style="pointer-events: none;"> <div class="option" data-value="a">
<div class="option-label">A</div> <div class="option-label">A</div>
<div class="option-text">Data Flow Diagram (DFD) and Entity Relationship Diagram (ERD)</div> <div class="option-text">Data Flow Diagram (DFD) and Entity Relationship Diagram (ERD)</div>
</div> </div>
<div class="option" data-value="b" style="pointer-events: none;"> <div class="option" data-value="b">
<div class="option-label">B</div> <div class="option-label">B</div>
<div class="option-text">UML Class Diagram and Sequence Diagram</div> <div class="option-text">UML Class Diagram and Sequence Diagram</div>
</div> </div>
<div class="option" data-value="c" style="pointer-events: none;"> <div class="option" data-value="c">
<div class="option-label">C</div> <div class="option-label">C</div>
<div class="option-text">Network Topology Diagram and Security Architecture Diagram</div> <div class="option-text">Network Topology Diagram and Security Architecture Diagram</div>
</div> </div>
<div class="option" data-value="d" style="pointer-events: none;"> <div class="option" data-value="d">
<div class="option-label">D</div> <div class="option-label">D</div>
<div class="option-text">Gantt Chart and Work Breakdown Structure</div> <div class="option-text">Gantt Chart and Work Breakdown Structure</div>
</div> </div>
</div> </div>
<div class="explanation show" id="explanation5"> <div class="explanation" id="explanation5">
<div class="explanation-title">Explanation</div> <div class="explanation-title">Explanation</div>
<p>The project created a Data Flow Diagram (DFD) to show system workflow and an Entity Relationship Diagram (ERD) to show database structure. The DFD addresses data flow issues, while the ERD solves structural problems.</p> <p>The project created a Data Flow Diagram (DFD) to show system workflow and an Entity Relationship Diagram (ERD) to show database structure. The DFD addresses data flow issues, while the ERD solves structural problems.</p>
</div> </div>
<div class="quiz-footer"> <div class="quiz-footer">
<button class="nav-btn" onclick="checkAnswer(5)">Next Question</button> <button class="nav-btn" onclick="checkAnswer(5)">Check Answer</button>
<button class="nav-btn" onclick="previousQuestion()" disabled="">Previous</button> <button class="nav-btn" onclick="previousQuestion()">Previous</button>
</div> </div>
</div> </div>
@@ -519,32 +519,32 @@
<h2 class="question-text">How many tables were designed in the database schema and what was the key principle?</h2> <h2 class="question-text">How many tables were designed in the database schema and what was the key principle?</h2>
<div class="options-container"> <div class="options-container">
<div class="option" data-value="a" style="pointer-events: none;"> <div class="option" data-value="a">
<div class="option-label">A</div> <div class="option-label">A</div>
<div class="option-text">8 tables with everything connecting through the People table</div> <div class="option-text">8 tables with everything connecting through the People table</div>
</div> </div>
<div class="option" data-value="b" style="pointer-events: none;"> <div class="option" data-value="b">
<div class="option-label">B</div> <div class="option-label">B</div>
<div class="option-text">12 tables with centralized security management</div> <div class="option-text">12 tables with centralized security management</div>
</div> </div>
<div class="option selected correct" data-value="c" style="pointer-events: none;"> <div class="option" data-value="c">
<div class="option-label">C</div> <div class="option-label">C</div>
<div class="option-text">17 tables with everything connecting through the Schedule Entries table</div> <div class="option-text">17 tables with everything connecting through the Schedule Entries table</div>
</div> </div>
<div class="option" data-value="d" style="pointer-events: none;"> <div class="option" data-value="d">
<div class="option-label">D</div> <div class="option-label">D</div>
<div class="option-text">25 tables with distributed relationship management</div> <div class="option-text">25 tables with distributed relationship management</div>
</div> </div>
</div> </div>
<div class="explanation show" id="explanation6"> <div class="explanation" id="explanation6">
<div class="explanation-title">Explanation</div> <div class="explanation-title">Explanation</div>
<p>The database was designed with 17 normalized tables organized into three layers: Security Layer (top), Core Data (middle), and Connection Hub (bottom). The key principle is that everything connects through the central Schedule Entries table.</p> <p>The database was designed with 17 normalized tables organized into three layers: Security Layer (top), Core Data (middle), and Connection Hub (bottom). The key principle is that everything connects through the central Schedule Entries table.</p>
</div> </div>
<div class="quiz-footer"> <div class="quiz-footer">
<button class="nav-btn" onclick="checkAnswer(6)">Next Question</button> <button class="nav-btn" onclick="checkAnswer(6)">Check Answer</button>
<button class="nav-btn" onclick="previousQuestion()" disabled="">Previous</button> <button class="nav-btn" onclick="previousQuestion()">Previous</button>
</div> </div>
</div> </div>
@@ -554,32 +554,32 @@
<h2 class="question-text">What platform was used for the functional prototype and what commands did it support?</h2> <h2 class="question-text">What platform was used for the functional prototype and what commands did it support?</h2>
<div class="options-container"> <div class="options-container">
<div class="option" data-value="a" style="pointer-events: none;"> <div class="option" data-value="a">
<div class="option-label">A</div> <div class="option-label">A</div>
<div class="option-text">Web application with login, schedule view, and edit functions</div> <div class="option-text">Web application with login, schedule view, and edit functions</div>
</div> </div>
<div class="option selected correct" data-value="b" style="pointer-events: none;"> <div class="option" data-value="b">
<div class="option-label">B</div> <div class="option-label">B</div>
<div class="option-text">Telegram bot with /whereis, /schedule, and /tomorrow commands</div> <div class="option-text">Telegram bot with /whereis, /schedule, and /tomorrow commands</div>
</div> </div>
<div class="option" data-value="c" style="pointer-events: none;"> <div class="option" data-value="c">
<div class="option-label">C</div> <div class="option-label">C</div>
<div class="option-text">Mobile app with push notifications and calendar integration</div> <div class="option-text">Mobile app with push notifications and calendar integration</div>
</div> </div>
<div class="option" data-value="d" style="pointer-events: none;"> <div class="option" data-value="d">
<div class="option-label">D</div> <div class="option-label">D</div>
<div class="option-text">Desktop application with offline access and reporting</div> <div class="option-text">Desktop application with offline access and reporting</div>
</div> </div>
</div> </div>
<div class="explanation show" id="explanation7"> <div class="explanation" id="explanation7">
<div class="explanation-title">Explanation</div> <div class="explanation-title">Explanation</div>
<p>A Telegram bot was developed as the functional prototype, supporting commands like /whereis (find student location), /schedule (show daily schedule), and /tomorrow (display tomorrow's schedule), demonstrating query efficiency improvements.</p> <p>A Telegram bot was developed as the functional prototype, supporting commands like /whereis (find student location), /schedule (show daily schedule), and /tomorrow (display tomorrow's schedule), demonstrating query efficiency improvements.</p>
</div> </div>
<div class="quiz-footer"> <div class="quiz-footer">
<button class="nav-btn" onclick="checkAnswer(7)">Next Question</button> <button class="nav-btn" onclick="checkAnswer(7)">Check Answer</button>
<button class="nav-btn" onclick="previousQuestion()" disabled="">Previous</button> <button class="nav-btn" onclick="previousQuestion()">Previous</button>
</div> </div>
</div> </div>
@@ -589,32 +589,32 @@
<h2 class="question-text">Which technologies were used in the project implementation?</h2> <h2 class="question-text">Which technologies were used in the project implementation?</h2>
<div class="options-container"> <div class="options-container">
<div class="option selected correct" data-value="a" style="pointer-events: none;"> <div class="option" data-value="a">
<div class="option-label">A</div> <div class="option-label">A</div>
<div class="option-text">Python, SQLite, Telegram, Pandas, and Flask</div> <div class="option-text">Python, SQLite, Telegram, Pandas, and Flask</div>
</div> </div>
<div class="option" data-value="b" style="pointer-events: none;"> <div class="option" data-value="b">
<div class="option-label">B</div> <div class="option-label">B</div>
<div class="option-text">Java, MySQL, WhatsApp, Spring Boot, and Hibernate</div> <div class="option-text">Java, MySQL, WhatsApp, Spring Boot, and Hibernate</div>
</div> </div>
<div class="option" data-value="c" style="pointer-events: none;"> <div class="option" data-value="c">
<div class="option-label">C</div> <div class="option-label">C</div>
<div class="option-text">JavaScript, MongoDB, Facebook Messenger, Node.js, and Express</div> <div class="option-text">JavaScript, MongoDB, Facebook Messenger, Node.js, and Express</div>
</div> </div>
<div class="option" data-value="d" style="pointer-events: none;"> <div class="option" data-value="d">
<div class="option-label">D</div> <div class="option-label">D</div>
<div class="option-text">C#, SQL Server, Microsoft Teams, .NET, and Entity Framework</div> <div class="option-text">C#, SQL Server, Microsoft Teams, .NET, and Entity Framework</div>
</div> </div>
</div> </div>
<div class="explanation show" id="explanation8"> <div class="explanation" id="explanation8">
<div class="explanation-title">Explanation</div> <div class="explanation-title">Explanation</div>
<p>The project used Python for programming, SQLite for the database, Telegram for the bot platform, Pandas for data transformation, and Flask for API integration and web framework.</p> <p>The project used Python for programming, SQLite for the database, Telegram for the bot platform, Pandas for data transformation, and Flask for API integration and web framework.</p>
</div> </div>
<div class="quiz-footer"> <div class="quiz-footer">
<button class="nav-btn" onclick="checkAnswer(8)">Next Question</button> <button class="nav-btn" onclick="checkAnswer(8)">Check Answer</button>
<button class="nav-btn" onclick="previousQuestion()" disabled="">Previous</button> <button class="nav-btn" onclick="previousQuestion()">Previous</button>
</div> </div>
</div> </div>
@@ -624,32 +624,32 @@
<h2 class="question-text">What was the query efficiency comparison between spreadsheet and database systems?</h2> <h2 class="question-text">What was the query efficiency comparison between spreadsheet and database systems?</h2>
<div class="options-container"> <div class="options-container">
<div class="option selected correct" data-value="a" style="pointer-events: none;"> <div class="option" data-value="a">
<div class="option-label">A</div> <div class="option-label">A</div>
<div class="option-text">Spreadsheets: 5-10 minutes vs Database: less than 1 second</div> <div class="option-text">Spreadsheets: 5-10 minutes vs Database: less than 1 second</div>
</div> </div>
<div class="option" data-value="b" style="pointer-events: none;"> <div class="option" data-value="b">
<div class="option-label">B</div> <div class="option-label">B</div>
<div class="option-text">Spreadsheets: 1-2 minutes vs Database: 10-15 seconds</div> <div class="option-text">Spreadsheets: 1-2 minutes vs Database: 10-15 seconds</div>
</div> </div>
<div class="option" data-value="c" style="pointer-events: none;"> <div class="option" data-value="c">
<div class="option-label">C</div> <div class="option-label">C</div>
<div class="option-text">Both systems respond in similar time frames</div> <div class="option-text">Both systems respond in similar time frames</div>
</div> </div>
<div class="option" data-value="d" style="pointer-events: none;"> <div class="option" data-value="d">
<div class="option-label">D</div> <div class="option-label">D</div>
<div class="option-text">Spreadsheets are actually faster for simple queries</div> <div class="option-text">Spreadsheets are actually faster for simple queries</div>
</div> </div>
</div> </div>
<div class="explanation show" id="explanation9"> <div class="explanation" id="explanation9">
<div class="explanation-title">Explanation</div> <div class="explanation-title">Explanation</div>
<p>The manual spreadsheet method for finding a student's location takes 5-10 minutes across multiple files, while the database system provides responses in less than 1 second through optimized queries.</p> <p>The manual spreadsheet method for finding a student's location takes 5-10 minutes across multiple files, while the database system provides responses in less than 1 second through optimized queries.</p>
</div> </div>
<div class="quiz-footer"> <div class="quiz-footer">
<button class="nav-btn" onclick="checkAnswer(9)">Next Question</button> <button class="nav-btn" onclick="checkAnswer(9)">Check Answer</button>
<button class="nav-btn" onclick="previousQuestion()" disabled="">Previous</button> <button class="nav-btn" onclick="previousQuestion()">Previous</button>
</div> </div>
</div> </div>
@@ -659,32 +659,32 @@
<h2 class="question-text">What were the proposed future development steps?</h2> <h2 class="question-text">What were the proposed future development steps?</h2>
<div class="options-container"> <div class="options-container">
<div class="option selected correct" data-value="a" style="pointer-events: none;"> <div class="option" data-value="a">
<div class="option-label">A</div> <div class="option-label">A</div>
<div class="option-text">System deployment, web portal, AI optimization, and analytics dashboard</div> <div class="option-text">System deployment, web portal, AI optimization, and analytics dashboard</div>
</div> </div>
<div class="option" data-value="b" style="pointer-events: none;"> <div class="option" data-value="b">
<div class="option-label">B</div> <div class="option-label">B</div>
<div class="option-text">Mobile app development, cloud migration, and internationalization</div> <div class="option-text">Mobile app development, cloud migration, and internationalization</div>
</div> </div>
<div class="option" data-value="c" style="pointer-events: none;"> <div class="option" data-value="c">
<div class="option-label">C</div> <div class="option-label">C</div>
<div class="option-text">Virtual reality interface, voice commands, and IoT integration</div> <div class="option-text">Virtual reality interface, voice commands, and IoT integration</div>
</div> </div>
<div class="option" data-value="d" style="pointer-events: none;"> <div class="option" data-value="d">
<div class="option-label">D</div> <div class="option-label">D</div>
<div class="option-text">Blockchain integration, cryptocurrency payments, and NFT schedules</div> <div class="option-text">Blockchain integration, cryptocurrency payments, and NFT schedules</div>
</div> </div>
</div> </div>
<div class="explanation show" id="explanation10"> <div class="explanation" id="explanation10">
<div class="explanation-title">Explanation</div> <div class="explanation-title">Explanation</div>
<p>Future development includes: 1) Full system deployment replacing spreadsheets, 2) Parent/student web portal, 3) AI scheduling optimization, and 4) Analytics dashboard for data-driven insights.</p> <p>Future development includes: 1) Full system deployment replacing spreadsheets, 2) Parent/student web portal, 3) AI scheduling optimization, and 4) Analytics dashboard for data-driven insights.</p>
</div> </div>
<div class="quiz-footer"> <div class="quiz-footer">
<button class="nav-btn" onclick="checkAnswer(10)">Next Question</button> <button class="nav-btn" onclick="checkAnswer(10)">Check Answer</button>
<button class="nav-btn" onclick="previousQuestion()" disabled="">Previous</button> <button class="nav-btn" onclick="previousQuestion()">Previous</button>
</div> </div>
</div> </div>
@@ -694,32 +694,32 @@
<h2 class="question-text">What was the estimated timeline for full implementation?</h2> <h2 class="question-text">What was the estimated timeline for full implementation?</h2>
<div class="options-container"> <div class="options-container">
<div class="option selected correct" data-value="a" style="pointer-events: none;"> <div class="option" data-value="a">
<div class="option-label">A</div> <div class="option-label">A</div>
<div class="option-text">3 months: migration, development, and optimization phases</div> <div class="option-text">3 months: migration, development, and optimization phases</div>
</div> </div>
<div class="option" data-value="b" style="pointer-events: none;"> <div class="option" data-value="b">
<div class="option-label">B</div> <div class="option-label">B</div>
<div class="option-text">6 months: research, design, development, testing, and deployment</div> <div class="option-text">6 months: research, design, development, testing, and deployment</div>
</div> </div>
<div class="option" data-value="c" style="pointer-events: none;"> <div class="option" data-value="c">
<div class="option-label">C</div> <div class="option-label">C</div>
<div class="option-text">1 year for complete system overhaul</div> <div class="option-text">1 year for complete system overhaul</div>
</div> </div>
<div class="option" data-value="d" style="pointer-events: none;"> <div class="option" data-value="d">
<div class="option-label">D</div> <div class="option-label">D</div>
<div class="option-text">2 weeks for rapid deployment</div> <div class="option-text">2 weeks for rapid deployment</div>
</div> </div>
</div> </div>
<div class="explanation show" id="explanation11"> <div class="explanation" id="explanation11">
<div class="explanation-title">Explanation</div> <div class="explanation-title">Explanation</div>
<p>The project estimated a 3-month implementation timeline: Month 1 for data migration and system setup, Month 2 for portal development and staff training, and Month 3 for full implementation and optimization.</p> <p>The project estimated a 3-month implementation timeline: Month 1 for data migration and system setup, Month 2 for portal development and staff training, and Month 3 for full implementation and optimization.</p>
</div> </div>
<div class="quiz-footer"> <div class="quiz-footer">
<button class="nav-btn" onclick="checkAnswer(11)">Next Question</button> <button class="nav-btn" onclick="checkAnswer(11)">Check Answer</button>
<button class="nav-btn" onclick="previousQuestion()" disabled="">Previous</button> <button class="nav-btn" onclick="previousQuestion()">Previous</button>
</div> </div>
</div> </div>
@@ -729,32 +729,32 @@
<h2 class="question-text">What problems does the Data Flow Diagram (DFD) specifically address?</h2> <h2 class="question-text">What problems does the Data Flow Diagram (DFD) specifically address?</h2>
<div class="options-container"> <div class="options-container">
<div class="option selected correct" data-value="a" style="pointer-events: none;"> <div class="option" data-value="a">
<div class="option-label">A</div> <div class="option-label">A</div>
<div class="option-text">Centralized data flow, automated synchronization, and real-time validation</div> <div class="option-text">Centralized data flow, automated synchronization, and real-time validation</div>
</div> </div>
<div class="option" data-value="b" style="pointer-events: none;"> <div class="option" data-value="b">
<div class="option-label">B</div> <div class="option-label">B</div>
<div class="option-text">Network security, data encryption, and access control</div> <div class="option-text">Network security, data encryption, and access control</div>
</div> </div>
<div class="option" data-value="c" style="pointer-events: none;"> <div class="option" data-value="c">
<div class="option-label">C</div> <div class="option-label">C</div>
<div class="option-text">User interface design and user experience optimization</div> <div class="option-text">User interface design and user experience optimization</div>
</div> </div>
<div class="option" data-value="d" style="pointer-events: none;"> <div class="option" data-value="d">
<div class="option-label">D</div> <div class="option-label">D</div>
<div class="option-text">Hardware requirements and server infrastructure</div> <div class="option-text">Hardware requirements and server infrastructure</div>
</div> </div>
</div> </div>
<div class="explanation show" id="explanation12"> <div class="explanation" id="explanation12">
<div class="explanation-title">Explanation</div> <div class="explanation-title">Explanation</div>
<p>The DFD addresses: 1) Centralized data flow (vs scattered spreadsheet files), 2) Automated synchronization (updates propagate instantly), 3) Single source of truth (eliminates duplicate entries), and 4) Real-time validation (catches errors immediately).</p> <p>The DFD addresses: 1) Centralized data flow (vs scattered spreadsheet files), 2) Automated synchronization (updates propagate instantly), 3) Single source of truth (eliminates duplicate entries), and 4) Real-time validation (catches errors immediately).</p>
</div> </div>
<div class="quiz-footer"> <div class="quiz-footer">
<button class="nav-btn" onclick="checkAnswer(12)">Next Question</button> <button class="nav-btn" onclick="checkAnswer(12)">Check Answer</button>
<button class="nav-btn" onclick="previousQuestion()" disabled="">Previous</button> <button class="nav-btn" onclick="previousQuestion()">Previous</button>
</div> </div>
</div> </div>
@@ -764,32 +764,32 @@
<h2 class="question-text">What are the core database tables in the Entity Relationship Diagram?</h2> <h2 class="question-text">What are the core database tables in the Entity Relationship Diagram?</h2>
<div class="options-container"> <div class="options-container">
<div class="option selected correct" data-value="a" style="pointer-events: none;"> <div class="option" data-value="a">
<div class="option-label">A</div> <div class="option-label">A</div>
<div class="option-text">Students, teachers, subjects, schedule_entries, and audit_log</div> <div class="option-text">Students, teachers, subjects, schedule_entries, and audit_log</div>
</div> </div>
<div class="option" data-value="b" style="pointer-events: none;"> <div class="option" data-value="b">
<div class="option-label">B</div> <div class="option-label">B</div>
<div class="option-text">Users, permissions, logs, backups, and settings</div> <div class="option-text">Users, permissions, logs, backups, and settings</div>
</div> </div>
<div class="option" data-value="c" style="pointer-events: none;"> <div class="option" data-value="c">
<div class="option-label">C</div> <div class="option-label">C</div>
<div class="option-text">Courses, departments, buildings, equipment, and finances</div> <div class="option-text">Courses, departments, buildings, equipment, and finances</div>
</div> </div>
<div class="option" data-value="d" style="pointer-events: none;"> <div class="option" data-value="d">
<div class="option-label">D</div> <div class="option-label">D</div>
<div class="option-text">Attendance, grades, assignments, exams, and reports</div> <div class="option-text">Attendance, grades, assignments, exams, and reports</div>
</div> </div>
</div> </div>
<div class="explanation show" id="explanation13"> <div class="explanation" id="explanation13">
<div class="explanation-title">Explanation</div> <div class="explanation-title">Explanation</div>
<p>Core tables include: students, teachers, subjects (centralized entities), schedule_entries (main scheduling table), and audit_log (comprehensive change tracking). Relationship tables handle student_subjects and student_groups connections.</p> <p>Core tables include: students, teachers, subjects (centralized entities), schedule_entries (main scheduling table), and audit_log (comprehensive change tracking). Relationship tables handle student_subjects and student_groups connections.</p>
</div> </div>
<div class="quiz-footer"> <div class="quiz-footer">
<button class="nav-btn" onclick="checkAnswer(13)">Next Question</button> <button class="nav-btn" onclick="checkAnswer(13)">Check Answer</button>
<button class="nav-btn" onclick="previousQuestion()" disabled="">Previous</button> <button class="nav-btn" onclick="previousQuestion()">Previous</button>
</div> </div>
</div> </div>
@@ -799,32 +799,32 @@
<h2 class="question-text">How is the 17-table database organized into layers?</h2> <h2 class="question-text">How is the 17-table database organized into layers?</h2>
<div class="options-container"> <div class="options-container">
<div class="option selected correct" data-value="a" style="pointer-events: none;"> <div class="option" data-value="a">
<div class="option-label">A</div> <div class="option-label">A</div>
<div class="option-text">Security Layer (top), Core Data (middle), Connection Hub (bottom)</div> <div class="option-text">Security Layer (top), Core Data (middle), Connection Hub (bottom)</div>
</div> </div>
<div class="option" data-value="b" style="pointer-events: none;"> <div class="option" data-value="b">
<div class="option-label">B</div> <div class="option-label">B</div>
<div class="option-text">Presentation Layer, Business Logic Layer, Data Access Layer</div> <div class="option-text">Presentation Layer, Business Logic Layer, Data Access Layer</div>
</div> </div>
<div class="option" data-value="c" style="pointer-events: none;"> <div class="option" data-value="c">
<div class="option-label">C</div> <div class="option-label">C</div>
<div class="option-text">User Interface Layer, Application Layer, Database Layer</div> <div class="option-text">User Interface Layer, Application Layer, Database Layer</div>
</div> </div>
<div class="option" data-value="d" style="pointer-events: none;"> <div class="option" data-value="d">
<div class="option-label">D</div> <div class="option-label">D</div>
<div class="option-text">Frontend Layer, Backend Layer, Storage Layer</div> <div class="option-text">Frontend Layer, Backend Layer, Storage Layer</div>
</div> </div>
</div> </div>
<div class="explanation show" id="explanation14"> <div class="explanation" id="explanation14">
<div class="explanation-title">Explanation</div> <div class="explanation-title">Explanation</div>
<p>The database is organized into three conceptual layers: 1) Security Layer (users, audit_log), 2) Core Data (people, places, groups), and 3) Connection Hub (schedule_entries, time_management, special_groups).</p> <p>The database is organized into three conceptual layers: 1) Security Layer (users, audit_log), 2) Core Data (people, places, groups), and 3) Connection Hub (schedule_entries, time_management, special_groups).</p>
</div> </div>
<div class="quiz-footer"> <div class="quiz-footer">
<button class="nav-btn" onclick="checkAnswer(14)">Next Question</button> <button class="nav-btn" onclick="checkAnswer(14)">Check Answer</button>
<button class="nav-btn" onclick="previousQuestion()" disabled="">Previous</button> <button class="nav-btn" onclick="previousQuestion()">Previous</button>
</div> </div>
</div> </div>
@@ -834,32 +834,32 @@
<h2 class="question-text">What types of student groups contribute to scheduling complexity?</h2> <h2 class="question-text">What types of student groups contribute to scheduling complexity?</h2>
<div class="options-container"> <div class="options-container">
<div class="option selected correct" data-value="a" style="pointer-events: none;"> <div class="option" data-value="a">
<div class="option-label">A</div> <div class="option-label">A</div>
<div class="option-text">Primary classes, English levels, tech tracks, olympiad groups, and extracurriculars</div> <div class="option-text">Primary classes, English levels, tech tracks, olympiad groups, and extracurriculars</div>
</div> </div>
<div class="option" data-value="b" style="pointer-events: none;"> <div class="option" data-value="b">
<div class="option-label">B</div> <div class="option-label">B</div>
<div class="option-text">Sports teams, music bands, art clubs, and drama groups</div> <div class="option-text">Sports teams, music bands, art clubs, and drama groups</div>
</div> </div>
<div class="option" data-value="c" style="pointer-events: none;"> <div class="option" data-value="c">
<div class="option-label">C</div> <div class="option-label">C</div>
<div class="option-text">Study groups, project teams, and tutoring sessions</div> <div class="option-text">Study groups, project teams, and tutoring sessions</div>
</div> </div>
<div class="option" data-value="d" style="pointer-events: none;"> <div class="option" data-value="d">
<div class="option-label">D</div> <div class="option-label">D</div>
<div class="option-text">Grade levels, homerooms, and advisory groups</div> <div class="option-text">Grade levels, homerooms, and advisory groups</div>
</div> </div>
</div> </div>
<div class="explanation show" id="explanation15"> <div class="explanation" id="explanation15">
<div class="explanation-title">Explanation</div> <div class="explanation-title">Explanation</div>
<p>Students belong to multiple simultaneous groups: 1) Primary class groups (4A, 4B), 2) English proficiency groups (E1-E6), 3) Technology track groups, 4) Olympiad groups, and 5) Extracurricular activities, each potentially in separate spreadsheets.</p> <p>Students belong to multiple simultaneous groups: 1) Primary class groups (4A, 4B), 2) English proficiency groups (E1-E6), 3) Technology track groups, 4) Olympiad groups, and 5) Extracurricular activities, each potentially in separate spreadsheets.</p>
</div> </div>
<div class="quiz-footer"> <div class="quiz-footer">
<button class="nav-btn" onclick="checkAnswer(15)">Next Question</button> <button class="nav-btn" onclick="checkAnswer(15)">Check Answer</button>
<button class="nav-btn" onclick="previousQuestion()" disabled="">Previous</button> <button class="nav-btn" onclick="previousQuestion()">Previous</button>
</div> </div>
</div> </div>
@@ -869,32 +869,32 @@
<h2 class="question-text">What technical features specifically address spreadsheet problems?</h2> <h2 class="question-text">What technical features specifically address spreadsheet problems?</h2>
<div class="options-container"> <div class="options-container">
<div class="option selected correct" data-value="a" style="pointer-events: none;"> <div class="option" data-value="a">
<div class="option-label">A</div> <div class="option-label">A</div>
<div class="option-text">Structured design, API layer, data migration, query optimization, real-time updates</div> <div class="option-text">Structured design, API layer, data migration, query optimization, real-time updates</div>
</div> </div>
<div class="option" data-value="b" style="pointer-events: none;"> <div class="option" data-value="b">
<div class="option-label">B</div> <div class="option-label">B</div>
<div class="option-text">Cloud storage, machine learning, natural language processing, computer vision</div> <div class="option-text">Cloud storage, machine learning, natural language processing, computer vision</div>
</div> </div>
<div class="option" data-value="c" style="pointer-events: none;"> <div class="option" data-value="c">
<div class="option-label">C</div> <div class="option-label">C</div>
<div class="option-text">Virtual machines, containerization, microservices, serverless architecture</div> <div class="option-text">Virtual machines, containerization, microservices, serverless architecture</div>
</div> </div>
<div class="option" data-value="d" style="pointer-events: none;"> <div class="option" data-value="d">
<div class="option-label">D</div> <div class="option-label">D</div>
<div class="option-text">Blockchain, smart contracts, decentralized storage, cryptocurrency</div> <div class="option-text">Blockchain, smart contracts, decentralized storage, cryptocurrency</div>
</div> </div>
</div> </div>
<div class="explanation show" id="explanation16"> <div class="explanation" id="explanation16">
<div class="explanation-title">Explanation</div> <div class="explanation-title">Explanation</div>
<p>Technical solutions include: 1) Structured design prevents duplication, 2) API layer provides real-time access, 3) Data migration transforms spreadsheets, 4) Query optimization enables sub-second responses, and 5) Real-time updates ensure synchronization.</p> <p>Technical solutions include: 1) Structured design prevents duplication, 2) API layer provides real-time access, 3) Data migration transforms spreadsheets, 4) Query optimization enables sub-second responses, and 5) Real-time updates ensure synchronization.</p>
</div> </div>
<div class="quiz-footer"> <div class="quiz-footer">
<button class="nav-btn" onclick="checkAnswer(16)">Next Question</button> <button class="nav-btn" onclick="checkAnswer(16)">Check Answer</button>
<button class="nav-btn" onclick="previousQuestion()" disabled="">Previous</button> <button class="nav-btn" onclick="previousQuestion()">Previous</button>
</div> </div>
</div> </div>
@@ -904,67 +904,67 @@
<h2 class="question-text">What is the operational impact of current spreadsheet limitations?</h2> <h2 class="question-text">What is the operational impact of current spreadsheet limitations?</h2>
<div class="options-container"> <div class="options-container">
<div class="option selected correct" data-value="a" style="pointer-events: none;"> <div class="option" data-value="a">
<div class="option-label">A</div> <div class="option-label">A</div>
<div class="option-text">Significant administrative time spent, multiple file updates needed, no real-time access</div> <div class="option-text">Significant administrative time spent, multiple file updates needed, no real-time access</div>
</div> </div>
<div class="option" data-value="b" style="pointer-events: none;"> <div class="option" data-value="b">
<div class="option-label">B</div> <div class="option-label">B</div>
<div class="option-text">High software licensing costs, frequent crashes, data loss risks</div> <div class="option-text">High software licensing costs, frequent crashes, data loss risks</div>
</div> </div>
<div class="option" data-value="c" style="pointer-events: none;"> <div class="option" data-value="c">
<div class="option-label">C</div> <div class="option-label">C</div>
<div class="option-text">Compatibility issues, version conflicts, training requirements</div> <div class="option-text">Compatibility issues, version conflicts, training requirements</div>
</div> </div>
<div class="option" data-value="d" style="pointer-events: none;"> <div class="option" data-value="d">
<div class="option-label">D</div> <div class="option-label">D</div>
<div class="option-text">Limited features, poor user interface, slow performance</div> <div class="option-text">Limited features, poor user interface, slow performance</div>
</div> </div>
</div> </div>
<div class="explanation show" id="explanation17"> <div class="explanation" id="explanation17">
<div class="explanation-title">Explanation</div> <div class="explanation-title">Explanation</div>
<p>Current limitations cause: 1) Administrative staff spend significant time reconciling information, 2) Room changes require updates in multiple files, 3) Parents/students lack real-time access, and 4) Manual searching takes 5-10 minutes.</p> <p>Current limitations cause: 1) Administrative staff spend significant time reconciling information, 2) Room changes require updates in multiple files, 3) Parents/students lack real-time access, and 4) Manual searching takes 5-10 minutes.</p>
</div> </div>
<div class="quiz-footer"> <div class="quiz-footer">
<button class="nav-btn" onclick="checkAnswer(17)">Next Question</button> <button class="nav-btn" onclick="checkAnswer(17)">Check Answer</button>
<button class="nav-btn" onclick="previousQuestion()" disabled="">Previous</button> <button class="nav-btn" onclick="previousQuestion()">Previous</button>
</div> </div>
</div> </div>
<!-- Question 18 --> <!-- Question 18 -->
<div class="question-container active" id="question18"> <div class="question-container" id="question18">
<div class="question-number">Project Scope</div> <div class="question-number">Project Scope</div>
<h2 class="question-text">What was the scope of the project demonstration?</h2> <h2 class="question-text">What was the scope of the project demonstration?</h2>
<div class="options-container"> <div class="options-container">
<div class="option selected correct" data-value="a" style="pointer-events: none;"> <div class="option" data-value="a">
<div class="option-label">A</div> <div class="option-label">A</div>
<div class="option-text">Analysis, design, prototype, and implementation plan</div> <div class="option-text">Analysis, design, prototype, and implementation plan</div>
</div> </div>
<div class="option" data-value="b" style="pointer-events: none;"> <div class="option" data-value="b">
<div class="option-label">B</div> <div class="option-label">B</div>
<div class="option-text">Complete production system with all features implemented</div> <div class="option-text">Complete production system with all features implemented</div>
</div> </div>
<div class="option" data-value="c" style="pointer-events: none;"> <div class="option" data-value="c">
<div class="option-label">C</div> <div class="option-label">C</div>
<div class="option-text">Market analysis, competitor research, and business plan</div> <div class="option-text">Market analysis, competitor research, and business plan</div>
</div> </div>
<div class="option" data-value="d" style="pointer-events: none;"> <div class="option" data-value="d">
<div class="option-label">D</div> <div class="option-label">D</div>
<div class="option-text">Hardware procurement and network infrastructure setup</div> <div class="option-text">Hardware procurement and network infrastructure setup</div>
</div> </div>
</div> </div>
<div class="explanation show" id="explanation18"> <div class="explanation" id="explanation18">
<div class="explanation-title">Explanation</div> <div class="explanation-title">Explanation</div>
<p>The project scope included: 1) Problem analysis and requirements, 2) System design (DFD/ERD), 3) Functional prototype (Telegram bot), and 4) Implementation plan with timeline and technology stack.</p> <p>The project scope included: 1) Problem analysis and requirements, 2) System design (DFD/ERD), 3) Functional prototype (Telegram bot), and 4) Implementation plan with timeline and technology stack.</p>
</div> </div>
<div class="quiz-footer"> <div class="quiz-footer">
<button class="nav-btn" onclick="checkAnswer(18)">Next Question</button> <button class="nav-btn" onclick="checkAnswer(18)">Check Answer</button>
<button class="nav-btn" onclick="previousQuestion()" disabled="">Previous</button> <button class="nav-btn" onclick="previousQuestion()">Previous</button>
</div> </div>
</div> </div>

Binary file not shown.