Перегляд вихідного коду сторінки Хмарка тегів

[[Файл:Web 2.0 Map.svg|thumb|right|320x320px|Хмарка тегів з термінами, пов'язаними з [[Веб 2.0]]]]
'''Хмара тегів (хмара слів, або зважений список,''' '''представлена (-ий) візуально''')&nbsp;— це візуальне подання списку категорій (або тегів, також званих мітками, ярликами, ключовими словами, тощо). Зазвичай використовується для опису [[Ключове слово|ключових слів (тегів)]] на вебсайтах, або для представлення неформатованого тексту. Ключові слова найчастіше являють собою окремі слова, і важливість кожного ключового слова позначається розміром шрифту або кольором. Таке уявлення зручно для швидкого сприйняття найвідоміших термінів і для розподілу термінів за популярністю щодо один одного . При використанні ключових слів для спрощення навігації по вебсайтам, терміни забезпечуються гіперпосиланнями на поняття, які маються на увазі під ключовими словами. Тим не менш, хмара не може бути єдиним елементом навігації, а користуватися текстовим пошуком зручніше для пошуку при наявності більш конкретної інформації про шуканий.

== Історія ==
Мовою візуального дизайну, хмара тегів (або хмара слів) це один з видів «зваженого списку», зазвичай воно використовується на географічних картах для відображення відносного розміру міст, за допомогою розміру шрифтів. Одним з перших прикладів зваженого списку англійських ключових слів є список «підсвідомих файлів комп'ютера» в романі [[Дуглас Коупленд|Дугласа Коупленда]] «{{Не перекладено|Раби Майкрософту|Раби Майкрософту|ru|Рабы Майкрософта}}» (1995). Список слів німецької мови з'явився в 1992.

Особливу візуальне уявлення та розповсюдження терміна «хмара тегів» почалося в першому десятилітті 21 століття. Як особливість сайтів та блогів ери Веб 2.0, використовувалося, переважно, для візуалізації частотного розподілу ключових слів метаданих, що описують зміст вебсайту та допомагають в навігації.

Перші хмари тегів на відомих вебсайтах з'явилися на сайті сервісу зберігання та розповсюдження цифрових фотографій . Творцем хмар тегів був співзасновник та проектувальник [[Стюарт Баттерфілд]] в 2004. Ця реалізація була заснована на книзі {{Не перекладено|Джеймс Фланаган|Джеймса Фланагана|en|James_L._Flanagan}} Search Referral Zeitgeist, в якому описується візуалізація посилань на вебсайт. Приблизно в той же час поширенню хмари тегів сприяли сайти [[Delicious]] та {{Не перекладено|Technorati|Technorati|ru|Technorati}}.

Перенасичення хмарами тегів та двоякі почуття у відношення їх корисності як помічників у навігації по вебсайтам привели до помітного зниження їх використання на сайтах-першопрохідників. (Творці згодом «вибачилися» перед вебспільнотою у своїй промові на премії [[Премія Веббі|Webby Award]], де вони просто сказали «вибачте за хмари тегів».)

Друге покоління розвитку програмного забезпечення виявило широке коло застосування облікової тегів як основних методів візуалізації текстових даних. Також були запропоновані деякі розширення для цих елементів навігації. Наприклад, паралельні хмари тегів, sparkClouds, і префіксні хмари тегів.

== Типи застосування тегів ==
[[Файл:Word population tagcloud 2011.png|мини|450px|Хмара даних показує населення всіх країн світу. Створено з допомогою мови програмування [[R (мова програмування)|R]] за допомогою пакету хмара слів. Дані отримані з [[Список країн за населенням|списку, що містить назву країн та кількість жителів]]. Зверніть увагу, що відносні розміри Китаю та Індії були розділені навпіл.]]
Існує три основних типи застосування облікової тегів у соціальному програмному забезпеченні, що розрізняються швидше за призначенням, ніж за зовнішнім виглядом:
* в першому типі є тег для частоти кожного елемента,
* в другому типі є глобальні хмари тегів, де частоти агреговані за всіма елементами та користувачами,
* в третьому типі хмара містить категорії, розмір яких позначає кількість підкатегорій.

У першому типі хмар тегів розмір являє собою кількість застосувань тегу до елементу. Це корисно як спосіб відображення [[Метадані|метаданих]] про предмет, за який скільки-то раз «проголосували», і коли точні дані не передбачені. Прикладом такого застосування є [[Last.fm]] (для визначення жанру музики гурту) та [[LibraryThing]] (для визначення ключових слів книги).

У другому типі розмір відповідає числу предметів, до яких був застосований тег, що позначає популярність тегу. Приклади цього типу хмар тегів можна знайти на сайті сервісу зберігання та розповсюдження цифрових фотографій [[Flickr]], [[RSS-агрегатор]]а {{Не перекладено|Technorati|Technorati|ru|Technorati}} та ввівши в пошуковий запит [[Google]] {{Нпні|DeeperWeb|DeeperWeb|en|DeeperWeb}}.

=== Категоризація шляхом створення кластера тегів ===
У третьому типі теги використовуються як спосіб {{Не перекладено|Категорізація|категоризації|en|Categorization}} елементів. Теги представлені в хмарі, де великі теги представляють кількість елементів в цій категорії.

Є кілька підходів для побудови кластера тегів замість хмари тегів, наприклад, застосовуючи теги спільної зустрічальності в документах.

Більш загально, то ж саме візуальне уявлення може бути використано для відображення об'єкт не тегів наприклад, хмара тегів або хмари даних.

Термін хмара ключових слів іноді використовується як термін [[пошуковий маркетинг]], де він позначає групи ключових слів, що належать до деякого вебсайту. В останні роки хмари тегів стали популярні через свою значущості в [[Пошуковий маркетинг|пошуковому маркетингу]] вебсторінок, поряд з допомогою користувачам в ефективній навігації по сайтах. Хмари тегів, як засоби навігації, дозволяють зв'язати ресурси вебсайту більш тісно, обхід таких ресурсів пошуковим роботом може поліпшити позицію сайту в результатах видачі пошукової системи. З точки зору користувача інтерфейсу хмари тегів часто використовуються, щоб допомогти користувачеві знайти інформацію в конкретній системі більш швидко, узагальнюючи результати пошуку.

== Візуальне уявлення ==
[[Файл:Top 500 by volume on the NYSE.png|мини|500px|Облік даних показує зміну ціни на акції. Колір вказує на зростання або падіння ціни, розмір шрифту вказує на процентну зміну.]]
Хмари тегів зазвичай представлені у вигляді вбудованих [[HTML]] елементів. Теги можуть бути розподілені в алфавітному порядку, у випадковому порядку, за вагою, і т. д. Іноді змінюють інші візуальні властивості, такі як колір, яскравість, або ширина, на додаток до розміру шрифту. Найбільш поширене уявлення у вигляді прямокутника, в якому теги впорядковані за алфавітом та виводяться через підрядник. Вибір розташування тегу в рядках відповідає цілям користувача. Іноді перевага віддається семантичної кластеризації тегів (схожі за змістом теги будуть виводитися поруч). Допускається застосування [[Евристика|евристик]] для зменшення розміру хмари тегів незалежно від того, виконується кластеризація чи ні.

=== Хмара даних ===
'''Хмара даних'''&nbsp;— це дані, в яких використовується інший колір і/або розмір шрифту для позначення числових даних. Хмари даних схожі на хмари тегів, але замість підрахунку слів, виводяться такі дані, як густота населення або ціни на [[Фондовий ринок|ринку цінних паперів]].

=== Хмара тексту ===
[[Файл:State of the union word clouds.png|мини|450px|Порівняння хмар тексту промови {{Не перекладено|Промова Президента США Джорджа Вокера Буша|Президента США Д. Буша|en|2002 State of the Union Address}} та {{Не перекладено|Промова Президента США Джорджа Вокера Буша|Президента США Барака Хусейна Обами|en|2011 State of the Union Address}}.]]
'''Хмара тексту''' або '''хмара слів'''&nbsp;— це візуалізація частоти слів у тексті у вигляді зваженого списку. Останнім часом ця техніка використовується для візуалізації тематичного контенту політичних промов.

=== Хмари словосполучень ===
Розвиваючи принципи облікової тексту, '''хмари словосполучень''' дають більш сфокусований вид тексту або [[Складання (типографія)|набору текстів]]. Замість всього тексту, хмара словосполучень фокусується на використанні окремих слів. Отримана хмара містить слова, які часто використовуються в поєднанні з вихідним словом. Ці [[словосполучення]] являють частоту, що виділяється розміром шрифту, поряд з силою зв'язку, що виділяється яскравістю. Це дозволяє інтерактивно вивчати мову.

== Особливості сприйняття хмар тегів ==
Хмари тегів вивчалися в кількох дослідженнях на предмет зручності використання. Такий перелік заснований на результатах досліджень компанії Lohmann та інших.

Розмір тегу: великі теги привертають більше уваги, ніж маленькі теги (ефект залежить від таких властивостей, як кількість символів, розташування, сусідні теги).

Перегляд: користувачі зазвичай дивляться хмару, а не читають його повністю.

Центрування: теги в середині хмари привертають більше уваги, ніж теги, розташовані по краях (ефект обумовлений [[Верстка|особливістю розташування тексту в хмарі]]).

Позиціювання: верхній лівий квадрант отримує більше уваги, ніж інші (обумовлено читанням зліва направо).

Дослідження: хмари тегів допомагають знайти специфічні теги (які не виділені великим розміром шрифту).

== Створення хмари тегів ==
Загалом розмір шрифту тегу в хмарі тегів обумовлений поширеністю тегу. Для хмари слів, наприклад, категорій блогу, частота відповідає кількості записів у блозі, яким присвоєна ця категорія. Для менших частот можна вказати розміри шрифту безпосередньо, від одиниці до максимально використовуваного розміру шрифту. Для великих частот необхідно провести [[Масштабування зображення|масштабування]]. Наприклад, використовуючи лінійне перетворення, вага <math>t_i</math> тегу масштабується за шкалою множників від of 1 до f, де <math>t_{min}</math> і <math>t_{max}</math> визначають діапазон дозволених вагів.
[[Файл:Wikipedia Wordle - Top 1000 vital article hits.png|мини|450px|Набір слів зі списку 1000 вибраних статей Вікіпедії, впорядкований за кількістю переглядів, доступний в галереї Wordle gallery.{{sfn|WikipediaTop1000VitalArticleHits}}]]
<math>s_i = \left \lceil \frac{f_{\mathrm{max}}\cdot(t_i - t_{\mathrm{min}})}{t_{\mathrm{max}}-t_{\mathrm{min}}} \right \rceil</math> для <math>t_i > t_{\mathrm{min}}</math>; інакше <math>s_{i}=1</math>
* <math>s_i</math>: розмір шрифту
* <math>f_{\mathrm{max}}</math>: максимальний розмір шрифту
* <math>t_i</math>: вага тегу
* <math>t_{\mathrm{min}}</math>: мінімальна вага
* <math>t_{\mathrm{max}}</math>: максимальна вага

Оскільки число врахованих елементів на кожний тег зазвичай розподілене за експоненційним законом розподілу, то для великих діапазонів значень має сенс використовувати [[Логарифм|логарифмічне]] подання.

Реалізація хмари тегів також включає [[синтаксичний аналіз]], фільтрацію непотрібних тегів, таких як прийменники, займенники, числа та розділові знаки.

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

== Див. також ==
* [[Конкорданс]]
* [[Ключове слово]]
* [[Фолксономія]]
* [[Соціальні закладки]]

== Примітки ==
{{примітки|2}}

== Література ==
* {{статья |ref = Kaser, Lemire
 |автор = Owen Kaser and Daniel Lemire
 |год = 2007
 |заглавие = Tag-Cloud Drawing: Algorithms for Cloud Visualization
 |издание = CoRR
 |язык     = en
 |ссылка=http://arxiv.org/abs/cs/0703109
}}
* {{статья
 |автор    = James Sinclair, Michael Cardew-Hall
 |заглавие = The folksonomy tag cloud: when is it useful?
 |язык     = en
 |издание  = Journal of Information Science February
 |год      = 2008
 |том      = 34
 |номер    = 1
 |pages = 15-29 
 |doi      = 10.1177/0165551506078083 
 |issn     = 0165-5515
 |ref = Sinclair, Cardew-Hall
}}
* {{статья |doi = 10.1109/IV.2008.89 |isbn = 978-0-7695-3268-4 |issn = 1550-6037 |ref = Seifert et al|автор = Seifert, C. and Kump, B. and Kienreich, W. and Granitzer, G. and Granitzer, M. |год = 2008 |заглавие = On the Beauty and Usability of Tag Clouds |издательство = IEEE |страницы = 17-25}}
* {{cite book|title=Tausend Plateaus. Kapitalismus und Schizophrenie|author=Gilles Deleuze, Felix Guattari|year=1992|ISBN=3-88396-094-2|ref=Tausend Plateaus. Kapitalismus und Schizophrenie}}

* {{статья
 |автор = Collins, C., Viegas, F. and Wattenberg, M.
 |год = 2009
 |заглавие = Parallel Tag Clouds to Explore and Analyze Faceted Text Corpora.
 |издание = VAST
 |язык     = en
 |ref=Parallel Tag Clouds to Explore and Analyze Faceted Text Corpora}}

* {{статья|автор = Lee, B., Riche, N., Karlson, A., and Carpendale, S.
 |год = 2010
 |заглавие = IEEE Transactions on Visualization and Computer Graphics
 |издание = SparkClouds
 |язык     = en
 |страницы     = 1182—1189
 |ссылка=http://research.microsoft.com/en-us/um/people/nath/docs/sparkclouds_infovis2010.pdf|ref=IEEE Transactions on Visualization and Computer Graphics}}
* {{статья
 |автор = Burch, M., Lohmann, S., Pompe, D., Weiskopf, D.
 |год = 2013
 |заглавие = Proceedings of the 17th International Conference on Information Visualisation
 |издание = IEEE
 |язык = en
 |страницы = 45-50
 |ссылка = http://www.vis.uni-stuttgart.de/uploads/tx_vispublications/PrefixTagClouds-IV2013.pdf
 |ref = Proceedings of the 17th International Conference on Information Visualisation
 |archiveurl = https://web.archive.org/web/20130927181437/http://www.vis.uni-stuttgart.de/uploads/tx_vispublications/PrefixTagClouds-IV2013.pdf
 |archivedate = 27 вересня 2013
 }}

* {{статья
 |автор = Bielenberg, K. and Zacher, M.
 |год = 2005
 |заглавие = Groups in Social Software: Utilizing Tagging to Integrate Individual Contexts for Social Navigation
 |язык = en
 |ссылка = http://bielenberg.info/thesis.pdf
 |ref = Masters Thesis submitted to the Program of Digital Media
 |archiveurl = https://web.archive.org/web/20071008061841/http://bielenberg.info/thesis.pdf
 |archivedate = 8 жовтня 2007
 }}

* {{статья|автор = Knautz, K., Soubusta, S., & Stock, W.G.
 |год = 2010
 |заглавие = Tag clusters as information retrieval interfaces
 |язык     = en
 |издание = IEEE
 |ссылка=http://www.phil-fak.uni-duesseldorf.de/fileadmin/Redaktion/Institute/Informationswissenschaft/stock/Knautz_Soubusta_Stock.pdf
 |ref=Proceedings of the 43rd Annual Hawaii International Conference on System Sciences}}

* {{статья
 |автор = Helic, D., Trattner, C., Strohmaier, M. and Andrews, K.
 |год = 2011
 |заглавие = Are Tag Clouds Useful for Navigation? A Network-Theoretic Analysis
 |язык = en
 |издание = Journal of Social Computing and Cyber-Physical Systems
 |страницы = 33-55
 |ссылка = http://www.austria-lexikon.at/attach/User/Trattner%20Christoph/2011_JoSCCPS-socialcom2010_extended.pdf
 |ref = Are Tag Clouds Useful for Navigation
 |archiveurl = https://web.archive.org/web/20110304062859/http://www.austria-lexikon.at/attach/User/Trattner%20Christoph/2011_JoSCCPS-socialcom2010_extended.pdf
 |archivedate = 2011-03-04
 |deadlink = 404
 }}

* {{статья
 |автор = Trattner, C.
 |год = 2011
 |заглавие = Linking Related Content in Web Encyclopedias with search query tag clouds
 |язык = en
 |издание = IADIS Internation Journal on WWW/Internet
 |ссылка = http://www.austria-lexikon.at/attach/User/Trattner%20Christoph/ctrattner_IADIS_WWW_journal.pdf
 |ref = Linking Related Content in Web Encyclopedias with search query tag clouds
 |archiveurl = https://web.archive.org/web/20120615114901/http://www.austria-lexikon.at/attach/User/Trattner%20Christoph/ctrattner_IADIS_WWW_journal.pdf
 |archivedate = 2012-06-15
 |deadlink = 404
 }}

* {{статья
 |автор = Tratter, C., Lin, Y., Parra, D., Yue, Z., Brusilovsky, P.
 |год = 2012
 |заглавие = Evaluating Tag-Based Information Access in Image Collections
 |язык = en
 |издание = ACM
 |ссылка = http://www.austria-lexikon.at/attach/User/Trattner%20Christoph/ht076-trattner.pdf
 |ref = Evaluating Tag-Based Information Access in Image Collections
 |archiveurl = https://web.archive.org/web/20120615160853/http://www.austria-lexikon.at/attach/User/Trattner%20Christoph/ht076-trattner.pdf
 |archivedate = 2012-06-15
 |deadlink = 404
 }}

* {{статья
 |автор = Lohmann, S., Ziegler, J., Tetzlaff, L.
 |год = 2009
 |заглавие = Comparison of Tag Cloud Layouts: Task-Related Performance and Visual Exploration
 |язык = en
 |страницы = 392-404
 |издание = INTERACT
 |ссылка = http://www.uni-due.de/~s400268/Lohmann09-interact.pdf
 |ref = Comparison of Tag Cloud Layouts: Task-Related Performance and Visual Exploration
 |archiveurl = https://web.archive.org/web/20091007173622/http://www.uni-due.de/~s400268/Lohmann09-interact.pdf
 |archivedate = 7 жовтня 2009
 }}

* {{статья|автор = Hassan-Montero, Y., Herrero-Solana, V.
 |год = 2006
 |заглавие = Improving Tag-Clouds as Visual Information Retrieval Interfaces
 |язык     = en
 |издание = INTERACT
 |ссылка=http://www.nosolousabilidad.com/hassan/improving_tagclouds.pdf
 |ref=Improving Tag-Clouds as Visual Information Retrieval Interfaces}}

* {{статья
 |автор = Salonen, J.
 |год = 2007
 |заглавие = Self-organising map based tag clouds — Creating spatially meaningful representations of tagging data
 |язык = en
 |издание = Proceedings of the 1st OPAALS conference
 |ссылка = http://matriisi.ee.tut.fi/hypermedia/julkaisut/2007-salonen-som-clouds.pdf
 |ref = Self-organising map based tag clouds — Creating spatially meaningful representations of tagging data
 |archiveurl = https://web.archive.org/web/20081224093118/http://matriisi.ee.tut.fi/hypermedia/julkaisut/2007-salonen-som-clouds.pdf
 |archivedate = 24 грудня 2008
 }}

* {{cite journal
 |url     = http://arxiv.org/abs/cs/0604036 
 |first   = Jakob
 |last    = Voss
 |year    = 2006
 |title   = Collaborative thesaurus tagging the Wikipedia way
 |journal = Wikimetrics research papers
 |volume  = 1
 |issue   = 1
 |accessdate=2013-12-23
 |ref     = Collaborative thesaurus tagging the Wikipedia way
}}

{{Internet-stub}}

[[Категорія:Веб 2.0]]
[[Категорія:Інтерфейс]]