Это хорошо понимают в редакции глянцевого интернет-журнала о гаджетах для гиков 4geeks.ru, для которого я сделал пакет из четырёх виджетов, отображающих анонсы последних новостей:

1. Flash-виджет для сайтов и социальных сетей

Может вставляться в блоги на популярных платформах (LiveJournal, LiveInternet), обычные сайты и на FaceBook.com.

2. Статический виджет-картинка

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

3. Гаджет для Windows Vista

Изящная иконка на боковой панели по клику разворачивается в окно просмотра.

4. Виджет для для Mac OS X

В двух вариантах, адаптированных под разные версии операционной системы.

Получить любой из этих виджетов можно здесь: http://www.4geeks.ru/widget/

1. Google Translator

Этот виджет использует сервис Google, чтобы переводить тексты между 24 языками. Можно ввести текст и получить его перевод, а можно ввести URL, и в браузере откроется страница, переведённая целиком. Качество языка, как и у всех автоматических переводчиков, не на высоте, поэтому деловые письма иностранным коллегам с помощью него писать не стоит. А вот читать – почему бы и нет.

2.Timer

Да-да, это таймер. Когда вы в следующий раз поставите вариться пельмени и решите пока почитать, что пишут друзья в блогах, не забудьте включить этот виджет: он не даст вам лишиться ужина, напомнив о его готовности звуковым сигналом и миганием. Можно сохранить заданный интервал времени, чтобы не вводить его в следующий раз. Например, сделать программы «Пельмени – 10 минут» и «Ванна – 15 минут».

3. Яндекс.Новости

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

4. Яндекс.Погода

Симпатичный погодный виджет, внешний вид которого меняется в зависимости от времени суток. Работает в двух режимах: в одном показывается только аэростат с текущей погодой, а в другом – ещё и прогноз. На мой взгляд, даже в «лаконичном» режиме он занимает многовато места на экране, но уж больно приятный у этого виджета дизайн.

5. 2d ruler

«Двумерная линейка» помогает измерять размеры различных областей на экране. Такая штука бывает очень полезной для веб-разработчика. Управляется мышкой и с клавиатуры (стрелки – изменение размеров, Ctrl+стрелки – перемещение, а если зажать ещё и Shift, оба действия будут выполняться быстрее). Есть ещё, кстати, виджет с простой линейкой, одномерной, но он мне показался не таким удобным и интересным.

А какие интересные и полезные виджеты для Оперы встречали вы? Поделитесь в комментариях.

Виджеты Opera

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

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

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

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

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

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

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

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

JC Sticky Deluxe – создаёт на рабочем столе разноцветные “стикеры” для заметок. Своеобразный аналог бумажек, наклеенных на монитор. Не так захламляет рабочее пространство, зато, в отличие от бумажек, в процессе работы эти наклейки скрываются под окошками, и про них забываешь.

TimeTracker – позволяет засекать время, которое тратишь на какую-либо задачу. Удобно, когда занимаешься в один день несколькими проектами и надо вести учёт времени. Управление очень простое: ввёл название задачи (можно задать список по умолчанию), нажал на кнопку – и время пошло. Нажал ещё раз – остановилось. Виджет сохраняет данные о времени в виде таблицы в csv файл, и в конце дня можно разобраться, на что же он был потрачен. Главное – не забывать переключать задачи.

Почему-то часы – очень популярный у разработчиков вид виджета. Их для Yahoo! Widgets сделано уже 326 штук, и мне вот больше всего понравились Gorgy Clock.

Но с часами проблема в том, что они вечно прячутся за окнами. Поверх окон не повесишь: занимают много места, а переключаться в режим “Konsposé” каждый раз, когда хочется посмотреть время, тоже не хочется. В этом плане часы из Vista Sidebar удобнее.

Ну и наконец, виджет для составления списка дел mini What To Do?. Благодаря размеру, он может висеть поверх окон где-нибудь в углу экрана и не мешать. Управление у него, на мой взгляд, не совсем удобное, но это компенсируется минимализмом. Кстати, этот виджет разработан самим Арло Розом, создателем Yahoo! Widgets, и уже хотя бы за это заслуживает внимания.

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

Вернее, вначале планировалось, что это будет небольшой виджет, но после мозговых штурмов с директором проекта Константином Головлёвым он вырос в полноценную программу Clubberry Desktop.

Сделана она с помощью технологии Adobe AIR, позволяющей относительно легко превращать веб-приложения в независимо работающие программы. Плюс, благодаря ей Clubberry Desktop является полностью кроссплатформенной: она одинаково легко устанавливается и хорошо работает на Windows, Mac OS X и Linux.

Что же можно делать с помощью Clubberry Desktop?

• Слушать онлайн-радио
• Получать свежие новости радиостанции
• Общаться в чате: вы пишете сообщение в программе, и оно тут же появляется на сайте
• Просматривать расписание передач

Да что я рассказываю. Если вы любите электронную музыку (или просто хотите посмотреть, что это за зверь получился), установите программу с сайта Clubberry.FM и попробуйте сами.

Кстати, Clubberry Desktop уже принята в международный каталог AIR-приложений Adobe Marketplace, и её можно установить оттуда.

Разработка программы заняла две с лишним недели, и надо сказать, это был отличный драйв: я очень проникся AIR, несмотря на некоторые его недостатки. Спасибо Adobe за такую технологию, а Константину – за идеи, мотивацию и перфекционизм. В планах ещё много новых фич: и придуманных нами, и подсказанных первыми пользователями, так что следите за обновлениями.

Лучший способ понять – просто попробовать. Тем более, что если вы хотите найти полезные виджеты для своей 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 с точки зрения разработчика. Оставайтесь на связи.

Изначально этот движок назывался Konfabulator и первая его версия, созданная програмистами Арло Розом (Arlo Rose) и Перри Кларком (Perry Clarke), была выпущена в феврале 2003 года.
Легенда гласит, что сама идея пришла в голову Арло ещё в 1998 г.: он менял скин MP3-проигрывателя (уж не Winamp ли? ) и подумал, что здорово было бы так же легко менять оформление для любых данных, которые хочется видеть на рабочем столе.
Konfabulator 1.0 была платным и предназначался исключительно для Mac OS X. Позже к команде присоединился Эд Вос (Ed Voas), который помог разработать версию для Windows, и в ноябре 2004 вышла кроссплатформенная версия Konfabulator.

Проект пришёлся по вкусу как пользователям, так и разработчикам виджетов, и быстро набрал популярность. В 2005 году основатели продали его Yahoo! и какое-то время продолжали работать над ним в этой компании. Yahoo! поставила дело на широкую ногу: движок был переименован в Yahoo! Widgets, стал  бесплатным, была организована галерея виджетов и сайт с документацией. Разработчики виджетов могут предлагать свои творения для добавления в галерею, и после их одобрения модератором, пользователи получают возможность установить виджет себе на рабочий стол всего парой кликов.

Осенью и в начале зимы в работе галереи наблюдался застой, а на форуме разработчики жаловались, что проект заброшен. По слухам, это происходило из-за того, что все силы небольшой команды, работающей над виджетами, были брошены на новый проект – внедрение виджетов в телевизоры. Причём не последнюю роль тут играл Арло. Судя по тому, что уже анонсирован выход телевизоров Samsung и Sony с Yahoo! Widgets, дело идёт успешно.

Если вам стало интересно, зайдите на сайт, установите Yahoo! Widgets и попробуйте сами, что это такое. А если ещё не прониклись, ждите следующего поста: в нём я расскажу, что может этот движок.

Давайте разберёмся.

Плюсы для владельцев сайтов-поставщиков виджетов

1. Дополнительный источник посетителей с других сайтов, разместивших виджет. Например, если вы управляете сайтом кинотеатра, сделайте информер с расписанием сеансов. Пользователи будут смотреть расписание на других сайтах, а за рецензиями и трейлерами приходить по ссылкам к вам.
2. Большая узнаваемость вашего сайта: его логотип красуется на виджете.
3. Имидж инновационной компании, которая заботится о пользователях и предлагает им самые современные услуги.
4. Пользователь остаётся с вами, путешествуя по просторам Сети, а в случае виджетов для рабочего стола – даже закрыв окно браузера.

Плюсы для владельцев сайтов, размещающих виджеты

5. Расширение функционала. Если у вас сайт об инвестициях, разместите сбоку информеры с курсами валют и акций, наиболее интересных вашим посетителям: тогда, возможно, им не придётся искать эти данные на каких-то других ресурсах.
6. При правильном подборе виджетов можно обычный сайт превратить в небольшой портал: пользователь будет получать всю нужную информацию, не покидая его.
7. И главное – простота внедрения. Для того чтобы разместить виджет, требуется обычно всего лишь скопировать кусок кода.

Плюсы для рекламодателей и маркетологов

С помощью виджетов можно продвигать ваши продукты, услуги и сайты. Это называется «виджет-маркетинг», и он может принимать самые разные формы: от брендирования игр до разработки виджетов по подбору товаров из вашего каталога. Какие здесь есть преимущества?

8. Вирусность. Виджеты легко переносятся с сайта на сайт, поэтому хорошо продуманный виджет моментально расходится по социальным сетям и блогам.
9. Низкая стоимость владения. Раз сделав виджет, вы можете перестать о нём думать: главное – оставьте сылку на него на видном месте, и пользователи сами будут его распространять.
10. Виджеты полезны пользователям и не вызывают раздражения, в отличие от баннеров. В глазах пользователя вы превращаетесь из продавца, который пытается что-то «впарить», в друга, который делает полезный подарок.

Плюсы для пользователей

11. Виджеты дают им новые возможности при работе с любимыми сайтами.
12. Позволяют получать самую важную информацию, не отвлекаясь на остальное. Например, чтобы посмотреть прогноз погоды на сайте, надо открыть браузер, набать адрес, дождаться загрузки баннеров и выделить блок прогноза из нагромождения рекламных ссылок. А чтобы посмотреть прогноз в десктоп-виджете, достаточно кликнуть на его значок мышью.
13. И наконец, виджеты – это просто весело.

Если попытаться дать общее определение тому, о чём будет идти речь на страницах блога, то можно сказать, что

Виджет

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

Звучит заумно? Ничего страшного, сейчас станет понятнее.

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

Веб-виджет (web widget)

- это кусок кода, который может быть встроен пользователем в любую HTML страницу и использоваться без значительной модификации. Как правило, при создании веб-виджетов используются технологии DHTML, JavaScript и Adobe Flash

Вы когда-нибудь видели на страницах сайтов и блогов блоки, показывающие погоду, курсы валют, видеоролики с YouTube или результаты теста, пройденного владельцем блога? Наверняка видели, и даже использовали сами. Вот это и есть самые распространённые примеры веб-виджетов.
Веб-виджеты также иногда называют гаджетами, информерами, а на английском gadget, badge, module, webjit, capsule, snippet, mini или даже flake.

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

Т. о.

Информер

- это неинтерактивный веб-виджет, т.е. такой, контент которого не зависит от действий пользователя.

Классический пример информера – погодный информер (на погоду в Москве может повлиять только Лужков перед парадом Победы):

Десктоп-виджеты (desktop widget) или виджеты для рабочего стола

- это небольшие инструменты (программы), выполняющие какую-то одну функцию и требующие для своей работы специальной среды – виджет-движка (widget engine)

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

Yahoo! Widgets на рабочем столе

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

Примеры десктоп-виджетов:

• Виджеты Apple Dashboard (именно от них, как утверждается, ведут свою историю десктоп-виджеты)
• Yahoo! Widgets
• Гаджеты в Windows Vista
• Гаджеты Google Desktop
• Виджеты Operа
• Плазмоиды в Plasma (KDE)

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

Иллюстрации: juanpol, Taller Hikari