WEB-ОРІЄНТОВАНА ІНФОРМАЦІЙНА СИСТЕМА ОЗДОРОВЧОГО ЦЕНТРУ

Бевзенко, Олександра Костянтинівна

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

Title:	WEB-ОРІЄНТОВАНА ІНФОРМАЦІЙНА СИСТЕМА ОЗДОРОВЧОГО ЦЕНТРУ
Authors:	Катаєв , Дмитро Сергійович Бевзенко, Олександра Костянтинівна
Keywords:	web-орієнтована система;Wordpress;інформаційна система;оздоровчий заклад;дизайн
Issue Date:	5-Jun-2025
Abstract:	Тенденції розвитку сучасних інформаційних технологій приводять до постійного зростання складності інформаційних систем (ІС), створюваних у різних областях. Для успішної реалізації процесу розробки web-орієнтованої інформаційної системи необхідно адекватно описати процеси проектування ІС, повинні бути побудовані повні і несуперечливі функціональні й інформаційні моделі ІС [1]. Накопичений нині досвід проектування ІС показує, що це логічно складна, трудомістка і тривала за часом робота, що вимагає високої кваліфікації фахівців, що беруть участь у ній. Однак донедавна проектування ІС виконувалося в основному на інтуїтивному рівні з застосуванням неформалізованих методів, заснованих на мистецтві, практичному досвіді, експертних оцінках і дорогих експериментальних перевірках якості функціонування ІС. Крім того, у процесі створення і функціонування ІС інформаційні потреби користувачів можуть змінюватися чи уточнюватися, що ще більш ускладнює розробку і супровід таких систем. Для кожної людини важливим є підтримка стану здоров’я. Тому нагальним є відвідування різних закладів з метою фізичного та емоційного відновлення за рахунок різних процедур та порад фахівців різних оздоровчих закладів. В даний час велика кількість оздоровчих закладів має власні веб-сайти, але функціонал онлайн реєстрації відвідувача оздоровчого закладу на процедури чи консультацію фахівця для призначених зустрічей відсутній. Великий недолік – це те, що відвідувач має записатися на прийом за допомогою реєстрації в закладі або по телефону, що не завжди зручно та займає багато часу. Тому розробка web-орієнтованої інформаційної системи оздоровчого закладу, що дозволяє користувачеві записатися на процедура або консультацію фахівця, який йому потрібен у обраному оздоровчому закладі, є дуже важливою і актуальною задачею. Цей програмний продукт значно прискорює та спрощує реєстрацію на консультацію до фахівця чи процедуру.
URI:	https://er.chdtu.edu.ua/handle/ChSTU/6872
Appears in Collections:	126 Інформаційні системи та технології (Web-технології, web-дизайн)

Files in This Item:

File	Description	Size	Format
РЕП_БАК_Бевзенко_WEB-2111.pdf Restricted Access		2.65 MB	Adobe PDF	View/Open Request a copy

Show full item record

Extracted text

МІНІСТЕРСТВО ОСВІТИ І НАУКИ УКРАЇНИ
ЧЕРКАСЬКИЙ ДЕРЖАВНИЙ ТЕХНОЛОГІЧНИЙ УНІВЕРСИТЕТ
Факультет інформаційних технологій і систем
Кафедра інформаційних технологій проектування

ПОЯСНЮВАЛЬНА ЗАПИСКА

до кваліфікаційної роботи бакалавра

на тему:

«WEB-ОРІЄНТОВАНА ІНФОРМАЦІЙНА
СИСТЕМА ОЗДОРОВЧОГО ЦЕНТРУ»

Виконав студент групи WEB-2111,
спеціальності 126 –
Інформаційні системи та
технології,
освітня програма – Web-
технології Web-дизайн,
Бевзенко О.К.
Керівник к.т.н., ст. викладач Катаєв Д.С.
Рецензент Алєсін

Черкаси – 2025

ЗМІСТ
ВСТУП .............................................................................................................. 5
1 АНАЛІЗ ПРЕДМЕТНОЇ ОБЛАСТІ ............................................................. 6
1.1 Опис предметної області ........................................................................... 6
1.2 Постановка задачі....................................................................................... 9
1.3 Огляд та аналіз існуючих аналогів ......................................................... 12
1.3.1 Сайт реабілітаційно-оздоровчої клініки «Астра» .............................. 12
1.3.2 Сайт оздоровчого закладу «Діалог» ................................................... 14
1.3.3 Сайт оздоровчого комплексу «SLON SPA» ..................................... 14
1.4 Висновки до розділу 1 ............................................................................. 16
2 ПРОЄКТУВАННЯ WEB-ОРІЄНТОВАНОЇ ІНФОРМАЦІЙНОЇ
СИСТЕМИ ОЗДОРОВЧОГО ЗАКЛАДУ .................................................... 17
2.1 Розробка архітектури системи ................................................................ 17
2.2 Структура бази даних .............................................................................. 22
2.3 Принципи розробки web-сайтів. ............................................................. 25
2.4 Створення бази даних .............................................................................. 36
2.5 Висновки до розділу 2 ............................................................................. 38
3 РОЗРОБКА ПРОГРАМНОЇ ЧАСТИНИ ................................................... 40
3.1 Вибір засобів розробки ............................................................................ 40
3.1.1 Способи розробки web-орієнтованої інформаційної системи
оздоровчого закладу....................................................................................... 40
3.1.2 ПлатформаWordpress ............................................................................ 45
3.2 Дизайн web-орієнтованої інформаційної системи оздоровчого закла-
ду ...................................................................................................................... 49
3.3 Висновки до розділу 3 ............................................................................. 53

ЧДТУ 211982.005 ПЗ
Зм. Лист № докумемента Підпис Дата
Розроб. К ириченко Д.С. Літ. Лист Листів
Перев. Прокопенко Т.О. Проєктування та створення web-

орієнтованої інформаційної системи Н 2 98
Реценз реєстратури поліклініки. ФІТІС,
Н. . контр. Колесніков К.В.
Пояснювальна записка
Затв. Прокопенко Т.О. кафедра ІТП, WebC-1911

ВИСНОВКИ .................................................................................................... 54
СПИСОК ВИКОРИСТАНИХ ДЖЕРЕЛ ...................................................... 55
ДОДАТОК A 482 ЧДТУ 21982-01 Проєктування та створення web-
орієнтованої інформаційної системи реєстратури поліклініки.
Специфікація………………………………………………………………...59

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

ВСТУП
Тенденції розвитку сучасних інформаційних технологій приводять до
постійного зростання складності інформаційних систем (ІС), створюваних у
різних областях. Для успішної реалізації процесу розробки web-орієнтованої
інформаційної системи необхідно адекватно описати процеси проектування ІС,
повинні бути побудовані повні і несуперечливі функціональні й інформаційні
моделі ІС [1]. Накопичений нині досвід проектування ІС показує, що це логічно
складна, трудомістка і тривала за часом робота, що вимагає високої кваліфікації
фахівців, що беруть участь у ній. Однак донедавна проектування ІС
виконувалося в основному на інтуїтивному рівні з застосуванням
неформалізованих методів, заснованих на мистецтві, практичному досвіді,
експертних оцінках і дорогих експериментальних перевірках якості
функціонування ІС. Крім того, у процесі створення і функціонування ІС
інформаційні потреби користувачів можуть змінюватися чи уточнюватися, що
ще більш ускладнює розробку і супровід таких систем.
Для кожної людини важливим є підтримка стану здоров’я. Тому
нагальним є відвідування різних закладів з метою фізичного та емоційного
відновлення за рахунок різних процедур та порад фахівців різних оздоровчих
закладів. В даний час велика кількість оздоровчих закладів має власні веб-сайти,
але функціонал онлайн реєстрації відвідувача оздоровчого закладу на
процедури чи консультацію фахівця для призначених зустрічей відсутній.
Великий недолік – це те, що відвідувач має записатися на прийом за допомогою
реєстрації в закладі або по телефону, що не завжди зручно та займає багато часу.
Тому розробка web-орієнтованої інформаційної системи оздоровчого
закладу, що дозволяє користувачеві записатися на процедура або консультацію
фахівця, який йому потрібен у обраному оздоровчому закладі, є дуже важливою
і актуальною задачею. Цей програмний продукт значно прискорює та спрощує
реєстрацію на консультацію до фахівця чи процедуру.
Арк.
ЧДТУ 211982.005 ПЗ 4
З м н. Арк. № докум. Підпис Дата

Метою роботи є проєктування та розробка web-орієнтованої
інформаційної системи оздоровчого закладу, що надасть можливість записатися
на консультацію фахівця чи процедуру в оздоровчому закладі з урахуванням
переваг та недоліків аналізованих аналогів веб-орієнтованої системи.
Для досягнення мети роботи необхідно розв’язати наступні задачі:
 дослідити та проаналізувати веб-орієнтовані системи, де
користувачі можуть здійснити реєстрацію в онлайнформі.
Порівняти їх функціональність та визначити переваги та недоліки;
 розробити специфікацію вимог до майбутньої системи;
 розробити архітектуру системи та структуру бази даних;
 здійснити вибір мови програмування та технологій для
програмної реалізації web -орієнтованої системи;
 розробити web-орієнтовану інформаційну систему
оздоровчого закладу, для реєстрації на консультацію до фахівця
або процедуру в оздоровчому закладі відповідно до умов,
перелічених в попередніх пунктах.
Об’єктом дослідження є процес онлайн реєстрації відвідувачів на
консультацію до фахівця або процедуру в оздоровчому закладі.
Предметом дослідження є застосування сучасних інформаційних
технологій для розробки програмного продукту, який забезпечуватиме
можливість онлайн реєстрації відвідувачів на консультацію до фахівця або
процедуру в оздоровчому закладі.

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

1 АНАЛІЗ ПРЕДМЕТНОЇ ОБЛАСТІ
1.1 Опис предметної області
Інформаційне забезпечення оздоровчих закладів є важливою складовою
їх ефективної діяльності, адже саме завдяки злагодженому збору, обробці та
обміну інформацією забезпечується якість обслуговування, безпека відвідувачів
і зручність управління ресурсами. Оздоровчими закладами є центри, комплекси,
клуби, студії тощо), що здійснюють оздоровчу діяльність та надають послуги
оздоровлення та відпочинку відвідувачам.
Оздоровчі заклади діють на підставі статуту (положення) та
реєструються у встановленому порядку. Засновниками оздоровчих закладів
можуть бути фізичні та/або юридичні особи. Органи державної влади та органи
місцевого самоврядування сприяють діяльності оздоровчих закладів шляхом
надання організаційної, методичної та іншої допомоги. Фінансування діяльності
оздоровчих закладів може здійснюватися за рахунок коштів власника
(засновника), інших джерел, не заборонених законодавством [2].
Комплекс заходів, інструментів і систем, які забезпечують збір,
зберігання, обробку,передачу та використання інформації, що стосується
роботи закладу, відвідувачів, персоналу, процедур тощо, представляє
інформаційне забезпечення оздоровчого закладу. При цьому працівники
оздоровчого закладу мають бути забезпечені наступною інформацією [3]:
1. Персональні дані відвідувачів:
 ПІБ, вік, стать, контакти;
 медична карта (анамнез, хронічні хвороби, алергії, попередні
лікування);
 результати обстежень і процедур;
 індивідуальні плани оздоровлення.
2. Дані про працівників:
 фахова підготовка, графіки роботи, сертифікація;
Арк.
ЧДТУ 211982.005 ПЗ 6
З м н. Арк. № докум. Підпис Дата

 розподіл обов’язків;
 інформація про навантаження.
3. Дані про ресурси закладу:
 наявність і стан обладнання;
 кількість вільних місць (ліжкомісць);
 графіки процедур, харчування, дозвілля.
4. Фінансова інформація:
 вартість послуг;
 облік оплати, витрат;
 звіти для керівництва або контролюючих органів.
5. Адміністративно-організаційна інформація:
 розпорядок дня;
 внутрішні нормативи;
 звіти, накази, протоколи.
Обмін інформаційними повідомлення між користувачами інформаційних
систем в оздоровчому закладі може реалізовуватись на двох рівнях: внутрішній,
тобто між відділеннями одного закладу (наприклад, між лікарем і процедурним
кабінетом), та зовнішній з іншими медичними установами, страховими
компаніями, контролюючими органами. При цьому способи обміну
інформацією здійснюються через локальні мережі (в межах установи), через
захищені онлайн-платформи або API Ґ, за допомогою електронного цифрового
підпису (ЕЦП) для забезпечення юридичної сили документів та через хмарні
сервіси – для зберігання та доступу до даних з різних пристроїв.
Технічними засобами, які забезпечують обмін даними є [4]:
1. Медичні інформаційні системи (МІС) – для централізованого обліку
відвідувачів та послуг.
2. CRM-системи – для роботи з клієнтами, маркетингом, зворотним
зв’язком.
3. ERP-системи – для управління всіма ресурсами закладу.
Арк.
ЧДТУ 211982.005 ПЗ 7
З м н. Арк. № докум. Підпис Дата

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

 відсутні черги на стійці реєстрації для реєстрації на отримання
процедур в закладі та консультації фахівців;
 відсутність черг в кабінетах фахівців, оскільки дата та час прийому
вказані під час реєстрації;
 збереження електронної історії направлень відвідувачів;
 електронний графік прийому фахівців та процедурних кабінетів;
 електронний запис набагато швидший, ніж реєстрація в реєстратурі;
 на відміну від електронної реєстрації, якість паперового може
пошкодитись або він взагалі може бути втраченим.
Користувач розробленої системи може зареєструватися на прийом до
необхідного йому фахівця, не виходячи з дому. Це дуже зручно і не вимагає
значних витрат часу.
1.2 Постановка задачі
Для презентації роботи інтерактивного веб-сервісу «Оздоровчий заклад»
виділені наступні бізнес-процеси (рис. 1.1): реєстрація користувача в системі;
Управління даними оздоровчого закладу; Запис на прийом до фахівця або
процедуру.

Рисунок 1.1 – Діаграма бізнес-процесів веб-орієнтованої системи
оздоровчого закладу
Адміністратор відповідає за управління даними про оздоровчий заклад в
системі, а користувач реєструється в системі і записується на прийом до фахівця
або на процедуру.
Арк.
ЧДТУ 211982.005 ПЗ 9
З м н. Арк. № докум. Підпис Дата

Представимо кожен бізнес-процес із наведеного списку (рис. 1.1)
детальніше . На рисунку 1.2 представлена схема функцій процесу реєстрації
користувачів у системі.

Рисунок 1.2 – Схема функцій процесу реєстрації користувачів у системі
Щоб користувач міг записатися на прийом до фахівця або процедуру, він
повинен ідентифікувати себе в системі, пройшовши процес реєстрації і
авторизації. Для цього перейти на сторінку реєстрації, заповнити поля в
реєстраційній формі (ім’я користувача, адресу електронної пошти, пароль) і
увійти в систему, використовуючи ім’я користувача та пароль, які він вказав при
реєстрації. Характеристики бізнес-процесу реєстрації користувача в системі
представлені в табл. 1.2.
Таблиця 1.2 – Характеристика бізнес-процесу реєстрації користувача в
системі
Назва характеристики Значення характеристики
Назва бізнес-процесу Реєстрація користувача в системі
Основні учасники Клієнт
Вхідна подія Перехід на сторінку реєстрації
Вхідні документи Дані з реєстраційної форми
Вихідна подія Авторизація на сайті
Вихідні документи Лист з повідомленням про реєстрацію
Клієнт бізнес-процесу Користувач
Функції, які відносяться до управління даними оздоровчого закладу,
доступні тільки адміністратору через адміністративну панель сайту.
Характеристику бізнес-процесу реєстрації користувача в системі
наведено в табл. 1.3.

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

Таблиця 1.3 – Характеристика бізнес-процесу управління даними
медичного закладу
Назва характеристики Значення характеристики
Назва бізнес-процесу Керування даними оздоровчого закладу
Учасники Адміністратор
Перехід на сторінку управління даними
Вхідна подія оздоровчого закладу в адміністративній панелі
системи
Вхідні документи -
Вихідна подія -
Вихідні документи -
Клієнт бізнес-процесу Адміністратор

Схему функцій процесу реєстрації відвідувача на процедуру або до
фахівця представлено на рис. 1.3.

Рисунок 1.3 – Схема реєстрації відвідувача на процедуру або до фахівця
Користувач переходить на сторінку реєстрації, щоб зареєструватися на
процедуру або на консультацію до фахівця. Після цього перед користувачем
відображається перелік процедур та фахівців цього закладу. Після вибору
спеціалізації користувачеві представляється список фахівців або процедур за
обраною спеціалізацією, після чого вибирається конкретна процедура або
фахівець, що зацікавив користувача.. Потім користувач вибирає відповідну дату
запису. На наступному кроці користувач заповнює форму, в якій потрібно
заповнити такі поля: «Прізвище», «Ім’я», «По батькові», «Рік, місяць та день
народження», «Місто», «Вулиця» , «Будинок», «Квартира». Після заповнення
Арк.
ЧДТУ 211982.005 ПЗ 11
З м н. Арк. № докум. Підпис Дата

останньої форми буде створено реєстраційне повідомлення про процедуру або
консультацію фахівця.
Характеристики бізнес-процесу реєстрації користувачів у системі
наведені в таблиці 1.4.
Таблиця 1.4 – Характеристики бізнес-процесу реєстрації користувачів
Назва характеристики Значення характеристики
Ім’я бізнес процесу Реєстрація на процедуру або консультацію
- фахівця
Основні учасники Користувач
Вхідна подія Перехід на сторінку реєстрації на процедуру або
консультацію фахівця
Вхідні документи Дані введені користувачем
Вихідна подія Відвідувач зареєстрований на процедуру або
консультацію фахівця
Вихідні документи Електронне повідомлення процедуру або
консультацію фахівця
Клієнт бізнес-процесу Користувач

1.3 Огляд та аналіз існуючих аналогів
У процесі написання кваліфікаційної роботи були проаналізовано web-
орієнтована інформаційна система реабілітаційно-оздоровчої клініки «Астра»
[31], що має розгорнутий та доступний web-сайт. Також проаналізована web-
орієнтована інформаційна система оздоровчого закладу «Діалог»[32], що має
характеризується обробкою інформації та активною реєстрацією відвідувачів за
допомогою web-ресурсу. Крім того досліджено web-орієнтована інформаційна
система оздоровчого комплексу «SLON SPA»[33], що також має
багатофункціональний web -ресурс. З представлених сайтів можливсті реєстрації
на процедуру або консультацію фахівця не забезпечує жодна з представлених
систем. Досліджені системи підтримують інформаційне забезпечення всередині
закладу та надають інформацію відвідувачам про заклад за допомогою web-
сайту. На сайтах присутня лише форма зворотнього зв’язку та контактна
інформація. Детально опис досліджених web- орієнтованих систем та сайтів
різних оздоровчих закладів розглянуто нижче.
Арк.
ЧДТУ 211982.005 ПЗ 12
З м н. Арк. № докум. Підпис Дата

1.3.1 Сайт реабілітаційно-оздоровчої клініки «Астра»
Сайт реабілітаційно-оздоровчої клініки «Астра» має біло-блакитну
кольорову гамму, що є приємним для людського ока з боку ергономічних
властивостей (рис. 1.4).

Рисунок 1.4 – Головна сторінка сайту реабілітаційно-оздоровчої клініки «Астра»
Сайт містить основну інформацію про заклад, структуру,
адміністративний склад, фахівців, процедури. На сайті присутні новини у
вигляді статей і контактна інформація про місцезнаходження закладу.
Можливість он-лайн реєстрації до фахівця чи на процедуру відсутня.
Web-орієнтована інформаційна система даного закладу забезпечує
наступні можливості користувачів:
- збір та зберігання персональних даних про відвідувачів;
- обробка даних з метою врахування можливостей дисконтних знижок;
- передача та використання інформації, що стосується роботи закладу,
відвідувачів, персоналу, процедур тощо;
- автоматичне формування графіків процедур та занять;
- перегляд діагнозів, рекомендацій, історії обстежень.
Арк.
ЧДТУ 211982.005 ПЗ 13
З м н. Арк. № докум. Підпис Дата

1.3.2 Сайт оздоровчого закладу «Діалог»
Сайт оздоровчого закладу «Діалог» виконано в простій біло-пісочній
гамммі кольорів з використанням фото-зображень (рис. 1.5).

Рисунок 1.5 – Головна сторінка сайту оздоровчого закладу «Діалог»
Сайт містить лише основну інформацію про заклад, контактні данні, певний
перелік статей, інформацію про наявны послуги та процедури, а також форму
зворотнього зв’язку. На сайті відсутні новини і можливість запису на
консультацію до фахівця та процедури. Загалом, сайт виглядає як сайт-візитка
без корисних посилань.
Перевагами web- орієнтованї інформаційної системи даного закладу є:
- доступ з будь-якої точки – медпрацівники, адміністратори чи навіть
відвідувачи можуть зайти в систему з будь-якого пристрою: комп’ютера,
планшета, смартфона;
- централізоване зберігання даних – усі дані зберігаються на сервері, що
забезпечує цілісність та актуальність;
- масштабованість – система легко розширюється новими модулями;
- оновлення в реальному часі – всі зміни одразу доступні користувачам;
- захист даних – при правильному впровадженні ВОІС забезпечує сучасні
методи захисту (SSL, багаторівнева авторизація, логування дій тощо).
Арк.
ЧДТУ 211982.005 ПЗ 14
З м н. Арк. № докум. Підпис Дата

Серед недоліків варто відзначити відсутність можливості он-лайн запису на
консультацію фахівця чи процедуру, а також відсутність генерації сертифікату
про проходження курсу та звітів про ефективність лікування (динаміка стану
здоров’я).
1.3.3 Сайт оздоровчого комплексу «SLON SPA»

Рисунок 1.5 – Головна сторінка сайту оздоровчого комплексу «SLON SPA»
Сайт даного закладе розроблено в приємних мінімалістичних тонах із
застосуванням фото та відео-контенту. Текст містить змістовну та
структуровану інформацію про заклад та послуги, що надаються. Відвідвідувачі
можуть не лише ознайомитися з даною інформацією, а й надати відгук про
заклад та якість послуг.
Web-орієнтована інформаційна система даного закладу забезпечує
можливості:
- ведення іформації про відвідувачів закладу;
- формування листів призначення;
- web- орієнтованї інформаційної системи даного закладу;
- зворотний зв’язок , тобто відгуки пацієнтів, чат із персоналом,
опитування.
Арк.
ЧДТУ 211982.005 ПЗ 15
З м н. Арк. № докум. Підпис Дата

1.4 Висновки до розділу 1
У першому розділі проаналізовано предметну область розробки web-
орієнтованої інформаційної системи оздоровчого закладу. Досліджено структуру
та напрямки діяльності об’єкта управління. Досліджено всі бізнес-процеси, що
реалізуються в оздоровчих закладах. Для кращого розуміння web -орієнтованої
системи порівняно три аналогічні продукти: web-орієнтована інформаційна
система реабілітаційно-оздоровчої клініки «Астра», web-орієнтована
інформаційна система оздоровчого закладу «Діалог», web-орієнтована
інформаційна система оздоровчого комплексу «SLON SPA». Після порівняння
функцій досліджуваних систем, визначено переваги та недоліки, які необхідно
враховувати в процесі розробки web-орієнтованої інформаційної системи
оздоровчого закладу. Також в розділі описані функціональні та нефункціональні
вимоги до розроблюваної системи.
Арк.
ЧДТУ 211982.005 ПЗ 16
З м н. Арк. № докум. Підпис Дата

2 ПРОЄКТУВАННЯ WEB-ОРІЄНТОВАНОЇ ІНФОРМАЦІЙНОЇ
СИСТЕМИ ОЗДОРОВЧОГО ЗАКЛАДУ
2.1 Розробка архітектури системи
Для розробки архітектури web-орієнтованої інформаційної системи
оздоровчого закладу взята архітектура клієнт-серверного додатка. Вибрана
архітектура найчастіше використовується при роботі з базами даних та
мережами і забезпечує обмін даними між цими компонентами. Архітектура
«клієнт-сервер» забезпечує наступні три основні компоненти [5]:
 сервери, які обробляють отримані запити та видають
відповідний результат;
 клієнти, які отримують доступ до серверів із запитами
даних;
 мережа, яка забезпечує обмін даними між клієнтами та
серверами.
Дані обробляються та зберігаються на стороні сервера, дані
відображаються, а запити на сервер надсилаються на стороні клієнта. На рис. 2.1
показано трирівневу архітектуру web-системи.

Рис. 2.1. Клієнт-серверна архітектури
Арк.
ЧДТУ 211982.005 ПЗ 17
З м н. Арк. № докум. Підпис Дата

Перший рівень – це клієнт, який надсилає запити на сервер і отримує
результат обробки запитів. Клієнт – це браузер користувача. Другий рівень – це
бізнес-логіка програми. Це логіка, за якою web-сервер обробляє запити,
отримані від клієнта. Третім рівнем є сама СУБД, яка отримує запити від
сервера і повертає необхідні дані на сервер або зберігає їх. На рис. 2.2 наведена
схема ієрархії системних функцій.

Рисунок 2.2 – Ієрархія системних функцій
Діаграма ієрархії функцій показує назви системних функцій та
послідовність їх виклику, відповідно до дій користувача в системі. Наприклад,
функція printPreviousTickets () не працюватиме, якщо користувач раніше не
пройшов процес авторизації, тобто функція авторизації () не була виконана.
Діаграма стану показує, що систему можна описати як кінцеву кількість станів
[6]. Ця діаграма використовується для абстрактного опису поведінки системи.
Ця поведінка аналізується і відтворена послідовність подій, що відбуваються в
Арк.
ЧДТУ 211982.005 ПЗ 18
З м н. Арк. № докум. Підпис Дата

одному або декількох можливих станах системи. Як правило, одна діаграма
описує один об’єкт і відстежує зміни стану цього об’єкта в системі. Діаграма
станів процесу реєстрації в системі наведена на рисунку 2.3.

Рисунок 2.3 – Схема станів процесу реєстрації в системі
Під час процесу реєстрації система отримує дані про реєстрацію з форми
на сторінці сайту, перевіряє їх, чи дані введені у правильному форматі, а також
перевіряє, чи є користувач із вказаною адресою електронної пошти. Після
успішної перевірки дані користувача зберігаються в системі, і користувачеві
надсилається електронне повідомлення з листом про успішну реєстрацію на
сайті. На рис. 2.4 наведена схема стану, що описує процес реєстрації відвідувача
на прийом.
Арк.
ЧДТУ 211982.005 ПЗ 19
З м н. Арк. № докум. Підпис Дата

Рис. 2.4. Схема процесу реєстрації користувача
Для того, щоб мати можливість зареєструватися на консультацію до
фахівця чи процедуру, користувач повинен мати авторизацію в системі.
Система відображає список послуг, що надає оздоровчий заклад, та чекає
відповіді користувача. За отриманими даними система відображає перелік
Арк.
ЧДТУ 211982.005 ПЗ 20
З м н. Арк. № докум. Підпис Дата

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

Рис. 2.5. Схема процесу керування даними оздоровчого закладу
Система отримує дані авторизації та перевіряє, чи відповідають вони
даним авторизації адміністратора типу користувача. Після успішної авторизації
система чекає даних про оздоровчий заклад, перевіряє їх і зберігає в базі даних.
Арк.
ЧДТУ 211982.005 ПЗ 21
З м н. Арк. № докум. Підпис Дата

Потім він отримує дані про фахівця та процедури, також перевіряє та зберігає
їх у базі даних.
2.2 Структура бази даних
Для розробки моделі бази даних була вибрана реляційна модель даних.
Вона найкраще підходить для цього завдання, оскільки має ряд переваг [7]:
 незалежність програм від даних. Ідея використання баз
даних та систем управління базами даних передбачає використання
додаткового рівня між додатками та самими даними, щоб
програмісти додатків могли абстрагуватися від реалізації самої бази
даних та зосередитись на логіці обробки даних;
 простота розробки та моделювання інформаційного
ресурсу як оплата деяких обмежень та уніфікація на рівні здійснення
операцій з даними; наявність умов для управління даними через
операції над наборами.
У процесі проєктування структури бази даних потрібно створити
діаграму корпоративної моделі даних і на основі певних елементів та
взаємозв’язків створити ER-діаграму. Схема корпоративної моделі даних
представлена на рисунку 2.6 [8].

Рисунок 2.6 – Модель корпоративних даних
Арк.
ЧДТУ 211982.005 ПЗ 22
З м н. Арк. № докум. Підпис Дата

ERD (діаграма взаємовідносин суб’єктів господарювання) описує
взаємопов’язані предмети, що цікавлять певну область знань. Модель ER
складається з типів сутностей, які описують об’єкти, що представляють
інтерес, та визначає зв’язки, які можуть існувати між двома екземплярами цих
типів сутності [9]. ER-діаграма web-орієнтованої інформаційної системи
оздоровчого закладу представлена на рис.2.7.

Рисунок 2.7 – ER-діаграма web- орієнтованої інформаційної системи
оздоровчого закладу
ER-діаграма показує наступні взаємозв’язки: Відвідувач, Процедура,
Запис на процедуру, Медична картка. Фізичний дизайн бази даних включає
створення таблиць у відповідній базі даних, відповідно до ER-діаграми. Для
цього вибрано СУБД MySql. Для створення єдиної таблиці в базі даних
використовувався наступний DDL-код.

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

Таблиця «Patients» складається з таких полів:
- patient_id INT (PK) Унікальний ID пацієнта
- first_name VARCHAR(50) Ім’я
- last_name VARCHAR(50) Прізвище
- birth_date DATE Дата народження
- gender ENUM Стать (Male/Female/Other)
- phone VARCHAR(20) Телефон
- email VARCHAR(100) Email (опціонально)
- address TEXT Адреса.
Структура таблиці «Appointments» складається з наступних полів:
Поле Тип даних Опис
- appointment_id INT (PK) ID запису
- patient_id INT (FK) Пацієнт
- procedure_id INT (FK) Процедура
- doctor_id INT (FK) Лікар, який проводить
- appointment_date DATETIME Дата і час
- status ENUM Статус (заплановано, завершено).
Таблиця «Medical_Cards» складається з таких полів:
Поле Тип даних Опис
- card_id INT (PK) Унікальний ID картки
- patient_id INT (FK) Зв’язок з таблицею Patients
- chronic_diseases TEXT Хронічні захворювання
- allergies TEXT Алергії
- notes TEXT Додаткові медичні нотатки.
Структура таблиці «Procedures» складається з наступних полів:
Поле Тип даних Опис
- procedure_id INT (PK) Унікальний ID процедури
- name VARCHAR(100) Назва процедури
- description TEXT Опис процедури
Арк.
ЧДТУ 211982.005 ПЗ 24
З м н. Арк. № докум. Підпис Дата

- duration_minutes INT Тривалість
Таблиця «Staff» складається з таких полів:
Поле Тип даних Опис
- staff_id INT (PK) ID працівника
- name VARCHAR(100) ПІБ
- role ENUM Посада (лікар, адміністратор…)
- specialization VARCHAR(100) Спеціалізація (опц.)
- email VARCHAR(100) Email
- phone VARCHAR(20) Телефон.
Аналогічно побудовані й наступні таблиці.
2.3 Принципи розробки web-сайтів.
Інтернет – це глобальний багатовіконний діапазон комп'ютерних баз
даних, що мають спільну інформаційну архітектуру та постійно оновлюються.
Концептуально, web є системою управління базами даних, як «клієнт»-
«сервер» [10].
Як зазначено в [11], Web-сторінка – це документ, який користувач
отримує, коли зчитує HTML-файл зі спеціальної програми – web-браузера.
Web-сайт містить текст, графіку і посилання на інші документи і файли (текст,
графіку, аудіо і відео).
Web-сторінки, об'єднуються в загальну структуру і утворюють web-
сайт. Крім реальних web-сторінок, web-сайт містить теги і файли, що
забезпечують його роботу в Інтернеті.
Вузол Web – це частина системи Internet. Сервер Web – це програмне
забезпечення вузла, дозволяє браузеру отримати доступ до документів,
збережені на вузлі.
Web-сервер – це комп’ютер, підключений до Інтернету, який підтримує
протокол передачі гіпертексту (HTTP). Він використовується для передачі
даних в Інтернеті і дозволяє користувачам завантажувати та відтворювати
Арк.
ЧДТУ 211982.005 ПЗ 25
З м н. Арк. № докум. Підпис Дата

текст, зображення, звук, відео та інші дані. FTP (File Transfer Protocol) – також
розповсюджений метод завантаження різних файлів на віддалений сервер.
На запит користувача web-сервер використовує спеціальне програмне
забезпечення для представлення розміщених на ньому web-сторінок та
пов'язаних із ним файлів. URL-адреса – це уніфікований локатор ресурсів,
адреса файлу в мережі. Після отримання запиту сервер відображає потрібну
сторінку та всі пов’язані файли, такі як зображення, звуки тощо.
Web-браузер – основний інструмент для перегляду і отримання
інформації в Інтернеті. Це програма, яка інтерпретує і відображає файли HTML
як web-сторінки. Приклади web-браузерів: MS Internet Explorer, Google Chrome,
Firefox, Opera тощо.
Web-браузер використовувується для переходу з однієї web-сторінки на
іншу за допомогою гіперпосилань, завантаження файлів з Інтернету на свій
комп'ютер, відтворення аудіо-, анімаційних і відеофайлів на web-сторінці і
запуску додатків (наприклад, електронна пошта) [].
Публікація web-сайту на web-сервері є важливим етапом роботи з
сайтом. Як зазначено в [12], щоб розмістити web-сайт в Інтернеті, необхідно
опублікувати його на web-сервері. Як правило, публікація – це копіювання всіх
файлів на віддалений сервер. Зазвичай, віддалене розташування – це шлях
HTTP або FTP. Використовуваний шлях залежить від технології, яку підтримує
сервер.
Точкою входу будь-якого Web-вузла є його вигляд. Вона відкривається
за замовчуванням, коли відвідувач переходить на вузол в Web-браузері, і
забезпечує зв'язок з іншими Web-сторінками вузла, використовуючи
гіперпосилання.
Гіперпосилання – це елемент Web-сторінки (текстовий або графічний),
який є вказівником для переходу на іншу Web-сторінку. Існують внутрішні і
зовнішні гіперпосилання. Внутрішні забезпечують перехід на іншу частину
певної сторінки, файл або іншу сторінку даного Web-вузла. Зовнішні вказують
Арк.
ЧДТУ 211982.005 ПЗ 26
З м н. Арк. № докум. Підпис Дата

на файл або сторінку іншого Web-вузла. При натисканні мишею по
гіперпосиланню, яке знаходиться на відкритій Web-сторінці, вказаний в ній
об'єкт відображається в Web-браузері, відкривається або запускається в
залежності від типу цього об'єкта (файл, сторінка, програма). В Internet
гіперпосилання є основним засобом переходів між Web-сторінками і Web-
вузламих[13].
Панель посилань – це серія графічних або текстових кнопок на web-
сторінці, що містить гіперпосилання[14].
Гіпероб’єкт – це область або рядок тексту на зображенні, призначена
для гіперпосилання. Коли відвідувач сайту натискає цю область або рядок,
об’єкт, адреса якого вказано в гіперпосиланні, відкривається у web-браузері.
Зображення, що містить один або кілька гіперпроектів, називається
гіпермапою. Зазвичай він надає поради відвідувачам сайту щодо розташування
гіпероб’єктів [15].
Структура web-сайту визначається стандартною процедурою. Як
зазначено в [16], web-сайт складається з ряду web-сторінок, які пов’язані між
собою, утворюючи загальну структуру з ієрархічним виглядом. Вершиною цієї
структури зазвичай є головна сторінка (домашня сторінка). Зазвичай він
відповідає файлу HTML із назвою Default.htm або Index.htm.
Перш ніж розпочати роботу над сайтом,необхідно визначити майбутній
результат та перспективи розвитку сайту. Тому необхідно вирішити наступні
задачі:
• мета створення сайту;
• тематика сайту;
• вид сайту (інтернет-магазин, портал, лендінг тощо);
• відмінність від інших подібних сайтів;
• визначення цільової аудиторії (стать, вік, інтереси тощо);
• присутні на сайті сервіси (форум, каталог, пошта і тощо);
• перспективи на найближче майбутнє;
Арк.
ЧДТУ 211982.005 ПЗ 27
З м н. Арк. № докум. Підпис Дата

• перспективи подальшого розвитку.
Дані задачі необхідно вирішити перед початком впровадження. Робота
над концепцію сайту є найважливішим етапом створення web-сайту.
Структура сайту формується у відповідності до мети сайту. Тому
важливим є план створення web-сайту. Чітко сформульовано, що і де буде
знаходитесь. Цей план зображується у вигляді макету і називається розробкою
структури сайту. Структуру сайту можна розділити на зовнішню та внутрішню.
Внутрішня структура web-сайту залежить від того, яка інформація публікується
та які матеріали доступні. Необхідно вирішити, які розділи та підрозділи
знаходяться на сайті, тобто створити дерево сайту.
Зовнішня структура – це розташування найважливіших елементів на
кожній сторінці. Тут потрібно вирішити, де знаходиться меню, можливо,
пошук, основний вміст, деякі новини про нові розділи сайту, оновлення,
лічильники та банери, якщо вони розміщені на сайті. Розробляючи зовнішню та
внутрішню структуру, необхідно зосереджуваться на тому, щоб полегшити
майбутнім відвідувачам навігацію web-сайтом, щоб можна було легко знайти
важливу та необхідну інформацію. Тому перед тим, як розпочати розробку
структури сайту, вам потрібно вивчити ресурси на подібні теми і подивитися,
як там вирішується це завдання. Тим не менш, вам потрібен приклад, і цей
приклад потрібно вибирати з багатьох сайтів [17].
Дизайн – це зовнішній вигляд web-сайту. Перше враження від сайту
дуже важливе, оскільки воно залежить від того, чи залишиться відвідувач або
ознайомиться з інформацією, яку йому пропонують, чи закриє вікно цього
сайту і назавжди забуде про його існування. Дизайн web-сайту повідомляє
відвідувачеві, де він знаходиться – чи це корпоративний web-сайт компанії, чи
інформаційний портал, чи літературний web-сайт, чи щось інше. Дизайн
допомагає користувачеві орієнтуватися на web-сайті і навпаки, занурюючи
відвідувача так, що навіть маючи добре продуману структуру, відвідувач
матиме труднощі з навігацією. Багато що залежить від дизайну – візуальна
Арк.
ЧДТУ 211982.005 ПЗ
28
З м н. Арк. № докум. Підпис Дата

інформація є не менш важливою, ніж текст, який потім заповнює сайт. Не
думайте, що дизайн – це справа смаку: я буду робити те, що хочу. Це неправда.
Дизайн – це справжня наука. Щоб оволодіти нею, потрібно ознайомитись із
такими поняттями, як колір (теорія кольорів), композиція, шрифт та багатьма
іншими. Дизайн оформлюється відповідно до певних законів та норм, і дизайн
web-сайту не є винятком. На додаток до теорії, вам також потрібно освоїти
безліч програм для реалізації ідей. Дизайн web-сайтів – це складна наука: для
створення високоякісного дизайну web-сайту потрібно багато знати і багато
вміти [18].
Кодування та програмування є наступним етапом створення сайту.
Після створення оболонки (макету сайту) і плану дій (структури) можна
перейти до кодування. За оболонкою сайту знаходиться каркас, в якому
знаходиться ця оболонка. Це код сторінки. Він відповідає за те, як текст і
зображення відображаються в певному порядку на сторінці. HTML є основною
мовою для створення розміщених у Всесвітній павутині. Завдяки мові розмітки
web-користувач може бачити документ на екрані у тому вигляді, в якому він
був розроблений розробником: із певними розмірами шрифтів та абзацами, із
зазначеним розміром та положенням зображень, із вибраними словами,
посиланнями і т. д. HTML – серія транзакцій для маркування документів, що
визначають зовнішній вигляд документів на екрані комп'ютера при доступі до
них за допомогою програми браузера. Документи, підготовлені в HTML,
називаються HTML-документами. Ви можете собі уявити, як виглядає код
документа HTML, коли ви завантажуєте документ у браузер і запускаєте
команду Переглянути – як HTML (в Internet Explorer). У вікні редактора ви
можете побачити код поточного документа [19].
Документ HTML (або web-сторінка) – це простий текстовий файл із
розширенням htm або html, написаний на мові HTML, що містить інформацію
для публікації у Всесвітній павутині.
Арк.
ЧДТУ 211982.005 ПЗ 29
З м н. Арк. № докум. Підпис Дата

Згідно [20], HTML-код дуже компактний, документи HTML набагато
менші, ніж документи, створені в текстових редакторах, таких як Word. Це
одна з основних причин повсюдного використання HTML для кодування
повідомлень, що розповсюджуються через Інтернет. Документи HTML
зберігаються не по одному, а у вигляді web-сайтів.
Кодування та програмування – це також досить складний крок у
створенні web-сайту. Хороші, міцні знання та досвід потрібні людині, яка
розробляє програмне забезпечення сайту та пише код сайту, а також дизайнеру,
щоб створити якісний комерційний та серйозний проект. У випадку з
аматорськими проектами та домашніми сторінками, то тут вимоги послаблені.
Тестування та виправлення. Коли сайт буде готовий, він буде
опублікований в Інтернеті. Для цього вам потрібно зареєструвати доменне ім’я
(адресу) для сайту та визначити хостинг (розташування на сервері провайдера,
де знаходиться сторінка). Процес розміщення web-сайту в Інтернеті не дуже
складний. Ви можете все дізнатись в Інтернеті.
Якщо сайт розміщений в Інтернеті, перед тим, як рекламувати та
просувати його, слід перевірити його функціональність. Деякі сценарії можуть
працювати з помилками. Можливо, десь бракує важливої та цінної інформації
або може знадобитися зображення.
Після тестування та перевірки ефективності сайту слід попросити
людей, які не брали участь у розробці, протестувати та переглянути сайт ще
раз. Цілком можливо, що не були помічені деякі недоліки, які можна побачити
новим оком, людиною, яка не брала участі в її розвитку. Ви також можете
провести опитування, використовуючи опитування: що подобається або не
подобається відвідувачам сайту, зручність навігації тощо.
Тестування у процесі створення сайту має важливе значення.
Необхідно заздалегідь передбачити можливості додати допис, редагування
статті, підвищення рейтингу цитування статті [21].
Арк.
ЧДТУ 211982.005 ПЗ 30
З м н. Арк. № докум. Підпис Дата

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

багато часу та зусиль. Звичайно, існують і інші безкоштовні технології для
просування сайту, такі як спам або шахрайство, але я хотів би застерегти від
використання цих методів. Ефект тимчасовий, ці методи чорні, тобто такі
методи не схвалюються рейтингами та пошуковими системами і можуть
призвести до того, що web-сайт буде виключений із рейтингу та заблокований
у пошукових системах. Ви можете більше прочитати про методи реклами та
просування web-сайтів в Інтернеті. Адже для того, щоб безкоштовно просувати
ресурс, знадобиться багато часу та зусиль. Звичайно, існують і інші
безкоштовні технології для просування сайту, такі як спам або шахрайство, але
я хотів би застерегти від використання цих методів. Ефект тимчасовий, ці
методи чорні, тобто такі методи не схвалюються рейтингами та пошуковими
системами і можуть призвести до того, що web-сайт буде виключений із
рейтингу та заблокований у пошукових системах. Ви можете прочитати більше
про методи просування web-сайту в Інтернеті. Тим не менш, такі методи не
вітаються рейтингами та пошуковими системами і можуть призвести до
заборони сайту на рейтинг і блокування в пошукових системах. Ви можете
прочитати більше про методи просування web-сайту в Інтернеті. Тим не менш,
такі методи не вітаються рейтингами та пошуковими системами і можуть
призвести до заборони сайту на рейтинг і блокування в пошукових системах.
Ви можете знайти більше інформації про методи реклами та просування web-
сайтів в Інтернеті [22].
Подальша підтримка та оновлення впливає на життєздатність сайту в
майбутньому. Незалежно від того, наскільки хороший web-сайт, його слід
регулярно поповнювати новою інформацією, щоб не втратити відвідувача.
Обслуговування та оновлення комерційних web-сайтів, як правило, здійснює
також фахівець: web-розробник. З одного боку, це універсальний, який вимагає
знання роботи з графікою (поверхня), хорошого знання кодування (HTML,
CSS) та знання мов програмування (поверхня), з іншого боку, Інтернету.
Розробник не має ані глибоких знань програмування, ані дизайнерських знань,
Арк.
ЧДТУ 211982.005 ПЗ
32
З м н. Арк. № докум. Підпис Дата

тобто він не може замінити дизайнера або програміста при розробці
авторитетного комерційного ресурсу. Вам потрібно підтримувати особисті
проекти самостійно, хоча добровольці можуть з’являтися з часом, якщо ресурс
хороший. Однак відвідувача цікавить не тільки нова інформація. Важливо
також підтримувати зв’язок з відвідувачами: спілкуватися на форумі або в
гостьовій книзі, розташованій на web-сайті, і, якщо це можливо, відповідати на
всі листи відвідувачів. Розробляючи ресурс, іноді потрібно орієнтуватися на
думку відвідувача. Вам потрібно стежити за web-сайтами подібної тематики та
бути на правильному рівні. Гнатись за дизайнерськими тенденціями та новими
технологіями: те, що було добре кілька років тому, сьогодні може бути
застарілим і безглуздим. Може трапитися так, що дизайн web-сайту, а також
його заповнення повинні змінитися і бути на потрібному рівні. Гнатись за
дизайнерськими тенденціями та новими технологіями: те, що було добре кілька
років тому, сьогодні може бути застарілим і безглуздим. Може трапитися так,
що дизайн web-сайту, а також його заповнення повинні змінитися і бути на
потрібному рівні. Гнатись за дизайнерськими тенденціями та новими
технологіями: те, що було добре кілька років тому, сьогодні може бути
застарілим і безглуздим. Може трапитися так, що дизайн web-сайту, а також
його заповнення повинні змінитися [23].
Програми, необхідні для web-освоєння. Для того, щоб створити
професійні сторінки, потрібно вивчити кілька професійних програм.
Візуальні web-редактори дозволяють швидко розробляти web-сторінки і
коригувати вже написані, але з ними потрібно бути обережними, так як,
завдяки саме їм, сторінка може погано відбиватися в браузері.
Найвідоміший – DremWiever, але зрештою ви можете використовувати
те, що хочете. Часто пізніше доведеться вручну виправляти код, згенерований
цими програмами.
Програми обробки растрової графіки – одні з найважливіших програм
для освоєння.
Арк.
ЧДТУ 211982.005 ПЗ 33
З м н. Арк. № докум. Підпис Дата

Вони нададуть можливість web-розробнику здійснити:
1) сканування фотографій;
2) корекцію відсканованих і готових фотографій, зокрема – то нова і
колірна корекція; ретуш фотографій;
3) розуміння відмінностей в форматах графічних файлів;
4) грамотне використання фільтрів.
В якості найпоширеніших програм можна назвати наступні:
Adobe PhotoShop – лідер в області графічних програм такого роду.
Adobe ImageReady – підтримує фільтри від Adobe PhotoShop і є майже
незамінною для створення анімаційних Gif-зображень.
Зрештою, не існує ідеальних редакторів, одні роблять одне краще, інші
роблять інше, тому ви можете використовувати інші програми для більш
складних або конкретних завдань.
Програми обробки векторної графіки - ще одна важлива програма для
дизайнера. Дозволяє створювати різноманітні логотипи, кнопки, ефективні
наклейки тощо з нуля або використовуючи картинки. Речі. Принципи
векторних редакторів сильно відрізняються від принципів растрових, тому
вивчати їх потрібно окремо. Але, засвоївши їх, ви можете створювати фірмові
візитки, бланки та брошури.
Типовими членами цього класу є Corel Draw та Adobe Illustrator –
обидва лідери у своїх галузях і відповідно мають останні досягнення у
векторній графіці. Навпаки, ви можете порадити програму Corel Xara. Ця
програма є швидкою і невеликою, на відміну від двох попередніх, але вона не
робить деяких ефектів та дій, доступних в інших програмах [24].
Web-браузери є браузерами - на даний момент популярними є три
браузери - Microsoft Internet Explorer, Google Chrome та Mozilla FireFox. Щоб
контролювати зовнішній вигляд сторінок, їх потрібно використовувати.
Якісний web-сайт повинен виглядати однаково в кожному з цих браузерів.
Арк.
ЧДТУ 211982.005 ПЗ 34
З м н. Арк. № докум. Підпис Дата

Для ручного виправлення та додавання HTML-коду потрібен простий
текстовий редактор, оскільки існуючі візуальні редактори не можуть повністю
контролювати процес створення web-сторінки. Прикладом може служити
звичайний редактор із стандартної доставки Windows або один із редакторів
HTML з інтегрованими командами для перевірки правильності тегів та
структури документа [25].
Текстовий процесор необхідний для введення, написання та
налагодження розпізнаного тексту. Прикладом може служити звичайний
Microsoft Word.
Програми розпізнавання тексту можуть заощадити вам багато часу,
позбавивши потреби вводити текст, який ви вводите вручну. Найпоширенішою
програмою є Fine Reader, яка розпізнає багато мов, має зручний інтерфейс та
ефективна та зручна у використанні.
Спеціальні програми дозволяють виконувати певні ефекти та
виконувати завдання, які неможливо виконати інакше.
Ulead GIF Animator - це програма для створення анімованих зображень
GIF. Має потужні засоби оптимізації.
Фільтри для Adobe PhotoShop - їх кількість просто величезна, але вам
дійсно потрібно трохи. Ви можете значно збільшити продуктивність і досягти
вражаючих ефектів за допомогою двох або трьох кліків.
Macromedia Flash - це стандарт для використання в web-анімованих
зображеннях. Має власне середовище розробки та дозволяє створювати
вражаючі векторні анімації.
3D-nporpaMMbi - Створюйте тривимірні композиції та експортуйте їх
до графічних форматів, що використовуються в Інтернеті. Як приклад - 3D
Studio Max.
Програмне забезпечення для обробки звуку - може знадобитися, якщо
цього вимагає web-сайт. Це, як правило, програми в окремому класі, але
CoolEdit, наприклад, підходить для простої обробки звуку [26].
Арк.
ЧДТУ 211982.005 ПЗ 35
З м н. Арк. № докум. Підпис Дата

Це далеко не вичерпний перелік програм побудови web-сторінок.
Звичайно, не всі вони повинні бути одразу, щоб почати писати ваші сторінки.
Спочатку достатньо певного візуального редактора, і з ростом досвіду
додається більше програм [12].
2.4 Створення бази даних
Спочатку потрібно ввести назву нашої бази даних, наприклад, ввести ім’я
«WordPress» і вибрати кодування «utf8_bin» зі спадного списку «Порівняння», а
потім натиснути на «Створити». (рис. 2.8).

Рисунок 2.8 – Створення бази даних
Після цього з’явиться повідомлення (рис. 2.9):

Рисунок 2.9 – Створення бази даних
І зліва, в списку «БД:», відображуватиметься створена база даних (рис.
2.10).

Рисунок 2.10 – Створена база даних
Арк.
ЧДТУ 211982.005 ПЗ 36
З м н. Арк. № докум. Підпис Дата

Після цього нам потрібно підключити нашу базу даних до нашої системи.
Для цього вам потрібно змінити певні параметри у файлі "wp-config", який
повинен знаходитися в папці "wordpress" нашої системи. Наразі в цій папці
немає такого файлу, і нам потрібно його створити. Тож перейдіть до "Web-
сервера" >> "home" >> "localhost" >> "www" >> папка "wordpress", знайдіть файл
"wp-config-sample" і просто назвіть його "wp- config" um " (Рис. 2.11).

Рисунок 2.11 – Поєднання бази даних з інформаційно-аналітичною
системою
Тепер ми відкриваємо цей файл за допомогою тестового редактора
Notepad2. Тут ми повинні вказати такі параметри: Назва бази даних. Знайдіть
рядок: define ("ім'я бази даних", "ім'я бази даних_тут"); і замість
ім'я_бази_бази_тут ми вводимо ім'я бази даних, яке ми вказали при створенні
бази даних, тобто "wordpress" (рис. 2.12).

Рисунок 2.12 – Поєднання бази даних з інформаційно-аналітичною
системою
Ім'я користувача бази даних. Знайдіть рядок: define ("db_user",
"username_here"); Введіть root замість username_here, оскільки Wordpress буде
встановлений на локальному сервері (рис. 2.13).

Рисунок 2.13 – Ім’я користувача бази даних
Арк.
ЧДТУ 211982.005 ПЗ 37
З м н. Арк. № докум. Підпис Дата

Пароль MYSQL. Знаходимо рядок: define (‘‘db_password’’,
‘‘password_here’’); і прибираємо фразу password_here, при встановленні на
локальний сервер пароль не потрібний (2.14).

Рисунок 2.14 – Створення паролю
Унікальні ключі аутентифікації. Треба знайти наступні рядки:

І додаєм в них які ні будь свої, довільні символи, щоб зробити їх
унікальними. Наприклад так:

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

також ER-діаграму, що демонструє взаємодію між взаємозв’язками і дозволяє
розпочати програмування баз даних.
Арк.
ЧДТУ 211982.005 ПЗ 39
З м н. Арк. № докум. Підпис Дата

3 РОЗРОБКА ПРОГРАМНОЇ ЧАСТИНИ
3.1 Вибір засобів розробки
3.1.1 Способи розробки web-орієнтованої інформаційної системи
оздоровчого закладу
В даний час існує маса різних способів і засобів створити свій сайт, але
будь-який з цих способів можна віднести до однієї з трьох категорій [27]:
 • розробка в конструкторі сайтів;
 розробка на CMS (особливо популярна WordPress);
 самостійна розробка, в тому числі з використанням
популярних інструментів і фреймворків (Laravel, Django, Spring та
ін.).
У кожного із способів є як свої плюси, так і недоліки. Розглянемо всі ці
способи.
Конструктор
Створення сайту на конструкторі подібно грі в Lego. Ідеальний варіант
для новачків або при наявності обмеженого бюджету для створення простого
сайту-візитки чи лендінг-пейджу.
Конструктор – програмне рішення (найчастіше онлайн), що дозволяє
побудувати сайт за модульним принципом, коли розробник збирає всю
конструкцію за допомогою готових «кубиків», які надає конструктор. Такий
підхід дозволяє створити сайт взагалі без знань про web-розробці та супутніх
навичок. Найбільше підійде тим, хто хоче зробити простенький сайт про себе
або свою компанію, без претензій на якість програмного коду і швидкість
роботи сайту. Також, на конструкторах часто роблять простенькі Лендінзі для
невеликих рекламних кампаній. Зробити серйозне корпоративне рішення або
інтернет-магазин на конструкторі неможливо.
плюси:
Арк.
ЧДТУ 211982.005 ПЗ 40
З м н. Арк. № докум. Підпис Дата

 Низька ціна. Майже всі конструктори спочатку
безкоштовні, а вартість модулів дуже низька;
 Простота використання. Для того, щоб створити свій
сайт, достатньо вміти користуватися браузером комп’ютера і мати
почуття смаку;
 Вся рутина робиться конструктором. Великі програмні
скрипти, підключення модулів, розміщення на хостингу та інші
приховані процеси здійснюються через зрозумілу панель управління
декількома кліками по кнопках.
мінуси:
 Приховані витрати. За первинною дешевизною часто
ховаються додаткові, часом значні, витрати: розміщення на
хостингу, домен другого рівня (по типу example.ru), електронна
пошта з ім’ям домена і ін .;
 Домен третього або більш високого рівня. При
використанні безкоштовних акаунтів в конструкторах, клієнт
отримує розміщення свого сайту тільки на домені не нижче третього
рівня, наприклад, sitename.constructor.com. Такі домени не
викликають великої довіри у інтернет-спільноти, а домени другого
рівня (напр. Sitename.com) коштують дорожче, ніж якщо їх купувати
у реєстраторів доменів безпосередньо;
 Ваговитість сайту. Сайт, зроблений на конструкторі
завжди буде завантажуватися довше аналогічного сайту, зробленого
на CMS або розробленого самостійно. Пояснюється це тим, що
конструктор містить в собі величезну кількість програмного коду,
який не відноситься до Вашого сайту, але необхідний для побудови
його підсумкового зовнішнього вигляду;
 Відсутність SEO. Незважаючи на заяви будь-якого
конструктора сайтів, провести повноцінне SEO сайту, зробленого на
Арк.
ЧДТУ 211982.005 ПЗ 41
З м н. Арк. № докум. Підпис Дата

конструкторі, буде неможливо через те, що SEO – це комплекс
заходів, в тому числі, по роботі з кодом, індексації в пошукових
системах, побудови структури сайту, і для Перш за все потрібно
доступ до програмного коду і розмітці, що неможливо в
конструкторі.
CMS.
Створення сайту з використанням популярних CMS вже вимагає
базових знань, навіть при використанні готових шаблонів, але дає безліч
переваг, в тому числі, можливість швидкого управління контентом [28].
В даному випадку розглянемо найпопулярнішу CMS – WordPress. У неї
є різні аналоги, які не настільки популярні, але мають схожий набір
інструментів і можливостей: Joomla, Drupal та інші.
CMS – це комплекс програмних інструментів для управління web-
контентом. Простими словами – це базовий каркас і набір додаткових
інструментів і надбудов, який дозволяє не тільки створити web-сайт або web-
додаток, а й підтримувати його роботу, оновлювати контент і взаємодіяти з
користувачами. Все CMS мають панель управління з відносно доброзичливим
інтерфейсом. Основна мова програмування – PHP. Будь-яка CMS може
дозволити створити навіть дуже складні рішення, такі як інтернет-магазини або
великі корпоративні сайти з глибокої вкладеністю сторінок, але і у них є свої
особливості [29].
Переваги:
 Безкоштовний доступ. Майже всі CMS (крім 1С-Бітрікс)
спочатку безкоштовні, а крім того, в мережі існує безліч готових
шаблонів сайтів під них (особливо під WordPress). Берете будь-який
вподобаний, міняєте дизайн під себе і сайт готовий;
 Зручне управління контентом. За допомогою панелі
керування керувати сайтом легко і просто. При використанні CMS
не потрібно особливих навичок для управління контентом;
Арк.
ЧДТУ 211982.005 ПЗ 42
З м н. Арк. № докум. Підпис Дата

 Безліч готових рішень. У мережі існує маса модулів,
плагінів, доповнень для різних завдань (від слайдерів для картинок
до систем seo-оптимізації і супроводу користувача).
Недоліки [30]:
 Уразливість сайту. Найважливіший мінус будь широко
поширеною CMS. Навіть сайти, зроблені на конструкторах часом
краще захищені від злому, ніж ті, які знаходяться під управлінням
WordPress і інших CMS. Навіть платна 1С-Бітрікс визнана далеко не
найнадійнішою і захищеною від атак і проникнення;
 Вимоги до знань. Розробка сайту на CMS вже вимагає
від клієнта базових знань по верстці і програмування (в основному,
на мові PHP), що вже додає складнощів при створенні сайту. Хоча,
варто зауважити, що знання можуть знадобитися тоді, коли клієнт
хоче додати в наявний шаблон новий функціонал або створити
повністю з нуля власний проект;
 Складнощі з переносом. Хоча популярні CMS на даний
момент мають автоматизовані засоби установки майже на будь-
якому хостингу, в разі необхідності перенесення сайту або
управління його положенням, можуть виникнути труднощі, так як
доведеться виробляти всю процедуру установки заново;
 Витрати на додатковий контент. Як і у випадку з
конструкторами, додаткові модулі та розширення сайту для CMS
коштують грошей, і в даному випадку, вже більших, ніж для
конструкторів. Майже будь-який модуль, який відноситься до
постійно використовуваних, зажадає або пристойних витрат на
початку, або платній Щомісячна плата за користування;
 Великий сайт = великі витрати. Розробка складного і
великого проекту на CMS за витратами вийде не дешевше, а в
деяких випадках, дорожче розробки на чистих мовах або з
Арк.
ЧДТУ 211982.005 ПЗ 43
З м н. Арк. № докум. Підпис Дата

використанням фреймворків. Помилка, що з CMS Ви зможете
зробити сайт дешевше, ніж замовивши його у професіоналів, таке
дуже часто зустрічається і потім обходиться клієнтові в додаткові
грошові витрати.
Самостійна розробка.
Використання чистого коду, або готових фреймворків призведе до
створення найефективнішого з точки зору продажів продукту сайту, але
вимагає наявності глибоких пізнань в мовах програмування, верстки та
суміжних областях.
Найбільш творчий і вільний, а й самий трудомісткий процес, який
можна порівняти з пошиттям костюма по фігурі. Написання сайту або web-
додатки вимагає серйозних знань не тільки по самим мов програмування, але і
розуміння архітектури, бізнес-процесів клієнта і багато чому іншого. При
цьому, створюючи сайт з нуля, клієнт отримає унікальний і персоніфікований
продукт, який буде вирішувати його завдання і не витрачати час на зайві
процеси. Самостійна розробка дозволяє створювати проекти будь-якої
складності і з будь-яких побажань клієнта.
плюси:
 Свобода вибору. Ви можете замовити все, що необхідно
для ефективного вирішення бізнес-завдань. При цьому, весь
функціонал буде написаний саме під Ваші потреби, а не адаптований
з будь-якого шаблону;
 Широкі можливості просування. На відміну від CMS і
конструкторів, просунути в природному пошуку самостійно
розроблений сайт набагато легше. Крім того, в нашій студії, при
замовленні корпоративного сайту або інтернет-магазину,
підготовчий етап до seo-просування входить у вартість розробки;
 Індивідуальний дизайн. Тільки чистий код дозволить
Вам створити той продукт, який Ви бачите і хочете отримати.
Арк.
ЧДТУ 211982.005 ПЗ 44
З м н. Арк. № докум. Підпис Дата

Окремо можна відзначити, що грамотний підхід до UI / UX може
бути тільки при використанні чистого коду, так як при використанні
CMS, клієнт змушений звертатися до готових рішень, які можуть не
відповідати всім його потребам.
Недоліками даної системи є:
 Ціна. Спірний, але все-таки мінус чистого коду. Хоча в
разі великих проектів, розробка без конструкторів і CMS є
найефективнішим і, часом, самим недорогим рішенням, так як в
результаті не доведеться отримувати не те, що хотілося, а в
подальшому не переробляти за будь-якої необхідності;
 Наявність знань. Самостійна розробка вимагає наявності
великої кількості знань з мов програмування, побудови архітектури
web-додатків, алгоритмам і структурам даних, бізнес-процесів і
багато чому іншому, що тягне за собою необхідність звертатися до
найманим фахівцям або в web-студії;
 Часові витрати. Як не крути, але використання CMS і
конструкторів дозволяє зробити простий сайт швидше, ніж при
розробці без них. У ситуаціях, коли час грає велику роль, звернення
до чистого коду стає безглуздим.
Детально оцінивши всі переваги та недоліки способів розробки web-
орієнтованих систем, вибір пав на використання CMS для створення web-
орієнтованої системи реєстратури поліклініки.
3.1.2 ПлатформаWordpress
Перш ніж розпочати розробку web-сайту в CMS WordPress, потрібно
встановити цю систему на хостинг. Щоб встановити систему управління
WordPress, ми завантажили останню версію з офіційного web-сайту
www.ru.wordpress.org.
Після встановлення системи на хостинг Jino на сторінці «Налаштування»
були зроблені необхідні налаштування web-сайту. На вкладці «Загальне» у полі
Арк.
ЧДТУ 211982.005 ПЗ 45
З м н. Арк. № докум. Підпис Дата

«Заголовок сайту» додано назву web-сайту «Medicus», для поля «Опублікувати
за замовчуванням» встановлено значення «Так».
Після налаштування системи ми виконуємо необхідні налаштування з
темою нового сайту.
Перш ніж відображати основний вміст на сторінках web-сайту, потрібно
створити сторінки та здійснити навігацію по створених сторінках.
По-перше, потрібно підготувати вихідні файли шаблонів для перенесення
WordPress.
У папці тем WordPress створено нову папку. Шаблон був скопійований
там у форматі html.
Щоб тема працювала і з’являлася на панелі адміністрування WordPress, у
верхній частині файлу Style.css необхідно написати рядки, показані на рис. 3.1.

Рисунок 3.1 – Код для відображення теми в адміністративній панелі

Далі створюємо файл «header.php», в який копіюється частина коду з
«index.html», показаного на рис. 3.2.

Рисунок 3.2 – Частина коду header.php
Арк.
ЧДТУ 211982.005 ПЗ 46
З м н. Арк. № докум. Підпис Дата

Створюємо файл «footer.php» і копіюємо до нього частину коду з
«index.html», як показано на рис. 3.3.

Рисунок 3.3 – Частина коду footer.php

Створюємо файл «front-page.php». Туди ми помістили так звану
«середину» сайту – це те, що розташоване між «Верхнім колонтитулом» сайту і
«Нижнім колонтитулом» сайту (рис. 3.4).

Рисунок 3.4 – Частина коду Front-page.php

У файл «index.php» ми включаємо «верхній і нижній колонтитули»
нашого сайту. Між тегами ми створюємо контейнер, який відображатиметься на
головній сторінці, вміст із файлу «index.html», вміст, який нам потрібен на
головній сторінці web-сайту медичної клініки (рис. 3.5).
Арк.
ЧДТУ 211982.005 ПЗ 47
З м н. Арк. № докум. Підпис Дата

Рисунок 3.5 – Код index.php

У файлі "functions.php" ми описуємо кілька функцій, встановлюємо
каталог, де WordPress знайде файли таблиць стилів, встановлюємо використання
скриптів із вбудованої бібліотеки jquery. У цьому ж файлі ми встановили
команду WordPress для використання стандартного меню заголовка з
налаштувань зовнішнього вигляду шаблону, адміністративної панелі (рис. 3.6).

Рисунок 3.6 – Код functions.php

Наступним етапом є заповнення інформаційного вмісту на сторінках
web-сайту.
Для реалізації основних функцій на web-сайті були використані наступні
модулі:

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

 форма зворотного зв’язку. Модуль Contactform 7
обробляє дані, які користувачі вводять у форми на сайті. Забезпечує
надійний захист від спаму за допомогою текстового запитання або
капчі. Має можливість вкласти необхідні файли. Отримані дані
можуть бути надіслані електронною поштою з використанням
формату розмітки, вкладень, автовідповідача, а також вдосконаленої
обробки даних та створення спеціальних звітів;
 карта розташування – модуль карти. Модуль Map
необхідний для відображення послуги "Карти Google" у простій
формі на сторінці web-сайту.
3.2 Дизайн web-орієнтованої інформаційної системи оздоровчого
закладу
Працюючи над завданням створення інформаційного порталу
оздоровчого закладу, потрібно було побудувати зрозумілий і легкий для
сприйняття користувачами інтерфейс, не обтяжений зайвими функціями, але
достатньо наповнений потрібною інформацією з функціональними
можливостями інтерактивної системи.
Дизайн інтерфейсу користувача web-орієнтованої інформаційної системи
оздоровчого закладу та відповідного сайт й розроблено у стриманій блакитно-
синій кольоровій гамі, що легко сприймається користувачами. Усміхнене
обличчя налаштовує на позитив і вселяє надію, що надані послуги будуть
виконані на високому професійному рівні. Логотип оздоровчого закладу
MEDICUS легко запам’ятовується. При кліканні на ньому користувач
переходить на Головну сторінку сайту,яка розроблена за останніми
дизайнерськими віяннями у стилі Landing Page. Фактично тут є уся інформація,
яка потрібна користувачам, але вирішено було доповнити сайт ще кількома
сторінками для більш повного висвітлення роботи і задач оздоровчого закладу
Medicus.
Арк.
ЧДТУ 211982.005 ПЗ 49
З м н. Арк. № докум. Підпис Дата

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

Рисунок 3.7 – Головне меню.

Меню було створено в Консолі (Рис. 3.8):

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

Головне меню включає в себе сторінки:
 Головна. На головній сторінці користувач може познайомитись
віртуально з персоналом оздоровчого закладу, годинами роботи, відділеннями та
їх послугами, ознайомитися з поширеними питаннями, продивитися останні
дописи в блозі, а також записатись до фахівця чи процедуру, натиснувши на
відповідну кнопку. Нижче під меню є два слайди з інформацією і переходами на
сторінку Процедури та на сторінку Запис до фахівця. В підвалі сторінки також є
реквізити оздоровчого закладу та кнопки соціальних мереж, де присутні профілі
Арк.
ЧДТУ 211982.005 ПЗ 50
З м н. Арк. № докум. Підпис Дата

оздоровчого закладу (Рисунок 3.9).

Рисунок 3.9 – Головна сторінка.
Адміністратор сайту адмініструє та налаштовує сайт в Консолі
WordPress. Для більшої наглядності дизайн сайту можна редагувати за
допомогою візуального редактора плагіну WPBakery Page Builder. Він дозволяє
складати дизайн з окремих блоків, як то текстові блоки, кнопки, іконки,
розподілювачі, слайди тощо (Рисунок 3.10).
Арк.
ЧДТУ 211982.005 ПЗ 51
З м н. Арк. № докум. Підпис Дата

Рисунок 3.10 – Редагування Головної сторінки у візуальному редакторі
Також в Консолі можна, наприклад, додати чи редагувати сторінки сайту
(Рисунок 3.11) чи медіа файли, які використовуються на сайті (Рисунок 3.12).

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

Рисунок 3.12 – Медіафайли в Консолі

3.3 Висновки до розділу 3
В третьому розділі обґрунтовано вибір засобу розробки WEB-
орієнтованої системи, а саме застосування CMS WordPress 3.3.2. Вибір даного
пакету обґрунтований тим, що створення сайту з використанням популярних
CMS вимагає наявність лише базових знань при використанні готових шаблонів,
але дає безліч переваг, в тому числі, можливість швидкого управління
контентом.
В розділі детально описано процес створення WEB-орієнтованої системи
оздоровчого закладу.

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

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

СПИСОК ВИКОРИСТАНИХ ДЖЕРЕЛ
1. Прокопенко Т.О. Інформаційні технології управління організаційно-
технологічними системами: [текст] монографія / Т.О. Прокопенко, А.П.
Ладанюк. – Черкаси: Вертикаль, видавець Кандич С.Г., 2015. – 224 с.
2. https://protocol.ua/ua/pro_fizichnu_kulturu_i_sport_stattya_15/ (дата
звернення 12.04.2025)
3. В.Г. Іванов, В.В. Карасюк,М.В Гвозденко Основи інформатики та
обчислювальної техніки: Підручник Харків.: Видавництво: Право, 2012 р.
– 312 с. Електр.версія
4. Пономаренко В.С. Інформаційні системи і технології в економіці. - К.: ВЦ
Академія, 2008. – 544с.
5. Гайдаржи В. І., Ізварін І. В. Бази даних в інформаційних системах.
Університет "Україна". 2018. 418 с.
6. Харів Н. О. Бази даних та інформаційні системи: навчальний посібник.
Рівне : НУВГП, 2018. 127 с.
7. Ярцев В.П. «Організація баз даних та знань». Київ: ДУТ- 2018. 214 с.
8. О.М. Томашевський Г.Г. Цегелик, М.Б. Вітер, В.І. Дубук Інформаційні
технології та моделювання бізнес процесів К.: ЦУЛ, 2012 р. -296 с.
9. Берко А.Ю., Верес О.М.Технології баз даних та знань. Магнолія 2006.
2024. 636 с.
10. Mark Watson. Scripting Intelligence: Web 3.0 Information Gathering and
Processing Apresspod Series. Expert’s Voice in Open Source. Books for
professionals by professionals. Published in: Springer, 2009. — 392 р.
11. Методи та засоби мультимедійних інформаційних систем: навч. посіб.
[Текст] / Т. М. Басюк, П. І. Жежнич; Нац. ун-т "Львів. політехніка". –
Львів : Вид-во Львів. політехніки, 2015. – 426 c. – Бібліогр.: с. 413-416.
12. O’Reilly, Tim (2007): What Is Web 2.0: Design Patterns and Business Models
for the Next Generation of Software. Published in: International Journal of
Digital Economics, No. 65 (March 2007) — P. 17–37
Арк.
ЧДТУ 211982.005 ПЗ 55
З м н. Арк. № докум. Підпис Дата

13. Сусіденко В.Т. Інформаційні системи і технології в обліку [Текст] / В-во:
ЦНЛ – 2016. – 224 с.
14. Буйницька О.П. Інформаційні технології та технічні засоби навчання.
Навчальний посібник рекомендовано МОН України [Текст] / В-во: ЦНЛ. –
2018. – 240 с.
15. Трофименко О. Г. Веб-технології та веб-дизайн : навч. посібник / О. Г.
Трофименко, О. Б. Козін, О. В. Задерейко, О. Є. Плачінда. – Одеса :
Фенікс, 2019. – 284 с.
16. Neumann, Gustaf; Sobernig, Stefan; Aram, Michael (February 2014).
"Evolutionary Business Information Systems". Business and Information
Systems Engineering. 6 (1): 33–36. doi:10.1007/s12599-013-0305-1
17. Бутинець Ф.Ф., Івахненков С.В., Давидюк Т.В., Шахрайчук Т.В.
Інформаційні системи бухгалтерського обліку. Підручник. [Текст] /
Житомир.: Изд. ПП „Рута”. – 2016. – 544 с.
18. Campbell, Jennifer (2017). Web Design: Introductory. Cengage Learning. p.
19. Keil, Mark; Cule, Paul E.; Lyytinen, Kalle; Schmidt, Roy C. (November 1998).
"A framework for identifying software project risks". Communications of the
ACM. 41 (11): 76–83. doi:10.1145/287831.287843. ISSN 0001-0782.
20. Salas-Zárate, María del Pilar; Alor-Hernández, Giner; Valencia-García, Rafael;
Rodríguez-Mazahua, Lisbeth; Rodríguez-González, Alejandro; López
Cuadrado, José Luis (May 2015). "Analyzing best practices on Web
development frameworks: The lift approach". Science of Computer
Programming. 102: 1–19. doi:10.1016/j.scico.2014.12.004
21. Du, Xiaofeng; Song, William; Munro, Malcolm (2009), Barry, Chris; Lang,
Michael; Wojtkowski, Wita; Conboy, Kieran (eds.), "Semantic Service
Description Framework for Address", Information Systems Development,
Boston, MA: Springer US, pp. 1033–1045, doi:10.1007/978-0-387-78578-3_35,
ISBN 978-0-387-78577-6, retrieved 2023-11-30
Арк.
ЧДТУ 211982.005 ПЗ 56
З м н. Арк. № докум. Підпис Дата

22. Hall, Heather (2022-05-01). "Web 2.0 Explained: Everything You Need To
Know". History-Computer. Retrieved 2023-12-10.
23. Козловський А.В. Комп’ютерна техніка та інформаційні технології: Навч.
посіб. Рекомендовано МОН [Текст] / Козловський А.В., Паночишин Ю.М.,
Погріщук Б.В. – В-во: Знання. – 2017. – 463 с.
24. Soni, Anuj; Gupta, Sachin; Talwandi, Navjot Singh (September 2023).
"Evolution Of Web Technologies in Recent Years" (PDF). Journal of Emerging
Technologies and Innovative Research. 10 (9). ISSN 2349-5162.
25. Mullenweg, Matt (May 27, 2003). "WordPress Now Available". wordpress.org.
WordPress. Archived from the original on July 19, 2010. Retrieved July 22,
2010.
26. CMS Usage Statistics". builtwith.com. BuiltWith. Archived from the original on
August 6, 2013. Retrieved August 1, 2013.
27. Nick, Edward (7 September 2022). "Drupal". Data Science Central. Retrieved
20 September 2022.
28. ECM Enterprise Content Management, Ulrich Kampffmeyer. Hamburg 2006,
ISBN 978-3-936534-09-8. Definition, history, architecture, components and
ECM suites
29. Managing Enterprise Content: A Unified Content Strategy. Ann Rockley,
Pamela Kostur, Steve Manning. New Riders, 2003.
30. Методичні рекомендації до підготовки кваліфікаційної роботи для
здобувачів освітнього ступеня «бакалавр» зі спеціальності 126
Інформаційні системи та технології освітньої програми «Web-технології,
Web-дизайн» усіх форм навчання [Електронний ресурс] / [Упоряд.: Т.О.
Прокопенко, Я.В. Тарасенко]; М-во освіти і науки України, Черкас. держ.
технол. ун-т. Черкаси: ЧДТУ, 2021. – 48 c.

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

ІНТЕРНЕТ ДЖЕРЕЛА
31. Сайт реабілітаційно-оздоровчої клініки «Астра» [Електронний ресурс]. –
Режим доступу: https://dev.astra.ck.ua/
32. Сайт оздоровчого закладу «Діалог» [Електронний ресурс]. – Режим
доступу: https://www.krasota-dialog.com.ua/uk
33. Сайт оздоровчого комплексу «SLON SPA» [Електронний ресурс]. – Режим
доступу https://slon-spa.com/

ПРОГРАМНІ ЗАСОБИ
1. Microsoft Office Word 2010 © Корпорація Майкрософт, 2021.
2. Microsoft PowerPoint 2010 © Корпорація Майкрософт, 2021.
3. phpMyAdmin 7.2 © phpMyAdmin devel team, 2021.
4. Open Server 5.3.8 © Maksim Arhipov, 2021.
5. WordPress 3.8 © The WordPress Project Team, 2021.
Арк.
ЧДТУ 211982.005 ПЗ 58
З м н. Арк. № докум. Підпис Дата

ДОДАТОК A

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

WEB-ОРІЄНТОВАНА ІНФОРМАЦІЙНА СИСТЕМА ОЗДОРОВЧОГО ЗАКЛАДУ

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

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

Черкаси, 2025

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

WEB-ОРІЄНТОВАНА ІНФОРМАЦІЙНА СИСТЕМА ОЗДОРОВЧОГО
ЗАКЛАДУ
482 ЧДТУ 21982-01 12 01
Текст програми
Листів 21

Розробник _____________ Бевзенко О.К.

Н

Черкаси, 2025

2
482 ЧДТУ 21982-01 12 01

Фрагмент програмного коду web-орієнтованої інформаційної системи
оздоровчого закладу
import React from "react";
import { Card, CardContent } from "@/components/ui/card";
import { Button } from "@/components/ui/button";
import { Input } from "@/components/ui/input";
import { Label } from "@/components/ui/label";
import { Tabs, TabsContent, TabsList, TabsTrigger } from "@/components/ui/tabs";

export default function SanatoriumUI() {
return (
<div className="p-6 max-w-4xl mx-auto">
<h1 className="text-2xl font-bold mb-4">Sanatorium Management System</h1>

<Tabs defaultValue="patients" className="w-full">
<TabsList className="grid grid-cols-3 gap-2 mb-4">
<TabsTrigger value="patients">Patients</TabsTrigger>
<TabsTrigger value="appointments">Appointments</TabsTrigger>
<TabsTrigger value="rooms">Rooms</TabsTrigger>
</TabsList>

<TabsContent value="patients">
<Card>
<CardContent className="space-y-4 p-4">
<h2 className="text-xl font-semibold">Add New Patient</h2>
<div className="grid grid-cols-2 gap-4">
<div>
<Label htmlFor="firstName">First Name</Label>
<Input id="firstName" placeholder="John" />
</div>
<div>
<Label htmlFor="lastName">Last Name</Label>
<Input id="lastName" placeholder="Doe" />

3
482 ЧДТУ 21982-01 12 01

</div>
<div>
<Label htmlFor="birthDate">Birth Date</Label>
<Input id="birthDate" type="date" />
</div>
<div>
<Label htmlFor="gender">Gender</Label>
<Input id="gender" placeholder="Male/Female" />
</div>
</div>
<Button className="mt-4">Save Patient</Button>
</CardContent>
</Card>
</TabsContent>

<TabsContent value="appointments">
<Card>
<CardContent className="space-y-4 p-4">
<h2 className="text-xl font-semibold">Schedule Appointment</h2>
<div className="grid grid-cols-2 gap-4">
<div>
<Label htmlFor="patientId">Patient ID</Label>
<Input id="patientId" placeholder="123" />
</div>
<div>
<Label htmlFor="procedure">Procedure</Label>
<Input id="procedure" placeholder="Massage" />
</div>
<div>
<Label htmlFor="date">Date</Label>
<Input id="date" type="datetime-local" />
</div>
</div>

4
482 ЧДТУ 21982-01 12 01

<Button className="mt-4">Schedule</Button>
</CardContent>
</Card>
</TabsContent>

<TabsContent value="rooms">
<Card>
<CardContent className="space-y-4 p-4">
<h2 className="text-xl font-semibold">Room Info</h2>
<div className="grid grid-cols-2 gap-4">
<div>
<Label htmlFor="roomNumber">Room Number</Label>
<Input id="roomNumber" placeholder="101" />
</div>
<div>
<Label htmlFor="capacity">Capacity</Label>
<Input id="capacity" type="number" />
</div>
</div>
<Button className="mt-4">Add Room</Button>
</CardContent>
</Card>
</TabsContent>
</Tabs>
</div>
);
}
Фрагмент лістингу програмного коду файлу wpum-fields-functions.php
плагіну для реєстрації користувачів, перегляду та зміни їх профілю.
<?php

if ( ! defined( ‘ABSPATH’ ) ) exit;

5
482 ЧДТУ 21982-01 12 01

/**
* Installs the default fields group into the WordPress database.
*
* @return void
*/
function wpum_install_default_field_group() {
if ( ! get_option( ‘wpum_version_upgraded_from’ ) ) {
$default_group = new WPUM_Field_Group();
$default_group->add( [
‘id’ => 1,
‘name’ => esc_html__( ‘Поля профілю’, ‘wp-user-manager’ ),
‘is_primary’ => 1,
] );
}
}

/**
* Install the default primary fields within the default group.
*
* @return array
*/
function wpum_install_fields() {
$saved_fields = [];
if( ! get_option( ‘wpum_version_upgraded_from’ ) ) {

$group_id = 1;

$fields = [
array(
‘id’ => 1,
‘group_id’ => $group_id,
‘type’ => ‘username’,
‘name’ => ‘Username’,

6
482 ЧДТУ 21982-01 12 01

‘metas’ => [
‘required’ => true,
‘visibility’ => ‘public’,
‘user_meta_key’ => ‘username’
]
),
array(
‘id’ => 2,
‘group_id’ => $group_id,
‘type’ => ‘user_email’,
‘name’ => ‘Email’,
‘metas’ => [
‘required’ => true,
‘visibility’ => ‘public’,
‘editing’ => ‘public’,
‘user_meta_key’ => ‘user_email’
]
),
array(
‘id’ => 3,
‘group_id’ => $group_id,
‘type’ => ‘user_password’,
‘name’ => ‘Password’,
‘metas’ => [
‘required’ => true,
‘user_meta_key’ => ‘user_password’
]
),
array(
‘id’ => 4,
‘group_id’ => $group_id,
‘type’ => ‘user_firstname’,
‘name’ => ‘First name’,

7
482 ЧДТУ 21982-01 12 01

‘metas’ => [
‘visibility’ => ‘public’,
‘editing’ => ‘public’,
‘user_meta_key’ => ‘firstname’
]
),
array(
‘id’ => 5,
‘group_id’ => $group_id,
‘type’ => ‘user_lastname’,
‘name’ => ‘Last name’,
‘metas’ => [
‘visibility’ => ‘public’,
‘editing’ => ‘public’,
‘user_meta_key’ => ‘lastname’
]
),
array(
‘id’ => 6,
‘group_id’ => $group_id,
‘type’ => ‘user_nickname’,
‘name’ => ‘Nickname’,
‘metas’ => [
‘required’ => true,
‘visibility’ => ‘public’,
‘editing’ => ‘public’,
‘user_meta_key’ => ‘nickname’
]
),
array(
‘id’ => 7,
‘group_id’ => $group_id,
‘type’ => ‘user_displayname’,

8
482 ЧДТУ 21982-01 12 01

‘name’ => ‘Display name’,
‘metas’ => [
‘required’ => true,
‘visibility’ => ‘public’,
‘editing’ => ‘public’,
‘user_meta_key’ => ‘display_name’
]
),
array(
‘id’ => 8,
‘group_id’ => $group_id,
‘type’ => ‘user_website’,
‘name’ => ‘Website’,
‘metas’ => [
‘visibility’ => ‘public’,
‘editing’ => ‘public’,
‘user_meta_key’ => ‘user_url’
]
),
array(
‘id’ => 9,
‘group_id’ => $group_id,
‘type’ => ‘user_description’,
‘name’ => ‘Description’,
‘metas’ => [
‘visibility’ => ‘public’,
‘editing’ => ‘public’,
‘user_meta_key’ => ‘description’
]
),
array(
‘id’ => 10,
‘group_id’ => $group_id,

9
482 ЧДТУ 21982-01 12 01

‘type’ => ‘user_avatar’,
‘name’ => ‘Profile picture’,
‘metas’ => [
‘visibility’ => ‘public’,
‘editing’ => ‘public’,
‘user_meta_key’ => ‘current_user_avatar’
]
)
];

$order = 0;

foreach( $fields as $field ) {

$order++;
$field[‘field_order’] = $order;

$save_field = new WPUM_Field();
$save_field->add( $field );

foreach( $field[‘metas’] as $meta_key => $meta_value ) {
$save_field->add_meta( $meta_key, $meta_value );
}

$saved_fields[] = $save_field;
}
}

return $saved_fields;
}

/**
* Install the cover image field into the database.

10
482 ЧДТУ 21982-01 12 01

*
* @return void
*/
function wpum_install_cover_image_field() {

$group_id = 1;

$field = array(
‘group_id’ => $group_id,
‘type’ => ‘user_cover’,
‘name’ => ‘Profile cover image’,
);

$save_field = new WPUM_Field();
$save_field->add( $field );
$save_field->add_meta( ‘user_meta_key’, ‘user_cover’ );
$save_field->add_meta( ‘editing’, ‘public’ );
$save_field->add_meta( ‘visibility’, ‘public’ );

}

/**
* An array of primary field types.
*
* @return array
*/
function wpum_get_primary_field_types() {

$types = [
‘username’,
‘user_email’,
‘user_password’,
‘user_firstname’,

11
482 ЧДТУ 21982-01 12 01

‘user_lastname’,
‘user_nickname’,
‘user_displayname’,
‘user_website’,
‘user_description’,
‘user_avatar’,
‘user_cover’
];

return apply_filters( ‘wpum_get_primary_field_types’, $types );

}

/**
* Setup the tabs for the edit field dialog in the admin panel.
*
* @return array
*/
function wpum_get_edit_field_dialog_tabs() {

$tabs = [
array(
‘id’ => ‘fields’,
‘name’ => esc_html__( ‘Fields’, ‘wp-user-manager’ )
),
array(
‘id’ => ‘general’,
‘name’ => esc_html__( ‘General’, ‘wp-user-manager’ )
),
array(
‘id’ => ‘validation’,
‘name’ => esc_html__( ‘Validation’, ‘wp-user-manager’ )
),

12
482 ЧДТУ 21982-01 12 01

array(
‘id’ => ‘privacy’,
‘name’ => esc_html__( ‘Privacy’, ‘wp-user-manager’ )
),
array(
‘id’ => ‘permissions’,
‘name’ => esc_html__( ‘Permissions’, ‘wp-user-manager’ )
),
];

return apply_filters( ‘wpum_get_fields_editor_edit_tabs’, $tabs );

}

/**
* Retrieve a list of registered field types and their field type groups.
*
* @return array
*/
function wpum_get_registered_field_types() {

$fields = array(
‘default’ => [
‘group_name’ => esc_html__( ‘Default Fields’, ‘wp-user-manager’ ),
‘fields’ => []
],
‘standard’ => [
‘group_name’ => esc_html__( ‘Standard Fields’, ‘wp-user-manager’ ),
‘fields’ => []
],
‘advanced’ => [
‘group_name’ => esc_html__( ‘Advanced Fields’, ‘wp-user-manager’ ),
‘fields’ => []

13
482 ЧДТУ 21982-01 12 01

],
);

$registered_fields = apply_filters( ‘wpum_registered_field_types’, $fields );

return $registered_fields;

}

/**
* Retrieve a list of the registered field types names.
*
* @return array
*/
function wpum_get_registered_field_types_names() {
$registered_types = [];

foreach( wpum_get_registered_field_types() as $status => $types ) {
if( ! empty( $types[‘fields’] ) ) {
foreach( $types[‘fields’] as $field_type ) {
$registered_types[ $field_type[‘type’] ] = $field_type[‘name’];
}
}
}

return $registered_types;
}

/**
* Use this function to start a loop of profile fields.
*
* @global $wpum_profile_fields
* @param array $args arguments to create the loop.

14
482 ЧДТУ 21982-01 12 01

* @return boolean whether there’s any group found.
*/
function wpum_has_profile_fields( $args = [] ) {

global $wpum_profile_fields;

$wpum_profile_fields = new WPUM_Fields_Query( $args );

return apply_filters( ‘wpum_has_profile_fields’, $wpum_profile_fields->has_groups(),
$wpum_profile_fields );
}

/**
* Setup the profile fields loop.
*
* @global $wpum_profile_fields
* @return bool
*/
function wpum_profile_field_groups() {
global $wpum_profile_fields;
return $wpum_profile_fields->profile_groups();
}

/**
* Setup the current field group within the loop.
*
* @global $wpum_profile_fields
* @return array the current group within the loop.
*/
function wpum_the_profile_field_group() {
global $wpum_profile_fields;
return $wpum_profile_fields->the_profile_group();
}

15
482 ЧДТУ 21982-01 12 01

/**
* Return the group id number of a group within the loop.
*
* @global $wpum_fields_group
* @return string the current group id.
*/
function wpum_get_field_group_id() {
global $wpum_fields_group;
return apply_filters( ‘wpum_get_field_group_id’, $wpum_fields_group->get_ID() );
}

/**
* Echo the group id number of a group within the loop.
*
* @return void
*/
function wpum_the_field_group_id() {
echo wpum_get_field_group_id();
}

/**
* Return the name of a group within the loop.
*
* @global $wpum_fields_group
* @return string
*/
function wpum_get_field_group_name() {
global $wpum_fields_group;
return apply_filters( ‘wpum_get_field_group_name’, $wpum_fields_group->get_name(),
$wpum_fields_group->get_id() );
}

16
482 ЧДТУ 21982-01 12 01

/**
* Echo the name of a group within the loop.
*
* @return void
*/
function wpum_the_field_group_name() {
echo wpum_get_field_group_name();
}

/**
* Return the slug of a group within the loop.
*
* @global $wpum_fields_group
* @return string
*/
function wpum_get_field_group_slug() {
global $wpum_fields_group;
return apply_filters( ‘wpum_get_field_group_slug’, sanitize_title( $wpum_fields_group-
>get_name() ) );
}

/**
* Echo the slug of a group within the loop.
*
* @return void
*/
function wpum_the_field_group_slug() {
echo wpum_get_field_group_slug();
}

/**
* Retrieve the description of the group within the loop.
*

17
482 ЧДТУ 21982-01 12 01

* @global $wpum_fields_group
* @return string
*/
function wpum_get_field_group_description() {
global $wpum_fields_group;
return apply_filters( ‘wpum_get_field_group_description’, $wpum_fields_group-
>get_description(), $wpum_fields_group->get_id() );
}

/**
* Echo the description of a field group within the loop.
*
* @return void
*/
function wpum_the_field_group_description() {
echo wpum_get_field_group_description();
}

/**
* Whether the current group within the loop has fields.
*
* @global $wpum_profile_fields
* @return array the current group fields within the loop.
*/
function wpum_field_group_has_fields() {
global $wpum_profile_fields;
return $wpum_profile_fields->has_fields();
}

/**
* Start the fields loop for the current group.
*
* @global $wpum_profile_fields

18
482 ЧДТУ 21982-01 12 01

* @return mixed
*/
function wpum_profile_fields() {
global $wpum_profile_fields;
return $wpum_profile_fields->profile_fields();
}

/**
* Setup global variable for field within the loop.
*
* @global $wpum_profile_fields
* @return void
*/
function wpum_the_profile_field() {
global $wpum_profile_fields;
return $wpum_profile_fields->the_profile_field();
}

/**
* Retrieve the current field id within the loop.
*
* @global $wpum_field
* @return int field id
*/
function wpum_get_field_id() {
global $wpum_field;
return $wpum_field->get_ID();
}

/**
* Echo the current field id within a loop.
*
* @see wpum_get_the_field_id()

19
482 ЧДТУ 21982-01 12 01

* @return void
*/
function wpum_the_field_id() {
echo (int) wpum_get_field_id();
}

/**
* Retrieve the current field name within the loop.
*
* @global $wpum_field
* @return string field name
*/
function wpum_get_field_name() {
global $wpum_field;
return apply_filters( ‘wpum_get_field_name’, $wpum_field->get_name(), $wpum_field-
>get_ID() );
}

/**
* Echo the current field name within a loop.
*
* @see wpum_get_field_name()
* @return void
*/
function wpum_the_field_name() {
echo wpum_get_field_name();
}

/**
* Retrieve the current field description within a loop.
*
* @global $wpum_field
* @return string description of the field.

20
482 ЧДТУ 21982-01 12 01

*/
function wpum_get_field_description() {
global $wpum_field;
return apply_filters( ‘wpum_get_field_description’, $wpum_field->get_description(),
$wpum_field->get_ID() );
}

/**
* Echo the current field description within a loop.
*
* @see wpum_get_field_description()
* @return void
*/
function wpum_the_field_description() {
echo wpum_get_field_description();
}

/**
* Verify whether the current field within the loop is required.
*
* @global $wpum_field
* @return bool
*/
function wpum_is_field_required() {
global $wpum_field;
return apply_filters( ‘wpum_is_field_required’, $wpum_field->is_required(),
$wpum_field->get_ID() );
}

WEB-ОРІЄНТОВАНА ІНФОРМАЦІЙНА СИСТЕМА ОЗДОРОВЧОГО
ЗАКЛАДУ

482 ЧДТУ 21982-01 34 01
Інструкція користувачеві
Листів 19

Розробник _____________ Бевзенко О.К.

Н

Черкаси, 2025

2
482 ЧДТУ 21982-01 34 01

АНОТАЦІЯ

Дана інструкція містить відомості про призначення програми, а також
інформацію, необхідну для її експлуатації.
Web-орієнтована інформаційна система оздоровчого закладу може
працювати під керуванням операційних систем Windows Vista/7/8/10.
Докладному описові перерахованих питань і присвячена дана інструкція.

3
482 ЧДТУ 21982-01 34 01

В рамках Web-орієнтованої інформаційної системи оздоровчого закладу
розроблено сайт за допомогою CMS WordPress з відкритим вихідним текстом
(OpenSource). Це і зумовило вибір. Основна перевага WordPress в тому, що він
надзвичайно гнучкий у використанні. Філософія WordPress – це легке і максимально
швидке ядро, що дозволяє підключати до нього додаткові модулі (plugins) у міру
необхідності залежно від того, якою функціональністю повинен володіти сайт.
WordPress дозволяє підключати будь-яку кількість плагінів для додаткових функцій,
швидко змінювати теми оформлення сайтів.
Працюючи над завданням створення інформаційного порталу оздоровчого
закладу, потрібно було побудувати зрозумілий і легкий для сприйняття
користувачами інтерфейс, не обтяжений зайвими функціями, але достатньо
наповнений потрібною інформацією з функціональними можливостями
інтерактивної системи. Сайт розроблено у стриманій блакитно-синій кольоровій
гамі, що легко сприймається користувачами. Усміхнене обличчя налаштовує на
позитив і вселяє надію, що медичні послуги будуть виконані на високому
професійному рівні. Логотип MEDICUS легко запам’ятовується. При кліканні на
ньому користувач переходить на Головну сторінку сайту,яка розроблена за
останніми дизайнерськими віяннями у стилі Landing Page. Фактично тут є уся
інформація, яка потрібна користувачам, але вирішено було доповнити сайт ще
кількома сторінками для більш повного висвітлення роботи і задач поліклініки
Medicus.
Головне меню сайту, яке знаходиться зверху сторінки, прозоре і легке для
сприйняття. Назви сторінок короткі і інтуїтивно зрозумілі. Також для швидкого
доступу до найбільш клікабельних сторінок сайту, таких як Поширені питання та
Запис на прийом до лікаря, створено ще одне меню зверху праворуч (Рисунок 1.1):

Рисунок 1.1. Головне меню.

4
482 ЧДТУ 21982-01 34 01

Меню було створено в Консолі (Рисунок 1.2):

Рисунок 1.2. Головне меню в Консолі.

Головне меню включає в себе сторінки:
 Головна. На головній сторінці користувач може познайомитись
віртуально з персоналом закладу, годинами роботи, їх послугами, ознайомитися з
поширеними питаннями, продивитися останні дописи в блозі, а записатись до
фахівця, натиснувши на відповідну кнопку. Нижче під меню є два слайди з
інформацією і переходами на сторінку
 Сторінка «Послуги та Ціни». На цій сторінці користувачі
ознайомлюються з переліком послуг та цінами на них кожного відділення,
розкриваючи список. Також є інформація про голову відділення та телефон самого
відділення. Також є посилання на рекомендовані послуги поліклініки і форми для
запису на прийом до лікаря та на безкоштовний огляд (Рисунок 1.3).

5
482 ЧДТУ 21982-01 34 01

Рисунок 1.3. Сторінка «Послуги та Ціни»
 Сторінка Відвідувачам – Запис до фахівця. Для зручності користувачів
на консультацію до фахівця чи процедуру можна записатися заповнивши форму на
цій сторінці (рис.1.4).

Рисунок 1.4. Інформація про запис консультацію до фахівця чи процедуру.

 Сторінка Відвідувачам – Поширені питання. На цій сторінці
відвідувачам представлено список найпоширеніших питань і відповідей. На боковій

6
482 ЧДТУ 21982-01 34 01

панелі – архів та категорії дописів блогу. І, звичайно, кнопка з посиланням на форму
запису до лікаря. Також відвідувач може перейти на цю сторінку за посиланням з
короткого меню у лівій верхній частині сайту (Рисунок 1.5).

Рисунок 1.5. Сторінка «Поширені питання»

 Сторінка Відвідувачам – Блог. На цій сторінці розміщено дописи з
навколомедичної тематики, новини медичної галузі, а також поради зі здоров’я,
харчування тощо. На боковій панелі ліворуч – більш давні дописи розміщені в
архіві, які користувач має змогу переглянути, натиснувши на місяць календаря, в
якому було зроблено цей допис, а ще пошук по сайту та останні коментарі до
дописів (Рисунок 1.6).

7
482 ЧДТУ 21982-01 34 01

Рисунок 1.6. Сторінка «Блог»

 Сторінка Контакти. На сторінці розміщено інформацію про адресу,
телефони та час роботи поліклініки Medicus, а також форма зворотнього зв’язку.
Якщо у користувача виникли додаткові питання, він має заповнити поля форми і
надіслати її, клікнувши на кнопку Відправити. Ця інформація направляється на
електронну адресу адміністратора сайту (Рисунок 1.7). Також нижче користувач
може підписатись на новини сайту, ввівши електронну пошту у віконце та
натиснувши Підписатись.

8
482 ЧДТУ 21982-01 34 01

Рисунок 1.7. Сторінка «Контакти»

 Сторінка Мій Аккаунт. На сторінці користувач може зареєструватись на
сайті щоб автоматично заповнювались поля при записі до лікаря або для коментарів
під дописами, а також редагувати свої дані (пароль, ім’я, аватар, електронну пошту)
(Рисунок 1.8).

Рисунок 1.8. Сторінка «Мій Аккаунт»

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

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