Разработка Интернет Приложений (РИП) 2023

Отчеты по лабораторным работам и ДЗ отправлять на почту aikanev@bmstu.ru

Видеозаписи лекций в youtube

Видеозаписи лекций на VK Видео

Образ виртуальной машины Linux Ubuntu 22.04 для выполнения заданий курса

Лекции

Лабораторные работы

В рамках практических работ по курсу необходимо каждому разработать заявочную систему на услуги по своей предметной области. Система состоит из веб-сервиса, фронтенд приложения, нативного приложения и второго асинхронного сервиса. Все таблицы и их столбцы, методы с параметрами, страницы приложения называются строго по предметной области.

У каждого своя предметная область на весь курс: бронирование отелей, билетов в театр/кинотеатр, онлайн-магазин по вариантам, тему выбирать из списка ниже. По каждой теме есть ключевой процесс, в котором пользователь оформляет заявки, в которой может быть несколько услуг. Также есть модератор, который может редактировать список услуг и одобрять заявки. От предметной области зависят: названия ролей пользователей, названия сущностей услуг и заявок, список полей для них, возможные статусы и изменяемые в них поля. В нативном приложении нужно реализовать интерфейс гостя - только просмотр услуг.

Основной вариант лабораторных по бэкенду - это Django и Go. Но можно самостоятельно изучить и выполнять их на Java, C#, Rust и Node.js, но только при согласовании с лектором и при выполнении всех условий лабораторных работ. В этом случае обязательно требуется согласовать веб-фреймворк, шаблонизатор, ORM и способ авторизации. При развертывании выбирается один из двух вариантов: все три хранилища PostgreSQL, Minio, Redis разворачиваются через docker; либо вся серверная часть развернута в виртуальной машине Ubuntu 22.04. Для фронтенда один стек React+Redux+axios+React-Bootstrap.

Каждая лабораторная - это sprint, этап разработки по agile, под каждую отдельная именованная по теме ветка в git. Два обязательных репозитория у всех (бекенд и фронтенд) и еще два для дополнительных заданий ДЗ (мобильное приложение и асинхронный сервис). Каждая работа демонстрируется и защищается отдельно. При защите необходимо продемонстрировать работу приложения по своей теме, UML диаграмму из StarUML, репозиторий github с кодом и ответить на вопросы. По первому модулю необходимо также сделать ТЗ, а по второму отчет по курсу - РПЗ.

Демо версия интерфейса создателя заявки
Примеры UML и ER диаграмм
Примеры документации
Видео мастер-классов по UML ER и структура системы и Бизнес процесс, развертывание и запросы
Мастер-классы по основам Git и основам Docker

Лабораторные 2024

Лабораторная 1

Цель работы: выбор варианта-темы на весь курс, знакомство с разработкой бэкенда и разработка дизайна для 3 страниц
Порядок показа: Показать задание по вашей теме-варианту из списка внизу. Показать дизайн 3 страниц в Figma, показать что в приложении тоже самое. Показать сайт, откуда копировали дизайн, сказать, что скопировано и в CSS это перечислить. Показать три страницы приложения с поиском, при этом во вкладке Network для 3 запросов GET объяснить url: показать параметр фильтрации/поиска, а также id заявки и услуг. Для страницы списка услуг показать в HTML из Response: ид заявки, количество в корзине, url изображений из Minio. В коде показать где эти url в 3 шаблонах, и в 2 коллекциях. Показать роутинг: 3 url и три контроллера для них, объяснить реализацию фильтрации/поиска.
Контрольные вопросы: MVC, Django, шаблонизация, HTTP и модель OSI, Web, HTML
Задание: создание дизайна приложения в figma, базовая шаблонизация в Django (для Go просто HTML) для услуг, развертывание Minio

Требуется разработать дизайн трех страниц приложения в figma, повторив при этом стилистику уже существующего популярного ресурса, связанного с вашей темой. Данные по теме также нужно искать реальные.

Создание базового интерфейса, состоящего из трех страниц. Первая для просмотра списка услуг (отели, товары, рейсы и тд) в виде карточек (плиткой в 2-4 столбца) с наименованием, ценой и картинкой, а также отдельным элементом-карточкой текущей заявки (корзина) с указанием количества услуг в ней. Это количество вычисляется в контроллере-обработчике. При клике по карточке происходит переход на вторую страницу с подробной информацией об услуге (даты, описание и тд). А при нажатии на текущую заявку по ее id открывается страница просмотра состава заявки, в которой есть поля самой заявки, список карточек услуг в 1 широкий столбец и поле м-м для каждой из них. В header приложения добавить только кнопку/иконку Домой, она для навигации на страницу услуг.

Добавить поле input для фильтрации на сервере списка услуг по одному из полей (наименование, цена, дата события), отображаемых на странице (по умолчанию отображать все). Поле поиска должно сохраняться после запроса. Всего в приложении должно быть 3 GET запроса и две модели-коллекции. Все данные для обеих страниц нужно брать прямо из двух коллекций (массива услуг и словаря заявки), без использования БД. Никакого редактирования, только поиск и просмотр. Без JavaScript

В приложении должны быть использованы стили, для каждого элемента списка подгружается свое изображение. Изображения услуг отображатся на всех трех страницах. Изображения хранятся в Minio, наименование изображение совпадает с id услуги, но хранится в модели отдельным полем. Разработать стиль приложения, который будет применяться далее в последующих лабораторных по фронтенду. CSS вынести в отдельный файл.

Методические указания по верстке и дизайну Figma. Видеоуроки по Figma
Инструкция по работе c Python
Методические указания Django
Методические указания Golang
Установка и администрирование Minio

Лабораторная 2

Цель работы: разработка структуры базы данных и ее подключение к бэкенду
Порядок показа: показать панель администратора Django/adminer, в которой добавить новую услугу, посмотреть данные через select в БД. Показать 3 страницы приложения: выполнить поиск, удалить заявку, добавить две услуги в заявку (изменение карточки корзины), содержимое заявки. Показать в БД запросом результаты логического удаления и новую заявку. В коде показать модели, составной уникальный ключ м-м, 4 контроллера через ORM, а удаление заявки через SQL UPDATE.
Контрольные вопросы: виды БД, SQL запросы, курсоры, ORM, модель и миграции, чистая архитектура
ER диаграмма: сделать в StarUML; таблицы, связи, столбцы, типы столбцов и их длина, первичные, внешние ключи
Задание: Создание базы данных PostgreSQL по теме работы, подключение БД к созданным трем шаблонам

Необходимо разработать структуру БД по выбранной теме и ее реализовать с учетом требований ниже. Использовать таблицу услуг в страницах разработанного приложения. Наполнить таблицы БД данными через админку Django или Adminer.

Получение и поиск услуг, добавление услуги в текущую заявку (статус черновик она же "корзина"), а также просмотр этой заявки сделать через ORM. Для страницы текущей заявки добавить кнопку логического удаления заявки (статус меняется на удален) с помощью выполнения SQL запроса UPDATE, без ORM. Всего пять HTTP методов: три GET и один POST добавления в заявку через ORM, еще один POST для удаления заявки через SQL.

При отстутствии заявки в статусе черновик у пользователя, она создается и в нее добавляется услуга. Если такая заявка уже есть, то услуга добавляется сразу в нее. Удаленные заявки просматривать нельзя, если у пользователя нет текущей заявки, ее карточка на странице услуг не активна.

Требования к БД:

Обязательно наличие 4 таблиц:

услуг (наименование, описание, статус удален/действует, url к изображению, поля по предметной области)
заявок (статус, дата создания datetime, дата формирования datetime, дата завершения datetime, создатель и модератор, поля по предметной области)
м-м заявки-услуги (составной уникальный ключ, дополнительные поля количества/порядка/главный/другое)
пользователей (для Django обязательно использовать системную таблицу, НЕ свою: логин, пароль, признак модератора)

Обязательно наличие 5 или более статусов заявок: черновик, удалён, сформирован, завершён, отклонён. У каждого пользователя не более одной заявки в статусе черновик. Названия таблиц и их полей должны соответствовать предметной области. Одно из доп. полей заявки или м-м рассчитывается при завершении заявки.

Курс по основам PostgreSQL
Методические указания PostgreSQL 4 семестр
Методические указания Django
Методические указания Golang
Видео мастер-класс gORM и шаблоны Golang

Лабораторная 3

Цель работы: создание веб-сервиса в бэкенде нашей системы для использования его в SPA
Порядок показа: Через insomnia/postman выполнить GET списка заявок (отфильтровать по дате формирования и статусу), выполнить GET списка услуг (с фильтром), удалить введенную заявку (если есть), добавить новую услугу с картинкой, добавить услугу в заявку, добавить другую услугу, список услуг с заявкой-черновиком, посмотреть заявку (из 2 услуг), подтвердить введенную заявку (показать ошибку), сформировать заявку, зарегистрировать нового пользователя. Показать измененные данные через select, объяснить модели, сериализаторы.
Контрольные вопросы: веб-сервис, REST, RPC, HTTP, OSI ISO
Диаграмма классов с детализацией бэкенда (домены методов по url с интерфейсами, перечислить все методы, модели, таблицы БД) + insomnia/postman. Связи у моделей сделать по коду, 3 варианта: методы используют разные модели, модели используют другие модели, модели используют несколько таблиц
Задание: Создание веб-сервиса со всей итоговой бизнес логикой (кроме авторизации), подключение его к БД и тестирование в insomnia/postman

Создание веб-сервиса для получения/редактирования данных из вашей БД. Требуется разработать все методы для реализации итоговой бизнес логики вашего приложения. Для изображений услуг использовать Minio.

Требования к веб-сервису

Методы и url в API должны соответствовать REST. Для списка услуг (как в 1 лабораторной) и заявок (по статусу и диапазону даты формирования) нужно предусмотреть фильтрацию на бэкенде. Взаимодействие с БД через ORM. Не делать POST заявки. Записи в статусе удален на клиент не передаются.

Статусы нельзя менять с любого на любой: создатель удаляет и формирует черновик заявки, а модератор отклоняет и завершает сформированную заявку. В данной лабораторной пользователь создатель зафиксирован во всех методах - укажите его константой через функцию-singleton.

Домен услуги:

GET список. В списке услуг возвращается id заявки-черновика этого пользователя для страницы заявки в статусе черновик
GET одна запись
POST добавление
PUT изменение
DELETE удаление. Удаление изображения встроено в метод удаления услуги
POST добавления в заявку-черновик. Заявка создается пустой, указывается автоматически создатель, дата создания и статус, остальные поля указываются через PUT или смену статуса
POST добавление изображения. Добавление изображения по id услуги, старое изображение заменяется/удаляется

Домен заявки:

GET список (кроме удаленных и черновика, модератор и создатель через логины)
GET одна запись (поля заявки + ее услуги). При получении заявки возвращется список ее услуг с картинками
PUT изменение доп. полей заявки
PUT сформировать создателем. Происходит проверка на обязательные поля
PUT завершить/отклонить модератором. При завершить/отклонении заявки проставляется модератор и дата завершения. Одно из доп. полей заявки или м-м рассчитывается при завершении заявки (вычисление стоимости заказа, даты доставки в течении месяца, вычисления в м-м).
DELETE удаление

Домен м-м:

DELETE удаление из заявки
PUT изменение количества/порядка/значения в м-м

Домен пользователь:

POST регистрация
PUT пользователя (личный кабинет)
POST аутентификация
POST деавторизация

Лабораторная 4

Цель работы: Завершение бэкенда для SPA
Порядок показа: выполнить авторизацию через swagger в режиме инкогнито, получить список заявок в swagger; использовать содержимое куки/localStorage+authorization из браузера для заголовков остальных запросов через insomnia/postman. Далее в insomnia/postman выполнить GET списка заявок: 401/403 для гостя, для создателя только его заявки. Выполнить PUT завершения заявки: для создателя 403 статус, для модератора успех и обновление полей. Выполнить GET списка заявок - для модератора все заявки. Показать содержимое Redis
Контрольные вопросы: куки, сессия, redis, jwt, авторизация, аутентификация
Sequence диаграмма: весь набор HTTP запросов по бизнес-процессу без БД и нативного приложения: аутентификация, список услуг без черновика, добавление услуги в заявку, еще раз список услуг с черновиком, просмотр черновой заявки, формирование заявки, обращение к асинхронному сервису и обратно, список заявок с данными от асинхронного. Добавить домены в качестве Lifeline, при добавлении сообщений выбирать методы доменов из диаграммы классов, передавать ключевые входные и выходные данные через arguments в скобках у Message
Задание: Добавление авторизации и swagger в веб-сервис, подготовка ТЗ

Реализовать методы бэкенда для аутентификации и регистрации. Авторизация через хранение сессий и куки. Автозаполнение пользователя в таблице заявок при создании новой. Добавить описание методов для swagger.

Добавить проверку Permissions для методов модератора. Без авторизации в Swagger должно быть доступно только чтение-получение данных через API, с авторизацией - методы пользователя, а для модератора доступны все методы.

Настройка через WSL
Методические указания Redis
Методические указания DRF Сессии
Видео мастер-класс Авторизация на Django
Методические указания Golang JWT
Видео мастер-класс Авторизация, Swagger и Redis на Golang

Вместе с 4 лабораторной сдается текущий комплект документации, который требуется оформить в виде .doc:

титульный лист РПЗ
3 диаграммы оформить как рисунки в РПЗ
ТЗ как приложение к РПЗ

Состав ТЗ на итоговую систему (использовать сплошную нумерацию внутри пунктов):

цель
назначение - краткое описание для чего, кто работает в системе
задачи - 12 задач (8 лабораторных-задач по бекенду/фронтенду, нативное приложение, демо в Pages, документация, репозиторий Git) с указанием ваших технологий по каждой задаче
Функциональные требования - список HTTP методов, далее список окон и какие действия для каких групп пользователей доступны. Указать, какие методы бэкенда при этом вызываются. Всего 14 подпунктов - HTTP методы, меню и 12 страниц приложения:

гость: регистрация, аутентификация, главная, список услуг, одна услуга, 403 и 404
создатель заявки: конструктор заявки, список заявок, личный кабинет
модератор: список услуг таблицей, редактирование/создание услуги

требования к аппаратному обеспечению для сервера и клиента
требования к программному обеспечению с версиями для серверных компонентов и для клиента

Лабораторная 5

Цель работы: Разработка базового SPA на React
Порядок показа: Показать три страницы фронтенда с mock без запущенного сервиса. Далее показать страницы фронтенда с бэкендом, внести изменения в БД, показать их во фронтенде. Объяснить код компонентов для фильтрации, передаваемые props, хуки, вызовы fetch.
Контрольные вопросы: react, props, компонент, элемент, состояние, хуки, жизненный цикл компонента
Диаграмма классов с детализацией бэкенда и фронтенда: добавить методы авторизации, фронтенд разделить на страницы, добавить у страниц зависимость от API.
Задание: Разработать три страницы фронтенд приложения на React, TS и подключить его к веб-сервису

Разработать базовый интерфейс приложения на React для гостя, аналогичный двум страницам из лабораторной работы №1 для просмотра услуг, а также сделать главную (стартовую) страницу со статическим описанием. При этом на странице списка услуг должны быть все необходимые фильтры (по диапазону дат, названию, цене) с фильтрацией на бэкенде. Использовать компоненты React-Bootstrap. Для карточек предусмотреть изображение по-умолчанию, если поле в услуге пустое.

В приложении должны быть навигационная панель navbar для списка базовых страниц, а также самописная навигационная цепочка breadcrumbs, где отображается путь от базовой страницы к текущей. В этой лабораторной никакого Redux, а Context вообще в курсе использовать нельзя.

Содержимое карточек получать из веб-сервиса лабораторной №3. Ajax-запросы написать самостоятельно через fetch. Ограничение с CORS решить через проксирование React. В методах fetch предусмотреть получение данных из коллекции с mock-объектами при отсутствии доступа к вашему бэкенду.

Методические указания

Лабораторная 6

Цель работы: Внедрение адаптивности и развертывание приложения
Порядок показа: Открыть GitHub Pages с mock на телефоне, сохранить PWA. Открыть PWA, применить фильтрацию услуг, перейти на главную и вернуться, чтобы показать старое значение фильтра. Перейти в адаптивный режим браузера, поменять ширину. Объяснить настройки для размера карточек, количества колонок и тд - показать конкретные значения размера и количества колонок, карточек. На компьютере показать подключение Tauri к бэкенду по IP локальной сети (не localhost), сравнить IP сервера из консоли и в коде приложения. Отредактировать услуги в БД и продемонстрировать изменение в Tauri.
Контрольные вопросы: схема redux, reducer, store, PWA, Tauri
Deployment диаграмма все узлы и компоненты системы: фронтенда, web-сервера со статикой, веб-сервиса, базы данных и других хранилищ и тд. Узлы соединить протоколами, компоненты фронтенда и бэкенда поместить в узлах, указать API между ними.
Задание: Внедрить менеджер состояний для хранения значений фильтров, добавление адаптивности и PWA, создание Tauri и развертывание в Pages

Добавление менеджера состояний Redux Toolkit для хранения фильтра заявок и услуг. Необходимо развернуть фронтенд на GitHub Pages и добавить возможность работы в режиме PWA. Добавить адаптивность для трех страниц приложения.

Создание простого нативного приложения на Tauri для интерфейса гостя (без авторизации и редактирования), состоящий из 3 страниц с фильтрацией и картинками. Подключить приложение к разработанному API через IP адрес в локальной сети (не localhost).

GitHub Pages, PWA и адаптивный дизайн
Методические указания Redux Toolkit + fetch
Методические указания Tauri
Видео мастер-классов Tauri на основе проекта React и Tauri приложения с нуля

Лабораторная 7

Цель работы: Завершение интерфейса пользователя в React
Порядок показа: показать авторизацию, добавление и формирование заявки в режиме разработчика. Показать авторизацию в браузере, использовать содержимое localStorage/cookie чтобы показать заявки пользователя в insomnia/postman. Пояснить в коде использование redux и axios, показать применение сгенерированного кода фронтенда из swagger.
Контрольные вопросы: схема redux, reducer, store, контекст, axios
Activity диаграмма/BPMN для итогового бизнес-процесса для ДЗ: описание бизнес-процесса, разделение на дорожки по ролям двух пользователей и выделенного сервиса, действия соответствуют операциям пользователей в вашей системе.
Задание: Добавить авторизацию и возможность оформления заявок во фронтенд через Redux Toolkit, кодогенерация взаимодействия с API через Axios

Добавить страницы для регистрации и авторизации. Добавить страницу для просмотра списка заявок пользователя в виде таблицы. Добавить в меню пункты для новых страниц. Добавление в Redux Toolkit состояния интерфейса после авторизации. В приложении должно быть реализовано переключение между интерфейсом гостя и интерфейсом пользователя по кнопке Вход/Выход. После авторизации в меню должно отображаться Имя/Логин пользователя. При выходе должно сбрасываться содержимое конструктора новой заявки, а также фильтры пользователя. Добавить страницу личного кабинета пользователя для сброса пароля и др полей.

Добавление на странице услуг кнопки Добавить для внесения данной услуги в новую заявку. Добавление страницы заявки, где в статусе черновик можно удалить уже добавленные в заявку услуги, поменять их количество или подтвердить заявку. Эта же страница используется для просмотра старых заявок в других статусах, но без возможности редактирования. Переход на страницу заявки через специальную кнопку, которая меняет состояние: если черновик есть - кнопка доступна, а если заявки-черновика нет - кнопка отображается с другим стилем и недоступна.

Для обращений к методам веб-сервиса использовать axios. При выполнении запросов отображать на странице анимацию.

Методические указания Redux Toolkit + кодогенерация и Axios

Лабораторная 8

Цель работы: Внедрение Real-time web
Порядок показа: Показать два окна в режиме разработчика (в разных браузерах, либо в одном, но одно окно через Инкогнито) - для пользователя показать услуги, а для модератора список заявок за сегодня. Создать заявку в интерфейсе пользователя, сформировать и показать ее у модератора. Завершить заявку и отредактировать список услуг.
Контрольные вопросы: любые вопросы по реализации интерфейса модератора
Диаграммы: диаграмма состояний для статусов заявок и диаграмма прецедентов.
Задание: Реализовать интерфейс модератора

Необходимо добавить в приложение React интерфейс модератора, доступный после его авторизации и имеющий следующие отличия:

Новое окно редактирования услуг, список услуг отображается таблицей. Доступно добавление новых услуг (обязательные и необязательные поля), редактирование, удаление.
Добавить статические страницы 403 и 404
В окне списка заявок доступны кнопки для смены статуса заявок. Также есть поля фильтрации по диапазону даты формирования (только даты, без времени) и статусу заявок на стороне бэкенда. Фильтрация по создателю заявки на фронтенде.
Окно списка заявок переделать на short polling чтобы отображать актуальные статусы.

Short Polling

Домашнее Задание

Отчет: отчет необходимо отправить на почту aikanev@bmstu.ru. Оценивается раскрытие предметной области в описании и приложении, корректность оформления отчета.
Диаграммы: Актуализировать все диаграммы из лабораторных, все диаграммы должны соответствовать реализованной вами системе. Все диаграммы должны быть читаемые, шрифт на них должен не отличаться по размеру от шрифта текста отчета.
Задание: подготовить итоговый отчет, дополнительные задания

Отчет-РПЗ по курсу:

ГОСТ (1.5 интервал, 1.25 см отступ, 14 пт и тд) - Требования по оформлению. Отчет обязательно проверить через программу TestVKR.

Введение (актуальность с цифрами и датами, цель, назначение, нефункциональные требования, задачи)
Бизнес-процесс. Описание предметной области на примере конкретной компании/подразделения с названиями должностей и ссылками по теме. Диаграмма прецедентов, диаграмма состояний и деятельности/BPMN (>300 слов)
Архитектура. Диаграммы развертывания, ER с назначением таблиц и диаграмма классов с детализацией бэкенда и фронтенда (>300 слов)
методы веб-сервиса таблицей с группировкой по доменам: №, метод, url, описание, входные, выходные данные с названиями полей и типами
Алгоритмы. Диаграмма последовательности HTTP запросов (>300 слов)
Описание интерфейса. Перечень окон, их назначение и выполняемые пользователями действия (>300 слов)
Заключение. Перечень выполненных задач и достигнутые результаты. Ссылки на GitHub Pages и GitHub бэкенда (в README краткое описание проекта и ссылки на Pages и другие репозитории).
Список использованных источников Минимум 2 по теме и 5 по технологиям
Приложение. Техническое задание

Дополнительные задания ДЗ (каждое +2 балла)

Индексы в БД

Порядок показа: показать пагинацию с фильтрацией по индексу в React-приложении. Включить и отключить индекс - показать отличие во времени запроса.

Добавить в БД большое количество (> 100000) услуг или заявок соответственно + реализовать пагинация на фронтенде и ограничение количества в методе бэкенда.

Индексы и план запроса

Создание мобильного приложения

Порядок показа: Показывать на телефоне, отредактировать услуги в БД и продемонстрировать изменение в нативном приложении, показать поиск и переход в Подробнее. В коде показать реализацию фильтрации и IP в локальной сети
Контрольные вопросы: виды нативных приложений и отличие от web-приложений, react-native, pwa, tauri
Задание: Создание приложения для гостя на iOS/Android/Qt/React-native и подключение к веб-сервису

Создание простого нативного приложения для интерфейса гостя (без авторизации и редактирования), состоящий из 2 страниц с фильтрацией и картинками. Подключить приложение к разработанному API через IP адрес в локальной сети.

Межсервисное взаимодействие и асинхронность

Порядок показа: вызвать через insomnia GET списка заявок, затем http-метод асинхронного сервиса, показать что в GET списка заявок появился результат с задержкой, потом вызвать новый метод основного сервиса с ключом, чтобы изменить результат
Контрольные вопросы: grpc, асинхронность, веб-сервис
Задание: Создание асинхронного сервиса для отложенного действия (вычисление, моделирование, оплата и тд)

Требуется разработать второй простой асинхронный сервис на другом языке (кто делал на Django - Go и наоборот) с одним http-методом для выполнения отложенного действия в вашей системе (вычисление, моделирование, оплата и тд). Действие выполняется с задержкой 5-10 секунд, результат сервиса случайный, например успех/неуспех (но записывается всегда - не путать с ошибкой программы), достаточно в результате обновить одно поле в заявке/м-м. При создании заявки это поле пустое.

В исходном веб-сервисе также необходимо добавить http-метод для внесения результатов. Асинхронный сервис взаимодействует с основным через http, без прямого обращения в БД. Добавить псевдо авторизацию в методе основного сервиса - передавать как константу какой-нибудь ключ-токен, например на 8 байт, и через if просто проверять на совпадение это поле.

💡 Для тех, у кого в асинхронно заполняются поля в м-м, а не в заявке

Необходимо добавить в GET списка заявок одно поле, которое равно количеству записей м-м, в которых рассчитываемое поле пустое. Таким образом, при формировании заявки этот столбец будет равен 0. А когда асинхронный сервис заполнит результаты в м-м, в этом поле или сразу, или постепенно возрастет количество до количества м-м. Сами результаты можно увидеть на странице самой заявки.

Темы индивидуальных заданий (для повышения оценки)

Автоматическое тестирование вашего сервиса через Python - автотесты методов API
Полноценное нативное приложение - интерфейс модератора или клиента с авторизацией
Заказ без авторизации через redis
Черновик-заявки через redux и 5 запросов-событий которые меняют это состояние: одобрение, удаление заявки, добавление в заявку, авторизация и деавторизация
Ролевая модель через несколько кастомных таблиц
Список услуг кешировать в redis
Сделать дашборд со статистикой заявок по месяцам и прирост новых услуг/заявок/клиентов
Атрибуты услуги через вертикальную таблицу атрибутов: список атрибутов в отдельной таблице, а значения через вторую м-м
Запрос прав модератора при регистрации и окно подтверждения запросов в отдельной странице у модераторов.

Темы методических указаний для детализации

методичка по https://pixso.net
про установку Python, JS, а также докер на разные OS
Для 2 лабораторной. Подробнее про миграции Django. Примеры работы с моделями с получением заявки и ее услуг. Составной PK в м-м
по Golang 2 лабораторная расписать примеры работы с ORM и тд, как в ролике
Для доп. задания. Работа с индексами и пагинацией (в бэкенде и фронтенде)
на арабском 1 лабораторная и на китайском 5 лабораторная работы

Темы 2023:

Удаленные вычисления

Система заявок на вычисления: факториал, НОД и тд. Услуги - виды вычислений, заявки - запрос с входными данными и результатами.
Аналитическое моделирование потоков в метро Услуги - станции и др объекты для моделирования, заявки - запрос с входными данными и результатами.
Аналитическое моделирование загруженности сетевого оборудования Услуги - виды моделирования по оборудованию, заявки - запрос с входными данными и результатами.
Статистические расчеты. Услуги - статистические величины (мат ожидание, дисперсия и тд), заявки - данные для расчетов с результатом
Шифрование кодом с обнаружением ошибок. Услуги - данные, заявки - запросы на шифрование/расшифровку с результатом обнаружения ошибки
Шифрование кодом для коррекции ошибок. Услуги - данные, заявки - запросы на шифрование/расшифровку с результатом коррекции ошибки
Прогноз погоды. Услуги - виды данных (температура, давление, влажность), заявки - запросы на предсказание погоды через авторегрессию
~~Булевы функции. Услуги - булевы функции, заявки - заявки на вычисления~~
Применение фильтров к изображению. Услуги - типы операций (изменение яркости, контраста и тд), заявки - заявки для применения преобразований к изображению.
Расчет платежа по ипотеке. Услуги - виды расчета (страховка, ежемесячные платежи, аннуитет или равными долями), заявки - заявки на расчет
~~Расчет квартплаты. Услуги - набор показателей, заявки - расчет по каждой квартире~~
Солнечная энергия. Услуги - устройства для частных домов (солнечные батареи, аккумуляторы), заявки - расчет генерации и сбережения для указанного набора устройств и широты

Малый бизнес

Система заявок для поваров в быстром питании на приготовление. Услуги - виды блюд с указанием поваров, заявки - заказ на приготовление блюд.
~~Рецепты автоматического приготовления кофе. Услуги - ингридиенты, заявки - рецепты кофе~~
Заявки от коллцентра мелкого бизнеса: менеджер-создатель заявки, исполнитель+курьер. Услуги - услуги данного бизнеса, заявки - заявки от клиентов на услуги.
~~Продажа очков. Услуги - свойства линз, заявки - заказы от покупателей на линзы~~
Книжное издательство. Услуги - работы издательства (печать, брошюрование и тд), заявки - заказы на издание книги
Размещение товаров на маркетплейсе. Услуги - категории товаров, заявки - заявки от продавцов на размещение товара
~~2НДФЛ. Услуги - набор кодов для отчислений, заявки - справки 2 НДФЛ за месяц~~
Бухгалтерский баланс компании. Услуги - добавочный капитал, заемные средства и тд, заявки - отчетность компании по показателям
Кафе с разделением счета. Услуги - меню кафе, заявки - состав заказа с номером гостя по каждой позиции и генерацией QR-кода заказа

Компьютерные игры

~~Карточная игра Эволюция. Услуги - карты Эволюции, заявки - карточные ходы соперников в игре~~
Автоматический подбор игроков для игры. Услуги - карты, игровые локации, заявки - список карт участника в порядке его приоритета
~~Dungeons & Dragons. Услуги - игровые персонажи, заявки - локации с указанием списка персонажей на ней~~

Химическое производство

Оборудование для химических лабораторий. Услуги - лабораторное оборудование, заявки - заявки на приобретение
One-pot синтезы. Услуги - исходные вещества, заявки - проведение синтеза при заданных условиях с расчетом выхода вещества из исходников
~~Производство косметики. Услуги - вещества для производства, заявки - виды косметики с указанием состава~~
Производство лекарств из готовых веществ. Услуги - действующие и др вещества, заявки - составляющие лекарств
Производство красок из красителей. Услуги - готовые красители и др вещества, заявки - виды красок (батик, гуаш) по цветам
Периоды полураспада. Услуги - радиоактивные изотопы, заявки - расчет количества оставшегося вещества за указанный период

Производство

Система заявок на производстве. Услуги - используемые программы станков с ЧПУ, заявки - заказ на изготовление детали
Продажа авиазапчастей для бизнес-джетов. Услуги - авиазапчасти, заявки - заявки на приобретение комплектующих.
Поставки комплектующий для производства электроавтомобилей. Услуги - комплектующие, заявки - заявки от завода по сборке к заводам комплектующих
~~Поставки деталей для сборки CubeSat. Услуги - детали для CubeSat, заявки - заявки на сборку CubeSat~~
Склад комплектующих. Услуги - список комлектующих для хранения с размером для места, заявки - заявки на доставку и отгрузку комплектующих
~~Кораблестроительная программа. Услуги - классы кораблей, заявки - заказ кораблей от государства~~
~~Фаблаб. Услуги - виды проводимых работ на фаблабе, заявки - заказы на печать микроэлектроники~~
Разработка месторождений. Услуги - виды работ по разработке (бурение, геологоразведка), заявки - этапы освоения месторождений
~~Заказ на постройку самолета. Услуги - комплектация самолета, заявки - производство пассажирского самолета~~
~~Техприемка авиадвигателей. Услуги - состав партии двигателей, заявки - этапы приемки~~
Сборка ракетоносителей Ангара разных типов. Услуги - комплектующие, блоки, двигатели для разных типов ракет Ангара. заявки - заявка на производство ракетоносителя

Электронные услуги

~~Визовый центр РФ - заявки на визы. Услуги - виды виз, заявки - заявки на получение нужной визы.~~
Автоматический контроль паспортов на границе. Услуги - паспорта, которые заведены в системе, заявки - факты пересечения границы по паспорту
Банковские счета. Услуги - банковские договоры РКО, зарплатный проект, эквайринг, заявки - открытие новых счетов для банковских договоров с указанием основного договора для счета
Заявки на изготовление документов при смене фамилии. Услуги - виды документов для замены, заявки - заявка на замену с указанием новой фамилии и причины
Электронная таможня. Услуги - виды товаров, ценностей, валют для провоза, заявки - заявки для декларирование провозимых товаров.
Регистрация новых препаратов. Услуги - список болезней для лечений препаратом, заявки - заявки на регистрацию нового препарата
Регистрация новых видов животных. Услуги - места обитания животных, заявки - заявки на открытие нового вида с указанием рода
Сервис для самозанятых. Услуги - виды предоставляемых услуг заявки - заявка на регистрацию замозанятого с указанием ФИО, деятельности и др данных
Сбор средств на реконструкцию исторических зданий. Услуги - виды работ по реконструкции заявки - заявки на реконструкцию и сбор средств
~~Электронное голосование. Услуги - варианты названий для объектов города, заявки - результаты голосования~~
~~Заявка на проведение тендера. Услуги - участники тендера, заявки - статусы тендера~~
~~Договоры банка. Услуги - набор услуг банка, заявки - заявка на подключение к обслуживанию~~
~~Чаты. Услуги - чаты, заявки - отправка сообщений (м-м сообщений-заявок для ответов вместо м-м к услугам)~~
~~Групповая отправка файла в мессенджере. Услуги - получатели, заявки - процесс отправки файла~~
Регистрация участников на спортивное соревнование. Услуги - участники, заявки - заявка для команды на участие
~~Банкомат. Услуги - различные виды купюр, заявки - операции внесения/снятия наличных~~
~~Удаленная поддержка. Услуги - виды происшествий, заявки - обращения от пользователей~~
~~Счетчики воды. Услуги - разные адреса, заявки - фиксация показаний от счетчиков~~
Карточки для изучения иностранных языков. Услуги - карточки слов с переводом и примерами использования, заявки - набор карточек для изучения в нужный день
Библиотека коротких семплов (TikTok). Услуги - библиотека коротких семплов без воспроизведения, заявки - публикация пользователя с указанием используемых семлпов и их таймкодов
Публикация-история. Услуги - разные элементы истории (упоминание, локация, текст), заявки - публикации с указанием элементов и их содержимого
Удаленное заселение в апарт-отель. Услуги - апартаменты отеля и услуги отеля (завтраки, парковка), заявки - заселение клиента с указанием апартаментов и услуг отеля
Кешбэк за покупки. Услуги - категории с процентом кешбэка, заявки - ежемесячные сводки по каждому клиенту с разбивкой трат по категориям с расчетом величины кешбэка
Фильмотека. Услуги - библиотека фильмов, заявки - история просмотров пользователя за сутки и временем фильма, на котором остановился просмотр

ИТ услуги

~~Консалтинг по ИТ безопасности. Услуги - виды консалтинга, заявки - заявки на проведение консалтинга~~
Обслуживание ИТ инфраструктуры. Услуги - виды проводимых работ, заявки - заявки по настройке сетевого оборудованию, виртуалки и тд
~~Мониторинг ИТ угроз. Услуги - виды угроз, заявки - факты возникновения угроз в подразделении компании~~
~~Сайт КТС. Услуги - виды разработки, заявки - заявки от заказчиков~~
~~Аренда виртуальных машин. Услуги - тарифы на аренду, заявки - заявки на аренду кластера машин~~
Заявки на подключение провайдера. Услуги - виды работ по подключению (аренда оборудования, белый IP, подключение дома/кабель), заявки - заявка от клиента на подключение
~~Заявки на установку серверного ПО. Услуги - программное обеспечение, заявки - заявки от сотрудников~~
~~Создание датацентра. Услуги - комплектующие, аппаратное обеспечение, заявки - процесс создания датацентра~~
~~Голосовой помощник. Услуги - доступные действия помощника, заявки - интенты пользователя~~

Транспорт

Заявки контроля маршрута беспилотных летательных аппаратов. Услуги - районы города, заявки - заявки на пролет объекта в данной районе в определенное время.
Контроль нарушений ПДД самокатами и др средств индивидуальной мобильности с двигателем. Услуги - виды нарушений и штрафы для них, заявки - факты нарушения из средств фиксации
Приобретение абонементов на общественный транспорт. Услуги - виды абонементов на различный транспорт, заявки - приобретение абонементов на карту
Проезд по транспортной карте 90 минут. Услуги - маршруты транспорта, заявки - проезд по транспортной карте в 90 минут с указанием маршрута транспорта
Заявки на стоянку судна в порту. Услуги - конкретные корабли, заявки - заявки на нахождение корабля в данному порту.
Севморпуть, заявки на проводку ледоколами. Услуги - транспортные корабли ледового класса, заявки - заявки на проводку кораблей ледоколом с указанием начальной и конечной точки проводки.
Логистика контейнеров. Услуги - список контейнеров с указанием груза, заявки - заявка на перевозку со списком контейнеров и транспортным средством
~~Платная дорога. Услуги - участки платной дороги, заявки - оплата и проезд~~
~~Авиарейсы. Услуги - авиакомпании, заявки - авиарейсы с указанием отправки, назначения~~
~~Страховка на автотранспорт. Услуги - водители в страховке, заявки - заявка на оформление страховки~~
~~Регистрация авиабагажа. Услуги - единицы багажа с кодами, заявки - доставка багажа с делением по рейсам~~
Зарядные станции электромобилей. Услуги - список зарядных станций, заявки - дневные отчеты с объемом электропотребления станций

Космос

Заявки на доставку грузов на Марс на Starship. Услуги - товары, доставляемы на Марс на Starship, заявки - заявки на конкретный объем товаров
Учет перелетов Starship между земными космодромами. Услуги - конкретные космические корабли, заявки - заявки на перелет кораблей между площадками
Отчеты по добыче ресурсов (вода, углекислый газ, гелий и тд) на Луне. Услуги - добываемые ресурсы, заявки - месячные отчеты об объеме добычи в конкретном месте Луны
Заявки на переходы космических аппаратов на различные орбиты. Услуги - доступные орбиты, заявки - заявки на переход спутников на орбиту.
Автоматические межпланетные станции (АМС). Услуги - космические объекты, заявки - космические полеты АМС к этим объектам.
Станции на поверхности Марса. Услуги - географические объекты на поверхности Марса (кратеры, плато), заявки - автоматические марсианские станции и марсоходы с маршрутом, успех/потеря/работает
Запуск спутников с космодрома Восточный. Услуги - имеющиеся заявки на доставку КА на орбиту, заявки - полет ракеты-носителя с указанной полезной нагрузкой
Астрономия для астрологов. Услуги - планеты, заявки - присутствие в созвездии указанных планет в данное время
Анализ реликтового излучения. Услуги - анализируемые спектры, заявки - космические аппараты для анализа реликтового излучения
~~Полеты к Gateaway. Услуги - модули станции Gateaway и космические корабли, заявки - миссии с указанием состава и цели~~
~~Полеты Orion. Услуги - астронавты, заявки - полет с указанием назначения, командира и команды~~
Mars Sample Return Mission. Услуги - гильзы-пробирки с грунтом от Perseverance, заявки - миссии Mars Sample Return Mission с указанием гильз
Грузовые корабли к МКС. Услуги - грузы для доставки на МКС, заявки - полеты грузовых кораблей к МКС
~~Объекты на карте. Услуги - теги видов объектов, заявки - объекты на карте с указанием местоположения и тегов~~

МГТУ

Технадзор строительных объектов МГТУ. Услуги - строящиеся здания в кампусе МГТУ, заявки - проверки технадзора данных строек
Мероприятия музея МГТУ. Услуги - виды проводимых в музее мероприятий, заявки - заявки для групп на данные мероприятия
Бронирование аудиторий МГТУ. Услуги - аудитории МГТУ, заявки - заявки на бронирование аудиторий под проводимое мероприятие
~~Парковка МГТУ. Услуги - парковки МГТУ, заявки - заявки на пропуск/абонементы автомобилей на парковки~~
~~Запись на спортивные курсы МГТУ. Услуги - еженедельные группы по курсам, заявки - запись на группы~~
~~Сайт конференции. Услуги - авторы статей, заявки - заявка на публикацию статьи~~
~~Проведение митапов по ИИ. Услуги - спикеры, заявки - митапы ~~
Составление расписания преподавателей. Услуги - преподаватели, заявки - занятия (день недели+время+ауд). Не должно быть двух занятий в одно время у преподавателя
Составление расписания групп. Услуги - учебные группы, заявки - занятия (день недели+время+ауд). Не должно быть двух занятий в одно время у группы
Заявки на специалистов ГУИМЦ (сурдопереводчиков, сурдоакустики и тд). Услуги - специалисты центра ГУИМЦ, заявки - заявка на специалистов на конкретное время и место.
Заявки на техническое оборудование (проекторы, экраны и тд). Услуги - виды оборудования, заявки - заявка на предоставление оборудования в аудиторию на время.
Заявки на пропуски для посетителей. Услуги - корпусы МГТУ, заявки - заявка со списком посетителей, временем посещения
Пропуски на выходные и праздничные дни. Услуги - список сотрудников, заявки - заявка на работу в выходной, праздничный или ночью с указанием причины.
~~Составление занятий. Услуги - задания для выполнения, заявки - занятия со списком для выполнения студентами~~
Заявки на совместный доступ к документы. Услуги - документы, заявки - заявки на предоставление доступа на редактирование к документам.
~~Приказы ректора. Услуги - подразделения МГТУ для ознакомления с приказом, заявки - приказы ректора~~
Проверка кода студентов. Услуги - языки программирования, заявки - заявка от студента на проверку кода преподавателем
Формирование групп на прохождение медосмотра. Услуги - доступное время для записи на медосмотр, заявки - заявки от студентов для включения в группу на медосмотр
Мероприятия профкома МГТУ. Услуги - билеты в музеи, театры, конкурсы и тд, заявки - подача заявок на бесплатное распределение билетов
Заявки на повышение квалификации. Услуги - курсы, заявки - прохождения курса/программы дисциплин
Выставки МГТУ. Услуги - направления/тематика выставки, заявки - выставка с указанием даты, времени и помещения
Обратная связь по курсу. Услуги - группы студентов, заявки - запрос от преподавателя на проведение опроса по выборанным группам
~~Приказы об отчислении. Услуги - студенты, заявки - приказы на отчисление студентов~~
~~Приемная комиссия. Услуги - специальности для поступления, заявки - продача документов для поступления~~
Составление маршрута. Услуги - доступные переходы между корпусами в капмусе, заявки - заявка на объединение участков в единый маршрут - или ошибка
Задачи по электротехнике. Услуги - список реальных моделей резисторов, заявки - расчет силы тока для списка резисторов, соединенных последовательно или параллельно

Социальные услуги

Трудоустройство женщин в отпуске по уходу за ребенком. Услуги - вакансии для женщин с детьми, заявки - подача заявок на вакансии от женщин
Система трудоустройства для инвалидов. Услуги - вакансии для инвалидов, заявки - подача заявок на вакансию от инвалидов
Система социальной помощи инвалидам - доставка еды, сопровождение на мероприятие и тд. Услуги - оказываемые услуги, заявки - заявки на них от инвалидов
~~Заказы на молочную кухню (для детей). Услуги - виды продуктов, заявки - заявки от родителей~~
Справочник по медицине катастроф и первой помощи. Услуги - виды первой помощи, заявки - виды поражений при чрезвычайных ситуациях
Сервис для работодателей. Услуги - города, в которых будет открыта вакансия, заявки - заявки на создание вакансий
Собственники компаний. Услуги - список физических и юридических лиц, заявки - компания с указанием ее владельцев и доли

История

Высочайшие вершины Земли и их покорители. Услуги - знаменитые покорители, заявки - экспедиции по покорению вершин.
Система археологов - находки и их привязка к раскопкам. Услуги - места археологических раскопок, заявки - факты находок предметов с группировкой по экспедиции
~~Эпоха географических открытий. Услуги - первооткрыватели, заявки - их открытия~~
Животные рекордсмены. Услуги - виды рекордов (самые большие, самые быстрые и тд), заявки - жившие виды животных
Морские битвы на Тихом океане. Услуги - конкретные корабли, заявки - составы соединений с адмиралом и указанием победа/поражение
~~Походы викингов. Услуги - города, заявки - походы викингов~~
~~Древнерусские княжества. Услуги - княжества, заявки - правители княжеств по периодам~~
Освоение Дальнего Востока и Сибири. Услуги - населенные пункты и географические объекты, заявки - экспедиции и походы в XVI-XVIII веках
~~Палеонтология. Услуги - геологические периоды, заявки - ископаемые животные (отряды-рода)~~
История живописи. Услуги - картины художников, заявки - заявки на экспертизу для отнесение данных картин какому-то художнику
~~Атомные электростанции СССР и СНГ. Услуги - реакторы для энергоблоков, заявки - история электростанций~~
Регистрация погодных явлений на метеостанции. Услуги - погодное явление, заявки - значения показателей - запись за день
Регистрация температуры на метеостанциях Москвы. Услуги - метеостанции Москвы, заявки - регистрация за день
Амарнское искусство (Эхнатон). Услуги - изображаемые люди, категории предметов, заявки - произведения искусства и изображенные на них люди/предметы
Военные округа РФ. Услуги - объединения, соединения и отдельные части ВС РФ, заявки - хронология состава округа и его действующий статус

Архивные темы

Электронные услуги. Уведомления электронных услуг. Услуги - получатели уведомления, заявки - отправка уведомления
История. История ВОВ - участники ВОВ и их привязка к архивным документам (личные карточки, наградные, ЖБД итд). Услуги - архивные документы, заявки - привязка участника с наградой/событием к документу
Космос. Эволюция ближайших к Солнцу звезд. Услуги - ближайшие звезды, заявки - события в эволюции этих звезд, при завершении заявки меняется таблица услуг.

Примерные вопросы к экзамену и РК

Опишите шаблон MVC, структуру и назначение компонентов.
Опишите схему, как реализован шаблон MVC в фреймворке Django.
Что такое Django? Его назначение и возможности.
Что такое шаблонизация Django? Приведите примеры.
Опишите протокол HTTP. Схему работы и основные понятия.
Опишите стек протоколов интернета TCP/IP.
Перечислите основные составляющие web и опишите их.
Что такое HTML, CSS? Приведите примеры.
Что такое URI? Опишите элементы URI для HTTP.
Виды баз данных. Приведите примеры и отличия.
Объясните назначение ORM, ее составляющие. Укажите преимущества и недостатки ORM.
Что такое модель и миграция?
Укажите группы SQL запросов, их примеры и назначение.
Что такое веб-сервис? Отличие от веб-сервера.
Что такое Web API? Назначение и применение.
Микросервисная архитектура. Отличия от монолитной архитектуры.
Перечислите требования REST, опишите их.
Что такое RPC? Варианты RPC и их отличия.
Что такое Swagger? Назначение и использование.
Что такое AJAX? Схема работы и назначение.
Назначение JSON и XML. Примеры и отличия.
Что такое git? Опишите схему работы с ветками GitHub.
Методология разработки Agile. Состав IT команды.
Перечислите основные диаграммы UML и их назначение.
Что такое Web реального времени? Что такое WebSocket?
Укажите отличия XmlHttpRequest и fetch. Приведите примеры.
Перечислите отличия Axios от fetch. Приведите примеры.
Что такое React? Что такое компонент, его состояния и свойства.
Структура React проекта. Назначение Babel и WebPack.
Жизненный цикл React компонента.
Назначение хуков useState и useEffect.
Назначение хуков useContext и useReducer.
Опишите схему работы менеджера состояний Redux.
Опишите работу Redux на диаграмме последовательности.
Какие параметры передаются при создании Store? Их назначение.
Что такое Cors? Укажите варианты решения.
Что такое Redis? Его назначение и варианты применения.
Опишите схему авторизации с помощью JWT.
Опишите схему авторизации с помощью сессий.
Что такое авторизация и аутентификация? Укажите варианты авторизации и их отличия.
Что такое SSO? Схема работы.
Протокол OAuth. Схема работы.
Отличия мобильных и веб-приложения. Языки и технологии для разработки мобильных приложений.
Что такое pwa? Отличия от других вариантов приложений.
Плюсы и минусы разработки на React Native.
Назначение фреймворков Electron и Tauri. Их отличия.
Опишите этапы подхода DevOps. Назначение GitHub Pages.

Name		Name	Last commit message	Last commit date
Latest commit History 309 Commits
docs		docs
lectures		lectures
reports		reports
tutorials		tutorials
.gitignore		.gitignore
2022.md		2022.md
README.md		README.md

iu5git/Web

Folders and files

Latest commit

History

Repository files navigation