Будь ласка, використовуйте цей ідентифікатор, щоб цитувати або посилатися на цей матеріал:
https://er.chdtu.edu.ua/handle/ChSTU/6903Повний запис метаданих
| Поле DC | Значення | Мова |
|---|---|---|
| dc.contributor.advisor | Карапетян , Анаіт Радіківна | - |
| dc.contributor.author | Бабенко, Сергій Михайлович | - |
| dc.date.accessioned | 2026-01-26T12:00:15Z | - |
| dc.date.available | 2026-01-26T12:00:15Z | - |
| dc.date.issued | 2021-06-16 | - |
| dc.identifier.uri | https://er.chdtu.edu.ua/handle/ChSTU/6903 | - |
| dc.description.abstract | Сільськогосподарська техніка – це не розкіш, а інструмент для роботи і досягнення позитивного результату. Однак кожтує це не дуже дешево. З відкриттям земельного ринку і посткарантинним періодом переважна більшість фермерів не зможуть дозволити собі купувати нове устаткування. Однак може допомогти інший інструмент – оренда. В Україні можна взяти техніку в тимчасове користування на сезон або на певну експлуатацію на тривалий термін. Але довгострокова оренда устаткування на кілька років – явище досить нове. Хоча в Європі така практика вже зарекомендувала себе. Поступово цей механізм надання сільгоспустаткування в користування популяризується на українському ринку. В 2015 році вперше було укладено довгостроковий договір оренди між компанією-дистриб’ютором Zeppelin Ukraine та фермою Agro LV Limited. Крім того, Zeppelin Ukraine розширила кількість клієнтів – Кернел, ІМК та інші агрохолдинги також використовували цю програму. Актуальність. Сьогодні кожен в світі працює з використанням інформаційних технологій, що призводить до створення систем, які тією чи іншою мірою містять функції тривалого обробки та зберігання необхідної інформації. Розробка баз даних – один з основних напрямків у галузі автоматизації бізнес-процесів із застосуванням ІТ, що дозволяє вирішувати проблеми зберігання та організації інформації відповідно до індивідуальних потреб компанії. Крім того, актуальність розробки веб-системи прокату сільськогосподарської техніки пов’язана з тим, що при пошуку потрібної інформації люди, зазвичай, звертаються до мережі Інтернет. Метою кваліфікаційної роботи є створення web-орієнтованої системи фірми з надання в аренду сільськогосподарської техніки, яка забезпечить автоматизацію процесу оренди техніки, реєстрації клієнтів та їх замовлень, контролю за своєчасним виконанням замовлень і проведенням рекламних акцій, тощо – тобто задачі, які вирішує менеджер, що є ключовою ланкою діяльності підприємства. | uk_UA |
| dc.language.iso | uk | uk_UA |
| dc.subject | Web-орієнтована | uk_UA |
| dc.subject | інформаційна система | uk_UA |
| dc.subject | Wordpress | uk_UA |
| dc.subject | Open Server | uk_UA |
| dc.subject | дизайн | uk_UA |
| dc.title | WEB-ОРІЄНТОВАНА ІНФОРМАЦІЙНА СИСТЕМА ФІРМИ З НАДАННЯ В ОРЕНДУ СІЛЬСЬКОГОСПОДАРСЬКОЇ ТЕХНІКИ | uk_UA |
| dc.type | Bachelor Thesis | uk_UA |
| Розташовується у зібраннях: | 126 Інформаційні системи та технології (Web-технології, web-дизайн) | |
Файли цього матеріалу:
| Файл | Опис | Розмір | Формат | |
|---|---|---|---|---|
| РЕП_БАК_Бабенко_WebC-1911.pdf Restricted Access | 2.55 MB | Adobe PDF | Переглянути/Відкрити Запит копії |
Усі матеріали в архіві електронних ресурсів захищено авторським правом, усі права збережено.
Extracted text
МІНІСТЕРСТВО ОСВІТИ І НАУКИ УКРАЇНИ
ЧЕРКАСЬКИЙ ДЕРЖАВНИЙ ТЕХНОЛОГІЧНИЙ УНІВЕРСИТЕТ
Факультет інформаційних технологій і систем
Кафедра інформаційних технологій проектування
ПОЯСНЮВАЛЬНА ЗАПИСКА
до кваліфікаційної роботи бакалавра
на тему:
«WEB-ОРІЄНТОВАНА ІНФОРМАЦІЙНА СИСТЕМА
ФІРМИ З НАДАННЯ В ОРЕНДУ
СІЛЬСЬКОГОСПОДАРСЬКОЇ ТЕХНІКИ»
Виконавець студент групи WebC – 1911,
спеціальності 126 –
Інформаційні системи та
технології,
освітня програма – Web-
технології Web-дизайн,
Бабенко С.М.
Керівник к.т.н. Карапетян А.Р.
Рецензент
Черкаси – 2021 року
ЗМІСТ
ВСТУП ......................................................................................................................... 4
1 ПОСТАНОВКА ЗАДАЧІ. ОГЛЯД ІСНУЮЧИХ АНАЛОГІВ ........................... 7
1.1 Опис предметної області ........................................................................... 7
1.2 Постановка задачі ....................................................................................... 9
1.3 Огляд існуючих аналогів ......................................................................... 10
1.3.1 Сайт «AgroSmart» ........................................................................ 10
1.3.2 Сайт компанії «АгроСпецПослуга» ......................................... 10
1.3.3 Сайт ТОВ «ОБЛАГРОХІМ-ЧЕРКАСИ» ................................. 12
1.3.4 Сайт компанії «Золота нива» .................................................... 12
1.4 Висновки до розділу 1 ............................................................................. 13
2 ПРИНЦИПИ РОЗРОБКИ WEB-ОРІЄНТОВАНОЇ ІНФОРМАЦІЙНОЇ
СИСТЕМИ АВТОПРОКАТУ .................................................................................. 14
2.1 Загальні особливості web-орієнтованих інформаційних систем ........ 14
2.2 Модульна структура системи ................................................................. 18
2.3 Принципи створення web-сторінок ........................................................ 19
2.5 Безпека і захист сайтів ............................................................................. 20
2.6 Висновки до розділу 2 ............................................................................. 24
3 РОЗРОБКА ПРОГРАМНОЇ ЧАСТИНИ ............................................................. 25
3.1 Вибір засобів розробки ............................................................................ 25
3.1.1 Програмний комплекс Open Server ........................................... 25
3.1.2 ПлатформаWordpress .................................................................. 27
3.2 Розробка інтерфейсу web-орієнтованої системи .................................. 30
3.2.1 Планування web-орієнтованої інформаційної системи .......... 30
3.2.2 Вибір хостингу ............................................................................ 33
3.2.3 Створення бази даних ................................................................. 35
3.2.4 Дизайн web-орієнтованої інформаційної системи................... 37
ЧДТУ 211978.001 ПЗ
Зм. Лист № докумемента Підпис Дата
Розроб. Бабенко С.М. Літ. Лист Листів
Перев. Карапетян А.Р. Web-орієнтована інформаційна
система фірми з надання в оренду Н 2
Реценз
. сільськогосподарської техніки. ФІТІС,
Н.контр. Колесніков К.В
Пояснювальна записка
Прокопенко Т.О кафедра ІТП, WebC-1911
Затв. .
3.3 Висновки до розділу 3 ............................................................................. 55
ВИСНОВКИ .............................................................................................................. 56
ДОДАТОК A 482 ЧДТУ 21978-01 Web-орієнтована інформаційна система
фірми з надання в оренду сільськогосподарської техніки. Специфікація ......... 57
СПИСОК ВИКОРИСТАНИХ ДЖЕРЕЛ .............................................................. 733
Арк.
ЧДТУ 211978.001 ПЗ 3
Зм н . Арк. № докум. Підпис Дата
ВСТУП
Сільськогосподарська техніка – це не розкіш, а інструмент для роботи і
досягнення позитивного результату. Однак кожтує це не дуже дешево. З
відкриттям земельного ринку і посткарантинним періодом переважна
більшість фермерів не зможуть дозволити собі купувати нове устаткування.
Однак може допомогти інший інструмент – оренда. В Україні можна взяти
техніку в тимчасове користування на сезон або на певну експлуатацію на
тривалий термін. Але довгострокова оренда устаткування на кілька років –
явище досить нове. Хоча в Європі така практика вже зарекомендувала себе.
Поступово цей механізм надання сільгоспустаткування в користування
популяризується на українському ринку.
В 2015 році вперше було укладено довгостроковий договір оренди між
компанією-дистриб’ютором Zeppelin Ukraine та фермою Agro LV Limited. Крім
того, Zeppelin Ukraine розширила кількість клієнтів – Кернел, ІМК та інші
агрохолдинги також використовували цю програму.
Актуальність. Сьогодні кожен в світі працює з використанням
інформаційних технологій, що призводить до створення систем, які тією чи
іншою мірою містять функції тривалого обробки та зберігання необхідної
інформації. Розробка баз даних – один з основних напрямків у галузі
автоматизації бізнес-процесів із застосуванням ІТ, що дозволяє вирішувати
проблеми зберігання та організації інформації відповідно до індивідуальних
потреб компанії. Крім того, актуальність розробки веб-системи прокату
сільськогосподарської техніки пов’язана з тим, що при пошуку потрібної
інформації люди, зазвичай, звертаються до мережі Інтернет.
Метою кваліфікаційної роботи є створення web-орієнтованої системи
фірми з надання в аренду сільськогосподарської техніки, яка забезпечить
автоматизацію процесу оренди техніки, реєстрації клієнтів та їх замовлень,
контролю за своєчасним виконанням замовлень і проведенням рекламних
Арк.
ЧДТУ 211978.001 ПЗ 4
Зм н . Арк. № докум. Підпис Дата
акцій, тощо – тобто задачі, які вирішує менеджер, що є ключовою ланкою
діяльності підприємства.
Для досягнення поставленої мети кваліфікаційної роботи необхідно
розв’язати наступні задачі:
здійснити постановку задачі;
провести аналіз предметної області;
проаналізувати аналоги web-орієнтованої системи;
описати вимоги до розробки web-орієнтованої системи прокату
сільгосптехніки;
спроектувати базу даних;
програмно реалізувати розроблену систему.
Потреба в розробці web-орієнтованої системи прокату сільгосптехніки
обумовлена стрімким зростанням кількості господарств, які хочуть замінити
вітчизняні трактори на якісну інноваційну техніку. Але така техніка коштує
дорого, що зумовлює компанії-дистриб’ютори сільгосптехніки пропонувати
фермерам техніку в оренду.
При розробці web-орієнтованої системи необхідно проаналізувати
предметну область.
Для керування web-орієнтованою системою потрібен менеджер, що буде
обробляти замовлення і здійснювати зв’язок з клієнтами, наповнювати базу
даних.
Основна задача кваліфікаційної роботи – створення web-орієнтованої
системи прокату сільгосптехніки.
Дана web-орієнтована система повинна відповідати наступним вимогам:
• містити базу даних техніки і клієнтів;
• містити довідники сільгосптехніки та послуг;
• передбачати захист від несанкціонованого доступу і використання
даних;
• мати зручний інтерфейс;
Арк.
ЧДТУ 211978.001 ПЗ 5
Зм н . Арк. № докум. Підпис Дата
• передбачати пошук інформації за різними категоріями.
Основна передумова створення системи – це те, що переважна більшість
подібних систем мають низку недоліків, що безпосередньо впливають на
кількість потенційних клієнтів.
Розроблювана web-орієнтована система має відноситись до типу
«Система під замовлення»: на базі типової web-орієнтованої системи, що
індивідуально підлаштовують і впроваджують.
Під час розробки web-орієнтованої системи враховано діяльність фірми з
прокату сільгосптехніки, специфіку ведення обліку та врахування принципів
формування замовлень на фірмі.
Арк.
ЧДТУ 211978.001 ПЗ 6
Зм н . Арк. № докум. Підпис Дата
1 ПОСТАНОВКА ЗАДАЧІ. ОГЛЯД ІСНУЮЧИХ АНАЛОГІВ
Економіка, заснована на приватній власності, має більший потенціал, ніж
будь-яка інша. Цей потенціал виражається в різноманітності способів
використання власності.
Оренда – це один із способів використання приватної власності.
Здача в оренду відома з давніх часів, перш за все в сільському
господарстві. Але в сучасному світі оренда має зовсім інше економічне
значення, ніж раніше. Якщо раніше вона служила засобом експлуатації і
поневолення орендарів, вела економіку на екстенсивний шлях розвитку, то
тепер оренда, навпаки, збільшує ступінь економічної свободи, дає малому
бізнесу шанс на успіх, підсилює економічний розвиток.
Сучасна оренда – це форма організації виробництва, заснована на
передачі у строкове і оплатне використання основних засобів і оборотних
коштів на добровільній основі і рівність сторін по цілі виробництва (робіт,
послуг) і отримання доходу.
Переваги оренди:
узгодження основних відносин між орендарем та орендодавцем, їх
повну рівність, і відповідно, стійкий характер;
фіксована орендна плата, що дозволяє орендарю розвиватися,
отримувати більш високий дохід;
повна незалежність орендаря в організації виробництва, оплати,
графіка роботи;
можливість поліпшення і збільшення основних засобів з подальшим
відшкодуванням, а також викупом (особливо в лізинг).
1.1 Опис предметної області
Сільське господарство є найбільшою галуззю української економіки.
Швидкі темпи розвитку призводять до нестачі технічних ресурсів. Найкращий
вихід із цієї ситуації – оренда сільгосптехніки під конкретну задачу.
Арк.
ЧДТУ 211978.001 ПЗ 7
Зм н . Арк. № докум. Підпис Дата
Сільськогосподарська техніка в оренду користується більшим попитом,
ніж оренда інших пристроїв чи автомобілів. Це пов’язано з великою кількістю
фермерів, які обробляють землю самостійно. Якщо площа поля невелика,
купувати комбайни для посіву та збирання зерна не вигідно. Можливість
тимчасового використання сільськогосподарської техніки за окрему плату є
найкращим рішенням, що дає можливість заощадити гроші на придбанні
дорогих агрегатів та їх обслуговуванні. Також існує необхідність орендувати
або будувати ангар для обладнання, щоб забезпечити його захист.
Маленькі ферми часто не можуть дозволити собі орендувати велику
техніку. Для малого бізнесу це невигідно. Альтернатива – оренда спецтехніки
малої потужності. Її оренда обійдеться набагато дешевше, але при невеликій
витраті палива зможе повністю виконати необхідний обсяг робіт.
Таке рішення актуально в сільському господарстві, якщо робота на полі
не є основним джерелом доходу. Власники фермерських господарств часто
використовують площу полів для потреб ферми – вирощування кормів для
тварин. Вимоги до такої продукції не такі суворі, як до зерна і овочів для
подальшого продажу, тому оренда сільгосптехніки компактних розмірів і
невеликої потужності вигідна господарствам.
Щоб оцінити основні причини використання техніки в оренду, а також
недоліки послуги, порівняємо переваги оренди і купівлі (табл. 1.1):
Таблиця 1.1. – Переваги оренди і придбання сільгосптехніки.
Оренда сільгосптехніки Придбання
Відсутність значних фінансових Можливість використання в будь-
вкладень на покупку агрегатів. який час.
Немає необхідності в обслуговуванні. Без оренди.
Економія на будівництві Знання всіх технічних особливостей
ангарів/гаражів для сільгосптехніки, а придбаної сільгосптехніки.
також на їх охороні.
Найкраще рішення – орієнтуватися на обсяги сільськогосподарських
робіт. Чим більший масштаб підприємства, тим вигідніше придбати власний
Арк.
ЧДТУ 211978.001 ПЗ 8
Зм н . Арк. № докум. Підпис Дата
автопарк. Для невеликих фермерських господарств краще використовувати
орендоване спеціальне обладнання. Також буде корисно, якщо фермер вперше
вирощує сільськогосподарські культури, які потребують специфічної обробки,
наприклад, посадки та збирання буряка або кукурудзи. Якщо немає
впевненості в тому, що в найближчі роки будуть використовуватися ті самі
насіння, купувати дорогі насадки для комбайнів нераціонально.
Також необхідно враховувати особливості ґрунту: наприклад, ріпак та
соняшник сильно виснажують ґрунт, тому такі культури не висівають кілька
років на одному полі. А коли урожай змінюється, потрібно адаптувати техніку
до їх збору.
Усе це зумовлює створити web-орієнтовану систему фірми з прокату
сільгосптехніки, що значно полегшить зв’язок клієнта з орендодавцем.
1.2 Постановка задачі
В чому переваги створення web-орієнтованої системи фірми з прокату
сільгосптехніки? Щоб скористатися послугою оренди, потрібно розмістити
замовлення на сайті. Немає необхідності в особистому спілкуванні, а
реєстрація онлайн-сервісу допоможе заощадити власний час.
До того ж при оренді сільгосптехніки фермерам рідко потрібна
консультація, адже вони заздалегідь знають, яка техніка потрібна. Але якщо
питання все ж виникають, також зручно отримати відповіді онлайн або
зателефонувавши за вказаним номером телефону.
На сайті фермер не обмежений у часі: він може вибрати підходящий
варіант за доступною ціною, ознайомившись з його характеристиками.
Web-орієнтована система повинна виконувати наступні функції:
мати можливість реєстрації клієнта;
містити контактні дані та форму зворотного зв’язку;
містити каталог орендованої сільгосптехніки;
оформлення оренди сільгосптехніки;
Арк.
ЧДТУ 211978.001 ПЗ 9
Зм н . Арк. № докум. Підпис Дата
здійснювати пошук певної техніки за критеріями клієнта;
оформлення додаткових послуг спільно з орендою.
1.3 Огляд існуючих аналогів
Перед проектуванням web-орієнтованої системи здійснено інформаційний
пошук та огляд деяких популярних аналогів, що використовуються в сфері
прокату сільгосптехніки.
1.3.1 Сайт «AgroSmart»
AgroSmart – це проект, організований на перетині двох ринків –
аграрного, який є одним з основних і пріоритетних для економіки України, і
ринку інформаційних технологій, головного тренда світової економіки.
AgroSmart – це панель управління бізнесом, яка забезпечує повний
робочий процес від аналізу ринку та оцінки ефективності до організації угоди.
Завдання системи – забезпечити учасників агропромислового ринку
інформацією і необхідними інструментами і, об’єднавши їх в єдину систему,
надати повноцінну операційну платформу для ведення бізнесу.
Широкий вибір інструментів дозволяє запропонувати кожному
користувачеві оптимальне рішення з купівлі або продажу сільгосппродукції,
чи оренди сільгосптехніки.
1.3.2 Сайт компанії «АгроСпецПослуга»
Компанія "АгроСпецПослуга" пропонує послуги з оренди
сільськогосподарської техніки по всій Україні. Спеціалісти компанії
забезпечують необхідною сільськогосподарською технікою в найкоротші
терміни з урахуванням усіх побажань та вимог замовника.
Компанія "АгроСпецПослуга" надає в оренду наступне
сільськогосподарське обладнання:
Техніка передпосівного обробітку ґрунту.
Сільськогосподарське обладнання: плуг, борона, майстерня, коток.
Арк.
ЧДТУ 211978.001 ПЗ 10
Зм н . Арк. № докум. Підпис Дата
Обладнання для догляду за посівами: сівалка загального
призначення, точна сівалка, сівалка, картоплесаджалка;
Зрошувальне та зрошувальне обладнання: зрошувальні машини з
великим діапазоном дії та двоконсольні дощові машини, поливальні
машини на шасі вантажівки, пересувні зрошувальні машини з
кількома опорами, стаціонарні поливальні машини
Обладнання для внесення добрив: розкидачі твердих мінеральних
або органічних добрив, розподільники рідких мінеральних добрив,
машини для внесення рідких органічних добрив, машини для
внесення напіврідкого гною, машини для хімічного покращення.
Збиральне обладнання: комбайни з жатками.
Обладнання для обробки після збору врожаю: зернометалки,
перевантажувачі, пневматичні конвеєри.
Спеціальне обладнання для обробки деяких культур: буряків,
коренеплодів, винограду тощо.
Переваги оренди:
Немає необхідності купувати дороге обладнання.
Орендоване обладнання завжди буде там, де вам потрібно і коли
вам це потрібно. Компанія «АгроСпецПослуга» володіє парком
напівпричепів для транспортування сільськогосподарської техніки.
Ми підберемо всі необхідні додаткові та вкладення для вашої
роботи.
Ми беремо на себе всі витрати на ремонт та підготовку обладнання.
Всі транспортні засоби здаються в оренду операторам.
Паливо може надаватись лізингодавцем або купуватися наймачем.
Платіжна система та тарифи обговорюються індивідуально у
кожному конкретному випадку.
Всі транспортні засоби оснащені GPS-трекерами.
Арк.
ЧДТУ 211978.001 ПЗ 11
Зм н . Арк. № докум. Підпис Дата
1.3.3 Сайт ТОВ «ОБЛАГРОХІМ-ЧЕРКАСИ»
Компанія має власний парк великої сільгосптехніки (комбайн John Deere,
трактор John Deere, самохідний обприскувач Rosa тощо), а також великий
перелік малогабаритної техніки. Фірма стежить за справним технічним станом
кожної одиниці техніки, тому оренда сільгосптехніки – це запорука того, що
клієнт отримає робочу техніку. Фірма має техніку для підготовки поля до
сезону, внесення в ґрунт мінеральних добрив (рідкий аміак безводний, розчини
КАС) і для збирання врожаю.
Оренда сільгосптехніки від ТОВ «ОБЛАГРОХІМ-ЧЕРКАСИ» – це
індивідуальний підхід до кожного клієнта, вигідні ціни і досвідчені фахівці, які
допоможуть виконати навіть найскладнішу роботу в найкоротші терміни.
1.3.4 Сайт компанії «Золота нива»
Оренда техніки є вигідним рішенням. Справа в тому, що крім самої
техніки, також необхідно регулярно платити зарплату водієві, проводити ТО і
виконувати ремонтні роботи. Як показує практика, навіть для виконання
регулярної роботи часто виявляється дешевше користуватися орендованою
технікою.
Переваги оренди сільгосптехніки в компанії «Золота нива»:
кваліфікована консультація з приводу вибору техніки для тих чи
інших завдань;
вам надається надійні і перевірені трактора різної потужності;
великий вибір причепних та навісних агрегатів для виконання будь-
яких сільськогосподарських операцій.
Отже, порівняльний аналіз існуючих web-орієнтованих систем показав
ряд переваг і недоліків, що доречно було б використати чи усунути під час
розробки власної системи. Аналіз вищеописаних систем показано в табл. 1.2.
Арк.
ЧДТУ 211978.001 ПЗ 12
Зм н . Арк. № докум. Підпис Дата
Таблиця 1.2 – Порівняльний аналіз існуючих web-орієнтованих систем.
Система Основні функції Переваги Недоліки
https://agro-smart.com.ua Майданчик для Велика кількість Відсутність бази
об’яв об’яв даних техніки.
Пошук з малою
кількістю фільтрів.
Відсутність цін на
оренду техніки.
https://www.sagros.com.ua/ Оренда авто, Онлайн Відносно невеликий
Підбір авто, інформаційна список критеріїв
Консультації підтримка, вибору авто
Зручний пошук
авто за
критеріями,
Online-оплата.
https://oblagrohim.com.ua Оренда авто, Онлайн Відсутність пошуку
Підбір авто, інформаційна авто за критеріями,
Консультації підтримка Відсутність відгуків,
Відсутність онлайн-
оплати,
Відсутність вибору
валюти,
Відсутність бази
даних авто.
http://www.z-nyva.com.ua Оренда авто, Online-оплата, Відсутність пошуку
Підбір авто, Наявність списку авто за критеріями,
Консультації авто Відсутність вибору
валюти,
Відсутність бази
даних авто.
1.4 Висновки до розділу 1
У першому розділі здійснено опис предметної області і постановку
задачі. Проаналізовано існуючі аналоги розроблюваної системи. За
результатами вивчення та дослідження існуючих web-орієнтованих систем
автопрокатних підприємств, представлених на вітчизняному ринку, можна
зробити висновок, що вони містять ряд недоліків, що значно скорочують
кількість потенційних клієнтів, оскільки не врахована деталізація процесу
вибору авто і, тим самим, малозручно для потенційних клієнтів. Тому
доцільно розробити власну web-орієнтовану систему, що буде враховувати
переваги існуючих і буде вільною від їх недоліків.
Арк.
ЧДТУ 211978.001 ПЗ 13
Зм н . Арк. № докум. Підпис Дата
2 ПРИНЦИПИ РОЗРОБКИ WEB-ОРІЄНТОВАНОЇ
ІНФОРМАЦІЙНОЇ СИСТЕМИ АВТОПРОКАТУ
2.1 Загальні особливості web-орієнтованих інформаційних систем
Збереження і обробка інформації в мережі інтернеті здійснюється за
допомогою так званих «web-орієнтованих» інформаційних систем, що
можуть бути використані як в інтернеті, так і в локальній мережі. Web-
орієнтовані ІС побудовані з використанням web-додатків (Web-Application)
– це допоміжні програмні засоби, що призначені для автоматизованого
виконання будь-яких дій на web-серверах і з боку користувача. При цьому в
якості користувацьких інтерфейсів web-додатки використовують web-
браузери. До числа засобів створення web-додатків відносяться клієнтські і
серверні технології.
Процес створення web-орієнтованих інформаційних систем абсолютно
ідентичний процесу написання програм. Цей процес також включає стадії
визначення вимог, аналізу, проектування та реалізації. При роботі web-
сайту, не важливо, якою технологією він написаний, користувач так само як
і в звичайній програмі, вводить дані і отримує інформацію, працює з
вікнами і меню, зберігає дані на сервері і отримує відповіді. Але є різниця,
що полягає в тому, що власне саме програмне забезпечення працює не на
комп’ютері користувача, а на віддаленому сервері мережі, а доступ до даних
можна отримати із будь-якої точки світу через мережу Інтернет. З одного
боку – це зручно, а з іншого – з’являються вимоги до розроблюваного
програмного забезпечення.
Особливості web-орієнтованих інформаційних систем:
надійність;
можливість багатокористувацької роботи над проектом;
незалежність від операційної системи клієнта;
для користувача не потрібна спеціальна програма;
Арк.
ЧДТУ 211978.001 ПЗ 14
Зм н . Арк. № докум. Підпис Дата
користувач не є адміністратором;
в ролі адміністратора виступає розробник системи;
малий розмір;
переносимість на інші пристрої;
простота;
архітектура web-додатків користувача не бачить.
Надійність таких систем полягає в тому, що вони повинні працювати
без збоїв, а не просто працювати. Не можна перезавантажувати систему
декілька разів на день, не можна сказати: «Вийдіть, будь ласка, із системи,
оскільки необхідно перезавантажити сервер», бо всі користувачі працюють
віддалено в різних містах або навіть на різних континентах.
В успішних web-проектах на сайт заходять десятки, а інколи, навіть,
сотні користувачів на секунду. Тому варто подумати над оптимізацією
швидкості виконання програми.
Проблема швидкодії вирішується просто в локальних мережах. Тут
розробники програмного забезпечення не хвилюються про кількість
переданих і прийнятих програмою даних. Для вирішення проблеми малої
пропускної спроможність лінії для невеликих систем прокладаються
оптоволоконні кабелі, встановлюється високошвидкісна мережа. Однак,
коли в локальній мережі з цим ще можна миритись, оскільки об’єми даних,
що передаються, компенсуються швидкодією мережі, то створеному по
такому принципу web-додатку працювати буде неможливо. Хоча швидкість
модемів з кожним днем зростає і багато користувачів працюють з виділеною
лінією Internet, та все ж виникає питання оплати трафіка, при якому кожний
зайвий мегабайт даних буде оплачуватися користувачем.
Незалежність від операційної системи клієнта (кросплатформеність)
означає, що web-орієнтована ІС повинна працювати на всіх операційних
системах.
Арк.
ЧДТУ 211978.001 ПЗ 15
Зм н . Арк. № докум. Підпис Дата
Поведінка web-орієнтованої ІС, як і будь-якого об’єкта в цьому світі,
залежить від зовнішніх і внутрішніх умов.
До внутрішніх умов функціонування системи можна віднести такі
фактори:
настроювання сервера;
тип сервера;
тип бази даних;
зміст змінних середовища;
зміст інформації на жорсткому диску сервера;
зміст самої бази даних.
Також особливістю web-орієнтованих ІС є знаходження всієї
програмної логіки на сервері в порівнянні з простим ПЗ, де логіка
знаходиться на комп’ютері кожного користувача. По суті проблеми
розповсюдження web-орієнтованої ІС не існує, адже доступ до неї можна
отримати в будь-який момент в будь-якому місці, коли вона доступна через
Internet чи Intranet.
Для користувача не потрібна спеціальна програма для доступу до сайту.
Все що йому потрібно, це просто запустити браузер і набрати в адресному
рядку URL. В наші дні браузер є стандартною програмою, яку користувач
отримує при встановленні ОС. Шукати браузер йому не потрібно, адже він
вже є встановлений на його комп’ютері, і по суті, це все, що йому потрібно
для роботи.
Користувач не є адміністратором. Як правило, коли користувач
встановлює на своєму комп’ютері додаток, то йому доводиться брати на
себе роль адміністратора цього додатку. Йому потрібно встановлювати його,
запускати, лагодити, вирішувати виникаючі проблеми. У випадку з web-
додатком, оскільки він знаходиться на web-сервеві, користувачу не потрібно
турбуватися про всі ці проблеми. А це, в свою чергу, є ознакою зручного
web-додатку.
Арк.
ЧДТУ 211978.001 ПЗ 16
Зм н . Арк. № докум. Підпис Дата
В ролі адміністратора виступає розробник web-орієнтованої ІС. Так, це
ще один вантаж на плечі програміста. Але якщо порівнювати вартість
створення web-додатку з вартістю утримання команди спеціалістів, які
займаються розробкою, встановленням, підтримкою простих додатків на
комп’ютерах користувачів, то одразу видно різницю.
Web-орієнтована інформаційна система не потребує глибоких знань від
користувача. Web-додатки, з яких побудована web-орієнтована система не
вимагають серйозних параметрів від апаратної платформи.
Такої проблеми, як підтримка різних версій тепер не існує. Як тільки
виходить нова версія web-додатку, то всі користувачі отримують оновлення.
Отже існує лише одна копія додатку, а попередні версії при оновленні
перезаписуються і користувач не помічає, що у нього нова версія програми.
Це також означає, що розробникам не потрібно турбуватися про підтримку
старих версій програм і про підтримку зворотної сумісності.
Користувачу не потрібно завантажувати на свій комп’ютер повністю
весь web-додаток, перед тим, як почати з ним працювати. Достатньо
завантажити лише частину, що потрібна для виконання конкретної задачі.
Завдяки цьому web-додатки мають невеликий об’єм, швидко
завантажуються і швидко відповідають на запити користувачів.
Сьогодні практика показує, що web-рішення все частіше інтегруються в
певну інформаційну інфраструктуру підприємства, стають його невід’ємною
частиною. Принципи швидкого доступу до інтернету, які добре
зарекомендували себе в Internet прекрасно працюють і для Intranet-систем.
Windows-додатки, які володіють меншою гнучкістю і більшою
ресурсоємністю поступаються в локальній мережі web-додаткам, які
видають динамічні сторінки. Швидка публікація інформації на
внутрішньому сайті компанії і здобуття інформації з внутрішньої бази
даних, доступ до всіх ресурсів за допомогою звичайного web-браузера, легке
застосування можливостей — все це робить web-додатки чудовим
Арк.
ЧДТУ 211978.001 ПЗ 17
Зм н . Арк. № докум. Підпис Дата
інструментом для роботи з інформацією. Від Intranet-систем можливий
перехід до екстранет-систем. Це дає можливість забезпечувати доступ до
інформаційної структури організації віддалених офісів, складів, магазинів,
мобільних користувачів і реалізації видів комерційної діяльності. Web-
системи – гнучкі, оскільки кожна сторінка, яка передається клієнту,
динамічно створюється на сервері у відповідності до конкретного запиту
користувача. Керівникам IT-служб необхідно чітко уявляти, для чого
використовуватиметься розроблювана система, які проблеми вона має
вирішувати, а також обґрунтувати її необхідність. Лише при такому підході
можна сказати, що web-додаток буде дійсно робочим інструментом.
2.2 Модульна структура системи
На основі проведеного аналізу структурної організації web-орієнтованих
інформаційних систем різного типу було запропоновано концепцію
розроблення системи комбінованого типу.
WEB-орієнтована інформаційна система призначена для контролю та
оцінювання даних різного типу в режимі реального часу (on-line). В залежності
від типу даних, що підлягають аналізу, структура та функції системи можуть
змінюватися, тому для побудови такої системи доцільно вибирати модульну
структуру, з тим, щоб набір модулів та функцій можна було б змінювати та
доповнювати в залежності від поставленої задачі.
Для функціонування подібної структури необхідно такі основні модулі, як
модуль аутентифікації, модуль навігації, програмні аналітично-розрахункові
модулі та модуль пам’яті.
Модуль аутентифікації призначений для того, щоб розпізнати
зареєстрованого користувача шляхом перевірки введених ним логіну та
паролю. Для нових користувачів надається можливість реєстрації в системі.
Модуль навігації несе в собі завдання розділити інформацію в системі на
відповідні категорії та надати доступ до них за допомогою різних меню. До
Арк.
ЧДТУ 211978.001 ПЗ 18
Зм н . Арк. № докум. Підпис Дата
нього належать головне меню, меню підсистем, а також модуль ідентифікації,
який дозволяє вибрати тип користувача та змінити контент, що виводиться
користувачу.
Для збереження даних призначений модуль пам’яті. До нього відноситься
база даних та блок, що дозволяє переглянути отримані результати.
Доступ до збережених результатів здійснюється через меню результатів.
2.3 Принципи створення web-сторінок
Процес створення сайту схожий на процес виробництва програмного
забезпечення. Сайт також, перед публікацією кінцевому користувачу
проходить кілька етапів. Програмісти спочатку створюють його на своїх
робочих комп’ютерах. Потім, залежно від складності виробництва в окремо
взятій компанії, ця версія йде на тестування. Потім, коли всі недоліки виявлені,
відбувається їх виправлення або ж сайт може бути відправлений далі: він іде
на демонстрацію замовнику або ж главі компанії. У будь-якому випадку
публіці або замовнику видається вже фінальний продукт без помилок (багів).
На даний момент немає уніфікованих назв для кожного процесу, але ви можете
запам’ятати деякі жаргонні позначення: «продакшн-версія сайту» – версія, яка
пішла на сервера кінцевого користувача, «девелопмент-версія» крутиться
тільки в середовищі програмістів, а, наприклад, тест-версія, вже в середовищі
тестувальників.
Особливу роль виконують по розробці і обслуговуванню web-сайту –
адміни. Якщо над створенням оболонки сайту працює група або дуже
кваліфікований фахівець (програміст, web-дизайнер, сисадмін), координатор,
то обслуговувати та наповнювати його потребує участі команди учасників
проекту під управлінням адміна проекту. Сьогодні існує багато програм в
технології PHP, щоправда це підвищило і вимоги до кваліфікації учасників
проекту, в зв’язку з багатопрофільністю розв’язуваних завдань. Простий сайт-
візитка чи LandingPage може бути підготовлений секретарем-референтом. Але
Арк.
ЧДТУ 211978.001 ПЗ 19
Зм н . Арк. № докум. Підпис Дата
проекти великих сайтів чи порталів без сумнівів розробляють лише обізнані і
зацікавлені фахівці. Більшість сайтів (порталів) оновлюють частіше ніж раз на
день, а інтернет-магазини, – за фактом обігу товару (надходження чи
відсутність товару). Сайти новин оновлюють інформацію з точністю до
хвилини, оскільки журналісти мають пріоритети на цитування першоджерел
згідно з авторським правом, пріоритетом посилань, рейтингом та ін.
Розробка сайтів як цілісних інформаційних ресурсів та систем – це
складний багатоетапний процес, що залучає знання різних фахівців галузі ІТ.
Цей вид діяльності називається web-розробкою. Власники бізнесу (приватні
особи чи організації) розробляють свої сайти самотужки, або звертаються до
спеціалізованих розробників (фрілансерів, студій, бюро, контор тощо).
Відносини між замовником і виконавцем регулюється за допомогою договорів,
технічних завдань, спеціальних систем (різних сайтів, які виступають
посередником між замовником і фрілансерами), або усною домовленістю.
Замовлена робота може бути як повним комплексом розробки сайту (від
розробки логотипу до наповнення сайту контентом), так і окремим
доопрацюванням сайту, оптимізацією чи редизайном. Все частіше розробка та
супровід сайту (порталу) стає серйозним сегментом активів підприємств. Тому
часто організації тримають штатних розробників або доручають проект вести
одному з директорів апарату управління (комерційний директор, директор
департаменту по зв’язках або безпосередньо, керівнику проекту з групою
штатних фахівців і/або сумісників). Особливу роль виконують
«тестувальники» кінцевого продукту. Це відповідальна роль в просуванні та
оцінки проекту, оскільки стадія розробки для динамічного великого проекту
ніколи не припиняється.
2.5 Безпека і захист сайтів
Безпека та захист сайтів – завдання, з яким рано чи пізно доводиться
стикатися власникам будь-якого хоча б якогось цінного ресурсу. Проблеми
Арк.
ЧДТУ 211978.001 ПЗ 20
Зм н . Арк. № докум. Підпис Дата
безпеки можуть бути вирішені якомога точніше вже на стадії розробки веб-
сайту, або примусово повернутися до них у разі виникнення проблем на стадії
експлуатації.
Основне завдання захисту сайту – розробка ресурсу, який найкраще
відповідає вимогам безпеки, або приведення існуючого сайту до цих вимог
шляхом аналізу використання та потенційно небезпечних вразливих місць у
майбутньому Виконання низки робіт з їх усунення та відсутність у майбутнє.
Слід мати на увазі, що під безпекою сайту розуміється не тільки безпека коду
та використовуваного програмного забезпечення, а й безпека його
адміністрування, зберігання паролів, захист від перевантаження, а також
вирішення низки організаційних та технічних питань з постачальника послуг.
Найпоширеніші атаки на веб-сайти:
Підпис домашньої сторінки веб-сайту – одна з найпоширеніших
форм слова. Наявність знайомого вмісту на веб-сайті обкладинки
буде пов’язано з будь-чим – від імен шкідливих хакерів до
звичайних зображень.
Створення великого навантаження – повідомлення веб-серверу,
усвідомлення неправильних записів або інших дій ззовні,
результатом яких буде доступ працівника до сайту або
«відокремлення» операційної системи сервера. Цей тип нападу дуже
поширений в Інтернеті.
Видалення файлової системи – вся інформація просто поширюється,
що стає невдалим за відсутності збереженої копії ресурсу. Варто
зазначити, що база даних клієнтських паролів, а також інші дані, що
мають критичне значення, можуть зникнути.
Підроблена інформація – зловмисники можуть підключити телефон
або інші дані організації. У цьому випадку ваші клієнти
автоматично створять клієнтів-зловмисників.
Арк.
ЧДТУ 211978.001 ПЗ 21
Зм н . Арк. № докум. Підпис Дата
Спам – ваш веб-сайт можна використовувати для надсилання спаму,
і в цьому випадку “справжня” кореспонденція не доступне на
адресу, оскільки домен вашої організації фактично буде введений до
централізованої бази даних спамерів.
Розміщення троянських програм – у цьому випадку, швидше за все,
ви не помітите візиту хакера, принаймні все буде натиснуто.
Шкідливі програми можуть використовувати різні функції –
забезпечувати переспрямування на веб-сайті кіберзлочинців,
покращувати дані про клієнтів, реєструвати вірусні віруси тощо.
Наслідком усіх цих типів атак є не лише тимчасове привласнення
ресурсних ресурсів, а й втрата доходу веб-сайтів в очах клієнтів. Користувач,
який був заражений шкідливим кодом на вашому ресурсі або переадресований
з вашого сайту на веб-сайт із сумним вмістом, навряд чи колись відновиться,
виберіть вашу адресу на панелі браузера.
Проблеми безпеки веб-сайтів можуть виникати на етапі розробки. Існує
багато систем управління вмістом (CMS), що є своєрідним шаблоном, що
спрощує управління та розробку веб-сайту. Повний спектр систем CSM можна
розділити на відкриті (безкоштовні) та власні системи. Серед відкритих –
Drupal, Mambo, Joomla та Typo3, серед платних – 1C-Bitrix, NetCat,
Amiro.CMS. Всі вони безпечні в різному ступені, мають ряд переваг і
недоліків. Яку CMS вибрати? Звичайно, ця проблема буде розглядатися далі в
кожному окремому випадку.
Перевірка наявного веб-ресурсу на наявність уразливостей є дуже
трудомістким завданням. Процес не обмежується прямим скануванням – сайт
ще не перероблений, лазівки заповнені та ряд питань, які повинен вирішити
постачальник.
Сканери вразливостей – це спеціальні програми для аналізу мережевої
безпеки шляхом сканування та перевірки мережевих ресурсів та виявлення їх
Арк.
ЧДТУ 211978.001 ПЗ 22
Зм н . Арк. № докум. Підпис Дата
слабких місць. Простіше кажучи, сканер шукає типові діри в безпеці та
уразливості, полегшуючи життя не лише власникам веб-сайтів, але й хакерам.
Усі сканери вразливості можна розділити на три групи залежно від методу
роботи:
- Місцеві – встановлюються безпосередньо на перевіреному вузлі та
забезпечують високу надійність. Вони працюють від імені облікового запису з
максимальними дозволами і використовують лише один метод пошуку
вразливостей – порівняння атрибутів файлів.
- Пасивний – використовуйте мережевий трафік як джерело даних. Однак,
на відміну від мережі, ви можете мінімізувати вплив сканера на порушення
безпеки. В даний час вони не широко використовуються, але виглядають дуже
перспективно.
- Мережа – найпопулярніша сьогодні. Виконуйте сканування віддалено та
підключайтеся через мережеві служби.
Існує багато виробників сканерів на вразливість, є багато оглядів і тестів,
які висвітлюють продукт конкретної компанії. Ось деякі з найпопулярніших
сканерів: Nessus, XSpider, IBM Internet Scanner, Retina, Shadow Security
Scanner, Acunetix, N-Stealth.XSpider (замінений на MaxPatrol) – сканер
виробника Positive Technologies. Він має довгий перелік функцій –
евристичний аналіз та визначення типу сервера, повна перевірка портів та
перегляд служб, перевірка стандартних паролів, аналіз на ін’єкції SQL, атаки
XSS та майже щоденне оновлення вразливостей системи безпеки. У порівнянні
з конкурентами сканер демонструє кращу ідентифікацію служб та програм, що
призводить до кращого та точнішого виявлення вразливостей з мінімальним
відсотком повідомлень про помилки. Продукт – одне з найкращих рішень не
лише на українській, а й на світовій арені.
Арк.
ЧДТУ 211978.001 ПЗ 23
Зм н . Арк. № докум. Підпис Дата
2.6 Висновки до розділу 2
В розділі описано принципи розробки web-орієнтованої системи прокату
автомобілів. Описано загальні особливості створення web-орієнтованих
систем. На основі проведеного аналізу структурної організації web-
орієнтованих інформаційних систем різного типу було запропоновано
концепцію розроблення системи модульного типу, що містить такі модулі, як
модуль аутентифікації, модуль навігації, програмні аналітично-розрахункові
модулі та модуль пам’яті.
Арк.
ЧДТУ 211978.001 ПЗ 24
Зм н . Арк. № докум. Підпис Дата
3 РОЗРОБКА ПРОГРАМНОЇ ЧАСТИНИ
3.1 Вибір засобів розробки
3.1.1 Програмний комплекс Open Server
Open Server Panel [31] – це портативне програмне середовище, створене
спеціально для веб-розробників з урахуванням їх рекомендацій і побажань.
Програмний комплекс має багатий набір серверного програмного
забезпечення, зручний, багатофункціональний продуманий інтерфейс, має
потужні можливості з адміністрування та налаштування компонентів.
Open Server Panel широко використовується з метою розробки,
налагодження і тестування веб-проектів в локальних мережах.
Проект існує вже більше 10 років, він успішно зарекомендував себе як
першокласний, простий і надійний інструмент, необхідний кожному веб-
майстру.
Можливості програми:
непомітна робота в треї windows;
швидкі старт і зупинка;
автостарт сервера при запуску програми;
кілька режимів управління доменами;
монтування віртуального диска;
підтримка управління через командний рядок;
підтримка профілів налаштувань;
зручний перегляд логів всіх компонентів;
перемикання http, mysql і php модулів;
вичерпна і зрозуміла документація;
швидкий доступ до шаблонів конфігурації;
багатомовний інтерфейс;
автозапуск програм за списком.
Особливості середовища:
Арк.
ЧДТУ 211978.001 ПЗ 25
Зм н . Арк. № докум. Підпис Дата
не вимагає установки (портативність);
одночасна робота з denwer, xampp і т.д .;
робота на локальному / мережевому / зовнішньому ip;
підтримка ssl без всякої додаткової настройки;
створення домену шляхом створення звичайної папки;
підтримка кириличних доменів;
підтримка аліасів (доменних вказівників);
захист сервера від зовнішнього доступу;
punycode конвертер доменних імен;
набір популярних сторонніх розширень php;
планувальник завдань (cron);
створення локального піддомену без втрати видимості основного
домену в мережі інтернет.
Архітектура розташування каталогів програмного (рис. 3.1) комплексу
має на увазі чітке розділення двох різних типів даних: змінюваних даних
користувача (настройки, тимчасові файли, логи т.д.) і незмінних даних
(модулі, програми, службові файли).
Якщо говорити простою мовою, то в папці modules ніякі файли ніколи не
змінюються, не створюються і не видаляються, а в папках domains і userdata
навпаки, дані постійно змінюються. Така архітектура створена спеціально для
спрощення синхронізації даних між різними копіями комплексу та економії
місця при резервному копіюванні.
Арк.
ЧДТУ 211978.001 ПЗ 26
Зм н . Арк. № докум. Підпис Дата
Рисунок 3.1 – Архітектура OpenServer
Open Server Panel є портативним програмним комплексом, однак для
зручності користувачів встановлюється через інсталятор.
Збірку можна розмістити на зовнішньому жорсткому диску, це дозволить
використовувати Open Server Panel на будь-якому комп’ютері, який відповідає
вимогам. Однак не варто розміщувати збірку на USB-флеш накопичувачі через
вкрай повільну роботу флеш-пам’яті при паралельних запитах на читання /
запис і її швидкого зносу.
Бажано встановити Open Server Panel на SSD-накопичувач, при його
наявності. Це дозволить значно підвищити швидкість роботи всіх модулів і
компонентів програмного комплексу.
3.1.2 ПлатформаWordpress
Колись web-розробка вважалася найскладнішим завданням, яка вимагала
серйозних навичок в програмуванні. Веб-сайти розроблялися за допомогою
текстових редакторів, таких як блокнот. Однак з розвитком технологій веб-
Арк.
ЧДТУ 211978.001 ПЗ 27
Зм н . Арк. № докум. Підпис Дата
розробки можливість створення власних сайтів з’явилася і у людей, що
володіють досить скромними навичками в програмуванні або зовсім їх не
мають. Це відбулося в зв’язку з розвитком систем управління контентом
(CMS), таких як WordPress, Joomla, Moodle, і схожих з ними платформ. Такі
системи управління контентом дозволяють звичайним користувачам
розробляти веб-сайти професійного вигляду. Вибір CMS залежить від різних
факторів. Однак ми зосередимося на тому, чому саме система WordPress є
прекрасним вибором для розробки веб-сайтів.
1) Заснована на технологіях з відкритим кодом.
Платформа WordPress є системою з відкритим вихідним кодом і може
бути змінена і відредаговано будь-яким користувачем відповідно до його
потреб. Платформа WordPress написана на мові РНР, який є серверним мовою
программірова ня з відкритим вихідним кодом. Платформа використовує базу
даних MySQL для зберігання такого контенту, як повідомлення, коментарі,
зображення і т.д. MySQL також є програмним забезпеченням з відкритим
вихідним кодом і знаходиться у вільному доступі.
2) Проста в установці і управлінні.
Установка платформи WordPress – дуже просте завдання і вимагає всього
кілька кліків мишкою. Більшість компаній, що здійснюють хостинг, наприклад
«Джино» або HostGator, забезпечують установку служб для WordPress одним
клацанням мишею. Зручність ін імененія платформи WordPress не
обмежується встановленням; після установки нею також дуже легко керувати
за допомогою консолі WordPress. Наприклад, щоб створити меню, сторінку,
повідомлення, додавати картинку та налаштувати заголовок, необхідно
виконати кілька клацань мишею і не потрібно ніяких навичок програмування.
3) Стилізація за допомогою тем
Існують тисячі тем для платформи WordPress, що знаходяться у вільному
доступі. Їх можна використовувати для визначення загального стилю вашого
веб-сайту. Залежно від бажаної функціональності теми можуть бути
Арк.
ЧДТУ 211978.001 ПЗ 28
Зм н . Арк. № докум. Підпис Дата
перероблені. Крім того, існують преміум-теми, заплативши за які невелику
суму ви можете бути впевнені, що жоден інший веб-сайт не буде виглядати
так, як ваш. Для початківців розробників теми є відмінним помічником, що
дозволяє дізнатися, як влаштовані веб-сайти. Крім того, вони знімають
технічні аспекти, що виникають при змінах сайту, так що ви зможете
зосередитися на його зовнішньому вигляді і контенті. Досвідчені дизайнери
можуть використовувати редактор як для зміни готових тим, так і для
створення власних.
4) Розширення функціональності за допомогою плагінів
Функціональність веб-сайтів, створених на платформі WordPress, може
бути легко розширена шляхом застосування різних плагінів. За замовчуванням
теми WordPress мають стандартної функціональністю, яка тим не менш може
бути розширена. Наприклад, якщо ви хочете додати віджет для входу на свій
веб-сайт, можете використовувати відповідний плагін. Аналогічно в разі, коли
на сторінці повинна бути форма для зворотного зв’язку, можна
використовувати плагін, який дозволяє не тільки розмістити її, але також
зберігати і відправляти будь-які запити, які будуть приходити на ваш сайт. У
вільному доступі існує безліч плагінів, за допомогою яких можна розширити
функціональність веб-сайту на платформі WordPress.
5) Підтримка з боку великого співтовариства розробників
Спільнота розробників WordPress – одне з найбільших і дозволяє
користувачам миттєво вирішувати проблеми, пов’язані з цією платформою.
Крім того, велика кількість учасників спільноти сприяє оперативному випуску
оновлень і виправлень для тих чи плагінів.
6) Дружність по відношенню до пошукової оптимізації
Веб-сайти, створені на платформі WordPress, дружні по відношенню до
пошукової оптимізації (англ, search engine optimization, SEO). Комерційні
компанії витрачають значні кошти на те, щоб їх веб-сайти займали більш
високе положення в результатах пошуку Google. Гарна новина полягає в тому,
Арк.
ЧДТУ 211978.001 ПЗ 29
Зм н . Арк. № докум. Підпис Дата
що пошукова система Google з деяких причин розміщує сайти, створені за
допомогою платформи WordPress, вище за інших, завдяки вбудованій функції
пошукової оптимізації. Крім того, існує кілька SEO-плагінів, які допомагають
виконати процес пошукової оптимізації та підняти ваш сайт в рейтингу
пошукових систем.
Отже, незважаючи на різноманіття систем управління контентом,
доступних на ринку, платформа WordPress являє собою кращий варіант, з
якого варто почати веб-розробку, зважаючи на простоту освоєння, гнучкості
налаштувань, відкритого вихідного коду і пошукової оптимізації. Крім того,
завдяки великої спільноти розробників ви завжди отримаєте своєчасну
допомогу і підтримку в будь-якому питанні, який виникне у вас в процесі
розвитку вашого сайту.
3.2 Розробка інтерфейсу web-орієнтованої системи
3.2.1 Планування web-орієнтованої інформаційної системи
Перш ніж почати роботу над інтерфейсом, необхідно загострити увагу на
такому важливому аспекті створення сайту, як планування.
Дослідження. Процес планування необхідно почати з дослідження.
Відвідайте веб-сайти, які подібні до вашого. Наприклад, якщо ви хочете
створити блог, необхідно переглянути вже існуючі блоги. Порівняйте успішні
варіанти з невдалими. Чим саме успішні краще за інших? Який контент
приваблює чи татель? Яким чином власники сайту взаємодіють з клієнтами?
Головне: не копіює інші веб-сайти – цим ви нічого не доб’єтеся. Необхідно,
щоб створений вами сайт був унікальний. Дослідження – вірний шлях
створити успішний веб-сайт.
Мозковий штурм. Тепер прийшов час взяти в руки чашку
кави, сісти за ноутбук і продумати свій веб-сайт: про що він буде, як
він повинен виглядати? Як часто він буде оновлюватися? Чи буде
Арк.
ЧДТУ 211978.001 ПЗ 30
Зм н . Арк. № докум. Підпис Дата
він використовувати дані соціальних мереж? Як користувачі будуть
взаємодіяти з сайтом?
Структура сторінок. Чи будуть на вашому сайті сторінки і
вкладені сторінки? Наприклад, розділ «Про нас» може містити
сторінку «Вакансії» в якості підрозділу. Про т вас вимагається
організувати структуру сторінки. наприклад:
- Головна
- Про нас
- Історія
- Співробітники
- Вакансії
- Послуги
- Веб дизайн
- Графічний дизайн
- Веб-хостинг
- Печатка
- Події
– Поточний рік
- Блог
- Контактна інформація
Модулі. Якщо ви хочете розширити функціональність
свого сайту, вам буде потрібно розглянути необхідні для цього
плагіни і підібрати кращі з них. Існує безліч безкоштовних плагінів,
але, можливо, ви захочете придбати платні.
Управління проектом. Якщо у вас графік або крайній термін?
Складіть розклад і дотримуйтесь його. Якщо ви хочете добитися
цілей, то необхідно скласти детальний графік, який є ключем до
успішного веб-сайту.
Арк.
ЧДТУ 211978.001 ПЗ 31
Зм н . Арк. № докум. Підпис Дата
Веб-хостинг. Де розмістити сайт? Скільки це буде
коштувати? Наскільки надійний хостинг-провайдер? Все це важливі
аспекти планування вашого сайту.
Доменне ім’я. Доменне ім’я – дуже важливий момент при
створенні веб-сайту. Необхідно вибрати такого назва. Доменне ім’я
не повинно бути занадто довгим – воно повинно легко
запам’ятовуватися. Необхідно пам’ятати про те, що ви завжди
зможете перенаправити інші домени на ваш сайт. Це дозволить
використовувати декілька доменів для одного веб-сайту.
Створення резервних копій сайту. Переконайтеся, що
подбали про створення резервних копій свого сайту. В ідеалі
непогано б створювати їх кожен день, але, якщо це важко,
створення копій через день буде прийнятною альтернативою.
Ніколи не можна знати заздалегідь, коли сервер вийде з ладу або
піддасться хакерській атаці. Ви будете спати міцніше, знаючи, що у
вас є резервна копія.
Спосіб оплати. Якщо ви створюєте інтернет-магазин, то слід
продумати способи оплати. На сьогоднішній день система оплати за
допомогою банківських карт, ймовірно, є найкращою та найбільш
простий у використанні для більшості користувачів.
Соціальні мережі. Який би сайт ви не створювали, соціальні
мережі є важливою частиною зростання його аудиторії.
Постарайтеся уявити свій контент в максимально можливій
кількості соціальних мереж. Самі популярні е з них: Twitter,
Facebook, YouTube і Linkedln.
Наведений список здасться занадто довгим, але, якщо ви хочете, щоб
процес створення сайту пройшов гладко, кожному з його пунктів необхідно
приділити пильну увагу.
Арк.
ЧДТУ 211978.001 ПЗ 32
Зм н . Арк. № докум. Підпис Дата
3.2.2 Вибір хостингу
Щоб встановити платформу WordPress, необхідний онлайн-простір. Я
використовував «Джино». Встановити платформу WordPress тут дуже легко. У
наш час існують різні хостинг-оператори, що дозволяють встановити
платформу WordPress одним клацанням миші, що ідеально підходить для
початківців розробників і блогерів. Для свого сайту можна використовувати
хостинг WordPress.com.
Щоб почати роботу, потрібно мати обліковий запис «Джино» і вибрати
доменне ім’я для сайту, якщо його ще немає. Все це можна зробити за
допомогою сервісу «Джино». Це перший крок при створенні сайту на
платформі WordPress. Використання хостингу сторонньої компанії для
платформи WordPress є, ймовірно, кращим варіантом, оскільки в даному
випадку ви не будете стикатися з будь-якими обмеженнями. Крім того, цей
варіант зажадає менших фінансових витрат.
Після реєстрації на вашу електронну адресу буде відправлено
повідомлення з параметрами доступу до вашого профілю, як показано нижче:
Адреса панелі управління: https://account.jino.ru/
Логін: Ваше_ім’я_користувача
Пароль: ваш_пароль
1) Перейдіть до панелі управління в браузері і введіть свої ім’я
користувача (логін) і пароль, щоб виконати вхід в систему.
2) Перейдіть до розділу Хостинг і клацніть мишею по посиланню
Всі послуги або перейдіть за адресою cp-hosting.jino.ni/services/.
3) Підключіть послуги Підтримка доменів, Дисковий простір,
Підтримка FTP-акаунтів, Підтримка РНР, СУБД MySQL і
Підтримка баз MySQL.
4) Виберіть команду меню Управління => Управління MySQL в
верхній частині сторінки. Потім натисніть кнопку Створити базу
даних.
Арк.
ЧДТУ 211978.001 ПЗ 33
Зм н . Арк. № докум. Підпис Дата
5) Вкажіть будь-яке ім’я бази даних (БД), після чого натисніть
кнопку Створити. База даних створена. Тепер встановіть пароль
для бази даних. Для цього біля створеної бази клацніть по кнопці
у вигляді олівця.
6) У вікні, введіть новий пароль і натисніть кнопку Зберегти.
Запишіть ім’я бази даних, ім’я користувача БД і пароль.
7) Виберіть команду меню Додатки у верхній частині сторінки.
Потім перейдіть на вкладку Блоги та в рядку W ordpress натисніть
кнопку Встановити.
8) У вікні клацніть мишею по значку у вигляді папки, в списку, що
розкрився виберіть папку вашого домену, наприклад
/domains/mysite.com, і натисніть кнопку Встановити.
9) На цій панелі клацніть по посиланню Перейти до установки.
Відкриється форма, в якій слід ввести ім’я бази даних, ім’я
користувача БД і пароль, які ви записали на кроці 6. Потім
натисніть кнопку Надіслати.
10) Після цього з’явиться ще одна панель, де потрібно натиснути
кнопку Запустити установку.
11) Далі з’явиться форма, в якій слід вказати бажані назву сайту, ім’я
користувача і пароль для входу в панель адміністратора і вашу
адресу електронної пошти. Після заповнення форми натисніть
кнопку Встановити WordPress.
12) Після установки з’явиться перша форма авторизації. Тут нічого
вводити не треба, логін і пароль вже будуть внесені (якщо немає,
введіть їх), просто натисніть кнопку Ввійти.
Цю сторінку ви або будь-які інші зареєстровані користувачі вашого сайту
будете завжди використовувати для авторизації. Тут потрібно ввести логін і
пароль, які були вибрані в кроці 11, і натиснути кнопку Ввійти. Для
автоматичної власної авторизації потрібно встановити прапорець Запам’ятати
Арк.
ЧДТУ 211978.001 ПЗ 34
Зм н . Арк. № докум. Підпис Дата
мене. Тепер ви можете отримати доступ до платформи WordPress, переходячи
по посиланню www.ваш_домен/wp-admin в веб-браузері. Не забудьте замінити
слова ваш_домен адресою вашого реального домену.
3.2.3 Створення бази даних
Нам необхідно вказати ім’я нашої бази даних, наприклад, задамо їй ім’я
«wordpress», а з розкриваючого списку «Сравнение» виберемо кодування
«utf8_bin» після цього натискуйте на кнопку «Создать» (рис. 3.2).
Рисунок 3.2 – Створення бази даних
Після цього з’явиться повідомлення (рис. 3.3):
Рисунок 3.3 – Створення бази даних
І зліва, в списку «БД:», відображуватиметься створена база даних (рис.
3.4).
Рисунок 3.4 – Створена база даних
Арк.
ЧДТУ 211978.001 ПЗ 35
Зм н . Арк. № докум. Підпис Дата
Після цього, нам потрібно з’єднати нашу базу даних з нашою системою.
Для цього необхідно змінити певні параметри у файлі «wp-config», який
повинен знаходиться в теці з нашою системою «wordpress». В даний момент
такого файлу в даній теці немає і нам необхідно його створити. Тому йдемо в
теку «Webservers» >> «home» >> «localhost» >> «www» >> «wordpress»,
знаходимо там файл «wp-config-sample» і просто перейменовуємо його у файл
«wp-config» (рис. 3.5).
Рисунок 3.5 – З’єднання бази даних з інформаційно-аналітичною
системою
Тепер відкриваємо даний файл за допомогою тестового редактора
Notepad2 Тут нам необхідно вказати наступні параметри: Ім’я бази даних.
Знаходимо рядок: define(‘‘db_name’’, ‘‘database_name_here’’); і замість
database_name_here вписуємо те ім’я бази даних, яке ми задавали при
створенні бази, тобто «wordpress» (рис. 3.6).
Рисунок 3.6 – З’єднання бази даних з інформаційно-аналітичною
системою
Ім’я користувача бази даних. Знаходимо рядок: define(‘‘db_user’’,
‘‘username_here’’); і замість username_here, вписуєте root оскільки ми
встановлюємо Wordpress на локальний сервер (рис 3.7).
Рисунок 3.7 – Ім’я користувача бази даних
Арк.
ЧДТУ 211978.001 ПЗ 36
Зм н . Арк. № докум. Підпис Дата
Пароль MYSQL. Знаходимо рядок: define (‘‘db_password’’,
‘‘password_here’’); і прибираємо фразу password_here, при встановленні на
локальний сервер пароль не потрібний (3.8).
Рисунок 3.8 – Створення паролю
Унікальні ключі аутентифікації. Треба знайти наступні рядки:
define(‘AUTH_KEY’, ‘впишіть сюди унікальну фразу’);
define(‘SECURE_AUTH_KEY’, ‘впишіть сюди унікальну фразу’);
define(‘LOGGED_IN_KEY’, ‘впишіть сюди унікальну фразу’);
define(‘NONCE_KEY’, ‘впишіть сюди унікальну фразу’);
define(‘AUTH_SALT’, ‘впишіть сюди унікальну фразу’);
define(‘SECURE_AUTH_SALT’, ‘впишіть сюди унікальну фразу’);
define(‘LOGGED_IN_SALT’, ‘впишіть сюди унікальну фразу’);
define(‘NONCE_SALT’, ‘впишіть сюди унікальну фразу’);
І додаєм в них які ні будь свої, довільні символи, щоб зробити їх
унікальними. Наприклад так:
define(‘AUTH_KEY’, ‘sadfg’);
define(‘SECURE_AUTH_KEY’, ‘zandcjvgbj’);
define(‘LOGGED_IN_KEY’, ‘ghknjav’);
define(‘NONCE_KEY’, ‘klmamg’);
define(‘AUTH_SALT’, ‘kshikns’);
define(‘SECURE_AUTH_SALT’, ‘sakh’);
define(‘LOGGED_IN_SALT’, ‘fdjfgjmfgh’);
define(‘NONCE_SALT’, ‘sadgfgh’);
Після внесення всіх змін зберігаємо файл. Тепер все готово, щоб перейти
безпосередньо до установки Wordpress на Денвер (локальний сервер). Для
того, щоб запустити установку, необхідно в адресному рядку нашого браузера
ввести адресу: http://localhost/wordpress і натиснути Enter. В результаті
запуститься установка Wordpress.
3.2.4 Дизайн web-орієнтованої інформаційної системи
Сайт фірми з оренди сільгосптехніки RentAgro виконано у стриманій
кольоровій гамі, яка легко сприймається. Для побудови структури сайту
Арк.
ЧДТУ 211978.001 ПЗ 37
Зм н . Арк. № докум. Підпис Дата
використана популярна безкоштовна систем управління сайтами WordPress з
відкритим вихідним текстом (OpenSource).
Для перегляду і використання повного функціоналу рекомендовано
використовувати Internet Explorer 7, Mozilla Firefox 3.6, Safari 5, Google Chrome
10, Opera 9 або більш нові версіїї цих браузерів. Використання старіших
браузерів (таких, як Internet Explorer 6) може призвести до некоректного
відображення змісту або блокуванню деяких функцій.
Сайт побудовано повністю українською мовою.
Для сайту було окремо створено логотип, з зображенням трактора і назви
компанії, розташований у верхньому лівому куті. Також на основі останніх
тенденцій сайтобудування моя інформаційна система створена як LandingPage,
тобто усі основні функції є на одній сторінці з дублюванням при переході з
головного меню. Використано для дизайну сайту безкоштовну тему Wordpress.
Детально дизайн і функціонал сайту описано в додатках.
Для перегляду і використання повного функціоналу рекомендовано
використовувати Internet Explorer 7, Mozilla Firefox 3.6, Safari 5, Google Chrome
10, Opera 9 або більш нові версіїї цих браузерів. Використання старіших
браузерів (таких, як Internet Explorer 6) може призвести до некоректного
відображення змісту або блокуванню деяких функцій.
Інформаційний портал компанії по наданню в оренду агротехніки
RentAgro http://rentagro.com виконано у стриманій стильній зелено-біло-чорній
кольоровій гамі, яка легко сприймається користувачами. Для побудови
структури сайту використана популярна безкоштовна систем управління
сайтами WordPress з відкритим вихідним текстом (OpenSource).
Головна сторінка сайту розроблена за останніми дизайнерськими
віяннями у стилі Landing Page. Фактично тут є уся інформація, яка потрібна
користувачам, але вирішено було доповнити сайт ще кількома сторінками для
більш повного висвітлення роботи і задач компанії RentAgro.
Арк.
ЧДТУ 211978.001 ПЗ 38
Зм н . Арк. № докум. Підпис Дата
Головне меню стандартно розташоване у верхній частині сайту і
відображає роботу компанії, яка надає в оренду сільськогосподарську
RentAgro (Рисунок 3.9):
Рисунок 3.9 – Головне меню.
Меню було створено в Консолі (Рисунок 3.10):
Рисунок 3.10 – Головне меню в Консолі.
Головна. На головній сторінці користувач може обрати техніку для
оренди, прочитати про переваги компанії, ознайомитися з поширеними
питаннями, продивитися останні дописи в блозі, а також зв’язатися з
підтримкою користувачів, заповнивши форму в кінці сторінки. В підвалі
сторінки також є швидкий доступ до інших розділів сайту (Рисунок 3.11).
Арк.
ЧДТУ 211978.001 ПЗ 39
Зм н . Арк. № докум. Підпис Дата
Рисунок 3.11 – Головна сторінка.
Агротехніка. На сторінці користувачі мають змогу переглянути повний
список агротехніки, яка доступна до бронювання, ознайомитись з
характеристиками техніки, цінами на оренду. Праворуч на сторінці розміщено
форму для внесення даних для бронювання, а також фільтр по ціні, відгуки
клієнтів в каруселі та телефон Центру Допомоги для швидких відповідей на
питання. В підвалі сторінки – традиційно форма для внесення еmail для
підписки на новини сайту та посилання швидкого доступу до інших сторінок
сайту (Рисунок 1.4).
Арк.
ЧДТУ 211978.001 ПЗ
40
Зм н . Арк. № докум. Підпис Дата
Рисунок 1.4. Сторінка «Агротехніка»
Після заповнення всіх полів у формі для бронювання техніки (місця
отримання та повернення техніки, дат, типу техніки тощо) користувач
потрапляє на сторінку бронювання, де перевіряє дані та вносить додаткові
(Рисунок 1.5)
Арк.
ЧДТУ 211978.001 ПЗ 41
Зм н . Арк. № докум. Підпис Дата
Рисунок 1.5. Сторінка «Бронювання агротехніки»
Натиснувши кнопку «Забронювати зараз» користувач переходить на
сторінку оформлення бронювання, вносить платіжні реквізити (спосіб оплати,
купон на знижку, адреси тощо (Рисунок 1.6).
Арк.
ЧДТУ 211978.001 ПЗ
Зм н. Арк. № докум. Підпис Дата 42
Рисунок 1.6. Сторінка «Оформлення бронювання»
Підтвердивши замовлення, користувач перейде на сторінку кошика
замовлень, де може ввести кількість та застосувати купон на знижку при
наявності (Рисунок 1.7).
Арк.
ЧДТУ 211978.001 ПЗ 43
Зм н . Арк. № докум. Підпис Дата
Рисунок 1.7. Сторінка «Кошик».
Натиснувши кнопку переходу до оформлення замовлення користувач
потрапить на сторінку з деталями бронювання (Рисунок 1.8). Деталі
бронювання дублюються замовнику на вказану в замовленні електронну
пошту та на сайті на сторінці «Мій Акаунт» в розділі «Замовлення».
Арк.
ЧДТУ 211978.001 ПЗ 44
Зм н . Арк. № докум. Підпис Дата
Рисунок 1.8. Сторінка «Деталі бронювання».
Деталі бронювання дублюються замовнику на вказану в замовленні
електронну пошту та на сайті на сторінці «Мій Акаунт» в розділі
«Замовлення» (Рисунок 1.9). Тут користувач може переглянути або
відредагувати своє замовлення (Рисунок 1.10).
Арк.
ЧДТУ 211978.001 ПЗ 45
Зм н . Арк. № докум. Підпис Дата
Рисунок 1.9. Сторінка «Мій Акаунт».
Рисунок 1.10. Сторінка «Перегляд бронювання».
Арк.
ЧДТУ 211978.001 ПЗ 46
Зм н . Арк. № докум. Підпис Дата
Всі бронювання користувачів адміністратор сайту має змогу переглянути
та обробити в Консолі. Для цього було підключено плагін WooCommerce з
широкими можливостями налаштувань (Рисунок 1.11).
Рисунок 1.11. Замовлення користувачів в Консолі.
Поширені питання. На сайті розміщено перелік найпоширеніших питань,
які можуть виникнути у користувачів при бронюванні та відповіді на них. На
боковій панелі ліворуч – категорії блогу та координати Центру допомоги. В
підвалі – форма для зв’язку та посилання для швидкого доступу на сторінки
сайту (Рисунок 1.12).
Арк.
ЧДТУ 211978.001 ПЗ
47
Зм н . Арк. № докум. Підпис Дата
Рисунок 1.12. Сторінка «Поширені питання».
Блог. На цій сторінці розміщено статті та новини на різноманітні теми, які
впорядковано по категоріям, які можна обрати на боковій панелі сайту. В
статтях показано, що можна в них розміщувати різні типи візуальної
інформації, як то слайди з фото, поодинокі фото в статтях, відео з YouTube,
прості тексти та виділені цитати на чорному тлі.
На боковій панелі – пошук по сайту, відгуки клієнтів, архів дописів блогу.
В підвалі сайту – традиційно інформація про швидкий доступ та email для
підписок користувачів на новини сайту (Рисунок 1.13).
Арк.
ЧДТУ 211978.001 ПЗ 48
Зм н . Арк. № докум. Підпис Дата
Рисунок 1.13. Сторінка «Блог».
Також на сайті є можливість залишити коментарі до новин в блозі. Для
цього користувач має зареєструватись, заповнивши стандартну форму на сайті
або якщо вже зареєстрований на сайті, то лише ввести в форму логін та пароль
(Рисунок 1.14).
Арк.
ЧДТУ 211978.001 ПЗ 49
Зм н . Арк. № докум. Підпис Дата
Рисунок 1.14. Форма входу на сайт користувача.
Контакти. На сайті також присутня інформація про адресу компанії,
контактні телефони, електронну адресу. На цій сторінці користувачі мають
змогу поставити питання через форму зворотнього зв’язку, заповнивши поля
форми і натиснувши «Відправити». Ця інформація направляється на
електронну пошту адміністратора сайту (Рисунок 1.15).
Рисунок 1.15. Сторінка «Контакти».
Арк.
ЧДТУ 211978.001 ПЗ 50
Зм н . Арк. № докум. Підпис Дата
Мій Акаунт. На інформаційній панелі облікового запису користувач може
переглядати останні замовлення, керувати своїми відправними та платіжними
адресами, редагувати свій пароль та реквізити (Рисунок 1.16).
Рисунок 1.16. Сторінка «Мій Акаунт».
Для управління вмітом сайту адміністратор сайту входить в Консоль
WordPress, де адмініструє та налаштовує сайт. Ліворуч в головній Консолі
розміщено меню налаштування сайтом (Рисунок 1.17).
Рисунок 1.17. Головна Консоль.
Зокрема, можна додати нові новини, додати або видалити нові сторінки на
сайт, переглянути зареєстрованих користувачів сайту, їх коментарі до записів,
Арк.
ЧДТУ 211978.001 ПЗ 51
Зм н . Арк. № докум. Підпис Дата
додати чи видалити медіафайли тощо (Рисунок 1.18, Рисунок 1.19, Рисунок
1.20).
Рисунок 1.18. Записи блогу в Консолі.
Рисунок 1.19. Медіафайли в Консолі.
Арк.
ЧДТУ 211978.001 ПЗ 52
Зм н . Арк. № докум. Підпис Дата
Рисунок 1.20. Сторінки сайту в Консолі.
В головній Консолі адміністратор має можливість ввести нову агротехніку
для оренди або редагувати її властивості (Рисунок 1.21).
Рисунок 1.21. Техніка в Консолі.
Також в консолі Адміністратор вносить локації, в яких можна брати в
оренду техніку і повертати її. Внесені локації можна редагувати (Рисунок
1.22).
Арк.
ЧДТУ 211978.001 ПЗ 53
Зм н . Арк. № докум. Підпис Дата
Рисунок 1.22. Локації в Консолі.
Дизайн самого сайту розроблено за допомогою блоків у візуальному
редакторі, підключеного за допомогою плагіну WP Bakery (Рисунок 1.23) та
різноманітних віджетів (Рисунок 1.24) на бокових панелях сайту. Віджети для
WordPress – це вбудовані в CMS елементи, які використовується для
поліпшення сайту.
Рисунок 1.23. Редагування за допомогою плагіну WP Bakery.
Арк.
ЧДТУ 211978.001 ПЗ 54
Зм н . Арк. № докум. Підпис Дата
Рисунок 1.22 – Віджети в Консолі.
3.3 Висновки до розділу 3
В третьому розділі обґрунтовано вибір засобу розроби WEB-орієнтованої
системи, а саме WordPress 3.3.2. Вибір даного пакету обґрунтований тим, що
його освоєння віднімає мало часу, під час розробки доступний попередній
перегляд кожної окремо зробленої операції, доступна велика кількість функцій
(організація інтерактивних елементів сайту, створення гіперпосилань в
декілька натисків мишки і тому подібне), пакет підтримує велику кількість
технологій (HTML, PHP, ASP, Java, XML, XSLT, CSS та інші).
В розділі детально описано процес створення WEB-орієнтованої системи
прокату автомобілів і бази даних.
Арк.
ЧДТУ 211978.001 ПЗ 55
Зм н . Арк. № докум. Підпис Дата
ВИСНОВКИ
Розробка web-орієнтованої системи фірми з надання в оренду
сільськогосподарської техніки дозволяє швидко і ефективно накопичувати,
зберігати, надавати і обробляти інформацію з оренди техніки.
Нові інформаційні технології дозволяють не лише скорочувати час для
збору та обробки інформації, а й відкривають нові можливості для її творчого
осмислення і, як результат, створення нових підходів до розробки і реалізації
бізнес-процеців.
У кваліфікаційній роботі бакалавра створено WEB-орієнтовану
інформаційну систему фірми з надання в оренду сільськогосподарської
техніки засобами системи керування вмістом сайту з відкритим вихідним
кодом – Wordpress. Система містить загальну інформацію про наявну для
оренди техніку, вибір сільгосптехніки за критеріями, інформацію про умови
оренди, інформацію про наявні додаткові послуги тощо.
Web-орієнтована інформаційна система фірми з надання в оренду
сільськогосподарської техніки розроблена з урахуванням недоліків
проаналізованих подібних систем оренди сільгосптехніки, а саме: наявність
миттєвої оплати через PayPal, великої кількості критеріїв вибору техніки,
проста й зрозуміла форма оформлення замовлення тощо. Web-орієнтована
інформаційна система фірми з надання в оренду сільськогосподарської
техніки розроблена з урахування правил ергономіки створення сайтів, має
стриману кольорову гамму.
Таким чином, можна стверджувати, що мета роботи досягнута і всі
вимоги технічного завдання виконані у повному обсязі.
Арк.
ЧДТУ 211978.001 ПЗ 56
Зм н . Арк. № докум. Підпис Дата
ДОДАТОК A
ЗАТВЕРДЖЕНО
Зав. кафедри ІТП, проф.
_________________ Прокопенко Т.О.
«____» ________________ 2021 р.
WEB-ОРІЄНТОВАНА ІНФОРМАЦІЙНА СИСТЕМА ФІРМИ З НАДАННЯ В
ОРЕНДУ СІЛЬСЬКОГОСПОДАРСЬКОЇ ТЕХНІКИ
Специфікація
482 ЧДТУ 21978-01
Листів 2
Розробник _______________ Бабенко С.М.
Керівник _______________ Карапетян А.Р.
Н. Контроль _______________ Колесніков К.В.
Черкаси, 2021
2
482 ЧДТУ 21000-01
Позначення Найменування Примітка
Документація
482 ЧДТУ 21978-01 12 01 Текст програми
WEB-ОРІЄНТОВАНА ІНФОРМАЦІЙНА СИСТЕМА ФІРМИ З НАДАННЯ В
ОРЕНДУ СІЛЬСЬКОГОСПОДАРСЬКОЇ ТЕХНІКИ
482 ЧДТУ 21978-01 12 01
Текст програми
Листів 14
Розробник _____________ Бабенко С.М.
Н
Черкаси, 2020
2
482 ЧДТУ 21978-01 12 01
Програмний код віджету Центру допомоги, який розміщено на кількох
сторінках на боковій панелі сайту:
add_shortcode(‘rentit_HELPING_CENTER_Wigdet_class’, ‘rentit_HELPING_CENTER_Wigdet_function’);
function rentit_HELPING_CENTER_Wigdet_function($atts, $content)
{
$atts = shortcode_atts(
array(
‘title’ => esc_html__(‘ ЦЕНТР ДОПОМОГИ’, ‘rentit’),
‘text’ => esc_html__(‘Будемо раді допомогти!’, ‘rentit’),
‘phone_number’ => ‘+38 099 111 22 33’,
‘email’ => ‘[email protected]’,
‘url’ => ‘#’
), $atts
);
ob_start();
the_widget(‘rentit_HELPING_CENTER_Wigdet_class’, array(
‘title’ => $atts[‘title’],
‘text’ => $atts[‘text’],
‘phone_number’ => $atts[‘phone_number’],
‘email’ => $atts[‘email’],
‘url’ => $atts[‘url’]
), array(
‘name’ => esc_html__(‘sidebar’, "rentit"),
‘id’ => ‘rentit_sidebar’,
‘before_widget’ => ‘<aside class="widget shadow rentit_card-widget %s">‘,
‘after_widget’ => ‘</aside>‘,
‘before_title’ => ‘<h1 class="widget-title">‘,
‘after_title’ => ‘</h1>‘,
));
return ob_get_clean();
}
Програмний код віджету Форми зворотнього зв’язку на сторінці Контакти:
<div class="row">
<div class="col-md-6">
<!-- Форма зворотнього зв*язку -->
<!-- Форма зворотнього зв*язку -->
<form name="contact-form" method="post" action="#" class="contact-form" id="contact-form">
3
482 ЧДТУ 21978-01 12 01
<div class="row">
<div class="col-md-6">
<div class="outer required">
<div class="form-group af-inner has-icon">
<label class="sr-only" for="name"><?php esc_html_e(
‘Ім*я’, ‘rentit’ ); ?></label>
<input
type="text" name="name" id="name"
placeholder="<?php esc_html_e( ‘Ім*я’,
‘rentit’ ); ?>" value="" size="30"
data-toggle="tooltip" title="<?php esc_html_e(
‘Ім*я обов*язкове’, ‘rentit’ ); ?>"
class="form-control placeholder"/>
<span class="form-control-icon"><i class="fa fa-
user"></i></span>
</div>
</div>
</div>
<div class="col-md-6">
<div class="outer required">
<div class="form-group af-inner has-icon">
<label class="sr-only" for="email"><?php esc_html_e(
‘Email’, ‘rentit’ ); ?></label>
<input
type="text" name="email" id="email"
placeholder="<?php esc_html_e( ‘Email’,
‘rentit’ ); ?>" value="" size="30"
data-toggle="tooltip" title="<?php esc_html_e(
‘Email обов*язковий’, ‘rentit’ ); ?>"
class="form-control placeholder"/>
<span class="form-control-icon"><i class="fa fa-
envelope"></i></span>
</div>
</div>
</div>
4
482 ЧДТУ 21978-01 12 01
</div>
<?php if ( $atts[‘show_subject’] == true ): ?>
<div class="outer required">
<div class="form-group af-inner has-icon">
<label class="sr-only" for="subject"><?php esc_html_e( ‘Тема’,
‘rentit’ ); ?></label>
<input
type="text" name="subject" id="subject"
placeholder="<?php esc_html_e( ‘Тема’, ‘rentit’ ); ?>"
value="" size="30"
data-toggle="tooltip" title="<?php esc_html_e( ‘Тема
повідомлення обов*язкова’, ‘rentit’ ); ?>"
class="form-control placeholder"/>
<span class="form-control-icon"><i class="fa fa-
bars"></i></span>
</div>
</div>
<?php endif; ?>
<div class="form-group af-inner has-icon">
<label class="sr-only" for="input-message"><?php esc_html_e( ‘Повідомлення’,
‘rentit’ ); ?></label>
<textarea
name="message" id="input-message"
placeholder="<?php esc_html_e( ‘Повідомлення’, ‘rentit’ ); ?>" rows="4" cols="50"
data-toggle="tooltip"
title="<?php esc_html_e( ‘Повідомлення обов*язкове’, ‘rentit’ ); ?>"
class="form-control placeholder"></textarea>
<span class="form-control-icon"><i class="fa fa-bars"></i></span>
</div>
<div class="outer required">
<div class="form-group af-inner">
<input type="submit" name="submit"
class="form-button form-button-submit btn btn-block btn-theme
ripple-effect btn-theme-dark"
id="submit_btn" value="Відправити повідомлення"/>
</div>
</div>
5
482 ЧДТУ 21978-01 12 01
</form>
Програмний код віджету Відгуки на боковій панелі сайту:
<?php
/**
* testimonials
*/
add_shortcode(‘rentit_testimonials’, ‘rentit_testimonials_function’);
function rentit_testimonials_function($atts, $content)
{
ob_start();
global $Rent_IT_class;
$atts = shortcode_atts(
array(
‘numbers’ => 3,
‘items’ => ‘‘,
), $atts
);
extract($atts);
$items_v = array();
if (function_exists(‘vc_param_group_parse_atts’)) {
$items_v = vc_param_group_parse_atts($items);
}
?>
<!-- PAGE -->
<section class="page-section testimonials">
<div class="container wow fadeInUp" data-wow-offset="70" data-wow-delay="500ms">
<div class="testimonials-carousel">
<div class="owl-carousel" id="testimonials">
<?php
if (count($items_v) > 0) {
foreach ($items_v as $item) {
?>
<div class="testimonial">
<div class="media"> <?php if (!empty($item[‘img_src’])): ?>
<div class="media-left">
<a href="#">
<img class="media-object testimonial-avatar"
src="<?php
$img = wp_get_attachment_image_src($item[‘img_src’]);
echo esc_url($Rent_IT_class->trim_img_by_url(
$img[0], 140, 140)); ?>"
alt="<?php if(isset($item[‘title’])) echo wp_kses_post($item[‘title’]); ?>">
</a>
</div> <?php endif; ?>
<div class="media-body">
<div class="testimonial-text">
<?php
6
482 ЧДТУ 21978-01 12 01
if(isset($item[‘des’])) echo wp_kses_post($item[‘des’]); ?>
</div>
<div
class="testimonial-name"><?php if(isset($item[‘title’])) echo wp_kses_post($item[‘title’]); ?>
<span
class="testimonial-position">
<?php
if (isset($item[‘position’]{0}))
echo wp_kses_post($item[‘position’]);
?>
</span>
</div>
</div>
</div>
</div>
<?php
}
}
?>
</div>
</div>
</div>
</section>
<!-- /PAGE -->
<?php
return ob_get_clean();
}?>
Програмний код дописів сторінки Блогу:
<?php
/**
* Created by PhpStorm.
* User: Pro
*/
add_shortcode(‘rentit_recent_blog_post’, ‘rentit_recent_blog_post_function’);
function rentit_recent_blog_post_function($atts, $content)
{
ob_start();
global $Rent_IT_class, $post;
$args = array(
‘posts_per_page’ => 2,
‘post_type’ => ‘post’,
‘orderby’ => ‘title’,
‘meta_query’ => array(array(‘key’ => ‘_thumbnail_id’))
7
482 ЧДТУ 21978-01 12 01
);
$rent_blog_query = new WP_Query($args);
global $post;
$points = array();
$duplictas = array();
if ($rent_blog_query->have_posts()):
while ($rent_blog_query->have_posts()) {
$rent_blog_query->the_post();
?>
<div class="col-md-6 wow fadeInLeft" data-wow-offset="200" data-wow-delay="200ms">
<div class="recent-post alt">
<div class="media">
<a class="media-link"
href="<?php echo esc_url(get_permalink(get_the_ID())); ?>">
<?php
$cat_lists = wp_get_post_terms(get_the_ID(), ‘category’, array("fields" => "all"));
if (count($cat_lists) > 0) {
echo ‘<div class="badge type">‘;
$get_cat = array();
foreach ($cat_lists as $cat) {
$get_cat[] = $cat->name;
}
echo wp_kses_post($get_cat[0]);
echo ‘</div>‘;
}
?>
<?php
$post_format = get_post_format();
if ($post_format == ‘video’ || $post_format == ‘gallery’ || $post_format == ‘image’) {
$icon = ‘‘;
switch ($post_format) {
case ‘video’:
$icon = ‘fa-video-camera’;
break;
case ‘gallery’:
case ‘image’:
$icon = ‘fa-image’;
break;
default:
// Display nothing
$icon = ‘‘;
break;
}
?>
<div class="badge post">
<i class="fa <?php echo esc_attr($icon); ?>"></i>
</div>
<?php } else { ?>
<div class="badge post">
<i class="fa fa-image"></i>
</div>
<?php } ?>
<img class="media-object"
src="<?php $Rent_IT_class->get_post_thumbnail(get_the_ID(), 555, 263); ?>"
8
482 ЧДТУ 21978-01 12 01
alt="">
<i class="fa fa-plus"></i>
</a>
<div class="media-left">
<div class="meta-date">
<div class="day"><?php echo wp_kses_post(get_the_date(‘d’)); ?></div>
<div class="month"><?php echo wp_kses_post(get_the_date(‘M’)); ?></div>
</div>
</div>
<div class="media-body">
<div class="media-meta">
<?php
$author = esc_html__(‘By ‘, ‘rentit’) . ‘<a href="‘ .
esc_url(get_author_posts_url(get_the_author_meta(‘ID’))) . ‘">‘ . get_the_author() . ‘</a>‘;
echo wp_kses_post($author);
?>
<?php if (comments_open()) : ?>
<span class="divider">|</span>
<a
href="<?php echo esc_url(get_post_reply_link()) ?>"><i
class="fa fa-comment"></i><?php echo wp_kses_post(get_comments_number()); ?>
</a>
<?php endif; ?>
<span class="divider">|</span>
<a data-id="<?php echo wp_kses_post(get_the_ID()); ?>" class="heart_post_like" href="#">
<i class="fa fa-heart"> </i>
<?php echo esc_html((int)get_post_meta(get_the_ID(), ‘_rentit_post_like’,true)); ?>
</a>
<span class="divider">|</span><a href="#"><i
class="fa fa-share-alt"></i></a>
</div>
<h4 class="media-heading">
<a href="<?php echo esc_url(get_permalink(get_the_ID())); ?>">
<?php echo esc_html(get_the_title(get_the_ID())); ?>
</a>
</h4>
<div class="media-excerpt"><?php the_excerpt(); ?>
</div>
</div>
</div>
</div>
</div>
<?php
}
wp_reset_postdata();
endif;
?>
<?php
return ob_get_clean();
9
482 ЧДТУ 21978-01 12 01
} ?>
Програмний код віджету Наша команда на головній сторінці сайту:
<?php
if ( ! defined( ‘ABSPATH’ ) ) {
exit; // Exit if accessed directly
}
if ( ! class_exists( ‘rentit_VC_Team’ ) ) :
class rentit_VC_Team {
public $settings;
public function __construct() {
add_shortcode( ‘rentit_team’, array($this, ‘rentit_vc_elem_team’) );
add_action( ‘vc_before_init’, array($this, ‘rentit_vc_elem_team_map’) );
}
/**
* Define shortcode
* @package Rent It
* @since Rent It 1.0
*/
public function rentit_vc_elem_team( $atts ) {
$default = array(
‘class’ => ‘‘,
‘name’ => ‘‘,
‘avatar’ => ‘‘,
‘position’ => ‘‘,
‘socials’ => ‘‘,
‘bio’ => ‘‘,
‘email’ => ‘‘,
‘other_contacts’ => ‘‘
);
extract( shortcode_atts( $default, $atts ) );
global $Rent_IT_class;
$photo = wp_get_attachment_image_src( $avatar, apply_filters(‘rentit-team-photo-size’, ‘full’) );
$photo = ‘<img src="‘. esc_attr($Rent_IT_class->trim_img_by_url($photo[0], 270, 270)).’" alt="‘.esc_attr($name).’"
/>‘;
$social_icons = vc_param_group_parse_atts($socials);
$other_contacts = isset($atts[‘other_contacts’]) ? vc_param_group_parse_atts($atts[‘other_contacts’]) : ‘‘;
$css = (isset($atts[‘css’])) ? $atts[‘css’] : ‘‘;
$css_class = apply_filters( VC_SHORTCODE_CUSTOM_CSS_FILTER_TAG, vc_shortcode_custom_css_class(
$css, ‘ ‘ ), $this->settings[‘base’], $atts );
ob_start(); ?>
<div class="rentit-team thumbnail thumbnail-team no-border no-padding <?php echo esc_attr($class . ‘ ‘ .$css_class);
?>">
10
482 ЧДТУ 21978-01 12 01
<div class="media">
<?php echo wp_kses_post($photo); ?>
</div>
<div class="caption">
<h4 class="caption-title">
<?php echo wp_kses_post($name); ?>
<small><?php echo wp_kses_post($position); ?></small>
</h4>
<?php
if(count($social_icons) > 0){
echo ‘<ul class="social-icons">‘;
foreach ($social_icons as $icon) {
if(!isset($icon[‘url’])) continue;
$link = vc_build_link($icon[‘url’]);
if( !empty($icon[‘url’]) ):
$html = ‘<li>‘;
$html .= ‘<a target="_blank" href="‘.esc_url($link[‘url’]).’" title="‘.esc_attr($link[‘title’]).’"
target="‘.$link[‘target’].’">‘;
$html .= ‘<i class="fa ‘.esc_attr($icon[‘icon’]).’"></i>‘;
$html .= ‘</a>‘;
$html .= ‘</li>‘;
endif;
echo wp_kses_post($html);
}
echo ‘</ul>‘;
}
?>
<div class="caption-text">
<?php echo wp_kses_post($bio); ?>
</div>
<?php
if( count($other_contacts) > 0 || !empty($atts[‘email’]) ){
$html = ‘<ul class="team-details">‘;
if( count($other_contacts) > 0 && is_array($other_contacts) ):
foreach ($other_contacts as $contact) {
if( !empty($contact[‘contact_label’]) && !empty($contact[‘contact_address’]) ){
$html .= ‘<li>‘.$contact[‘contact_label’].’: ‘.$contact[‘contact_address’].’</li>‘;
}
}
endif;
11
482 ЧДТУ 21978-01 12 01
if(isset($atts[‘email’])){
$html .= ‘<li><a href="mailto:’.esc_attr($atts[‘email’]).’"
target="_blank">‘.esc_attr($atts[‘email’]).’</a></li>‘;
}
$html .= ‘</ul>‘;
echo wp_kses_post($html);
}
?>
</div>
</div><!-- /.rentit-team -->
<?php
return ob_get_clean();
}
/**
* Shortcode MAP
* @package Rent It
* @since Rent It 1.0
*/
public function rentit_vc_elem_team_map() {
$js = array();
$css = array();
$params = array(
array(
‘type’ => ‘attach_image’,
‘holder’ => ‘div’,
‘class’ => ‘‘,
‘heading’ => esc_html__(‘Avatar’, ‘rentit’),
‘param_name’ => ‘avatar’
),
array(
‘type’ => ‘textfield’,
‘holder’ => ‘div’,
‘class’ => ‘‘,
‘heading’ => esc_html__( ‘Name’, ‘rentit’ ),
‘param_name’ => ‘name’,
‘value’ => esc_html__( ‘‘, ‘rentit’ ),
‘description’ => esc_html__( ‘Team member name.’, ‘rentit’ )
),
array(
‘type’ => ‘textfield’,
‘holder’ => ‘div’,
‘class’ => ‘‘,
‘heading’ => esc_html__( ‘Position’, ‘rentit’ ),
‘param_name’ => ‘position’,
),
12
482 ЧДТУ 21978-01 12 01
array(
‘type’ => ‘param_group’,
‘holder’ => ‘div’,
‘heading’ => esc_html__(‘Socials’, ‘rentit’),
‘param_name’ => ‘socials’,
‘params’ => array(
array(
‘type’ => ‘textfield’,
‘holder’ => ‘div’,
‘heading’ => esc_html__(‘Icon’, ‘rentit’),
‘param_name’ => ‘icon’,
‘description’ => esc_html__(‘Put a Font Awesome https://fortawesome.github.io/Font-Awesome/cheatsheet/
icon class name. Example: fa-home’, ‘rentit’)
),
array(
‘type’ => ‘vc_link’,
‘holder’ => ‘div’,
‘heading’ => esc_html__( ‘URL’, ‘rentit’ ),
‘param_name’ => ‘url’,
),
),
),
array(
‘type’ => ‘textfield’,
‘holder’ => ‘div’,
‘class’ => ‘‘,
‘heading’ => esc_html__( ‘Email’, ‘rentit’ ),
‘param_name’ => ‘email’,
‘value’ => esc_html__( ‘‘, ‘rentit’ )
),
array(
‘type’ => ‘param_group’,
‘holder’ => ‘div’,
‘heading’ => esc_html__(‘Other Contact Details’, ‘rentit’),
‘param_name’ => ‘other_contacts’,
‘params’ => array(
array(
‘type’ => ‘textfield’,
‘holder’ => ‘div’,
‘heading’ => esc_html__(‘Label’, ‘rentit’),
‘param_name’ => ‘contact_label’,
‘description’ => esc_html__(‘Label for contact. E.g. Skype’, ‘rentit’)
),
array(
‘type’ => ‘textfield’,
‘holder’ => ‘div’,
‘heading’ => esc_html__(‘Address’, ‘rentit’),
‘param_name’ => ‘contact_address’,
‘description’ => esc_html__(‘Contact address.’, ‘rentit’)
),
),
),
array(
‘type’ => ‘textarea’,
‘holder’ => ‘div’,
‘class’ => ‘‘,
‘heading’ => esc_html__( ‘Bio’, ‘rentit’ ),
‘param_name’ => ‘bio’,
13
482 ЧДТУ 21978-01 12 01
),
array(
‘type’ => ‘textfield’,
‘holder’ => ‘div’,
‘class’ => ‘‘,
‘heading’ => esc_html__( ‘Class’, ‘rentit’ ),
‘param_name’ => ‘class’,
‘value’ => esc_html__( ‘‘, ‘rentit’ ),
‘description’ => esc_html__( ‘CSS class.’, ‘rentit’ )
),
array(
‘type’ => ‘css_editor’,
‘heading’ => esc_html__( ‘Css’, ‘rentit’ ),
‘param_name’ => ‘css’,
‘group’ => esc_html__( ‘Design options’, ‘rentit’ ),
)
);
vc_map( array(
‘name’ => esc_html__( ‘Rent It Team’, ‘rentit’ ),
‘base’ => ‘rentit_team’,
‘class’ => ‘‘,
"icon" => get_template_directory_uri() . "/img/rentit.png", // Simply pass url to your icon here
"category" => esc_html__("Rent It", ‘rentit’),
‘js_view’ => ‘RentitVcTeamView’,
‘custom_markup’ => ‘{{title}}<div class="vc_btn3-container"><h4 class="team-name"></h4></div>‘,
‘params’ => $params
) );
}
}
endif;
return new rentit_VC_Team();
Програмний код віджету Статистика на головній сторінці сайту:
<?php
add_shortcode(‘rentit_statistics’, ‘rentit_statistics_function’);
function rentit_statistics_function($atts, $content)
{
ob_start();
$atts = shortcode_atts(
array(
‘h_s’ => esc_html__("What a Kind of Car You Want", "rentit"),
‘h’ => esc_html__(‘Great Rental Offers for You’ ,"rentit"),
‘number_1’ => 5657,
‘title_1’ => esc_html__("Happy costumers", "rentit"),
‘number_2’ => 657,
‘title_2’ => esc_html__("Total car count", "rentit"),
‘number_3’ => esc_html__("1.255.657", "rentit"),
‘title_3’ => esc_html__("Total KM/MIL", "rentit"),
‘number_4’ => esc_html__("1255", "rentit"),
‘title_4’ => esc_html__("Call Center Solutions", "rentit"),
‘fa_1’ => ‘fa-heart’,
‘fa_2’ => ‘fa-car’,
14
482 ЧДТУ 21978-01 12 01
‘fa_3’ => ‘fa-flag’,
‘fa_4’ => ‘fa-comments-o’,
), $atts
);
?>
<section class="page-section image">
<div class="container">
<div class="row">
<div class="col-md-3 col-sm-6 wow fadeInDown" data-wow-offset="200" data-wow-delay="100ms">
<div class="thumbnail thumbnail-counto no-border no-padding">
<div class="caption">
<div class="caption-icon"><i class="fa <?php echo esc_attr($atts[‘fa_1’]); ?>"></i></div>
<div class="caption-number"><?php echo wp_kses_post($atts[‘number_1’]); ?></div>
<h4 class="caption-title"><?php echo wp_kses_post($atts[‘title_1’]); ?></h4>
</div>
</div>
</div>
<div class="col-md-3 col-sm-6 wow fadeInDown" data-wow-offset="200" data-wow-delay="200ms">
<div class="thumbnail thumbnail-counto no-border no-padding">
<div class="caption">
<div class="caption-icon"><i class="fa <?php echo esc_attr($atts[‘fa_2’]); ?>"></i></div>
<div class="caption-number"><?php echo wp_kses_post($atts[‘number_2’]); ?></div>
<h4 class="caption-title"><?php echo wp_kses_post($atts[‘title_2’]); ?></h4>
</div>
</div>
</div>
<div class="col-md-3 col-sm-6 wow fadeInDown" data-wow-offset="200" data-wow-delay="300ms">
<div class="thumbnail thumbnail-counto no-border no-padding">
<div class="caption">
<div class="caption-icon"><i class="fa <?php echo esc_attr($atts[‘fa_3’]); ?> "></i></div>
<div class="caption-number"><?php echo wp_kses_post($atts[‘number_3’]); ?></div>
<h4 class="caption-title"><?php echo wp_kses_post($atts[‘title_3’]); ?></h4>
</div>
</div>
</div>
<div class="col-md-3 col-sm-6 wow fadeInDown" data-wow-offset="200" data-wow-delay="400ms">
<div class="thumbnail thumbnail-counto no-border no-padding">
<div class="caption">
<div class="caption-icon"><i class="fa <?php echo esc_attr($atts[‘fa_4’]); ?>"></i></div>
<div class="caption-number"><?php echo wp_kses_post($atts[‘number_4’]); ?></div>
<h4 class="caption-title"><?php echo wp_kses_post($atts[‘title_4’]); ?></h4>
</div>
</div>
</div>
</div>
</div>
</section>
<?php
return ob_get_clean();
}
15
482 ЧДТУ 21978-01 12 01
СПИСОК ВИКОРИСТАНИХ ДЖЕРЕЛ
1. Информационные системы в экономике: учебник для
академического бакалавриата [Текст] / В. Н. Волкова, В. Н. Юрьев, С. В.
Широкова, А. В. Логинова ; под редакцией В. Н. Волковой, В. Н. Юрьева. —
Москва : Издательство Юрайт, 2019. — 402 с.
2. Агальцов В.П. Локальные базы данных [Текст] – М.:Изд-во ООО
НВП "ИНЭК", 2016. – 52с.;
3. Агальцов В.П. Распределенные и удаленные базы даннях [Текст]
– М.:Изд-во ООО НВП "ИНЭК", 2016. – 83с.;
4. Кожевникова Г. П. Информационные системы и технологии в
маркетинге: учебное пособие [Текст] / Г. П. Кожевникова, Б. Е. Одинцов. —
Москва : Издательство Юрайт, 2019. — 444 с.
5. Агальцов В.П. Базы данных. Локальные базы данных. Книга 1
[Текст] – М.:Форум, 2010. – 352с.
6. Шпак Ю.А. Проектирование баз данных. Просто как дважды два
[Текст] / М.: Эксмо, 2018. – 304с.
7. Одинцов Б.Е. Информационные системы управления
эффективностью бизнеса: учебник и практикум для бакалавриата и
магистратуры [Текст] / Б. Е. Одинцов. — М. : Издательство Юрайт, 2015. —
206 с.
8. Климова Л. М. WordPress. Основы программирования. Решение
типовых задач [Текст] / КУДИЦ-Образ, 2016. – 480 с.
9. Культин Н. Б. Wordpress в задачах и примерах [Текст] / БХВ-
Петербург, 2015.
10. Методи та засоби мультимедійних інформаційних систем : навч.
посіб. [Текст] / Т. М. Басюк, П. І. Жежнич; Нац. ун-т "Львів. політехніка". –
Львів : Вид-во Львів. політехніки, 2015. – 426 c. – Бібліогр.: с. 413-416.
11. Одинцов Б. Е. Информационные системы управления
эффективностью бизнеса: учебник и практикум для бакалавриата и
Арк.
ЧДТУ 211978.001 ПЗ 73
Зм н. Арк. № докум. Підпис Дата
магистратуры [Текст] / Б. Е. Одинцов. — Москва: Издательство Юрайт, 2019.
— 206 с.
12. Сусіденко В.Т. Інформаційні системи і технології в обліку [Текст]
/ В-во: ЦНЛ – 2016. – 224 с.
13. Буйницька О.П. Інформаційні технології та технічні засоби
навчання. Навчальний посібник рекомендовано МОН України [Текст] / В-во:
ЦНЛ. – 2018. – 240 с.
14. Парижский С. М. Wordpress. Только практика. [Текст] / МК-пресс,
2018. – 208 с.
15. Гайдамакин Н.А. Автоматизированные информационные системы,
базы и банки даннях [Текст] / М.: Гелиос АРВ, 2018. – 368 с.
16. Бутинець Ф.Ф., Івахненков С.В., Давидюк Т.В., Шахрайчук Т.В.
Інформаційні системи бухгалтерського обліку. Підручник. [Текст] / Житомир.:
Изд. ПП „Рута”. – 2016. – 544 с.
17. Информационные системы и технологии в экономике [Текст]:учеб./
Лойко В.И., Семенов М.И., Трубилин А.И., под. ред. проф. Лойко В.И.; 2-е из-
е М.: Изд. «Финансы и статистика». – 2015. – 416с. ISBN 5-279-02605-0
18. Автоматизированные информационные технологии в экономике
[Текст]: Учебник.\\ Под общ. ред. Трубилина И.Т. – М: «Финансы и
статистика», 2015.–453с.
19. Гудвин Г.К. Проектирование систем управления [Текст]/ Г.К.Гудвин,
С.Ф. Гребе, М.Э. Сальдаго //пер. с англ. – М.:БИНОМ, Лаборатория знаний,
2016. – 911 с.
20. WordPress для начинающих / Дэрил Бартлетт; [пер. с англ. М.А.
Райтман]. – Москва: Издательство «Э», 2017. – 208с.
21. Избачков Ю.С. Информационные системы: ученик [Текст] – 2-е
изд. — СПб: Питер, 2018. — 656 с.
Арк.
ЧДТУ 211978.001 ПЗ 74
Зм н. Арк. № докум. Підпис Дата
22. Павлиш В.А. Основи інформаційних технологій і систем. Підручник
[Текст] / В.А. Павлиш, Л.К. Гліненко, Н.Б. Шаховська. Львів: Видавництво
Львівської політехніки, – 2018. – 620 с.
23. Козловський А.В. Комп’ютерна техніка та інформаційні технології:
Навч. посіб. Рекомендовано МОН [Текст] / Козловський А.В., Паночишин
Ю.М., Погріщук Б.В. – В-во: Знання. – 2017. – 463 с.
24. Гайдамакин Н. А. Автоматизированные системы, базы и банки
данных. Вводный курс: Учебное пособие [Текст]. – М.: Гелиос АРВ. – 2015. –
368 с.
25. Методичні вказівки до виконання кваліфікаційних робіт бакалаврів з
напрямку підготовки 122 «Комп’ютерні науки» (Computer Science) для студентів
денної та заочної форми навчання [Текст] / Укл. К.В.Колесніков, А.Р.
Карапетян – Черкаси: ЧДТУ, 2020 – 30 с.
ІНТЕРНЕТ ДЖЕРЕЛА
26. Сайт компанії АГРОСМАРТ [Електронний ресурс]. – Режим доступу:
https://agro-smart.com.ua
27. Сайт компанії АГРОСПЕЦПОСЛУГА [Електронний ресурс]. – Режим
доступа: https://www.sagros.com.ua/.
28. Сайт компанії ОБЛАГРОХІМ-Черкаси [Електронний ресурс]. – Режим
доступу: https://oblagrohim.com.ua
29. Сайт компанії Золота нива [Електронний ресурс]. – Режим доступу:
http://www.z-nyva.com.ua
30. Сайт компанії Openserver [Електронний ресурс]. – Режим доступу:
https://ospanel.io/
31. Сайт компанії Zend Technologies [Електронний ресурс]. – Режим
доступу: http://www.zend.com
Арк.
ЧДТУ 211978.001 ПЗ 75
Зм н. Арк. № докум. Підпис Дата
ПРОГРАМНІ ЗАСОБИ
1. Microsoft Office Word 2010 © Корпорація Майкрософт, 2021.
2. Microsoft PowerPoint 2010 © Корпорація Майкрософт, 2021.
3. phpMyAdmin 7.2 © phpMyAdmin devel team, 2021.
4. Open Server 5.3.8 © Maksim Arhipov, 2021.
5. WordPress 3.8 © The WordPress Project Team, 2021.
Арк.
ЧДТУ 211978.001 ПЗ 76
Зм н. Арк. № докум. Підпис Дата