Розробка вебзастосунку торгівельного підприємства з продажу мобільних цифрових засобів

Рябічев Максим Олексійович

Бакалавр

ІНб-2-21-4.0д

122 Комп'ютерні науки

Кафедра комп'ютерних наук

Кваліфікаційна робота: Розробка вебзастосунку торговельного підприємства з продажу мобільних цифрових засобів
Обсяг: 51 стор., 21 рис., 30 джерел.
Ключові слова: ВЕБЗАСТОСУНОК, NODE.JS, JAVASCRIPT, MYSQL, ІНТЕРНЕТ-МАГАЗИН, МОБІЛЬНІ ЦИФРОВІ ЗАСОБИ.
Метою кваліфікаційної роботи є створення функціонального вебзастосунку для онлайн-продажу мобільних цифрових пристроїв. У роботі проведено аналіз популярних рішень (Rozetka, Comfy, Citrus), виявлено їхні сильні та слабкі сторони, сформульовано вимоги до власного продукту.
Розробку реалізовано з використанням HTML5, CSS3, JavaScript, Node.js, Express і MySQL. Архітектура вебзастосунку передбачає наявність головної сторінки, каталогу товарів, модуля кошика, форми зворотного зв’язку. Особлива увага приділена зручності інтерфейсу, адаптивності дизайну та простоті навігації.
Серверна логіка побудована на платформі Node.js з Express, база даних реалізована в MySQL. У системі зберігаються дані про користувачів, товари та замовлення.
Функціональність тестувалась вручну на різних пристроях і в браузерах. Було перевірено коректність роботи інтерфейсу, кошика, переходів між сторінками та обробку помилок.
Результатом роботи є прототип вебзастосунку, який відповідає вимогам малого та середнього бізнесу в сфері електронної комерції. Розробка може бути основою для впровадження комерційного онлайн-магазину.

ВСТУП 6
РОЗДІЛ 1. АНАЛІЗ ІСНУЮЧИХ ВЕБЗАСТОСУНКІВ ТОРГІВЕЛЬНИХ ПІДПРИЄМСТВ З ПРОДАЖУ МОБІЛЬНИХ ЦИФРОВИХ ЗАСОБІВ 8
1.1. Аналіз існуючого ринку мобільних цифрових пристроїв. 8
1.2. Постановка завдання (ТЗ). 13
Висновки до розділу 1 17
РОЗДІЛ 2. ПРОЕКТУВАННЯ ВЕБЗАСТОСУНКУ ТОРГІВЕЛЬНОГО ПІДПРИЄМСТВА З ПРОДАЖУ МОБІЛЬНИХ ЦИФРОВИХ ЗАСОБІВ 18
2.1. Структура та проєктування вебзастосунку. 19
2.2. Опис структури вебзастосунка. 19
2.3. Можливе масштабування. 20
2.4. Обґрунтування вибору програмних інструментів 21
2.5. Розробка логічна модель 24
2.6. Розробка фізичної моделі 28
Висновки до розділу 2 29
РОЗДІЛ 3. РЕАЛІЗАЦІЯ ВЕБЗАСТОСУНКУ З ПРОДАЖУ МОБІЛЬНИХ ЦИФРОВИХ ПРИСТРОЇВ 31
3.1. Розробка frontend. 31
3.2. Розробка backend. 32
3.3. Розробка бази даних. 32
3.4. Практична реалізація вебзастосунку з продажу мобільних цифрових пристроїв. 33
Висновки до розділу 3. 41
РОЗДІЛ 4. МЕТОДИКА ТЕСТУВАННЯ ВЕБЗАСТОСУНКУ 43
4.1. Мета тестування 43
4.2. Об’єкти тестування 43
4.3. Тестування. 44
Висновки до розділу 4. 45
ВИСНОВКИ 47

1. Rozetka – Інтернет-магазин техніки [Електронний ресурс]. – Режим доступу: https://rozetka.com.ua/.
2. Comfy – Магазин електроніки [Електронний ресурс]. – Режим доступу: https://comfy.ua/.
3. Citrus – Онлайн-магазин [Електронний ресурс]. – Режим доступу: https://www.citrus.ua/
4. Allo – Онлайн-магазин гаджетів [Електронний ресурс]. – Режим доступу: https://allo.ua/.
5. Prom.ua – Український маркетплейс [Електронний ресурс]. – Режим доступу: https://prom.ua/
6. HTML5: що це і в чому переваги [Електронний ресурс]. - Режим доступу: https://robotdreams.cc/uk/blog/181-html5-chto-et...
7. CSS Flex Адаптивність [Електронний ресурс]. - Режим доступу: https://w3schoolsua.github.io/css/css3_flexbox_r...
8. Використання JavaScript для створення динамічних сайтів [Електронний ресурс]. - Режим доступу: https://landinglist.com.ua/vykorystannya-javascr...
9. Початок роботи з Node.js та Express.js: Ваш перший сервер [Електронний ресурс]. - Режим доступу: https://javascript.org.ua/pochatok-roboti-z-node...
10. JWT.io. Вступ до JSON Web Token [Електронний ресурс]. – Режим доступу: https://jwt.io/introduction/
11. Що таке JSON. Усе про цей формат передачі даних в інтернеті [Електронний ресурс]. - Режим доступу: https://apix-drive.com/ua/blog/useful/scho-take-json
12. Nodemailer [Електронний ресурс]. - Режим доступу: https://nodemailer.com/
13. Система керування базами даних [Електронний ресурс]. - Режим доступу: http://www.znannya.org/?view=mysql
14. Структура сайту: основні види та правила їх розробки [Електронний ресурс]. - Режим доступу: https://webtune.com.ua/statti/web-rozrobka/struktura-sajtu/
15. Що таке Tailwind CSS, чому його варто використовувати і як це робити [Електронний ресурс]. - Режим доступу: https://javascript.org.ua/shho-take-tailwind-css...
16. Що таке Node.js? Основи серверної розробки на JavaScript [Електронний ресурс]. - Режим доступу: https://devzone.org.ua/post/shcho-take-nodejs-os...
17. Проектування бази даних. [Електронний ресурс]. - Режим доступу: https://naurok.com.ua/proektuvannya-baz-danih-po...
18. ON DELETE [Електронний ресурс]. - Режим доступу: https://codefinity.com/ua/courses/v2/5ac24d9d-4a...
19. Використання Node.js для доступу до бази даних [Електронний ресурс]. - Режим доступу: https://ua5.org/javascript/2889-vykorystannya-no...
20. Що таке хедер: визначення приклади та поради [Електронний ресурс]. - Режим доступу: https://esputnik.com/uk/slovnyk-email-marketologa/heder
21. Що таке футер: визначення приклади та поради [Електронний ресурс]. - Режим доступу: https://esputnik.com/uk/slovnyk-email-marketologa/futer
22. Генерація SQL-запиту засобами MySQL-сервера [Електронний ресурс]. - Режим доступу: https://dou.ua/lenta/articles/sql-query-mysql-server/
23. Bcrypt [Електронний ресурс]. - Режим доступу: https://www.vpnunlimited.com/ua/help/cybersecuri...
24. Архітектура вебзастосунків 2024: Ультимативний гайд для розробників [Електронний ресурс]. - Режим доступу: https://robotdreams.cc/uk/blog/567-arhitektura-vebzastosunkiv
25. Функціональне тестування [Електронний ресурс]. - Режим доступу: http://qalight.ua/baza-znaniy/funktsionalne-testuvannya/
26. Як тестувати форми [Електронний ресурс]. - Режим доступу: https://training.qatestlab.com/blog/technical-ar...
27. Кросбраузерне тестування: навіщо та кому потрібно його проводити [Електронний ресурс]. - Режим доступу: https://training.qatestlab.com/blog/technical-ar...
28. Кросплатформне тестування: 3 основні ОС [Електронний ресурс]. - Режим доступу: https://training.qatestlab.com/blog/technical-ar...
29. Тестування ПЗ – граничне тестування (boundary testing) [Електронний ресурс]. - Режим доступу: https://www.it-notes.wiki/software-testing/boundary-testing/
30. Testing SMTP [Електронний ресурс]. - Режим доступу: https://nodemailer.com/smtp/testing