Кстати, очень заметно, как поменялась аудитория конференций: если 2 года назад на РИТе царила атмосфера студенческого сборища, то сейчас там тусовался народ постарше и посерьёзнее. А на РИФе наоборот, в этом году были сплошные молодёжные промоакции с раздачей халявы и рисованием граффити на асфальте.

Полетал там на воздушном шаре. Правда, невысоко, всего метров на 11 поднимались – сказали, погода нелётная.

А вот и моя презентация.

Надеюсь, позже организаторы конференции выложат видео, а пока выкладываю презентацию и черновик текста доклада.

Кстати, меня пригласили прочесть доклад о виджетах на РИФ 2010. Он будет ориентирован не на разработчиков, как РИТовский, а на менеджеров интернет-проектов и просто интересующихся: не «как это сделать», а «что это вообще такое». Поэтому, если будете там 22-го, заходите, пообщаемся лично.

Доклад_Белогорцев – это текст доклада, который я писал для себя, так что без какого-то особого оформления.

Итак, встречайте Amnesty Generator for Vista.

Работает она просто: устанавливаете себе на компьютер, запускаете, и видите окно генератора.

Создание гаджета состоит из трех шагов.

• На первом – ищите нужный веб-виджет. Выбираете каталог из выпадающего списка и нажимаете «Open Site in Browser», чтобы перейти на его сайт.
• На втором шаге вставляете HTML-код из каталога в текстовое поле.
• На третьем – указываете имя виджета, размеры (с ними, возможно, придётся поэкспериментировать) и иконку (при желании). Жмёте Generate… и вуаля – гаджет готов и установлен.

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

Кстати, у той же компании есть генератор виджетов для Mac OS X.

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

Во-вторых, можно анализировать логи веб-сервера. Когда пользователь скачивает виджет или работающая программка обращается к сайту за данными, сервер об этом узнаёт. Но этот способ достаточно трудоёмкий и не даёт полной картины. Например, если у нас есть новостной виджет для Windows Vista, мы сможем по логам узнать, когда виджет обращался за данными. Но просматривал ли пользователь новости, кликал ли по ссылкам – непонятно.

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

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

В чём её плюсы:

1. Тесно интегрируется с разрабатываемыми мной виджетами: виджет сам отправляет в статистику те и только те данные, которые нужно учитывать.
2. Очень гибкая. Благодаря этому легко вычислять как стандартные метрики (например, число уникальных посетителей в сутки), так и добавлять специфические, нужные конкретному заказчику. Например, для того же новостного виджета можно отслеживать, через какое время после запуска программы пользователь начинает кликать по заголовкам новостей. Читает он их раз в сутки, после включения компьютера, или регулярно?
3. Может выдерживать повышенные нагрузки благодаря тому, что сбор, хранение и отображение данных легко разносятся на разные сервера. Это становится актуально, если виджет резко набирает популярность, а хостинг к такому оказывается не готов.

К этой системе уже подключены несколько сделанных мной виджетов и она отслеживает основные метрики: для десктоп-виджетов – количество пользователей в сутки, для веб-виджетов – ещё браузеры, OS и рефереры. А просмотр собранных данных осуществляется в минималистичной админской панели:

P.S. Я открыл доступ к статистике двух моих экспериментальных виджетов, так что теперь вы можете лично посмотреть, как выглядит WStat изнутри.

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

Без самого доклада, конечно, вещь не очень полезная, но в ней есть приятная цифра: чтобы попасть в каталог и региональную программу, виджету надо набрать популярность не 500, как говорили вначале, а 75 пользователей в сутки.

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

Интересно взглянуть на отчёты о региональной программе, которые Яндекс регулярно публикует:

http://clubs.ya.ru/company/replies.xml?item_no=17898 – июльский

http://clubs.ya.ru/company/replies.xml?item_no=18994 – сентябрьский

Из них можно узнать, что самыми активными пользователями виджетов являются воронежцы, а больше всего сделано для Санкт-Петербурга. Причём самые популярные сервисы – не новостные, как можно было бы подумать (хотя их больше всего), а о работе.

Виджеты Opera

- это разновидность виджетов для рабочего стола, «движком» для которых является браузер Opera.

Появились они в версии 9 и до сих пор активно дорабатываются.

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

Создаются эти мини-программы с помощью обычных веб-технологий: HTML, JavaScript, плюс Opera предоставляет свой JavaScript-API для управления виджетом и сохранения его параметров.
К тому, как у них всё организовано с технической точки зрения, я не могу придраться: обширная документация для разработчиков, готовые JS-библиотеки и шаблоны дизайна, живой форум, наличие инструментов отладки.

Свою технологию Opera активно продвигает с помощью конкурсов для программистов и ведётся работа по утверждению W3C этой технологии как стандарта для создания виджетов.
Ещё один плюс виджетов Opera – их кроссплатформенность. Везде, где есть Opera или Opera Mobile, они будут работать. Благодаря этому виджеты Opera – один из самых лёгких способов делать виджеты для коммуникаторов.

Теперь о недостатках. Их всего два, но они могут с лёгкостью перевесить достоинства.
Малая распространённость Opera
Доля этого браузера в Рунете постепенно растёт, но сейчас составляет лишь около 20% (по данным LiveInternet). А процент людей, пользующихся виджетами, будет гораздо меньше (при всей простоте использования, в блогах до сих пор можно встретить вопрос «Что это ещё за виджеты в Опере такие?»).
Виджеты привязаны к браузеру
Когда окно браузера открыто, они работают. Закрыто – пропадают. Это может быть неудобно для людей, использующих браузер не 100% времени работы за компьютером.

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

Но в Windows Vista, наконец, появилась программа Sidebar (Боковая панель), а её аналог будет и в готовящейся к выпуску Windows 7. Так что если учесть, насколько велика доля компьютеров с операционной системой от Microsoft, можно быть уверенным, что чем дальше, тем больше будет компьютеров, на рабочий стол которых можно установить виджет парой кликов, без каких-то дополнительных действий.

К слову, в терминологии Windows эти маленькие программы называются «гаджеты». Пишутся они с помощью HTML/CSS/JS, причём допускается использование сторонних библиотек (вроде JQuery) и вставка Flash, что облегчает разработку и позволяет создавать привлекательные интерфейсы.

Одним же из недостатков гаджетов Vista Sidebar, на мой взгляд, является отсутствие системы автоматических обновлений. Разработчику самому надо думать, как сообщить пользователю, что вышла новая версия гаджета, и помогать установить её.

Боковая панель присутствует во всех редакциях Windows Vista, начиная с Home Basic. Кстати, по умолчанию, боковая панель может быть отключена. Тогда надо найти её (Пуск->Все прогарммы->Стандартные->Боковая пенель Windows) и запустить. С самого начала в системе установлено несколько гаджетов (Часы, Головоломка, Календарь и т.д.), а при желании можно добавить новые из Галереи.

По идее, сторонние разработчики могут отправлять гаджеты в галерею, но на практике с этим возникают проблемы. Я несколько недель назад попробовал отправить, и гаджет до сих пор висит у меня в профиле со статусом «Ожидает рассмотрения». К счастью, в отличие от виджетов Yahoo, галерея не играет критичной роли в распространении гаджетов Vista: благодаря тому, что «движок» для него уже есть в системе, гаджет устанавливается с любой страницы простым кликом по ссылке.

Если достаточно большая часть пользователей вашего проекта работает с Windows (а скорее всего, так оно и есть), стоит подумать о том, чтобы предоставить им ваш гаджет для любимой ОС: это сильнее привяжет их к вашему сайту. И не беда, что пока пользователей Vista меньше, чем пользователей XP: их доля растёт с каждым месяцем.
Учтите, что есть предел количества виджетов, которые комфортно держать на рабочем столе. После того как он будет достигнут, уговорить пользователя установить ещё один станет гораздо сложнее. Поэтому поторопитесь дать своим пользователям гаджет, пока этого не сделали ваши конкуренты.

Виджеты шагают по планете: теперь они появились на главной странице Яндекса.

Поисковик уже давно позволял пользователям настраивать её вид, убирая и переставляя блоки. А в этот четверг на конференции РИФ+КИБ его представитель рассказал о новой возможности: сторонние разработчики теперь могут делать виджеты для главной страницы.

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

+ Widget? Ok!

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

Когда количество людей, использующих виджет, превысит определённый порог (к сожалению, забыл: то ли 500, то ли 1000), он попадёт в каталог виджетов Яндекса. Вообще, эта система позиционируется как программа для регионов, поэтому региональные сайты получают преимущество. Реклама их виджета (после прохождения модерации) может быть размещена прямо на главной странице поисковика.

Для желающих попробовать, вот ссылка на раздел с документацией: http://wdgt.yandex.ru/

Кстати, писать виджет с нуля вовсе не обязательно: в системе есть «конструктор», позволяющий, например, очень легко сделать виджет из RSS.

Как говорил чукча из анекдота, «однако тенденция»: Яндекс поддержал тренд создания «стартовых страниц» – настраиваемых «точек входа в Интернет» для пользователей. Правда, сделал это одним из последних, ведь у Google, Yahoo и даже Rambler-а такие сервисы уже есть. Но как утверждается, подход Яндекса «ближе к народу» и ориентирован на обычных пользователей сети, а не гиков. Ведь если обычно стартовую страницу надо настраивать целиком, то в данном случае блоки-виджеты всего лишь добавляются к уже ставшим привычными блокам самого поисковика.

Как считаете, поможет ли это Яндексу в завоевании популярности? Вот вы хотели бы предложить пользователям своего проекта такой виджет?

В Yahoo Widgets для разметки используется свой диалект XML, а для придания интерактивности – JavaScript. Также можно вставлять HTML, Flash и использовать CSS (правда, в урезанном варианте).
Свой язык разметки – это, с одной стороны, хорошо, потому что позволяет легко делать страницы типа «О программе» и определять настройки виджета с помощью специальных конструкций. Но с другой стороны, с непривычки вёрстка становится нетривиальной задачей.

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

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

Готовое приложение уваковывается в файл с расширением .widget. Есть два способа упаковки: zip (просто архивируете каталог с виджетом, после чего меняете расширение) и «однородный файл» (flat file), который создаётся с помощью виджета «Widget Converter», входящего в SDK. ZIP считается устаревшим методом упаковки и не рекомендуются к использованию из-за проблем с производительностью.

Когда ваш виджет готов, вы можете попросить других разработчиков потестирвоать его на форуме, в специальном разделе Widget Test Ground. Более того, Yahoo! настоятельно рекомендует это делать, особенно, для первой версии программы. Правда, я, например, комментариев к своему «Last.fm recent track» так и не дождался: наверное, он оказался слишком специфическим и пользователей Last.fm на форуме не было.

Теперь вы можете отправить ваш виджет в галерею виджетов Yahoo!. По идее, после этого он попадёт в очередь на утверждение, будет подвергнут автоматизированной проверке на безопасность (не спрашивайте меня, как они это делают) и просмотрен модератором, который сделает скриншот и напишет небольшой обзор. В моём случае скриншот они сделать не смогли, поэтому попросили его выслать, причём непременно с альфа-каналом (и то я просил опубликовать скриншот на тёмном фоне, а они сделали на светлом, из-за чего буквы на нём плохо читаются). Да и моё описание виджета оставили неизменным.
Кстати, будьте готовы к тому, что ваш виджет появится в галерее далеко не сразу. Мой, например, был отправлен на добавление в декабре, а появился в галерее только в первой половине февраля. Надеюсь, эти задержки с рассмотрением были временными.

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

А в следующей заметке я хочу рассказать об использовании виджетов Yahoo! для бизнеса.

Лучший способ понять – просто попробовать. Тем более, что если вы хотите найти полезные виджеты для своей Windows XP (или даже Windows 2000), Yahoo! Widgets – это первое, на что стоит обратить внимание. Они удобны в управлении, хранятся в единой галерее, а главное – их много, поэтому легко найти программку по душе.

Я сам, например, использую следующие:

• Battery Time – показывает заряд батареи ноутбука
• JC Sticky Deluxe – создаёт на рабочем столе разноцветные «стикеры» для заметок (с ним ваши мудрые мысли будут теряться не под клавиатурой, а под окошками )
• TimeTracker – позволяет засекать время, которое тратишь на какую-либо задачу. Удобно, когда занимаешься в один день несколькими проектами и надо вести учёт времени.
• Last.fm recent track – мой собственный виджет (я потом о нём подробнее напишу), показывает, какая композиция сейчас играет на Last.fm у данного пользователя. Зачем это надо? Обычно я слушаю интернет-радио в браузере и если какая-то песня нравится, хочется посмотреть, кто её играет. Переключаться каждый раз на нужную вкладку для этого не очень удобно, а такой маленький виджет может постоянно висеть вверху экрана и показывать всю нужную информацию.

Вообще, уже сделано более 5 000 виджетов: от читалок RSS и часов до программок, предсказывающих цены на акции.

Итак, приступим.

Для начала установите сам «движок» и «стартовый» комплект виджетов (календарь, часы, погода, список дел…) отсюда: http://widgets.yahoo.com/download/. После установки у вас на рабочем столе появится панель с иконками виджетов (т.н. «узел») и они сами. Каждый виджет можно перетаскивать, включать, выключать, настраивать (кликнув по нему правой кнопкой мыши), а саму панель – устанавливать на любой край экрана и, при желании, заставлять прятаться за край в нерабочем состоянии.

Новые виджеты устанавливаются из галереи виджетов парой кликов. Просто найдите нужный вам с помощью поиска или побродив по подразделам галереи и нажмите большую кнопку «Get it!».

У виджетов Yahoo! есть специальный режим «Konsposé» (или «Heads-Up Display») (в русской версии почему-то названный «микродисплеи для чтения на ходу»), в котором весь рабочий стол затеняется, а виджеты показываются.

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

Резюме

С точки зрения пользователя, преимущества Yahoo! Widgets заключаются в том, что

• они работают на Windows (начиная с 2000 SP4) и Mac OSX (начиная с 10.3.9)
• легко устанавливаются и настраиваются
• уже создано много виджетов для различных задач

а недостатки – в том, что

• интерфейс виджетов, как правило, на английском
• у некоторых из них иногда наблюдаются «глюки» с русским языком

В следующем посте я сделаю краткий обзор Yahoo! Widgets с точки зрения разработчика. Оставайтесь на связи.