4.Описание интерфейса Портала АСФК для ДУБП 4.1.Основные элементы интерфейса
На рисунке 6 показано главное окно программы.
6. Основное окно программы
Числами на рисунке обозначены основные элементы интерфейса программы:
Заголовок окна.
Строка навигации.
Поле выбора ID клиента.
Поле поиска.
Панель навигации.
Панель инструментов.
Панели сортировки и фильтров.
Список документов (для справочников – список строк справочника).
Панель перемещения по списку документов.
Информационная панель.
Кнопка открытия окна «Диспетчер задач».
Кнопка открытия меню настроек.
4.1.1.Заголовок окна
В заголовке окна (рис. 6 [1]) указываются следующие сведения:
название ППО;
текущий пользователь;
текущая версия ППО;
текущая дата.
4.1.2.Строка навигации
Строка навигации (рис. 6 [2]) позволяет осуществлять быстрый переход между разделами и подразделами для работы с документами или справочниками.
4.1.3.Поле выбора ID организации
Панель выбора ID организации (рис. 6 [3]) служит для указания наименования организации. В зависимости от выбранной организации меняется перечень документов, доступных для работы и перечень операций, которые пользователь может выполнить над документами.
Для того чтобы выбрать ID организации необходимо выполнить следующую последовательность действий:
Выполнить один щелчок левой клавишей мыши по значку  , расположенному справа от поля. В результате появится окно, содержащее список всех доступных организаций (рис. 7).
7. Список организаций
Выбрать из списка наименование организации и нажать кнопку «OK».
Для быстрого поиска организаций можно использовать фильтр, для чего нужно ввести в поле фильтра часть наименования организации и нажать клавишу «Enter».
Также можно настроить отображение столбцов списка организаций, для чего нужно выполнить один щелчок левой клавишей мыши по значку  и в открывшемся списке указать какие из столбцов списка организаций должны отображаться (рис. 8).
8. Настройка отображения столбцов списка организаций
4.1.4.Поле поиска панели навигации
Поле поиска панели навигации (см. рис. 6 [3]) позволяет осуществлять быстрый поиск названий разделов панели навигации или названий документов или справочников. Для того чтобы осуществить поиск необходимо в поле поиска ввести название (фрагмент названия) раздела или типа документа и нажать кнопку  . На панели навигации выделится раздел (тип документа, справочник) в название которого присутствует введенное буквосочетание. На рисунке 9 показан результат поиска по буквосочетанию «бо».
9. Пример поиска по запросу «бо»
По умолчанию выделяется первый раздел (тип документа, справочник), в названии которого есть введенное буквосочетание (слово). Для перехода к следующим найденным названиям необходимо использовать клавиши управления курсором «стрелка вверх», «стрелка вниз».
4.1.5.Панель навигации
Панель навигации (рис. 6 [5]) располагается в левой части окна и служит для быстрого доступа к документам и справочникам. Перечень документов и справочников имеет древовидную иерархическую структуру. Все документы и справочники разбиты на разделы и подразделы, которые на панели навигации изображаются следующими значками: и  . Для открытия раздела или подраздела необходимо выполнить один щелчок левой клавишей мыши по соответствующему значку. Открытые разделы и подразделы имеют следующее обозначение:  и  Повторный щелчок закрывает раздел (подраздел). Документы на панели навигации изображаются значком  . Для изображения справочника используется значок  . На рисунке 10 показан пример внешнего вида панели навигации.
10. Внешний вид панели навигации
Ширину панели навигации по мере необходимости можно изменять. Для этого нужно установить курсор мыши на границу панели навигации так, чтобы он принял вид, показанный на рисунке 11. Зажать левую кнопку мыши и, не отпуская ее, сдвинуть границу влево или вправо.
11. Изменение ширины панели навигации
Панель навигации можно закрыть, выполнив один щелчок левой клавишей мыши, по кнопке, изображенной на рисунке 12.
12. Кнопка закрытия панели навигации
4.1.6.Панель инструментов
На панели инструментов (см. рис. 6 [6]) расположены кнопки, которые предназначены для запуска наиболее часто используемых (типовых) операций над документами и справочниками.
В зависимости от того с каким видом документов вы работаете, панель инструментов может выглядеть по-разному, т.е. вид и состояние документа определяют набор применимых к нему операций. На рисунке 13 показан пример главной панели инструментов.
13. Пример панели инструментов.
Более подробное описание операций используемых при работе с документами дано в п. 4.2.
4.1.7.Панели сортировки и фильтров
Панели сортировки и фильтров (см. рис. 6 [7]) предназначены для быстрого поиска нужных документов и их сортировки.
4.1.7.1.Сортировка документов
Панель сортировки (рис. 14) предназначена для сортировки записей списка документов (записей справочников) по выбранному признаку.
14. Панель сортировки
Чтобы отсортировать документы (записи справочника) по нужному признаку, на панели сортировки следует щелкнуть левой клавишей мыши по значку  (рис. 15). В открывшемся списке следует выбрать признак, по которому будет производиться сортировка. Выбор признака осуществляется одиночным щелчком левой клавиши мыши по названию признака. После чего документы в списке будут автоматически отсортированы по выбранному признаку.
15. Пример панели сортировки с открытым списком признаков
Примечание. По умолчанию сортировка документов в списке производится по признаку, который в списке параметров выделен курсивом.
Состав признаков сортировки меняется в зависимости от выбранного типа документов.
Чтобы установить сортировку по возрастанию/убыванию значения выбранного признака, следует нажать на кнопку  /  на панели сортировки.
Для быстрой сортировки записей по колонке следует выполнить одиночный щелчок левой клавишей мыши в области заголовка колонки. При этом произойдет сортировка записей по возрастанию значений в выбранной колонке.
Повторный щелчок, приведет к сортировке записей по убыванию значений в выбранной колонке.
Третий щелчок в области заголовка колонки, восстановит порядок сортировки записей в списке по умолчанию.
4.1.7.2.Использование фильтров
Панель фильтров (рис. 16) предназначена для отбора записей в списке документов (справочника) по заданным параметрам.
16. Панель фильтров
Чтобы выполнить отбор нужных документов (записей справочника), следует задать параметры фильтрации. Для этого необходимо выполнить следующую последовательность действий:
Щелкнуть один раз левой клавишей мыши по значку (см. рис. 16).
В открывшемся списке (рис. 17) следует выбрать параметр фильтрации, выполнив один щелчок левой клавишей мыши по названию параметра.
17. Выбор параметра фильтрации
Примечание. Набор параметров фильтрации зависят от типа документов, с которым вы в настоящий момент работаете.
В открывшемся диалоговом окне (рис. 18) следует ввести значения выбранного параметра и нажать на кнопку «ОК».
18. Пример окна ввода значений параметров фильтра. Параметр «По периоду»
В списке документов отобразятся только те документы, которые удовлетворяют установленным параметрам фильтрации.
Чтобы отменить фильтрацию, следует нажать кнопку  («Сбросить фильтр»). На панели фильтров отобразится значение «Все записи», и в списке восстановятся все соответствующие ему записи.
У пользователя есть возможность определить свой произвольный фильтр. Пользовательский фильтр состоит из группы условий, которые задает сам пользователь. Для создания произвольного (пользовательского) фильтра, следует выполнить следующую последовательность действий:
Нажать на кнопку  («Параметры фильтра»). Откроется окно «Параметры фильтра» (рис. 19).
19. Окно «Параметры фильтра»
В первом поле указывается параметр фильтрации. Наименование выбирается из выпадающего списка (рис. 20).
20. Список выбора параметра фильтрации
Во втором поле указывается условие фильтрации. Условие выбирается из выпадающего списка (рис. 21).
21. Список выбора условия
В третьем поле указывается значение параметра. Пример заполнения полей показан на рисунке 22.
22. Пример заполнения полей
Нажать кнопку «Применить».
Пользовательский фильтр может содержать несколько групп условий, которые, в свою очередь, могут состоять из нескольких условий.
Для добавления/удаления группы условий используются кнопки  /  , расположенные справа от названия «Группа условий».
Для добавления/удаления условий входящих в группу, используются кнопки / , расположенные справа от полей ввода параметров условия.
При формировании условий необходимо следить за тем, чтобы они не были противоречивы.
Ещё один способ фильтрации документов (записей справочников) заключается в том, чтобы указать значение параметра фильтрации непосредственно в специально отведенной для этого верхней пустой строке списка. В этом случае нужно в соответствующей колонке списка указывать значение параметра фильтрации и нажать кнопку  («Применить фильтр»). На рисунке 23 показан пример использования такого вида фильтрации документов.
23. Пример использования фильтрации документов
Примечание. При фильтрации можно использовать знак «%», который заменяет любое количество любых символов.
4.1.8.Список документов
Список документов (см. рис. 6 [8]) отображает перечень документов, хранящихся в базе данных СУФД и соответствующих выбранному разделу на панели навигации. Каждая запись в списке соответствует одному документу. На рисунке 24 представлен пример списка документов.
24. Пример список документов.
Настройка отображения списка документов
В списке документов можно легко настроить, какие колонки и в какой последовательности должны выводиться для просмотра.
Для того чтобы настроить какие колонки должны отображаться в списке документов, необходимо выполнить последовательность следующих действий:
Выполнить щелчок правой клавишей мышки в любом месте строки, содержащей заголовки колонок списка документов и в открывшемся меню выбрать пункт «Настройка» (рис. 25).
25. Выбор пункта «Настройка» для настройки отображения столбцов списка документов
В открывшемся окне «Настройка колонок» (рис. 26) отметить наименования тех колонок, которые должны выводиться на экран, после чего нажать кнопку «ОК».
26. Окно «Настройка колонок»
В результате настройки список документов будет содержать только те колонки, которые были отмечены при настройке.
Для того чтобы настроить последовательность, в которой колонки должны отображаться в списке документов, необходимо выполнить последовательность следующих действий:
Поместить курсор на заголовок колонки, которую необходимо переместить.
Нажать левую клавишу мышки, и, не отпуская ее, переместить колонку влево или вправо на желаемую позицию (рис. 27).
27. Перемещение колонки списка документов. Колонка «КОФК» помещается перед колонкой «Сумма в валюте»
Для того чтобы восстановить первоначальный состав колонок в списке и их последовательность необходимо выполнить щелчок правой клавишей мышки в любом месте строки, содержащей заголовки колонок списка документов и в открывшемся меню выбрать пункт «По умолчанию» (см. рис. 25).
4.1.9.Панель перемещения по списку документов
Список документов, отображаемый в окне программы, организован в виде журнала, состоящего из некоторого количества страниц. Количество записей на одной странице зависит от настроек программы (см. п. 4.1.12.2). На панели перемещения по списку документов (см. рис. 6 [9]) располагаются кнопки, позволяющие перелистывать список документов, а также отображается общее количество листов в списке (рис. 28) .
28. Панель перемещения по списку документов
Назначение кнопок:
 – переместиться на одну страницу назад;
 – перемещение на одну страницу вперед.
Отображение статистических данных
Для некоторых документов предусмотрен вывод статистических данных. Вывод статистических данных реализован тремя способами:
Отображение данных в строке состояния списка документов.
Агрегированные показатели отображаются в строке состояния окна списка документов, которая расположена внизу окна списка документов. Причем, показатели рассчитываются автоматически при загрузке экранной формы браузера. Если пользователь не выбирает документы (работает в режиме просмотра списка документов), то на строке состояния окна списка документов выводится: суммарное количество всех документов («Всего док.: »), сумма по всем этим документам («Сумма:») и гиперссылка «Подробнее.» (см. рисунок 29).
29. Подсчет итоговых сумм по документам в списочной форме. Отображение итоговой суммы по всем документам в строке состояния окна списка документов. Выделенных записей нет
Отображение данных в модальном окне «Итого:», которое открывается при нажатии гиперссылки «Подробнее.».
При нажатии гиперссылки «Подробнее.», расположенной на строке состояния окна списка документов, производится подсчет итоговых сумм по документам в списочной форме. Теперь итоговые суммы по всем документам будут отображены не только в строке состояния окна списка документов, но и в отдельном модальном окне «Итого:». При этом, если документы (строки) не выбраны (не выделены), то в этом модальном окне «Итого:» будет отображена информация по всем документам в полях «Всего док.:» и «Сумма:». Если же в окне списка документов будет выделено какое-то количество документов, то в модальном окне «Итого:», кроме информации по всем документам, в полях «Выделено док.:» и «Сумма:» будет также отображена информация по выделенным документам (см. рисунок 30, на котором в окне списка документов выделены четыре документа).
30. Подсчет итоговых сумм по документам в списочной форме. Отображение итоговых сумм в отдельном модальном окне при нажатии гиперссылки «Подробнее.». В окне списка документов выделены четыре записи
Отображение данных во всплывающем окне.
Когда в окне списка документов выделено некоторое количество документов (от одного и более), то при наведении указателя мыши на любую из строк этого окна становится доступным всплывающее окно. Во всплывающем окне в полях «Выделено док.:» и «Сумма:» приводится суммарный перечень агрегированных показателей и суммы по выделенным документам. В примере на рисунке 31 во всплывающем окне отображена итоговая информация по двум выделенным документам.
31. Подсчет итоговых сумм по документам в списочной форме. Отображение итоговых сумм по выделенным документам во всплывающем окне. Выделены два документа
4.1.10.Информационная панель
Информационная панель (см. рис. 6 [10]) служит для вывода на экран информации о текущем (выделенном в журнале) документе (записи справочника). Информационная панель может содержать несколько закладок, на которых отображаются некоторые характеристики выделенного объекта и дополнительная информация о нем. На рисунке 32 показан пример содержания информационной панели.
32. Информационная панель. Пример закладки «Содержание»
Типичный список закладок:
«Содержание»;
«Подписи»;
«Атрибуты»;
«Транспортная история».
На закладке «Содержание» отображаются некоторые сведения о выделенном в списке документе (см. рис. 32).
На закладке «Подписи» отображается информация о подписях и ответственных сотрудниках, если текущий документ был подписан (рис. 33).
33. Информационная панель. Пример закладки «Подписи»
На закладке «Атрибуты» отображается информация о текущем статусе документа, а также дополнительная информация (рис. 34).
34. Информационная панель. Пример закладки «Атрибуты»
На закладке «Транспортная история» отображается информация об отправке и/или получении документа на узлах приема/передачи, которые были зафиксированы транспортным модулем СУФД.
35. Информационная панель. Пример закладки «Транспортная история»
4.1.11.Кнопка открытия окна «Диспетчер задач».
При нажатии на кнопку открытия окна «Диспетчер задач» (см. рис. 6 [11]) открывается окно со сведениями о выполненных задачах (рис. 36).
36. Окно «Диспетчер задач»
Окно «Диспетчер задач» содержит два раздела, в которых хранятся сведения об операциях, которые выполнял пользователь: «Новые» и «История».
4.1.12.Меню настроек
Меню настроек программы (рис. 37) и включает в себя следующие пункты:
«Настройка клиента»;
«Сменить пароль»;
«Пройти анкетирование»;
«Выйти».
37. Меню «Настройки»
4.1.12.1.Пункт меню «Настройка клиента»
Пункт меню «Настройка клиента» позволяет выполнить пользователю некоторые настройки программы.
Список доступных настроек показан на рисунке 38.
38. Содержание пункта меню «Настройки»
Настройка «Использовать расширение импорта файлов» позволяет включить расширение для быстрого импорта большого количества файлов. Для активации настройки необходимо поставить галочку в соответствующем поле.
При активации настройки «Вычислять общий размер скроллера (не рекомендуется)» будет вычисляться общее количество страниц в списке документов.
Примечание. Скроллер – многострочный список документов, который можно прокручивать с помощью кнопок полос прокрутки.
Пункт «Количество строк в списке» служит для настройки количества одновременно отображаемых строк на одной странице списка документов (рис. 6 [8]). Для того чтобы настроить количество отображаемых в списке строк, необходимо в поле «Кол-во строк в списке» указать нужное число.
При активации настройки «Открывать документы в новом окне браузера», при выполнении какой-либо операции над документом, экранная форма документа будет открываться в новом окне интенет-браузера.
Настройка «Тема клиента» позволяет изменить внешнее оформление программы.
4.1.12.2.Пункт меню «Сменить пароль»
Для смены пароля необходимо выполнить следующую последовательность действий:
Выполнить один щелчок левой кнопкой мыши по пункту «Сменить пароль». На экране откроется окно «Смена пароля» (рис. 39).
39. Окно «Смена пароля»
Последовательно ввести соответствующие значения в поля:
«Текущий пользователь»;
«Новый пароль»;
«Подтверждение нового пароля».
Внимание! Значения полей «Новый пароль» и «Подтверждение нового пароля» должны полностью совпадать.
Для завершения операции нажать кнопку «Ok». В случае отмены операции – нажать кнопку «Отмена».
При выборе пункта «Выйти» (см. рис. 37), текущая сессия пользователя завершается, главное окно программы закрывается и в окне браузера появляется окно авторизации (см. рис. 1).
4.1.13.Контекстное меню
Помимо перечисленных выше элементов интерфейса, при работе с программой, для выполнения типовых операций над документами и справочниками, также используется контекстное меню. Контекстным, меню называется потому, что набор команд, входящих в его состав может меняться, в зависимости от того, где это меню вызывается, т.е. зависит от контекста.
Для вызова контекстного меню необходимо выполнить следующие действия: поместить указатель мыши на объект (например, на документ в списке документов) и сделать щелчок правой клавишей мыши. На экране откроется меню. На рисунке 40 показан пример вызова контекстного меню для выделенного документа.
40. Пример контекстное меню
|
