lightning talk - widgets in the oae
TRANSCRIPT
June 04, 2013
Widgets in Apereo OAE Bert Pareyn
June 04, 2013
What’s a widget?
• Modular component – HTML Fragment – JavaScript – CSS – i18n bundles – Configuration
2
June 04, 2013
• Reusable – Multiple instances of the same widget • e.g. embedding video
• Specialized – Limited functionality • e.g. only embed video
• Manageable – Can be small • Because of specialization
3
Why use widgets?
June 04, 2013
• 2 ways of using a widget – Build the page • e.g. show top and left hand navigation, display a
content item, ...
– Support for the context of the page • e.g. edit permissions of content, add members to a
research group, change your profile picture, ...
4
How do you use widgets?
June 04, 2013
• Widgets can be included on the page – <div data-widget='footer'><!-- --></div>
• Widgets can be lazy loaded – Widget API loads widgets when triggered • Configuration (manifest.json) defines triggers
– Selectors » A CSS class added to an element
– Events » When fired, load the widget
5
How are widgets loaded?
June 04, 2013
• APIs and documentation – /docs for up-to-date documentation
• Reusable components – Check out oae.components.css for reusable lists,
buttons, icons, ... • Support! – irc #sakai – on list [email protected]
6
What help is out there?
June 04, 2013
• Widgets part of contribution model • Widget SDK – Documentation – Examples – Widget skeleton framework – Needs to be updated
7
Contributing
June 04, 2013
Widgets in Apereo OAE Bert Pareyn