1   2   3   4   5   6   7
Ім'я файлу: Курсова.docx
Розширення: docx
Розмір: 2663кб.
Дата: 18.03.2023
скачати

Використання програмного додатку



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

    1. Головна сторінка сайту

Головна сторінка веб-сайту складається з шапки де знаходиться назва та посилання на соціальні мережі, навігаційного меню, слайд шоу, блоку з інформацією про секцію, блоку з останніми новинами спорту та розкладом занять (рис. 3.2).



Рисунок 3.2 Головна сторінка сайту

Пункт головного меню містить в собі посилання на головну сторінку, розкладу занять, новини спорту, контактні дані, форму для запису на тренування, при наведенні на пункт «Медіа» відображаються посилання на фото-галерею та відео-галерею (рис 3.3).



Рисунок 3.3 Головне меню

Сторінка розладу занять містить таблицю з розладом проведення спортивних тренувань в секції. Вона мастить ім’я та прізвище учасника, мету тренування та назначений час.



Рисунок 3.4 – Сторінка розкладу занять

Сторінка «Новини» містить останні новини спорту та футболу (рис. 3.5). Кожна картка з новиною містить зображення, заголовок, дату публікації та короткий текст новини. Також можна відкрити детальну інформацію натиснувши кнопку «Читати далі». Після чого буде відкрито сторінку з детальною інформацією та формою для залишання коментарів (рис. 3.6).



Рисунок 3.5 Сторінка новин

\

Рисунок 3.6 Сторінка з новиною



Рисунок 3.7 Коментарі

Сторінка «Контакти» складається з двох блоків, а саме блоку контактної інформації та мапи з вказаним адресом секції.



Рисунок 3.8 Сторінка контактів

Для реєстрації учасників на тренування було створено сторінку

«Записатись на тренування» (рис. 3.9). Вона містить форму з полями для заповнення контактних даних користувача, а саме ім’я, email, телефон, вік учасника, бажаний час проведення тренування і поле для додаткової інформації.



Рисунок 3.9 Сторінка запису на тренування

Після внесення необхідних даних для реєстрації потрібно натиснути кнопку «Зареєструватись» після чого з’явиться повідомлення про успішну реєстрацію.



Рисунок 3.10 Повідомлення про успішну реєстрацію

Сторінки фото-галереї та відео-галереї мають схожу структуру. В них знаходяться зображення, або відео при клікі на які вони збільшяться (рис. 3.11).



Рисунок 3.11 Сторінка фото-галереї



      1. Адміністративна панель

Для управління сайтом, додання інформації і обробки заявок на тренування сайт має адміністративну панель. Доступ до неї мають лише адміністратори. Щоб до неї потрапити необхідно авторизуватись. Для авторизації потрібно ввести пошту і пароль користувача у відповідні поля (рис. 3.12).

Рисунок 3.12 Форма авторизації

Після авторизації користувач потравляє на сторінку з загальними налаштуваннями. На якій знаходиться загальна інформація про сайт, а саме опис сайту, адреса, email та телефон. Також є можливість додавати соціальні мережі (рис. 3.13).



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

ВИСНОВКИ




У курсовій роботі вирішена актуальна проблема забезпечення спортивної секції по футболу засобом інформування її учасників, як наявних, так і потенційних, щодо організації роботи секції. Мета дипломного проекту розробка веб сайту для спортивної секції по футболу. Мета досягнута, поставлені завдання виконані:

  1. Досліджена предметна область.

  2. Проведено аналіз аналогів.

  3. Обрана стратегію розробки.

  4. Створення моделі процесу роботи секції.

  5. Розробка прототипу сайту.

  6. Програмна реалізація.

В процесі роботи досліджена предметна область. Оптимізовано web- інтерфейс і навігація сайту, для того щоб користувачеві було зручніше орієнтуватися в віртуальному просторі.

Проект реалізований з використанням фреймворку Laravel, мов програмування PHP, JavaScript використавши бібліотеку Vue.js.

Всі цілі і завдання були виконані.

СПИСОК ВИКОРИСТАНИХ ДЖЕРЕЛ




  1. Що таке сайт? Інтернет сайт? Види сайтів [Електронний ресурс]

  • Режим доступу до ресурсу: http://moolkin.ru/chto-takoe-sayt-internet-sayt- vidy-saytov/. (дата звернення: 02.05.2020).

  1. The 2020 Roadmap To Fullstack Web Development [Електронний ресурс] – Режим доступу до ресурсу: https://codingthesmartway.com/the-2020- roadmap-to-fullstack-web-development/. (дата звернення: 22.04.2020).

  2. How To Become A Web Developer — Everything You Need To Know [Електронний ресурс] Режим доступу до ресурсу: https://careerfoundry.com/en/blog/web-development/what-does-it-take-to-become- a-web-developer-everything-you-need-to-know-before-getting-started/. (дата звернення: 22.04.2020).

  3. Крокфорд Дуглас. JavaScript. Сильні сторони, 2016.— 176 с.

  4. Laravel – Функції безпеки [Електронний ресурс] – Режим доступу до ресурсу: https://webformyself.com/laravel-funkcii-bezopasnosti/. (дата звернення: 24.04.2020).

  5. Марк Сафронов: Разработка веб-приложений в Yii 2, 2015. - 392

с.

  1. Створення базового додатку MVC Laravel 5 Види сайтів

[Електронний ресурс] – Режим доступу до ресурсу: https://selftaughtcoders.com/from-idea-to-launch/lesson-17/laravel-5-mvc- application-in-10-minutes/. (дата звернення: 21.04.2020).

  1. Best Personal and Niche Blogs (30+ Real Examples) [Електронний ресурс] Режим доступу до ресурсу: https://firstsiteguide.com/examples-of- blogs/. (дата звернення: 22.04.2020).

  2. The Pros and Cons of 8 Popular Databases [Електронний ресурс] – Режим доступу до ресурсу: https://www.keycdn.com/blog/popular-databases. (дата звернення: 23.04.2020).

  3. MySQL Stored Procedure Advantages [Електронний ресурс] Режим доступу до ресурсу: https://www.tutorialspoint.com/What-are-the- advantages-and-disadvantages-of-using-MySQL-stored-procedures. (дата звернення: 23.04.2020).

  4. Діаграми UML [Електронний ресурс] Режим доступу до ресурсу: https://planerka.info/item/diagrammy-kommunikacij-uml/. (дата звернення: 23.04.2020).

  5. Теорія та практика UML [Електронний ресурс] – Режим доступу до ресурсу: http://www.it-gost.ru/articles/view_articles/94. (дата звернення: 23.04.2020).



1   2   3   4   5   6   7

скачати

© Усі права захищені
написати до нас