教师操作指南

← 返回首页
快速上手
3 分钟了解整个系统的操作流程
1 打开网页

教师电脑打开 hema.wind23.com/teacher

学生设备打开 hema.wind23.com/student

推荐使用 Chrome 或 Edge 浏览器,学生可用手机或平板
2 课前重置

点击左侧面板底部的 🔄 重置所有数据 按钮

按钮会变成 ⚠ 确认重置?再点一次,5 秒内再点一次即可重置

这是双击确认机制,防止误触。5 秒后不点会自动恢复
3 学生加入

每位学生选择自己所属的小组(A组~E组),点击"确认加入"

加入后自动进入探索模式:左侧显示图层开关,中央显示地图,右侧显示问题链

学生在教师讲解 1.1 和 1.2 阶段时,可以自由操作图层开关,观察地图变化和问题链
4 按模块授课
模块一
选址图层探测
模块二
思维导图小结
模块三
危机应对中心

每个模块通过左侧导航切换,打开/关闭图层开关即可控制课堂节奏

完整操作时序
一节课的完整流程一览
教师打开教师端 + 重置数据
地图加载,盒马门店掉落动画播放
学生打开学生端,选择小组
进入探索模式(地图+图层+问题链),可自由操作
教师依次开启 3 个热力图
常住人口密度 → 收入/房价 → 年轻白领分布,每个配合问题链讨论
教师开启路网与配送圈
点击 A/B/C 按钮展示答案解析
教师开启集聚效应分析
演示拖拽 → 发布任务给学生 → 查看评分
学生完成集聚效应拖拽并提交
学生端显示得分,评分自动提交至教师端
教师切换到模块二
拖拽平衡秤 → 点亮板书 → 发布任务 → 查看评分
学生完成思维导图拖拽并提交
教师切换到模块三
触发危机 → 打开策略墙 → 抽取登台 → AI 评估
学生提交破局策略
输入 100 字策略,提交成功显示确认提示
教师课后重置数据
为下次课做准备
模块一:选址图层探测
约 20 分钟 · 通过热力图、交通图、集聚效应探索选址因素
1 常住人口密度热力图

打开左侧面板 1.1 市场图层组 下的 常住人口密度 开关

🗺️ 地图叠加红黄渐变热力图,蓝色盒马点位落在红色区域

📊 右下角出现热力图图例(红黄渐变 = 人口密度)

💬 右侧面板弹出"问题链1",引导讨论人口密度与门店分布的关系

学生端同步:学生也可自由开关"常住人口密度"图层,观察相同的热力图和问题链
建议让不同小组对比发言,讨论完毕后关闭开关
2 收入/房价热力图

打开 收入/房价热力 开关

🗺️ 地图变为绿色高亮(绿色渐变,与年轻白领紫色区分)

📊 图例自动更新为绿色渐变

💬 右侧面板弹出"问题链2":人均消费水平决定高端生鲜存活率

学生端同步:学生也可自由开关"收入/房价热力"图层
注意:三个热力图是互斥的,打开一个会自动关闭其他
3 年轻白领分布图

打开 年轻白领分布 开关

🗺️ 地图高亮中关村、西二旗、望京区块(紫色渐变)

📈 上方悬浮 ECharts 直方图,Y 轴显示百分比(如 30%)

💬 右侧面板弹出"问题链3":分析年轻白领消费痛点

学生端同步:学生也可自由开关"年轻白领分布"图层
4 路网与配送圈

打开 1.2 交通图层 下的 路网与配送圈 开关

🗺️ 地图自动缩放到海淀区世纪金源商圈,出现 A/B/C 三个点位和 3 公里配送圈

💬 右侧面板弹出"选址沙盘推演"任务

各小组讨论后,依次点击 A B C 按钮展示答案解析

学生端同步:学生也可自由开关"路网与配送圈"图层
5 集聚效应词条拖拽

打开 1.3 集聚图层 下的 集聚效应分析 开关

中央出现全屏拖拽实验室:上方 3 个分类桶(商家之利/顾客之便/集聚之困),底部 18 个词条卡片

教师端演示:将词条拖入对应分类桶 → 点击 提交评分 → 显示对错
学生端互动:
  • 点击 发布任务至学生端,学生端从探索模式自动切换为拖拽任务界面
  • 学生拖拽 18 个词条并提交评分
  • 点击 查看评分结果,查看各小组评分(3 秒自动刷新)
  • 点击 ⏹ 结束当前任务,学生端自动返回探索模式
模块二:思维导图小结
约 8 分钟 · 用平衡秤归纳选址因素
1 进入模块二

点击左侧导航 模块二:思维导图小结

中央显示"盒马选址平衡秤"动画

2 拖拽平衡秤

将底部 5 个词条拖到对应秤盘:

⚖️ 左侧"预估成本"放入:地租、交通物流、劳动力工资

⚖️ 右侧"预期营收"放入:市场规模/购买力、集聚引流效应

全部放完后天平产生摆动动画

3 点亮板书

点击左侧 点亮板书 按钮

✨ 平衡秤中央浮现金色公式:

最高利润 = 最高销售额 - 最低成本

服务业选址的本质就是寻找利润空间最大的空间平衡点!

4 学生端互动(可选)
  • 点击 发布任务至学生端,学生端从探索模式自动切换为思维导图拖拽界面
  • 学生将 5 个词条拖入对应秤盘并提交评分
  • 点击 查看评分结果,查看各小组评分
  • 点击 ⏹ 结束当前任务,学生端自动返回探索模式
如需重新演示,点击 重置平衡秤 按钮
模块三:危机应对中心
约 12 分钟 · 模拟盒马遭遇小象超市围剿的危机场景
1 进入模块三

点击左侧导航 模块三:危机应对中心

中央显示危机战情室仪表盘

2 触发危机 🚨

点击 触发危机 按钮

🎬 页面同时发生以下变化:

  • 背景切换为警告红色调
  • 左侧显示 ECharts 财务数据图表(营收柱状图 + 闭店数折线图)
  • 底部新闻跑马灯滚动播放商业快讯
  • 右侧危机地图上盒马蓝点被小象超市绿点包围
  • 地图左下角显示图例:蓝圈 = 盒马门店,绿圈 = 小象超市
学生端会自动从探索模式切换为"CEO破局策略提交"界面,无需手动操作
3 学生提交策略

学生端显示危机情境描述和策略输入框

学生在文本框中输入约 100 字破局策略(最多 150 字),点击 提交策略

提交成功后显示 ✓ 确认提示

等待至少 2 个小组提交后再进行下一步
4 打开后台大屏

点击 打开后台大屏 按钮

📺 中央弹出策略展示墙,显示各小组提交的策略

策略墙每 3 秒自动刷新,实时显示新提交的策略
5 抽取两组登台

点击 抽取两组登台 按钮

🎰 系统随机抽取 2 个小组,以卡片翻转动画展示

被抽中的小组上台路演讲解策略

6 AI 战略评估 🤖

点击 AI战略评估 按钮

🎬 屏幕出现"AI 正在进行大数据沙盘推演分析..."扫描特效

3-5 秒后显示评判结果:优胜组别、获胜原因、各组策略评语

如未配置 AI 接口,系统会自动降级为随机评判模式,结果中标注"随机评审(未配置AI)"
7 结束危机任务

点击 ⏹ 结束当前任务 按钮,学生端自动返回探索模式

结束后教师可关闭策略墙,总结课程要点
8 课后重置

课程结束后,点击左侧面板底部的 🔄 重置所有数据

清空所有策略、评分、任务状态,为下次课做准备

常见问题
遇到问题?先看看这里
学生端进入后是什么界面?

学生选择小组后,自动进入探索模式:左侧显示图层开关(常住人口密度、收入/房价热力、年轻白领分布、路网与配送圈),中央显示交互式地图,右侧显示问题链。学生在教师讲解时可以自由操作图层。当教师发布任务时,学生端会自动切换为对应任务界面;教师点击"⏹ 结束当前任务"后,学生端自动返回探索模式。

"⏹ 结束当前任务"按钮有什么作用?

点击"⏹ 结束当前任务"后,系统会将当前任务状态清空(current_task.mode 设为 null),学生端会自动从任务界面返回探索模式(地图+图层+问题链)。这个按钮适用于集聚效应、思维导图和危机应对三种任务的结束。

热力图打开后看不到图例?

热力图图例在地图右下角。如果看不到,请确认热力图开关确实处于开启状态。关闭所有热力图层后图例会自动隐藏。

为什么打开一个热力图后,之前的热力图消失了?

三个市场图层(常住人口密度、收入/房价、年轻白领分布)是互斥的,同一时间只能显示一个。这是为了让学生聚焦于单一维度分析。交通图层和集聚图层与市场图层也是互斥的。

学生提交策略后,教师端看不到?

请点击"打开后台大屏"按钮查看策略展示墙。策略墙每 3 秒自动刷新,新提交的策略会实时出现。

AI 评估显示"随机评审",不是真正的 AI 评判?

这说明服务器未配置硅基流动 API Key,或 API 调用失败。系统会自动降级为随机评判模式。如需启用真实 AI 评审,请在服务器上配置 config.json 中的 api_key 字段。

重置按钮点了一次没反应?

重置按钮采用双击确认机制:第一次点击后按钮变为红色警告"确认重置?再点一次",需要在 5 秒内再点一次才会执行重置。如果 5 秒内没有第二次点击,按钮会自动恢复原状。

学生可以用手机访问吗?

可以。学生端支持手机和平板访问,页面会自适应屏幕大小。建议使用 Chrome 或 Safari 浏览器。拖拽操作在手机上通过长按拖动实现。

上一节课的数据还在,怎么清空?

上课前点击左侧面板底部的"🔄 重置所有数据"按钮(双击确认),即可清空所有策略、评分、危机状态和任务状态。