Why Widgets?

• Widgets are aggregating data and service
• Tons of media-rich and just useful things
• Easy to grab and embed

MediaWikiWidgets.org

MediaWikiWidgets.org

MediaWikiWidgets.org

MediaWikiWidgets.org

MediaWikiWidgets.org

MediaWikiWidgets.org

MediaWikiWidgets.org

MediaWikiWidgets.org

MediaWikiWidgets.org

MediaWikiWidgets.org

MediaWikiWidgets.org

MediaWikiWidgets.org

Which Widgets are available?

• 47 widgets on MediaWikiWidgets.org
• Many more through widget engines like Google Gadgets and Widgetbox
• You can easily create your own (feel free to submit them)

Using Widgets: Install Widgets Extension

• MediaWiki.org/wiki/Extension:Widgets or (Semantic Bundle)
• chmod g+w $IP/extensions/Widgets/compiled_templates/
• require_once("$IP/extensions/Widgets/Widgets.php");
• Security: $wgGroupPermissions['sysop']['editwidgets'] = true;

Copy Widget:* page to your wiki

• Copy wiki-source of Widget:YouTube to yourwiki.com/wiki/Widget:YouTube
• Now just insert

  {{#widget:YouTube|id=DWef69ItVrU}}

  anywhere on your pages
• Enjoy! ;)
• Check widget description page for the list of parameters

Creating your widget

• Create Widget:MyWidget page

<noinclude>Description goes here</noinclude>
<includeonly>Code goes here</includeonly>

• HTML / JavaScript code + popular Smarty templating engine
• Using custom tag:

<!--{ ... }-->

• parameters are converted to Smarty variables:

  {{#widget:YouTube|id=DWef69ItVrU}}

  - can be accessed using

  <!--{$id}-->

Creating your widget: Variables

• Parameters with the same name are converted to Arrays (use foreach)
• Booleans don't have to have a value - just mention it for "true"
• Use dotted notation for more complex structures

  {{#widget:MyWidget
  |user.y.name=Yaron Koren       |user.y.color=green
  |user.s.name=Sergey Chernyshev |user.s.color=red
  }}

  can be used as

  <!--{froeach for=$user item=$u}-->
  <div style="color: <!--{$u.color}-->"><!--{$u.name}--></div>
  <!--{/foreach}-->

• use 'escape' modifier (MWW.org has some tips)
• use 'validate' custom modifier for validating parameter types

Submit it to MediaWikiWidgets.org

• Create description page
• Submit widget page for review (creates Widget_talk:* page)

Sites using Widgets

• Technical Presentations
• Ardorado.com
• All sites on Referata.com hosting
• Second Life wiki
• New York Semantic Web meetup group
• Armada HQ wiki
• theDIYpal
• The Koçchool Knowledgebase and The Koçchool Academic Wiki (two wiki's of a Turkish K-12 school, both with restricted access)
• Verwaltungskooperation.at - Cooperation in public administration (German)
• University of Sheffield: teachingcommons project - Case Studies Wiki
• Guida Wiki Comuni-Italiani.it
• MIKE2.0 Wiki
• SAS community wiki
• Food & Cooking News on DishiWiki
• Wiki Expert
• Wikitel
• Persianwiki
• JargonF - (French) IT dictionary / Dictionnaire d'informatique
• Wikipercu - (French) Percussions (music)
• Men of War - Wiki

More info

• Widgets extension page
• MediaWikiWidgets.org
• TechPresentations.org/MediaWiki

About these slides

These slides use an HTML presentation tool Slidy.

They are valid XHTML document with rich metadata embedded using RDFa.

Licensing & Attribution