📄Работа №182507

Тема: Разработка клиентской части системы мониторинга технологических процессов

Характеристики работы

Тип работы Дипломные работы, ВКР
Информатика и вычислительная техника
Предмет Информатика и вычислительная техника
📄
Объем: 87 листов
📅
Год: 2022
👁️
Просмотров: 57
Не подходит эта работа?
Закажите новую по вашим требованиям
Узнать цену на написание
ℹ️ Настоящий учебно-методический информационный материал размещён в ознакомительных и исследовательских целях и представляет собой пример учебного исследования. Не является готовым научным трудом и требует самостоятельной переработки.

📋 Содержание

Реферат 1
Перечень листингов, рисунков, таблиц 5
Глоссарий 8
Введение 9
1 Анализ требований 10
1.1 Цели создания системы 10
1.2 Характеристика объекта автоматизации 10
1.2.1 Текущее состояние объекта автоматизации 10
1.2.2 Пользователи системы 13
1.3 Функциональные требования 13
1.4 Требования к эргономике и технической эстетике 14
1.5 Управление правами доступа пользователей в системе 15
1.6 Требования к функциям, выполняемым веб-интерфейсом 15
1.6.1 Управление пользователями 16
1.6.2 Управление номенклатурой изделий 19
1.6.3 Управление настройками ТП термообработки изделий 21
1.7 Модель предметной области 27
2 Описание технологий и инструментов разработки 30
2.1 Single Page Application 30
2.2 React 32
2.3 Redux 34
2.4 TypeScript 36
3 Проектирование и разработка клиентской части веб-приложения 38
3.1 Структура приложения 38
3.2 Глобальное хранилище 39
3.3 Взаимодействие с серверной частью веб-приложения 43
3.3.1 Использование механизма интерцепторов 44
3.3.2 Механизм отмены запросов к серверу 47
3.3.3 Аутентификация пользователя в HTTPS соединении 49
3.3.4 Аутентификация пользователя в WSS соединении 51
3.4 Разработка UI слоя 53
3.5 Разработка модуля компонентов Таблиц 54
3.5.1 Разработка компонентов фильтров таблицы 56
3.5.2 Разработка фабрики фильтров таблицы 58
3.6 Разработка модуля форм 63
3.6.1 Разработка формы создания ТП 64
3.7 Роутинг и разграничение доступа для ролей пользователей 68
3.8 Реализация индикаторов ожидания 70
3.8.1 Разработка хука useLoading 70
3.8.2 Разработка хука useQuery 72
3.9 Разработка страниц садки и добавления номенклатур 76
Заключение 80
Список литературы 81

📖 Аннотация

Работа посвящена разработке клиентской части системы мониторинга технологических процессов для автоматизации производства на заводе компании «КАМАЗ». Актуальность обусловлена необходимостью минимизации влияния человеческого фактора и повышения оперативности контроля за производственными операциями, что является критическим требованием для крупных промышленных предприятий. В ходе исследования был проведен анализ требований, выбраны и применены современные веб-технологии, включая React, Redux и TypeScript, для создания одностраничного приложения (SPA). Результатом стала реализация двух ключевых интерфейсов: мобильного приложения для термистов, управляющих процессами, и веб-панели мониторинга для руководящего персонала, обеспечивающей визуализацию текущего состояния и аналитику исторических данных. Практическая значимость заключается во внедрении разработанного решения в реальный производственный контекст заказчика, где система уже проходит тестирование. Обзор литературы включал изучение документации по выбранным фреймворкам и архитектурным подходам. Спроектированная масштабируемая архитектура позволяет в дальнейшем относительно легко расширять функционал системы в соответствии с новыми требованиями завода.

📖 Введение

Система разработана по заказу компании «КАМАЗ». Заказчику потребовалось автоматизировать процесс производства деталей на своем заводе. Для этого было принято решение разработать систему, которая позволит уменьшить влияние человеческого фактора на производственный процесс.
Команда разработала часть системы, в которой термисты могут управлять процессами производства деталей - эта часть вынесена в мобильное приложение. Еще разработана панель мониторинга система, в который управляющий персонал может посмотреть текущее состояние процессов производства, а также найти интересующие факты среди истории всех технологических процессов.

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

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

👨‍🎓 Помощь в написании

✅ Заключение

В рамках данной работы была реализована клиентская часть системы мониторинга технологических процессов на заводе компании «КАМАЗ». Разработанная система в настоящее время передана заказчику и тестируется в реальных условиях.
Сейчас работы над проектом закончены. По окончании тестирования функционала системы заказчиком, возможно, потребуется расширения функционала, что будет являться не сложной задачей, так как заложенная архитектура спроектирована таким образом, чтобы ее можно было легко масштабировать.

Нужна своя уникальная работа?
Срочная разработка под ваши требования
Рассчитать стоимость
ИЛИ

📕 Список литературы

1. Wikipedia «Single Page Application» [Электронный ресурс]. URL:
https://en.wikipedia.org/wiki/Single-page application (дата обращения: 13.03.2022)
2. Wikipedia «Server Side Rendering» [Электронный ресурс].
URL: https://en.wikipedia.org/wiki/Server-side scripting (дата обращения:
14.03.2022)
3. Руководство по библиотеке Angular [Электронный ресурс]. URL:
https://angular.io/ (дата обращения: 28.03.2022)
4. Руководство по фреймворку Vue [Электронный ресурс]. URL:
https: //ru. vuej s.org/ (дата обращения: 28.03.2022)
5. Руководство по библиотеке React [Электронный ресурс]. URL:
https://reactjs.org/docs/getting-started.html (дата обращения: 03.05.2022)
6. Руководство по Create React App [Электронный ресурс]. URL: https://create- react-app.dev/ (дата обращения: 05.04.2022)
7. Руководство по библиотеке Redux [Электронный ресурс]. URL:
https://redux.js.org/ (дата обращения: 11.05.2022)
8. Руководство по библиотеке Redux-Toolkit [Электронный ресурс].
URL: https: //redux-toolkit. js. org/ (дата обращения: 11.05.2022)
9. Руководство по библиотеке TypeScript [Электронный ресурс]. URL:
https://www.typescriptlang.org/docs/ (дата обращения: 12.05.2022)

🖼 Скриншоты

🛒 Оформить заказ

Работу высылаем в течении 5 минут после оплаты.
Предоставляемые услуги, в том числе данные, файлы и прочие материалы, подготовленные в результате оказания услуги, помогают разобраться в теме и собрать нужную информацию, но не заменяют готовое решение.
Укажите ник или номер. После оформления заказа откройте бота @workspayservice_bot для подтверждения. Это нужно для отправки вам уведомлений.

©2026 Cервис помощи студентам в выполнении работ