2.6. Описание форм автоматизированной системы

При входе по адресу сайта, если вы не авторизовались, то пользователь будет перенаправлен в форму ввода логин и пароль.

При вводе неправильных данных, система будет информировать пользователя, что введенные данные неправильно введены, и не даст пройти дальше.

Также есть возможность запомнить входные данные при входе в систему, чтобы уже быстро проходить процесс авторизации (рис.15).

Рис. 15. Вход в систему

Благодаря новому стандарту HTML5 в текстом поле уже можно задать

тип e-mail, который позволяет до отправки данных проверять введен ли электронный адрес или нет, что позволяет снизить нагрузку на сервер.

После успешной прохождения авторизации системы, пользователь попадает в систему.

Основной скелет системы это панель пользователи. Находится основное меню. В основном меню имеется пункты: главная страница, справочник, задачи. Справочник доступен только для администратора системы. Подменю справочника относится только список пользователей. Только администратор может создавать пользователей в системе.

В верхнем углу находится подменю для работы пользователя. В подменю имеются два подпункта. Один подпункт позволит перейти к форме для работы с личными данным пользователя. Другой подпункт меню позволяет выйти из системы (рис.16).

Рис. 16. Справочник системы.

Данный список доступен только пользователем у которых есть права администратора. Даная форма служит для просмотра списка пользователей в системе, также есть возможность создать, изменить или удалить пользователя из системы.

Данные в форме отображаются в виде таблицы. Также с помощью js

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

Чтобы перейти к данным пользователя, можно нажать на его Ф.И.О. После нажатия, вы можете перейти в форму для корректировки данных (рис.17).

Рис. 17. Форма списка

Для удаления пользователя из системы в таблице в последнем столбце есть кнопка «Удалить». При нажатии на эту команду, вы можете переходить на страницу активности пользователя, которая позволяет информировать администратора.

Информация выводится: сколько запросов было создано, сколько ответов уже дал выбранный (рис.18).

<?php

require('font/makefont/makefont.php');

MakeFont('times.ttf',times.afm','cp1251');

cp1250 (Central Europe)

cp1251 (Cyrillic)

cp1252 (Western Europe)

cp1253 (Greek)

?>

Рис.18. Результат удаления пользователя

После удаления пользователя, автоматически переходите на список пользователей, где появляется форма, которая информирует пользователя о результате операции.

Для того, чтобы создать новую задачу в системе, пользователь должен обладать правами администратором или менеджером по задачи. Чтобы создать новою задачу, нужно выбрать пункт в боковом меню «задачи». После выбора меню переходим на форму «Списка задач».

Пользователю представлена информация по задачам в виде таблицы. В таблице отображена информация (рис.19):

1. Номер задача

2. Наименование

3. Дата начала и завершения

4. Описание

5. Статус

Рис. 19. Список задач

Для того, чтобы создать новую задачу, нужно выбрать команду «Создать». Данная кнопка доступна только для пользователей, которые обладают правами администратора или менеджера задач.

После нажатия команды переходим на форму для создания новой задачи. Форма представляет набор полей и кнопок (рис.20).

Самой главной особенностью системы является не только создавать задачи с описанием и обратной связью, но и создание опроса.

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

<!-- /resources/views/alert.blade.php -->

<div class="alert alert-danger">

<div class="alert-title">{{ $title }}</div>

{{ $slot }}

</div>

Рис. 20. Список задач в системе

Для ввода информации запроса предполагает:

1. Код

2. Бар-код или артикул

3. Наименование

Рис. 21. Поле опроса в задаче

Также, напротив наименование полей, может быть знак «*». Данный знак информирует пользователя, что данное поле обязательное. Если пользователь не введет информацию в поле, то система проинформирует, что поле пустое и нужно вести информацию.

Рис. 22. Список задач

В программе при отправке данных или создании задачи, система проверяет входные данные на валидацию.

Происходит обработка на проверку правильности ввода временного периода, уникальность название задачи.

Если данные не проходят проверку, то выводим информацию пользователю, что не так с данными (рис.23).

Код для программирования валидации представлен ниже.

$messages = [

'name.unique' => 'Поле имя задачи должно быть уникальное!', ]; $validatedData = $request->validate([ 'name' => 'required|unique:eventdatas|max:255', ],$messages);

Рис. 23. Выводим сообщение об ошибке

При успешном создании задачи пользователям возвращаемся к списку задач, и видим выводится информация, что была создана задача (рис.24).

Рис. 24. Сообщение о создании задачи

При создании задачи, пользователю приходит письмо на электронный почтовый адрес – сообщение, что поставлена новая задача, название задачи, временные рамки задачи. Также в письме есть адрес, с помощью которого пользователь может перейти и просмотреть содержание самой задачи.

Иногда бывает, что задача была создана случайно. Чтобы задачу удалить, нужно выбрать нужную строчку в таблице в списке и нажать на кнопку «Удалить» (рис.25).

Рис. 25. Операция удаления

При операции удаление задачи, происходит удаление шапки задачи, удаление кто закреплен за этой задачей и комментарии к задачи. Переходим к списку задач и выводим сообщение, что была удалена задача (рис. 26).

<!-- /resources/views/alert.blade.php -->

<div class="alert alert-danger">

<div class="alert-title">{{ $title }}</div>

{{ $slot }}

</div>

Рис. 26. Сообщение, что была удалена задача

Для того чтобы просмотреть или подтвердить задачу нужно нажать на кнопку «Просмотр/Ответить». Пользователь перейдет на форму просмотра.

Пользователю будет представлена форма для ознакомления информации (рис. 27).

Рис. 27. Просмотр и ответ на задачу

Добавить свой комментарий о выполнении задачи или заполнить опрос (рис.28).

Рис. 28. Просмотр информацию о задаче

Пользователю предоставляется не только функция подтверждения задачи с помощью нажатия кнопки «Выполнить». Но еще может быть написано сопроводительное сообщение, которое поможет полностью передать информацию о выполнение задачи.

В задаче можно добавить функцию опроса. Пользователь может выполнить задачу и полученный результат заполнить в поля, прикрепленные к задаче (рис. 29).

<!-- /resources/views/alert.blade.php -->

<div class="alert alert-danger">

<div class="alert-title">{{ $title }}</div>

{{ $slot }}

</div>

Рис.29. Форма заполнения комментария к задаче и опроса

После нажатия кнопки «выполнить». Задача переходит в разряд завершенных и переходим к списку задач и выводим сообщение (рис.30).

Рис.30. Уведомленте о выполнении задачи

Также пользователь может распечатать себе отчет о задаче, который входит в название задачи, описание, сопроводительный текст, если есть опрос также можно распечатать (рис31).

Рис. 31. Отчет в PDF формате для пользователя.

Функция отчета выполнения задач доступна пользователям, которые имеют права администратора и менеджер задач. Формирование отчета позволяет выводить результат задачи в читаемый вид. В системе существует два вида отчета.

Первый вид отчета позволяет сформировать список пользователей, которые привязаны к задаче и статус выполнения. Если задача пользователем была выполнена, то будет отображена дата выполнения задачи (рис.32).

Рис. 32. Список пользователей о статусе выполнения

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

Рис. 33. Список задач общий с опросом

Пользователю есть возможность самому менять свои параметры. Под свои параметры в системе понимается изменения имени или пароль. Чтобы открыть форму для редактирования профиля нужно навести курсор мышки на иконку пользователя (рис.34).

После этого появится выпадающий список. Из выпадающего списка выбираем меню «Профиль». После выбора пунктам меню появится форма для работы

Рис.34 Переход к данным пользователя

Для того чтобы изменить данные профиля пользователя требуется ввести новые данные профиля. После ввода новых данным нажмем на кнопку «Отправить» и данные отправится на сервер. После успешной сменный данных пользователь перейдет на главную страницу. Чтобы изменить пароль на новый нужно в профиле выбрать пункты изменить пароль, вести новый и сохранить.

Рис. 35. Профиль пользователя.

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

Была разработана структура базы и данных и выбрана mysql как основой для хранения данных.