Концепции гипермедиа

Гипермедиа (Hypermedia) — способ организованности контента киберпространства, при котором гиперссылки объединяют узлы с разнородными типами данных в целостную интерактивную сеть.

Гипермедиа в обязательном порядке содержит следующие компоненты:

• узел (Node), содержащий контент;
• якорь (Anchor), интерактивную область внутри узла;
• гиперссылку (Link), которая указывает на отношение якоря текущего узла с якорем другого целевого узла.

Узел гипермедиа может содержать: текст, графику, аудио, видео.

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

В качестве самого масштабного и известного примера гипермедиа следует назвать Всемирную паутину (World Wide Web).

Гипермедиа получает:

• содержательные требования от культуры кибермодернизма;
• требования к оформлению от эстетики киберреализма.

Классификация гипермедиа

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

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

Классификация гипермедиа по типу контента

Классификация гипермедиа по типу контента:

• гипертекст;
• мультимедиа;
• исполняемый гипермедиа.

Гипертекст, текстовый гипермедиа (Hypertext) — способ организованности гипермедиа, при котором гиперссылки связывают расположенный в узлах текст. Гипертекст позволяет читать текст узлов в произвольном (нелинейном) порядке.

Ключевые свойства гипертекста:

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

Мультимеда (Multimedia) — способ организованности гипермедиа, при котором в состав узла входят разнородные форматы данных.

Например в состав мультимедиа узла может входить текст, аудиозапись, видеозапись, анимация и графика (изображения, фотографии, чертежи, схемы, 3D-модели).

Термин происходит от латинских слов multum (много) и media (среда) и буквально означает «многокомпонентная среда». В отличие от медийности предыдущих поколений техники, в которых присутствовал какой-либо один носитель (печатный текст, радио, телевидение), мультимедиа воздействует одновременно на несколько органов чувств человека: зрение, слух.

Исполняемый гипермедиа (Executable Hypermedia) — способ организованности гипермедиа, при котором в узлах или гиперссылках расположен исполняемый программный код.

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

Ключевые свойства исполняемого гипермедиа:

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

Примеры исполняемого гипермедиа:

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

Классификация гипермедиа по архитектуре и топологии связей

Классификация гипермедиа по архитектуре и топологии связей:

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

Линейный гипермедиа с ответвлениями (Linear with Branching Structure) — способ организованности гипермедиа, при котором существует один главный сквозной маршрут и возможность временно отойти от него для получения дополнительных данных.

Пример последовательности действий с линейным гипермедиа:

1. Начать читать основной гипертекст, в котором есть выноски (примечания, советы, предостережения).
2. Перейти по гиперссылке и просмотреть содержание выноски.
3. Откатить в браузере предыдущую вебстраницу и продолжить чтение основного гипертекста.

К отличительным свойствам структуры линейного гипермедиа с ответвлениями относят:

• Наличие «магистрали» (сценария), в котором в явном виде задана последовательность вебстраниц или шагов алгоритма.
• Контролируемый тупик (Controlled Loop, Tug-back Navigation). Гиперссылки указывают на изолированные узлы ответвлений, из которых есть только один логичный путь — возврат к «магистрали», на главный маршрут.
• Сохранение контекста. Навигация выстроена таким образом, чтобы аватар не заблудился в структуре вебсайта. На любой вебстраице существуют гиперссылки, которые либо ведут его по определённой траектории чтения, либо возвращают на исходный линейный трек чтения.

Примеры областей применения линейного гипермедиа с ответвлениями:

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

При проектировании интерфейса вместо термина «линейный гипермедиа с ответвлениями» чаще используют термин «гибридная иерархически-линейная структура».

Гибридная иерархически-линейная структура (Hierarchical-Linear Structure) — способ организованности интерфейса гипермедиа, при котором в интерфейсе есть жёсткая линейная ось, из которой точечно выходят элементы простой иерархии (ответвления).

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

Иерархический (древовидный) гипермедиа (Hierarchical Hypermedia Structure, ree Hypermedia Structure) — способ организованности гипермедиа, при котором все узлы выстроены в строгую соподчинённую структуру от одного общего корня и у каждого узла только один родительский (вышестоящий) узел.

Примером иерархического гипермедиа может служить вебсайт в котором:

• корень — это главная страница, содержащая гиперссылки на разделы;
• ветви — это узлы, которые содержат разделы контента с гиперссылками на вебстраницы;
• листья — это узлы, которые содержат вебстраницы.

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

К отличительным свойствам иерархической структуры относят:

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

Ризоморфный гипермедиа (Rhizomorphic hypermedia, Networked Hypermedia) — способ организованности гипермедиа, при котором в сети узлов нет общей вершины или общего центра.

Ключевыми свойствами ризомы гипермедиа следует назвать:

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

В контексте проектирования Всемирной паутины иногда используют термин «семантический гипермедиа».

Семантический гипермедиа (Semantic Hypermedia) — способ организованности ризоморфной гипермедиа, при котором гиперссылки имеют форму семантических отношений.

Гибридный гипермедиа (Hybrid Hypermedia) — способ организованности гипермедиа, который комбинирует несколько видов различных топологий (линейную, иерархическую, ризоморфную).

Классификация гипермедиа по способу генерации контента

Классификация гипермедиа по способу генерации контента:

• статический гипермедиа;
• динамический гипермедиа.

Статический гипермедиа () —  Контент и связи создаются разработчиком заранее и не меняются без перезаписи файлов.

Динамический гипермедиа () —  Страницы и ссылки генерируются «на лету» на основе баз данных и действий пользователя.

Классификация гипермедиа по способу генерации контента

Классификация гипермедиа по интерактивности:

• пассивный гипермедиа;
• активный гипермедиа.

Пассивный гипермедиа (Passive Hypermedia) — способ организованности гипермедиа, при котором существует возможность лишь использовать предоставленный контент, но нет возможности его изменять.

В практике Всемирной паутины существуют разновидности пассивного гипермедиа:

• гипермедиа только для чтения (Read-only Hypermedia, Browsing-only Hypermedia), используют в архитектуре REST API;
• навигационный гипермедиа (Navigational Hypermedia), при котором единственное доступное аватару действие — это нажатие на гиперссылку для перемещения между узлами.

Активный гипермедиа (Active Hypermedia) — способ организованности гипермедиа, при котором существует возможность не только использовать существующий, но и создавать новый контент и новые связи.

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

• совместный гипермедиа (Collaborative Hypermedia) — термин для вики, облачных баз знаний и многопользовательских платформ;
• авторский гипермедиа (Authoring Hypermedia) — предоставление прав редактирования контента;
• гипермедиа с возможностью записи (Writeable Hypermedia) — антоним термина Read-only Hypermedia, технический термин, указывающий на поддержку операций изменения данных;
• адаптивный гипермедиа (Adaptive Hypermedia) — гипермедиа, которые подстраивают контент и ссылки, реагируя на действия пользователя;
• исполняемый гипермедиа (Executable Hypermedia) — среда, в которой узлы содержат выполняемые программы;
• динамический гипермедиа (Dynamic Hypermedia) — гипермедиа, генерирующий контент в ответ на запрос.

Классификация гипермедиа по среде реализации

Классификация гипермедиа по среде реализации:

• локальный гипермедиа;
• распределенный гипермедиа.

Локальный гипермедиа (Local Hypermedia ) — способ организованности гипермедиа в локальной коммуникационной сети, которая содержит весь доступный контент внутри себя.

Распределенный гипермедиа (Distributed Hypermedia, Web-based Hypermedia) — способ организованности гипермедиа, при котором узлы с контентом распределёны по множеству облачных хранилищ и серверов.

Понятие распределённого гипермедиа лежит в основе архитектурного стиля REST (Representational State Transfer).

Примеры распределённого гипермедиа: вебсайты, облачные базы знаний, компоненты семантического Веба.