Наши друзья:

Графический интерфейс

• Graphical User Interface (GUI)
• Palo Alto Research Center (PARC)
• компьютер Lisa
Пользовательский интерфейс — это та среда, тот набор средств, с помощью которых пользователь общается с компьютерной системой, ставит ей зада­чи и получает результаты. Это модель общения, стиль работы и, конечно, программы, реализующие эти идеи. Основная задача интерфейса — скрыть от пользователя технические детали и сложности, касающиеся внутренней работы системы, сделать общение с системой простым и понятным даже для неподготовленного пользователя.
Все системы для компьютеров Macintosh используют так называемый гра­фический пользовательский интерфейс (Graphical User Interface, GUI). Этот тип интерфейса основан на наглядных графических образах, отображае­мых на экране дисплея,- иконках, графических окнах, экранных кнопках, меню и так далее. Важную роль в реализации такого типа интерфейсов иг­рает манипулятор «мышь». Он связывает движение руки с движением графи­ческого указателя-курсора на экране и инициирует выполнение действия простым нажатием КНОПКИ.
Как общая идея и пробные разработки отдельных частей графический поль­зовательский интерфейс появился в лаборатории Palo Alto Research Center (PARC) фирмы Xerox. Как тщательно продуманная, спланированная и блестяще завершенная работа, воплощенная в серийно выпускаемом компьютере, он впервые был реализован в проекте Lisa фирмы Apple в январе 1983 года и за­тем применялся во всех операционных системах для компьютеров Macintosh.
Иконки (Icons)
• графическое представление объекта — иконка
Иконки (Icons) — это графическое представление объектов в виде небольших картинок Они являются неотъемлемой частью графического интерфейса.
Иконки облегчают поиск объектов, помогают понять их назначение, по­вышают эффективность работы и просто радуют глаз, если они созданы профессионально, творчески, со вкусом.
Компьютерная мышь (Mouse)
• компьютерная мышь, указатель-курсор
• манипуляции с мышью:
щелчок (click), двойной щелчок (double click) «нажать», перетащить и бросить (drag-and-drop)
Манипулятор мышь (mouse) был разработан для воплощения идей гра­фического интерфейса. С помощью мыши мы можем не только выбрать какой-либо объект на экране, но и выделить отдельный фрагмент или совокупность объектов, отследить траекторию движения указателя-кур­сора.
Внешний вид курсора меняется в зависимости от текущего состояния си­стемы: курсор в виде стрелки используется для указания и выбора объекта или группы объектов целиком. Если вы работаете с текстом, то удобнее иметь курсор в виде вертикальной линии, которая указывает, в каком месте текста вы находитесь, куда можно вставить новый фрагмент или откуда что-то убрать. Если система занята выполнением предыдущей команды и не го­това обработать ваш новый запрос, появляется курсор ожидания — вертя­щийся радужный круг, или тикающие часы, или другие объекты с движущи­мися частями. Существует масса вариантов форм и случаев применения раз­личных курсоров.
При изложении материала книги мы часто будем пользоваться некоторы­ми терминами, связанными с манипуляциями мышкой:
• Щелчок мышкой в объект на экране (click): движением мыши по сто­лу «наехать» курсором на объект, затем быстро нажать и отпустить кнопку мыши, то есть «щелкнуть». Обычно это действие связано с выделением того или иного объекта, с выбором альтернативных ва­риантов, с запуском действий, связанных с экранными кнопками, и так далее.
• Двойной щелчок (double click) — аналогично щелчку, но только два раза подряд быстро нажать и отпустить кнопку мыши. Двойной щелчок, как правило, используется для операции открытия. Если объект — папка, то она «открывается», то есть появляется окно, в ко­тором показаны файлы, находящиеся в этой папке. Если объект — документ, то запускается программа, его создавшая, и уже в этой программе открывается окно, позволяющее просматривать и рабо­тать с содержимым этого документа. Если объект — программа, то она просто запускается и ждет дальнейших команд со стороны пользователя.
• «Нажать» на объект — «наехать» курсором на объект, нажать кнопку мыши и удерживать ее. Одно из применений этого приема — про­смотр списка команд меню и других объектов, представленных в ви­де ниспадающих списков.
• Перетащить и бросить (drag-and-drop) — «нажать» на объект и, удер­живая кнопку мыши, передвинуть курсор в требуемое место на экра­не, затем отпустить кнопку мыши. Если объект поддерживает такие операции, то он «приклеивается» к курсору в момент «нажатия» на не­го и передвигается вместе с курсором до момента отпускания кнопки. Файлы и папки перетаскиваются за свои иконки или за имена (назва­ния), окна перетаскиваются за заголовки и так далее. Чаще всего такие операции используются для наведения порядка на Столе или в папках, при операциях копирования или переноса и в ряде других случаев.
Окна (Windows)
• графическое окно
• элементы окна
Одной из существенных составляющих пользовательского интерфейса яв­ляются так называемые окна (windows). Иногда даже весь графический интерфейс называют оконным интерфейсом, настолько этот
держивает несколько типов
диска, папки, документа, выда­чи сообщений пользователю
пользуется. Окно графическо­го интерфейса — это ограни­ченная область экрана для отображения содержимого
элемент важен и часто ис-
и так далее.
Операционная система под-
окон, различающихся как по функциональному назначению, так и по внеш­нему виду. Каждое окно строится на основе стандартных элементов, но мо­жет содержать и специфические элементы, присущие только данному типу окон. Авторы прикладных программ также могут добавлять те или иные эле­менты в структуру окон, не нарушая при этом общей концепции, общих правил построения окон в данной системе.
Окна могут иметь ограничивающие рамки (borders) для отделения пространства окна от окружающего пространства. Многие окна имеют заголовок (title bar) — верхнюю полосу окна с названием открытого до­кумента или программы. Помимо информационного назначения поло­са-заголовок служит для перемещения окна по экрану «перетаскивани­ем» (drag). На полосе-заголовке обычно размещаются «элементы управ­ления» окном: закрывающий, минимизирующий, максимизирующий, оптимизирующий боксы и так далее в зависимости от концепции рабо­ты с окнами авторов пользовательского интерфейса данной операцион­ной системы. В окнах документов справа и снизу имеются линейки про­крутки (scroll bars) — полоски со стрелками на концах и, возможно, «движками», или «лифтами». Линейки прокрутки служат для быстрого перемещения по документу, если его содержимое не помещается в окне целиком. Правая вертикальная линейка служит для перемещения по до­кументу от начала до конца и обратно, с остановками в любом требуе­мом месте. Нижняя горизонтальная линейка — по текущей странице до­кумента слева направо и обратно, если ширина страницы больше разме­ров окна. Для изменения размеров окна вручную (с помощью мыши) служит бокс размеров окна (size box), находящийся обычно в правом нижнем углу.

диалоговые окна (Dialog boxes)
• диалоговое окно (dialog box)
• окно предупреждения (alert box)
Диалоговые окна (dialog boxes) используются тогда, когда системе требует­ся внимание со стороны пользователя, например для уточнения значений каких-либо параметров, чтобы корректно выполнить поставленную задачу.
Существует специальная разновидность диалоговых окон — окна преду­преждений (alert boxes), назначение которых — предупредить пользователя о его ошибочных действиях или о нарушениях в работе системы. В случае возникновения таких предупреждений надо внимательно ознакомиться с содержанием сообщения и принять правильное решение.
Так как диалоговые окна не предназначены для работы с документами, а выполняют специальные функции, в них нет линеек прокрутки, могут отсут­ствовать некоторые элементы изменения размеров окна, в некоторых диа­логовых окнах отсутствует даже заголовок.
Меню (Menu)
• меню
• команды меню, выбор команд меню
При работе на компьютере пользователь должен как-то сообщать системе о же­лании выполнить то или иное действие. Традиционный пользовательский ин­терфейс — интерфейс с командной строкой предполагал ввод команд с помощью клавиатуры. При этом пользователь должен был знать не только точное на­писание самой команды, но и правила задания и список дополнительный пара­метров, допустимых или необходимых для данной команды.
Меню (menu) — это один из способов быстрого выбора команд из некото­рого набора. Идея очень проста: легче выбрать команду из предлагаемого списка (как меню в ресторане), чем вспоминать ее точное написание для ввода с клавиатуры, как это было в системах MS DOS или UNIX.
При запуске системы на компьютерах Macintosh пользователь получает неко­торый набор доступных команд общего назначения в виде полосы меню, распо­лагающейся в верхней части экрана.
4 File Edit Шеш Special Help
Полоса меню состоит из набора ключевых элементов — слов или иконок. Каждое ключевое слово или иконка в полосе меню определяет список ко­манд данного меню.
Чтобы выбрать нужную команду, надо сначала «нажать» мышкой на слово-за­головок меню. При этом появится список всех команд данного меню. Не отпус­кая кнопки мыши, надо передвинуть кур­сор до требуемой команды (у выделенной команды поменяется цвет фона и цвет на­чертания самой команды), и только тогда отпустить кнопку мышки.
Команды меню могут быть включены или выключены. Включенные (доступ­ные) команды выделены в меню чер­ным цветом. Если в данный момент команду невозможно или не имеет смысла выполнять (например, из-за того что не определен объект для этой команды), то такая команда в меню выключается — становится серой.
Меню группируются по функциональному признаку. Как правило, в группу объединяют команды, которые работают со сходными объектами или вы­полняют взаимно дополняющие действия над одним и тем же объектом (от­крыть/закрыть, создать/удалить, скопировать/вставить). Например, меню File позволяет создать новый или открыть уже существующий документ, сохра­нить внесенные в документ изменения, то есть работает с документом как с единым целым. Меню Edit позволяет копировать или вырезать выделенные фрагменты документа и переносить их в другое место и так далее, то есть ра­ботает с содержимым документа.
типы команд меню
• типы команд меню
Существует четыре типа команд меню.
• Во-первых, это команды, которые выполняются сразу, как только они были выбраны и отпущена кнопка мыши.
• Во-вторых, команды, которые служат для переключения некоторых режимов работы по принципу включить/выключить (например, пока­зать/спрятать панель инструментов). Когда такой режим выбран, сле­ва от команды появляется «галочка» ( V ).
• В-третьих, команды, которым нужны дополнительные сведения для своего выполнения. Эти данные надо задать в диалоговом ок­не, появляющемся при вызове такой команды. Например, для ко­манды сохранения документа под другим именем (Save As... ) надо будет по крайней мере указать это новое имя. Отличительным признаком таких команд является многоточие (... ) в конце назва­ния команды.
• Наконец, четвертый тип команд служит для показа некоторой ие­рархии подкоманд, то есть при выборе такой команды появляется дополнительное подменю справа от основного меню. В меню та­кие команды отмечены знаком треугольника ( •) справа от назва­ния команды.
Меню контекстно зависимы, то есть с изменением обстановки может ме­няться как общая система меню, так и отдельные команды. Каждая запуска­емая программа может устанавливать свою систему меню в соответствии с ее назначением и замыслами авторов. Кроме того, в процессе работы в за­висимости от ваших действий отдельные пункты меню программы также могут меняться.
Существует четыре меню, которые практически обязательны для всех про­грамм. Это Apple <, File, Edit и меню самой программы. Фирма Apple насто­ятельно рекомендует разработчикам программ следовать этому правилу, так как справедливо считает структуру этих меню важной составляющей общей концепции, обеспечивающей легкую и удобную работу пользователей в сис­теме. Опыт показывает, что единые правила расположения таких стандартных команд, как создание, открытие, сохранение документа, копирование, вставка фрагмента, печать документа на принтере и многих других не только не ог­раничивают свободу авторов программ, но и заметно сокращают время их ос­воения, упрощают работу: не надо отвлекаться на поиски стандартных ко­манд, разбросанных по разным непривычным и неудобным местам, а сосре­доточиться на том новом и полезном, что несет в себе программа.
Короткие нажатия (Shortcuts)
• клавишные эквиваленты, короткие нажатия
Для тех, кто предпочитает чаще пользоваться клавиатурой, чем мышкой, многие команды меню имеют клавишные эквиваленты, или, как их еще на­зывают, короткие нажатия (shortcuts). Обычно это комбинация из не­скольких клавиш, одновременное нажатие которых вызывает действие, аналогичное выбору команды из меню. Короткие нажатия указываются в меню справа от названий соответствующих команд. Как правило, это кла­виша м (Command) в комбинации с другими клавишами. В литературе ча­сто используется знак «+» для обозначения одновременного нажатия не­скольких клавиш, например, ^ +С — одновременное нажатие клавиши 3£ и клавиши «С». Мы будем использовать нотацию самих меню, то есть без до­полнительных знаков «+». Только в некоторых случаях, когда клавиша обо­значается словом или аббревиатурой, например Shift, мы будем ставить знак «+» в качестве разделителя частей коротких нажатий.
Не все команды меню имеют короткие нажатия.
Короткие нажатия, как и сама система меню, контекстно зависимы.
Элементы управления (Controls)
• элементы управления
При работе на компьютере возникают ситуации, когда необходимо изме­нить те или иные параметры, например указать диапазон страниц при печа­ти документа или отрегулировать громкость звука. Некоторые изменения в настройках проявляются сразу, в то время как другие — только при активи­зации действия, в котором эти настройки используются.
В графическом пользовательском интерфейсе с помощью мышки создает­ся иллюзия «ручного управления» компьютером.
Элементы управления (controls) — это графические объекты, воздействие на которые с помощью мышки вызывает изменение тех или иных парамет­ров или выполнение некоторых действий, то есть элементы управления вы­полняют роль «рычагов, кнопок, движков, переключателей» в панелях упра­вления техникой. Чаще всего элементы управления находятся в диалоговых окнах, но это отнюдь не обязательно. Элементы управления — важная соста­вляющая общей концепции графического пользовательского интерфейса.
Экранные кнопки (Buttons)
• экранные кнопки
Экранные кнопки (buttons) — это один из способов выполнения команд. Щел­чок в кнопку вызывает выполнение команды, указанной на самой кнопке.
Во многих случаях в ответ на вопрос в диалоговом окне бывает удобнее на­жать соответствующую клавишу на клавиатуре, чем щелкать мышкой в кноп­ку. Чаще всего в качестве подтверждающей используется клавиша Return, а в качестве отменяющей — клавиша Esc.
Активная экранная кнопка — это кнопка, действие которой продублиро­вано клавишей Return, то есть нажатие клавиши Return выполняет ту же ко­манду, что и щелчок мышкой в активную кнопку. Активная кнопка в «классической» Mac OS выделяется двойной рам­кой (кнопка ОК на рисунке).
Ниспадающие меню
• ниспадающие меню (pop-up menu)
Ниспадающие меню служат для выбора параметров из некоторого списка. При «нажатии» мышкой на кнопку такого меню появляется список допусти­мых значений указанного параметра, из которого надо выбрать требуемое. Текущее значение параметра отображается на самой кнопке. Отличитель­ным признаком такого типа меню являются два черных треугольника-стрел­ки вверх-вниз в правой или левой части кнопки.
Рареп ("н? г j
Флажки (Check boxes)
• флажки
Флажки (check boxes) позволяют установить любую комбинацию параметров, каждый из которых типа включено/выключено, то есть включение или выключение одного из параме­тров никак не влияет на установки остальных.
Переключатели (Radio buttons)
• переключатели
Переключатели (radio buttons) служат для альтернатив­ного выбора, то есть выбор конкретного варианта от­меняет все остальные.
Движки (Sliders)
• движки
Движки (sliders) нужны для удобства настройки зна­чений из плавного диапазона, например для установ­ки громкости звука или скорости движения курсора по экрану.
Линейки прокрутки (Scroll bars)
• линейки прокрутки
Линейки прокрутки (scroll bars) используются для удобного продвижения по документу, когда его содержимое не помещается в окне целиком. Чер­ные треугольники-стрелки по краям линеек прокрутки служат для плавно­го перехода от одной части документа к другой. Движок, или "лифт", в сере­дине линейки, с одной стороны, является индикатором местоположения текущего фрагмента документа, а с другой — удобным средством быстрого перехода в требуемое место документа, определяемое положением движка на линейке.
Clipboard (Конверт)
• буфер сохранения Clipboard (Конверт)
• команды
Буфер сохранения Clipboard (Конверт) — это почти невидимая, но очень полезная часть системы. С помощью Clipboard'a объекты легко переносятся из одной части документа в другую или даже из одного документа в другой.
Важнейшее свойство Clipboard'a состоит не в том, что там хранятся фрагмен­ты документов перед переносом или копированием в другое место, а в том, что система «старается» сделать необходимые преобразования с этим фрагментом так, чтобы он органически вписался в новую среду. Благодаря этому мы можем, например, вставлять картинки, созданные в программе работы с графикой, в тек­стовый документ, совсем не заботясь о совместимости форматов файлов.
Для тех кто давно работает на компьютерах с графическим интерфейсом, команды скопировать (Сору), вырезать (Cut), вставить (Paste) настолько привычны, что их короткие нажатия 1 - Ж\ ) пальцы набирают авто­матически. Во всех этих командах Clipboard играет ключевую роль.