
Тип работы:	Предмет:	Язык работы:

ВЕБ-ПРИЛОЖЕНИЕ НА СТЕКЕ ТЕХНОЛОГИЙ VUE, LARAVEL, AXIOS

Работа №	88602
Тип работы	Бакалаврская работа
Предмет	информационные системы
Объем работы	56 с.
Год сдачи	2022
Стоимость	4250 руб.
ПУБЛИКУЕТСЯ ВПЕРВЫЕ
Просмотрено	106

Не подходит работа?

Узнай цену на написание

Содержание

Введение 6
1 Разбор структурных компонентов веб-приложения 7
1.1 Серверные операционные системы 7
1.2 HTTP сервер 8
1.3 Языки программирования 8
1.3.1 Язык для серверной части приложения 8
1.3.2 Языки и фреймворки для клиентской части приложения 9
1.4 Существующие среды разработки web приложений 9
1.5 Существующие сборщики пакетов 10
1.6 Фреймворки для серверной части приложения 11
1.7 Существующие языки текстовой разметки 11
1.8 Описание выбранного стека 12
2 Подготовка к разработке 14
2.1 Разработка логической структуры проекта 14
2.2 Подготовка шаблона проекта 14
2.3 Разработка структуры приложения 17
2.3.1 Разработка базы данных 17
2.3.2 Создание структуры работы приложения, с точки зрения кода 19
3 Разработка приложения 22
3.1 Написание серверной чати приложения 22
3.1.1 Регистрация пользователей 22
3.1.2 Авторизация пользователей 23
3.1.3 Логика создания нового теста 23
3.1.4 Реализация обмена данными в приложении 24
3.1.5 Обработка теста 26
3.1.6 Реализация системы жизней 31
3.1.7 Проверка тестов с ответом в виде файла 32
3.2 Реализация клиентской части веб-приложения 32
3.2.1 Визуальная часть и система животных питомцев . ... 33
3.2.2 Таблица лидеров 33
3.2.3 Отображение теста 34
Заключение 37
Список использованной литературы 37
Приложение 1 39
Приложение 2 41
Приложение 3 51

Введение

Идея создания приложения пришла в ходе конкретно выделенного технического задания, которым выступил Казанский Государственный Энергетический Университет. Задача состояла в игрофикации тестирования, с учетом конкретных баллов команд, пользователей, для последующего проведения игрового мероприятия среди учащихся Казанского Государственного Энерегетического Университета. Платформа должна включать следующие составлвяющие:
• игра должна быть поделена на уровни. Каждый уровень включает обучающую часть (теоретическую), после изучения которой необходимо выполнить проверочные задания;
• система оценивания результатов выполнения заданий;
• опция загрузки результатов игроков на сервер;
• возможность нелинейного прохождения;
• влияние ошибок на прохождение игры (например сброс всего прогресса при совершении 3 ошибок);
• разные уровни сложности.
Цель работы — требуется создать цифровую платформу, использование которой позволило бы проводить игровые мероприятия, выдавать материал для изучения пользователю, а также игрофицировать аспект прохождения тестов для обучающихся.
Задачи, которые необходимо выполнить для достижения по ставленной цели:
1. Выбрать и изучить языки программирования.
2. Выбрать среду разработки.
3. Собрать необходимые технологии.
4. Продумать логику работы приложения.
5. Написание core-структуры, основных функций.
6. Верстка.
7. Написание, функций делающих процесс работы с приложением более удобным.
8. Доработка клиентской части приложения.
9. Тестирование и доработка по мере необходимости.

Возникли сложности?

Нужна помощь преподавателя?

Помощь студентам в написании работ!

ДИПЛОМНЫЕ МАГИСТЕРСКИЕ ДИССЕРТАЦИИ

Курсовые Статьи Диплом Рязань

Заключение

В ходе выполнения выпускной квалификационной работы были выбраны и изучены Фреймворки Vue, Larvel, изчучен язык php, была выбрана среда разработки, также было разработано и реализовано веб-приложение «Игро- фицированный образовательный портал», позволяющее выполнять следующие действия:
• проводить регистрацию пользователей;
• записывать задачи по предметам, о которых приложение напомнит в определённое, назначенное пользователем время;
• получать уведомления об изменении учебного расписания.

Литература

1. A Dependency Manager for PHP [Электронный ресурс]. — URL: https: //getcomposer.org/ (дата обр. 10.04.2022).
2. ApacheHTTP-server [Электронный ресурс]. —URL: https://httpd.apache. org/ (дата обр. 01.03.2022).
3. Authentication - Laravel [Электронный ресурс]. — URL: https://laravel. com/docs/9.x/authentication (дата обр. 10.04.2022).
4. Build admin panels with Laravel Orchid [Электронный ресурс]. — URL: https://orchid.software/ru/ (дата обр. 10.04.2022).
5. Configuration - Laravel [Электронный ресурс]. — URL: https://laravel. com/docs/9.x/configuration (дата обр. 10.04.2022).
6. CSS с суперсилой [Электронный ресурс]. — URL: https://sass-scss.ru/ (дата обр. 10.04.2022).
7. Developers Love Docker [Электронный ресурс]. — URL: https://www. docker.com/ (дата обр. 01.03.2022).
8. Getting started | Less.js [Электронный ресурс]. — URL: https://lesscss.org/ (дата обр. 10.04.2022).
9. Laravel [Электронный ресурс]. — URL: https://laravel.su/ (дата обр. 07.04.2022).
10. Laravel Passport [Электронный ресурс]. — URL: https://laravel.com/docs/
9. x/passport (дата обр. 10.04.2022).
11. MVVM: полное понимание [Электронный ресурс]. — URL: https://habr. com/ru/post/338518/ (дата обр. 10.04.2022).
12. Nginx [Электронный ресурс]. — URL: https://nginx.org/ru/ (дата обр. 01.03.2022).
13. Node Version Manager [Электронный ресурс]. — URL: https : // github . com/nvm-sh/nvm (дата обр. 10.04.2022).
14. PHP [Электронный ресурс]. — URL: https://www.php.net/ (дата обр. 07.02.2022).
15. React JavaScript-библиотека для создания пользовательских интерфейсов [Электронный ресурс]. — URL: https://ru.reactjs.org/ (дата обр. 10.04.2022).
16. Routing - Laravel [Электронный ресурс]. — URL: https://laravel.com/ docs/9.x/routing (дата обр. 10.04.2022).
17. Symfony, High Performance PHP Framework for Web [Электронный ресурс]. — URL: https://framework.zend.com/ (дата обр. 10.04.2022).
18. TypeScript is JavaScript with syntax for types [Электронный ресурс]. — URL: https://www.typescriptlang.org/ (дата обр. 10.04.2022).
19. Ubuntu [Электронный ресурс]. — URL: https://ubuntu.com/ (дата обр. 10.04.2022).
20. Vue The Progressive JavaScript Framework [Электронный ресурс]. — URL: https://vuejs.org/ (дата обр. 10.04.2022).
21. Welcome to Python [Электронный ресурс]. — URL: https://www.python. org/ (дата обр. 10.04.2022).
22. What is Vuex? [Электронный ресурс]. — URL: https://vuex.vuejs.org/ (дата обр. 10.04.2022).
23. Yarn - Package Manager [Электронный ресурс]. — URL: https://yarnpkg. com/ (дата обр. 10.04.2022).
24. Yii PHP Framework [Электронный ресурс]. — URL: https : / / www . yiiframework.com/ (дата обр. 10.04.2022).
25. Zend Framework is now the Laminas Project [Электронный ресурс]. — URL: https://framework.zend.com/ (дата обр. 10.04.2022).
26. Программная среда для веб-разработки [Электронный ресурс]. — URL: https://ospanel.io/ (дата обр. 10.04.2022).
27. Справочник CSS [Электронный ресурс]. — URL: https://webref.ru/css (дата обр. 10.04.2022).
28. Что такое MVC: рассказываем простыми словами [Электронный ресурс]. — URL: https : / / ru . hexlet . io / blog / posts / chto - takoe - mvc - rasskazyvaem-prostymi-slovami (дата обр. 10.04.2022).