信息显示屏的外观自定义

Omniscol的信息显示屏可以融入您学校的视觉形象。自定义分为两个层次:(1)界面内的设置(可满足大多数情形);(2)完整替换渲染显示屏的网页(适用于对视觉形象要求很高的部署)。

界面内的设置

在**课表模块中,点击信息显示屏**按钮,即可打开显示屏的配置界面。该界面提供以下渲染选项,无需改动代码即可修改:

  • 字体尺寸——小、中或大。显示使用相对于窗口大小的单位(vmin),因此无论屏幕是何种比例(16:9、4:3、竖屏),可读性都保持一致。
  • 色彩——背景色、文字颜色,以及课时表格中奇数行和偶数行的颜色。支持所有十六进制颜色代码,您可以直接套用学校视觉规范的配色。
  • 标题栏——按顺序组合:标题、标志、当前日期和时间。您可以选择标题栏中显示哪些内容及其顺序。
  • 列——从教室、班级、教师、科目、课时时间中选择并排序。隐藏某一列(例如面向公众的入口显示屏隐藏教师列)或调整列的顺序,都能立即生效。
  • 教师姓名格式——名+姓、姓+名、头衔+姓(王老师)、头衔+名。头衔会自动跟随界面语言;每块显示屏可设置的是所采用的格式。
  • 标志——在学校配置中上传的学校标志可以显示在标题栏中。

这些设置保存在显示屏的配置中。请注意:课时和消息会自动刷新,而这些视觉选项(颜色、字体尺寸、列、标题栏、姓名格式)是在页面加载时嵌入的。保存之后,请重新加载屏幕上已打开的标签页(按F5,或重启展示模式页面),新的显示效果才会生效。

完整替换模板(MIT许可证)

渲染显示页面的模板明确采用MIT许可证,可以复制后修改,用于定制学校的显示屏。

对于希望超越界面设置的学校,这带来了几种方案:

  • 完整的视觉重构——重写模板的HTML/CSS,以贴合鲜明的视觉规范(专有字体、特定动画、非标准版式)。
  • 集成到现有的信息发布系统——把Omniscol显示屏的内容嵌入全局显示页面,与课时、天气、学校新闻、视频等内容一同轮播。
  • 专门的业务视图——例如为监管人员(谁负责什么)或后勤部门(教室占用及设备需求)创建专用显示。

为此有两种互补的做法:

  1. 复制模板——如果您自行托管Omniscol,请复制panel.dot,修改后部署您自己的版本。MIT许可证明确允许修改、再分发和商业使用。
  2. 显示屏的JSON API——如果您想继续以Omniscol作为数据源,而由第三方负责渲染显示,显示屏的URL还提供JSON版本(GET /panels/:accesshash/lessons)。它返回按显示屏配置筛选后的课时列表,可直接供第三方信息发布系统(Yodeck、Xibo、ScreenCloud或自建看板)使用。该URL通过显示屏的访问密钥打开,无需额外的令牌。如需更广泛的系统间集成,Omniscol REST API的说明见Omniscol API。

实用建议

部署中经常遇到以下几点:

  • 对比度——对于每天运行12小时的屏幕,深色背景配浅色文字比白色背景更护眼。
  • 字体选“大”,只要屏幕是在2米以外阅读(典型如入口大厅)。教室门口的屏幕观看距离更近,保持“中”即可。
  • 标题栏中的标志——当大型校园内有多块显示屏时,标志始终有助于快速识别。
  • 标题栏中的日期——在大厅很有用(访客会核对日期),在教室门口则作用不大(情境一目了然)。
  • 隐藏教师列——如果学校对公开显示姓名有内部规定,请在面向公众的显示屏上隐藏教师列。

操作步骤

让显示屏符合学校的视觉规范

  1. 两个层次的自定义:(1)界面内的设置(90%的情形足够);(2)视觉规范要求很高时,完整替换MIT模板。

  2. 打开显示屏的配置:在**课表模块中,点击信息显示屏**按钮。界面会显示渲染选项:颜色、字体尺寸、标题栏、列、姓名格式。

  3. 让颜色贴合学校规范:背景色、文字颜色、奇偶行颜色。支持十六进制颜色代码。对于每天运行12小时的屏幕,建议选择深色背景加浅色文字(更护眼)。

  4. 标题栏:选择标志、标题、日期的顺序。只要有多块显示屏,标志就很有用;日期在大厅有用,在教室门口可以省去。

  5. 列:从教室、班级、教师、科目、课时时间中选择并排序。对于校规禁止公开显示姓名的面向公众的入口显示屏,请隐藏教师列。

    姓名格式(如保留):名+姓、姓+名、头衔+姓、头衔+名。

  6. 字体尺寸:在2米以外阅读时选大(大厅),教室门口(近距离观看)选中。使用相对的vmin单位——无论屏幕比例如何,可读性都保持一致。

  7. 保存,然后重新加载屏幕。 这些视觉设置是在页面加载时嵌入的:请重新加载(F5)显示屏上已打开的标签页,新的显示效果才会生效。

    进一步定制(完整重构、集成第三方信息发布系统Yodeck/Xibo/ScreenCloud):模板panel.dot采用MIT许可证,允许复制修改。显示屏URL的JSON版本(GET /panels/:accesshash/lessons)提供可供外部系统直接使用的数据,需使用显示屏的访问密钥。更广泛的REST API请参见Omniscol API。

另请参阅