Сайт Інтернет-магазину спортивного інвентарю «Геракл»

ХОМЕНКО, Денис

Будь ласка, використовуйте цей ідентифікатор, щоб цитувати або посилатися на цей матеріал: https://er.chdtu.edu.ua/handle/ChSTU/8594

Назва:	Сайт Інтернет-магазину спортивного інвентарю «Геракл»
Автори:	ХРУЛЬОВ, Микола ХОМЕНКО, Денис
Ключові слова:	САЙТ ІНТЕРНЕТ-МАГАЗИНУ;HTML;CSS;PHP
Дата публікації:	2023
Короткий огляд (реферат):	Метою виконання даної кваліфікаційної роботи на здобуття освітнього ступеня «бакалавр» є створення сайту Інтернет-магазину спортивного інвентарю «Геракл». Загальний обсяг роботи становить 75 сторінок. У випускній роботі 30 рисунків. Для виконання роботи використано 15 інформаційних джерел. Об'єктом кваліфікаційної роботи є сайт інтернет-магазину спортивного інвентарю «Геракл». Для створення сайту пропонується використання мови розмітки гіпертекстових документів HTML та мови PHP. Основними завданнями інтернет-магазину є спрощення роботи з відвідувачами-клієнтами, підвищення ефективності рекламних функцій, зростання популярності товарів та збільшення кількості клієнтів.
URI (Уніфікований ідентифікатор ресурсу):	https://er.chdtu.edu.ua/handle/ChSTU/8594
Розташовується у зібраннях:	123 Комп’ютерна інженерія (Системне програмування)

Файли цього матеріалу:

Файл	Опис	Розмір	Формат
1_ТИТУЛКА_ХОМЕНКО_Друк-merged.pdf Restricted Access		2.45 MB	Adobe PDF	Переглянути/Відкрити Запит копії

Показати повний опис матеріалу Перегляд статистики

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

Extracted text

МІНІСТЕРСТВО ОСВІТИ І НАУКИ УКРАЇНИ
ЧЕРКАСЬКИЙ ДЕРЖАВНИЙ ТЕХНОЛОГІЧНИЙ УНІВЕРСИТЕТ
ФАКУЛЬТЕТ ІНФОРМАЦІЙНИХ ТЕХНОЛОГІЙ І СИСТЕМ
КАФЕДРА ІНФОРМАЦІЙНОЇ БЕЗПЕКИ ТА КОМП’ЮТЕРНОЇ ІНЖЕНЕРІЇ
ПОЯСНЮВАЛЬНА ЗАПИСКА
до кваліфікаційної роботи бакалавра
на тему:«Сайт Інтернет-магазину спортивного
інвентарю «Геракл»»
ЧДТУ.231933.007 ПЗ
Виконав: студент 4 курсу, групи СП-1906
спеціальності 123 – «Комп’ютерна інженерія»
за освітньою програмою – «Системне
програмування»
Денис ХОМЕНКО
Керівник
к.т.н., доцент Микола ХРУЛЬОВ
Рецензент
Головний державний інспектор відділу розробки
АІС управління інформаційних технологій
Сергій ВОЛКОВ
«ЗАХИСТ ДОЗВОЛЯЮ»
Завідувач кафедри ІБ та КІ
д.т.н., професор ______ Володимир РУДНИЦЬКИЙ
Черкаси 2023 року
Форма № Н-9.01
ЧЕРКАСЬКИЙ ДЕРЖАВНИЙ ТЕХНОЛОГІЧНИЙ УНІВЕРСИТЕТ
Факультет: інформаційних технологій і систем
Кафедра: інформаційної безпеки та комп’ютерної інженерії
Освітньо-кваліфікаційний рівень: Бакалавр
Спеціальність 123 – Комп’ютерна інженерія
Освітня програма Системне програмування
«ЗАТВЕРДЖУЮ»
Завідувач кафедри ІБ та КІ
д.т.н., професор ________ Володимир РУДНИЦЬКИЙ
«28» лютого 2023 року
ЗАВДАННЯ
на кваліфікаційну роботу бакалавра студенту
Хоменку Денису Сергійовичу
(прізвище, ім‘я, по батькові)
1. Тема роботи: Сайт Інтернет-магазину спортивного інвентарю «Геракл»
Керівник роботи: к.т.н., доцент Хрульов Микола Васильович
(прізвище, ім’я, по батькові, науковий ступінь, вчене звання)
затверджені наказом університету від «24» лютого2023 р. № 43/04
2. Строк подання студентом роботи: 22.05.2023
3. Вихідні дані до роботи:
Інтернет-магазин повинен мати:
  інтуїтивно зрозумілий дизайн та навігацію;
 мобільну сумісність;
 засоби забезпечення безпеки особистих даних покупців.

4. Зміст розрахунково-пояснювальної записки (перелік питань, що їх належить розробити):
Вступ
1. Огляд існуючих аналогів сайтів інтернет–магазинів та постановка задачі
2. Опис процесу створення сайту інтернет–магазину
3. Обґрунтування вибору засобів розробки сайту інтернет–магазину
4. Обґрунтування вибору засобів захисту сайту інтернет–магазину
Висновки
Список використаних джерел. Додатки
5. Перелік графічного матеріалу (з точним зазначенням обов’язкових креслень, плакатів):
1. Вигляд головної сторінки сайту інтернет–магазину «Геракл»
2. Налаштування каталогу продукції і платіжної системи
3. Підключення доставки товару Новою поштою
4. Підключення системи платежів
6. Консультанти розділів роботи:
Розділ Прізвище, ініціали Підпис, дата
консультанта завдання видав завдання прийняв
7. Дата видачі завдання: 27 лютого 2023 року
КАЛЕНДАРНИЙ ПЛАН
Термін
№ з/п Назва етапів роботи виконання Примітка
етапів роботи
1 Збір матеріалу 01.03 – 14.03 виконано
2 Обробка матеріалу 15.03 – 20.03 виконано
3 Огляд існуючих аналогів сайтів виконано
інтернет–магазинів та постановка задачі 21.03-26.03
4 Опис процесу створення сайту 27.03-03.04 виконано
інтернет–магазину
5 Обґрунтування вибору засобів розробки сайту
інтернет–магазину 04.04-09.04 виконано
6 Обґрунтування вибору засобів захисту сайту 09.04-16.04 виконано
інтернет–магазину
7 Оформлення пояснювальної записки 17.04-28.04 виконано
8 Оформлення графічного матеріалу 29.04-21.05 виконано
9 Подання роботи на відгук та рецензування 22.05.2023 виконано
Студент ___________________________ Денис ХОМЕНКО
(підпис)
Керівник роботи ___________________________ Микола ХРУЛЬОВ
(підпис)
АНОТАЦІЯ
Метою виконання даної кваліфікаційної роботи на здобуття освітнього
ступеня «бакалавр» є створення сайту Інтернет-магазину спортивного
інвентарю «Геракл».
Загальний обсяг роботи становить 75 сторінок. У випускній роботі
30 рисунків. Для виконання роботи використано 15 інформаційних джерел.
Об'єктом кваліфікаційної роботи є сайт інтернет-магазину спортивного
інвентарю «Геракл».
Для створення сайту пропонується використання мови розмітки
гіпертекстових документів HTML та мови PHP.
Основними завданнями інтернет-магазину є спрощення роботи з
відвідувачами-клієнтами, підвищення ефективності рекламних функцій,
зростання популярності товарів та збільшення кількості клієнтів.
В майбутньому доцільно створення мобільної версії сайту.
Ключові слова: САЙТ ІНТЕРНЕТ-МАГАЗИНУ, HTML, CSS, PHP.
ANNOTATION
The purpose of this graduation work for obtaining the bachelor's degree is to
create a website for the Heracles sports equipment online store.
The total volume of work is 75 pages. There are 30 drawings in the
graduation work. 15 information sources were used to perform the work.
The object of the final work is the website of the sports equipment online
store "Heracles".
To create a site, it is suggested to use the markup language of hypertext
documents HTML and the PHP language.
The main tasks of the online store are to simplify work with visitors-clients,
increase the effectiveness of advertising functions, increase the popularity of
products and increase the number of customers.
In the future, it is advisable to create a mobile version of the site.
Key words: ONLINE STORE SITE, HTML, CSS, PHP.
ЗМІСТ
ВСТУП......................................................................................................................4
1 ОГЛЯД ІСНУЮЧИХ АНАЛОГІВ САЙТІВ ІНТЕРНЕТ–МАГАЗИНІВ
ТОВАРІВ НАРОДНОГО ВЖИТКУ ТА ПОСТАНОВКА ЗАДАЧІ....................8
1.1 Аналіз ринку інтернет магазинів...........................................................8
1.2 Огляд існуючих аналогів сайтів інтернет–магазинів...........................9
1.3 Огляд оформлення головної сторінки сайту інтернет–магазинів .... 15
1.4 Вимоги до оформлення головної сторінки сайту інтернет–магазину
«Геракл».......................................................................................................17
2 ОПИС СТРУКТУРИ ПРОГРАМНОГО ЗАБЕЗПЕЧЕННЯ САЙТУ
ІНТЕРНЕТ–МАГАЗИНУ СПОРТИВНОГО ІНВЕНТАРЮ «ГЕРАКЛ»..........21
2.1 Модуль клієнтського інтерфейсу.........................................................22
2.2 Модуль серверної частини інтернет-магазину...................................24
2.3 Модуль «База даних інтернет-магазину»............................................25
2.4 Модуль «Управління контентом інтернет магазину»........................26
2.5 Модуль «Системи обробки платежів інтернет магазину» ................ 28
2.6 Модуль «Аналітика».............................................................................29
3 ОПИС ПРОЦЕСУ СТВОРЕННЯ САЙТУ ІНТЕРНЕТ–МАГАЗИНУ
СПОРТИВНОГО ІНВЕНТАРЮ «ГЕРАКЛ»......................................................33
4 ОБҐРУНТУВАННЯ ВИБОРУ ЗАСОБІВ РОЗРОБКИ САЙТУ......................53
ІНТЕРНЕТ–МАГАЗИНУ СПОРТИВНОГО ІНВЕНТАРЮ «ГЕРАКЛ»..........53
4.1 Огляд мов програмування....................................................................53
4.2 Огляд автоматизованих засобів розробки сайтів...............................54
4.3 Огляд додаткових автоматизованих засобів розробки для розробки
інтернет-магазинів.......................................................................................55
ЧДТУ.231933.007 ПЗ
Змн. Арк. № докум. Підпис Дат
РозрКобив .Хоменко Д. С. а
Керівник Хрульов М.В. Сайт Інтернет-магазину Літ. Лист Листів
Рецеанзент Волков С.М. спортивного інвентарю 2 75
Н.Контроль Гресько С.О. «Геракл» Кафедра ІБ та КІ
Затвфердив Рудницький В.М. Пояснювальна записка гр. СП-1906
е
д
р
а
К
К
-
0
6
5 ОБҐРУНТУВАННЯ ВИБОРУ ЗАСОБІВ ЗАХИСТУ САЙТУ.......................60
ІНТЕРНЕТ–МАГАЗИНУ СПОРТИВНОГО ІНВЕНТАРЮ «ГЕРАКЛ»..........60
5.1 Огляд засобів захисту сайтів інтернет–магазинів..............................60
5.2 Огляд загроз сайтів інтернет–магазинів..............................................61
5.3 Вимоги до засобів захисту сайтів інтернет–магазинів......................62
5.4 Захист інтернет-магазину у WordPress................................................63
ВИСНОВКИ...........................................................................................................66
ПЕРЕЛІК СКОРОЧЕНЬ ТА УМОВНИХ ПОЗНАЧЕНЬ...................................68
ДОДАТОК А – Вигляд головної сторінки сайту інтернет–магазину «Геракл»
ДОДАТОК Б – Налаштування каталогу продукції і платіжної системи за
допомогою WooCommerce
ДОДАТОК В – Підключення доставки товару Новою поштою72
ДОДАТОК Г – Підключення системи платежів73
СПИСОК ВИКОРИСТАНИХ ДЖЕРЕЛ……………………………………….74
Лист
ЧДТУ.231933.007 ПЗ т
Зм. Лист № докум. Підпис Дат 3
а
ВСТУП
Кількість користувачів Інтернету постійно зростає. Інтернет з кожним
днем все більше впливає на різні сфери нашого життя. Зараз майже
неможливо уявити життя без інтернету. Інтернет усюди − і вдома, і на роботі,
і в дорозі. Інтернет − це не лише величезна база інформації, а й засіб
комунікації людей один з одним, і один із способів ведення бізнесу. Це
величезний майданчик з невичерпними можливостями, саме тому бізнес в
мережі є одним з найприбутковіших і найефективніших способів заробітку
для величезної кількості людей. Інтернет стає додатковим інструментом для
того, щоб продавати товари та послуги, здійснювати пошук можливих
клієнтів та розвивати бізнес. Яскравим прикладом використання мережі
Інтернет серед бізнесу можна назвати інтернет-магазини.
Звичайні магазини протягом останніх років все більше конкурують з
інтернет-магазинами, оскільки останні стають все більш популярними серед
споживачів. Ось детальніше про інтернет-магазини і їх вплив на наше життя:
 зручність покупок. Інтернет-магазини надають нам можливість зробити
покупки з будь-якого місця, де є доступ до Інтернету. Нам не потрібно
виходити з дому або шукати паркомісце, щоб зайти до магазину. Ми
можемо шукати, порівнювати і замовляти товари просто за декілька
кліків миші або натисканням на смартфон;
 широкий вибір товарів. Інтернет-магазини пропонують великий
асортимент товарів у порівнянні з традиційними магазинами. Ми
можемо знайти товари різних брендів, моделей, розмірів і кольорів. Не
маючи обмежень фізичного простору, інтернет-магазини можуть
запропонувати нам більше варіацій товарів, а також рідкісні або
незвичайні товари, які можуть бути складніше знайти в традиційних
магазинах;
Лист
ЧДТУ.231933.007 ПЗ т
Зм. Лист № докум. Підпис Дат 4
а
 зручність порівняння цін і характеристик. У інтернет-магазинах ми
можемо легко порівняти ціни на різних вендорів та знайти найкращу
пропозицію. Ми також можемо детально ознайомитися з
характеристиками товару, прочитати відгуки покупців та зробити
обґрунтований вибір перед покупкою;
 зручна доставка. Багато інтернет-магазинів пропонують широкий вибір
варіантів доставки. Ми можемо вибрати доставку до дверей, самовивіз
з пунктів видачі, поштову доставку або навіть доставку в
міжнародному масштабі. Це особливо зручно для тих, хто має
обмежений доступ до магазинів або має складний графік роботи;
 знижки та акції. Інтернет-магазини часто проводять розпродажі,
знижки та спеціальні акції. Вони можуть надавати промокоди для
знижок або безкоштовну доставку. Це дозволяє споживачам економити
гроші та знаходити вигідні пропозиції;
 глобальний доступ. Інтернет-магазини дозволяють нам отримати
доступ до товарів з усього світу. Ми можемо замовляти товари з-за
кордону, що раніше було складніше або неможливо. Це дозволяє нам
знайти унікальні або спеціалізовані товари, які можуть бути недоступні
в нашому регіоні;
 безпека та захист. В більшості випадків інтернет-магазини мають
високі стандарти безпеки та захисту персональної інформації
споживачів. Такі магазини використовують шифрування для захисту
ваших фінансових даних та особистої інформації.
Інтернет-магазини є невід'ємною складовою сучасного бізнесу. Вони
надають можливість покупцям замовляти товари або послуги через Інтернет і
замовити доставку. Особливості і переваги інтернет-магазинів полягають у
широкому асортименті товарів, доступності 24/7, зручному порівнянні цін та
можливості зробити покупку в будь-який час і з будь-якого місця.
Лист
ЧДТУ.231933.007 ПЗ т
Зм. Лист № докум. Підпис Дат 5
а
Одна з головних переваг інтернет-магазинів - це глобальне охоплення
ринку. Вони можуть продавати свої товари або послуги по всьому світу без
необхідності фізично присутнім у кожному регіоні. Це дозволяє компаніям
залучати клієнтів з різних країн і розширювати свою аудиторію.
Інтернет-магазини також забезпечують зручність для клієнтів. Покупці
можуть шукати і порівнювати товари, використовуючи пошукові функції та
фільтри. Вони можуть замовляти товари з будь-якого місця з доступом до
Інтернету, що дозволяє їм економити час і зусилля. Крім того, інтернет-
магазини часто надають детальну інформацію про товари, відгуки покупців
та можливість задати питання перед покупкою.
З погляду бізнесу, інтернет-магазини можуть знизити витрати на
оренду приміщень, обслуговування персоналу та інфраструктуру. Крім того,
вони дають можливість збирати дані про клієнтів, їхні покупки та поведінку,
що дозволяє підвищити ефективність маркетингових стратегій і
персоналізувати пропозиції.
Інтернет-магазини можуть бути спеціалізованими, фокусуючись на
конкретній категорії товарів, наприклад, електроніці, моді, косметиці або
продуктах харчування. Вони також можуть бути загальною платформою, яка
пропонує різноманітні товари та послуги.
Для успішної роботи інтернет-магазинів важливо мати надійну і
безпечну платформу для замовлення товарів, обробки платежів і відстеження
доставки. Також необхідно мати ефективну систему логістики для доставки
товарів своїм клієнтам.
Однак інтернет-магазини також зіткнуться з викликами, такими як
конкуренція з боку інших магазинів, проблеми з кібербезпекою, організаціям
доставки та обробки повернень товарів.
Усе враховуючи, інтернет-магазини є невід'ємною складовою
сучасного бізнесу і забезпечують зручність та глобальний охоплення ринку.
Лист
ЧДТУ.231933.007 ПЗ т
Зм. Лист № докум. Підпис Дат 6
а
Вони надають покупцям широкий вибір товарів та послуг, а бізнесам -
можливість розширення аудиторії і збільшення продажів.
Завданням дипломної роботи є розробка інтернет-магазину
спортивного інвентарю «Геракл» . Метою цього завдання є створення
програми яка повинна забезпечити розширення галузі продажу товарів, за
рахунок конкуренції на ринку інтернет-магазинів. Цей магазин
спеціалізується на продажі спортивного інвентарю, який включає в себе
різноманітний спортивний одяг та різні предмети для заняття спортом. Цей
магазин має забезпечити можливість клієнтам відкрити магазин, вибрати
потрібний для них товар і зробити замовлення щоб отримати його.
Таким чином тема даної дипломної роботи «Сайт Інтернет-магазину
спортивного інвентарю «Геракл» є актуальною і представляє практичну
цінність [1].
Лист
ЧДТУ.231933.007 ПЗ т
Зм. Лист № докум. Підпис Дат 7
а
1 ОГЛЯД ІСНУЮЧИХ АНАЛОГІВ САЙТІВ
ІНТЕРНЕТ–МАГАЗИНІВ ТОВАРІВ НАРОДНОГО ВЖИТКУ ТА
ПОСТАНОВКА ЗАДАЧІ
1.1 Аналіз ринку інтернет магазинів
Аналіз ринку інтернет-магазинів може бути проведений з багатьох
різних поглядів. Ось кілька ключових аспектів, які можна розглянути при
аналізі ринку інтернет-магазинів:
 загальний розмір ринку. Дослідження розміру ринку інтернет-
магазинів дає уявлення про його обсяги та потенційні можливості. Це
можна зробити, аналізуючи статистичні дані про зростання електронної
комерції та продажів в Інтернеті;
 тренди та зростання. Важливо вивчити актуальні тренди в інтернет-
магазинів, такі як зростання мобільних покупок, розширення ринку
товарів і послуг, а також використання нових технологій, таких як
штучний інтелект, віртуальна реальність або блокчейн. Це допоможе
зрозуміти, які можливості є для нових існуючих гравців ринку;
 конкуренція. Аналіз конкурентного середовища інтернет-магазинів
допоможе визначити, скільки компаній працює в цій галузі, які є їхні
переваги і слабкі місця, а також чи є вільні ніші для нових учасників
ринку;
 цільова аудиторія. Вивчення цільової аудиторії інтернет-магазинів
допоможе зрозуміти, які товари та послуги популярні серед онлайн-
шоперів, їхні вимоги та переваги. Це важливо для визначення
продуктового асортименту, маркетингових стратегій та розробки веб-
сайту;
 маркетингові стратегії. Аналізуючи маркетингові стратегії інтернет-
магазинів, можна дізнатися, як вони привертають та утримують
Лист
ЧДТУ.231933.007 ПЗ т
Зм. Лист № докум. Підпис Дат 8
а
клієнтів. Це охоплює такі аспекти, як соціальні медіа-кампанії,
контент-маркетинг, пошукову оптимізацію (SEO), партнерські
програми та інші методи;
 технологічний стек. Важливо ознайомитися з технологічними
рішеннями та платформами, які використовуються в інтернет-
магазинах. Це може включати електронну комерцію CMS (Content
Management System), платіжні шлюзи, аналітичні інструменти, CRM
(Customer Relationship Management) та інші;
 регулювання та правові питання. Дослідження правових аспектів,
пов'язаних з електронною комерцією, таких як захист персональних
даних, електронний підпис, податкові обов'язки тощо, є важливим для
забезпечення дотримання вимог законодавства [2].
1.2 Огляд існуючих аналогів сайтів інтернет–магазинів
Сучасний інтернет-магазин повинен мати кілька ключових
характеристик для забезпечення зручності, безпеки та задоволення покупців.
Ось деякі важливі елементи сучасного інтернет-магазину [18].
 інтуїтивно зрозумілий дизайн та навігація. Магазин повинен мати
чіткий та привабливий дизайн, де продукти легко знаходяться, а
навігація є зрозумілою та легкою для використання;
 мобільна сумісність. З урахуванням все більшого використання
мобільних пристроїв, інтернет-магазин повинен бути оптимізований
для мобільних пристроїв, забезпечуючи зручний та привабливий
інтерфейс для мобільних користувачів;
 безпека. Забезпечення безпеки особистих даних покупців є важливим
аспектом. Сучасні інтернет-магазини повинні використовувати
Лист
ЧДТУ.231933.007 ПЗ т
Зм. Лист № докум. Підпис Дат 9
а
захищені протоколи передачі даних, шифрування та інші заходи
безпеки для захисту інформації покупців;
 широкий вибір товарів. Інтернет-магазин повинен мати різноманітність
товарів, щоб задовольнити потреби різних категорій покупців. Це може
включати різні бренди, моделі, розміри та варіації продуктів;
 простий процес замовлення. Користувачам повинно бути легко
зрозуміти та виконати процес замовлення. Магазин повинен мати
зручну форму замовлення, варіанти оплати та доставки, а також чітку
інформацію про наявність товарів;
 відгуки та рейтинги. Наявність відгуків і рейтингів покупців дозволяє
іншим користувачам оцінити якість товарів і обслуговування. Це
допомагає зробити обґрунтований вибір при покупці;
 клієнтська підтримка. Сучасні інтернет-магазини повинні надавати
швидку та ефективну підтримку клієнтам. Це може включати онлайн-
чат, електронну пошту, телефонну підтримку та інші способи зв'язку.
Інтернет-магазини виконують різноманітні функції для забезпечення
успішного продажу товарів та задоволення потреб покупців. Ось кілька
прикладів функцій, які виконують інтернет-магазини:
 каталог товарів. Інтернет-магазин має відображати каталог товарів з
докладними описами, фотографіями, цінами та характеристиками.
Покупці можуть переглядати товари та знаходити потрібний продукт;
 кошик покупок. Ця функція дозволяє покупцям додавати товари до
кошика покупок, переглядати вміст кошика, змінювати кількість
товарів та готуватися до оформлення замовлення;
 процес оформлення замовлення. Інтернет-магазин повинен мати
зручний та простий процес оформлення замовлення, включаючи
введення адреси доставки, вибір способу оплати та підтвердження
замовлення;
Лист
ЧДТУ.231933.007 ПЗ т
Зм. Лист № докум. Підпис Дат 10
а
 система оплати. Інтернет-магазини повинні підтримувати різні способи
оплати, такі як кредитні картки, електронні платежі, банківські
перекази тощо. Вони мають забезпечувати безпеку та захист
фінансових даних покупців;
 система доставки. Інтернет-магазини повинні пропонувати різні
варіанти доставки товару, включаючи кур'єрську доставку, поштову
службу, самовивіз або пункти видачі. Покупці мають мати можливість
вибрати найзручніший спосіб отримання замовлення;
 система відстеження замовлення. Покупці повинні мати можливість
відстежувати статус свого замовлення через інтернет-магазин. Вони
можуть отримувати оновлення про обробку, доставку та прибуття
замовлення;
 клієнтська підтримка. Інтернет-магазини мають надавати підтримку
покупцям через різні канали, такі як онлайн-чат, електронна пошта або
телефонна лінія підтримки. Це дозволяє вирішувати запитання,
розбиратися з проблемами та надавати консультації.
Сучасний інтернет-магазин повинен мати кілька ключових
характеристик для забезпечення зручності, безпеки та задоволення покупців.
Ось деякі важливі елементи сучасного інтернет-магазину [5]:
 інтуїтивно зрозумілий дизайн та навігація. Магазин повинен мати
чіткий та привабливий дизайн, де продукти легко знаходяться, а
навігація є зрозумілою та легкою для використання;
 мобільна сумісність. З урахуванням все більшого використання
мобільних пристроїв, інтернет-магазин повинен бути оптимізований
для мобільних пристроїв, забезпечуючи зручний та привабливий
інтерфейс для мобільних користувачів;
 безпека. Забезпечення безпеки особистих даних покупців є важливим
аспектом. Сучасні інтернет-магазини повинні використовувати
Лист
ЧДТУ.231933.007 ПЗ т
Зм. Лист № докум. Підпис Дат 11
а
захищені протоколи передачі даних, шифрування та інші заходи
безпеки для захисту інформації покупців;
 широкий вибір товарів. Інтернет-магазин повинен мати різноманітність
товарів, щоб задовольнити потреби різних категорій покупців. Це може
включати різні бренди, моделі, розміри та варіації продуктів;
 простий процес замовлення. Користувачам повинно бути легко
зрозуміти та виконати процес замовлення. Магазин повинен мати
зручну форму замовлення, варіанти оплати та доставки, а також чітку
інформацію про наявність товарів;
 відгуки та рейтинги. Наявність відгуків і рейтингів покупців дозволяє
іншим користувачам оцінити якість товарів і обслуговування. Це
допомагає зробити обґрунтований вибір при покупці;
 клієнтська підтримка. Сучасні інтернет-магазини повинні надавати
швидку та ефективну підтримку клієнтам. Це може включати онлайн-
чат, електронну пошту, телефонну підтримку та інші способи зв'язку.
Інтернет-магазини виконують різноманітні функції для забезпечення
успішного продажу товарів та задоволення потреб покупців. Ось кілька
прикладів функцій, які виконують інтернет-магазини [17]:
 каталог товарів. Інтернет-магазин має відображати каталог товарів з
докладними описами, фотографіями, цінами та характеристиками.
Покупці можуть переглядати товари та знаходити потрібний
продукт;
 кошик покупок. Ця функція дозволяє покупцям додавати товари до
кошика покупок, переглядати вміст кошика, змінювати кількість
товарів та готуватися до оформлення замовлення;
 процес оформлення замовлення. Інтернет-магазин повинен мати
зручний та простий процес оформлення замовлення, включаючи
Лист
ЧДТУ.231933.007 ПЗ т
Зм. Лист № докум. Підпис Дат 12
а
введення адреси доставки, вибір способу оплати та підтвердження
замовлення;
 система оплати. Інтернет-магазини повинні підтримувати різні
способи оплати, такі як кредитні картки, електронні платежі,
банківські перекази тощо. Вони мають забезпечувати безпеку та
захист фінансових даних покупців;
 система доставки. Інтернет-магазини повинні пропонувати різні
варіанти доставки товару, включаючи кур'єрську доставку, поштову
службу, самовивіз або пункти видачі. Покупці мають мати
можливість вибрати найзручніший спосіб отримання замовлення;
 система відстеження замовлення. Покупці повинні мати можливість
відстежувати статус свого замовлення через інтернет-магазин. Вони
можуть отримувати оновлення про обробку, доставку та прибуття
замовлення;
 клієнтська підтримка. Інтернет-магазини мають надавати підтримку
покупцям через різні канали, такі як онлайн-чат, електронна пошта
або телефонна лінія підтримки. Це дозволяє вирішувати запитання,
розбиратися з проблемами та надавати консультації.
Оформлення інтернет-магазину включає в себе декілька важливих
елементів. Нижче наведено основні вимоги до оформлення інтернет-
магазину [8]:
 дизайн. Слід дотримуватись привабливого та професійного дизайну
інтернет-магазину. Дизайн повинен бути легким для сприйняття,
естетичним і відповідати бренду. Враховуючи зручність
використання інтерфейсу, логічну структуру сторінок та навігацію;
 логотип і бренд. Слід створити логотип, який буде відображати ваш
бренд і використовуйте його на всіх сторінках магазину.
Враховуючи також кольорову схему, шрифти та інші елементи;
Лист
ЧДТУ.231933.007 ПЗ т
Зм. Лист № докум. Підпис Дат 13
а
 зручний пошук. Забезпечте можливість швидкого та зручного
пошуку товарів у вашому магазині. Додайте поле пошуку, фільтри
за категоріями, ціною, розміром тощо;
 категорії та товари. Слід розподілити товари на категорії, щоб
покупці могли легко знайти потрібний їм товар. Обов’язково додати
детальні описи, фотографії та характеристики для кожного товару;
 кошик і оформлення замовлення. Реалізація функції додавання
товарів до кошика, редагування кількості товарів, обчислення
загальної суми замовлення і зручну систему оформлення
замовлення. Забезпечення можливість вибору способу доставки і
оплати;
 оптимізація для мобільних пристроїв. Створюємо інтернет-магазин
адаптивним для різних розмірів екранів, забезпечуємо зручну
навігацію та читання на мобільних пристроях;
 безпека. Забезпечуємо надійний захист персональних даних клієнтів
та платіжних інформації. Використовуйте шифрування даних, SSL-
сертифікати та інші заходи безпеки;
 контактна інформація. Вказуємо контактну інформацію, таку як
номер телефону, електронну пошту або онлайн-чат, щоб клієнти
могли зв'язатися з вами в разі питань або проблем;
 відгуки та рейтинги. Забезпечуємо можливість залишати відгуки та
оцінки для товарів, щоб покупці могли ділитися своїми думками та
досвідом.
Зважаючи на різноманітність інтернет-магазинів, ось кілька прикладів
популярних інтернет-магазинів та послуг, які вони надають [17]:
 Amazon є одним з найбільших інтернет-магазинів, який пропонує
широкий асортимент товарів, включаючи електроніку, книги, одяг,
побутову техніку та багато іншого. Вони також надають послуги, такі
Лист
ЧДТУ.231933.007 ПЗ т
Зм. Лист № докум. Підпис Дат 14
а
як швидка доставка, програма лояльності Amazon Prime, стрімінговий
сервіс Prime Video та хмарне сховище Amazon Drive;
 eBay - це популярний інтернет-магазин, де користувачі можуть
продавати та купувати нові та вживані товари. Він пропонує широкий
спектр товарів, від електроніки та модного одягу до рідкісних
колекційних предметів. eBay також має систему аукціонів, де покупці
можуть зробити ставку на товари;
 Etsy - це платформа для продажу ручної роботи, виробів власного
виготовлення, вінтажних товарів та унікальних подарунків. Це місце,
де малі підприємці та художники можуть продавати свої твори. Etsy
надає можливості для налаштування власного магазину, взаємодії з
покупцями та просування продуктів;
 Zappos - це інтернет-магазин взуття та аксесуарів. Вони
спеціалізуються на широкому виборі взуття для чоловіків, жінок та
дітей. Zappos відомий своєю безкоштовною доставкою та
поверненнями, а також високоякісним сервісом клієнтської підтримки;
 Sephora - це інтернет-магазин косметики та продуктів для догляду за
шкірою. Вони пропонують широкий вибір косметичних брендів,
парфумів, засобів для догляду за волоссям та інших красивих товарів.
Sephora також надає різні послуги, такі як онлайн-консультанти та
програма лояльності Beauty Insider.
1.3 Огляд оформлення головної сторінки сайту інтернет–магазинів
Головна сторінка сайту – це обличчя компанії. Зазвичай саме на неї
потрапляють потенційні клієнти і саме по ній оцінюють, чи варто далі
співпрацювати з фірмою. Головна сторінка сайту схоже вітрині магазину.
Якщо вона привертає увагу, то потенційний покупець зайде всередину, щоб
уважніше розглянути товар. До того ж вона грає роль інформаційного
Лист
ЧДТУ.231933.007 ПЗ т
Зм. Лист № докум. Підпис Дат 15
а
центру, допомагаючи користувачеві зорієнтуватися і зрозуміти, де шукати
необхідну інформацію.
На прикладі Фокстрот і Comfy можна побачити як розробники цих
сайтів намагаються залучити якомога більшу кількість покупців своїм
комфортним і для багатьох знайомим інтерфейсом. Дотримуючись свого
стилю за якого на сторінках сайту використовується лише декілька кольорів
Фокстрот (оранжевий, білий, жовтий ) Comfy (білий, зелений). У розробників
популярних сайтів є можливість заробляти виставляючи на сайті рекламу або
допомагати іншим додаючи на сайт збір коштів для хворих або армії.
Оформлення головної сторінки сайту інтернет-магазину ФОКСТРОТ
наведено на рисунку 1.1.
Рисунок 1.1 – Оформлення головної сторінки сайту інтернет-магазину
ФОКСТРОТ
Оформлення головної сторінки сайту інтернет-магазину COMFY
наведено на рисунку 1.2.
Лист
ЧДТУ.231933.007 ПЗ т
Зм. Лист № докум. Підпис Дат 16
а
Рисунок 1.2 – Оформлення головної сторінки сайту інтернет-магазину
ФОКСТРОТ
1.4 Вимоги до оформлення головної сторінки сайту
інтернет–магазину «Геракл»
1.4.1 Загальні вимоги до головної сторінки сайту
інтернет–магазину «Геракл»
Головна сторінка сайту інтернет–магазину «Геракл» повинна бути [18]:
 інформативною. Заходячи на сайт, відвідувач відразу ж повинен
отримати на першій сторінці короткі і чіткі відповіді на питання: що це
за сайт, що тут можна знайти, чи можна довіряти цій компанії, чим цей
сайт краще за інших, що робити далі? І якщо відвідувач отримує
потрібну йому інформацію і розуміє, що цей сайт може запропонувати
те, що йому потрібно і на вигідних умовах, то він залишиться на
сторінках ресурсу і з більшою ймовірністю стане клієнтом компанії.
Тому основне завдання головної сторінки – з перших секунд
переконати відвідувача сайту в тому, що він потрапив за адресою;
 зручною і функціональною. Інформація та посилання на головній
сторінці повинні бути розташовані грамотно, щоб відвідувачеві було
зручно користуватися ресурсом. Інтуїтивно зрозуміла навігація,
Лист
ЧДТУ.231933.007 ПЗ т
Зм. Лист № докум. Підпис Дат 17
а
контакт для зворотного зв’язку, популярний контенттовар і можливість
його замовити безпосередньо з головної сторінки, адаптований дизайн
сайту – ось тільки деякі елементи, які роблять сторінку зручною. Але
при цьому все повинно бути в міру, оскільки перевантажена контентом
і функціональними блоками сторінка відлякає користувача;
 без нав’язливої реклами сторонніх ресурсів. Мало того, що рекламні
банери сильно знижують довіру до сайту, так ще й відволікають
вашого потенційно клієнта від кінцевої мети – покупки , замовлення на
вашому сайті. Велика кількість реклами може відвести клієнта з
вашого ресурсу;
 без вимоги реєстрації. Ніхто не захоче витрачати свій дорогоцінний
час, щоб зареєструватися на Вашому сайті. Хіба що заради значної
знижки;
 сайт повинен бути приємний для користувача – очі не повинно різати
від занадто контрастного або дрібного шрифту;
 без зайвих елементів. Годинники, хмари тегів, віджити погоди та інші
подібні елементи оформлення перевантажують головну сторінку і
відволікають від основної інформації. Уникайте рухомих і миготливих
елементів, анімації. У людей периферичний зір розвинений краще
центрального, тому такі деталі відволікають увагу і ускладнюють
сприйняття інших інформаційних блоків;
 з адаптивною версткою. Все більше відвідувачів заходять на сайти
через планшети і смартфони. І якщо сайт не адаптований під різні
пристрої, то Ви втратите величезну кількість потенційних клієнтів.
1.4.2 Вимоги до шапки сайту інтернет–магазину «Геракл»
Шапка інтернет-магазину – це наскрізний елемент оформлення, який
відбивається на всіх сторінках сайту. Тому оформлення шапки має бути
максимально функціональним.
Лист
ЧДТУ.231933.007 ПЗ т
Зм. Лист № докум. Підпис Дат 18
а
Шапка сайту інтернет–магазину «Геракл»повинна мати наступні
базові елементи:
 логотип;
 контактні дані;
 меню;
 рядок пошуку.
Вхід в персональний кабінет користувача або реєстрація нового
відвідувача.
Для електронних магазинів, які працюють на ринках кількох країн, в
шапку потрібно додати можливість вибору мови і валюти.
1.4.3 Вимоги до меню сайту інтернет–магазину «Геракл»
Головна відмінність структури інтернет-магазину від інформаційного
сайту – велика кількість категорій і підкатегорій. Тому в інтернет-магазині як
правило, роблять два меню – головне та допоміжне.
Головне меню розташовується в шапці. Воно повинно включати такі
пункти:
 про нас (про магазин, про компанії, про фірму);
 каталог;
 оплата;
 доставка;
 акції, подарунки, бонуси, знижки;
 послуги (сервіс, гарантії, повернення товару);
 контакти.
Допоміжне меню повинно:
 включати категорії і підкатегорії товарів;
 розташовуватися в бічній частині сайту. Найчастіше для цього
використовують лівий сайд бар.
Лист
ЧДТУ.231933.007 ПЗ т
Зм. Лист № докум. Підпис Дат 19
а
Пункти допоміжного меню, з огляду на те що великий трафік
приходить в інтернет-магазини з мобільних пристроїв повинні мати
вертикальне розміщення.
1.4.4 Вимоги до каталогу сайту інтернет–магазину «Геракл»
Найчастіше інтернет-магазин займається реалізацією різних груп
товарів, які передбачають поділ на рівні.
Для того щоб правильно структурувати каталог, слід орієнтуватися на
семантичне ядро сайту і список товарів, що реалізуються. Важливою є оцінка
поведінки цільових користувачів: що хоче бачити клієнт в каталозі, на якому
місці має стояти той чи інший запит і яка інформація повинна знаходиться в
розділі.
В каталозі дуже важливо правильно структурувати асортимент і не
допустити плутанини, після якої потенційний клієнт просто закриє сайт і піде
до конкурентів.
Важливо чітко розділяти розділи і картки товару, вдаючись до
дизайнерських прийомів (виділення кольором, шрифтом, елементами).
Покупець повинен точно знати, що, натиснувши на картинку, де зображений
певний корм, він побачить ціну і кнопку «Купити», а не отримає список ще
десяти виробників і різновидів товару.
Лист
ЧДТУ.231933.007 ПЗ т
Зм. Лист № докум. Підпис Дат 20
а
2 ОПИС СТРУКТУРИ ПРОГРАМНОГО ЗАБЕЗПЕЧЕННЯ САЙТУ
ІНТЕРНЕТ–МАГАЗИНУ СПОРТИВНОГО ІНВЕНТАРЮ «ГЕРАКЛ»
Структуру програмного забезпечення для інтернет-магазину
спортивного інвентарю «Геракл» наведено на рис. ННН. Структура
програмного забезпечення для інтернет-магазину спортивного інвентарю
«Геракл» складається з:
 модуль «Клієнтський інтерфейс». Це та частина програми, з якою
користувачі взаємодіють безпосередньо. Він може бути реалізований у
вигляді веб-сторінок, додатків для мобільних пристроїв або навіть
додатків для настільних комп'ютерів. Клієнтський інтерфейс
забезпечує користувачам доступ до каталогу товарів, пошуку,
оформлення замовлень, оплати і будь-яких інших функцій, які ви
бажаєте надати;
 модуль «Серверна частина». Це набір компонентів, які забезпечують
обробку запитів користувачів і взаємодію з базою даних. Серверна
частина приймає запити від клієнтського інтерфейсу, обробляє їх і
повертає відповіді. Вона також відповідає за автентифікацію
користувачів, управління сесіями, обробку платежів та інші бізнес-
логіки;
 модуль «База даних». Інтернет-магазин потребує бази даних для
зберігання і організації інформації про товари, клієнтів, замовлення,
історію покупок тощо. База даних може бути реалізована з
використанням реляційних систем керування базами даних (наприклад,
MySQL, PostgreSQL) або нереляційних систем (наприклад, MongoDB,
Cassandra), в залежності від потреб магазину;
 модуль «Управління контентом». Для зручності адміністрування сайту,
інтернет-магазин може мати систему управління контентом (CMS). Це
Лист
ЧДТУ.231933.007 ПЗ т
Зм. Лист № докум. Підпис Дат 21
а
дозволяє легко додавати, редагувати і видаляти товари, оновлювати
інформацію про акції та знижки, налаштовувати макети сторінок і т. д.;
 модуль «Система обробки платежів». Для приймання онлайн-платежів
потрібно інтегрувати систему обробки платежів, таку як Stripe, PayPal
або інші платіжні шлюзи. Це допомагає забезпечити безпеку платежів
та автоматично обробляти транзакції замовлень;
 модуль «Аналітика». Щоб відстежувати та аналізувати показники
ефективності інтернет-магазину, можна використовувати інструменти
аналітики, такі як Google Analytics або інші аналітичні платформи.
Вони надають звіти про кількість відвідувачів, конверсію, популярність
товарів та інші корисні дані.
2.1 Модуль клієнтського інтерфейсу
Клієнтський інтерфейс (або frontend) інтернет-магазину є тим, з чим
користувачі взаємодіють безпосередньо. Він відображається на екрані
користувача і забезпечує йому зручний та привабливий спосіб перегляду
товарів, пошуку, оформлення замовлень та інших дій [19].
Основні компоненти клієнтського інтерфейсу включають наступне:
 веб-сторінки. Інтерфейс інтернет-магазину зазвичай складається з
різних веб-сторінок, таких як домашня сторінка, сторінки категорій
товарів, сторінки товарів, кошик, сторінки оформлення замовлення,
сторінки профілю користувача тощо. Кожна сторінка містить
необхідну інформацію і елементи керування для виконання певних
завдань;
 навігація. Ефективна навігація допомагає користувачам швидко
знаходити потрібну інформацію та переходити між різними
сторінками. Вона може включати меню, пошукову стрічку, посилання
на різні категорії товарів, кнопки "Додати до кошика" і "Купити",
посилання на сторінку оформлення замовлення тощо. Навігація
Лист
ЧДТУ.231933.007 ПЗ т
Зм. Лист № докум. Підпис Дат 22
а
зазвичай розташовується у верхній або бічній частині інтерфейсу для
зручності користувача;
 каталог товарів. Це розділ, в якому відображається список товарів або
послуг, доступних для покупки. Каталог може бути організований за
категоріями, брендами або іншими параметрами, що дозволяють
користувачам швидко фільтрувати та сортувати товари за їхніми
потребами. Кожен товар зазвичай містить назву, зображення, опис,
ціну та кнопки додавання до кошика або покупки;
 форми. Форми використовуються для введення даних користувачами,
наприклад, при оформленні замовлення, реєстрації або зв'язку зі
службою підтримки. Форми можуть включати поля для введення імені,
адреси, контактної інформації, методів оплати та доставки, а також
кнопки для підтвердження або відміни дій;
 кошик. Це розділ, в якому користувачі можуть переглядати товари, які
вони додали до свого кошика покупок, і керувати ними, наприклад,
змінювати кількість товарів або видаляти їх. Кошик також може
відображати підсумкову вартість замовлення та варіанти доставки та
оплати;
 аутентифікація і профіль користувача. Деякі інтернет-магазини мають
систему аутентифікації, яка дозволяє користувачам створювати
облікові записи і входити в систему для отримання персоналізованого
досвіду. Профіль користувача може містити інформацію про
замовлення, адреси доставки, налаштування облікового запису та
історію покупок;
 візуалізація та дизайн. Важливим аспектом клієнтського інтерфейсу є
його візуальний аспект та дизайн. Естетичний і привабливий дизайн,
використання зображень, піктограм, кольорів і шрифтів допомагають
створити привабливу та зручну для користувачів атмосферу.
Лист
ЧДТУ.231933.007 ПЗ т
Зм. Лист № докум. Підпис Дат 23
а
2.2 Модуль серверної частини інтернет-магазину
Серверна частина (або backend) інтернет-магазину є набором
компонентів, що відповідають за обробку запитів користувачів, взаємодію з
базою даних, бізнес-логіку та інші функції, необхідні для правильної роботи
магазину. Основні компоненти серверної частини включають наступне [12]:
 веб-сервер. Це програмне забезпечення, що обслуговує HTTP-запити
від клієнтів. Веб-сервер приймає запити від клієнтського інтерфейсу
(наприклад, веб-сторінок) і надсилає їх до відповідних компонентів для
обробки;
 логіка бізнес-процесів. Серверна частина включає компоненти, що
відповідають за бізнес-логіку інтернет-магазину. Це можуть бути
модулі, класи або функції, які обробляють різні операції, такі як
додавання товару до кошика, обробка замовлення, розрахунок вартості,
валідація даних та інші функції, необхідні для функціонування
магазину;
 керування базою даних. Інтернет-магазин потребує бази даних для
зберігання і організації інформації про товари, замовлення,
користувачів та інші дані. Компоненти серверної частини взаємодіють
з базою даних для зберігання, читання і оновлення даних;
 API (Application Programming Interface). Інтерфейс програмування
додатків дозволяє зовнішнім системам або службам взаємодіяти з
серверною частиною інтернет-магазину. Це може бути API для обміну
даними з іншими системами, такими як системи платежів або служби
доставки, або API для розробки мобільного додатка для магазину;
 аутентифікація та авторизація. Для забезпечення безпеки та контролю
доступу до різних функцій інтернет-магазину, серверна частина
включає механізми аутентифікації (перевірка ідентифікації
користувача) та авторизації (контроль прав доступу користувача до
різних ресурсів магазину);
Лист
ЧДТУ.231933.007 ПЗ т
Зм. Лист № докум. Підпис Дат 24
а
 обробка платежів. Якщо інтернет-магазин приймає онлайн-платежі,
серверна частина включає компоненти для взаємодії з системою
обробки платежів, такою як Stripe або PayPal. Ці компоненти
забезпечують безпеку платежів та обробляють транзакції;
 управління сесіями та кешування. Для збереження стану сесії
користувача (наприклад, збереження даних про кошик покупок) та
покращення швидкодії, серверна частина може використовувати
механізми управління сесіями та кешування.
2.3 Модуль «База даних інтернет-магазину»
База даних інтернет-магазину є важливою складовою його серверної
частини. Вона використовується для зберігання, організації та управління
різноманітною інформацією, необхідною для функціонування магазину.
Основні аспекти бази даних інтернет-магазину включають наступне [12]:
 товари та категорії. База даних магазину зберігає інформацію про
товари, які продаються, та їхні категорії. Ця інформація може включати
назву товару, опис, ціну, зображення, властивості, наявність на складі
та інші характеристики. Категорії товарів використовуються для
організації товарів і полегшення навігації користувачів;
 замовлення. База даних зберігає дані про замовлення, зроблені
користувачами магазину. Це може включати інформацію про товари,
кількість, ціну, дані покупця, адресу доставки, спосіб оплати та статус
замовлення. Замовлення можуть мати різні стани, такі як нове, в
обробці, доставлене або скасоване;
 користувачі. База даних містить інформацію про користувачів
магазину. Це може включати дані про облікові записи користувачів,
такі як ім'я, адреса електронної пошти, пароль, контактна інформація,
історія замовлень тощо. Інформація про користувачів може
Лист
ЧДТУ.231933.007 ПЗ т
Зм. Лист № докум. Підпис Дат 25
а
використовуватись для авторизації, аутентифікації та персоналізації
досвіду користувача;
 кошик покупок. База даних може зберігати дані про кошик покупок
користувачів. Це дозволяє користувачам додавати товари до кошика і
зберігати їх там, поки вони не будуть готові здійснити покупку.
Інформація про кошик може включати дані про товари, кількість, ціну
та загальну вартість замовлення;
 історія покупок. База даних може також зберігати історію покупок
користувачів. Це дозволяє користувачам переглядати свої попередні
замовлення, переглядати деталі, відстежувати статус доставки тощо.
Історія покупок може бути корисною для аналітики та особистої
зворотного зв'язку з користувачами;
 системи платежів і доставки. База даних може містити інформацію про
різні системи платежів та доставки, які використовуються магазином.
Це можуть бути дані про платіжні шлюзи, налаштування оплати,
методи доставки, тарифи тощо.
2.4 Модуль «Управління контентом інтернет магазину»
Управління контентом в інтернет-магазині включає процес створення,
редагування, організації та публікації контенту на сайті магазину. Це
охоплює різноманітні типи контенту, такі як текстовий матеріал, зображення,
відео, товарні каталоги, сторінки продуктів, блоги та інші елементи, які
надають інформацію про продукти та послуги, а також забезпечують
користувачів необхідною інформацією для здійснення покупок.
Основні аспекти управління контентом в інтернет-магазині включають
наступне:
 контентний редактор. Інтернет-магазин може мати вбудований
контентний редактор або інструмент для створення та редагування
контенту. Цей редактор дозволяє адміністраторам магазину створювати
Лист
ЧДТУ.231933.007 ПЗ т
Зм. Лист № докум. Підпис Дат 26
а
та редагувати текст, додавати зображення, форматувати контент,
створювати гіперпосилання та інші елементи для створення
привабливих сторінок товарів, статей або блогів;
 товарний каталог. Управління контентом включає створення та
організацію товарного каталогу. Це може бути вбудована система
управління товарами або використання спеціалізованих платформ
електронної комерції, які дозволяють додавати нові товари,
встановлювати їх ціни, додавати опис, властивості та зображення.
Важливо мати систему, що дозволяє легко керувати товарами, їхніми
категоріями, оновлювати наявність на складі та здійснювати інші дії
пов'язані з управлінням товарів;
 система управління сторінками. У інтернет-магазині можуть бути
сторінки, які не пов'язані з конкретним товаром або категорією,
наприклад, «Про нас», «Контакти», «Умови використання» тощо.
Система управління контентом повинна мати зручний інтерфейс для
створення та редагування цих сторінок, а також можливість управляти
меню та навігацією сайту;
 SEO-оптимізація. Управління контентом також включає можливості
для SEO-оптимізації контенту магазину. Це означає, що система
повинна надавати можливість встановлювати метатеги, URL-адреси,
описи сторінок та інші елементи, які допомагають забезпечити
оптимальне індексування сайту пошуковими системами;
 мультимедійний контент. Управління контентом повинно
підтримувати різноманітні типи мультимедійного контенту, такі як
зображення, відео, аудіо. Система повинна забезпечувати можливість
завантаження, організації та показу цього контенту на сайті магазину;
 мови та локалізація. Якщо магазин має міжнародний характер, важливо
мати можливість керувати мовами та локалізацією контенту. Система
Лист
ЧДТУ.231933.007 ПЗ т
Зм. Лист № докум. Підпис Дат 27
а
управління контентом повинна дозволяти додавати, перекладати та
керувати варіантами відображення контенту для різних мов та регіонів;
 аналітика та звіти. Управління контентом може також включати
інструменти для аналітики та збору даних про поведінку користувачів.
Це допомагає зрозуміти, який контент привертає більше уваги, які
товари популярніші, які сторінки мають найбільшу конверсію тощо.
Аналітика допомагає покращити контент та підвищити ефективність
магазину.
2.5 Модуль «Системи обробки платежів інтернет магазину»
Системи обробки платежів в інтернет-магазині відіграють важливу
роль у забезпеченні безпечної та зручної оплати товарів та послуг. Ці
системи забезпечують передачу фінансових даних між магазином,
платіжними шлюзами та банками з метою авторизації та обробки платежів.
Основні аспекти систем обробки платежів в інтернет-магазині включають
наступне:
 платіжні шлюзи. Це посередники між магазином та банками, які
забезпечують передачу фінансової інформації та авторизацію платежів.
Платіжні шлюзи зазвичай забезпечують інтеграцію з різними методами
платежів, такими як кредитні карти, електронні гаманці, платіжні
системи тощо. Вони гарантують безпеку платежів та захист від
шахрайства;
 інтеграція з платіжними шлюзами. Інтернет-магазин повинен мати
можливість інтегруватися з платіжними шлюзами, щоб забезпечити
обробку платежів. Це може включати встановлення API (інтерфейсу
програмування додатків) для передачі даних платежів та отримання
стану платежів;
 захист фінансових даних. Важливо, щоб система обробки платежів
магазину забезпечувала високий рівень захисту фінансових даних
Лист
ЧДТУ.231933.007 ПЗ т
Зм. Лист № докум. Підпис Дат 28
а
користувачів. Це може включати використання шифрування для
передачі та зберігання даних, використання безпечних протоколів
передачі даних, таких як SSL (Secure Sockets Layer) або TLS (Transport
Layer Security), а також дотримання вимог стандартів безпеки
платіжної промисловості, наприклад, стандарту PCI DSS (Payment Card
Industry Data Security Standard);
 обробка повернень та повернення коштів. Система обробки платежів
повинна мати можливість обробляти повернення товарів та повернення
коштів в разі необхідності. Це може включати здійснення повернення
платежів на кредитні карти або електронні гаманці, оновлення статусу
замовлення та інше;
 множинні валюти та мови. Якщо магазин працює з клієнтами з різних
країн, система обробки платежів повинна підтримувати різні валюти та
мови. Це дозволяє клієнтам здійснювати покупки в їхній національній
валюті та зручній мові;
 звіти та аналітика. Система обробки платежів може забезпечувати
генерацію звітів та аналітичну інформацію про платежі, доходи, стан
рахунків та інші фінансові показники. Це допомагає магазину вести
облік фінансів, аналізувати продажі та покращувати стратегію бізнесу.
2.6 Модуль «Аналітика»
Аналітика в інтернет-магазині відіграє важливу роль у зборі та аналізі
даних, пов'язаних з активністю клієнтів та продажами. Це допомагає
магазину зрозуміти ефективність його маркетингових кампаній, просунутих
товарів, конверсій та загального стану бізнесу. Основні аспекти аналітики в
інтернет-магазині включають наступне:
 збір даних. Аналітична система магазину повинна забезпечувати збір
різноманітних даних про клієнтів та їх поведінку, такі як кількість
відвідувачів, переглянуті товари, час перебування на сайті, джерело
трафіку, конверсійні ставки та багато іншого. Ці дані можуть бути
Лист
ЧДТУ.231933.007 ПЗ т
Зм. Лист № докум. Підпис Дат 29
а
зібрані за допомогою аналітичних платформ, таких як Google Analytics,
або вбудованих інструментів у систему управління магазином;
 звіти та панелі управління. Аналітична система повинна забезпечувати
створення різних звітів та панелей управління, які відображають
ключові показники продажів, трафіку, конверсій тощо. Це дозволяє
аналізувати ефективність різних аспектів бізнесу та приймати
обґрунтовані рішення на основі отриманих даних;
 сегментація клієнтів. Аналітика дозволяє проводити сегментацію
клієнтів на основі різних характеристик, таких як географічне
розташування, покупки, поведінка на сайті. Це допомагає виокремити
цільові аудиторії, розробляти персоналізовані маркетингові стратегії та
поліпшувати взаємодію з клієнтами;
 A/B тестування. Аналітика також дозволяє проводити A/B тестування,
щоб порівнювати різні варіанти дизайну, контенту, ціноутворення та
інших факторів. Це допомагає визначити оптимальні стратегії та
покращити результати;
 моніторинг цілей. Аналітична система дозволяє налаштувати та
відстежувати різні цілі, такі як завершення покупки, підписка на
розсилку, додавання товару до кошика тощо. Це дозволяє оцінювати
ефективність маркетингових кампаній та виявляти потенційні
проблеми або перешкоди в процесі продажу;
 прогнозування та передбачення. За допомогою аналітики можна
проводити прогнозування продажів, визначати тренди та передбачати
попит на товари. Це допомагає планувати запаси, оптимізувати процес
постачання та розробляти стратегії розвитку бізнесу.
2.6.1 Модуль формування аналітичних графіків інтернет магазину
Огляд аудиторії дозволяє зрозуміти загальну картину трафіку, який
надходить на сайт (рисунок 2.1). Наприклад, звідки і за якими ключовими
Лист
ЧДТУ.231933.007 ПЗ т
Зм. Лист № докум. Підпис Дат 30
а
словами користувачі потрапили на сайт, а також найпопулярніші сторінки, на
яких вони знаходяться.
Рисунок 2.1 – Аналітичні графіки інтернет магазину
Демографічні дані (рисунок 2.2) допомагають визначати, хто саме
заходить на сайт [10]. Використовуючи звіти, можна визначити: вік, стать,
місцезнаходження та мову аудиторії інтернет-магазину. Звіт дозволить
сформувати портрет покупця, створити групи цільової аудиторії та
використати цю інформацію для сегментування. В результаті ви зможете
зробити сайт більш персоналізованим та підвищити його ефективність.
Рисунок 2.2 – Демографічні дані відвідувачів
Джерела трафіку за каналами — один з найкорисніших звітів Google
Analytics. Ви можете побачити, які джерела залучають найбільше трафіку на
Лист
ЧДТУ.231933.007 ПЗ т
Зм. Лист № докум. Підпис Дат 31
а
ваш сайт і як він конвертується. Натиснувши на канал у списку, ви отримаєте
докладну статистику щодо нього (таблиця 2.1). Наприклад, дізнаєтесь які
сторонні сайти привели клієнтів до інтернет-магазину [10].
Таблиця 2.1 – Джерела трафіку за каналами
Розширена електрона торгівля в Google Analytics дозволяє
відслідковувати дії користувачів на сайті [10]. Наприклад, коли користувачі
додавали товари в кошик, що це були за товари, як вони переходили до
оформлення замовлення та завершували процес (рисунок 2.3). Вкладка
«Електронна торгівля» знаходиться в сегменті «Конверсії».
Рисунок 2.3 – Електронна торгівля
Лист
ЧДТУ.231933.007 ПЗ т
Зм. Лист № докум. Підпис Дат 32
а
3 ОПИС ПРОЦЕСУ СТВОРЕННЯ САЙТУ
ІНТЕРНЕТ–МАГАЗИНУ СПОРТИВНОГО ІНВЕНТАРЮ «ГЕРАКЛ»
Нижче наведено опис процесу створення сайту інтернет–магазину
спортивного інвентарю «Геракл».
Крок 1, виконати реєстрацію і налаштування Wordpress [12] (рисунок
3.1).
Рисунок 3.1 – Реєстрація на WordPress
Крок 2, встановити тему Astra. Astra — популярна тема для WordPress
з багатим функціоналом по налаштуванню зовнішнього вигляду та великою
кількістю офіційних плагінів, функціонал Astra дозволяє створювати зручні
та красиві сайти для будь-яких завдань: від простого лендингу чи портфоліо
до сайту компанії, інтернет-магазину чи блогу. В налаштуваннях astra слід
вибирати конструктор сторінок за допомогою якого їх найкраще створювати.
Лист
ЧДТУ.231933.007 ПЗ т
Зм. Лист № докум. Підпис Дат 33
а
Крок 3, обрати конструктор сторінки (рисунок 3.2). Elementor — це
конструктор сторінок із функцією перетягування для WordPress. Цей плагін
допомагає створювати красиві сторінки за допомогою візуального редактора.
Його створено для швидкого створення динамічних веб-сайтів [12].
Рисунок 3.2 – Вибір конструктора сторінок
Крок 4, вибрати і налаштувати початковий шаблон сайту (рисунок 3.3).
Рисунок 3.3 – Початковий шаблон сайту
Лист
ЧДТУ.231933.007 ПЗ т
Зм. Лист № докум. Підпис Дат 34
а
Крок 5, встановити додаткові дані, які додаються на веб сайт і
завершити генерацію шаблону (рисунок 3.4).
Рисунок 3.4 – Меню для вводу даних
Крок 6, обрати палітру кольорів. Веб-сайт зазвичай має набір із 3
кольорів: основний, акцентний і яскравий. Основний колір – це домінуючий
колір веб-сайту та, швидше за все, колір бренду. Колір акценту зазвичай
використовується для заголовків публікацій, якщо потрібно, щоб вони
виглядали трохи інакше, щоб привернути до них увагу. Нарешті, яскравий
має контрастувати з рештою кольорів, щоб виділити важливі елементи веб-
сайту, наприклад кнопки із закликом до дії. Для вибору колірної палітри
Лист
ЧДТУ.231933.007 ПЗ т
Зм. Лист № докум. Підпис Дат 35
а
сайту використати інструмент Coolors.co, де можна переглядати різні
кольорові палітри та вибирати ту, що краще підійде для інтернет-магазину
(рисунок 3.5) [15].
Рисунок 3.5 – Вибір кольорової палітри
Крок 7, налаштування типографіки. Слід використовувати власну
типографіку , щоб виділити свій веб-сайт. Веб-сайти зазвичай мають 2-3
шрифти. Шрифт для заголовків або меню, шрифт для основної частини та
додатковий спливаючий шрифт. Як і кольори, не можна використовувати
будь-який шрифт. Необхідно переконатися, що вони добре виглядають разом
і передають правильне повідомлення про бренд.
Хорошим рішенням буде використовувати веб-сайт Fontpair.co , який
показує, як два різних шрифти виглядають разом. Можна використати
WhatFont, розширення Google Chrome, яке повідомляє, який шрифт
використовується на будь-якому веб-сайті. Якщо потрібно дізнатися назву
шрифту, просто клацніть на значок і наведіть вказівник миші на текст.
WhatFont повідомить назву цього шрифту, і якщо натиснете на нього, можна
також побачити розмір шрифту, колір, сімейство, стиль, вагу тощо. Ця
програма дасть можливість підібрати привабливі шрифти [16].
Крок 8, встановлення і налаштування WooCommerce. WooCommerce —
це гнучке програмне рішення з відкритим кодом, створене для веб-сайтів на
Лист
ЧДТУ.231933.007 ПЗ т
Зм. Лист № докум. Підпис Дат 36
а
базі WordPress. Його зазвичай використовують для створення інтернет-
магазинів електронної комерції.
За допомогою цього програмного рішення кожен може перетворити
свій звичайний веб-сайт на повноцінний онлайн-магазин із усіма
необхідними функціями електронної комерції.
WooCommerce також дозволяє користувачам легко керувати своїми
онлайн-магазинами. Від налаштування дисплеїв продуктів і керування
замовленнями до прийняття кількох платіжних шлюзів.
Крок 9, після завантаження і активації WooCommerce з'являються нові
пункти меню для налаштування продукції і платіжної системи (рисунок 3.6)
Рисунок 3.6 – Налаштування продукції
Тут можна додати будь-яку інформацію про свій продукт. У самому
верху можна вибрати, чи є продукт віртуальним (що видаляє вкладку
«Доставка ») і чи можна його завантажити. Потім на вкладці «Загальні»
можна ввести звичайні ціни та ціни зі знижкою (розпродажі можуть залежати
від часу).
Крок 10, далі на вкладці «Інвентар» можна керувати запасами, ввівши
кількість продукту, статус запасу (є/немає в наявності) (рисунок 3.7).
Лист
ЧДТУ.231933.007 ПЗ т
Зм. Лист № докум. Підпис Дат 37
а
Рисунок 3.7 – Меню керування запасами
В цьому меню можна позначити продукт як окремо проданий, тобто в
одному замовленні можна купити лише один. Тут також можна ввести SKU
продукту (ідентифікаційний номер).
SKU- ідентифікатор товарної позиції, одиниця обліку запасів,
складський номер, який використовується в торгівлі для відстеження
статистики по реалізованих товарах, послугах.
Крок 11, тут також є ряд інших корисних вкладок. У розділі «Доставка»
можна ввести вагу, розміри та клас доставки товару. На вкладці Пов’язані
продукти можна додавати додаткові та перехресні продажі, а атрибути дають
змогу описати характеристики продукту [12] (рисунок 3.8).
Лист
ЧДТУ.231933.007 ПЗ т
Зм. Лист № докум. Підпис Дат 38
а
Рисунок 3.8 – Відображення продукції на сторінці
Крок 12, атрибути корисні для стислої передачі життєво важливих
характеристик. якщо слід продати товари, які поставляються в кількох
варіантах. Для цього можна вибрати варіант змінного продукту (рисунок 3.9).
Рисунок 3.9 – Опис атрибутів
Крок 13, налаштування товару.
Лист
ЧДТУ.231933.007 ПЗ т
Зм. Лист № докум. Підпис Дат 39
а
Рисунок 3.10 – Налаштування інформації товару
Тут меню для керування товарами в каталогу магазину. У колонках
таблиці можна побачити основні параметри товарів: їх назви, наявність, ціни
та категорії. Наводячи курсор на конкретний товар, можна побачити дії, які
можна з ним здійснити (рисунок 3.10).
Натисніть кнопку «Додати» у верхній частині сторінки або в меню
зліва. Відкриється пустий шаблон товару. Спочатку йде назва та опис товару.
Якщо відкрити товар на сайті, цей опис буде відображатися унизу сторінки
під зображенням. А праворуч від зображення — короткий опис. На сторінці
додавання товару поле з коротким описом буде наприкінці сторінки
(рисунок 3.11).
Лист
ЧДТУ.231933.007 ПЗ т
Зм. Лист № докум. Підпис Дат 40
а
Рисунок 3.11 – Опис товару
Крок 14, між полями для повного та короткого опису є блок «Дані
товару». У ньому є кілька підрозділів, де можна зазначити детальні
параметри товару (рисунок 3.12).
Вкладка «Загальні». Тут виставляється ціна (звичайна та акційна).
Вкладка «Наявність». Тут буде все щодо наявності товару. Встановити
один із трьох статусів: «Є наявності», «Немає в наявності» та «Попереднє
замовлення».
Рисунок 3.12 – Дані товару
Лист
ЧДТУ.231933.007 ПЗ т
Зм. Лист № докум. Підпис Дат 41
а
Бокова панель у правій частині екрана. У ній можна вибирати
категорію, в яку необхідно помістити товар, а в самому низу є можливість
завантажити зображення товару.
Крок 15, створення нових категорій.
Посилання на категорії розміщують у шапці та підвалі сайту, а також
збоку на сторінці з товарами у вигляді фільтра. Тут є можливість керувати
ними у розділі «Товари» – «Категорії». У лівій частині екрану додаємо нові
категорії, у правій — керуємо наявними (рисунок 3.13).
Рисунок 3.13 Меню створення категорій
За замовчанням у нових категоріях не буде товарів. Щоб їх додати,
потрібно перейти до розділу «Товари» – «Всі товари» та поставити галочки
біля товарів, які потрібно додати до конкретної категорії. Потім знайти угорі
сторінки список «Групові дії», вибравши у ньому варіант «Змінити» і
натиснувши «Застосувати» [12].
Крок 16, створення атрибутів.
Атрибути дозволяють створити для товарів додаткові параметри,
наприклад, розмір або колір. Створивши атрибут додаємо йому назву.
Лист
ЧДТУ.231933.007 ПЗ т
Зм. Лист № докум. Підпис Дат 42
а
Наприклад — «Розмір взуття». Далі додаємо до атрибуту значення (39, 40,
41). Після цього потрібно застосувати атрибут до товару і вибираємо
доступні саме йому розміри (рисунок 3.14).
Рисунок 3.14 – Меню створення атрибутів
Задавши всі необхідні данні про товар, залишається встановити для
нього ціну, інакше товар відображатиметься на сайті як недоступний
(рисунок 3.15).
Рисунок 3.15 – Меню вибору додаткових параметрів
Крок 17, налаштування фільтрів.
Лист
ЧДТУ.231933.007 ПЗ т
Зм. Лист № докум. Підпис Дат 43
а
За допомогою фільтрів відвідувачі магазину звужують побачити список
товарів. Таких як, категорії, бренди, ціна чи розмір. Зазвичай їх можна знайти
на сторінці магазину збоку. Щоб додати нові фільтри та відредагувати
поточні, слід перейти до «Зовнішній вигляд» – «Віджети» (рисунок 3.15).
Віджети — це невеличкі блоки, які можна розташовувати в спеціальних
областях на сайті. Створюються віджети з тих самих блоків Gutenberg, з яких
створюються сторінки, проте логіка в тому, що віджети будуть присутні
одразу на всіх сторінках, які містять у собі область для віджетів. Наприклад,
такою зоною є сайдбар магазину. Він є на всіх його сторінках. На яку б ви не
зайшли, віджети там будуть однаковими.
Рисунок 3.16 – Меню віджети
Крок 18, розробка карток з товарами.
Картки з товаром це зовнішній вигляд мініатюр із товарами на сайті. За
замовчуванням вони складаються із зображення товару та чотирьох рядків
таких як назви товару, категорії, ціни та рейтингу. «Shop Card Structure» цей
блок відповідає за те, як виглядають мініатюри із товарами на сайті
(рисунок 3.17).
Лист
ЧДТУ.231933.007 ПЗ т
Зм. Лист № докум. Підпис Дат 44
а
Рисунок 3.17 – Картка товарів
Крок 19, редагування меню.
У розділі «Вигляд» – «Меню» можна вибрати, яке саме меню
редагувати, а знизу додати до цього меню нові розділи та керувати
розділами, які там вже є. Нижче на сторінці будуть блоки для роботи з
вибраним меню а ліворуч — елементи, які можна додати до меню, праворуч
— вже додані елементи [12] (рисунок 3.18).
Рисунок 3.18 – Редагування меню
Лист
ЧДТУ.231933.007 ПЗ т
Зм. Лист № докум. Підпис Дат 45
а
Крок 20, налаштування сторінок.
Перейшовши до консолі WordPress у розділі «Сторінки». Тут ви
знайдете список усіх сторінок, які є на сайті. При необхідності тут можна
відредагувати та видалити існуючі сторінки, а також створити нові. Через
тире від назви сторінки вказано роль сторінки, наприклад, «Сторінка
“Кошик”» або «Сторінка “Оформлення замовлення”», а також назва
конструктора, якщо сторінку зібрали не в стандартному конструкторі
WordPress. Наприклад, Elementor (рисунок 3.19) [12].
Рисунок 3.19 – Меню налаштування сторінок
Крок 21, створення нових сторінок.
Для створення нової сторінки натискаємо кнопку «Додати нову». На
наступній сторінці слід натиснути «Редагувати в Elementor», щоб з’явилася
можливість керувати цією сторінкою в конструкторі. Щоб додати першу
секцію сторінки, слід натиснути на піктограму з плюсом по центру сторінки і
вибрати, із скількох колонок ця секція повинна складатися (рисунок 3.20).
Лист
ЧДТУ.231933.007 ПЗ т
Зм. Лист № докум. Підпис Дат 46
а
Рисунок 3.20 – Меню створення нових сторінок
Потім на вкладці «Компонування» у бічному меню рядок «Висота»,
слід вибрати у списку значення «Мінімальна висота» та вибрати скільки
пікселів повинна займати секція. За замовчуванням буде 400 пікселів. На
вкладці «Стиль» можна змінити колір фону секції. Інший колір перетворить
секцію на банер, на який вже можна поставити текст та інші елементи.
Список доступних елементів відкривається по кнопці у верхньому правому
кутку бічної панелі. Додаванням нових секцій по частинам збирається нова
сторінка. Наприкінці слід натиснути у правому нижньому кутку бокової
панелі кнопку «Опублікувати» [12].
Крок 22, підключення доставки Нової пошти.
Перейшовши до розділу «Плагіни» – «Додати новий», та встановивши
плагін «WC Nova Poshta Shipping», в бічному меню з’явиться новий розділ –
«WC Ukr Shipping». У ньому можна знайти посилання на корисні матеріали в
самому верху, а трохи нижче — три вкладки: «Загальні», «Доставка» та
«Переклади».
Лист
ЧДТУ.231933.007 ПЗ т
Зм. Лист № докум. Підпис Дат 47
а
Рисунок 3.21 – Підключення доставки Нової пошти
На вкладці «Загальні» будуть усі основні налаштування плагіна.
Головне поле тут — «API ключ». Це щось на зразок пароля, який пов’язує
обліковий запис на сайті Нової пошти з магазином. Без цього ключа нічого не
працюватиме. Ключ можна знайти в особистому кабінеті на сайті Нової
Пошти. Увійшовши до облікового запису у бічному меню в розділ
«Налаштування», вкладка «Безпека», тут можна створити API ключ.
Після завершення зміни параметрів слід натиснути «Зберегти». Далі
залишається тільки створити спосіб доставки у налаштуваннях
WooCommerce. Для цього потрібно перейдіть у розділ «WooCommerce» –
«Налаштування», обрати вгорі вкладку «Доставка» і натиснути кнопку
«Додати зону доставки».
Зона доставки — це географічний регіон, до якого додаються способи
доставки (рисунок 3.22) [12].
Лист
ЧДТУ.231933.007 ПЗ т
Зм. Лист № докум. Підпис Дат 48
а
Рисунок 3.22 – Зона доставки
У спливаючому вікні буде список з доступними способами доставки.
Тут слід обрати Нову пошту та натиснути «Додати спосіб доставки».
Крок 23, підключення платежів.
Щоб додати платіжну систему до сайту, слід встановиви плагін
«WebPlus LiqPay WooCommerce» (рисунок 3.23) [12].
Рисунок 3.23 – Підключення платежів
Лист
ЧДТУ.231933.007 ПЗ т
Зм. Лист № докум. Підпис Дат 49
а
Щоб налаштувати WebPlus потрібно перейти до розділу
«WooCommerce» – «Налаштування» та відкрити вкладку «Платежі». Тут
можна побачити LiqPay, а також кілька інших способів оплати. За
замовчуванням їх буде вимкнено. Щоб їх увімкнути, потрібно натиснути по
перемикачу в центральній колонці таблиці (рисунок 3.24).
Рисунок 3.24 – Налаштування системи оплати
Далі потрібно натиснути у рядку з LiqPay кнопку «Завершити
налаштування», щоб відкрити параметри способу оплати. Тут можна
поправити назву та опис способу оплати. Люди бачитимуть текст у цих полях
на сторінці оформлення замовлення. Нижче будуть поля з ключами API. Щоб
знайти їх, як і у випадку з Новою поштою, потрібно зареєструватись на сайті
LiqPay. Цей платіжний сервіс належить ПриватБанку, тому інтерфейс
сторінки входу нагадує Приват24. Якщо вже є обліковий запис у Приват24,
можете використовувати деталі входу від нього. На головній сторінці
облікового запису вам відразу ж запропонують отримати ключі API. Далі
потрібно скопіювати та вставити ключі в консоль WordPress і натиснути
«Зберегти зміни» [12].
Лист
ЧДТУ.231933.007 ПЗ т
Зм. Лист № докум. Підпис Дат 50
а
Крок 24, модернізація сайту. Functions.php — це файл, який
безпосередньо впливає на роботу сайту WordPress. З нього можна
створювати шаблони коду та додавати елементи та функції до тем, які
використовуються на ваших сторінках.
Якщо комусь із клієнтів сподобався певний набір товарів, нові
відвідувачі також можуть оцінити їх перегляд. Щоб досягти цього, необхідно
додати код PHP до functions.php:
function count_post_visits() {
if( is_single() ) {
global $post;
$views = get_post_meta( $post->ID, 'my_post_viewed', true );
if( $views == '' ) {
update_post_meta( $post->ID, 'my_post_viewed', '1' );
} else {
$views_no = intval( $views );
update_post_meta( $post->ID, 'my_post_viewed', ++$views_no );
}
}
}
add_action( 'wp_head', 'count_post_visits' );
Після цього можна вставити наступний код у будь-яке місце, де
потрібно відобразити популярні товари у файлах шаблону:
$popular_posts_args = array(
'posts_per_page' => 3,
'meta_key' => 'my_post_viewed',
'orderby' => 'meta_value_num',
'order'=> 'DESC'
);
Лист
ЧДТУ.231933.007 ПЗ т
Зм. Лист № докум. Підпис Дат 51
а
$popular_posts_loop = new WP_Query( $popular_posts_args );
while( $popular_posts_loop->have_posts() ):
$popular_posts_loop->the_post();
// Loop continues
endwhile;
wp_reset_query();
За рахунок цього товар який найбільше цікавить відвідувачів буде
відображатись в заданому місці.
Лист
ЧДТУ.231933.007 ПЗ т
Зм. Лист № докум. Підпис Дат 52
а
4 ОБҐРУНТУВАННЯ ВИБОРУ ЗАСОБІВ РОЗРОБКИ САЙТУ
ІНТЕРНЕТ–МАГАЗИНУ СПОРТИВНОГО ІНВЕНТАРЮ «ГЕРАКЛ»
4.1 Огляд мов програмування
Для розробки сайту доступно багато мов програмування. Ось кілька
популярних мов, які можна використовувати для розробки веб-сайтів:
 HTML (HyperText Markup Language). HTML є основною мовою для
створення структури та вмісту веб-сторінок. Вона використовується
для описування елементів сторінки, таких як заголовки, абзаци,
таблиці, зображення та посилання;
 CSS (Cascading Style Sheets). використовується для оформлення і
стилізації веб-сторінок. Вона дозволяє задавати кольори, шрифти,
розташування елементів, анімацію та інші аспекти вигляду сторінки;
 JavaScript є мовою програмування, яка дозволяє додавати динаміку до
веб-сторінок. Вона використовується для реалізації взаємодії
користувача зі сторінкою, валідації форм, створення анімації та
багатьох інших функцій;
 PHP є серверною мовою програмування, яка використовується для
розробки динамічних веб-сторінок. Вона дозволяє взаємодіяти з базами
даних, обробляти форми, генерувати HTML та інші завдання, які
вимагають обробки на сервері;
 Python є потужною загальним призначенням мовою програмування, яка
також може використовуватися для розробки веб-сайтів. Існують різні
веб-фреймворки Python, такі як Django і Flask, які спрощують розробку
веб-додатків та інтернет-магазинів;
 Ruby є елегантною мовою програмування, яка має свій веб-фреймворк
під назвою Ruby on Rails. Rails є популярним веб-фреймворком, який
дозволяє швидко розробляти веб-додатки та інтернет-магазини;
Лист
ЧДТУ.231933.007 ПЗ т
Зм. Лист № докум. Підпис Дат 53
а
 Java є мовою програмування, яка використовується для розробки
різноманітних додатків, включаючи веб-сайти. Існують веб-
фреймворки, такі як Spring і JavaServer Faces, які допомагають у
створенні веб-додатків з використанням Java.
Це лише кілька прикладів мов програмування, які можна
використовувати для розробки сайту. Вибір мови залежить від досвіду,
проектних потреб, специфікацій і вимог.
4.2 Огляд автоматизованих засобів розробки сайтів
Існує кілька автоматизованих засобів розробки, які допомагають
спростити процес створення веб-сайту та прискорити його розробку. Ось
кілька з них [17]:
 WordPress є популярною системою управління вмістом (CMS), яка
надає широкі можливості для створення веб-сайтів. Вона має велику
кількість тем і плагінів, що дозволяє швидко налаштувати і
налаштувати веб-сайт без необхідності в програмуванні;
 Wix є хмарною платформою для створення веб-сайтів з вбудованим
візуальним редактором і шаблонами. Вона надає інтуїтивний
інтерфейс, що дозволяє швидко створювати професійно виглядуючі
веб-сайти без програмування;
 Squarespace є інтегрованою платформою для створення веб-сайтів, яка
має простий інтерфейс і набір стильних шаблонів. Вона також має
інструменти для керування контентом і аналітикою, що дозволяє
ефективно управляти веб-сайтом;
 Shopify є популярною платформою для створення інтернет-магазинів.
Вона надає все необхідне для створення, керування та розширення
магазину, включаючи вбудований візуальний редактор та можливості
для обробки платежів та управління запасами;
Лист
ЧДТУ.231933.007 ПЗ т
Зм. Лист № докум. Підпис Дат 54
а
 Adobe Dreamweaver є редактором веб-сторінок, який надає візуальний
та кодовий інтерфейс для розробки веб-сайтів. Він підтримує різні
мови програмування та дозволяє швидко створювати та редагувати
веб-сторінки.
Ці автоматизовані засоби допомагають зробити процес створення веб-
сайту більш ефективним і простим. Вибір підходящої програми залежить від
конкретної потреби та вимог проекту.
4.3 Огляд додаткових автоматизованих засобів розробки для
розробки інтернет-магазинів
Для розробки інтернет-магазинів наступні додаткові автоматизовані
засоби розробки [17]:
 WooCommerce. Це безкоштовний плагін для WordPress, який дозволяє
перетворити ваш сайт на повноцінний інтернет-магазин. WooCommerce
надає розширений набір функціональних можливостей, широкий вибір
тем та розширень, підтримку платежів, керування запасами та багато
іншого;
 Shopify. Це хмарна платформа, спеціалізована на створенні та
управлінні інтернет-магазинами. Shopify надає все необхідне для
створення, керування та масштабування магазину, включаючи дизайн,
платежі, замовлення та інтеграцію з іншими сервісами;
 Magento. Це потужна відкрита платформа для розробки інтернет-
магазинів. Magento надає великі можливості налаштування, широкий
вибір розширень, керування продуктами та замовленнями, інтеграцію з
платіжними системами та інші функції;
 BigCommerce. Це інша хмарна платформа, спеціалізована на створенні
інтернет-магазинів. BigCommerce пропонує широкий набір
функціональних можливостей, аналітики, маркетингових інструментів
та інтеграцій з платежними системами;
Лист
ЧДТУ.231933.007 ПЗ т
Зм. Лист № докум. Підпис Дат 55
а
 OpenCart. Це безкоштовна платформа з відкритим кодом для створення
інтернет-магазинів. OpenCart має простий інтерфейс, широкий вибір
тем і модулів, можливості керування категоріями продуктів,
замовленнями та інші функції.
Програма розробки інтернет-магазину повинна мати наступні ключові
елементи [17]:
 керування товарами. Можливість додавати, редагувати та видаляти
товари і послуги в магазині, встановлювати ціни, описи, фотографії,
властивості та інші деталі;
 керування замовленнями. Функціонал для прийому та обробки
замовлень, включаючи можливість показувати стан замовлення,
відстежувати вартість доставки, генерувати рахунки та накладні;
 платіжні системи. Інтеграція з різними платіжними шлюзами для
забезпечення безпечних та зручних оплат покупок, таких як кредитні
картки, електронні гаманці, банківські перекази тощо;
 керування запасами. Функціонал для відстеження рівня запасів товарів,
попередження про нестачу, автоматичне оновлення запасів при
покупках та продажах;
 дизайн та шаблони. Можливість вибору та настроювання дизайну
магазину за допомогою готових шаблонів або інструментів
налаштування вигляду, кольорів, шрифтів тощо;
 SEO оптимізація. Вбудовані інструменти для оптимізації магазину під
пошукові системи, такі як можливість налаштування мета-тегів, URL-
адрес, описів товарів, генерація карт сайту тощо;
 аналітика та звітність. Функції, які надають статистику про
відвідуваність, конверсію, продажі та інші метрики, дозволяють
аналізувати роботу магазину та приймати ефективні рішення;
Лист
ЧДТУ.231933.007 ПЗ т
Зм. Лист № докум. Підпис Дат 56
а
 мобільна сумісність. Можливість розробки мобільної версії магазину
або підтримка адаптивного дизайну, що забезпечує коректне
відображення на різних пристроях.
Програма в якій розробляється інтернет магазин повинна
забезпечувати динамічну роботу сайту. Це магазин, у якому контент та
функціональність активно змінюються та оновлюються залежно від різних
факторів, таких як користувацькі дії, наявність товарів, акції, зміни цін і
багато іншого. Розробник повинен мати можливість швидко змінювати
вміст інтернет магазину.
Основні особливості динамічного інтернет-магазину [18]:
 автоматичне оновлення товарів. Динамічний магазин може
автоматично оновлювати інформацію про товари з бази даних або
зовнішніх постачальників даних. Це дозволяє вам підтримувати
актуальний каталог товарів без необхідності ручного оновлення;
 змінні ціни і наявність. Динамічний магазин дозволяє встановлювати
змінні ціни для товарів, враховуючи акції, знижки або динамічну
ціноутворення. Він також може автоматично оновлювати інформацію
про наявність товарів, щоб покупці завжди бачили актуальну
інформацію;
 персоналізація. Динамічні магазини можуть надавати персоналізовані
рекомендації та відображати контент, що відповідає інтересам та
поведінці кожного користувача. Це може включати персоналізовані
пропозиції, рекомендації схожих товарів, індивідуальні знижки та
акції;
 кошик покупок і оформлення замовлення. Динамічний магазин надає
можливість користувачам додавати товари в кошик, зберігати їх та
оформлювати замовлення. Кошик покупок може автоматично
оновлюватись залежно від додаваних товарів і змін в цінах;
Лист
ЧДТУ.231933.007 ПЗ т
Зм. Лист № докум. Підпис Дат 57
а
 інтеграція з платіжними системами. Динамічні магазини забезпечують
можливість обробки платежів онлайн через різні платіжні шлюзи, такі
як PayPal, Stripe, Authorize.net та інші. Користувачі можуть
здійснювати оплату своїх замовлень безпосередньо на сайті;
 звіти та аналітика. Динамічні магазини надають можливість
відстежувати статистику продажів, конверсій, поведінки користувачів
та інші аналітичні дані. Це дозволяє вам аналізувати ефективність
вашого магазину та приймати стратегічні рішення для поліпшення
результатів.
На основі вище переліченого для розробки інтернет магазину обрано
WordPress. Ця програма має такі важливі основні переваги [18]-[19]:
 легкість використання. WordPress має дружній інтерфейс та простий у
використанні редактор. Це дозволяє швидко створювати та оновлювати
контент на магазину;
 розширюваність. WordPress має велику кількість безкоштовних та
платних плагінів та тем, які дозволяють розширити функціональність
магазину. Це означає, що є можливість додати різноманітні функції,
такі як кошик покупок, систему керування запасами, платіжні шлюзи
та багато іншого, залежно від потреб;
 велике співтовариство та підтримка. WordPress має велике
співтовариство розробників і користувачів, це дає можливість знайти
велику кількість документації, плагінів та тем, а також отримати
підтримку у випадку потреби. можливо приєднатися до форумів, груп
соціальних мереж;
 SEO-придатність. WordPress має вбудовану підтримку для оптимізації
пошукової системи (SEO). За допомогою різних плагінів і правильного
налаштування, можна забезпечити оптимальну видимість магазину в
пошукових системах, що допоможе залучити більше відвідувачів і
потенційних клієнтів;
Лист
ЧДТУ.231933.007 ПЗ т
Зм. Лист № докум. Підпис Дат 58
а
 широкі можливості для дизайну. WordPress дозволяє вибрати з великої
кількості тем і шаблонів, які можна налаштувати під бренд та стиль. Є
можливість створити унікальний дизайн для магазину, що відповідає
вимогам та корпоративному стилю.
Лист
ЧДТУ.231933.007 ПЗ т
Зм. Лист № докум. Підпис Дат 59
а
5 ОБҐРУНТУВАННЯ ВИБОРУ ЗАСОБІВ ЗАХИСТУ САЙТУ
ІНТЕРНЕТ–МАГАЗИНУ СПОРТИВНОГО ІНВЕНТАРЮ «ГЕРАКЛ»
5.1 Огляд засобів захисту сайтів інтернет–магазинів
Захист інтернет-магазину є критично важливим, оскільки інтернет-
магазини зберігають та обробляють чутливу інформацію про клієнтів, таку як
особисті дані, фінансові дані та інші конфіденційні дані. Ось кілька причин,
чому потрібен захист інтернет-магазину:
 захист від крадіжки даних. Інтернет-магазини зберігають інформацію
про клієнтів, включаючи їх особисті дані та фінансову інформацію.
Зловмисники можуть спробувати здійснити крадіжку цих даних для
власних злочинних цілей. Захист інтернет-магазину включає захист від
несанкціонованого доступу до цієї конфіденційної інформації;
 захист від шахрайства. Інтернет-магазини є потенційними цілями для
шахраїв, які можуть спробувати зламати систему, підробити платежі
або зловживати кредитними картками клієнтів. Захист інтернет-
магазину допомагає виявляти та запобігати шахрайству, забезпечуючи
безпеку платежів та захист від шахраїв;
 захист від кібератак. Інтернет-магазини можуть бути об'єктом
кібератак, таких як DDoS-атаки, хакерські вторгнення або викрадення
даних. Захист інтернет-магазину включає в себе реалізацію заходів
безпеки, таких як міцний брандмауер, шифрування даних, моніторинг
та виявлення вторгнень, щоб запобігти кібератакам та захистити
інформацію;
 захист репутації. Якщо інтернет-магазин постраждає від безпекового
порушення, це може серйозно підірвати довіру клієнтів та пошкодити
репутацію бренду. Захист інтернет-магазину допомагає зберегти довіру
Лист
ЧДТУ.231933.007 ПЗ т
Зм. Лист № докум. Підпис Дат 60
а
клієнтів, забезпечуючи безпеку їх особистих даних та впевненість у
тому, що їх покупки і фінансові транзакції здійснюються безпечно;
 дотримання вимог законодавства. Багато країн мають законодавство,
яке регулює зберігання та обробку персональних даних клієнтів. Захист
інтернет-магазину включає в себе дотримання цих вимог і захист прав
клієнтів на приватність та конфіденційність даних.
5.2 Огляд загроз сайтів інтернет–магазинів
Інтернет-шахраї використовують різні методи та стратегії для вчинення
злочинів та шахрайства в онлайн-середовищі. Ось кілька поширених
способів, якими вони працюють:
 фішинг. Це метод, при якому шахраї створюють підроблені веб-сайти
або електронні листи, що схожі на легітимні, з метою викликати у
потенційних жертв бажання ввести свої особисті дані, такі як логіни,
паролі або фінансову інформацію. Шахраї використовують ці дані для
незаконного доступу до рахунків користувачів або для крадіжки
особистої інформації;
 соціальний інжиніринг. Це метод, при якому шахраї використовують
маніпуляцію та обман, щоб отримати конфіденційну інформацію від
людей. Вони можуть використовувати телефонні дзвінки, електронні
листи або соціальні мережі, щоб виграти довіру потенційних жертв і
отримати доступ до їх особистих даних або фінансових рахунків;
 крадіжка кредитних карток. Інтернет-шахраї можуть використовувати
різні методи, щоб отримати доступ до кредитних карток та
використовувати їх незаконно. Це може включати крадіжку кредитних
карток під час онлайн-транзакцій, використання зловмисного
програмного забезпечення для збору інформації про картки або злам
рахунку онлайн-платежів;
Лист
ЧДТУ.231933.007 ПЗ т
Зм. Лист № докум. Підпис Дат 61
а
 кібератаки. Шахраї також можуть використовувати різні техніки
кібератак, такі як DDoS-атаки (розподілений заперечення
обслуговування), вторгнення в систему, використання шкідливих
програм або викрадення даних. Ці атаки можуть спричинити великі
збитки для компаній та постраждалих користувачів;
 онлайн-шахрайство. Це широкий термін, що охоплює різноманітні
шахрайські схеми, такі як продаж підроблених товарів, шахрайські
лотереї, фальшиві благодійні акції, ідентифікаційна крадіжка та інші
шахрайські практики.
5.3 Вимоги до засобів захисту сайтів інтернет–магазинів
Захист інтернет-магазину повинен бути комплексним і включати різні
заходи безпеки, щоб забезпечити безпеку клієнтів і захистити важливі дані, а
саме:
 шифрування даних. Важливо застосовувати шифрування для захисту
конфіденційної інформації клієнтів, такої як особисті дані і фінансова
інформація. Використання SSL-сертифікатів та протоколу HTTPS
забезпечує шифрування передачі даних між користувачем і сервером;
 сильні паролі та аутентифікація. Вимагайте від клієнтів встановлення
сильних паролів для своїх облікових записів. Додаткові методи
аутентифікації, такі як двофакторна аутентифікація, можуть зміцнити
захист від несанкціонованого доступу;
 оновлення та патчі. Регулярно оновлюйте програмне забезпечення
вашого інтернет-магазину і всіх використовуваних платформ,
включаючи плагіни та розширення. Це допоможе усунути вразливості і
запобігти зламу;
 моніторинг та виявлення вторгнень. Встановіть системи моніторингу
безпеки, які виявляють незвичайну активність, спроби
Лист
ЧДТУ.231933.007 ПЗ т
Зм. Лист № докум. Підпис Дат 62
а
несанкціонованого доступу або аномальні підключення. Це дозволить
швидко реагувати на можливі загрози та вживати відповідних заходів;
 безпека платежів. Забезпечте безпечну обробку платежів у вашому
інтернет-магазині. Використовуйте надійні платіжні шлюзи та
сертифіковані системи, які дотримуються стандартів безпеки, таких як
PCI DSS (Payment Card Industry Data Security Standard);
 резервне копіювання даних. Регулярно створюйте резервні копії
важливих даних вашого інтернет-магазину. Це дозволить відновити
дані в разі випадкового видалення, атаки або системних збоїв;
 контроль доступу. Обмежте доступ до адміністративних панелей та
розділів інтернет-магазину лише для авторизованих користувачів з
необхідними привілеями. Міцно захистіть логіни та паролі
адміністраторів;
 навчання та освіта. Забезпечте навчання своїх співробітників та
клієнтів щодо безпеки в онлайн-середовищі. Попередження про
потенційні загрози, фішингові атаки та критичні правила безпеки
можуть допомогти уникнути шахрайства.
5.4 Захист інтернет-магазину у WordPress
Щоб забезпечити захист інтернет-магазину на платформі WordPress,
слід вжити декілька важливих заходів безпеки. Ось кілька порад:
 оновлювати WordPress та всі плагіни. Регулярно оновлюйте ядро
WordPress і всі встановлені плагіни. Це допоможе усунути вразливості
і запобігти можливим атакам. Важливо також видаляти не
використовувані плагіни, оскільки вони можуть бути джерелом
потенційних проблем безпеки;
 використовувати надійні теми та плагіни. Вибирати теми та плагіни,
які походять від довірених джерел і мають позитивні відгуки. Важливо
перевіряти їх оновлення та підтримку безпеки;
Лист
ЧДТУ.231933.007 ПЗ т
Зм. Лист № докум. Підпис Дат 63
а
 встановлення плагіна безпеки. Слід використовувати плагіни безпеки,
такі як Wordfence, iThemes Security або Sucuri Security. Ці плагіни
допоможуть виявляти та запобігати спробам вторгнення, сканувати
наявність шкідливого коду і забезпечувати додаткові заходи безпеки;
 використовувати складні паролі та двофакторну аутентифікацію.
Встановлюємо міцні паролі для свого облікового запису адміністратора
та для користувачів. Використовуйте двофакторну аутентифікацію
(2FA), яка забезпечує додатковий шар безпеки;
 захист файлу wp-config.php. Забезпечуємо доступ до файлу wp-
config.php тільки для читання і запису. Це важливий файл, що містить
конфігураційні дані WordPress, і його захист дуже важливий;
 захист адміністративного доступу. Обмежуємодоступ до
адміністративної панелі, використовуючи IP-фільтри або додаткові
рівні аутентифікації. Також змініть URL адміністративної панелі зі
стандартного "/wp-admin" на щось унікальне;
 резервне копіювання. Регулярно слід робити резервні копії свого
інтернет-магазину, включаючи базу даних і файли. Використовуючи
плагіни для автоматичного резервного копіювання або виконуємо цю
процедуру вручну;
 використовуємо захищений хостинг. Вибираємо надійний хостинг,
який забезпечує безпеку та має захист від DDoS-атак, файрволи і інші
заходи безпеки;
 моніторинг безпеки. Налагоджуємо системи моніторингу безпеки, які
будуть сповіщати про підозрілу активність, спроби вторгнення або
незвичайні події;
 навчання та освіта. Навчаємо своїх користувачів та співробітників
щодо безпеки WordPress, наприклад, як уникнути фішингових атак,
створювати безпечні паролі та розпізнавати підозрілу активність.
Лист
ЧДТУ.231933.007 ПЗ т
Зм. Лист № докум. Підпис Дат 64
а
Захист інтернет-магазину є надзвичайно важливим аспектом його
успішної та безпечної експлуатації. У сучасному цифровому середовищі, де
інтернет-шахраї і кіберзлочинці постійно шукають нові способи атак і
використовують різноманітні загрози, забезпечення безпеки стає невід'ємною
частиною успіху будь-якого інтернет-магазину.
Захист інтернет-магазину повинен бути комплексним і включати
широкий спектр заходів безпеки. Це включає в себе використання
шифрування для захисту конфіденційних даних, встановлення сильних
паролів та двофакторної аутентифікації, регулярне оновлення і патчінг
програмного забезпечення, використання надійних платіжних шлюзів та
сертифікованих систем, резервне копіювання даних, моніторинг безпеки та
багато іншого.
При захисті інтернет-магазину на платформі WordPress також важливо
використовувати надійні теми та плагіни, встановлювати плагіни безпеки,
захищати адміністративний доступ та забезпечувати безпеку файлів та
конфігураційних даних.
Невід'ємною частиною захисту інтернет-магазину є також постійне
навчання та освіта, як для власників магазину, так і для користувачів.
Розуміння загроз безпеки, вміння розпізнавати підозрілу активність та
приймати правильні рішення у сфері безпеки допоможуть уникнути багатьох
проблем.
Усі ці заходи допоможуть забезпечити високий рівень захисту для
інтернет-магазину, зменшити ризик зламу та шахрайства, і зберегти довіру
клієнтів. Необхідно приділяти належну увагу захисту інтернет-магазину на
всіх етапах його роботи і регулярно оновлювати заходи безпеки для
відповідності сучасним загрозам та стандартам безпеки.
Лист
ЧДТУ.231933.007 ПЗ т
Зм. Лист № докум. Підпис Дат 65
а
ВИСНОВКИ
Розробка інтернет-магазину є важливим кроком для багатьох бізнесів у
сучасному цифровому світі. Цей процес включає в себе не тільки створення
веб-сайту, але й розробку функціональних можливостей, що дозволяють
здійснювати продажі та взаємодіяти з клієнтами в онлайн-середовищі.
Глобальний доступ: Інтернет-магазин дозволяє вашому бізнесу працювати
24/7 та привертати клієнтів з усього світу. Це відкриває широкі перспективи
для розширення вашого ринку та збільшення продажів.
Розробка інтернет-магазину дозволяє автоматизувати багато рутинних
процесів, таких як обробка замовлень, оплата та доставка. Це дозволяє
зменшити ручну працю та покращити ефективність вашого бізнесу.
Інтернет-магазин надає вам широкий спектр інструментів для
маркетингу, таких як електронна пошта, соціальні медіа, контекстна реклама
тощо. Ви можете легко розробити та реалізувати маркетингові кампанії, щоб
залучати нових клієнтів та підтримувати зв'язок з існуючими.
За допомогою інструментів аналітики ви можете відстежувати та
аналізувати різноманітні дані про клієнтів, продажі та поведінку
користувачів на вашому сайті. Це дозволяє вам приймати обґрунтовані
рішення щодо вдосконалення вашого магазину та збільшення його
прибутковості.
Інтернет-магазин може надати вам конкурентну перевагу на ринку.
Якщо ваші конкуренти ще не присутні в онлайн-середовищі або мають менш
розвинений магазин, ви можете привернути більше клієнтів та зайняти
сильну позицію на ринку.
Розробка інтернет-магазину дозволяє вам створити зручне та приємне
середовище для покупців. Ви можете надати їм швидкий доступ до
інформації про товари, легку навігацію, зручну систему пошуку та інші
функції, що полегшують їхній процес покупок.
Лист
ЧДТУ.231933.007 ПЗ т
Зм. Лист № докум. Підпис Дат 66
а
Інтернет-магазин дозволяє вам пропонувати більший вибір товарів та
послуг, ніж у звичайному магазині. Ви можете легко розширювати
асортимент та представляти нові товари без необхідності фізичного простору
для зберігання.
Розробка інтернет-магазину вимагає планування, професійного веб-
розробника та врахування особливостей вашого бізнесу. За правильного
підходу, він може стати потужним інструментом для розвитку вашого
бізнесу та забезпечити вам конкурентну перевагу на ринку.
Лист
ЧДТУ.231933.007 ПЗ т
Зм. Лист № докум. Підпис Дат 67
а
ПЕРЕЛІК СКОРОЧЕНЬ ТА УМОВНИХ ПОЗНАЧЕНЬ
SEO (search engine optimization) — процес коригування HTML-коду,
текстового наповнення;
SMS (Short Message Service) — послуга обміну (передачі і прийому)
короткими текстовими повідомленнями в телекомунікаційних мережах;
CRM (Customer relationship management) — поняття, що охоплює концепції,
котрі використовуються компаніями для управління
взаємовідносинами зі споживачами;
SSL (Secure Sockets Layer) — це цифровий сертифікат, який підтверджує
справжність веб-сайту та зашифровує інформацію, що надсилається на
сервер, з використанням технології SSL.;
CMS (Content Management System) — програмне забезпечення для
організації вебсайтів;
HTTP (HyperText Transfer Protocol) — протокол передачі даних, що
використовується в комп'ютерних мережах.;
API (Application Programming Interface) — набір визначень підпрограм,
протоколів взаємодії;
URL (Uniform Resource Locator) — стандартизована адреса певного ресурсу;
SKU (Stock Keeping Unit) — ідентифікатор товарної позиції, одиниця обліку
запасів;
API — унікальний код, що використовується в API для ідентифікації
програми, або користувача;
HTML (HyperText Markup Language) — мова розмітки гіпертексту;
PHP (Personal Home Page) — скриптова мова програмування;
DDoS (Distributed denial-of-service) — напад на комп'ютерну систему;
IP (Internet Protocol address) — протокол мережевого рівня для передавання
датаграм між мережами.
Лист
ЧДТУ.231933.007 ПЗ т
Зм. Лист № докум. Підпис Дат 68
а
ДОДАТОК А
Вигляд головної сторінки сайту інтернет–магазину «Геракл»
ДОДАТОК Б
Налаштування каталогу продукції і платіжної системи за допомогою
WooCommerce
ДОДАТОК В
Підключення доставки товару Новою поштою
ДОДАТОК Г
Підключення системи платежів
1. СПИСОК ВИКОРИСТАНИХ ДЖЕРЕЛ
2. "E-commerce 2020: Business, Technology, Society" - книга авторства
Kenneth C. Laudon та Carol Guercio Traver, яка охоплює різні аспекти
електронної комерції, включаючи аналіз ринку та тренди.
3. "Digital Marketing: Strategy, Implementation and Practice" - книга
авторства Dave Chaffey та Fiona Ellis-Chadwick, яка пропонує
докладний огляд цифрового маркетингу, включаючи аспекти, пов'язані
з електронною комерцією та аналізом ринку.
4. "The E-commerce Book: Building the E-Empire" - книга авторства
Steffano Korper та Juanita Ellis, яка пропонує стратегічні поради та ідеї
для розвитку електронної комерції, включаючи аналіз ринку.
5. Статистичні дані та дослідження від організацій, таких як eMarketer,
Forrester Research, Gartner та Statista. Ці компанії проводять
дослідження ринку та надають статистику про електронну комерцію та
інтернет-магазини.
6. Наукові статті з електронної комерції та інтернет-маркетингу, які
можна знайти в базах даних наукових журналів, таких як IEEE Xplore,
ACM Digital Library, ScienceDirect та Google Scholar.
7. "E-Commerce Website Design: Strategies and Models" - David Zhang, Yun
Wan, Shuang Cang (2019).
8. "Web Design for ROI: Turning Browsers into Buyers & Prospects into
Leads" - Lance Loveday, Sandra Niehaus (2011).
9. "The Smashing Book: Redesign the Web" - Smashing Magazine (2012).
10."Don't Make Me Think: A Common Sense Approach to Web Usability" -
Steve Krug (2014).
Лист
ЧДТУ.231933.007 ПЗ т
Зм. Лист № докум. Підпис Дат 73
а
11.https://ua-retail.com/ 2023/05/doslidzhennya-shho-zminilosya-na-rinku-
sportivnix-tovariv-za-rik-i-chogo-ochikuvati-u-majbutnomu/- Дослідження:
що змінилося на ринку спортивних товарів за рік і чого очікувати у
майбутньому
12.WordPress Codex (https://codex.wordpress.org/) — Це офіційна
документація WordPress, яка містить докладний опис функцій,
шаблонів, плагінів та інших аспектів, пов'язаних з розробкою на
платформі WordPress.
13.WordPress.org (https://wordpress.org/) — Це офіційний веб-сайт
WordPress, який містить безліч ресурсів, плагінів і тем для WordPress.
Тут можна знайти велику бібліотеку безкоштовних тем, які можна
використовувати для створення зовнішнього вигляду інтернет-
магазину.
14.WPBeginner (https://www.wpbeginner.com/) —це веб-сайт,
спеціалізований на наданні безкоштовних підручників, порад і статей
для початківців у WordPress. Тут є чудові навчальні матеріали про різні
аспекти розробки інтернет-магазину на WordPress, такі як
встановлення, налаштування тем і плагінів, робота з WooCommerce.
15.Tuts+ WordPress Tutorials (https://code.tutsplus.com/categories/wordpress)
— це платформа для навчання в галузі розробки, яка містить велику
кількість навчальних матеріалів та підручників, присвячених
WordPress.
16.Smashing Magazine (https://www.smashingmagazine.com/tag/wordpress/)
— спеціалізується на веб-розробці та містить безліч цікавих статей,
підручників та ресурсів для розробників. Тут є матеріали, присвячені
WordPress, статті про розробку інтернет-магазинів, огляди тем і
плагінів, а також загальні поради щодо розробки на WordPress.
Лист
ЧДТУ.231933.007 ПЗ т
Зм. Лист № докум. Підпис Дат 74
а
17.Shopify Blog (https://www.shopify.com/blog) — містить безліч статей та
порад щодо створення та розробки інтернет-магазинів. Тут є
публікації, присвячені спортивним товарів, включаючи поради щодо
вибору тем, плагінів, маркетингових стратегій та оптимізації конверсій.
18.WooCommerce Documentation
(https://docs.woocommerce.com/documentation/) — надає докладну
інформацію про налаштування і використання плагіну
«WooCommerce» для створення інтернет-магазину. Вона охоплює різні
аспекти, включаючи додавання товарів, керування замовленнями,
налаштування оплати та доставки.
19.Smashing Magazine (https://www.smashingmagazine.com/tag/e-commerce/)
— це веб-сайт, що спеціалізується на дизайні та розробці, включаючи
розділ, присвячений електронній комерції. Тут є статті та ресурси про
розробку інтернет-магазинів спортивних товарів, дизайн, маркетинг та
технічні аспекти.
20.A Better Lemonade Stand (https://www.abetterlemonadestand.com/) — це
онлайн-ресурс, спрямований на підприємництво та електронну
комерцію. У них є розділ, присвячений розробці інтернет-магазинів, де
можна знайдете статті, курси та ресурси, які охоплюють різні аспекти
створення та управління магазином спортивних товарів.
Лист
ЧДТУ.231933.007 ПЗ т
Зм. Лист № докум. Підпис Дат 75
а

Репозиторій ЧДТУ