ПРОЄКТУВАННЯ ТА СТВОРЕННЯ WEB-ОРІЄНТОВАНОЇ ІНФОРМАЦІЙНОЇ СИСТЕМИ РЕЄСТРАТУРИ ПОЛІКЛІНІКИ

Кириченко, Дмитро Сергійович

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

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

Files in This Item:

File	Description	Size	Format
РЕП_БАК_Кириченко_WebC-1911.pdf Restricted Access		5.05 MB	Adobe PDF	View/Open Request a copy

Show full item record

Extracted text

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

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

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

на тему:

«ПРОЄКТУВАННЯ ТА СТВОРЕННЯ WEB-
ОРІЄНТОВАНОЇ ІНФОРМАЦІЙНОЇ СИСТЕМИ
РЕЄСТРАТУРИ ПОЛІКЛІНІКИ»

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

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

ЗМІСТ
ВСТУП....................................................................................................................... 4
1 АНАЛІЗ ПРЕДМЕТНОЇ ОБЛАСТІ ..................................................................... 6
1.1 Опис предметної області ........................................................................... 6
1.2 Постановка задачі....................................................................................... 8
1.3 Огляд та аналіз існуючих аналогів ......................................................... 11
1.3.1 Сайт «Першого Черкаського міського центру первинної
медико-санітарної допомоги» ............................................................. 11
1.3.2 Сайт «Третього Черкаського міського центру первинної
медико-санітарної допомоги» ............................................................. 12
1.3.3 Сайт «Четвертого Черкаського міського центру первинної
медико-санітарної допомоги» ............................................................. 13
1.3.4 Сайт «П’ятого Черкаського міського центру первинної медико-
санітарної допомоги»........................................................................... 13
1.4 Висновки до розділу 1 ............................................................................. 14
2 ПРОЄКТУВАННЯ WEB-ОРІЄНТОВАНОЇ ІНФОРМАЦІЙНОЇ СИСТЕМИ
РЕЄСТРАТУРИ ПОЛІКЛІНІКИ ........................................................................... 15
2.1 Розробка архітектури системи ................................................................ 15
2.2 Структура бази даних .............................................................................. 20
2.3 Принципи розробки web-сайтів. ............................................................. 23
2.4 Створення бази даних .............................................................................. 34
2.5 Висновки до розділу 2 ............................................................................. 36
3 РОЗРОБКА ПРОГРАМНОЇ ЧАСТИНИ ................................................... 37
3.1 Вибір засобів розробки ............................................................................ 37
3.1.1 Способи розробки веб-орієнтованої інформаційної системи
реєстратури поліклініки ...................................................................... 37

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

орієнтованої інформаційної системи Н 2 97

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

3.1.2 ПлатформаWordpress .................................................................. 42
3.2 Дизайн web-орієнтованої інформаційної системи реєстратури
поліклініки ...................................................................................................... 46
3.3 Висновки до розділу 3 ............................................................................. 50
ВИСНОВКИ ............................................................................................................ 51
ДОДАТОК A 482 ЧДТУ 21982-01 Проєктування та створення web-орієнтованої
інформаційної системи реєстратури поліклініки.
Специфікація……………………………………………………………………...52
СПИСОК ВИКОРИСТАНИХ ДЖЕРЕЛ .............................................................. 95

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

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

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

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

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

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

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

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

Рисунок 1.2 – Схема функцій процесу реєстрації користувачів у системі
Арк.
ЧДТУ 211982.005 ПЗ 8
З м н. Арк. № докум. Підпис Дата

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

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

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

Рисунок 1.3 – Схема реєстрації пацієнта на прийом до лікаря
Користувач переходить на сторінку реєстрації, щоб домовитись про
зустріч та вибирає необхідний їм медичний заклад [21]. Після цього перед
користувачем відображається перелік спеціальностей лікарів цього закладу.
Після вибору спеціальності користувачеві представляється список лікарів за
обраною спеціальністю, після чого вибирається конкретна особа з
представлених лікарів. Потім користувач вибирає відповідну дату запису. На
наступному кроці користувач заповнює форму, в якій потрібно заповнити такі
поля: «Прізвище», «Ім’я», «По батькові», «Рік, місяць та день народження»,
«Місто», «Вулиця» , «Будинок», «Квартира». Після заповнення останньої форми
буде створено талончик на прийом до лікаря.
Характеристики бізнес-процесу реєстрації користувачів у системі
наведені в таблиці 1.4.
Таблиця 1.4 – Характеристики бізнес-процесу реєстрації користувачів
Назва характеристики Значення характеристики
Ім’я бізнес-процесу Реєстрація на прийом до лікаря
Основні учасники Користувач
Вхідна подія Перехід на сторінку реєстрації на прийом
Вхідні документи Дані введені користувачем
Вихідна подія Пацієнт зареєстрований на прийом до лікаря
Вихідні документи Електронний талон на прийом
Клієнт бізнес-процесу Користувач

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

1.3 Огляд та аналіз існуючих аналогів
У процесі написання кваліфікаційної роботи були проаналізовані веб-
сайти поліклінік м.Черкаси. Для пошуку веб-сайтів була використана найбільша
пошукова система Google. В якості прикладів вибрано сайти Першого, третього,
четвертого та п’ятого міських центрів первинної медико-санітарної допомоги. З
представлених сайтів можливість електронного запису на прийом до лікаря має
лише сайти Першого та Четвертого Черкаського міського центру первинної
медико-санітарної допомоги, але відбувається це через перенаправлення з
головного сайту на систему «Мій медкабінет». Решта сайтів не має системи
запису на прийом до лікаря. На сайтах присутня лише форма зворотнього
зв’язку. Детально опис розглянутих сайтів розглянуто нижче.
1.3.1 Сайт «Першого Черкаського міського центру первинної
медико-санітарної допомоги»
Перший Черкаський міський центр первинної медико-санітарної
допомоги має біло-блакитну кольорову гамму, що є приємним для людського
ока з боку ергономічних властивостей (рис. 1.4).

Рисунок 1.4 – Головна сторінка сайту Першого Черкаського міського центру
первинної медико-санітарної допомоги
Арк.
ЧДТУ 211982.005 ПЗ 11
З м н. Арк. № докум. Підпис Дата

Сайт містить основну інформацію про заклад, структуру,
адміністративний склад, лікарів. На сайті присутні новини у вигляді статей і
контактна інформація про місцезнаходження закладу. Запис на прийом до лікаря
можливий через натиснення посилання «Запис на прийом», клікнувши на яке
відбувається пере направлення на сайт «Мій медкабінет»
(https://mymedcabinet.com.ua/). Сайт також містить кнопку «Версія для людей з
вадами зору», при натисканні на яку можна налаштувати розмір тексту,
кольорову гамму тощо. Така функція є перевагою серед решти сайтів.
1.3.2 Сайт «Третього Черкаського міського центру первинної
медико-санітарної допомоги»
Третій Черкаський міський центр первинної медико-санітарної допомоги
виконано в простій біло-синій гамммі без використання зображень (рис. 1.5).

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

1.3.3 Сайт «Четвертого Черкаського міського центру первинної
медико-санітарної допомоги»
Четвертий Черкаський міський центр первинної медико-санітарної
допомоги виконано в блакитно-синій гаммі. На сайті міститься актуальна
інформація лише про лікарів та контактні данні. Більшість вкладок не заповнені.
В розділі «Записатися до лікаря онлайн» знаходиться посилання на сайт «Мій
медкабінет» (https://mymedcabinet.com.ua/), де можна здійснити запис до лікаря в
онлайн-кабінеті.

Рисунок 1.5 – Головна сторінка сайту Четвертого Черкаського міського центру
первинної медико-санітарної допомоги
1.3.4 Сайт «П’ятого Черкаського міського центру первинної медико-
санітарної допомоги»
Четвертий Черкаський міський центр первинної медико-санітарної
допомоги виконано в смарагдово-синьо-сірій гаммі (рис. 1.6). Меню сайту
розташовано зліва. Меню містить інформацію про заклад, лікарів, новини
(щоправда, останні актуальні новини висвітлені листопадом 2020 року), графіки
прийому, контакти, а також «Інтернет-приймальня» у вигляду зворотнього
зв’язку.
Арк.
ЧДТУ 211982.005 ПЗ 13
З м н. Арк. № докум. Підпис Дата

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Структура таблиці «Лікарі» наведена на рис. 2.8.

Рисунок 2.8 – Структура таблиці «Лікарі»
Таблиця «doctors» складається з таких полів:
 id – унікальний ідентифікатор. Тип даних integer;
 name –ім’я лікаря. Тип даних varchar(30);
 speciality –спеціальність лікаря. Тип даних varchar(30);
 clinicID –ідентифікатор медичного закладу, де працює лікар. Тип
даних integer.
Структура таблиці «Талончик» показана на рис. 2.9.

Рисунок 2.9 – Структура таблиці «Талончик»
Таблиця «Талончик» складається з таких полів:
 id – унікальний ідентифікатор. Тип даних integer;
 doctorID – ідентифікатор лікаря, на прийом до якого
зареєструвався користувач. Тип даних integer.
 userID – ідентифікатор користувача, який зареєструвався на
прийом до лікаря. Тип даних integer.
Арк.
ЧДТУ 211982.005 ПЗ 22
З м н. Арк. № докум. Підпис Дата

 name –ім’я користувача, зареєстрованого на прийом. Тип даних
varchar(30);
 lastname – прізвище користувача, зареєстрованого на прийом. Тип
даних varchar(30);
 street – назва вулиці проживання користувача. Тип даних
varchar(30);
 building – номер будинку проживання користувача. Тип даних
varchar(10);
 apartment – номер квартири проживання користувача. Тип даних
varchar(10).
 birthday – дата народження користувача. Тип даних date;
 appointmentDate – дата прийому лікаря. Тип даних date;
 appointmentTime – час прийому лікаря. Тип даних time.
Аналогічно побудовані й наступні таблиці.
2.3 Принципи розробки web-сайтів.
Інтернет – це глобальний багатовіконний діапазон комп'ютерних баз
даних, що мають спільну інформаційну архітектуру та постійно оновлюються.
Концептуально, web є системою управління базами даних, як «клієнт»-
«сервер» [24].
Веб-сторінка – це документ, який користувач отримує, коли зчитує
HTML-файл зі спеціальної програми – веб-браузера. Веб-сайт містить текст,
графіку і посилання на інші документи і файли (текст, графіку, аудіо і відео).
Веб-сторінки, об'єднуються в загальну структуру і утворюють веб-сайт.
Крім реальних веб-сторінок, веб-сайт містить теги і файли, що забезпечують
його роботу в Інтернеті.
Вузол Web – це частина системи Internet. Сервер Web – це програмне
забезпечення вузла, дозволяє браузеру отримати доступ до документів,
збережені на вузлі.
Арк.
ЧДТУ 211982.005 ПЗ 23
З м н. Арк. № докум. Підпис Дата

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Далі створюємо файл «header.php», в який копіюється частина коду з
«index.html», показаного на рис. 3.2.
Арк.
ЧДТУ 211982.005 ПЗ 43
З м н. Арк. № докум. Підпис Дата

Рисунок 3.2 – Частина коду header.php

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

під меню є два слайди з інформацією і переходами на сторінку Медичні послуги
та на сторінку Запис на прийом до лікаря. В підвалі сторінки також є реквізити
поліклініки та кнопки соціальних мереж, де присутні профілі поліклініки
(Рисунок 3.9).

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

складати дизайн з окремих блоків, як то текстові блоки, кнопки, іконки,
розподілювачі, слайди тощо (Рисунок 3.10).

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

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

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

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

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

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

ДОДАТОК A

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

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

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

Розробник _______________ Кириченко Д.С.
Керівник _______________ Прокопенко Т.О.
Н. Контроль _______________ Колесніков К.В.

Черкаси, 2021

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

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

Розробник _____________ Кириченко Д.С.

Н

Черкаси, 2021

2
482 ЧДТУ 21982-01 12 01

Лістинг програмного коду файлу wpum-fields-functions.php плагіну для
реєстрації користувачів, перегляду та зміни їх профілю.
<?php

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

/**
* 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;

3
482 ЧДТУ 21982-01 12 01

$fields = [
array(
‘id’ => 1,
‘group_id’ => $group_id,
‘type’ => ‘username’,
‘name’ => ‘Username’,
‘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’
]

4
482 ЧДТУ 21982-01 12 01

),
array(
‘id’ => 4,
‘group_id’ => $group_id,
‘type’ => ‘user_firstname’,
‘name’ => ‘First name’,
‘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’

5
482 ЧДТУ 21982-01 12 01

]
),
array(
‘id’ => 7,
‘group_id’ => $group_id,
‘type’ => ‘user_displayname’,
‘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’,

6
482 ЧДТУ 21982-01 12 01

‘user_meta_key’ => ‘description’
]
),
array(
‘id’ => 10,
‘group_id’ => $group_id,
‘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;
}
}

7
482 ЧДТУ 21982-01 12 01

return $saved_fields;
}

/**
* Install the cover image field into the database.
*
* @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() {

8
482 ЧДТУ 21982-01 12 01

$types = [
‘username’,
‘user_email’,
‘user_password’,
‘user_firstname’,
‘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’,

9
482 ЧДТУ 21982-01 12 01

‘name’ => esc_html__( ‘General’, ‘wp-user-manager’ )
),
array(
‘id’ => ‘validation’,
‘name’ => esc_html__( ‘Validation’, ‘wp-user-manager’ )
),
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’ => [

10
482 ЧДТУ 21982-01 12 01

‘group_name’ => esc_html__( ‘Standard Fields’, ‘wp-user-manager’ ),
‘fields’ => []
],
‘advanced’ => [
‘group_name’ => esc_html__( ‘Advanced Fields’, ‘wp-user-manager’ ),
‘fields’ => []
],
);

$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;
}

11
482 ЧДТУ 21982-01 12 01

/**
* Use this function to start a loop of profile fields.
*
* @global $wpum_profile_fields
* @param array $args arguments to create the loop.
* @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

12
482 ЧДТУ 21982-01 12 01

* @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();
}

/**
* 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
*/

13
482 ЧДТУ 21982-01 12 01

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() );
}

/**
* 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() {

14
482 ЧДТУ 21982-01 12 01

echo wpum_get_field_group_slug();
}

/**
* Retrieve the description of the group within the loop.
*
* @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();

15
482 ЧДТУ 21982-01 12 01

}

/**
* Start the fields loop for the current group.
*
* @global $wpum_profile_fields
* @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();

16
482 ЧДТУ 21982-01 12 01

}

/**
* Echo the current field id within a loop.
*
* @see wpum_get_the_field_id()
* @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();
}

17
482 ЧДТУ 21982-01 12 01

/**
* Retrieve the current field description within a loop.
*
* @global $wpum_field
* @return string description of the field.
*/
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() );

18
482 ЧДТУ 21982-01 12 01

}

/**
* Retrieve the current field type within a loop.
*
* @global $wpum_field
* @return string the type of the field.
*/
function wpum_get_field_type() {
global $wpum_field;
return $wpum_field->get_type();
}

/**
* Retrieve the classes for the field element as an array.
*
* @param string $class custom class to add to the field.
* @return array list of all classes.
*/
function wpum_get_field_css_class( $class = false ) {

global $wpum_profile_fields;

$classes = array();

if ( ! empty( $class ) ) {
$classes[] = sanitize_title( esc_attr( $class ) );
}

// Add a class with the field id.
$classes[] = ‘field_’ . $wpum_profile_fields->field->get_ID();
// Add a class with the field name.
$classes[] = ‘field_’ . sanitize_title( $wpum_profile_fields->field->get_name() );

19
482 ЧДТУ 21982-01 12 01

// Add a class with the field type.
$classes[] = ‘field_type_’ . sanitize_title( $wpum_profile_fields->field->get_type() );

// Sanitize all classes.
$classes = array_map( ‘esc_attr’, $classes );

return apply_filters( ‘wpum_field_css_class’, $classes, $class );

}

/**
* Display the css classes applied to a field.
*
* @param string $class custom class to add to the fields.
* @return void
*/
function wpum_the_field_css_class( $class = false ) {
echo join( ‘ ‘, wpum_get_field_css_class( $class ) );
}

/**
* Verify if a field has user data.
*
* @return boolean
*/
function wpum_field_has_data() {
global $wpum_profile_fields;
return $wpum_profile_fields->field_has_data;
}

/**
* Retrieve the value of a field within the loop.
*

20
482 ЧДТУ 21982-01 12 01

* @return mixed
*/
function wpum_get_the_field_value() {

global $wpum_field;

return apply_filters( ‘wpum_get_the_field_value’, $wpum_field->get_value(),
$wpum_field );
}

/**
* Output the value of a field within the loop.
*
* @return void
*/
function wpum_the_field_value() {
echo wpum_get_the_field_value();
}

/**
* Wrapper function for size_format – checks the max size of the avatar and cover field.
*
* @param array $field
* @param string $size in bytes
* @return string
*/
function wpum_max_upload_size( $field_name = ‘‘, $custom_size = false ) {

// Default max upload size,
$output = size_format( wp_max_upload_size() );

// Check if the field is the avatar upload field and max size is defined,
if ( $field_name == ‘user_avatar’ && defined( ‘WPUM_MAX_AVATAR_SIZE’ ) ) {

21
482 ЧДТУ 21982-01 12 01

$output = size_format( WPUM_MAX_AVATAR_SIZE );
} else if( $field_name == ‘user_cover’ && defined( ‘WPUM_MAX_COVER_SIZE’ ) ) {
$output = size_format( WPUM_MAX_COVER_SIZE );
}

if ( $custom_size ) {
$output = size_format( intval( $custom_size ), 0 );
}

return $output;
}

/**
* Retrieve a list of registered parent field types.
*
* @return array
*/
function wpum_get_registered_parent_field_types(){

return apply_filters( ‘wpum_registered_parent_field_types’, [] );
}

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

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

Розробник _____________ Кириченко Д.С.

Н

Черкаси, 2021

2
482 ЧДТУ 21982-01 34 01

АНОТАЦІЯ

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

3
482 ЧДТУ 21982-01 34 01

Сайт створено на популярній безкоштовній системі управління сайтами
WordPress з відкритим вихідним текстом (OpenSource). Це і зумовило вибір.
Основна перевага WordPress в тому, що він надзвичайно гнучкий у використанні.
Філософія WordPress – це легке і максимально швидке ядро, що дозволяє
підключати до нього додаткові модулі (plugins) у міру необхідності залежно від
того, якою функціональністю повинен володіти сайт. WordPress дозволяє
підключати будь-яку кількість плагінів для додаткових функцій, швидко змінювати
теми оформлення сайтів.
Працюючи над завданням створення інформаційного порталу поліклініки,
потрібно було побудувати зрозумілий і легкий для сприйняття користувачами
інтерфейс, не обтяжений зайвими функціями, але достатньо наповнений потрібною
інформацією з функціональними можливостями інтерактивної системи. На прикладі
сайту http://medicus.com/ це вдалося зробити.
Сайт розроблено у стриманій блакитно-синій кольоровій гамі, що легко
сприймається користувачами. Усміхнене обличчя налаштовує на позитив і вселяє
надію, що медичні послуги будуть виконані на високому професійному рівні.
Логотип поліклініки 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. Головна сторінка.

6
482 ЧДТУ 21982-01 34 01

 Наша поліклініка – Про нас. На сторінці розміщено коротку інформацію
про поліклініку, її нагороди, обладнання, а також її переваги. Також присутня
невелика галерея фото поліклініки. Нижче розміщено відгуки в слайд-шоу від
пацієнтів та відвідувачів, які можна додавати чи редагувати в Консолі (Рисунок 1.4).
В підвалі сайту – традиційно реквізити поліклініки (адреса, телефон email), останні
новини з блогу, посилання на соцмережі та розробника сайту (Рисунок 1.5).

Рисунок 1.4. Додавання та редагування відгуків в Консолі.

Рисунок 1.5. Сторінка «Про Нас»

 Наша поліклініка – Наші лікарі. На цю сторінку ведуть посилання як з
головної сторінки, так і з верхнього меню сайту. На сторінці користувач має змогу
познайомитись з персоналом лікарні в розрізі відділень, а також дізнатись про
кожного лікаря детально, натиснувши на фото. Також можна відвідати відділення,
перейшовши за посиланням під групою фото (Рисунок 1.6 та Рисунок 1.7). Профілі
персоналу додаються та редагуються в Консолі (Рисунок 1.8).

7
482 ЧДТУ 21982-01 34 01

Рисунок 1.6. Сторінка «Наші Лікарі»

8
482 ЧДТУ 21982-01 34 01

Рисунок 1.7. Сторінка «Профіль лікаря»

Рисунок 1.8. Додавання та редагування профілів персоналу в Консолі.

 Сторінка «Відділення». На ній розміщено інформацію про відділення
поліклініки: розташування, телефон для зв’язку, персонал, перелік медичних
напрямків, по яким працює поліклініка і надає медичні послуги, їх. Також тут можна
записатися до лікаря, заповнивши форму. В підвалі сторінки – реквізити поліклініки

9
482 ЧДТУ 21982-01 34 01

та останні дописи блогу (Рисунок 1.9).

Рисунок 1.9. Сторінка «Відділення»

10
482 ЧДТУ 21982-01 34 01

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

Рисунок 1.10. Сторінка «Послуги та Ціни»
 Сторінка Пацієнтам – Запис до лікаря. Для зручності користувачів на

11
482 ЧДТУ 21982-01 34 01

прийом до лікаря можна записатися не лише зателефонувавши в поліклініку, а й
заповнивши форму на цій сторінці. Потрібно ввести назву відділення, обрати лікаря,
послугу, зручний час, свої дані та телефон для зв’язку. На електронну пошту
пацієнту приходить лист з цими даними, а адміністратор сайту обробляє цю
інформацію в Консолі (Рисунок 1.11 та Рисунок 1.12).

12
482 ЧДТУ 21982-01 34 01

Рисунок 1.11. Сторінка «Запис до лікаря».

13
482 ЧДТУ 21982-01 34 01

Рисунок 1.12. Інформація про запис до лікаря в Консолі.

Також записатися на прийом до лікаря можна з Головної сторінки,
перейшовши, наприклад, за посиланням в слайді у верхній частині сайту (Рисунок
1.13).

14
482 ЧДТУ 21982-01 34 01

Рисунок 1.13. Сторінка «Запис до лікаря» при переході з Головної сторінки.

 Сторінка Пацієнтам – Безкоштовний огляд. На сторінці користувач може
ознайомитись зі списком безкоштовних послуг, які надає поліклініка та за потреби
записатись на цей огляд. Для цього він заповнює форму (вводить ім’я, електронну
пошту, бажану дату прийому та повідомлення (Рисунок 1.14). Після надсилання цих
даних, на вказану електронну пошту користувачу приходить лист з цими даними, а
адміністратор сайту обробляє цю інформацію в Консолі. Форма була також створена
в Консолі за допомогою плагіну ContactForm7 (Рисунок 1.15).
Також на цю сторінку можна потрапити за посиланням з короткого меню в
верхній частині сайту.

Рисунок 1.14. Сторінка «Безкоштовний огляд»

15
482 ЧДТУ 21982-01 34 01

Рисунок 1.15. Форма «Безкоштовний огляд» в Консолі

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

16
482 ЧДТУ 21982-01 34 01

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

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

17
482 ЧДТУ 21982-01 34 01

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

 Сторінка Контакти. На сторінці розміщено інформацію про адресу,

18
482 ЧДТУ 21982-01 34 01

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

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

 Сторінка Мій Аккаунт. На сторінці користувач може зареєструватись на
сайті щоб автоматично заповнювались поля при записі до лікаря або для коментарів

19
482 ЧДТУ 21982-01 34 01

під дописами, а також редагувати свої дані (пароль, ім’я, аватар, електронну пошту)
(Рисунок 1.19).

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

СПИСОК ВИКОРИСТАНИХ ДЖЕРЕЛ
1. Информационные системы в экономике: учебник для
академического бакалавриата [Текст] / В. Н. Волкова, В. Н. Юрьев, С. В.
Широкова, А. В. Логинова ; под редакцией В. Н. Волковой, В. Н. Юрьева. —
Москва : Издательство Юрайт, 2019. — 402 с.
2. Агальцов В.П. Локальные базы данных [Текст] – М.:Изд-во ООО
НВП "ИНЭК", 2016. – 52с.;
3. Агальцов В.П. Распределенные и удаленные базы даннях [Текст]
– М.:Изд-во ООО НВП "ИНЭК", 2016. – 83с.;
4. Кожевникова Г. П. Информационные системы и технологии в
маркетинге: учебное пособие [Текст] / Г. П. Кожевникова, Б. Е. Одинцов. —
Москва : Издательство Юрайт, 2019. — 444 с.
5. Агальцов В.П. Базы данных. Локальные базы данных. Книга 1
[Текст] – М.:Форум, 2010. – 352с.
6. Шпак Ю.А. Проектирование баз данных. Просто как дважды два
[Текст] / М.: Эксмо, 2018. – 304с.
7. Одинцов Б.Е. Информационные системы управления
эффективностью бизнеса: учебник и практикум для бакалавриата и
магистратуры [Текст] / Б. Е. Одинцов. — М. : Издательство Юрайт, 2015. —
206 с.
8. Климова Л. М. WordPress. Основы программирования. Решение
типовых задач [Текст] / КУДИЦ-Образ, 2016. – 480 с.
9. Культин Н. Б. Wordpress в задачах и примерах [Текст] / БХВ-
Петербург, 2015.
10. Методи та засоби мультимедійних інформаційних систем : навч.
посіб. [Текст] / Т. М. Басюк, П. І. Жежнич; Нац. ун-т "Львів. політехніка". –
Львів : Вид-во Львів. політехніки, 2015. – 426 c. – Бібліогр.: с. 413-416.
11. Одинцов Б. Е. Информационные системы управления
эффективностью бизнеса: учебник и практикум для бакалавриата и
Арк.
ЧДТУ 210000.001 ПЗ 95
Зм н. Арк. № докум. Підпис Дата

магистратуры [Текст] / Б. Е. Одинцов. — Москва: Издательство Юрайт, 2019.
— 206 с.
12. Сусіденко В.Т. Інформаційні системи і технології в обліку [Текст]
/ В-во: ЦНЛ – 2016. – 224 с.
13. Буйницька О.П. Інформаційні технології та технічні засоби
навчання. Навчальний посібник рекомендовано МОН України [Текст] / В-во:
ЦНЛ. – 2018. – 240 с.
14. Парижский С. М. Wordpress. Только практика. [Текст] / МК-пресс,
2018. – 208 с.
15. Гайдамакин Н.А. Автоматизированные информационные системы,
базы и банки даннях [Текст] / М.: Гелиос АРВ, 2018. – 368 с.
16. Бутинець Ф.Ф., Івахненков С.В., Давидюк Т.В., Шахрайчук Т.В.
Інформаційні системи бухгалтерського обліку. Підручник. [Текст] / Житомир.:
Изд. ПП „Рута”. – 2016. – 544 с.
17. Информационные системы и технологии в экономике
[Текст]:учеб./ Лойко В.И., Семенов М.И., Трубилин А.И., под. ред. проф.
Лойко В.И.; 2-е из-е М.: Изд. «Финансы и статистика». – 2015. – 416с. ISBN 5-
279-02605-0
18. Автоматизированные информационные технологии в экономике
[Текст]: Учебник.\\ Под общ. ред. Трубилина И.Т. – М: «Финансы и
статистика», 2015.–453с.
19. Гудвин Г.К. Проектирование систем управления [Текст]/
Г.К.Гудвин, С.Ф. Гребе, М.Э. Сальдаго //пер. с англ. – М.:БИНОМ,
Лаборатория знаний, 2016. – 911 с.
20. WordPress для начинающих / Дэрил Бартлетт; [пер. с англ. М.А.
Райтман]. – Москва: Издательство «Э», 2017. – 208с.
21. Избачков Ю.С. Информационные системы: ученик [Текст] – 2-е
изд. — СПб: Питер, 2018. — 656 с.
Арк.
ЧДТУ 210000.001 ПЗ 96
Зм н. Арк. № докум. Підпис Дата

22. Павлиш В.А. Основи інформаційних технологій і систем.
Підручник [Текст] / В.А. Павлиш, Л.К. Гліненко, Н.Б. Шаховська. Львів:
Видавництво Львівської політехніки, – 2018. – 620 с.
23. Козловський А.В. Комп’ютерна техніка та інформаційні
технології: Навч. посіб. Рекомендовано МОН [Текст] / Козловський А.В.,
Паночишин Ю.М., Погріщук Б.В. – В-во: Знання. – 2017. – 463 с.
24. Гайдамакин Н. А. Автоматизированные системы, базы и банки
данных. Вводный курс: Учебное пособие [Текст]. – М.: Гелиос АРВ. – 2015. –
368 с.
25. Методичні вказівки до виконання кваліфікаційних робіт бакалаврів
з напрямку підготовки 122 «Комп’ютерні науки» (Computer Science) для
студентів денної та заочної форми навчання [Текст] / Укл. К.В.Колесніков,
А.Р. Карапетян – Черкаси: ЧДТУ, 2020 – 30 с.
ІНТЕРНЕТ ДЖЕРЕЛА
26. Сайт КНП «Перший Черкаський міський центр ПМСД» [Електронний
ресурс]. – Режим доступу: https://mp1.ck.ua/
27. Сайт КНП «Третій Черкаський міський центр ПМСД» [Електронний
ресурс]. – Режим доступу: https://poliklinika3.com.ua/
28. Сайт КНП «Четвертий Черкаський міський центр ПМСД»
[Електронний ресурс]. – Режим доступу: https://4mp.ck.ua/
29. Сайт КНП «П’ятий Черкаський міський центр ПМСД» [Електронний
ресурс]. – Режим доступу: https://clinica5.ck.ua/
ПРОГРАМНІ ЗАСОБИ
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.
Арк.
ЧДТУ 210000.001 ПЗ 97
Зм н. Арк. № докум. Підпис Дата

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