Лекции по ЧМВ-дополнительные (1022759), страница 4

Просмтор этого файла доступен только зарегистрированным пользователям. Но у нас супер быстрая регистрация: достаточно только электронной почты!

Текст из файла (страница 4)

4. Визуальное проектирование процессов

4.1. Введение
4.2. Проектирование пиктограмм
4.3. Первичные окна
4.4. Вторичные окна

4.1. Введение

Объекты приложения могут быть визуально представлены на рабочем столе в виде значков (пиктограмм) или окон. Различают приложения:

• Однооконные (SDI - Single Document Interface, однодокументный интерфейс).

• Многооконные (MDI - Multiple Document Interface, многодокументный интерфейс).

SDI модель облегчает пользователям ассоциативную связь между объектами и их визуальным представлением, а также существенно упрощает работу. MDI модель полезна, когда нужно использовать разные формы представления одних и тех же данных. Техника MDI заключается в использовании одного первичного окна, называемого родительским, которое содержит набор связанных с ним дочерних окон. Каждое дочернее окно - это первичное окно, на которое накладывается единственное ограничение. Оно может появиться только в пределах родительского окна и не может активизироваться автономно. Каждое дочернее окно по отдельности должно обрабатываться, как первичное окно. Приложение не должно допускать закрытия дочернего окна, если это приведет к невозможности работы с другими дочерними окнами. При закрывании родительского окна MDI приложения должны быть закрыты и все его дочерние окна.

В любом приложении могут присутствовать окна:

• первичные, в которых осуществляется взаимодействие пользователя с объектами приложения,

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

4.2. Проектирование пиктограмм Каждая пиктограмма должна быть реализована в трех стандартных форматах:

• 16х16 пикселей при 16 цветах в палитре,

• 32х32 пикселей при 16 цветах в палитре,

• 48х48 пикселей при 256 цветах в палитре.

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

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

Для создания и редактирования пиктограмм можно использовать любой графический редактор. Хороший пример - редактор Paint, встроенный в операционную систему Windows. Так выглядит окно этого редактора при редактировании приведенной выше пиктограммы.

4.3. Первичные окна

В типовом первичном окно содержатся:

• Рамка, которая определяет границы окна. Внешний вид рамки определяется типом окна. Изменяемое окно после выделения имеет четкую границу в виде прямоугольника с 8-ю точками прямого манипулирования. Средние точки граней рамки используются для горизонтального или вертикального смещения границ, а угловые для одновременного перемещения границ. Если окно не может изменять размеры, то грани не отображаются.

• Полоса заголовка окна. В ней слева направо размешаются пиктограмма окна, заголовок окна (который идентифицирует информацию в окне) и стандартные кнопки управления отображением окна (минимизация, расположение, закрытие). Если выбран режим с произвольным размещение окна, то полоса заголовка используется для перемещения окна на рабочем столе с помощью манипулятора мышь. В приложениях, где создается новый документ, следует предусмотреть назначение его имени. Рекомендуется новому документу по умолчанию назначать имя Безымянный (Untitled), предполагая, что пользователь при сохранении документа назначит ему желаемое имя. В тех случаях, когда семантически значимый заголовок слишком длинный и не умещается в полосе заголовка, следует использовать сокращения, не снижающие скорость восприятия. Если окно связано с файлом, сохраняемым в операционной системе, его имя должно быть согласовано с правилами именования в операционной системе, включая ограничения на используемые символы, высоту символов и др.

• Вертикальная и/или горизонтальная линейки прокрутки (скроллинга) информации, когда информация не умещается в окне. В примере окна редактора Paint линеек прокрутки нет, так как вся информация умещается в окне.

• Главное меню, располагаемое под заголовком и содержащее перечень пунктов, объединяющих команды определенного функционального назначения. При выборе пункта отображается выпадающее меню со списком выбора действий.

• Панели инструментов, в которых размещаются пиктограммы. Выбор пиктограммы из панели приводит к исполнению команды, связанной с ней. В панели инструментов помещают пикограммы, связанные с наиболее часто исполняемыми действиями, для ускорения выбора. Число и размещение панелей инструментов произвольное.

• Рабочее поле, в котором размещаются объекты приложения.

• Строка состояния в нижней части окна. Здесь обычно выводятся данные о состоянии системы или советы пользователю по выбору действий в текущий момент времени.

• Контекстное меню, вызываемое щелчком по заголовку окна правой кнопки манипулятора мышь. Контекстное меню содержит команды управления окном. Возможны окна, в которых нет главное меню, а доступно только контекстное.

С окнами могут выполняться следующие операции:

• Изменение состояния окна. В каждый момент времени пользователь выполняет действия в пределах текущего окна, которое называется активным. Активное окно - окно самого высокого уровня, оно отображается поверх других окон. Визуально активное окно отличается цветом фона полосы заголовка (более ярким, чем у пассивных окон). Активизация окна происходит путем его выбора манипулятором мышь. При этом состояние всех других окон изменяется автоматически. Можно переключать активное окно и с помощью клавиатуры, используя комбинации клавиш Alt+Tab или Shift+Alt+Tab (в обратном порядке). При повторной активизации окна любой предшествующий выбор в этом окне должен сохраниться.

• Открытие и закрытие окна. При открытии первичного окна оно автоматически делается активным. Если пользователь пытается открыть уже открытое окно, то нужно просто активизировать уже открытое окно, используя следующие рекомендации

  Тип файла	Действия при повторном выполнении операции Открыть.
  Документ или данные	Активизируется существующее окно.
  Приложение	Выводится сообщение о том, что файл уже открыт. Пользователю предлагается переключиться на открытое окно, либо создать новое окно. В любом случае окно активизируется.
  Уже открыт в MDI приложении	Активизируется существующее окно файла. Родительское окно MDI приложения располагается на верхнем уровне.
  Не открыт, но открыто связанное с ним MDI приложение	Открывается новый экземпляр MDI приложения (поверх других окон). В родительском окне отображается дочернее окно файла.

• При закрытии первичного окна не забудьте закрыть и все подчиненные вторичные окна. Однако закрытие окна принтера не должно сопровождаться удалением задания из очереди на печать.

• Перемещение и изменение размеров окна. Пользователь может сделать это с помощью манипулятора мышь, либо клавиатурно (используя клавиши стрелок). Важно не допускать перемещения окна так, чтобы оно стало недоступным.

• Развертывание, сворачивание и восстановление окна. Команда развернуть автоматизирует изменение размеров окна до максимально возможного. Она инициируется кнопкой максимизации, располагаемой в полосе заголовка приложения. После исполнения команды кнопка максимизации должна быть заменена на кнопку возврата, при нажатии которой происходит возврат к отображению окна до максимизации. При сворачивании окна происходит его дезактивация, удаление с рабочего окна. Для свернутого дочернего окна MDI приложения должна быть создана кнопка ввода, расположенная в пределах родительского окна (например, в нижней части) и содержащая идентифицирующую надпись. Восстановление окна должно выполняться по команде, вызываемой нажатием указанной кнопки ввода. При этом окно активизируется и размещается там же и с теми же конфигурационными установками, что до сворачивания.

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

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

• Клавиатурная прокрутка. Для ее поддержки могут использоваться клавиши навигации, инициирующие прокрутку. В качестве таких клавиш обычно употребляются стрелки управления курсором, PageUp и PageDown.

Окно может разделяться на несколько относительно независимых частей, называемых подокнами. С помощью подокон можно:

• просматривать одновременно разные части документа,

• просматривать одну и ту же часть документа в разной форме.

В качестве примера подокон можно рассматривать Проводник Windows, в левом подокне которого отображается иерархически организованный список папок, а в правом - содержимое папки выбранной в левом подокне.

4.4. Вторичные окна

Вторичные окна по сравнению с первичными имеют следующие особенности:

• Не имеет кнопок Развернуть и Свернуть, так как данные операции к вторичным окнам не применяются.

• Могут быть независимыми и модальными. Независимое вторичное окно позволяет пользователю работать с другими окнами, его полезно использовать при необходимости повторить действие, в нем определенное. При работе с независимыми вторичными окнами возможна ситуация нагромождения вторичных окон. Эта проблема может быть решена путем ограничения числа таких окон.

• Модальное вторичное окно требует от пользователя ввести данные и закрыть окно, прежде чем продолжить работу за пределами окна. Модальные окна используются только в определенных ситуациях, например, когда необходимо приостановить работу до выполнения некоторого условия, чтобы не возникла фатальная системная ошибка.

Вторичное окно должно быть удобно для пользователя. При открытии в первый раз окно следует расположить в месте, не мешающем пользователю работать с другими объектами приложения. При повторном открытии окно следует размещать в той же позиции. Вторичные окна часто создаются с помощью кнопок ввода, расположенных в первичном окне. Если таких кнопок много, то самую главную из них целесообразно сделать предопределенной, на экране она отображается с утолщенной границей и активизируется при нажатии клавиши Enter.

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

• запретить ввод,

• использовать визуальную или звуковую обратную связь, предупреждающую об ошибке.

• вывести пояснения об ошибке и запросить данные повторно.

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

• OK. Передает приложению все внесенные изменения и закрывает окно свойств.

• Apply (Применить). Передает приложению все внесенные изменения, но оставляет окно свойств открытым.

• Cancel (Отменить). Отменяет все сделанные изменения и закрывает окно свойств. Не отменяет уже реализованных изменений.

В панель свойств можно ввести образец, иллюстрирующий результат сделанных изменений. Пример - панель свойств Абзац текстового редактора Word.

Панель контроля параметров - это модальное вторичное окно, связанное с тем объектом свойства которого оно отображает. Окно модально, так как вводимые данные должны быть использованы перед продолжение работы.

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

• Open (Открыть). Открывает файл. Содержит средства выбора места расположения файла, панель со списком файлов для выбора, поле отображения выбранного имени файла, поле выбора типа файла со вложенным списком, кнопки Open (Открыть), Cancel (Отменить).
  

• Print (Печать). Осуществляет печать файл. Содержит средства выбора принтера, панель конфигурационных установок, поле задания числа копий, панель выбора печатаемых страниц, кнопки Print (Печать), Cancel (Отменить).
  

Характеристики

Список файлов лекций