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
Learn More
Please use this identifier to cite or link to this item:
https://er.chdtu.edu.ua/handle/ChSTU/5449| Title: | Розробка книжкового інтернет-магазину за допомогою CMS WordPress |
| Authors: | Ланських, Євген Володимирович Пушкаренко, Артем Сергійович |
| Keywords: | WEB-ресурс;інтернет-магазин;CMS WordPress;розробка;електронні книги |
| Issue Date: | 15-Jun-2023 |
| Abstract: | У сучасному світі інтернет-технології та електронна комерція набувають все більшого значення, що приводить до зростання попиту на ефективні та зручні інтернет-магазини. Люди все частіше вдаються до покупок онлайн, оскільки це забезпечує їм зручність, швидкість та доступність. Україна не є винятком, і спостерігається постійне зростання кількості покупців, які обирають електронну форму придбання книжок. Книжкова індустрія також активно впроваджує електронні книги та електронне читання, що змінює підхід до продажу та розповсюдження літератури. У зв'язку з цим, створення книжкового інтернет-магазину стає надзвичайно важливим завданням для книжкових видавництв та продавців. Вони розуміють, що в межах цифрової епохи інтернет-магазин є необхідним інструментом, що дозволяє забезпечити широкий доступ до книжок для читачів у всьому світі. Створення книжкового інтернет-магазину має кілька важливих переваг. Поперше, він дає змогу потенційним покупцям без зусиль і зручності знайти необхідну книжку, ознайомитися з описом та відгуками про неї. По-друге, інтернет-магазини дозволяють швидко та легко оформити покупку, вибравши зручний спосіб доставки та оплати. По-третє, цей тип магазинів здатен забезпечити постійну наявність асортименту книжок без обмежень простору, що значно збільшує вибір для покупців. Зважаючи на вищезазначені фактори, створення книжкового інтернет-магазину на базі CMS WordPress має велике практичне значення. Це дозволить книжковим видавництвам та продавцям ефективно використовувати сучасні технології та інструменти для привертання та обслуговування клієнтів. Крім того, створений інтернет-магазин сприятиме розвитку електронної комерції в книжковій галузі та забезпечить зручний доступ до книжок для широкого кола читачів.[1] Актуальність: З кожним днем все більше людей використовують веб-ресурси та web-додатки для отримання інформації, здійснення покупок, взаємодії зі сферами життя. У цьому контексті актуальність розробки web-орієнтованої інформаційної системи для придбання літератури регіону стає необхідною.Аналізуючи сучасні аналогічні інформаційні системи, можна виявити певні недоліки, які перешкоджають їхній повній задоволенні потреб користувачів. Наприклад, у більшості аналогічних інтернет-магазинів відсутня функція демо – перегляду обраної книги що заважає споживачу оцінити якість продутку. В даній роботі буде представлений розроблений плагін що вирішує описаний недолік. Мета та задачі: Мета роботи полягає у розробці функціонального та ефективного книжкового інтернет-магазину з метою забезпечення онлайн-продажу книг. Очікуваний результат роботи полягає в створенні інформаційної системи, яка надасть користувачам зручний та простий спосіб вибирати та придбавати книжки через Інтернет. Для досягнення цієї мети будуть вирішуватись наступні задачі. Перш за все, потрібно створити інтерфейс веб-сайту, що забезпечить зручну та інтуїтивно зрозумілу навігацію для користувачів. Другою задачею є розробка плагіну для демонстрації книжкових переглядів. Це дозволить користувачам отримувати попередній погляд на зміст книги перед покупкою. Третьою задачею є розробка системи реєстрації та авторизації, яка забезпечить безпеку та конфіденційність користувачів. Це включає створення механізмів для реєстрації нових користувачів, входу в систему за допомогою облікових записів та забезпечення захисту персональних даних. Кожна з цих задач буде розроблена та реалізована в основних розділах роботи. Після виконання кожної задачі будуть описані її результати, основуючись на матеріалі, що представлений у відповідних розділах. Ці задачі включають аналіз, розробку та обґрунтування рішень, необхідних для успішного створення книжкового інтернет-магазину. Об'єктом дослідження є CMS Wordpress. Ця система є широко використовуваним інструментом для створення та управління веб-сайтами. Об'єкт дослідження визначається як процес або явище, пов'язане з розробкою та функціонуванням Інтернет-магазину, який базується на CMS Wordpress.Предметом дослідження є розробка книжкового магазину з використанням CMS Wordpress. Предмет дослідження визначає окрему частину об'єкта, яка розглядається в роботі. У цьому випадку, предмет дослідження обмежується розробкою Інтернет-магазину, спеціалізованого на книгах, і використанням CMS Wordpress як основного інструменту для реалізації цього проекту |
| URI: | https://er.chdtu.edu.ua/handle/ChSTU/5449 |
| Appears in Collections: | 126 Інформаційні системи та технології (Web-технології, web-дизайн) |
Files in This Item:
| File | Description | Size | Format | |
|---|---|---|---|---|
| РЕП_БАК_Пушкаренко_Web-1911.pdf Restricted Access | Розробка книжкового інтернет-магазину за допомогою CMS WordPress | 3.33 MB | Adobe PDF | View/Open Request a copy |
Items in DSpace are protected by copyright, with all rights reserved, unless otherwise indicated.
Extracted text
МІНІСТЕРСТВО ОСВІТИ І НАУКИ УКРАЇНИ
ЧЕРКАСЬКИЙ ДЕРЖАВНИЙ ТЕХНОЛОГІЧНИЙ УНІВЕРСИТЕТ
ФАКУЛЬТЕТ ІНФОРМАЦІЙНИХ ТЕХНОЛОГІЙ І СИСТЕМ
КАФЕДРА ІНФОРМАЦІЙНИХ ТЕХНОЛОГІЙ ПРОЕКТУВАННЯ
ПОЯСНЮВАЛЬНА ЗАПИСКА
до кваліфікаційної роботи бакалавра
на тему: «Розробка книжкового інтернет-магазину за допомогою CMS WordPress»
Виконав: здобувач першого
(бакалаврського) рівня вищої освіти
4 курсу, групи Web1911
Спеціальності 126 Інформаційні системи
та технології
ОП «Web-технології, Web-дизайн»
Пушкаренко Артем Сергійович
Керівник: ктн. Доцент кафедри іпт
Ланських євген Володимирович
Рецензент: ктн. Доцент кафедри іпт
Ланських євген Володимирович
Черкаси 2023
Зміст
Вступ ...................................................................................................................................... 4
1. Постановка задачі та огляд технологій ................................................................... 7
1.1 Оцінка об'єкта та предмету роботи ........................................................................... 7
1.2 Огляд технологій ......................................................................................................... 9
1.3 Постановка задачі ...................................................................................................... 16
2. Обґрунтування технічного завдання .......................................................................... 17
Призначення..................................................................................................................... 17
Вимоги до дизайну web-ресурсу ................................................................................... 18
Структура сервера та сторінок ....................................................................................... 19
Адміністрування .............................................................................................................. 22
Техніко-економічне обґрунтування проекту ................................................................ 23
3.Розробка системи ............................................................................................................. 29
Обгрунтування вибору програмних засобів ................................................................. 29
Налаштування робочого середовища ............................................................................ 32
Розробка інтернет-магазину ........................................................................................... 36
Тестування веб сайту ...................................................................................................... 43
Висновки .......................................................................................................................... 47
Список джерел .................................................................................................................... 49
Змн. Арк. № докум Пілпис Дата
Розроб Літ. Арк. Аркушів
Перевір н Х4 Х5
Реценз
Н. Контр.
Затверд.
Вступ
У сучасному світі інтернет-технології та електронна комерція набувають все
більшого значення, що приводить до зростання попиту на ефективні та зручні
інтернет-магазини. Люди все частіше вдаються до покупок онлайн, оскільки це
забезпечує їм зручність, швидкість та доступність. Україна не є винятком, і
спостерігається постійне зростання кількості покупців, які обирають електронну
форму придбання книжок.
Книжкова індустрія також активно впроваджує електронні книги та електронне
читання, що змінює підхід до продажу та розповсюдження літератури. У зв'язку з цим,
створення книжкового інтернет-магазину стає надзвичайно важливим завданням для
книжкових видавництв та продавців. Вони розуміють, що в межах цифрової епохи
інтернет-магазин є необхідним інструментом, що дозволяє забезпечити широкий
доступ до книжок для читачів у всьому світі.
Створення книжкового інтернет-магазину має кілька важливих переваг. По-
перше, він дає змогу потенційним покупцям без зусиль і зручності знайти необхідну
книжку, ознайомитися з описом та відгуками про неї. По-друге, інтернет-магазини
дозволяють швидко та легко оформити покупку, вибравши зручний спосіб доставки
та оплати. По-третє, цей тип магазинів здатен забезпечити постійну наявність
асортименту книжок без обмежень простору, що значно збільшує вибір для покупців.
Зважаючи на вищезазначені фактори, створення книжкового інтернет-магазину
на базі CMS WordPress має велике практичне значення. Це дозволить книжковим
видавництвам та продавцям ефективно використовувати сучасні технології та
інструменти для привертання та обслуговування клієнтів. Крім того, створений
інтернет-магазин сприятиме розвитку електронної комерції в книжковій галузі та
забезпечить зручний доступ до книжок для широкого кола читачів.[1]
Актуальність: З кожним днем все більше людей використовують веб-ресурси
та web-додатки для отримання інформації, здійснення покупок, взаємодії зі сферами
життя. У цьому контексті актуальність розробки web-орієнтованої інформаційної
системи для придбання літератури регіону стає необхідною.
Аналізуючи сучасні аналогічні інформаційні системи, можна виявити певні
недоліки, які перешкоджають їхній повній задоволенні потреб користувачів.
Наприклад, у більшості аналогічних інтернет-магазинів відсутня функція демо –
перегляду обраної книги що заважає споживачу оцінити якість продутку. В даній
роботі буде представлений розроблений плагін що вирішує описаний недолік.
Мета та задачі: Мета роботи полягає у розробці функціонального та
ефективного книжкового інтернет-магазину з метою забезпечення онлайн-продажу
книг. Очікуваний результат роботи полягає в створенні інформаційної системи, яка
надасть користувачам зручний та простий спосіб вибирати та придбавати книжки
через Інтернет.
Для досягнення цієї мети будуть вирішуватись наступні задачі. Перш за все,
потрібно створити інтерфейс веб-сайту, що забезпечить зручну та інтуїтивно
зрозумілу навігацію для користувачів.
Другою задачею є розробка плагіну для демонстрації книжкових переглядів. Це
дозволить користувачам отримувати попередній погляд на зміст книги перед
покупкою.
Третьою задачею є розробка системи реєстрації та авторизації, яка забезпечить
безпеку та конфіденційність користувачів. Це включає створення механізмів для
реєстрації нових користувачів, входу в систему за допомогою облікових записів та
забезпечення захисту персональних даних.
Кожна з цих задач буде розроблена та реалізована в основних розділах роботи.
Після виконання кожної задачі будуть описані її результати, основуючись на
матеріалі, що представлений у відповідних розділах. Ці задачі включають аналіз,
розробку та обґрунтування рішень, необхідних для успішного створення книжкового
інтернет-магазину.
Об'єктом дослідження є CMS Wordpress. Ця система є широко
використовуваним інструментом для створення та управління веб-сайтами. Об'єкт
дослідження визначається як процес або явище, пов'язане з розробкою та
функціонуванням Інтернет-магазину, який базується на CMS Wordpress.
Предметом дослідження є розробка книжкового магазину з використанням
CMS Wordpress. Предмет дослідження визначає окрему частину об'єкта, яка
розглядається в роботі. У цьому випадку, предмет дослідження обмежується
розробкою Інтернет-магазину, спеціалізованого на книгах, і використанням CMS
Wordpress як основного інструменту для реалізації цього проекту
Методи дослідження
1. Проектування інтерфейсу: Використовується процес проектування
користувацького інтерфейсу, що включає розробку дизайну, взаємодію з
користувачем та інформаційну архітектуру. Застосовуються методики, які
сприяють покращенню зручності та ефективності взаємодії користувача з веб-
сайтом книжкового магазину.
2. Розробка та програмування: Застосовується розробка програмного
забезпечення з використанням CMS Wordpress. Використовуються мови
програмування, такі як PHP, JavaScript і HTML/CSS, для реалізації
функціональності книжкового магазину, створення інтерфейсу та забезпечення
його взаємодії з базою даних та користувачами.
Практичне застосування результатів: розроблений інтернет-магазин може
бути використаний на практиці для розширення бізнесу в онлайн-середовищі та
залучення широкої аудиторії. Це дає можливість підприємству мати активну
присутність в електронному комерці, пропонувати свої товари або послуги через
інтернет та забезпечувати зручну платформу для клієнтів. Онлайн-продажі через
інтернет-магазин дозволяють знизити витрати на оренду фізичного приміщення,
утримання персоналу та інші витрати, пов'язані з традиційним роздрібним магазином
1. Постановка задачі та огляд технологій
У цьому розділі проводиться загальна оцінка об'єкта та предмету роботи, огляд
існуючих рішень та аналогів, що застосовуються у сфері web-технологій, з метою
створення інтернет-магазину для книжкової торгівлі з використанням CMS
WordPress. Об'єктом дослідження є сама CMS WordPress, яка є потужним і
популярним інструментом для розробки веб-сайтів, включаючи інтернет-магазини.
Предметом дослідження є розробка конкретного книжкового магазину з
використанням цієї CMS.
Основною метою цього розділу є огляд існуючих рішень та аналогів, що
використовуються у сфері web-технологій для створення інтернет-магазинів. Під час
огляду будуть розглянуті різноманітні інформаційні технології та системи, які
знаходять застосування у веб-розробці, зокрема в контексті створення інтернет-
магазинів. Аналізуються їх можливості, функціонал, технічні характеристики,
переваги та недоліки з точки зору використання для створення інтернет-магазину
книжок.
1.1 Оцінка об'єкта та предмету роботи
Об'єктом дослідження є CMS WordPress, одна з найпопулярніших та широко
використовуваних систем управління контентом. CMS WordPress заслужила свою
популярність завдяки своїй простоті використання та великому співтовариству
розробників, що надає безліч готових рішень та плагінів для різноманітних потреб.
Предметом дослідження є розробка книжкового магазину з використанням CMS
WordPress.
CMS (від англ. Content Management System) – це система управління контентом
сайту, яка включає програмне забезпечення для роботи з вмістом сайту (додавання
текстів і мультимедійних файлів, створення нових сторінок і розділів, редагування
контенту, зміни дизайну сайту і т. д.). Іноді спрощено CMS ще називають движком
сайту. Якщо говорити просто – це основа сайту, яка керує усіма процесами, що
відбуваються на веб-майданчику.
CMS – альтернатива розробці сайту з нуля. Зазвичай, вона спрощує роботу
контент-менеджерам і іншим фахівцям, які будуть працювати з сайтом. Іншими
словами, CMS надає вам можливість завантажувати, редагувати та видаляти контент
із веб-сайту без необхідності знати HTML, CSS або інші мови кодування.
Використання на веб-проекті CMS принесе ряд переваг:
• На веб-ресурсі буде використовуватися найефективніший набір
інструментів, який допоможе вирішити коло найважливіших завдань. В залежності від
типу сайту та його функціоналу підбирається оптимальний движок.
• Після знайомства з основами роботи CMS, власник сайту зможе
самостійно створювати або редагувати веб-сторінки, часто немає ніякої необхідності
залучати сторонніх фахівців.
• Популярні движки постійно оновлюються. У них реалізуються нові
корисні функції і передові технічні рішення.
• З основними системами управління контентом не виникне труднощів,
якщо знадобиться додавання додаткового функціоналу, чи виникне необхідність у
доопрацюванні проекту. Фахівців завжди легко знайти, а їх послуги обійдуться
дешевше, ніж при роботі з незнайомим кодом. Аналогічна ситуація з контент-
менеджерами. Можна легкознайти співробітника, який допоможе вам наповнювати
сайт, що працює під управлінням відомої CMS.[2]
Використання CMS WordPress у розробці книжкового магазину дозволяє легко
створити функціональний та привабливий веб-сайт з можливістю додавання,
категоризації та відображення книжок, обробки замовлень із зручним інтерфейсом
для користувачів.
Важливість створення інтернет-магазину, зокрема книжкового, полягає в тому,
що він надає можливість широкої аудиторії зручно та ефективно придбати книжки,
що забезпечує розвиток електронної комерції та розширення бізнесу. Використання
CMS WordPress у цьому контексті виявляється перспективним, оскільки вона надає
широкі можливості для розробки та налаштування інтернет-магазину з врахуванням
потреб та вимог бізнесу.
Таким чином, створення книжкового магазину з використанням CMS WordPress
є актуальним та перспективним завданням, що може принести значну користь,
забезпечуючи зручний та привабливий інтерфейс для клієнтів, а також легкість
управління контентом та продажами для власників магазину.
1.2 Огляд технологій
WordPress
CMS WordPress є найпопулярншою та надійной системою управління
контентом, яка широко використовується для створення різноманітних веб-сайтів,
включаючи інтернет-магазини, розроблений в 2003 році американським блогером
Меттом Малленвегом і британським блогером Майком Літтлом. Вона має ряд переваг
і надає багато функціональних можливостей для ефективного створення та управління
інтернет-магазином.
Однією з головних переваг CMS WordPress є його простота використання.
Інтерфейс користувача є інтуїтивно зрозумілим і дружнім, що дозволяє навіть
користувачам без технічних навичок легко створювати, редагувати та оновлювати
вміст свого магазину.
WordPress пропонує великий вибір тем і дизайнів, що дозволяють вам
налаштувати зовнішній вигляд магазину відповідно до бренду та вимог цільової
аудиторії. Також є можлівість використовувати різноманітні плагіни, які розширюють
функціональність магазину, включаючи опції електронної комерції, керування
запасами, системи оплати та багато іншого.
Дана CMS також має високий рівень SEO-придатності. Є багато плагінів та
інструментів, що допоможуть оптимізувати інтернет-магазин для пошукових систем,
покращити його видимість та привернути більше органічного трафіку.
Додатково, WordPress має активну спільноту користувачів та розробників, що
забезпечує доступ до безлічі ресурсів, документації та підтримки. Це означає, що ви
можете знайти відповіді на свої запитання, отримати поради та підтримку в разі
Загалом, CMS WordPress є потужною та гнучкою платформою для створення
інтернет-магазину книжок. Її переваги у вигляді простоти використання, великого
вибору тем і плагінів, SEO-придатності та підтримки спільноти роблять її
привабливим варіантом для бізнесу. [3]
Попри переваги, слід виділити і недоліки даної CMS :
• немає офіційної техпідтримки;
• спочатку CMS створена не під інтернет-магазин, тому потрібно
попрацювати над функціоналом сайту;
• Меньша гнучкість у порівнянні з Drupal та Joomla!
Таблиця 1.1 Системні вимоги для роботи з CMS WordPress
Мова програмування PHP (версія 8.0і вища)
Бази даних MySQL (версія 5.6 і вища),
MariaDB (версія 10.1 і вища)
Операційна система Windows, UNIX
Веб-сервер Apache, nginx
Joomla!
Joomla — це популярна безкоштовна система керування вмістом (CMS) із
відкритим вихідним кодом, яка дозволяє користувачам легко створювати та керувати
веб-сайтами, блогами та іншими онлайн-додатками. З моменту запуску в 2005 році
Joomla зарекомендувала себе як одна з провідних платформ CMS, її використовують
мільйони веб-сайтів по всьому світу.
CMS дозволяє створювати розширення та використовувати їх для розширення
функціональності інтернет-магазину. Є можливість встановлювати плагіни та
компоненти, які додають такі функції, як система керування товарами, категоріями,
оплатою, доставкою, та іншим. Це дозволяє налаштувати сайт під відповідні потреби
та вимоги бізнесу.
Joomla! має потужні інструменти для управління вмістом інтернет-магазину.
Можна додавати, редагувати та організовувати товари, описи, зображення та інші
деталі. Joomla пропонує системи категоризації та міток, що дозволяють організувати
продуктову базу для зручного пошуку і навігації. Joomla має великий вибір тем та
шаблонів, які дозволяють налаштувати зовнішній вигляд інтернет-магазину.
Можлвість обирати стиль, кольори та макет, що відповідають створеному бренду та
сприяють створенню професійного вигляду магазину. CMS має активну спільноту
користувачів і розробників, яка надає підтримку, допомогу та ресурси. [4]
Незважаючи на багато переваг, CMS Joomla також має суттеві недоліки, які
варто враховувати при розгляді її в якості платформи для створення інтернет-
магазину:
1. Складність використання: Joomla може бути менш простою в освоєнні
порівняно з іншими CMS, такими як WordPress. Її інтерфейс та налаштування можуть
здаватися складними для новачків, особливо тим, хто не має досвіду у роботі з CMS.
2. Обмежена кількість плагінів: Joomla має менший екосистему плагінів
порівняно з деякими іншими CMS, такими як WordPress. Це означає, що може бути
важче знайти відповідний плагін для певної функціональності або інтеграції з іншими
системами, що може обмежити можливості інтернет-магазину.
3. Складність оновлень: Оновлення Joomla можуть бути більш складними та
вимагати більше зусиль порівняно з іншими CMS.
4. Менший ринок розробників: Joomla має менший ринок розробників
порівняно з WordPress, що може призвести до складнощів у пошуку кваліфікованих
фахівців для підтримки інтернет-магазину на Joomla.
Таблиця 1.2 Системні вимоги для роботи з CMS Joomla!
Мова програмування PHP 7.2.5 і вища
Бази даних MySQL (версія 5.6 і вища),
Postgres SQL (версія 11.0 і
вища);
Операційна система Windows, UNIX
Веб-сервер Apache, nginx, IIS
Drupal
Drupal — це дуже популярна система керування вмістом (CMS) із відкритим
кодом для створення та керування веб-сайтами. Drupal, створений у 2001 році Dries
Buytaert, написаний на PHP і побудований на базах даних, таких як MySQL або
PostgreSQL.
Якщо говорити в контексті створення інтернет магазину то Drupal дозволяє
розробникам налаштовувати веб-сайт під свої потреби та розширювати його
функціональність. Drupal також здатний обробляти великі обсяги даних та велику
кількість користувачів, що дозволяє масштабувати сайт зростаючим потребам.:
Drupal надає потужний модуль електронної комерції з назвою Commerce. Цей модуль
дозволяє управляти товарами, замовленнями, оплатою, доставкою та іншими
аспектами електронної комерції. Commerce забезпечує гнучкість і налаштовуваність
для створення складних магазинів з різноманітними потребами. CMS дозволяє
розробникам налаштовувати зовнішній вигляд магазину за допомогою тем та
шаблонів. Існує велика кількість доступних тем, а також можливість створення
власних дизайнів для привернення уваги клієнтів та створення унікального
інтерфейсу.[5] Попри переваги вважаю необхідним виділити суттеві недоліки
розробки на Drupal:
1. Складність використання: Drupal має високий поріг входження для
новачків та не технічно-спрямованих користувачів. Розробка інтернет-магазину на
Drupal вимагає знань PHP, HTML, CSS та інших технологій. Це може бути викликом
для користувачів, які не мають великого досвіду у програмуванні.
2. Вартість розробки: Залежно від масштабу та складності магазину,
розробка на Drupal може бути витратною. Налаштування, налаштування та
розширення можуть вимагати додаткових ресурсів та витрат на розробку.
3. Обмежена кількість модулів: Хоча Drupal має ряд модулів, вибір може
бути обмежений порівняно з іншими CMS. Це може вимагати додаткової розробки
для реалізації певних функціональних можливостей, які не входять до складу
основних модулів.
Таблиця 1.3 Системні вимоги для роботи з CMS Drupal
Мова програмування PHP 7.3 і вища
Бази даних MySQL або Percona 5.7.8 і
вище
MariaDB 10.3.7 і вище
Операційна система Windows, UNIX
Веб-сервер Apache, nginx, IIS
Magento
Magento — це CMS для електронної комерції з відкритим кодом, створене
компанією Varien Inc., яке є корисним для онлайн-бізнесу. Він має гнучку модульну
архітектуру. Він масштабований і має багато параметрів керування, які допомагають
користувачеві створювати веб-сайти, зручні як для користувачів, так і для пошукових
систем.
CMS Magento було розроблено компанією Varien Inc. і вперше було випущено
31 березня 2008 року.: Magento використовує платформу електронної комерції, яка
пропонує компаніям найкращі рішення для електронної комерції та розгалужену
мережу підтримки. CMS надає широкий спектр функцій для розробки інтернет-
магазину, включаючи керування товарами, опції доставки та оплати, знижки, систему
замовлень, аналітику та багато іншого. Вона дозволяє розробникам створювати
магазини з різноманітними потребами та вимогами. Дана CMS є доволі гнучкою
платформою, яка дозволяє розширювати та налаштовувати функціонал магазину за
допомогою модулів та розширень. Magento надає розширені інструменти для
оптимізації інтернет-магазину для пошукових систем. Вона має вбудовані SEO-
функції, такі як SEO-френдлі URL-адреси, метатеги, карти сайту та інші інструменти,
що допомагають покращити видимість магазину в пошукових системах.
Magento розроблена для роботи з великими обсягами даних та великою
кількістю користувачів. Вона може легко масштабуватись під зростаючі потреби
бізнесу, незалежно від кількості товарів, замовлень або відвідувачів. Українські
Інтернет-магазини, такі як allo.ua та comfy.ua використовують CMS Magento.[6]
Високі вимоги до хостингу та сервера. Розробка сайту на CMS
Magento вимагає потужного хостингу та високопродуктивного сервера. На
простому та недорогому хостингу робота веб-ресурсу може бути повільною.
Орієнтація на зарубіжних користувачів. Оригінальна версія движка
є англомовною та спрямована на західний електронний комерційний ринок. Для
країн СНД доступна окрема платна російськомовна версія.
Складнощі в налаштуванні дизайну. Елементи дизайну
розташовуються у різних файлах та папках, що ускладнює їх редагування. Веб-
розробникам доводиться спочатку об'єднувати дані, а потім вносити зміни.
Обмежена підтримка для безкоштовної версії: Офіційна підтримка
від Magento обмежена для безкоштовної версії (Community Edition). Підтримка
та оновлення можуть бути доступними лише для платних версій, що може бути
фактором для вибору платної підтримки.
Платформа розрахована переважно на масштабні проекти.
Таблиця 1.4 Системні вимоги для роботи з CMS Magento.
Мова програмування PHP 7.4 і вища
Бази даних MySQL 5.6, 5.7 і вище
MariaDB 10.3.7 і вище
Операційна система Windows, UNIX
Веб-сервер Apache (рекомендовано), IIS,
nginx
Opencart
Opencart є найпопулярнішою безкоштовною системою керування контентом
(CMS) для Інтернет-магазинів, яка використовується як в Україні, так і в усьому світі.
Вона надає можливість створити повнофункціональний Інтернет-магазин за
допомогою різноманітних платних плагінів і тем оформлення від сторонніх
розробників. Одним з важливих переваг Opencart є наявність спільноти, до якої можна
звернутись для отримання консультацій або розробки функціоналу, що відповідає
потребам проекту.[7]
Opencart може стикатися з обмеженнями,
Якщо користувач планує розвивати великий інтернет-магазин з
великим обсягом товарів та трафіку. Opencart може виявитися менш
ефективним у роботі з великими магазинами порівняно з деякими іншими
CMS(наприклад - Magento).
Для деяких розширених функціональних можливостей, в яких
виникне потреба, можуть знадобитися додаткові платні або сторонні модулі, що
може збільшити витрати.
Слабка підтримка мультирегіональності. Якщо потрібно мати
магазин, що підтримує кілька регіонів з різними мовами та валютами, Opencart
буде менш зручним у використанні та налаштуванні цих функцій.
Таблиця 1.5 Системні вимоги для роботи з CMS Opencart.
Мова програмування PHP 8.1 і вища
Бази даних MySQL або Percona 5.7.8 і
вище
MariaDB 10.3.7 і вище
Операційна система Windows, UNIX
Веб-сервер Apache (рекомендовано), IIS,
nginx
1.3 Постановка задачі
У даній роботі необхідно розробити книжковий інтернет-магазин, що матиме
наступний функціонал:
Перегляд наявних у магазині товарів.
Можливість переглянути товар та додати його до кошику.
Можливість зручного оформлення замовлень.
Систему реєстрації та авторизації користувачів у системі.
Плагін для демо перегляду книжок.
Результатом роботи повинен стати інтернет-магазин, що має бути зрозумілим та
простим у користуванні для потенційного клієнта. Сайт має бути швидким та зручним,
що може бути досягнуто завдяки використанню сучасних веб-технологій.
2. Обґрунтування технічного завдання
Даний технічний проект пов'язаний з розробкою інтернет-магазину з продажу
книжок на базі CMS Wordpress. Створення такого сайту є актуальною та корисною
задачею, оскільки в суспільстві є запит на формування сучасних україномовних
інтернет-ресурсів, в тому числі і інтернет-магазинів. Виконання проекту має на меті
розробити зручний та функціональний веб-сайт, що дозволить користувачам
здійснювати покупки, переглядати каталог, отримувати інформацію про товар. Для
цього потрібно розробити якісну архітектуру, забезпечити ефективне зберігання
даних, розробити інтуїтивно зрозумілий та легкий у використанні інтерфейс, а також
забезпечити належний рівень безпеки та стабільності роботи сайту. Даний проект має
на меті покращити доступність та якість інформації про книги для широкого кола
користувачів, тож ми сподіваємося на вдале та успішне реалізацію проекту.
2.1 Призначення
Призначення інтернет-проекту створення інтернет-магазину книжок на
платформі WordPress полягає в тому, щоб створити зручне та привабливе середовище
для продажу книг онлайн. Проект має на меті надати користувачам можливість
швидко та зручно придбати книги, знайти потрібну літературу та отримати
інформацію про книжкові новинки.
Основні завдання інтернет-магазину книжок на WordPress:
1. Представлення каталогу книжок: Створення зручного і легкого у
використанні каталогу, де користувачі зможуть переглядати доступні книжки.
Каталог повинен бути добре структурованим і розбитим на категорії, авторів,
жанри тощо, щоб полегшити пошук і навігацію.
2. Детальна інформація про книжки: Забезпечення можливості
перегляду детальної інформації про книжки, включаючи назву, автора, опис,
обкладинку, ціну. Це допоможе користувачам зробити інформований вибір та
придбати бажану книгу.
3. Корзина та оформлення замовлення: Реалізація функціоналу
додавання книжок до корзини, розрахунку загальної вартості замовлення та
зручного оформлення замовлення. Користувачі повинні мати можливість
переглянути вміст своєї корзини, вибрати метод доставки та виконати оплату
онлайн.
4. Реєстрація та авторизація користувачів: Забезпечення можливості
реєстрації нових користувачів і авторизації існуючих. Це дозволить зберігати
історію замовлень, отримувати персоналізовані пропозиції та зручно керувати
процесом покупок.
2.2 Вимоги до дизайну web-ресурсу
Дизайн інтернет-магазину з продажу книг повинен бути простим і зрозумілим
для користувачів. Основним кольором треба зробити білий та світло-сірий, так як це
стандарні кольори фону інтернет-магазинів. Також можна додати деякі акцентні
кольори, такі як блакитний та світло-червоний та зелений, які будуть
використовуватись для стилізації кнопок, тексту важливих елементів та підсвітки
посилань. Шрифти повинні бути чіткими і зрозумілими, забезпечуючи легку
читабельність тексту на сайті. Необхідно використати шрифт sans-serif, розмір 19px
для тексту головної сторінки, 30 px для розміру тексту на слайдері 15px для верхньої
панелі та інших надписів.
По структурі кожна стрінка матиме шапку, тіло та підвал, На головній сторінці
також має бути слайдер з вітальним текстом.
Щодо логотипу, він повинен бути простим і лаконічним, а також відображати
основну ідею сайту – демонстрацію та продаж книг, тому лого буде у вигляді
розкритої книги, книгу слід зробити білою на темно рожевому тлі, для підкреслення
констрасту, знаходитися зліва в шапці сайту.
В шапці сайту також буде знаходитися навігаційна панель, навігація текстова з
глобальними посиланнями. Тобто з будь-якої сторінки можна буде потрапити на будь-
яку. В лого сховане посилання на головну сторінку.
Рисунок 2.1 Схематичне зображення панелі навігації
Загальна стилістика сайту має вийти сучасною та привабливою для
користувачів, але не надто складною або заплутаною. Основною метою дизайну є
полегшення користування сайтом і забезпечення зручності для користувачів.[8]
2.3 Структура сервера та сторінок
Структура та зміст сторінок.
1. Головна сторінка:
Навігаційна панель.
Слайдер.
Вітальний текст
Підвал сайту
2. Сторінка магазину:
Навігаційна панель
Відображення товарів
Підвал сайту
3. Сторінка товару
Навігаційна панель
Відображення обраного товару(ціна, картинка, опис, кнопка в кошик,
кпопка демо перегляду)
Підвал сайту
4. Сторінка з оформлення замовлення:
Навігаційна панель
Форма для оформлення замовлення
Підвал сайту
5. Сторінка з кошиком:
Навігаційна панель
Відображення товарів у кошику
Підвал сайту
6. Сторінка входу в аккаунт:
Навігаційна панель
Форма для входу/реєстрації
Підвал сайту
Структура серверу.
У роботі використовується стандартна файлова структура WordPress
Рисунок 2.2 Типова структура проекту WordPress.
Структура сервера стандартна і надто велика, тому немає сенсу описувати її
посвністю, а слід зосередитись на папках та файлах, які використовувались,
модернізувались, змінювались протягом виконання роботи.
Рисунок 2.3 Схематичне зображення файлової структури проекту.
Структура сервера
Open server (папка серверу)
Domains (папка з проектами)
o Author.ua (Проект)
Wp-content (Контент проекту)
Uploads ( папка з медіа файлами проекту)
Plugins (Завантажені плагіни)
o custom-book-reader(папка з розроблени
плагіном для демо перегляду книг)
bookreader.php (файл плагіну)
css (папка зі стилями)
book-reader.css (стилі)
Themes (Папка з темами)
o Oceanwp (Оригінальна тема)
o Oceanwp-child (Дочірня тема)
Php files (сукупність php файлів)
Woocommerce (папка плагіну
Woocommerce)
Php files (сукупність php
файлів)
Assets (активи)
Css(папка зі стилями )
o Style-min.css (Стилі до
теми)
o Woo(папка зі стилями
Woocommerce)
Woocommerce-
min.css (Стилі до плагіну
Woocommerce)
2.4 Адміністрування
Адміністрування проекту створення інтернет-магазину книжок на WordPress
включає в себе вимоги до подальшого супроводу та підтримки сайту для забезпечення
його ефективної роботи та успішної розваги. Основні вимоги до адміністрування
включають:
Оновлення та безпека: Регулярне оновлення WordPress, теми,
використаних плагінів та інших компонентів системи є важливим для
забезпечення безпеки та виправлення можливих помилок. Важливо встановити
механізм автоматичних оновлень і регулярно перевіряти наявність оновлень.
Резервне копіювання: Регулярне резервне копіювання бази даних та
файлів сайту є необхідним для захисту від втрати даних у разі виникнення
проблем або несправностей. Рекомендується використовувати автоматичні
резервні копії і зберігати їх на окремих серверах або зовнішніх носіях.
Моніторинг: Налаштування системи моніторингу дозволяє вчасно
виявляти проблеми з доступністю сайту, завантаженням сторінок та іншими
важливими метриками продуктивності. Це допомагає вчасно реагувати на
проблеми та забезпечувати найкращу доступність та продуктивність сайту.
Технічна підтримка: Забезпечення доступності технічної підтримки
для вирішення можливих технічних проблем, запитань користувачів та
допомоги в управлінні сайтом є важливим елементом адміністрування.
Користувачі повинні мати можливість звертатися з питаннями та отримувати
швидкі та якісні відповіді.
Монетизація та аналітика: Якщо інтернет-магазин книжок планує
здійснювати комерційну діяльність, важливо встановити системи онлайн-
оплати, інтегрувати аналітичні інструменти для відстеження продажів та
поведінки користувачів, а також надавати звіти і статистику, що допомагають
управляти бізнесом більш ефективно.
Постійне вдосконалення: Важливо продовжувати вдосконалювати
сайт, додавати нові функції, враховувати фідбек користувачів та моніторити
тренди в індустрії. Це дозволить сайту залишатися конкурентоспроможним та
відповідати змінюються потребам користувачів.
2.5 Техніко-економічне обґрунтування проекту
Техніко-економічне обґрунтування інтернет-магазину з продажу книг Author.ua
на базі WordPress:
Резюме:
Цей проект передбачає створення інтернет-магазину Author.ua,
спеціалізованого на продажу книг. Сайт буде використовувати платформу WordPress
і матиме широкий спектр функцій, що дозволять користувачам швидко знайти та
придбати книги в зручний спосіб. Проект прагне задовольнити потреби читачів у
придбанні якісних книг та надати зручний та ефективний інтернет-магазин.
Основні конкуренти: Існують інші інтернет-магазини книг, такі як
BookDepository, Amazon, Barnes & Noble та інші. Проте, Author.ua може виділитися
своєю спеціалізацією на книги, ретельно відібраними авторами та унікальним
досвідом читачів.
Опис продукту:
Author.ua буде інтерактивним інтернет-магазином, який надасть користувачам
можливість переглядати та купувати книги в зручний спосіб. Основні функції сайту
будуть включати:
Каталог книг: Зручне меню перегляду каталогу
Детальна інформація про книги: Опис, обкладинка, демо
тексту.
Кошик покупок: Можливість додавання книг до кошика,
керування кількістю та оформлення замовлення.
Можливість реєстрації користувача, перегляду історії
замовлень, управління адресами доставки, збереження списку побажань
тощо.
Аналіз ринку:
Аналіз ринку показує, що інтерес до купівлі книг в Інтернеті постійно зростає.
Багато компаній, таких як Yakaboo, BookDepository та Amazon, вже успішно
працюють у цій галузі. Однак, спеціалізований інтернет-магазин Author.ua може
знайти свою нішу, пропонуючи унікальний вибір книг та підтримку від групи
експертів. Для успішного конкурентування на ринку, Author.ua повинен надати
високу якість обслуговування, привабливий веб-дизайн та акцентувати увагу на
цінності книжного спільноти.
План маркетингу
Оптимальний план маркетингу книжкового інтернет-магазину повинен
включати наступні етапи:
1. Аналіз цільової аудиторії та конкурентів. Необхідно детально
вивчити потреби цільової аудиторії та перевірити наявність конкурентів на
ринку. Для цього можна провести опитування та аналіз даних з Google Analytics,
а також дослідити сайти конкурентів.
2. Розробка унікального дизайну сайту. Дизайн сайту повинен бути
привабливим, легким та інтуїтивно зрозумілим для користувачів. Для цього
можна звернутися до професійних дизайнерів або використовувати готові
шаблони.
3. Оптимізація сайту під пошукові системи. Необхідно забезпечити,
щоб сайт був оптимізований під пошукові системи, щоб його було легко знайти
та розмістити на першій сторінці в результатах пошуку.
4. Продвиження сайту у соціальних мережах. Необхідно активно
використовувати соціальні мережі для просування сайту, залучення нових
користувачів та збільшення свідомості про бренд.
5. Платна реклама. Необхідно використовувати платну рекламу для
залучення нових користувачів, збільшення трафіку та покращення позицій
сайту в пошукових системах.
6. Контент-маркетинг. Необхідно створювати корисний та цікавий
контент для користувачів, що сприятиме залученню нових користувачів та
збереженню старих.
7. Email-маркетинг. Необхідно використовувати email-маркетинг для
залучення нових користувачів та збереження старих, а також для повідомлення
про новини та акції [8]
План виробництва
План виробництва інтернет-магазину можна розбити на наступні етапи:
1. Аналіз вимог і планування: розробка технічного завдання,
визначення функціональності та дизайну сайту, планування термінів виконання
проекту.
2. Розробка дизайну
3. Розробка функціональності
4. Розробка та налаштування бази даних
5. Розробка архітектури сайту: побудова логіки сайту, створення
структури сайту та його розміщення на сервері.
6. Тестування та відлагодження: перевірка функціональності сайту та
виправлення помилок, які виникають під час його роботи.
7. Оптимізація та налаштування сайту: налаштування сайту для
покращення швидкості його роботи та забезпечення надійності.
8. Запуск та підтримка: запуск сайту та забезпечення його підтримки
та оновлення.
Ресурси
1. Комп'ютер та інтернет: для розробки сайту потрібна робоча станція.
Для зберігання даних та роботи з файлами також необхідний надійний Інтернет
з швидкістю не менше 100 Мбіт/с.
2. Програмні засоби: для розробки сайту необхідно володіти
програмними засобами, такими як IDE (Integrated Development Environment),
текстовими редакторами, ф елементом розробки сайту є дизайн та графічне
оформлення. Для розробки можна використовувати програмні засоби для
створення макетів, редактори графіки та інші інструменти.
3. Тестувальні ресурси для перевірки якості та працездатності сайту :
перед запуском сайту потрібно здійснити тестування на різних пристроях та в
різних браузерах, щоб переконатися, що він працює належним чином. Також
необхідно провести оптимізацію сайту, щоб забезпечити швидкий доступ та
максимальну продуктивність.
Організаційний план заходів
1. Аналіз потреб користувачів та конкурентів. Для цього необхідно
провести дослідження потенційних користувачів та їх вимог до
функціональності та дизайну сайту. Також варто проаналізувати конкурентів на
ринку та зробити висновки щодо їх сильних та слабких сторін.
2. Розробка концепції сайту. На основі результатів аналізу потреб
користувачів та конкурентів необхідно розробити концепцію сайту, яка буде
включати в себе функціональність, дизайн та структуру сайту.
3. Розробка технічного завдання. На основі концепції сайту необхідно
розробити технічне завдання, яке визначатиме всі необхідні вимоги до
функціональності, дизайну, бази даних та інших аспектів сайту.
4. Розробка дизайну. Після узгодження технічного завдання необхідно
розробити дизайн сайту, який буде відповідати вимогам концепції та технічного
завдання.
5. Розробка програмного забезпечення. Після розробки дизайну
необхідно розробити програмне забезпечення, яке буде забезпечувати
функціональність сайту.
6. Тестування та відладка. Після розробки програмного забезпечення
необхідно провести тестування сайту та відладити всі помилки та недоліки.
7. Реліз сайту. Після успішного тестування та відладки сайт готовий
до релізу.
Ризики проекту
1. Неправильна оцінка вимог. Якщо не визначити чітко функціональні
вимоги, то можуть виникнути проблеми з розумінням потреб користувачів, а
також можливі затримки в часі розробки.
2. Проблеми з безпекою.
3. Технічні проблеми. Помилки в програмному забезпеченні,
проблеми з сервером, інтернет-з'єднанням тощо можуть призвести до
тимчасової недоступності сайту та втрати даних.
4. Конкуренція. [10],[11]
Висновок
Проект інтернет-магазину з продажу книг Author.ua є перспективним та
цікавим підприємницьким зусиллям в сфері книжкової торгівлі. Шлях до успіху
для цього проекту вимагає обдуманих стратегій, глибокого розуміння ринку та
якості виконання.
Проект повинен зосередитися на створенні привабливого та
функціонального веб-сайту зі зручним інтерфейсом, розширеним пошуком та
особистим кабінетом для користувачів. Важливо також забезпечити наявність
широкого асортименту книг, включаючи різноманітні жанри та авторів.
Проект Author.ua має потенціал стати вдалим та прибутковим інтернет-
магазином. Важливо мати чітку визначену мету, ефективно використовувати
ресурси та надавати високу якість обслуговування, щоб привернути та
утримувати задоволених клієнтів. Інноваційність, аналітика та гнучкість є
ключовими факторами для успіху в онлайн-торгівлі книгами, а їх впровадження
в проект Author.ua може привести до досягнення поставлених цілей.
3.Розробка системи
Цей розділ дипломної роботи зосереджений на розробці книжкового інтернет-
магазину на платформі WordPress. Він охоплює всі необхідні етапи та процеси для
створення функціонального, ефективного та зручного для користувачів магазину.
3.1 Обгрунтування вибору програмних засобів
Вибір CMS-системи є складним завданням, оскільки серед великої кількості
доступних варіантів існує ризик обрати таку, яка не зможе повністю задовольнити
потреби проекту. Однак, проаналізувавши переваги та недоліки різних систем
управління контентом (див розділ 1) для створення інтернет-магазину книжок, можна
прийти до висновку, що WordPress є оптимальним варіантом.
Оскільки WordPress є найпопулярнішою CMS у світі з великою спільнотою
розробників та користувачів[]. Це означає, що є велика кількість розширень, тем та
плагінів, які можна використовувати для розширення функціональності інтернет-
магазину книжок. Факт популярності WordPress та зручний інтерфейс гарантує більш
легкий рекрутинг спеціалістів що обслуговуватимуть проект в майбутньому.
Рисунок 3.1 Статистика популярності ПЗ з відкритим кодом.
WordPress дозволяє вибирати з великого вибору тем та макетів, що дозволить
налаштувати зовнішній вигляд інтернет-магазину відповідно до бренду. Крім того, є
можливість додавати нові функціональні можливості за допомогою розширень
WordPress. Хоча гнучкість та розширюваність CMS меньша аніж у деяких
конкурентів, наприклад Joomla! та Drupal, але можливостей WordPress вистачить для
реалізації проекту. Додатково була обрана тема OceanWP та плагін електронної
комерції Woocommerce, код яких в подальшому буде редагуватися та доповнюватися
відповідно до потреб проекту.
В порівнянні з іншими CMS, Wordpress можна вважати універсальним
інструметом з невисоким порогом входження. Враховуючи всі ці переваги, вибір
WordPress для інтернет-магазину книжок буде раціональним та ефективним
рішенням, що допоможе вам розвивати бізнес та привертати клієнтів.
В проекті буде використане ПЗ локального сервера - Open Server.
Open Server - це локальний веб-сервер, який дозволяє розгортати та виконувати
веб-проекти на звичайном комп'ютері юзера. Він надає зручне середовище для
розробки та тестування веб-додатків перед їх розміщенням на живому сервері. Open
Server працює на платформі Windows і забезпечує легке налаштування та управління
веб-сервером та базами даних.
Open Server використовує веб-сервер Apache, який дозволяє обробляти запити
до веб-сторінок і відправляти їх до браузера користувача. Apache є одним з
найпопулярніших веб-серверів і забезпечує стабільну та швидку роботу. Open Server
включає в себе підтримку різних мов програмування, таких як PHP, Perl та Python.
Сервер включає підтримку різних систем управління базами даних, таких як MySQL,
MariaDB, PostgreSQL. Open Server надає зручний інтерфейс управління хостингом, де
можна налаштовувати параметри веб-сервера, баз даних, PHP-налаштувань та інших
компонентів. Сервер дозволяє створювати та керувати різними проектами. Можна
легко переключатись між проектами та налаштовувати окремі параметри для кожного
з них.
Тобто Open Server є одним з найкращих рішень в якості локального хостингу
для реалізації проектів на WordPress.
Системні вимоги до Open Server:
Операційні системи: Windows 7 SP1 x64/Windows Server 2008 R2
SP1 або новіший (32-бітові системи не підтримуються);
Вільні апаратні ресурси: від 500 МБ RAM та від 10 ГБ місця на
диску;
Системне ПЗ: MSVC++ 2005-2022 Redistributable Packages (є в
комплекті);[ https://ospanel.io/docs/]
В якості редактору коду був обраний Sublime Text
Sublime Text має простий та чистий інтерфейс, який легко освоювати. Він
пропонує мінімалістичний дизайн, що дозволяє швидко зосередитися на своїй роботі
без зайвих відволікань. Текстовий редактор має широкі можливості розширення. За
допомогою пакетів та плагінів можна налаштувати редактор під свої потреби. Є
велика кількість пакетів, які додають нові функціональні можливості та поліпшують
продуктивність розробки. Sublime Text підтримує багато мов програмування, в тому
числі і PHP – мову якою в основному ведеться розробка під CMS WordPress, та має
підсвічування синтаксису для більшості популярних мов. Це допомагає більш зручно
та ефективно працювати зі своїм кодом. Редактор також є відомим своєю швидкодією
та ефективним використанням ресурсів комп'ютера. Він запускається швидко, має
низький розмір та працює плавно, що дозволяє розробникам економити час та
підвищувати продуктивність.[]
Мова програмування – PHP. Ця мова найбільш інтегрована з WordPress, і
дозволяє максимально використовувати можливості і функціонал Wordpress, також в
проекті будуть використані мова розмітки HTML і таблиці каскадних стилів CSS,
оскільки вони є невід’ємними інструментами веб-розробки.
Photoshop – графічний редактор необхідний для створення логотипу.
3.2 Налаштування робочого середовища
Цей пункт дипломної роботи описує процес налаштування робочого
середовища для розробки веб-сайту з використанням зазначеного програмного
забезпечення. Це дозволить забезпечити зручну, ефективну та продуктивну роботу
над проектом
Перш за все необхідно встановити необхідне ПЗ, а саме локальний сервер, CMS,
та необхідні плагіни.
Встановлення та налаштування Open server як локального сервера для розробки
веб-сайту. Це дозволить створити локальне середовище для тестування та розробки
безпосередньо на власному комп'ютері.
Рисунок 3.2 Встановлений Open Server
Встановлення та налаштування WordPress - популярної системи управління
вмістом (CMS), яка дозволить зручно створювати та керувати вмістом веб-сайту.
Використання WordPress надасть гнучкість та можливості розширення для розробки
функціоналу веб-сайту.
Після заватаження архіву з офіційного сайту WordPress, слід розпакувати його
безпосередньо в папку проекту
Рисунок 3.3 Файли WordPress проекту Author.ua.
Та створити базу даних під проект
Рисунок 3.4 база даних проекту Author.ua.
Налаштування та інтеграція плагіну WooCommerce для забезпечення
можливостей електронної комерції на веб-сайті. Це дозволить створити магазин з
продажу товарів або послуг.
Рисунок 3.5 Встановлений плагін WooCommerce.
WooCommerce надає широкі можливості для продажу товарів і послуг онлайн,
дозволяючи легко керувати всією електронною комерцією прямо з адміністративної
панелі WordPress. Тому наступним кроком буде наповнення сайту товарами.[
https://woocommerce.com/documentation/woocommerce/getting-started/installation-and-
updating/]
Для цього слід перейти WooCommerce->товари->додати новий
Рисунок 3.6 Адміністративна панель з додавання товарів
Рисунок 3.7 Список товарів.
Далі необхідно встановити тему OceanWP та створити дочірню тему для
безпосереднього редагування під власні потреби.
Рисунок 3.8 Встановлення теми OceanWp.
Рисунок 3.9 Створення дочірньої теми OceanWp.
Після налаштування середовища можна перейти до безпосередньої розробки
3.3Розробка інтернет-магазину
Перш за все у графічному редакторі було розроблене лого для книжкового
інтернет-магазину
Рисунок 3.10 Створення логотипу
.
Далі слід перейти до написання фронтальної частини сайту. Керуючись
файловою структурою проекту (див. розділ 2.3 ) стає зрозуміло що основні зміни
будуть відбуватимуться в файлах Style-min.css та Woocommerce-min.css. Основні
правки вносились через редактор тем в адміністративній панелі.
Рисунок 3.11 Програмування стилів в адміністративній панелі теми
Щодо головної сторінки було прийняте рішення розмістити слайдер з
привітанням, знизу мотивуючий текст та футер. Це стандартна структура для головної
сторінки сайту. Для досягнення результату в дочірній темі довелося видалити файл
aside.php що створював бічну панель та заважав необхідній розбивці екрану на
елементи. Ширину слайдера встановлено на 1600 пікселів, та прописана адаптація
під менші розміри екрану, ширина текстової частини знаходиться на позначці 1300
пікселів. Також були прописані інші стилі що стосуються кольорів фону, кнопок,
підсвітки, розміру шрифту тощо. На веб-сайті використовується технологія flexbox.
Рисунок 3.12 головна сторінка проекту, навігаційне меню.
Рисунок 3.13 головна сторінка проекту, підвал сайту.
Прописаний дизайн був застосований і до інших сторінок. На сторінці магазину
був доданий край що проявляється при наведенні, а сам елемент збільшується на 10
пікселів
.
Рисунок 3.14 Сторінка магазину книжок..
Рисунок 3.15 Сторінка оформлення замовлення, навігаційне меню.
Розробка плагіну демо перегляду
Розробка плагіну демо перегляду є важливою складовою інтернет-проекту
створення інтернет-магазину книжок на WordPress. Цей плагін додає додаткові
функціональні можливості для перевірки якості контенту книг прямо на веб-сайті
магазину
Суть полягає у написанні php скрипта що складається з двох функцій перша
function book_reader_save_book_file() створює за допомогою HTML коду кнопку в
адміністративній панелі товару Wooocommerce для завантаження файлу відповідної
книги. Та забезпечує потрапляння файлу в папку uploads на сервері проекту (див
структуру в розділі2). Звідти вже друга функція function
book_reader_display_book_button() виводить кнопку «читати демо» на сторінку
обраної книги.
Рисунок 3.16 Адміністративна сторінка WooCommerce, кнопка завантаженння
файлу.
Рисунок 3.17 Сторінка з обраним товаром, кнопка плагіну.
Розробка системи реєстрації та авторизації.
Розробка системи реєстрації та авторизації є важливим етапом при створенні
інтернет-магазину книжок на платформі WordPress. Ця система забезпечує безпеку,
контроль доступу та персоналізацію взаємодії зі зареєстрованими користувачами.
Вона дозволяє відвідувачам створювати облікові записи, входити на сайт та
отримувати персоналізований досвід покупок і взаємодії з магазином.
Суть полягає у створенні HTML форм що пов’язані з PHP скриптами які у свою
чергу підключені до БД. Перший PHP файл registration.php отримує дані з HTML
форми за допомогою методу $_POST і записує у відповідні змінні, перевіряє
релевантність даних за допомогою умовних операторів If\else та записує отриманні
дані у БД author, таблицю users.
Другий PHP файл authentication.php отримує дані з HTML форми за допомогою
методу $_POST і записує у відповідні змінні. Далі скрипт підключається до БД author
і отримує дані зі стовпчиків login (логін) та pass (пароль) та порівнює змінні отримані
через форму та дані з таблиці.
Рисунок 3.18 Схематичне зображення роботи ситеми реєстрації/авторизації.
Рисунок 3.19 База даних клієнтів.
Рисунок 3.20 Сторінка реєстрації користувачів.
3.4 Тестування веб сайту
Тестування" є важливою частиною процесу розробки інтернет-магазину. Його
метою є перевірка функціональності, продуктивності та стабільності системи перед
її впровадженням та запуском. Тестування дозволяє виявити помилки, проблеми та
недоліки, а також переконатися, що веб-сайт працює згідно з очікуваннями
користувачів.
У цьому розділі також будуть розглянуті різні інструменти тестування,
включаючи плагін Query Monitor, який надає детальну інформацію про
продуктивність та стан вашого веб-сайту на базі WordPress.
Спочатку перевіримо як працює додавання в кошик
Рисунок 3.21 Додавання товарів у кошик на сторінці магазину
Рисунок 3.22 Перегляд кошику
Сторінки працюють коректно, посилання в навігаційному меню, підсвічуються
червоним як і задумано. Кнопки працюють правильно.
Рисунок 3.23 Підсвічення посилання
При спробі оформити замовлення, без вказання даних з’являється
попередження.
Рисунок 3.24 Помилка при незаповнених даних клієнта
Встановлене розширення Query Monitor також не знайшло вразливостей.
Рисунок 3.25 Результати тесту за допомогою Query Monitor
Під час тестування інтернет-магазину з продажу книг було проведено ряд
тестів, що дозволило оцінити якість та продуктивність системи.
Перш за все, було перевірено зручність та інтуїтивність навігації на сайті.
Тестування допомогло підтвердити, що інтерфейс веб-сайту є зрозумілим та зручним
для користувачів, а основні функції, такі як перегляд категорій та оформлення
замовлення, працюють належним чином
Наступним кроком було проведення тестів продуктивності. Завдяки
використанню Query Monitor та інших інструментів було виміряно час відповіді
сервера, кількість запитів до бази даних та завантаження ресурсів. Ці дані дозволили
виявити можливі проблеми, такі як повільні або надмірні запити, які потребують
подальшої оптимізації для поліпшення швидкодії та продуктивності сайту.
Висновки
У рамках дипломної роботи була проведена розробка книжкового магазину за
допомогою CMS WordPress. Метою роботи було створення функціонального та
привабливого інтернет-магазину, який надає зручний спосіб продажу книжок онлайн.
Для досягнення цієї мети була обрана CMS WordPress, оскільки вона є однією з
найпопулярніших систем управління контентом, відома своєю простотою
використання та широким набором функціональних можливостей. WordPress
дозволив ефективно розробити книжковий магазин, забезпечивши необхідні функції,
такі як каталог книжок, кошик покупок, замовлення, а також можливість редагування
та додавання контенту.
Під час розробки було звернуто увагу на дизайн інтерфейсу, щоб створити
привабливу та зручну для користувачів середовище. Кольорова гама та шрифти були
підібрані таким чином, щоб підкреслити тематику інтернет-магазину та забезпечити
позитивний досвід покупок.
Виконання поставлених завдань сприяло успішній розробці інтернет-магазину
книжок на платформі CMS WordPress. Результатом роботи є створений інтерфейс веб-
сайту розроблений за допомогою модернізації теми OceanWP шляхом додавання
власного CSS та HTML коду, та видалення непотрібних елементів. Веб-сайт
забезпечує зручну та інтуїтивно зрозумілу навігацію для користувачів. Це створило
зручні умови для пошуку та придбання книжок.
Розроблений за допомогою мови PHP плагін для демонстрації книжкових
переглядів дозволяє користувачам отримати попередній погляд на зміст книги перед
покупкою. Це забезпечує більшу впевненість та задоволення користувачів при виборі
книжок для покупки.
Розроблена допомогою поднання таких технологій як PHP, HTML, CSS та
MySQL система реєстрації та авторизації забезпечує безпеку та конфіденційність
користувачів. Механізми реєстрації та входу в систему за допомогою облікових
записів гарантують зручність використання веб-сайту.
Завдяки виконанню задач було досягнуто мету розробки книжкового магазину
на базі CMS WordPress. Результатом є функціональний, зручний та безпечний
інтернет-магазин, який надає користувачам можливість з легкістю знайти та придбати
книжки, а також переглянути їх зміст перед покупкою.
До даного проекту можна розробити нові плагіни та додаткові функції, щоб
забезпечити більш широкий спектр сервісів для користувачів. Наприклад, можна
розширити можливості перегляду книжок, додати рейтингову систему та відгуки
користувачів, розробити інтеграцію з платіжними системами для зручності оплати.
Подальший розвиток системи може включати інтеграцію з іншими платформами або
маркетплейсами, щоб залучити більше клієнтів і розширити можливості продажу.
Крім того, розгляньте можливість створення мобільного додатку для зручного
доступу до книжок з мобільних пристроїв.
Загалом, розроблена система інтернет-магазину книжок на CMS WordPress має
потенціал стати успішним та прибутковим проектом. За умови виконання
рекомендацій та врахування перспектив розвитку, система може забезпечити зручний
та задоволений досвід покупки книжок для користувачів і стати
конкурентоспроможною на ринку.
Список джерел:
1 В. В. Яценко ДІДЖИТАЛІЗАЦІЯ – СУЧАСНИЙ ФАКТОР РОЗВИТКУ БІЗНЕС-
ПРОЦЕСІВ URL: http://www.economy.nayka.com.ua/pdf/2_2022/202.pdfа.
2 Горнаков С. Г.. Осваиваем популярные системы управления сайтом (CMS). Москва,
2009. 366 с.
3 Darryl Bartlett WordPress in easy steps 192с.
4 Документація Joomla! URL:https://docs.joomla.org/Portal:Learn_More/uk
5 Benjamin Melancon, Allie MickaThe Definitive Guide to Drupal c 688
6 Magento Community Edition User Guide c1233 URL:
https://docs.magento.com/m2/pdf/ce/Magento-Community-Edition-2.1-User-Guide.pdf
7 Наука і техніка сьогодні Випуск № 1(15) 2023 Київ – 2023 c 64
8 НОУ «ИНТУИТ» Основы Web-дизайна URL:
https://intuit.ru/studies/courses/1025/166/lecture/4543
9 Первухин А. Настольная книга для директоров по маркетингу. 200
cоветов / А. Первухин — «Автор», 2023 220 с
10 Н.В Беренда, О.О Троіцька, Є.А.Манідіна Техніко-економічне обгрунтування
проектних рішень, Запоріжжя, с 194.
11 Освітній портал Pidru4niki URL: https://pidru4niki.com/83583/investuvannya/tehniko-
ekonomichne_obgruntuvannya_investitsiynih_proektiv
12 World statistic URL: https://trends.builtwith.com/shop/open-source/traffic/Entire-
Internet
13 Документація OpenServer URL: https://ospanel.io/docs/
14 Офіційний сайт SublimeText https://www.sublimetext.com
15 Документація WooCommerceURL:
https://woocommerce.com/documentation/woocommerce/getting-started/installation-
and-updating
Додаток В
АНОТАЦІЯ
до кваліфікаційної роботи бакалавра
на тему «Розробка книжкового інтернет-магазину за допомогою CMS WordPress»
здобувача вищої освіти Пушкаренка Артема Сергійовича
Структура та обсяг роботи. Пояснювальна записка кваліфікаційної роботи
складається з 3 розділів, містить 28 рисунків, 25 джерел.
Кваліфікаційна робота присвячена інтернет-магазину з продажу книг. Даний
сайт можна використовувати як онлайн-майданчик для торгівлі. Основною метою
дипломної роботи є розробка функціонального та ефективного книжкового інтернет-
магазину з метою забезпечення онлайн-продажу книг. Основні задачі полягають у
Створенні інтерфейсу веб-сайту, плагіну демо перегляду, система реєстрації та
авторизації.
Об’єкт дослідження— Інформаційна система CMS Wordpress. Предмет дослідження-
розробка книжкового магазину з використанням CMS Wordpress
У першому розділі були проаналізовані технології створення веб-сайтів аналогічні
до CMS WordPress, поставлена задача.
У другому розділі було обгрунтовано технічне завдання, складене техніко-
економічне обґрунтування.
У третьому розділі була розглянута розробка інтернет-магазину на базі CMS
Wordpress, тобто: створення сайту, головної сторінки, сторінок з товарами, систему
реєстрації, плагін для демо читання.
Кваліфікаційна робота включає пояснювальну записку(54 стр. 28 рис. 1
додаток).
Ключові слова: етапи розробки, HTML, CSS, СMS, WordPress, PHP
SUMMARY
to the qualification work of the bachelor
on the topic "Development of an online bookstore using CMS WordPress"
higher education student Pushkarenko Artem Serhiyovych
The structure and volume of the work. The thesis consists of 3 chapters, set
out on 54 pages, contains 28 figures 5 tables 15 references.
The qualification work is devoted to an online store selling books. This site can be used as
an online trading platform. The main goal of the thesis is the development of a functional
and effective online bookstore in order to provide online sales of books. The main tasks are
Creating a website interface, a demo viewer plugin, a registration and authorization system.
The object of the study is the Wordpress CMS information system. The subject of research
is the development of a bookstore using CMS Wordpress
In the first section, technologies for creating websites similar to CMS WordPress were
analyzed, the task was set.
In the second section, the technical task was substantiated, the technical and economic
justification was compiled.
In the third section, the development of an online store based on CMS Wordpress was
considered, i.e.: creation of a site, main page, product pages, registration system, plugin for
demo reading.
The qualification work includes an explanatory note (54 p. 28 fig. 1 appendix).
Keywords: stages of development, HTML, CSS, СMS, WordPress, PHP
Додаток Н
Приклад титульного аркуша програмної документації
ПРОГРАМНЕ ЗАБЕЗПЕЧЕННЯ ______________
Плагін для книжкового читання
<?php
/*
Plugin Name: Book Reader
Plugin URI: https://author.ua
Description: кастомний книжковий файл на WordPress.
Version: 1.0.0
Author: Артем
Author URI: https://author.ua
License: GPL2
*/
defined( 'ABSPATH' ) || exit;
function book_reader_add_book_upload_field() {
echo '<div class="options_group">';
echo '<p class="form-field book-file">';
echo '<label for="book_file">' . __( 'Book File', 'book-reader' ) . '</label>';
echo '<input type="file" name="book_file" id="book_file" />';
echo '</p>';
echo '</div>';
}
add_action( 'woocommerce_product_options_general_product_data',
'book_reader_add_book_upload_field' );
function book_reader_save_book_file( $product_id ) {
if ( ! empty( $_FILES['book_file']['name'] ) ) {
$uploaded_file = wp_handle_upload( $_FILES['book_file'], array( 'test_form' =>
false ) );
if ( isset( $uploaded_file['file'] ) ) {
$file_name = basename( $uploaded_file['file'] );
// Отримуємо шлях до теки "uploads"
$upload_dir = wp_upload_dir();
$upload_path = $upload_dir['path'];
// Перемістити завантажений файл до теки "uploads"
$moved = @rename( $uploaded_file['file'], $upload_path . '/' . $file_name );
if ( $moved ) {
$file_url = $upload_dir['url'] . '/' . $file_name;
update_post_meta( $product_id, 'book_file', $file_url );
} else {
wc_add_notice( __( 'Error moving uploaded file', 'book-reader' ), 'error' );
}
} else {
wc_add_notice( __( 'Error uploading file', 'book-reader' ), 'error' );
}
}
}
add_action( 'woocommerce_process_product_meta', 'book_reader_save_book_file' );
function book_reader_display_book_button() {
global $product;
$book_file = get_post_meta( $product->get_id(), 'book_file', true );
if ( $book_file ) {
echo '<a href="' . esc_url( $book_file ) . '"><button
class="single_add_to_cart_button button alt">' . __( 'Читати демо', 'book-reader' ) .
'</button></a>';
}
}
add_action( 'woocommerce_after_add_to_cart_button',
'book_reader_display_book_button' );
Файл реєстрації:
<?php
$login = sanitize_text_field($_POST['login']);
$name = sanitize_text_field($_POST['name']);
$pass = sanitize_text_field($_POST['pass']);
if(mb_strlen($login) < 5 || mb_strlen($login) > 90) {
echo "Недопустима довжина логіну";
exit();
} else if(mb_strlen($name) < 3 || mb_strlen($name) > 30) {
echo "Недопустима довжина імені";
} else if(mb_strlen($pass) < 8 || mb_strlen($pass) > 30) {
echo "Пароль має містити від 8 до 30 символів";
} else {
$hashed_pass = md5($pass."ewfwe");
global $wpdb;
$table_name = $wpdb->prefix . 'users'; // отримуємо повний назву таблиці з
префіксом
$result = $wpdb->insert($table_name, array(
'login' => $login,
'pass' => $hashed_pass,
'name' => $name
));
if ($result) {
wp_redirect(home_url('/')); // перенаправлення на головну сторінку
сайту exit;
} else {
echo "Помилка при додаванні користувача";
}
}?>
Файл авторизації
<?php
$login = sanitize_text_field($_POST['login']);
$pass = sanitize_text_field($_POST['pass']);
if(mb_strlen($login) < 5 || mb_strlen($login) > 90) {
echo "Недопустима довжина логіну";
exit();
} else if(mb_strlen($pass) < 8 || mb_strlen($pass) > 30) {
echo "Пароль має містити від 8 до 30 символів";
} else {
$hashed_pass = md5($pass."ewfwerge");
global $wpdb;
$table_name = $wpdb->prefix . 'users'; // отримуємо повний назву таблиці з
префіксом
$query = $wpdb->prepare("SELECT * FROM $table_name WHERE login =
%s AND pass = %s", $login, $hashed_pass);
$user = $wpdb->get_row($query);
if(!$user) {
echo "Користувач не знайдений";
exit();
}
wp_redirect(home_url('/')); // перенаправлення на головну сторінку сайту
exit;
}
?>
Розробник __________________ Пушкаренко Артем
(підпис)
Черкаси, 2023