РУС ENG

ВИЗУАЛИЗАЦИЯ ПРОИЗВОДСТВЕННО-ТЕХНОЛОГИЧЕСКИХ ПРОЦЕССОВ МОРСКОГО ПОРТА

О журнале

Новости
Цели и сфера
Основатель и издатель
Редакционная коллегия
Условия лицензирования
Конфиденциальность
Отношение к плагиату
Публикационная этика
Политика архивирования
Подписка


Для авторов

Инструкции для авторов
Процесс рецензирования
Авторские права
Договор о передаче прав
Редакционные сборы


Архив

Все выпуски
Поиск


Контакты

Контакты


Левашов А. А. – младший научный сотрудник, ФГБ НУ “Институт проблем искусственного интеллекта”, 283048, Донецк, ул. Артема, 118б. Область научных интересов: визуализация данных, нейронные сети.

Гаркуша Д. А. – младший научный сотрудник, ФГБ НУ “Институт проблем искусственного интеллекта”, 283048, Донецк, ул. Артема, 118б. Область научных интересов: базы знаний, цифровые двойники, нейронные сети.

УДК: 004.921
DOI: 10.24412/2413-7383-2025-3-38-158-171
Язык: Русский

Аннотация: В статье предложены требования, ориентированные на задачи оптимизации ресурсов и ускорения принятия решений на оперативном, тактическом и стратегическом уровнях управления морским портом. Сформулированы требования к отображению статистической и динамической информации, интерактивности, производительности, интеграции и пользо-вательского опыта (UX). Проведен сравнительный анализ веб-технологий для интерактивной 2D-графики. Обоснован выбор стека технологий React, Redux и Konva.js для реализации установленных требований. Представлены принципы реализации ключевых функций, включая drag-and-drop для ручного планирования размещения объектов. Результаты работы подтверждают эффективность предложенного метода и выбранного инструментария для создания масштабируемых, производительных и интерактивных систем веб-визуализации, для повышения управляемости и логистической эффективности морских портов.

Ключевые слова: веб-визуализация, морской порт, производственно-технологические процессы, интерактивность, drag-and-drop, React.js, Redux, Konva.js, оптимизация логистики

Список литературы

  1. Масюк Н.Н. Блюдик А.Р. Современные тенденции цифровой трансформации в морской области. Естественно-гуманитарные исследования. 2022. № 44(6). С. 203-207.
  2. Волынский И.А. Механизмы и инструменты управления развитием логистической инфраструктуры морских портов. Вестник АГТУ. 2022. №1. С. 78-83. 5Л Левашов А. А. Гаркуша Д. А.
  3. Румянцев В.В. О роли информационных технологий в развитии цивилизации. Проблемы искусственного интеллекта. 2021. №4(23). С.59-64.
  4. Киселев А.О. Проблемы интеграции SCADA-систем c AS/RS на производствах. Международный научный журнал «Вестник науки». 2025. №4(85). С. 788–893.
  5. Ехлаков Ю.П. Жуковский О.И. Сенченко П.В. Гриценко Ю.Б. Милихин М.М. Базовые принципы разработки веб-ориентированных информационных систем управления инфраструктурой социально- экономических и технических процессов. Доклады ТУСУРа. 2017. №2. С. 63-67.
  6. Анцыферов С.С. Фазилова К.Н. Русанов К.Е. Интеллектуальные системы управления техно- логическими процессами. Проблемы искусственного интеллекта. 2024. №2(33). С.37-44.
  7. Романова И.К. Современные методы визуализации многомерных данных: анализ, классификация, реализация, приложения в технических системах. Наука и образование. МГТУ им. Н.Э. Баумана. 2016. №3. С. 133-167.
  8. Калмакова Н.А. Уровни управления сбалансированным развитием промышленных предприятий на принципах самоорганизации. Региональная экономика: теория и практика. 2015. №27. С. 24-35.
  9. Волынский И.А. Понятие, виды и особенности формирования потоковых процессов морского порта. Вестник АГТУ. 2020. №3. С. 71-78.
  10. Ганин М.А. Лобанов Е.М. Организация и технология перегрузочных процессов в морских портах. СПб: Морсар, 2020.
  11. Гаркуша Д.А. Метод наполнения и обработки базы знаний в задаче построения цифрового двойника. ДМКС 2025.
  12. Луков Д.К. Автоматизированные системы управления технологическим процессом (АСУ ТП). European science №2(44). С. 19-21.
  13. Шевченко А.М. Дыда А.А. Анализ реализации агентного подхода и особенности имитационного моделирования морского порта в среде AnyLogic. Computational Nanotechnology. 2024. №4. С. 135- 145.
  14. Прокопенко Е.В. Сарапулов а Т.В. Разработка Web -приложений для поддержки стратегического управления. Вестник Кузбасского государственного технологического университета. 2011. С. 114-116.
  15. Пчелкин А.Ю. Гусарова Н.Ф. Кроссплатформенная разработка на базе веб-технологий для поддержки решений в проблемно-ориентированных системах управления. Экономика, право, инновации. 2022. №1. С. 41-47.
  16. Кондакова А.В. Золотухина Е.Б. Обмен данными между облачным решением SAP ARIBA SOURSING и учетными системами с помощью технологии веб-сервисов. [Электронный ресурс]. URL: https://cyberleninka.ru/article/n/obmen-dannymi-mezhdu-oblachnym-resheniem-sap-ariba- sourcing-i-uchetnymi-sistemami-s-pomoschyu-tehnologii-veb-servisov/viewer.
  17. Бурцев В.А. Проблемы и перспективы пользовательского опыта в цифровых платформах: теорети- ческие подходы и значение для бизнес -приложений. Инновации и инвестиции. 2025. №4. С. 330-334.
  18. Никсон Р. Создаем динамические веб-сайты с помощью PHP, MySQL, JavaScript, CSS и HTML5. 5- е изд. СПб.: БХВ-Петербург, 2022. 848 с.
  19. Eisenberg J. D. SVG Essentials: Producing Scalable Vector Graphics with XML. 2nd ed. O'Reilly Media, 2014. 354 p.
  20. MDN Web Docs: Canvas API [Электронный ресурс]. URL: https://developer.mozilla.org/ru/docs/Web/API/Canvas_API
  21. Мацуда, К. WebGL: программирование трехмерной графики. Санкт-Петербург: Питер. 2016. 464 с.
  22. Konva.js: Официальная документация [Электронный ресурс]. URL: https://konvajs.org/
  23. Fabric.js: Официальная документация [Электронный ресурс]. URL: https://fabricjs.com/
  24. React.js: Официальная документация [Электронный ресурс]. https://react.dev
  25. Vue.js: Официальная документация [Электронный ресурс]. URL: https://vuejs.org/guide
  26. Angular: Официальная документация [Электронный ресурс]. URL: https://angular-doc.ru/docs
  27. Redux: Официальная документация [Электронный ресурс]. URL: https://redux.js.org
  28. Архитектура модульных React + Redux приложений [Электронный ресурс]. URL: https://habr.com/ru/articles/326484/
  29. Zustand: Официальная документация [Электронный ресурс]. URL: https://zustand.docs.pmnd.rs/getting-started/introduction
  30. Mobx: Официальная документация [Электронный ресурс]. URL: https://mobx.js.org/getting-started
  31. React-DnD: Официальная документация [Электронный ресурс]. URL: https://react-dnd.github.io/react-dnd/docs/overview

Выпуск: 3(38)'2025
Раздел: МЕТОДЫ И СИСТЕМЫ ЗАЩИТЫ ИНФОРМАЦИИ, ИНФОРМАЦИОННАЯ БЕЗОПАСНОСТЬ
Как цитировать: А. А. Левашов, Д. А. Гаркуша. ВИЗУАЛИЗАЦИЯ ПРОИЗВОДСТВЕННО-ТЕХНОЛОГИЧЕСКИХ ПРОЦЕССОВ МОРСКОГО ПОРТА // Проблемы искусственного интеллекта. - 2025. - № 3 (38). - С. 158-171. - https://paijournal.guiaidn.ru/ru/2025/3(38)-14.html