| dc.contributor.author | Бусигіна, В. П. | uk |
| dc.contributor.author | Богач, І. В. | uk |
| dc.contributor.author | Busyhina, V. P. | en |
| dc.contributor.author | Bogach, I. V. | en |
| dc.date.accessioned | 2026-09-03T10:04:37Z | |
| dc.date.available | 2026-09-03T10:04:37Z | |
| dc.date.issued | 2026 | |
| dc.identifier.citation | Бусигіна В. П., Богач І. В. Методи та засоби конвертації документів LaTeX в адаптивний контент HTML5 для вебсистем // Матеріали Міжнародної науково-практичної інтернет-конференції «Молодь в науці: дослідження, проблеми, перспективи (МН-2026)», м. Вінниця, 22-26 червня 2026 р. Електрон. текст. дані. 2026. URI: https://conferences.vntu.edu.ua/index.php/mn/mn2026/paper/view/27220. | uk |
| dc.identifier.uri | https://ir.lib.vntu.edu.ua/handle/123456789/52614 | |
| dc.description.abstract | В роботі розглядається сучасні підходи до перетворення документів, підготовлених у системі верстки | uk |
| dc.description.abstract | This work examines modern approaches to converting documents prepared in the LaTeX typesetting system into | en |
| dc.language.iso | uk_UA | uk_UA |
| dc.publisher | ВНТУ | uk |
| dc.relation.ispartof | Матеріали Міжнародної науково-практичної інтернет-конференції «Молодь в науці: дослідження, проблеми, перспективи (МН-2026)», м. Вінниця, 22-26 червня 2026 р. | uk |
| dc.relation.uri | https://conferences.vntu.edu.ua/index.php/mn/mn2026/paper/view/27220 | |
| dc.subject | LaTeX | en |
| dc.subject | KaTeX | en |
| dc.subject | LaTeXML | en |
| dc.subject | Pandoc | en |
| dc.subject | MathML | en |
| dc.subject | HTML5 | en |
| dc.subject | вебсистема | uk |
| dc.subject | LaTeX | en |
| dc.subject | KaTeX | en |
| dc.subject | LaTeXML | en |
| dc.subject | Pandoc | en |
| dc.subject | MathML | en |
| dc.subject | HTML5 | en |
| dc.subject | websystem | en |
| dc.title | Методи та засоби конвертації документів LaTeX в адаптивний контент HTML5 для вебсистем | uk |
| dc.type | Thesis | |
| dc.identifier.udc | 004.421.2 | |
| dc.relation.references | для генерації HTML5-контенту є актуальним вирішенням цієї проблеми. Результати досліджень Для ефективного відображення наукового контенту у вебсередовищі необхідно здійснювати перетворення вихідних LaTeX-файлів у формати, сумісні зі стандартами W3C, зокрема HTML5 та MathML. Основним викликом при такому переході є збереження складної ієрархічної структури документа та математичної точності[1]. Одним із найпоширеніших засобів розв'язання цієї задачі є модульний JavaScript-рушій, що забезпечує високоякісну типографіку в усіх сучасних браузерах – MathJax [2]. Завдяки використанню векторних шрифтів та SVG-графіки, MathJax дозволяє математичним виразам залишатися чіткими при будь-якому рівні масштабування сторінки, що є важливим для мобільних пристроїв [2]. Його важливою перевагою є здатність обробляти макроси користувача, що дозволяє переносити складні авторські конструкції безпосередньо у вебконтент. Для високонавантажених вебсистем та платформ із великим обсягом даних, де важливим фактором є швидкість відгуку інтерфейсу, доцільно використовувати бібліотеку KaTeX. На відміну від інших рішень, KaTeX виконує рендеринг синхронно, що запобігає «стрибкам» контенту під час завантаження сторінки [7]. Застосування технології серверного рендерингу (SSR) у поєднанні з Node.js дозволяє передавати клієнту вже сформовану HTML-розмітку, що значно прискорює та покращує SEO-оптимізацію наукових ресурсів. Це робить KaTeX ідеальним вибором для освітніх онлайнплатформ та інтерактивних підручників. Глибокий семантичний аналіз документа реалізовується в системі LaTeXML, яка була розроблена як засіб подолання труднощів при перетворенні документів із презентаційно-орієнтованого формату LaTeX у контентно-орієнтований XML для вебпредставлення. Цей інструмент не просто копіює зовнішній вигляд, а намагається відтворити логічну структуру документа через проміжну XML-схему, що дозволяє зберігати семантичні та презентаційні підказки [6]. Такий підхід дозволяє створювати «розумні» документи, де математичні формули не лише візуалізуються, а й піддаються граматичному аналізу за допомогою парсера, який виводить структуру виразів. Внутрішнє представлення XMath дозволяє зберігати паралельну розмітку: презентаційний MathML для відображення та контентний MathML або OpenMath для подальших обчислень у системах комп’ютерної алгебри [3]. Універсальність та потужність інструменту Pandoc у конвертації наукових документів базується на його унікальній архітектурі, в центрі якої лежить абстрактне синтаксичне дерево (AST). На відміну від простих конвертерів, які лише замінюють одні теги іншими, Pandoc спочатку повністю розбирає вихідний LaTeX-код і будує його логічну модель у пам'яті, що не залежить від кінцевого формату [5]. Це дозволяє програмі «розуміти» структуру документа: де знаходиться математична формула, де таблиця, а де посилання на літературу. Завдяки такому підходу процес трансформації в HTML5 стає інтелектуальним, оскільки розробник може втручатися в структуру документа на етапі його перебудови, наприклад, автоматично змінюючи рівні заголовків або додаючи специфічні класи для адаптивного дизайну. Особливу роль відіграє вбудована система фільтрів та підтримка механізму citeproc, який автоматизує роботу з бібліографічними даними [4]. У середовищі LaTeX цитування зазвичай керуються через BibTeX, що є досить специфічним для наукового ПЗ, проте Pandoc здатний перетворити ці записи на стандартні вебелементи. Під час генерації HTML5-контенту програма автоматично створює зв'язки між текстом і списком літератури, перетворюючи статичні текстові посилання на інтерактивні внутрішні гіперпосилання. Це докорінно змінює досвід користувача, адже лінійний документ перетворюється на повноцінну гіпертекстову систему, де читач може миттєво перейти до джерела або змісту[5]. Додатковим фактором успіху адаптивної візуалізації є впровадження стандарту MathML Core. Сучасні браузери, такі як Chrome, Firefox, Safari тепер нативно підтримують відображення математики, що дозволяє значно зменшити обсяг JavaScript-коду, який завантажується на пристрій користувача [3]. Комбінація семантичного HTML5, адаптивних CSS-сіток (Grid та Flexbox) та MathML дозволяє науковим статтям автоматично перегруповувати контент. Наприклад, двоколонкові макети журналів трансформуються в одну колонку на смартфонах без втрати читабельності формул чи таблиць [3]. Таким чином, перехід від власницьких та статичних форматів до відкритого вебу на основі LaTeX стає ключовим етапом у забезпеченні глобальної доступності наукових знань. Висновки В результаті дослідження методів та засобів конвертації документів LaTeX в адаптивний HTML5контент було зроблено висновок, що перехід від статичного формату PDF до гнучких вебстандартів є необхідним кроком для сучасної наукової документації. Аналіз показав, що вибір інструментів безпосередньо залежить від технічних вимог до кінцевої системи, де MathJax забезпечує найвищу якість типографіки для складних авторських макросів, тоді як KaTeX виступає незамінним рішенням для високонавантажених платформ завдяки синхронному рендерингу та відсутності візуальних стрибків контенту. Паралельно з цим система LaTeXML дозволяє здійснювати глибокий семантичний аналіз і зберігати логіку документа для подальших обчислень, а архітектура Pandoc на основі абстрактного синтаксичного дерева трансформує лінійні тексти у складні гіпертекстові середовища з інтерактивною бібліографією. Впровадження стандарту MathML Core у поєднанні з адаптивними можливостями HTML5 та сучасними методами верстки дозволяє не лише адаптувати науковий контент до будь-яких пристроїв, а й створити інклюзивне середовище, доступне для людей із порушеннями зору. Таким чином, комплексна цифрова трансформація наукових документів на основі LaTeX забезпечує інтерактивність та глобальну доступність академічних знань у сучасному інформаційному просторі. СПИСОК ВИКОРИСТАНОЇ ЛІТЕРАТУРИ | uk |
| dc.relation.references | Math Tools. [Електронний ресурс] – Режим доступу: https://www.w3.org/wiki/Math_Tools (дата звернення: 07.01.2026). | uk |
| dc.relation.references | MathJax. [Електронний ресурс] – Режим доступу: https://www.mathjax.org/ (дата звернення: 07.01.2026). | uk |
| dc.relation.references | MathML. [Електронний ресурс] – Режим доступу: https://developer.mozilla.org/en-US/docs/Web/MathML (дата звернення: 07.01.2026). | uk |
| dc.relation.references | Pandoc filters. [Електронний ресурс] – Режим доступу: https://pandoc.org/filters.html (дата звернення: 07.01.2026). | uk |
| dc.relation.references | Pandoc User’s Guide. [Електронний ресурс] – Режим доступу: https://pandoc.org/MANUAL.html (дата звернення: 07.01.2026). | uk |
| dc.relation.references | LaTeXML The Manual. [Електронний ресурс] – Режим доступу: https://math.nist.gov/~BMiller/LaTeXML/manual.pdf (дата звернення: 07.01.2026). 7. KaTeX. The fastest math typesetting library for the web. [Електронний ресурс] – Режим доступу: https://katex.org/ звернення: 07.01.2026). (дата | uk |
