376 lines
14 KiB
HTML
376 lines
14 KiB
HTML
<!DOCTYPE html>
|
|
<!-- saved from url=(0063)file:///Users/home/Downloads/deepseek_html_20260205_20492d.html -->
|
|
<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">
|
|
<title>Speaking Cards</title>
|
|
<style>
|
|
@page {
|
|
size: A4;
|
|
margin: 1cm;
|
|
}
|
|
|
|
body {
|
|
font-family: Arial, sans-serif;
|
|
margin: 0;
|
|
padding: 0;
|
|
background: white;
|
|
}
|
|
|
|
.page {
|
|
width: 21cm;
|
|
min-height: 29.7cm;
|
|
margin: 0 auto;
|
|
padding: 0.5cm;
|
|
box-sizing: border-box;
|
|
}
|
|
|
|
.cards-grid {
|
|
display: grid;
|
|
grid-template-columns: repeat(2, 1fr);
|
|
grid-template-rows: repeat(4, 1fr);
|
|
gap: 0.8cm;
|
|
height: 28cm;
|
|
padding: 0.5cm;
|
|
}
|
|
|
|
.card {
|
|
background: white;
|
|
border: 2px solid #3498db;
|
|
border-radius: 8px;
|
|
padding: 0.6cm;
|
|
display: flex;
|
|
flex-direction: column;
|
|
justify-content: space-between;
|
|
page-break-inside: avoid;
|
|
}
|
|
|
|
.card-number {
|
|
background: #3498db;
|
|
color: white;
|
|
width: 28px;
|
|
height: 28px;
|
|
border-radius: 50%;
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
font-weight: bold;
|
|
font-size: 14px;
|
|
margin-bottom: 0.3cm;
|
|
}
|
|
|
|
.card-content {
|
|
font-size: 12px;
|
|
line-height: 1.4;
|
|
flex-grow: 1;
|
|
}
|
|
|
|
.card-content strong {
|
|
display: block;
|
|
margin-bottom: 0.2cm;
|
|
color: #2c3e50;
|
|
}
|
|
|
|
.card-content ul {
|
|
margin: 0.2cm 0;
|
|
padding-left: 0.8cm;
|
|
}
|
|
|
|
.card-content li {
|
|
margin: 0.1cm 0;
|
|
font-size: 11px;
|
|
}
|
|
|
|
.card-time {
|
|
text-align: right;
|
|
font-size: 11px;
|
|
color: #666;
|
|
margin-top: 0.3cm;
|
|
padding-top: 0.2cm;
|
|
border-top: 1px dotted #ddd;
|
|
}
|
|
|
|
@media print {
|
|
body {
|
|
background: white;
|
|
}
|
|
|
|
.cards-grid {
|
|
height: auto;
|
|
min-height: 27cm;
|
|
}
|
|
|
|
.card {
|
|
break-inside: avoid;
|
|
page-break-inside: avoid;
|
|
}
|
|
}
|
|
|
|
.problem-list li:before {
|
|
content: "❌ ";
|
|
color: #e74c3c;
|
|
font-weight: bold;
|
|
}
|
|
|
|
.solution-list li:before {
|
|
content: "✅ ";
|
|
color: #27ae60;
|
|
font-weight: bold;
|
|
}
|
|
</style>
|
|
</head>
|
|
<body>
|
|
<!-- Page 1: Cards 1-8 -->
|
|
<div class="page">
|
|
<div class="cards-grid">
|
|
<!-- Card 1 -->
|
|
<div class="card">
|
|
<div class="card-number">1</div>
|
|
<div class="card-content">
|
|
<strong>Slide 1: Introduction</strong>
|
|
"Good morning. I'm [Your Name], presenting our project on improving school scheduling systems."
|
|
<br><br>
|
|
"We're examining how to transition from spreadsheet-based systems to database solutions with AI capabilities."
|
|
</div>
|
|
<div class="card-time">45 sec</div>
|
|
</div>
|
|
|
|
<!-- Card 2 -->
|
|
<div class="card">
|
|
<div class="card-number">2</div>
|
|
<div class="card-content">
|
|
<strong>Slide 2: Current System Limitations</strong>
|
|
"School schedules face challenges with spreadsheet-based management:"
|
|
<ul class="problem-list">
|
|
<li>Data duplication across multiple files</li>
|
|
<li>Manual searching required for information</li>
|
|
<li>Updates don't sync across files</li>
|
|
<li>Limited real-time access</li>
|
|
</ul>
|
|
</div>
|
|
<div class="card-time">50 sec</div>
|
|
</div>
|
|
|
|
<!-- Card 3 -->
|
|
<div class="card">
|
|
<div class="card-number">3</div>
|
|
<div class="card-content">
|
|
<strong>Slide 3: Project Objectives</strong>
|
|
"Our goals address these limitations:"
|
|
<ul class="solution-list">
|
|
<li>Create single source of truth</li>
|
|
<li>Enable instant queries</li>
|
|
<li>Ensure data consistency</li>
|
|
<li>Provide mobile access</li>
|
|
</ul>
|
|
</div>
|
|
<div class="card-time">50 sec</div>
|
|
</div>
|
|
|
|
<!-- Card 4 -->
|
|
<div class="card">
|
|
<div class="card-number">4</div>
|
|
<div class="card-content">
|
|
<strong>Slide 4: Methodology</strong>
|
|
"We followed a systematic approach:"
|
|
<ul>
|
|
<li>Analyzed current spreadsheet structure</li>
|
|
<li>Designed normalized database</li>
|
|
<li>Built data migration tools</li>
|
|
<li>Created query interface</li>
|
|
<li>Implemented validation systems</li>
|
|
</ul>
|
|
</div>
|
|
<div class="card-time">55 sec</div>
|
|
</div>
|
|
|
|
<!-- Card 5 -->
|
|
<div class="card">
|
|
<div class="card-number">5</div>
|
|
<div class="card-content">
|
|
<strong>Slide 5: Schedule Complexity</strong>
|
|
"We identified why spreadsheets are insufficient:"
|
|
<ul>
|
|
<li>Students in multiple groups simultaneously</li>
|
|
<li>Different schedule modules</li>
|
|
<li>5+ simultaneous affiliations per student</li>
|
|
<li>Requires checking multiple files</li>
|
|
</ul>
|
|
</div>
|
|
<div class="card-time">50 sec</div>
|
|
</div>
|
|
|
|
<!-- Card 6 -->
|
|
<div class="card">
|
|
<div class="card-number">6</div>
|
|
<div class="card-content">
|
|
<strong>Slide 6: System Architecture</strong>
|
|
"We designed complete system diagrams:"
|
|
<br><br>
|
|
"Data Flow Diagram shows workflow"
|
|
<br><br>
|
|
"Entity Relationship Diagram shows database structure"
|
|
<br><br>
|
|
"Both address current limitations"
|
|
</div>
|
|
<div class="card-time">55 sec</div>
|
|
</div>
|
|
|
|
<!-- Card 7 -->
|
|
<div class="card">
|
|
<div class="card-number">7</div>
|
|
<div class="card-content">
|
|
<strong>Slide 7: Database Design</strong>
|
|
"17 connected tables with no data duplication."
|
|
<br><br>
|
|
"Structured to handle complexity"
|
|
<br><br>
|
|
"Single connection point through Schedule Entries table"
|
|
<br><br>
|
|
"Replaces manual cross-referencing"
|
|
</div>
|
|
<div class="card-time">60 sec</div>
|
|
</div>
|
|
|
|
<!-- Card 8 -->
|
|
<div class="card">
|
|
<div class="card-number">8</div>
|
|
<div class="card-content">
|
|
<strong>Slide 8: Functional Prototype</strong>
|
|
"Telegram bot demonstrates efficiency:"
|
|
<ul>
|
|
<li>Finds student locations instantly</li>
|
|
<li>Shows complete schedules</li>
|
|
<li>Displays tomorrow's schedule</li>
|
|
</ul>
|
|
<br>
|
|
"Response time: less than 1 second"
|
|
</div>
|
|
<div class="card-time">55 sec</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Page 2: Cards 9-END -->
|
|
<div class="page">
|
|
<div class="cards-grid">
|
|
<!-- Card 9 -->
|
|
<div class="card">
|
|
<div class="card-number">9</div>
|
|
<div class="card-content">
|
|
<strong>Slide 9: Technology Stack</strong>
|
|
"Implementation tools:"
|
|
<ul>
|
|
<li>Python for data processing</li>
|
|
<li>SQLite database</li>
|
|
<li>Telegram bot platform</li>
|
|
<li>Pandas for data transformation</li>
|
|
<li>Flask for API integration</li>
|
|
</ul>
|
|
</div>
|
|
<div class="card-time">45 sec</div>
|
|
</div>
|
|
|
|
<!-- Card 10 -->
|
|
<div class="card">
|
|
<div class="card-number">10</div>
|
|
<div class="card-content">
|
|
<strong>Slide 10: Future Development</strong>
|
|
"Next implementation steps:"
|
|
<ul>
|
|
<li>Full system deployment</li>
|
|
<li>Parent/student web portal</li>
|
|
<li>AI scheduling optimization</li>
|
|
<li>Analytics dashboard</li>
|
|
</ul>
|
|
</div>
|
|
<div class="card-time">50 sec</div>
|
|
</div>
|
|
|
|
<!-- Card 11 -->
|
|
<div class="card">
|
|
<div class="card-number">11</div>
|
|
<div class="card-content">
|
|
<strong>Slide 11: Conclusion</strong>
|
|
"This project demonstrates:"
|
|
<ul class="solution-list">
|
|
<li>Database solutions address spreadsheet limitations</li>
|
|
<li>Significant efficiency improvements possible</li>
|
|
<li>Foundation for future AI development</li>
|
|
<li>Practical implementation approach</li>
|
|
</ul>
|
|
</div>
|
|
<div class="card-time">50 sec</div>
|
|
</div>
|
|
|
|
<!-- Card END -->
|
|
<div class="card">
|
|
<div class="card-number">END</div>
|
|
<div class="card-content">
|
|
<strong>Thank You</strong>
|
|
"Our database system addresses current scheduling challenges while providing foundation for future development."
|
|
<br><br>
|
|
"Questions about the implementation or benefits?"
|
|
</div>
|
|
<div class="card-time">30 sec</div>
|
|
</div>
|
|
|
|
<!-- Updated info cards -->
|
|
<div class="card" style="border: 2px dashed #ddd; background: #f8f9fa;">
|
|
<div class="card-number" style="background: #ddd; color: #666;">📊</div>
|
|
<div class="card-content" style="color: #999; text-align: center;">
|
|
<strong>Performance Metrics:</strong>
|
|
<br><br>
|
|
• 90% less data entry
|
|
<br>
|
|
• < 1 second queries
|
|
<br>
|
|
• 1000+ user support
|
|
</div>
|
|
<div class="card-time">-</div>
|
|
</div>
|
|
|
|
<div class="card" style="border: 2px dashed #ddd; background: #f8f9fa;">
|
|
<div class="card-number" style="background: #ddd; color: #666;">🔄</div>
|
|
<div class="card-content" style="color: #999; text-align: center;">
|
|
<strong>System Comparison:</strong>
|
|
<br><br>
|
|
<strong>Current:</strong><br>
|
|
Multiple spreadsheets
|
|
<br><br>
|
|
<strong>Proposed:</strong><br>
|
|
Unified database
|
|
</div>
|
|
<div class="card-time">-</div>
|
|
</div>
|
|
|
|
<div class="card" style="border: 2px dashed #ddd; background: #f8f9fa;">
|
|
<div class="card-number" style="background: #ddd; color: #666;">💡</div>
|
|
<div class="card-content" style="color: #999; text-align: center;">
|
|
<strong>Key Benefits:</strong>
|
|
<br><br>
|
|
• No duplicate data
|
|
<br>
|
|
• Instant queries
|
|
<br>
|
|
• Real-time access
|
|
</div>
|
|
<div class="card-time">-</div>
|
|
</div>
|
|
|
|
<div class="card" style="border: 2px dashed #ddd; background: #f8f9fa;">
|
|
<div class="card-number" style="background: #ddd; color: #666;">✓</div>
|
|
<div class="card-content" style="color: #999; text-align: center;">
|
|
<strong>Presentation Complete</strong>
|
|
<br><br>
|
|
11 slides total
|
|
<br>
|
|
Approximately 8 minutes
|
|
</div>
|
|
<div class="card-time">DONE</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
|
|
</body></html> |