1. ELARTU — Інституційний репозитарій ТНТУ імені Івана Пулюя
  2. Роботи студентів
  3. Бакалавр
  4. 121 — Інженерія програмного забезпечення, F2 Інженерія програмного забезпечення (бакалаври)
Моля, използвайте този идентификатор за цитиране или линк към този публикация: http://elartu.tntu.edu.ua/handle/lib/53482
Заглавие: Розробка веб-застосунку інтернет-магазину засобами мови програмування JavaScript, бібліотеки React та платформи Firebase
Други Заглавия: Development of an Online Store Web Application Using the JavaScript Programming Language, React Library, and Firebase Platform
Автори: Вовнянка, Оксана Романівна
Vovnianka, Oksana
Affiliation: ТНТУ ім. І. Пулюя, Факультет комп’ютерно-інформаційних систем і програмної інженерії, Кафедра програмної інженерії, м. Тернопіль, Україна
Bibliographic reference (2015): Вовнянка О. Р. Розробка веб-застосунку інтернет-магазину засобами мови програмування JavaScript, бібліотеки React та платформи Firebase : робота на здобуття кваліфікаційного ступеня бакалавра : спец. 121 – інженерія програмного забезпечення / наук. кер. Є. Б. Яворська. Тернопіль : Тернопільський національний технічний університет імені Івана Пулюя, 2026. 58 с.
Дата на Публикуване: Юни-2026
Date of entry: 15-Юли-2026
Издател: Тернопільський національний технічний університет імені Івана Пулюя
Country (code): UA
Place of the edition/event: ТНТУ ім. І.Пулюя, ФІС, м. Тернопіль, Україна
Supervisor: Яворська, Євгенія Богданівна
UDC: 004.9
Ключови Думи: вебзастосунок
інтернет-магазин
електронна комерція
React
TypeScript
Firebase Authentication
Cloud Firestore
кошик покупок
авторизація користувачів
web application
online store
e-commerce
Authentication
shopping cart
user authentication
Number of pages: 58
Резюме: Метою роботи є розробка веб-застосунку інтернет-магазину для перегляду товарів, реєстрації та авторизації користувачів, формування кошика покупок і оформлення замовлень. У першому розділі проаналізовано існуючі інтернет-магазини, обґрунтовано вибір технологій та визначено вимоги до системи. У другому розділі виконано проєктування веб-застосунку, описано архітектуру програмного забезпечення, структуру бази даних та UML-діаграми. У третьому розділі реалізовано веб-застосунок із використанням React, TypeScript та Firebase. У четвертому розділі розглянуто питання охорони праці та безпеки життєдіяльності під час розробки програмного забезпечення. Об'єктом дослідження є процеси автоматизації продажу товарів через вебзастосунки електронної комерції. Предметом дослідження є методи та засоби розробки веб-застосунків інтернет-магазинів із використанням технологій React, Firebase Authentication та Cloud Firestore. Методи дослідження включають аналіз предметної області, проєктування баз даних, веброзробку та тестування програмного забезпечення.
The purpose of the work is to develop an online clothing store web application that provides product catalog browsing, user registration and authentication, shopping cart management, and order placement. The first chapter analyzes existing online stores, justifies the choice of technologies, and defines the system requirements. The second chapter presents the design of the web application, including the software architecture, database structure, and UML diagrams. The third chapter describes the implementation of the web application using React, TypeScript, and Firebase. A user authentication system, product catalog, shopping cart, and order processing functionality were developed, and system testing was carried out. The fourth chapter examines occupational health and safety issues related to software development. The object of the research is the processes of automating product sales through ecommerce web applications. The subject of the research is the methods and tools for developing online store web applications using React, Firebase Authentication, and Cloud Firestore technologies. The research methods include domain analysis, database design, web development, and software testing.
Content: ВСТУП.............................................................................................................................. 9 1 АНАЛІЗ ПРЕДМЕТНОЇ ОБЛАСТІ.......................................................................... 10 1.1 Словник предметної області .............................................................................. 10 1.2 Опис предметної області .................................................................................... 11 1.3 Аналіз існуючих аналогів інтернет-магазинів ................................................. 12 1.4 Формування вимог до програмного забезпечення .......................................... 14 1.4.1 Функціональні вимоги............................................................................. 14 1.4.2 Нефункціональні вимоги......................................................................... 15 1.5. Проєктування відношень між акторами та прецедентами............................. 16 1.6 Висновки до першого розділу............................................................................ 19 2 ПРОЄКТУВАННЯ ВЕБ-ЗАСТОСУНКУ................................................................. 20 2.1 Методології проектування ................................................................................. 20 2.2 Мова програмування.......................................................................................... 21 2.3 Середовище розробки........................................................................................ 22 2.4 Платформа Firebase............................................................................................ 22 2.5 Проєктування архітектури веб-застосунку ...................................................... 23 2.6 Проєктування структури бази даних................................................................. 24 2.7 Діаграма діяльності процесу оформлення замовлення ................................... 26 2.8 Висновки до другого розділу............................................................................. 28 3 РЕАЛІЗАЦІЯ ТА ТЕСТУВАННЯ ВЕБ-ЗАСТОСУНКУ........................................ 30 3.1 Реалізація структури веб-застосунку ................................................................ 30 3.2 Реалізація системи авторизації та реєстрації ................................................... 32 3.3 Реалізація каталогу товарів ................................................................................ 34 3.4 Реалізація сторінки товару та кошика............................................................... 36 3.5 Реалізація оформлення замовлення................................................................... 37 3.6 Тестування веб-застосунку ................................................................................ 40 3.6.1 Тестування реєстрації користувачів....................................................... 40 3.6.2 Тестування авторизації............................................................................ 403.6.3 Тестування роботи каталогу товарів...................................................... 41 3.6.4 Тестування кошика покупок................................................................... 41 3.6.5 Тестування оформлення замовлення ..................................................... 42 3.7 Висновки до третього розділу............................................................................ 42 4 БЕЗПЕКА ЖИТТЄДІЯЛЬНОСТІ, ОСНОВИ ОХОРОНИ ПРАЦІ ........................ 44 4.1 Ергономічні проблеми безпеки життєдіяльності............................................. 44 4.2 Вимоги ергономіки до організації робочого місця оператора ПК................. 45 4.3. Висновки до четвертого розділу....................................................................... 46 ВИСНОВКИ................................................................................................................... 48 СПИСОК ВИКОРИСТАНИХ ДЖЕРЕЛ ..................................................................... 50 ДОДАТКИ...................................................................................................................... 55 ДОДАТОК А.............................................................................................................. 56 ДОДАТОК Б .............................................................................................................. 57 ДОДАТОК В .............................................................................................................. 58
URI: http://elartu.tntu.edu.ua/handle/lib/53482
Copyright owner: © Вовняка Оксана Романівна, 2026
References (Ukraine): 1. Методичні вказівки до виконання кваліфікаційної роботи бакалавра для здобувачів спеціальності 121 – Інженерія програмного забезпечення, всіх форм навчання / укладачі Михалик Д.М., Цуприк Г.Б., Бревус В.М. Тернопіль: Тернопільський національний технічний університет імені Івана Пулюя, 2024. 45 с.
2. Фріман Е., Робсон Е. Вивчаємо JavaScript. – Харків : Видавництво «Ранок», 2022. – 640 с.
3. Banks A., Porcello E. Learning React. – Sebastopol : O'Reilly Media, 2023. – 350 p.
4. Kleppmann M. Designing Data-Intensive Applications. – Sebastopol : O'Reilly Media, 2017. – 616 p.
5. Duckett J. HTML and CSS: Design and Build Websites. – Indianapolis : Wiley, 2021. – 490 p.
6. Kasta – офіційний сайт [Електронний ресурс]. – Режим доступу: https://kasta.ua/ (дата звернення: 18.06.2026).
7. Answear – офіційний сайт [Електронний ресурс]. – Режим доступу: https://answear.ua/ (дата звернення: 18.06.2026).
8. Reserved – офіційний сайт [Електронний ресурс]. – Режим доступу: https://www.reserved.com/ua/uk (дата звернення: 18.06.2026).
9. Duckett J. JavaScript and JQuery: Interactive Front-End Web Development. – Indianapolis : Wiley, 2021. – 640 p.
10. Фленаган Д. JavaScript. Детальний посібник. – Київ : Видавництво Старого Лева, 2023. – 784 с.
11. Петрик М., Мудрик І., Петрик О., Ю. Стоянов. Сучасні технології ООПпроектування та автоматичного генерування програмного коду: навчальний посібник, Тернопіль: ТНТУ імені Івана Пулюя, 2018. 48 с.
12. Види функціонального та нефункціонального тестування. URL: https://danit.com.ua/uk/blog/vidy-funkcionalnogo-i-nefunkcionalnogo-testirovanija/ (дата звернення: 17.05.2026).
13. React Documentation [Електронний ресурс]. – Режим доступу: https://react.dev (дата звернення: 17.05.2026).
14. TypeScript Documentation [Електронний ресурс]. – Режим доступу: https://www.typescriptlang.org/docs (дата звернення: 17.05.2026).
15. Firebase Documentation [Електронний ресурс]. – Режим доступу: https://firebase.google.com/docs (дата звернення: 17.05.2026).
Content type: Bachelor Thesis
Показва се в Колекции:121 — Інженерія програмного забезпечення, F2 Інженерія програмного забезпечення (бакалаври)

Файлове в Този Публикация:
Файл Описание РазмерФормат 
dyplom_Vovnianka_O_2026.pdf1,74 MBAdobe PDFИзглед/Отваряне
Показване на запис на пълна публикация Разлистване на Статистики


Публикацияте в DSpace са защитени с авторско право, с всички права запазени, освен ако не е указно друго.

Админ Инструменти