VISUALIZATION OF PRODUCTION AND TECHNOLOGICAL PROCESSES OF THE SEA PORT

A. A. Levashov, D. A. Garkusha

About the authors

A. A. Levashov, D. A. Garkusha

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

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

Download PDF

UDC: 004.921
DOI: 10.24412/2413-7383-2025-3-38-158-171
Language: Russian

Abstract: The article proposes requirements focused on the tasks of optimizing resources and speeding up decision- making at the operational, tactical and strategic levels of seaport management. The requirements for displaying statistical and dynamic information, interactivity, performance, integration, and user experience (UX) are formulated. A comparative analysis of web technologies for interactive 2D graphics is carried out. The choice of the React, Redux and Konva technology stack is justified.js to implement the established requirements. The principles of implementing key functions, including drag-and-drop for manual object placement planning, are presented. The results of the work confirm the effectiveness of the proposed method and the selected tools for creating scalable, productive and interactive web visualization systems to improve the manageability and logistical efficiency of seaports.

Keywords: web visualization, seaport, production and technological processes, interactivity, drag-and-drop, React.js, Redux, Konva.js, logistics optimization.

References

1. Masyuk, N.N. & Blyudik, A.R. (2022). Modern Trends of Digital Transformation in the Maritime Field. Natural and Human Studies, 44(6), 203–207.
2. Volynsky, I.A. (2022). Mechanisms and Tools for Managing the Development of Logistic Infrastructure of Seaports. ASTU Herald, (1), 78–83.
3. Rumyantsev V.V. On the role of information technologies in the development of civilization // Problems of Artificial Intelligence. 2021. №4(23). C. 59-64.
4. Kiselev, A.O. (2025). Problems of SCADA Systems Integration with AS/RS in Manufacturing. International Scientific Journal "Herald of Science", 4(85), 788–893.
5. Yekhlakov, Yu.P. Zhukovsky, O.I. Senchenko, P.V. Gritsenko, Yu.B. & Milikhin, M.M. (2017). Basic Principles of Developing Web-Oriented Information Management Systems for Socio-Economic and Technical Processes Infrastructure. TUSUR Reports, (2), 63–67.
6. Antsyferov S.S. Fazilova K.N. Rusanov K.E. Intelligent systems process control // Problems of Artificial Intelligence. 2024. №2(33). C. 37-44.
7. Romanova, I.K. (2016). Modern Methods of Multidimensional Data Visualization: Analysis, Classification, Implementation, Applications in Technical Systems. Science and Education. Bauman Moscow State Technical University, (3), 133–167.
8. Kalmakova, N.A. (2015). Management Levels for Balanced Development of Industrial Enterprises Based on Self-Organization Principles. Regional Economics: Theory and Practice, (27), 24–35.
9. Volynsky, I.A. (2020). Concept, Types and Features of Flow Process Formation in a Seaport. ASTU Herald, (3), 71–78.
10. Ganin, M.A. & Lobanov, E.M. (2020). Organization and Technology of Handling Processes in Seaports. St. Petersburg: Morsar.
11. Garkusha, D.A. (2025). A Method for Filling and Processing a Knowledge Base in the Task of Building a Digital Twin. DMKC 2025.
12. Lukov, D.K. Automated Process Control Systems (APCS). European Science, 2(44), 19–21.
13. Shevchenko, A.M. & Dyda, A.A. (2024). Analysis of the Agent-Based Approach Implementation and Features of Seaport Simulation Modeling in the AnyLogic Environment. Computational Nanotechnology, (4), 135–145.
14. Prokopenko, E.V. & Sarapulova, T.V. (2011). Development of Web Applications to Support Strategic Management. Herald of Kuzbass State Technical University, 114–116.
15. Pchelkin, A.Yu. & Gusarova, N.F. (2022). Cross -Platform Development Based on Web Technologies to Support Decision-Making in Problem -Oriented Management Systems. Economics, Law, Innovation, (1), 41 –47.
16. Kondakova, A.V. & Zolotukhina, E.B. Data Exchange Between the Cloud Solution SAP Ariba Sourcing and Accounting Systems Using Web Services Technology. [Electronic resource]. Retrieved from https://cyberleninka.ru/article/n/obmen-dannymi-mezhdu-oblachnym-resheniem-sap-ariba-sourcing-i- uchetnymi-sistemami-s-pomoschyu-tehnologii-veb-servisov/viewer
17. Burtsev, V.A. (2025). Problems and Prospects of User Experience in Digital Platforms: Theoretical Approaches and Significance for Business Applications. Innovation and Investment, (4), 330–334.
18. Nixon, R. (2022). Learning PHP, MySQL, JavaScript, CSS & HTML5: Building Dynamic Websites. 5th ed. St. Petersburg: BHV-Petersburg. 848 p.
19. Eisenberg, J.D. (2014). SVG E ssentials: Producing Scalable Vector Graphics with XML. 2nd ed. O'Reilly Media. 354 p.
20. MDN Web Docs: Canvas API. [Electronic resource]. Retrieved from https://developer.mozilla.org/ru/docs/Web/API/Canvas_API
21. Matsuda, K. & Lea, R. (2016). WebGL Programming Guide: Interactive 3D Graphics Programming with WebGL. St. Petersburg: Piter. 464 p.
22. Konva.js: Official Documentation. [Electronic resource]. Retrieved from https://konvajs.org/
23. Fabric.js: Official Documentation. [Electronic resource]. Retrieved from https://fabricjs.com/
24. React.js: Official Documentation. [Electronic resource]. Retrieved from https://react.dev
25. Vue.js: Official Documentation. [Electronic resource]. Retrieved from https://vuejs.org/guide
26. Angular: Official Documentation. [Electronic resource]. Retrieved from https://angular-doc.ru/docs
27. Redux: Official Documentation. [Electronic resource]. Retrieved from https://redux.js.org
28. Architecture of Modular React + Redux Applications. [Electronic resource]. Retrieved from https://habr.com/ru/articles/326484/
29. Zustand: Official Documentation. [Electronic resource]. Retrieved from https://zustand.docs.pmnd.rs/getting-started/introduction
30. Mobx: Official Documentation. [Electronic resource]. Retrieved from https://mobx.js.org/getting-started
31. React-DnD: Official Documentation. [Electronic resource]. Retrieved from https://react-

Issue: 3(38)'2025
Section: МЕТОДЫ И СИСТЕМЫ ЗАЩИТЫ ИНФОРМАЦИИ, ИНФОРМАЦИОННАЯ БЕЗОПАСНОСТЬ
How to cite: A. A. Levashov, D. A. Garkusha. VISUALIZATION OF PRODUCTION AND TECHNOLOGICAL PROCESSES OF THE SEA PORT // Problems of Artificial Intelligence. - 2025. - № 3 (38). - P. 158-171. - https://paijournal.guiaidn.ru/en/2025/3(38)-14.html

Back to issue 3(38)'2025