Гипертекст

1 Понятие и сущность гипертекста

Слово «гипертекст» придумал американец Тед Нельсон ещё в 1965 году. «Гипер» значит «сверх» или «над», то есть это как бы текст «сверху» или «над» обычным текстом. Сам Нельсон говорил, что гипертекст - это нелинейный текст, который читается не по порядку, а так, как захочет сам читатель.

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

В этом и есть главное отличие от обычного текста. Когда мы читаем книгу, мы идём от страницы 1 до страницы 200, и автор решил за нас, что будет сначала, а что потом. Если мы хотим посмотреть сноску или заглянуть в другую главу - надо листать, искать. А в гипертексте - щёлкнул по ссылке и всё. Это гораздо удобнее, потому что наш мозг вообще не любит линейность, он всё время скачет с одной мысли на другую.

У гипертекста есть несколько важных свойств:

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

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

· Интерактивность. Пользователь не сидит как пассивный зритель, а сам выбирает, куда пойти. Он как исследователь, который строит свой маршрут. Это, кстати, помогает лучше запоминать материал.

· Мультимедийность. Сейчас гипертекст - это не только текст, но и картинки, видео, аудио. Такое называют гипермедиа. В интернете это сплошь и рядом: на одной странице может быть и статья, и видео, и куча ссылок на другие сайты.

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

2 История развития гипертекстовых систем

Идея связывать информацию друг с другом появилась задолго до компьютеров. Ещё в средневековых книгах были ссылки на полях и пометки. В энциклопедиях и словарях всегда были перекрёстные ссылки между статьями. Но по-настоящему гипертекст смог заработать только с компьютерами.

Началом принято считать 1945 год, когда инженер Ваневар Буш опубликовал статью «Как мы можем мыслить». Он придумал устройство Memex (от memory extender - расширитель памяти). Это должен был быть такой стол с экранами и микрофильмами. Человек мог бы смотреть документы, делать пометки и, самое главное, создавать ассоциативные связи между любыми документами - «тропы». Потом эти тропы можно было бы сохранить и передать другим. Само устройство так и не построили, но идея оказалась очень важной.

В 1960-х Тед Нельсон, вдохновлённый Бушем, начал работать над проектом Xanadu. Он придумал сами термины «гипертекст» и «гипермедиа». Он хотел сделать глобальную сеть, где каждая цитата ссылается на оригинал, а автор оригинала получает микроплатежи. Но проект оказался слишком сложным для того времени и так и не был завершён. Хотя многие идеи оттуда потом пригодились.

В 1968 году Дуглас Энгельбарт показал систему NLS. Это была знаменитая «мать всех демонстраций». Там были и гипертекст, и оконный интерфейс, и компьютерная мышь, и видеоконференции, и совместная работа над документами. Энгельбарт показал, как два человека могут вместе редактировать гипертекстовый документ, находясь в разных местах. Система NLS сильно повлияла на то, что мы сейчас называем графическим интерфейсом.

В 1980-х появились первые коммерческие гипертекстовые системы: Guide для Apple, HyperCard от Apple, ToolBook для Windows. HyperCard была очень популярной - люди делали с её помощью интерактивные справочники, обучалки, игры.

Но настоящий прорыв случился в 1989-1993 годах, когда Тим Бернерс-Ли, работавший в ЦЕРНе, придумал Всемирную паутину. Он объединил три вещи: HTML (язык разметки), HTTP (протокол передачи) и URL (адреса). В 1993 году появился первый графический браузер Mosaic, и интернет начал расти как на дрожжах. Гипертекст перестал быть чем-то лабораторным и стал повседневностью для миллиардов людей.

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

3 Архитектура и основные элементы гипертекста

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

Узлы - это минимальные смысловые кусочки. Узлом может быть абзац, статья, картинка, видео. В интернете узлом обычно является одна HTML-страница. Важно, чтобы узел был более-менее понятен сам по себе, без всего остального.

Гиперссылки - это указатели на другой узел или на кусок другого узла. Ссылки обычно выделяют цветом или подчёркиванием. Когда нажимаешь на ссылку, система переходит туда, куда она ведёт. Ссылки бывают внутренние (внутри той же системы) и внешние (на другие системы), текстовые и графические. Есть односторонние (обычный вариант) и двусторонние - когда можно увидеть, кто ссылается на твой документ.

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

Навигация - чтобы пользователь не запутался, нужны кнопки «Назад» и «Вперёд», оглавление, поиск, «хлебные крошки» (цепочка типа «Главная → Раздел → Подраздел»), закладки.

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

Есть два основных подхода к организации гипертекста.

Первый - иерархический, или древовидный. Узлы выстроены как дерево: есть главный узел, от него отходят ветки к подчинённым. Переходить можно только вверх-вниз. Так часто сделаны справочные системы и учебные курсы. Плюс - простота и ясность. Минус - жёсткость, нельзя сделать произвольные связи между разными ветвями.

Второй - сетевой, или ассоциативный. Узлы связаны как попало, получается сеть. Можно с любого узла перейти на любой другой, если есть ссылка. Так работает Всемирная паутина. Плюс - полная гибкость. Минус - можно «потеряться в гиперпространстве» и забыть, где ты находишься.

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

ПРИМЕНЕНИЕ ГИПЕРТЕКСТОВЫХ ТЕХНОЛОГИЙ В ИНФОРМАЦИОННЫХ СИСТЕМАХ

Всемирная паутина (WWW) как реализация гипертекста

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

В основе WWW лежат три стандарта.

Первый - HTML. Это язык разметки гипертекста. Файл с HTML-кодом - это обычный текст, в который вставлены специальные теги. Теги говорят браузеру, как показывать страницу: где заголовок, где абзац, где ссылка. Ссылка выглядит примерно так: <a href="адрес"> текст ссылки </a>. Кликаешь на текст - и переходишь по адресу.

Второй - HTTP/HTTPS. Это протокол передачи. Он определяет правила, по которым браузер запрашивает страницы у сервера, а сервер их отдаёт. HTTPS - это защищённая версия, она шифрует данные. Без неё нельзя пользоваться интернет-банкингом и вообще делать покупки в интернете.

Третий - URL. Это адрес. Он однозначно указывает, где находится ресурс. Например: https://www.usue.ru/students. Здесь видно и протокол (https), и адрес сервера (www.usue.ru), и путь к файлу (/students).

Как это работает. Пользователь вводит URL или кликает по ссылке. Браузер определяет протокол и домен, обращается к системе DNS, которая превращает домен в IP-адрес. Потом браузер соединяется с сервером по этому адресу и просит страницу. Сервер отправляет HTML-код, картинки, стили. Браузер всё это собирает и показывает на экране. Вся эта кухня занимает доли секунды, поэтому мы не замечаем сложности.

Именно гипертекст сделал WWW таким популярным. До него в интернете были в основном FTP (передача файлов), Gopher (меню документов) и электронная почта. Но там нужно было знать точные адреса и пути, никакой удобной навигации не было. А тут - кликнул по ссылке и попал куда надо. Простота привлекла миллионы обычных людей, которые раньше интернетом не пользовались.

Сейчас гипертекст в WWW продолжает развиваться. Технология AJAX позволяет обновлять часть страницы без её перезагрузки. HTML5 и CSS3 дают много возможностей для красивых интерфейсов. Адаптивный дизайн - чтобы страницы нормально выглядели и на компьютере, и на телефоне.

Гипертекст в обучающих и справочных системах

Гипертекст очень удобен для обучения и для справочников. Почему - понятно: можно легко структурировать материал, дать ученику свободу выбора и мгновенный доступ к дополнительной информации.

Обучающие системы. Самый простой пример - электронный учебник. По сравнению с бумажным у него куча плюсов:

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

· Если встретилось незнакомое слово, кликаешь по нему - и сразу выскакивает определение. Не надо листать учебник в поисках словаря.

· Можно встроить тесты. Прошёл параграф - проверил себя. Если ошибся, система может сама дать ссылку на нужный раздел.

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

· Современные системы могут подстраиваться под ученика. Если он всё правильно отвечает, дают более сложный материал. Если ошибается - показывают пояснения.

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

Справочные системы. Тут гипертекст вообще незаменим.

Правовые базы вроде КонсультантПлюс или Гарант. Там каждый закон связан с другими документами. Можно по ссылке перейти к тому, что изменило этот закон, или к судебной практике по нему. Без гипертекста работать с правом было бы очень трудно.

Медицинские справочники. Врач идёт по ссылкам: симптом → болезнь → анализы → лечение → лекарства. Каждый шаг даёт всё более детальную информацию.

Техническая документация. Открыл руководство к станку, нашёл раздел «Неисправности», увидел проблему, кликнул - и попал в инструкцию по ремонту.

Энциклопедии. Самая известная - Википедия. Там в каждой статье десятки ссылок на другие статьи. Можно углубляться бесконечно. И любой читатель может добавить новую статью или новую ссылку.

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

Но есть и минусы. Можно «потеряться в гиперпространстве» - уйти по ссылкам так далеко, что забудешь, зачем вообще залез в интернет. Ещё бывает когнитивная перегрузка - нужно одновременно и текст читать, и решения о навигации принимать. И есть риск, что знания будут отрывочными, без целостной картины. Поэтому педагоги советуют использовать гипертекст вместе с чёткими картами сайта и «хлебными крошками».

ГИПЕРТЕКСТ В ЭКОНОМИКЕ И УПРАВЛЕНИИ ПРЕДПРИЯТИЕМ

Корпоративные гипертекстовые системы документооборота

Сейчас информация - это такой же ресурс, как деньги или оборудование. Если на предприятии не налажены информационные потоки, оно проигрывает конкурентам. Гипертекст здесь очень помогает.

Корпоративные порталы и базы знаний. Большие компании с филиалами в разных городах сталкиваются с проблемой: как хранить документы и как их быстро найти. Решение - корпоративный портал, внутренний сайт для сотрудников. Он строится на гипертексте:

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

· Есть иерархия разделов: «Кадры», «Приказы», «Должностные инструкции» и так далее.

· Можно искать не только поиском, но и переходить по ссылкам из связанных документов. Например, в приказе о командировке есть ссылка на положение о командировках, а в положении - на форму авансового отчёта.

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

У Microsoft, например, есть внутренняя вики-платформа, где описаны все технические решения и процессы. Новый сотрудник быстро входит в курс дела, просто переходя по ссылкам.

Системы электронного документооборота (СЭД). У нас в России это 1С: Документооборот, DIRECTUM, ЕВФРАТ. У зарубежных - SharePoint, Documentum. Они тоже используют гипертекст.

В СЭД каждый документ (письмо, договор, счёт, приказ) получает свой номер и связывается ссылками с другими. Договор - со счётом и актом. Входящее письмо - с ответом на него. Открыв один документ, можно одним кликом перейти ко всем связанным.

Особенно удобно при согласовании. Документ идёт от одного сотрудника к другому, и система автоматически создаёт ссылки: «текущая версия» - «предыдущая версия» - «протокол разногласий». Видно всю историю работы.

Экономический эффект. По данным Gartner, сотрудник тратит на поиск информации около 30% рабочего времени. После внедрения гипертекстового портала и СЭД эти затраты падают до 5-10%. Для компании с 1000 человек со средней зарплатой 50 тысяч рублей экономия - десятки миллионов в год. Плюс меньше рисков: не потеряются документы, не будет устаревших версий, меньше несогласованности.

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

Перспективы развития гипертекстовых технологий

Гипертекст не стоит на месте. Если в 90-е это были просто тексты со ссылками, то сейчас и в будущем всё становится умнее и разнообразнее.

Семантический веб. Это идея Тима Бернерса-Ли сделать гипертекст понятным не только людям, но и компьютерам. У ссылок появятся метки, которые объясняют тип связи: «этот документ - обновление того», «этот автор цитирует того», «это понятие - частный случай того». Компьютеры смогут сами делать логические выводы и находить неявные связи. Например: «Если договор ссылается на спецификацию, а спецификация - на ГОСТ, то и договор должен соответствовать ГОСТу».

Гипертекст в виртуальной и дополненной реальности. Сейчас гипертекст плоский - мы кликаем по ссылкам на экране. В виртуальной реальности появляется трёхмерное гиперпространство. Можно в очках посмотреть на трёхмерный объект, и он станет ссылкой. В дополненной реальности ссылки накладываются на реальные объекты: навёл телефон на здание - появились ссылки на его историю, на организации внутри, на афишу событий. Это может пригодиться в туризме, образовании, дизайне.

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

Блокчейн и децентрализованный гипертекст. Есть проекты вроде IPFS, где документы хранятся не на центральных серверах, а в распределённой сети. Ссылки становятся криптографически защищёнными. Это даёт устойчивость к цензуре, сохранность информации даже при отказе отдельных серверов и прозрачность авторства.

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

Короче, гипертекст превращается из способа связи документов в универсальный язык навигации в информационно-физическом пространстве. Для бизнеса это значит, что работать с информацией станет ещё быстрее и удобнее, а значит, появятся новые бизнес-модели.

ЗАКЛЮЧЕНИЕ

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

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

В-третьих, для бизнеса это выгодно. Сотрудники тратят на поиск документов уже не 30 % времени, а 5-10%. Экономия для крупной компании - десятки миллионов рублей в год. Плюс меньше ошибок из-за того, что кто-то работал с устаревшей версией документа.

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

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

СПИСОК ЛИТЕРАТУРЫ

1. Буш В. Как мы можем мыслить / В. Буш // Информационные технологии и вычислительные системы. – 1945. – № 1. – С. 3-15.

2. Нельсон Т. Литературные машины / Т. Нельсон. – М.: Мир, 1981. – 350 с.

3. Бернерс-Ли Т. Плетя паутину: истоки и будущее Всемирной паутины / Т. Бернерс-Ли. – М.: Эксмо, 2018. – 320 с.

4. Энгельбарт Д. Усиление интеллекта: концептуальная основа / Д. Энгельбарт // Открытые системы. – 1962. – № 2. – С. 45-58.

5. Гиглавый А.В. Гипертекстовые технологии в информационных системах / А.В. Гиглавый, В.К. Финн. – М.: Наука, 2008. – 280 с.

6. Мансуров О.В. Интеллектуальные информационные системы на основе гипертекста / О.В. Мансуров. – СПб.: Питер, 2015. – 320 с.

7. Ландау Т.А. Архитектура гипертекстовых систем / Т.А. Ландау // Информационные технологии. – 2019. – № 3. – С. 22-29.

8. Соловьев С.С. Применение гипертекстовых технологий в корпоративных системах документооборота / С.С. Соловьев // Экономика и управление. – 2020. – № 5. – С. 67-74.

9. Кузнецов И.П. Семантический веб: состояние и перспективы / И.П. Кузнецов // Вестник компьютерных технологий. – 2021. – № 2. – С. 12-19.

10. Федоров А.Н. Гипертекст в образовании: теория и практика / А.Н. Федоров. – М.: Академия, 2017. – 250 с.

11. Захарова И.Г. Информационные технологии в образовании / И.Г. Захарова. – М.: Академия, 2016. – 192 с.

12. Роберт И.В. Современные информационные технологии в образовании / И.В. Роберт. – М.: Школа-Пресс, 2018. – 256 с.

13. Гейн А.Г. Информатика и информационные технологии / А.Г. Гейн. – М.: Просвещение, 2020. – 320 с.

14. Громов Г.Р. Национальные информационные ресурсы / Г.Р. Громов. – М.: Наука, 2019. – 240 с.

15. Дятлов С.А. Информационная экономика / С.А. Дятлов. – СПб.: Изд-во СПбГУЭФ, 2015. – 180 с.

16. Козырев А.А. Информационные технологии в экономике и управлении / А.А. Козырев. – М.: Финансы и статистика, 2019. – 272 с.

17. Гринберг А.С. Информационные технологии управления / А.С. Гринберг. – М.: ЮНИТИ, 2017. – 480 с.

18. Черников Б.В. Информационные технологии в управлении / Б.В. Черников. – М.: Форум, 2018. – 368 с.

19. Острейковский В.А. Информатика / В.А. Острейковский. – М.: Высшая школа, 2019. – 512 с.

20. Советов Б.Я. Информационные технологии / Б.Я. Советов, В.В. Цехановский. – М.: Юрайт, 2020. – 327 с.