ВІЗУАЛІЗАЦІЯ ДОРОЖНЬОЇ КАРТИ ВСТУПУ ДО ЗАКЛАДУ ВИЩОЇ ОСВІТИ НА ОСНОВІ ВЕБ-ТЕХНОЛОГІЙ

Abstract

Дорожня карта представляє інформацію у вигляді зрозумілої візуальної діаграми, яка допомагає зрозуміти як проєкт просувається до мети, на якому етапі зараз перебуває користувач. Основні етапи подають у вигляді геометричних фігур з відповідним текстовим наповненням. Послідовністю їх проходження задається різноманітними односторонніми стрілками або маркерами руху від одного етапу до іншого. Кожен етап може мати декілька станів у системі, котрі повинні мати свій, оригінальний стиль оформлення. Для візуалізації дорожньої карти проєкту можуть використовуватись різні види діаграм: Ганта, PERT, ієрархії процесів. Розглянуто програмну реалізацію дорожньої карти вступу до ЗВО на основі PERT-діаграми, за допомогою веб-технологій програмного стеку: HTML, CSS, Javascript. Визначено три способи організації відображення PERT-діаграми: блочний, табличний та SVG-графіка. Визначено етапи імплементації дорожньої карти на веб-сторінці сайту закладу вищої освіти: створення HTML-документа дорожньої карти; розробка стилів подання етапів відповідно їх стану візуального контролю користувачем; розроблено javascript-сценарій застосування стилів до етапів дорожньої карти на основі критичних параметрів. Визначено три стани етапів: очікування, активний, завершено. Розроблено css-стилі оформлення етапу, котрий перебуває у визначеному стані. Для автоматичного управління стилями етапів визначено параметри, які впливають на зміну станів, зокрема календарна дата та астрономічний час. Розроблено javascript-сценарій, який відповідає за накладання стилю етапу на основі критичного параметру зміни стану. Візуалізація дорожньої карти є одним із способів графічного подання інформації про розвиток об’єкту управління. Також вона сприяє синхронізації поведінки користувача, мобілізації його ресурсів на досягнення поставлених цілей.