1. ELARTU — Інституційний репозитарій ТНТУ імені Івана Пулюя
  2. Роботи студентів
  3. Бакалавр
  4. 121 — Інженерія програмного забезпечення, F2 Інженерія програмного забезпечення (бакалаври)
Utilize este identificador para referenciar este registo: http://elartu.tntu.edu.ua/handle/lib/53482
Título: Розробка веб-застосунку інтернет-магазину засобами мови програмування JavaScript, бібліотеки React та платформи Firebase
Outros títulos: Development of an Online Store Web Application Using the JavaScript Programming Language, React Library, and Firebase Platform
Autor: Вовнянка, Оксана Романівна
Vovnianka, Oksana
Affiliation: ТНТУ ім. І. Пулюя, Факультет комп’ютерно-інформаційних систем і програмної інженерії, Кафедра програмної інженерії, м. Тернопіль, Україна
Bibliographic reference (2015): Вовнянка О. Р. Розробка веб-застосунку інтернет-магазину засобами мови програмування JavaScript, бібліотеки React та платформи Firebase : робота на здобуття кваліфікаційного ступеня бакалавра : спец. 121 – інженерія програмного забезпечення / наук. кер. Є. Б. Яворська. Тернопіль : Тернопільський національний технічний університет імені Івана Пулюя, 2026. 58 с.
Data: Jun-2026
Date of entry: 15-Jul-2026
Editora: Тернопільський національний технічний університет імені Івана Пулюя
Country (code): UA
Place of the edition/event: ТНТУ ім. І.Пулюя, ФІС, м. Тернопіль, Україна
Supervisor: Яворська, Євгенія Богданівна
UDC: 004.9
Palavras-chave: вебзастосунок
інтернет-магазин
електронна комерція
React
TypeScript
Firebase Authentication
Cloud Firestore
кошик покупок
авторизація користувачів
web application
online store
e-commerce
Authentication
shopping cart
user authentication
Number of pages: 58
Resumo: Метою роботи є розробка веб-застосунку інтернет-магазину для перегляду товарів, реєстрації та авторизації користувачів, формування кошика покупок і оформлення замовлень. У першому розділі проаналізовано існуючі інтернет-магазини, обґрунтовано вибір технологій та визначено вимоги до системи. У другому розділі виконано проєктування веб-застосунку, описано архітектуру програмного забезпечення, структуру бази даних та 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
Aparece nas colecções:121 — Інженерія програмного забезпечення, F2 Інженерія програмного забезпечення (бакалаври)

Ficheiros deste registo:
Ficheiro Descrição TamanhoFormato 
dyplom_Vovnianka_O_2026.pdf1,74 MBAdobe PDFVer/Abrir
Mostrar registo em formato completo Visualizar estatísticas


Todos os registos no repositório estão protegidos por leis de copyright, com todos os direitos reservados.

Ferramentas administrativas