幕后故事 | 为苏大庆生，我们准备了一年

精彩推荐

为庆祝母校百廿华诞

我们为大家送上了两个小福利

亲手制作独一无二的校庆专属头像

在校友地图上点亮一颗颗烂漫的小星星

点击右侧按钮进入小程序相关推文哦！

在这可爱又充满创意的小程序背后

是怎样的故事呢？

跟随大苏一起来看看吧！

2018年5月18日，于存菊堂举行的双甲子校庆启动仪式（苏州大学118周年校庆）是梦的开始。当时，苏州大学新媒体中心校庆小程序团队希望能在2020年毕业时，为母校送上一份自己制作的礼物。经过“头脑风暴”，决定制作校庆头像和校友地图。

2019年初，团队主创用一周时间制作完成了校庆头像小程序的初步构架，而校友地图在当时因技术条件有限被搁置。

到了2020年，团队开始做最后的完善和准备工作。疫情期间，大家为校庆头像小程序设计了更加美观的界面，并添加了AI审查机制。在数据可视化服务的基础上对校友地图H5再次进行尝试，期间还因为部分手机不兼容的问题，将底层代码推翻重写。最终耗费一个月的时间，完成了校友地图的开发。

最初构造的校庆头像小程序

校庆头像

No.1

120th Soochow University

设计者：别出心裁

13款头像边框共分为三个系列，即“校庆标志”系列、“我爱苏大”系列和“校园建筑”系列。

在“校庆标志”系列中，四款头像用简单明了的符号直观清晰地表达了120周年校庆的主题，其设计元素取自于2019年举办的校庆标识征集大赛中的获奖作品，边框上那圈“钟楼红”的色彩一定深入你心。

而“我爱苏大”系列中清新可爱的画风则成为这次校庆头像的特色之一：饱含祝福的粉色蛋糕、点缀秋色的金黄银杏、热烈真切的“我爱苏大”、恣肆盛开的粉嫩樱花——这都是校园里和同学们心中极具代表性的元素，配之明亮活泼的色彩，一股青春蓬勃之气扑面而来，叫人如何不喜欢呢。

“校园建筑”系列共有五款，是三个系列中相对更耗时间的。设计者用刻画入微的丹青妙笔将东吴门、钟楼、炳麟图书馆、理工实验大楼、阳澄湖图书馆五座标志建筑尽展眼前，简约而不失大气，庄重又不显单调，换上它们，好像“秒回”到了熟悉的校园。

向左滑动查看头像设计

编辑者：锦上添花

如果将对小程序的编写和设计比喻为给艺术品雕琢和着色的过程，那么推送的排版编辑就是最后一步上光。

为了使大家对制作头像更感兴趣，编辑者需要从三四十张人物照片中选取和边框最融洽的图片。对于浏览者来说，这些照片也许只在眼里停留一秒不到，但若这一秒是舒适和具备吸引力的，便是“添花”的一步。此外，编辑者还需要思考如何使引导更加简洁明了，在这些看起来不起眼的步骤上，大家下足了功夫。

测试者们：精益求精

相比于初始构建时对功能实现的要求，后程根据实际使用情况对程序特性及细节的优化和丰富会更加困难，这比单纯的搭建要耗费更多的时间和精力。

除了缓存功能的设置，还需要对组件的对齐、预览的实现方式等诸如此类的细节进行完善和丰富。小程序走向更好的过程，离不开背后共同出谋划策的测试团队，大家一起构建出理想中最好状态的校庆头像小程序。

测试同学反馈测试情况

严格的图片审查模式

截至目前，小程序后台显示已筛选掉3062张不允许上传的图片。

虽然存在一定的误报率，会一定程度上影响部分人群对小程序的体验，但为了防止滥用，团队最终还是选择了采用最严格的AI审查机制。

校友地图

No.2

120th Soochow University

自动调整大小的圆点

在初版地图上，无论地图的比例尺如何调整，屏幕上显示的圆点大小都是不变的。随着点亮地图的校友增多，问题产生了——在校友分布比较密集的江浙沪地区，会呈现为一块色彩“面”，而非星星一样的“点”。

最终地图（日间版）

为了解决这个问题，编程同学想出一个办法：根据地图上点亮的圆点总数来动态调整圆点的大小，使圆点不断根据数据变化自动调整，形成合适比例，于是便有了现在这样的“璀璨星河”。

最终地图（夜间版）

隐私保护问题

 能不能用自己喜欢的颜色点亮图标？

地理位置是个人敏感信息，而校友地图需要上传校友们的位置，于是出于对校友隐私安全保护的考虑，团队并没有采用每个人可以点亮属于自己不同颜色亮点的设计方案。

 能不能通过地图认识身边的校友？

点亮自己的位置之后，突然发现身边有个挨得很近的小圆点，你是不是按捺不住想去认识这位校友的心情？校友地图能不能帮这个忙呢？抱歉，很遗憾，你们只能靠“缘分”去偶遇对方啦！因为，其实团队他们自己也不知道该如何联系。

“保护校友隐私最好的办法就是不获取校友的隐私信息。”团队主创如是说。

其实大家可以发现，校友地图H5除了申请获得地理位置权限，并没有提出其它权限要求。数据库里只有坐标点，没有任何能够识别用户身份的信息。

发布前后紧张的值守

校友地图H5真正困难的时刻在于发布上线之后，因为此刻的服务器会突然迎接大量数据的访问。上线当天，团队成员就一直在服务器后台值守。

发布前的通知

上线后二十分钟，数据访问来到高峰期，这时出现了预料之外的事——几千次或白屏或报错的“访问失败”。

排除服务器的负载问题之后，后台运维同学发现防火墙自动屏蔽了一个IP，由于学校服务器环境特殊，所有人访问H5的IP地址都相同，所以防火墙错误地将所有访问都进行了拦截。于是运维同学迅速修改防火墙规则，H5继而得以正常访问。

团队同学值守在H5后台

拦截的300秒，于我们而言不过一瞬，而对于H5团队而言，却是极大挑战之一。

校友地图H5当日访问量：143527人次

后

记

聊起制作过程时，团队同学更多呈现出的是轻松：“没什么难的，只需要有对苏大的爱。”

在繁杂而琐碎工作面前，只需要爱。

制作出苏州大学120周年校庆头像和校友地图是作为毕业生的他们的心愿之一，这既是他们送给母校、送给老师和校友们的礼物，也是他们送给自己的礼物。

参与制作和测试的学生：陈昊、王心恬、吴天宇、李艳艳、李爱玲、吕宛庭、周俊崧、徐静、杨紫微、张之钰、严玉龙、马梦寒、陈李雅倩、吴春雨、鹿天越、李怡、白宇峤、于飞鸿、李明霖、沈晨跃、李媛媛、吴叶音、郝婕、郭怡宁、李怡晓、程懿龙、张天成、杨倩、弓菊、林陈心子、严明轩、顾徐雨等。

小程序制作“征途”坎坷曲折

事后叙述时却不过风轻云淡

一切并不难

有爱，足矣

苏州大学新媒体中心

文字：李怡、李劲哲

图片：陈昊

视频：李艳艳、吴天宇

编辑：李怡、李爱玲

 为苏大学子点赞↓↓↓