Будь ласка, використовуйте цей ідентифікатор, щоб цитувати або посилатися на цей матеріал: http://elartu.tntu.edu.ua/handle/lib/46902
Назва: Розробка веб-інтерфейсу для інтерактивної візуалізації API даних на основі Java-Script
Інші назви: Development of a web interface for interactive visualization of API data based on Java-Script
Автори: Коваль, Василь Васильович
Koval, Vasyl
Приналежність: Тернопільський національний технічний університет ім. Івана Пулюя
Бібліографічний опис: Коваль В. В. Розробка веб-інтерфейсу для інтерактивної візуалізації API даних на основі Java-Script : робота на здобуття кваліфікаційного ступеня магістра : спец. 121 - інженерія програмного забезпечення / наук. кер. Г. Б. Цуприк. Тернопіль : Тернопільський національний технічний університет імені Івана Пулюя, 2024. 76 с.
Дата публікації: гру-2024
Дата внесення: 26-гру-2024
Видавництво: Тернопільський національний технічний університет імені Івана Пулюя
Країна (код): UA
Місце видання, проведення: Тернопіль
Науковий керівник: Цуприк, Галина Богданівна
Члени комітету: Никитюк, Вячеслав Вячеславович
УДК: 004.9
Теми: 121
інженерія програмного забезпечення
API
ВІЗУАЛІЗАЦІЯ ДАНИХ
ІНТЕРАКТИВНІСТЬ
JAVASCRIPT
NEXT.JS
NODE.JS
ECHARTS
ВЕБ-ІНТЕРФЕЙС
Кількість сторінок: 76
Короткий огляд (реферат): Мета роботи – створення веб-інтерфейсу, який дозволяє користувачам працювати з великими обсягами інформації в реальному часі, забезпечуючи персоналізовану взаємодію та зручність налаштувань візуалізації. Методи дослідження базуються на використанні сучасних фреймворків та бібліотек JavaScript, зокрема Next.js та ECharts. Елементи наукової новизни – створення інтерфейсу для інтерактивної взаємодії з даними в реальному часі. Висновки та пропозиції щодо розвитку: Розроблений веб-інтерфейс є основою для подальшого вдосконалення методів роботи з даними, зокрема: Додавання можливості інтеграції із зовнішніми базами даних. Розширення функціоналу для роботи з географічними даними. Оптимізація продуктивності для роботи з надвеликими масивами інформації
Objective: The aim of the study is to develop a web interface that allows users to work with large volumes of information in real time, providing personalized interaction and convenient visualization customization options. Research Methods: The study is based on the use of modern JavaScript frameworks and libraries, particularly Next.js and ECharts. Elements of Scientific Novelty: The creation of an interface for interactive real time data interaction. Conclusions and Recommendations for Development: The developed web interface serves as a foundation for further improvement of data interaction methods, including: Adding the ability to integrate with external databases. Expanding functionality for working with geospatial data. Optimizing performance for handling massive datasets
Зміст: ВСТУП 9 1 ТЕОРЕТИЧНІ ОСНОВИ РОЗРОБКИ ВЕБ-ІНТЕРФЕЙСІВ 11 1.1 Історія JavaScript та веб-інтерфейсів 11 1.1.1 Початок еволюції JavaScript 11 1.1.2 Революція AJAX 12 1.1.3 Розвиток фреймворків і бібліотек 12 1.1.4 Розвиток інтерактивних веб-інтерфейсів 13 1.2 Відомості про API-дані та інтерактивну візуалізацію 14 1.2.1 Роль API в сучасному веб-розробці 14 1.2.2 Інтерактивна візуалізація даних 15 1.2.3 Основні бібліотеки для інтерактивної візуалізації даних 15 1.2.4 Застосування інтерактивної візуалізації в реальних додатках 16 1.3 Опис предметної області 17 1.3.2 Мета і завдання предметної області 18 1.3.3 Визначення основних компонентів 18 1.3.4 Типи даних для візуалізації 19 1.4 Постановка задачі розробки 20 1.4.1 Загальні вимоги до системи 20 1.4.2 Конкретні задачі проекту 21 1.5 Вибір технології розробки 22 1.5.1 Основні технології для фронтенду 22 1.5.2 Фреймворки і бібліотеки для фронтенду 23 1.5.4 Бекенд-технології 25 1.6 Опис проектування програмного забезпечення 25 1.6.1 Архітектура програмного забезпечення 26 1.6.2 Основні принципи проектування 27 1.7 Порівняння існуючих систем з інтерактивною візуалізацією даних 28 1.7.1 Observable 28 1.7.2 Our World in Data 29 2 РОЗРОБКА СЕРВЕРНОЇ ЧАСТИНИ 32 2.1 Node.js: Основні концепції та архітектура 32 2.2 MongoDB та її застосування 33 2.2.1 Переваги MongoDB 34 2.2.2 Застосування MongoDB 35 2.3 Розробка бекенду (створення схем, роутів та взаємозв'язків) 36 2.3.1 Реєстрація та авторизація користувачів 36 2.3.2 Завантаження файлу на сервер 38 2.3.3 Видалення файлу за ID 39 2.3.4 Отримання списку усіх файлів на сервері 39 2.4 Опис роботи з роутами та інтеграцією функціоналу для файлів 40 3. РОЗРОБКА КЛІЄНТСЬКОЇ ЧАСТИНИ 44 3.1. Архітектура клієнтської частини 44 3.1.1 Основні компоненти архітектури 45 3.1.2 Комунікація з сервером 45 3.2 Реалізація клієнтської частини 46 3.2.1 Основні сторінки 46 3.2.2 Функціонал головної сторінки 49 3.3 Обмеження та потенціал для подальшого розвитку 52 3.3.1 Обмеження 52 3.3.2 Потенціал для подальшого розвитку 53 4 ОХОРОНА ПРАЦІ ТА БЕЗПЕКА В НАДЗВИЧАЙНИХ СИТУАЦІЯХ 54 4.1 Охорона праці 54 4.2 Безпека в надзвичайних ситуаціях 56 ВИСНОВОК 59 ПЕРЕЛІК ДЖЕРЕЛ ПОСИЛАННЯ 61 ДОДАТКИ 63 Додаток А Програмний код компоненту SideBar 64 Додаток Б Тези 72 Додаток В Диск з роботою 77
URI (Уніфікований ідентифікатор ресурсу): http://elartu.tntu.edu.ua/handle/lib/46902
Власник авторського права: © Коваль Василь Васильович, 2024
Перелік літератури: Boyko, I., Petryk, M., Mudryk, I., Stoianov, Y., Tsupryk, H. Mathematical Model of the Capacitor Based on Zeolite Material Proceedings - International Conference on Advanced Computer Information Technologies, ACIT, 2021. – С. 45–48.
Бойко І. В., Петрик М. Р., Цуприк Г. Б. Інформаційні технології видобутку даних (Data mining, високопродуктивні обчислення у складних системах): навч. посіб. — Тернопіль: ТНТУ, 2020. — 62 с
Zakas, N. C. Understanding ECMAScript 6: The Definitive Guide for JavaScript Developers. — No Starch Press, 2016.
Flanagan, D. JavaScript: The Definitive Guide: Master the World's Most Used Programming Language. 7th ed. — O'Reilly Media, 2020.
Дубовик, О. В. JavaScript та сучасні веб-технології. — Київ: Видавництво КНУ, 2019
Morales, J. Practical API Design: Designing and Developing Scalable Web APIs. — Packt Publishing, 2022
Кузьмін, О. В. Сучасні веб-технології JavaScript: Практичний посібник. — Львів: Видавництво Львівської політехніки, 2018.
Bostock, M. Interactive Data Visualization for the Web: An Introduction to Designing with D3. — O'Reilly Media, 2019.
Бриж, В. В. Інтерактивна візуалізація даних у веб-додатках: Методичний посібник. — Київ: Національний університет біоресурсів і природокористування, 2022
Кондратюк, А. І., Шевчук, В. І. Основи роботи з API у веб-розробці. — Тернопіль: ТНТУ імені Івана Пулюя, 2020.
Тип вмісту: Master Thesis
Розташовується у зібраннях:121 — інженерія програмного забезпечення

Файли цього матеріалу:
Файл Опис РозмірФормат 
dyplom_Koval_2024.pdf1,74 MBAdobe PDFПереглянути/відкрити


Усі матеріали в архіві електронних ресурсів захищені авторським правом, всі права збережені.

Інструменти адміністратора