《古诗连连看》是一款教学辅助工具,将游戏化学习融入教学,支持一线教师激发学生古诗学习兴趣和提升学习参与度,让古诗诵读脱离枯燥的机械重复转化为主动、愉悦的认知过程,本着“最小可行产品(MVP)”为程序设计思路,打造轻量、聚焦的课堂工具。通过经典的连连看游戏机制,将诗句匹配转化为认知挑战,让学生在玩中学趣中记,内置小学阶段紧密结合的三套精选题库,开箱即用,力求以最低的备课与技术成本,为学生带来更具互动性与成效的古诗学习。
以下是面向氛围编程的“古诗连连看”APP设计过程:
(一)在deepseek中输入以下提示词:
帮我设计一款古诗连连看,需要清晰地定义其功能范围和应用场景,包括如下4个步骤。
.用户画像分析:明确目标用户的特征、痛点和需求。
.场景故事描述:用具体的场景描述产品如何解决用户问题。
.功能边界确定:定义产品能做什么,不能做什么。
.交互流程设计:规划用户使用产品的流程和交互方式。
采用MVP,用最少的功能实现产品
.知识点题库:预先设置3套题库
.游戏化设计:每个知识点连线设计成连连看这种 游戏方式
.进度追踪:记录学习者的完成情况和成就系统
.反馈系统:根据学习者表现给出及时反馈输出MVP描述
1. 典型用户画像:一句话描述。
2. 场景故事:一句话描述。
3. 功能:用列表描述(只描述明确要做的功能,不需 要的功能不描述)。
4. 交互流程:用列表描述。
得到以下内容:
# 古诗连连看MVP描述
## 1. 典型用户画像
小学3-6年级学生,需要背诵课本古诗但觉得传统背诵 方式枯燥,希望通过游戏化方式轻松记忆古诗名句。
## 2. 场景故事
小明在课间休息时打开古诗连连看,通过10分钟的游戏连线成功匹配了5首古诗的上下句,在不知不觉中记 住了今天语文课要背诵的内容。
## 3. 功能清单
- **题库管理**
- 内置3套题库(小学必备古诗/春夏主题/边塞诗)
- 每套题库包含10首古诗,每首诗拆分为上下两句
- **连连看游戏**
- 4×4网格布局显示8首古诗的16个分句
- 点击选中诗句,再次点击匹配诗句进行连线
- 匹配正确时显示古诗完整内容及作者信息
- **进度系统**
- 记录每套题库的完成进度(百分比)
- 每完成一首古诗解锁一个成就徽章
- **即时反馈**
- 匹配成功:显示“正确!”+古诗赏析
- 匹配失败:显示“再试试”+错误计数
- 关卡完成:显示本关得分和累计成就
## 4. 交互流程
1. 用户打开应用,显示三套可选题库卡片
2. 选择一套题库进入游戏界面
3. 查看4×4网格中随机排列的16个诗句碎片
4. 点击第一个诗句,高亮显示选中状态
5. 点击第二个诗句:
- 若匹配成功:显示连接线,弹出古诗完整卡片(含 作者/释义),3秒后自动消失,该诗句对从网格中移 除
- 若匹配失败:显示红色抖动效果,保持网格不变
6. 重复步骤4-5直到清空所有网格
7. 关卡完成时显示:
- 本次得分(基于用时和错误次数)
- 解锁的成就徽章
- 题库整体进度更新
8. 提供选项:返回题库选择/重玩本关/进入下一关
(二)在deepseek中输入:
使用Mermaid格式展示MVP,输出仅包含核心功能和 交互的mermaid: flowchart TB
得到以下内容:
```mermaidflowchart TB
Start[打开应用] -- > Select[题库选择界面<br/>显 示3套可用题库]
Select -- > Game{选择题库}
Game -- > Level1[进入第一关]
Game -- > Level2[进入第二关]
Game -- > Level3[进入第三关]
Level1 -- > GameGrid[显示4×4游戏网格<br/>16 个诗句碎片随机排列]
Level2 -- > GameGrid
Level3 -- > GameGrid
GameGrid -- > Click1[点击第一个诗句<br/>高亮 显示选中状态]
Click1 -- > Click2[点击第二个诗句]
Click2 -- > Decision{诗句匹配判断}
Decision -->|匹配正确| Correct[显示连接线<br/> 弹出古诗完整卡片<br/>3秒后自动消失]
Correct -- > Remove[移除匹配的诗句对<br/>更新 网格显示]
Decision -->|匹配错误| Wrong[显示红色抖动效果 <br/>错误计数+1]
Wrong -- > GameGrid
Remove -- > CheckEnd{网格已清空?}
CheckEnd -->|否| GameGrid
CheckEnd -->|是| Finish[关卡完成界面<br/>显示 得分和成就<br/>更新题库进度]
Finish -- > Options{选择下一步操作} Options -->|返回题库选择| SelectOptions -->|重玩本关| GameGrid
Options -->|下一关| NextLevel[加载下一关卡]
NextLevel -->|有下一关| GameGrid
NextLevel -->|无下一关| Complete[所有关卡完成 <br/>显示总成就]
Complete -- > Select ```
**核心流程说明:**
1. **线性关卡结构**:题库→关卡→游戏网格的明确层 级
2. **简约交互循环**:选择→ 匹配→反馈的循环直到关 卡完成
3. **状态明确反馈**:匹配结果有明确的视觉和文字反 馈
4. **进度自然衔接**:关卡完成后自动记录进度并提供 连续操作选项
5. **最小闭环设计**:从开始到完成成就形成完整学习 游戏闭环
(三)打开lovable网站 https://lovable.dev/ ,整理前两次获取的内容
提示词内容如下:
根据如下描述帮我创建产品:古诗连连看
# 古诗连连看MVP描述
## 1. 典型用户画像
小学3-6年级学生,需要背诵课本古诗但觉得传统背诵方式枯燥,希望通过游戏化方式轻松记忆古诗名句。
## 2. 场景故事
小明在课间休息时打开古诗连连看,通过10分钟的游戏连线成功匹配了5首古诗的上下句,在不知不觉中记住了今天语文课要背诵的内容。
## 3. 功能清单
- **题库管理**
- 内置3套题库(小学必备古诗/春夏主题/边塞诗)
- 每套题库包含10首古诗,每首诗拆分为上下两句
- **连连看游戏**
- 4×4网格布局显示8首古诗的16个分句
- 点击选中诗句,再次点击匹配诗句进行连线
- 匹配正确时显示古诗完整内容及作者信息
- **进度系统**
- 记录每套题库的完成进度(百分比)
- 每完成一首古诗解锁一个成就徽章
- **即时反馈**
- 匹配成功:显示“正确!”+古诗赏析
- 匹配失败:显示“再试试”+错误计数
- 关卡完成:显示本关得分和累计成就
## 4. 交互流程
1. 用户打开应用,显示三套可选题库卡片
2. 选择一套题库进入游戏界面
3. 查看4×4网格中随机排列的16个诗句碎片
4. 点击第一个诗句,高亮显示选中状态
5. 点击第二个诗句:
- 若匹配成功:显示连接线,弹出古诗完整卡片(含作者/释义),3秒后自动消失,该诗句对从网格中移除
- 若匹配失败:显示红色抖动效果,保持网格不变
6. 重复步骤4-5直到清空所有网格
7. 关卡完成时显示:
- 本次得分(基于用时和错误次数)
- 解锁的成就徽章
- 题库整体进度更新
8. 提供选项:返回题库选择/重玩本关/进入下一关
使用Mermaid格式展示MVP,输出仅包含核心功能和交互的mermaid: flowchart TB flowchart TB
Start[打开应用] -- > Select[题库选择界面<br/>显示3 套可用题库]
Select -- > Game{选择题库}
Game -- > Level1[进入第一关]
Game -- > Level2[进入第二关]
Game -- > Level3[进入第三关]
Level1 -- > GameGrid[显示4×4游戏网格<br/>16个 诗句碎片随机排列]
Level2 -- > GameGrid
Level3 -- > GameGrid
GameGrid -- > Click1[点击第一个诗句<br/>高亮显 示选中状态]
Click1 -- > Click2[点击第二个诗句]Click2 -- > Decision{诗句匹配判断}
Decision -->|匹配正确| Correct[显示连接线<br/>弹 出古诗完整卡片<br/>3秒后自动消失]
Correct -- > Remove[移除匹配的诗句对<br/>更新网 格显示]
Decision -->|匹配错误| Wrong[显示红色抖动效果 <br/>错误计数+1]
Wrong -- > GameGrid
Remove -- > CheckEnd{网格已清空?} CheckEnd -->|否| GameGrid
CheckEnd -->|是| Finish[关卡完成界面<br/>显示得
分和成就<br/>更新题库进度]
Finish -- > Options{选择下一步操作} Options -->|返回题库选择| SelectOptions -->|重玩本关| GameGrid
Options -->|下一关| NextLevel[加载下一关卡] NextLevel -->|有下一关| GameGrid
NextLevel -->|无下一关| Complete[所有关卡完成 <br/>显示总成就]
Complete -- > Select
完成:
(四)运行“古诗连连看”APP
电脑端:
手机端:
古诗连连看网址:(请复制网址,在手机及浏览器中打开,不要在 微信 中直接打开)
古诗连连看 - 轻松背诵古诗名句
网址:
https://poem-pair-play.lovable.app
古诗连连看是教学与技术的一个小融合。对于教师而言,它不仅仅是一个课堂上的互动游戏,更是一个可观察、可评估的学生学习过程窗口,成就系统与进度追踪为教师提供了即时的学情反馈。当然也可将其融入课堂预热、小组竞赛或课后巩固等多个环节,探索其最佳应用场景。
对于开发者而言,本着“最小可行产品(MVP)”为程序设计思路,清晰的功能边界与模块化设计,为后续根据真实的课堂反馈进行功能升级迭代,如扩充题库类型、增加自定义编辑器、深化数据分析维度等功能,奠定良好的架构基础。
下面是一些不同学科的典型游戏化学习工具设计方向,老师们也可根据上方操作步骤进一步设计制作与探索:
• 数学思维训练游戏:通过趣味性的数学题目,培养逻辑思维能力。
• 科学实验模拟器:在虚拟环境中进行各种科学实验,安全又有趣。
• 历史探索游戏:以角色扮演的方式体验历史事件,加深对历史的理解。
• 音乐创作工具:将乐理知识融入创作过程,激发音乐潜能。