Розробка web-сайту «магазин дитячих іграшок»

Саєнко, Вікторія Юріївна

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

Full metadata record

DC Field	Value	Language
dc.contributor.advisor	Тарасенко , Ярослав Володимирович	-
dc.contributor.author	Саєнко, Вікторія Юріївна	-
dc.date.accessioned	2026-01-26T13:39:06Z	-
dc.date.available	2026-01-26T13:39:06Z	-
dc.date.issued	2022-06-16	-
dc.identifier.uri	https://er.chdtu.edu.ua/handle/ChSTU/6917	-
dc.description.abstract	Зараз люди стають дуже продвинені в тому, щоб легко виконувати свою роботу та спілкуватися один з одним. Вся справа у використанні технологій. Технології полегшили наше життя. Завдяки перевагам використання технологій люди можуть виконувати свою роботу за лічені секунди. Вони використовують веб-динамічну систему, а не ручну роботу на папері. У нашій країні люди використовують технології, щоб спростити свою повсякденну роботу, наприклад, робити покупки в Інтернеті, записуватись до лікаря, банківські операції, цифровий маркетинг, медичні та страхові послуги, купувати квитки, займатися фрілансом, корпоративними роботами тощо. Це економить їхній вразливий час і гроші. Кожен батько хоче бачити своїх дітей щасливими. Для годуючих дітей вони завжди шукають потрібний продукт. Іграшка - це предмет, який використовується і призначений для використання в іграх такого характеру. Гра з іграшками дуже потрібна кожній дитині для її росту, розвитку мозку, розвитку навичок і вивчення стосунків. У нашій країні більшість батьків не мають достатньо часу, щоб піти по магазинах і купити іграшки для своїх дітей. Через інтернет-магазини вони можуть купити іграшки для своїх дітей. Це економить їхній час і гроші. Але є невеликий інтернет-магазин, який пропонує спеціальні іграшки для дітей хорошої якості. Для цього «ViToys» пропонує гарне рішення, надаючи найкращу якість продукту для дітей. Усі іграшки місцевих та міжнародних брендів доступні тут. Люди можуть знайти різні категорії іграшок різних брендів, таких як навчальні, традиційні, дитячі іграшки, іграшки для свят на день народження, іграшки за віком тощо. Ця система може керувати всією інформацією, пов’язаною з іграшками, даними про доставку продукту клієнту та клієнтам, звітом про продажі тощо. В даний час, люди все частіше вдаються до послуг інтернет-магазинів, і як покупці, і як «продавці».	uk_UA
dc.language.iso	uk	uk_UA
dc.subject	web - сайт	uk_UA
dc.subject	онлайн магазин	uk_UA
dc.subject	база даних	uk_UA
dc.subject	інтерфейс користувача	uk_UA
dc.subject	електронна комерція	uk_UA
dc.title	Розробка web-сайту «магазин дитячих іграшок»	uk_UA
dc.type	Bachelor Thesis	uk_UA
Appears in Collections:	126 Інформаційні системи та технології (Web-технології, web-дизайн)

Files in This Item:

File	Description	Size	Format
РЕП_БАК_Саєнко_WEBС-2011.pdf Restricted Access		1.97 MB	Adobe PDF	View/Open Request a copy

Show simple item record

Extracted text

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

КВАЛІФІКАЦІЙНА РОБОТА БАКАЛАВРА

на тему: «Розробка web-сайту «магазин дитячих іграшок»»
за спеціальністю 126 «Інформаційні системи та технології»

Виконавець роботи: студент групи WEBС-2011+ск Саєнко Вікторія Юріївна

Кваліфікаційну роботу
захищено на засіданні ЕК
з оцінкою ___________ «___» червень 2022 р.

Науковий керівник ___________ к.т.н. Тарасенко Т.О.
(підпис) (науковий ступінь, вчене звання, прізвище та ініціали)

Голова комісії ___________ ____________________________
(підпис) (науковий ступінь, вчене звання, прізвище та ініціали)

Засвідчую, що у цій дипломній роботі
немає
запозичень з праць інших авторів
без відповідних посилань

Студент _____________
(підпис)

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

ЗМІСТ
Зміст .................................................................................................................... 1
Скорочення та умовні познаки ........................................................................ 3
Вступ ................................................................................................................... 4
1 Постановка задачі. Огляд аналогічних веб-сайтів та засобів їх реалізації
....................................................................................................................................... 5
1.1 Магазин іграшок “ViToys” ................................................................... 5
1.2 Огляд діяльності онлайн магазину « ViToys» .................................. 10
1.3 Постановка задачі ............................................................................... 12
1.4 Вибір засобів реалізації програмного продукту
1.5 Розгляд існуючих аналогів програм.................................................. 15
2 Обґрунтування вимог технічного завдання
3 Розробка структури та функціональних рішень web - сайту «магазин
дитячих іграшок» ...................................................................................................... 18
3.1 Вхідні дані на розробку автоматизованої системи .......................... 18
3.2 Логічна структура бази даних проекту .......................................... 20
3.3 Розробка структури таблиць бази даних .......................................... 21
3.4 Економічний розділ
3.5 Реєстрація користувача
3.6 Результат роботи програми………………………………………….38
3.7 Таблиці бази даних…………………………………………………..42
Висновки .......................................................................................................... 72
Додаток А……………………………………………………………………..
Перелік джерел посилання ............................................................................. 74

СКОРОЧЕННЯ ТА УМОВНІ ПОЗНАКИ

АС Автоматизована система
АІС Автоматизована інформаційна система
БД Бази даних
СУБД Система управління базами даних
АСУ Автоматизована система управління
ПЗ Програмне забезпечення
ІК Інтерфейс користувача
ПІ Програмна інженерія

ЧДТУ 222075.005 ПЗ рк.
№45/04 Підпис
мн. рк. ата

ВСТУП
Зараз люди стають дуже продвинені в тому, щоб легко виконувати свою
роботу та спілкуватися один з одним. Вся справа у використанні технологій.
Технології полегшили наше життя. Завдяки перевагам використання технологій
люди можуть виконувати свою роботу за лічені секунди. Вони використовують
веб-динамічну систему, а не ручну роботу на папері. У нашій країні люди
використовують технології, щоб спростити свою повсякденну роботу,
наприклад, робити покупки в Інтернеті, записуватись до лікаря, банківські
операції, цифровий маркетинг, медичні та страхові послуги, купувати квитки,
займатися фрілансом, корпоративними роботами тощо. Це економить їхній
вразливий час і гроші.
Кожен батько хоче бачити своїх дітей щасливими. Для годуючих дітей
вони завжди шукають потрібний продукт. Іграшка - це предмет, який
використовується і призначений для використання в іграх такого характеру. Гра
з іграшками дуже потрібна кожній дитині для її росту, розвитку мозку, розвитку
навичок і вивчення стосунків. У нашій країні більшість батьків не мають
достатньо часу, щоб піти по магазинах і купити іграшки для своїх дітей. Через
інтернет-магазини вони можуть купити іграшки для своїх дітей. Це економить
їхній час і гроші. Але є невеликий інтернет-магазин, який пропонує спеціальні
іграшки для дітей хорошої якості. Для цього «ViToys» пропонує гарне рішення,
надаючи найкращу якість продукту для дітей. Усі іграшки місцевих та
міжнародних брендів доступні тут. Люди можуть знайти різні категорії іграшок
різних брендів, таких як навчальні, традиційні, дитячі іграшки, іграшки для свят
на день народження, іграшки за віком тощо. Ця система може керувати всією
інформацією, пов’язаною з іграшками, даними про доставку продукту клієнту та
клієнтам, звітом про продажі тощо. В даний час, люди все частіше вдаються до
послуг інтернет-магазинів, і як покупці, і як «продавці».
У цьому звіті описано веб-програму ViToys. Основна мета цього проекту –
постачати клієнту найкращі іграшки за обмежену та розумну ціну. Люди з різних
місць можуть купити іграшки для своїх дітей на цій онлайн-платформі.
ЧДТУ 222075.005 ПЗ рк.
№45/04 Підпис
мн. рк. ата

Клієнти можуть шукати будь-які іграшки, які забажають. Якщо він
доступний, вони можуть додати його в кошик. Якщо будь-який клієнт хоче
оплатити будь-який продукт із цієї системи, він повинен зареєструватися як
клієнт, щоб вказати платіжні дані для покупки будь-якого продукту. Після цього
клієнт може побачити статус свого замовлення як очікує на розгляд. Якщо якесь
замовлення виконано, адміністратор перевірить його та призначить персонал для
доставки товару. Потім співробітники перевірять, чи оброблено замовлення на
доставку товару. Якщо надійшло якесь замовлення, він його підтвердить. Після
цього клієнт побачить статус свого замовлення як виконане.
Для покупця інтернет-магазин насамперед зручний:
 доступністю, так як для входу в інтернет-магазин не потрібно
виходити з дому, потрібен лише комп'ютер або смартфон,
підключений до Інтернету;
 наочністю, вся інформація супроводжується ілюстраціями;
 інформативність, на сайті є докладний опис всіх запропонованих
товарів, а також статті про товари, які можуть допомогти у виборі
товарів;
 широким асортиментом продукції;
 обраний товар привезуть особисто клієнту.
Для продавців утримувати інтернет-магазин зручно:
 можливість розширити ринок збуту;
 немає необхідності орендувати площу для продажу і вибору товарів
клієнт;
 немає необхідності утримувати менеджерів для роботи в торговому
залі, досить мінімум одного менеджера;
 можна уявити товар, якого немає на складі.
Було прийнято рішення розробити інтернет-магазин з продажу товарів
іграшка. Щоб не втрачати час дарма, і не роз'їжджати по місту в пошуках одного
товару, всі необхідні товари будуть зібрані в одному місці, в розроблюваному

ЧДТУ 222075.005 ПЗ рк.
№45/04 Підпис
мн. рк. ата

інтернет-магазині.
Мета дипломного проекту є створення інтернет-магазину для поширення
дитячої продукції. У процесі проектування будуть вирішені наступні завдання:
 розробка технічного завдання;
 аналіз предметної області;
 проектування інтерфейсу користувача;
 реалізація інформаційної системи.
В даному проекті розглянуті всі етапи розробки програми «клієнт-сервер»,
основні поняття предметної області і виконаний аналіз подібних програм.
Графічна частина містить ER-модель і концептуальну модель.
ЧДТУ 222075.005 ПЗ рк.
№45/04 Підпис
мн. рк. ата

1 ПОСТАНОВКА ЗАДАЧІ. ОГЛЯД АНАЛОГІЧНИХ ВЕБ-САЙТІВ
ТА ЗАСОБІВ ЇХ РЕАЛІЗАЦІЇ
1.1 Магазин іграшок “ViToys”
Створення автоматичної бази даних магазину іграшок дозволить
співробітникам полегшити роботу з клієнтами і товаром, що є в наявності на
складі або надходять на склад. За допомогою бази даних здійснюється простий
пошук продукції, наявної в асортименті; замовлення необхідного товару для
покупців; контроль відсотка виробів що не підлягають до продажу (заводський
брак або шлюб по приходу); облік зміни вартості товару, в залежності від часу
перебування на складі. Також база даних дозволяє розділити наявний товар на
категорії, що відрізняються фірмою-виробником, формою, розміром та іншими
параметрами. З іншого боку, база даний дозволяє вести облік клієнтів. Розробку
системи знижок для оптових покупців, а також для постійних клієнтів. Є
можливість обліку даних про покупця, для зв'язку з ним у разі надходження
нових іграшок або виникнення розпродажі старих.
У базі даних може вестися облік вартості проданого товару і відрахування
з неї відсотка податку. Також може бути врахована погодинна робота
співробітників магазина, при наборі певної кількості годин співробітник може
отримати вищу категорію, або бути звільнений, за відсутність на робочому місці.
Передбачається створення єдиної бази даних, доступної тільки
працівникам магазину. Вона буде являти собою програму, яка здійснює пошук
по всій продукції магазину, також передбачений доступ до даних про клієнтів і
характеристиках товару.
У розділі «клієнти» повинні зберігатися дані про покупців (ПІБ, вік,
контактний телефон, замовлення). Повинна здійснюватися угруповання на
прізвище, за індивідуальними замовленнями і відвідування магазину.
У розділі «товар» повинна бути повна інформація про іграшки, які
перебувають на складі, а також про продукцію, яка незабаром туди надійде. Весь
товар ділиться на категорії (м'які іграшки, герої мультфільмів, ведмеді, зайці і т.
ЧДТУ 222075.005 ПЗ рк.
№45/04 Підпис
мн. рк. ата

Д.), Кожна категорія містить певні характеристики. Характеристики: назва,
кількість виробів, вартість, наявність на складі, очікування надходження.
Розділ «загальні» повинен містити загальну вартість виробів, кількість
проданого товару, його ціну, суму доходу магазина, з урахуванням податку.
Розділ «персонал» повинен містити особисті дані про працівників
магазину (ПІБ), кількість робочих годин, проведених на підприємстві, суму
оплати за годину і загальну зарплату, за місяць.
Користувачами бази даних є працівники магазину, а також адміністрація,
для обліку товару і кількості зайнятих робочих годин. Адміністрація магазину
має необмежені права доступу. Персонал магазину має обмежені права доступу,
співробітникам доступні розділи «клієнт» і «товар».
База даних повинна зберігати в собі загальну інформацію про товар в
цілому і про кожну категорії виробів індивідуально. Інформацію про клієнтів
(відвідування магазину, замовлення на вироби). Також повинна бути
передбачена можливість контролю за працівниками магазину (для адміністрації
підприємства) хто із співробітників що і коли продав.
В результаті аналізу предметної області, виділені основні сутності:
постачальник, товар, клієнт, продавець, накопичувальна карта.
Для внесення даних в сутність «постачальник», потрібне заповнення
наступних полів:
* ID постачальника
* ПІБ представника
* Адреса
* Телефон
* Назва фірми
Для внесення даних в сутність «товар», потрібне заповнення наступних
полів:
* Матеріал
* Колір
* Ціна
ЧДТУ 222075.005 ПЗ рк.
№45/04 Підпис
мн. рк. ата

* Вікове обмеження
* Шифр товару
* Назва
* Тип
* Кількість
Для внесення даних в сутність «продавець», потрібне заповнення
наступних полів:
* ID продавця
* ПІБ
* Паспортні дані
* Відділ
* ІПН
* Адреса
* Телефон
Для внесення даних в сутність «клієнт», потрібне заповнення наступних
полів:
* ID клієнта
* ПІБ клієнта
* Телефон
* Адреса
Для внесення даних в сутність «накопичувальна карта», потрібне
заповнення наступних полів:
* ID карти
* Знижка
* Контрольна сума
правила
1. Ціна товару не може бути дорівнює нулю
2. У одного клієнта може бути тільки одна накопичувальна карта
3. Знижка не може бути негативною
4. Телефон являє собою комбінацію з 11 цифр
ЧДТУ 222075.005 ПЗ рк.
№45/04 Підпис
мн. рк. ата

5. Адреса включає в себе вулицю і номер будинку
6. Найбільше вікове обмеження - 15 років
7. ІПН - ціле число
8. Паспортні дані представляють собою комбінацію з 10 цифр
9. ПІБ може бути записано тільки кирилицею
10. У полі «знижка» може бути тільки чисельне значення
11. ID - завжди тільки ціле число
12. Кількість товару - ціле число
13. Поле «Колір» має тільки літерні значення
14. Одна іграшка може потрапляти тільки в одну категорію вікового
обмеження
15. Кількість товару не може бути негативним.
1.2 Огляд діяльності онлайн магазину « ViToys»
У сучасну епоху, бізнес електронної комерції, корпоративні робочі місця
також ростуть через Інтернет. Сайти електронної комерції збільшуються з
кожним днем, і деякі з них є фальшивими та не надають належних послуг, тому
багато клієнтів не довіряють бізнесу електронної комерції. Багато клієнтів
відчувають себе невпевнено, коли хочуть здійснити оплату через Інтернет. Тож
це також одна з великих проблем. З іншого боку, більшості сировини для іграшок
недостатньо. Ми досі не можемо виробляти якісну сировину. Отже, це,
безумовно, наше найбільше обмеження, і його потрібно усунути. Більшість
сайтів електронної комерції дозволяють чат для прямого контакту з клієнтом.
Але в цій запропонованій системі немає можливості чату. Клієнт не може
безпосередньо підключитися до цієї системи.
Проаналізувавши всі ці проблеми, я знайшов деякі рішення. Щоб
завоювати довіру клієнтів, ми також надали послугу готівкою при доставці,
окрім онлайн-платежі за продукт, швидшої служби доставки, якісного товару з
брендом, щоб клієнт міг виправдати наш продукт у інших. Оскільки опція чату
в реальному часі не реалізована в цій системі, клієнт може зв’язатися з нами,
заповнивши форму на сторінці зв’язку, або вони можуть зателефонувати нам у
ЧДТУ 222075.005 ПЗ рк.
№45/04 Підпис
мн. рк. ата

будь-який час для будь-яких запитів щодо інформації про продукт. У
майбутньому ми додамо живий чат та інші функції для системи та політики
повернення продуктів.Отже, можна зробити висновок, що розвинені країни та
країни пострадянського простору надають перевагу таким товарам, як
харчування, на другому місці одяг та взуття, третє місце займає відпочинок,
спорт, та розваги.
Також ми бачимо, що за останні роки рівень народжуваності зріс, (через
державну підтримку на дитину) і ця тенденція викликала підвищення активності
на ринку дитячих товарів. На жаль, у погоні за активним попитом на товари для
дітей, багато виробників не додають належної уваги якості виробів і дотриманню
необхідних стандартів. З огляду на пікову активність операторів ринку і поява
великої кількості нових підприємств - виробників, підприємств - реалізаторів
товарів для дітей, оцінки якості дитячих товарів стали як ніколи актуальні для
українського ринку дитячих товарів. Саме діти, що створюють активний попит
на товари (оскільки діти ростуть), найбільш уразливі до низької якості товарів.[1]
Проаналізувати діяльність магазину найкраще за допомогою IDF0
діаграми (рис.1.2.1).

Рисунок 1.2.1- діаграма діяльності IDF0

Організаційну структуру діяльності онлайн магазину «ViToys» зображено
на (рис. 1.2.2).
ЧДТУ 222075.005 ПЗ рк.
№45/04 Підпис
мн. рк. ата

Рисунок 1.2.2 – Організаційна структура діяльності онлайн магазину
«ViToys».
Функціональну модель діяльності магазину.
Інформаційний потік даних онлайн магазину зображено на (рис.1.2.3).

Рисунок 1.2.3 - Діаграма потоків даних системи
Діаграма варіантів використання проектованої системи.
1.3 Постановка задачі
У даній дипломній роботі необхідно розробити «онлайн магазин іграшок»,
для потреб працівників магазину, які займаються продажом іграшок.
Головною метою даного продукту «ViToys» – є здійснення облік
інформації про асортимент, дані постачальників та працівників магазину
іграшок, які міститься в базі даних проекту та під’єднана до нього.
Система повинна дозволяти користувачу вводити інформацію, видаляти та
редагувати її. Також система повинна дозволяти здійснювати пошук та
фільтрацію даних за допомогою полів та кнопок особливого призначення

ЧДТУ 222075.005 ПЗ рк.
№45/04 Підпис
мн. рк. ата

фільтрування.
Система повинна видавати користувачу необхідні пояснення щодо
компонентів сайту.
Така система повинна забезпечити:
- роботу користувача на інтуїтивному рівні без спеціальних знань в
комп’ютерних технологіях та інформатики;
- друк інформації певної таблиці з фільтруванням даних або без
фільтрування;
- введення даних в певну вибрану таблицю користувачем;
- редагування даних певної вибраної таблиці користувачем;
- видалення даних із певної вибраної таблиці користувачем;
- повинна містити інформацію про розробника проекту.
ПП «ViToys» – це комплекс апаратних і програмних засобів, що
забезпечують автоматизацію обробки інформації, забезпечують її контроль зі
сторони користувача.
Програма буде працювати при встановленому програмному забезпечені
Microsoft Office 2007 / 2010 / 2013, яка дозволить реалізувати зв'язок між
програмою та базою даних, генерованою через систему ER-win та BatchAccess.
В основних вікнах інтерфейсу програми будуть розміщені наступні
компоненти:
- компоненти відображення інформації в табличному вигляді із бази
даних будь-якої таблиці;
- компонент швидкого меню, де кожна кнопка буде позначатись певною
іконкою та міститиме підказку для користувача про функціонал кнопки.
Будуть розміщені наступні кнопки швидкого меню: виклик вікна
введення / виведення даних, виклик вікна друку даних, виклик
інформації про розробника, вихід;
- головне меню програми, який містить кнопки, які реалізують: перехід
між таблицями, виклик вікна редагування даних, виклик вікна друку
ЧДТУ 222075.005 ПЗ рк.
№45/04 Підпис
мн. рк. ата

даних, виклик інформації про розробника програми, виклик довідки
програми, вихід;
- панель управління інформацією, за допомогою якої можна: переходити
від однієї інформації до іншої, додавати, змінювати, зберігати та
видаляти дані, оновлювати дані таблиці;
- панель пошуку та фільтрування даних, який містить: випадаючий
список полів для фільтрування, кнопка для виконання запиту в систему
фільтрування, поле для введення даних, по якому буде здійснювати
фільтрування;
- панель виведення підказок користувачеві.
У вікні введення / видалення даних будуть розміщені наступні
компоненти:
- переходи по таблицям та потрібного функціоналу(видалення або
додавання даних);
- поля для введення даних.
1.4 Вибір засобів реалізації програмного продукту
Скриптова мова програмування PHP
PHP є серверною мовою сценаріїв загального призначення, яка особливо
підходить для веб-розробки. PHP спочатку означало персональну домашню
сторінку. Однак тепер це означає Hypertext Preprocessor. Це рекурсивна
абревіатура, оскільки саме перше слово також є акронімом. PHP був створений
Расмусом Лердорфом у 1994 році. Зараз він обслуговується командою
розробників PHP.
Коли ви відкриваєте веб-сайт у своєму веб-браузері, наприклад,
https://www.phptutorial.net. Веб-браузер надсилає запит HTTP на веб-сервер, де
знаходиться phptutorial.net. Веб-сервер отримує запит і відповідає HTML-
документом. У цьому прикладі веб-браузер є клієнтом, а веб-сервер — сервером.
Клієнт запитує сторінку, а сервер обслуговує запит. PHP працює на веб-сервері,
обробляє запит і повертає HTML-документ.[13]
ЧДТУ 222075.005 ПЗ рк.
№45/04 Підпис
мн. рк. ата

Ви, очевидно, чули про низку мов програмування; вам може бути цікаво,
чому ми хотіли б використовувати PHP як нашу отруту для веб-програмування.
Нижче наведено кілька вагомих причин.
 PHP є відкритим вихідним кодом і безкоштовним.
 Коротка крива навчання в порівнянні з іншими мовами, такими як
JSP, ASP тощо.
 Великий документ громади
 PHP регулярно оновлюється, щоб бути в курсі останніх
технологічних тенденцій.[14]
Розширення файлу та теги Для того, щоб сервер міг ідентифікувати наші
файли та сценарії PHP, ми повинні зберегти файл із розширенням «.php». Старіші
розширення файлів PHP включають:
 .phtml
 .php3
 .php4
 .php5
 .phps
PHP був розроблений для роботи з HTML, і тому його можна вбудувати в
HTML-код.[15]
Ви можете створювати файли PHP без будь-яких тегів html, і це
називається чистим файлом PHP. Сервер інтерпретує PHP-код і виводить
результати у вигляді HTML-коду до веб-браузерів. Для того, щоб сервер міг
ідентифікувати PHP-код із HTML-коду, ми повинні завжди вкладати PHP-код у
теги PHP. Тег PHP починається зі символу «менше», за яким слідує знак питання,
а потім слова «php». PHP є мовою, чутливою до регістру, «VAR» не те саме, що
«var». Самі теги PHP не чутливі до регістру, але настійно рекомендуємо
використовувати малу літеру. Наведений нижче код ілюструє вищезазначене.
<?php … ?>

Ми називатимемо рядки коду PHP операторами. Операції PHP
закінчуються крапкою з комою (;). Якщо у вас є лише один твердження, ви
ЧДТУ 222075.005 ПЗ рк.
№45/04 Підпис
мн. рк. ата

можете опустити крапку з комою. Якщо у вас є кілька операторів, кожен рядок
потрібно закінчувати крапкою з комою. Для послідовності рекомендується
завжди закінчувати свою заяву(-и) крапкою з комою. PHP-скрипти виконуються
на сервері. Результат повертається у вигляді HTML.[16]
3.2 Мова розмітки гіпертекстових документів HTML.
HTML означає мову розмітки гіпертексту. Він складається з ключових слів
і команд, які веб-дизайнери використовують для створення веб-сайтів.
Гіпертекст – це текст із посиланнями, на які читачі можуть просто
натиснути, щоб перейти на іншу сторінку чи іншу частину сторінки. Тим часом
мова розмітки використовує теги або звичайний текст зі спеціальними
позначками для визначення розділів сторінки, таких як верхні та нижні
колонтитули, та інших елементів, включаючи таблиці та зображення.[17]
HTML вважається одним із трьох основних інструментів у створенні веб-
сторінки: HTML забезпечує структуру або спосіб відображення тексту,
зображень тощо на веб-сайті. CSS (каскадні таблиці стилів) встановлює візуальні
властивості цих елементів, такі як кольори, формат і макет. Тим часом Javascript
змушує ці елементи вести себе певним чином залежно від дій користувача.
Наприклад, розмір шрифту тексту може збільшуватися, коли користувачі
наводять курсор миші або натискають кнопку на сторінці.
HTML — мова за замовчуванням для веб-сайтів і веб-документів. Це
допомагає браузеру зрозуміти структуру та стиль документа або файлів для
перегляду через Інтернет. Це дозволяє на ваших веб-сторінках розміщувати
аудіо, відео, електронні таблиці та інші програми. Це також полегшує навігацію
по веб-сторінках або між веб-сайтами за допомогою гіпертексту.
Крім того, розробники веб-сайтів можуть використовувати HTML для
розробки форм для замовлення товарів, резервування або пошуку інформації.
Таким чином, HTML є основним будівельним блоком для створення вашого
бренду та ведення сайту електронної комерції або бізнесу на основі підписки.
Основними компонентами HTML-документа є теги та елементи. Вони
вказують вашому браузеру, як відображати ваш вміст. Теги починаються і
ЧДТУ 222075.005 ПЗ рк.
№45/04 Підпис
мн. рк. ата

закінчуються кутовими дужками або знаками «менше» та «більше». Букви між
ними називаються вмістом елементів.
Нижче наведено базову структуру HTML-сторінки (у порядку їх появи):
 Декларація типу документа (DTD)
<!DOCTYPE html> з'являється на початку або в самому верху HTML-
документа. Він повідомляє браузеру, яка версія HTML була використана для
створення сторінки.
 Кореневий елемент HTML
<html>, який записується під DTD, діє як "головний контейнер", який
містить усі інші елементи. Він може вказати мову документа HTML. Наприклад,
<html lang="en-US"> означає, що сторінка написана американською
англійською.
 Керівник
<head>, який ви знайдете між <html> і <body>, містить метадані, що
описують інформацію про сторінку. Вони включають:
- <title> або загальна тема веб-сторінки. Це окремо, але має
відповідати тегу заголовка, який з’являється в тілі.
- <style> визначає, як елементи мають відображатися у браузері.
Це включає колір заголовка, вирівнювання тексту, колір фону
основного тексту тощо.
- <link> вказує на ресурси (тобто іншу веб-сторінку або зовнішню
таблицю стилів), пов’язані зі сторінкою HTML.
- <meta> містить ключові слова, автора та опис сторінки.
- <base> посилається на URL-адресу за замовчуванням.
 Тіло
<body> — це основна частина документа, що містить інформацію, яку
браузер відображає на екрані. Він може включати наступне:
- Заголовок містить назву сайту, логотип, головну навігацію та
рядок пошуку.
ЧДТУ 222075.005 ПЗ рк.
№45/04 Підпис
мн. рк. ата

- Основний вміст охоплює назву або заголовок статті, зміст
статті, дату публікації, автора тощо.
- На бічних панелях відображаються віджети та додаткова
навігація, наприклад архіви за категорією або датою.
- Нижній колонтитул містить контактну інформацію, соціальні
посилання, авторські права та додаткову навігацію.[18]
3.3 Об'єктно-орієнтоване програмування для PHP.
PHP — це мова сценаріїв на стороні сервера, яка в основному
використовується для веб-розробки, але також використовується як мова
програмування загального призначення. Об’єктно-орієнтоване програмування
(PHP OOP) — це тип принципу мови програмування, доданий до php5, який

допомагає створювати складні веб-додатки для багаторазового
використання.[19]
Концепції об'єктно-орієнтованого програмування PHP:
 клас
 Об'єкти
 Спадкування
 Інтерфейс
 Абстракція
 Магічні методи
Клас і об'єкт:
Клас — це тип даних, визначений програмістом, який включає локальні
методи та локальні змінні.
Клас - це сукупність об'єктів. Об’єкт має властивості та поведінку.
Спочатку ми повинні визначити клас php, де ім'я класу має бути таким
же, як ім'я файлу.
Спадкування
Коли дочірній клас отримує доступ до властивостей і методів
батьківського класу, ми називаємо концепцію успадкуванням. Дочірній клас
ЧДТУ 222075.005 ПЗ рк.
№45/04 Підпис
мн. рк. ата

може успадкувати батьківський метод і дати власну реалізацію методу, ця
властивість називається перевизначеним методом. Коли той самий метод
батьківського класу успадковується, ми викликаємо як успадкований метод.
Тепер давайте подивимося типи успадкування, які підтримуються в об’єктно-
орієнтованому програмуванні, і відповідні приклади успадкування Php.
Види успадкування:
 Однорівневе успадкування
 Багаторівневе успадкування
Однорівневе успадкування: у однорівневому спадкуванні методи
батьківського класу будуть розширені дочірнім класом. Усі методи можуть
передаватися у спадок.
Багаторівневе успадкування: у багаторівневому наслідуванні метод
батьківського класу буде успадковано дочірнім класом, і знову підклас
успадкує метод дочірнього класу.[20]
Інтерфейси:
 Інтерфейс – це опис дій, які може виконувати об’єкт.
 Інтерфейс записується так само, як і оголошення класу з ключовим
словом interface.
Правила інтерфейсів:
 Усі методи, оголошені в інтерфейсі, мають бути
загальнодоступними; це природа інтерфейсу.
 Усі методи в інтерфейсі мають бути реалізовані в межах класу;
невиконання цього призведе до фатальної помилки.
 Клас, що реалізує інтерфейс, повинен використовувати ті самі
сигнатури методу, які визначені в інтерфейсі
 Інтерфейси можна розширювати як класи за допомогою оператора
extends.
Примітка щодо інтерфейсів:
 Ми не можемо створювати об’єкти для інтерфейсу, але клас, що
реалізує інтерфейс, може мати об’єкти
ЧДТУ 222075.005 ПЗ рк.
№45/04 Підпис
мн. рк. ата

 Ми не можемо визначити змінну в інтерфейсі.
 Якщо ми розширюємо інтерфейс, усі методи інтерфейсу повинні
бути реалізовані в дочірньому класі.
Абстрактні заняття:
 Абстрактний клас — це клас, який містить принаймні один
абстрактний метод. Абстрактний метод — це оголошення функції
без будь-кого, і він має єдину назву методу та його параметри.
 У класі може бути будь-яка кількість методів, і ми повинні
оголосити клас абстрактним лише тоді, коли є абстрактний метод

Примітки щодо абстрактних класів:
 Не можна створювати об’єкти для абстрактних класів.
 Якщо клас має лише один метод як абстрактний, то цей клас має
бути абстрактним класом.
 Дочірній клас, який розширює абстрактний клас, повинен
визначати всі методи абстрактного класу.
 Якщо абстрактний метод визначено як захищений у батьківському
класі, реалізація функції повинна бути визначена як захищена або
публічна, але не приватна.
 Сигнатури методів повинні збігатися, необов'язковий параметр,
заданий у дочірньому класі, не буде прийнятий, і буде показано
помилку.
Абстрактні класи, які оголошують всі свої методи як абстрактні, не є
інтерфейсами з різними іменами. Можна реалізувати декілька інтерфейсів,
але не розширювати декілька класів (або абстрактних класів).[21]
ЧДТУ 222075.005 ПЗ рк.
№45/04 Підпис
мн. рк. ата

1.5 Розгляд існуючих аналогів програм
Web-сайт GoodToys
Аналог інтернет - магазин "GoodToys".[2]
Магазин дитячих іграшок «GoodToys» пропонує своїм клієнтам великий
асортимент та замовлення будь яких іграшок по всій Україні.
Якщо іграшка не виправдала ваші очікування, або не сподобалась вашій
дитині ви можете повернути покупку на новій пошті, або в магазині протягом
14 днів.
Замовлення іграшок on-line виконати дуже просто, досить ввести
параметри пошуку, що відповідають вашим вподобанням.

Рисунок 1.5.1 - Головна сторінка

Рисунок 1.5.2 – Кошик сайту

ЧДТУ 222075.005 ПЗ рк.
№45/04 Підпис
мн. рк. ата

Аналог інтернет - магазин "bi.ua".[3]
Магазин дитячих іграшок «bi.ua» надає послуги з замовлення та продажу
іграшок, пропонує своїм клієнтам великий асортимент та замовлення одягу по
всій Україні.
Якщо іграшка не виправдала ваші очікування, або не сподобалась вашій
дитині ви можете повернути покупку на новій пошті, або в магазині протягом
14 днів.
Замовлення іграшок on-line виконати дуже просто, досить ввести
параметри пошуку, що відповідають вашим вподобанням.

Рисунок 1.5.3 – Головна сторінка

Рисунок 1.5.4 – Кошик сайту

ЧДТУ 222075.005 ПЗ рк.
№45/04 Підпис
мн. рк. ата

2 ОБҐРУНТУВАННЯ ВИМОГ ТЕХНІЧНОГО ЗАВДАННЯ
Реалізувати процес створення веб-сайту «магазин дитячих іграшок»
Процес створення можна охарактеризувати такими етапами:
 Встановлення апаратного та програмного забезпечення на ПК;
 Налаштування апаратного та програмного забезпечення;
 Розробка дизайну та функціоналу;
 Створення БД;
 Публікація сайту в мережі інтернет;
 Аналіз функціонування;
Потрібно дотримуватися усіх вимог до створення даної інформаційної
системи вказаних нижче.
Сайт повинен:
 Бути доступним та легким в сприйнятті;
 Давати користувачеві змогу користуватися пошуком;
 Виводити на головній сторінці каталог товару;
 Надавати користувачеві можливість для реєстрації та входу;
 Надавати можливість користувачеві доступ до товару за допомогою
натискання конкретної кнопки;
 Окремо виводити кнопку, яка відправляє на головну сторінку;
 Надавати користувачеві можливість редагувати вміст кошика;
 Надавати можливість користувачеві оформляти замовлення;
 В ячейку товару має входити: фото товару, ціна, кнопка для
додавання товару до кошика та вибір кількості, інформація про
товар, відгуки, показ схожих товарів;
 Після заповнення користувачем форми замовлення, йому на
електронну пошту повинне прийти повідомлення про
підтвердження замовлення;
 Давати змогу користувачеві змінити пароль, якщо він його забув;

ЧДТУ 222075.005 ПЗ рк.
№45/04 Підпис
мн. рк. ата

Сайт повинен бути перевірений на функціональність та доступність.
Після розробки повинен бути оформлений звіт (пояснювальна записка) з
виконання кваліфікаційної роботи. Звіт повинен бути оформлений за
методичними рекомендаціями до виконання кваліфікаційної роботи.

ЧДТУ 222075.005 ПЗ рк.
№45/04 Підпис
мн. рк. ата

3 РОЗРОБКА СТРУКТУРИ ТА ФУНКЦІОНАЛЬНИХ
РІШЕНЬ WEB - САЙТУ «МАГАЗИН ДИТЯЧИХ ІГРАШОК»
3.1 Вхідні дані на розробку автоматизованої системи
Автоматизована система буде вести облік замовників, виконувати пошук
по назві та матиме можливість друкувати звіти.
Характеристики:
- Веде облік постачальників;
- Веде облік замовників;
- Веде облік асортименту;
- Виконує фільтрацію даних;
- Друкує звіти.
Середовище функціонування:
Даний продукт працює на операційній системі Windows 95 / 98 / 2003 /
Vista / 7 / 8 / 8.1 / 10.
Апаратна платформа: Клавіатура, миша, монітор, системний
блок(материнська плата, вінчестер, процесор, блок живлення, відеоадаптер
16Mb).
Функціональні вимоги:
Продукт повинен дозволяти вводити дані:
Доставка (код доставки, вид багажу, вага упаковки, назва продажу,
кількість);
Замовник (код , код товару, кількість моделей, замовник, місто, адреса,
телефон, дата доставки);
Накладна (код, код асортименту, код заголовка накладної, кількість, код
упаковки, по ціні, штук в одній тарі);
Постачальник (код, назва фірми, країна, місто, кількість, телефон, вид
товару, колір, ціна за 1, дата поставки, ціна доставки );
Співробітник (код співробітника, посада, телефон, адреса, дата
народження, дата прийому, ПІБ, Освіта, зарплата, picture);
ЧДТУ 222075.005 ПЗ рк.
№45/04 Підпис
мн. рк. ата

Асортимент (код товару(асортимент), колір, кількість, назва бренду,
характеристика, ціна за 1, розмір, виробник, код, назва товару).
Продукт повинен дозволяти виводити дані:
Замовник (код , код товару, кількість моделей, замовник, місто, адреса,
телефон, дата доставки);
Постачальник (код, назва фірми, країна, місто, кількість, телефон, вид
товару, колір, ціна за 1, дата поставки, ціна доставки );
Співробітник (код співробітника, посада, телефон, адреса, дата
народження, дата прийому, ПІБ, Освіта, зарплата, picture);
Асортимент (код товару(асортимент), колір, кількість, назва бренду,
характеристика, ціна за 1, розмір, виробник, код, назва товару).
Продукт повинен дозволяти видаляти дані:
Замовник (код , код товару, кількість моделей, замовник, місто, адреса,
телефон, дата доставки);
Постачальник (код, назва фірми, країна, місто, кількість, телефон, вид
товару, колір, ціна за 1, дата поставки, ціна доставки );
Співробітник (код співробітника, посада, телефон, адреса, дата
народження, дата прийому, ПІБ, Освіта, зарплата, picture);
Асортимент (код товару(асортимент), колір, кількість, назва бренду,
характеристика, ціна за 1, розмір, виробник, код, назва товару).
Продукт повинен дозволяти здійснювати фільтрацію даних по полях
деяких таблиць:
Замовник (код , код товару, кількість моделей, замовник, місто, адреса,
телефон, дата доставки);
Постачальник (код, назва фірми, країна, місто, кількість, телефон, вид
товару, колір, ціна за 1, дата поставки, ціна доставки );
Співробітник (код співробітника, посада, телефон, адреса, дата
народження, дата прийому, ПІБ, Освіта, зарплата, picture);
Асортимент (код товару(асортимент), колір, кількість, назва бренду,
характеристика, ціна за 1, розмір, виробник, код, назва товару).
ЧДТУ 222075.005 ПЗ рк.
№45/04 Підпис
мн. рк. ата

Продукт повинен дозволяти друкувати звіти усіх полів таблиць:
 Доставка;
 Замовник;
 Накладна;
 Постачальник;
 Співробітник;
 Асортимент;
Вимоги до зовнішніх інтерфейсів:
Інтерфейс системи складається з:
- Головне меню;
- Таблиця бази даних;
- Вікно додавання та видалення даних;
- Меню швидкого доступу.
Апаратні інтерфейси:
- Взаємодіє з принтером.
Не функціональні вимоги:
Продуктивність, швидкість відклику неповинна перевищувати 1 секунди;
Інтерфейс сайту повинен бути зрозумілим і простим, щоб у звичайного
користувача не виникало проблем з роботою в ньому;
В сайту не повинно виникати помилок при роботі.
Вимоги продуктивності:
Програма повинна бути розроблена на мові С++.[4]
3.2 Логічна структура бази даних проекту
Основними об’єктами бази даних магазину іграшок є: Співробітник,
Постачальник, Замовник, Товар(Асортимент).
Таблиця «Співробітник» зв’язана з таблицею «Товар(Асортимент)» полем
«Код співробітника». Таблиця «Постачальник» зв’язана з таблицею
«Товар(Асортимент)» полем «Код постачальника». Таблиця «Замовник»
зв’язана з таблицею «Товар(Асортимент)» полем «Код замовника». Таблиця
ЧДТУ 222075.005 ПЗ рк.
№45/04 Підпис
мн. рк. ата

«Доставка» зв’язана з таблицею «Товар(Асортимент)» полем «код доставки».
Схему показано на рисунку 2.3.1:

Рисунок 2.3.1 - Логічна модель бази даних проектованої системи в ERwin
В таблиці «Співробітник» йде опис працівників, що працюють в магазині
іграшок «ViToys».
В таблиці «Доставка» йде опис доставок, типи, тара, які є в магазині
іграшок.
В таблиці «Замовник» йде опис ціни, місто, кількість, адреса, дата
доставки.
В таблиці «Накладна» йде опис товару, кількість, ціна.
В таблиці «Постачальник» йде опис постачання товару, назва фірми,
виробник, країна, місто, ціна за 1, дата постачання, ціна доставки для працівників
магазину.
В таблиці «Товар(Асортимент)» указані всі здійснюванні операції товару.
3.3 Розробка структури таблиць бази даних
Таблиця «Доставка» містить:
- код доставки;
- вид багажу;
- вага упаковки;
- назва продажу;
- кількість.

ЧДТУ 222075.005 ПЗ рк.
№45/04 Підпис
мн. рк. ата

Таблиця «Замовник» містить:
- код;
- код товару;
- кількість моделей;
- замовник;
- місто;
- адреса;
- телефон;
- дата доставки.
Таблиця «Накладна» містить:
- код;
- код асортименту;
- код заголовка накладної;
- кількість;
- код упаковки;
- по ціні;
- штук в одній тарі.
Таблиця «Постачальник» містить:
- код;
- назва фірми;
- країна;
- місто;
- кількість;
- телефон;
- вид товару;
- колір;
- ціна за 1;
- дата поставки;
- ціна доставки.
Таблиця «Співробітник» містить:
ЧДТУ 222075.005 ПЗ рк.
№45/04 Підпис
мн. рк. ата

- код співробітника;
- посада;
- телефон;
- адреса;
- дата народження;
- дата прийому;
- ПІБ;
- Освіта;
- Зарплата;
- Picture.
Таблиця «Товар(Асортимент)» містить:
- код товару(асортимент);
- колір;
- кількість;
- назва бренду;
- характеристика;
- ціна за 1;
- розмір;
- виробник;
- код;
- назва товару.
Структуру таблиць бази даних можна переглянути на рисунках 3.4.1 –
3.4.6.[5]

Рисунок 3.3.1 - Таблиця «Доставка» в режимі конструктора
ЧДТУ 222075.005 ПЗ рк.
№45/04 Підпис
мн. рк. ата

Рисунок 3.3.2 - Таблиця «Замовник» у режим конструктора

Рисунок 3.3.3 - Таблиця «Накладна» у режимі конструктора

Рисунок 3.3.4 - Таблиця «Постачальник» у режимі конструктора

Рисунок 3.3.5 - Таблиця «Співробітник» у режимі конструктора
ЧДТУ 222075.005 ПЗ рк.
№45/04 Підпис
мн. рк. ата

Рисунок 3.3.6 - Таблиця «Товар» у режимі конструктора
3.4 Економічний розділ
Загальні положення
В економічному розділі дипломного проекту проводиться розрахунок
витрат по створенню додатку «Обслуговування громадян міською радою», що
дасть більше корисної інформації для користувачів даної програми.
Загальна характеристика розробки:
- додатокпризначений для повсякденного життя;
- область використання Інтернет;
- мова програмування PHP;
- програмний продукт досить простий в розробці і має простий інтерфейс, так як
це додаток то швидкість обробки даних залежить від технічних даних смартфону
або планшету.
Планування розробки програмного продукту
При плануванні розробки додатку необхідно враховувати витрати
робочого часу на виконання основних етапів роботи, які включають: планування
і аналіз вимог предметної області проектування і випробування програмного
продукту.[6]
У етап проектування програмного продукту включається: проектування і
розробка структури вхідних даних, проектування інтерфейсу, розробка модулів
для вирішення завдань, визначення форми вхідних даних. У таблиці 5.1
представлена характеристика робіт з розробки програми.

ЧДТУ 222075.005 ПЗ рк.
№45/04 Підпис
мн. рк. ата

Таблиця 5.1– Характеристики робіт з розробки системи
Трудомісткість Виконавці
Найменування кільк Тривалість,
люд.- % до
роботи Спеціальність ., днів
дні підсумку
чол.
Керівник
1 Визначення постановки
4 7,4 проекту 2 2
завдання для виконання
Програміст
2 Робота з довідковою 2 3,7 Програміст 1 2
Трудомісткість Виконавці
кільк Тривалість,
3 Найменуванняроботи люд.- % до
Спеціальність ., днів
дні підсумку
чол.
4 Розробка програми
(написання тексту програми та
25 46,3 Програміст 1 25
розробка інтерфейсу
програми)
5 Розробка модулів 10 18,5 Програміст 1 10
6 Компонування програми 5 9,3 Програміст 1 5
Керівник
7 Розробка кошторису для
4 7,4 проекту 2 2
поставленої задачі
Програміст
8 Налагодження програми і
Програміст,
впровадження програми в 4 7,4 2 2
Тестувальник
експлуатацію
Разом 54 100,0 - 48
Визначення витрат на розробку програмного продукту
Для визначення витрат на розробку програми складається калькуляція

ЧДТУ 222075.005 ПЗ рк.
№45/04 Підпис
мн. рк. ата

кошторисної вартості робіт, яка включає такі статті:
- основна заробітна плата;
- додаткова заробітна плата;
- відрахування на соціальне страхування й в інші фонди;
- витрати на матеріали та комплектуючі;
- витрати на оплату машинного часу;
- накладні витрати.
Розрахунок основної зарплати
Витрати за цією статтею складаються з планового фонду зарплати всіх
категорій працівників, зайнятих у розробці програми. Розрахунок зарплати
ведеться на підставі даних про трудомісткість, представлених у таблиці 5.2
Таблиця 5.2 - Розрахунок основної заробітної плати
Витрати
Кількість Оплата за Число
Місячний на
праців- робочий днів
Посада виконавця посадовий заробітну
ників, день, роботи,
оклад, грн. плату,
чол. грн. дн.
грн.
Керівник проекту 1 5040,00 240,00 4 960,00
Програміст 1 4725,00 225,00 48 10800,00
Тестувальник 1 3570,00 170,00 2 340,00
Разом 3 12100,00
Розрахунок додаткової зарплати
Додаткову зарплату приймаємо рівною 10% від основної зарплати.
Розрахунок основної та додаткової зарплати наведено в таблиці 5.3
Таблиця 5.3 - Основна і додаткова зарплата
Сума основної та
Посада виконавця Додаткова зарплата, грн.
додаткової зарплати, грн.
Керівник проекту 96,00 1056,00
Програміст 1080,00 11880,00
ЧДТУ 222075.005 ПЗ рк.
№45/04 Підпис
мн. рк. ата

Тестувальник 34,00 374,00
Разом 1210,00 13310,00
Відрахування на соціальне страхування й в інші фонди
Ці відрахування визначають у відсотковому відношенні від суми основної
та додаткової зарплат, вони наведені в таблиці 5.4
Таблиця 5.4- Відрахування на соціальні заходи (єдиний соціальний внесок)

Сума,
Види відрахувань %
грн.
Відрахування до фонду соціального страхування 1,4 186,34
Відрахування до фонду соціального страхування на
1,6 212,96
випадок безробіття
Відрахування до пенсійного фонду 33,2 4418,92
Відрахування до фонду страхування від нещасних
2,5 332,75
випадків
Разом 38,7 5150,97
Визначення витрат на матеріали та комплектуючі
У випадку, якщо розробляється програмний продукт, необхідно провести
окремий розрахунок вартості витратних матеріалів, комплектуючих та
програмного забезпечення, необхідних для функціонування сайту.
Витрати на матеріали визначаються за формулою:
М = Ц – n,
де
Ц – ціна за одиницю, грн.;
n – кількість одиниць, шт.[7]

ЧДТУ 222075.005 ПЗ рк.
№45/04 Підпис
мн. рк. ата

Таблиця 5.5 - Матеріали, необхідні для розробки програми
Кількість, Ціна за Сума,
Матеріал
шт. одиницю, грн. грн.
Папір формату А4 500 0,1 50,00
Компакт-диск 2 5,00 10,00
Фарба для принтера 1 40,00 40,00
Разом - - 100,00

Таблиця 5.6 – Вартість технічних засобів
№ Виробник Кількість Ціна, Загальна
Назва
п\п (модель) од. грн/од. ціна, грн.
1. Ноутбук HP 1331 SR 1 5500,00 5500,00
2. Маршрутизатор ASUS RT-G32 1 1300,00 1300,00
3. Принтер Canon MP250 1 400,00 400,00
Сума 7200,00
Разом вартість технічних та програмних засобів складає 7640 грн.
Оскільки ми вважаємо, що устаткування та програмне забезпечення вже
було придбане, то витрати на них будуть дорівнювати 0, але сума балансової
вартості вказаного устаткування потрібна для визначення амортизаційних
відрахувань.
Витрати на оплату машинного часу
Амортизаційні відрахування визначаються за формулою (5.2):
А Ф На
б  ,
100
де
Фб – балансова вартість устаткування;
На– річна норма амортизаційних відрахувань для даного виду устаткування, %:
- для електронних, оптичних, електромеханічних приладів і інструментів,
електронно-обчислювальних машин, інформаційних систем, телефонів,
мікрофонів, конторського обладнанняНа = 15 %;
ЧДТУ 222075.005 ПЗ рк.
№45/04 Підпис
мн. рк. ата

- для іншого обладнання – 25 %; для приміщень – 5 %;
Т – термін використання обладнання, приміщень, місяців.
Балансова вартість розраховується за формулою:
Фб = Цкомп + Втр,
де
Цкомп – ціна устаткування, грн.;
Втр – транспортні та інші витрати.[8]
Балансова вартість (вартість устаткування та програмного забезпечення):

Фб = 7640 + 7640 × 0,05 = 8022,00 грн.;
Річна амортизація:
Ар = 8022,00 × 0,15 = 1203,30 грн.
Амортизація устаткування на період розробки:
А1 = (1203,30 : 12) × 2,6 = 260,72 грн.
Витрати на електроенергію визначаються за формулою (5.4):
Ве = Nн × Феф × Кзав × Кзп × Це,
де
Nн – номінальна потужність ПЕОМ, кВт;
Феф – річний ефективний фонд часу роботи ПЕОМ, машино-год;
Кзав – середній коефіцієнт завантаження за часом;
Кзп – коефіцієнт завантаження за потужністю (0,7 <Кзп< 0,9);
Це – ціна одного кВт∙год електроенергії, грн./(кВт∙год).[9]
або за формулою:
Bе  В П Ф КП , грн.,
де
В – вартість однієї кіловат-години електроенергії (в 2013 р. Ве = 0,90 грн./кВт);
П – установлена потужність обладнання, кВт;
Ф – фактична кількість годин роботи обладнання, годин;
Кп – коефіцієнт використання потужності, Кп< 1.

ЧДТУ 222075.005 ПЗ рк.
№45/04 Підпис
мн. рк. ата

Ве = 0,9 × 0,2 × 432 × 0,8 = 62,20 грн.
Заробітна плата обслуговуючих робітників та відрахування на соціальні
заходи визначають за формулою 4.5:
ЗП ФЗП t
 (1 К ) обсл
обсл р відр ,
Феф.обсл
де
ФЗПр – річний фонд заробітної плати (основної і додаткової) обслуговуючих
робітників, грн.;
Квідр – коефіцієнт, що враховує відрахування на соціальне страхування й в інші
фонди;
tобсл – час протягом року, необхідне на технічне обслуговування ПЕОМ, год/рік;
Феф.обсл – річний ефективний фонд часу роботи обслуговуючого персоналу,
год/рік.
ФЗПр – річний фонд зарплати обслуговуючих працівників, обчислюється за
формулою:
ФЗПр = О × 12 × Чобс,
де
О – оклад обслуговуючих працівників;
Чобс – чисельність обслуговуючих працівників;[10]
ФЗПр = 1700 × 12 × 1 = 20400 грн.
ЗПобсл = 20400 × (1 + 0,387) × 18/1750 = 291,03 грн.
Сума витрат на поточний ремонт обладнання становить 3% від балансової
вартості обладнання.
8022,00 × 0,03 = 240,66 грн.
Сума всіх попередніх статей витрат на утримання та експлуатацію
устаткування (амортизація обладнання, витрати на електроенергію, зарплата
основна і додаткова обслуговуючих працівників і відрахування на соціальне
страхування, поточний ремонт обладнання) складає 854,61 грн.
854,61 × 0,03 = 25,64 грн.

ЧДТУ 222075.005 ПЗ рк.
№45/04 Підпис
мн. рк. ата

Кошторис витрат на утримання та експлуатацію обладнання наведена в
таблиці 5.8
Таблиця 5.8 - Кошторис витрат на утримання та експлуатацію обладнання
Сума,
Найменування статей витрат
грн.
Амортизація обладнання 260,72
Експлуатація обладнання (витрати на електроенергію) 62,20
Зарплата основна і додаткова обслуговуючих працівників і
291,03
відрахування на соціальне страхування й в інші фонди
Поточний ремонт обладнання 240,66
Інші витрати 25,64
Разом 880,25
Кошторис витрат на утримання та експлуатацію обладнання складає 880,25
грн.Витрати на оплату машинного часу визначаються формулою:
Смо = Векс × tмо,
де
Смо – витрати на оплату машинного часу, грн.;
Векс – експлуатаційні витрати на одну годину машинного часу даного ПК,
грн/машино-год.;
tмо - машинний час ПК для написання і налагодження даного програмного
продукту, машино-год.Експлуатаційні витрати на одну годину машинного часу
ПК розраховуються як відношення витрат на утримання та експлуатацію
обладнання до річного ефективного фонду роботи ПК.[11]
Векс = 880,25 / 1800 = 0,49 грн./рік.
ПК буде використовуватися для розробки даного продукту 54 днів по 8
годин.
tмо = n × tд,
де
n – кількість днів витрачених на розробку, дні;

ЧДТУ 222075.005 ПЗ рк.
№45/04 Підпис
мн. рк. ата

tд – тривалість робочого дня, год./день.
Тоді:
tмо = 54 × 8 = 432 год.
Розраховуємо витрати на оплату машинного часу:
Смо = 0,49 × 432 = 211,68 грн.
Накладні витрати
Накладні витрати складають 5% від основної заробітної плати працівників
і обчислюються за формулою :
Внакл=ЗПосн×0,05
де
ЗПосн – сума основної заробітної плати (таблиця 5.9).[12]
Накладні витрати:
Внакл = 13310,00 × 0,05 = 665,5 грн.
Таблиця 5.9– Калькуляція кошторисної вартості робіт з розробки сайту
Питома вага до
Найменування статей Сума,грн.
підсумку, %
Основна заробітна плата 12100,00 62,2
Додаткова заробітна плата 1210,00 6,2
Відрахування на соціальні заходи 5150,97 26,6
Витрати на матеріали 100,00 0,5
Витрати на оплату машинного часу 211,68 1,1
Накладні витрати 665,50 3,4
Разом 19438,15 100,0
Отже, кошторис витрат на створення додатку «Обслуговування громадян
міською радою»складає 19438,15 грн.
Порівняння витрат на розробку продукту від аналогу
Головною задачею при впровадженні програмного продукту, є вірний
прорахунок витрат та аналіз кошторису його аналогів.
За основу було взято аналог програми «Інформаційно-аналітична система
обліку звернень громадян "Звернення"». Для аналізу, було взято за основу його
ЧДТУ 222075.005 ПЗ рк.
№45/04 Підпис
мн. рк. ата

швидкодія порівняно з розробленим додатком, а також його кошторисна вартість
розробки від якої залежить падальша ціна продажу продукту на державному
рівні.
Таблиця 5.10–Швидкодія програмного продукту «Звернення»
Виконання функції програми Ч��а��с обрахунку
( )
Введення і реєстр громадян на прийом або слухання. 5 сек
Виведення результатів користувачу, які його 10 сек
цікавлять.
Зберігати і ведення статистики прийому громадянина 4.5 сек
посадовцем.
Ввиведення інформації про облік. 7 сек
Як ми бачимо, в аналогу дуже низька швидкодія.Причиною цього, є
апартна частина на яку виділялася мала сума коштів при витратах на технічну
частину при розробці.
Таблиця 5.11 – Вартість технічних засобівавтоматизованої системи
«Звернення»
Загальна
№ Виробник Кількість Ціна,
Назва цін
п\п (модель) од. грн/од.
(����а
).
1. Комп’ютер IntelPR 1 15000,00 15000,00
2. Маршрутизатор ASUS RT-G30 1 700,00 700,00
3. Принтер Canon MP250 1 400,00 400,00
Сума 16100,00
При тестуванні створенного програмного продуткту, було виявленно, що
програмний продукту є набагато швидше за його аналог.
Таблиця 5.11–Швидкодія створеного програмного
Виконання функції програми Ч��а��с обрахунку
( )
ЧДТУ 222075.005 ПЗ рк.
№45/04 Підпис
мн. рк. ата

Введення і реєстр громадян на прийом або слухання. 2 сек
Виведення результатів користувачу, які його 5 сек
цікавлять.
Зберігати і ведення статистики прийому громадянина 2.5 сек
посадовцем.
Ввиведення інформації про облік. 3 сек
Таблиця 5.12 – Вартість технічних засобів створеного програмного продукту
№ Виробник Кількість Ціна, Загальна
Назва
п\п (модель) од. грн/од. ціна����.
1. Ноутбук HP 1331 SR 1 5500,00 5500,00
2. Маршрутизатор ASUS RT-G32 1 1300,00 1300,00
3. Принтер Canon MP250 1 400,00 400,00
Сума 7200,00
Звідки слідує, що порівняно від аналогу, було витрачено набагато менше
коштів і забезпечено швидкодію програмно продукту. Також було виявленно,
що різ��ни��ц−я ��в в��ит
= ��ра��ті на технічні засобиє:

16100,00грн - 7200,00 грн =8900 грн.
Отже різниця в витратах скаладає 8900 грн, що є гарантією низької ціни
при продажу в державні структури.
Крім цього потрібно визначити, який є умовний обсяг роботи аналогу і
створеного програмного продукту.
Умовні обсяги робіт Р м��о×ж60н×а�� розраху��вати
��1 та ×6��02× з��а формулами:
Q1 = Q2 = ,умов. од.
де Q1 - умовний обсяг робіт при застосуванні існуючого програмного
продукту (або без його використання), умовних одиниць, штук тощо;
Q2 - умовний обсяг робіт при застосуванні нового програмного продукту,
умовних одиниць, штук тощо;
ЧДТУ 222075.005 ПЗ рк.
№45/04 Підпис
мн. рк. ата

F - ефективний фонд часу роботи за рік (для однозмінної роботи F =
500годин);
 - частка часу, який витрачає працівник на виконання конкретних робіт з
застосуванням даного програмного продукту в загальному часі своєї роботи;
t1та t2 - час виконання конкретної функції або роботи при застосуванні
відповідно існуючого та нового програмного продукту, хвилин.
За умовний обсяг роботи можна прийняти кількість функцій, які
виконуються за допомог��ою= ви1к1 7о0р0ис×та
16
н0ня× н0о,1во2г=о п8р1о6гр0а; много продукту.
��2 = 1700 ×06
.5
.50 × 0,12
= 24480;
Тобто, впровадження нового програмного прод2у4кт4у8 0під8в1и6щ0ує продуктивність
при виконанні функції формування документу в : =3 разів.
Отже при створенні програмного продукту різниця в витратах є 8900 грн і
в 3 рази швидше від аналогу. Для повного аналізу, розрахуємо економічний
ефект і окупність витрат на розробку від впровадження нового програмного
продукту. ∆�� = (38517600 − 234570
19434880) × 24480 = 7099
Т0 = 7099 = 2,7 року
Тепер маємо, що створений програмний продукт, окупиться за 2 роки і 7
місяців.

ЧДТУ 222075.005 ПЗ рк.
№45/04 Підпис
мн. рк. ата

3.5 Реєстрація користувача
Після запуску системи, якщо це адміністратор, то повинно виводитися
вікно авторизації користувача.[22]

Рисунок 3.1– Авторизація користувача
Якщо це просто користувач, то виконується перехід до головного меню.
Адміністратор в свою чергу після авторизації має більше прав для редагування
інформації тощо. Після авторизації, користувачу повинно виводиться вікно з
пунктами меню при виборі яких користувачу буде запропоновано перегляд
інформації, дні прийому, номер в черзі, допомога та налаштування.

Рисунок 3.2– Вікно з пунктами меню.
Всі необхідні дані і результати роботи користувачів зберігаються в базі
дані і виводиться на екран монітора.
Створена інформаційна система в дипломній роботі, є аналогом
європейського рівня програм, що використовуються на рівні місцевих громад і
ЧДТУ 222075.005 ПЗ рк.
№45/04 Підпис
мн. рк. ата

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

Рисунок 3.3– Перевірка заявки.

ЧДТУ 222075.005 ПЗ рк.
№45/04 Підпис
мн. рк. ата

3.6 Результат роботи програми
Головна сторінка сайту. На головній сторінці реалізоване відображення
всіх товарів.

Рисунок 3.1 –вхід до програмного продукту.
У верхній частині сайту, розташовані пункти меню такі як « Головна
сторінка, Політика повернення, Магазин, Кошик, Пароль втрачено, Пошук,
Вхід/Реєстрація»

Рисунок 3.2– Вікно з пунктами меню.

ЧДТУ 222075.005 ПЗ рк.
№45/04 Підпис
мн. рк. ата

Щоб здійснювати покупки обов’язково потрібно авторизуватись.

Рисунок 3.3 – Авторизація користувача.
Аунтефікація користувача проходить через надсилання листа з
генерованим лінком на особистий профіль, де виводить інформація про
замовлений товар та статус платежу.

Рисунок 3.4 – Особистий кабінет покупця

ЧДТУ 222075.005 ПЗ рк.
№45/04 Підпис
мн. рк. ата

Якщо натиснути на вибір по товару. Відкривається сторінка з детальним
описом та кнопкою додати у кошик.

Рисунок 3.5 – Сторінка з описом товару.
При натисканні на «Перейти до замовлення». Відкривається сторінка де
ми можемо вибрати кількість, перегляну скільки до сплати за певну іграшку чи
іграшки.

Рисунок 3.6 – Сторінка оформлення товару.
ЧДТУ 222075.005 ПЗ рк.
№45/04 Підпис
мн. рк. ата

Після оформлення та підтвердження замовлення. З’явиться
повідомлення зі статусом купівлі та буде автоматично відправлено лист на
пошту.

Рисунок 3.7 – Повідомлення про успішне оформлення товару.
Сторінка контакти для зв’язку з адміністратором сайту

Рисунок 3.8 – Форма зворотнього зв’язку
Сайт адаптований під різні розширення екрану для смартфонів та смарт-
приставки.

Рисунок 3.9 – Версія для смарфону
ЧДТУ 222075.005 ПЗ рк.
№45/04 Підпис
мн. рк. ата

3.7 Таблиці бази даних
1. Таблиця Записи (wp_posts) – містить інформацію про
сторінки.[23][24]

Рис 1. Таблиця Записи (wp_posts).
2. Таблиця Користувачі (wp_users) – містить інформацію про
користувачів.

Рис 2. Таблиця Користувачі (wp_users).
3. Таблиця Категорії (wp_terms) – містить інформацію про категорії та
суб-категорії.

Рис 3. Таблиця Категорії (wp_terms).

ЧДТУ 222075.005 ПЗ рк.
№45/04 Підпис
мн. рк. ата

4. Таблиця Налаштування (wp_options) – містить дані про налаштування.

Рис 4. Таблиця Налаштування (wp_options)
6. Таблиця Повідомлення (wp_taxonomy) – містить дані про категорії.

Рис 5. Таблиця Повідомлення (wp_taxonomy)

ЧДТУ 222075.005 ПЗ рк.
№45/04 Підпис
мн. рк. ата

ВИСНОВКИ
Магазин дитячих іграшок — це сайт електронної комерції, де
зберігаються різні категорії іграшок різних брендів. На цьому сайті клієнти
можуть легко шукати вподобані іграшки з деталями для своїх дітей і додати
товар до списку кошика. Якщо вони хочуть купити іграшки, вони повинні
перейти до списку кошика продуктів і купити іграшки в ньому, заповнивши
адреси та деякі поля. Адміністратор може керувати замовленням клієнта та
призначати персонал для доставки продукту. Адміністратор може керувати
системою, оновлюючи інформацію, як-от продукт, ціну, деталі сторінок та
деталі замовлення. Адміністратор надає зворотній зв’язок клієнту, маніпулює
інформацією про клієнта та може видалити клієнта із системи. Адміністратор
також може керувати платіжною інформацією та різними категоріями,
брендами товарів.
Під час виконання цього проекту я багато чого навчилась та отримала
багато досвіду. Коли я виконала частину розробки, мені довелося зіткнутися з
багатьма проблемами, і я повинна була визначити, де проблеми були потім
вирішені. Я також отримала новий досвід, коли мені доводилося грати різні ролі,
як клієнт, роботодавець, розробник тощо, для системи та отримувати нові ідеї.
Під час і після завершення частини розробки мені доводилося кожен раз
тестувати, щоб перевірити система відповідає загальним вимогам чи ні. Я також
навчилась підтримувати систему та завершувати проект протягом обмеженого
часу та бюджету. Довго і коротко, я хочу сказати, що я дізналась багато речей,
які можуть допомогти мені в реальному та професійному житті.
Всі поставлені задачі проектування були вирішені в повному обсязі, а
саме:
- Враховуючи загальні відомості про Інтернет-магазини програмні засоби
для реалізації Інтернет-магазинів було розроблено Web-сайт «Інтернет-
магазин» з використанням мови РНР та розроблена функціонуюча Змн. Арк. №
докум. Підпис Дата Арк. 86 08-22.ДП.017.00.000.ПЗ база даних товарів
ЧДТУ 222075.005 ПЗ рк.
№45/04 Підпис
мн. рк. ата

Інтернет-магазину з використанням MySQL, що являє собою функціонуючу
структуру Інтернет - магазину.
- При розробці структури сайту і схем сторінок в Інтернет-магазині було
запропоновано 2 робочих частини: адміністративна та клієнтська.
Адміністративна частина дозволяє адміністратору Інтернет-магазину
здійснювати редагування бази даних та внесення додаткових елементів в базу
даних. Клієнтська частина даної можливості немає.
- Створення дизайн - макета велось за принципом - чим простіше, тим
краще. Це означає, що при розробці інтерфейсу була застосована заспокійлива
палітра кольорів, також на сторінках не було розміщено даремної інформації.
Було обрано чіткі, виразні графічні елементи які швидко завантажуються.
- Було створено необхідну кількість розділів і інформаційних блоків для
розподілу товарів по групах. Це забезпечило користувачам легкість пошуку
товарів і можливість пошуку товарів по частині назви і опису.
- Була проведена розробка структури товарного каталога для оновлення,
видалення або редагування інформації про товари через базу даних. Це може
робити тільки адміністратор після проходження авторизації.
- Настройка форм замовлення і зворотного зв'язку була проведена для
збільшення відвідуваності Інтернет - магазину і кількості постійних клієнтів
сприяє також наявність зворотного зв'язку адміністратора з клієнтами.
- В процесі розробки проводилось узгодження необхідних характеристик
товарів для порівняння і виводу. Це було зроблено для того, щоб не допускати
помилок при заповненні бази товарів і надавати клієнтам достовірну
інформацію.
- Для обробки зображень для наповнення сайту було використано
програму Adobe Photoshop CS 5. Ця програма дала змогу якісно обробити
зображення якими наповнено сайт.[25]

ЧДТУ 222075.005 ПЗ рк.
№45/04 Підпис
мн. рк. ата

ДОДАТОК А.
Лістинг програми.
Cторінка Header.php.
Містить вивід інформації про назву сайту, логотип та меню. Викликається
через <?php get_header(); ?>
<html <?php language_attributes(); ?> class="no-js">
<head>
<meta charset="<?php bloginfo( 'charset' ); ?>">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="profile" href="http://gmpg.org/xfn/11">
<link rel="pingback" href="<?php bloginfo( 'pingback_url' ); ?>">
<?php wp_head(); ?>
</head>
<body <?php body_class(); ?>>
<div id="page" class="hfeed site">
<a class="skip-link screen-reader-text" href="#content"><?php _e( 'Skip to content', 'magnus'
); ?></a>
<header id="masthead" class="site-header" role="banner">
<div class="site-branding">
<h1 class="site-title"><a href="<?php echo esc_url( home_url( '/' ) ); ?>" rel="home"><?php
bloginfo( 'name' ); ?></a></h1>
<h2 class="site-description"><?php bloginfo( 'description' ); ?></h2>
</div>
<nav id="site-navigation" class="header-navigation" role="navigation">
<div class="menu-header-container">
ЧДТУ 222075.005 ПЗ рк.
№45/04 Підпис
мн. рк. ата

<?php wp_nav_menu(
array('theme_location' => 'secondary','container' => 'false','menu_id' => 'header-
menu','fallback_cb' => 'false','depth' => '1') ); ?>
</div>
<button class="sidebar-toggle" aria-controls="sidebar" aria-expanded="false">
<span class="sidebar-toggle-icon"><?php _e( 'Sidebar', 'magnus' ); ?></span>
</button>
</nav>
</header>
<?php if (is_home()) : ?>
<section id="content" class="blog-home-content">
<?php else : ?>
<section class="site-header-image">
<?php // Check if this is a post or page, if it has a thumbnail, and if it's a big one
if ( is_singular() && has_post_thumbnail( get_the_ID() ) ) :
echo get_the_post_thumbnail( $post->ID, 'magnus-large' );
$image_id = get_post_thumbnail_id();
$url = wp_get_attachment_image_src( $image_id, 'magnus-large' ); ?>
<div class="section-image" style="background-image: url(<?php echo esc_attr( $url[0] );
?>);">
</div>
<?php elseif ( get_header_image() ) : ?>
<img src="<?php header_image(); ?>" width="<?php echo HEADER_IMAGE_WIDTH; ?>"
height="<?php echo HEADER_IMAGE_HEIGHT; ?>" alt="" />
<?php endif; // end check for featured image or standard header ?>
ЧДТУ 222075.005 ПЗ рк.
№45/04 Підпис
мн. рк. ата

</section>
<section id="content" class="site-content">
<?php endif; // end check for blog homepage ?>
Сторінка Home.php.
Являє собою головну сторінку. В ній підключаємо верхні єлементи сайту
(header), меню (sidebar) , а також контент ( content) або окремі пости (post)
<?php get_header(); ?>
<?php if ( have_posts() ) : ?>
<div id="main" class="site-main">
<?php while ( have_posts() ) : the_post(); ?>
<?php get_template_part( 'content-home', get_post_format() ); ?>
<?php endwhile; ?>
</div>
<?php the_posts_navigation(); ?>
<?php else : ?>
<div id="primary" class="content-area">
<main id="main" class="site-main" role="main">
<?php get_template_part( 'content', 'none' ); ?>
</main>
</div>
<?php endif; ?>
<?php get_sidebar(); ?>
<?php get_footer(); ?>

ЧДТУ 222075.005 ПЗ рк.
№45/04 Підпис
мн. рк. ата

Сторінка Content.php.
Звязує записи та виводить їх. Викликається через <?php get_ content (); ?>/
<article id="post-<?php the_ID(); ?>" <?php post_class(); ?>>
<header class="entry-header">
<?php the_title( sprintf( '<h1 class="entry-title"><a href="%s" rel="bookmark">', esc_url(
get_permalink() ) ), '</a></h1>' ); ?>

<?php if ( 'post' == get_post_type() ) : ?>
<div class="entry-meta">
<?php magnus_posted_on(); ?>
</div>
<?php endif; ?>
</header>

<div class="entry-content">
<?php the_content( sprintf(
__( 'Continue reading %s <span class="meta-nav">&rarr;</span>', 'magnus' ),
the_title( '<span class="screen-reader-text">"', '"</span>', false )
) );
?>

<?php
wp_link_pages( array(
'before' => '<div class="page-links">' . __( 'Pages:', 'magnus' ),
'after' => '</div>',
) );
?>
</div>

ЧДТУ 222075.005 ПЗ рк.
№45/04 Підпис
мн. рк. ата

Сторінка single.php.
Відповідає за відображення окремих постів. Файл містить цикл, який
викликає лише одну публікацію та формує її вивід.
<?php get_header(); ?>

<?php while ( have_posts() ) : the_post(); ?>

<?php get_template_part( 'content', 'single' ); ?>

<?php the_post_navigation(); ?>

<?php
if ( comments_open() || get_comments_number() ) :
comments_template();
endif;
?>

<?php endwhile; ?>

</main>
</div>

<?php get_sidebar(); ?>
<?php get_footer(); ?>

Сторінка Page.php.
Формує окремі (статичні) сторінки (наприклад, «Контакти», «Про нас» і
т.п.)

ЧДТУ 222075.005 ПЗ рк.
№45/04 Підпис
мн. рк. ата

<?php get_header(); ?>

<?php while ( have_posts() ) : the_post(); ?>

<?php get_template_part( 'content', 'page' ); ?>

<?php
if ( comments_open() || get_comments_number() ) :
comments_template();
endif;
?>

<?php endwhile; // end of the loop. ?>

</main>
</div>

<?php get_sidebar(); ?>
<?php get_footer(); ?>

Сторінка functions.php.
Дозволяє додавати користувальницький код PHP та може впливати на
основні елементи. Він додає функції та розширює можливості сайту.
<?php

if ( ! function_exists( 'magnus_setup' ) ) :
function magnus_setup() {

load_theme_textdomain( 'magnus', get_template_directory() . '/languages' );

ЧДТУ 222075.005 ПЗ рк.
№45/04 Підпис
мн. рк. ата

add_theme_support( 'automatic-feed-links' );

add_theme_support( 'title-tag' );
add_theme_support( 'post-thumbnails' );
set_post_thumbnail_size( 256, 256, true );
add_image_size( 'magnus-large', 2000, 1500, true );

register_nav_menus( array(
'primary' => __( 'Primary Sidebar Navigation', 'magnus' ),
// 'social' => __( 'Social Links', 'magnus' ),
'secondary' => __( 'Header Quick Navigation', 'magnus' ),
) );

add_theme_support( 'html5', array(
'search-form', 'comment-form', 'comment-list', 'gallery', 'caption',
) );
}
endif;
add_action( 'after_setup_theme', 'magnus_setup' );
function magnus_content_width() {
$GLOBALS['content_width'] = apply_filters( 'magnus_content_width', 1088 );
}
add_action( 'after_setup_theme', 'magnus_content_width', 0 );

function magnus_widgets_init() {
register_sidebar( array(
'name' => __( 'Sidebar', 'magnus' ),
'id' => 'sidebar-1',
'description' => __( 'Add widgets here to appear in your sidebar.', 'magnus' ),
'before_widget' => '<aside id="%1$s" class="widget %2$s">',
'after_widget' => '</aside>',
'before_title' => '<h2 class="widget-title">',
'after_title' => '</h2>',
) );
}
ЧДТУ 222075.005 ПЗ рк.
№45/04 Підпис
мн. рк. ата

add_action( 'widgets_init', 'magnus_widgets_init' );

function magnus_javascript_detection() {
echo "<script>(function(html){html.className = html.className.replace(/\bno-
js\b/,'js')})(document.documentElement);</script>\n";
}
add_action( 'wp_head', 'magnus_javascript_detection', 0 );

function magnus_fonts_url() {
$fonts_url = '';

$montserrat = _x( 'on', 'Montserrat font: on or off', 'magnus' );

$karla = _x( 'on', 'Karla font: on or off', 'magnus' );

if ( 'off' !== $montserrat || 'off' !== $karla ) {
$font_families = array();

if ( 'off' !== $montserrat ) {
$font_families[] = 'Montserrat:400,700';
}

if ( 'off' !== $karla ) {
$font_families[] = 'Karla:400,700,400italic,700italic';
}

$query_args = array(
'family' => urlencode( implode( '|', $font_families ) ),
'subset' => urlencode( 'latin,latin-ext' ),
);

$fonts_url = add_query_arg( $query_args, '//fonts.googleapis.com/css' );
}

return $fonts_url;
ЧДТУ 222075.005 ПЗ рк.
№45/04 Підпис
мн. рк. ата

}

function magnus_scripts() {
wp_enqueue_style( 'magnus-fonts', magnus_fonts_url(), array(), null );
wp_enqueue_style( 'magnus-style', get_stylesheet_uri() );
wp_enqueue_script( 'magnus-navigation', get_template_directory_uri() . '/js/navigation.js',
array('jquery'), '20120206', true );
wp_enqueue_script( 'magnus-skip-link-focus-fix', get_template_directory_uri() . '/js/skip-link-
focus-fix.js', array(), '20130115', true );
if ( is_singular() && comments_open() && get_option( 'thread_comments' ) ) {
wp_enqueue_script( 'comment-reply' );
}

if ( is_singular() && wp_attachment_is_image() ) {
wp_enqueue_script( 'magnus-keyboard-image-navigation', get_template_directory_uri() .
'/js/keyboard-image-navigation.js', array( 'jquery' ), '20150302' );
}
wp_enqueue_script( 'magnus-script', get_template_directory_uri() . '/js/functions.js', array( 'jquery'
), '20150302', true );
}
add_action( 'wp_enqueue_scripts', 'magnus_scripts' );

require get_template_directory() . '/inc/extras.php';

require get_template_directory() . '/inc/customizer.php';

require get_template_directory() . '/inc/jetpack.php';

Сторінка index.php.
Це шаблон головної сторінки сайту. За замовчуванням цей файл
відображає останні публікації та підвантажує інформацію з sidebar.php
(сайдбару).
ЧДТУ 222075.005 ПЗ рк.
№45/04 Підпис
мн. рк. ата

<?php get_header(); ?>

<?php if ( have_posts() ) : ?>

<?php /* Start the Loop */ ?>
<?php while ( have_posts() ) : the_post(); ?>

<?php get_template_part( 'content-archive', get_post_format() );?>

<?php endwhile; ?>

<?php the_posts_navigation(); ?>

<?php else : ?>

<?php get_template_part( 'content', 'none' ); ?>

<?php endif; ?>

</main>
</div>

<?php get_sidebar(); ?>
<?php get_footer(); ?>

Сторінка footer.php.
Цей файл відповідає за виведення футера, нижнього меню, копірайту і
закриває HTML-теги.

<?php ?>
</section>
ЧДТУ 222075.005 ПЗ рк.
№45/04 Підпис
мн. рк. ата

<footer id="colophon" class="site-footer" role="contentinfo">
<ul class="site-info">


</ul>
</div>
<?php wp_footer(); ?>
</body>
</html>
Сторінка archive.php.
Цей файл відповідає за виведення сторінки архіву записів
<?php ?>

</section>

<?php wp_footer(); ?>
</body>
</html>

ЧДТУ 222075.005 ПЗ рк.
№45/04 Підпис
мн. рк. ата

СПИСОК ЛІТЕРАТУРИ
1. Визначення накладних витрат : веб-сайт. URL:
https://studfile.net/preview/8650536/page:10/ (дата
завернення:12.05.2022).
2. Опис ринку. Прогноз збуту : веб-сайт. URL:
https://sites.google.com/site/smajlikkiev/2-biznes-plan (дата
завернення:14.05.2022).
3. PHP : веб-сайт. URL:
https://www.php.net/manual/ru/tokenizer.examples.php (дата
завернення:14.05.2022).
4. Вільхівська О.В. Іноваційний розвиток підприємств на основі
технологій електронного бізнесу : підручник. Харків :
Університетська книга, 2018. 154 с. URL:
https://www.hneu.edu.ua/wp-content/uploads/2018/11/Vilkhivska-O.V.-
Disertaciya-Vchena-rada-D-64.055.01-2018.pdf (дата
завернення:16.05.2022).
5. Яковенко І.М. Алгоритм формування розкладу : підручник. Львів :
Університетська книга, 2018, 93 с. URL:
http://inmad.vntu.edu.ua/portal/static/3AB541ED-A43E-489B-A9CD-
F89DFAC4284C.pdf (дата завернення:16.05.2022).
6. Ткаченко С.О. Розробка навчального курсу робототехніки для
школярів : підручник. Запоріжжя : Університетська книга, 2018, 95
с. URL:
http://eir.zntu.edu.ua/bitstream/123456789/4125/1/Diplom_Tkachenko.
pdf (дата завернення:16.05.2022).
7. Програмний продукт : веб-сайт. URL:
https://studopedia.com.ua/1_404007_programnogo-produktu.html (дата
завернення:20.05.2022).
8. Назаренко Т.А. Методи моделювання елементів мікросистемної
техніки : підручник. Запоріжжя : Університетська книга, 2019, 86 с.
ЧДТУ 222075.005 ПЗ рк.
№45/04 Підпис
мн. рк. ата

URL:
http://eir.zntu.edu.ua/bitstream/123456789/6126/1/MR_Nazarenko.pdf
(дата завернення:20.05.2022).
9. What is PHP : веб-сайта. URL: https://www.phptutorial.net/php-
tutorial/what-is-php/ (дата завернення:21.05.2022).
10. What is HTML? Hypertext Markup Language Basics Explained : веб-
сайт. URL: https://www.hostinger.com/tutorials/what-is-html (дата
завернення:21.05.2022).
11. База даних : веб-сайт. URL:
https://ru.wikipedia.org/wiki/%D0%91%D0%B0%D0%B7%D0%B0_
%D0%B4%D0%B0%D0%BD%D0%BD%D1%8B%D1%85 (дата
завернення:22.05.2022).
12. Загальні відомості про таблиці : веб-сайт. URL:
https://support.microsoft.com/uk-ua/office/ (дата
завернення:22.05.2022).
13. Теги PHP : веб-сайт. URL:
https://www.php.net/manual/ru/language.basic-syntax.phptags.php
(дата завернення:22.05.2022).
14. C++ Builder : веб-сайт. URL: http://c2plus.org/Vved/Index01.htm (дата
завернення:22.05.2022).
15. Робота в MS Access : веб-сайт. URL:
https://studfile.net/preview/5163027/page:55/ (дата
завернення:22.05.2022).
16. Визначення та суть інтерфейсу користувача : веб-сайт. URL:
https://uk.wikipedia.org/wiki/ (дата завернення:22.05.2022).
17. Визначення ціни програмного продукту : веб-сайт. URL:
https://infopedia.su/10x6421.html (дата завернення:23.05.2022).
18. HTML tutorial : веб-сайт. URL: https://www.w3schools.com/html/
(дата завернення:23.05.2022).
19. PHP : веб-сайт. URL: https://www.phptutorial.net/php-tutorial/what-is-
php/ (дата завернення:23.05.2022).
ЧДТУ 222075.005 ПЗ рк.
№45/04 Підпис
мн. рк. ата

20. PHP (Object-Oriented Programming Concepts in PHP) : веб-сайт. URL:
https://www.valuebound.com/resources/blog/object-oriented-
programming-concepts-php-part-1 (дата завернення:25.05.2022).
21. PHP : веб-сайт. URL: https://www.guru99.com/what-is-php-first-php-
program.html (дата завернення:25.05.2022).
22. HTML : веб-сайт. URL:
https://influencermarketinghub.com/glossary/html/ (дата
завернення:25.05.2022).
23. Аналог «GoodToys» : веб-сайт. URL: https://goodtoys.com.ua/ (дата
завернення:25.05.2022).
24. Аналог «Будинок іграшок» : веб-сайт. URL: https://bi.ua/ (дата
завернення:25.05.2022).
25. Розрахункова частина : веб-сайт. URL:
https://infopedia.su/10x6420.html. (дата завернення:25.05.2022).

ЧДТУ 222075.005 ПЗ рк.
№45/04 Підпис
мн. рк. ата

ChSTU repository

ChSTU repository preserves and enables easy and open access to all types of digital content including text, images, moving images, mpegs and data sets