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

  • САША:

    А ВИДЖЕТЫ ВОБЩЕ ПЛАТНЫЕ?????

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

    • Глеб:

      Вас интересуют виджеты, которые можно размещать в блогах или связанные с блогами?
      Размещать можно почти любые виджеты для сайтов.
      А связанные — например, показ места в рейтинге блоггеров, всякие счётчики типа «моему блогу 10 дней и 7 часов», да много чего можно напридумывать.

  • А если говорить исключительно о связаннsх с блогами виджетах? Какие? Просто полезность счетчика «моему блогу 10 дней и 7 часов» — немного сомнительна.

    • Глеб:

      Сомнительна, но люди вешают…
      Еще это могут быть какие-то контентные виджеты, связанные с тематикой блога. Например, если блог о финансах, графики курсов валют. Если о виндсерфинге, прогноз погоды.

  • Мария:

    а есть виджеты для телефона Nokiа?для главного экрана?

  • olga lo:

    я поняла что гаджеты и виджеты в основном одно и тоже!почему тогда два понятия ! видимо есть различия? если возможно, ответьте просто, я на языке пользователя- «чайник».

    • Глеб:

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

    • Dexin:

      Гаджет — как правило устройство. Тот же коммуникатор, или ручка с фонариком. Наверное все видели инспектора Гаджета? Вот у него эти гаджеты и есть) А виджет — тот же гаджет, но в цифровом виде.

  • катерина:

    прочитав ваше описание я поняла что ни чего не поняла!но все равно спасибо!

  • юлия:

    Присоединяюсь к Катерине. Можно по доступнее и как можно самим создавать виджиты? Спасибо

  • 2 вопроса:
    1).Каким образом создаются RSS-агрегаторы?
    2).Обязателен ли для них SDK?

    • Глеб:

      Не совсем понял. Какие именно агрегаторы вас интересуют и причём тут SDK? Вы про виджеты для какой-то конкретной платформы?

  • RSS-агрегаторы,новостные ленты. В этом духе. В общем я говорю о таких платформах, как Yahoo!Widgets Opera Widgets и подобных.

  • Скажем,возможно ли написать гаджет рабочего стола на C++ ? Я имею в виду что-то в этом роде: http://widgets.opera.com/widget/13691/

  • Спасибо, буду качать C++ Builder

  • Глеб:

    Я работая с Яндекс-фотки создал виджет (фото)на первой странице.Теперь хочу убрать,но не знаю как это сделать?

    • Глеб:

      На главной странице Яндекса нажмите Личные настройки -> Настроить Яндекс и у виджета появится иконка удаления.

  • Я поняла, что означает Виджет в живописи. Это рисунок, который представляет художник. Может я не права, подскажите пожалуйста, знатоки. С удовольствие прочитаю.

  • ТАТЬЯНА:

    классно, но мне 55 , я бабушка, училась всему крайне давно и крайне самостоятельно, как обезьяна методом научного тьІка.
    вскочил вопрос — нужно сделать «кнопку» для обне кнопками на сайтах, а я и задумалась — как и где сделать?

  • cac ubrati widget s ekrana moego mobilnik?????????
    oni menea dostali….. :(

  • сергей:

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

  • Александр:

    подскажите сайт хороший, где можно скачать бесплатно интересные и полезные виджеты

  • для чего фирма AVON запрашивает установить виджеты и что это такое?

    • Глеб:

      Никогда не слышал. Если дадите адрес страницы, где запрашивает, могу посмотреть.

  • Артём:

    Глеб, скажите пожалуйста,в какой программе можно самому получить файлы dashboard html?

  • Артём:

    Скорее, это я не совсем точно сформулировал. Вот цитата: «Добавление HTML
    Можно добавить файл виджета HTML Dashboard (с разрешением .wdgt), созданный при помощи Dashcode или любой другой редактор HTML, с помощью которого можно создавать файлы виджета Dashboard.» Что такое Dashcode я не нашел. Может, вы знаете

  • Надежда:

    Спасибо за статью. Понятно, доступно и с примерами.

  • Дарья:

    А как сделать к примеру так,что бы на сайте моей компании,горела иконка ВКОНТАКТЕ и при нажатии неё отправляло людей в определённую группу в контакте???

  • Евгений:

    Есть ли виджеты для телефона Samsung Star 3 duos?

  • Спасибо! Очень доступно даже не специалисту в области ІТ-технологий.

  • Коська:

    Навигация никакая, сторонней авторизации нет, ппц… Не удобно у вас тут

  • лев:

    А не проще сказать что это ярлык программы

  • Сергей Владимиров:

    Вот именно.В общем ясно.Добавить в генезисе,развитии.Комп без интернета.Статическая программа(карты например):ярлык-средство автодступа в программу-виджет?Динамическая программа-время и дата-виджет?Собственно ярлык на рабочем столе статический,но наверное может быть и динамическим-виджет?Программа перенесенная на личный компьютер вместе с виджетом или как виджет так и остается виджетом?Или виджет-это динамический ярлык программы Интернета,находящейся за пределами ПК,право на модификацию которой остается за разработчиком,юзер имеет только право использования и модификации,допускаемой разработчиком? Нуб).

  • Сергей Владимиров:

    Насчет контента.Виджет аккумулирует информацию автоматически или управление контентом ведется и ручном режиме?

  • Сергей Владимиров:

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

    • Глеб:

      Какие-то у вас сложные аналогии. Виджет — это программа. Просто маленькая. Как правило, она либо выполняет какую-то простую функцию, либо предоставляет доступ к данным другой, большой системы.

  • Сергей Владимиров:

    То есть с классической точки зрения она не является подпрограммой главной процедуры MAIN просто просто интерфейс виджета встраивается в интерфейс другой программы браузера например?

  • Сергей Владимиров:

    То есть с классической точки зрения она не является подпрограммой главной процедуры MAIN просто просто интерфейс виджета встраивается в интерфейс другой программы браузера например?Не две разных вкладки,а каким-то образом вкладка во вкладке?Ну и всё по этому вопросу,надо погружаться в литературу.

  • Николай:

    Спасибо за статью. Подскажите пожалуйста как создать витжет на столе Андроида который показывал состаяние СИМ карты.

    • Глеб:

      К сожалению, я с виджетами Андроида работал только как пользователь. Попробуйте в магазине приложений поискать. Например, какое-нибудь приложение от вашего оператора связи.

  • Глеб:

    А виджет HTML подскажите для того что бы пользователи сайта могли регестрироваться

    • Глеб:

      Если регистрация осуществляется на самом сайте, тут нужен не виджет, а блок кода, который будет зависеть от движка сайта.
      Если нужно просто повестить на сайте блок с комментариями, можно воспользоваться виджетами соцсетей. Например, этим, от Facebook: https://developers.facebook.com/docs/reference/plugins/comments/

  • андрей:

    Как правильно и безопасно разместить виджет у себя на страничке вконтакте?

  • интересные виджеты для сайта
    сфера рыночных отношений
    много интересных фактов
    многоязычны и прост
    их можно взять отсюда

    http://www.ifcmarkets.com/ru/partnership/informers

  • Евгений:

    Глеб… большая благодарность тебе за ответы на все наши вопросы, они очень понятны, даже для «чайников»

    • Глеб:

      Спасибо. :)

      • Людмила Федоровна:

        И от меня тоже спасибо. Мне 66 лет. Я пришла сюда злая, потому что столкнулась очередной раз с нашими заимствованиями из ихнего буржуйского языка. Думаю: «словечка в простоте не скажут: всё с ужимкой». Почему бы не объяснить по-русски?!

        И вдруг вижу: здесь объясняют по-русски… Спасибо, Глеб!

  • Олег:

    Здравствуйте, Глеб! Может поможете? Имел неосторожность установить «виджет», часы из «Total Commander 8,0 — Подарок 27″. Ужасно назойливая вещь. Не могу удалить файл и даже саму программу — «действие не возможно, т.к. открыта программа». С уважение, Олег.

    • Глеб:

      Добрый день.
      Не сталкивался с ним. Попробуйте нажать Ctrl+Alt+Esc, выключить программу и удалить его. Или загрузить Windows в безопасном режиме и удалить оттуда.

  • Надежда:

    прочитала такое «Виджет – это небольшая программа, или часть программы, которая располагается на рабочем столе устройства и предназначена для отображения информации, управления оборудованием устройства и при этом может запускать другую программу, частью которой он является.»
    Если удалить виджет, не повлияет ли это на работу мобильника? Если этот виджет является частью программы

    • Глеб:

      Скорее всего, нет, если не удалять его каким-то нештатным способом. Когда вы удаляете виджет с экрана мобильника, он на самом деле не удаляется, а просто скрывается и потом его можно вернуть.

  • Старичок:

    Спасибо, Глебушка! Все просто и понятно. Будь здоров.

  • Алмаз:

    Глеб, добрый день. Подскажите, а можно ли теоретически разработать виджет или соц.кнопки, которые пользователи маркетплейсов наподобие alibaba, ebay, amazon смогут самостоятельно устанавливать на своих профилях (без разрешения администрации)? Может как-то привязать их в виде гиперссылок, что ли…

    Заранее спасибо)

    • Глеб:

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

  • тима:

    Виджеты память занимают.

    Спасибо.

  • тима:

    Это был вопрос.

    • Глеб:

      Занимают, как и любая программа. Насколько много — зависит от того, как они написаны.

  • эдик:

    Хорошая статья! Спасибо АВТОРУ.!.

  • Эх… Ностальгия у меня появилась, случайно попав на твой сайт! ) Глеб, как дела? )

  • DavidRom:

    ig8703 [url=http://viagraonline.party/#online-viagra-prescription-nk]viagra[/url] ie8492aw4204af493 gt2779ta6860

Ответить Коська