- •1 Разработка веб-интерфейса мкр
- •Требования к веб-интерфейсу
- •Проектирование веб-интерфейса
- •Авторизация
- •Настройка сервера
- •Информация о проекте
- •Создание проекта
- •Работа со списком пользователей
- •Технические средства
- •Разработка программного кода интерфейса
- •Авторизация
- •Форма действий пользователя
- •Форма создания проекта
- •Редактирование списка пользователей системы
- •Запрос данных по проекту
- •Отчета по завершенному проекту
- •Финальное тестирование
- •Руководство для пользователя
- •Инсталляция системы
- •Режимы работы
- •Режим «Руководитель проекта»
- •Режим «Проектировщик»
- •Описание веб-интерфейса
- •Выводы по разделу
-
Описание веб-интерфейса
Авторизация
Страница авторизации включает в себя форму авторизации и кнопки авторизации (рис. 35). Информация о каждом номере указателя указана в таблице 2.
Рис. 35. Страница авторизации
Указатель |
Элемент |
Описание |
1 |
Поле ввода |
Поле ввода логина пользователя |
2 |
Поле ввода |
Поле ввода логина пароля пользователя |
3 |
Переключатель |
Служит для выбора режима работы |
4 |
Кнопка |
Служит для отправки запроса на авторизацию |
5 |
Ссылка |
Служит для возвращения на домашнюю страницу пользователя |
6 |
Ссылка |
Переход к настройкам веб-интерфейса |
Табл. 2. Содержание страницы авторизации
Страница действий пользователя
Страница действий содержит кнопки для всех возможных действий пользователя (рис. 36). Информация о каждом номере указателя указана в таблице 3.
Рис. 36. Страница действий пользователя
Указатель |
Элемент |
Описание |
1 |
Текст |
Информация о текущем пользователе |
2 |
Кнопка |
Служит для перехода к странице создания проекта |
3 |
Группа кнопок |
Служит для действий с выбранным проектом |
4 |
Группка кнопок |
Служебные кнопки для перехода к действия с пользователями или настройками клиента |
Табл. 3. Содержание страницы действий пользователя
Страница создания проекта
Страница создания проекта содержит поля ввода общей информации, таблицу ПЕ и группу кнопок управления (рис. 37). Информация о каждом номере указателя указана в таблице 4.
Рис. 37. Страница создания проекта
Указатель |
Элемент |
Описание |
1 |
Группа полей |
Служит для заполнения общей информации по проекту |
2 |
Таблица |
Таблица заполнения информации по конкретной ПЕ |
3 |
Кнопка |
Служит для отправки запроса на создания нового проекта |
4 |
Кнопка |
Служит для очистки таблицы по ПЕ |
Табл. 4. Содержание страницы создания проекта
Работа с пользователями
Страница работы с пользователя содержит список пользователей с возможностью их редактирования, кнопки удаления пользователя и смены пароля (рис. 38). Информация о каждом номере указателя указана в таблице 5.
Рис. 38. Страница работы с пользователя
Указатель |
Элемент |
Описание |
1 |
Кнопка |
Служит для перехода к форме создания нового пользователя |
2 |
Кнопка |
Служит для запроса на сохранения всех изменений |
3 |
Таблица |
Таблица для редактирования данных по пользователям |
4 |
Группа кнопок |
Кнопки действий по конкретному пользователю |
Табл. 5. Содержание страницы создания проекта
Настройки клиента
Страница настроек клиента содержит форму и кнопки управления (рис. 39). Информация о каждом номере указателя указана в таблице 6.
Рис. 39. Страница настроек клиента
Указатель |
Элемент |
Описание |
1 |
Группа полей |
Служит для редактирования текущих настроек клиента |
2 |
Группа кнопок |
Служит для управления формой текущих настроек |
Табл. 6. Содержание страницы настроек клиента
Детали Стержни
Страница Детали Стержни содержит таблицу с возможностью заполнения данных и кнопки управления (рис. 40). Кнопкой «Согласовать данные» происходит отправка данных на сервер с последующим согласованием введенных координат связи «своей» ПЕ со смежными ПЕ.
Рис. 40. Страница Детали Стержни.
Просмотр информации о проекте
Страница информации о проекте (рис. 41) содержит таблицу всех ПЕ с указанием текущего этапа, имя проектировщика и даты изменения этапа. При просмотре информации проектировщик может увидеть подробную информация об этапах своей ПЕ (рис. 42). Для этого проектировщику достаточно нажать на строку своей ПЕ.
Рис. 41. Страница Информация о проекте.
Рис. 42. Просмотр информации о своей ПЕ.