WEB-орієнтована інформаційно-пошукова система «Дім книги»

Донець, Олександра Віталіївна

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

Title:	WEB-орієнтована інформаційно-пошукова система «Дім книги»
Authors:	Рудницький, Сергій Володимирович Донець, Олександра Віталіївна
Keywords:	web-орієнтована система;інформаційно-пошукової система;Phpmyadmin;СУБД;фронтенд
Issue Date:	15-Jun-2023
Abstract:	Розробка такої WEB-орієнтованої інформаційно-пошукової системи вимагає використання веб-технологій, баз даних, розробки фронтенду та бекенду, а також забезпечення безпеки інформації та швидкодії системи. Об'єктом роботи є інформаційно-пошукова система з назвою "Дім книги". Цей об'єкт включає в себе компоненти, функціонал та особливості, що розробляються та реалізуються в рамках проекту. Предметом є процес розробки WEB-орієнтованої інформаційно-пошукової системи "Дім книги" з метою створення ефективного та функціонального інструменту для пошуку, огляду та придбання книг в онлайн-середовищі. Новизною в роботі можна вважати сукупність реалізованих функцій, що відрізнятимуть розроблювану інформаціно-пошукову систему від її аналогів. Традиційність аспектів проєкту:  Основна ідея. Розробка WEB-орієнтованої інформаційно-пошукової системи "Дім книги" відноситься до традиційної сфери електронної комерції та онлайн-торгівлі книгами. Такі системи вже існують на ринку, тому концепція сама по собі може бути традиційною.  Функціональні вимоги. Багато функціональних вимог до системи, які можуть бути включені в роботу, такі як пошук, фільтрація, корзина, оформлення замовлення, вже відомі та традиційні для подібних систем.  Технологічні компоненти. Використання веб-технологій, баз даних та інших компонентів також є традиційним, оскільки ці компоненти широко використовуються в розробці веб-додатків. Актуальність теми: WEB-орієнтовані інформаційно-пошукові системи мають певний попит в сучасному інформаційному світі. Ось декілька причин, що обґрунтовують необхідність розробки цього проекту:  Зростання популярності електронної комерції. Онлайн-торгівля продуктами, включаючи книги, набуває все більшої популярності. Користувачі шукають зручність та широкий вибір, який надає онлайнплатформа, щоб замовляти книги зручно з будь-якого місця та отримувати їх доставку.  Потреба в ефективному пошуку інформації. З ростом обсягу доступної літератури користувачам потрібна ефективна система пошуку, яка допоможе знайти потрібні книги на основі різних параметрів, таких як назва, автор, жанр, ключові слова тощо. Розробка системи, яка надасть швидкий та точний пошук, буде дуже актуальною.  Забезпечення зручності та зручності покупцям. Користувачі шукають зручність та простоту в процесі покупки книг. Онлайн-платформа "Дім книги" може забезпечити зручність вибору, широкий асортимент та інформацію про книги, що сприятиме задоволенню покупців.  Сприяння розвитку книжкової культури. Створення веб-платформи, яка забезпечує доступ до різноманітної літератури та інформації про книги, сприятиме розвитку книжкової культури та поширенню знань серед людей. Розробка системи "Дім книги" може стимулювати інтерес до читання та розвиток освіти. Отже, розробка WEB-орієнтованої інформаційно-пошукової системи "Дім книги" відповідає актуальним потребам сучасного ринку та має потенціал позитивно вплинути на зручність, доступність та розвиток електронної комерції та книжкової культури.
URI:	https://er.chdtu.edu.ua/handle/ChSTU/5443
Appears in Collections:	126 Інформаційні системи та технології (Web-технології, web-дизайн)

Files in This Item:

File	Description	Size	Format
РЕП_БАК_Донець_WEB-1911.pdf Restricted Access	WEB-орієнтована інформаційно-пошукова система «Дім книги»	3.5 MB	Adobe PDF	View/Open Request a copy

Show full item record

Extracted text

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

ПОЯСНЮВАЛЬНА ЗАПИСКА
до кваліфікаційної роботи
«бакалавра»
на тему: «WEB-орієнтована інформаційно-пошукова система «Дім книги»»

Виконала: студентка 4 курсу, WEB-1911
Спеціальності
126 «Інформаційні системи та технології»
(шифр і назва напряму підготовки)
Донець Олександра Віталіївна

Керівник: доцент кафедри інформаційних
технологій проектування,
кандидат технічних наук, доцент
Рудницький Сергій Володимирович

Черкаси – 2023 року
ЗМІСТ

ВСТУП 3
1 АНАЛІТИЧНА ЧАСТИНА 7
1.1 Основні характеристики інформаційно-пошукової системи 7
1.2 Огляд існуючих аналогів 10
1.3 Порівняння аналогів та вимоги до системи 20
1.4 Висновок до частини 1 22
2 ПРОЕКТУВАННЯ WEB-орієнтованої інформаційно-пошукової системи
"Дім книги" 23
2.1 Постановка задачі 23
2.2 Вибір програмного забезпечення 24
2.3 Проектування структури сторінок WEB-орієнтованої інформаційно-
пошукової системи 30
2.4 Структура бази даних 36
2.5 Дизайн та визначення кольорового оздоблення сторінок WEB-
орієнтованої інформаційно-пошукової системи 39
2.6 Висновок до частини 2 41
3 РЕАЛІЗАЦІЯ САЙТУ 42
3.1 Реалізація структури сайту 42
3.2 Реалізація контенту сайту 48
3.3 Висновок до частини 3 50
ВИСНОВКИ 51
ДОДАТОК А 482 ЧДТУ 32112 01 Специфікація 51
СПИСОК ВИКОРИСТАНИХ ДЖЕРЕЛ 67

ЧДТУ 232112.001 ПЗ
Зм. Лист № докумемента Підпис Дата
Розроб. Донець О.В. Літ. Лист Листів
Перев. Рудницький С.В WEB-орієнтовна інформаційно-пошукова Н 1 67
Реценз.. Мельник Р.П. система «Дім книги»
ФІТІС,
Н.контр. Рудницький С.В
Пояснювальна записка кафедра ІТП, WEB- 1911
Затв. Прокопенко Т.О..
СПИСОК СКОРОЧЕНЬ ТА УМОВНИХ ПОЗНАЧЕНЬ

ОІПС - Орієнтована інформаційно-пошукова система.
СУБД - Система управління базами даних.
Mysql - Система управліня базами данних.
SQL - Мова запросів до бази данних.
DOM - Document Object Model.
Mariadb - Одна із версій Mysql.
Phpmyadmin - Веб-интерфейс для управління базами данних.
ПЗ - Програмне забезпечення.
CSS - Каскадна таблиця стилів.
HTML - Мова розмітки.
JS - Динамічна мова програмування фронтенд (тобто на строні клієнта).
ОС – Операційна система.

ВСТУП

Кваліфікаційна робота бакалавра на тему WEB-орієнтована інформаційно-
пошукова система «Дім книги» передбачає створення комплексної онлайн-
платформи, спрямованої на забезпечення доступу до інформації про книжковий
асортимент, пошук і покупку книг.
Мета розробки полягає у створенні зручного та ефективного сервісу, що
надає користувачам можливість надання зручного доступу до інформації про
книжковий асортимент та забезпечення зручного пошуку і покупки книг в
Інтернеті. Система «Дім книги» надає доступ до широкого асортименту книг різних
авторів, жанрів і видавництв. Вона об'єднує інформацію про наявні книжки, їх
описи, обкладинки та інші важливі дані.
Основні функціональні можливості системи «Дім книги» включають:
 Пошук та фільтрація книг. Користувачі можуть використовувати різні
параметри пошуку (наприклад, назва книги, автор, жанр) для знаходження
потрібної книги.
 Каталог книг. Система має структурований каталог, де книги розміщені
за жанрами, авторами та іншими категоріями. Це дозволить користувачам
швидко орієнтуватись у великому обсязі інформації.
 Корзина та оформлення замовлення. Користувачі можуть додавати
книги до корзини, переглядати вміст корзини, та оформлювати замовлення
для доставки книг.
 Авторизація та профілі користувачів. Користувачі мають можливість
створити акаунт, увійти до системи та зберігати свої налаштування, відгуки,
замовлення та історію покупок.
 Адміністративний розділ. Система має інтерфейс для адміністраторів,
де вони можуть керувати асортиментом книг, додавати нові позиції,
оновлювати інформацію, відстежувати замовлення та керувати
користувачами.
Розробка такої WEB-орієнтованої інформаційно-пошукової системи
вимагає використання веб-технологій, баз даних, розробки фронтенду та бекенду,
а також забезпечення безпеки інформації та швидкодії системи.
Об'єктом роботи є інформаційно-пошукова система з назвою "Дім книги".
Цей об'єкт включає в себе компоненти, функціонал та особливості, що
розробляються та реалізуються в рамках проекту.
Предметом є процес розробки WEB-орієнтованої інформаційно-пошукової
системи "Дім книги" з метою створення ефективного та функціонального
інструменту для пошуку, огляду та придбання книг в онлайн-середовищі.
Новизною в роботі можна вважати сукупність реалізованих функцій, що
відрізнятимуть розроблювану інформаціно-пошукову систему від її аналогів.
Традиційність аспектів проєкту:
 Основна ідея. Розробка WEB-орієнтованої інформаційно-пошукової
системи "Дім книги" відноситься до традиційної сфери електронної
комерції та онлайн-торгівлі книгами. Такі системи вже існують на ринку,
тому концепція сама по собі може бути традиційною.
 Функціональні вимоги. Багато функціональних вимог до системи, які
можуть бути включені в роботу, такі як пошук, фільтрація, корзина,
оформлення замовлення, вже відомі та традиційні для подібних систем.
 Технологічні компоненти. Використання веб-технологій, баз даних та
інших компонентів також є традиційним, оскільки ці компоненти широко
використовуються в розробці веб-додатків.
Актуальність теми: WEB-орієнтовані інформаційно-пошукові системи
мають певний попит в сучасному інформаційному світі. Ось декілька причин, що
обґрунтовують необхідність розробки цього проекту:
 Зростання популярності електронної комерції. Онлайн-торгівля
продуктами, включаючи книги, набуває все більшої популярності.
Користувачі шукають зручність та широкий вибір, який надає онлайн-
платформа, щоб замовляти книги зручно з будь-якого місця та отримувати
їх доставку.
 Потреба в ефективному пошуку інформації. З ростом обсягу доступної
літератури користувачам потрібна ефективна система пошуку, яка
допоможе знайти потрібні книги на основі різних параметрів, таких як
назва, автор, жанр, ключові слова тощо. Розробка системи, яка надасть
швидкий та точний пошук, буде дуже актуальною.
 Забезпечення зручності та зручності покупцям. Користувачі шукають
зручність та простоту в процесі покупки книг. Онлайн-платформа "Дім
книги" може забезпечити зручність вибору, широкий асортимент та
інформацію про книги, що сприятиме задоволенню покупців.
 Сприяння розвитку книжкової культури. Створення веб-платформи,
яка забезпечує доступ до різноманітної літератури та інформації про книги,
сприятиме розвитку книжкової культури та поширенню знань серед людей.
Розробка системи "Дім книги" може стимулювати інтерес до читання та
розвиток освіти.
Отже, розробка WEB-орієнтованої інформаційно-пошукової системи "Дім
книги" відповідає актуальним потребам сучасного ринку та має потенціал
позитивно вплинути на зручність, доступність та розвиток електронної комерції та
книжкової культури.
Завдання кваліфікаційної роботи є наступними:
1. Описати основні характеристики інформаційно-пошукової системи
2. Зробити огляд існуючих аналогів
3. Порівняти існуючі аналоги
4. Вибрати програмне забезпечення
5. Спроектувати структуру WEB-орієнтованої інформаційно-пошукової
системи «Дім книги»
6. Розробити структуру бази даних
7. Спроектувати структури сторінок WEB-орієнтованої інформаційно-
пошукової системи
8. Реалізувати структуру сайту
9. Реалізувати дизайн сайту
10. Наповнити сайт певним контентом
Ці завдання охоплюють основні етапи розробки WEB-орієнтованої
інформаційно-пошукової системи "Дім книги", що допоможуть досягти
поставленої у випускній роботі бакалавра мети.

1 АНАЛІТИЧНА ЧАСТИНА

1.1 Основні характеристики інформаційно-пошукової системи
Інформаційно-пошукова система (ІПС) - це веб-орієнтована система,
призначена для пошуку, відображення та управління інформацією про книги.
Система надає користувачам зручний інтерфейс, що дозволяє швидко знаходити
книги за різними критеріями. Також це комплекс програмних засобів і технологій,
який дозволяє збирати, організовувати, зберігати, індексувати і забезпечувати
доступ до великого обсягу інформації з різних джерел з метою ефективного пошуку
інформації за певними критеріями. [1]
ІПС виконує важливу роль у процесі досліджень і написання дипломних
робіт. Вона дозволяє студентам знаходити наукові статті, публікації, книги, інші
джерела інформації, необхідні для їхнього дослідження. Основна функція ІПС -
забезпечити ефективний пошук інформації за ключовими словами, темами,
авторами або іншими параметрами, що допомагає студентам знаходити необхідну
інформацію швидко і точно.
Основні складові ІПС включають:
 Збір інформації: ІПС здійснює постійний моніторинг джерел
інформації, таких як наукові бази даних, журнали, веб-сторінки тощо. Вона
збирає дані із цих джерел і оновлює їх регулярно, забезпечуючи доступ до
свіжої і актуальної інформації.
 Індексування: ІПС аналізує зібрану інформацію і створює індекс, який
допомагає швидко знаходити інформацію на основі різних критеріїв.
Індексування зазвичай включає створення ключових слів, категорій, тегів
або метаданих, які допомагають організувати інформацію в системі.
 Пошук інформації: Користувачі можуть використовувати ІПС для
пошуку інформації за допомогою ключових слів, фраз або інших
параметрів. Система проводить пошук серед індексованих даних і виводить
результати, які найбільш відповідають введеним критеріям.
 Фільтрація інформації: ІПС дозволяє користувачам фільтрувати
інформацію за різними параметрами, такими як рік публікації, автор,
джерело, тип документа тощо. Це допомагає звужувати результати пошуку
і отримувати більш точні й релевантні результати.
 Зберігання інформації: ІПС може забезпечувати можливість
збереження знайденої інформації для подальшого використання. Це
дозволяє студентам зберігати відмітки, збірки посилань, важливі статті та
інші матеріали, щоб мати до них доступ у зручний момент.
Функціональність ІПС:
- Система має потужний пошуковий двигун, який дозволяє
користувачам здійснювати пошук книг за назвою, автором, жанром,
ключовими словами та іншими критеріями. Пошуковий двигун забезпечує
швидкий та точний пошук, враховуючи різні параметри.
- Система виводить результати пошуку у зручному форматі, який
включає інформацію про знайдені книги, такі як назва, автор, обкладинка,
короткий опис та інші деталі. Користувачам надається можливість
переглядати більш детальну інформацію про кожну книгу.
- Користувачам дозволяється фільтрувати результати пошуку за різними
параметрами, такими як рік видання, мова, жанр тощо. Також надається
можливість сортувати результати пошуку за різними критеріями, наприклад,
за алфавітом або рейтингом.
- Система надає користувачам можливість переглядати детальну
інформацію про кожну книгу, включаючи її автора, видавництво, рік
видання, опис, рейтинг та відгуки користувачів. Користувачам також
надається можливість додавати свої відгуки та оцінки.
- Система має модуль управління даними, який дозволяє
адміністраторам додавати, редагувати та видаляти інформацію про книги,
авторів, жанри та інші відповідні дані. Керування даними забезпечує
актуальність та точність інформації в системі.
- Система надає можливість користувачам створювати облікові записи,
що дозволяють зберігати власні персональні налаштування, списки обраного,
історію пошуку та іншу інформацію. Облікові записи дозволяють
забезпечити персоналізований досвід користувачів.
- Система може надавати користувачам персоналізовані рекомендації на
основі їхньої історії пошуку та відгуків. Це допомагає користувачам
відкривати нові книги, які вони можуть зацікавитися.
- Система може мати функціонал кошика покупок, де користувачі
можуть додавати книги, які вони хочуть придбати, та керувати своїми
замовленнями. Кошик покупок забезпечує зручний процес оформлення
замовлення та оплати.
- Система може надсилати користувачам сповіщення про нові
надходження, акції або оновлення пов'язані з їхніми інтересами. Це дозволяє
тримати користувачів в курсі подій та залучати їх до активного використання
системи.
- Система може надавати можливість користувачам обмінюватися
відгуками, рекомендаціями та коментарями з іншими користувачами. Це
стимулює спільноту читачів та сприяє обміну думками та рекомендаціями.
- Система може мати мобільну версію або додаток, що дозволяє
користувачам зручно користуватися системою на мобільних пристроях.
Мобільна версія забезпечує доступ до інформації та функціональності
системи навіть у руху.
- Система може мати можливість інтегруватися з іншими зовнішніми
сервісами, такими як платіжні шлюзи, доставка книг, соціальні мережі тощо.
Це дозволяє користувачам зручно здійснювати оплату, замовлення та
взаємодіяти з іншими сервісами.
- Система підтримує можливість пошуку та відображення книг у різних
мовах. Користувачі можуть встановлювати вподобані мови і отримувати
результати пошуку відповідно до своїх вимог.
Інформаційно-пошукова система є незамінним інструментом для студентів,
які займаються дослідженнями та пишуть дипломні роботи, оскільки вона
допомагає знайти і організувати необхідну інформацію з ефективністю і точністю.
Використання ІПС спрощує процес пошуку і дозволяє студентам сконцентруватися
на аналізі та використанні знайденої інформації для своїх досліджень.

1.2 Огляд існуючих аналогів
На сьогоднішній день існує безліч веб-орієнтованих інформаційно-
пошукових систем для книг, які можна розглядати як аналоги до розробки системи
"Дім книги". Ось кілька прикладів таких систем:
1. Goodreads. Goodreads є однією з найпопулярніших веб-платформ для
пошуку, відгуків та рекомендацій щодо книг. Вона надає можливість користувачам
створювати профілі, додавати книги до своїх списків, залишати відгуки, ставити
оцінки та спілкуватися з іншими користувачами.[2]

Рисунок 1.1 – Візуал сайту Goodreads

Основний функціонал сайту Goodreads включає наступні можливості:
 Додавання книг до особистої бібліотеки. Користувачі можуть додавати
книги, які вони прочитали, читають в даний момент або планують
прочитати. Це дозволяє створити персоналізовану колекцію книжок і
тримати слід за своїми читацькими досягненнями.
 Рецензування книг. Користувачі можуть писати рецензії на прочитані
книги, виражати свою думку про них, ставити оцінки та відзначати
улюблені цитати. Це дозволяє іншим користувачам отримувати інформацію
про книги перед їхнім прочитанням.
 Рекомендації. Goodreads надає персоналізовані рекомендації книг на
основі інтересів користувача і рейтингів книг, які він прочитав. Користувачі
можуть отримувати пропозиції щодо нових книг, які можуть їм
сподобатися, а також долучатися до читацьких груп і отримувати
рекомендації від інших членів спільноти.
 Пошук книг та авторів. Goodreads надає можливість шукати книги та
авторів за назвою, автором, жанром або ключовими словами. Користувачі
можуть знаходити нові книги для читання, дізнаватися більше про авторів
та брати участь у обговореннях на сторінках книг.
 Читацькі виклики. Goodreads пропонує різні читацькі виклики та
списки, які надихають користувачів читати більше і розширювати свій
читацький досвід. Це може включати річні читацькі цілі, тематичні виклики
та інші заходи, що стимулюють активність у спільноті.
 Спільнота та обговорення. Goodreads надає можливість приєднатися до
читацьких груп та обговорювати книги з іншими користувачами.
Користувачі можуть обмінюватися думками, ставити запитання, ділитися
читацькими враженнями та взаємодіяти з іншими книжковими любителями.
 Літературні події. Goodreads надає інформацію про літературні події,
авторські читання, виставки та інші заходи, що відбуваються в книжковому
світі. Користувачі можуть дізнатися про нові події та взяти участь у них.
2. LibraryThing. LibraryThing є соціальною мережею для книг, яка
дозволяє користувачам створювати віртуальні книжкові полиці, додавати книги до
свого каталогу, вести власний журнал читання та спілкуватися з іншими читачами.
Крім того, LibraryThing надає функціональність пошуку, рекомендацій та
статистики.[3]

Рисунок 1.2 – Візуал сайту LibraryThing

Ця платформа пропонує широкий функціонал для каталогізації книг,
обговорення літератури та отримання рекомендацій. Основними можливостями
сайту LibraryThing є додавання книг до бібліотеки, тобто користувачі можуть
додавати свої книги до особистої бібліотеки в електронному форматі. Це дозволяє
створити детальний каталог книг, включаючи інформацію про назву, автора,
видавництво, рік видання та інші деталі.
Також користувачі можуть використовувати різні системи класифікації, такі
як Dewey Decimal або Library of Congress, для організації своїх книг. Вони також
можуть додавати теги та мітки до книг, щоб зручно групувати їх за темами або
іншими параметрами.
LibraryThing надає можливість обговорювати книги з іншими
користувачами. Ви можете писати рецензії, ставити оцінки книгам і коментувати
відгуки інших читачів. Це дозволяє отримати різноманітні думки та погляди на
книгу перед її прочитанням.
LibraryThing пропонує рекомендації книг на основі ваших читацьких
вподобань та інтересів. Ви можете отримати рекомендації на основі книг, які вже
додані до вашої бібліотеки або на підставі смакових уподобань інших користувачів.
Ще користувачі можуть приєднатися до груп за інтересами або жанрами,
обговорювати книги та отримувати поради від інших читачів. Це дозволяє
спілкуватися з людьми з подібними читацькими інтересами та обмінюватися
рекомендаціями.
LibraryThing надає статистичні дані про вашу бібліотеку, такі як кількість
прочитаних книг, середня оцінка, розподіл за жанрами та інше. Це дозволяє вам
вести стеження за своїми читацькими досягненнями та аналізувати свої читацькі
звички.
В цілому, LibraryThing надає зручний інструментарій для організації
особистої бібліотеки, обміну думками про книги та отримання рекомендацій від
спільноти читачів
3. Amazon Books. Amazon Books є онлайн-магазином книг, але також має
функціонал для пошуку та відгуків про книги. Користувачі можуть шукати книги
за різними критеріями, переглядати відгуки, рейтинги, рекомендації та замовляти
книги для покупки.[4]

Рисунок 1.3 – Візуал сайту Amazon Books

Платформа має різноманітний функціонал, що дозволяє користувачам
знайти, придбати та взаємодіяти з книгами.
Користувачі можуть шукати книги за назвою, автором, жанром або
ключовими словами. Сайт пропонує різні фільтри та сортування для полегшення
процесу пошуку. Крім того, користувачі можуть переглядати детальну інформацію
про книги, включаючи опис, обкладинку, рейтинги та відгуки.
Amazon Books надає можливість користувачам купувати книги в
паперовому, електронному або аудіоформаті. Користувачі можуть додавати книги
до кошика, вибирати варіанти доставки та сплачувати за допомогою різних
платіжних методів.
Користувачі можуть залишати рецензії та оцінки для книг, які вони
прочитали. Це допомагає іншим користувачам отримати додаткову інформацію
про книгу перед покупкою.
Сайт Amazon Books надає рекомендації книг на основі історії покупок та
оцінок користувача. Користувачі отримують персоналізовані рекомендації для
відкриття нових книжок, які їм можуть сподобатися.
Amazon Books пропонує широкий вибір електронних книг (Kindle) та
аудіокниг (Audible). Користувачі можуть придбати електронну версі
4. Google Books. Google Books є великим цифровим архівом книг, який
дозволяє користувачам шукати та переглядати книжки в онлайн-режимі. Вона
надає доступ до великої колекції книг, включаючи як сучасні, так і старі видання.[5]

Рисунок 1.4 – Візуал сайту Google Books

Google Books - це онлайн-платформа, створена Google, яка надає доступ до
великого обсягу книжок у цифровому форматі. Функціонал сайту Google Books
включає:
 Пошук книг. Користувачі можуть шукати книги за назвою, автором,
ключовими словами або вмістом. Пошуковий інтерфейс надає різні фільтри
та опції сортування для полегшення пошуку.
 Попередній перегляд книг. Google Books надає можливість
попереднього перегляду частини вмісту книги. Користувачі можуть
переглядати вміст, включаючи зміст, вступні розділи, деякі сторінки та
витяги з тексту. Це дозволяє оцінити книгу перед придбанням.
 Купівля електронних книг. Користувачі можуть придбати електронну
версію книги з сайту Google Books. Вони можуть зберігати електронні книги
у своєму обліковому записі та читати їх на різних пристроях, таких як
комп'ютери, планшети або електронні читалки.
 Безкоштовні книги. Google Books містить також велику кількість
безкоштовних книг, які можна прочитати онлайн або завантажити у форматі
PDF або EPUB. Це включає класичну літературу, некомерційні видання та
книги, що перейшли до суспільного надбання.
 Рецензії та оцінки. Користувачі можуть залишати рецензії та оцінки для
книг, які вони прочитали. Це допомагає іншим користувачам отримати
додаткову інформацію та рекомендації перед читанням.
 Збереження та організація. Користувачі можуть додавати книги до
своєї віртуальної бібліотеки, створювати збірки та використовувати
розмітку для організації своїх книжкових колекцій та позначок.
 Пошук інформації в книгах. Користувачі можуть здійснювати пошук та
отримувати результати з вмісту книг, включаючи конкретні фрази, ключові
слова або теми. Це дозволяє швидко знайти необхідну інформацію у
великому обсязі літератури.
Загалом, Google Books надає широкі можливості пошуку, попереднього
перегляду та придбання книг у цифровому форматі, а також дозволяє користувачам
взаємодіяти з книжковою спільнотою шляхом залишення рецензій, оцінок та
організації своїх читацьких вподобань.
5. Open Library. Open Library є проектом Інтернет Архіву, який пропонує
вільний доступ до мільйонів книг у цифровому форматі. Користувачі можуть
шукати, читати та вносити внески[6]

Рисунок 1.5 – Візуал сайту Open Library

Open Library - це проект, що надає доступ до великого архіву книг у
цифровому форматі. Сайт Open Library пропонує різноманітний функціонал,
спрямований на полегшення доступу до літератури та взаємодії користувачів.
Основні можливості сайту Open Library включають:
 Пошук та перегляд книг. Користувачі можуть шукати книги за назвою,
автором, ключовими словами або ISBN. Сайт надає зручний пошуковий
інтерфейс та фільтри для точного знаходження бажаної книги. Користувачі
також можуть переглядати детальну інформацію про книги, включаючи
опис, обкладинку, автора, рейтинги та відгуки.
 Читання книг онлайн. Open Library дозволяє користувачам читати
книги у цифровому форматі прямо на своєму веб-браузері. Багато книг
доступні для читання в повному обсязі, а інші можуть бути доступні в
обмеженому режимі, залежно від авторських прав.
 Організація та збереження книг. Користувачі можуть створювати свої
власні книжкові колекції, позначати книги як прочитані, вибрані або наочні.
Вони також можуть створювати списки бажань та зберігати книги для
подальшого використання.
 Взаємодія та спільнота. Open Library надає можливість користувачам
обговорювати книги, залишати відгуки та рейтинги, а також взаємодіяти з
іншими читачами. Користувачі можуть приєднуватися до груп за інтересами
та обмінюватися рекомендаціями.
 Внесення внесків. Open Library пропонує можливість користувачам
вносити свій внесок до проекту, додавати нові книги, редагувати
інформацію про наявні книги та виконувати інші завдання для покращення
якості та доступності каталогу.
Загалом, Open Library надає доступ до широкого спектру книг у цифровому
форматі, дозволяючи користувачам читати, організовувати та спілкуватися в
рамках літературної спільноти.
З українських аналогів можна виділити:
1. YAKABOO. Yakaboo є українським онлайн-магазином книг та
культурних товарів. Ця платформа пропонує широкий вибір книжок різних жанрів
та авторів. На сайті Yakaboo користувачі можуть шукати книги за назвою, автором,
ISBN та іншими критеріями. Крім того, платформа надає інформацію про
видавництва, відгуки та рейтинги книг, що допомагає користувачам зробити вибір
при покупці. Yakaboo також пропонує доставку книг по Україні та надає
можливість створення облікового запису, додавання книг до списку бажань та
залишення відгуків.[7]

Рисунок 1.6 – Візуал сайту Yakaboo

Сайт Yakaboo пропонує різноманітний функціонал, спрямований на
зручність користувачів і полегшення процесу вибору та покупки товарів.
На сайті Yakaboo користувачі можуть шукати книги, електронні книги,
аудіокниги та інші товари за назвою, автором, жанром, видавництвом та іншими
параметрами. Сайт надає зручний пошуковий інтерфейс та фільтри для точного
знаходження бажаного товару. Користувачі також можуть переглядати детальну
інформацію про товари, включаючи опис, обкладинку, ціну та наявність.
Yakaboo дозволяє користувачам додавати товари до кошика, вибирати
спосіб доставки та сплачувати за допомогою різних платіжних методів, включаючи
онлайн-платіжні системи і оплату при отриманні. Користувачі можуть зручно
оформляти та відстежувати свої замовлення.
Користувачі можуть залишати рейтинги та відгуки про товари, які вони
придбали. Це дозволяє іншим користувачам отримати додаткову інформацію та
рекомендації перед покупкою.
Yakaboo має програму лояльності для своїх зареєстрованих користувачів,
яка надає можливість отримувати бонуси та знижки при покупках, а також
додаткові привілеї.
Сайт Yakaboo надає персоналізовані рекомендації користувачам на основі
їхніх попередніх покупок та інтересів. Це допомагає знайти нові товари, що можуть
відповідати вподобанням користувачів.
Yakaboo пропонує своїм користувачам блог та статті про книги, культуру,
письменників та інші теми. Це дозволяє отримувати додаткову інформацію та
поради щодо книжок та культурних подій.
Загалом, Yakaboo надає широкі можливості пошуку, покупки та отримання
інформації про книги, електронні книги, аудіокниги та інші товари, що стосуються
культури та освіти.
2. Книгарня "Є". Книгарня "Є" (Європейська книгарня) є відомим
ланцюгом книжкових магазинів в Україні. Вона пропонує широкий вибір книг
різних жанрів та тематик, включаючи художню літературу, наукову літературу,
дитячу літературу, книги з мистецтва, культури, гуманітарних та соціальних
наук.[8]

Рисунок 1.7 – Візуал сайту Книгарня "Є"

Книгарня "Є" відома своєю підтримкою українських авторів та видавців.
Вона активно сприяє просуванню української літератури, організовує зустрічі з
письменниками, літературні вечори, презентації нових книг та інші культурні
заходи.
Книгарня "Є" також має свою онлайн-платформу, де користувачі можуть
шукати та замовляти книги, отримувати інформацію про нові надходження, акції
та події. Крім того, вони пропонують послуги доставки книг по Україні та за
кордон.
Книгарня "Є" відома своєю атмосферою, де книги стають центром уваги, а
спілкування з книжками та літературою стає основою для знайомств, обміну
думками та розвитку культурного середовища.

1.3 Порівняння аналогів та вимоги до системи
Характерист Google Books Amazon Books Книгарня "Є" Yakaboo Мій сайт
ики
Функціонал Google Books Amazon Books Книгарня "Є" Yakaboo Має хороший
надає надає надає пропонує функціонал і
можливість можливість можливість широкий привабливий
шукати, широкого придбання функціонал, дизайн сайту
переглядати та вибору книг з книг різних який включає та нічну тему.
читати різних жанрів, жанрів, пошук та
електронні рецензій зустрічей з покупку книг,
книги, користувачів, авторами, перегляд
отримувати перегляду участь у рейтингів та
рекомендації, описів та літературних відгуків,
ділитися обкладинок, а заходах та створення
враженнями та також зручні культурних списків бажань,
відгуками, а опції пошуку, проектах, а електронні
також зберігати замовлення та також доступ книги та
книги у власній доставки. до електронної подарункові
електронній бібліотеки та сертифікати.
бібліотеці. інших
літературних
ресурсів.
Інтерфейс Має інтуїтивно Має інтуїтивно Інтерфейс Інтерфейс Має простий і
зрозумілий та зрозумілий та орієнтований спроектований зрозумілий
дружній користувачески на зручність для зручного інтерфейс.
інтерфейс, який й інтерфейс, що використання використання
спрощує забезпечує та доступність та навігації
використання зручну для користувачами.
сервісу навігацію та користувачів.
користувачами. використання
сервісу
користувачами
Наявність + + + + +
пошуку
Присутність - + + + +
зворотнього
зв’язку
Наявність + + - + -
рейтингу
Можливість + + + + -
написання
відгуків
Наявність + + + + +
пошуку за
авторами
Наєвність - + - + -
програми
лояльності
Читання + - - + -
онлайн
книги
Наявність + + - + -
спільноти
для
обговорення
Наявність + - - - +
анотації до
книг
Можливість - + + + +
придбати
книгу
Таблиця 1.1: Порівняння WEB-орієнтованих інформаційно-пошукових систем
Загалом можна зробити висновок, що на сьогоднішній день інформаційно-
пошукових систем настільки багато, що придумати щось таке, чого б ще не було
практично неможливо. На мою думку, існуючі інформаційно-пошукові системи
дуже розвинені та функціональні, що нічого нового не потребують.
Вони стали невід'ємною частиною нашого повсякденного життя,
допомагаючи нам знаходити потрібні матеріали, книги, статті, товари і багато
іншого. Цей широкий вибір інформаційно-пошукових систем дає користувачам
можливість вибирати той, який найкраще відповідає їх потребам та пріоритетам,
забезпечуючи їм зручну і ефективну роботу з інформацією.
Вимоги до системи WEB-орієнтованої інформаційно-пошукової системи
"Дім книги" включає в себе:
1. Користувацький інтерфейс. Зручний, інтуїтивний інтерфейс, який
дозволяє користувачам легко переглядати та шукати книги, читати описи та
відгуки, додавати до кошика та здійснювати покупки.
2. Пошуковий функціонал. Ефективний пошук за ключовими словами,
авторами, жанрами, видавництвами та іншими параметрами, з можливістю
фільтрації та сортування результатів.
3. Каталог книг. Повний та актуалізований каталог книг з достовірною
інформацією про назву, автора, обкладинку, опис, ціну та наявність.
4. Авторизація та облікові записи. Функціонал авторизації для
користувачів, можливість створення облікових записів, збереження списків
бажань, оцінювання та написання відгуків.
5. Безпека та захист даних: Забезпечення конфіденційності та безпеки
особистої інформації користувачів, захист від несанкціонованого доступу та
зловживань.

1.3 Висновок до частини 1
В цій частині розглянуто, що таке WEB-орієнтована інформаційно-
пошукова системи, які вона може мати характеристики. Зроблено огляд на існуючих
аналогів та проведено порівняння в вигляді порівняльної таблиці аналогів з «Домом
книги».
Загалом можна зробити висновок, що на сьогоднішній день інформаційно-
пошукових систем настільки багато, що придумати щось таке, чого б ще не було
практично неможливо. На мою думку, існуючі інформаційно-пошукові системи
дуже розвинені та функціональні, але в той же час існує запит на створенні нових
систем що поєднували б різні можливості, що в своїй сукупності не зустрічаються
в інших продуктах того ж типу.

2. ПРОЕКТУВАННЯ WEB-орієнтованої інформаційно-пошукової системи
«Дім книги»

2.1 Постановка задачі
Опис проблеми: у сучасному світі книги залишаються одним із
найпопулярніших джерел інформації та джерелом задоволення для багатьох людей.
Однак, пошук необхідної книги або отримання додаткової інформації про неї може
бути викликом, особливо в ситуаціях, коли доступні багато різних джерел
інформації.
Опис рішення: Розробка web-орієнтованої інформаційно-пошукової
системи "Дім книги" дозволить створити зручний та ефективний інструмент для
пошуку книг та отримання додаткової інформації про них. Система буде базуватися
на веб-технологіях і надавати користувачам можливість швидкого та точного
пошуку книг за різними параметрами, такими як назва, автор, жанр тощо. Крім
того, система буде забезпечувати користувачам доступ до додаткової інформації
про книги, такої як опис, рейтинги, рецензії, наявність у магазинах тощо.
Задачі дипломної роботи:
Аналіз потреб та вимог користувачів: Вивчення потреб та вимог
користувачів щодо системи "Дім книги". Зібрання відповідної інформації через
опитування, інтерв'ю та аналіз схожих існуючих систем.
Проектування архітектури системи: Розробка детального плану структури
та функціональних можливостей системи "Дім книги". Визначення основних
компонентів системи та їх взаємодії.
Розробка бази даних: Створення та налаштування бази даних для зберігання
інформації про книги, авторів, рейтинги, рецензії та інші відомості. Розробка
необхідних схем даних та забезпечення ефективного доступу до інформації.
Розробка інтерфейсу користувача: Створення веб-інтерфейсу, який
дозволить користувачам зручно взаємодіяти з системою. Розробка графічного
дизайну та реалізація функціональності для пошуку книг, перегляду деталей та
замовлення.
Реалізація пошукових алгоритмів: Розробка алгоритмів пошуку книг з
урахуванням різних параметрів та критеріїв. Впровадження різних методів пошуку,
таких як ключові слова, автори, жанри, рейтинги тощо.
Тестування та валідація: Перевірка функціональності та продуктивності
системи. Виявлення та виправлення помилок, проведення тестів з реальними
користувачами. Валідація результатів та оцінка якості системи.
Документування: Підготовка технічної документації, яка описує всі етапи
розробки, архітектуру системи, деталі реалізації, використані технології та здобуті
результати.
Захист дипломної роботи: Підготовка презентації та захист розробленої
системи перед комісією. Викладення результатів досліджень, демонстрація
робочих можливостей та обговорення важливих аспектів роботи.
Ця постановка задачі описує загальну структуру та напрямки роботи,
необхідні для розробки WEB-орієнтованої інформаційно-пошукової системи "Дім
книги»

2.2 Вибір програмного забезпечення
Для WEB-орієнтованої інформаційно-пошукової системи "Дім книги"
проаналізуємо та оберемо моау програмування, програмні засоби та фреймворки.

Frontend.
Для фронтенду використовується HTML, CSS та JavaScript для розробки
користувацького інтерфейсу, включаючи стилізацію, взаємодію з користувачем та
відображення даних.
HTML (HyperText Markup Language) є основною мовою розмітки для
створення структурованих веб-сторінок. Вона використовується для визначення
структури та вигляду веб-документів, що складаються з різних елементів.
HTML використовує теги (tags) для описування різних елементів веб-
сторінки, таких як заголовки, абзаци, посилання, таблиці, зображення та багато
інших. Кожен тег має певний синтаксис та виконує певну функцію.[9]
Наприклад, основна структура HTML-документа виглядає так:

Рисунок 2.1 – наглядний HTML код програми

У даному прикладі ми використовуємо теги <html>, <head>, <title>, <body>,
<h1>, <p>, <a>, <img>, <table>, <tr>, <th>, <td> для створення заголовків, абзаців,
посилань, зображень та таблиць на веб-сторінці.
HTML дозволяє створювати структуровані та семантично валідні веб-
сторінки, які можна відображати у веб-браузерах та взаємодіяти з ними. Він є
основою для розробки веб-інтерфейсів та веб-додатків.
CSS (Cascading Style Sheets) є мовою стилів, яка використовується для
оформлення та визначення вигляду веб-документів, які написані з використанням
HTML або інших мов розмітки. Вона визначає, як елементи HTML мають
відображатись на екрані, включаючи кольори, шрифти, розміри, відступи,
позиціонування та інші стилістичні властивості.
CSS використовується для розділення змісту (структури) веб-сторінки від її
представлення (стилів). За допомогою CSS можна задавати стилі для окремих
елементів, груп елементів або цілих сторінок, що дозволяє легко змінювати вигляд
веб-сайту без необхідності змінювати вміст.[10]
Наприклад, оформлення тексту в CSS може виглядати так:

Рисунок 2.2 – наглядний CSS код програми

У цьому прикладі за допомогою CSS ми задаємо, що всі елементи <p>
(абзаци) на сторінці мають мати синій колір тексту, розмір шрифту 16 пікселів,
шрифт Arial або аналогічний без засічок, та відступ вниз 10 пікселів.
CSS дозволяє створювати різноманітні стилі та макети, задавати анімації,
створювати адаптивні дизайни для різних пристроїв, а також здійснювати багато
інших стилістичних налаштувань для покращення вигляду веб-сторінок та веб-
додатків.
JavaScript є високорівневою, інтерпретованою мовою програмування, яка
використовується для розробки веб-додатків. Вона виконується безпосередньо в
браузері та дозволяє надавати динамічність та інтерактивність веб-сторінкам.
JavaScript може бути використаний для різних цілей, включаючи
маніпуляцію DOM (Document Object Model), обробку подій, взаємодію з сервером
через AJAX, створення анімацій, валідацію форм, валідацію даних та багато
іншого. Він також використовується для розробки серверних додатків з
використанням платформи Node.js.[11]
JavaScript має широку підтримку в браузерах і є стандартом для розробки
фронтенду веб-додатків. Він є мовою з динамічною типізацією, що означає, що
змінні можуть містити значення різних типів, і тип може змінюватись під час
виконання програми. JavaScript підтримує об'єктно-орієнтований підхід до
програмування, функціональне програмування та можливості асинхронного
програмування.
Завдяки своїй широкій функціональності, простоті використання та великій
спільноті розробників, JavaScript став однією з найпопулярніших мов
програмування, особливо в контексті веб-розробки.
Фреймворк для веб-розробки: бібліотека джаваскрипта React, яка
допоможить організувати структуру сайту, керувати станом і взаємодією з
сервером.
React - це відкрите JavaScript-фреймворк, що використовується для
розробки користувацьких інтерфейсів веб-додатків. Він був розроблений
компанією Facebook і здобув популярність серед розробників завдяки своїй
ефективності та простоті використання. [12]
React базується на концепції компонентного підходу, де користувацький
інтерфейс розбивається на невеликі незалежні компоненти. Кожен компонент має
свій стан (state) і може оновлюватися відповідно до змін цього стану. React
використовує віртуальний DOM (Document Object Model), що дозволяє ефективно
оновлювати лише змінені елементи сторінки, забезпечуючи швидкість та
продуктивність додатків.
Однією з головних переваг React є його універсальність. Він може бути
використаний для розробки як невеликих веб-компонентів, так і повноцінних
односторінкових додатків. React також має велику екосистему, що включає багато
сторонніх бібліотек і інструментів для полегшення розробки та покращення
функціональності додатків.
Загалом, React є потужним інструментом для розробки веб-додатків, який
забезпечує швидкість, ефективність і зручний розробницький досвід.

Backend .
Для бекенду використовується Node.js для обробки запитів від клієнтів,
взаємодії з базою даних та забезпечення безпеки даних та фреймворк Експрес.
Node.js - це вільна та відкрита середовище виконання JavaScript на
серверному боці. Воно базується на движку V8 JavaScript, розробленому компанією
Google, що використовується в браузері Google Chrome. Node.js дозволяє
виконувати JavaScript-код на сервері, що відкриває широкі можливості для
розробки веб-додатків та серверних застосунків. [13]
Основні особливості Node.js:
- Неблокуючий та подієвий модель вводу/виводу: node.js використовує
асинхронну, неблокуючу обробку вводу/виводу, що дозволяє ефективно
опрацьовувати багатопотокові запити без блокування виконання коду. Це
забезпечує високу продуктивність та масштабованість додатків.
- Модульна система: node.js має вбудовану підтримку модульної
системи, що дозволяє розбити код на невеликі модулі і використовувати їх
повторно. Це сприяє покращенню організації коду, розвитку громадських
бібліотек та підтримує концепцію "розробка через композицію".
- Серверний розробка: node.js є ідеальним вибором для розробки
серверних додатків. Він надає зручний API для створення HTTP-серверів,
обробки запитів, керування файловою системою та взаємодії з базами
даних.
- Велика екосистема: node.js має активну та розширену екосистему, що
складається з тисяч громадських пакетів, які можна встановити та
використовувати за допомогою менеджера пакетів npm. Це дозволяє
швидко виконувати розробку завдяки готовим рішенням, бібліотекам та
фреймворкам.
- Кросплатформеність: node.js підтримується на різних операційних
системах, таких як Windows, macOS і Linux, що дозволяє розробникам
використовувати його на більшості платформ.
Node.js займає важливу позицію в розробці веб-додатків та серверних
застосунків, забезпечуючи швидкість, ефективність та простоту використання для
розробників JavaScript.
Express - це мінімалістичний, веб-фреймворк для розробки веб-додатків на
основі Node.js. Він надає простий та елегантний спосіб побудови серверних
додатків шляхом надання набору допоміжних функцій та утиліт для обробки
HTTP-запитів, маршрутизації, створення обробників запитів та відправки
відповідей. [14]
Основні особливості Express:
- Мінімалістичний. Express має легкий та мінімалістичний дизайн, що
дозволяє розробникам вільно структурувати свій код та вибирати необхідні
компоненти для реалізації специфічної логіки свого додатку.
- Роутинг. Express надає потужні засоби для визначення маршрутів
(routes) та обробки запитів HTTP. Розробники можуть легко визначати
шляхи (endpoints) та відповідні обробники для них, що спрощує організацію
та керування різними маршрутами додатку.
- Middleware. Express підтримує концепцію middleware, що дозволяє
розробникам включати та використовувати різні проміжні функції для
обробки запитів перед їхньою фінальною обробкою. Це дозволяє
здійснювати різні операції, такі як перевірка автентифікації, обробка даних,
журналювання тощо.
- Шаблонізація. Express підтримує різні движки шаблонів, такі як EJS,
Pug (раніше відомий як Jade), Handlebars та інші. Це дозволяє розробникам
легко створювати динамічні сторінки та відображати дані з сервера в
HTML-шаблонах.
- Розширюваність. Express є дуже гнучким і може бути розширений за
допомогою сторонніх модулів та плагінів. Існує велика екосистема модулів,
які надають додатковий функціонал, такий як обробка сесій, автентифікація,
робота з базами даних тощо.
Express є одним з найпопулярніших веб-фреймворків для розробки
серверних додатків на Node.js. Він володіє простотою використання, гнучкістю та
розширюваністю, що робить його популярним вибором для розробників у галузі
веб-розробки.
База даних.
Для взаємодії з базою даних використовується PostgreSQL.
PostgreSQL - це об'єктно-реляційна база даних з відкритим вихідним кодом.
Вона розвивається та підтримується активною спільнотою розробників і
вважається однією з найпотужніших та надійних систем керування базами даних.
PostgreSQL підтримує широкий спектр функціональних можливостей, які
включають складні запити SQL, індексацію, транзакції з підтримкою ACID
(атомарність, консистентність, ізольованість, довіреність), реплікацію та
багатокористувацьку підтримку. Вона також підтримує розширення, що
дозволяють розробникам створювати свої власні типи даних, функції та
індекси.[15]
PostgreSQL працює на різних операційних системах, включаючи Windows,
Linux та macOS. Вона має потужну архітектуру, яка дозволяє обробляти великі
обсяги даних та забезпечує високу швидкодію.
Узагалі, PostgreSQL є потужною та надійною системою керування базами
даних, яка широко використовується в різних проектах, від невеликих веб-додатків
до великих корпоративних систем.

2.3 Проектування структури сторінок WEB-орієнтованої
інформаційно-пошукової системи
Головна сторінка
Головна сторінка містить загальну інформацію про систему, можливість
пошуку книг та перехід до інших сторінок.
На гловній сторінці мого сайту представлені книги які є в наявності, на ній
відразу можна придбати книгу яка зацікавила.
Рисунок 2.3 – Структура головної сторінки

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

Авторизація
Віконце авторизації. Користувачі можуть зареєструватися для зручного
користування сайтом. Зареєстроварі користувачі мають змогу добавляти книги не
тільки в кошик, а і в обране. Ті книги які добавлені в обране, зберігаються там до
тих пір, поки користувач не вирішить звідти видалити книгу

Рисунок 2.4 – Структура сторінки з авторизацією
На цій сторінці зображено два поля для введення логіну та паролю. Також
є кнопка для авторизації та кнопка для переходу на головну сторінку.
Авторизація на інформаційно-пошуковій системі потрібна з кількох
причин:
1. Забезпечення доступу до особистої інформації: Авторизація дозволяє
користувачам входити в систему і отримувати доступ до свого особистого
профілю, списку обраних книг, історії замовлень та іншої персональної
інформації. Це забезпечує конфіденційність та безпеку особистих даних
користувачів.
2. Керування доступом до функцій системи: Авторизація дозволяє
регулювати доступ користувачів до різних функцій системи. Наприклад,
деякі функції, такі як додавання нових книг або відправлення відгуків,
можуть бути доступні лише авторизованим користувачам. Це допомагає
уникнути небажаної активності та забезпечує кращий контроль над вмістом
системи.
3. Взаємодія з іншими сервісами: Авторизація може бути необхідною для
інтеграції з іншими сервісами, наприклад, сервісами оплати або доставки.
Це дозволяє користувачам здійснювати покупки книг, використовуючи
власні облікові записи, і забезпечує безпеку платіжних операцій.
4. Відстеження активності користувачів: Авторизація дозволяє системі
відстежувати активності користувачів, такі як пошук книг, перегляд
сторінок книг, додавання до списку обраних, оцінювання та коментування.
Це допомагає аналізувати інтереси та поведінку користувачів, покращувати
рекомендації та персоналізований досвід.
Загалом, авторизація на інформаційно-пошуковій системі допомагає
забезпечити безпеку, конфіденційність та персоналізацію користувачів, а також
контроль над доступом до функцій системи.

Сторінка каталогу книг
Сторінка книг показує деталі окремої книги, включаючи назву, автора,
жанр, ціну книги, кількість, наявність книг обкладинку та іншу відповідну
інформацію. Користувачі можуть додавати книги до списку обраного.

Рисунок 2.5 – Структура каталогу книг

Адміністративна панель
Адміністративна панель доступна адміністраторам для управління книгами,
категоріями, користувачами, замовленнями та іншими аспектами системи.

Рисунок 2.7 – Структура адміністративної панелі

1. Меню
2. Головна сторінка
3. Сторінка з книгами
4. Автори
5. Жанри
6. Панель добавлення книг
7. Назва книг
8. Ціна
9. Наявність
10. Кількість
11. Імя автора
12. Фамілія автора
13. Редагування
14. Видалення
15. Добавлення
Серверна частина: відповідає за обробку запитів користувачів, взаємодію з
базою даних та надання необхідної інформації для фронтенду.
База даних: зберігає дані про книги, користувачів, замовлення та іншу
важливу інформацію. Може використовувати реляційну або нереляційну модель
даних.

2.4 Структура бази даних
Для розробки бази даних було використано реляційну базу даних
PostgreSQL.
Структура моєї бази даних має такий вигляд:

Рисунок 2.8 – Структура бази даних

PostgreSQL - це потужна об'єктно-реляційна система управління базами
даних (СУБД), яка забезпечує надійне та ефективне зберігання, керування та
обробку структурованих даних. Вона відома своєю стабільністю,
масштабованістю, розширюваністю та розширеними можливостями для розробки
додатків.[15]
PostgreSQL заснована на реляційній моделі, що дозволяє організовувати
дані у взаємозв'язаних таблицях зі зв'язками між ними.
В PostgreSQL використовується мова структурованого запиту SQL, яка
надає потужні можливості для маніпулювання та операцій з даними.
PostgreSQL підтримує різноманітні типи даних, включаючи числові,
рядкові, географічні, JSON і багато інших. Також вона підтримує розширення, які
дозволяють розширити функціональність бази даних шляхом створення власних
типів даних та функцій.
PostgreSQL може працювати з великими обсягами даних і підтримує
розподілені бази даних, реплікацію та кластеризацію для підвищення
продуктивності та доступності системи.
В PostgreSQL використовується механізм транзакцій, який забезпечує
цілісність даних та надійність операцій. Вона підтримує ACID-властивості
(атомарність, консистентність, ізольованість, довереність), що забезпечують
безпеку та надійність даних.
PostgreSQL володіє оптимізованим двигуном запитів, який забезпечує
швидку обробку запитів до бази даних. Вона також підтримує індекси для
прискорення пошуку та сортування даних.
PostgreSQL є стандартизованою СУБД, яка підтримує велику кількість
стандартів, таких як SQL, JDBC, ODBC і багато інших. Це дозволяє легко
інтегрувати PostgreSQL з іншими системами та додатками.
В цілому, PostgreSQL є потужним і надійним рішенням для зберігання та
управління структурованими даними в WEB-орієнтованих системах. Вона
забезпечує широкі можливості для розробки та масштабування додатків, а також
гарантує безпеку та надійність даних.

2.5 Дизайн та визначення кольорового оздоблення сторінок WEB-
орієнтованої інформаційно-пошукової системи
Провівши огляд різноманітних аналогів було обрано наступну кольорову
гаму для оздоблення сторінок WEB-орієнтованої інформаційно-пошукової системи
(Рисунок 2.9).

Рисунок 2.9 – Кольорова гама сторінок сайту

Дизайн сайту буде представлено в синіх та блакитних відтінках.

Рисунок 2.10 – Кольорове оздоблення головної сторінки

Рисунок 2.11 – Кольорове оздоблення авторизації

Рисунок 2.12 – Кольорове оздоблення сторінки з книгами

Рисунок 2.13 – Кольорове оздоблення адміністративної сторінки

Висновок до частини 2
В даній частині було поставлено задачу роботи та обрано програмне
забезпечення, що допоможе в створенні сайту та було обрано кольорову гаму сайту.
Також під час розробки WEB-орієнтованої інформаційно-пошукової
системи "Дім книги" було визначено функціонал, який буде доступний
користувачам. Вони зможуть переглядати головну сторінку системи, на якій будуть
відображені рекомендації, нові надходження книг, популярні жанри тощо. Також
користувачі зможуть переходити до сторінок каталогу книг, де вони зможуть
шукати книги за різними критеріями, такими як назва, автор, жанр. Крім того,
користувачі зможуть переглядати детальну інформацію про книгу, включаючи
обкладинку, опис, рейтинги та відгуки. Також передбачено можливість реєстрації
та авторизації користувачів, щоб вони могли зберігати свої улюблені книги, писати
відгуки та брати участь в інтерактивних функціях системи.
Архітектура системи буде заснована на паттерні проектування Model-View-
Controller (MVC), що дозволяє розділити логіку програми, представлення даних та
взаємодію з користувачем на окремі компоненти. Це сприяє зручному розробці та
підтримці системи, а також полегшує внесення змін до окремих компонентів без
впливу на інші.
Для реалізації системи будуть використані різні технології, такі як HTML,
CSS і JavaScript для розробки користувацького інтерфейсу, Node.js для побудови
серверної частини, Express.js для створення веб-додатку, PostgreSQL для
зберігання даних та взаємодії з базою даних. Комбінація цих технологій дозволить
створити потужну та функціональну WEB-орієнтовану інформаційно-пошукову
систему.

3. РЕАЛІЗАЦІЯ САЙТУ

1.1 Реалізація структури сайту
Структура розроблюваного сайту складається з головної сторінки, сторінки
каталогу книг, сторінка авторизації та реєстрації. Також сайт містить пошукову
панель для швидкого доступу до книг за різними критеріями. Тобто, користувач
може переглядати список книг за різними категоріями, наприклад, за автором,
жанром тощо.
Структура сайту
Фронтенд (клієнтська частина):
Головна сторінка:

Рисунок 3.1 –Головна сторінка ОІПС

Відображає основний контент, рекомендації, нові надходження та іншу
важливу інформацію та містить пошукову панель для швидкого доступу до книг за
різними критеріями. Також присутня кнопка купити, де клієнти можуть відразу
заходячп на сайт купити книгу. Ще на головній сторінці присутня пошукова понель
та меню по якому можна переходити від однієї сторінки до іншої.
Код запитів книг:

Рисунок 3.2 – Запит до книги 1

Рисунок 3.3 – Запит до книги 2

Рисунок 3.4 – Запит до книги 3

Запити до книг - це процес отримання інформації з книг або про книги за
допомогою пошукових запитів у системі. Це може включати запити на отримання
списку книг за певними критеріями, пошук книг за заголовком, автором, жанром
або іншими характеристиками, отримання детальної інформації про конкретну
книгу, перегляд оглядів чи рейтингів книг, додавання книг до списку обраного або
бажаного, покупка книги тощо. [16]
Запити до книг можуть бути здійснювані користувачами через інтерфейс
веб-додатку або API (інтерфейс програмування застосунків). Система повинна
обробляти ці запити, виконувати пошук у базі даних книг, відображати результати
та надавати користувачам необхідну інформацію про книги, яку вони запитують.
Запити до книг можуть бути реалізовані за допомогою мов програмування,
таких як JavaScript, з використанням фреймворків або бібліотек, наприклад, React
або Angular, і з використанням бази даних, такої як PostgreSQL, для збереження та
доступу до інформації про книги.
Пошукова панель:

Рисунок 3.5 – Сторінка пошукової панелі

Дає можливість користувачам знаходити книги за назвою, ціною, автором
та жанром.
Сторінка каталогу книг:

Рисунок 3.6 – Сторінка каталогу книг
Користувач може переглядати список книг за різними категоріями,
наприклад, за автором, жанром.
Забезпечує можливість фільтрування результатів пошуку за додатковими
параметрами.
Сторінка авторизації та реєстрації:

Рисунок 3.7 – Сторінка авторизації

На скріні зображено реалізацію авторизаці. Користувачі можуть створити
обліковий запис або увійти в систему, використовуючи свої дані.
Код авторизації:

Рисунок 3.8 – Код авторизації

If((username === ‘admin’ && password == ‘password) || (username === ‘user’
&& password == ‘password1)).
Адміністратор: (username === ‘admin’ && password == ‘password).
Користувая: (username === ‘user’ && password == ‘password1).
Даний рядок є умовним оператором, який перевіряє комбінацію логіну
(username) і пароля (password). Умова має дві можливі варіації:
 Якщо логін (username) дорівнює "admin", а пароль (password) дорівнює
"password", або
 якщо логін (username) дорівнює "user", а пароль (password) дорівнює
"password1"
Якщо хоча б одна з цих умов виконується, то вираз поверне значення "true",
що означатиме успішну авторизацію. В іншому випадку вираз поверне значення
"false", що означатиме невдалий вхід.

Бекенд (серверна частина):

Рисунок 3.9 – Сторінка адміністратора 1

На цій сторінці адміністратор може добавляти, редагуватита та видаляти
книги.

Рисунок 3.10 – Сторінка адміністратора 2

На цій сторінці адміністратор може контролювати наявність книг та
редагувати інформацію про книги.

Рисунок 3.11 – Сторінка адміністратора 3

На цій сторінці адміністратор може редагувати та добавляти авторів.

Рисунок 3.12 – Сторінка адміністратора 4

На цій сторінці адміністратор може редагувати та добавляти жанри книг.
Можливості серверної частини:
1. Обробка запитів: отримує та обробляє запити від клієнтської частини,
забезпечуючи необхідну функціональність.
2. База даних: зберігає дані про книги, користувачів, відгуки, рейтинги та
іншу інформацію.
3. Логіка бізнес-процесів: забезпечує обробку логіки додатку, таку як
пошук книг, створення відгуків, управління користувачами тощо.
4. API: надає інтерфейс для взаємодії з фронтендом та іншими системами,
дозволяючи отримувати та передавати дані.

1.2 Реалізаціяі контенту сайту
Реалізація контенту для WEB-орієнтованої інформаційно-пошукової
системи "Дім книги" включає наступні елементи:
 База даних книг - система має базу даних, де зберігаються дані про
книги, такі як назва, автор, жанр, рік видання, опис, обкладинка тощо. Ця
база даних дозволяє системі зберігати, оновлювати та керувати інформацією
про книги.
 Сторінки книг – кожна книга відображає детальну інформацію про неї.
Це назва, автор, жанр, можливість додати книгу до списку обраного чи
бажаного, посилання на покупку тощо.

Рисунок 3.13 – Контент сторінки з книгами
 Список книг - система має функціонал для відображення списку книг
за різними критеріями, наприклад, за жанром, автором, рейтингом,
новинками тощо. Користувач може переглядати цей список і шукати книги,
що його цікавлять.

Рисунок 3.14 – Контент списку книг
 Пошуковий функціонал - система надає можливість користувачам
здійснювати пошук книг за різними параметрами, такими як назва, автор та
жанр. Результати пошуку відображаються на сторінці, де користувач може
переглядати знайдені книги.

Рисунок 3.15 – Пошукова панель

1.3 Висновок до частини 3
В даному розділі розроблено фронтенд та бекенд частини сайту. Заповнено
контентом сайт за допомогою адмін панелі, вона має такі поля: назва книги, автор,
жанр, ціна та кількість. Дизайн сайті створений в синіх віддтінках, для кращого
сприйняття тексту.

ВИСНОВКИ

У ході виконання кваліфікаційної роботи бакалавра «WEB-орієнтована
інформаційно-пошукова система «Дім книги»» розроблено систему, яка відповідає
всім поставленим вимогам. Для фронтенду використовувалася бібліотека React.
Для бекенду використовувався node js та фреймворк Експрес. Для взаємодії з базою
даних використовувався PostgreSQL. Дана інформаційно-пошукова система
дозволяє користувачам швидко та зручно знаходити та переглядати книги,
отримувати інформацію про авторів та здійснювати покупки.
Система має інтуїтивний і зручний інтерфейс, який дозволяє користувачам
ефективно навігувати по сторінкам, здійснювати пошук за різними критеріями,
переглядати детальну інформацію про книги та авторів.
Реалізовано функціонал авторизації та реєстрації користувачів, додавання
книг до кошика, здійснення покупок, залишення відгуків та оцінок.
Використовувалися сучасні технології, такі як HTML, CSS, JavaScript,
Node.js, Express та PostgreSQL, що дозволило реалізувати потрібний функціонал та
забезпечити надійну роботу системи.
База даних була структурована та оптимізована для ефективного зберігання
та пошуку інформації про книги, авторів, користувачів та замовлення.
Реалізовано пошукову панель, що дає можливість користувачам швидко
шукати книгу яка цікавить.
Під час розробки системи враховано основні характеристики інформаційно-
пошукової системи, такі як швидкість пошуку, точність результатів, зручність
використання та доступність для користувачів.
Система «Дім книги» надає доступ до широкого асортименту книг різних
авторів, жанрів і видавництв.
Реалізація дизайну сайту була здійснена з урахуванням зручності
використання та естетичного вигляду, створюючи приємне враження для
користувачів під час взаємодії з системою.

В ході написання кваліфікаційної роботи бакалавра виконані наступні
завдання:
1. описано основні характеристики інформаційно-пошукової системи;
2. зробленно огляд існуючих аналогів;
3. порівняно існуючі аналоги;
4. вибрано програмне забезпечення;
5. спроектовано структуру web-орієнтованої інформаційно-пошукової
системи «дім книги»;
6. розроблено структуру бази даних;
7. спроектовано структури сторінок web-орієнтованої інформаційно-
пошукової системи;
8. реалізовано структури сайту;
9. реалізувано дизайн сайту;
10. наповнено сайт початковим контентом;
Таким чином мета та завдання кваліфікаційної роботи бакалавра досягнута.
Робота виконана у відповідності поставленому технічному завданню.

СПИСОК ВИКОРИСТАНИХ ДЖЕРЕЛ

1. https://esu.com.ua/article-12483
2. https://www.goodreads.com/list/show/1.Best_Books_Ever
3. https://www.librarything.com/
4. https://www.amazon.com/booksusedbookstextbooks/b?ie=UTF8&node=28
3155
5. https://books.google.com.ua/
6. https://openlibrary.org/
7. https://www.yakaboo.ua/
8. https://book-ye.com.ua/
9. https://developer.mozilla.org/docs/Web/JavaScript
10. https://uk.legacy.reactjs.org/
11. https://nodejs.org/uk
12. https://developer.mozilla.org/docs/Learn/Server-side/Express_Nodejs
13. https://www.postgresql.org/
14. MySQL, JavaScript, CSS & HTML5: A Step-by-Step Guide to Creating
Dynamic Websites 3rd Edition by Robin Nixon
15. HTML and CSS: Design and Build Websites by John Dakett
16. JavaScript: The Definitive Guide, 7th Edition by David Flanagan
17. Javascript: The Definitive Guide by David Flanagan
18. Гудлетт, Д., Ферріс, М. HTML і CSS. Дизайн і розробка веб-сайтів. -
Київ: Видавництво "Дім книги", 2020.Майерс, Е. JavaScript і jQuery.
Веб-розробка. - Київ: Видавництво "Дім книги", 2022.Мартінес, Р.,
Хосе, М. PostgreSQL: Введення у розробку баз даних. - Київ:
Видавництво "Дім книги", 2019.

19. MySQL, & JavaScript All-in-One For Dummies
20. Learning HTTP/2: A Practical Guide for Beginners
21. High Performance Browser Networking

22. Марек, Р. Веб-програмування: Повний курс. - Київ: Доміно, 2021.
23. Гамперц, Д., Холланд, Д. PHP та MySQL. Розробка веб-додатків. - Київ:
Видавництво "Дім книги", 2021.
24. Самерс, П., Маклоуд, М. Проектування веб-сайтів. - Київ: Видавництво
"Дім книги", 2022.
25. Ковальчук, А. SEO оптимізація веб-сайтів. - Київ: Видавництво "Дім
книги", 2023.
26. Мозговий, А. Аналітика веб-сайтів: збір та аналіз даних. - Київ:
Видавництво "Дім книги", 2022.
27. Основні принципи розробки користувацького інтерфейсу веб-додатків.
28. Користування REST API для інтеграції зовнішніх джерел даних у веб-
додатки.

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