Интерфейс картинки: D0 b8 d0 bd d1 82 d0 b5 d1 80 d1 84 d0 b5 d0 b9 d1 81 d1 8b картинки, стоковые фото D0 b8 d0 bd d1 82 d0 b5 d1 80 d1 84 d0 b5 d0 b9 d1 81 d1 8b

[Тип ЛВС]

–

–

R/W

–

–

[Сеть]

R

R

R

R

R

[MAC-адрес]

R

R

R

R

R

[Безопасность Ethernet]

R

R

R/W

R

R

[Скорость Ethernet]

R

R

R/W

R

R

[USB]

R

R/W

R

R

R

[USB-хост]

R

R/W

R

R

R

[Тип ЛВС]

–

–

R/W

–

–

[Сеть]

R

R

R

R

R

[Версия прошивки]

R

R

R

R

R

[MAC-адрес]

R

R

R

R

R

[Доступная беспроводная ЛВС]

R

R

R

R

R

[Cтатус беспроводного сигнала]

R

R

R

R

R

[Режим соединения]

R

R

R/W

R

R

[SSID]

R

R

R/W

R

R

[Канал]

R

R

R/W

R

–

[Метод защиты]

R

R

R/W

R

R

[WEP настройки]

R

R

R/W

R

R

[Настройки WPA2]

R

R

R/W

R

R

[Настройки прямого соединения]

R

R

R/W

R

R

4

из Götz, 1998

Внутренняя яркость имеет некоторые важные последствия.

• Для разборчивости текста должен быть достаточный контраст между яркостью фона и цветов переднего плана. Например, белый текст на желтом фоне будет трудно читать, а белый на черном — нет, как показано на рис. 3 (а).

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

• Контрасты яркости не должны быть слишком резкими, так как это может привести к мерцанию (существуют и другие причины мерцания, которые мы здесь не рассматриваем). На рис. 3 (b) показаны различные цветовые комбинации, многие из которых вам, вероятно, будет трудно прочитать, потому что они мерцают.

Поскольку восприятие цвета очень индивидуально, рекомендуется разрешить пользователям изменять цветовую схему.

Рисунок 3 Контраст между цветами (из Götz, 1998)

1.3.5 Использование цвета для представления информации

Все пользовательские интерфейсы должны передавать информацию. Цвет может быть особенно эффективным для этого. В таблице 4 приведены некоторые из доступных методов.

Техника	Описание	Пример
Цвет можно использовать для подчеркивания важных областей экрана или ключевых частей диаграммы.	На рис. 4 показаны два противоположных представления маршаллинговых сигналов. Часть (b) использует цвет, чтобы подчеркнуть свет; его гораздо легче понять, чем часть (а).
Цвет для группировки	Цвет можно использовать для организации экрана.	Области экрана, содержащие разные типы информации, могут иметь разный цвет фона.
Цветовое кодирование	Цвет может использоваться для обозначения определенного объекта или состояния; это известно как цветовое кодирование.	В пакете счетов просроченные счета могут быть отмечены красным символом.
Перспектива	Цвет может использоваться для усиления перспективы на экране.	Вы должны использовать темные или тусклые цвета для фона и более яркие цвета для переднего плана. Таким образом, заголовок активного окна обычно имеет более яркий цвет, чем заголовок неактивного окна.
Слои	С использованием перспективы связано использование цвета для представления различных слоев на диаграмме.	В системе управления воздушным движением высоколетящие самолеты могут отличаться по цвету от низколетящих самолетов. Цвета должны быть естественно связаны друг с другом, например, разные оттенки синего.

Гётц, В. (1998) Цвет и тип для экрана , RotoVision SA.

Рис. 4 Маршаллинговые сигналы (Tufte, 1990, стр. 63)

Во вставке 1 обсуждается интересное использование цвета.

Вставка 1: Цвет на общей батиметрической карте океанов

Рисунок 5 является частью Общей батиметрической карты океанов (Международная гидрографическая организация, Оттава, Канада, 5-е издание, 1984 г., стр. 5.06). На карте показаны океанские впадины западной части Тихого океана и Японского моря. Он использует цвет интересным и мощным способом.

Существуют две различные группы цветов: разные оттенки зеленого/коричневого и разные оттенки синего. Эти цвета естественным образом ассоциируются у нас с землей и морем, поэтому нет необходимости запоминать их значение. Цвета ранжируются по высоте (или глубине), поэтому чем темнее синий, тем глубже море.

Цвета не используются изолированно, так как контурные линии также указывают градации.

Цвета подобраны таким образом, чтобы они были понятны пользователям с цветовой слепотой.

Ни один из цветов не является ярким.

Контраст между цветом фона и цветом текста хороший, поэтому текст читается.

Таким образом, каждая точка на карте сигнализирует о четырех переменных: широта, долгота, море/суша, глубина/высота, измеряемые в метрах. Этого было бы очень трудно достичь без использования цвета.

Адаптировано из Tufte (1990), p. 91

Рисунок 5 Общая батиметрическая карта океана

Рисунок 6 Онлайн-калькулятор

Упражнение 1

Время: 0 часов 10 минут

Насколько эффективно цвет используется на рисунке 6? (Или собственный онлайн-калькулятор?) Учитывайте следующие пункты:

• Количество цветов.

• Цветовосприятие.

• Цвет для усиления.

• Внутренняя яркость.

• Цвет для акцента.

• Цвет для группировки.

• Перспектива.

Обсуждение

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

Восприятие цвета . Сочетание цветов приемлемо для большинства пользователей с нарушением цветового зрения.

Цвет для усиления . Цвет используется для идентификации различных групп кнопок. Эта группировка усиливается цифрами и буквами на кнопках. Таким образом, цвет не используется изолированно.

Внутренняя яркость и цвет для выделения . Красный и синий являются яркими смесями цветов, и это выделяет их.Например, МС и 9. Это делает их довольно утомительными для просмотра. Непонятно, почему некоторые красные кнопки должны выделяться так сильно, но синие кнопки (цифры) должны быть очевидны. Серый фон означает, что контраст между цветом текста и фоном не так велик, поэтому мерцание не является проблемой.

Цвет для группировки . Кнопки сгруппированы по функциям: кнопки с синим текстом — это числа, кнопки с красным цветом управляют памятью и так далее.

Перспектива . Кнопки окаймлены более темным серым цветом, чтобы они выглядели так, как будто они приподняты над экраном и их можно нажимать.

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

Действие 2

Microsoft Windows позволяет пользователям настраивать свои системы в соответствии со своими предпочтениями. Домашние страницы браузера также можно персонализировать. Наблюдайте за выбором цвета пятью или шестью пользователями. В идеале, пройдитесь по большому офису с открытой планировкой и просто обратите внимание на различные варианты выбора, сделанные людьми.

Обсуждение

Проходя через свой офис открытой планировки, я заметил следующее.

• Был выбран широкий спектр вариантов, некоторые из которых не соответствовали моим собственным представлениям о хороших цветовых сочетаниях.

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

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

1.4 Изображения

1.4.1 Роль изображений

Мы можем использовать изображения несколькими способами.

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

• Для передачи информации. Это часто используется в компьютерных учебных материалах.

• Чтобы помочь преодолеть языковой барьер. Этот подход широко используется в инструкциях по эксплуатации товаров народного потребления.

• Для поддержки взаимодействия. Например, экранные метафоры и значки.

В этом разделе мы сосредоточимся на передаче информации.

Задание 3

Пролистайте газету или журнал (возможно, онлайн) и выберите четыре изображения. Почему каждое из этих изображений было использовано? Что достигается изображением? Какую информацию он вам предоставляет?

Обсуждение

Просматривая газету, я нашел следующие изображения.

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

• Схема ограбления банка. Это дало подробную информацию о макете банка и последовательности событий. Это добавило ясности текстовому описанию.

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

• График в бизнес-разделе иллюстрирует максимумы и минимумы индекса FTSE.

4.2 Эффективное использование изображений

Ниже приведены основные типы изображений.

• Фотографии . К ним относятся фотографии, рисунки и карикатуры.

• Диаграммы . К ним относятся карты и другие представления отношений между объектами, такие как генеалогические деревья и диаграммы Венна.Некоторые авторы классифицируют карты как диаграммы. Мы решили не делать этого.

• Графики и диаграммы . Это визуальные представления чисел. Таким образом, они включают в себя круговые диаграммы, гистограммы, линейные и гистограммы.

Каждый из них представляет разные типы информации.

Изображения могут предоставить информацию, которую трудно описать словами. На рис. 7 показана иллюстрация музея Виллет-Хольтуйзен в Амстердаме. Иллюстрация содержит большое количество деталей о размере, форме и взаимном расположении различных комнат в доме.

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

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

Обычно изображения включают в себя некоторую функциональность. Например, вы можете использовать веб-страницу для поиска информации об отелях в определенной части Европы. Такие веб-страницы часто содержат карты, которые позволяют щелкнуть соответствующую страну, чтобы найти необходимую информацию.

Рисунок 7. Музей Виллет-Холтуйсена (из Путеводителя очевидцев, 1997 г.)

Рисунок 8. Диаграммы и графики

Когда вы планируете использовать изображение, вам следует помнить о следующих моментах.

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

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

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

• Сочетание текста и изображений может быть особенно эффективным. Изображения часто улучшают, связывая их с текстом.

• Учитывайте разрешение экрана пользователя, иначе детали изображения могут быть потеряны.

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

Контрольный вопрос 3

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

• Как можно использовать изображение для улучшения записей о сотрудниках в кадровой системе крупной компании?

• Как можно использовать диаграмму, чтобы сделать экранную систему управления автомобильным заводом более понятной?

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

Ответ

Комментарий

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

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

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

1.5 Движущиеся изображения

1.5.1 Различные типы движущихся изображений

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

Рис. 9 Техники каллиграфии (Tufte, 1990, стр. 68)

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

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

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

1.5.2 Эффективное использование анимации

Вы можете использовать анимацию для следующих целей.

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

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

• Для привлечения внимания . Например, реклама на веб-странице может включать в себя движение, чтобы привлечь внимание пользователя. Это может стать визуальным раздражителем.

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

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

Упражнение 2

Время: 0 часов 10 минут

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

Обсуждение

Я нашел это довольно сложным, так как экран, вероятно, будет маленьким, а концепция довольно абстрактной. Однако время, необходимое для подключения, может быть пугающе долгим, поэтому анимация может быть обнадеживающей.На рис. 10 показана анимация телефона и антенны мобильного телефона со стрелками, движущимися от телефона к антенне.

Эффективен только в том случае, если пользователи могут распознавать изображения.

Рисунок 10 Анимация для мобильного телефона

5.3 Использование видеоклипов для получения хорошего эффекта

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

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

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

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

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

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

1.6 Звук

1.6.1 Роль звука

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

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

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

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

1.6.2 Различные типы звуков

Звуки делятся на четыре категории.

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

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

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

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

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

Упражнение 4

Перечислите пять различных звуков, которые вы слышите при работе на компьютере.

Обсуждение

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

1.6.3 Использование звуковых эффектов для получения хорошего эффекта

Звуковые эффекты могут передавать информацию различными способами. В частности, они могут сделать следующее.

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

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

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

Как показывают эти примеры, звуковые эффекты обычно усиливают другие типы вывода.

6.4 Использование музыки с пользой

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

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

Использование музыки может вызывать воспоминания. В большинстве фильмов атмосфера создается и зритель вовлекается музыкой. Например, романтическая музыка Чайковского или Рахманинова может сопровождать меланхолическую часть фильма. Музыка может быть использована таким образом в компьютерной презентации, возможно, в кульминации выступления. Однако вам нужно быть осторожным, иначе это может показаться манипулятивным. У меня есть пакет военных игр, в котором вначале играет боевая музыка с явным намерением настроить пользователей на игру.Однако после десятого прослушивания я был рад, что была предоставлена ​​​​кнопка выключения.

1.6.5 Эффективное использование речи

Речевой вывод — это мощный способ передачи информации. Он имеет особые преимущества для слабовидящих. Для тех, у кого хорошее зрение, говорящие лифты могут показаться новинкой, но они предоставляют полезную информацию и уверенность для слабовидящих. Некоторые приложения технологии имеют менее очевидные преимущества, например, кассы супермаркетов, которые считывают информацию о продукте и ценах.Было обнаружено, что они нарушают чувство конфиденциальности клиента и являются шумными. Опять же, хороший дизайн зависит от хорошего понимания пользователей и среды, в которой будет использоваться технология. Во вставке 2 описывается интересная речевая система, но сколько клиентов хотели бы, чтобы их финансовые данные транслировались на главную улицу?

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

Вставка 2: Усовершенствованные банкоматы (ATMS)

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

Этот подход работает очень успешно, но с безопасностью постоянно возникают проблемы. В частности, украденные карты могут быть использованы в автоматах, если известен PIN-код. Одним из способов решения этой проблемы является использование распознавания радужной оболочки глаза. В таких системах от пользователя требуется смотреть в камеру. Затем камера фотографирует радужную оболочку, цветную область вокруг зрачка и анализирует сложные узоры. Эти шаблоны уникальны для человека и, следовательно, позволяют системе идентифицировать пользователя.

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

Взято из пресс-релиза NCR: 21 июня 1999 г.

сообщение не будет передано позднее

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

(см. Shneiderman, 1988)

1.6.6 Проблемы с использованием звука

Предварительно записанную оцифрованную речь можно относительно легко включить в пользовательский интерфейс, но генерировать речь сложнее. Один из методов синтеза речи называется конкатенацией . Идея конкатенации заключается в том, что компьютер сохраняет предложения, фразы или сегменты слов реальной человеческой речи. Новые предложения строятся путем расположения слов в правильном порядке. Например, в современных справочных системах телефонных справочников во многих странах после запроса оператора-человека голос говорит что-то вроде: «Вам нужен номер 273148».Фраза «число, которое вам нужно», плавная и плавная (была полностью записана говорящим человеком). Само число довольно отрывистое и неестественное, так как цифровые записи отдельных цифр воспроизводятся одна за другой.

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

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

Упражнение 3

Время: 0 часов 15 минут

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

Обсуждение

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

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

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

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

Заключение

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

Ссылки

Путеводитель очевидца (1997) Амстердам . Лондон, Дорлинг Киндерсли. стр. 120-1.

Гётц, В. (1998) Цвет и шрифт для экрана . Берлин, RotoVision (в сотрудничестве с Gray Press).

Hartley, J. (1994) Учебный текст по проектированию . 3-е изд. Лондон, Коган Пейдж.

Михаэлис, П. Р. и Виггинс, Р. Х. (1982) «Введение инженера по человеческому фактору в синтезаторы речи». У Бадре А. и Шнейдермана Б. (ред.) Направление взаимодействия человека и компьютера . Норвуд, Нью-Джерси, Ablex. стр. 149–78.

Ривлин, К., Льюис, Р. и Дэвис Купер, Р. (редакторы) (1990) Руководство по дизайну экрана . Оксфорд, Blackwell Scientific.

Тафте, Э. Р. (1990) Предвидение информации . Чешир, Коннектикут, Graphic Press.

Благодарности

За исключением материалов третьих лиц и иных указаний (см. положения и условия), этот контент доступен в соответствии с лицензией Creative Commons Attribution-NonCommercial-ShareAlike 4.0

Изображение курса: Кжетил Корслиен на Flickr, доступное по лицензии Creative Commons Атрибуция-некоммерческая 2.0 Лицензия.

Эта глава взята из: Stone, D., Jarett, C., Woodfoffe, M. and Minocha, S. (2005) User Interface Design and Evaluation , Morgan Kaufmann Publishers/Elsevier. Авторские права © The Open University

Мы выражаем признательность следующим источникам за разрешение воспроизводить материалы в этом продукте.

Рис. 3 Готц, В., (1998) Цвет и тип экрана, Rotovision SA;

Рисунок 4 Перепечатано с разрешения Tufte, E., (1990) Предвидение информации, Graphics Press;

Рисунок 5 Канадская гидрографическая служба, Департамент рыболовства и океанов;

Рисунок 7 Справочник очевидца – Амстердам, Дорлинг Киндерсли © 1995, 1997, Dorling Kindersley Ltd;

Рис. 9 Каю Хирата и Цуги Шики Ши (1974) «Техники каллиграфии», Nigensha Publishing Co., Ltd;

Таблицы 2, 3 и 4 Gotz, V., (1998) Color and Type for the Screen, Rotovision SA;

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

Не пропустите:

Если чтение этого текста вдохновило вас узнать больше, вы можете присоединиться к миллионам людей, которые открывают для себя наши бесплатные учебные ресурсы и квалификации, посетив Открытый университет — www. open .edu/ openlearn/ free-courses

image package — image — pkg.go.dev

основной пакет

Импортировать (
"кодировка/base64"
"ФМТ"
"изображение"
"бревно"
"струны"

// Пакет image/jpeg явно не используется в приведенном ниже коде,
// но импортируется из-за побочного эффекта инициализации, что позволяет
// изображение.Декодируйте, чтобы понимать изображения в формате JPEG. Раскомментируйте эти
// две строки, чтобы понять изображения GIF и PNG:
// _ "изображение/гиф"
// _ "изображение/png"
_ "изображение/jpeg"
)

основная функция () {
// Декодировать данные JPEG. При чтении из файла создайте ридер с
//
// читатель, ошибка := os.Open("testdata/video-001.q50.420.jpeg")
// если ошибка != ноль {
// log.Fatal(ошибка)
// }
// отложить считыватель.Close()
читатель: = base64.NewDecoder (base64.StdEncoding, strings.NewReader (данные))
m, _, err := image.Decode(читатель)
если ошибка != ноль {
бревно.Фатальный (ошибка)
}
границы := m.Bounds()

// Вычислить 16-битную гистограмму для красного, зеленого, синего и альфа-компонентов m. 
//
// Границы изображения не обязательно начинаются с (0, 0), поэтому два цикла начинаются
// в пределах.Мин.Y и границах.Мин.X. Зацикливание на Y сначала и X на втором больше
// вероятно, приведет к лучшим шаблонам доступа к памяти, чем X в первую очередь и Y во вторую.
var гистограмма [16][4]целое
для y := bounds.Min.Y; у < границ.Макс.Y; у++ {
для x := bounds.Min.X; х < границ.Макс.Х; х++ {
г, г, б, а := м.В(х, у).RGBA()
// Метод RGBA цвета возвращает значения в диапазоне [0, 65535].
// Сдвиг на 12 уменьшает это значение до диапазона [0, 15].
гистограмма[r>>12][0]++
гистограмма[г>>12][1]++
гистограмма[b>>12][2]++
гистограмма[a>>12][3]++
}
}

// Печать результатов.
fmt.Printf("%-14s %6s %6s %6s %6s\n", "бен", "красный", "зеленый", "синий", "альфа")
для i, x := гистограмма диапазона {
fmt.Printf("0x%04x-0x%04x: %6d %6d %6d %6d\n", i<<12, (i+1)<<12-1, x[0], x[1] , х[2], х[3])
}
}

постоянные данные = `
/9j/4AAQSkZJRgABAQIAHAAcAAD/2wBDABALDA4MChAODQ4SERATGCgaGBYWGDEjJR0oOjM9PDkzODdA
SFxOQERXRTc4UG1RV19iZ2hnPk1xeXBkeFxlZ2P/2wBDARESEhgVGC8aGi9jQjhCY2NjY2NjY2NjY2Nj
Y2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2P/wAARCABnAJYDASIAAhEBAxEB/8QA
HwAAAQUBAQEBAQEAAAAAAAAAAAECAwQFBgcICQoL/8QAtRAAAgEDAwIEAwUFBAQAAAF9AQIDAAQRBRIh
MUEGE1FhByJxFDKBkaEII0KxwRVS0fAkM2JyggkKFhcYGRolJicoKSo0NTY3ODk6Q0RFRkdISUpTVFVW
V1hZWmNkZWZnaGlqc3R1dnd4eXqDhIWGh5iJipKTlJWWl5iZmqKjpKWmp6ipqrKztLW2t7i5usLDxMXG
x8jJytLT1NXW19jZ2uHi4+Tl5ufo6erx8vP09fb3+Pn6/8QAHwEAAwEBAQEBAQEBAQAAAAAAAAECAwQF
BgcICQoL/8QAtREAageECBAQDBAcFBAQAAQJ3AAECAxEEBSExBhJBUQdhcRMiMoEIFEKRobHBCSMzUvAV
ЫнЛРЧЫкНОЭл8RцЫГРомJygpKjU2Nzg5ОкНЕРУЖСЭлКУ1РВВлдYWVpjZGVmZ2hpanN0dXZ3eHl6goOE
HYAHiImKkpoUlZaXmJmaoqOkpaanqKmqsrO0tba3uLm6wsPExcbHyMnK0tPU1dbX2Nna4uPk5ebn6Onq
8vP09fb3+Pn6/9oADAMBAAIRAxEAPwDlwKMD0pwzSiuK57QzGDxS7D6in8Y5ximnAPUfSlcq4m3ilUYp
2OKXHvRcVxnTtS7c07HNFK4DQPakC4PNOA+tOx70XAjK/So5gBGP94fzqfvUVx/qxx/EP51UXqRP4WSE
cmgjilP3jSEZqS0IO/NGDnpUiocDg/McDjvV6HTPOdVWYgsM5KcfzzQ2JySM2jp6VYu7SWzmMUwG4cgj
kMPUVBjjtTGtRu0Zopw+lFFxhinrGzuqqMsxAA9yaXFSRv5cqSEcIwYj6GpuZ30O30fSLKzhUpbpNMv3
5XGTn29BV28jt7pPLuIVljPBBFVreYx+VbqAjycgt3x14zRcNOxGyVFHQkIc/wA61exyKLbuzjdZ046d
ftEuTEw3Rk9SPT8P8Kpbea3tchbyVae4JkjbbGpGdwOM89Af6ViFTWUTGdcXoM2+woK1JtpNtTcoZt+l
Jt7ZqTbRtouFyPFRXI/c9D94fzqzioLsfuD/ALw/nVReqIn8LJCOTSY+tSMOTmkIpXLRu+F0t5pJxPHG
wjjUAuBjJJz1+laD6Pai+WaK9SBX6puzn6ZP+NV/Dkdtc6ZNbyAFwxLAHDYPv6VoQ21nPNEEiQGEFRtk
Gf0NaWTOeW7Of8QwGG4MRZnEbYXPJwRnOR0zWNXW+KrqBLUWi5EjbWCgcAA9c/gRXKYqZaGlK/LqMH0F
FLtHvRSNiYD2pSDTgpp6p0ywUHoTULXYxcktzrdCf7Xo8LP/AKyEmMNjJ46dfbFWJ5TDGNwB9lFUvDV9
YrbfYGbyrjcWG88S57g+vtV26ZIvMlumKwwjLZ6V0WfU54yTvYwtbubea2WNWbzg4bYQeBgj8OtYeKhj
u4y2HQxqxOD1xzxmrWAQCCGB6EGsaikndmsJxeiYzBo280/Z7UbayuaXGY5oIp+2lx9KLjIsVDeD/Rj/
ALy/zq1t96r3y4tT/vL/ADq4P3kRP4WSleTSFKkkKoCW4GaqNcMxIjXj1pxjKT0FKrGC1Nrw3vGrKkYz
5kTAr6455/HH510UdwPtRgWCbzF5+YYUf4Vwun39xpmoR3qASMmQUJwGU9Rnt/8AWrpbrxhb8/ZdOmaQ
gAGZwFH5ZJrpVKVlY5ZYhN6kXiu2eO/ikZlIljAAB5yM549OawSOOlPuLqe+umuLqTfM4OSOAo7ADsKH
hl/cRsTuJHPv7mlKi3sVTxNtGP20VJhThgSQaK52mnZnUqsWrpkyeUrr5pABOAPU1AGaXUCWJISHGPfP
P8qL7BiKnsMg46h4qrbzupbj5mPTPTpXVSglG551SpzSsXJ4/MBUgYIxyKpySyGBYJriV1D7kRpCVh5V
bSeNJ4xchni3DeqnBI+td7F4b0mKIRjT45VbktJlzk455+n6VtYzv2PNwFZWBHBGKVJDGVC54/nXQeMN
NttLNkba1jgWVWDmM8bhg4/nzXLSSbXVj6fyNKUdNRp21RtIRJGrjuM0u3FQ2DbodvcEkfQmrW2vLqLl
k0ejCXNFMj2/jQV9qkxSYNRcsZiq2oI32N2CkhWXJxwOe9XMcVt6hoPn6dFaW0wgRpNzvKDlz6+/0rai
ryv2Jm9LHJai+ZRGCBjnr71ErdAxAY9B611t1Y2cunbbaOQ3FvKZI3UqGlZMbiWwfcfhV231iwvLSM3U
lt5Uq52TuZG+hGMA12xXJGxxzjzybOQtNOvb5j9ktZJhnBIHyg+5PFX38JayqK/2eLJIBUTgkDA9q7ex
итрSHFpGsUbndhRgc+g7VNIyfZJAoJZUbb3I46CtFJMylBo8sdWhmYMuCnylc9wef5VUT7+1chc5NS7h
SUZO5RtIPUh4pkBDOxxxmqM9TQtn+WilhHfHaik43KTG3Z4IyPyrNVjGCsZ+dmwv6V3cXhSG8sYpJLud
JJIwxChdoJGcYx/Wkg8DafA4knvLiQr/ALqj+VQpKw3FtnFFfvbiSMgZJ6/jXp2n3d9cQRBTFsKD96EP
oOxPU/8A68VVtbbRtMVntbePKDLTSHJH/Aj/AEqHTvE66rq72VugMMcbSGTnL4wMAfjT5n0HyW3L+s6b
baxaJBdzN+7bcrxkAhun0rz3VNCv7e7lgigknWI43xLu6jjIHTjtXqfkpPGVYsBkghTikgsYIN/lhgXb
cxLkknp/ShczQ7xtY8vtEmhkj8yGRBuCnehUcnHcVtmwfJ/fQ8e7f/E12txZW91C0U6b42xlST2OR/Ko
Bo1gM/uW55/1jf41nOipu7LhV5FZHIGzI6zwj/vr/Ck+yr3uYf8Ax7/CutbQdMb71tn/ALaN/jSf8I/p
X/PoP++2/wAan6rAr6wzkWt0II+1Rc/7Lf4Vd1eeCSKBbdZDdShYoiZNoyfY10P/AAj2lf8APmP++2/x
oPh/SjKspsozIuNrZORjp3qo0FHYPb3OZt7ae3SzjuItsiRSAgnccl/UA+3Q1yNjKLR4ZZYY5VD7tkv3
WwO/+e1evPp9nI257aJm6bioz1z1+tY+s6Hplnot9PbWMMcqwOFcLyOO1bJWMZSTOPHi+9w3mosrlyd2
9lCj02g9P/1e9a3hzxAbl2ikZRcdQueHHt7j864Y8Z4I4oRzG6urFWU5BHBB7HNJxTFGbR6he6Vpmtgm
eLy5zwZI/lb8fX8azIvBUUTHdfSFP4QsYB/HNZ+k+KEnRY75hHOvAk6K/v7H9K6yyvlnQBmDZ6GsnzR0
N0oy1RzOtaN/Y1tHNFO06u+zYy4I4Jzx9KKveJblXuordSGES5b6n/62PzorKVdp2LjQTVyWz8UWEWlq
jSgyxfJt6EgdDzWTdeLIZGO7zhI/hVajGmWWP+PWL8qwlAIURrhpMAHHJA71pRcZrToZzcoEuo6heakA
GHk245CZ6/X1qPTLq40q+W5t2QybSpDAkEEc55/zilk5k2r91eKhLDzWz2rpsczbbuemeD76fUNG865I
MiysmQMZAAwa3a5j4ftu0ByP+fh/5CulkLLG7INzhSVHqe1Fh4uOoqn9qQQxyhndmHIxwOmSR2xQ13KD
KoiBZOV9JBnt707MVy5RWdNdy7wRGf3bfMinnO1jg+vY03WXLaJO3mhQ20b0zwpYf0qlG7S7icrJs08U
VwumgC+YiQyeVtZH567hzj8aSL949oGhE/2v5pJCDkksQwBHC4/+vXQ8LZ2uYxxCavY7us/xCcaBfn0h
b+VP0bnSrb94ZMJgOecj1rl/GfidUE2k2gy5+SeQjgA/wj3rlas2jdao48qrjLAGkSKPk4Gc1WMj92I+
liJnU8OfxPWo5inBokmtQTmM4OOh71b0q6vbFmWCbaxHyqQGAP0PT8KHSTzVyo5ocSKA5VfTOTmqsmRd
pl99XjPzThzK3zOeOSeveirNmkgg/fIpYsTkYORxRXmzlTjJqx6EVUcU7mhkKCzdAK59QI9zYxtG1fYU
UVtgtmY4nZEa8Ak9aqFv3rfSiiu1nMeifDv/AJF+T/r4f+QrqqKKQwzQenNFFMCOKFIgNuThdoJ5OPSk
ubeK6t3gnXdG4wwziiii/UTKMOg6dbzJLFE4dSCP3rEdeOM8805tDsGMvySgSsS6rM6gk9eAcUUVftZt
3uyVGNthuq3Eei6DK8H7sRR7YuMgHtXkc8rzTNLM26RyWY+p70UVnLY0iEsUipG7rhZBlDkc1HgYoorM
0HwyBXGeRjmrcUhMg2ghezd//rUUVcTKW5s2jZtY/QDaOKKKK8ip8bPRj8KP/9k=
`
 

 Выход:

бин красный зеленый синий альфа
0x0000-0x0fff: 364 790 7242 0
0x1000-0x1fff: 645 2967 1039 0
0x2000-0x2fff: 1072 2299 979 0
0x3000-0x3fff: 820 2266 980 0
0x4000-0x4fff: 537 1305 541 0
0x5000-0x5fff: 319 962 261 0
0x6000-0x6fff: 322 375 177 0
0x7000-0x7fff: 601 279 214 0
0x8000-0x8fff: 3478 227 273 0
0x9000-0x9fff: 2260 234 329 0
0xa000-0xafff: 921 282 373 0
0xb000-0xbfff: 321 335 397 0
0xc000-0xcfff: 229 388 298 0
0xd000-0xdfff: 260 414 277 0
0xe000-0xefff: 516 428 298 0
0xf000-0xffff: 2785 1899 1772 15450
 

графический интерфейс пользователя | вычисления

графический интерфейс пользователя (GUI) , компьютерная программа, которая позволяет человеку общаться с компьютером с помощью символов, визуальных метафор и указательных устройств. Графический пользовательский интерфейс, наиболее известный своей реализацией в операционных системах Macintosh компании Apple Inc. и Windows корпорации Microsoft, заменил загадочные и сложные текстовые интерфейсы более ранних вычислений относительно интуитивно понятной системой, которая сделала работу с компьютером не только более легкой для освоения, но и более приятной. и естественно. Графический интерфейс теперь является стандартным компьютерным интерфейсом, а его компоненты сами по себе стали безошибочными культурными артефактами.

Ранние идеи

Не было ни одного изобретателя GUI; он развивался с помощью ряда новаторов, каждый из которых улучшал работу своего предшественника.Первым теоретиком был Ванневар Буш, директор Управления научных исследований и разработок США, который в влиятельном эссе «Как мы можем думать», опубликованном в июльском номере The Atlantic Monthly за 1945 год, представил себе, как будущие сборщики информации будут использовать похожее на компьютер устройство, которое он назвал «мемексом», оснащенное кнопками и рычагами, которые могли получить доступ к огромному количеству связанных данных — идея, предвосхитившая гиперссылки. Эссе Буша очаровало Дугласа Энгельбарта, молодого военно-морского техника, который всю жизнь пытался реализовать некоторые из этих идей.Во время работы в Стэнфордском научно-исследовательском институте (теперь известном как SRI International), работая над грантом Министерства обороны США, Энгельбарт сформировал Исследовательский центр дополнений. К середине 1960-х компания разработала ряд нововведений, в том числе способ сегментации экрана монитора таким образом, чтобы он выглядел как точка обзора документа. (Использование нескольких плиток или окон на экране могло легко вместить различные документы, что Буш считал решающим.) Группа Энгельбарта также изобрела указывающее устройство, известное как «мышь», а затем деревянный блок размером с ладонь на колесах, движением управлял курсор на экране компьютера.Эти инновации позволили манипулировать информацией более гибким и естественным образом, чем преобладающий метод ввода одной из ограниченного набора команд.

Британская викторина

Викторина по компьютерам и технологиям

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

ПАРК

Следующая волна инноваций в графическом пользовательском интерфейсе произошла в Исследовательском центре (PARC) корпорации Xerox в Пало-Альто (Калифорния), куда в 1970-х годах переехали несколько сотрудников Энгельбарта. Новые идеи интерфейса нашли свое отражение в рабочей станции Xerox Star, которая была представлена ​​в 1981 году. на экране компьютера была, по сути, картинка.Битовое отображение не только приветствовало использование графики, но и позволяло отображать на экране компьютера именно то, что будет напечатано на принтере — функция, которая стала известна как «что видишь, то и получаешь» или WYSIWYG. Ученые-компьютерщики из PARC, в частности Алан Кей, также разработали интерфейс Star, чтобы воплотить метафору: набор маленьких картинок или «значков» располагался на экране, который должен был восприниматься как виртуальный рабочий стол. Значки представляли офисные действия, такие как извлечение файлов из папок и печать документов.Используя мышь, чтобы поместить курсор компьютера на значок, а затем щелкнуть кнопку мыши, команда будет немедленно реализована — интуитивно более простой и, как правило, более быстрый процесс, чем ввод команд.

В конце 1979 года группа инженеров Apple во главе с одним из основателей Стивеном П. Джобсом увидела графический интерфейс пользователя во время визита в PARC и была достаточно впечатлена, чтобы интегрировать идеи в два новых компьютера, Lisa и Macintosh, которые тогда находились на стадии проектирования. Каждый продукт имел растровый экран и гладкую мышь размером с ладонь (хотя для простоты использовалась одна командная кнопка, в отличие от нескольких кнопок в версиях SRI и PARC).В программном интерфейсе использовались перекрывающиеся окна, а не мозаика экрана, и использовались значки, соответствующие метафоре рабочего стола Xerox. Более того, инженеры Apple добавили свои нововведения, в том числе «строку меню», которая одним щелчком мыши опускала бы «выпадающий» список команд. Другие штрихи включали полосы прокрутки по бокам окон и анимацию при открытии и закрытии окон. Apple даже наняла визуального художника для создания привлекательного «внешнего вида» на экране.

В то время как Lisa впервые принесла принципы графического интерфейса на более широкий рынок, именно более дешевый Macintosh, выпущенный в 1984 году, завоевал миллионы пользователей, перешедших на этот интерфейс.Тем не менее, некоторые критики утверждали, что из-за более высокой стоимости и более низкой скорости графический интерфейс больше подходит для детей, чем для профессионалов, и что последние будут продолжать использовать старый интерфейс командной строки Microsoft DOS (дисковая операционная система). Только после 1990 года, когда Microsoft выпустила ОС Windows 3.0 с первым приемлемым графическим интерфейсом для ПК-совместимых компьютеров International Business Machines Corporation (IBM), этот графический интерфейс стал стандартным интерфейсом для персональных компьютеров.Это, в свою очередь, привело к разработке различных графических интерфейсов для UNIX и других операционных систем для рабочих станций. К 1995 году, когда Microsoft выпустила еще более интуитивно понятную ОС Windows 95, не только компоненты графического интерфейса пользователя стали синонимами вычислительной техники, но и его изображения нашли свое применение в других средствах массовой информации, включая полиграфический дизайн и даже телевизионные рекламные ролики. Утверждалось даже, что с появлением графического интерфейса инженерия объединилась с искусством, чтобы создать новую среду интерфейса.

Распознавание речи

Хотя графический интерфейс пользователя продолжал развиваться в течение 1990-х годов, особенно по мере того, как функции программного обеспечения Интернета начали появляться в более общих приложениях, разработчики программного обеспечения активно исследовали его замену.В частности, появление «компьютерной техники» (таких устройств, как персональные цифровые помощники, системы управления автомобилями, телевизоры, видеомагнитофоны, микроволновые печи, телефоны и даже холодильники — все они были наделены вычислительной мощностью встроенного микропроцессора) сделало его очевидно, что новые средства навигации и управления были в порядке. Используя мощные достижения в распознавании речи и обработке естественного языка, эти новые интерфейсы могут быть более интуитивными и эффективными, чем когда-либо.Тем не менее, как средство связи с машинами, они будут основываться только на революционных изменениях, внесенных графическим пользовательским интерфейсом.

Vision Programming Interface: Main Page

NVIDIA® Vision Programming Interface (VPI) — это программная библиотека, реализующая алгоритмы компьютерного зрения (CV) и обработки изображений (IP) на нескольких вычислительных аппаратных платформах, доступных во встроенных и дискретных устройствах NVIDIA.

VPI обеспечивает беспрепятственный доступ к вычислительному оборудованию, к которому необходимо обращаться через разные и иногда несовместимые API, такие как OpenCV и NVIDIA® CUDA® SDK, или для которых не существует общедоступных API, таких как PVA (Programmable Vision Accelerator) и VIC (Video Accelerator). и компоновщик изображений).

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

В VPI один и тот же алгоритм реализован в разных бэкэндах, таких как CPU, GPU, PVA ¹ и VIC ² . Конвейер обработки может быть настроен на использование полной установленной вычислительной мощности целевого устройства. Например, GPU может выполнять логические выводы в одном кадре, в то время как PVA и VIC предварительно обрабатывают изображение в следующем кадре.ЦП может выполнять вспомогательные задачи, такие как обновление графического интерфейса и постобработка изображений, не влияя на производительность других задач.

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

VPI поддерживает простое взаимодействие с существующими проектами, в которых, помимо прочего, используются библиотеки OpenCV и NVIDIA® CUDA® SDK.Это позволяет постепенно заменять существующие вычислительные задачи более быстрыми эквивалентами VPI.

Вот несколько примеров алгоритмов, предоставляемых VPI:

¹ Серверная часть PVA доступна только на устройствах Jetson Xavier, таких как Jetson AGX Xavier и Jetson Xavier NX.
² Серверная часть VIC доступна только на устройствах Jetson.
³ Хотя API разработан с учетом безопасности, сама библиотека VPI не сертифицирована по безопасности.

Что такое разъем интерфейса панели?

Базовая PIC обычно содержит розетку питания (одиночную, дуплексную или GFCI) вместе с одним или несколькими разъемами, обычно используемыми ПЛК, компьютером или другими программируемыми устройствами в шкафу управления.Эти разъемы включают, помимо прочего, D-Subminiature (9, 15, 25, 37 или 15 высокой плотности), RJ45, RJ11, mini Din, BNC, USB, Ethernet и Device Net.

Разъем интерфейса панели (PIC) — это устройство, которое обычно монтируется снаружи панели управления в производственных или других условиях автоматизации. После установки PIC с удобными сквозными соединениями позволяет пользователю взаимодействовать с компьютером, ПЛК или другими программируемыми устройствами внутри панели управления, не открывая дверцу панели.

В настоящее время Mencom производит более 2000 моделей PIC. Тем не менее, новые создаются на регулярной основе, поэтому, если вы не найдете то, что ищете, здесь или в нашем онлайн-каталоге, просто свяжитесь с нами, и мы будем работать с вами, чтобы разработать то, что вам нужно.

Низкопрофильные разъемы интерфейса панели

Mencom выступает со стороны корпуса на 75 % меньше, чем стандартные металлические корпуса. Низкопрофильные корпуса внесены в список UL и доступны в трех размерах; одна одинарная обложка (LP1), две одинарные обложки (LP2) и одна двойная обложка (LP3). Прозрачная крышка из поликарбоната позволяет пользователям видеть, какие компоненты находятся внутри корпуса. Эти корпуса имеют степень защиты IP65 и оснащены уникальным механизмом блокировки.

Адаптеры портов

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

Зачем мне использовать PIC?

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

Вспышка дуги

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

Известно, что эти взрывы с температурой, превышающей 5000°F, вызывают серьезные ожоги и гибель людей. Стремясь помочь защитить людей в цехах, Национальное агентство противопожарной защиты (NFPA) разработало письменные стандарты (NFPA 70E), которые требуют защитных границ, обучения и одежды для операторов.

Только должным образом обученный персонал в огнестойких костюмах, капюшонах и перчатках, с непроводящими инструментами имеет право доступа к корпусам, способным вызвать вспышку дуги. Обучение, оборудование и время стоят дорого. Использование PIC устраняет необходимость открывать дверь, тем самым снижая потребность в дополнительном обучении, оборудовании и времени.

alexxlab Автор записи