我的位置: 上观号 > 上海财经大学 > 文章详情

“机智”的TA们这样“跨界”!

转自:上海财经大学 2026-05-12 14:27:41

如果历史不再是书本上静止的文字

而是屏幕上可以互动的地图

是可以“推演”的游戏

会是怎样一番体验?

当严谨理性的代码遇上厚重的党史

会碰撞出怎样的火花?

SUFE

“红色代码”编程大赛

“学计算机的年轻人,能用他们的专业为红色历史的传播做点什么?”为迎接中国共产党成立105周年,计算机与人工智能学院的同学们在一场“红色代码”编程大赛中交出了一份特别的答卷。历时90多天,“机智学院”的他们把自己“关”进代码的世界,用一行行字符、一块块可视化地图、一段段智能交互设计,为红色历史注入了数字时代的生命力,让红色历史“活”了起来,将宏大的红色理想具象为可触、可视、可交互的数字现实。

食堂里的“第二会议室”:

从“吵”出创意到“爱”上校史

“高校页面排序上财放在全国高校里第一个?”“诗词上下间距再调小一点”……学校在第四食堂的一张方桌上,“征途记忆”小组从0到1,“吵”出了一套长征路线动态可视化系统。他们用一条“轻量化、高可用”的技术路线在地图上展示长征全貌,将各所高校在长征时期的贡献以时间线形式清晰呈现。

“我们想做点不一样的。”独立完成“高校长征路”模块的项目组长熊希婷、负责地图可视化流动的王欣雨、充当“后盾”的后端开发刘家旭、接入AI功能模块的丁德亮、担任UI设计师的田经纬,小组的每一个人都在不停的测试和调试代码中寻找最佳方案,“不只是展示地图,而是让用户真的能‘走’进去。”他们在地图上标注了长征的关键节点,用户点进去就能看到那段历史。而系统高校页面被保留在“首位”的上财,源于他们对学校最朴素的热爱——“我们最了解它的故事,也最想把它的历史讲好。”

项目基于大模型构建了专属的AI助手——“长征历史助手”,能记住用户问过什么,进行连贯对话,“就像有个懂历史的导游陪着你”。同时,团队借助百分比坐标算法,确保事件标记点在任意屏幕尺寸下都能精准落位,完美解决多端适配难题。

通过“可视化+智能化”,他们让历史变得可感可知。这种将AI技术应用于严肃历史教育的做法,既夯实了算法与后端开发的基础,又赋予了红色教育鲜明的时代特色。项目仍在持续迭代,可视化页面不断升级,新增的高校专题地图形成更沉浸的校史叙事,在开发“小游戏”板块中探寻代码和游戏在延续历史文化中的独特功能,项目经过不断打磨将呈现更优质、更生动的高校长征历史画卷。

一个人的“长征”:“独行侠”的成长

如果说团队作战是热火朝天,那么大一新生吴雨晗的“百年征程”项目,则是一场孤独而精彩的个人突围。

“刚开始其实挺慌的,”她笑着说,“没有队友可以商量,遇到问题只能自己查、自己想。”她要做的红色党史主题网站涵盖革命圣地、红色人物、毛主席语录、长征路线图、党史时间轴等多个模块,对于从未系统学过网页设计的她来说并非易事。面对空白的屏幕,她有过迷茫:在AI大行其道的今天,如果只会发指令而不懂底层逻辑,真的能做出好作品吗?

答案是:必须亲手做。

为了一个动态效果,她从零开始啃HTML和CSS;为了解决导航栏遮挡内容的痛点,她反复打磨代码逻辑。她发现,只有亲手敲过代码,才知道哪些符号代表标题,哪些参数决定美观。“很多人觉得现在有AI了,动动嘴就能生成代码,”她说,“但真正动手了才知道,如果没有基础知识储备,AI给的东西你根本不知道怎么改。花在‘指挥AI’上的时间,可能比你自己学会再做还要长。”

导航栏平滑滚动、语录每五秒随机刷新、卡片点击弹出详情……网站功能听起来不难,但对于一个从零开始的人来说,每一步都是硬骨头。“我不想要那种一看就是AI生成的‘平均脸’网站,我想要自己的风格。”最让她自豪的网站视觉设计——中国红配辉煌金,卡片悬停时微微上浮、边框泛起金色。

“代码不仅是冰冷的字符,它同样能化作传承红色记忆的温暖载体,致敬历史。”她想要让浏览者感受到,党史并非与我们隔着遥远的距离,而应当让人切切实实地看见它对我们的生活产生了哪些有益的影响,从中汲取了怎样的精神力量。

游戏里的“避坑”指南

——在Bug中学会脚踏实地

“我们主业是写bug,副业是修bug,但这次我们是真的想写一段能跑的历史。”蒋哲贤、张骁、柯梓杰、陈天麒四人组队的“红色党史”小组开发了“现代化党史沉浸式Web平台”与“国家发展阶段经营策略游戏”,将枯燥的文字堆砌转化为沉浸式的主动探索,利用Web 3.0技术打造了寓教于乐的认知闭环。

玩家要扮演国家建设者,面对“18亿亩耕地红线”“坚持自主创新”等真实政策做选择,每一步都会影响国家的发展轨迹。

“来测!这游戏我分分钟通关!”

“……那个,我大意了,再来一次。”

“嘶……别慌,容我演算一下……哎呀,好像有个数值填错了。”

原本以为简单的游戏开发,实际上充满了“陷阱”。张骁自嘲道:“一般来说我的代码运行得很完美……只要我不碰键盘、不碰鼠标、不盯着屏幕,不产生任何‘再改最后一处’的危险念头。”而蒋哲贤则经历了程序员的经典噩梦:“好消息是上次的Bug修好了,坏消息是……修出了一个新的Bug。”

正是在这一次次“测试一时勇,数值教做人”的循环中,他们学会了耐心。柯梓杰和陈天麒则在这些“崩溃”的边缘,一点点打磨最终的游戏。玩家在游戏里做的每一个选择都影响着国家的发展轨迹。他们想通过这种方式,让年轻人不只是“知道”历史,而是“感受”历史的重量。

用代码丈量两万五千里

——当“技术控”遇上“长征路”

如果说前面的同学是在讲故事,那么“红色长征交互地图组”则是在用代码“修路”。谢云天、王帅、袁明涛、李天资、王悦宇选择了做一张可以“玩”的地图,打造了一个直观、易用的长征历史学习平台,专注于如何让用户更顺畅地触达历史的核心。

对于热衷软件工程架构与算法逻辑的李天资来说,这次最大的挑战不是写代码,而是寻找“最优解”——“既要保证地图加载速度快,又要展示丰富的历史细节,这中间的取舍比解一道数学题难多了。”李天资回忆道。为了不让用户在浏览历史时感到卡顿,袁明涛在代码实现中反复打磨每一个技术细节,步步为营,优化体验,绝不放过任何一个可能导致“系统崩溃”的泥潭。

“以前觉得代码是冷的,这次感觉它是热的。”王悦宇说。他们之前写代码可能只是为了实现一个酷炫的功能,或者优化一个算法,但当他们把一个个红色的坐标点在地图上点亮,看着那条蜿蜒曲折的长征路线一点点延伸,仿佛自己也跟着走了一遍。谢云天感慨这次经历让他明白,手中的键盘不仅仅是娱乐的工具,更是连接过去与未来的桥梁。

没有花哨的技术堆砌,就是一张好用的地图。这恰恰是他们的理念:让用户自己当“历史探险家”,主动去点、去缩放、去发现。“我们不需要告诉用户所有东西,”王帅总结道,“让用户自己去探索,印象才深。”他们以代码为载体,将红色文化的精神内核与数字技术相结合,通过技术手段联通当下的生活,让革命故事在新时代焕发新的生机。

代码无言,精神有声

他们是相信红色精神值得被传承,相信技术可以为此做点什么的理想主义者,他们也是愿意为一个bug熬到凌晨两点,愿意从零学一门技术,愿意在食堂方桌上一遍遍讨论、一遍遍修改的务实主义者。比起评奖,他们更在意的是自己的作品能不能真的被用上。在夯实技术基础和提升团队协作能力的同时,深刻领悟到“科技报国”的使命感,力争在技术创新的道路上不断突破,肩负起青年一代以技术传承红色精神的责任与担当。比赛虽然结束了,但他们在代码世界里“重走长征路”的旅程,才刚刚开始。

来源 | 计算机与人工智能学院、党委宣传部

文 | 余未希

编辑 | 烟文雪  责编 | 依子贺

审核|曹东勃 连锲

SUFE ·栏目推荐

<<左右滑动查看栏目>>