Выбор метода реализации разработки веб приложения и его обоснование.
Была выбрана реализация одностраничного приложения (SPA) для разработки веб-приложения, потому что она имеет ряд значительных преимуществ по сравнению с многостраничными приложениями (MPA). Ниже представлены основные из них.
Одним из ключевых преимуществ SPA является уменьшение количества загрузок страниц. После первой полной загрузки, приложение обновляет контент с использованием AJAX-запросов, что значительно сокращает время загрузки. Кроме того, SPA передает только необходимый контент, экономя трафик и улучшая производительность приложения.
SPA предлагает более интерактивный пользовательский интерфейс благодаря динамическому обновлению страниц без необходимости их полной перезагрузки. Это создает эффект работы с настольным приложением, что может повысить уровень удовлетворенности пользователей.
Благодаря клиентской маршрутизации, SPA позволяет пользователям легко перемещаться между различными "страницами" без перезагрузки всего приложения. Использование API истории браузера улучшает навигацию, позволяя сохранять и восстанавливать маршруты.
SPA обычно строится на основе компонентов, что содействует модульности и переиспользованию кода. Это позволяет различным командам разработчиков работать над отдельными частями приложения, улучшая поддержку и распространение обновлений.
Но у SPA есть также минусы. Это Долгое время первичной загрузки. Поскольку SPA требует загрузки всех необходимых ресурсов (HTML, CSS, JavaScript) сразу при первом запуске, это может привести к более длительному времени первичной загрузки по сравнению с MPA. Требуется больше навыков: Разработка SPA может потребовать более сложной архитектуры и знаний в области JavaScript, а также опыта с фреймворками и библиотеками
Редактором выбран Visual Studio Code (VS Code) по следующим причинам:
VS Code прост в использовании и предлагает широкие возможности настройки.
Этот редактор предоставляет мощные инструменты для работы с современными веб-технологиями, такими как HTML, CSS и JavaScript, а также поддерживает популярные фреймворки.
VS Code поддерживает множество расширений, которые значительно упрощают задачи разработчиков, позволяя интегрировать дополнительные функции и инструменты по мере необходимости.
Функциональная схема. Описание интерфейса.
В веб-приложении будут реализованы следующие функциональные возможности:
Регистрация студента только на доступную секцию из списка, в которой есть еще свободные места.
Авторизация в системе для студента.
Авторизация преподавателя
Авторизация администратора
Изменение контактных данных в личном кабинете
Добавление секции в базу данных
Загрузка фотографий для карточки секции и в личном кабинете преподавателя
Редактирование секции
Удаление секции из базы данных
Добавление преподавателя в базу данных
Редактирование информации о преподавателе
Удаление преподавателя из базы данных
Создаваемое реактивное приложение будет состоять из разделов:
Главная страница
Страница авторизации студента
Страница авторизации учителя или преподавателя
Личная страница студента
Личная страница преподавателя
Страница с секциями для добавления, редактирования, удаления со стороны администратора
Страница с преподавателей для управления их данными.
Карта сайта представлена на рисунке 1:
Рисунок 1 Карта сайт