Будь ласка, використовуйте цей ідентифікатор, щоб цитувати або посилатися на цей матеріал:
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 |
| Приналежність: | ТНТУ ім. І. Пулюя, Факультет комп’ютерно-інформаційних систем і програмної інженерії, Кафедра програмної інженерії, м. Тернопіль, Україна |
| Бібліографічне посилання: | Вовнянка О. Р. Розробка веб-застосунку інтернет-магазину засобами мови програмування JavaScript, бібліотеки React та платформи Firebase : робота на здобуття кваліфікаційного ступеня бакалавра : спец. 121 – інженерія програмного забезпечення / наук. кер. Є. Б. Яворська. Тернопіль : Тернопільський національний технічний університет імені Івана Пулюя, 2026. 58 с. |
| Дата публікації: | чер-2026 |
| Дата внесення: | 15-лип-2026 |
| Видавництво: | Тернопільський національний технічний університет імені Івана Пулюя |
| Країна (код): | UA |
| Місце видання, проведення: | ТНТУ ім. І.Пулюя, ФІС, м. Тернопіль, Україна |
| Науковий керівник: | Яворська, Євгенія Богданівна |
| УДК: | 004.9 |
| Теми: | вебзастосунок інтернет-магазин електронна комерція React TypeScript Firebase Authentication Cloud Firestore кошик покупок авторизація користувачів web application online store e-commerce Authentication shopping cart user authentication |
| Кількість сторінок: | 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. |
| Зміст: | ВСТУП.............................................................................................................................. 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 |
| Власник авторського права: | © Вовняка Оксана Романівна, 2026 |
| Перелік літератури: | 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). |
| Тип вмісту: | Bachelor Thesis |
| Розташовується у зібраннях: | 121 — Інженерія програмного забезпечення, F2 Інженерія програмного забезпечення (бакалаври) |
Файли цього матеріалу:
| Файл | Опис | Розмір | Формат | |
|---|---|---|---|---|
| dyplom_Vovnianka_O_2026.pdf | 1,74 MB | Adobe PDF | Переглянути/відкрити |
Усі матеріали в архіві електронних ресурсів захищені авторським правом, всі права збережені.
Інструменти адміністратора