Создание ускорителей приложений для веб-браузера

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

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

или http://ie8.mail.ru/addons.html, либо созданные самостоятельно.

При самостоятельном создании ускорителя браузера необходимо создать ). Этот файл должен размещать не в локальной системе, а на веб-сервере. Для установки ускорителя следует также добавить кнопку "Установить ускоритель", связанную с вызовом метода AddService.

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

К наиболее распространенным можно отнести следующие группы ускорителей:

Данный список является расширяемым, и при желании в него можно добавлять собственные категории.

Переменные

Для передачи содержимого и свойств документа ускорителю по протоколу HTTP с помощью методов GET или POST используются специальные переменные в виде полей форм или как URL параметры. Эти переменные могут быть указаны либо прямо в виде значения атрибута элемента os:execute или os:preview, либо в виде вложенных внутри os:parameter элементов.

В качестве таких переменных можно использовать следующие:

Переменные не доступны при просмотре эскиза вне контекста документа.

Также следует иметь в виду, что:

Параметры в URL

В случае передаче запроса методом GET все параметры передаются внутри URL (сразу за символом "?"). При использовании элемента os:parameter, параметры в URL использоваться не будут.

Пример.

<os:execute method="get" action="http://example.com/service.aspx?url=
{documentUrl}title={documentTitle?}" />

Формоподобные данные

В случае передаче запроса методом POST с помощью элементов os:parameter описываются пары name/value как у веб-формы, например:

<os:execute method="post" action="http://example.com/service.aspx>
    <os:parameter name="url" value="{documentUrl}" />
    <os:parameter name="title" value="{documentTitle?}" />
</os:execute>

При отсутствии значения обязательного параметра, последний удаляется из запроса.

Порядок выполнения работы.

Для выполнения данной лабораторной работы необходимо иметь установленный веб-сервер IIS 7.

Задание 1. Создание XML -дескриптора ускорителя.

<?xml version="1.0" encoding="UTF-8"?>

<os:openServiceDescription
    xmlns:os="http://www.microsoft.com/schemas/openservicedescription/1.0">

  <os:homepageUrl>http://localhost/Accelerator/</os:homepageUrl>

  <os:display>
    <os:name>Детализация</os:name>
    <os:icon>http://localhost/Accelerator/accelico.ico</os:icon>
    <os:description>Быстрая справка по секциям</os:description>
  </os:display>

  <os:activity category="Define">
    <os:activityAction context="selection">
      <os:preview action="http://localhost/php/phpinfo.php" method="get">
        <os:parameter name="txt" value="{selection}" type="text" />
      </os:preview>

      <os:execute action="http://localhost/php/phpinfo.php" method="get">
        <os:parameter name="txt" value="{selection}" type="text" />
      </os:execute>

    </os:activityAction>
  </os:activity>

</os:openServiceDescription>

Элемент os:activity (обязательный) задает категорию акселератора и, в свою очередь, содержит как минимум один обязательный элемент os:activityAction. Последний предназначен для указания контекста запуска ускорителя. Контекст описываеся необязательным атрибутом context, значение по-умолчанию которого - selection. Допустимы следующие варианты значений для context:

Необязательный элемент os:preview определяет содержимое HTML окна отображаемого при наведении пользователем курсора на ускоритель.

Обязательный элемент os:execute определяет действие, выполняемое при вызове ускорителя пользователем.

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

Необязательный элемент os:parameter является альтернативным описанием, переменной, используемой для передачи данных серверу.

В данном примере использована иконка ( accelico.ico ) размером 16x16, которая должна находиться на том же сайте, что и сам ускоритель.

Для создания эскизного окна подготовьте и разместите php -сценарий следующего содержания:

<?php 

$selection = $_GET["txt"];

switch ($selection) 
{
case "A1": 
echo "ИТ-образование: методология, методическое обеспечение"; break;
	case "A2": 
echo "e-learning, ИТ в образовании"; break;
	case "A3": 
echo "Теоретическая информатика"; break;
	case "A4": 
echo "Параллельное и распределенное программирование"; break;
	case "B1": 
echo "Научное программное обеспечение в образовании";break;
	case "B2": 
echo "Исследования и разработки в области новых ИТ и их приложений"; break;
	case "B3": 
echo "Стандартизация ИТ"; break;
	case "C1": 
echo "Образовательные ресурсы и лучшая практика ИТ-образования"; break;
	case "C2": 
echo "Школьное образование по информатике"; break;
	case "C3": 
echo "Организация обучения практическим навыкам в области IT- образования"; break;
	case "КС1": 
echo "Круглый стол - Информационные технологии в университетском управлении "; break;
	case "КС2": 
echo "Круглый стол - Технологии и инфраструктура телекоммуникаций"; break;
	default: 
echo "Не определено";
}

?>

<button id="myButton"        onclick="window.external.AddService
('http://localhost/Accelerator/activity.xml')"> 
Добавить ускоритель "Детализация" в список ускорителей
</button>

Загрузите веб-страницу http://localhost/webslice/confer.html. Проверьте работа ускорителя, выделяя обозначения секций в расписании.

Самостоятельное задание

Добавьте в файл activity.xml описание ускорителя для контекста гиперссылки с помощью элемента <os:activityAction context="link"> . Проверьте работу ускорителя для гиперссылок.