ABSTRACTS OF ARTICLES OF THE JOURNAL "INFORMATION TECHNOLOGIES".
No. 3. Vol. 31. 2025

DOI: 10.17587/it.31.147-154

D. S. Filippov, Senior Programmer,
Russian University of Transport (MIIT), Moscow, 127994, Russian Federation

Methods for Adaptive Transformation of Hypertext Based Content on Indoor TV and Information Kiosks Located in Educational Institutions

Received on May 02, 2024
Accepted on June 22, 2024

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.
Keywords: cascading style sheets, CSS, CSS3, HTML, HTML5, hypertext, Digital Signage, adaptive layout, adaptive images

P. 147-154

Full text on eLIBRARY

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-abd-alhamed (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-the-responsive-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-ratios-for-video/ (accessed: 24.03.2024).

To the contents