Інтернет-магазин медтехніки на основі CMS WordPress

Шаамкий, Артем Олегович

Please use this identifier to cite or link to this item: https://er.chdtu.edu.ua/handle/ChSTU/6894

Title:	Інтернет-магазин медтехніки на основі CMS WordPress
Authors:	Ланських , Євген Володимирович Шаамкий, Артем Олегович
Keywords:	інтернет-магазин;база даних;розробка;WordPress;медтехніка
Issue Date:	12-Jun-2024
Abstract:	В останні роки розвиток цифрових технологій та зміни у поведінці споживачів значно вплинули на медичну сферу. Створення інтернет-магазину медтехніки стало не лише трендом, а й необхідністю для багатьох компаній. Ключові фактори, які підкреслюють актуальність цього рішення: 1) Зростання попиту на медичні товари онлайн. З початком пандемії COVID-19 попит на медичні товари, такі як маски, дезінфектори, пульсоксиметри та інше, різко зріс. Багато людей почали шукати медичні продукти онлайн, що зумовило необхідність створення інтернет-магазинів. Навіть після спаду пандемії звичка купувати медичні товари онлайн збереглася. 2) Зручність для споживачів. Інтернет-магазини пропонують зручність, яку важко забезпечити офлайн-магазинам. Споживачі можуть робити покупки будь-де і будь-коли, отримуючи доступ до широкого асортименту товарів, порівнювати ціни та читати відгуки. Це особливо важливо для людей з обмеженою мобільністю або тих, хто живе у віддалених регіонах. 3) Розширення ринку. Інтернет-магазин дозволяє підприємствам розширити свій ринок збуту. Відкриття онлайн-продажів дає можливість охопити клієнтів не тільки у своєму регіоні, а й по всій країні або навіть за кордоном. Це суттєво збільшує потенційну клієнтську базу та підвищує обсяги продажів. 4) Ефективне управління запасами. Завдяки сучасним технологіям, інтернет-магазини можуть ефективно управляти своїми запасами. Інтеграція з системами обліку товарів дозволяє в режимі реального часу відслідковувати наявність продукції на складі, своєчасно поповнювати запаси та уникати ситуацій з відсутністю товарів. 5) Підвищення конкурентоспроможності. На ринку медичної техніки конкурентоспроможність є ключовим фактором успіху. Інтернет-магазин надає можливість не лише збільшити обсяги продажів, але й поліпшити взаємодію з клієнтами через персоналізовані пропозиції, якісний сервіс та швидку обробку замовлень. Це допомагає виділитися на фоні конкурентів і завоювати довіру покупців. 6) Економічна ефективність. Запуск і підтримка інтернет-магазину може бути економічно вигіднішим порівняно з відкриттям та утриманням фізичних точок продажу. Зниження витрат на оренду приміщень, зарплати персоналу та інші операційні витрати дозволяє інвестувати більше у маркетинг та покращення якості обслуговування клієнтів. 7) Покращення якості обслуговування. Інтернет-магазини дозволяють забезпечити високий рівень обслуговування завдяки можливості швидкого оброблення замовлень, інтеграції з системами доставки та надання детальної інформації про продукти. Крім того, онлайн-сервіси підтримки клієнтів можуть оперативно відповідати на запити та допомагати у виборі необхідних товарів. 8) Відповідність сучасним тенденціям. Сучасні споживачі все частіше обирають онлайн-покупки завдяки зручності та широкому вибору. Відповідно до досліджень, тенденція до збільшення обсягів онлайн-торгівлі зберігатиметься і надалі. Створення інтернет-магазину дозволяє компаніям відповідати цим трендам та залишатися актуальними на ринку.
URI:	https://er.chdtu.edu.ua/handle/ChSTU/6894
Appears in Collections:	126 Інформаційні системи та технології (Web-технології, web-дизайн)

Files in This Item:

File	Description	Size	Format
РЕП_БАК_Шамкий_WEB-2011.pdf Restricted Access		5.44 MB	Adobe PDF	View/Open Request a copy

Show full item record

Extracted text

МІНІСТЕРСТВО ОСВІТИ І НАУКИ УКРАЇНИ
ЧЕРКАСЬКИЙ ДЕРЖАВНИЙ ТЕХНОЛОГІЧНИЙ УНІВЕРСИТЕТ
ФАКУЛЬТЕТ ІНФОРМАЦІЙНИХ ТЕХНОЛОГІЙ І СИСТЕМ

КАФЕДРА ІНФОРМАЦІЙНИХ ТЕХНОЛОГІЙ ПРОЕКТУВАННЯ

Пояснювальна записка
до кваліфікаційної роботи бакалавра

на тему:
«Інтернет-магазин медтехніки на основі CMS WordPress»

Виконав студент 4 курсу,
групи ____,
спеціальності 126 –
Інформаційні системи та
технології,
освітня програма – Web-
технології, Web-дизайн,

Керівник
Рецензент

Черкаси – 2024 року

ЗМІСТ
ВСТУП .................................................................................................................. 4
1 ТЕОРЕТИЧНІ ОСНОВИ СТВОРЕННЯ ІНТЕРНЕТ-МАГАЗИНУ
МЕДТЕХНІКИ...................................................................................................... 7
1.1 Поняття та визначення інтернет-магазину .............................................. 7
1.2 Огляд сучасного ринку інтернет-магазинів медтехніки ...................... 12
1.2.1 Огляд інтернет-магазину медтехніки MedMag ........................ 13
1.2.2 Огляд інтернет-магазину медтехніки Med-Magazin ................ 13
1.2.3 Огляд інтернет-магазину «Медтехніка Львів» ........................ 14
1.3 Основні функції та особливості інтернет-магазину медтехніки ......... 15
1.4 Обґрунтування вибору CMS WordPress для розробки інтернет-магазину
медтехніки ....................................................................................................... 19
1.5 Висновки до розділу 1 ............................................................................. 21
2 МЕТОДИКА РОЗРОБКИ ІНТЕРНЕТ-МАГАЗИНУ НА CMS WORDPRESS
.............................................................................................................................. 22
2.1 Встановлення CMS WordPress для реалізації проекту ......................... 22
2.2 Огляд і налаштування плагінів для інтернет-магазину медтехніки ... 23
2.3 Розробка структури інтернет-магазину медтехніки та організація
каталогу товарів ............................................................................................. 31
2.4 Розробка та налаштування бази даних................................................... 33
2.5 Висновки до розділу 2 ............................................................................. 39
3 АНАЛІЗ РЕЗУЛЬТАТІВ РОЗРОБКИ ТА ВПРОВАДЖЕННЯ ІНТЕРНЕТ-
МАГАЗИНУ ........................................................................................................ 40
3.1 Опис функціоналу створеного інтернет-магазину ............................... 40
3.2 Тестування роботи інтернет-магазину медтехніки .............................. 62
3.3 Висновки до розділу 3 ............................................................................. 67
ВИСНОВКИ ........................................................................................................ 68

ЧДТУ 000000.000 ПЗ
Зм. Лис т № докумемента Підпис Дата
Розроб. Літ. Лист Листів
Перев. Інтернет-магазин медтехніки на Н 2 83
Реценз основі CMS WordPress.
Пояснювальна записка ФІТІС,
Н. . контр.
кафедра ІТП, група
Затв.

ДОДАТОК A ....................................................................................................... 69
СПИСОК ВИКОРИСТАНИХ ДЖЕРЕЛ .......................................................... 81

Арк.
ЧДТУ 00000.000 ПЗ 3
З м н. Арк. № докум. Підпис Дата

ВСТУП
В останні роки розвиток цифрових технологій та зміни у поведінці
споживачів значно вплинули на медичну сферу. Створення інтернет-магазину
медтехніки стало не лише трендом, а й необхідністю для багатьох компаній.
Ключові фактори, які підкреслюють актуальність цього рішення:
1) Зростання попиту на медичні товари онлайн. З початком пандемії
COVID-19 попит на медичні товари, такі як маски, дезінфектори,
пульсоксиметри та інше, різко зріс. Багато людей почали шукати медичні
продукти онлайн, що зумовило необхідність створення інтернет-магазинів.
Навіть після спаду пандемії звичка купувати медичні товари онлайн збереглася.
2) Зручність для споживачів. Інтернет-магазини пропонують зручність,
яку важко забезпечити офлайн-магазинам. Споживачі можуть робити покупки
будь-де і будь-коли, отримуючи доступ до широкого асортименту товарів,
порівнювати ціни та читати відгуки. Це особливо важливо для людей з
обмеженою мобільністю або тих, хто живе у віддалених регіонах.
3) Розширення ринку. Інтернет-магазин дозволяє підприємствам
розширити свій ринок збуту. Відкриття онлайн-продажів дає можливість
охопити клієнтів не тільки у своєму регіоні, а й по всій країні або навіть за
кордоном. Це суттєво збільшує потенційну клієнтську базу та підвищує обсяги
продажів.
4) Ефективне управління запасами. Завдяки сучасним технологіям,
інтернет-магазини можуть ефективно управляти своїми запасами. Інтеграція з
системами обліку товарів дозволяє в режимі реального часу відслідковувати
наявність продукції на складі, своєчасно поповнювати запаси та уникати
ситуацій з відсутністю товарів.
5) Підвищення конкурентоспроможності. На ринку медичної техніки
конкурентоспроможність є ключовим фактором успіху. Інтернет-магазин надає
можливість не лише збільшити обсяги продажів, але й поліпшити взаємодію з
клієнтами через персоналізовані пропозиції, якісний сервіс та швидку обробку
Арк.
ЧДТУ 00000.000 ПЗ 4
З м н. Арк. № докум. Підпис Дата

замовлень. Це допомагає виділитися на фоні конкурентів і завоювати довіру
покупців.
6) Економічна ефективність. Запуск і підтримка інтернет-магазину
може бути економічно вигіднішим порівняно з відкриттям та утриманням
фізичних точок продажу. Зниження витрат на оренду приміщень, зарплати
персоналу та інші операційні витрати дозволяє інвестувати більше у маркетинг
та покращення якості обслуговування клієнтів.
7) Покращення якості обслуговування. Інтернет-магазини дозволяють
забезпечити високий рівень обслуговування завдяки можливості швидкого
оброблення замовлень, інтеграції з системами доставки та надання детальної
інформації про продукти. Крім того, онлайн-сервіси підтримки клієнтів можуть
оперативно відповідати на запити та допомагати у виборі необхідних товарів.
8) Відповідність сучасним тенденціям. Сучасні споживачі все частіше
обирають онлайн-покупки завдяки зручності та широкому вибору. Відповідно
до досліджень, тенденція до збільшення обсягів онлайн-торгівлі зберігатиметься
і надалі. Створення інтернет-магазину дозволяє компаніям відповідати цим
трендам та залишатися актуальними на ринку.
Предметом дослідження є процес створення, впровадження та
оптимізації інтернет-магазину медичної техніки на базі CMS WordPress..
Об’єктом дослідження є технології створення веб-сайтів інтрнет-
магазинів.
У підсумку, використання WordPress для створення інтернет-магазину
медичної техніки є ефективним рішенням, що поєднує в собі зручність,
гнучкість та потужні інструменти для електронної комерції. Це дозволяє не
лише успішно вести бізнес, але й забезпечити високий рівень обслуговування
клієнтів та відповідність всім необхідним стандартам якості.
Метою роботи є створення інтернет-магазину медтехніки є надання
зручного і ефективного інструменту для продажу медичних товарів, що
дозволяє:
Арк.
ЧДТУ 00000.000 ПЗ 5
З м н. Арк. № докум. Підпис Дата

• Розширити ринок збуту і залучити нових клієнтів.
• Оптимізувати процеси продажу та управління запасами.
• Забезпечити доступність якісної медичної техніки для широкого кола
споживачів.
• Підвищити конкурентоспроможність бізнесу за рахунок використання
сучасних цифрових технологій.
Для досягнення поставленої мети необхідно розв’язати наступні задачі:
• Провести аналіз ринку медичної техніки: вивчити сильні та слабкі
сторони конкурентних інтернет-магазинів.
• Вибрати професійну тему, яка відповідає вимогам медичного інтернет-
магазину, і адаптувати її для конкретного бізнесу. Встановити необхідні плагіни:
WooCommerce, плагіни для SEO, безпеки, управління запасами, обробки
платежів та інших функцій.
• Зібрати дані про товари: отримати всю необхідну інформацію про
медичну техніку, включаючи описи, технічні характеристики, сертифікацію,
зображення. Створити та налаштувати каталог товарів: додати товари до
каталогу, організувати їх за категоріями, налаштувати фільтри та пошук.
• Розробити інтуїтивний інтерфейс: забезпечити зручність навігації,
простий процес оформлення замовлення. Оптимізувати для мобільних
пристроїв: переконатися, що сайт добре відображається та функціонує на різних
мобільних пристроях.
Обсяг кваліфікаційної роботи бакалавра складає 83 сторінки, у тому числі
вступ, три розділи, висновки, додаток та список використаних джерел. Робота
містить 39 рисунків, 3 таблиці та 30 найменувань літературних джерел.

Арк.
ЧДТУ 00000.000 ПЗ 6
З м н. Арк. № докум. Підпис Дата

1 ТЕОРЕТИЧНІ ОСНОВИ СТВОРЕННЯ ІНТЕРНЕТ-МАГАЗИНУ
МЕДТЕХНІКИ
1.1 Поняття та визначення інтернет-магазину
Електронна комерція (також відома як eCommerce англійською)
передбачає купівлю та продаж товарів або послуг через Інтернет.
Ці транзакції зазвичай обробляються через онлайн-платежі. По суті, це
обмін електронними грошима, який обробляється через платіжний шлюз або
постачальника платіжних послуг. Онлайн-платежі можна здійснювати за
допомогою електронного банківського переказу, за допомогою дебетової чи
кредитної картки, цифрового гаманця тощо.
Традиційна торгівля в основному характеризується обміном продуктами
та послугами через фізичну особисту взаємодію різних сторін. Електронна ж
комерція зосереджена на продажу товарів і послуг через Інтернет за допомогою
електронних платіжних засобів. У цьому випадку відбувається лише цифрова
взаємодія.
Зростання електронної комерції призвело до того, що все більше
компаній повністю переходять на цю бізнес-модель. Щоб детально
проаналізувати різні типи існуючих бізнес-моделей електронної комерції, ми
класифікуємо електронну комерцію на основі ділових відносин учасників. Існує
принаймні дев’ять типів бізнес-моделей електронної комерції, залежно від
ділових відносин учасників:
1) B2B E-Commerce (бізнес для бізнесу).
Цей вид електронної комерції базується на обміні продуктами та
послугами між різними компаніями (постачальниками, роздрібними
торговцями, посередниками тощо). Електронна комерція B2B передбачає
транзакції між виробником і оптовиком або оптовиком і роздрібним продавцем
через онлайн-портал продажів.
2) B2C E-Commerce (бізнес для споживача).
Арк.
ЧДТУ 00000.000 ПЗ 7
З м н. Арк. № докум. Підпис Дата

Електронна комерція B2C орієнтована на обмін продуктами та послугами
між компаніями та приватними споживачами через цифрові медіа.
3) B2A E-Commerce (бізнес для адміністрації).
Це стосується закупівлі продуктів або послуг компанії державною
адміністрацією через цифрові медіа.
4) B2E E-Commerce (бізнес для співробітника).
Електронна комерція B2E стосується покупок, які компанії роблять для
своїх співробітників.
5) B2I E-Commerce (бізнес для інвестора).
B2I E-Commerce – це підприємницька діяльність, спрямована на
залучення інвестицій, їх стандартизацію, організацію та пропонування
інвесторам.
6) C2C електронна комерція (від споживача до споживача).
Коли споживачі беруть участь в угодах з іншими споживачами через
Інтернет, ми говоримо про електронну комерцію C2C. Ці платформи дуже
популярні та дозволяють людям пропонувати власні (зазвичай використовувані)
продукти.
7) C2B електронна комерція (від споживача до бізнесу).
Електронна комерція C2B виникає, коли споживач продає або жертвує
гроші компанії. Ця модель менш поширена в інтернеті.
8) A2B E-Commerce (адміністрування для бізнесу).
Цей тип електронної комерції відноситься до торгівлі між компаніями та
державними адміністраціями. Це може бути електронний обмін податками,
сплатою зборів тощо.
9) A2C E-Commerce (адміністрування для споживача).
Це один із видів електронної комерції, який відноситься до торгівлі між
державною адміністрацією та споживачами.
В роботі пропонується розробити інтернет-магазин B2C E-Commerce.
Арк.
ЧДТУ 00000.000 ПЗ 8
З м н. Арк. № докум. Підпис Дата

Покупки в Інтернеті сьогодні є одним з найпопулярніших видів
діяльності. При використанні в бізнесі електронної комерції можна виділити
наступні переваги:
- Глобальне охоплення: дозволяє купувати та продавати будь-кому у світі.
- Порівняння ціни та продукту: клієнт знаходить переваги, які полегшують
прийняття рішень. Ви можете легко порівняти ціни та товари.
- Повна доступність: працює 24 години на добу, сім днів на тиждень, 365
днів на рік.
- Економія коштів: підприємства електронної комерції мають значно нижчі
операційні витрати, ніж традиційні підприємства, які потребують певного місця
для продажу.
- Автоматизоване керування. Компанії можуть легко керувати запасами,
процесами повернення, надсиланням електронних листів або запитами на
перегляд за допомогою автоматизованих онлайн-інструментів.
- Цільовий маркетинг: онлайн-продавці можуть збирати багато даних від
споживачів, щоб вони могли орієнтуватися на потрібних людей для продажу
своїх товарів.
- Покращення взаємодії з користувачем. Збираючи інформацію, компанії
можуть покращити досвід покупок користувачів і зробити їх більш особистими
та значущими.
Хоча все здається дуже ручним і позитивним як для споживача, так і для
підприємця, у порівнянні з традиційною торгівлею в електронній комерції є й
певні недоліки:
- Висока конкуренція: оскільки бар’єри входу на ринок електронної
комерції дуже низькі, конкуренція дуже висока.
- Прямої підтримки немає: особистий контакт із замовником практично
зникає. Це прямо означає, що підтримувати лояльність клієнтів коштує дорожче.
- Нетерплячість користувачів: у той час як у традиційній роздрібній
торгівлі клієнта можна обслуговувати майже негайно, у роздрібній торгівлі
Арк.
ЧДТУ 00000.000 ПЗ 9
З м н. Арк. № докум. Підпис Дата

онлайн більшості компаній потрібен час, щоб відповісти своїм клієнтам.
Подібним чином покупка продукту відбуватиметься повільніше через час
обробки та доставки продуктів.
- Клієнти не можуть спробувати продукт: один з найбільших недоліків у
галузі полягає в тому, що процес продажу є більш складним, оскільки клієнт не
може спробувати продукт, який хоче купити. Є компанії електронної комерції,
які намагалися мінімізувати цей вплив, пропонуючи багато варіантів
повернення. Однак це означає більші витрати для компанії.
- Технічні помилки: Інтернет-магазини не застраховані від технічних
проблем. Магазини можуть бути неактивними через технічні проблеми, що
фактично означає, що магазин закритий.
- Небажання платити онлайн: багато покупців все ще відмовляються
платити онлайн. Це означає, що є частина населення, яка не робить покупки в
магазинах електронної комерції.
- Зменшення торгової націнки: у зв’язку з посиленням онлайн-конкуренції
націнка прибутку була значно скоригована. Тепер компаніям електронної
комерції потрібно прийняти стратегії для отримання додаткового доходу.
Пандемія COVID-19 повністю підірвала світ електронної комерції. Це
принесло зміни в цій сфері. Споживачі обрали онлайн-шопінг, і більшість із них
продовжуватимуть використовувати цей спосіб покупки.
Бум голосової комерції: ця тенденція стає ключовим елементом
майбутнього електронної комерції. Ця тенденція зосереджена на розпізнаванні
голосу користувача під час пошуку товару. Інтернет-магазини повинні брати до
уваги нові методи пошуку, щоб адаптувати свої стратегії до цих нових вимог
користувачів.
Впровадження чат-ботів: таке впровадження в електронну комерцію на
сьогодні процвітає. Чат-бот – це програмне забезпечення, яке використовує
структуровані повідомлення для надсилання відповідей від машини людині.
Арк.
ЧДТУ 00000.000 ПЗ 10
З м н. Арк. № докум. Підпис Дата

Таким чином компанії можуть отримати кваліфіковані бази даних і покращити
свої послуги, щоб ефективніше відповідати своїм клієнтам.
Використання великих даних: фокусується на обробці великих обсягів
даних. Дозволяє електронній комерції покращувати процес прийняття рішень,
зменшувати витрати та краще розуміти клієнтів.
Більше персоналізації: клієнти отримають більш персоналізований
досвід, наприклад, знижки та пропозиції щодо розпродажів на основі історії
покупок.
Нові методи оплати: Інтернет-магазини повинні вивчити можливості
криптовалют і прийняти рішення про доцільність впровадження нових методів
оплати. Це буде конкурентна перевага.
Покращене відображення: тенденція до кращого відображення
продуктів. Використовуються такі технології, як віртуальна реальність, 3D-
зображення або доповнена реальність.
Швидші поставки: терміни доставки продуктів різко скорочуються.
Сектор рухається до моделі доставки в той же день і навіть протягом декількох
годин.
Електронна комерція продовжує розвиватися. Це одна з найбільш
швидкозростаючих галузей за останні роки (рис 1.1).
Арк.
ЧДТУ 00000.000 ПЗ 11
З м н. Арк. № докум. Підпис Дата

Рисунок 1.1 – Роздрібні продажі електронної комерції по всьому світу з 2014 по
2024 рік
За даними дослідницької компанії Statista, глобальні роздрібні продажі
електронної комерції сягнули 5,9 трильйона доларів у 2023 році. Очікується, що
до кінця 2024 року обсяг досягне 6,39 трильйона доларів.
1.2 Огляд сучасного ринку інтернет-магазинів медтехніки
Сучасний ринок інтернет-магазинів медтехніки активно розвивається,
пропонуючи широкі можливості як для бізнесів, так і для споживачів. Основні
тенденції включають цифровізацію, розширення асортименту та підвищення
доступності медичних товарів. Водночас, успіх у цій сфері вимагає ефективних
маркетингових стратегій, впровадження технологічних інновацій та дотримання
регуляторних вимог.
Розглянемо кілька вітчизняних інтернет-магазинів, що спеціалізуються
на реалізації медтехніки.
Арк.
ЧДТУ 00000.000 ПЗ 12
З м н. Арк. № докум. Підпис Дата

1.2.1 Огляд інтернет-магазину медтехніки MedMag
Medmag.ua є одним з провідних інтернет-магазинів медтехніки в Україні.
Вони пропонують широкий асортимент медичних пристроїв та обладнання,
включаючи тонометри, глюкометри, інгалятори, термометри, бактерицидні
лампи, та багато іншого. Магазин також надає продукти для краси та здоров’я,
ортопедичні вироби, засоби реабілітації, і обладнання для медичних установ
(рис 1.2).

Рисунок 1.2 – Візуалізація інтернет-магазину медтехніки MedMag
Основні характеристики:
- Асортимент: Широкий вибір продукції для різних медичних потреб.
- Клієнтський сервіс: Забезпечення консультацій та підтримки клієнтів.
- Доставка: Можливість доставки по всій Україні.
- Знижки та акції: Регулярні пропозиції для клієнтів.
До недоліків можна віднести швидкість роботи сайту: на головній
сторінці зображено великий банер, який вповільнює швидкість завантаження
при користуванні слабким інтернетом.
1.2.2 Огляд інтернет-магазину медтехніки Med-Magazin
Med-magazin.ua є інтернет-магазином, що спеціалізується на продажу
медичної техніки, ортопедичних товарів та засобів для здоров’я в Україні. Вони
Арк.
ЧДТУ 00000.000 ПЗ 13
З м н. Арк. № докум. Підпис Дата

пропонують широкий асортимент продукції, включаючи тонометри, інгалятори,
глюкометри, ортопедичне взуття, бандажі, засоби для реабілітації, та багато
іншого. Магазин забезпечує доставку по всій Україні, а також надає консультації
та підтримку клієнтів. Med-magazin.ua відомий своєю різноманітністю товарів,
що відповідають високим стандартам якості та безпеки (рис.1.3).

Рисунок 1.3 – Візуалізація головної сторінки інтернет-магазину медтехніки
Med-Magazin
До недоліків можна віднести перенасичення інформації на головній
сторінці магазину. Клієнту, який потрапляє на головну сторінку сайту, серед
великої кількості банерів, зображень і заголовків важко одразу виділити саме ту
інформацію, яка йому необхідна.
1.2.3 Огляд інтернет-магазину «Медтехніка Львів»
FMF.com.ua є інтернет-магазином, що спеціалізується на продажу
медичної техніки та товарів для здоров’я в Україні (рис 1.4).
Арк.
ЧДТУ 00000.000 ПЗ 14
З м н. Арк. № докум. Підпис Дата

Рисунок 1.4 – Головної сторінка інтернет-магазину «Медтехніка Львів»
Асортимент включає:
- Медичне обладнання: тонометри, інгалятори, глюкометри,
медичні меблі.
- Засоби реабілітації: інвалідні візки, ходунки, милиці.
- Ортопедичні вироби: устілки, ортопедичне взуття, бандажі.
- Косметика та догляд: лікувальна косметика, засоби для
догляду за шкірою.
- Товари для медичної практики: інструменти, медичні меблі,
перев’язувальні матеріали.
Сайт пропонує зручну навігацію, швидку доставку та підтримку клієнтів.
До недоліків можна віднести використання дуже маленького погано
читабельного шрифту, наявність великого банера, що вповільнює роботу сайту,
та наявність пустого простору на сторінках веб-сайту, який доцільно було б
зменшити за рахунок збільшення шрифту.
1.3 Основні функції та особливості інтернет-магазину медтехніки
Майже кожен інтернет-магазин розвивається протягом свого життя. Зі
збільшенням кількості клієнтів зростають і технічні вимоги до магазину.
Компанії все ще повинні переконуватися, що магазин може витримувати велику
Арк.
ЧДТУ 00000.000 ПЗ 15
З м н. Арк. № докум. Підпис Дата

кількість замовлень від клієнтів і що сервери та програми функціонують
належним чином. Одним із найважливіших питань щодо функцій системи є: у
якій формі представлена система? Вибрати можна між встановленням на
власному сервері компанії або рішенням програмного забезпечення як послуги
(SaaS) або постачальника послуг додатків (ASP). Однак слід зауважити, що лише
половину рішень можна встановити на власний сервер. Правильний вибір може
мати вирішальне значення з точки зору масштабування. Систему магазину SaaS
легше масштабувати, ніж власну установку на сервері. Компанії повинні
враховувати це при виборі програмного забезпечення для свого магазину.
Також важливо, щоб онлайн-магазин можна було адаптувати до
майбутніх потреб клієнтів. Системи магазинів, які можна легко розширити за
допомогою плагінів, без сумніву матимуть переваги. Але рішення з відкритим
кодом також підходять для гнучкої адаптації магазинів електронної комерції.
Крім того, система магазину повинна підтримувати адаптивний дизайн, щоб
магазин пропонував хороший досвід клієнтів як на комп’ютерах, так і на
мобільних пристроях.
Ще один аспект, який також варто висвітлити – це можливість реалізації
багатоканальної комерції. Сьогодні вже недостатньо просто продавати онлайн
через власний інтернет-магазин. Компанії електронної комерції також повинні
мати можливість легко пропонувати продукти на іншому веб-сайті, наприклад,
на онлайн-ринку (на кшталт, Prom.ua, OLX.ua тощо). Багатоканальність тепер є
обов’язковою умовою для довгострокового успіху в онлайн-торгівлі, оскільки
клієнти розміщують замовлення не лише в одному магазині, а на кількох
платформах.
Компанія може швидко розпочати електронну комерцію, якщо система
магазину працює добре. Збірні стандартні шаблони значно полегшують дизайн
інтернет-магазину. Вони допоможуть швидко налаштувати онлайн-магазин і
зберегти чіткий дизайн – навіть без детальних знань розробника. Половина
рішень пропонують стандартні шаблони. Однак кількість різних шаблонів дуже
Арк.
ЧДТУ 00000.000 ПЗ 1 6
З м н. Арк. № докум. Підпис Дата

різна: від двох до більше десяти. Крім того, окремі постачальники програмного
забезпечення пропонують настроювані стандартні шаблони. Для компаній, які
хочуть почати електронну комерцію, багато виробників пропонують простий
спосіб швидкого налаштування магазину – навіть з індивідуальними
налаштуваннями, якщо це необхідно.
При проектуванні інтернет-магазину система магазину в ідеалі повинна
мати функцію попереднього перегляду. Переваги функції попереднього
перегляду:
- Дизайн магазину можна детально вивчити перед його запуском.
Помилки можна виправити до того, як їх побачать клієнти.
- Розробники можуть розглянути дизайн магазину в кількох варіантах
і таким чином зробити кращий вибір щодо дизайну.
Основні функції та особливості інтернет-магазину медтехніки:
1) Каталог товарів:
- Асортимент продукції: Інтернет-магазин медтехніки повинен
пропонувати широкий спектр медичних товарів.
- Детальні описи товарів: Кожен товар має бути супроводжений
детальним описом, технічними характеристиками, фотографіями та іноді
відеооглядами для надання повної інформації про продукцію.
2) Пошук і фільтрація:
- Зручний пошук: Інтернет-магазин повинен мати потужну пошукову
систему, що дозволяє швидко знаходити потрібні товари.
- Розширені фільтри: Фільтрація товарів за категоріями, ціною,
брендом та іншими параметрами допомагає користувачам легко знаходити
необхідні їм продукти.
3) Платіжні системи:
- Різноманітні способи оплати: Магазин повинен підтримувати різні
методи оплати, такі як банківські картки, електронні гаманці та банківські
перекази.
Арк.
ЧДТУ 00000.000 ПЗ 17
З м н. Арк. № докум. Підпис Дата

- Безпечні транзакції: Використання сучасних технологій захисту,
таких як SSL-сертифікати, для забезпечення безпеки фінансових операцій
клієнтів.
4) Доставка:
- Різноманітні варіанти доставки: Пропонувати різні способи
доставки, включаючи кур’єрську доставку, самовивіз з пунктів видачі та
доставку поштовими службами.
- Швидка доставка: Оптимізація логістики для забезпечення швидкої
та надійної доставки товарів.
5) Підтримка клієнтів:
- Консультаційна підтримка: Наявність онлайн-чату, гарячої лінії та
форми зворотного зв’язку для надання консультацій та допомоги клієнтам.
- Післяпродажне обслуговування: Служби підтримки, що обробляють
повернення та обміни товарів, забезпечують високий рівень обслуговування
після покупки.
6) Особистий кабінет:
- Обліковий запис клієнта: Можливість створення особистого
кабінету для відстеження замовлень, перегляду історії покупок, збереження
списків бажаних товарів та отримання персональних пропозицій.
- Програми лояльності: Накопичувальні знижки, бонуси та інші
привілеї для постійних клієнтів.
7) Інформаційні ресурси:
- Блог та новини: Публікації новин, оглядів продукції та корисних
статей на тему здоров’я та медицини.
- Інструкції та керівництва: Надання інструкцій з використання
медичних пристроїв та обладнання, які допомагають користувачам правильно
використовувати придбану техніку.
8) Безпека та конфіденційність:
Арк.
ЧДТУ 00000.000 ПЗ 18
З м н. Арк. № докум. Підпис Дата

- Захист персональних даних: Дотримання нормативів GDPR та інших
регуляторних вимог щодо обробки і зберігання персональних даних клієнтів.
- Прозора політика конфіденційності: Інформування користувачів про
те, як їхні дані збираються, зберігаються та використовуються.
Інтеграція цих функцій і особливостей забезпечує зручність
використання інтернет-магазину, підвищує довіру клієнтів і сприяє зростанню
продажів.
1.4 Обґрунтування вибору CMS WordPress для розробки інтернет-
магазину медтехніки
Вибір CMS WordPress для розробки інтернет-магазину медтехніки є
обґрунтованим через кілька ключових причин. По-перше, WordPress відомий
своєю гнучкістю та адаптивністю, що дозволяє легко налаштовувати дизайн і
функціональність магазину завдяки безлічі плагінів і тем. Зокрема,
WooCommerce є потужним плагіном для електронної комерції, який
інтегрується з WordPress і забезпечує всі необхідні функції для створення та
управління інтернет-магазином.
Простота використання WordPress робить його доступним для
користувачів без глибоких технічних знань. Інтуїтивно зрозумілий інтерфейс
адміністративної панелі дозволяє легко керувати контентом та товарами. Багата
документація та навчальні матеріали допомагають швидко освоїти роботу з
системою.
SEO-оптимізація є ще однією перевагою WordPress. Інструменти, такі як
Yoast SEO, допомагають оптимізувати сайт для пошукових систем, що підвищує
його видимість в інтернеті. Крім того, чистий код WordPress сприяє кращій
індексації сайту пошуковими системами.
Безпека також грає важливу роль. WordPress регулярно оновлюється для
забезпечення захисту від зловмисних атак. Використання плагінів безпеки
забезпечує додатковий рівень захисту даних клієнтів та фінансових транзакцій.
Арк.
ЧДТУ 00000.000 ПЗ 19
З м н. Арк. № докум. Підпис Дата

Ще однією вагомою перевагою є масштабованість WordPress. Магазин
можна легко розширити, додавши нові модулі та функціональність у міру
зростання бізнесу. Підтримка різних хостинг-рішень дозволяє налаштувати
серверну інфраструктуру відповідно до вимог.
Велика спільнота користувачів та розробників WordPress забезпечує
підтримку та обмін досвідом. Це полегшує пошук професійної допомоги та
вирішення проблем. Крім того, WordPress легко інтегрується з різними
сторонніми сервісами, такими як платіжні шлюзи, сервіси доставки, CRM-
системи та аналітичні інструменти, що підвищує його функціональність.
У 2024 році WordPress залишається найбільш популярною системою
керування контентом (CMS), з потужною підтримкою спільноти та широким
спектром можливостей для різних типів веб-сайтів. Зокрема, WordPress утримує
приблизно 63.5% ринку CMS, що становить близько 43.2% всіх вебсайтів в
Інтернеті. Це включає не лише блоги та бізнес-сайти, але й інтернет-магазини
завдяки інтеграції WooCommerce, яка домінує серед eCommerce платформ з
часткою ринку 36.7%.
WordPress забезпечує масштабованість, що важливо для бізнесу, який
планує рости. Початкові інвестиції можуть бути мінімальними, а зі зростанням
потреб можна додавати нові функції та ресурси, не змінюючи платформу. Це
робить WordPress ідеальним вибором для створення інтернет-магазину медичної
техніки, здатного витримувати зростаючі вимоги бізнесу.
Отже, вибір WordPress для створення інтернет-магазину медтехніки
обґрунтований його гнучкістю, простотою у використанні, SEO-оптимізацією,
безпекою, масштабованістю, підтримкою спільноти та можливостями
інтеграції. Це забезпечує створення ефективного та зручного магазину, що
відповідає потребам як бізнесу, так і клієнтів.
Арк.
ЧДТУ 00000.000 ПЗ 20
З м н. Арк. № докум. Підпис Дата

1.5 Висновки до розділу 1
У даному розділі розглянуто ключові теоретичні аспекти створення
інтернет-магазину медичної техніки. Вивчення цих основ дозволило отримати
глибше розуміння сучасних тенденцій у цій галузі та визначити найважливіші
аспекти, які слід враховувати під час розробки та функціонування інтернет-
магазину медтехніки.
Перш за все, було визначено, що успішність інтернет-магазину медичної
техніки залежить від кількох ключових факторів, таких як якість продукції,
зручність інтерфейсу, безпека та конфіденційність інформації клієнтів, а також
швидкість доставки та якість обслуговування післяпродажного сервісу.
Також в розділі обґрунтовано вибір CMS WordPress для розробки
інтернет-магазину медтехніки.
Успішна реалізація інтернет-магазину медтехніки вимагає комплексного
підходу, що охоплює як технічні аспекти, так і маркетингові стратегії.
Найважливіше – це постійна відкритість до інновацій та готовність адаптуватися
до змін у вимогах ринку та поведінці споживачів.

Арк.
ЧДТУ 00000.000 ПЗ 21
З м н. Арк. № докум. Підпис Дата

2 МЕТОДИКА РОЗРОБКИ ІНТЕРНЕТ-МАГАЗИНУ НА CMS
WORDPRESS
2.1 Встановлення CMS WordPress для реалізації проекту
Під час встановлення CMS WordPress для проекту важливо розглянути
кілька ключових аспектів. Ось деякі з них:
1) Вибір хостингу: Важливо обрати надійного хостинг-провайдера, який
підтримує WordPress і має високий рівень продуктивності та безпеки.
2) Вимоги до системи: Слід переконатися, що хостинг відповідає
мінімальним вимогам до системи для встановлення WordPress. Це може
включати версії PHP та MySQL, необхідні для роботи WordPress.
3) Створення бази даних: Перед встановленням WordPress потрібно
створити базу даних MySQL на сервері.
4) Передача файлів на сервер: Краще використовувати FTP-клієнт або
файловий менеджер хостингу для передачі файлів WordPress на сервер.
Зазвичай вони повинні бути передані до теки кореневого каталогу сайту.
5) Безпека та резервне копіювання: Не слід забувати встановлювати
додаткові заходи безпеки, такі як обмеження спроб входу, використання SSL-
сертифікату, регулярне оновлення WordPress та резервне копіювання сайту.
Ці аспекти встановлення CMS WordPress є важливими для успішного
розгортання проекту. Важливо дотримуватися кращих практик і забезпечити
стабільну та безпечну роботу сайту.
Після визначення важливих аспектів, які були враховані для успішної
розробки інтернет-магазину, можна розпочинати процес встановлення
WordPress.
Встановлення CMS WordPress для веб-сайту інтернет-магазину включає
кілька важливих кроків. Спочатку потрібно вибрати надійний хостинг-
провайдер і зареєструватися для отримання хостинг-послуг.
Арк.
ЧДТУ 00000.000 ПЗ 22
З м н. Арк. № докум. Підпис Дата

Потім потрібно створити базу даних MySQL на сервері хостингу. Це можна
зазвичай зробити через панель керування хостингу. Далі потрібно авантажити
останню версію WordPress з офіційного сайту та розпакувати її на локальному
комп’ютері.
Наступним кроком є передача файлів WordPress на сервер за допомогою
FTP-клієнта або файлового менеджера хостингу. Файли повинні бути передані
у кореневу теку розроблюваного сайту на сервері.
Після передачі файлів потрібно створити конфігураційний файл "wp-
config.php". Для цього потрібно знайти файл з назвою "wp-config-sample.php" та
перейменувати його на "wp-config.php". Потім відкрити файл у текстовому
редакторі та ввести дані для підключення до бази даних MySQL, яка була
створена раніше.
Після цього потрібно відкрити веб-браузер і ввести URL розроблюваного
сайту. Після цього користувача буде перенаправлено на сторінку встановлення
WordPress. Там потрібно вибрати мову та натисніути кнопку «Продовжити». На
наступній сторінці потрібно ввести дані для підключення до бази даних MySQL
та натиснути кнопку «Встановити WordPress».
Після успішної інсталяції користувачу буде запропоновано створити
обліковий запис адміністратора розроблюваного сайту. Цю форму потрібно
заповнити і натиснуть кнопку «Установити WordPress». Тепер сайт готовий до
використання, і можна увійти до адміністративної панелі WordPress, щоб
розпочати налаштування та додавання контенту.
2.2 Огляд і налаштування плагінів для інтернет-магазину медтехніки
Огляд і налаштування плагінів для інтернет-магазину важливий етап у
створенні функціонального та ефективного онлайн-магазину. Розглянемо деякі
плагіни, які будуть використані для реалізації різних функцій та можливостей
інтернет-магазину медтехніки:
Арк.
ЧДТУ 00000.000 ПЗ 23
З м н. Арк. № докум. Підпис Дата

1) WooCommerce – це один з найпопулярніших інструментів для
створення інтернет-магазинів на WordPress. WooCommerce дозволяє легко
створювати каталоги товарів, додавати кошики для покупок, обробляти
платежі, встановлювати податки та багато іншого. WooCommerce дозволяє
легко створювати каталог товарів з різноманітними варіантами товарів,
включаючи різні розміри, кольори та інші атрибути. Плагін надає повноцінну
функціональність кошика для покупок, де клієнти можуть додавати товари та
оформлювати замовлення. Також з його допомогою можна легко налаштувати
різні методи оплати (наприклад, кредитні картки, PayPal, готівкові відділення)
та методи доставки (кур’єрська доставка, поштова служба тощо).
WooCommerce дозволяє автоматизувати розрахунок податків та вести облік
витрат, прибутку та інших фінансових показників бізнесу. Відповідно до
сучасних вимог, WooCommerce має адаптивний дизайн, що означає, що
інтернет-магазин буде добре виглядати на будь-яких пристроях – від
комп’ютерів до смартфонів. Є безліч додаткових розширень та плагінів для
WooCommerce, які дозволяють розширити його функціональність, наприклад,
побудувати програму лояльності, збільшити конверсію, додати розумні фільтри
тощо. WooCommerce має велику та активну спільноту користувачів та
розробників, яка забезпечує постійну підтримку, оновлення та нові функції.
WooCommerce підтримує високі стандарти безпеки, що дозволяє захистити
магазин від зловмисників та злочинців.
Загалом, WooCommerce є чудовим вибором для будь-якого, хто хоче
створити професійний та ефективний інтернет-магазин на базі WordPress. Його
простота використання та гнучкість роблять його ідеальним рішенням для як
початківців, так і досвідчених електронних комерсантів.
2) Yoast SEO: Плагін Yoast SEO допоможе оптимізувати магазин для
пошукових систем, щоб забезпечити кращі позиції в результатах пошуку. Yoast
SEO аналізує контент і надає рекомендації щодо покращення його SEO. Він
оцінює такі аспекти, як ключові слова, довжина тексту, використання
Арк.
ЧДТУ 00000.000 ПЗ 2 4
З м н. Арк. № докум. Підпис Дата

заголовків, мета-тегів тощо. Плагін допомагає визначити ключові слова для
контенту веб-сайту та вказує, де і як їх використовувати для оптимальної SEO.
Він дозволяє легко налаштувати заголовки сторінок, мета-описи та URL-адреси
для кожної сторінки веб-сайту з метою підвищення їх рейтингу в пошукових
системах. Плагін автоматично генерує XML-карту сайту та дозволяє
контролювати вміст файлу robots.txt, щоб керувати індексацією контенту
пошуковими системами.
Враховуючи всі ці функції та можливості, легкість використання та
потужність роблять Yoast SEO найкращим вибором як для початківців, так і для
досвідчених веб-розробників.
3) Contact Form 7 – це безкоштовний та легкий у використанні плагін для
створення та керування формами зворотного зв’язку на веб-сайті, побудований
на платформі WordPress. Contact Form 7 має простий та зрозумілий інтерфейс,
що дозволяє створювати та налаштовувати форми зв’язку без необхідності в
глибоких знаннях програмування або веб-розробки. Плагін надає можливості
для налаштування різних параметрів форми, включаючи поля вводу, текст,
мітки, валідацію та стилізацію, що дозволяє створювати форми, які
відповідають потребам та вимогам. Contact Form 7 дозволяє використовувати
HTML-код та CSS для розширеного налаштування та стилізації форми
зворотного зв’язку, що дає більшу гнучкість у вирішенні необхідних завдань.
Плагін підтримує різні мови, що дозволяє створювати форми зв’язку для веб-
сайтів на будь-якій мові. Існує велика кількість розширень для Contact Form 7,
які дозволяють розширити його функціональність та інтегрувати його з іншими
сервісами, такими як капча, підтримка Ajax, інтеграція з сервісами електронної
пошти та CRM, та багато іншого.
4. Jetpack – це потужний плагін для WordPress, розроблений компанією
Automattic, яка стоїть за WordPress.com. Jetpack надає широкий набір
інструментів для покращення безпеки, продуктивності, маркетингу та
управління вашим веб-сайтом. Jetpack пропонує захист від brute force атак та
Арк.
ЧДТУ 00000.000 ПЗ 2 5
З м н. Арк. № докум. Підпис Дата

моніторинг активності для виявлення підозрілої діяльності. Також Jetpack
включає в себе автоматичні резервні копії сайту, що дозволяє легко відновити
сайт у разі проблем. Плагін сповіщає, якщо сайт перестає працювати або стає
недоступним. Jetpack може автоматично оновлювати плагіни для забезпечення
безпеки сайту. Jetpack використовує сервера WordPress.com для кешування та
доставки контенту, що значно зменшує час завантаження сторінок. Lazy Load
для зображень – це функція, яка завантажує зображення тільки тоді, коли вони
стають видимими у вікні браузера, що покращує продуктивність сайту. Jetpack
автоматично використовує контентно-розподілену мережу (CDN) для швидшої
доставки зображень і статичних файлів.
5) Akismet Anti-Spam – це потужний плагін для WordPress, розроблений
компанією Automattic, що допомагає захистити сайти від спаму в коментарях та
формах зворотного зв’язку. Плагін використовує алгоритми машинного
навчання та глобальну базу даних для автоматичного виявлення та фільтрації
спам-повідомлень.
Коли користувач залишає коментар або заповнює форму зворотного
зв’язку на сайті, Akismet перевіряє кожне повідомлення на наявність спаму,
використовуючи глобальну базу даних, яка містить мільйони відомих спам-
повідомлень. Це дозволяє Akismet ідентифікувати спам-повідомлення з
високою точністю та ефективно їх блокувати.
Коментарі, які визначені як спам, автоматично переміщуються в
спеціальну папку для спаму, де адміністратори сайту можуть переглядати та,
при необхідності, відновлювати повідомлення. Akismet також надає історію
статусу кожного коментаря, дозволяючи бачити, які коментарі були визначені
як спам, які були видалені, а які – відновлені.
Важливою перевагою Akismet є його здатність постійно оновлювати свої
алгоритми та базу даних на основі нових даних про спам. Це означає, що плагін
здатний адаптуватися до нових методів спам-атак та ефективно їх блокувати.
Арк.
ЧДТУ 00000.000 ПЗ 26
З м н. Арк. № докум. Підпис Дата

Akismet доступний як у безкоштовній версії для особистих блогів, так і у
платних версіях для комерційних сайтів, які потребують більшого обсягу
обробки даних та додаткових функцій. Це робить Akismet ідеальним рішенням
для будь-якого веб-сайту, який хоче забезпечити надійний захист від спаму і
зберегти чистоту свого контенту.
6) WP Super Cache і W3 Total Cache – це два популярні плагіни для
кешування в WordPress, які допомагають покращити продуктивність та
швидкість завантаження веб-сайтів. Хоча обидва плагіни призначені для
досягнення подібних цілей, вони мають різні підходи та функції.
WP Super Cache створений для простоти використання та швидкого
налаштування. Він генерує статичні HTML-файли з динамічного контенту
WordPress, зменшуючи навантаження на сервер і прискорюючи час
завантаження сторінок. Статичні файли надсилаються більшості користувачів,
уникаючи необхідності обробки важких PHP-скриптів кожного разу, коли хтось
заходить на сайт. Цей підхід є дуже ефективним для сайтів з великим трафіком.
WP Super Cache має простий інтерфейс, який дозволяє користувачам швидко
налаштувати кешування без необхідності в глибоких технічних знаннях. Плагін
також підтримує функції, такі як кешування на рівні браузера, Gzip компресія
та попереднє завантаження кешу.
W3 Total Cache, навпаки, пропонує більш складний і
багатофункціональний підхід до кешування. Це потужний плагін, який надає
користувачам безліч налаштувань для оптимізації сайту. Окрім базового
кешування сторінок, W3 Total Cache включає функції кешування бази даних,
об’єктів та фрагментів, а також інтеграцію з контентними мережами доставки
(CDN). Цей плагін також підтримує оптимізацію файлів CSS та JavaScript,
зменшуючи їх розмір і кількість запитів до сервера. Завдяки своїй
багатофункціональності, W3 Total Cache підходить для досвідчених
користувачів та розробників, які хочуть мати повний контроль над
оптимізацією продуктивності свого сайту.
Арк.
ЧДТУ 00000.000 ПЗ 2 7
З м н. Арк. № докум. Підпис Дата

Обидва плагіни значно покращують швидкість завантаження сайтів,
зменшують навантаження на сервер та покращують користувацький досвід.
7) Mailchimp for WooCommerce – це потужний плагін, який інтегрує
інтернет-магазин на платформі WooCommerce з популярною маркетинговою
платформою Mailchimp. Ця інтеграція дозволяє автоматизувати маркетингові
кампанії, управляти списками підписників, відстежувати покупців і
покращувати взаємодію з клієнтами через персоналізовані email-розсилки.
Після встановлення та налаштування Mailchimp for WooCommerce, плагін
починає автоматично синхронізувати дані інтернет-магазину, включаючи
інформацію про клієнтів, їхні замовлення та історію покупок, з обліковим
записом Mailchimp. Це дає змогу створювати сегментовані списки підписників
на основі поведінки покупців, таких як частота покупок, витрачена сума та
категорії придбаних товарів.
Однією з ключових переваг Mailchimp for WooCommerce є можливість
автоматизованих маркетингових кампаній. З його допомогою можна
налаштувати автоматичні електронні листи, які відправляються при певних
подіях, наприклад, покинутих кошиках, повторних покупках або днях
народження клієнтів. Це допомагає підтримувати контакт з клієнтами,
збільшувати конверсії та сприяти повторним продажам.
Крім того, плагін дозволяє легко створювати красиві та професійні email-
розсилки за допомогою інтуїтивно зрозумілого конструктора Mailchimp.
Можна використовувати готові шаблони або створювати власні дизайни,
додаючи персоналізовані елементи, такі як імена клієнтів або рекомендації
товарів на основі їхньої історії покупок.
Mailchimp for WooCommerce також надає детальну аналітику та звіти про
ефективність маркетингових кампаній. Можна відстежувати відкриття листів,
кліки, конверсії та інші ключові показники, що дозволяє оцінювати успішність
зусиль та вносити необхідні корективи.
Арк.
ЧДТУ 00000.000 ПЗ 28
З м н. Арк. № докум. Підпис Дата

В цілому, Mailchimp for WooCommerce є незамінним інструментом для
власників інтернет-магазинів, які прагнуть покращити свої маркетингові
стратегії, автоматизувати процеси комунікації з клієнтами та збільшити
продажі через ефективні та персоналізовані email-кампанії.
8) UpdraftPlus є одним із найпоширеніших плагінів для резервного
копіювання на WordPress завдяки своїй простоті використання, надійності та
широкому спектру функцій. Він дозволяє користувачам легко створювати
резервні копії всього сайту, включаючи базу даних, файли, теми та плагіни.
Резервні копії можна зберігати на різних віддалених платформах, таких як
Dropbox, Google Drive, Amazon S3, FTP-сервери та інші. Окрім автоматичних
резервних копій, UpdraftPlus дозволяє створювати резервні копії вручну, коли
це необхідно. Відновлення сайту з резервної копії також є досить простим
процесом, що робить цей плагін ідеальним для користувачів будь-якого рівня
технічної підготовки. UpdraftPlus також пропонує преміум-версію з
додатковими функціями, такими як клонування та міграція сайтів,
інкрементальні резервні копії та підтримка багатосайтової мережі.
9) Booster for WooCommerce – це потужний плагін для WordPress, який
значно розширює можливості інтернет-магазину, створеного на базі
WooCommerce. Плагін надає широкий спектр функцій та інструментів, що
допомагають власникам магазинів підвищити ефективність управління,
покращити користувацький досвід і оптимізувати робочі процеси без
необхідності встановлення численних окремих плагінів.
Однією з основних переваг Booster for WooCommerce є його
універсальність і багатофункціональність. Він включає в себе більше 100 різних
модулів, кожен з яких виконує певну задачу і може бути налаштований
індивідуально відповідно до потреб вашого магазину. Завдяки цьому плагін
дозволяє вирішити широкий спектр задач, починаючи від налаштування цін і
валюти до управління товарами та обробки замовлень.
Арк.
ЧДТУ 00000.000 ПЗ 29
З м н. Арк. № докум. Підпис Дата

Booster for WooCommerce дозволяє легко налаштовувати цінові правила,
такі як налаштування мінімальних і максимальних кількостей замовлень,
ціноутворення залежно від кількості куплених товарів, знижки для конкретних
категорій товарів або груп клієнтів. Крім того, плагін підтримує
мультивалютність, що дозволяє автоматично відображати ціни в різних
валютах залежно від географічного розташування користувачів.
Ще одна важлива функція Booster for WooCommerce – розширені
можливості управління продуктами. Плагін дозволяє додавати додаткові поля
до продуктів, створювати користувацькі вкладки на сторінках товарів, а також
імпортувати та експортувати дані про продукти у зручному форматі. Це значно
полегшує роботу з великими каталогами товарів і забезпечує більш гнучке
управління асортиментом.
Booster for WooCommerce також покращує обробку замовлень, надаючи
інструменти для створення і налаштування різних видів рахунків-фактур,
доставок і податкових правил. Плагін дозволяє автоматизувати багато аспектів
процесу замовлення, що допомагає зменшити кількість ручної роботи і
мінімізувати можливість помилок.
Крім цього, Booster for WooCommerce пропонує безліч інших корисних
функцій, таких як налаштування користувацьких повідомлень електронною
поштою, додавання віджетів і коротких кодів для відображення різної
інформації на вашому сайті, інтеграція з різними платіжними шлюзами та
багато іншого.
Загалом, Booster for WooCommerce є надзвичайно корисним
інструментом для власників інтернет-магазинів, які прагнуть розширити
функціональність свого WooCommerce-магазину та оптимізувати процеси
управління. Його багатофункціональність, гнучкість та зручність використання
роблять його ідеальним вибором для будь-якого магазину, незалежно від його
розміру та специфіки. 10. LiveChat: Якщо потрібно надати швидку підтримку
своїм клієнтам, плагін LiveChat дозволить встановити онлайн-чат на сайті.
Арк.
ЧДТУ 00000.000 ПЗ 30
З м н. Арк. № докум. Підпис Дата

2.3 Розробка структури інтернет-магазину медтехніки та організація
каталогу товарів
Правильна структура інтернет-магазину є фундаментальною для
досягнення успіху в електронній комерції. Вона відіграє критичну роль у
забезпеченні зручності для користувачів та ефективності бізнесу в цілому. При
проектуванні структури магазину важливо враховувати кілька ключових
аспектів.
По-перше, структура магазину повинна бути логічною та зрозумілою для
користувачів. Від навігації по сайту залежить здатність клієнтів швидко
знаходити необхідні їм товари чи інформацію. Чітко визначені категорії та
підкатегорії сприяють зручному пошуку, що впливає на задоволеність
користувачів та їхню лояльність.
Крім того, ефективна структура магазину допомагає в підвищенні
конверсій. Коли клієнти легко знаходять потрібні товари і зручно оформляють
замовлення, це позитивно впливає на кількість завершених покупок та
загальний оборот.
Правильна організація каталогу товарів також сприяє пошуковій
оптимізації сайту. Чітка структура зручна для пошукових систем, що полегшує
індексацію сторінок та підвищує видимість сайту у пошукових запитах.
Додатково, структура магазину повинна бути гнучкою для швидкої
адаптації до змін у асортименті товарів чи потреб користувачів. Регулярний
аналіз та оптимізація структури дозволяють вирішувати проблеми та
вдосконалювати сайт відповідно до змінних умов ринку.
Загалом, важливість правильної структури інтернет-магазину полягає в її
впливі на користувацький досвід, конверсії, пошукову оптимізацію та гнучкість
бізнесу. Інвестування часу та зусиль у створення ефективної структури є
стратегічним кроком для досягнення успіху в електронній торгівлі.
Арк.
ЧДТУ 00000.000 ПЗ 31
З м н. Арк. № докум. Підпис Дата

Враховуючи специфіку медичного обладнання, важливо створити
систему, яка легко навігується, зрозуміла та інформативна. Ось деякі ключові
аспекти інформаційної структури інтернет-магазину медтехніки:
1) Головна сторінка:
- Повинна містити загальну інформацію про магазин та його
основні пропозиції.
- Може включати вітальний текст, акційні пропозиції, новини,
огляди популярних товарів тощо.
2) Каталог товарів:
- Розділений на категорії та підкатегорії, відображає різні типи
медичного обладнання, наприклад, діагностичне, хірургічне,
терапевтичне, лабораторне обладнання тощо.
- Кожна категорія містить опис та перелік товарів, можливо, з
фільтрами для швидкого пошуку.
3) Сторінки товарів:
- Повинні містити докладний опис та характеристики кожного
товару.
- Важливо включати фотографії, відео та документацію, яка
допоможе покупцям краще розібратися з продуктом.
4) Сторінка кошика та оформлення замовлення:
- Користувачі можуть переглянути товари, які вони вибрали, та
оформити замовлення.
- Повинна бути можливість обрати метод доставки, спосіб
оплати та ввести контактну інформацію.
5) Сторінка про нас:

- Містить інформацію про компанію, її історію, місію, команду
та контактні дані.
6) Сторінка контактів:
Арк.
ЧДТУ 00000.000 ПЗ 32
З м н. Арк. № докум. Підпис Дата

- Дозволяє користувачам зв’язатися з підтримкою магазину або
залишити запитання.
7) Блог:
- Може містити корисні статті, новини та поради з використання
медичного обладнання.
8) Сторінка підтримки клієнтів:
- Надає відповіді на часті запитання та інструкції щодо
користування товаром.
Важливо, щоб інформаційна структура була легкою для сприйняття
користувачами, чіткою та логічною. Це допомагає не лише полегшити пошук
та придбання товарів, але й створює позитивний враження про магазин та його
товари.
Інформаційна архітектура інтернет-магазину медтехніки представлена на
рис. 2.1.
Домашня
сторінка
Авторизація Пошук Сервіс Товари Оплата
Кабінет Товари Зворотній Вибір способу
користувача
зв’язок Каталог
оплати
Додати до
кошику

Рисунок 2.1 – Інформаційна структура інтернет-магазину медтехніки
2.4 Розробка та налаштування бази даних
Розробка та налаштування бази даних для інтернет-магазину медтехніки
є важливим етапом, який забезпечує зберігання, обробку та управління всією
інформацією про товари, клієнтів, замовлення та інші аспекти діяльності
магазину.
Арк.
ЧДТУ 00000.000 ПЗ 33
З м н. Арк. № докум. Підпис Дата

База даних є серцем будь-якого інтернет-магазину, оскільки вона зберігає
всі необхідні дані для функціонування сайту. Для інтернет-магазину медтехніки
це особливо важливо, оскільки необхідно обробляти велику кількість
специфічної інформації про товари, їх характеристики, сертифікації та багато
іншого.
Проектування бази даних починається з визначення основних об’єктів,
які необхідно зберігати, і їх взаємозв’язків. Основними об’єктами для інтернет-
магазину медтехніки є:
- Товари
- Категорії
- Клієнти
- Замовлення
- Відгуки
- Бренди (постачальники)
- Запаси на складі
Структура бази даних для інтернет-магазину медтехніки повинна
забезпечувати ефективне зберігання та управління інформацією про товари,
користувачів, замовлення, постачальників та інші аспекти діяльності магазину.
Нижче описана структура бази даних з основними таблицями і їх полями.
1) Таблиця `Users` (Користувачі). Зберігає інформацію про
зареєстрованих користувачів магазину:
- `user_id` (INT, Primary Key, Auto Increment) – Унікальний ідентифікатор
користувача.
- `first_name` (VARCHAR(50)) – Ім’я користувача.
- `last_name` (VARCHAR(50)) – Прізвище користувача.
- `email` (VARCHAR(100), Unique) – Електронна пошта.
- `password_hash` (VARCHAR(255)) – Хеш пароля.
- `phone` (VARCHAR(20)) – Телефон.
- `address` (TEXT) – Адреса користувача.
Арк.
ЧДТУ 00000.000 ПЗ 34
З м н. Арк. № докум. Підпис Дата

- `created_at` (TIMESTAMP) – Дата і час реєстрації користувача.
2) Таблиця `Products` (Товари). Зберігає інформацію про товари, що
продаються в магазині.
- `product_id` (INT, Primary Key, Auto Increment) – Унікальний ідентифікатор
товару.
- `name` (VARCHAR(100)) – Назва товару.
- `description` (TEXT) – Опис товару.
- `price` (DECIMAL(10, 2)) – Ціна товару.
- `category_id` (INT, Foreign Key) – Ідентифікатор категорії.
- `stock_quantity` (INT) – Кількість товару на складі.
- `manufacturer` (VARCHAR(100)) – Виробник товару.
- `certification` (VARCHAR(255)) – Сертифікація товару.
- `image_url` (VARCHAR(255)) – URL зображення товару.
- `created_at` (TIMESTAMP) – Дата і час додавання товару.
3) Таблиця `Categories` (Категорії). Зберігає інформацію про категорії
товарів.
- `category_id` (INT, Primary Key, Auto Increment) – Унікальний ідентифікатор
категорії.
- `name` (VARCHAR(100)) – Назва категорії.
- `parent_id` (INT, Foreign Key) – Ідентифікатор батьківської категорії (для
підкатегорій).
4) Таблиця ̀ Orders` (Замовлення). Зберігає інформацію про замовлення,
зроблені користувачами.
- `order_id` (INT, Primary Key, Auto Increment) – Унікальний ідентифікатор
замовлення.
- `user_id` (INT, Foreign Key) – Ідентифікатор користувача, який зробив
замовлення.
- `order_date` (TIMESTAMP) – Дата і час замовлення.
- `total_amount` (DECIMAL(10, 2)) – Загальна сума замовлення.
Арк.
ЧДТУ 00000.000 ПЗ 35
З м н. Арк. № докум. Підпис Дата

- `status` (VARCHAR(50)) – Статус замовлення (наприклад, «Новий», «В
обробці», «Доставлено»).
5) Таблиця `OrderItems` (Товари в замовленні). Зберігає інформацію про
товари, що входять до складу замовлення.
- `order_item_id` (INT, Primary Key, Auto Increment) – Унікальний
ідентифікатор товару в замовленні.
- `order_id` (INT, Foreign Key) – Ідентифікатор замовлення.
- `product_id` (INT, Foreign Key) – Ідентифікатор товару.
- `quantity` (INT) – Кількість товару.
- `price` (DECIMAL(10, 2)) – Ціна товару на момент замовлення.
6) Таблиця `Reviews` (Відгуки). Зберігає інформацію про відгуки
користувачів на товари.
- `review_id` (INT, Primary Key, Auto Increment) – Унікальний ідентифікатор
відгуку.
- `product_id` (INT, Foreign Key) – Ідентифікатор товару.
- `user_id` (INT, Foreign Key) – Ідентифікатор користувача.
- `rating` (INT) – Рейтинг (1-5 зірок).
- `comment` (TEXT) – Коментар.
- `review_date` (TIMESTAMP) – Дата і час відгуку.
7) Таблиця `Suppliers` (Постачальники). Зберігає інформацію про
постачальників товарів.
- `supplier_id` (INT, Primary Key, Auto Increment) – Унікальний ідентифікатор
постачальника.
- `name` (VARCHAR(100)) – Назва постачальника.
- `contact_name` (VARCHAR(100)) – Контактна особа.
- `phone` (VARCHAR(20)) – Телефон.
- `email` (VARCHAR(100)) – Електронна пошта.
- `address` (TEXT) – Адреса постачальника.
Арк.
ЧДТУ 00000.000 ПЗ 36
З м н. Арк. № докум. Підпис Дата

8) Таблиця `Inventory` (Запаси). Зберігає інформацію про запаси товарів
на складі.
- `inventory_id` (INT, Primary Key, Auto Increment) – Унікальний ідентифікатор
запису про запас.
- `product_id` (INT, Foreign Key) – Ідентифікатор товару.
- `quantity` (INT) – Кількість товару на складі.
- `location` (VARCHAR(100)) – Місцезнаходження товару на складі.
Зв’язки між таблицями:
- Таблиця `Users` зв’язана з таблицею `Orders` через поле `user_id`.
- Таблиця `Products` зв’язана з таблицею `Categories` через поле `category_id`.
- Таблиця `Products` зв’язана з таблицями `OrderItems` та `Reviews` через поле
`product_id`.
- Таблиця `Orders` зв’язана з таблицею `OrderItems` через поле `order_id`.
- Таблиця `OrderItems` зв’язана з таблицями `Orders` та `Products` через поля
`order_id` та `product_id` відповідно.
- Таблиця `Reviews` зв’язана з таблицями `Products` та `Users` через поля
`product_id` та `user_id` відповідно.
- Таблиця `Inventory` зв’язана з таблицею `Products` через поле `product_id`.
Оскільки вся база даних має складну архітектуру зв’язків між таблицями,
для прикладу діаграми зв’язків сутностей (ERD, Entity-Relationship Diagram)
запропоновано основні сутності та зв’язки між ними для частини цієї бази
даних, а саме для бази даних «Кошик» (рис. 2.2).
Арк.
ЧДТУ 00000.000 ПЗ 37
З м н. Арк. № докум. Підпис Дата

Рисунок 2.2 – Діаграма зв’язків сутностей для бази даних «Кошик»
Розробка та налаштування бази даних для інтернет-магазину медтехніки
є складним, але важливим процесом, що забезпечує надійне зберігання і
обробку інформації. Правильна структура бази даних, оптимізація запитів,
налаштування індексів та забезпечення безпеки є ключовими аспектами, які
впливають на ефективність роботи магазину та задоволення потреб клієнтів.
Арк.
ЧДТУ 00000.000 ПЗ 38
З м н. Арк. № докум. Підпис Дата

2.5 Висновки до розділу 2
Даний розділ охоплює всі ключові аспекти та етапи створення інтернет-
магазину, починаючи від вибору платформи до тестування і запуску готового
продукту. Створення структури бази даних є критично важливим етапом, що
забезпечує ефективне зберігання та управління даними. Правильно
спроектована база даних дозволяє підтримувати цілісність даних, покращує
продуктивність сайту та спрощує обробку запитів. Це включає зберігання
інформації про користувачів, товари, замовлення, категорії та інші важливі дані
в чітко визначених таблицях з належними зв’язками між ними. Підсумки цього
розділу підкреслюють важливість кожного етапу та їхній вплив на кінцевий
результат, а також надають рекомендації щодо кращих практик для досягнення
оптимальних результатів.
Арк.
ЧДТУ 00000.000 ПЗ 39
З м н. Арк. № докум. Підпис Дата

3 АНАЛІЗ РЕЗУЛЬТАТІВ РОЗРОБКИ ТА ВПРОВАДЖЕННЯ
ІНТЕРНЕТ-МАГАЗИНУ
3.1 Опис функціоналу створеного інтернет-магазину
Web-сайт інтернет-магазину медичної техніки http://medtech.ua/ було
розроблено на базі популярної безкоштовної платформи управління контентом
WordPress з відкритим вихідним кодом (OpenSource). WordPress було обрано
через його численні переваги. Основною перевагою цієї платформи є її
виняткова гнучкість. Концепція WordPress полягає у легкому та швидкому ядрі,
до якого можна підключати різні модулі (плагіни) залежно від потреб сайту.
WordPress дозволяє додавати необмежену кількість плагінів для різних функцій
і легко змінювати теми.
При створенні інформаційно-комерційного порталу для медичної техніки
було важливо розробити зручний та зрозумілий інтерфейс для відвідувачів, який
не був би перевантажений зайвими функціями, але містив би всю необхідну
інформацію та мав інтерактивні можливості. Ще однією вимогою було швидке
завантаження сторінок сайту в мережі Інтернет. Всі ці вимоги успішно
реалізовано на сайті http://medtech.ua/.
Сайт оформлений у синьо-помаранчевій контрастній гамі, що сприяє
комфортному сприйняттю користувачами. Логотип інтернет-магазину MedTech
було створено в Adobe Illustrator; він зображує серце з хрестом. Логотип
асоціюється з медициною і турботою, що якнайкраще відображає цінності
компанії. Типографіку було обрано так, щоб вона легко читалася, шрифт
Montserrat підходить найліпше. Загалом дизайн виглядає збалансовано,
інтуїтивно зрозуміло та сучасно.
Користувачі, натиснувши на логотип зліва, потрапляють на Головну
сторінку, виконану у сучасному стилі Landing Page. Тут зібрано всю необхідну
інформацію для відвідувачів, а також додаткові сторінки для детальнішого
ознайомлення з роботою інтернет-магазину http://medtech.ua/. Головне меню
Арк.
ЧДТУ 00000.000 ПЗ 40
З м н. Арк. № докум. Підпис Дата

сайту, розташоване у верхній частині сторінки, є читабельним і зрозумілим.
Назви сторінок короткі і чіткі. Для швидкого доступу до категорій товарів
створено додаткове меню зліва (рис 3.1).

Рисунок 3.1 – Головне меню
Головне меню, коротке меню у самій верхній частині сайту та меню
каталогу товарів (як, зрештою, і інші меню сайту) було створено в Консолі

Рисунок 3.2 – Головне меню в Консолі

Рисунок 3.3 – Меню каталогу товарів в Консолі
Арк.
ЧДТУ 00000.000 ПЗ 41
З м н. Арк. № докум. Підпис Дата

Основне меню інтернет-магазину розташоване у верхній частині сторінки
і містить наступні розділи:
 Головна сторінка: реалізована у форматі посадкової сторінки, де
зосереджено основну інформацію про товари. Тут також розміщені записи блогу,
посилання на інші розділи магазину та соціальні мережі (рис 3.4).

Рисунок 3.4 – Головна сторінка

Рисунок 3.4 – Головна сторінка (продовження)
Арк.
ЧДТУ 00000.000 ПЗ 42
З м н. Арк. № докум. Підпис Дата

Рисунок 3.4 – Головна сторінка (продовження)
 Каталог. Це основна сторінка інтернет-магазину http://medtech.ua/,
яку відвідують покупці для перегляду і покупки товарів. Окрім верхнього меню
Арк.
ЧДТУ 00000.000 ПЗ 43
З м н. Арк. № докум. Підпис Дата

та інформації внизу сторінки, тут представлений перелік товарів і категорій,
фільтри і сортування товарів (рис 3.5).

Рисунок 3.5 – Каталог
Ліворуч нижче головного меню покупці можуть застосовувати фільтр до
товарів за різними показниками: за ціною, за кольором, на торговою маркою і за
наявністю (рис 3.6). Фільтри представлені різним чином для наочності, як,
наприклад, фільтрація за кольором представлена не лише словами, а й
кольоровими колами.
Арк.
ЧДТУ 00000.000 ПЗ 44
З м н. Арк. № докум. Підпис Дата

Рисунок 3.6 – Фільтри товарів
На сторінці Каталогу при наведенні миші на товар, з’являються
піктограми з різними функціями, які дублюються словами на фото з товаром:
Додати в кошик, Порівняти, Швидкий перегляд, Додати в список бажань (рис

Арк.
ЧДТУ 00000.000 ПЗ 4
З 5
м н. Арк. № докум. Підпис Дата

Рисунок 3.7 – Піктограми на фото з товаром
При натисканні на піктограму лупи ліворуч на фото товару «Швидкий
перегляд» відвідувачам відкривається вікно поверх іншого з швидким
переглядом товару (рис 3.8).

Рисунок 3.8 – Вікно швидкого перегляду товару
При клікі на піктограму двох перехрещених стрілок на фото товару
користувачі додають цей товар в Список порівнянь щоб порівняти
характеристики кількох обраних товарів (рис 3.9). Ці товари він може
подивитись, клікнувши на цю ж піктограму праворуч від Головного меню
зверху.

Арк.
ЧДТУ 00000.000 ПЗ 4 6
З м н. Арк. № докум. Підпис Дата

Рисунок 3.9 – Товари в списку для порівняння
Аналогічно з переглядом Списку бажань. Користувачі натискають на
піктограму серце на фото товару, товар додається в список, його можна
переглянути, натиснувши на відповідну піктограму вгорі сайту (рис 3.10).

Рисунок 3.10 – Товари в списку бажань
На сторінці Каталогу товарів майбутні клієнти обирають товар,
натискаючи на його фото і потрапляють на сторінку з докладними
характеристиками обраного товару (рис 3.11). В цьому розділі інтернет-
користувачі можуть переглянути фото товару, ознайомитись з докладними
описом товару, умовами доставки (рис 3.12) та прочитати або залишити відгуки
про товар. Залишати коментарі про товар можуть лише зареєстровані
користувачі, заповнивши поля нескладної форми на відповідній закладці (рис
3.13).
Арк.
ЧДТУ 00000.000 ПЗ 4
З 7
м н. Арк. № докум. Підпис Дата

Рисунок 3.11 – Сторінка докладного опису товару
Арк.
ЧДТУ 00000.000 ПЗ 48
З м н. Арк. № докум. Підпис Дата

Рисунок 3.12 – Закладка з умовами доставки на сторінці товару

Рисунок 3.13 – Закладка з відгуками і оцінками на сторінці товару
Арк.
ЧДТУ 00000.000 ПЗ 49
З м н. Арк. № докум. Підпис Дата

Також потрапити на сторінку докладного опису товару можна через меню
категорій в лівому верхньому куті сайту, в цьому меню дубльовано всі товари
(рис 3.14).

Рисунок 3.14 – Головне меню категорій з списком товарів
Після того, як клієнт вирішує зробити покупку, він обирає потрібну
кількість товару, натискає кнопку «Додати в кошик». Збоку праворуч з’являється
вікно з інформацією про доданий товар і пропозицією або переглянути кошик,
або оформити замовлення (рис 3.15). Покупець вирішує оформити замовлення,
натискає відповідну кнопку і переходить на сторінку оформлення замовлення.
Цю сторінку також можна відкрити, натиснувши на піктограму «Кошик» у
верхньому правому куті сайту (рис 3.16).

Рисунок 3.15 – Спливаюче вікно «Кошик»
Арк.
ЧДТУ 00000.000 ПЗ 50
З м н. Арк. № докум. Підпис Дата

Рисунок 3.16 – Сторінка «Кошик»
Після перевірки певних опцій (кількість товару, способи доставки, купон
на знижку), покупець переходить до оформлення замовлення, натискаючи на
відповідну кнопку (рис 3.17). До речі, на сайті праворуч вгорі прописано, що
покупець має безкоштовну доставку, якщо сума замовлення перевищує 1000 грн.
В проміжному результаті в Кошику ця опція з’являється лише тоді, коли в
кошику товарів на суму від 1000 гр. Коли менше – цієї опції немає.

Арк.
ЧДТУ 00000.000 ПЗ 51
З м н. Арк. № докум. Підпис Дата

Рисунок 3.17 – Сторінка Оформлення замовлення
Після заповнення всіх полів з особистими даними та платіжною
інформацією, користувач підтверджує замовлення і переходить на сторінку
завершення замовлення. Вся введена інформація дублюється на вказаний
електронний лист, а також надсилається адміністратору сайту для обробки
Арк.
ЧДТУ 00000.000 ПЗ 52
З м н. Арк. № докум. Підпис Дата

замовлення (рис 3.18).

Рисунок 3.18 – Сторінка з деталями замовлення
Всі замовлення, які клієнт магазину зробив на сайті, зберігаються на
сторінці Мій акант, куди можна перейти, натиснувши на відповідне посилання у
верхньому меню сайту (рис 3.19).

Рисунок 3.19 – Замовлення в Акаунті користувача
Арк.
ЧДТУ 00000.000 ПЗ 53
З м н. Арк. № докум. Підпис Дата

Адміністратор може переглядати, видаляти, міняти статус замовлення в
Консолі. Для цього було підключено плагін WooCommerce, який надає широкі
можливості налаштувань (рис 3.20).

Рисунок 3.20 – Замовлення покупців в адміністративній частині.
Адміністратор сайту може додавати, редагувати та видаляти товари
інтернет-магазину через адміністративну панель WordPress (рис 3.21).

Рисунок 3.21 – Редагування товарів через Консоль
Також у адміністратора є широкі можливості для аналітики продажів
(рис 3.22).
Арк.
ЧДТУ 00000.000 ПЗ 54
З м н. Арк. № докум. Підпис Дата

Рисунок 3.22 – Аналітичні дані в Консолі
 Сторінка «Оплата і доставка» містить інформацію про способи
оплати і доставки товарів, носить інформативний характер (рис 3.23).
Арк.
ЧДТУ 00000.000 ПЗ 55
З м н. Арк. № докум. Підпис Дата

Рисунок 3.23 – Сторінка «Оплата і доставка»
 Наступним пунктом головного меню є сторінка «Про нас», де
розміщено інформацію про компанію, її цінності, її команду, досягнення (рис
3.24).
Арк.
ЧДТУ 00000.000 ПЗ 56
З м н. Арк. № докум. Підпис Дата

Рисунок 3.24 – Сторінка «Про нас»
 На сторінці «Блог» розміщено статті і огляди про товари, релевантні
тематиці сайту. Покупці та відвідувачі мають можливість черпати цікаву
Арк.
ЧДТУ 00000.000 ПЗ 5 7
З м н. Арк. № докум. Підпис Дата

інформацію, обговорювати її прямо на сайті, ділитись нею в соцмережах (рис
3.25).

Рисунок 3.25 – Сторінка «Блог»
 Сторінка «Контакти» містить мапу проїзду в головний офіс компанії,
стандартні дані про адресу, номери телефонів та електронну пошту компанії.
Також користувачам надана можливість через форму зворотнього зв’язку
залишити повідомлення (рис 3.26). Це можна зробити, заповнивши поля форми.
Арк.
ЧДТУ 00000.000 ПЗ 58
З м н. Арк. № докум. Підпис Дата

Рисунок 3.26 – Сторінка «Контакти»
Нижня частині сайту на всіх сторінках інтернет-магазину ідентична, тут
розміщена не менш важлива інформація з посиланнями на різні сторінки сайту,
посилання на категорії з товарами, на останні дописи в блозі, а також форма з
пропозицією підписатись на новини сайту (рис 3.27).

Рисунок 3.27 – Нижня частина сайту
Арк.
ЧДТУ 00000.000 ПЗ 59
З м н. Арк. № докум. Підпис Дата

Також є дубляж сторінки «Контакти» в верхньому лівому меню і там же
розміщена сторінка «Часті питання» (рис 3.28). Перелік цих питань організовано
так, що коли відвідувач сайту натискає стрілку щоб розвернути вміст, то вміст
інших питань згортається. Це зроблено для кращого сприйняття інформації, щоб
тримати увагу користувача лише на одному питанні.

Рисунок 3.28 – Сторінка «Часті питання»
На сайті також реалізовано пошук товарів (рис 3.29). Користувач вгорі
сайту обирає категорію, вводить в поле ключові слова, по яким буде проводитись
пошук і отримує результат у вигляді переліку списку товарів, в назві яких
зустрілись пошукові слова (рис 3.30).

Рисунок 3.29 – Пошук товарів на сайті
Арк.
ЧДТУ 00000.000 ПЗ 60
З м н. Арк. № докум. Підпис Дата

Рисунок 3.30 – Сторінка з результатом пошуку
Адміністрування сайту здійснюється через Консоль за посиланням
http://medtech.ua/wp-admin. Тут можна створювати, редагувати, видаляти
сторінки, дописи в блозі, коментарі користувачів (рис 3.31). Є можливість
налаштування візуальної складової сайту, наприклад наліпок на товарах, які
привертають увагу користувачів (знижка, новинка). Також адміністратор може
проводити аналогічні операції над медіафайлами (фото, відео) (рис 3.32).

Рисунок 3.31 – Вигляд дописів блогу в Консолі
Арк.
ЧДТУ 00000.000 ПЗ 6 1
З м н. Арк. № докум. Підпис Дата

Рисунок 3.32 – Вигляд медіафайлів в Консолі
3.2 Тестування роботи інтернет-магазину медтехніки
Тестування роботи інтернет-магазину медтехніки є важливим етапом
перед його запуском, що дозволяє виявити та виправити помилки, забезпечити
зручність користувачів та гарантувати коректне функціонування всіх
компонентів. Успішне тестування включає кілька різних типів тестування,
кожен з яких фокусується на різних аспектах роботи магазину.
Тестування є критично важливим етапом у розробці інтернет-магазину,
оскільки дозволяє забезпечити його надійність, безпеку та зручність
використання. Для інтернет-магазину медтехніки це особливо важливо через
специфіку товарів та високі вимоги до точності інформації.
Існує кілька типів тестування веб-сайтів інтернет-магазинів:
1) Функціональне тестування – перевіряє, чи всі функціональні
можливості сайту працюють відповідно до вимог.
2) Тестування юзабіліті – оцінює зручність використання сайту з
точки зору користувачів.
3) Тестування продуктивності – оцінює швидкодію та стабільність
сайту під навантаженням.
Арк.
ЧДТУ 00000.000 ПЗ 62
З м н. Арк. № докум. Підпис Дата

4) Тестування сумісності – перевіряє коректність роботи сайту на
різних браузерах та пристроях.
5) Регресійне тестування – перевіряє, чи не з’явилися нові помилки
після внесення змін або виправлення попередніх помилок.
Отже, спочатку було проведено функціональне тестування інтернет-
магазину медтехніки, яке включає перевірку всіх функцій сайту на відповідність
специфікаціям та вимогам. Мета функціонального тестування – впевненість у
тому, що всі функції працюють правильно і без помилок. Нижче описано, як
було проведено функціональне тестування для розробленого інтернет-магазину
медтехніки:
- Реєстрація та вхід користувача. Проведено реєстрацію з
подальшим входом в зареєстрований обліковий запис.
- Перегляд каталогу та пошук товарів. Проведено перегляд
каталогу товарів та здійснено пошук необхідного товару за
назвою з використанням додаткових критеріїв пошуку.
- Додавання товарів до кошика та оформлення замовлення.
Здійснено додавання товарів в кошик з подальшим
оформленням замовлення.
- Управління обліковим записом користувача. Здійснено
редагування профілю користувача і перегляд історії
замовлень.
Функціональне тестування інтернет-магазину медтехніки підтвердило,
що всі основні компоненти сайту працюють коректно та відповідають
встановленим вимогам. Реєстрація користувачів, пошук товарів, оформлення
замовлень, обробка платежів та управління запасами працюють на високому
рівні, забезпечуючи позитивний користувацький досвід. Дрібні недоліки, які
були виявлені під час тестування, були швидко виправлені, що ще більше
підвищило якість та надійність сайту.
Арк.
ЧДТУ 00000.000 ПЗ 63
З м н. Арк. № докум. Підпис Дата

Тестування юзабіліті є важливим етапом у процесі розробки та
вдосконалення інтернет-магазину медтехніки. Під час цього етапу були
проведені різні види тестувань, спрямовані на оцінку зручності та ефективності
використання сайту користувачами. Детальний опис проведеного тестування
юзабіліті:
1) Тестування навігації. Користувачам було запропоновано виконати
різні завдання, щоб перевірити легкість навігації по сайту. Вони були попрошені
знайти певні сторінки, категорії товарів, здійснити пошук певного товару,
перейти на головну сторінку тощо. Під час цього тестування аналізувалися
шляхи, якими користувачі переходили між сторінками, зрозумілість міток та
посилань, а також швидкість досягнення цілей.
2) Тестування виконання завдань. Користувачам були надані конкретні
завдання для виконання на сайті, наприклад, знайти певний товар, додати його
до кошика та оформити замовлення. Під час цього тестування оцінювалася
легкість виконання завдань, час, необхідний для їхнього виконання, а також
будь-які труднощі, з якими зіткнулися користувачі.
3) Тестування взаємодії з інтерфейсом. Користувачам було
запропоновано переглянути різні сторінки та функціональні елементи інтернет-
магазину, такі як меню, кнопки, поля введення, випадаючі списки тощо. Вони
повинні були оцінити їхню зручність та легкість використання, а також надати
відгуки про будь-які проблеми чи покращення.
4) Тестування адаптивності. Тестування також проводилося на різних
пристроях та розмірах екранів, щоб переконатися, що інтернет-магазин
правильно відображається та працює на мобільних телефонах, планшетах та
комп’ютерах. Важливо переконатися, що користувачі можуть легко взаємодіяти
з сайтом на будь-якому пристрої.
5) Збір відгуків та рекомендацій. Після завершення тестування було
зібрано відгуки та рекомендації від користувачів щодо поліпшення
Арк.
ЧДТУ 00000.000 ПЗ 64
З м н. Арк. № докум. Підпис Дата

користувацького досвіду на сайті. Ці відгуки можуть бути використані для
подальшого вдосконалення інтерфейсу та функціональності сайту.
Тестування юзабіліті інтернет-магазину медтехніки дозволило
ідентифікувати проблеми та недоліки в дизайні та функціональності сайту, а
також зібрати корисні відгуки від користувачів. Ці результати допомогли
покращити користувацький досвід та зробити сайт більш зручним та
привабливим для відвідувачів.
Тестування продуктивності інтернет-магазину медтехніки є важливим
етапом, щоб переконатися, що сайт може витримати навантаження та працювати
ефективно в умовах реального використання. Під час тестування
продуктивності проводилися наступні дії:
1) Тестування часу завантаження сторінок. Проводилося вимірювання
часу, необхідного для завантаження різних сторінок сайту на різних пристроях
та з різною швидкістю Інтернет-з’єднання. Це дозволило виявити можливі
проблеми з продуктивністю та оптимізувати швидкість завантаження.
3) Тестування роботи бази даних. Було перевірено продуктивність бази
даних, включаючи час відповіді на запити, швидкість виконання запитів та
завантаження сторінок, які використовують динамічно згенерований контент.
Тестування продуктивності інтернет-магазину медтехніки допомогло
ідентифікувати потенційні проблеми з продуктивністю та швидкістю роботи
сайту та вирішити їх. Оптимізація продуктивності є важливим кроком для
забезпечення швидкої та ефективної роботи сайту, що сприяє задоволенню
користувачів та збільшенню конверсії.
Тестування сумісності інтернет-магазину медтехніки проводиться для
того, щоб переконатися, що сайт працює на різних пристроях та на різних веб-
браузерах без проблем. Під час цього тестування проводилися наступні дії:
1) Тестування на різних веб-браузерах. Було перевірено роботу сайту на
популярних веб-браузерах, таких як Google Chrome, Mozilla Firefox, Safari,
Арк.
ЧДТУ 00000.000 ПЗ 65
З м н. Арк. № докум. Підпис Дата

Microsoft Edge та інші. Це включало перевірку відображення сторінок, роботу
функціональних елементів та сумісність з CSS і JavaScript.
2) Тестування на різних операційних системах. Сайт було протестовано
на різних операційних системах, включаючи Windows, macOS, Linux та інші. Це
дозволило переконатися, що сайт працює на різних платформах без проблем.
3) Тестування на різних пристроях. Сайт було перевірено на різних
пристроях, включаючи настільні комп’ютери, ноутбуки, планшети та мобільні
телефони. Це включало перевірку адаптивності сайту, його відображення на
різних розмірах екранів та роботу функціональних елементів на різних
пристроях.
4) Тестування на різних роздільних здатностях екрану. Сайт було
протестовано на різних роздільних здатностях екрану, включаючи HD, Full HD,
4K та інші. Це дозволило переконатися, що сайт правильно відображається та
працює на різних типах моніторів.
Тестування сумісності інтернет-магазину медтехніки допомогло
переконатися, що сайт працює на різних пристроях, веб-браузерах та
операційних системах без проблем, що забезпечує зручне та однаковий
користувацький досвід для всіх відвідувачів.
Регресійне тестування є важливим етапом у процесі розробки та
вдосконалення інтернет-магазину медтехніки. Його мета полягає в перевірці
того, що зміни, внесені під час розробки нового функціоналу чи виправлення
помилок, не призвели до виникнення нових проблем або не вплинули на роботу
вже існуючих функцій. Ось деякі аспекти регресійного тестування:
1) Перевірка функціональності. Були перевірені всі основні функції
інтернет-магазину, щоб переконатися, що вони продовжують працювати
коректно після внесених змін. Це включало перевірку реєстрації користувачів,
додавання товарів до кошика, оформлення замовлення та інші операції.
Арк.
ЧДТУ 00000.000 ПЗ 66
З м н. Арк. № докум. Підпис Дата

2) Перевірка інтеграцій. Було перевірено сумісність нового функціоналу
з існуючими інтеграціями та плагінами, щоб переконатися, що вони не були
порушені внаслідок змін.
3) Перевірка вигляду та відображення. Було перевірено відображення
сайту на різних пристроях, веб-браузерах та роздільних здатностях екрану, щоб
переконатися, що зміни не вплинули на зовнішній вигляд та коректне
відображення контенту.
4) Перевірка продуктивності. Було проведено тести на продуктивність,
щоб переконатися, що новий функціонал не призвів до збільшення часу
завантаження сторінок та інших перформанс-проблем.
Регресійне тестування дозволило переконатися, що нові зміни не
вплинули на роботу інтернет-магазину та не призвели до появи нових помилок.
Цей етап є важливою складовою процесу розробки, оскільки дозволяє
забезпечити стабільність та надійність роботи сайту після внесення змін.
3.3 Висновки до розділу 3
В розділі було описано функціонал інтерет-магазину медтехніки та
представлено дизайн веб-сайту. Також було проведено аналіз результатів
розробки та впровадження інтернет-магазину. На основі отриманих даних були
зроблені наступні висновки. Вдалося успішно впровадити магазин та запустити
його, і всі ключові функції, такі як додавання товарів до кошика, оформлення
замовлення та оплата, працюють без помилок.

Арк.
ЧДТУ 00000.000 ПЗ 67
З м н. Арк. № докум. Підпис Дата

ВИСНОВКИ
У результаті написання кваліфікаційної роботи було виконано глибокий
аналіз процесу створення та розвитку інтернет-магазинів у сфері медичної
техніки. Робота дозволила виявити ключові аспекти розробки, впровадження та
оптимізації таких проектів, а також розглянути їхні переваги та обмеження.
У ході дослідження було виявлено, що використання платформи
управління контентом WordPress сприяє швидкій та ефективній розробці
магазину, завдяки великій кількості готових рішень у вигляді плагінів та тем.
Однак важливою вимогою є правильний вибір плагінів та їх налагодження для
забезпечення безпеки та продуктивності сайту.
Результати дослідження підкреслили важливість ретельного аналізу
потреб цільової аудиторії та конкурентного середовища перед початком
розробки. Чітке визначення функціональних вимог та створення зручного
користувацького інтерфейсу є ключовими аспектами успішної реалізації
інтернет-магазину.
Крім того, важливою частиною процесу є тестування та оптимізація
продуктивності, що дозволяє забезпечити швидку та надійну роботу сайту,
навіть при великому навантаженні. Забезпечення безпеки та захисту особистих
даних користувачів є пріоритетним завданням при розробці будь-якого інтернет-
магазину.
Усі ці аспекти не лише допомагають створити успішний інтернет-магазин
медтехніки, але й сприяють покращенню користувацького досвіду та
позиціонуванню бізнесу на ринку. Результати дослідження можуть бути
використані як підґрунтя для подальших досліджень у сфері електронної
комерції та веб-розробки.
Отже, мета роботи досягнута, всі вимоги технічного завдання виконані у
повному обсязі.
Арк.
ЧДТУ 00000.000 ПЗ 68
З м н. Арк. № докум. Підпис Дата

ДОДАТОК A

ЗАТВЕРДЖЕНО
Зав. кафедри ІТП, проф.
_________________ Прокопенко Т.О.
«____» ________________ 2024 р.

ІНТЕРНЕТ-МАГАЗИН МЕДТЕХНІКИ НА ОСНОВІ CMS WORDPRESS

Специфікація
482 ЧДТУ 00000-01
Листів 2

Розробник _______________ ПІБ.
Керівник _______________ ПІБ
Н. Контроль _______________ ПІБ

Черкаси, 2024

2
482 ЧДТУ 00000-01
Позначення Найменування Примітка
Документація
482 ЧДТУ 00000-01 12 01 Текст програми

НТЕРНЕТ-МАГАЗИН МЕДТЕХНІКИ НА ОСНОВІ CMS WORDPRESS
482 ЧДТУ 00000-01 12 01
Текст програми
Листів 11

Розробник _____________ ПІБ

Н

2021

2
482 ЧДТУ 00000-01 12 01

Програмний лістинг сторінки «Порівнювання товарів»
<?php
/**
* Compare class.
*
*/

namespace XTS\Modules;

use WPBMap;
use XTS\Modules\Compare\Ui;
use XTS\Singleton;

if ( ! defined( ‘WOODMART_THEME_DIR’ ) ) {
exit( ‘No direct script access allowed’ );
}

/**
* Compare class.
*/
class Compare extends Singleton {
/**
* Use cookies name.
*
* @var int
*/
private $cookie_name = ‘woodmart_compare_list’;

/**
* Init.
*/
public function init() {
$this->include_files();

add_action( ‘init’, array( $this, ‘hooks’ ), 110 );
}

/**
* Hooks.
*
* @return void
*/
public function hooks() {
if ( ! woodmart_woocommerce_installed() || ! woodmart_get_opt( ‘compare’ ) ) {
return;
}

// @codeCoverageIgnoreStart

3
482 ЧДТУ 00000-01 12 01

if ( is_multisite() ) {
$this->cookie_name .= ‘_’ . get_current_blog_id();
}
// @codeCoverageIgnoreEnd

add_action( ‘wp_ajax_woodmart_add_to_compare’, array( $this, ‘add_to_compare’ ) );
add_action( ‘wp_ajax_nopriv_woodmart_add_to_compare’, array( $this,
‘add_to_compare’ ) );

add_action( ‘wp_ajax_woodmart_remove_from_compare’, array( $this,
‘remove_from_compare’ ) );
add_action( ‘wp_ajax_nopriv_woodmart_remove_from_compare’, array( $this,
‘remove_from_compare’ ) );

add_action( ‘wp_ajax_woodmart_remove_category_from_compare’, array( $this,
‘remove_category_from_compare’ ) );
add_action( ‘wp_ajax_nopriv_woodmart_remove_category_from_compare’, array( $this,
‘remove_category_from_compare’ ) );

add_action( ‘wp_ajax_woodmart_get_fragment_product_category_compare’, array( $this,
‘get_fragment_product_category_compare’ ) );
add_action( ‘wp_ajax_nopriv_woodmart_get_fragment_product_category_compare’,
array( $this, ‘get_fragment_product_category_compare’ ) );

add_filter( ‘woodmart_get_update_compare_fragments’, array( $this,
‘get_dropdown_compare_fragments’ ) );

add_filter( ‘woodmart_localized_string_array’, array( $this, ‘add_localized_settings’ ) );

add_action( ‘wp’, array( $this, ‘remove_unnecessary_products’ ), 100 );
}

/**
* Include files.
*
* @return void
*/
public function include_files() {
$files = array(
‘class-ui’,
‘functions’,
);

foreach ( $files as $file ) {
require_once get_parent_theme_file_path( WOODMART_FRAMEWORK .
‘/integrations/woocommerce/modules/compare/’ . $file . ‘.php’ );
}
}

4
482 ЧДТУ 00000-01 12 01

/**
* Add localized settings.
*
* @param array $localized Settings.
* @return array
*/
public function add_localized_settings( $localized ) {
$localized[‘compare_by_category’] = woodmart_get_opt( ‘compare_by_category’ ) ?
‘yes’ : ‘no’;
$localized[‘compare_page_nonce’] = wp_create_nonce( ‘wd-compare-page’ );
$localized[‘compare_save_button_state’] = woodmart_get_opt(
‘compare_save_button_state’ ) ? ‘yes’ : ‘no’;

return $localized;
}

/**
* Get compared products IDs array
*
* @since 3.3
*/
public function get_compared_products() {
return isset( $_COOKIE[ $this->cookie_name ] ) ? json_decode( sanitize_text_field(
wp_unslash( $_COOKIE[ $this->cookie_name ] ) ), true ) : array();
}

/**
* Add product to compare.
*
* @codeCoverageIgnore
*/
public function add_to_compare() {
$id = sanitize_text_field( $_GET[‘id’] ); // phpcs:ignore

if ( defined( ‘ICL_SITEPRESS_VERSION’ ) && function_exists(
‘wpml_object_id_filter’ ) ) {
global $sitepress;
$id = wpml_object_id_filter( $id, ‘product’, true, $sitepress-
>get_default_language() );
}

$products = $this->get_compared_products();

if ( ! in_array( $id, $products ) ) { //phpcs:ignore
$products[] = $id;

setcookie( $this->cookie_name, wp_json_encode( $products ), 0, COOKIEPATH,
COOKIE_DOMAIN, woodmart_cookie_secure_param(), false );

5
482 ЧДТУ 00000-01 12 01

$_COOKIE[ $this->cookie_name ] = wp_json_encode( $products );
}

wp_send_json(
array(
‘count’ => $this->get_compare_count(),
‘fragments’ => apply_filters( ‘woodmart_get_update_compare_fragments’,
array() ),
)
);
}

/**
* Remove product to compare.
*
* @codeCoverageIgnore
* @since 3.3
*/
public function remove_from_compare() {
check_ajax_referer( ‘wd-compare-page’, ‘key’ );

$id = sanitize_text_field( $_GET[‘id’] ); //phpcs:ignore
$category_id = ‘‘;

if ( isset( $_GET[‘category_id’] ) && woodmart_get_opt( ‘compare_by_category’ ) ) {
//phpcs:ignore
$category_id = sanitize_text_field( $_GET[‘category_id’] ); //phpcs:ignore
}

if ( defined( ‘ICL_SITEPRESS_VERSION’ ) && function_exists(
‘wpml_object_id_filter’ ) ) {
global $sitepress;
$id = wpml_object_id_filter( $id, ‘product’, true, $sitepress-
>get_default_language() );
}

$products = $this->get_compared_products();

if ( in_array( $id, $products ) ) { //phpcs:ignore
foreach ( $products as $key => $product_id ) {
if ( (int) $id === (int) $product_id ) {
unset( $products[ $key ] );
}
}
}

if ( ! $products ) {
setcookie( $this->cookie_name, false, 0, COOKIEPATH, COOKIE_DOMAIN,
woodmart_cookie_secure_param(), false );

6
482 ЧДТУ 00000-01 12 01

$_COOKIE[ $this->cookie_name ] = false;
} else {
setcookie( $this->cookie_name, wp_json_encode( $products ), 0, COOKIEPATH,
COOKIE_DOMAIN, woodmart_cookie_secure_param(), false );
$_COOKIE[ $this->cookie_name ] = wp_json_encode( $products );
}

if ( ‘wpb’ === woodmart_get_current_page_builder() && class_exists( ‘WPBMap’ ) ) {
WPBMap::addAllMappedShortcodes();
}

wp_send_json(
array(
‘count’ => $this->get_compare_count(),
‘table’ => Ui::get_instance()->compare_page( $category_id ),
‘fragments’ => apply_filters( ‘woodmart_get_update_compare_fragments’,
array() ),
)
);
}

/**
* Remove category with product in compare.
*
* @codeCoverageIgnore
* @return void
*/
public function remove_category_from_compare() {
check_ajax_referer( ‘wd-compare-page’, ‘key’ );

if ( empty( $_GET[‘category_id’] ) ) {
return;
}

$category_id = sanitize_text_field( $_GET[‘category_id’] ); //phpcs:ignore
$product_ids = $this->get_compared_products();

if ( defined( ‘ICL_SITEPRESS_VERSION’ ) && function_exists(
‘wpml_object_id_filter’ ) ) {
global $sitepress;
$category_id = wpml_object_id_filter( $category_id, ‘product_cat’, true,
$sitepress->get_default_language() );
}

if ( $product_ids ) {
foreach ( $product_ids as $key => $product_id ) {
$single_cats = get_the_terms( $product_id, ‘product_cat’ );

if ( $single_cats ) {

7
482 ЧДТУ 00000-01 12 01

foreach ( $single_cats as $single_cat ) {
if ( intval( $category_id ) === $single_cat->term_id ) {
unset( $product_ids[ $key ] );
}
}
}
}
}

if ( ! $product_ids ) {
setcookie( $this->cookie_name, false, 0, COOKIEPATH, COOKIE_DOMAIN,
woodmart_cookie_secure_param(), false );
$_COOKIE[ $this->cookie_name ] = false;
} else {
setcookie( $this->cookie_name, wp_json_encode( $product_ids ), 0,
COOKIEPATH, COOKIE_DOMAIN, woodmart_cookie_secure_param(), false );
$_COOKIE[ $this->cookie_name ] = wp_json_encode( $product_ids );
}

wp_send_json(
array(
‘count’ => $this->get_compare_count(),
‘table’ => Ui::get_instance()->compare_page(),
‘fragments’ => apply_filters( ‘woodmart_get_update_compare_fragments’,
array() ),
)
);
}

/**
* Get count product in compare.
*
* @return int
*/
public function get_compare_count() {
$count = 0;
$products = $this->get_compared_products();

if ( is_array( $products ) ) {
$count = count( $products );
}

return $count;
}
/**
* Get fragments for compare.
*
* @return void
*/

8
482 ЧДТУ 00000-01 12 01

public function get_fragment_product_category_compare() {
wp_send_json(
array(
‘fragments’ => apply_filters( ‘woodmart_get_update_compare_fragments’,
array() ),
)
);
}

/**
* Get dropdown compare products category.
*
* @param array $fragments Fragments.
* @return array
*/
public function get_dropdown_compare_fragments( $fragments ) {
if ( ! woodmart_get_opt( ‘compare_by_category’ ) ) {
return $fragments;
}
ob_start();

Ui::get_instance()->get_dropdown_with_products_categories();

$content = ob_get_clean();

if ( $content ) {
$fragments[‘div.wd-header-compare .wd-dropdown’] = $content;
}
return $fragments;
}
/**
* Get product category.
*
* @return array
*/
public function get_product_categories() {
if ( ! woodmart_get_opt( ‘compare_by_category’ ) ) {
return array();
}
$product_ids = $this->get_compared_products();
$categories = array();

if ( ! $product_ids ) {
return array();
}

foreach ( $product_ids as $id ) {
$single_cats = get_the_terms( $id, ‘product_cat’ );

9
482 ЧДТУ 00000-01 12 01

if ( ! $single_cats ) {
continue;
}
foreach ( $single_cats as $single_cat ) {
if ( 1 < count( $single_cats ) && $single_cat->parent && isset( $categories[
$single_cat->parent ] ) ) {
continue;
}

$hide_current_category = false;

foreach ( $single_cats as $cat ) {
if ( $single_cat->parent === $cat->term_id ) {
$hide_current_category = true;
}
}
if ( $hide_current_category ) {
continue;
}
if ( ! isset( $categories[ $single_cat->term_id ] ) ) {
$categories[ $single_cat->term_id ] = array(
‘name’ => $single_cat->name,
‘slug’ => $single_cat->slug,
‘count’ => 1,
);
} else {
++$categories[ $single_cat->term_id ][‘count’];
}
}
}
return $categories;
}
/**
* All available fields for Theme Settings sorter option.
*
* @param bool $new New option.
*
* @return array
*/
public function compare_available_fields( $new = false ) {
$product_attributes = array();

if ( function_exists( ‘wc_get_attribute_taxonomies’ ) ) {
$product_attributes = wc_get_attribute_taxonomies();
}

if ( $new ) {
$options = array(
‘description’ => array(

10
482 ЧДТУ 00000-01 12 01

‘name’ => esc_html__( ‘Description’, ‘woodmart’ ),
‘value’ => ‘description’,
),
‘dimensions’ => array(
‘name’ => esc_html__( ‘Dimensions’, ‘woodmart’ ),
‘value’ => ‘dimensions’,
),
‘weight’ => array(
‘name’ => esc_html__( ‘Weight’, ‘woodmart’ ),
‘value’ => ‘weight’,
),
‘availability’ => array(
‘name’ => esc_html__( ‘Availability’, ‘woodmart’ ),
‘value’ => ‘availability’,
),
‘sku’ => array(
‘name’ => esc_html__( ‘Sku’, ‘woodmart’ ),
‘value’ => ‘sku’,
),
);
if ( count( $product_attributes ) > 0 ) {
foreach ( $product_attributes as $attribute ) {
$options[ ‘pa_’ . $attribute->attribute_name ] = array(
‘name’ => wc_attribute_label( $attribute->attribute_label ),
‘value’ => ‘pa_’ . $attribute->attribute_name,
);
}
}
return $options;
}
$fields = array(
‘enabled’ => array(
‘description’ => esc_html__( ‘Description’, ‘woodmart’ ),
‘sku’ => esc_html__( ‘Sku’, ‘woodmart’ ),
‘availability’ => esc_html__( ‘Availability’, ‘woodmart’ ),
),
‘disabled’ => array(
‘weight’ => esc_html__( ‘Weight’, ‘woodmart’ ),
‘dimensions’ => esc_html__( ‘Dimensions’, ‘woodmart’ ),
),
);

if ( count( $product_attributes ) > 0 ) {
foreach ( $product_attributes as $attribute ) {
$fields[‘disabled’][ ‘pa_’ . $attribute->attribute_name ] = $attribute-
>attribute_label;
}
}

11
482 ЧДТУ 00000-01 12 01

return $fields;
}

/**
* Remove unnecessary products.
*
* @codeCoverageIgnore
* @since 1.0
*/
public function remove_unnecessary_products() {
global $post;

if ( ! isset( $post->ID ) || intval( woodmart_get_opt( ‘compare_page’ ) ) !== $post->ID ||
get_transient( ‘wd_compare_unnecessary_products’ ) ) {
return;
}

$products = $this->get_compared_products();

if ( $products ) {
foreach ( $products as $key => $product_id ) {
if ( ‘publish’ !== get_post_status( $product_id ) || ‘product’ !==
get_post_type( $product_id ) ) {
unset( $products[ $key ] );
}
}
}

if ( ! $products ) {
setcookie( $this->cookie_name, false, 0, COOKIEPATH, COOKIE_DOMAIN,
woodmart_cookie_secure_param(), false );
$_COOKIE[ $this->cookie_name ] = false;
} else {
setcookie( $this->cookie_name, wp_json_encode( $products ), 0, COOKIEPATH,
COOKIE_DOMAIN, woodmart_cookie_secure_param(), false );
$_COOKIE[ $this->cookie_name ] = wp_json_encode( $products );
}

set_transient( ‘wd_compare_unnecessary_products’, true, DAY_IN_SECONDS );
}
}

Compare::get_instance();

СПИСОК ВИКОРИСТАНИХ ДЖЕРЕЛ
1. Андреєв, О.І. Веб-розробка: основи створення сайтів. – Київ:
Видавничий дім "Освіта", 2019. – 280 с.
2. Гончарук, В.М. Електронна комерція: навчальний посібник. – Харків:
Фоліо, 2018. – 350 с.
3. Захарченко, П.В. Практичний посібник з розробки веб-сайтів на CMS
WordPress. – Львів: Видавництво "Літопис", 2020. – 220 с.
4. Клименко, І.С. Інтернет-магазини: створення, налаштування та
управління. – Одеса: Видавництво "Чорномор’я", 2017. – 290 с.
5. Мельник, А.Ю. Основи програмування та веб-дизайну. – Дніпро:
Видавництво "Промінь", 2021. – 310 с.
6. Петрова, Н.В. CMS WordPress: від встановлення до налаштування. –
Київ: Видавничий дім "Комп’ютерна преса", 2018. – 200 с.
7. Сидоренко, Л.Г. SEO для інтернет-магазинів. – Харків: Видавництво
"Ранок", 2021. – 180 с.
8. Смирнов, О.М. Інтернет-безпека та захист даних. – Київ: Видавництво
"Техніка", 2019. – 240 с.
9. Тарасов, В.П. Веб-технології та розробка інтернет-магазинів. – Львів:
Видавництво "Афіша", 2020. – 275 с.
10. Шевченко, М.В. Модернізація та оптимізація інтернет-магазинів. –
Харків: Видавництво "Вища школа", 2017. – 230 с.
11. Білановський, А.С. WordPress для початківців: Створення і підтримка
веб-сайтів. – Київ: Видавництво "Альтернативи", 2018. – 185 с.
12. Демченко, О.П. Веб-розробка на WordPress: Покроковий підхід. –
Харків: Видавництво "Фактор", 2019. – 210 с.
13. Єрмоленко, В.К. Створення інтернет-магазинів: Практичний посібник.
– Одеса: Видавництво "Маяк", 2020. – 245 с.
Арк.
ЧДТУ 00000.000 ПЗ 81
Зм н. Арк. № докум. Підпис Дата

14. Іванов, М.С. Пошукова оптимізація для WordPress. – Львів:
Видавництво "Бакота", 2017. – 190 с.
15. Кравченко, О.Л. Електронна комерція: Інструменти та технології. –
Дніпро: Видавництво "Середня школа", 2019. – 260 с.
16. Левченко, Д.М. Практика створення сайтів на WordPress. – Київ:
Видавництво "Підручники і посібники", 2021. – 220 с.
17. Мазуренко, І.Г. Розробка інтернет-магазинів на платформі WordPress. –
Харків: Видавництво "Райдуга", 2018. – 230 с.
18. Ніколаєнко, Ю.В. CMS WordPress: Повний довідник для розробників. –
Київ: Видавництво "Промінь", 2020. – 300 с.
19. Орлова, Т.П. Технології веб-дизайну та верстки. – Львів: Видавництво
"Львівська політехніка", 2017. – 280 с.
20. Петров, В.Д. Інтернет-магазини на WordPress: Створення,
налаштування та оптимізація. – Одеса: Видавництво "Чорномор’я",
2021. – 215 с.
21. Williams, B., Damstra, D., & Stern, H. Professional WordPress: Design and
Development. – Indianapolis: Wrox Press, 2020. – 512 p.
22. Stark, M. WordPress for Beginners 2021: A Visual Step-by-Step Guide to
Mastering WordPress. – New York: Independently Published, 2021. – 180
p.
23. Sabin-Wilson, L. WordPress All-in-One For Dummies. – Hoboken: Wiley,
2020. – 848 p.
24. Williams, B., & Carter, D. WordPress: The Missing Manual. – Sebastopol:
O’Reilly Media, 2019. – 796 p.
25. Smashing Magazine. Smashing WordPress: Beyond the Blog. – Chichester:
Wiley, 2018. – 450 p.
Арк.
ЧДТУ 00000.000 ПЗ 82
Зм н. Арк. № докум. Підпис Дата

26. Lambert, J. Microsoft WordPress Step by Step. – Redmond: Microsoft Press,
2017. – 312 p.
27. Jansen, H. Building E-commerce Solutions with WooCommerce. –
Birmingham: Packt Publishing, 2021. – 350 p.
28. Hossain, A. Mastering WooCommerce 4: Build and Customize
WooCommerce Stores. – Birmingham: Packt Publishing, 2020. – 380 p.
29. MacDonald, M. Create Your Own Online Store with WordPress and
WooCommerce: Learn to Build a Functional and Attractive Online Store. –
Berkeley: Apress, 2019. – 350 p.
30. Meier, R., & Wolfe, D. Building Web Apps with WordPress. – Sebastopol:
O’Reilly Media, 2017. – 454 p.
ПРОГРАМНІ ЗАСОБИ
1. WordPress 3.8 © The WordPress Project Team, 2024.
2. phpMyAdmin 7.2 © phpMyAdmin devel team, 2024.
3. Microsoft 365 © Корпорація Microsoft 2024.
4. Open Server 5.3.8 © Maksim Arhipov, 2024.

Арк.
ЧДТУ 00000.000 ПЗ 83
Зм н. Арк. № докум. Підпис Дата

ChSTU repository

ChSTU repository preserves and enables easy and open access to all types of digital content including text, images, moving images, mpegs and data sets