Methods for adaptive transformation of hypertext based content on indoor TV and information kiosks located in educational institutions

Cover Page

Cite item

Full Text

Open Access Open Access
Restricted Access Access granted
Restricted Access Subscription or Fee Access

Abstract

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.

About the authors

D. S. Filippov

Russian University of Transport (MIIT)

Author for correspondence.
Email: dsfilippov@ui-miit.ru

Senior Programmer

Russian Federation, Moscow

References

  1. Roodsari В. P. Web-based digital signage design and implementation for food and beverage industry (Bachelor’s Thesis), 2021, available at: https://www.theseus.fi/bitstream/handle/10024/501814/Web-Based Digital Signage For Food And Beverage Industry-Babak Roodsari.pdf (accessed: 23.12.2023).
  2. Sagiadinos N. How to create Responsive Digital Signage Content, SMIL Control, 2020, available at: https://smil-control.com/responsive-digital-signage/ (accessed: 18.01.2024).
  3. Abd ALhamed N. Unveiling the Magic: How css works behind the scene, 2023, available at: https://www.linkedin.com/pulse/unveiling-magic-how-css-works-behind-scene-nader-abdalhamed (accessed: 10.03.2024).
  4. Coyier C. А Guide to the Responsive Images Syntax in HTML, 2020, available at: https://css-tricks.com/a-guide-to-theresponsive-images-syntax-in-html/ (accessed: 18.01.2024).
  5. Fitzgerald А. Here’s the Difference Between Flexbox, CSS Grid & Bootstrap, 2022, available at: https://blog.hubspot.com/website/css-grid-vs-flexbox (accessed: 10.03.2024).
  6. Koblentz T. J. Creating Intrinsic Ratios for Video, 2009, available at: https://alistapart.com/article/creating-intrinsic-ratiosfor-video/ (accessed: 24.03.2024).

Supplementary files

Supplementary Files
Action
1. JATS XML

Copyright (c) 2025 Informacionnye Tehnologii



СМИ зарегистрировано Федеральной службой по надзору в сфере связи, информационных технологий и массовых коммуникаций (Роскомнадзор).
Регистрационный номер и дата принятия решения о регистрации СМИ: серия ПИ № 77 - 15565 от 02 июня 2003 г.