Патент на изобретение №2202825

(54) СПОСОБ ВИЗУАЛИЗАЦИИ ОБЪЕКТОВ РЕКЛАМНО-ИНФОРМАЦИОННОГО СОДЕРЖАНИЯ

(57) Реферат:

Изобретение относится к области вычислительной техники и может быть использовано в сети ИНТЕРНЕТ. Техническим результатом является расширение объема отображаемой информации. Способ основан на том, что массив данных представляют в виде данных об объекте большого информационного объема, представляющего собой полное изображение или полный текст информационного сообщения, и объекте малого информационного объема, представляющего собой часть изображения или часть текста, при этом формируют изображение объекта большого информационного объема на экране монитора с заданными параметрами визуализации при наведении курсора манипулятора при отпущенной его клавише на местонахождении изображения объекта малого информационного объема и размещают изображения объекта большого информационного объема в области местонахождения объекта малого информационного объема, перекрывая изображение объекта малого информационного объема. 7 з.п.ф-лы, 13 ил.

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

В настоящее время информация предоставляется двумя основными способами.

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

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

2) Открытием дополнительного потока информации (окна), в котором отображается вся публикуемая информация.

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

Аналогом изобретения может служить всплывающая подсказка, используемая в операционной системе “Windows” (патент США 5617526). Различного вида всплывающие подсказки (позиция 34 в фиг.4 описания к этому патенту), часто используются и различного вида программах, распространяемых по сети ИНТЕРНЕТ, и на сайтах пользователей. Обычно они применяются для предоставления пользователю текстовой информации, поясняющей назначение объекта, при наведении на объект (кнопку панели инструментов) курсора манипулятора, при этом активизация объекта и отображение текстовой информации происходит при отпущенной клавише манипулятора (без ее нажатия, без “клика”). При смещении курсора манипулятора с изображения кнопки панели инструментов всплывающая подсказка исчезает.

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

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

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

Для решения поставленной задачи заявленный способ визуализации объектов, включает:
– формирование массива данных, содержащего информационный поток об объектах, предназначенных для последующего вывода на экран монитора ЭВМ пользователей и занесение этого массива данных информационного потока при помощи сети ИНТЕРНЕТ в запоминающее устройство сервера;
– внесение в упомянутый массив данных информационного потока данных об объектах информационного сообщения, один из которых – объект большого информационного объема представляет собой полное изображение или полный текст информационного сообщения, а другой – объект малого информационного объема представляет собой часть изображения или часть текста упомянутого информационного сообщения;
– формирование изображения объекта малого информационного объема на экране монитора с заданными параметрами визуализации совместно с изображениями других объектов информационного потока;
– формирование изображения объекта большого информационного объема на экране монитора с заданными параметрами визуализации при наведении курсора манипулятора при отпущенной его клавише на местонахождение упомянутого изображения объекта малого информационного объема и размещение изображения объекта большого информационного объема в области местонахождения объекта малого информационного объема, перекрывая изображение объекта малого информационного объема и, по крайней мере, части областей изображений других объектов информационного потока.

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

Особенности настоящего способа заключаются в следующем.

В информационный поток вносят массив данных о двух объектах информационного содержания. Один объект содержит малый объем информации или ее часть – объект малого информационного объема (МИО). Другой объект содержит дополнительную (расширенную) информацию, включающую расширенный текст, графику, а также может быть дополнен видео, аудио или анимацией – объект большого информационного объема (БИО). Оба объекта вносят в общий информационный поток с возможностью оперативной замены самих объектов, причем один объект МИО изначально включают в отображаемую часть информационного потока, а другой объект БИО делают скрытым.

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

Указанные преимущества, а также особенности настоящего изобретения поясняются лучшим вариантом его осуществления со ссылками на прилагаемые чертежи.

Фиг. 1 изображает функциональную схему представления информации в известных решениях;
фиг. 2 – функциональную схему представления информации в данном изобретении;
фиг. 3 – структурную схему взаимодействия с информационными блоками в известных решениях;
фиг.4 – структурную схему взаимодействия с информационными блоками в данном изобретении;
фиг. 5 -. блок-схему алгоритма взаимодействия информационных блоков и информационного потока (1-й вариант реализации);
фиг. 6 – блок-схему алгоритма взаимодействия информационных блоков и информационного потока (2-й вариант реализации);
фиг.7 – поясняющий рисунок визуализации объекта МИО и объекта БИО;
фиг.8 – вид окна страницы сразу после загрузки, где объект МИО – графическое изображение (со ссылкой или без – баннер);
фиг. 9 – вид окна страницы после активации объекта МИО и визуализации объекта БИО, когда курсор манипулятора вошел в пределы объекта МИО и произошел вызов функции, которая отобразила объект БИО, который перекрыл объект МИО и часть других объектов 2 – содержимого страницы;
фиг.10 – то же, что фиг.8, но объект МИО – текстовая ссылка;
фиг. 11 – то же, что фиг.9, но для фиг.10 в самый начальный момент отображения объекта БИО;
фиг. 12 – то же, что фиг.8, но объект МИО – простой текст, помещенный внутри тега , для обеспечения реакции на события;
фиг. 13 – то же, что фиг.9, но для фиг.12 в самый начальный момент отображения объекта БИО.

Способ визуализации объектов рекламно-информационного содержания включает:
– формирование массива данных в форме комбинации тегов HTML, содержащего информационный поток об объектах, предназначенных для последующего вывода на экран монитора ЭВМ пользователей и занесение этого массива данных информационного потока при помощи сети ИНТЕРНЕТ в запоминающее устройство сервера, например, для формирования сайта или отдельного документа;
– внесение в упомянутый массив данных информационного потока данные в форме комбинации тегов HTML об объектах информационного сообщения, один из которых – объект большого информационного объема представляет собой полное изображение или полный текст информационного сообщения, а другой – объект малого информационного объема представляет собой часть изображения или часть текста упомянутого информационного сообщения. (Внесение данных производится стандартными средствами путем последовательного размещения тегов информационного сообщения наравне с тегами основного информационного потока. При этом тегам большого информационного сообщения устанавливаются атрибуты невидимости, что указывает броузеру на необходимость обработки этих тегов без немедленной визуализации. Соответственно большое информационное сообщение задаваемое этими тегами изначально не отображается);
– формирование изображения объекта малого информационного объема на экране монитора с заданными параметрами визуализации совместно с изображениями других объектов информационного потока;
– формирование изображения объекта большого информационного объема на экране монитора с заданными параметрами визуализации при наведении курсора манипулятора при отпущенной его клавише на местонахождение упомянутого изображения объекта малого информационного объема путем выполнения последовательности операции “onMouseOver”, “setLayerVis(‘visible’)” и размещение изображения объекта большого информационного объема в области местонахождения объекта малого информационного объема, перекрывая все изображение объекта малого информационного объема и, по крайней мере, части областей изображений других объектов информационного потока путем выполнения операции “overlapping”.

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

В заявленном способе, кроме объекта 1 малого информационного объема (МИО), который является частью информационного потока и отображается в видимой части информационного потока согласно своему расположению в информационном потоке, создается скрытый объект 3 большого информационного объема (БИО), массив данных которого больше, чем массив данных объекта 1 МИО. Объект 3 способен занимать заданное положение в пределах информационного потока (фиг.2). Изначально объект 3 БИО находиться в невидимой (неотображаемой) части информационного потока. Дополнительно в невидимой части информационного потока создают: модуль 4 обработки действия пользователя объекта 1, модуль 5 обработки действия пользователя объекта 3 и модуль 6 установки свойств объекта 3. Реакцией объекта 1 на действия пользователя может одновременно являться как стандартное действие, так и взаимодействие с объектом 3 (изменение свойств объекта). Например, создание нового информационного потока по нажатию кнопки мыши (стандартное действие), и перемещение объекта 3 в видимую часть информационного потока или обратно при попадании курсора манипулятора в область месторасположения объекта 1, или при выходе курсора манипулятора за пределы области месторасположения объекта 3.

При реализации известных способов визуализации объекта 3 БИО обработка и интерпретация поступающих от пользователя действий реализуется средствами интерактивности информационного потока и заключается в изменении информационного потока в целом (фиг.3).

В данной реализации, в случае наступления заранее определенных событий, средства интерактивности потока передают управление и данные на обработку в дополнительные модули обработки действий пользователя 4 и 5 объекта 1 MИO и объекта 3 МИО. Модули обработки действий пользователя 4 и 5, в свою очередь, определяют, какие действия необходимо выполнить, и передают управление модулю 6 установки свойств объекта 3 БИО.

В заявленном способе визуализации объектов (фиг.4) при наведении курсора манипулятора на местоположение объекта 1 МИО средства интерактивности информационного потока передают управление модулю 5 обработки действий пользователя объекта 1, который вызывает модуль 6 установки свойств 3 (скрытый объект 3 БИО становится видимым). После этого, при выходе курсора манипулятора за пределы объекта 2 (или любом другом событии, например, истечении заданного интервала времени при выполнении операции “setTimeOut(SetLayerVis(‘hidden’), interval” или при нажатии заданной клавиши клавиатуры при выполнении последовательности операций “onKeyPress”, “event, keyCode”, средства интерактивности информационного потока передают управление модулю 5 обработки действия пользователя объекта 3, который вызывает модуль 6 установки свойств объекта 3 (объект 3 БИО становится невидимым), а на экране монитора формируется первоначальное изображение объекта 1 и других объектов 2 информационного потока (фиг.2 – видимая часть).

Кроме того, для получения дополнительных эффектов в массив данных об объекте 3 БИО вводят массив данных об анимационном изображении (gif). В массив данных об объекте 3 БИО вводят массив данных о видеоряде (аvi, mpeg). Возможно также в массив данных об объекте 3 вводить массив данных о звуковом сопровождении (mid, wav, mp3, swf co звуком).

Алгоритм обработки действий пользователя информационным потоком и дополнительно введенными модулями 5, 6, 7 реакции информационных объектов на действия пользователя описывается следующим образом (фиг.5).

Шаг 1 – средствами информационного потока происходит получение информации о действиях пользователя с информационным потоком и его объектами 1, 2.

Шаг 2 – проверяется необходимость обработки поступившей информации объектом 1 МИО. В случае положительного ответа – курсор манипулятора в пределах местоположения объекта 1 производится переход к Шагу 3, в случае отрицательного – к Шагу 1.

Шаг 3 – объект 1 при помощи модуля 6 (фиг. 4) установки свойств объекта 3 воздействует на объект 3 (указание броузеру на необходимость переноса БИО в видимую область путем установки атрибута видимости).

Шаг 4 – просмотр атрибутов объектов 2 и 3 средствами информационного потока и отображение их в соответствии с их текущими атрибутами (обновление экрана).

Шаг 5 – средствами информационного потока происходит получение информации о действиях пользователя с информационным потоком и его объектами 2, 3 с учетом изменившихся условий.

Шаг 6 – проверяется необходимость обработки поступившей информации объектом 3 произведен ли выход за границы местоположения видимого объекта 3 БИО. В случае положительного ответа производится переход к Шагу 7, в случае отрицательного – к Шагу 5.

Шаг 7 – объект 3 БИО при помощи модуля 6 установки свойств объекта 3, устанавливает собственные атрибуты (перенос скрытого объекта 3 в невидимую область путем установки соответствующего атрибута видимости).

Шаг 8 – просмотр атрибутов объектов 1, 2 средствами информационного потока и отображение их в соответствии с их текущими атрибутами (обновление экрана), переход к Шагу 1.

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

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

Шаг 1 – средствами информационного потока происходит получение информации о действиях пользователя с информационным потоком и его объектами 1, 2.

Шаг 2 – проверяется необходимость обработки поступившей информации объектом 1. В случае положительного ответа – курсор манипулятора, пределах местоположения объекта 1 МИО производится переход к Шагу 3, в случае отрицательного – к Шагу 1.

Шаг 3 – объект 1 МИО при помощи модуля 6 установки свойств объекта 3 воздействует на основное отображаемое содержимое информационного потока (перенос части отображаемого содержимого информационного потока в невидимую область путем установки атрибута видимости).

Шаг 4 – объект 3 БИО (скрытый) при помощи модуля 6 установки свойств объекта 3, воздействует на объект 3 (перенос объекта 3 в видимую область путем установки атрибута видимости).

Шаг 5 – просмотр атрибутов отображаемых объектов 2, 3 средствами информационного потока и визуализации их в соответствии с их текущими атрибутами (обновление экрана).

Шаг 6 – средствами информационного потока происходит получение информации о действиях пользователя с информационным потоком и его объектами 2, 3 с учетом изменившихся условий.

Шаг 7 – проверяется необходимость обработки поступившей информации объектом 3 (видимым). В случае положительного ответа производится переход к Шагу 7, в случае отрицательного – к Шагу 5. Шаг 8 – объект 3 БИО при помощи модуля 6 установки свойств объекта 3, воздействует на основное отображаемое содержимое информационного потока (перенос отображаемого содержимого информационного потока в видимую область путем установки атрибута видимости).

Шаг 9 – объект 3 БИО (видимый) при помощи модуля 6 установки свойств объекта 3 при выходе курсора манипулятора за его пределы, устанавливает собственные атрибуты (перенос объекта 3 БИО в невидимую область путем установки атрибута видимости).

Шаг 10 – просмотр атрибутов объектов 1, 2 средствами информационного потока и отображение их в соответствии с их текущими атрибутами (обновление экрана), переход к Шагу 1.

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

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

Вид окна I. Объект 1 МИО и другие объекты 2, например текст, изображения и т.п. (на фиг.7 для простоты не показаны), находятся в видимой части информационного потока, отображаются, а объект 1 МИО реагирует на действия пользователя перемещение курсора манипулятора. Положение курсора манипулятора вне области местоположения изображения объекта 1. Объект 3 БИО находится в невидимой области информационного потока, не отображается, не реагирует на действия пользователя. Размер изображения объекта 3 БИО задан большим, чем размер изображения объекта 1 МИО, а его позиционирование задано в области месторасположения объекта 1. Другие объекты 2 представляют собой основное содержимое – остальное видимое содержимое информационного потока. Действия пользователя за пределами местоположения изображения объекта 1 курсора манипулятора не влияют на информационный поток. Пользователь может производить любые действия (события от клавиатуры, “мыши”, других устройств ввода информации).

Вид окна II. Действия пользователя – наведение курсора манипулятора на изображение объекта 1. Изображение объект 3 БИО становится видимым и перекрывает изображение объекта 1 и часть других объектов 2. Остальная часть других объектов 2 остается видимой и составляет остальное видимое содержимое информационного потока. Изображение объекта 1 переносится в невидимую часть информационного потока. При нахождении курсора манипулятора в пределах изображения объекта 3 БИО пользователь может совершать любые действия в пределах изображения объекта 3, например, перемещать изображения слайдеров объекта 3, открывать гиперссылки объекта 3 и т.п.

Вид окна III. Действие пользователя – вывод курсора манипулятора за пределы изображения объекта 3 БИО. Объект 1 МИО переходит в видимую часть информационного потока, отображается, реагирует на действия пользователя, а объект 3 БИО переходит в невидимую часть информационного потока, не отображается, не реагирует на действия пользователя. Пользователь может осуществлять все заданные действия над другими объектами 2 информационного потока, не входя в область местонахождения объекта 1.

Для того, чтобы объект 3 БИО перекрывал все изображение объекта 1 МИО и, по крайней мере, части областей изображений других объектов 2 информационного потока, а площадь изображения объекта 3 БИО была, по крайней мере, в три раза больше, чем площадь изображения объекта МИО. Заданные параметры визуализации объекта малого информационного объема и объекта большого информационного объема выбирают обеспечивающими требуемые пропорции (выбирается на этапе проектирования объектов исходя из известных условий (параметров визуализации основного информационного потока) и задают стандартными aтpибyтaми (left, top, width, height).

Данное изобретение может быть реализовано следующим образом. Информационный поток представляет собой HTML (Hypertext Makrup Language – язык гипертекстовой разметки) – документ, содержащий форматированный текст, изображение, звук, видео, анимацию и отсылки на другие документы, содержащиеся в сети ИНТЕРНЕТ и других компьютерных сетях, а также в компьютере пользователя. Он состоит из текста, который представляет собой содержимое документа, и тегов, определяющих структуру и внешний вид документа при его отображении броузером. Объект 1 МИО передается в виде байкера, фиксированного размера и расположенного в заданном месте страницы Объект 1 представляет собой стандартный тег или комбинацию стандартных тегов, например, тег гипертекстовой ссылки <а> и тег графического изображения . Объект 3 БИО представляется в виде отдельного слоя, скрытого от пользователя. Он может быть задан комбинацией стандартного тега форматирования