Похоже, вы новичок на сайте.
Чтобы быстрее понять, о чём здесь идёт речь, советую почитать:
что такое виджеты,
чем они хороши
и каковы их перспективы.
Это сообщение показывается только один раз. Такие же ссылки вы можете найти в правой колонке, в блоке "Рекомендую прочесть"
Янв 19

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

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

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

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

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

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

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

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

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

Т. о.

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

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

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

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

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

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

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

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

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

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

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

Share Button
Комментарии (162)

Что вы об этом думаете?

Поделились мыслями: 162

  • [...] понять, о чём здесь идёт речь, советую почитать: что такое виджеты, чем они хороши и каковы их перспективы. Это сообщение [...]

  • Юсуп (р.Дагестан):

    Хорошая разработка. Умно сделано.

  • Ekaterina:

    Hm, nachinayu ponimat! A pochemu imya takoe strannoe? Mojno bilo bi i po legche priduat!

    • Глеб:

      Такое вот придумали… На мой взгляд, неплохой вариант, хотя и достаточно расплывчатое понятие получилось.

  • Николай:

    Апочему бы не называть это просто ВСТАВКАМИ

    • Глеб:

      Ну тогда термин получился бы ещё менее чётким. Вставлять-то что угодно можно…

  • Николай:

    Да разве я против ! Просто уж давайте перейдем на английский если сами не тянем.

    • Глеб:

      Явление зародилось за рубежом и там ему впервые дали название. По-моему, это нормально, а вот как раз попытки придумать заимствованным словам русские аналоги ни к чему кроме путаницы не приведут. Этак и монитор можно картинкопоказывателем начать называть. :)

  • Николай:

    Конечно это так ктоб спорил, но я о том что кроме спутника мы все по англицки .

    • Глеб:

      Ну лично я не вижу в этом ничего страшного. Кто первым сделал, тот первым и назвал.

  • Николай:

    Так и я за все логично тока что Гоголь прав?!

  • paff:

    спасибо за полезную информацию

  • paff:

    спасибо за полезную информацию

  • [...] понять, о чём здесь идёт речь, советую почитать: что такое виджеты, чем они хороши и каковы их перспективы. Это сообщение [...]

  • эдуард:

    Глеб а что такое вестка и вестальщики

  • эдуард:

    изиняюсь- верстка и верстальщики

    • Глеб:

      Вёрстка — это, скажем так, HTML-код интернет-страниц. А верстальщики — те, кто этот код пишет. Они превращают картинку, нарисованную дизайнером, в страницу, которую можно просматривать в браузере: с текстом, ссылками и т.д.

  • Раиль:

    Глеб,ты Молодец, всё достаточно хорошо разжёвано

  • Бо:

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

    • Глеб:

      1. Насчёт того, где скачать виджеты, взгляните на этот пост: http://widgetok.ru/2009/07/where-to-download-widgets/
      2. Легко. В этом один из их плюсов.
      3. Это всё зависит от конкретного виджета. Какие-то могут работать автономно, какие-то подтягивают информацию из сети.

  • Владимир:

    Глеб спасибо за разьяснения, я загрузил Opera 10 (она русифицирована), а виджеты к ней будут на русском???. А то все картинки на английском

    • Глеб:

      Виджеты будут на том языке, на котором их сделал разработчик. Чаще всего на английском, но есть и русские. Можете начать с виджетов Яндекса: http://widget.yandex.ru/

  • Хотела у себя в ЖЖ установить погодный информер. Как я поняла, даётся ХТМЛ код. Добросовестно скопировала, но когда вставляю, он не отображается. Что не так?

    • Глеб:

      А какой именно информер и куда пытаетесь вставить? В запись, в профиль, в сайдбар? Что-нибудь вообще отображается?

  • Везде пробовала. В записи (не в визуальном редакторе), а в режиме HTML. Я им всегда пользуюсь. Затем попробовала в комментах. Затем в профиль. Напоследок — в сайдбар. Пустоту выдаёт. Ткакя жалость! Может, что нибудь придумаете?

  • Ой, только что вот эта картинка получилась:

    А те, что начинаются со слова скрипт — не выходят. Допустим, эта:

    URL=»http://img.gismeteo.ru/flash/120x60_2.swf?city=34929&cset=3″;w=»120″;h=»60″;value=»34929&cset=3″;lang=»ru»;

  • Короче, я её уже у себя в сайдбаре поместила. Здесь она не видна. Спасибо Вам. Жаль, что другие красивенькие не получаются.

    • Глеб:

      Дело в том что в ЖЖ, в целях безопасности, сильно ограничена вставка JavaScript. Если меня не подводит память, вставлять его можно только в профиле.

  • Спасибо большое, что ответили. Некоторые картинки подходят, код которых начинается с буквы «а». А то, что Вы написали, даже в профиль не вставляется. Жаль, там есть красивенькие, анимированные.

    • Глеб:

      М-да, сейчас проверил — действительно, даже в профиль скрипты не вставляются.

  • kjan:

    За виджетами — будущее!!:) Чесно говоря слово знакомое, но именно сегодня я узнал его смысл… Круто. Закину Ваш блог в закладки.

  • Крис:

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

  • Крис:

    С сайта http://www.topfreedownloads.brothersoft.com вооще это тест на IQ .конечно я могу где нить скачать другой,но я хочу все-таки добиться своего.и врубиться как это все работает.ВОТ

  • Андрей:

    Спасибо большое, стал понимать , что такое виджеты. Понятно описал, молодец. Еще раз спс!!!

  • Крис:

    http://www.brothersoft.com/widgets/iq-test-download-183472.html вроде так,спасибо ОГРОМНОЕ за помощь.

  • дмитрий:

    я так рад этой статье….спасибо ввам огромнейшее))))
    а вот где можно скачать виджет для рабочего стола как на верхнем рисунке????
    взорание спасибо

  • Александр:

    Спасибо, за сайт многое стало понятнее!

  • Максим:

    Спасибо автору! Ведь благодаря именно ему, сгустков тьмы незнания становится все меньше!

  • Елена:

    Спасибо огромное. Действительно очень доступное объяснение — а то «чайников» вроде меня еще ой как не мало… :) ))

  • Сергей:

    Почему на телефон самсунг sgh-l700 ничего нельзя скачать из интернета ни jar, gad zip-файлы?

    • Глеб:

      Даже не знаю, никогда с ним не сталкивался.

    • alexs:

      Автору респект, молодец. Сергей ответ на ваш вопрос будет таков телефоны самсунг не распознают файлы в формате zip либо jar, а что по поводу gad файла то даже не знаю, вам нужны файлы в формате jab

    • vrybas:

      Родным браузером нельзя. Но вот NetFront скачивает всё. И еще много чего умеет. Допустим вкладки и текстовый режим отображения, что дико экономит трафик

      • У меня NetFront 3.4 скачивает только с wap сайтов, а то что скачиваю с помощью менеджеров закачек, качается только на карту памяти а с неё приложения не запускаются никак. вся телефонная память 30мега занята а 2гига карты памяти пропадают и ни чё не сделаешь. Игры учусь программировать на тел. Но получающиеся .jar и .jad файлы не запускаются. счас пытаюсь сделать html-страницу на карте памяти, может получится скачать на телефон с карты памяти, как с интернета. доступа к файловой системе из джава нет. Что делать?

  • Я так понимаю, что если экран телефона 176 на 220=40000точек, а камера 2 мегапикселя, то никакой виджет не поможет улучшить качество видео?(или я ошибаюсь?) Но почему бы, тогда при съемки не увеличить количество кадров в секунду, чтобы при перемещении камеры не смазывалось видео? Можно ли найти какуюто утилиту для увеличения количества кадров или всё зависит от производительности процессора телефона, или у камеры частота кадров постоянная характеристика?

    • Глеб:

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

  • Познавательно. К сожалению, в Википедии не нашел 13 значений этого слова, как сказано у вас в статье. Тем не менее, ваша статья оказалась очень информативной.
    Спасибо!

  • Здравствуйте, Глеб, большое Вам спасибо за пост. По-моему, познавательно и своевременно. Очень надеюсь, что Вы будете продолжать блоговиджетоведение.
    Все-таки, я не очень понял — какая разница между виджетом и тем же Java-скриптом или Flash, например? Только в размерах? Или еще в чем-то?
    Я очень интересуюсь разработкой всяких разных тестов — Вы не могли бы мне посоветовать, на основе каких параметров выбирать платформу разработки — виджеты или скрипты? И еще — где можно научиться виджетописанию? Вы случайно не планируете подготовить такой обучающий курс? Спасибо

    • Глеб:

      Добрый день.
      Разница в том, что виджет — это готовый продукт. А Flash и JS — технологии, с помощью которых его можно сделать.
      Насчёт тестов не совсем понял, в чём вопрос. Почему вы противопоставляете виджеты скриптам? Виджет вполне может быть скриптом по своей сути.
      Обучающий курс делать не планирую, а чтобы научиться, нужно просто изучать веб-технологи (тот же Flash или JS) и думать, как с помощью них сделать виджет.

  • Верон:

    Подскажите, а вджет и application ads это одно и тоже?

    • Глеб:

      Application ads, насколько я понимаю, это реклама, размещаемая в приложениях. Если покажете пример, могу покопать подробнее.

  • Игорь:

    Большое спасибо!
    Просто и доступно объяснили довольно заумную «штуковину».

  • Денис:

    Можно ли в Opera установить кнопочку переводчика Google с английского, как в Explorer’e ?

  • Глеб, день добрый. В последнее время термин «виджеты» очень популярен в отношении мобильных телефонов с сенсорным экраном. При этом под виджетом подразумевается элемент управления или информер который можно вытащить на рабочий стол, а можно спрятать в ленту быстрого запуска, пример вот здесь http://blg.euroset.ru/f/products/23/124639/samsung-s5560-noble-black-3.jpg . А теперь мой вопрос: иконки в смартфонах без тачскрина(например, Nokia) — такие, как здесь http://www.allaboutsymbian.com/reviews/images/n79/n79-8.jpg — являются виджетами или нет? Заранее спасибо!

    • Глеб:

      Добрый день.
      Я бы их виджетами всё-таки называть не стал: это же просто иконки для запуска приложений.

  • Денис:

    Molto grazie, Gleb!

  • сергей:

    вот дела выходил сюда с тел.совсем другой вид чем с нетбука,а виджет это просто приложение и не парьтесь господа

  • алексей:

    спасибо.много полезной информацыи

  • Коперник:

    спасибо за разъяснение))много узнал полезного !!!!!

  • Карина:

    Глеб, большое спасибо за информацию, многое стало ясно и понятно. Очень доходчиво всё объяснил.

  • Александр:

    Глеб, доброго времени суток! Я тоже много полезного узнал о виджетах, но … самое главное как его установить — не понял. Суть вопроса: нашел нужный мне виджет, например, регулятор громкости на рабочем столе (Volume Control.widget), качнул его … и как установить … мозгов не хватает. Заранее, спасибо за просветление!

    • Глеб:

      А какая у вас операционная система? Если Windows 7/Vista, то нужно просто открыть файл, подтвердить, что вы хотите установить виджет, и он установится.

  • Павел:

    Кажется. это просто игра в слова… веб-виджет это просто баннер, тупо кусок кода, а десктоп-виджет — это просто программа. Пусть и требующая что-то для запуска. Ява-приложения тоже требуют ява-машины, не становясь от этого менее приложениями. А уж приложений, требующих .NET и вовсе не счесть.

  • Авалс:

    Информация для меня оказалась полезной, спасибо, буду разбираться дальше, с вашей помощью Авалс

  • Рахима:

    Спасибо Глеб! Очень полезная информация по виджету. Всё так доходчиво и просто для нас чайников!

  • Игорь:

    Доходчиво , толково и по сути. Спасибо, Глеб. Узнал новую информацию

  • Wlad:

    Но про Volume Control.widget (http://www.win7soft.ru/windows-7/volume-control-1.0.htm) для Win 7 я так и не понял: виджет, это НЕ гаджет и просто кликаньем не устанавливается. Расширение менял на gadget — все равно не ставится. Как же его поставить?

Прокомментировать