1. Repository at ChSTU
  2. Випускні кваліфікаційні роботи
  3. Бакалавр
  4. 126 Інформаційні системи та технології (Web-технології, web-дизайн)
Please use this identifier to cite or link to this item: https://er.chdtu.edu.ua/handle/ChSTU/6922
Title: Розробка web-сайту «Адміністрація Unix-подібних ОС
Authors: Рудницький , Сергій Володимирович
Шевченко, Ілля Ігорович
Keywords: UNIX-подібні ОС;web-сайт;веб-ресурс;GNU/Linux;CSS
Issue Date: 14-Jun-2022
Abstract: Ринок сучасних операційних систем це одна з найбільших необхідних індустрій які є в сучасному світі. Тому що на сьгоднішній день операційні системи на базі UNIX-подібних ОС використовуються практично повсюди. Через неспинний розвиток технологій конкурування тут стає все більш неможливим, гіганти ринку використовують все більш складні та просунуті середовища розробки. UNIX-подібні – операційна система, яка виникла під впливом UNIX. Термін охоплює вільні/відкриті операційні системи, утворені від UNIX компанії Bell Labs або емульовані його можливості, комерційні і запатентовані розробки, а також версії, засновані на сирцевому коді UNIX. Немає стандарту, який визначає термін, і п рипустимі різні точки зору про те, чи вважати певний продукт UNIX-подібним чи ні. GNU/Linux – це одна з найпопулярніших UNIX-подібних операційних систем яка використовується практично повсемістно, а саме на веб-серверах, тому-що має високу надійність и еффективніть роботи. Метою кваліфікаційної роботи бакалавра є розробка розробка веб-сайту який буде присвячений вивченню UNIX-подібних операційних систем. Об’єкт дослідження це вивчення UNIX-подібних операційних систем принцип їх роботи, а також їх функціювання, а потім создання веб-сайту за допомогою. Предмет є створення веб-сайту за допомогою php,nginx,mysql веб-ресурс для вивчення UNIX-подібних операційних систем.
URI: https://er.chdtu.edu.ua/handle/ChSTU/6922
Appears in Collections:126 Інформаційні системи та технології (Web-технології, web-дизайн)

Files in This Item:
File Description SizeFormat 
РЕП_БАК_Шевченко_WEB-1811.pdf
  Restricted Access		3.6 MBAdobe PDFView/Open Request a copy
Show full item record


Items in DSpace are protected by copyright, with all rights reserved, unless otherwise indicated.

Extracted text 
МІНІСТЕРСТВО ОСВІТИ І НАУКИ УКРАЇНИ 
ЧЕРКАСЬКИЙ ДЕРЖАВНИЙ ТЕХНОЛОГІЧНИЙ УНІВЕРСИТЕТ 
ФАКУЛЬТЕТ ІНФОРМАЦІЙНИХ ТЕХНОЛГІЙ І СИСТЕМ 
КАФЕДРА ІНФОРМАЦІЙНИХ ТЕХНОЛОГІЙ ПРОЕКТУВАННЯ 
 
КВАЛІФІКАЦІЙНА РОБОТА БАКАЛАВРА 
 
на тему: «Розробка web-сайту «Адміністрація Unix-подібних ОС»»  
за спеціальністю 126 «Інформаційні системи та технології» 
 
Виконавець роботи: студент групи WEB-1811 Шевченко Ілля Ігорович 
 
 
Кваліфікаційну роботу 
захищено на засіданні ЕК 
з оцінкою           ___________   «___» червень 2022 р. 
 
Науковий керівник         ___________          к.т.н. Рудницький С.В. 
             (підпис)  (науковий ступінь, вчене звання, прізвище та ініціали) 
 
Голова комісії                   ___________          ____________________________ 
             (підпис)  (науковий ступінь, вчене звання, прізвище та ініціали) 
 
Засвідчую, що у цій дипломній роботі немає 
запозичень з праць інших авторів 
без відповідних посилань  
 
Студент _____________ 
     (підпис) 
 
 
Черкаси – 2022 року 
 
 
ЗМІСТ 
 
ВСТУП……………………………………………………………………...………..4 
1 АНАЛІТИЧНА ЧАСТИНА……………………………………………………...6 
      1.1 Цілі, принципи, переваги застосування UNIX-подібних ОС………..…6 
      1.2 Цілі,принципи,переваги застосування веб-додатків ..............……….....8 
      1.3 Огляд існуючих аналогів і їх порівняння……………………………….16 
      1.4 Висновок до частини 1…………………………………………….……….21 
2 ПРОЕКТУВАННЯ Веб-сайту адміністрування UNIX-подібних ОС.............22 
     2.1 Постановка задачі…………………………………………...………...…….22 
     2.2 Можливості додатку……………………………………………………...…23 
     2.3 Аналіз UNIX-подібних операційних систем.......………………………....24 
     2.4 Архітектура…………………………………………..…………………..…..28 
     2.5 Стек технологій……………………………………………………………...30 
     2.6 Висновок до частини 2……………………………………………………...36 
3 РЕАЛІЗАЦІЯ САЙТУ………………………………………………………...….37 
     3.1 Реалізація структури сайту…………………………………………...……37 
     3.2 Реалізація заповнення контенту…………………………….…….………46 
     3.3 Реалізація дизайну сайту………………………………………….…….….48 
     3.4 Висновок до частини 3………………………………………..….…………53 
ВИСНОВКИ…………………………………………………………………………54 
ДОДАТОК А 482 ЧДТУ 21808 – 01 «Розробка веб-сайт адміністування UNIX-
подібних ОС». Специфікація………………………………………………………55 
СПИСОК ВИКОРИСТАНИХ ДЖЕРЕЛ…………………...……………………64 
  
 
ЧДТУ 221808.001 ПЗ 
Зм. Лист № докумемента Підпис Дата 
 
Розроб. Шевченко І.І.  Літ. Лист Листів 
  
 Перев. Рудницький С.В Розробка веб-сайту «Адміністування UNIX-
  Н 1 
 
 Реценз.. Красношолик Н.О. подібних операційних систем» 
 ФІТІС, 
 Н .контр .  Рудницьк ий С.В    Пояснювальна записка Лист 
  Затв. ПрокопенкоТ.О.. ЧДТУ 22 .001 ПкаЗфедра ІТП, WEB- 1811 
      1808  
2 
 Зм Арк  
. № докум. Пiдпис  
. Дата 
нт
 
СПИСОК СКОРОЧЕНЬ ТА УМОВНИХ ПОЗНАЧЕНЬ 
 
PHP – Мова програмування бэкенда(тобто сервера). 
URL – Унікальний ідентифікатор ресурсу. 
Nginx – Веб-сервер,прокси-сервер. 
Mysql – Система управліня базами данних. 
SQL -  Мова запросів до бази данних. 
Mariadb – Одна із версій Mysql. 
Phpmyadmin – Веб-интерфейс для управління базами данних. 
ПЗ – Програмне забезпечення. 
CSS – Каскадна таблиця стилів. 
HTML – Мова розмітки. 
JS – Динамічна мова програмування фронєнд(тобто на строні клієнта) 
PHP-FPM - програма, що прискорює виконання сценаріїв php інтерпретатором 
шляхом кешування їх байткоду. 
ОС – операційна система. 
 
  
     Лист 
     ЧДТУ 221808.001 ПЗ 
3 
Зм Арк. № докум. Пiдпис. Дата 
нт
 
ВСТУП 
 
Ринок сучасних операційних систем це одна з найбільших необхідних 
індустрій які є в сучасному світі. Тому що на сьгоднішній день операційні 
системи на базі UNIX-подібних ОС використовуються практично повсюди. 
Через неспинний розвиток технологій конкурування тут стає все більш 
неможливим, гіганти ринку використовують все більш складні та просунуті 
середовища розробки. 
UNIX-подібні – операційна система, яка виникла під впливом UNIX. 
Термін охоплює вільні/відкриті операційні системи, утворені від UNIX компанії 
Bell Labs або емульовані його можливості, комерційні і запатентовані розробки, 
а також версії, засновані на сирцевому коді UNIX. Немає стандарту, який 
визначає термін, і п рипустимі різні точки зору про те, чи вважати певний 
продукт UNIX-подібним чи ні. 
GNU/Linux – це одна з найпопулярніших UNIX-подібних операційних 
систем яка використовується практично повсемістно, а саме на веб-серверах, 
тому-що має високу надійність и еффективніть роботи. 
Метою кваліфікаційної роботи бакалавра є розробка розробка веб-сайту 
який буде присвячений вивченню UNIX-подібних операційних систем. 
Об’єкт дослідження це вивчення UNIX-подібних операційних систем 
принцип їх роботи, а також їх функціювання, а потім создання веб-сайту за 
допомогою. 
Предмет є створення веб-сайту за допомогою php,nginx,mysql веб-ресурс 
для вивчення UNIX-подібних операційних систем. 
Для реалізації поставленої мети слід вирішити наступні завдання: 
 Розглянути цілі, принципи, переваги застосування тих чи інших 
UNIX/Linux систем для веб-сайту. 
 Провести аналіз базових понять, принципи та технології процессу 
створення веб-сайту його розміщення на сервері та вибору OS. 
 Проаналізувати аналогічні UNIX-подібних OS  . 
     Лист 
     ЧДТУ 221808.001 ПЗ 
4 
Зм Арк. № докум. Пiдпис. Дата 
нт
 
 Сформувати вимоги до веб-сайту. 
 Дослідити основні етапи створення та проаналізувати технології, які 
використовуються при розробці Web-сайту. 
 Дослідити та проаналізувати технології сучасної UNIX-подібних 
операційних систем та Web-сторінок. 
 Спроектувати структуру Web-вебсайту. 
 Реалізувати UI для Web-сайту. 
 Реалізувати підтримки . 
  
     Лист 
     ЧДТУ 221808.001 ПЗ 
5 
Зм Арк. № докум. Пiдпис. Дата 
нт
 
1 АНАЛІТИЧНА ЧАСТИНА 
 
 
1.1 Цілі, принципи, переваги застосування UNIX-подібних ОС 
Unix-подібні OS дуже ширико прміняються на веб-серверах, 
смартфонах, а також у дуже багатьох сферах. 
UNIX-подібна операційна система (інколи скорочено як *nix) — 
операційна система, яка виникла під впливом UNIX. Термін охоплює 
вільні/відкриті операційні системи, утворені від UNIX компанії Bell Labs або 
емульовані його можливості, комерційні і запатентовані розробки, а також 
версії, засновані на сирцевому коді UNIX. 
Unity має свій чіткий цикл виконання функцій (рис. 1.1). 
 
 
Рисунок 1.1 – Ієрархія UNIX-подібних ОС 
  
     Лист 
     ЧДТУ 221808.001 ПЗ 
6 
Зм Арк. № докум. Пiдпис. Дата 
нт
 
Цілі UNIX-подібних ОС 
Операційна система а також UNIX-подібні ОС виконує три основні 
функції: (1) управління ресурсами комп'ютера, такими як центральний процесор, 
пам'ять, дискові накопичувачі та принтери, (2) створення інтерфейсу 
користувача і (3) виконання та надання послуг для прикладного програмного 
забезпечення.Він управляє пам'яттю та процесами комп'ютера, а також усім його 
програмним та апаратним забезпеченням. Це також дозволяє вам спілкуватися з 
комп'ютером, не знаючи, як говорити комп'ютерною мовою. Які 4 основні цілі 
операційної системи? Нижче наведено деякі з важливих функцій операційної 
системи. Управління пам'яттю. Управління процесором. Управління пристроєм. 
Керування файлами. Безпека. Контроль над роботою системи.. Помилка 
виявлення допоміжних засобів.. 
Принципи UNIX-подібних ОС 
Unix-подібни ОС працють в двох режимах режим користувача а також 
режим ядра операційної системи. Ядро операційної системи керую всіми 
процесами, задачами а також для виділення памяті, драйвера в UNIX-подібних 
операційних системах мають модульну структура, тобто підключаються до уже 
увімкнутій системі. 
 
Рисунок 1.2 – Інтерфейс логіна UNIX-подібної ОС 
 
Для того щоб зайти в операційну систему треба ввести логін і пароль 
созданого пользователя Інтерфейс Kali Linux (рис. 1.3). 
     Лист 
     ЧДТУ 221808.001 ПЗ 
7 
Зм Арк. № докум. Пiдпис. Дата 
нт
 
 
Рисунок 1.3 – Інтерфейс Linux 
 
1.2 Цілі, принципи та технології створення Web-додатків 
Що таке веб-додаток? 
Подібно до того, як мобільний додаток існує на мобільному пристрої, веб-
додаток (або коротше “веб-додаток”) – це будь-яка комп’ютерна програма, яка 
виконує певну функцію, використовуючи веб-браузер як свого клієнта. 
 
 
Рисунок 1.4 – Веб-технології 
 
     Лист 
     ЧДТУ 221808.001 ПЗ 
8 
Зм Арк. № докум. Пiдпис. Дата 
нт
 
Які переваги використання веб-додатків?  
Веб-додаток звільняє розробника від відповідальності за створення клієнта 
для певного типу комп’ютера або операційної системи, тому кожен може 
користуватися додатком, оскільки має доступ до Інтернету.  
Оскільки клієнт працює у веб-браузері, користувач може використовувати 
ПК або Mac. Вони можуть використовувати Internet Explorer, Chrome або Firefox, 
хоча для деяких програм потрібен певний веб-браузер. У веб-програмах зазвичай 
використовується комбінація сценарію на стороні сервера (ASP, PHP тощо) та 
сценарію на стороні клієнта (HTML, Javascript тощо). Клієнтський сценарій 
займається поданням інформації, тоді як серверний сценарій займається всіма 
складними справами, такими як зберігання та отримання.[1] 
Як довго існують веб-програми?  
Веб-програми існували ще до того, як Всесвітня павутина стала 
загальнодоступною. Наприклад, Ларрі Уолл розробив Perl, популярну мову 
сценаріїв на стороні сервера, в 1987 році. Це було сім років до того, як Інтернет 
справді почав набирати популярність поза академічними та технологічними 
колами. Перші загальнодоступні веб-програми були відносно простими, але 
наприкінці 90-х спостерігався поштовх до більш складних веб-додатків. В даний 
час мільйони американців використовують веб-програми для подання податку на 
прибуток в Інтернеті, виконання завдань в Інтернеті з банкінгу, обміну 
публікаціями в соціальних мережах, спілкування з друзями та родиною тощо.[2] 
Як довго існують веб-програми? 
Веб-програми існували ще до того, як Всесвітня павутина стала    
загальнодоступною. Наприклад, Ларрі Уолл розробив Perl, популярну мову 
сценаріїв на стороні сервера, в 1987 році. Це було сім років до того, як Інтернет 
справді почав набирати популярність поза академічними та технологічними 
колами. Перші загальнодоступні веб-програми були відносно простими, але 
наприкінці 90-х спостерігався поштовх до більш складних веб-додатків. В даний 
час мільйони українців використовують веб-програми для подання податку на 
     Лист 
     ЧДТУ 221808.001 ПЗ 
9 
Зм Арк. № докум. Пiдпис. Дата 
нт
 
прибуток в Інтернеті, виконання завдань в Інтернеті з банкінгу, обміну 
публікаціями в соціальних мережах, спілкування з друзями та родиною тощо.[3] 
Як розвивалися веб-програми?  
Більшість веб-додатків базуються на архітектурі клієнт-сервер, де клієнт 
вводить інформацію, а сервер зберігає та отримує інформацію. Хорошим 
прикладом цього є електронна пошта. Такі служби, як Gmail та Microsoft Outlook, 
пропонують веб-клієнти електронної пошти. Все більше веб-додатків 
розробляється для обробки функцій, які зазвичай не потребують доступу до 
сервера. Наприклад, Google Docs – це веб-програма, яка може виконувати функції 
текстового процесора, зберігаючи інформацію в хмарі та дозволяючи 
«завантажити» документ на свій особистий жорсткий диск. Якщо ви користуєтесь 
Інтернетом досить довго, ви побачили, наскільки витонченими стали веб-програми. 
Більша частина цієї вишуканості пов’язана з AJAX, який є моделлю програмування 
для створення більш адаптивних веб-додатків. Google Workspace (раніше G Suite) 
та Microsoft 365 – це інші приклади веб-додатків найновішого покоління, які беруть 
набір додатків для підвищення продуктивності та групують їх для комплексного 
використання програми), а також є прикладами того, як веб-програми були 
розроблені для збільшення частки мобільного Інтернету у світовому інтернет-
трафіку. 
Причини успіху UNIX 
Майже три десятиліття існування UNIX - дуже великий термін для 
операційна система. Сміливо можна сказати, що вона повністю видер! тиснула 
перевірку часом. На кожному етапі свого розвитку операційна система UNIX 
вирішувала певні завдання, і сьогодні, попри появу! лення більш простих і зручних, 
з погляду адміністрування, сис! тим самим, UNIX міцно посідає місце серед 
лідерів. Найдивовижніше, що у багатьох випадках мова при цьому йде не про 
конкретну версію, на! приклад Solaris або SCO, а саме про систему UNIX як таку. 
Перерахуємо основні риси UNIX, що дозволяють зрозуміти причини дол! 
гожительства цієї системи:  
1. Код системи написаний мовою високого рівня, що зробило її простий для 
     Лист 
     ЧДТУ 221808.001 ПЗ 
10 
Зм Арк. № докум. Пiдпис. Дата 
нт
 
розуміння, змін та перенесення на інші платформи. За оцінками одного зі творців 
UNIX, Денніса Рітчі, система на мовою С мала більший розмір, а продуктивність її 
була на 20% нижче за аналогічну систему, написану на асемблері. Однак ясність і 
переносимість, а в результаті – і відкритість сис! Теми відіграли вирішальну роль 
у її популярності. Можна сміливо ска! ти, що UNIX є однією з найбільш відкритих 
систем. Несмот! ря на те, що більшість UNIX поставляється сьогодні не у вихідних 
текстах, а як бінарних файлів, система залишається легко розширює! мій і 
настроюваної. 
 2. UNIX - багатозадачна розрахована на багато користувачів система з 
широким спектр послуг. Один потужний сервер може обслуговувати запити велику 
кількість користувачів. При цьому потрібний адмініст! рування лише однієї 
системи. Ваша система може виконувати раз! Спільний на архітектуру UNIX 
особисті функції - працювати як обчислювальний сервер, обслужи! сотні 
користувачів, як сервер бази даних, як мережевий сервер, що підтримує 
найважливіші послуги мережі (telnet, ftp, елек! тронну пошту, службу імен DNS і т. 
д.), або навіть як мережевий березень! шрутизатор.  
3. Наявність стандартів. Незважаючи на різноманітність версій UNIX, 
основа! виття всього сімейства є принципово однакова архітектура та ряд 
стандартних інтерфейсів. Досвідчений адміністратор без біль! шої праці зможе 
обслужити іншу версію системи, для користування! тел перехід на іншу версію 
взагалі може виявитися непомітним.  
4. Простий, але потужний модульний інтерфейс користувача. Маючи в 
своєму розпорядженні набір утиліт, кожна з яких вирішує вузьку спеціалізоване 
завдання, ви можете конструювати їх склад! ні комплекси.  
5. Використання єдиної, легко обслуговуваної ієрархічної файлової системи. 
Файлова система – це не лише доступ до даних, зберігаючи! щимся на диску. Через 
уніфікований інтерфейс файлової системи! ми здійснюється доступ до терміналів, 
принтерів, магнітних льон! там, мережі та навіть до пам'яті.  
6. Дуже велика кількість додатків, у тому числі вільно розпро! мандрівних, 
починаючи від найпростіших текстових редакторів та закінчи! вая потужними 
     Лист 
     ЧДТУ 221808.001 ПЗ 
11 
Зм Арк. № докум. Пiдпис. Дата 
нт
 
управління базами даних.[4] 
 
Що таке командна 
Що таке командна Говорячи про командний рядок, насправді ми маємо на 
увазі командну оболонку (shell). Командна оболонка - це програма, яка приймає 
команди, введені з клавіатури, і передає їх операційній системі для 
виконання.Практично всі дистрибутиви Linux поставляються з командною 
оболонкою з проекту GNU, яка називається bash. Ім'я bash - це абревіатура від назви 
Bourne Again Shell, що відображає той факт, що bash є покращеною заміною sh, 
початкової командної оболонки для Unix, написаної Стівом Борном.[5] 
 
Емулятори терміналів 
Емулятори терміналів При використанні графічного інтерфейсу для 
взаємодії з командною оболонкою нам знадобиться ще одна програма - емулятор 
терміналу. Заглянувши в меню робочого столу, ви, напевно, виявите таку програму. 
У KDE використовується konsole, у GNOME - gnome-terminal, проте відповідний 
пункт у меню часто називається просто "terminal" (або "термінал"). Для Linux існує 
також безліч інших емуляторів терміналу, але вони вирішують одне й те саме 
завдання: надають доступ до командної оболонки. З часом вас напевно з'являться 
свої уподобання, залежно від «рюшечок і бан- тиків», які вони мають.[5] 
 
STACK LEMP 
Що таке Lemp 
LEMP - це аналог популярного стека LAMP, використовуваного для 
розробки та розвертання веб-прикладів. Традиційно LAMP складається з Linux, 
Apache, MySQL та PHP. Завдяки своїй модульній природі компоненти легко 
можуть бути замінені. У LEMP Apache замінюється легким, але потужним Nginx, 
який може забезпечити більш передсказуему продуктивність при високому 
навантаженні. 
     Лист 
     ЧДТУ 221808.001 ПЗ 
12 
Зм Арк. № докум. Пiдпис. Дата 
нт
 
Кожна буква в абревіатурі означає один із чотирьох будівельних блоків із 
відкритим кодом. 
- Linux operation system with open source 
- Nginx HTTP web-server reverse-proxy server 
- Mysql relational databases system 
- PHP, Perl, Python programming language for backend  
 
Рисунок 1.5 – Ілюстрація Стека LEMP. 
 
Перш ніж перейти до переваг і недоліків цього стеку потрібно ознайомитись 
для чого він потрібний: 
- Швидке розгортання цього стеку на VPS чи віртуальних хостингах за 
допомогою декількох команд. 
- Для того щоби самовчитися адміністувати ці сервера. 
- В економічних цілях дешевше розгорнути самому ПО с відкритими 
сердцевим кодом. 
  
     Лист 
     ЧДТУ 221808.001 ПЗ 
13 
Зм Арк. № докум. Пiдпис. Дата 
нт
 
Переваги: 
1. Цей стек підходить для швидкого розгортання програм та конфігурацію 
через файли в каталогі /etc/; 
2. Установка LEMP( Linux + nginx + php + Mysql + PHP / Python / Nodejs) 
3. є дуже зручною в UNIX-подібних системах таких як Ubuntu/Debian. 
4. Є велика документація по цих технологія та наявніть Open source на github, 
що робить систему зручною та відкритою. 
5. Гнучкі при виборі баз-данних, веб-серверів, а також мов програмування. 
6. Використовувати docker контейнери. 
7. Якість роботи Linux надійна система. 
Недоліки: 
8. Є певні проблеми з нагрузкою на апаратну частину комп’ютера, а саме на 
процессор, а також оперативну память(RAM). 
9.  Маштабування проектів. 
 
1.3 Огляд існуючих аналогів і їх порівняння 
Сайт ravesli.com 
Це сайт https://ravesli.com він дуже чудовий для пошуку необхідної 
інформації. 
 
Рисунок 1.6 - Сайт Ravesli 
     Лист 
     ЧДТУ 221808.001 ПЗ 
14 
Зм Арк. № докум. Пiдпис. Дата 
нт
 
Він має дуже простий дизайн, а також зручний інтерфейс для пошуку 
статей на цьому сайті ви можете використовувати пошук, він створений для 
вивченя Linux, C++, RegExp OpenGl. На ньому дуже багато цікавої і 
потрібної інформації, вражає дуже приємний дизайн, а саме набір кольорі 
для нього. 
Він розроблиний за допомогою wordpress, і це його є самий великий 
недостаток, тобто обмежений функціонал цього сайту робить його дуже не 
машабируємим, щоби розширити його функціонал треба підключати 
додатки які знаходяться в адмін панелі вордпресс, а саме теми чи плагіни 
які є магазині вордпресса. Сайт дуже інформативний є дуже багатоцо 
цікавої та унікальної інформації для користувачів. 
 
Сайт losst.ru 
Це сайт https://losst.ru він дуже чудовий для пошуку необхідної інформації 
щодо UNIX-подібних систем, а також має інструкцію до таких програм як vim, 
nginx. 
 
Рисунок 1.7 - Сайт Losst 
     Лист 
     ЧДТУ 221808.001 ПЗ 
15 
Зм Арк. № докум. Пiдпис. Дата 
нт
 
Сайт дуже простий дизайн, а також зручний інтерейфс для пошуку статей 
використовується пошукова колонка, а також є дуже багато цікавих функцій, а саме 
він забезпечує. Сайт розроблений на Wordpress, а саме тому має обмжений 
функціонал, який складається з певних додатків самого Wordpress, а саме це 
додання певних функцій. 
 
Сайт Lumpis.ru 
Сайт https://lumpics.ru/ 
 
Рисунок 1.8 – Сайт lumpics.ru 
 
Сайт має дуже зручний дизайн, а також націлений на більшу аудиторію, а  
тому-що не тільки не орієнтований на линукс, а також на інші операційни системи 
сайт має дужи приємний дизайн випадающе меню, а також дуже добре підібрий, 
має привилігірований контент за певну плату можно получити додаткой контент, а 
саме розширення його.  
     Лист 
     ЧДТУ 221808.001 ПЗ 
16 
Зм Арк. № докум. Пiдпис. Дата 
нт
 
Має строку пошуку контент, а саме пошук по розділами, категоріям, темам 
тощо. 
 
Сайт Linux.org 
 
1.9 – Сайт Linux.org 
 
Офіційна ядра лінкуса, приємний дизайн та задовільний функціонал, для 
забезпечення функціонування веб-сайту. 
 
1.10 – Мій сайт  
 
 
     Лист 
     ЧДТУ 221808.001 ПЗ 
17 
Зм Арк. № докум. Пiдпис. Дата 
нт
 
Характеристики ravesli.com losst.ru Lumpis.ru Linux.org Мій сайт 
 Має чудовий На сторінкі Має негарниий Має простий Великий 
 функціонал в розміщено багато дизайн, функціонал. При функціонал і 
 розділі хедер, гіпер-текствових розміщення натисканні на привабливий 
 користувач може  посилань, що дає блоків виконане вкладку дизайн сайту, є 
 із вісьма змогу клієнтові досить банально, відкривається можливість 
Функціонал розділами який переходити із однієї функціонал вікно іх переходити за 
кожен відкриває сторінки на іншу, є практично дизайном гіпер-текствовими 
додатковий багато функцій, такі відсутній. інтер’єру на який посиланнями.  
функціонал для як розміщення своїх ми хочемо 
роботи з сайтом фотографій і опису перейти. 
свого профілю. 
 Має простий і Має адаптивний Має старий і Має Має гарний 
 зрозумілий дизайн для деск- негарний дизайн привабливий дизайн, є 
 дизайн, що є топних версій сайту, зовнішній адаптивним під 
     Дизайн запорукою іспіху. монітора, Достатньо розміщення вигляд, простий мобільні пристрої, 
Лего читається . простий і великий блоків негарно в дизайні і гарно відображає 
Містить функціонал гарно відображаються легкий у весь функціонал , 
адаптивний відображений за при зжиманні сприянні легко знайти те що 
дизайн. допомогою дизайну. сторінки. людським оком. потрібно. 
Легко знайти те 
що потрібно. 
 Має приватний Має Не має системи Має систему Не має системи 
 реєстр привілегійований привілегійованого привілегій для привілегійованиого 
 користувачів, які контент для контенту, все що тих користувачів, контенту, всім 
 здійснили користувачів які ви бачите на що здійснили користувачам 
Привілегії для фінансову зареєструвалися, він сторнкі підписку на відображається 
клієнтів підписку на дає змогу відобржається розповсюдження безкоштовна 
оновлення переглядати список усім , неважливо інформація. 
шаблонів готових користувачам. проходили вони 
дизайну. дизайнерських реєстрацію чи ні. 
рішень. 
 
Висновок до частини 1 
В цій частині ми розглянули UNIX-подібні ОС, а також плюси, мінуси  
альтернативи, для чого вони використовуються а ще ми розглянули веб-технології 
які використовуються для проектування веб-додатків. Добре настроїна операційна 
система и веб-додаток надає дуже добрий результат в роботі нашого хостингу. По 
статистиці із інтернета саме UNIX-подібні ОС використовуються як сервер для веб- 
додатків тому-що вони мало вразливі від потенційних атак на сервер, але не буває 
     Лист 
     ЧДТУ 221808.001 ПЗ 
18 
Зм Арк. № докум. Пiдпис. Дата 
нт
 
досконалої операційної системи для захисту ваших данних. В будь якій системі є 
свої плюси чи мінуси помилки, дірки в безпеці, а саме треба слідкувати за 
оновленням вашої системи. Щодо веб-технологій то вони єволюціонують, а також 
стають кращими щодо їх примінення, а саме тому найкраще всього 
використовувати связку програмного забезпечення LEMP 
налаштовується и має обширну документацію. А також ми розглянули основу 
інтернету та веб-технологій, а саме протокол HTTP і клієнт-серверну взаємодію. 
  
     Лист 
     ЧДТУ 221808.001 ПЗ 
19 
Зм Арк. № докум. Пiдпис. Дата 
нт
 
2. ПРОЕКТУВАННЯ Веб-сайту адміністрування UNIX-подібних ОС 
 
 
2.1 Постановка задачі 
Використовуючи стек технологій lemp(набір програмного забезпечення для 
створення веб-додатків. для розробки адаптивного веб-сайту за допомогою 
паттерна проектування MVC. Унікальністю сайту є його реалізація с самого 
початку без застовування постороніх cms, сайт працює у будь якому браузері та 
ціліком підтримую правельне відображення веб-сайту в браузері. 
MVC(model-view-controller) – це спосіб організації коду виділення різних 
блоків відповідающих за різні задач. 
Модель — цей компонент відповідає за дані та визначає структуру програми. 
Наприклад, якщо ви створюєте програму To-Do, код компонента model буде 
визначати список завдань і окремі завдання. 
Подання - цей компонент відповідає за взаємодію користувача. Тобто код 
компонента view визначає зовнішній вигляд програми та способи її використання. 
Контролер – цей компонент відповідає за зв'язок між model та view. Код 
компонента controller визначає, як реагує сайт на дії користувача. По суті, це мозок 
MVC-програми. 
 
2.2 Можливість додатку 
Вивчення UNIX-подібних операційних систем,  а також практикування свої 
навичок щодо вивченя. Сайт сконструйований, так що є адмін панель в якій можно 
редагувати, добавляти, удаляти контент. Вся робота с кодом розроблена повністю 
з нуля з виконанням паттерну проектування коду за допомогою моделі MVC. А 
також є посилання на автора сайту кожен новий функціонал додавання на сайті є 
просто редагування коду добавлення функції щодо, ми можем відображати 
контент, а також його добавляти за допомогою панелі адміністратора. 
 
 
     Лист 
     ЧДТУ 221808.001 ПЗ 
20 
Зм Арк. № докум. Пiдпис. Дата 
нт
 
2.3 Аналіз UNIX-подібних операційних систем 
Дистрибутиви Linux — це програмні пакети, що включають ядросистеми та 
великий набір різноманітних додатків та програмного забезпечення для установки 
ОС. А також других UNIX-подібних ОС. 
Linux Mint — для тих, хто ніколи не користувався Linux 
 
Рисунок 2.1 – Інтерфейс Лінукс Мінт 
 
- Плюси: простота, забота обичних користувачів. Вам не потрібно які-то 
специфічні знання, щоб встановити і використовувати Монетний двір. 
- Мінуси: велике число передустановленого ПО, яке може ніколи не 
пригодитись. 
- Альтернатива: LMDE — Linux Mint, заснований на Debian. Більш 
стабільний, чим обична версія, але програми тут реже оновлюються. 
Zorin OS — дистрибутив, заснований на Ubuntu. Його інтерфейс нагадує 
Windows, що повинно облегчить перехід неопытним користувачам. 
  
     Лист 
     ЧДТУ 221808.001 ПЗ 
21 
Зм Арк. № докум. Пiдпис. Дата 
нт
 
Arch – для досвідчених користувачів і тех, хто хоче виучити Linux 
 
Рисунок 2.2– Інтерфейc Arch Linux 
 
- Плюси: AUR, що надає величезну кількість програм, завжди свіже ПЗ, 
широкі можливості налаштування, чудова корисна Wiki, висока швидкодія.  
-  Мінуси: дистрибутив не підходить для новачків Вам доведеться вивчати 
багато команд та читати посібники.  
- Альтернативи: Slackware – один із найстаріших дистрибутивів. Його 
шанувальники кажуть: "Якщо ви вивчите Slackware - ви дізнаєтесь весь Linux". 
Відрізняється стабільністю та консервативністю. Gentoo - у цьому дистрибутиві 
немає зручних магазинів програм. Натомість вам належить вручну компілювати 
потрібні вам програми з вихідних кодів, люб'язно наданих розробниками. 
Теоретично це дає невеликий бонус до швидкодії системи. GoboLinux — 
дистрибутив з незвичайної організації файлової системи, явно створеної під 
враженням від macOS. Кожна програма тут лежить у своїй папці, що невластиво 
іншим дистрибутивам. Підійде тим, хто вивчає внутрішній пристрій Linux або хоче 
поекспериментувати. 
  
     Лист 
     ЧДТУ 221808.001 ПЗ 
22 
Зм Арк. № докум. Пiдпис. Дата 
нт
 
Ubuntu – для планшета або трансформера 
 
Рисунок 2.3 – Інтерфейc Ubuntu 
 
- Плюси: Ubuntu – поширений дистрибутив, а значить, ви без проблем 
знайдете все необхідне ПЗ. Крім того, більшість сайтів про Linux присвячені саме 
Ubuntu.  
- Мінуси: оболонка GNOME зручна, але спочатку здається незвичною.     
- Альтернатива: Solus - як графічне середовище тут використовується Budgie 
- симпатичний легковажний інтерфейс, який досить зручний для використання на 
сенсорних екранах. 
 
Debian — для домашнього сервера 
- Плюси: стабільність та великий набір додатків.  
- Мінуси: необхідність вручну налаштовувати дистрибутив після 
встановлення.  
 
     Лист 
     ЧДТУ 221808.001 ПЗ 
23 
Зм Арк. № докум. Пiдпис. Дата 
нт
 
 
Рисунок 2.4 – Інтерфейс  Debian 
 
Альтернативи: Ubuntu Server - варто спробувати, якщо вам здається, що Debian 
занадто незручний або в його репозиторіях відсутнє потрібне програмне 
забезпечення. CentOS - заснований на Red Hat Enterprise Linux, відрізняється 
високою стабільністю. Тому CentOS часто використовують на серверах 
комерційних організацій. 
openSUSE — для настольного ПК 
 
Рисунок 2.5 – Інтерфейс OpenSuse 
     Лист 
     ЧДТУ 221808.001 ПЗ 
24 
Зм Арк. № докум. Пiдпис. Дата 
нт
 
- Плюси: зручний менеджер налаштувань YaST, великий асортимент пакетів, 
чудовий набір додатків KDE.  
- Мінуси: у стандартному дистрибутиві немає багатьох кодеків та 
пропрієтарних драйверів – це пов'язано з умовами ліцензії. Щоб вирішити 
проблему, встановіть їх вручну після інсталяції системи.  
Альтернативи: Kubuntu — один з найвідоміших дистрибутивів з KDE, графічне 
середовище якого є ідеальним для використання на десктопі. Він заснований на 
Ubuntu, а це означає, що у вас не буде проблем із сумісністю програм. Ще варіант - 
KDE Neon для тих, хто хоче випробувати найновіші версії KDE. 
 
Freebsd – для настольних і серверних компьютеров 
e  
Рисунок 2.6 – Робочий стол Freebsd 
 Плюси: 
-Вільна ліцензія 
-Безпечка Операційна система 
-Стабільность 
Мінуси: 
-Важка в адміністуванні 
     Лист 
     ЧДТУ 221808.001 ПЗ 
25 
Зм Арк. № докум. Пiдпис. Дата 
нт
 
Коротка характеристика дистрибутивів 
 
Рисунок 2.7 – Характеристика дистрибутивів 
 
9.4 Архітектура 
Архітектура сайту є не дуже складною вона складається з певних компонетів. 
 
Рисунок 2.8 – Архітектура веб-сайту 
  
     Лист 
     ЧДТУ 221808.001 ПЗ 
26 
Зм Арк. № докум. Пiдпис. Дата 
нт
 
Cхема роботи мого сайту 
Архітектура мого сайту складається 
- Адміністратор 
- Веб-сервер(nginx/apache2) 
- Бази данних 
- PHP 
- Ядро сайту 
- Контроллер 
Адміністратор – це спеціальний користувач який має повний котроль над 
сайтов, а також може додавати пости, редагувати текст, тобто має всі привілегії для 
керування контентом та його адміністуванням, авторизація адміністратор 
проходить за допомогою спеціального логіна і пароля. 
Веб-сервер – це спеціалізована програма яка написана на мовах 
програмування таких як C/C++/Java, в завдання якої входить ждати пока клієнт 
тобто веб-браузер  ініціює запит до веб-сервера, а сервер відповідає на нього 
предоставляє веб-сторінку у форматі html робить звязок який відбувається с веб-
сервром і клієнтом за допомогою протокола HTTP. 
База-данних – це  сукупність данних, яка описує характеристику цих данних 
і взаємнозвя’зків між їх елементами. В загальному випадку база даних містить 
схеми, таблиці, подання, збережені процедури та інші об'єкти. Дані у базі 
організовують відповідно до моделі організації даних. Таким чином, сучасна база 
даних, крім самих даних, містить їх опис та може містити засоби для їх обробки.  
PHP – Personal Home Page Tools — скриптова мова програмування, була 
створена для генерації HTML-сторінок на стороні вебсервера. PHP є однією з 
найпоширеніших мов, що використовуються у сфері веброзробок (разом 
із Java, .NET, JavaScript, Python, Ruby)[3] . PHP підтримується переважною 
більшістю хостинг-провайдерів. PHP — проєкт відкритого програмного 
забезпечення. 
     Лист 
     ЧДТУ 221808.001 ПЗ 
27 
Зм Арк. № докум. Пiдпис. Дата 
нт
 
Ядро сайту – це сердцевий код який є фундаментов для роботи веб-сайту тобто 
головною програмою сайта, який забезпечує його функціональні можливості за для 
його роботи. 
Контроллер – це інтерпрететор який працює завдяки тому-що користувач 
вказує йому що потрібно роботи, а також надає правильне функційовання цього 
сайту. 
 
9.5 Стек технологій 
 Сайт вирішено розробляти з самого нуля за допомогою паттерна 
проектування MVC. За допомогою мов програмування таких як PHP,JS. 
А також с стеком технологій Linux,apache2,mysql,php. 
 Сервер я розгорнув на властному компьютері, за для того щоби 
протестувати, а уже потім перенести його на повноційний веб-сервер який буде 
находиться в інтернеті. 
 
Рисунок 2.9 – Запуск сервера 
 
Середовище для розробкий я обрав Sublime text 3, тому-що це простий 
редактор коду, в якому є повний функціонал для роботи з мовою програмування 
php. 
     Лист 
     ЧДТУ 221808.001 ПЗ 
28 
Зм Арк. № докум. Пiдпис. Дата 
нт
 
 
Рисунок 2.11 – Текстовий редактор  
 
За допомогою веб-додатку phpmyadmin я редеагую базу-данних, тому-що це 
зручний веб-додаток для роботи з базами данних, також для їх створення. 
 
Рисунок 2.12 – Архітектура база данних 
 
Також я використовую веб-браузер такий як Firefox для того щоб дивитися 
як відображається сторінка і чи не є помилок. Це дуже зручний спосіб щоб 
спостерігати за цим. Можливо слідкувати за ієрархіє розташування блоків. 
     Лист 
     ЧДТУ 221808.001 ПЗ 
29 
Зм Арк. № докум. Пiдпис. Дата 
нт
 
 
Рисунок 2.13 – Відображення в браузері 
 
2.6 Проектування структури сайту та наповнення сторінки 
Головна сторінка повина мати просту структуру і вказувати на зручність 
користування цим сайтом. У мене наприклад на головній сторінці дуже не велика 
кількість інтерфейсу, а саме просте проектування цього сторінки. 
 
Рисунок 2.14 – Проектування головної сторінки 
     Лист 
     ЧДТУ 221808.001 ПЗ 
30 
Зм Арк. № докум. Пiдпис. Дата 
нт
 
 Головна сторінка містить хедер де знаходиться логотип а також, посилання 
на інші сторінки веб-сайту під хедером знаходиться коротке описання сторіки, а 
також на задньому плані знаходиться картинка. Під ним знаходяться статті які 
доступні на цьому сайті. Під статтями знаходиться така технологія як pagination 
тобто спосіб переключатися на одній сторінці. 
 Паганація –це порядок нумерація сторінок за яких ви можете 
переключатися  з одної сторінки на іншу и читати різні статті цього сайту. 
Вона дуже зручна для проектування та економе ресурси для цього. Ви не 
создаєтенові сторінки а просто переключаїтесь на тій же сторінці. Це може 
нагадувати як перегортання книжки. 
 Далі що є на сайті це його адмінка вона складається з полей вводу даних які 
потрібні для того щоби получити права на редагування веб-сайту   тобто для 
повного котролю за цим веб-сайтом. 
 
Рисунок 2.15 – Форма логіна 
 
     Лист 
     ЧДТУ 221808.001 ПЗ 
31 
Зм Арк. № докум. Пiдпис. Дата 
нт
 
Ця сторінка має бути добре захищиної і до неї має получити доступ лише той 
хто має на це право тобто знання логіну и паролю. Саме за допомогою фреймворка 
відповідати всім вимогам проектування, а також зручний у користуванні не тільки 
на персоналних комп’ютерах, а також на планшетах і телефонах маючи гнучку 
модель яка дозволяє використовувати широкий спектр блоків і заздалегіть 
опреділяє ці ділянки які повині бути дуже зручні і динамічні для користувача веб-
сайту. А саме використання html і css за для покращення розмтіки веб-сайт, а також 
зробити його динамічним. 
Також є сторінка відправки почти на електрону почту і сторінка яка описує 
данні про мене вона стровена за для того щоби користувач мав нагоду відправити 
запитать чи по інтересуватися хто я. 
   
 
Рисунок 2.16 – Обратній зв'язок 
 
На другій сторінкі це опис про мене вона є блочною, це дуже зручно при 
проєктуванні її вона описую інформацію про мене яку я надава щоби користувач 
мав спробу ознайомитися. 
     Лист 
     ЧДТУ 221808.001 ПЗ 
32 
Зм Арк. № докум. Пiдпис. Дата 
нт
 
 
Рисунок 2.17 – Головна сторінка 
 
Висновок до частини 2 
В даній частині ми розібрали можливості додатку, а саме з яким 
функціоналом буде мати справу користувач, що він зможе побачити і на які 
посилання він зможе переходити. Також визначилися з архітектурою сайту за 
допомогою якого паттерна проектування він буде спроектованний. Кожен стек 
технологій є індивідуальним для цього, а саме використання різних технологій. 
Інструмент для розробки повинен обиратись згідно того чого саме хоче 
замовник, іноді якщо обрати не той інструмент для розробки це може призвести до 
неочікуваних наслідків як зі сторони програміста так і клієнта, зазвичай перед 
початком роботи група програмістів детально обирають стек для розробки 
зважуючи всі плюси і мінуси, а саме наприклад для чого потрібен сайт.В залежності 
від розміру веб-додатку, буде використовуватися різна інфраструктура, а також 
різні показники мощності комп’ютера. 
  
     Лист 
     ЧДТУ 221808.001 ПЗ 
33 
Зм Арк. № докум. Пiдпис. Дата 
нт
 
3. РЕАЛІЗАЦІЯ Веб-сайту адміністрування UNIX-подібних ОС 
 
 
3.1 Реалізація структури сайту 
Структура веб-сайту завяза на паттерну проектування MVC і його реалізаця. 
   
Рисунок 3.1 – Роутер 
 
Маршрут 
 визначає шаблон URL та інформацію про обробник. Усі налаштовані маршрути 
програми зберігаються в RouteTable і будуть використовуватися механізмом 
     Лист 
     ЧДТУ 221808.001 ПЗ 
34 
Зм Арк. № докум. Пiдпис. Дата 
нт
 
маршрутизації для визначення відповідного класу обробника або файлу для 
вхідного запиту. 
 
    
Рисунок 3.2 – Controller  
 
Controller MVC відповідають за реагування на запити, що виконуються на 
веб-сайті PHP MVC. Кожен запит браузера порівнюється з певним контролером. 
Наприклад, уявіть, що адресний рядок браузера введено наступну URL-адесу: 
http://localhost/Product/Index/3 
     Лист 
     ЧДТУ 221808.001 ПЗ 
35 
Зм Арк. № докум. Пiдпис. Дата 
нт
 
У цьому випадку викликається контролер під назвою Продуктконтроллер. 
Продуктконтроллер відповідає за створення відповіді на запит браузера. 
Наприклад, контролер може повернути конкретне подання назад до браузера, або 
контролер може перенаправити користувача на інший контролер. 
 
     
Рисунок 3.3 – View 
 
 Подання використовується для відображення даних за допомогою об’єкта 
класу моделі. Папка Views містить усі файли перегляду в програмі MVC. Контролер 
може мати один або кілька методів дії, і кожен метод може повертати різне 
представлення. Коротше кажучи, контролер може відображати одне або кілька 
     Лист 
     ЧДТУ 221808.001 ПЗ 
36 
Зм Арк. № докум. Пiдпис. Дата 
нт
 
представлень. Отже, для легкого обслуговування, фреймворку MVC потрібна 
окрема підпапка для кожного контролера з такою ж назвою, що й контролер, у папці 
Views. Наприклад, усі подання, відтворені з HomeController, будуть перебувати в 
папці Views > Home. Таким же чином подання для StudentController будуть 
перебувати в папці Views > Student, як показано нижче. 
 
3.2 Реалізація заповнення контенту 
 
Рисунок 3.4 – Добавлення статі в базу данних 
 
Коли стаття добавлена її можливо подивится за посиланням на головній 
сторінці сайту вона, а якщо вам потрібно знайти її в базі данних то за допомогою 
спеціально id це спеціальний ідентифікатор статті. 
Заповнюється контентом за допомогою рисунка 3.1 це поля для довання 
контенту а відображаеться за посиланням. 
  
     Лист 
     ЧДТУ 221808.001 ПЗ 
37 
Зм Арк. № докум. Пiдпис. Дата 
нт
 
 
Рисунок 3.5 – Добавлення контенту на сайт через адмін панель 
 
Через адмін панельку яку я розробив можно добавляти удаляти редагувати 
текст  
 
Рисунок 3.6 – Додавання контенту 
  
     Лист 
     ЧДТУ 221808.001 ПЗ 
38 
Зм Арк. № докум. Пiдпис. Дата 
нт
 
3.3 Реалізація дизайну сайту 
 
Рисунок 3.7 – Стилізація Адмін панелі Веб-сайта 
 
За допомогою мови CSS проходиться стилізація веб-сторінки, а також за 
допомогою фреймворка boostrap, створенный адаптивний дизайн який підходить 
для планшета телефона тощо. А також за допомогою js библіотеки jquery ми 
зробили дуже багато еффектів для привабливості веб-сайту, а також для деякого 
іншого. Підключили різних шрифтів за допомогою google.foonts.com 
     Лист 
     ЧДТУ 221808.001 ПЗ 
39 
Зм Арк. № докум. Пiдпис. Дата 
нт
 
 
Рисунок 3.8 – Boostrap код 
 
А також є скомпільований bootsrap код який надає зручно створювати гнучкі 
сайти це сприяє меньшому печатанні css коду. 
 
 
Рисунок 3.9 – Головний файл для стилізації 
  
     Лист 
     ЧДТУ 221808.001 ПЗ 
40 
Зм Арк. № докум. Пiдпис. Дата 
нт
 
Також для покращення виведеня помилок є стилізація помилок 404 яка 
відповідає за відсутність файла на сервері, а також 403 яка відповідає за доступ до 
файлу. 
 
Рисунок 3.10 – Стилізація помилок 
 
 
Рисунок 3.11 – Стилізація помилки 
 
     Лист 
     ЧДТУ 221808.001 ПЗ 
41 
Зм Арк. № докум. Пiдпис. Дата 
нт
 
Варіанти розробки веб-сайту за допомогою моделі MVC, для почкатку 
потрібно зрозуміти яку ми будем розробляти  ієрархію і структури для нашого веб-
сайту я для цього ми використовуємо певный паттерн розробки за допомогою якого 
ми будем формалізувати. За допомогою адмін панелі я зможу добавляти 
редагувати, а також дивитися пости рисунок(3.1). Ми бачимо колонку назву поста 
його короткий опис текст, а також картинку яку ми можем добавити в пост сверху. 
 
 
        Рисунок 3.12 - Панель управління. 
Для того щоби увійти в адмін панель потрібно ввести логін и пароль за для 
цього потрібно перейти на форму входу рисунок 3.2. 
 
 
Рисунок 3.13 -  Форма входа в систему 
     Лист 
     ЧДТУ 221808.001 ПЗ 
42 
Зм Арк. № докум. Пiдпис. Дата 
нт
 
 
Також є сторінка де ми можемо редагувати текст який ми добавили на наш 
веб-сайт за допомогою адмін панелі. 
 
Рисунок 3.14 - Редагування статей. 
 
Також є головна сторінка де видно всі статті які перебувають на сайті 
 
Рисунок 3.15 – Головна сторінка сайту 
 
Це є головна сторінка сайту ми бачимо на ній статті щодо UNIX-подібних 
операційних систем, а також 2 посилання про мене и зворотній звязок зі мною, а 
також на сайті я реалізував пагінацію тобно це як книжка щодо не міняється 
інтерфейс зато можливо розміщати більше контенту, а не перезаписувати нову 
сторінку. 
  
     Лист 
     ЧДТУ 221808.001 ПЗ 
43 
Зм Арк. № докум. Пiдпис. Дата 
нт
 
 
Рисунок 3.16 – Сторніка про мене 
 
Структура сайта складається с 4 сторінок 
 
Рисунок 3.17 – Код сайту about me 
     Лист 
     ЧДТУ 221808.001 ПЗ 
44 
Зм Арк. № докум. Пiдпис. Дата 
нт
 
 
Рисунок 3.18 – Код сайту зворотній звязок 
 
 
Рисунок 3.19 – Головна сторінка сайту 
 
Сайт розроблявся, як динаміческий тобто він використовува шаблони 
сторінок, а на стороні сервер за допомогою баз даних генерється контент який є 
унікальним для кожної сторінки веб-сайту.  
 
     Лист 
     ЧДТУ 221808.001 ПЗ 
45 
Зм Арк. № докум. Пiдпис. Дата 
нт
 
 
Рисунок 3.20 – Сторінка для виведення постів 
 
 
Рисунок 3.21 – Зворотній звязок 
В зворотньому звязку ви можете написать автору сайту, а також 
запропонувати деякі оновленя, а також побажати що ви хочете щоби ви добавили. 
 
     Лист 
     ЧДТУ 221808.001 ПЗ 
46 
Зм Арк. № докум. Пiдпис. Дата 
нт
 
 
Рисунок 3.22 – Головна сторінка 
 
 
Рисунок  3.23 - Головна сторінка веб-сайту 
     Лист 
     ЧДТУ 221808.001 ПЗ 
47 
Зм Арк. № докум. Пiдпис. Дата 
нт
 
 
Рисунок  3.24 - Адаптивний дизайн 
 
Адаптивний дизайн регулюється за допомогою сітки блоків bootsrap. 
 
Висновок до частини 3 
Здійснили структуру веб-сайту як він повинен роботи, а також за допомогою 
паттерна проектування MVC, розібрались в дальнішій розробці. Розибрались як 
заповнюється контент на веб-сайту, за допомогою адмін панелі яку розробили с 
нуля, вона має 4 поля названня, опис, текст і додавання картинки за допомогою php. 
Також є редагування тексту. Дизайн і оформлення створенно за допомогою 
фреймворка boostrap, він адаптивний. За допомогою стэка технологій LEMP ми 
створили стабільний и високо адаптивний веб-сервер який може держати добру 
нагрузку. 
  
     Лист 
     ЧДТУ 221808.001 ПЗ 
48 
Зм Арк. № докум. Пiдпис. Дата 
нт
 
ВИСНОВКИ 
 
В даній роботи врозробкииконана розробка проекту на php mvc, із 
застосовуванням стэку технологій LEMP, в ході якої було розібрано питання: 
обирання стеку технологій для розробки, порівняння їх між собою та висновок, 
розробка проекту на php та його аналогах, чим сайти побудовані на різних двигунах 
платформах відрізняються один від одного, було проведено їх аналіз, переваги та 
недоліки. 
Реалізовано структуру розміщення блоків при проектуванні сайту на php за 
допомогою паттерна проектування MVC, здійснили розміщення їх в один одному 
та вистроїли ієрархію структури сайту. 
Здійснили заповнення контенту сайту, зробили висновок, що на 
адаптивність сайту розміщення контенту не впливає. 
Стилізували сайт за допомогою css та библіотеки jquery там фреймворка 
boostrap. 
Мали змогу перевірити адавптивність сайту на різних екранах девайсів, в 
загалом верстка не зламується, а показує досить еластичне зжимання сайту навіть 
попри те, що сайт не розроблявся для смартфонів. 
Розглянули цілі, принципи, переваги застосування тих чи інших 
UNIX/Linux систем для веб-сайту.Провесли аналіз базових понять, принципи та 
технології процессу створення веб-сайту його розміщення на сервері та вибору 
операційні системи. 
Проаналізували аналогічні UNIX-подібних операційні системи.Сформували 
вимоги до веб-сайту.Дослідили основні етапи створення та проаналізували 
технології, які використовуються при розробці Web-сайту. 
Дослідили та проаналізували технології сучасної розробки UNIX-подібних 
операційних систем та Web-сторінок. Спроектували структуру вебсайту. 
Реалізували UI для Web-сайту.  
Таким чином мета кваліфікаційної роботи бакалавра досягнута. Робота 
виконана у відповідності поставленому технічному завданню. 
     Лист 
     ЧДТУ 221808.001 ПЗ 
49 
Зм Арк. № докум. Пiдпис. Дата 
нт
 
 
СПИСОК ВИКОРИСТАНИХ ДЖЕРЕЛ 
 
 HYPERLINK 
"https://ukr.4meahc.com/what-
e
 
 xHYPERLINK "https://uk.go-
H
atravels.com/73084-what-is-a-
Y
wc
4. АPндрей Робачевский Операционная система UNIX 
5. Кetомандная строка Linux. Полное руководство.Шоот Уильямс 
E
6. Tlhe Linux Programming Interface: A Linux and UNIX System Programming by 
b
MRichael Kerrisk. 
7. Ay-dvanced Programming in the UNIX Environment by Sir Richard W. Stevens 
8.  LPro PHP MVC by David Shirley. 
9. La-earning PHP, MySQL, JavaScript, CSS & HTML5: A Step-by-Step Guide to 
ICreating Dynamic Websites 3rd Edition  by Robin Nixon 
i
10. HpTML and CSS: Design and Build Websites by John Dakett 
N
ps
K
l-
 
iw
"
ec
h
ba
t
  -   Лист 
  t   ЧДТУ 221808.001 ПЗ 
50 
Зм Арк. №t докум. Пiдпис. Дата 
нт
ai
 
11. Programming PHP, 4th Edition by Kevin Tatroe, Peter MacIntyre 
12. Modern PHP: New Features and Good Practices 1st Edition  by Josh Lockhart 
13. Linux Kernel Development 3rd Edition by Robert Love 
14. JavaScript: The Definitive Guide, 7th Edition by David Flanagan 
15. Javascript: The Definitive Guide by David Flanagan 
16. JQuery Pocket Reference by David Flanagan by David Flanagan 
17. PHP, MySQL, & JavaScript All-in-One For Dummies 
18. UNIX For Dummies by John R. Levine, Margaret Levine Young 
19. Learning HTTP/2: A Practical Guide for Beginners 
20. High Performance Browser Networking 
  
     Лист 
     ЧДТУ 221808.001 ПЗ 
51 
Зм Арк. № докум. Пiдпис. Дата 
нт
 
ПРОГРАМНІ ЗАСОБИ 
 
1. Microsoft Office 2016 1980-2016 
2. Sublime text 4 1999-2021 
3. XAMMP Control panel 2003-2021 
4. Phpmyadmin 1999-2022 
     Лист 
     ЧДТУ 221808.001 ПЗ 
52 
Зм Арк. № докум. Пiдпис. Дата 
нт