Проекты интерфейсов (2012) / Портал учебной группы ВУЗа
.pdf
ХРАНЕНИЕ ИНФОРМАЦИИ
Операции |
|
Инструменты |
|
|
Устройства |
|
|
|
|
ввода |
|
||
|
|
|
|
|
|
Добавление данных в раздел
Пополнение портала информацией (объявлениями, конспектами, заданиями, ссылками и литературой)
1. |
Авторизация |
|
|
Панель пользователя |
|
|
|
|
|
|
|
|
|
|
|
2. |
Переход в нужный раздел |
|
|
Главное меню, меню подразделов |
|
|
|
|
|
|
|
|
|
|
|
3. |
Открытие формы добавления данных в раздел |
|
|
Ссылка «Добавить ...» на панелиуправления |
|
|
|
|
|
разделом |
|
|
|
||
|
|
|
|
|
|
|
|
4. |
Заполнение формы |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
5. |
Сохранение новых данных |
|
|
Кнопка «Добавить» |
|
|
|
|
|
|
|
|
|
|
|
Изменение данных в раздел
Внесение изменений в имеющуюся на портале информацию (объявления, конспекты, задания, ссылки и литературу)
1. |
Авторизация |
|
|
Панель пользователя |
|
|
|
|
|
|
|
|
|
|
|
2. |
Переход в нужный раздел |
|
|
Главное меню, меню подразделов |
|
|
|
|
|
|
|
|
|
|
|
3. |
Переход на нужнуюстраницу с данными |
|
|
Меню подразделов,панель постраничной |
|
|
|
|
|
навигации, панель выбора способа сортировки |
|
|
|
||
|
|
|
|
|
|
|
|
4. |
Открытие формы редактирования данных |
|
|
Кнопка «Изменить» на панели кнопок |
|
|
|
|
|
управления данными |
|
|
|
||
|
|
|
|
|
|
|
|
5. |
Изменение информации в форме |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
6. |
Сохранение изменений |
|
|
Кнопка «Сохранить» |
|
|
|
|
|
|
|
|
|
|
|
|
Операции |
|
|
Инструменты |
|
|
Устройства |
|
|
|
|
|
|
|
ввода |
|
|||
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
Удаление данных из раздела |
|
|
|
|
|
|
|
|
|
Удаление имеющейся на портале информации (объявлений, конспектов, заданий, ссылок и литературы) |
|
|
|
|
|||||
1. |
Авторизация |
|
|
Кнопка «Войти» напанелипользователя |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
2. |
Переход в нужный раздел |
|
|
Главное меню, меню подразделов |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
3. |
Переход на нужнуюстраницу с данными |
|
|
Меню подразделов,панель постраничной |
|
|
|
|
|
|
|
навигации, панель выбора способа сортировки |
|
|
|
|
|
||
|
|
|
|
|
|
|
|
|
|
4. |
Открытие окна запроса подтверждения удаления данных |
|
|
Кнопка «Удалить» на панели кнопок |
|
|
|
|
|
|
|
управления данными |
|
|
|
|
|
||
|
|
|
|
|
|
|
|
|
|
5. |
Подтверждение удаления данных |
|
|
Кнопка «Да, удалить» |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
Добавление данных в списки избранного
Сохранение информации (объявлений, конспектов, заданий, ссылок и литературы) в персональные списки избранного
1. |
Авторизация |
|
|
Кнопка «Войти» напанели пользователя |
|
|
|
|
|
|
|
|
|
|
|
2. |
Переход в нужный раздел |
|
|
Главное меню, меню подразделов |
|
|
|
|
|
|
|
|
|
|
|
3. |
Переход на нужнуюстраницу с данными |
|
|
Меню подразделов,панель постраничной |
|
|
|
|
|
навигации, панель выбора способа сортировки |
|
|
|
||
|
|
|
|
|
|
|
|
4. |
Добавление данных в список избранного текущего раздела |
|
|
Кнопка «Добавить в избранное» рядом с |
|
|
|
|
|
названием данных |
|
|
|
||
ПОИСК И ПРОСМОТР ИНФОРМАЦИИ
|
Операции |
|
|
Инструменты |
|
|
Устройства |
|
|
|
|
|
|
|
ввода |
|
|||
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
Поиск данных |
|
|
|
|
|
|
|
|
|
Поиск имеющейся на портале информации (объявлений, конспектов, заданий, ссылок и литературы), удовлетворяющей запросу |
|
|
|
|
|||||
1. |
Переход на страницу поиска |
|
|
Кнопка «Поиск» в главное меню |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
2. |
Ввод поискового запроса |
|
|
Строка ввода поискового запроса |
|
|
|
|
|
|
|
фокус автоматически устанавливается на данную строку |
|
|
|
|
|
||
|
|
|
|
|
|
|
|
|
|
3. |
Использование поисковых подсказок |
|
|
Список вариантов готовых запросов |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
4. |
Начать поиск |
|
|
Клавиши «Enter» на клавиатуре или кнопка |
|
|
|
|
|
|
|
«Искать» |
|
|
|
|
|
||
|
|
|
|
|
|
|
|
|
|
Просмотр данныхраздела
Подробный обзор имеющейся на портале информации (объявлений, конспектов, заданий, ссылок и литературы)
1.Переход в нужный раздел
2.Переход на нужнуюстраницу с данными
3.Переход на страницу данных
Главное меню, меню подразделов
Меню подразделов,панель постраничной
навигации, панель выбора способа сортировки
Ссылка <Название данных> или специальная
кнопка (например «Читать»)
Быстрый просмотрданных раздела
Краткий обзор имеющейся информации (объявлений, конспектов, заданий, ссылок и литературы) на портале
1. |
Переход в нужный раздел |
|
|
Главное меню, меню подразделов |
|
|
|
|
|
|
|
|
|
|
|
2. |
Переход на нужнуюстраницу с данными |
|
Меню подразделов,панель постраничной |
|
|
|
|
|
|
навигации, панель выбора способа сортировки |
|
|
|
||
|
|
|
|
|
|
|
|
3. |
Переключение в режим просмотра описаний данных |
|
|
Ссылка «Показать описание» на панели |
|
|
|
|
|
управления разделом |
|
|
|
||
|
|
|
|
|
|
|
|
ОБЩЕНИЕ
Добавление комментария
Обсуждение имеющейся на портале информации (объявлений, конспектов, заданий, ссылок и литературы)
1. |
Авторизация |
|
|
Кнопка «Войти» напанели пользователя |
|
|
|
|
|
|
|
|
|
|
|
2. |
Переход на комментируемую страницу |
|
|
Каталоги, история изменений |
|
|
|
|
|
|
|
|
|
|
|
3. |
Ввод текста комментария |
|
|
Форма добавления комментария |
|
|
|
|
|
|
|
|
|
|
|
4. |
Отправка комментария |
|
|
Кнопка «Написать» |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
Добавление сообщения в чат |
|
|
|
|
|
|
|
Открытое общение студентов учебной группы ВУЗа |
|
|
|
|
|
|
|
1. |
Авторизация |
|
|
Кнопка «Войти» напанели пользователя |
|
|
|
|
|
|
|
|
|
|
|
2. |
Переход на главнуюстраницу сайта |
|
|
Ссылки <Название ВУЗа>, <Номер группы> |
|
|
|
|
|
|
|
|
|
|
|
3. |
Ввод текста сообщения |
|
|
Форма добавления сообщения в чат |
|
|
|
|
|
|
|
|
|
|
|
4. |
Отправка сообщения |
|
|
Клавиши «Enter» на клавиатуре |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
Отправка личного сообщения |
|
|
|
|
|
|
|
Закрытое общение студентов учебной группы ВУЗа |
|
|
|
|
|
|
|
1. |
Авторизация |
|
|
Кнопка «Войти» напанели пользователя |
|
|
|
|
|
|
|
|
|
|
|
2. |
Переход в раздел личной почты |
|
|
Кнопка «Сообщения» на панелипользователя |
|
|
|
|
|
|
|
|
|
|
|
3. |
Переход на страницу отправки нового сообщения |
|
|
Кнопка «Написать письмо» |
|
|
|
|
|
|
|
|
|
|
|
4. |
Заполнение формы |
|
|
Поля ввода темы, логинов получателей, текста |
|
|
|
|
|
сообщения |
|
|
|
||
|
|
|
|
|
|
|
|
5. |
Подтверждение отправки сообщения |
|
|
Кнопка «Отправить» |
|
|
|
|
|
|
|
|
|
|
|
Графический дизайн
Главное меню
Название ВУЗа и номер группы
Прогресс выполнения домашних заданий
Расписание занятий
История изменений
Чат
Форма добавления сообщений в чат
Главная страница.
Название ВУЗа и номер группы
Путьк разделу
Панель управления разделом
Каталог файлов
Панель постраничной навигации
Главное меню
Ссылка на страницу избранных файлов
Панель выбора способасортировки
Меню подразделов
Кнопки управления данными
Раздел (внутренняя страница).