ВІЗУАЛІЗАЦІЯ ДОРОЖНЬОЇ КАРТИ ВСТУПУ ДО ЗАКЛАДУ ВИЩОЇ ОСВІТИ НА ОСНОВІ ВЕБ-ТЕХНОЛОГІЙ
DOI:
https://doi.org/10.32782/tnv-tech.2023.6.3Ключові слова:
дорожня карта, javascript-сценарій, візуалізація, PERT-діаграма, програмуванняАнотація
Дорожня карта представляє інформацію у вигляді зрозумілої візуальної діаграми, яка допомагає зрозуміти як проєкт просувається до мети, на якому етапі зараз перебуває користувач. Основні етапи подають у вигляді геометричних фігур з відповідним текстовим наповненням. Послідовністю їх проходження задається різноманітними односторонніми стрілками або маркерами руху від одного етапу до іншого. Кожен етап може мати декілька станів у системі, котрі повинні мати свій, оригінальний стиль оформлення. Для візуалізації дорожньої карти проєкту можуть використовуватись різні види діаграм: Ганта, PERT, ієрархії процесів. Розглянуто програмну реалізацію дорожньої карти вступу до ЗВО на основі PERT-діаграми, за допомогою веб-технологій програмного стеку: HTML, CSS, Javascript. Визначено три способи організації відображення PERT-діаграми: блочний, табличний та SVG-графіка. Визначено етапи імплементації дорожньої карти на веб-сторінці сайту закладу вищої освіти: створення HTML-документа дорожньої карти; розробка стилів подання етапів відповідно їх стану візуального контролю користувачем; розроблено javascript-сценарій застосування стилів до етапів дорожньої карти на основі критичних параметрів. Визначено три стани етапів: очікування, активний, завершено. Розроблено css-стилі оформлення етапу, котрий перебуває у визначеному стані. Для автоматичного управління стилями етапів визначено параметри, які впливають на зміну станів, зокрема календарна дата та астрономічний час. Розроблено javascript-сценарій, який відповідає за накладання стилю етапу на основі критичного параметру зміни стану. Візуалізація дорожньої карти є одним із способів графічного подання інформації про розвиток об’єкту управління. Також вона сприяє синхронізації поведінки користувача, мобілізації його ресурсів на досягнення поставлених цілей.
Посилання
Полянська А.С., Мажак А.П. Дорожня карта формування компетенцій сучасного менеджера. «Молодий вчений». № 5 (57) травень, 2018 р. С. 310–316.
Ярмош О.В. Розробка дорожньої карти інноваційного проекту як інструмент стратегічного менеджменту / О. В. Ярмош // Вісник Хмельницького національного університету. Економічні науки. 2014. № 6(1). С. 149–152.
Качурівський В., Ковалик Я. HTML структура для візуалізації етапів дорожньої карти процесу. Сталий розвиток аграрної сфери: інженерно-економічне забезпечення, матеріали VI Міжнародної науково-практичної конференції, присвячені 125-річчю НУБіП України. Запоріжжя: ФОП Однорог Т.В., 2023. С. 210–212.
Великодний С. С., Бурлаченко Ж. В., Зайцева-Великодна С. С. Розробка архітектури програмного засобу для управління мережевим плануванням реінжинірингу програмного проекту. Сучасний стан наукових досліджень та технологій в промисловості. Харків, 2019. №2(8). С. 25–35.
Правила прийому на навчання до Відокремленого підрозділу Національного університету біоресурсів та природокористування України «Бережанський агротехнічний інститут» на 2023 рік. URL: https://www.bati.nubip.edu.ua/images/ABIT/RULES_bati_2023.pdf (дата звернення: 20.12.2023)
Using data attributes. URL: https://developer.mozilla.org/en/docs/Learn/HTML/Howto/Use_data_attributes. (дата звернення: 07.04.2023)
