feat: 增加成果回存示例与播客在线播放
This commit is contained in:
admin committed
1 parent
706d6c3b33
commit
f710617927
6 files changed
+141
-67
No files matched your search
@@ -1,5 +1,5 @@
|
||||
<section class="slide" data-title="案例：一条提示词，生成四类教学成果" data-chapter="教师场景实操" data-note="【案例讲解】
|
||||
这是用户提供的实际任务与四份产出，原始提示词保留在页面左侧。任务同时指定了课程对象、四种交付形态、张骞出使西域的故事，以及袁隆平和屠呦呦简介，还提出全英文与共和国功勋人物宣传片配色要求。点击右侧链接逐项打开现有产出。
|
||||
这是用户提供的实际任务与四份产出，原始提示词保留在页面左侧。任务同时指定了课程对象、四种交付形态、张骞出使西域的故事，以及袁隆平和屠呦呦简介，还提出全英文与共和国功勋人物宣传片配色要求。点击右侧卡片打开产出；播客卡片可在本页播放或暂停，下方播放器可拖动进度。离开本页时自动暂停。
|
||||
|
||||
【展示与核对】
|
||||
本次仅添加案例及文件超链接，已确认四份本地文件存在，未重新生成或全面审校内容。教案文件名明确为中英双语，与原提示词的全英文要求应在成果验收时对照。区分教材内容与历史人物拓展内容，不把所有故事归为教材原文。检查播客是否为男女对话、人物信息是否有依据，以及不同产出之间是否一致。
|
||||
@@ -12,7 +12,7 @@
|
||||
<div class="element text" style="left:64px;top:195px;width:1152px;height:40px"><div class="text-inner"><p><span style="font-size:23px;color:#526477">九上英语 Unit 2 · 张骞故事 · 袁隆平与屠呦呦拓展 · 红金视觉</span></p></div></div>
|
||||
<div class="element text" style="left:64px;top:258px;width:640px;height:35px"><div class="text-inner"><p><span style="font-size:24px;color:#17675D;font-weight:650">原始提示词</span></p></div></div>
|
||||
<div class="element text prompt-copy" style="left:64px;top:306px;width:640px;height:269px;background:#FFFFFF;border:1px solid #D1E2DD;border-radius:16px;padding:25px;box-sizing:border-box"><div class="text-inner"><p><span style="font-size:25px;color:#1D3047;line-height:1.65">我想要新教材9年级上英语第二单元ppt、思维导图、教案、男女对话播客内容是介绍张骞出使西域的故事，除了课程内容，还要带有袁隆平和屠呦呦的简介，全英文，视觉上我要共和国功勋人物宣传片的配色</span></p></div></div>
|
||||
<a class="element deliverable-link" style="left:750px;top:258px;width:466px;height:76px" href="materials/%E6%96%B0%E4%BA%BA%E6%95%99%E4%B9%9D%E4%B8%8A%E8%8B%B1%E8%AF%ADUnit2_InspiringPeople_%E5%8A%9F%E5%8B%8B%E7%BA%A2%E9%87%91%E8%AF%BE%E4%BB%B6.pptx" target="_blank" rel="noopener" aria-label="打开PPT 课件：新人教九上英语Unit2_InspiringPeople_功勋红金课件.pptx"><span class="deliverable-title">PPT 课件<span aria-hidden="true"> ↗</span></span><span class="deliverable-description">功勋红金课件 · PPTX</span></a><a class="element deliverable-link" style="left:750px;top:346px;width:466px;height:76px" href="materials/79abf7c97ec91f03ec08f719b3b56ac8.png" target="_blank" rel="noopener" aria-label="打开思维导图：79abf7c97ec91f03ec08f719b3b56ac8.png"><span class="deliverable-title">思维导图<span aria-hidden="true"> ↗</span></span><span class="deliverable-description">打开图片 · PNG</span></a><a class="element deliverable-link" style="left:750px;top:434px;width:466px;height:76px" href="materials/Unit2_Inspiring_People_%E6%95%99%E5%AD%A6%E8%AE%BE%E8%AE%A1_%E4%B8%AD%E8%8B%B1%E5%8F%8C%E8%AF%AD%20%281%29.docx" target="_blank" rel="noopener" aria-label="打开教学设计：Unit2_Inspiring_People_教学设计_中英双语 (1).docx"><span class="deliverable-title">教学设计<span aria-hidden="true"> ↗</span></span><span class="deliverable-description">中英双语文件 · DOCX</span></a><a class="element deliverable-link" style="left:750px;top:522px;width:466px;height:76px" href="materials/%E5%BC%A0%E9%AA%9E%E5%87%BF%E7%A9%BA%E8%A5%BF%E5%9F%9F%E4%BC%A0%E5%A5%87.mp3" target="_blank" rel="noopener" aria-label="打开男女对话播客：张骞凿空西域传奇.mp3"><span class="deliverable-title">男女对话播客<span aria-hidden="true"> ↗</span></span><span class="deliverable-description">张骞凿空西域传奇 · MP3</span></a><div class="element text" style="left:750px;top:616px;width:466px;height:35px"><div class="text-inner"><p><span style="font-size:15px;color:#607286">点击产出卡片打开文件；网页需与 materials 目录一同保留。</span></p></div></div>
|
||||
<a class="element deliverable-link" style="left:750px;top:258px;width:466px;height:76px" href="materials/%E6%96%B0%E4%BA%BA%E6%95%99%E4%B9%9D%E4%B8%8A%E8%8B%B1%E8%AF%ADUnit2_InspiringPeople_%E5%8A%9F%E5%8B%8B%E7%BA%A2%E9%87%91%E8%AF%BE%E4%BB%B6.pptx" target="_blank" rel="noopener" aria-label="打开PPT 课件：新人教九上英语Unit2_InspiringPeople_功勋红金课件.pptx"><span class="deliverable-title">PPT 课件<span aria-hidden="true"> ↗</span></span><span class="deliverable-description">功勋红金课件 · PPTX</span></a><a class="element deliverable-link" style="left:750px;top:346px;width:466px;height:76px" href="materials/79abf7c97ec91f03ec08f719b3b56ac8.png" target="_blank" rel="noopener" aria-label="打开思维导图：79abf7c97ec91f03ec08f719b3b56ac8.png"><span class="deliverable-title">思维导图<span aria-hidden="true"> ↗</span></span><span class="deliverable-description">打开图片 · PNG</span></a><a class="element deliverable-link" style="left:750px;top:434px;width:466px;height:76px" href="materials/Unit2_Inspiring_People_%E6%95%99%E5%AD%A6%E8%AE%BE%E8%AE%A1_%E4%B8%AD%E8%8B%B1%E5%8F%8C%E8%AF%AD%20%281%29.docx" target="_blank" rel="noopener" aria-label="打开教学设计：Unit2_Inspiring_People_教学设计_中英双语 (1).docx"><span class="deliverable-title">教学设计<span aria-hidden="true"> ↗</span></span><span class="deliverable-description">中英双语文件 · DOCX</span></a><button type="button" class="element deliverable-link podcast-toggle" style="left:750px;top:522px;width:466px;height:76px;text-align:left" aria-label="播放男女对话播客" aria-pressed="false"><span class="deliverable-title">男女对话播客 <span class="podcast-icon" aria-hidden="true">▶</span></span><span class="deliverable-description">张骞凿空西域传奇 · 点击播放</span></button><audio class="element podcast-player" style="left:750px;top:612px;width:466px;height:42px" controls preload="none" src="media:张骞凿空西域传奇.mp3" aria-label="张骞凿空西域传奇播放控制"></audio>
|
||||
</div><button class="slide-action" style="left:64px;right:auto;bottom:95px" data-action="copy-prompt">复制原始提示词</button>
|
||||
<div class="page-footer"><span>第二讲 · 知识库与 ima <span class="foot-time"> / 任务 → 产出 → 验收</span></span><span>{{PAGE_NUMBER}} / {{PAGE_COUNT}}</span></div>
|
||||
<style>
|
||||
@@ -20,4 +20,22 @@
|
||||
:scope .deliverable-link:hover{background:#DDEEE7;border-color:#17675D}
|
||||
:scope .deliverable-title{font-size:24px;line-height:1.2;font-weight:650;color:#17675D}
|
||||
:scope .deliverable-description{font-size:17px;line-height:1.3;color:#526477}
|
||||
</style></section>
|
||||
</style><script>
|
||||
const podcast = root.querySelector('.podcast-player');
|
||||
const toggle = root.querySelector('.podcast-toggle');
|
||||
const description = toggle.querySelector('.deliverable-description');
|
||||
function updatePodcast() {
|
||||
const playing = !podcast.paused && !podcast.ended;
|
||||
toggle.setAttribute('aria-pressed', String(playing));
|
||||
toggle.setAttribute('aria-label', playing ? '暂停男女对话播客' : '播放男女对话播客');
|
||||
toggle.querySelector('.podcast-icon').textContent = playing ? 'Ⅱ' : '▶';
|
||||
description.textContent = '张骞凿空西域传奇 · ' + (playing ? '点击暂停' : '点击播放');
|
||||
}
|
||||
toggle.addEventListener('click', async () => {
|
||||
if (!podcast.paused) { podcast.pause(); return; }
|
||||
try { await podcast.play(); }
|
||||
catch (error) { if (error.name !== 'AbortError') toast('音频未能播放，请确认 materials 目录中的 MP3 文件可访问'); }
|
||||
});
|
||||
['play', 'pause', 'ended'].forEach(event => podcast.addEventListener(event, updatePodcast));
|
||||
new MutationObserver(() => { if (!root.classList.contains('active')) podcast.pause(); }).observe(root, {attributes:true, attributeFilter:['class']});
|
||||
</script></section>
|
||||
@@ -0,0 +1,10 @@
|
||||
<section class="slide" data-title="保存输出示例：把生成的文件回存 ima" data-chapter="教师场景实操" data-note="【操作讲解】
|
||||
生成教学课件后，先打开文件检查内容，再点击产物卡片右侧的省略号，选择“上传到云端”，在子菜单中选择“ima”。截图展示了这一入口，尚未展示上传成功。后续按界面提示选择有写入权限的目标知识库并确认，再回到 ima 打开文件核对内容和版本。建议使用学科、年级、单元、日期命名，便于下次检索复用。
|
||||
|
||||
【来源】
|
||||
用户提供的 WorkBuddy V5.9.3 操作截图；点击图片可放大。截图中的课件用于演示回存入口，不等同于后续案例链接的红金课件。"><div class="page-kicker">WorkBuddy 中使用 ima · 保存输出内容</div><div class="series-brand">AI × TEACHERS</div><h2 class="page-title">保存输出示例：把生成的文件回存 ima</h2><div class="artboard"><button class="element image-zoom" style="left:64px;top:195px;width:760px;height:453px;background:white;border:1px solid #D5E1E6;border-radius:14px" aria-label="放大保存输出内容操作截图"><img src="asset:workbuddy-save-output-menu.png" alt="WorkBuddy 产物文件菜单：上传到云端，再选择 ima"></button><div class="element text feature-card" style="left:850px;top:195px;width:366px;height:139px"><div class="text-inner"><p class="feature-label"><span>打开产物菜单</span></p><p><span class="feature-description">先检查生成的课件，再点击文件卡片右侧的“…”菜单。</span></p></div></div><div class="element text feature-card" style="left:850px;top:346px;width:366px;height:139px"><div class="text-inner"><p class="feature-label"><span>选择回存入口</span></p><p><span class="feature-description">选择“上传到云端” → “ima”，把成果送回知识库。</span></p></div></div><div class="element text feature-card" style="left:850px;top:497px;width:366px;height:139px"><div class="text-inner"><p class="feature-label"><span>选库并核对</span></p><p><span class="feature-description">按提示选择可写入的知识库并确认，再到 ima 打开文件检查。</span></p></div></div><div class="element text" style="left:64px;top:653px;width:760px;height:22px"><div class="text-inner"><p><span style="font-size:13px;color:#607286">截图展示回存入口 · 点击图片可放大查看 · 保存后需到目标知识库核对</span></p></div></div></div><div class="page-footer"><span>第二讲 · 知识库与 ima <span class="foot-time"> / 成果回存</span></span><span>{{PAGE_NUMBER}} / {{PAGE_COUNT}}</span></div><style>
|
||||
:scope .feature-card{background:#EAF3F0;border:1px solid #D1E2DD;border-radius:14px;padding:14px 18px;box-sizing:border-box;align-items:flex-start}
|
||||
:scope .feature-label{margin-bottom:8px}
|
||||
:scope .feature-label span{font-size:23px;color:#17675D;font-weight:650}
|
||||
:scope .feature-description{font-size:19px;color:#526477;line-height:1.55}
|
||||
</style></section>
|
||||
Reference in new issue
Block a user