57
Далее в таблицах с 12 – 18 указаны таблицы ER модели базы данных.
Таблица 12
Характеристика User
Наименование
поля
Идентификатор
поля
Тип
данных
Длина
поля
Описание поля
Код пользователя
userId
int||string
8
Первичный ключ
Имя
firstName
string
20
Имя пользователя
Фамилия
surName
string
20
Фамилия пользователя
Почта
mail
string
20
Почта пользователя
Пароль
passord
string
15
Пароль пользователя
Код команды
teamId
int||string
8
Код команды в которой
состоит сотрудник
Таблица 13
Характеристика UserToTeam
Наименование
поля
Идентификатор
поля
Тип
данных
Длина
поля
Описание поля
Код пользователя
userId:
int||string
8
Код пользователя
Код команды
teamId
int||string
8
Код команды в которой
состоит сотрудник
Таблица 14
Характеристика Team
Наименование
поля
Идентификатор
поля
Тип
данных
Длина
поля
Описание поля
Код команды
teamId
int||string
8
Первичный ключ
Имя команды
nameTeam
string
20
Имя команды
Код пользователя
userId
int||string
8
Код пользователя
которой состоит команде
Лидер
owner
string
20
Имя лидера команды
Таблица 15
Характеристика SprintMagazine
Наименование
поля
Идентификатор
поля
Тип
данных
Длина
поля
Описание поля
58
Код журнала
sprintId
int||string
8
Первичный ключ
Код команды
teamId
int||string
8
Код команды у которой
есть данный журнал
Длительность
спринта
sprintTime
date
10
Время уделённое для
спринта
Код задачи
taskId
int||string
8
Задача запланированная
на спринт
Таблица 17
Характеристика Task
Наименование
поля
Идентификатор
поля
Тип
данных
Длина
поля
Описание поля
Код задачи
taskId
int||string
8
Код задачи
Код родителя
parentTaskId
int||string
8
Код родителя, для
понимания, того где
должна быть вложена
задача
Текст задачи
textTask
string
20
Текст задания
Выполнение
isDone
boolean
5
Была ли выполнена
задача
Из журнала
sprintMagazine
boolean
5
Была ли задача в
журнале спринта
Тип
type
string
10
Тип задач, вложенная
или сложная
Исполнитель
asignUser
int||string
20
Исполнителей
поставленной задачи
Команда
исполнитель
asigneSprint
string
20
Команда исполнителей
Процесс
label
string
15
В каком процессе
находится задача
Таблица 18
Характеристика TaskToUser
Наименование
поля
Идентификатор
поля
Тип
данных
Длина
поля
Описание поля
59
Код задачи
taskId
int||string
8
-
Код пользователя
userId
int||string
8
-
Таблица 18
Характеристика DocPro
Наименование
поля
Идентификатор
поля
Тип
данных
Длина
поля
Описание поля
Код документации
к прототипу
docProtoId:
int||string
8
-
Текст описания
descriptionText:
string
Текс для описания
выполненной задачи
Название
продукта
titelProduct:
string
Название продукта, в
котором сделали задачу
Текст задачи
textTask:
string
-
Код спринта
sprintId:
int||string
8
-
Код задачи
taskId:
int||string
8
-
60
2.3.3. Структурная схема пакета (дерево вызова процедур и
программ)
Модули выполняют следующие функции:
Служебные;
Управляющие, необходимы для загрузки меню, вывод экранных
форм и предоставление управления другому модулю.
Модули связанные с вводом, хранение, обработкой и выдачей
информации.
На схеме 9 показано дерево вызова программных модулей, которое отражает
общие вызовы модули для процессов, выполняемых на всех формах
программы.
Схема 9 Дерево вызова программных модулей
61
Таблица 19
Описания функций модулей
№
п/п
Наименование модуля
Функции модуля
1
Начальный модуль
Модуль который инициирует вызов и
активацию последующих программных
модулей системы, производит вызов
экранных форм, а также обработку
обращения к меню.
2
Модуль ввода данных
Модуль, предназначенный для ввода
данных в соответствующие поля форм, а
также выбор из выпадающих списков
полей.
3
Модуль обработки
информации
Происходит обработка информации,
выполнение запросов, а также проводятся
окончательные расчеты; сохранение
обработанной информации. За счет
происходящих событий, таких как либо
нажатия на соответствующие кнопки, либо
выбор посредством двойного клика, либо
выбора из списка меню данных, по которым
будет выполнено действие (запрос).
4
Модуль вывода
результатов, составления
отчёта
Модуль, предназначенный для вывода на
экран или на печать обработанных данных,
результатов выполнения запросов, форм
первичных, промежуточных и результатных
отчетов, сгенерированных в тех модулях,
которые реализуют соответствующие
пункты меню.
5
Выход
Модуль предназначен для прекращения
взаимодействия пользователя с
приложением
62
2.3.4. Описание программных модулей
Для примера описания был выбран модуль авторизация. Алгоритм
работы модуля представлен на схеме 10.
Схема 10 алгоритм модуля авторизации пользователя
На схеме 11 приведена форма авторизации пользователя.
63
Схема 11 форма авторизации пользователя
Реализация алгоритма блок схемы
import React from 'react'
import Modal from '../../showComponent/Modal';
class ReqisterForm extends React.Component {
constructor(props) {
super(props);
this.state = {
email: '',
pas: '',
repPas: '',
}
this.changeEmail = this.changeEmail.bind(this);
this.changePass = this.changePass.bind(this);
this.changeRepPass = this.changeRepPass.bind(this);
this.sendSubmit = this.sendSubmit.bind(this);
}
changeEmail(event) {
this.setState({ email: event.target.value });
}
64
changePass(event) {
this.setState({ pas: event.target.value });
}
changeRepPass(event) {
this.setState({ repPas: event.target.value });
}
sendSubmit(event) {
event.preventDefault();
let userDate = {
email: this.state.email,
pas: this.state.pas,
repPas: this.state.repPas,
}
this.props.sendUserInfoAction(userDate);
}
render() {
const { email, pas, repPas } = this.state;
return(
<Modal
className="bg-register-form"
>
<form className="register-form flex flex-column items-center">
<div
className="cross">
</div>
<input
className="register-form__email register-input mb25"
type="emil"
placeholder="Email"
value={email}
onChange={this.changeEmail}
/>
<input
className="register-form__pass register-input mb25"
type="password"
65
placeholder="Password"
value={pas}
onChange={this.changePass}
/>
<input
className="register-form__pass register-input"
type="password"
placeholder="Replace password"
value={repPas}
onChange={this.changeRepPass}
/>
<button
className="register-form__btn-sub"
onClick={this.sendSubmit}
>
Submit
</button>
</form>
</Modal>
);
}
}
export default ReqisterForm;
66
2.4. Контрольный пример реализации проекта и его описание
При отмечании выполнения задачи, пользователю требуется нажать на
кнопку «Мои задачи», справа появляется выдвижное окно, где перечислен
перечень задачей сотрудника, сотрудник нажимает на checkbox задачи,
который находится справа от текста задачи после чего, задача отмечается
выполненной, если checkbox был в неактивном состоянии и наоборот,
checkbox становится неактивным, если до нажатия пользователя он был
активным. На Схема 12 представлена оконная форма списка задач сотрудника.