Розробка web-орієнтованої інформаційної системи віртуального підприємства

Кондратьєв, Сергій Сергійович
Будь ласка, використовуйте цей ідентифікатор, щоб цитувати або посилатися на цей матеріал: https://er.chdtu.edu.ua/handle/ChSTU/6898
Повний запис метаданих
Поле DC	Значення	Мова
dc.contributor.advisor	Прокопенко , Тетяна Олександрівна	-
dc.contributor.author	Кондратьєв, Сергій Сергійович	-
dc.date.accessioned	2026-01-26T11:22:42Z	-
dc.date.available	2026-01-26T11:22:42Z	-
dc.date.issued	2022-06-16	-
dc.identifier.uri	https://er.chdtu.edu.ua/handle/ChSTU/6898	-
dc.description.abstract	Кваліфікаційна робота бакалавра присвячена розробці web-орієнтованої інформаційної системи віртуального підприємства на прикладі автосалону і складається з вступу, трьох розділів, висновків та додатку. В якості інструменту розробки вибрано ASP.NET MVC – фреймворк від Microsoft. У вступі подано загальну характеристику роботи, обґрунтовано актуальність напрямку досліджень, сформульовано мету і задачі досліджень. У першому розділі досліджено та описано предметну область, визначено постановку задачі дослідження. Визначено принципи розробки сучасних веб-сайтів для бізнесу. Здійснено аналітичний огляд існуючих web-орієнтованих інформаційних систем автосалонів та визначено їх ключові відмінності. У другому розділі описано принципи розробки web-орієнтованої системи прокату автомобілів. Описано загальні особливості створення web-орієнтованих систем. Описано модульну структуру web-орієнтованої інформаційної системи. Третій розділ присвячений розробці web-орієнтованої інформаційної системи прокату автомобілів, обґрунтовано вибір мови програмування, представлені результати розробки. У висновках представлені результати проведеної роботи.	uk_UA
dc.language.iso	uk	uk_UA
dc.subject	інформаційна система	uk_UA
dc.subject	хостинг	uk_UA
dc.subject	веб-сайт	uk_UA
dc.subject	фреймворк	uk_UA
dc.subject	asp.net	uk_UA
dc.subject	mvc	uk_UA
dc.subject	сервер	uk_UA
dc.subject	контент	uk_UA
dc.title	Розробка web-орієнтованої інформаційної системи віртуального підприємства	uk_UA
dc.type	Bachelor Thesis	uk_UA
Розташовується у зібраннях:	126 Інформаційні системи та технології (Web-технології, web-дизайн)
Файли цього матеріалу:
Файл	Опис	Розмір	Формат
РЕП_БАК_Кондратьєв_WEB-1811.pdf Restricted Access		2.42 MB	Adobe PDF	Переглянути/Відкрити Запит копії
Показати базовий опис матеріалу Перегляд статистики
Усі матеріали в архіві електронних ресурсів захищено авторським правом, усі права збережено.
Extracted text
МІНІСТЕРСТВО ОСВІТИ І НАУКИ УКРАЇНИ 
ЧЕРКАСЬКИЙ ДЕРЖАВНИЙ ТЕХНОЛОГІЧНИЙ УНІВЕРСИТЕТ  
ФАКУЛЬТЕТ ІНФОРМАЦІЙНИХ ТЕХНОЛОГІЙ І СИСТЕМ 
 
КАФЕДРА ІНФОРМАЦІЙНИХ ТЕХНОЛОГІЙ ПРОЕКТУВАННЯ 
 
 
 
 
 
 
 
 
 
Пояснювальна записка 
до кваліфікаційної роботи бакалавра 
 
 
 
на тему: «Розробка web-орієнтованої інформаційної системи 
віртуального підприємства» 
 
 
 
Виконав студент 4 курсу, 
групи Web-1811,  
спеціальності 126 – 
Інформаційні системи та 
технології,  
освітня програма – Web- 
технології, Web-дизайн,  
 
Кондратьєв С.С. 
Керівник д.т.н., проф. Прокопенко Т.О. 
Рецензент Катаєв Д.С. 
 
 
 
 
 
 
Черкаси – 2022 року  
  
 
 
 
 
АНОТАЦІЯ 
Кваліфікаційна робота бакалавра присвячена розробці web-орієнтованої 
інформаційної системи віртуального підприємства на прикладі автосалону і 
складається з вступу, трьох розділів, висновків та додатку. В якості 
інструменту розробки вибрано ASP.NET MVC – фреймворк від Microsoft. 
У вступі подано загальну характеристику роботи, обґрунтовано 
актуальність напрямку досліджень, сформульовано мету і задачі досліджень. 
У першому розділі досліджено та описано предметну область, 
визначено постановку задачі дослідження. Визначено принципи розробки 
сучасних веб-сайтів для бізнесу. Здійснено аналітичний огляд існуючих web-
орієнтованих інформаційних систем автосалонів та визначено їх ключові 
відмінності. 
У другому розділі описано принципи розробки web-орієнтованої системи 
прокату автомобілів. Описано загальні особливості створення web-
орієнтованих систем. Описано модульну структуру web-орієнтованої 
інформаційної системи. 
Третій розділ присвячений розробці web-орієнтованої інформаційної 
системи прокату автомобілів, обґрунтовано вибір мови програмування, 
представлені результати розробки. 
У висновках представлені результати проведеної роботи. 
Кваліфікаційна робота представлена на 76 аркушах, з яких 21 аркуш 
додатків, містить 30 рисунків, 1 таблицю і посилання на список використаних 
літературних джерел (46 найменувань). 
Ключові слова: ІНФОРМАЦІЙНА СИСТЕМА, ВЕБ-САЙТ, 
ФРЕЙМВОРК, ASP.NET MVC, СЕРВЕР, ХОСТИНГ, КОНТЕНТ. 
  
 
 
ABSTRACT 
The bachelor’s thesis is devoted to the development of web-oriented 
information system of a virtual enterprise on the example of a car dealership and 
consists of an introduction, three sections, conclusions and an appendix. 
ASP.NET MVC – a framework from Microsoft – was chosen as a development 
tool. 
The introduction presents the general characteristics of the work, 
substantiates the relevance of the research direction, formulates the purpose and 
objectives of research. 
In the first section the subject area is researched and described, the 
statement of the research task is determined. The principles of developing modern 
websites for business are defined. An analytical review of existing web-oriented 
information systems of car dealerships was carried out and their key differences 
were identified. 
The second section describes the principles of developing a web-based car 
rental system. The general features of creation of web-oriented systems are 
described. The modular structure of the web-oriented information system is 
described. 
The third section is devoted to the development of web-oriented 
information system for car rental, the choice of programming language is 
substantiated, the results of development are presented. 
The conclusions present the results of the work. 
The work is presented on 76 sheets, of which 21 sheets of appendices, 
contains 30 figures, 1 table and references to the list of used literature sources (46 
titles). 
Keywords: INFORMATION SYSTEM, WEBSITE, FRAMEWORK, ASP.NET 
MVC, SERVER, HOSTING, CONTENT. 
 
 
ЗМІСТ 
ВСТУП .................................................................................................................. 3 
1 АНАЛІЗ ПРЕДМЕТНОЇ ОБЛАСТІ ТА ПОСТАНОВКА ЗАДАЧІ .............. 6 
1.1 Роль інформаційних технологій в бізнесі ................................................ 6 
1.2 Причини створення веб-сайтів для бізнесу ............................................. 9 
1.3 Постановка задачі .................................................................................... 11 
1.4 Огляд і аналіз існуючих аналогів веб-орієнтованих інформаційних 
систем .............................................................................................................. 12 
1.5 Висновки до розділу 1 ............................................................................. 15 
2 ПРОЄКТУВАННЯ САЙТУ ВІРТУАЛЬНОГО ПІДПРИЄМСТВА ........... 16 
2.1 Аспекти ефективного корпоративного веб-сайту ................................ 16 
2.2 Принципи створення успішного бізнес-сайту ...................................... 20 
2.3 Основні етапи розробки сайту ................................................................ 24 
2.4 Висновки до розділу 2 ............................................................................. 28 
3 РОЗРОБКА ВЕБ-ОРІЄНТОВАНОЇ ІНФОРМАЦІЙНОЇ СИСТЕМИ 
ВІРТУАЛЬНОГО ПІДПРИЄМСТВА .............................................................. 29 
3.1 Вибір засобу розробки веб-орієнтованої інформаційної системи ...... 29 
3.2  Бекенд системи на ASP.NET MVC ........................................................ 32 
3.3 База даних ................................................................................................. 36 
3.4 Інтерфейс розробленої web-орієнтованої інформаційної системи ..... 41 
3.5 Висновки до розділу 3 ............................................................................. 49 
ВИСНОВКИ ........................................................................................................ 50 
ДОДАТОК A 482 ЧДТУ 21990-01 Розробка web-орієнтованої інформаційної 
системи віртуального підприємства. Специфікація ....................................... 51 
СПИСОК ВИКОРИСТАНИХ ДЖЕРЕЛ .......................................................... 72 
 
 
ЧДТУ 221990.003 ПЗ 
Зм. Лист № докумемента Підпис Дата  
Розроб. Кондратьєв С.С. Розробка web-орієнтованої Літ. Лист Листів 
Перев. Прокопенко Т.О. 
 інформаційної системи віртуального Н 2 76 
Реценз Катаєв Д.С. підприємства. ФІТІС,  
Н. . контр. Прокопенко Т.О. 
 Пояснювальна записка 
Прокопенко Т.О. кафедра ІТП, Web-1811 
Затв.  
 
 
ВСТУП 
Присутність бізнесу в Інтернеті, незалежно від галузі, може мати 
величезний вплив на його успіх. У наш час деякі компанії все ще не 
усвідомлюють, що більшість їхніх клієнтів відвідують їхній веб-сайт, перш ніж 
зробити покупку.  
Актуальність. Однією з головних причин, чому бізнес повинен мати 
веб-сайт, є підвищення довіри до компанії. Одним із способів виділитися є 
створення веб-сайту, який добре виглядає та чітко передає якісну інформацію 
споживачам. Без веб-сайту люди можуть поставити під сумнів законність 
бізнесу. Наявність веб-сайту – це можливість справити чудове перше враження 
та дати людям впевненість в компанії. 
Продемонструвати свій бренд потенційним клієнтам – одна з 
найважливіших речей компанії. Бренд – це те, що може виділити компанію 
серед конкурентів. Без веб-сайту це може бути неймовірно складно, оскільки 
люди не можуть легко знайти якісну та надійну інформацію про певний бізнес. 
Можливо, одна з найбільш інтригуючих причин мати веб-сайт для свого 
бізнесу полягає в тому, що він може збільшити шанси отримати потенційних 
клієнтів. Коли люди знаходять фірму в Інтернеті, зацікавляться її продуктом чи 
послугою та захочуть дізнатися більше, вони знатимуть, як зв’язатися з нею 
завдяки інформації на веб-сайті, що дає можливість збільшити продажі. 
Незважаючи на те, що веб-сайти мають вартість, при правильному 
використанні вони мають позитивну рентабельність інвестицій. 
Коли фірма є в Інтернеті та має веб-сайт, оптимізований для SEO, у неї 
є шанс з’явитися в результатах пошуку Google. Це означає, що коли люди 
шукають продукт або послугу, є ймовірність, що такий веб-сайт з’явиться в 
результатах. Це дає можливість різко збільшити свою клієнтську базу. 
Багато компаній отримують дзвінки від потенційних клієнтів або 
наявних клієнтів, які ставлять прості запитання про місцезнаходження та 
години роботи. Якщо менеджер компанії пропустить дзвінок, клієнт 
Арк. 
ЧДТУ 221990.003 ПЗ 3 
З м н. Арк. №  докум. Підпис Дата  
  
 
 
залишається незадоволеним. Дзвінки також можуть відволікати співробітників 
від зосередження на найважливіших частинах бізнесу. Веб-сайт може 
зменшити ці дзвінки та підвищити внутрішню продуктивність. У той же час він 
допомагає клієнтам знаходити корисну інформацію без необхідності дзвонити, 
що в кінцевому підсумку забезпечує кращий досвід користувача. 
Оскільки веб-сайт працює цілодобово, без вихідних, можна легко 
публікувати оновлення та оголошення своїм клієнтам. Це спосіб тримати їх в 
курсі всього, що робить компанія. Коли є інформація особливо актуальна для 
них, це збільшує шанси продажів. 
Якщо фірма планує використовувати цифровий маркетинг для 
збільшення кількості потенційних клієнтів і розвитку свого бізнесу, то, 
ймовірно, їй захочеться залучити трафік на веб-сайт або цільову сторінку. Щоб 
зробити це ефективно, варто використовувати «історичний» трафік, який 
надходив на веб-сайт, щоб можна було орієнтуватися на найбільш 
кваліфікованих клієнтів і отримати найкращу рентабельність інвестицій на 
рекламу.  
Об’єктом дослідження є способи розробки веб-сайтів підприємств.  
Предметом дослідження є методи і алгоритми розробки веб-
орієнтованих інформаційних систем. 
Метою кваліфікаційної роботи бакалавра є створення веб-орієнтованих 
інформаційних систем віртуального підприємства. Для досягнення поставленої 
мети кваліфікаційної роботи бакалавра необхідно розв’язати наступні задачі: 
 проаналізувати предметну область розробки; 
 визначити ключові моменти ефективного створення веб-орієнтованих 
інформаційних систем; 
 здійснити порівняльний аналіз засобів розробки веб-орієнтованої 
системи; 
 розробити веб-орієнтовану інформаційну систему віртуального 
підприємства на прикладі автосалону. 
Арк. 
ЧДТУ 221990.003 ПЗ 4 
З м н. Арк. №  докум. Підпис Дата  
 
 
 
Обсяг пояснювальної записки кваліфікаційної роботи бакалавра складає 
76 сторінок, в тому числі вступ, 3 розділи, висновки, додаток та список 
використаних джерел. Робота містить 30 рисунків, одну таблицю та  46 
інформаційних джерел. 
 
 
 
 
Арк. 
ЧДТУ 221990.003 ПЗ 5 
З м н. Арк. №  докум. Підпис Дата  
 
 
 
1 АНАЛІЗ ПРЕДМЕТНОЇ ОБЛАСТІ ТА ПОСТАНОВКА ЗАДАЧІ 
1.1 Роль інформаційних технологій в бізнесі 
 Збільшення продажів і залучення більшої кількості клієнтів можливе 
завдяки інформаційним технологіям. Тип технології, яку використовує 
організація, матиме великий вплив на її збутову діяльність. Деякі з прикладів – 
соціальні медіа, електронна комерція та цифрові комунікаційні системи.  
На основі тенденцій та інформації, представленої в даних, інформаційні 
технології здатні аналізувати конкретні дані та допомагати планувати бізнес-
подорож. Крім того, ІТ можуть надати підприємствам різноманітні 
інструменти, які можуть вирішити складні бізнес-перепони, а також допомогти 
їм у плануванні майбутнього зростання [1].  
Продавці можуть отримати доступ до специфікацій продуктів та інших 
інструментів на своїх мобільних пристроях, які можуть допомогти їм надати 
більш ефективні рекламні пропозиції. В результаті вони закривають більше 
угод, і клієнти більш задоволені. Коли приходить час закрити контракт, 
мобільний доступ надає всі документи в одному місці для легкого довідки. 
Покращені відносини з клієнтами та більш ефективний процес 
визначення кваліфікованих потенційних клієнтів і перетворення їх у клієнтів є 
одними з переваг. Завдяки технологіям комунікація з продажу стає 
ефективнішою, а продукти та послуги представлені ефективним способом. 
Впровадження таких технологій, як розвідка потенційних клієнтів, 
автоматизація маркетингу та використання CRM [3], дозволяє продавцям 
витрачати менше часу на введення даних, більше розуміти про своїх 
потенційних клієнтів і зберігати інформацію таким чином, щоб її можна було 
легко поширювати в компанії. 
Сьогодні маркетинг і продажі сильно залежать від технологій. Крім того, 
система полегшує співпрацю відділів. Системи управління взаємовідносинами з 
клієнтами (CRM) є провідним прикладом технології продажів і 
маркетингу. Знаючи, як клієнти стають потенційними клієнтами, відділи 
Арк. 
ЧДТУ 221990.003 ПЗ 6 
З м н. Арк. №  докум. Підпис Дата  
  
 
 
продажів можуть краще надавати їм чудовий сервіс. 
Технологія продажів зазвичай пропонується як інструменти 
програмного забезпечення як послуги (SaaS), які дозволяють агентам робити 
продажі більш ефективними [4]. Використання технологій та інструментів для 
продажу для автоматизації таких завдань, як введення даних, може принести 
користь вашим представникам. Відправка електронних листів потенційним 
клієнтам і клієнтам. 
Ця технологія дозволяє представнику легко шукати інформацію про 
потенційних клієнтів поблизу того місця, де вони зараз 
знаходяться. Представник може заповнити ті прогалини в розкладі, які можуть 
виникнути, наприклад, через скасування в останню хвилину. 
Бізнес-маркетинг став залежним від Інтернету. Веб-сайти є важливою 
частиною бізнес-маркетингу... Продукт можна ефективно продати за 
допомогою електронної пошти, оскільки це один з найбільш доступних та 
ефективних методів продажу. Можна користуватися мобільними пристроями... 
У магазині є такі товари... Можна використовувати соціальні мережі. 
Upselling – це акт продажу тому самому клієнту дорожчого товару з 
метою збільшення його продажів. Ви можете змагатися в будь-який час. Часто, 
коли маркетингова кампанія спрямована на збільшення продажів, 
використовується слово «підвищення». 
Як виробнику, вам може знадобитися підвищити продуктивність, щоб 
задовольнити попит, додаючи нові продукти або розширюючи охоплення 
ринку, або розширюючи маркетингову діяльність. Додаткові ініціативи можуть 
передбачати розширення вашого комплексу маркетингу або маркетингової 
діяльності. 
Завдяки технологіям командам з продажу стало набагато легше 
інтегруватися та слідувати загальним процесам [6]. CRM організації дозволяє 
всім співробітникам бачити конкретні облікові записи, потенційних клієнтів та 
історію контактів. Менеджери та продавці можуть визначити, які комунікаційні 
Арк. 
ЧДТУ 221990.003 ПЗ 7 
З м н. Арк. №  докум. Підпис  
    Дата 
 
 
стратегії використовувати для залучення потенційних клієнтів за допомогою 
програмного забезпечення CRM. 
Крім того, це допомагає компаніям краще обслуговувати своїх клієнтів і 
ефективніше задовольняти їхні потреби. У міру розвитку технологій організації 
можуть виходити за рамки своїх навчальних програм, щоб отримати значний 
прибуток нових клієнтів, зберігаючи при цьому своїх поточних клієнтів. 
Першим і найважливішим ефектом технології є її вплив на спілкування з 
клієнтами. Компанії можуть швидко доставляти продукцію на широку 
територію з можливістю швидкої доставки. Краще спілкування між бізнес-
клієнтами та бізнесом створює сильніший публічний імідж у результаті більшої 
взаємодії клієнтів із технологіями. 
Інформаційна система підприємства має вирішальне значення для його 
управління та функціонування. За допомогою інформаційних технологій можна 
керувати важливими виробничими даними і на основі цих даних виробництво, 
керівництво та власники бізнесу можуть оптимізувати свою ефективність і 
отримувати прибуток. 
Комунікації, управління продажами, управління запасами, прийняття 
рішень, управління даними та управління взаємовідносинами з клієнтами – це 
деякі з численних способів, за допомогою яких ІТ використовуються 
організаціями для підвищення продуктивності. 
Це продуктивність. Використання технологічних досягнень для економії 
часу та енергії дозволяє співробітникам більше зосередитися на забезпеченні 
високого рівня обслуговування клієнтів або швидше виконувати завдання, щоб 
заощадити гроші та збільшити дохід. 
Інформаційні технології допомагають зберігати та отримувати великі 
обсяги даних за короткий проміжок часу та за менших витрат за допомогою 
апаратних і програмних мереж і робочих станцій. Завдяки інформаційним 
технологіям комбінація та конфігурація даних може створити абсолютно нову 
та важливу інформацію, яка може стати основою для швидкого та ефективного 
Арк. 
ЧДТУ 221990.003 ПЗ 8 
З м н. Арк. №  докум. Підпис Дата  
  
 
 
прийняття рішень. 
1.2 Причини створення веб-сайтів для бізнесу 
Швидкий розвиток технологій збільшує темп життя, що, у свою чергу, 
підвищує попит ринку на інтеграцію продуктів. Підприємства повинні не 
тільки інтегрувати передові технології у професійні галузі, але й розширювати 
свою діяльність у віртуальному світі. Вони повинні прагнути створити 
виграшні відносини між діяльністю та відповідними технологіями [7]. 
Компанія повинна мати в Інтернеті сильну присутність через добре 
розроблений веб-сайт. Без цього бізнес залишиться позаду, а конкуренти будуть 
попереду. Крім того, веб-сайт є необхідною умовою для всіх інших 
маркетингових заходів. Існує кілка ключових причин, чому бізнес повинен 
мати власний веб-сайт: 
1) Веб-сайт може допомогти продавати та розвивати бізнес 24/7.  
Якщо у конкурентів є присутність в Інтернеті, то він має бути й у вас. 
Цільовий веб-сайт підвищує впізнаваність бренду. Залучення цільового трафіку 
значно впливає на продажі продуктів/послуг. Веб-сайт дозволяє рекламувати 
бізнес онлайн 24/7. Існує кілька способів просування веб-сайту та бізнесу в 
Інтернеті. Дотримання стратегій цифрового маркетингу допоможе охопити 
цільову аудиторію. Це дасть змогу взаємодіяти з клієнтами та збільшити 
кількість конверсій. Це чудовий спосіб створити бренд і залучити лояльних, 
цільових шанувальників.  
Через відсутність веб-сайту також втрачається онлайн-трафік. А трафік, 
який збирає інформацію відвідувачів сайту, є цінним. Це може привести до 
глибшого розуміння аудиторії. 
2) Веб-сайт може допомогти бізнесу залучити потенційних клієнтів.  
92% шукачів вибирають компанії на першій сторінці локальних 
результатів пошуку [5]. Кожна компанія хоче з’явитися на першій сторінці 
результатів пошуку Google. Не варто недооцінювати його важливість. Чим 
нижче результати пошуку на першій сторінці, рейтинг кліків падає. Більшість 
Арк. 
ЧДТУ 221990.003 ПЗ 9 
З м н. Арк. №  докум. Підпис  
    Дата 
 
 
людей натискають один із трьох найкращих органічних результатів. Пошук на 
комп’ютері Google для першої позиції має рейтинг кліків близько 35% [8]. 
Рейтинг на першій сторінці Google за пов’язаним ключовим словом 
безцінний. Це допоможе бізнесу залучити потенційних клієнтів без 
необхідності платити за це. Це золота копальня. Це додає цінність бізнесу як 
нематеріальний актив. 
3) Веб-сайт – це місце, де потенційні клієнти можуть дізнатися 
більше про певний бізнес. 
Близько 90% відвідувачів сайту спочатку шукають сторінку 
продуктів/послуг компанії. Потім переглядаються інші розділи сайту [10]. 
Це місце, щоб представити відмінності продуктів/послуг, побудувати 
кращий зв’язок зі своїм цільовим ринком, зарекомендувати себе як експерт. 
Важливо позиціонувати свій бізнес як авторитет в галузі. 
Інформацію про компанію має бути легко знайти на веб-сайті. Таким 
чином можна зменшити кількість дзвінків у службу підтримки та підвищити 
рівень задоволеності клієнтів. 
4) Веб-сайт дозволяє володіти активом, а не здавати його в оренду. 
Facebook «орендують» багато компаній для створення онлайн-
присутності. А маючи власний сайт компанія нічого не орендує, а має свою 
власну платформу позиціонування.  
Те саме поняття стосується популярних конструкторів веб-сайтів, таких 
як Wix. З Wix компанія «орендуєте» свій сайт, а не володіє ним. Wix пропонує 
чудові шаблони, але, вибравши шаблон, компанія вже не зможе його змінити – 
це не так ідеально з урахуванням постійно мінливих вимог онлайнового світу 
[12]. 
5) Дизайн веб-сайту має вирішальне значення для зручності 
використання та взаємодії з користувачем. 
Веб-дизайн впливає на роботу користувачів. 38% людей відмовляться 
від веб-сайту, якщо його дизайн непривабливий. Google використовує сигнали 
Арк. 
ЧДТУ 221990.003 ПЗ 10 
З м н. Арк. №  докум. Підпис Дата  
 
 
 
взаємодії з користувачем, щоб зрозуміти взаємодію відвідувачів із веб-сайтами. 
Іншим важливим фактором користувацького досвіду є дизайн, 
орієнтований на мобільні пристрої. 63% всього трафіку зараз надходить з 
мобільного пристрою [13]. Надзвичайно важливо, щоб веб-сайт був 
оптимізований для мобільних пристроїв (тобто адаптивний до мобільних 
пристроїв). Це допоможе веб-сайту задовольнити користувачів і Google. 
Наявність веб-сайту важлива для успіху бізнесу. Веб-дизайн, 
підкріплений надійною стратегією, є обов’язковим. Це основа маркетингової 
діяльності в Інтернеті. Основна мета дизайну веб-сайтів – залучити відвідувача, 
а потім перетворити його на клієнта. 
1.3 Постановка задачі 
Створення веб-сайту на рівні підприємства відрізняється від простої 
покупки шаблону, перетягування блоків на сторінку, написання тексту та 
розміщення зображень. 
Корпоративний веб-сайт – це розширена версія не тільки присутності в 
Інтернеті, але й функції цифрового маркетингового центр: все має випливати 
звідти – захоплення потенційних клієнтів, продажі. 
В кваліфікаційній роботі стоїть задача розробки веб-орієнтованої 
інформаційної системи віртуального підприємства. Задача буде розв’язана 
через створення веб-орієнтованої інформаційної системи віртуального 
підприємства на прикладі веб-сайту автосалону. 
Автомобільній компанії потрібен веб-сайт для реклами своїх 
транспортних засобів, оскільки більшість покупок сьогодні здійснюється 
онлайн. Веб-сайт має бути простим у використанні та навігації, щоб 
користувачі просто переглядали та, зрештою, робили покупки. 
Користувачі Інтернету трохи нетерплячі, сторінку веб-сайту потрібно 
завантажити негайно, якщо ні, компанія може втратити клієнта, оскільки в 
Інтернеті є багато інших варіантів. 
Дизайн веб-сайту має бути простим, щоб те, що клієнт захоче 
Арк. 
ЧДТУ 221990.003 ПЗ 11  
З м н. Арк. №  докум. Підпис Дата 
 
 
подивитися, одразу з’являлося перед його очима. Чим довше люди залишаться 
на сайті, щоб зрозуміти заклик до дії, тим менше у компанії буде шансів 
перетворити їх на задоволених клієнтів. 
1.4 Огляд і аналіз існуючих аналогів веб-орієнтованих 
інформаційних систем 
Для розробки веб-орієнтованої інформаційної системи автосалону 
необхідно зробити аналітичний огляд існуючих систем, щоб визначити їх 
переваги та недоліки і, відповідно, врахувати їх в розроблюваній системі. Для 
цього було вибрано кілька веб-сайтів автосалонів. Розглянемо детально кожен з 
них.  
Автомобільний Дім Україна-Мерседес Бенц – один з офіційних дилерів 
Mercedes-Benz в Україні. Сайт виконано в простій чорно-білій світлій гаммі, що 
позитивно впливає на сприйняття інформації користувачами (рис. 1.1). 
 
Рисунок 1.1 – Веб-сайт офіційного дилеру Mercedes-Benz в Україні. 
Перевагами сайту є просте, інтуїтивно зрозуміле меню, наявність вибору 
авто за категоріями, цін на сайті, фото високої роздільної здатності. До 
недоліків можна віднести відсутність онлайн-чату для користувачів, а також 
пошуку автомобілів за критеріями. 
Арк. 
ЧДТУ 221990.003 ПЗ 12 
З м н. Арк. №  докум. Підпис  
 Дата 
 
 
Наступний веб-орієнтована інформаційна система – це веб-сайт одного з 
офіційних дилерів MAZDA (рис. 1.2). 
 
  Рисунок 1.2 – Веб-сайт офіційного дилера MAZDA в Україні. 
До недоліків даного веб-сайту можна віднести: 
 велику кількість відео на кожній завантажуваній сторінці, що 
суттєво збільшує час завантаження сторінок при відносно 
слабкому інтернеті;  
 прайс з цінами і детальними характеристиками автомобілів 
потрібно завантажувати окремо у форматі *.pdf; 
 відсутність пошуку авто за критеріями; 
 онлайн-чат працює через месенджер Facebook (рис. 1.3), що 
унеможливлює отримання допомоги клієнтом у разі відсутності у 
нього аканту Facebook. 
Арк. 
ЧДТУ 221990.003 ПЗ 13 
З м н. Арк. №  докум. Підпис Дата  
 
 
 
 
Рисунок 1.3 – Віконечко онлайн-чату на веб-сайті дилера MAZDA. 
Сузукі ВІДІ Гранд – офіційний дилер в Україні японської корпорації 
Suzuki Motor Corporation (рис. 1.4).  
 
  Рисунок 1.4 – Веб-сайт офіційного дилера Suzuki Motor в Україні. 
Веб-сайт компанії має приємну для ока кольорову гамму, інтуїтивно 
зрозуміле меню. Перевагами є наявність онлайн-чату, можливість клієнту 
зробити свою конфігурацію авто перед купівлею. Щоправда веб-сайт має і свої 
недоліки. Сторінки «обтяжені» наявністю відео, що збільшує трафік і 
Арк. 
ЧДТУ 221990.003 ПЗ 14 
З м н. Арк. №  докум. Підпис Дата  
  
 
 
швидкість завантаження сторінок веб-сайту. Відсутність пошуку на сайті, 
відповідно, щоб знайти потрібне авто потрібно перейти за декількома 
посиланнями. 
Розглянуті вище веб-сайти автосалонів мають схожі недоліки і переваги. 
В кваліфікаційні роботі необхідно розробити таку веб-орієнтовану 
інформаційну систему, яка б враховувала переваги описаних систем і була б 
вільною від їх недоліків. 
1.5 Висновки до розділу 1 
За останній рік спосіб ведення бізнесу різко змінився, перейшовши від 
спілкування з клієнтом віч-на-віч до віртуального. Найважливіше з чого почати 
– це подивитися на світ з точки зору цільової аудиторії. Зараз це віртуальна 
перспектива. Потенційні клієнти шукають товари і послуги в Інтернеті, перш 
ніж зробити вибір в бік однієї з багаточисленних фірм. 
Веб-сайт фірми є наріжним каменем її присутності на ринку. Він 
повинен бути відмінним. Якість сайтів фірм за останній рік зросла, і тому 
розроблюваний сайт не повинен бути винятком. 
В першому розділі описано ключові причини розробки веб-орієнтованих 
систем для сучасного бізнесу, а також здійснено постановку задачі дослідження 
та аналітичний огляд існуючих систем. 
 
Арк. 
ЧДТУ 221990.003 ПЗ 15 
З м н. Арк. №  докум. Підпис Дата  
 
 
 
2 ПРОЄКТУВАННЯ САЙТУ ВІРТУАЛЬНОГО ПІДПРИЄМСТВА 
2.1 Аспекти ефективного корпоративного веб-сайту  
 Корпоративна веб-розробка – це просто процес розробки веб-сайту або 
програми для бізнесу на рівні підприємства. Він обертається навколо 
корпоративних веб-сайтів, розробки корпоративних веб-додатків та розробки 
корпоративного програмного забезпечення. У цю швидку, технологічно 
розвинену епоху підприємству безумовно потрібен принаймні один із них, щоб 
задовольнити потреби та зростаючі запити бізнесу [18]. 
Корпоративний веб-сайт – це група веб-сторінок з одним доменним 
іменем, що представляє компанію в Інтернеті. Веб-сайт дозволяє бути 
присутнім в Інтернеті та розширити свою аудиторію. 
Корпоративні веб-сайти відрізняються від звичайних веб-сайтів тим, що 
вони потребують різноманітних функцій та інструментів, а також унікальної 
системи керування вмістом, відомої як керування корпоративним вмістом. 
Корпоративні веб-додатки – це веб-додатки, які дозволяють керувати 
внутрішніми та зовнішніми потребами та операціями компанії [21]. Веб-
додаток проведе користувача через цифрову трансформацію та допоможе 
задовольнити потреби сучасного бізнесу в цифровому світі. 
Важливо зазначити, що веб-додаток підприємства може бути 
розроблений для внутрішнього використання. 
Розробка корпоративного програмного забезпечення вступає в гру, коли 
потрібно лише програмне забезпечення або програма для внутрішнього 
використання. У більшості випадків програмне забезпечення для бізнесу не 
орієнтоване на споживача і допомагає виконувати повсякденні операції, такі як 
ведення записів, облік, автоматизація, управління проектами та інші функції. 
Розмір корпоративного програмного забезпечення залежить від розміру 
бізнесу та його потреб. Фірма може мати спеціальне програмне забезпечення, 
Арк. 
ЧДТУ 221990.003 ПЗ 16 
З м н. Арк. №  докум. Підпис Дата  
 
 
 
яке є лише інструментом автоматизації процесів, або величезне програмне 
забезпечення, яке виконує все, що потрібно бізнесу.  
Багато людей плутають бізнес-сайти з веб-програмою або програмним 
забезпеченням. Важливо відзначити різницю між цими термінами. 
Веб-сайт компанії складається з веб-сторінок, які дозволяють компанії 
підтримувати видимість і доступність в Інтернеті. Веб-додаток – це повноцінна 
програма, яка обробляє внутрішні та зовнішні транзакції. З іншого боку, 
програмне забезпечення в основному досліджує внутрішні процеси організації. 
Оскільки веб-додатки та програмне забезпечення схожі та мають 
подібний процес розробки, їх можна називати однаково, залежно від функцій, 
які вони надають [23, 24]. Веб-сайт – це щось зовсім інше. 
Розглянемо найважливіші переваги та деякі обов’язкові функції 
корпоративного веб-сайту.  
Переваги: 
 Демонстрація продуктів та послуг. 
Корпоративний веб-сайт – це ефективний спосіб представити свої 
продукти та/або послуги цільовій аудиторії, незалежно від того, в якій частині 
світу вони живуть. Веб-сайт допомагає долати фізичні бар’єри та з’єднує 
компанію із клієнтами [25]. 
 Присутність в Інтернеті. 
Присутність в Інтернеті є соціальним доказом. Це дає аудиторії 
зрозуміти, що компанія інтерактивна та відкрита до спілкування. 
 Брендинг і маркетинг. 
Будь-який бізнес, незалежно від розміру, потребує брендингу та 
маркетингу. За допомогою корпоративного веб-сайту можна розширити 
охоплення бізнесу та реалізувати ефективні маркетингові стратегії, щоб 
зробити бізнес відомим. 
 Досягнення бізнес-цілей. 
Арк. 
ЧДТУ 221990.003 ПЗ 17 
З м н. Арк. №  докум. Підпис Дата  
 
 
 
Бізнес-цілі та завдання компанії – це все, для чого створюється веб-сайт. 
Щоб досягти їх кращим і конкурентоспроможним способом, добре 
розроблений веб-сайт може бути дуже корисним. 
 Покращені відносини з клієнтами. 
Кожна компанія повинна мати хороші відносини з клієнтами. 
Досягнення цілей і завдань залежить від кращого обслуговування клієнтів. 
Корпоративний веб-сайт дозволяє безпосередньо зв’язуватися з клієнтами, 
будучи доступним 24 години на добу, 7 днів на тиждень [26]. 
Коли мова заходить про розробку корпоративних веб-додатків, слід 
пам’ятати про декілька речей. Сьогодні технологій і платформ для веб-
розробки набагато більше, ніж десять років тому. Тому потрібно бути дуже 
уважним і обережним. 
Ось що потрібно для створення корпоративної веб-програми: 
1) Фронт-енд розробка. 
Розробка інтерфейсу використовує кодування на стороні клієнта і 
робить веб-додаток видимим у будь-якому браузері [27]. 
Для кодування на стороні клієнта потрібно володіти такими знаннями: 
 Мова гіпертекстової розмітки (HTML) і каскадні таблиці стилів 
(CSS). 
 Бібліотеки JavaScript і JS. 
 Веб-фреймворки, такі як Angular, React тощо.  
2) Back-end розробка. 
Внутрішня розробка вимагає кодування на стороні сервера і має справу 
з кодом, який сервер повинен інтерпретувати та виконувати. 
Для кодування на стороні сервера Java 8 на даний момент є найкращою 
мовою розробки додатків, оскільки вона є надійною та універсальною [28]. 
Найкращі фреймворки Java Enterprise Edition включають: 
 Hibernate – найкраща платформа ORM для створення баз даних. 
 Spring – Spring Boot та Spring Cloud. 
Арк. 
ЧДТУ 221990.003 ПЗ 18 
З м н. Арк. №  докум. Підпис Дата  
 
 
 
 Apache Struts2 – фреймворк Java MVC з відкритим кодом. 
Для корпоративних баз даних найзручніші технології: 
 MySQL. 
 Redis. 
 PostgreSQL. 
 MSSQL. 
 MongoDB. 
3) Ефективний хмарний сервіс. 
Якщо потрібно запустити програму в хмарі, найкращим варіантом є 
AWS (Amazon Web Service). Що робить AWS найкращим? Він доступний у 
всіх регіонах, тому їх глобальне покриття забезпечує максимальний час роботи 
[30]. 
AWS завжди інвестує в новітнє обладнання та технології, щоб 
забезпечити мінімальну затримку в мережі. Крім того, Amazon пропонує 
близько 140 хмарних сервісів, тож ви можете вибрати один відповідно до 
потреб вашої організації. 
4) Правильна структура веб-додатків. 
Фреймворки веб-додатків – це набір програмних бібліотек, інструментів 
та інших важливих компонентів архітектурної системи, як згадувалося вище. 
Використання правильної платформи веб-додатків гарантує 
безперебійну роботу дизайну веб-сайту та дозволяє спеціалістам підприємства 
вносити зміни без допомоги розробника [32]. Він також забезпечує більш 
високу швидкість і послідовність. Завдяки ефективному фреймворку веб-
програм можна менше турбуватися про ризики безпеки. 
5) Відповідна модель життєвого циклу веб-додатків. 
Інша річ, яка відіграє важливу роль у корпоративній веб-розробці, – це 
модель життєвого циклу веб-додатків [33]. Це крок за кроком процес розробки, 
і кожна модель включає в себе унікальний спосіб розробки, тестування та 
впровадження. 
Арк. 
ЧДТУ 221990.003 ПЗ 19 
З м н. Арк. №  докум. Підпис Дата  
 
 
 
Корпоративна веб-розробка пропонує величезні переваги 
підприємствам і великому бізнесу. Це дозволяє підтримувати сильну онлайн-
присутність і стійкість на цій конкурентній цифровій арені. Дотримання 
правильних практик і включення ключових функцій дозволить підприємству 
запустити чудовий веб-сайт або веб-програму. 
2.2 Принципи створення успішного бізнес-сайту 
 З огляду на всю конкуренцію в Інтернеті, просто мати веб-сайт 
недостатньо. У наш час присутність в Інтернеті є життєво важливою для будь-
якого бізнесу, навіть для звичайних компаній, які не є електронною комерцією 
[34]. Створення веб-сайту не представляє особливих труднощів із багатьма 
інструментами, доступними для створення веб-сайтів. Незалежно від вибору 
програмного забезпечення для розробки сайту, варто пам’ятати про наступні 
принципи: 
1) Веб-сайт має бути адаптований для мобільних пристроїв. 
Відповідність мобільним пристроям має вирішальне значення для 
продуктивності веб-сайту. Люди витрачають понад п’ять годин на день за 
мобільними телефонами, тоді як більше третини роблять усі покупки в 
Інтернеті за допомогою мобільного пристрою. Звичайно, мобільний веб-сайт 
компанії повинен забезпечувати позитивний досвід користувачів. 
Якщо потенційні клієнти відвідують веб-сайт, але їм важко читати або 
переміщатися на мобільному пристрої, вони можуть просто відмовитися від 
однієї компанії заради конкурента [35]. Крім того, негативний досвід 
користувачів мобільних пристроїв впливає на веб-сайт у рейтингу пошукових 
систем, ускладнюючи пошук користувачами в пошуку Google, що підводить 
нас до наступного пункту. 
2) Сайт має бути «легким» для пошуку. 
Для цього потрібне доменне ім’я, яке відповідає назві компанії або 
якось описує бізнес. Навіть можна мати кілька доменів, які вказують на один 
веб-сайт. Це означає включення найкращих методів SEO, дослідження 
Арк. 
ЧДТУ 221990.003 ПЗ 20 
З м н. Арк. №  докум. Підпис  
    Дата 
 
 
ключових слів, контент-маркетингу та платних рекламних кампаній, щоб 
залучити трафік на веб-сайт. 
3) Розміщення контактної інформації вгорі. 
Якщо бізнес залежить від людей, з якими можна зв’язатися або 
зателефонувати менеджерам з продажів, варто публікувати контактну 
інформацію там, де її легко знайти. 
Контактна інформація має бути видимою, бажано у верхній частині 
домашньої сторінки, щоб відвідувачам не потрібно було шукати номер 
телефону чи адресу, якщо вони хочуть зв’язатися з компанією [38]. 
Якщо компанія використовує соціальні мережі для спілкування з 
клієнтами, посилання на соціальні мережі розміщуються в верхньому або 
нижньому колонтитулі сайту, де їх легко знайти. 
4) Навігація має бути простою. 
Ден Велтрі, співзасновник і директор продуктів Weebly, рекомендує 
обмежити навігаційне меню верхнього рівня п’ятьма чітко позначеними 
вкладками зі сторінками, що містять посилання [39]. Вони також повинні 
забезпечувати чіткий спосіб повернення на домашню сторінку, незалежно від 
того, де знаходяться читачі. Занадто часто пошук Google спрямовує читача на 
іншу сторінку сайту, ніж домашня сторінка. 
5) Сторінки не повинні бути обтяжені інформацією. 
Пол Боллз, доцент кафедри стратегічних комунікацій у Школі 
журналістики Міссурі, сказав, що читачі повинні вміти вкладати інформацію в 
контекст [38]. Коли на веб-сайті занадто багато інформації, це перевантажує 
розум і робить його нездатним зберігати нову інформацію. Обов’язково має 
бути баланс тексту та графіки. 
Один із способів досягти цього – видалити на веб-сайті такі соціальні 
віджети, як твіттер-канал. Якщо вміст віджета не відповідає призначенню 
сторінки, потрібно видалити його. 
6) Швидкість завантаження. 
Арк. 
ЧДТУ 221990.003 ПЗ 21 
З м н. Арк. №  докум. Підпис Дата  
 
 
 
Дослідження, проведене компанією цифрового маркетингу Akamai, 
показало, що 88,5% користувачів залишать веб-сайт, якщо він завантажується 
занадто повільно. Крім того, час завантаження веб-сайту впливає на рішення 
про покупку майже 70% онлайн-покупців [32]. 
Варто переконатися, що веб-сайт працює безперебійно, оновлювати 
програмне забезпечення, оптимізувати відео та зображення для швидшого 
завантаження та використовувати хостинг, який відповідає потребам у 
пропускній здатності. 
7) Використання заклику до дії. 
Кожна сторінка веб-сайту повинна спонукати читача до дій. Ці цільові 
сторінки мають спонукати користувачів до певних дій, наприклад, 
зателефонувати у компанію, підписатися на послугу, придбати продукт, 
завантажити технічний документ або зробити будь-що інше, що принесе 
користь бізнес-цілям. Варто дати їм видимий заклик до дії: кнопку, посилання 
або чітке речення.  
8) Дизайн має бути легким. 
Обмежте використання шрифтів, кольорів і GIF-файлів, які можуть 
відволікати увагу від веб-сторінки. Короткі абзаци та виділені абзаци також 
полегшують сканування та читання інформації. Ян Лурі, генеральний директор 
компанії з інтернет-маркетингу Portent Inc., радить робити абзаци не більше за 
шість рядків [36]. 
Це особливо важливо, коли мова йде про реакцію мобільних пристроїв, 
що є основним фактором у тому, як Google ранжує веб-сайти відповідно до 
свого алгоритму. Чим краще рейтинг веб-сайту, тим вище він буде 
відображатися на сторінці результатів пошукової системи. Якщо конкурент 
оптимізований для мобільних пристроїв, а ваш веб-сайт ні, ви можете 
переміститися вниз у результатах пошуку ваших клієнтів. 
9) Веб-сайт повинен бути орієнтований на клієнта. 
Арк. 
ЧДТУ 221990.003 ПЗ 22 
З м н. Арк. №  докум. Підпис Дата  
 
 
 
Потенційні клієнти відвідують веб-сайт, щоб отримати корисну 
інформацію. Іноді вони приходять, щоб отримати освітній вміст у блозі, а іноді 
вони зосереджуються на дослідженні продуктів і послуг. У будь-якому 
випадку, потрібно надати відповідну інформацію, яка зацікавить потенційних 
клієнтів, дасть їм щось цінне та зміцнить їхню довіру до компанії [42]. 
Плануючи контент веб-сайту, варто думати з точки зору клієнта. Якби 
ви були потенційним клієнтом, яку інформацію ви б знайшли корисною? Які 
знання чи досвід ви вже маєте і що вам потрібно пояснити докладніше? 
Зосереджуючись на своєму вмісті з точки зору клієнта, ви можете довше 
тримати їх на своєму сайті і з більшою ймовірністю побудувати з ними 
довгострокові відносини, які призведуть до продажів. 
10) Вибір найкращих методів SEO. 
Коли люди шукають інформацію в Інтернеті, вони звертаються до 
пошукових систем, зокрема до Google. Зазвичай вони знаходять те, що 
шукають, на першій сторінці результатів пошуку, тому потрібно, щоб ваш 
бізнес відображався саме тут. Google та інші пошукові системи мають власні 
запатентовані алгоритми, які вони використовують для ранжування веб-сайтів 
на основі пошукових термінів, які також називаються ключовими словами. 
Пошукові системи використовують три способи визначення 
розташування сайту: сканування, індексація та рейтинг. Сканування означає, 
що вони знаходять сайт за посиланнями з інших сайтів. Тому переконайтеся, 
що посилання на сайт відображаються на якомога більшій кількості зовнішніх 
веб-сайтів. 
Як тільки веб-сайт розпізнається сканерами, він індексується, що 
означає, що його аналізують на предмет вмісту, включаючи ключові слова, 
свіжість, релевантність, посилання та медіа. Переконайтеся, що на вашому 
сайті є багато свіжого, релевантного вмісту, пов’язаного з ключовими словами, 
за якими ви хочете оцінити рейтинг. 
Арк. 
ЧДТУ 221990.003 ПЗ 23 
З м н. Арк. №  докум. Підпис  
    Дата 
 
 
Нарешті, рейтинг визначає найкращі результати для конкретного 
пошуку пошуковими системами. Рейтинг заснований на актуальності та 
авторитетності. Додайте багато релевантного вмісту, наприклад, окремі статті з 
різних аспектів певної теми. Повноваження визначається розміром вашого 
сайту, його трафіком та кількістю інших авторитетних сайтів, які посилаються 
на сайт. Інструменти SEO для малого бізнесу дозволяють легко оптимізувати 
веб-сайт. 
2.3 Основні етапи розробки сайту 
Всупереч поширеній думці, велика частина розробки та дизайну веб-
сайту не потрібна для процесу кодування. Насправді, такі технології, як 
HTML, CSS і JavaScript, формують знайомий нам Інтернет і визначають, як він 
взаємодіє з інформацією. Однак те, що зазвичай залишається за кадром, 
залишаючись важливою частиною життєвого циклу розробки веб-сайту, – це 
етапи попереднього збору інформації, детального планування та 
обслуговування після запуску. 
Загальна кількість стадій розвитку зазвичай коливається від п’яти до 
восьми, але щоразу загальна картина залишається майже незмінною. 
Виберемо середнє значення [40]. 
Отже, ось сім основних кроків веб-розробки: 
1) збір інформації; 
2) планування; 
3) дизайн; 
4) написання та збір контенту; 
5) кодування; 
6) тестування, перевірка та запуск; 
7) технічне обслуговування. 
Детально розглянемо кожен з перерахованих етапів життєвого циклу 
веб-сайт. 
Крок 1. Збір інформації: мета, основні цілі та цільова аудиторія. 
Арк. 
ЧДТУ 221990.003 ПЗ 24 
З м н. Арк. №  докум. Підпис Дата  
 
 
 
Ця фаза, фаза відкриття та дослідження, визначає подальші кроки. 
Найважливішим завданням на цьому етапі є чітке розуміння цілей 
майбутнього веб-сайту, основних цілей, яких потрібно досягти, та аудиторії, 
яку потрібно залучити на веб-сайт. Цей тип анкети для розробки сайту 
допомагає розробити найкращу стратегію для подальшого управління 
проєктом. 
Портал новин відрізняється від розважальних сайтів, а онлайн-ресурси 
для підлітків виглядають інакше, ніж сайти для дорослих. Різні типи веб-
сайтів пропонують відвідувачам різні функції, а це означає, що залежно від 
мети необхідно використовувати різні технології. Добре описаний і детальний 
план, заснований на цих даних перед розробкою, може позбавити від 
витрачання додаткових ресурсів на вирішення несподіваних проблем, таких як  
переробка або додавання функцій, які спочатку не планувалися. 
Крок 2. Планування: Створення карти сайту та фреймворку [35]. 
На цьому етапі циклу розробки веб-сайту розробник створює дані, за 
допомогою яких клієнт може оцінити, як буде виглядати весь веб-сайт. 
На основі інформації, зібраної на попередньому етапі, створюється 
карта сайту. Карта сайту має описувати зв’язки між основними областями веб-
сайту. Така ідея може допомогти зрозуміти, наскільки придатним буде 
кінцевий продукт. Він може показати «посилання» між різними сторінками 
веб-сайту, щоб можна було судити, наскільки легко кінцевому користувачеві 
знайти потрібну інформацію чи послугу, якщо вони починають з домашньої 
сторінки. Основною причиною створення карти сайту є створення зручного та 
легкого в навігації веб-сайту. 
Карта сайту дозволяє зрозуміти, як виглядає внутрішня структура веб-
сайту, але не описує інтерфейс користувача. Іноді, перш ніж почати кодувати 
або навіть працювати над дизайном, потрібно отримати схвалення від 
замовника, що все виглядає добре, щоб можна було почати наступний етап 
розробки. У цьому випадку створюється каркас або макет. Фреймворк – це 
Арк. 
ЧДТУ 221990.003 ПЗ 25 
З м н. Арк. №  докум. Підпис Дата  
  
 
 
візуальне уявлення інтерфейсу користувача, який потрібно створити. Але він 
не містить жодних елементів дизайну, таких як кольори, логотипи тощо. Він 
лише описує елементи, які будуть додані на сторінку, та їх розташування. Це 
простий і дешевий ескіз. 
Ще одна важлива річ – це вибір технологічного стеку – мови 
програмування, фреймворків, CMS, які будуть використані для розробки 
сайту. 
Крок 3. Дизайн: макети сторінки, цикл перегляду та затвердження. 
На етапі дизайну веб-сайт набуває форму. На цьому етапі створюється 
весь візуальний вміст, наприклад, зображення, фотографії та відео. Знову ж 
таки, вся інформація, зібрана на першому етапі, має вирішальне значення. 
Працюючи над дизайном, варто пам’ятати про клієнта та аудиторію. 
Макет сайту – результат роботи дизайнера. Це може бути графічний 
ескіз або справжній графічний дизайн. Основна функція макета – показати 
структуру інформації, візуалізувати зміст і продемонструвати базову 
функціональність. Макети містять кольори, логотипи, зображення і можуть 
дати загальне уявлення про майбутній продукт. 
Крок 4. Написання та складання змісту. 
Написання та компіляція контенту зазвичай перетинаються з іншими 
етапами створення веб-сайту, і їх роль не слід недооцінювати. На цьому кроці 
потрібно записати суть, яку потрібно донести до аудиторії веб-сайту, і додати 
заклики до дії. Написання контенту також включає фіксацію заголовків, 
редагування тексту, написання нового тексту, компіляцію існуючого тексту 
тощо, що вимагає часу та зусиль.  
Крок 5. Кодування. 
На цьому кроці, нарешті, можна почати створювати веб-сайт 
самостійно. Для створення реального веб-сайту слід використовувати графічні 
елементи, розроблені на попередніх етапах. Зазвичай спочатку створюється 
початкова сторінка, а потім усі підсторінки додаються відповідно до ієрархії 
Арк. 
ЧДТУ 221990.003 ПЗ 26  
З м н. Арк. №  докум. Підпис Дата 
 
 
веб-сайтів, попередньо створеної як карта сайту. Фрейми та CMS повинні бути 
реалізовані, щоб гарантувати, що сервер може завершити встановлення та 
налаштування без збоїв. 
Усі статичні елементи веб-сторінки, розроблені під час верстки, 
повинні бути створені та протестовані. Тоді потрібно додати спеціальні 
функції та інтерактивність. На цьому етапі вирішальне значення має глибоке 
розуміння кожної технології розробки веб-сайтів, яку буде використано. 
Ще один важливий крок – SEO (пошукова оптимізація). SEO – це 
оптимізація елементів веб-сайту (наприклад, заголовка, опису, ключового 
слова), які можуть допомогти веб-сайту отримати вищі рейтинги в пошукових 
системах. Знову ж таки, дійсний код дуже важливий для SEO. 
Крок 6. Тестування та запуск. 
Тестування є, мабуть, найбільш рутинною частиною процесу. Кожне 
посилання слід перевірити, щоб переконатися, що немає невірних. Потрібно 
переглянути кожну форму, кожен сценарій та запустити програмне 
забезпечення для перевірки орфографії, щоб знайти можливі помилки. 
Використовуйте інструменти перевірки коду, щоб переконатися, що код 
відповідає поточним веб-стандартам. Наприклад, дійсний код потрібен, якщо 
важлива міжбраузерна сумісність. 
Після того, як було перевірено веб-сайт, настав час завантажити його 
на сервер [41]. Це робиться за допомогою програмного забезпечення FTP (File 
Transfer Protocol). Після цього потрібно виконати останній тест, щоб 
переконатися, що всі файли встановлено правильно. 
Крок 7. Технічне обслуговування: моніторинг думок та регулярні 
оновлення. 
Важливо пам’ятати, що веб-сайт – це більше послуга, ніж продукт. 
Недостатньо «доставити» веб-сайт користувачеві. Також потрібно 
переконатися, що все працює добре, і всі задоволені та завжди готові внести 
зміни. 
Арк. 
ЧДТУ 221990.003 ПЗ 27 
З м н. Арк. №  докум. Підпис Дата  
 
 
 
Система зворотного зв’язку, додана на веб-сайт, визначає потенційні 
проблеми, з якими стикаються кінцеві користувачі. У цьому випадку 
першочерговим є якнайшвидше вирішення проблеми. Якщо цього не зробити, 
можна одного дня виявити, що користувачі воліють використовувати інший 
веб-сайт, ніж миритися з незручностями. 
Ще один важливий момент – оновлення сайту. Якщо використовувати 
CMS, регулярні оновлення запобігають помилкам і зменшують ризики 
безпеки. 
Завжди слід пам’ятати, що проект розробки веб-сайту не починається з 
кодування і не закінчується після того, як веб-сайт буде запущено. 
Підготовчий етап впливає на всі наступні етапи і визначає, наскільки 
продуктивним буде процес розробки. Ретельне виявлення таких аспектів, як 
вік, стать та інтереси кінцевого користувача, може стати ключем до успіху. 
Період після запуску досить значний. Проект має бути досить гнучким, щоб 
мати можливість змінювати веб-сайт залежно від відгуків користувачів.  
2.4 Висновки до розділу 2 
 Другий розділ кваліфікаційної роботи присвячено проектуванню веб-
орієнтованої інформаційної системи віртуального підприємства. В розділі 
детально описано аспекти створення ефективного корпоративного веб-сайту 
підприємства, а також основні етапи розробки веб-орієнтованої інформаційної 
системи віртуального підприємства. 
Арк. 
ЧДТУ 221990.003 ПЗ 28 
З м н. Арк. №  докум. Підпис Дата  
 
 
 
3 РОЗРОБКА ВЕБ-ОРІЄНТОВАНОЇ ІНФОРМАЦІЙНОЇ 
СИСТЕМИ ВІРТУАЛЬНОГО ПІДПРИЄМСТВА 
3.1 Вибір засобу розробки веб-орієнтованої інформаційної системи 
 У світі веб-розробки зміни відбуваються надзвичайно швидко. За 
попереднє десятиліття в програмуванні було зроблено багато нових оновлень, 
таких як використання гнучкої методології, адаптація відокремленої 
архітектури, перехід від обмежувального програмування до відкритого коду. 
Типи додатків, які ми створюємо сьогодні, зовсім відрізняються від тих, які ми 
створювали ще 5 років тому. Сучасні веб-додатки є більш динамічними і 
значно менше залежать від генерованого сервером HTML; натомість вони 
використовують багаті клієнтські функціональні можливості, які залежать від 
служб збору інформації. Сучасні веб-додатки мають тенденцію бути добре 
відомими й керувати все більшою кількістю запитів. 
ASP.NET – це потужна і популярна платформа веб-розробки. Вона 
широко використовується в розробці корпоративних веб-сайтів і продуктів. 
Незважаючи на те, що ASP.Net є набагато більш простим і простим у 
використанні для розробників, ASP.Net все ще вимагає від системних 
адміністраторів витрачати додатковий час і зусилля на вирішення проблем з 
конфігурацією та версіями [40]. 
Щоб подолати цю проблему, Microsoft нещодавно представила 
ASP.NET MVC 6, майже схожу на фреймворк .Net, який змінено з нуля. MVC 
6 – це, в основному, єдина комбінована структура ASP.NET MVC, WEB API та 
веб-сторінок. ASP.NET MVC 6 забезпечує оптимізовану структуру розробки 
для додатків, які розширюються до хмари або запускаються локально. Він 
складається зі стандартних компонентів із суттєвими накладними витратами, 
щоб можна було зберегти адаптивність під час розробки своїх рішень. 
Переваги ASP.NET MVC: 
 Уніфікована платформа веб-розробки. 
Арк. 
ЧДТУ 221990.003 ПЗ 29 
З м н. Арк. №  докум. Підпис Дата  
 
 
 
Раніше MVC, Web API і веб-сторінки містили спільні функції, але 
реалізації цих функцій були окремими. У ASP.NET MVC 6 MVC, веб-API та 
веб-сторінки об’єднані в єдину структуру. Він використовує набір абстракцій, 
щоб спростити для програмістів створення та підтримку своїх завдань. Це 
об’єднання усунуло дублювання фреймворку та спростило розробникам 
створення додатків за допомогою цих фреймворків програмування. Крім того, 
він не залежить від System.Web . Ця функція робить фреймворк компактним, 
достатньо для швидшого завантаження та витрачання менше пам’яті. 
 Адаптація до роботи на відмінному від IIS хості. 
ASP.NET MVC 6 дає можливість самостійно розміщувати програму. Це 
відбувається шляхом використання адаптивного конвеєра, в рамках якого 
розробник має повний контроль над компонентами. 
 Використовує різні версії .NET. 
У структурі .NET усі програми необхідні для того, щоб продовжувати 
працювати в одній і тій же версії, тоді як у MVC 6 можна визначити 
залежності всередині пакета розгортання, і це полегшує розробникам 
визначення версії .NET, яку використовує програма. 
 Підтримка OWIN. 
OWIN – це веб-інтерфейс з відкритим вихідним кодом для .NET, він 
визначає абстрактний рівень між веб-додатком і веб-сервером. За допомогою 
цього MVC 6 програми можуть бути самостійно розміщені. Крім того, 
програми складаються з компонованого конвеєра, в якому розробники мають 
повний контроль над різними компонентами в конвеєрі. 
 Помічники тегів. 
Це одна з функцій MVC 6, яка може мати великий вплив на метод, який 
використовується для створення представлень у програмах .NET MVC. 
Помічник тегів у багатьох відношеннях є альтернативним синтаксисом для 
допоміжних методів HTML. Крім цього, він також надає деякі функції, які 
Арк. 
ЧДТУ 221990.003 ПЗ 30 
З м н. Арк. №  докум. Підпис Дата  
 
 
 
було важко виконати за допомогою допоміжних методів. Кожен помічник 
тегів має різну поведінку та різні варіанти. 
 Хмарна оптимізована версія. 
Програми ASP.NET MVC 6 за проектом оптимізовані для хмар. 
Основна перевага використання фреймворка, оптимізованого для хмари, 
полягає в тому, що не потрібно оновлювати версію .NET у своїй системі для 
одного веб-сайту [41]. Час виконання автоматично підбере правильну версію 
бібліотеки, коли ці програми MVC 6 будуть розгорнуті в хмарі. 
 Міжплатформний час виконання. 
ASP.NET MVC 6 може продовжувати працювати на будь-якій 
платформі, яка підтримує структуру Mono, що означає, що вона може 
працювати на Linux, Mac або будь-якій іншій платформі. Корпорація 
Майкрософт зосередилася на тому, щоб MVC 6 працював на Mono та інших 
платформах, і ефективно тестує поточні збірки під різними платформами в 
рамках постійних інтеграційних тестів, тому це не є індексним знаком для 
маркера. 
 Покращене виконання HTTP. 
ASP.NET MVC 6 представляє новий конвеєр запитів HTTP. Цей 
конвеєр є модульним, тому розробники можуть включити лише необхідні 
компоненти. Зменшивши накладні витрати на конвеєр, програма буде 
працювати краще. 
 Інтегрована ін’єкція залежності. 
Ін’єкція залежностей вбудована в ASP.NET MVC 6. Вона 
підтримується всіма фреймворками – Web API, веб-сторінками та MVC. 
Ін’єкція залежностей дозволяє надавати правильні послуги для середовища. 
Контейнер ін’єкції залежностей за замовчуванням розміщено збоку, що 
забезпечує мінімальну функціональність і стає корисним, коли потрібна 
обмежена функціональність. Розробники можуть легко додати свій власний 
контейнер ін’єкції залежностей, виконавши інтерфейс IServiceProvider. Це 
Арк. 
ЧДТУ 221990.003 ПЗ 31 
З м н. Арк. №  докум. Підпис Дата  
 
 
 
інтерфейс, який також виконується контейнером за замовчуванням, тому 
можна замінити реалізацію за замовчуванням своїм власним контейнером. 
 Гнучке середовище розробки. 
ASP.Net MVC 6 також поставляється з інноваційним компілятором 
реального часу, відомим як Roslyn. Він компілює код динамічно; від 
розробників не потрібно виконувати нові дії для виконання змін коду, замість 
цього вони можуть просто оновити браузер [40]. Ця функція дає можливість 
розробникам створювати код за допомогою хмарних IDE або локальних 
редакторів. 
 За ці роки ASP.NET зріла як платформа для розробки веб-додатків. 
Вона значно прогресувала від веб-форм для MVC до Web API. У той же час 
світ веб-розробки значно змінився з моменту першого випуску ASP.NET. 
Отже, розробка фреймворка ASP.NET MVC 6 дійсно є перевагою для 
користувачів ASP.NET MVC, які можуть скористатися перевагами 
перерахованих вище функцій для легкої та ефективної розробки веб-додатків. 
3.2  Бекенд системи на ASP.NET MVC 
ASP.NET існує вже давно. Коли Microsoft представила ASP.NET MVC, 
це змінило підхід багатьох розробників до своєї кодової бази. ASP.NET має 
відмінне розділення проблем, зручна для TDD структура та проста інтеграція з 
JavaScript, зберігаючи при цьому повний контроль над відтвореним HTML. На 
стороні клієнта багато розробників .NET віддають перевагу Angular, оскільки 
він поставляється з TypeScript, і це набагато ближча мова до C#, ніж 
звичайний JavaScript. Angular – це чудовий фреймворк для створення 
багатофункціональних програм корпоративного рівня [45]. 
Для використання .NET Framework, повинна бути встановлена остання 
версія Visual Studio. Крім того, повинні бути встановлені Node і npm, оскільки 
будуть використовуватись інструменти Angular, які потребують Node і npm. 
Перш ніж приступити до розробки веб-орієнтованої інформаційної 
системи, необхідно налаштувати середовище розробки. 
Арк. 
ЧДТУ 221990.003 ПЗ 32 
З м н. Арк. №  докум. Підпис  
    Дата 
 
 
Створення API за допомогою вбудованого шаблону в Visual Studio. У 
Visual Studio вибрати Файл -> Новий проект. Далі вибрати Web, ASP.NET 
Web Application (.NET Framework) (рис. 3.1). 
 
Рисунок 3.1 – Створення нового проекту. 
На наступному кроці необхідно вибрати MVC (рис. 3.2). 
 
Рисунок 3.2 – Вибір MVC нового проекту. 
Арк. 
ЧДТУ 221990.003 ПЗ 33 
З м н. Арк. №  докум. Підпис  
 Дата 
 
 
Після наведених вище маніпуляцій має бути готова нова програма 
ASP.NET MVC з усіма папками та файлами, як показано на рис. 3.3. 
 
Рисунок 3.3 – Файловий набір нового проекту. 
На даний момент у проекті є деякі пакети NuGet, які не будуть 
використовуватись. Позбутися від них можна досить швидко. Необхідно 
виконати наведені на рис. 3.4 команди в консолі диспетчера пакетів. Після 
завершення цих дій проект повинен бути чистий і готова стартова основа. 
 
Рисунок 3.4 – Команди видалення непотрібних файлів проекту. 
На наступному кроці створюється проект с.  
Використання Angular CLI – найкращий спосіб розпочати роботу з 
додатками Angular. За допомогою інструментів Angular CLI можна легко 
створювати нові проекти, оновлювати існуючі проекти, додавати різні 
компоненти до кодової бази і робити все це, ввівши кілька команд у свій 
термінал. Також можна запустити програму в середовищі розробки та 
опублікувати її у виробничих середовищах. Це позбавляє розробника проблем 
Арк. 
ЧДТУ 221990.003 ПЗ 34 
З м н. Арк. №  докум. Підпис Дата  
 
 
 
із налаштуванням конфігурації та Webpack. Він також може виконувати всю 
оптимізацію, стиснення та мінімізації за розробника. Рекомендується 
використовувати Angular CLI для підготовки додатків до виробничих 
середовищ. 
Angular CLI можна встановити, ввівши наступне у терміналі: 
npm install -g @angular/[email protected] 
Після цього перейти до папки проекту MVC і відкрити там свій термінал 
і ввести наступне: 
ng new Angular --skip-tests --style=scss 
Це створить новий проект Angular у папці Angular у проекті MVC. 
Аргумент --skip-tests гарантує, що CLI пропускає створення файлів 
специфікації. 
На наступному кроці потрібно включити папку Angular у свій проект 
MVC. Для цього натиснути кнопку Показати всі файли у провіднику рішень. 
Тепер можна перейти до папки Angular і включити всі папки та файли, крім 
node_modules. Після цього повинна з’явитись структура папок, як на рис. 3.5. 
 
Рисунок 3.5 – Структура папок проекту Angular. 
Арк. 
ЧДТУ 221990.003 ПЗ 35 
З м н. Арк. №  докум. Підпис Дата  
 
 
 
3.3 База даних  
Для розробки бази даних веб-сайту було використано Entity Framework 
(EF) як об’єктно-реляційний картограф – перевірене рішення від Microsoft. EF 
досить легко налаштувати, усі запити до бази даних проходитимуть через 
Entity Framework. Суть використання підходу полягає в тому, що на основі 
прикладної моделі формується структура бази даних (таблиці, первинні ключі, 
посилання), вся ця робота ніби «за лаштунками», і користувач не працює 
безпосередньо з SQL. Необхідною умовою класу моделі є наявність поля 
первинного ключа. За замовчуванням Entity Framework шукає ціле поле, ім’я 
якого містить підрядок «id» і формує з нього первинний ключ. Основним 
компонентом при роботі з Entity Framework є клас контексту бази даних, через 
який фактично здійснюється доступ до даних у таблицях [39].  
Центральним пунктом є DbContext клас, і саме тут визначається рядок 
підключення та таблиці для бази даних. EF використовує DbSet тип колекції 
для представлення таблиці в базі даних. Все, що потрібно зробити, це 
створити рядок підключення, створити новий клас, який успадковується від 
DbContext, створити моделі даних і створити відповідні властивості DbContext 
для цих моделей. Ці властивості будуть представляти таблиці в базі даних. З 
цього моменту досить легко отримати й оновити наявні дані за допомогою 
мовних інтегрованих запитів (LINQ). Спочатку слід інсталювати EF, 
запустивши наступний код у консолі менеджера пакетів: 
Install-Package EntityFramework -Version 6.2.0 
Далі додається рядок підключення. Обов’язково потрібно додати його 
всередині <configuration> розділу та після <configSections></configSections> 
(рис. 3.6): 
Арк. 
ЧДТУ 221990.003 ПЗ 36 
З м н. Арк.  
 №  докум. Підпис Дата 
 
 
 
Рисунок 3.6 – Додавання рядка підключення бази даних. 
На наступному кроці створюються DbContext і моделі даних у Angular. 
Спочатку створюється модель для запису «пробіжки». Створюю файл у 
Models каталозі під назвою JoggingRecord.cs (рисунок 3.7): 
 
Рисунок 3.7 – Код створення файлу JoggingRecord.cs 
Тут немає нічого особливого, стандартна Id властивість, яка 
представляє унікальний ідентифікатор для кожного рядка в таблиці, і Entity 
Framework буде використовувати конвенцію про іменування та автоматично 
встановлюватиме його як первинний ключ для цієї таблиці. Обов’язково 
потрібна Distance властивість для відстеження «пробіжок» по базі даних, а 
Description для опису «пробіжки» та CreatedAt властивість для аудиту. 
Далі створюється ApplicationDbContext клас всередині нової папки під 
назвою Data. Наразі це буде виглядати наступним чином (рис. 3.8): 
Арк. 
ЧДТУ 221990.003 ПЗ 37 
З м н. Арк. №  докум. Підпис Дата  
 
 
 
 
Рисунок 3.8 – Створення ApplicationDbContext класу. 
Фрагмент коду, який викликає базовий DbContext клас, 
використовується для налаштування рядка підключення. Існує DbSet 
властивість і вона буде використовуватися для отримання записів із таблиці, 
оновлення та видалення цих записів. 
Наступний крок – увімкнення та запуск міграції у проекті ASP.NET. 
Для цього потрібно відкрити консоль диспетчера пакетів і виконати наступне, 
щоб увімкнути міграцію: 
Enable-Migrations 
Тепер можна додати початкову міграцію, яка міститиме створення 
JoggingRecords таблиці: 
Add-Migration Initial 
Далі оновлюється база даних: 
Update-Database-Verbose 
Після оновлення бази даних додаються міграції, додавши код всередині 
Seed методу в Configuration класі. 
Спочатку додається використання для простору імен Models: 
using OktaAspNetMvcAngular.Models; 
Після цього додається наступний код для методу Seed (рис. 3.9): 
Арк. 
ЧДТУ 221990.003 ПЗ 38 
З м н. Арк. №  докум. Підпис Дата  
 
 
 
 
Рисунок 3.9 – Код виклику методу Seed. 
Після всіх налаштувань, необхідно з’єднати сайт з базою даних. 
З’єднання з базою даних – це засіб, за допомогою якого сервер бази 
даних і його клієнтське програмне забезпечення взаємодіють один з одним. 
Термін використовується незалежно від того, чи знаходяться клієнт і сервер на 
різних машинах. Клієнт використовує з’єднання з базою даних для надсилання 
команд і отримання відповідей від сервера. 
В роботі використовується Microsoft Visual Studio для інтерфейсу і 
Microsoft SQL Server (MS SQL) для бекенда, тобто бази даних. 
SqlConnection є об’єктом, як і будь-який інший об’єкт C#. Створений 
об’єкт SqlConnection використовує конструктор з одним аргументом типу 
string. Цей аргумент називається рядком підключення. 
Таблиця 1 описує загальні характеристики рядка з’єднання. 
Таблиця 1. Загальні характеристики рядка з’єднання. 
Назва параметра рядка 
підключення Опис 
 
Джерело даних Ідентифікує Сервер. Це може бути локальна 
 машина, доменне ім’я машини або IP-адреса. 
Початковий каталог Ім’я бази даних. 
Інтегрована безпека Установіть SSPI, щоб встановити з’єднання з 
 логіном Windows користувача 
ідентифікатор користувача Ім’я користувача, налаштованого в SQL Server. 
Пароль Пароль, що відповідає ідентифікатору 
 користувача SQL Server. 
Арк. 
ЧДТУ 221990.003 ПЗ 39 
З м н. Арк. №  докум. Підпис Дата  
 
 
 
Рядки підключення .NET містять певні пари ключ/значення, які 
визначають спосіб встановлення з’єднання з базою даних. Вони включають 
розташування, назву бази даних та облікові дані безпеки.  
Для з’єднання з базою даних необхідно виконати наступні кроки. 
Спочатку – вказати назву проекту та розташування проекту (рис. 3.10). 
 
Рисунок 3.10 – Вибір назви та шляху розташування проекту для підключення 
до бази даних. 
На наступному кроці додається новий елемент та веб-форма до проекту 
(рис. 3.11, 3.12). 
 
Рисунок 3.11 – Додавання нового елементу до проекту. 
Арк. 
ЧДТУ 221990.003 ПЗ 40 
З м н. Арк. №  докум. Підпис Дата  
 
 
 
 
Рисунок 3.12 – Додавання веб-форми до проекту. 
На наступному кроці додається код для проектування веб-форми із 
заданням параметрів кольору, розмірів вікон, найменувань і розташування 
елементів тощо.  
Після виконаних вище маніпуляцій можна активно користуватись базою 
даних: додавати інформацію до таблиць, видаляти записи, редагувати дані, 
додавати запити до бази даних. 
3.4 Інтерфейс розробленої web-орієнтованої інформаційної системи 
Для перегляду і використання повного функціоналу розробленої веб-
орієнтованої інформаційної системи віртуального підприємства на прикладі 
автосалону рекомендовано використовувати Internet Explorer 7, Mozilla Firefox 
3.6, Safari 5, Google Chrome 10, Opera 9 або більш нові версіїї цих браузерів. 
Використання старіших браузерів (таких, як Internet Explorer 6) може призвести 
до некоректного відображення змісту або блокуванню деяких функцій. Система 
також адаптована для мобільних пристроїв з операційними системами Android 
та iOS. 
Веб-орієнтовану інформаційну систему автосалону A-dealer виконано у 
стриманій кольоровій гамі, яка легко сприймається користувачами.  
Арк. 
ЧДТУ 221990.003 ПЗ 41 
З м н. Арк. №  докум.  
 Підпис Дата 
 
 
Також на основі останніх тенденцій сайтобудування моя інформаційна 
система створена як Landing Page, тобто усі основні функції є на одній сторінці 
з дублюванням при переході з головного меню.  
Веб-сайт автосалону має різний вигляд для різних категорій користувачів – 
адміністратора та користувача/гостя. Для завантаження відповідних сторінок 
сайту необхідно ввести логін і пароль для входу в систему (рис. 3.13).  
 
Рисунок 3.13 – Вікно авторизації. 
Вікно реєстрації в системі представлено на рис. 3.14. 
 
Рисунок 3.14 – Вікно реєстрації користувачів. 
Відповідно, початкова сторінка для адміністратора має наступний вигляд 
(рис. 3.15). 
Арк. 
ЧДТУ 221990.003 ПЗ 42 
З м н. Арк. №  докум. Підпис Дата  
 
 
 
 
Рисунок 3.15 – Початкова сторінка веб-сайту для адміністратора. 
Головне меню сайту для адміністратора стандартно розташоване у верхній 
частині сайту і відображає можливості роботи з базою даних адміністратора 
(рис. 3.16). 
 
Рисунок 3.16 – Головне меню адміністратора сайту. 
При виборі пункту меню «Додати Автомобіль» перед адміністратором 
з’явиться сторінка додавання даних в базу даних автомобілів (рис. 3.17). 
Арк. 
ЧДТУ 221990.003 ПЗ 43 
З м н. Арк. №  докум.  
 Підпис Дата 
 
 
 
Рисунок 3.17 – Пункт головного меню «Додати Автомобіль». 
На цій же сторінці нижче представлена таблиця доданих автомобілів (рис. 
3.18), де міститься детальна інформація про бренд і модель автомобіля, фото 
автомобіля, тип кузова, двигун, вид пального, вид коробки передач, 
конструкцію трансмісії, ціну тощо. 
Арк. 
ЧДТУ 221990.003 ПЗ 44 
З м н. Арк. №  докум. Підпис Дата  
  
 
 
 
Рисунок 3.18 – Таблиця доданих в базу даних автомобілів. 
Видалення автомобіля з бази даних має наступний вигляд (рис. 3.19). 
Видалення позиції з таблиці бази даних автомобілів здійснюється за 
ідентифікатором автомобіля, який є унікальним для кожного авто. 
 
Рисунок 3.19 – Видалення автомобіля з бази даних. 
Деякі пункти додавання автомобіля містять розширене меню. При 
натисканні в рядок певної характеристики автомобіля відкривається додаткове 
вікно для редагування даної характеристики (рис. 3.20-3.22). 
Арк. 
ЧДТУ 221990.003 ПЗ 45 
З м н. Арк. №  докум. Підпис  
    Дата 
 
 
 
Рисунок 3.20 – Додавання в таблицю авто характеристики «Двигун». 
 
Рисунок 3.21 – Додавання в таблицю авто характеристики «Бренд». 
Арк. 
ЧДТУ 221990.003 ПЗ 46 
З м н. Арк. №  докум. Підпис Дата  
 
 
 
 
Рисунок 3.22 – Додавання в таблицю авто характеристики «Модель». 
При авторизації клієнта на сайті в якості звичайного користувача чи 
гостя, початкова сторінка веб-сайту буде дещо відрізнятись – дещо обмежене 
головне меню і інші функції сайту (рис. 3.23). 
 
Рисунок 3.23 – Головне меню сайту для звичайного користувача чи гостя. 
При завантаженні початкової сторінки після авторизації звичайного 
користувача з’являється сторінка з переліком наявних автомобілів (рис. 3.24). 
 
Рисунок 3.24 – Головна сторінка сайту для звичайного користувача чи гостя. 
Арк. 
ЧДТУ 221990.003 ПЗ 47 
З м н. Арк. №  докум. Підпис Дата  
 
 
 
На цій сторінці відвідувачі сайту можуть переглядати детальну 
інформацію про наявні автомобілі.  
Крім того, на сайті є пошук автомобілів за критеріями (рис. 3.25). 
 
Рисунок 3.25 – Пошук автомобіля за критеріями. 
На сайт також додано функцію порівняння автомобілів (рис. 3.26). 
 
Рисунок 3.26 – Сторінка порівняння автомобілів. 
Арк. 
ЧДТУ 221990.003 ПЗ 48 
З м н. Арк. №  докум. Підпис Дата  
 
 
 
3.5 Висновки до розділу 3 
В третьому розділі детально описано процес розробки веб-орієнтованої 
інформаційної системи віртуального підприємства на прикладі автосалону, 
представлено його дизайн та інтерфейс. В якості інструменту для розробки 
системи вибрано фреймворк ASP.NET MVC від Microsoft. Обґрунтування 
вибору даного фреймворку детально описано в третьому розділі. 
  
Арк. 
ЧДТУ 221990.003 ПЗ 49 
З м н. Арк. №  докум.  
 Підпис Дата 
 
 
ВИСНОВКИ 
Поява підприємства віртуальної мережі є динамічною реакцією на кризу 
вертикальної бюрократичної організації бізнесу. Однак її ключові критерії 
ефективності – взаємопов’язаність і послідовність – створюють величезні 
проблеми, оскільки виконання розподілених завдань мережі має бути 
інтегровано через бар’єри відсутніх підказок віч-на-віч та культурних 
відмінностей. Соціальна інтеграція віртуальної мережі передбачає створення 
ідентичностей вузлів-учасників, побудову довіри між ними та обмін між ними 
негласними та явними знаннями. Звичайна організація, яка вже добре працює в 
цих сферах, здається, має перевагу, коли стає віртуальною. Нові інформаційні 
технології не лише скорочують час збору та обробки інформації, але й дають 
нові підходи до розробки та впровадження веб-сайтів. 
У кваліфікаційній роботі бакалавра розроблено веб-орієнтовану 
інформаційну систему віртуального підприємства на прикладі автосалону. Для 
розробки системи було використано фреймворк ASP.NET MVC від Microsoft. 
База даних розроблена за допомогою MS SQL та підключена до сайту, 
використовуючи фреймворк Entity Framework.  
Web-орієнтована інформаційна система автосалону розроблена із 
врахування існуючих правил ергономіки створення сайтів, має стриману для 
користувачів кольорову гамму. Розроблена система враховує переваги 
розглянутих в роботі існуючих аналогів системи. Веб-орієнтована 
інформаційна система автосалону дозволяє швидко і ефективно накопичувати, 
зберігати, надавати і обробляти інформацію про наявні автомобілі окремо як 
для адміністратора сайту, так і для звичайних клієнтів.  
Враховуючи вищесказане, можна стверджувати, що мета роботи 
досягнута та всі вимоги технічного завдання виконані у повному обсязі. 
Арк. 
ЧДТУ 221990.003 ПЗ 50 
З м н. Арк. №  докум. Підпис Дата  
 
 
ДОДАТОК A 
 
 
ЗАТВЕРДЖЕНО 
Зав. кафедри ІТП, проф. 
_________________ Прокопенко Т.О. 
«____» ________________ 2022 р. 
 
 
 
РОЗРОБКА WEB-ОРІЄНТОВАНОЇ ІНФОРМАЦІЙНОЇ СИСТЕМИ 
ВІРТУАЛЬНОГО ПІДПРИЄМСТВА 
 
 
 
Специфікація 
482 ЧДТУ 21990-01 
Листів 2 
 
 
 
 
Розробник _______________ Кондратьєв С.С. 
Керівник _______________ Прокопенко Т.О. 
Н. Контроль _______________ Прокопенко Т.О. 
 
 
 
 
 
 
 
 
Черкаси, 2022 
 
 
 
 
2 
482 ЧДТУ 21990-01 
Позначення Найменування Примітка 
 Документація  
482 ЧДТУ 21990-01 12 01 Текст програми  
   
   
   
   
   
   
   
   
   
   
 
 
  
 
 
 
 
 
 
 
 
 
РОЗРОБКА WEB-ОРІЄНТОВАНОЇ ІНФОРМАЦІЙНОЇ СИСТЕМИ 
ВІРТУАЛЬНОГО ПІДПРИЄМСТВА 
482 ЧДТУ 21990-01 12 01 
Текст програми 
Листів 19 
 
 
 
 
 
Розробник    _____________  Кондратьєв С.С. 
 
 
 
   Н     
 
 
 
 
 
2022
 
2 
482 ЧДТУ 21990-01 34 01 
 
Лістинг програмного коду: 
<div style="display: flex; flex-direction: column; align-content: center; align-
items: center; align-text: center;"> 
    <div style="display: flex; flex-direction: row;"> 
            @if (Convert.ToInt32(@ViewData["LoginStatus"]) >= 1) { 
                <nav class="top-menu"> 
                    <ul class="menu-main"> 
                        <li><a href="~/Home/Main">Головна</a></li> 
                        <li><a href="~/Home/AddCarPage">Додати Автомобіль</a></li> 
                        <li><a href="~/Home/EditCarPage">Редагувати 
автомобіль</a></li> 
                        <li><a href="~/Home/RemoveCarPage">Видалити 
автомобіль</a></li> 
                        <li><a href="~/Home/AddEnginePage">Додати двигун</a></li> 
                        <li><a href="~/Home/AddBrandPage">Додати бренд</a></li> 
                        <li><a href="~/Home/AddModelPage">Додати модель</a></li> 
                        <li><a href="~/Home/CarFilterPage">Обрати вимоги до 
автомобіля</a></li> 
                        <li><a href="~/Home/GetFavor">Подивитися 
рекомендації</a></li> 
                        <li><a href="~/Home/Compare">Подивитися порівняння</a></li> 
                        @*<li><a href="~/Home/CompareFavor">Подивитися порівняння 
рекомендованих автомобілів</a></li>*@ 
                    </ul> 
                </nav> 
            } 
        else if(Convert.ToInt32(@ViewData["LoginStatus"]) >= 0) { 
            <nav class="top-menu"> 
                    <ul class="menu-main"> 
                        <li><a href="~/Home/Main">Головна</a></li> 
                        <li><a href="~/Home/CarFilterPage">Обрати вимоги до 
автомобіля</a></li> 
                        <li><a href="~/Home/GetFavor">Подивитися 
рекомендації</a></li> 
                        <li><a href="~/Home/Compare">Подивитися порівняння</a></li> 
                        <li><a href="~/Home/CompareFavor">Подивитися порівняння 
рекомендованих автомобілів</a></li> 
                    </ul> 
                </nav> 
        } 
        else { 
           <nav class="top-menu"> 
                    <ul class="menu-main"> 
                        <li><a href="~/Home/Main">Головна</a></li> 
                        <li><a href="~/Home/Compare">Подивитися порівняння</a></li> 
                        <li><a href="~/Home/ReturnFromMain">Вийти з режиму 
гостя</a></li> 
                    </ul> 
 
3 
482 ЧДТУ 21990-01 34 01 
 
                </nav> 
        } 
         
    </div> 
    <br/> 
    <br/> 
    @if(Convert.ToInt32(ViewData["LoginStatus"]) == 1 && 
Convert.ToInt32(ViewData["Index"]) == 0){ 
        <div style="display: flex; text-align: center;"> 
    <form action="~/Home/ReturnFromMain"> 
                    <h4>Вітаємо, @ViewData["Email"]</h4> 
                    <h5>Ваша остання активність: @ViewData["LastActivity"]</h5> 
                    <input type="submit" value="Вийти з особистого кабінету" 
class="btn btn-success"> 
                </form> 
                </div> 
} 
@if(Convert.ToInt32(ViewData["LoginStatus"]) == 0 && 
Convert.ToInt32(ViewData["Index"]) == 0){ 
    <div style="display: flex; text-align: center;"> 
    <form action="~/Home/ReturnFromMain"> 
                    <h4>Вітаємо, @ViewData["Email"]</h4> 
                    <h5>Ваша остання активність: @ViewData["LastActivity"]</h5> 
                    <input type="submit" value="Вийти з особистого кабінету" 
class="btn btn-success"> 
                </form> 
                </div> 
} 
<br/> 
    <br/> 
    @if (Convert.ToInt32(ViewData["Index"]) == 0) { 
        @if (Convert.ToInt32(@ViewData["LoginStatus"]) >= -1) { 
            <h2>Таблиця автомобілів</h2> 
            <table class="table table-dark" style="text-align: center;" 
align="center"> 
                <thead> 
                    <tr> 
                        <th scope="col">Фото</th> 
                        <th scope="col">Бренд</th> 
                        <th scope="col">Модель</th> 
                        <th scope="col">Тип кузова</th> 
                        <th scope="col">Двигун</th> 
                        <th scope="col">Пальне</th> 
                        <th scope="col">Витрати пального л/100км</th> 
                        <th scope="col">Рік автомобіля</th> 
                        <th scope="col">Трансмісія</th> 
                        <th scope="col">Привід</th> 
                        <th scope="col">Ціна</th> 
                        <th scope="col">Порівняння</th> 
 
4 
482 ЧДТУ 21990-01 34 01 
 
                    </tr> 
                </thead> 
                @foreach (CarString CS in ViewBag.L) { 
                    <tr> 
                            @if(CS.Image != "") { 
                                    string T = "/" + @CS.Image; 
                                <td><img src="@T" style="max-width: 100px; max-
height: 100px;"></td> 
                            } 
                            else { 
                                <td>Відсутня</td> 
                            } 
                        <td>@CS.Brand</td> 
                        <td>@CS.Model</td> 
                        <td>@CS.Body</td> 
                        <td>@CS.Engine</td> 
                        <td>@CS.Fuel</td> 
                        <td>@CS.FuelConsumption</td> 
                        <td>@CS.Year</td> 
                        <td>@CS.Transmission</td> 
                        <td>@CS.Drive</td> 
                        <td>@CS.Price</td> 
                        <td style="text-align: center;"> 
                            <form action="~/Home/CompareCheck" style="text-align: 
center;"> 
                                <input type="hidden" value="@CS.Id" name="Id"> 
                                @foreach(KeyCheck KC in ViewBag.IDL) { 
                                    @if(@KC.Id == Convert.ToInt32(@CS.Id)) { 
                                        @if (@KC.IsChecked) { 
                                            <input type="checkbox" 
onChange="this.form.submit()" checked class="form-check" name="CB"> 
                                        } 
                                        else { 
                                            <input type="checkbox" 
onChange="this.form.submit()" class="form-check" name="CB"> 
                                        } 
                                    } 
                                } 
                            </form> 
                        </td> 
                    </tr> 
                } 
            </table> 
        } 
        <br /> 
        <p>@ViewData["Message"]</p> 
        <!--form action="~/Home/Compare" style="display: flex; flex-direction: 
column; text-align: center;"> 
            <h2>Порівняння автомобілів</h2> 
 
5 
482 ЧДТУ 21990-01 34 01 
 
            <label>Введіть ідентифікатор першого автомобіля</label> 
            <br/> 
            <input type="number" class="form-control" placeholder="Ідентифікатор" 
name="Id1"> 
            <br/> 
            <input type="number" class="form-control" placeholder="Ідентифікатор" 
name="Id2"> 
            <br/> 
            <input type="submit" value="Редагувати автомобіль" class="btn btn-
success"> 
        </form--> 
    } 
 
    @if (Convert.ToInt32(@ViewData["Index"]) == 1) { 
        <p>@ViewData["Message"]</p> 
        <br/> 
        <br/> 
        <br/> 
        <br/> 
        <div style="display: flex; text-align: center;"> 
            <form action="~/Home/AddCar" method="post" enctype="multipart/form-
data"> 
                <h2>Додавання автомобіля</h2> 
                <label>Оберіть бренд</label> 
                <br/> 
                <div style="text-align: center"> 
                    <select class="form-control" name="S1"> 
                        @foreach (Brand B in @ViewBag.Brands) { 
                            <option>@B.Name</option> 
                        } 
                    </select> 
                </div> 
                <br/> 
                <label class="form-label" for="customFile">Оберіть картинку</label> 
                <input type="file" class="form-control" id="customFile" name="Image" 
/> 
                <br/> 
                <label>Оберіть модель</label> 
                <br/> 
                <div style="text-align: center"> 
                    <select class="form-control" name="S2"> 
                        @foreach (Model M in @ViewBag.Models) { 
                            <option>@M.Name</option> 
                        } 
                    </select> 
                </div> 
                <br/> 
                <label>Оберіть тип кузова</label> 
                <br/> 
 
6 
482 ЧДТУ 21990-01 34 01 
 
                <div style="text-align: center"> 
                    <select class="form-control" name="S3"> 
                        @foreach (Body B in @ViewBag.Bodies) { 
                            <option>@B.BodyType</option> 
                        } 
                    </select> 
                </div> 
                <br/> 
                <label>Оберіть двигун</label> 
                <br/> 
                <div style="text-align: center"> 
                    <select class="form-control" name="S4"> 
                        @foreach (Engine E in @ViewBag.Engines) { 
                            <option>@E.Name</option> 
                        } 
                    </select> 
                </div> 
                <br/> 
                <label>Оберіть пальне</label> 
                <br/> 
                <div style="text-align: center"> 
                    <select class="form-control" name="S5"> 
                        @foreach (Fuel F in @ViewBag.Fuels) { 
                            <option>@F.Name</option> 
                        } 
                    </select> 
                </div> 
                <br/> 
                <label>Оберіть трансмісію</label> 
                <br/> 
                <div style="text-align: center"> 
                    <select class="form-control" name="S6"> 
                        @foreach (Transmission T in @ViewBag.Transmissions) { 
                            <option>@T.Type</option> 
                        } 
                    </select> 
                </div> 
                <br/> 
                <label>Оберіть привід</label> 
                <br/> 
                <div style="text-align: center"> 
                    <select class="form-control" name="S7"> 
                        @foreach (Drive D in @ViewBag.Drives) { 
                            <option>@D.Name</option> 
                        } 
                    </select> 
            </div> 
            <br/> 
            <label>Введіть ціну автомобіля</label> 
 
7 
482 ЧДТУ 21990-01 34 01 
 
            <input type="text" class="form-control" placeholder="Ціна" name="Price"> 
            <br/> 
            <input type="submit" class="btn btn-success" value="Додати"> 
            <br/> 
            <a href="~/Home/ReturnFromAddCarPage">Назад</a> 
        </form> 
         </div> 
    } 
    @if (Convert.ToInt32(@ViewData["Index"]) == 2) { 
        <br/> 
        <br/> 
        <br /> 
        <div style="display: flex; text-align: center;"> 
            <form action="~/Home/EditCar" method="post" enctype="multipart/form-
data"> 
                <h2>Редагування автомобіля</h2> 
                <label>Введіть ідентифікатор автомобіля, якого хочете 
змінити</label> 
            <input type="number" class="form-control" placeholder="Ідентифікатор" 
name="Id"> 
            <br/> 
                <br/> 
                <label class="form-label" for="customFile">Оберіть картинку</label> 
                <input type="file" class="form-control" id="customFile" name="Image" 
/> 
                <br/> 
                <label>Оберіть бренд</label> 
                 
                <br/> 
                <div style="text-align: center"> 
                    <select class="form-control" name="S1"> 
                        @foreach (Brand B in @ViewBag.Brands) { 
                            <option>@B.Name</option> 
                        } 
                    </select> 
                </div> 
                <br/> 
                <label>Оберіть модель</label> 
                <br/> 
                <div style="text-align: center"> 
                    <select class="form-control" name="S2"> 
                        @foreach (Model M in @ViewBag.Models) { 
                            <option>@M.Name</option> 
                        } 
                    </select> 
                </div> 
                <br/> 
                <label>Оберіть тип кузова</label> 
                <br/> 
 
8 
482 ЧДТУ 21990-01 34 01 
 
                <div style="text-align: center"> 
                    <select class="form-control" name="S3"> 
                        @foreach (Body B in @ViewBag.Bodies) { 
                            <option>@B.BodyType</option> 
                        } 
                    </select> 
                </div> 
                <br/> 
                <label>Оберіть двигун</label> 
                <br/> 
                <div style="text-align: center"> 
                    <select class="form-control" name="S4"> 
                        @foreach (Engine E in @ViewBag.Engines) { 
                            <option>@E.Name</option> 
                        } 
                    </select> 
                </div> 
                <br/> 
                <label>Оберіть пальне</label> 
                <br/> 
                <div style="text-align: center"> 
                    <select class="form-control" name="S5"> 
                        @foreach (Fuel F in @ViewBag.Fuels) { 
                            <option>@F.Name</option> 
                        } 
                    </select> 
                </div> 
                <br/> 
                <label>Оберіть трансмісію</label> 
                <br/> 
                <div style="text-align: center"> 
                    <select class="form-control" name="S6"> 
                        @foreach (Transmission T in @ViewBag.Transmissions) { 
                            <option>@T.Type</option> 
                        } 
                    </select> 
                </div> 
                <br/> 
                <label>Оберіть привід</label> 
                <br/> 
                <div style="text-align: center"> 
                    <select class="form-control" name="S7"> 
                        @foreach (Drive D in @ViewBag.Drives) { 
                            <option>@D.Name</option> 
                        } 
                    </select> 
            </div> 
            <br/> 
            <label>Введіть ціну автомобіля</label> 
 
9 
482 ЧДТУ 21990-01 34 01 
 
            <input type="text" class="form-control" placeholder="Ціна" name="Price"> 
            <br/> 
            <input type="submit" class="btn btn-success" value="Змінити"> 
            <br/> 
            <a href="~/Home/ReturnFromAddCarPage">Назад</a> 
        </form> 
         </div> 
        <br/> 
        <br/> 
        <h2>Таблиця автомобілів</h2> 
            <table class="table table-dark"> 
                <thead> 
                    <tr> 
                        <th scope="col">Фото</th> 
                        <th scope="col">Ідентифікатор</th> 
                        <th scope="col">Бренд</th> 
                        <th scope="col">Модель</th> 
                        <th scope="col">Тип кузова</th> 
                        <th scope="col">Двигун</th> 
                        <th scope="col">Пальне</th> 
                        <th scope="col">Витрати пального л/100км</th> 
                        <th scope="col">Рік автомобіля</th> 
                        <th scope="col">Трансмісія</th> 
                        <th scope="col">Привід</th> 
                        <th scope="col">Ціна</th> 
                    </tr> 
                </thead> 
                @foreach (CarString CS in ViewBag.L) { 
                    <tr> 
                        @if(CS.Image != "") { 
                                    string T = "/" + @CS.Image; 
                                <td><img src="@T" style="max-width: 100px; max-
height: 100px;"></td> 
                            } 
                            else { 
                                <td>Відсутня</td> 
                            } 
                        <td>@CS.Id</td> 
                        <td>@CS.Brand</td> 
                        <td>@CS.Model</td> 
                        <td>@CS.Body</td> 
                        <td>@CS.Engine</td> 
                        <td>@CS.Fuel</td> 
                        <td>@CS.FuelConsumption</td> 
                        <td>@CS.Year</td> 
                        <td>@CS.Transmission</td> 
                        <td>@CS.Drive</td> 
                        <td>@CS.Price</td> 
                    </tr> 
 
10 
482 ЧДТУ 21990-01 34 01 
 
                } 
            </table> 
                <p>@ViewData["Message"]</p> 
         
    } 
    @if(Convert.ToInt32(@ViewData["Index"]) == 3) { 
        <br/> 
        <br/> 
        <br /> 
        <p>@ViewData["Message"]</p> 
        <br /> 
        <div style="text-align: center"> 
        <form action="~/Home/RemoveCar" method="post"> 
            <h3>Видалення автомобіля</h3> 
            <input type="number" class="form-control" placeholder="Введіть 
ідентифікатор автомобіля" name="Id"> 
            <br/> 
            <input type="submit" class="btn btn-success" value="Видалити"> 
        </form> 
        <br/> 
         <a href="~/Home/ReturnFromRemoveCarPage">Назад</a> 
        </div> 
        <br/> 
        <br/> 
        @if (Convert.ToInt32(@ViewData["LoginStatus"]) >= -1) { 
            <h2>Таблиця автомобілів</h2> 
            <table class="table table-dark"> 
                <thead> 
                    <tr> 
                        <th scope="col">Фото</th> 
                        <th scope="col">Ідентифікатор</th> 
                        <th scope="col">Бренд</th> 
                        <th scope="col">Модель</th> 
                        <th scope="col">Тип кузова</th> 
                        <th scope="col">Двигун</th> 
                        <th scope="col">Пальне</th> 
                        <th scope="col">Витрати пального л/100км</th> 
                        <th scope="col">Рік автомобіля</th> 
                        <th scope="col">Трансмісія</th> 
                        <th scope="col">Привід</th> 
                        <th scope="col">Ціна</th> 
                    </tr> 
                </thead> 
                @foreach (CarString CS in ViewBag.L) { 
                    <tr> 
                        @if(CS.Image != "") { 
                                    string T = "/" + @CS.Image; 
                                <td><img src="@T" style="max-width: 100px; max-
height: 100px;"></td> 
 
11 
482 ЧДТУ 21990-01 34 01 
 
                            } 
                            else { 
                                <td>Відсутня</td> 
                            } 
                        <td>@CS.Id</td> 
                        <td>@CS.Brand</td> 
                        <td>@CS.Model</td> 
                        <td>@CS.Body</td> 
                        <td>@CS.Engine</td> 
                        <td>@CS.Fuel</td> 
                        <td>@CS.FuelConsumption</td> 
                        <td>@CS.Year</td> 
                        <td>@CS.Transmission</td> 
                        <td>@CS.Drive</td> 
                        <td>@CS.Price</td> 
                    </tr> 
                } 
            </table> 
        } 
    } 
    @if (Convert.ToInt32(@ViewData["Index"]) == 4) { 
        <br/> 
        <br/> 
        <br/> 
        <br/> 
        <table class="table table-dark"> 
            <thead> 
                <tr> 
                    <th scope="col"></th> 
                    @foreach(CarString CS in ViewBag.Cars){ 
                        <th scope="col"></th> 
                    } 
                </tr> 
            </thead> 
            <tr> 
                <td>Фото</td> 
                @foreach (CarString CS in ViewBag.Cars) { 
                   @if(CS.Image != "") { 
                                    string T = "/" + @CS.Image; 
                                <td><img src="@T" style="max-width: 100px; max-
height: 100px;"></td> 
                            } 
                            else { 
                                <td>Відсутня</td> 
                            } 
                } 
            </tr> 
            <tr> 
                <td>Бренд</td> 
 
12 
482 ЧДТУ 21990-01 34 01 
 
                @foreach (CarString CS in ViewBag.Cars) { 
                    <td>@CS.Brand</td> 
                } 
            </tr> 
            <tr> 
                <td>Модель</td> 
                @foreach (CarString CS in ViewBag.Cars) { 
                    <td>@CS.Model</td> 
                } 
            </tr> 
            <tr> 
                <td>Кузов</td> 
                @foreach (CarString CS in ViewBag.Cars) { 
                    <td>@CS.Body</td> 
                } 
            </tr> 
            <tr> 
                <td>Двигун</td> 
                @foreach (CarString CS in ViewBag.Cars) { 
                    <td>@CS.Engine</td> 
                } 
            </tr> 
            <tr> 
                <td>Трансмісія</td> 
                @foreach (CarString CS in ViewBag.Cars) { 
                    <td>@CS.Transmission</td> 
                } 
            </tr> 
            <tr> 
                <td>Пальне</td> 
                @foreach (CarString CS in ViewBag.Cars) { 
                    <td>@CS.Fuel</td> 
                } 
            </tr> 
            <tr> 
                <td>Витрати пального л/100км</td> 
                @foreach (CarString CS in ViewBag.Cars) { 
                    <td>@CS.FuelConsumption</td> 
                } 
            </tr> 
            <tr> 
                <td>Рік автомобіля</td> 
                @foreach (CarString CS in ViewBag.Cars) { 
                    <td>@CS.Year</td> 
                } 
            </tr> 
            <tr> 
                <td>Привід</td> 
                @foreach (CarString CS in ViewBag.Cars) { 
 
13 
482 ЧДТУ 21990-01 34 01 
 
                    <td>@CS.Drive</td> 
                } 
            </tr> 
            <tr> 
                <td>Ціна</td> 
                @foreach (CarString CS in ViewBag.Cars) { 
                    <td>@CS.Price</td> 
                } 
            </tr> 
        </table> 
        <a href="~/Home/ReturnFromCompare">Назад</a> 
    } 
    @if (Convert.ToInt32(@ViewData["Index"]) == 5) { 
        <br/> 
        <br/> 
        <br/> 
        <br/> 
        <div style = "display: flex; text-align: center;"> 
        <p>@ViewData["Message"]</p> 
        <br/> 
        <form action="~/Home/AddBrand" method="post"> 
            <h3>Додавання бренду</h3> 
            <br/> 
            <label>Введіть назву бренда</label> 
            <input type="text" class="form-control" placeholder="Назва" name="Name"> 
            <br/> 
            <label>Введіть країну бренда</label> 
            <input type="text" class="form-control" placeholder="Країна" 
name="Country"> 
            <br/> 
            <input type="submit" class="btn btn-success" value="Додати"> 
            <br/> 
            <a href="~/Home/ReturnFromAddPage">Назад</a> 
        </form> 
        </div> 
    } 
    @if (Convert.ToInt32(@ViewData["Index"]) == 6) { 
        <br/> 
        <br/> 
        <br/> 
        <br/> 
        <div style = "display: flex; text-align: center;"> 
        <p>@ViewData["Message"]</p> 
        <br/> 
        <form action="~/Home/AddModel" method="post"> 
            <h3>Додавання моделі</h3> 
            <br/> 
            <label>Введіть назву моделі</label> 
            <input type="text" class="form-control" placeholder="Назва" name="Name"> 
 
14 
482 ЧДТУ 21990-01 34 01 
 
            <br/> 
            <label>Введіть серію моделі</label> 
            <input type="text" class="form-control" placeholder="Серія" 
name="Series"> 
            <br/> 
            <label>Введіть рік моделі</label> 
            <input type="number" class="form-control" placeholder="Рік" name="Year"> 
            <br/> 
            <input type="submit" class="btn btn-success" value="Додати"> 
            <br/> 
            <a href="~/Home/ReturnFromAddPage">Назад</a> 
        </form> 
        </div> 
    } 
    @if (Convert.ToInt32(@ViewData["Index"]) == 7) { 
        <br/> 
        <br/> 
        <br/> 
        <br/> 
        <div style = "display: flex; text-align: center;"> 
        <p>@ViewData["Message"]</p> 
        <br/> 
        <form action="~/Home/AddEngine" method="post"> 
            <h3>Додавання двигуна</h3> 
            <br/> 
            <label>Введіть назву двигуна</label> 
            <input type="text" class="form-control" placeholder="Назва" name="Name"> 
            <br/> 
            <label>Введіть кількість к.с. двигуна</label> 
            <input type="text" class="form-control" placeholder="Кількість к.с." 
name="HP"> 
            <br/> 
            <label>Введіть об’єм двигуна у літрах</label> 
            <input type="text" class="form-control" placeholder="Об’єм" 
name="Volume"> 
            <br/> 
            <label>Введіть витрати двигуна у літрах за 100 км</label> 
            <input type="text" class="form-control" placeholder="Витрати" 
name="FuelConsumption"> 
            <br/> 
            <label>Оберіть тип пального</label> 
            <div style="text-align: center"> 
                <select class="form-control" name="Fuel"> 
                    @foreach (Fuel F in @ViewBag.Fuels) { 
                        <option>@F.Name</option> 
                    } 
                </select> 
            </div> 
            <br/> 
 
15 
482 ЧДТУ 21990-01 34 01 
 
            <input type="submit" class="btn btn-success" value="Додати"> 
            <br/> 
            <a href="~/Home/ReturnFromAddPage">Назад</a> 
        </form> 
        </div> 
    } 
    @if (Convert.ToInt32(@ViewData["Index"]) == 8) { 
        <br/> 
        <br/> 
        <br/> 
        <br/> 
        <div style = "display: flex; text-align: center;"> 
        <p>@ViewData["Message"]</p> 
        <br/> 
        <br/> 
        <form action="~/Home/CarFilters" method="post"> 
            <h3>Вибір автомобіля по критеріях</h3> 
            <br/> 
            <label>Оберіть тип автомобілю</label> 
            <select class="form-control" name="CarType"> 
                    <option selected>Усі</option> 
                    <option>Молодіжний</option> 
                    <option>Спортивний</option> 
                    <option>Сімейний</option> 
                    <option>Позашляховик</option> 
                    <option>Туристичний</option> 
                </select> 
                <br/> 
            <br/> 
            <h2>Додаткові умови</h2> 
            <br/> 
            <label>Оберіть бренд</label> 
            <select class="form-control" name="Name"> 
                <option selected>Усі</option> 
                    @foreach (Brand B in @ViewBag.Brands) { 
                        <option>@B.Name</option> 
                    } 
                </select> 
                <br/> 
                <label>Введіть мінімальний рік моделі</label> 
            <input type="text" class="form-control" placeholder="Рік" name="Year"> 
            <br/> 
            <label>Оберіть трансмісію</label> 
            <select class="form-control" name="Type"> 
                <option selected>Усі</option> 
                    @foreach (Transmission T in @ViewBag.Transmissions) { 
                        <option>@T.Type</option> 
                    } 
                </select> 
 
16 
482 ЧДТУ 21990-01 34 01 
 
                <br/> 
            <br/> 
            <label>Введіть максимальні витрати двигуна у літрах за 100 км</label> 
            <input type="text" class="form-control" placeholder="Витрати" 
name="FuelConsumption"> 
            <br/> 
            <label>Оберіть тип пального</label> 
            <div style="text-align: center"> 
                <select class="form-control" name="Fuel"> 
                    <option selected>Усі</option> 
                    @foreach (Fuel F in @ViewBag.Fuels) { 
                        <option>@F.Name</option> 
                    } 
                </select> 
            </div> 
            <br/> 
            <label>Введіть максимальну ціну автомобіля</label> 
            <input type="text" class="form-control" placeholder="Ціна" name="Price"> 
            <br/> 
            <input type="submit" class="btn btn-success" value="Знайти"> 
            <br/> 
            <a href="~/Home/ReturnFromCarFilter">Назад</a> 
        </form> 
        </div> 
    } 
    @if (Convert.ToInt32(@ViewData["Index"]) == 9) { 
        <br/> 
        <br/> 
        <br/> 
        <br/> 
        <div style="display: flex; flex-direction: column; text-align: center;"> 
            <h2>Таблиця автомобілів</h2> 
            <table class="table table-dark"> 
                <thead> 
                    <tr> 
                        <th scope="col">Фото</th> 
                        <th scope="col">Бренд</th> 
                        <th scope="col">Модель</th> 
                        <th scope="col">Тип кузова</th> 
                        <th scope="col">Двигун</th> 
                        <th scope="col">Пальне</th> 
                        <th scope="col">Витрати пального л/100км</th> 
                        <th scope="col">Рік автомобіля</th> 
                        <th scope="col">Трансмісія</th> 
                        <th scope="col">Привід</th> 
                        <th scope="col">Ціна</th> 
                        <th scope="col">Порівняння</th> 
                    </tr> 
                </thead> 
 
17 
482 ЧДТУ 21990-01 34 01 
 
                @if (ViewBag.Cars != null) { 
                    @foreach (CarString CS in ViewBag.Cars) { 
                        <tr> 
                            @if (CS.Image != "") { 
                                string T = "/" + @CS.Image; 
                                <td><img src="@T" style="max-width: 100px; max-
height: 100px;"></td> 
                            } 
                            else { 
                                <td>Відсутня</td> 
                            } 
                            <td>@CS.Brand</td> 
                            <td>@CS.Model</td> 
                            <td>@CS.Body</td> 
                            <td>@CS.Engine</td> 
                            <td>@CS.Fuel</td> 
                            <td>@CS.FuelConsumption</td> 
                            <td>@CS.Year</td> 
                            <td>@CS.Transmission</td> 
                            <td>@CS.Drive</td> 
                            <td>@CS.Price</td> 
                            <td style="text-align: center;"> 
                                <form action="~/Home/CompareCheck" style="text-
align: center;"> 
                                    <input type="hidden" value="@CS.Id" name="Id"> 
                                    @foreach (KeyCheck KC in ViewBag.IDL) { 
                                        @if (@KC.Id == Convert.ToInt32(@CS.Id)) { 
                                            @if (@KC.IsChecked) { 
                                                <input type="checkbox" 
onChange="this.form.submit()" checked class="form-check" name="CB"> 
                                            } 
                                            else { 
                                                <input type="checkbox" 
onChange="this.form.submit()" class="form-check" name="CB"> 
                                            } 
                                        } 
                                    } 
                                </form> 
                            </td> 
                        </tr> 
                    } 
                } 
            </table> 
            <a href="~/Home/ReturnFromCarFilter">Назад</a> 
            </div> 
        } 
        @if (Convert.ToInt32(@ViewData["Index"]) == 10) { 
        <br/> 
        <br/> 
 
18 
482 ЧДТУ 21990-01 34 01 
 
        <br/> 
        <br/> 
        <div style="display: flex; flex-direction: column; text-align: center;"> 
        <h2>Таблиця автомобілів</h2> 
            <table class="table table-dark"> 
                <thead> 
                    <tr> 
                        <th scope="col">Фото</th> 
                        <th scope="col">Бренд</th> 
                        <th scope="col">Модель</th> 
                        <th scope="col">Тип кузова</th> 
                        <th scope="col">Двигун</th> 
                        <th scope="col">Пальне</th> 
                        <th scope="col">Витрати пального л/100км</th> 
                        <th scope="col">Рік автомобіля</th> 
                        <th scope="col">Трансмісія</th> 
                        <th scope="col">Привід</th> 
                        <th scope="col">Ціна</th> 
                        <th scope="col">Порівняння</th> 
                    </tr> 
                </thead> 
                @foreach (CarString CS in ViewBag.Cars) { 
                    <tr> 
                        @if(CS.Image != "") { 
                                    string T = "/" + @CS.Image; 
                                <td><img src="@T" style="max-width: 100px; max-
height: 100px;"></td> 
                            } 
                            else { 
                                <td>Відсутня</td> 
                            } 
                        <td>@CS.Brand</td> 
                        <td>@CS.Model</td> 
                        <td>@CS.Body</td> 
                        <td>@CS.Engine</td> 
                        <td>@CS.Fuel</td> 
                        <td>@CS.FuelConsumption</td> 
                        <td>@CS.Year</td> 
                        <td>@CS.Transmission</td> 
                        <td>@CS.Drive</td> 
                        <td>@CS.Price</td> 
                        <td style="text-align: center;"> 
                            <form action="~/Home/CompareFavorCheck" style="text-
align: center;"> 
                                <input type="hidden" value="@CS.Id" name="Id"> 
                                @foreach(KeyCheck KC in ViewBag.FIDL) { 
                                    @if(@KC.Id == Convert.ToInt32(@CS.Id)) { 
                                        @if (@KC.IsChecked) { 
 
19 
482 ЧДТУ 21990-01 34 01 
 
                                            <input type="checkbox" 
onChange="this.form.submit()" checked class="form-check" name="CB"> 
                                        } 
                                        else { 
                                            <input type="checkbox" 
onChange="this.form.submit()" class="form-check" name="CB"> 
                                        } 
                                    } 
                                } 
                            </form> 
                        </td> 
                    </tr> 
                } 
            </table> 
            <a href="~/Home/ReturnFromCarFilter">Назад</a> 
            </div> 
        } 
</div> 
@*} 
catch{ 
 
}*@ 
 
 
 
 
  
 
 
 
 
 
 
 
СПИСОК ВИКОРИСТАНИХ ДЖЕРЕЛ 
1. Wu Junjie. Advanced Computer Architecture / J. Wu, L. Li // Springer, 
2016. – 224 p. 
2. Fox C. Go Data Structures and Algorithms / C. Fox // Bookboon.com, 
2018. – 265 p.  
3. Kelvin L. Data Structures & Algorithms in Swift / L. Kelvin, N. 
Vincent. – Razeware, 2018. – 328 p. 
4. Karumanchi N. Data Structures and Algorithms Made Easy: Data 
Structure and Algorithmic Puzzles / N. Karumanchi // 5th Edition. – CareerMonk 
Publications, 2017. – 828 p. 
5. Гайдарджи В., Ізварін І. Характеристики Бази даних в 
інформаційних системах / В-во: «Університет «Україна». – Київ, 2018. – 418 с. 
6. Smith William. Everyday Data Structures / W. Smith. – Packt 
Publishing, 2017. – 385 p. 
7. Бабенко М. А. Введение в теорию алгоритмов и структур данных / 
М.А. Бабенко. – М.: МЦНМО, 2016. – 243 c. 
8. Study Shows Business Blogging Leads to 55% More Website Visitors. 
[Електронний ресурс]. – Режим доступу: 
https://blog.hubspot.com/blog/tabid/6307/bid/5014/Study-Shows-Business-
Blogging-Leads-to-55-More-Website-Visitors.aspx. Дата звернення – 28.03.2022. 
9. Content Marketing Infographic [Електронний ресурс]. – Режим 
доступу: https://www.demandmetric.com/content/content-marketing-infographic. 
Дата звернення – 28.05.2022. 
10. Compounding Posts Generate 38% of Your Blog’s Traffic: Here’s What 
HubSpot’s Look Like [Електронний ресурс]. – Режим доступу: 
https://blog.hubspot.com/marketing/hubspot-blog-compounding-posts. Дата 
звернення – 28.05.2022. 
11. 6 Powerful Reasons Why you Should include Images in your Marketing 
– Infographic [Електронний ресурс]. – Режим доступу: 
Арк. 
ЧДТУ 221806.004 ПЗ  72 
Зм н.  Арк. №  докум. Підпис Дата 
 
 
 
https://www.jeffbullas.com/6-powerful-reasons-why-you-should-include-images-in-
your-marketing-infographic/. Дата звернення – 28.05.2022. 
12. Blogging Statistics 2022: Ultimate List with 47 Facts and Stats 
[Електронний ресурс]. – Режим доступу: https://firstsiteguide.com/blogging-
stats/. Дата звернення – 02.06.2022. 
13. Business Blogging Facts & Stats That Should Not Be Ignored 
[Електронний ресурс]. – Режим доступу: https://www.activeblogs.com/blogging-
facts-stats/. Дата звернення – 02.06.2022. 
14. 81 of the Most Up-to-Date Blogging Statistics in 2021 [Електронний 
ресурс]. – Режим доступу: https://www.semrush.com/blog/blogging-stats/. Дата 
звернення – 02.06.2022. 
15. Affiliate Marketing Statistics [Електронний ресурс]. – Режим 
доступу: https://truelist.co/blog/affiliate-marketing-statistics. Дата звернення – 
02.06.2022. 
16. 15 Visual Content Marketing Statistics to Know for 2021 [Infographic] 
[Електронний ресурс]. – Режим доступу: https://venngage.com/blog/visual-
content-marketing-statistics/. Дата звернення – 02.06.2022. 
17. What Do 76% of Consumers Want From Your Website? [Електронний 
ресурс]. – Режим доступу: https://blog.hubspot.com/blog/tabid/6307/bid/ 
14953/What-Do-76-of-Consumers-Want-From-Your-Website-New-Data.aspx. Дата 
звернення – 09.06.2022. 
18. Dynamic Routes [Електронний ресурс]. – Режим доступу: 
https://nextjs.org/docs/routing/dynamic-routes. Дата звернення – 12.05.2022. 
19. Gizas A., Christodoulou S., Papatheodorou T. Comparative Evaluation 
of Javascript Frameworks [Текст] // Proceedings of the 21st Annual Conference on 
World Wide Web Companion. – 2018. – P. 513-514. 
20. Graziotin D., Abrahamsson P. Making Sense out of a Jungle of 
Javascript Frameworks, Towards a Practitioner-friendly Comparative Analysis 
[Текст]  // Lecture Notes in Computer Science. – 2017. – P. 334- 337. 
Арк. 
ЧДТУ 221990.003 ПЗ  73 
Зм н.  Арк. №  докум. Підпис Дата 
 
 
 
21. Бодров М.Ю. Вебдодатки як еволюційний розвиток Web [Текст]  // 
Зб. наукових праць за матеріалами III Міжнародної науково-практичної 
конференції «Теоретичні та прикладні аспекти сучасної науки». – 2014. – № 1. 
– С. 18-21. 
22. Павлиш В.А. Основи інформаційних технологій і систем. 
Підручник [Текст] / В.А. Павлиш, Л.К. Гліненко, Н.Б. Шаховська. Львів: 
Видавництво Львівської політехніки, – 2018. – 620 с.  
23. De Lamadrid J.C. Computer Organization. Basic Processor Structure / 
J.C. De Lamadrid. – Boca Raton: CRC, 2018. – 384 p. 
24. Peterson J.L. Computer Organization and Assembly Language 
Programming / J.L. Peterson. – Independently published, 2019. – 434 p. 
25. Warford J.S. Computer Systems / J.S. Warford // New York: Jones & 
Bartlett Learning, 2016. – 892 p. 
26. Бэнкс Алекс, Порселло Ева. GraphQL: язык запросов для 
современных веб-приложений. – СПб.: «Питер», 2019. – С. 240. 
27. Никсон Р. Создаем динамические веб-сайты с помощью PHP, 
MySQL, JavaScript, CSS и HTML5. 4-е изд. – СПб.. – М.: «Диалектика», 2016. – 
768 с. 
28. Дакетт, Джон. Javascript и jQuery. Интерактивная веб-разработка. –
 М., 2017. – 640 с. 
29. Богданенко Д. А. Подходы к архитектурному проектированию веб-
приложений // Молодой ученый. – 2018. – № 9 (195). – С. 24-29. 
30. Бекирова Э.А., Халилова З. Э. Основные этапы создания web-
приложений // информационно-компьютерные технологии в экономике, 
образовании и социальной сфере. – государственное бюджетное 
образовательное учреждение высшего образования республики крым 
«крымский инженерно-педагогический университет имени февзи якубова» 
(симферополь), 2019. – с. 84-91. 
Арк. 
ЧДТУ 221990.003 ПЗ  74 
Зм н.  Арк. №  докум. Підпис Дата 
 
 
 
31. Волков А. С., Волкова К. А. Обзор архитектурных компонентов 
современного веб-приложения // аллея науки. – ИП Шелистов Денис 
Александрович (Издательский центр «Quantum»), 2019. – С. 958–961. 
32. А. Чумиков, М. Бочаров, М. Тишкова. PR в Интернете. Web 1.0, 
Web 2.0, Web 3.0. – М.: Альпина Паблишер, 2010. – 136 с. 
33. Aichner, T., Jacob, F. Measuring the Degree of Corporate Social Media 
Use // International Journal of Market Research. – 2017. – 57 (2). – Рр. 257–275. 
34. Thakkar, Mohit. Building React Apps with Server-Side Rendering: Use 
React, Redux, and Next to Build Full Server-Side Rendering Applications. – 
Berkeley, CA: Apress. – 2020. – Pp. 93–137. 
35. Haverbeke, Marijn. Eloquent JavaScript. 3rd edition. – No Starch Press. 
– 2018. – 472 p.  
36. Smith, Craig S. Have You Noticed The New Web? It’s Faster, More 
Secure. [Електронний ресурс]. – Режим доступу: 
https://www.forbes.com/sites/craigsmith/2020/04/21/have-you-noticed-the-new-
web-its-faster-more-secure/. Дата звернення – 05.06.2022.  
37. Стиллмен Э. Изучаем C#. Включая C#.NET 4.0 и Visual Studio. 2-е 
издание / Э. Стиллмен., Дж. Грин – O’Reilly, 2018. – 689 с. 
38. Сайт Microsoft developer network // Microsoft developer network. 
[Електронний ресурс]- Режим доступу: https://msdn.microsoft.com/uk-ua. Дата 
звернення – 08.06.2022. 
39. Сайт SQLite // SQLite Home Page [Електронний ресурс] – Режим 
доступу: http://sqlite.org/. Дата звернення – 09.06.2022. 
40. Галерея додатків VisualStudio // NuGet [Електронний ресурс] – 
Режим доступу: https://www.nuget.org/packages/. Дата звернення – 09.06.2022. 
41. NET Framework Developer Center // Головна сторінка. 
[Електронний ресурс] – Режим доступу: 
http://msdn.microsoft.com/ruru/netframework/ default.aspx. Дата звернення – 
09.06.2022. 
Арк. 
ЧДТУ 221990.003 ПЗ  75 
Зм н.  Арк. №  докум. Підпис Дата 
 
 
 
42. J. Fagerberg. ASP.NET Core 2.0 MVC & Razor Pages for Beginners: 
How to Build a Website. – 2017. – 528 р. 
43. A. Freeman. Pro ASP.NET Core MVC 2. – 2018. – 1046 р. 
44. A. Freeman. Pro Entity Framework Core 2 for ASP.NET Core MVC. – 
2018. – 671 р. 
45. Prykhodko S., Prykhodko N., Farionova T., Vorona M. Three-factor 
non-linear regression model to estimate the size of opensourcephp-based 
applications (in Ukrainian). – 31(70). – 2020. – Pp. 124-131. 
46. Методичні рекомендаціії до виконання кваліфікаційної роботи для 
здобувачів освітнього ступеня бакалавра зі спеціальності 126 Інформаційні 
системи та технології (освітня програма «Web-технології, Web-дизайн») 
[Текст] / [упоряд.: Колесніков К.В., Прокопенко Т.О.]; М-во освіти і науки 
України, Черкас. держ. технол. ун-т. – Черкаси: ЧДТУ, 2019 – 31 с. 
ПРОГРАМНІ ЗАСОБИ 
1. Microsoft 365 © Microsoft Inc., 2022. 
2. ASP.NET © Microsoft Inc., 2022.   
3. MS SQL © Microsoft Inc., 2022. 
Арк. 
ЧДТУ 221990.003 ПЗ  76 
Зм н.  Арк. №  докум. Підпис Дата
Репозиторій ЧДТУ
