Прежде чем о чём-то рассуждать, надо договориться об определениях. Виджеты – очень многозначное понятие: Википедия знает 13 значений, и 5 из них относятся к компьютерам.
Если попытаться дать общее определение тому, о чём будет идти речь на страницах блога, то можно сказать, что
- Виджет
- - это небольшой независимый программный модуль, работающий в некоторой среде (напр. сайте, браузере, мобильном телефоне) и исполняющий, как правило, одну определённую функцию.
Звучит заумно? 
Ничего страшного, сейчас станет понятнее.
Виджеты можно разделить на группы по среде, в которой они работают. Рассмотрим пока два вида: веб-виджеты и виджеты для рабочего стола.
Веб-виджет (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
Комментарии (69)
[...] понять, о чём здесь идёт речь, советую почитать: что такое виджеты, чем они хороши и каковы их перспективы. Это сообщение [...]
Хорошая разработка. Умно сделано.
Какая именно? Или концепция виджетов в целом?
Hm, nachinayu ponimat! A pochemu imya takoe strannoe? Mojno bilo bi i po legche priduat!
Какое имя? «Виджеты»?
Da.
Такое вот придумали… На мой взгляд, неплохой вариант, хотя и достаточно расплывчатое понятие получилось.
Da…
Апочему бы не называть это просто ВСТАВКАМИ
Ну тогда термин получился бы ещё менее чётким. Вставлять-то что угодно можно…
Да разве я против ! Просто уж давайте перейдем на английский если сами не тянем.
Явление зародилось за рубежом и там ему впервые дали название. По-моему, это нормально, а вот как раз попытки придумать заимствованным словам русские аналоги ни к чему кроме путаницы не приведут. Этак и монитор можно картинкопоказывателем начать называть.
Конечно это так ктоб спорил, но я о том что кроме спутника мы все по англицки .
Ну лично я не вижу в этом ничего страшного. Кто первым сделал, тот первым и назвал.
Так и я за все логично тока что Гоголь прав?!
спасибо за полезную информацию
спасибо за полезную информацию
Рад, что мой пост оказался полезным.
[...] понять, о чём здесь идёт речь, советую почитать: что такое виджеты, чем они хороши и каковы их перспективы. Это сообщение [...]
Глеб а что такое вестка и вестальщики
изиняюсь- верстка и верстальщики
Вёрстка – это, скажем так, 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/120×60_2.swf?city=34929&cset=3″;w=»120″;h=»60″;value=»34929&cset=3″;lang=»ru»;
Короче, я её уже у себя в сайдбаре поместила. Здесь она не видна. Спасибо Вам. Жаль, что другие красивенькие не получаются.
Дело в том что в ЖЖ, в целях безопасности, сильно ограничена вставка JavaScript. Если меня не подводит память, вставлять его можно только в профиле.
Спасибо большое, что ответили. Некоторые картинки подходят, код которых начинается с буквы «а». А то, что Вы написали, даже в профиль не вставляется. Жаль, там есть красивенькие, анимированные.
М-да, сейчас проверил – действительно, даже в профиль скрипты не вставляются.
За виджетами – будущее!!:) Чесно говоря слово знакомое, но именно сегодня я узнал его смысл… Круто. Закину Ваш блог в закладки.
Я скачала с сайта файл,пытаюсь его открыть выдает типо выберите программу для открытия,потом я его засунула в оперу чето открылось,но типо кодировка не та,но я со всякими пробовала нифига.помогите плис
Какой файл? С какого сайта?
С сайта http://www.topfreedownloads.brothersoft.com вооще это тест на IQ .конечно я могу где нить скачать другой,но я хочу все-таки добиться своего.и врубиться как это все работает.ВОТ
Вы дайте ссылку на сам виджет. Посмотрю.
Спасибо большое, стал понимать , что такое виджеты. Понятно описал, молодец. Еще раз спс!!!
Рад, что заметка оказалась полезной.
http://www.brothersoft.com/widgets/iq-test-download-183472.html вроде так,спасибо ОГРОМНОЕ за помощь.
Это виджет Yahoo!. Установите движок для них отсюда: http://widgets.yahoo.com/download/, а потом попробуйте открыть его снова.
я так рад этой статье….спасибо ввам огромнейшее))))
а вот где можно скачать виджет для рабочего стола как на верхнем рисунке????
взорание спасибо
Я уже не помню, откуда этот кусок скриншота. Попробуйте поискать на http://widgets.yahoo.com/.
Спасибо, за сайт многое стало понятнее!
Спасибо автору! Ведь благодаря именно ему, сгустков тьмы незнания становится все меньше!
Буду стараться и дальше нести свет виджетологии в глубины Сети.
Спасибо огромное. Действительно очень доступное объяснение – а то «чайников» вроде меня еще ой как не мало…
))
Почему на телефон самсунг sgh-l700 ничего нельзя скачать из интернета ни jar, gad zip-файлы?
Даже не знаю, никогда с ним не сталкивался.
Автору респект, молодец. Сергей ответ на ваш вопрос будет таков телефоны самсунг не распознают файлы в формате zip либо jar, а что по поводу gad файла то даже не знаю, вам нужны файлы в формате jab
Родным браузером нельзя. Но вот 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 ?
Это когда нажатием кнопки можно перевести текущую страницу? Скорее, тут вам нужен Google Toolbar.
А вообще, виджеты-переводчики для Оперы тоже есть.
Глеб, день добрый. В последнее время термин «виджеты» очень популярен в отношении мобильных телефонов с сенсорным экраном. При этом под виджетом подразумевается элемент управления или информер который можно вытащить на рабочий стол, а можно спрятать в ленту быстрого запуска, пример вот здесь 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!