Розробка компонента VueJs для візуалізації геометричних моделей

Abstract

UA : Робота викладена на 43 сторінках друкованого тексту, містить 22 рисунки, 7 джерел, 4 додатки. Об’єкти дослідження: мова для реалізації веб-компонентів Javascript, вебкомпоненти, Vuejs – JavaScript фреймворк, бібліотека Three.js, програмна платформа Node.js, фреймворк Express, інструмент для збірки Webpack. Мета роботи: створення Vuejs компоненту на основі веб компонентів за для реалізації прикладного середовища з можливістю моделювати геометричні моделі будь-якої складності та створення відповідних пакетів за для їх розповсюдження за допомогою менеджеру пакетів. Метод дослідження: вивчення документацій вибраних середовищ та їх застосування за допомогою програмування. У кваліфікаційній роботі розглядається створення VueJs компоненту та веб компонентів, застосовуючи мову програмування Javascript та бібліотеку Three.js, що використовується за для створення та відображення анімовано-комп'ютерної 3D графіки, а також використання допоміжних засобів, таких як система збирання завдань Webpack та програмна платформа Node.js. У ході розробки було створено VueJs компонент з можливістю зчитування вхідних даних з віддаленого сервера за допомогою Uniform Resource Locator (URL) та можливості зчитування вхідних даних безпосередньо від користувача за допомогою вибору файлу користувачем через менеджер файлів та реалізовано спосіб оперування елементами інтерфейсу в інтерфейсах користувача з поміччю Drag-and-drop. Перевагами Vuejs компоненту та веб-компонентів є простота та легкість при використанні, надійність роботи додатку, та можливість його використання на будь-якому пристрої з встановленим браузером, будь то персональний комп’ютер чи смартфон.

EN : The work is presented on 43 pages of printed text, 22 figures, 7 references, 4 supplements. The objects of study are the language for the implementation of the webcomponents – Javascript, web-components, Vuejs – JavaScript framework, Three.js library, Node.js software platform, Express framework, build tool Webpack. The aim of the study is the creation of Vuejs component based on web components for implementation of the application environment with the ability to simulate geometric models of any complexity and create appropriate packages for their distribution through the package manager. The methods of research are the study of documentation of selected environments and their application through programming. The thesis deals with the creation of VueJs component and web components using Javascript programming language and the Three.js library used to create and display animated computer 3D graphics, as well as the use of tools such as Webpack taskbar and Node.js software platform. During the development, a VueJs component was created with the ability to read input from a remote server using the Uniform Resource Locator (URL) and read input directly from the user by selecting a file through the file manager and implementing a method of handling interface elements in the user interfaces with help Drag-and-drop. The advantages of the Vuejs component and web components are the simplicity and ease of use, the reliability of the application and the ability to use it on any device with a browser installed, whether it is a personal computer or a smartphone.