- •1 Разработка веб-интерфейса мкр
- •Требования к веб-интерфейсу
- •Проектирование веб-интерфейса
- •Авторизация
- •Настройка сервера
- •Информация о проекте
- •Создание проекта
- •Работа со списком пользователей
- •Технические средства
- •Разработка программного кода интерфейса
- •Авторизация
- •Форма действий пользователя
- •Форма создания проекта
- •Редактирование списка пользователей системы
- •Запрос данных по проекту
- •Отчет по завершенному проекту
- •Финальное тестирование
- •Руководство для пользователя
- •Инсталляция системы
- •Режимы работы
- •Режим «Руководитель проекта»
- •Режим «Проектировщик»
- •Описание веб-интерфейса
- •Выводы по разделу
-
Описание веб-интерфейса
Авторизация
Страница авторизации включает в себя форму авторизации и кнопки авторизации (рис. 2.36). Информация о каждом номере указателя указана в таблице 2.1.
Рис. 2.36. Страница авторизации
Указатель |
Элемент |
Описание |
1 |
Поле ввода |
Поле ввода логина пользователя |
2 |
Поле ввода |
Поле ввода логина пароля пользователя |
3 |
Переключатель |
Служит для выбора режима работы |
4 |
Кнопка |
Служит для отправки запроса на авторизацию |
5 |
Ссылка |
Служит для возвращения на домашнюю страницу пользователя |
6 |
Ссылка |
Переход к настройкам веб-интерфейса |
Табл. 2.1. Содержание страницы авторизации
Страница действий пользователя
Страница действий содержит кнопки для всех возможных действий пользователя (рис. 2.37 Информация о каждом номере указателя указана в таблице 2.2.
Рис. 2.37. Страница действий пользователя
Указатель |
Элемент |
Описание |
1 |
Текст |
Информация о текущем пользователе |
2 |
Кнопка |
Служит для перехода к странице создания проекта |
3 |
Группа кнопок |
Служит для действий с выбранным проектом |
4 |
Группка кнопок |
Служебные кнопки для перехода к действия с пользователями или настройками клиента |
Табл. 2.2. Содержание страницы действий пользователя
Страница создания проекта
Страница создания проекта содержит поля ввода общей информации, таблицу ПЕ и группу кнопок управления (рис. 2.38). Информация о каждом номере указателя указана в таблице 2.3.
Рис. 2.39. Страница создания проекта
Указатель |
Элемент |
Описание |
1 |
Группа полей |
Служит для заполнения общей информации по проекту |
2 |
Таблица |
Таблица заполнения информации по конкретной ПЕ |
3 |
Кнопка |
Служит для отправки запроса на создания нового проекта |
4 |
Кнопка |
Служит для очистки таблицы по ПЕ |
Табл. 2.4. Содержание страницы создания проекта
Работа с пользователями
Страница работы с пользователя содержит список пользователей с возможностью их редактирования, кнопки удаления пользователя и смены пароля (рис. 2.40). Информация о каждом номере указателя указана в таблице 2.5.
Рис. 2.40. Страница работы с пользователя
Указатель |
Элемент |
Описание |
1 |
Кнопка |
Служит для перехода к форме создания нового пользователя |
2 |
Кнопка |
Служит для запроса на сохранения всех изменений |
3 |
Таблица |
Таблица для редактирования данных по пользователям |
4 |
Группа кнопок |
Кнопки действий по конкретному пользователю |
Табл. 2.6. Содержание страницы создания проекта
Настройки клиента
Страница настроек клиента содержит форму и кнопки управления (рис. 2.41). Информация о каждом номере указателя указана в таблице 2.7.
Рис. 2.41. Страница настроек клиента
Указатель |
Элемент |
Описание |
1 |
Группа полей |
Служит для редактирования текущих настроек клиента |
2 |
Группа кнопок |
Служит для управления формой текущих настроек |
Табл. 2.8. Содержание страницы настроек клиента
Детали Стержни
Страница Детали Стержни содержит таблицу с возможностью заполнения данных и кнопки управления (рис. 2.42). Кнопкой «Согласовать данные» происходит отправка данных на сервер с последующим согласованием введенных координат связи «своей» ПЕ со смежными ПЕ.
Рис. 2.42. Страница Детали Стержни.
Просмотр информации о проекте
Страница информации о проекте (рис. 2.43) содержит таблицу всех ПЕ с указанием текущего этапа, имя проектировщика и даты изменения этапа. При просмотре информации проектировщик может увидеть подробную информация об этапах своей ПЕ (рис. 2.44). Для этого проектировщику достаточно нажать на строку своей ПЕ.
Рис. 2.43. Страница Информация о проекте.
Рис. 2.44. Просмотр информации о своей ПЕ.