14. Система гипермедиа www

WWW (World Wide Web - всемирная паутина) - самый популярный и

интересный сервис Интернет сегодня, самое популярное и удобное средство

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

сегодня - www, больше половины потока данных Интернет приходится на долю

WWW. Количество серверов WWW сегодня нельзя оценить сколько-либо точно, но

по некоторым оценкам их более 30 тысяч. Скорость роста WWW даже выше, чем у

самой сети Интернет. Сегодня WWW - самая передовая технология Интернет, и

она уже становится массовой технологией - возможно, недалек тот день, когда

каждый человек, знающий, что такое телефон, будет знать, что такое WWW.

Подробное описание WWW - тема отдельной статьи, поэтому здесь будут

приведены самые общие понятия и представления, которые нужно иметь о WWW,

как об одном из сервисов Интернет. WWW - информационная система, которой

весьма непросто дать корректное определение. Вот некоторые из эпитетов,

которыми она может быть обозначена: гипертекстовая, гипермедийная,

распределенная, интегрирующая, глобальная. Ниже будет показано, что

понимается под каждым из этих свойств в контексте WWW.

WWW работает по принципу клиент-сервер, точнее, клиент-серверы:

существует множество серверов, которые по запросу клиента возвращают ему

гипермедийный документ - документ, состоящий из частей с разнообразным

представлением информации (текст, звук, графика, трехмерные объекты и т.д.),

в котором каждый элемент может являться ссылкой на другой документ или его

часть. Ссылки эти в документах WWW организованы таким образом, что каждый

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

документ, который Вы читаете в данный момент, способен ссылаться как на

другие документы на этом же сервере, так и на документы (и вообще на ресурсы

Интернет) на других компьютерах Интернет. Причем пользователь не замечает

этого, и работает со всем информационным пространством Интернет как с единым

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

WWW, но и на прочие сервисы и информационные ресурсы Интернет. Более того,

большинство программ-клиентов WWW (browsers, навигаторы) не просто понимают

такие ссылки, но и являются программами-клиентами соответствующих сервисов:

ftp, gopher, сетевых новостей Usenet, электронной почты и т.д. Таким

образом, программные средства WWW являются универсальными для различных

сервисов Интернет, а сама информационная система WWW играет интегрирующую

роль.

Вот некоторые термины, использующиеся в WWW - конечный пользователь

может их и не знать, но рано или поздно они Вам встретятся и они не должны

вызвать у Вас недоумение. Первый термин - html (hypertext markup language,

язык разметки гипертекста). Это формат гипермедийных документов,

использующихся в WWW для предоставления информации. Формат этот не описывает

то, как документ должен выглядеть, но его структуру и связи. Внешний вид

документа на экране пользователя определяется навигатором - если Вы

работаете за графическим или текстовым терминалом, то в каждом случае

документ будет выглядеть по-своему, но структура его останется неизменной,

поскольку она задана форматом html. Имена файлов в формате html обычно

оканчиваются на html (или имеют расширение htm в случае, если сервер

работает под MS-DOS или Windows). Второй термин - URL (uniform resource

locator, универсальный указатель на ресурс). Так называются те самые ссылки

на информационные ресурсы Интернет. Еще один термин - http (hypertext

transfer protocol, протокол передачи гипертекста). Это название протокола,

по которому взаимодействуют клиент и сервер WWW.

WWW - сервис прямого доступа, требующий полноценного подключения к

Интернет, и более того, часто требующий быстрых линий связи, в случае, если

документы, которые Вы читаете, содержат много графики или другой нетекстовой

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

содержащуюся в WWW, посредством электронной почты. Возможность такая есть,

но таких мостов мало, да и толку от них немного - чтобы успешно использовать

возможности WWW, требуется прямой доступ в Интернет, а при его отсутствии

теряются многие плюсы, создавшие WWW сегодняшнюю популярность. Кроме того,

некоторые возможности, имеющиеся при обычной работе, просто недоступны через

электронную почту. Это, в основном, относится к элементам интерактивности в

WWW. Например, в языке html поддерживаются формы. Пользователь вводит в них

некоторую информацию, которая затем может передаваться на сервер. Таким

образом заполняются анкеты, регистрационные карты, проводятся

социологические опросы. Например, на сервере CNN можно было передать свое

отношение к делу Симпсона, а в электронном журнале SunWorld OnLine можно

выразить свою удовлетворенность статьями: не слишком ли коротко, достаточно

ли информативно и т.д.

Практически любая информация, которая предоставляется в публичный

доступ, отображается средствами WWW. Если какая-та информация не может быть

помещена в WWW, то это обусловлено некоторыми ограничениями и недостатками

WWW. Во-первых, соединение между клиентом и сервером WWW одноразовое: клиент

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

что сервер не имеет механизма уведомления клиента об изменении или

поступлении новых данных. Проблема решается сегодня несколькими способами:

разрабатывается новая версия протокола http, которая будет позволять

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

каналов передачи данных и управления ими. Если она будет реализована и

станет поддерживаться стандартным программным обеспечением WWW, то это решит

снимет вышеописанные недостатки. Другое путь предлагается с использованием

навигаторов, которые смогут локально исполнять программы на интерпретируемых

языках - как это сделано в проекте Java компании Sun Microsystems, о котором

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

описания документов html для решения многих задач. Например, html не

предусматривает вывод математических символов, и текста уменьшенного по

сравнению со стандартным размера. Эта задача решается тем же образом, что и

предыдущая - разработкой новых версий языка html и новых типов навигаторов,

расширяемых произвольным образом.

Усилия эти затруднены децентрализованностью WWW - например, сегодня

стандартом становятся не те расширения языка html, которые лучше, но те,

которые привносятся самыми популярными навигаторами, такими как Netscape

Navigator. Децентрализованность несет и множество других проблем: отсутствие

общего каталога серверов и средств тотального поиска по ним. Однако и эта

проблема решается, причем более успешно, чем предыдущие - сегодня есть и

каталоги, и поисковые системы, которые, если и не являются глобальными, то

тем не менее охватывают достаточно большую часть документов WWW, чтобы быть

полезными и успешно применяться для поиска информации.

В заключение - простой совет: если Вы еще не работаете с WWW, то

начните. В подавляющем большинстве случаев это лучшее решение Ваших задач

при работе с глобальными информационными сетями.

Основные компоненты Web-документа, формирующие его пользовательский интерфейс:

• пассивные элементы страницы (фон, текст, графика, таблицы, разделители, фреймы);

• интерактивные элементы (списки, кнопки, сенсорные карты, формы);

• элементы эстетического оформления (фоновые изображения, звуковое сопровождение, анимационные эффекты);

• средства навигации по странице (документу) и в системе страниц;

• ссылки на внешние Интернет-ресурсы;

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

Пассивные элементы.

Старайтесь использовать преимущественно спокойные тона для фона (работа с текстом на белом фоне аналогична чтению надписей на горящей электролампе).

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

Если Вы испытываете затруднение в выборе цвета, воспользуйтесь личными предпочтениями пользователя и задайте для своей страницы установки цветов по умолчанию (default). В этом случае при отображении документа будут использоваться настройки броузера или операционной системы на компьютере пользователя.

Интерактивные элементы.

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

Область применения интерактивных элементов на Web-страницах достаточно широка. Наиболее распространенные варианты реализации:

• ввод информации для ее пересылки на сервер – на основе заполнения форм;

• выбор информации из имеющегося перечня – работа со списками;

• навигация по сети или внутри сайта – гиперссылки и сенсорные карты;

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

Сенсорные карты.

Это графические объекты, содержащие специальные области, так называемые активные зоны (hotspots), которые позволяют пользователю перемещаться на связанный (ассоциированный) с картой URL или на другую страницу посредством щелчка ЛКМ на выбранной зоне.

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

СК может быть создана на основе графических изображений форматов .gif и .jpg.

Графическое изображение сенсорной карты должно обеспечивать:

1. наглядное представление структуры узла (или системы взаимосвязанных узлов);

2. предоставление посетителю дополнительных сведений для выбора рационального маршрута перемещения (краткая характеристика содержащейся информации, относительный объем информации, периодичность или последняя дата обновления информации).

Удобным программным средством для создания сенсорных карт является программа CuteMap фирмы GlobalSCAPE. Программа предоставляет разработчику такие возможности как:

• визуальное редактирование сенсорной карты с одновременным отображением вносимых изменений в специальном окне редактора;

• сохранение созданной сенсорной карты в существующем HTML-документе;

• применение технологий drag-and-drop, позволяющей создавать сенсрные карты с помощью панелей инструментов, без использования ручного редактирования HTML-кода;

• выбор броузера для оперативного просмотра результатов работы;

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