746 lines
35 KiB
HTML
746 lines
35 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>PBL+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;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
/* 内容区域样式 */
|
|||
|
|
.case-content {
|
|||
|
|
padding: 40px 0;
|
|||
|
|
background-color: #f5f7fa;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.case-intro,
|
|||
|
|
.case-videos,
|
|||
|
|
.case-resources,
|
|||
|
|
.case-guidance {
|
|||
|
|
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;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
/* 案例介绍样式 */
|
|||
|
|
.case-overview {
|
|||
|
|
display: flex;
|
|||
|
|
gap: 30px;
|
|||
|
|
margin-bottom: 30px;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.case-image {
|
|||
|
|
flex: 0 0 40%;
|
|||
|
|
height: 250px;
|
|||
|
|
background-color: #e6f7ff;
|
|||
|
|
border-radius: 8px;
|
|||
|
|
display: flex;
|
|||
|
|
align-items: center;
|
|||
|
|
justify-content: center;
|
|||
|
|
color: #0066FF;
|
|||
|
|
font-size: 18px;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.case-details {
|
|||
|
|
flex: 1;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.case-details h3 {
|
|||
|
|
font-size: 22px;
|
|||
|
|
color: #333;
|
|||
|
|
margin-bottom: 15px;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.case-details p {
|
|||
|
|
font-size: 16px;
|
|||
|
|
line-height: 1.6;
|
|||
|
|
color: #666;
|
|||
|
|
margin-bottom: 15px;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.case-tags {
|
|||
|
|
display: flex;
|
|||
|
|
flex-wrap: wrap;
|
|||
|
|
gap: 10px;
|
|||
|
|
margin-top: 20px;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.case-tag {
|
|||
|
|
padding: 5px 15px;
|
|||
|
|
background-color: #e6f7ff;
|
|||
|
|
color: #0066FF;
|
|||
|
|
border-radius: 20px;
|
|||
|
|
font-size: 14px;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
/* 视频区域样式 */
|
|||
|
|
.videos-grid {
|
|||
|
|
display: grid;
|
|||
|
|
grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
|
|||
|
|
gap: 25px;
|
|||
|
|
margin-top: 20px;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.video-card {
|
|||
|
|
border: 1px solid #eee;
|
|||
|
|
border-radius: 8px;
|
|||
|
|
overflow: hidden;
|
|||
|
|
transition: all 0.3s ease;
|
|||
|
|
background-color: white;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.video-card:hover {
|
|||
|
|
transform: translateY(-5px);
|
|||
|
|
box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.video-thumbnail {
|
|||
|
|
height: 180px;
|
|||
|
|
background-color: #f0f2f5;
|
|||
|
|
display: flex;
|
|||
|
|
align-items: center;
|
|||
|
|
justify-content: center;
|
|||
|
|
color: #999;
|
|||
|
|
position: relative;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.play-button {
|
|||
|
|
position: absolute;
|
|||
|
|
top: 50%;
|
|||
|
|
left: 50%;
|
|||
|
|
transform: translate(-50%, -50%);
|
|||
|
|
width: 60px;
|
|||
|
|
height: 60px;
|
|||
|
|
background-color: rgba(0, 102, 255, 0.8);
|
|||
|
|
border-radius: 50%;
|
|||
|
|
display: flex;
|
|||
|
|
align-items: center;
|
|||
|
|
justify-content: center;
|
|||
|
|
color: white;
|
|||
|
|
font-size: 24px;
|
|||
|
|
cursor: pointer;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.video-content {
|
|||
|
|
padding: 20px;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.video-title {
|
|||
|
|
font-size: 18px;
|
|||
|
|
font-weight: bold;
|
|||
|
|
margin-bottom: 10px;
|
|||
|
|
color: #333;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.video-meta {
|
|||
|
|
display: flex;
|
|||
|
|
flex-wrap: wrap;
|
|||
|
|
gap: 15px;
|
|||
|
|
margin-bottom: 15px;
|
|||
|
|
font-size: 14px;
|
|||
|
|
color: #666;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.video-meta span {
|
|||
|
|
display: flex;
|
|||
|
|
align-items: center;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.video-meta i {
|
|||
|
|
margin-right: 5px;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.video-description {
|
|||
|
|
font-size: 14px;
|
|||
|
|
color: #666;
|
|||
|
|
line-height: 1.5;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
/* 资源区域样式 */
|
|||
|
|
.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;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.resource-card:hover {
|
|||
|
|
transform: translateY(-5px);
|
|||
|
|
box-shadow: 0 10px 20px rgba(0, 0, 0, 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-meta {
|
|||
|
|
display: flex;
|
|||
|
|
flex-wrap: wrap;
|
|||
|
|
gap: 15px;
|
|||
|
|
margin-bottom: 15px;
|
|||
|
|
font-size: 14px;
|
|||
|
|
color: #666;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.resource-meta span {
|
|||
|
|
display: flex;
|
|||
|
|
align-items: center;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.resource-meta i {
|
|||
|
|
margin-right: 5px;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.resource-description {
|
|||
|
|
font-size: 14px;
|
|||
|
|
color: #666;
|
|||
|
|
line-height: 1.5;
|
|||
|
|
margin-bottom: 15px;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.download-btn {
|
|||
|
|
display: inline-block;
|
|||
|
|
padding: 8px 15px;
|
|||
|
|
background-color: #0066FF;
|
|||
|
|
color: white;
|
|||
|
|
border-radius: 4px;
|
|||
|
|
font-size: 14px;
|
|||
|
|
text-decoration: none;
|
|||
|
|
transition: all 0.3s ease;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.download-btn:hover {
|
|||
|
|
background-color: #0052cc;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
/* 指导区域样式 */
|
|||
|
|
.guidance-steps {
|
|||
|
|
margin-top: 20px;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.step-item {
|
|||
|
|
display: flex;
|
|||
|
|
margin-bottom: 30px;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.step-number {
|
|||
|
|
flex: 0 0 50px;
|
|||
|
|
height: 50px;
|
|||
|
|
background-color: #0066FF;
|
|||
|
|
color: white;
|
|||
|
|
border-radius: 50%;
|
|||
|
|
display: flex;
|
|||
|
|
align-items: center;
|
|||
|
|
justify-content: center;
|
|||
|
|
font-size: 24px;
|
|||
|
|
font-weight: bold;
|
|||
|
|
margin-right: 20px;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.step-content {
|
|||
|
|
flex: 1;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.step-title {
|
|||
|
|
font-size: 20px;
|
|||
|
|
font-weight: bold;
|
|||
|
|
color: #333;
|
|||
|
|
margin-bottom: 10px;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.step-description {
|
|||
|
|
font-size: 16px;
|
|||
|
|
line-height: 1.6;
|
|||
|
|
color: #666;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
/* 标签页样式 */
|
|||
|
|
.layui-tab {
|
|||
|
|
margin-top: 20px;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.layui-tab-content {
|
|||
|
|
padding: 20px 0;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
/* 响应式调整 */
|
|||
|
|
@media (max-width: 768px) {
|
|||
|
|
.case-overview {
|
|||
|
|
flex-direction: column;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.case-image {
|
|||
|
|
flex: 0 0 auto;
|
|||
|
|
height: 200px;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.videos-grid,
|
|||
|
|
.resources-grid {
|
|||
|
|
grid-template-columns: 1fr;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
</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 active"><a href="pbl-ai-case.html" style="text-decoration: none; color: inherit; font-weight: bold;">PBL+AI融合项目案例</a></div>
|
|||
|
|
</nav>
|
|||
|
|
<div class="header-actions">
|
|||
|
|
<button class="btn btn-outline">登录</button>
|
|||
|
|
</div>
|
|||
|
|
</header>
|
|||
|
|
|
|||
|
|
<!-- 页面标题区 -->
|
|||
|
|
<div class="page-header">
|
|||
|
|
<div class="container">
|
|||
|
|
<h1>PBL+AI融合项目案例</h1>
|
|||
|
|
<p>以大数据+AI研究苏轼生平为例，提供案例+视频+资源，指导开展AI支持下的PBL课程设计</p>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
|
|||
|
|
<!-- 内容区域 -->
|
|||
|
|
<div class="case-content">
|
|||
|
|
<div class="container">
|
|||
|
|
<!-- 案例介绍 -->
|
|||
|
|
<div class="case-intro">
|
|||
|
|
<h2 class="section-title">项目案例介绍</h2>
|
|||
|
|
<div class="case-overview">
|
|||
|
|
<div class="case-image">
|
|||
|
|
<i class="fas fa-book-reader fa-3x"></i>
|
|||
|
|
</div>
|
|||
|
|
<div class="case-details">
|
|||
|
|
<h3>大数据+AI研究苏轼生平</h3>
|
|||
|
|
<p>本项目案例将PBL（项目式学习）与AI技术深度融合，以"研究苏轼生平"为主题，引导学生利用大数据分析和人工智能技术探索历史人物的生平事迹、文学成就和历史影响。</p>
|
|||
|
|
<p>通过AI辅助文本分析、情感分析和时空可视化等技术，学生能够从海量历史文献中提取关键信息，构建苏轼生平知识图谱，并基于数据驱动的方式进行创新性研究，培养跨学科思维和数字素养。</p>
|
|||
|
|
<div class="case-tags">
|
|||
|
|
<span class="case-tag">PBL项目式学习</span>
|
|||
|
|
<span class="case-tag">人工智能</span>
|
|||
|
|
<span class="case-tag">大数据分析</span>
|
|||
|
|
<span class="case-tag">文学研究</span>
|
|||
|
|
<span class="case-tag">跨学科融合</span>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
|
|||
|
|
<!-- 案例视频 -->
|
|||
|
|
<div class="case-videos">
|
|||
|
|
<h2 class="section-title">案例视频</h2>
|
|||
|
|
<div class="videos-grid">
|
|||
|
|
<div class="video-card">
|
|||
|
|
<div class="video-thumbnail">
|
|||
|
|
<i class="fas fa-play-circle fa-3x"></i>
|
|||
|
|
<div class="play-button">
|
|||
|
|
<i class="fas fa-play"></i>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="video-content">
|
|||
|
|
<h3 class="video-title">项目概述与实施流程</h3>
|
|||
|
|
<div class="video-meta">
|
|||
|
|
<span><i class="fas fa-clock"></i> 15:30</span>
|
|||
|
|
<span><i class="fas fa-eye"></i> 2,456次观看</span>
|
|||
|
|
</div>
|
|||
|
|
<p class="video-description">本视频详细介绍"大数据+AI研究苏轼生平"项目的整体设计思路、实施流程和预期成果，帮助教师全面了解项目框架。</p>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="video-card">
|
|||
|
|
<div class="video-thumbnail">
|
|||
|
|
<i class="fas fa-play-circle fa-3x"></i>
|
|||
|
|
<div class="play-button">
|
|||
|
|
<i class="fas fa-play"></i>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="video-content">
|
|||
|
|
<h3 class="video-title">AI技术在文学研究中的应用</h3>
|
|||
|
|
<div class="video-meta">
|
|||
|
|
<span><i class="fas fa-clock"></i> 22:15</span>
|
|||
|
|
<span><i class="fas fa-eye"></i> 1,892次观看</span>
|
|||
|
|
</div>
|
|||
|
|
<p class="video-description">探讨如何利用自然语言处理、情感分析和知识图谱等AI技术辅助文学研究，以苏轼作品为例展示具体应用方法。</p>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="video-card">
|
|||
|
|
<div class="video-thumbnail">
|
|||
|
|
<i class="fas fa-play-circle fa-3x"></i>
|
|||
|
|
<div class="play-button">
|
|||
|
|
<i class="fas fa-play"></i>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="video-content">
|
|||
|
|
<h3 class="video-title">学生项目成果展示</h3>
|
|||
|
|
<div class="video-meta">
|
|||
|
|
<span><i class="fas fa-clock"></i> 18:45</span>
|
|||
|
|
<span><i class="fas fa-eye"></i> 3,127次观看</span>
|
|||
|
|
</div>
|
|||
|
|
<p class="video-description">展示学生在"大数据+AI研究苏轼生平"项目中的优秀成果，包括知识图谱构建、时空可视化和创新性研究报告等。</p>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
|
|||
|
|
<!-- 案例资源 -->
|
|||
|
|
<div class="case-resources">
|
|||
|
|
<h2 class="section-title">项目资源</h2>
|
|||
|
|
<div class="layui-tab layui-tab-brief">
|
|||
|
|
<ul class="layui-tab-title">
|
|||
|
|
<li class="layui-this">教学设计</li>
|
|||
|
|
<li>技术工具</li>
|
|||
|
|
<li>数据资源</li>
|
|||
|
|
<li>评估工具</li>
|
|||
|
|
</ul>
|
|||
|
|
<div class="layui-tab-content">
|
|||
|
|
<div class="layui-tab-item layui-show">
|
|||
|
|
<div class="resources-grid">
|
|||
|
|
<div class="resource-card">
|
|||
|
|
<span class="resource-type">教学设计</span>
|
|||
|
|
<h3 class="resource-title">PBL+AI融合项目教学设计模板</h3>
|
|||
|
|
<div class="resource-meta">
|
|||
|
|
<span><i class="fas fa-file-pdf"></i> PDF</span>
|
|||
|
|
<span><i class="fas fa-download"></i> 1,234次下载</span>
|
|||
|
|
</div>
|
|||
|
|
<p class="resource-description">提供完整的PBL+AI融合项目教学设计模板，包括项目目标、任务分解、时间安排和评估标准等内容。</p>
|
|||
|
|
<a href="#" class="download-btn"><i class="fas fa-download"></i> 下载资源</a>
|
|||
|
|
</div>
|
|||
|
|
<div class="resource-card">
|
|||
|
|
<span class="resource-type">教学设计</span>
|
|||
|
|
<h3 class="resource-title">苏轼生平研究项目教学指南</h3>
|
|||
|
|
<div class="resource-meta">
|
|||
|
|
<span><i class="fas fa-file-pdf"></i> PDF</span>
|
|||
|
|
<span><i class="fas fa-download"></i> 987次下载</span>
|
|||
|
|
</div>
|
|||
|
|
<p class="resource-description">详细指导教师如何开展"大数据+AI研究苏轼生平"项目，包括教学策略、学生分组和技术支持等内容。</p>
|
|||
|
|
<a href="#" class="download-btn"><i class="fas fa-download"></i> 下载资源</a>
|
|||
|
|
</div>
|
|||
|
|
<div class="resource-card">
|
|||
|
|
<span class="resource-type">教学设计</span>
|
|||
|
|
<h3 class="resource-title">跨学科PBL项目评价量表</h3>
|
|||
|
|
<div class="resource-meta">
|
|||
|
|
<span><i class="fas fa-file-excel"></i> Excel</span>
|
|||
|
|
<span><i class="fas fa-download"></i> 756次下载</span>
|
|||
|
|
</div>
|
|||
|
|
<p class="resource-description">提供针对PBL+AI融合项目的多维度评价量表，涵盖知识掌握、能力发展和其他方面的评价指标。</p>
|
|||
|
|
<a href="#" class="download-btn"><i class="fas fa-download"></i> 下载资源</a>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="layui-tab-item">
|
|||
|
|
<div class="resources-grid">
|
|||
|
|
<div class="resource-card">
|
|||
|
|
<span class="resource-type">技术工具</span>
|
|||
|
|
<h3 class="resource-title">文本分析工具使用指南</h3>
|
|||
|
|
<div class="resource-meta">
|
|||
|
|
<span><i class="fas fa-file-pdf"></i> PDF</span>
|
|||
|
|
<span><i class="fas fa-download"></i> 1,567次下载</span>
|
|||
|
|
</div>
|
|||
|
|
<p class="resource-description">详细介绍如何使用文本分析工具处理苏轼作品，包括词频分析、情感分析和主题建模等功能。</p>
|
|||
|
|
<a href="#" class="download-btn"><i class="fas fa-download"></i> 下载资源</a>
|
|||
|
|
</div>
|
|||
|
|
<div class="resource-card">
|
|||
|
|
<span class="resource-type">技术工具</span>
|
|||
|
|
<h3 class="resource-title">知识图谱构建工具教程</h3>
|
|||
|
|
<div class="resource-meta">
|
|||
|
|
<span><i class="fas fa-file-video"></i> 视频</span>
|
|||
|
|
<span><i class="fas fa-download"></i> 892次下载</span>
|
|||
|
|
</div>
|
|||
|
|
<p class="resource-description">视频教程演示如何使用知识图谱构建工具，创建苏轼生平关系网络，可视化展示人物关系和事件脉络。</p>
|
|||
|
|
<a href="#" class="download-btn"><i class="fas fa-download"></i> 下载资源</a>
|
|||
|
|
</div>
|
|||
|
|
<div class="resource-card">
|
|||
|
|
<span class="resource-type">技术工具</span>
|
|||
|
|
<h3 class="resource-title">时空可视化工具操作手册</h3>
|
|||
|
|
<div class="resource-meta">
|
|||
|
|
<span><i class="fas fa-file-pdf"></i> PDF</span>
|
|||
|
|
<span><i class="fas fa-download"></i> 654次下载</span>
|
|||
|
|
</div>
|
|||
|
|
<p class="resource-description">详细介绍如何使用时空可视化工具，展示苏轼生平轨迹和创作地点，帮助学生理解历史背景。</p>
|
|||
|
|
<a href="#" class="download-btn"><i class="fas fa-download"></i> 下载资源</a>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="layui-tab-item">
|
|||
|
|
<div class="resources-grid">
|
|||
|
|
<div class="resource-card">
|
|||
|
|
<span class="resource-type">数据资源</span>
|
|||
|
|
<h3 class="resource-title">苏轼作品全集数据包</h3>
|
|||
|
|
<div class="resource-meta">
|
|||
|
|
<span><i class="fas fa-file-archive"></i> ZIP</span>
|
|||
|
|
<span><i class="fas fa-download"></i> 2,345次下载</span>
|
|||
|
|
</div>
|
|||
|
|
<p class="resource-description">收录苏轼全部诗词、散文作品，包括原文、注释和译文，便于进行文本分析和数据挖掘。</p>
|
|||
|
|
<a href="#" class="download-btn"><i class="fas fa-download"></i> 下载资源</a>
|
|||
|
|
</div>
|
|||
|
|
<div class="resource-card">
|
|||
|
|
<span class="resource-type">数据资源</span>
|
|||
|
|
<h3 class="resource-title">宋代历史背景资料集</h3>
|
|||
|
|
<div class="resource-meta">
|
|||
|
|
<span><i class="fas fa-file-archive"></i> ZIP</span>
|
|||
|
|
<span><i class="fas fa-download"></i> 1,678次下载</span>
|
|||
|
|
</div>
|
|||
|
|
<p class="resource-description">提供宋代政治、经济、文化等方面的历史资料，帮助学生理解苏轼生活的时代背景。</p>
|
|||
|
|
<a href="#" class="download-btn"><i class="fas fa-download"></i> 下载资源</a>
|
|||
|
|
</div>
|
|||
|
|
<div class="resource-card">
|
|||
|
|
<span class="resource-type">数据资源</span>
|
|||
|
|
<h3 class="resource-title">苏轼生平年表数据库</h3>
|
|||
|
|
<div class="resource-meta">
|
|||
|
|
<span><i class="fas fa-database"></i> 数据库</span>
|
|||
|
|
<span><i class="fas fa-download"></i> 1,234次下载</span>
|
|||
|
|
</div>
|
|||
|
|
<p class="resource-description">结构化存储苏轼生平重要事件、作品创作时间和地点，便于进行时空分析和可视化展示。</p>
|
|||
|
|
<a href="#" class="download-btn"><i class="fas fa-download"></i> 下载资源</a>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="layui-tab-item">
|
|||
|
|
<div class="resources-grid">
|
|||
|
|
<div class="resource-card">
|
|||
|
|
<span class="resource-type">评估工具</span>
|
|||
|
|
<h3 class="resource-title">PBL项目过程评估表</h3>
|
|||
|
|
<div class="resource-meta">
|
|||
|
|
<span><i class="fas fa-file-excel"></i> Excel</span>
|
|||
|
|
<span><i class="fas fa-download"></i> 987次下载</span>
|
|||
|
|
</div>
|
|||
|
|
<p class="resource-description">提供PBL项目实施过程中的多维度评估工具，包括小组协作、问题解决和创新思维等方面。</p>
|
|||
|
|
<a href="#" class="download-btn"><i class="fas fa-download"></i> 下载资源</a>
|
|||
|
|
</div>
|
|||
|
|
<div class="resource-card">
|
|||
|
|
<span class="resource-type">评估工具</span>
|
|||
|
|
<h3 class="resource-title">AI技术应用能力评价量表</h3>
|
|||
|
|
<div class="resource-meta">
|
|||
|
|
<span><i class="fas fa-file-pdf"></i> PDF</span>
|
|||
|
|
<span><i class="fas fa-download"></i> 876次下载</span>
|
|||
|
|
</div>
|
|||
|
|
<p class="resource-description">评估学生在项目中应用AI技术的能力，包括工具使用、数据分析和结果解释等方面的表现。</p>
|
|||
|
|
<a href="#" class="download-btn"><i class="fas fa-download"></i> 下载资源</a>
|
|||
|
|
</div>
|
|||
|
|
<div class="resource-card">
|
|||
|
|
<span class="resource-type">评估工具</span>
|
|||
|
|
<h3 class="resource-title">跨学科研究能力评估框架</h3>
|
|||
|
|
<div class="resource-meta">
|
|||
|
|
<span><i class="fas fa-file-pdf"></i> PDF</span>
|
|||
|
|
<span><i class="fas fa-download"></i> 765次下载</span>
|
|||
|
|
</div>
|
|||
|
|
<p class="resource-description">提供评估学生跨学科研究能力的框架，包括知识整合、方法迁移和创新应用等方面。</p>
|
|||
|
|
<a href="#" class="download-btn"><i class="fas fa-download"></i> 下载资源</a>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
|
|||
|
|
<!-- 实施指导 -->
|
|||
|
|
<div class="case-guidance">
|
|||
|
|
<h2 class="section-title">PBL+AI课程设计指导</h2>
|
|||
|
|
<div class="guidance-steps">
|
|||
|
|
<div class="step-item">
|
|||
|
|
<div class="step-number">1</div>
|
|||
|
|
<div class="step-content">
|
|||
|
|
<h3 class="step-title">项目选题与目标设定</h3>
|
|||
|
|
<p class="step-description">选择具有研究价值的历史人物或文学主题，明确项目的研究目标和预期成果。以"大数据+AI研究苏轼生平"为例，确定研究苏轼的生平轨迹、文学成就和历史影响等核心问题，并设定可量化的研究目标。</p>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="step-item">
|
|||
|
|
<div class="step-number">2</div>
|
|||
|
|
<div class="step-content">
|
|||
|
|
<h3 class="step-title">数据收集与预处理</h3>
|
|||
|
|
<p class="step-description">收集与研究主题相关的原始数据，包括历史文献、作品集和学术研究等。对收集到的数据进行清洗、标注和结构化处理，为后续的AI分析做好准备。例如，将苏轼的作品进行数字化处理，并标注创作时间、地点和背景信息。</p>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="step-item">
|
|||
|
|
<div class="step-number">3</div>
|
|||
|
|
<div class="step-content">
|
|||
|
|
<h3 class="step-title">AI技术选型与应用</h3>
|
|||
|
|
<p class="step-description">根据研究目标和数据特点，选择合适的AI技术工具和方法。在苏轼研究中，可应用自然语言处理技术进行文本分析，利用情感分析探究作品情感变化，通过知识图谱构建人物关系网络，并采用时空可视化技术展示生平轨迹。</p>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="step-item">
|
|||
|
|
<div class="step-number">4</div>
|
|||
|
|
<div class="step-content">
|
|||
|
|
<h3 class="step-title">学生分组与任务分配</h3>
|
|||
|
|
<p class="step-description">根据学生的兴趣和特长，进行合理分组并分配研究任务。例如，可设置数据收集组、文本分析组、可视化组和报告撰写组等，确保每个学生都能参与到项目中，并发挥自己的优势。</p>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="step-item">
|
|||
|
|
<div class="step-number">5</div>
|
|||
|
|
<div class="step-content">
|
|||
|
|
<h3 class="step-title">项目实施与过程指导</h3>
|
|||
|
|
<p class="step-description">在项目实施过程中，教师提供必要的技术指导和方法支持，定期组织小组讨论和进度汇报。让学生运用批判性思维分析AI分析结果，结合历史背景进行深入解读，培养学生的跨学科思维和研究能力。</p>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="step-item">
|
|||
|
|
<div class="step-number">6</div>
|
|||
|
|
<div class="step-content">
|
|||
|
|
<h3 class="step-title">成果展示与评价反思</h3>
|
|||
|
|
<p class="step-description">组织学生展示项目研究成果，包括知识图谱、可视化图表和研究报告等。采用多元评价方式，结合过程性评价和结果性评价，全面评估学生的学习成果和能力发展。让学生进行项目反思，总结经验教训，为未来的学习提供参考。</p>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
|
|||
|
|
<!-- 页脚 -->
|
|||
|
|
<div class="footer">
|
|||
|
|
<div class="container">
|
|||
|
|
<div class="footer-content">
|
|||
|
|
<div class="footer-column">
|
|||
|
|
<h3>平台服务</h3>
|
|||
|
|
<ul>
|
|||
|
|
<li><a href="ai-resource-workshop.html">AI资源工坊</a></li>
|
|||
|
|
<li><a href="cloud-classroom.html">名师云课</a></li>
|
|||
|
|
<li><a href="teacher-ai-video-tutorials.html">教师AI视频教程</a></li>
|
|||
|
|
<li><a href="ai-lab-solution.html">AI实验室解决方案</a></li>
|
|||
|
|
<li><a href="pbl-ai-case.html">PBL+AI融合项目案例</a></li>
|
|||
|
|
</ul>
|
|||
|
|
</div>
|
|||
|
|
<div class="footer-column">
|
|||
|
|
<h3>资源中心</h3>
|
|||
|
|
<ul>
|
|||
|
|
<li><a href="#">AI教学资源</a></li>
|
|||
|
|
<li><a href="#">课程设计案例</a></li>
|
|||
|
|
<li><a href="#">技术工具下载</a></li>
|
|||
|
|
<li><a href="#">数据资源库</a></li>
|
|||
|
|
<li><a href="#">教学视频</a></li>
|
|||
|
|
</ul>
|
|||
|
|
</div>
|
|||
|
|
<div class="footer-column">
|
|||
|
|
<h3>技术支持</h3>
|
|||
|
|
<ul>
|
|||
|
|
<li><a href="#">使用指南</a></li>
|
|||
|
|
<li><a href="#">常见问题</a></li>
|
|||
|
|
<li><a href="#">技术文档</a></li>
|
|||
|
|
<li><a href="#">在线客服</a></li>
|
|||
|
|
<li><a href="#">意见反馈</a></li>
|
|||
|
|
</ul>
|
|||
|
|
</div>
|
|||
|
|
<div class="footer-column">
|
|||
|
|
<h3>联系我们</h3>
|
|||
|
|
<ul>
|
|||
|
|
<li><i class="fas fa-map-marker-alt"></i> 吉林省长春市人民大街5268号</li>
|
|||
|
|
<li><i class="fas fa-phone"></i> 400-123-4567</li>
|
|||
|
|
<li><i class="fas fa-envelope"></i> contact@dslixiang.com</li>
|
|||
|
|
<li><i class="fas fa-clock"></i> 工作日 9:00-18:00</li>
|
|||
|
|
</ul>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="footer-bottom">
|
|||
|
|
<p>© 2023 东师理想AI教育云平台 版权所有</p>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
|
|||
|
|
<!-- 引入外部JS -->
|
|||
|
|
<script src="https://gcore.jsdelivr.net/npm/layui@2.9.12/dist/layui.min.js"></script>
|
|||
|
|
<script>
|
|||
|
|
// 页面专属JS
|
|||
|
|
layui.use(['element', 'layer'], function(){
|
|||
|
|
var element = layui.element;
|
|||
|
|
var layer = layui.layer;
|
|||
|
|
|
|||
|
|
// 标签页切换事件
|
|||
|
|
element.on('tab(caseTab)', function(data){
|
|||
|
|
console.log('切换到了：'+ this.innerHTML);
|
|||
|
|
});
|
|||
|
|
|
|||
|
|
// 视频播放按钮点击事件
|
|||
|
|
$('.play-button').on('click', function(){
|
|||
|
|
layer.msg('视频播放功能开发中');
|
|||
|
|
});
|
|||
|
|
|
|||
|
|
// 资源下载按钮点击事件
|
|||
|
|
$('.download-btn').on('click', function(e){
|
|||
|
|
e.preventDefault();
|
|||
|
|
layer.msg('资源下载功能开发中');
|
|||
|
|
});
|
|||
|
|
});
|
|||
|
|
</script>
|
|||
|
|
</body>
|
|||
|
|
</html>
|