'commit'
This commit is contained in:
270
dsLightRag/static/Menhu/algodoo-ai-workshop.html
Normal file
270
dsLightRag/static/Menhu/algodoo-ai-workshop.html
Normal file
@@ -0,0 +1,270 @@
|
|||||||
|
<!DOCTYPE html>
|
||||||
|
<html lang="zh-CN">
|
||||||
|
<head>
|
||||||
|
<meta charset="UTF-8">
|
||||||
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||||
|
<title>Algodoo 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"><a href="geogebra-ai-workshop.html" style="text-decoration: none; color: inherit;">GeoGebra AI数创工坊</a></div>
|
||||||
|
<div class="nav-item active"><a href="algodoo-ai-workshop.html" style="text-decoration: none; color: inherit; font-weight: bold;">Algodoo AI物研工坊</a></div>
|
||||||
|
</nav>
|
||||||
|
<div class="header-actions">
|
||||||
|
<button class="btn btn-outline">登录</button>
|
||||||
|
</div>
|
||||||
|
</header>
|
||||||
|
|
||||||
|
<!-- 页面标题区 -->
|
||||||
|
<div class="page-header">
|
||||||
|
<div class="container">
|
||||||
|
<h1>Algodoo 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>Algodoo AI物研工坊是集物理仿真实验、人工智能分析与创新教学实践于一体的教育平台。通过Algodoo强大的物理建模与仿真功能与AI的智能分析能力相结合，帮助教师打造生动有趣的物理课堂，激发学生的物理学习兴趣和创新思维。</p>
|
||||||
|
<p>工坊提供丰富的教学资源、案例库和技术支持，助力学校开展基于Algodoo和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">建立教师间的教学资源共享平台，促进优秀Algodoo课件和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">完成Algodoo AI物研工坊平台的安装部署，配置服务器环境和数据库连接</p>
|
||||||
|
</div>
|
||||||
|
<div class="resource-card">
|
||||||
|
<span class="resource-type">实施步骤</span>
|
||||||
|
<h3 class="resource-title">教师培训</h3>
|
||||||
|
<p class="resource-description">开展Algodoo软件操作和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">利用Algodoo动态演示力学系统运动规律，结合AI分析学生探究过程，提升力学概念理解</p>
|
||||||
|
</div>
|
||||||
|
<div class="resource-card">
|
||||||
|
<span class="resource-type">中学物理</span>
|
||||||
|
<h3 class="resource-title">流体力学仿真实验</h3>
|
||||||
|
<p class="resource-description">学生使用Algodoo进行流体力学仿真实验，AI系统实时分析实验过程并提供反馈指导</p>
|
||||||
|
</div>
|
||||||
|
<div class="resource-card">
|
||||||
|
<span class="resource-type">高中物理</span>
|
||||||
|
<h3 class="resource-title">电磁现象模拟分析</h3>
|
||||||
|
<p class="resource-description">基于Algodoo平台模拟电磁现象，引导学生探究电磁规律，培养科学探究能力</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>
|
||||||
@@ -226,13 +226,20 @@
|
|||||||
<div class="tab-item active">GeoGebra AI数创工坊</div>
|
<div class="tab-item active">GeoGebra AI数创工坊</div>
|
||||||
<div class="tab-item">Algodoo AI物研工坊</div>
|
<div class="tab-item">Algodoo AI物研工坊</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="tab-content">
|
<div class="tab-content active">
|
||||||
<h4 style="margin-bottom: 15px; color: var(--primary-blue);">本周研修直播日程</h4>
|
<h4 style="margin-bottom: 15px; color: var(--primary-blue);">本周研修直播日程</h4>
|
||||||
<p style="margin-bottom: 20px; color: var(--text-light);">
|
<p style="margin-bottom: 20px; color: var(--text-light);">
|
||||||
探索数学与AI的完美结合，提升数学教学效率与质量。</p>
|
探索数学与AI的完美结合，提升数学教学效率与质量。</p>
|
||||||
<!-- 将button改为a标签并保留原有样式类 -->
|
<!-- 将button改为a标签并保留原有样式类 -->
|
||||||
<a href="geogebra-ai-workshop.html" class="btn btn-outline">查看详情</a>
|
<a href="geogebra-ai-workshop.html" class="btn btn-outline">查看详情</a>
|
||||||
</div>
|
</div>
|
||||||
|
<div class="tab-content">
|
||||||
|
<h4 style="margin-bottom: 15px; color: var(--primary-blue);">本周研修直播日程</h4>
|
||||||
|
<p style="margin-bottom: 20px; color: var(--text-light);">
|
||||||
|
探索物理与AI的深度融合，提升物理实验教学效果。</p>
|
||||||
|
<!-- Algodoo工坊专属链接 -->
|
||||||
|
<a href="algodoo-ai-workshop.html" class="btn btn-outline">查看详情</a>
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|||||||
Reference in New Issue
Block a user