273 lines
13 KiB
HTML
273 lines
13 KiB
HTML
|
<!DOCTYPE html>
|
|||
|
|
<html lang="zh-CN">
|
|||
|
|
<head>
|
|||
|
|
<meta charset="UTF-8">
|
|||
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|||
|
|
<title>GeoGebra AI数创工坊 - 东师理想AI教育云平台</title>
|
|||
|
|
<!-- 引入外部资源 -->
|
|||
|
|
<link rel="stylesheet" href="https://gcore.jsdelivr.net/npm/layui@2.9.12/dist/css/layui.min.css">
|
|||
|
|
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
|
|||
|
|
<!-- 引入自定义样式 -->
|
|||
|
|
<link rel="stylesheet" href="../css/style.css">
|
|||
|
|
<style>
|
|||
|
|
/* 临时样式：解决图片缺失问题 */
|
|||
|
|
.logo-placeholder {
|
|||
|
|
width: 160px; height: 40px;
|
|||
|
|
background-color: #1E88E5;
|
|||
|
|
color: white;
|
|||
|
|
display: flex; align-items: center; justify-content: center;
|
|||
|
|
font-weight: bold; font-size: 14px;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
/* 页面标题区样式 */
|
|||
|
|
.page-header {
|
|||
|
|
padding: 80px 0 60px;
|
|||
|
|
background: linear-gradient(135deg, #0066FF, #00C389);
|
|||
|
|
color: white; text-align: center;
|
|||
|
|
margin-top: 0;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.page-header h1 {
|
|||
|
|
font-size: 36px; margin-bottom: 15px;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
/* 内容区域样式 */
|
|||
|
|
.workshop-content {
|
|||
|
|
padding: 40px 0;
|
|||
|
|
background-color: #f5f7fa;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.workshop-intro, .workshop-features, .workshop-process, .workshop-cases {
|
|||
|
|
background-color: white;
|
|||
|
|
border-radius: 10px;
|
|||
|
|
padding: 30px;
|
|||
|
|
margin-bottom: 30px;
|
|||
|
|
box-shadow: 0 4px 20px rgba(0, 102, 255, 0.1);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.section-title {
|
|||
|
|
font-size: 24px; font-weight: bold;
|
|||
|
|
color: #0066FF; margin-bottom: 25px;
|
|||
|
|
position: relative; padding-bottom: 10px;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.section-title::after {
|
|||
|
|
content: ''; position: absolute;
|
|||
|
|
bottom: 0; left: 0;
|
|||
|
|
width: 60px; height: 3px;
|
|||
|
|
background-color: #00C389;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
/* 资源卡片网格布局 */
|
|||
|
|
.resources-grid {
|
|||
|
|
display: grid;
|
|||
|
|
grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
|
|||
|
|
gap: 25px;
|
|||
|
|
margin-top: 20px;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
/* 资源卡片样式 */
|
|||
|
|
.resource-card {
|
|||
|
|
border: 1px solid #eee;
|
|||
|
|
border-radius: 8px;
|
|||
|
|
overflow: hidden;
|
|||
|
|
transition: all 0.3s ease;
|
|||
|
|
background-color: white;
|
|||
|
|
padding: 20px;
|
|||
|
|
box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.resource-card:hover {
|
|||
|
|
transform: translateY(-5px);
|
|||
|
|
box-shadow: 0 10px 20px rgba(0, 102, 255, 0.1);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.resource-type {
|
|||
|
|
display: inline-block;
|
|||
|
|
padding: 4px 8px;
|
|||
|
|
background-color: #e3f2fd;
|
|||
|
|
color: #0066FF;
|
|||
|
|
border-radius: 4px;
|
|||
|
|
font-size: 12px;
|
|||
|
|
margin-bottom: 10px;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.resource-title {
|
|||
|
|
font-size: 18px;
|
|||
|
|
font-weight: bold;
|
|||
|
|
margin-bottom: 15px;
|
|||
|
|
color: #333;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.resource-description {
|
|||
|
|
font-size: 14px;
|
|||
|
|
color: #666;
|
|||
|
|
line-height: 1.5;
|
|||
|
|
margin-bottom: 15px;
|
|||
|
|
}
|
|||
|
|
</style>
|
|||
|
|
</head>
|
|||
|
|
<body>
|
|||
|
|
<!-- 顶部导航 -->
|
|||
|
|
<header class="header">
|
|||
|
|
<div class="logo">
|
|||
|
|
<i class="fas fa-graduation-cap"></i>
|
|||
|
|
<span>东师理想AI教育云平台</span>
|
|||
|
|
</div>
|
|||
|
|
<nav class="nav-menu">
|
|||
|
|
<div class="nav-item"><a href="index.html" style="text-decoration: none; color: inherit;">首页</a></div>
|
|||
|
|
<div class="nav-item"><a href="ai-resource-workshop.html" style="text-decoration: none; color: inherit;">AI资源工坊</a></div>
|
|||
|
|
<div class="nav-item"><a href="ai-resource-library.html" style="text-decoration: none; color: inherit;">AI资源库</a></div>
|
|||
|
|
<div class="nav-item"><a href="cloud-classroom.html" style="text-decoration: none; color: inherit;">名师云课</a></div>
|
|||
|
|
<div class="nav-item"><a href="student-learning-center.html" style="text-decoration: none; color: inherit;">学情中心</a></div>
|
|||
|
|
<div class="nav-item"><a href="ai-education-alliance.html" style="text-decoration: none; color: inherit;">AI教育创新联盟</a></div>
|
|||
|
|
<div class="nav-item"><a href="teacher-ai-video-tutorials.html" style="text-decoration: none; color: inherit;">教师AI视频教程</a></div>
|
|||
|
|
<div class="nav-item"><a href="ai-lab-solution.html" style="text-decoration: none; color: inherit;">AI实验室解决方案</a></div>
|
|||
|
|
<div class="nav-item"><a href="pbl-ai-case.html" style="text-decoration: none; color: inherit;">PBL+AI融合项目案例</a></div>
|
|||
|
|
<div class="nav-item active"><a href="geogebra-ai-workshop.html" style="text-decoration: none; color: inherit; font-weight: bold;">GeoGebra AI数创工坊</a></div>
|
|||
|
|
</nav>
|
|||
|
|
<div class="header-actions">
|
|||
|
|
<button class="btn btn-outline">登录</button>
|
|||
|
|
</div>
|
|||
|
|
</header>
|
|||
|
|
|
|||
|
|
<!-- 页面标题区 -->
|
|||
|
|
<div class="page-header">
|
|||
|
|
<div class="container">
|
|||
|
|
<h1>GeoGebra AI数创工坊</h1>
|
|||
|
|
<p>融合动态数学建模与人工智能分析，打造创新数学教学与学习平台</p>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
|
|||
|
|
<!-- 内容区域 -->
|
|||
|
|
<div class="workshop-content">
|
|||
|
|
<div class="container">
|
|||
|
|
<!-- 工坊介绍 -->
|
|||
|
|
<div class="workshop-intro">
|
|||
|
|
<h2 class="section-title"><i class="fas fa-info-circle"></i> 工坊介绍</h2>
|
|||
|
|
<p>GeoGebra AI数创工坊是集动态数学建模、人工智能分析与创新教学实践于一体的教育平台。通过GeoGebra强大的数学可视化功能与AI的智能分析能力相结合，帮助教师打造生动有趣的数学课堂，激发学生的数学学习兴趣和创新思维。</p>
|
|||
|
|
<p>工坊提供丰富的教学资源、案例库和技术支持，助力学校开展基于GeoGebra和AI的数学探究式学习，培养学生的计算思维和问题解决能力。</p>
|
|||
|
|
</div>
|
|||
|
|
|
|||
|
|
<!-- 核心功能 -->
|
|||
|
|
<div class="workshop-features">
|
|||
|
|
<h2 class="section-title"><i class="fas fa-star"></i> 核心功能</h2>
|
|||
|
|
<div class="resources-grid">
|
|||
|
|
<div class="resource-card">
|
|||
|
|
<span class="resource-type">核心功能</span>
|
|||
|
|
<h3 class="resource-title">动态数学建模</h3>
|
|||
|
|
<p class="resource-description">支持几何作图、代数计算、数据分析等多种数学表达形式，实现数学概念的可视化呈现</p>
|
|||
|
|
</div>
|
|||
|
|
<div class="resource-card">
|
|||
|
|
<span class="resource-type">核心功能</span>
|
|||
|
|
<h3 class="resource-title">AI智能分析</h3>
|
|||
|
|
<p class="resource-description">通过AI技术分析学生解题过程，提供个性化学习建议和错误诊断，实现精准教学</p>
|
|||
|
|
</div>
|
|||
|
|
<div class="resource-card">
|
|||
|
|
<span class="resource-type">核心功能</span>
|
|||
|
|
<h3 class="resource-title">探究式学习设计</h3>
|
|||
|
|
<p class="resource-description">提供基于真实问题的数学探究任务设计工具，支持项目式学习(PBL)的开展</p>
|
|||
|
|
</div>
|
|||
|
|
<div class="resource-card">
|
|||
|
|
<span class="resource-type">核心功能</span>
|
|||
|
|
<h3 class="resource-title">资源共享社区</h3>
|
|||
|
|
<p class="resource-description">建立教师间的教学资源共享平台，促进优秀GeoGebra课件和AI教学案例的交流</p>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
|
|||
|
|
<!-- 实施流程 -->
|
|||
|
|
<div class="workshop-process">
|
|||
|
|
<h2 class="section-title"><i class="fas fa-project-diagram"></i> 实施流程</h2>
|
|||
|
|
<div class="resources-grid">
|
|||
|
|
<div class="resource-card">
|
|||
|
|
<span class="resource-type">实施步骤</span>
|
|||
|
|
<h3 class="resource-title">平台部署</h3>
|
|||
|
|
<p class="resource-description">完成GeoGebra AI数创工坊平台的安装部署，配置服务器环境和数据库连接</p>
|
|||
|
|
</div>
|
|||
|
|
<div class="resource-card">
|
|||
|
|
<span class="resource-type">实施步骤</span>
|
|||
|
|
<h3 class="resource-title">教师培训</h3>
|
|||
|
|
<p class="resource-description">开展GeoGebra软件操作和AI功能应用培训，提升教师信息化教学能力</p>
|
|||
|
|
</div>
|
|||
|
|
<div class="resource-card">
|
|||
|
|
<span class="resource-type">实施步骤</span>
|
|||
|
|
<h3 class="resource-title">课程设计</h3>
|
|||
|
|
<p class="resource-description">基于工坊平台设计融合AI的数学探究式课程，开发配套教学资源</p>
|
|||
|
|
</div>
|
|||
|
|
<div class="resource-card">
|
|||
|
|
<span class="resource-type">实施步骤</span>
|
|||
|
|
<h3 class="resource-title">教学应用</h3>
|
|||
|
|
<p class="resource-description">在实际教学场景中应用工坊平台，收集教学反馈并持续优化改进</p>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
|
|||
|
|
<!-- 教学案例 -->
|
|||
|
|
<div class="workshop-cases">
|
|||
|
|
<h2 class="section-title"><i class="fas fa-graduation-cap"></i> 教学案例</h2>
|
|||
|
|
<div class="resources-grid">
|
|||
|
|
<div class="resource-card">
|
|||
|
|
<span class="resource-type">中学数学</span>
|
|||
|
|
<h3 class="resource-title">函数图像动态探究</h3>
|
|||
|
|
<p class="resource-description">利用GeoGebra动态演示函数图像变换，结合AI分析学生探究过程，提升函数概念理解</p>
|
|||
|
|
</div>
|
|||
|
|
<div class="resource-card">
|
|||
|
|
<span class="resource-type">中学数学</span>
|
|||
|
|
<h3 class="resource-title">几何证明自动化评估</h3>
|
|||
|
|
<p class="resource-description">学生使用GeoGebra进行几何作图与证明，AI系统实时分析证明过程并提供反馈</p>
|
|||
|
|
</div>
|
|||
|
|
<div class="resource-card">
|
|||
|
|
<span class="resource-type">高中数学</span>
|
|||
|
|
<h3 class="resource-title">数据分析与建模</h3>
|
|||
|
|
<p class="resource-description">基于真实数据，引导学生使用GeoGebra进行数据可视化和建模分析，培养数据分析能力</p>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
|
|||
|
|
<!-- 页脚 -->
|
|||
|
|
<footer class="footer">
|
|||
|
|
<div class="container">
|
|||
|
|
<div class="footer-content">
|
|||
|
|
<div class="footer-logo">
|
|||
|
|
<i class="fas fa-graduation-cap"></i>
|
|||
|
|
<span>东师理想AI教育云平台</span>
|
|||
|
|
</div>
|
|||
|
|
<div class="footer-links">
|
|||
|
|
<div class="footer-link-group">
|
|||
|
|
<h4>平台服务</h4>
|
|||
|
|
<ul>
|
|||
|
|
<li><a href="#">关于我们</a></li>
|
|||
|
|
<li><a href="#">联系方式</a></li>
|
|||
|
|
<li><a href="#">服务条款</a></li>
|
|||
|
|
</ul>
|
|||
|
|
</div>
|
|||
|
|
<div class="footer-link-group">
|
|||
|
|
<h4>资源中心</h4>
|
|||
|
|
<ul>
|
|||
|
|
<li><a href="#">教学资源</a></li>
|
|||
|
|
<li><a href="#">培训课程</a></li>
|
|||
|
|
<li><a href="#">帮助文档</a></li>
|
|||
|
|
</ul>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="footer-copyright">
|
|||
|
|
<p>© 2023 东师理想AI教育云平台 版权所有</p>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</footer>
|
|||
|
|
|
|||
|
|
<!-- 引入JS -->
|
|||
|
|
<script src="https://gcore.jsdelivr.net/npm/layui@2.9.12/dist/layui.min.js"></script>
|
|||
|
|
<script>
|
|||
|
|
// 初始化layui组件
|
|||
|
|
layui.use(['element', 'carousel'], function() {
|
|||
|
|
var element = layui.element;
|
|||
|
|
var carousel = layui.carousel;
|
|||
|
|
});
|
|||
|
|
</script>
|
|||
|
|
</body>
|
|||
|
|
</html>
|