Разработка клиентского приложения для системы документооборота специализированных регистраторов в отрасли финансовых технологий

1.

Галиулина Татьяна
Анатольевна
Факультет: ПМИ
Группа: ПМ-12
Направление подготовки: 01.03.02 Прикладная
математика и информатика
Руководитель: к.т.н. Самочернов Игорь Васильевич
Новосибирск, 2025
Разработка
клиентского
приложения для
системы
документооборота
специализированных
регистраторов в
отрасли финансовых
технологий
www.nstu.ru

2.

Актуальность
2
Инвестиции — это вложение денег, времени или ресурсов с целью
получить прибыль или выгоду в будущем.
Пример – покупка ценных бумаг.
www.nstu.ru

3.

Актуальность
3
Тема выпускной квалификационной работы
была выбрана в связи с активным
развитием фондового рынка.
Рынок ценных бумаг — это система, где
осуществляется купля-продажа
финансовых инструментов, таких как акции,
облигации и другие виды ценных бумаг.
Этот рынок обеспечивает компании
необходимыми капиталами для роста и
развития, а инвесторам — возможность
получать прибыль.
www.nstu.ru

4.

Анализ предметной области
4
Основными участниками рынка ценных
бумаг являются: эмитенты организации, выпускающие эмиссии
(ценные бумаги) и инвесторы.
Ведением реестра ценных бумаг
занимается регистратор, ведением и
хранением информации на основе
договоров, заключенных с
акционерными обществами
www.nstu.ru

5.

Решение
5
Разработкой программного обеспечения для
регистраторов занимается Элдис Софт
www.nstu.ru

6.

Аналоги
6
Аналогом разрабатываемой системы Зенит Документооборот является программа Р - Зенит,
включающая в себя документооборот и систему
ведения реестров. Р- Зенит получил
сертифицирован в 2002 году, но уже устарел,
поэтому было принято решение о создании
нового проекта Зенит - Документооборот
www.nstu.ru

7.

Цель работы
7
Цель работы - разработка фрагментов
кода в системе документооборота на
примере выполнения небольших задач,
связанных с разными аспектами
архитектуры.
www.nstu.ru

8.

Используемые технологии
8
Для построения пользовательского
интерфейса была использована
библиотека React, язык
программирования Typescript и
различные сторонние библиотеки
(например, MUI - библиотека
стилизованных компонент, react hook
form - для валидации форм)
www.nstu.ru

9.

Требования
9
Основным требованием было
удобство пользования программы,
поэтому мы придерживались
рекомендации Material Design 2. это
проект компании Google, который на
основе сбора данных о
пользовательском опыте диктует
лучшие практики для написания
интерфейса
www.nstu.ru

10.

Модальные окна и формы
1
0
Модальные окна в фронтенде — это
всплывающие элементы интерфейса,
которые отображаются поверх основного
контента и используются для привлечения
внимания пользователя к важной
информации или для взаимодействия,
например, подтверждения действий или
ввода данных.
Формы — это элементы интерфейса,
предназначенные для сбора информации от
пользователя, такие как поля ввода,
переключатели и кнопки отправки.
www.nstu.ru

11.

Валидация
1
1
www.nstu.ru

12.

API
1
2
API – это набор способов и правил, по
которым различные программы
общаются между собой и обмениваются
данными, в случае Web сайтов
говорится об общении клиента и
сервера.
www.nstu.ru

13.

Обработка ошибок от сервера
1
3
www.nstu.ru

14.

Моки (mocks) и стабы (stubs)
1
4
Моки (mocks) и стабы (stubs) — это
фиктивные объекты, используемые в
модульном тестировании программного
обеспечения.
Стаб — это простой заглушка, которая
возвращает заранее определенные
значения или выполняет заранее
заданные действия.
www.nstu.ru

15.

Тестирование
1
5
После разработки, было проведено
тестирование, которое не выявило
проблем.
www.nstu.ru

16.

Заключение
1
6
Список выполненных задач:
1) Разработка форм для действия над документом в модальных
окнах.
2) Обеспечение клиент-серверного взаимодействия.
3) Внедрение фиктивных данных и зависимостей, для ускорения
разработки и облегчения тестирования.
4) Реализация возможности сохранения пользовательского выбора
в системе.
В ходе выполнения выпускной квалификационной работы, были
получены практические навыки взаимодействия в команде и
коммерческий опыт разработки клиентской части проекта по
документообороту.
www.nstu.ru