信息显示屏的外观自定义
Omniscol的信息显示屏可以融入您学校的视觉形象。自定义分为两个层次:(1)界面内的设置(可满足大多数情形);(2)完整替换渲染显示屏的网页(适用于对视觉形象要求很高的部署)。
界面内的设置
在**课表模块中,点击信息显示屏**按钮,即可打开显示屏的配置界面。该界面提供以下渲染选项,无需改动代码即可修改:
- 字体尺寸——小、中或大。显示使用相对于窗口大小的单位(
vmin),因此无论屏幕是何种比例(16:9、4:3、竖屏),可读性都保持一致。 - 色彩——背景色、文字颜色,以及课时表格中奇数行和偶数行的颜色。支持所有十六进制颜色代码,您可以直接套用学校视觉规范的配色。
- 标题栏——按顺序组合:标题、标志、当前日期和时间。您可以选择标题栏中显示哪些内容及其顺序。
- 列——从教室、班级、教师、科目、课时时间中选择并排序。隐藏某一列(例如面向公众的入口显示屏隐藏教师列)或调整列的顺序,都能立即生效。
- 教师姓名格式——名+姓、姓+名、头衔+姓(王老师)、头衔+名。头衔会自动跟随界面语言;每块显示屏可设置的是所采用的格式。
- 标志——在学校配置中上传的学校标志可以显示在标题栏中。
这些设置保存在显示屏的配置中。请注意:课时和消息会自动刷新,而这些视觉选项(颜色、字体尺寸、列、标题栏、姓名格式)是在页面加载时嵌入的。保存之后,请重新加载屏幕上已打开的标签页(按F5,或重启展示模式页面),新的显示效果才会生效。
完整替换模板(MIT许可证)
渲染显示页面的模板明确采用MIT许可证,可以复制后修改,用于定制学校的显示屏。
对于希望超越界面设置的学校,这带来了几种方案:
- 完整的视觉重构——重写模板的HTML/CSS,以贴合鲜明的视觉规范(专有字体、特定动画、非标准版式)。
- 集成到现有的信息发布系统——把Omniscol显示屏的内容嵌入全局显示页面,与课时、天气、学校新闻、视频等内容一同轮播。
- 专门的业务视图——例如为监管人员(谁负责什么)或后勤部门(教室占用及设备需求)创建专用显示。
为此有两种互补的做法:
- 复制模板——如果您自行托管Omniscol,请复制
panel.dot,修改后部署您自己的版本。MIT许可证明确允许修改、再分发和商业使用。 - 显示屏的JSON API——如果您想继续以Omniscol作为数据源,而由第三方负责渲染显示,显示屏的URL还提供JSON版本(
GET /panels/:accesshash/lessons)。它返回按显示屏配置筛选后的课时列表,可直接供第三方信息发布系统(Yodeck、Xibo、ScreenCloud或自建看板)使用。该URL通过显示屏的访问密钥打开,无需额外的令牌。如需更广泛的系统间集成,Omniscol REST API的说明见Omniscol API。
实用建议
部署中经常遇到以下几点:
- 对比度——对于每天运行12小时的屏幕,深色背景配浅色文字比白色背景更护眼。
- 字体选“大”,只要屏幕是在2米以外阅读(典型如入口大厅)。教室门口的屏幕观看距离更近,保持“中”即可。
- 标题栏中的标志——当大型校园内有多块显示屏时,标志始终有助于快速识别。
- 标题栏中的日期——在大厅很有用(访客会核对日期),在教室门口则作用不大(情境一目了然)。
- 隐藏教师列——如果学校对公开显示姓名有内部规定,请在面向公众的显示屏上隐藏教师列。
操作步骤
让显示屏符合学校的视觉规范
-
两个层次的自定义:(1)界面内的设置(90%的情形足够);(2)视觉规范要求很高时,完整替换MIT模板。
-
打开显示屏的配置:在**课表模块中,点击信息显示屏**按钮。界面会显示渲染选项:颜色、字体尺寸、标题栏、列、姓名格式。
-
让颜色贴合学校规范:背景色、文字颜色、奇偶行颜色。支持十六进制颜色代码。对于每天运行12小时的屏幕,建议选择深色背景加浅色文字(更护眼)。
-
标题栏:选择标志、标题、日期的顺序。只要有多块显示屏,标志就很有用;日期在大厅有用,在教室门口可以省去。
-
列:从教室、班级、教师、科目、课时时间中选择并排序。对于校规禁止公开显示姓名的面向公众的入口显示屏,请隐藏教师列。
姓名格式(如保留):名+姓、姓+名、头衔+姓、头衔+名。
-
字体尺寸:在2米以外阅读时选大(大厅),教室门口(近距离观看)选中。使用相对的
vmin单位——无论屏幕比例如何,可读性都保持一致。 -
保存,然后重新加载屏幕。 这些视觉设置是在页面加载时嵌入的:请重新加载(F5)显示屏上已打开的标签页,新的显示效果才会生效。
进一步定制(完整重构、集成第三方信息发布系统Yodeck/Xibo/ScreenCloud):模板
panel.dot采用MIT许可证,允许复制修改。显示屏URL的JSON版本(GET /panels/:accesshash/lessons)提供可供外部系统直接使用的数据,需使用显示屏的访问密钥。更广泛的REST API请参见Omniscol API。