【标题】 社会服务 社会公益 + 暨南大学顺德医院3D立体导航Demo
【正文】
0. 先和大家打个招呼吧 
-
**你是谁：**一名 大四学生
-
你是怎么用 TRAE 把 Demo 做出来的： 没有技术背景也没关系 —— 说说你和 TRAE「配合」的真实感受。比如：是怎么把脑子里的想法一句句讲给它听的？哪一步让你觉得「原来这么简单」？它帮你跨过了哪个原本以为搞不定的坎？
-
（我们相信，每个作品背后都有一个真实的人。这段不计入评分，但真诚的分享，会让你的作品更有温度、也更容易被看到
）
1. Demo 简介1. Demo 简介
是什么：一款基于Web端的3D立体医院导航系统（单页HTML应用），利用SVG矢量绘图技术还原医院内部环境，支持浏览器直接打开运行。
面向谁：前往暨南大学附属顺德医院就诊的患者、老年群体、残障人士，以及陪同家属和志愿者。
主要功能：
多楼栋3D可视化导航：覆盖门诊楼、住院楼、海骏达大楼、感染楼，支持跨楼栋（如门诊楼↔住院楼连廊）的路径规划。
适老化与陪诊双模式：一键切换“长辈模式”（大字体/高对比度/极简操作）和“陪诊模式”（模拟定位/防走偏预警/语音复读）。
AI智能陪诊助手：内置医疗语境AI，支持口语化查询（如“做B超要准备啥”），自动关联科室位置并播报注意事项。
2. Demo 创作思路
-
灵感来源：顺德医院（暨南大学附属顺德医院）院区大、科室分散，特别是海骏达大楼和感染楼的位置相对独立。我观察到很多老年患者因为找不到诊室而焦虑，甚至错过叫号，作为开发者希望能用技术降低就医门槛。
想解决的问题：解决患者在大型综合医院“找路难、问人多、流程乱”的痛点，特别是针对视力退化、行动不便人群的“数字鸿沟”问题。
为什么做这个方向：通用地图（如高德/百度）无法覆盖室内楼层细节和科室分布。利用TRAE快速生成前端交互代码，可以在短时间内构建一个专注于“院内最后100米”的高精度导航工具，社会价值明确
3. Demo 体验地址
- index.zip (28.6 KB)
4. TRAE 实践过程
清晰展示用 TRAE 完成 Demo 开发的完整流程；
-
CN.3383630639702122:5315e131c8db27cb0f60d94ea33bc61e_6a5496c760251adf410a6294.6a549741b91019ef80bf6ff6.6a549741ca3e3ae58f83e70c:TRAE Work CN.1.0.0.2036.a123f6c1-a35f-4f6e-99a3-8163f566cb77.no_ppe.T(2026/7/13 15:44:01)
-
CN.3383630639702122:96ad97f26437c6458a62362461ae62b6_6a5496c760251adf410a6294.6a5496c9b91019ef80bf6fab.6a5496c760251adf410a6295:TRAE Work CN.1.0.0.2036.a123f6c1-a35f-4f6e-99a3-8163f566cb77.no_ppe.T(2026/7/13 15:42:03)
-
CN.3383630639702122:5315e131c8db27cb0f60d94ea33bc61e_6a5496c760251adf410a6294.6a549754b91019ef80bf7005.6a549754b91019ef80bf7003:TRAE Work CN.1.0.0.2036.a123f6c1-a35f-4f6e-99a3-8163f566cb77.no_ppe.T(2026/7/13 15:44:20)
5. 对应的报名审核通过的帖子链接