Проектування інформаційної системи
Після затвердження постановки завдання на розробку веб-сайту починається розробка дизайну.
Прототип веб-дизайну – це проста схема сторінки веб-сайту, що показує структурні елементи майбутнього веб-сайту у вигляді ескізів, або html-документів: меню, кнопки, таблиці тощо. Прототипом може бути статичним зображенням або динамічним html-документом [18].
Орієнтуючись на технічне завдання був розроблений ескіз головної сторінки (рис 2.14).
3 Програмна реалізаціяПід час створення бази даних необхідно слідкувати за впорядкованістю інформації, що в ній зберігатиметься, для того щоб в процесі подальшої роботи можна було б отримувати чи модифікувати дані в зручному вигляді. Для цього бажано вхідні дані структурувати. Структуризація – це сукупність угод щодо шляхів представлення інформації. Зрозуміло, що структурувати інформацію можна по-різному. Залежно від структури розрізняють ієрархічну, мережеву, реляційну, об'єктно-орієнтовану і гібридну модель баз даних. Найпопулярнішою на сьогоднішній день є реляційна структура [19].
Вхідні дані – це набір даних потрібних для того щоб система коректно працювала. Аналіз вимог вхідних даних полягає в визначенні потреб та умов, які висуваються щодо нового, чи зміненого матеріалу, враховуючи можливо конфліктні вимоги різних замовників.
На основі дослідження предметної області був проведений аналіз, в результаті якого була розроблена схема даних в додатку MySQL Workbench 6.3 CE (рис 2.16).
Рисунок 2.16 – Схема даних, використовуваних у веб-додатку
На основі схеми даних було згенеровано базу даних в додатку MySQL, що складається з дев’яти таблиць.
В таблиці «news» (рис. 2.17) містяться записи новин, що публікуються на сайті. Таблиця містить чотири поля в яких зберігається первинний ключ, заголовок новини, інформація, фото, дати створення і оновлення інформації.
Рисунок 2.17 – Таблиця «news»
В таблиці «comments» (рис. 2.18) міститься інформація про коментарі залишені користувачами про новину. Таблиця містить 6 полів в яких зберігається первинний ключ, ім’я користувача, email, текст коментаря, ідентифікатор товару, дату створення.
Рисунок 2.18 – Таблиця «comments»
Всі заявки на тренування залишені користувачами сайту зберігаються в таблиці «application», яка містить контактні дані користувача, а також додаткову інформацію. Таблиця містить 7 полів в яких зберігається первинний ключ, ім’я користувача, вік, email, контактний телефон, бажаний час проведення заняття, додаткова інформація яка є не обов’язковою.
Рисунок 2.19 – Таблиця «application»
Таблиця «schedule» призначена для зберігання розкладу занять. Вона містить чотири поля в яких зберігається первинний ключ, ім’я учасника, мета проведення заняття і назначений час.
Рисунок 2.20 – Таблиця «schedule»
В таблиці «users» (рис. 2.21) міститься інформація про користувачів зареєстрованих адміністраторів сайту. Таблиця містить чотири поля в яких зберігається первинний ключ, email, пароль, токен для збереження сесії авторизації.
Рисунок 2.21 – Таблиця «users»
В таблиці «socials» (рис. 2.22) містяться посилання на соціальні мережі. Таблиця містить чотири поля в яких зберігається первинний ключ, назва соціальної мережі, посилання та логотип.
Рисунок 2.22 – Таблиця «socials»
Фото та відео матеріали, що публікуються на сайті зберігаються у відповідних таблицях «photo_gallery» та «video_gallery». Кожна з який складається з двох полів в яких міститься первинний ключ та посилання на файл. Приклад однієї з таблиць наведено на рис. 2.23.
Рисунок 2.23 – Таблиця «photo_gallery»