Senior Programmer
ведущий программист
The article discusses the implementation of a system for displaying content in hypertext format on screens of different resolutions and orientations in relation to an educational institution, using both Smart TV (the built-in browser of modern TV) and a player connected to Digital Signage screens. In system design, the main emphasis (and, as a result, the key task) is on the absence of duplication of content for different types of output screens (including interactive touch kiosks), which is especially important because the implemented system will be built on free, open-source technologies and integrated into the current university website, which no other proprietary Digital Signage software system can offer. Compromise methods for displaying graphic images (related to different resolutions of graphic images and screen orientations) and video materials are considered and proposed based on the experience gained during testing of the system prototype. The basic principles of adaptation are also considered, in which content intended primarily for a university website can, without a third-party administrator (and also, in some cases, with minimal intervention) be displayed on corporate TV and touch interactive kiosks of universities thanks to the use of cascading style sheets (CSS), relative units (vh, vw, vmin, vmax) and tags introduced in HTML5.
Рассматривается реализация системы вывода контента в формате гипертекста на экраны разного разрешения и ориентаций применительно к образовательному учреждению с использованием как Smart TV (встроенного браузера современного телевизора), так и подключенного к экранам Digital Signage плеера. В проектировании системы основной упор делается на отсутствии дублирования контента для разных типов экранов вывода (включая интерактивные сенсорные киоски), что особенно актуально, поскольку реализованная система будет построена на свободных технологиях с открытым исходным кодом и интегрирована в текущий web-сайт вуза, чего не сможет предложить ни одна другая проприетарная программная система Digital Signage. Рассмотрены и предложены компромиссные методы вывода графических изображений (связанные с разным разрешением графических изображений и ориентацией экранов) и видеоматериалов на основе полученного опыта во время апробации прототипа системы. Также рассмотрены основные принципы адаптации, при которых контент, предназначенный, в первую очередь, для сайта вуза, может без стороннего администратора (а также, в некоторых случаях, с минимальным вмешательством) отображаться на корпоративных телевизорах и сенсорных интерактивных киосках вуза благодаря применению каскадных таблиц стилей (CSS), относительных единиц измерения (vh, vw, vmin, vmax) и тегов, введенных в HTML5.