An Introduction To The Use Of Widgets in libraries


Published on

Presentation given on 20/3/2009

Published in: Education, Technology
  • Be the first to comment

No Downloads
Total views
On SlideShare
From Embeds
Number of Embeds
Embeds 0
No embeds

No notes for slide

An Introduction To The Use Of Widgets in libraries

  1. 1. By Aaron Tay 20/3/2009 An introduction to the use of widgets by libraries (Theory)
  2. 2. What is a widget? <ul><li>“ Widgets bring the Libraries Web services to you. They include Web applications , simple add-ons for your Web browser, and other shortcuts that make researching a little easier.” – University of Texas Libraries </li></ul>
  3. 3. Examples of library Widgets <ul><li>Search plugins </li></ul><ul><li>Custom toolbars ( Powerpoint presentation ) </li></ul><ul><li>Bookmarklets </li></ul><ul><li>Greasemonkey scripts </li></ul><ul><li>Web widgets </li></ul><ul><li>Desktop/browser/mobile widgets </li></ul>Browser widgets Today’s focus
  4. 4. Searchplugin
  5. 5. Custom toolbars I Custom toolbars are packages of toolbars designed to be customized for specific websites or organizations. Most of these custom toolbars require no programming or scripting skill to configure. Example 1 : Conduit toolbar
  6. 6. Custom toolbars II <ul><li>Libraries have started using custom toolbars as a way to promote their resources. </li></ul><ul><ul><li>Set up custom searches to subscribed databases </li></ul></ul><ul><ul><li>Links to useful library pages and recommended resources </li></ul></ul><ul><ul><li>RSS feeds to library rss feeds </li></ul></ul><ul><ul><li>Embed Meebo widgets for askalib services etc. </li></ul></ul><ul><ul><li>Federated searches, openurl resolvers </li></ul></ul><ul><ul><li>Provide enhanced services beyond searchplugins </li></ul></ul>Example 2 : Libx toolbar - Live download of toolbar
  7. 7. Bookmarklet <ul><li>“ A bookmarklet is an applet , a small computer application, stored as the URL of a bookmark in a web browser or as a hyperlink on a web page . The term is a portmanteau of the terms bookmark and applet . Whether bookmarklet utilities are stored as bookmarks or hyperlinks, they are designed to add one-click functionality to a browser or web page. When clicked, a bookmarklet performs some function, one of a wide variety such as a search query or data extraction.” -- </li></ul><ul><li>NUS Proxy bookmarklet </li></ul><ul><li>Jon Udell’s Librarylookup bookmarklet </li></ul><ul><li>OCLC’s xisbn bookmarklet (NUS Library version available) </li></ul><ul><li>Search bookmarklets ( Sample Linc keyword search bookmarklet ) </li></ul>
  8. 8. Greasemonkey scripts <ul><li>Special extension addon for Firefox/IE that allows users to install scripts that automatically modifies certain pages on the fly when loading. </li></ul><ul><li>Users need to install – </li></ul><ul><ul><li>Gm4ie (IE) </li></ul></ul><ul><ul><li>Greasemonkey (Firefox) </li></ul></ul><ul><li>Some examples </li></ul><ul><li>Modifies Amazon pages to display if item is available in our catalogue . </li></ul><ul><li>Modifies pages to add ezproxy proxy stem to outgoing links </li></ul>
  9. 9. Web widgets <ul><li>Reusable web sniplets that are placed on html pages or require web browsers to render them </li></ul><ul><li>Allows embedding of dynamic information from third party sources </li></ul><ul><li>Also known as gadgets, badges, modules, snipplets etc. </li></ul><ul><li>Uses either javascript/DHTML or Flash. </li></ul>
  10. 10. Precreated widgets <ul><li>Offered by web services/websites e.g web counters, web 2.0 services and more. </li></ul><ul><li>Limited customization, auto-generates html code that you place on your webpage. </li></ul><ul><li>Simple matter of just placing html code/snipplet on the part of your webpage where you want it to appear. </li></ul>
  11. 11. Some precreated widgets <ul><li>Chat – Meebo etc </li></ul><ul><li>Filesharing – Slideshare etc </li></ul><ul><li>Calenders – etc </li></ul><ul><li>Web counters </li></ul><ul><li>Maps – Google maps etc </li></ul><ul><li>Socal bookmarking linkrolls – Delicious. Etc </li></ul><ul><li>Social network badges </li></ul><ul><li>Polls – </li></ul>
  12. 12. Examples
  13. 13. Sample precreated widget
  14. 14. How to add precreated widgets <ul><li>Go to service/page and look for html snipplet (customize if needed) </li></ul><ul><li>Copy snipplet </li></ul><ul><li>Paste snipplet in part of webpage you want to appear. </li></ul><ul><li>That’s all </li></ul>
  15. 15. Creating widgets based on Scopus article search results
  16. 16. Creating widgets based on Scopus article search results
  17. 17. Final result appearing on webpage
  18. 18. Creating widgets based on other academic researches <ul><li> </li></ul><ul><li> </li></ul><ul><li> </li></ul><ul><li> </li></ul>
  19. 19. Some precreated widgets to add to our subject guides
  20. 20. A) Dynamic bookmarking widgets <ul><li>Allows users who like the page to quickly email, bookmark locally, send to social networks (facebook, Friendster etc), social bookmarking /news sites (Digg, Delicious, Furl) , blogs (blogger , livejournal, etc), IM (icq, msn etc) </li></ul><ul><li>Allows tracking to see how often page is being emailed, bookmarked, blogged etc. </li></ul><ul><li>Provides a better measure of “impact” as opposed to simply page views/hits. </li></ul><ul><li>Options include </li></ul><ul><ul><li>Addthis! </li></ul></ul><ul><ul><li>Sharethis </li></ul></ul><ul><ul><li>Tellafriend </li></ul></ul><ul><ul><li>Addany </li></ul></ul><ul><ul><li>Share+ </li></ul></ul>
  21. 21. Alternatives
  22. 22. B) Dynamic display of documents <ul><li>Instead of just displaying a link to our powerpoint, word documents, we can add widgets that will display the document </li></ul><ul><li>Most well known is Slideshare but there are a dozen or more alternatives including </li></ul><ul><ul><li>Scribd </li></ul></ul><ul><ul><li>Issuu </li></ul></ul><ul><ul><li>Slideboom </li></ul></ul><ul><ul><li>Docstoc </li></ul></ul><ul><ul><li>Slidesix </li></ul></ul><ul><ul><li>Myplick </li></ul></ul><ul><ul><li>Zohoshow </li></ul></ul><ul><ul><li>edocr </li></ul></ul>
  23. 23. Alternatives
  24. 24. C) Embeding blogrolls from social bookmarking services <ul><li>Use social bookmarking sites like delicious , spurl , ma.gnolia (down) , Diigo , Qiteria , connotea , Iterisa , Furl (dead), Simpy , Fleck to bookmark pages. </li></ul><ul><li>Embed widgets provided by these services on subject guide. </li></ul><ul><li>Result : As you add/remove links to the bookmarking service, subject guide will be automatically updated </li></ul><ul><li>For more reading </li></ul><ul><li>“ Delicious Subject Guides: Maintaining Subject Guides Using a Social Bookmarking Site ” </li></ul>
  26. 26. D) Other ideas <ul><li>Meebo , Wimzi , Plugoo , Digsby and other chat widgets ( twitter!) </li></ul><ul><li>Facebook, myspace, and other social networking badges </li></ul><ul><li>See Libguides for more ideas (requires $$$) </li></ul>
  27. 27. Creating your own widgets
  29. 29. Using &quot;universal&quot; widget maker
  30. 30. RSS Feed widget
  31. 31. Search widget
  32. 32. Widgetbox
  33. 33. Netvibes
  34. 34. Dapper
  35. 35. Iwidgets
  36. 36. Sprout (not free)
  37. 37. Widgetmaker commonality <ul><li>Requires no programming. </li></ul><ul><li>Uses web forms </li></ul><ul><li>Content is fed via RSS feeds </li></ul><ul><li>Allows minor changes in color, font etc. </li></ul><ul><li>“ Universal widget maker” – can be used to put on not just webpages but also blogs, social networking sites, wikis, desktops , online customizable homepages, and more. </li></ul>
  38. 38. Widgetbox
  39. 39. Netvibes
  40. 40. iwidgets
  41. 41. Dapper
  42. 42. Sprouts (not free)
  43. 43. SELF MADE WIDGET BLOGS e.g. Blogger, Wordpress WEBSITE iGoogle Netvibes MyYahoo Facebook MySpace Opera Windows Live Apple Dashboard Vista Sharepoint Pageflakes Nexus Google desktop Bebo Wiki.nus (Confluence) Adapted from Guus van den Brekel
  44. 44. Where widgets can be added Via 1. Widgetbox , 2. Netvibes , 3. Iwidgets 4. Dapper 5.Sprouts Websites Blogs Social networking sites Start pages Desktops Mobile Other formats Html (Flash/javascript) WordPress 1 Facebook 1 3 5 Netvibes 1 4 5 Vista desktop 2 Iphone 2 3 Json 4 Sharepoint Blogger 15 Myspace 3 5 Igoogle 1 2 3 4 5 Apple dashboard 2 Android 3 Icalender 4 Wiki.Nus 1 (confluence) Typepad 1 Bebo 3 5 Pageflakes 1 4 5 Google desktop 4 Palm 3 CSV 4 Livejournal 1 5 Multipy 1 5 2 Opera 2 YAML 4 Ning 1 Nexus (NUS endorsed)? Yahoowidgets 2 3 Googlemap 4 Hi5 3 My yahoo 5 Friendster 5
  45. 45. On webpage
  46. 46. On Blogger
  47. 47. Adding widgets to Social networking sites
  48. 48. On Facebook
  49. 49. On Myspace
  50. 50. On Bebo
  51. 51. Adding widgets to custom homepages
  52. 52. On Netvibes
  53. 53. On igoogle
  54. 54. On Pageflakes
  55. 55. In Nexus http://nexus/default.aspx
  56. 56. On (confluence)
  57. 57. On Opera
  58. 58. Widget on desktop
  59. 59. Putting widgets on your desktop <ul><li>Windows Vista </li></ul><ul><li>Google gadgets (google desktop) </li></ul><ul><li>Yahoo Widgets (Konfabulator) </li></ul><ul><li>Apple dashboard </li></ul>
  60. 60. NUS related <ul><li>Adding to Microsoft sharepoint ( instructions ) </li></ul><ul><li>Adding to NUS.Wiki ( instructions ) </li></ul><ul><li>Adding to Nexus (NUS customized home page) </li></ul>
  61. 61. Start Put RSS feed into widget maker e.g. Widgetbox Content available in RSS? Use screen scraper e.g. Dapper Further processing (aggregation, filtering, ranking) required? Use yahoopipes, postrank etc End No No Yes Yes
  62. 62. How to create widgets without programming <ul><li>Step 1 : Obtain data/content - Needs to be in RSS format to be dynamic. </li></ul><ul><ul><li>Content available in RSS/ATOM/JSON etc ? If No go to step 2 , otherwise go to Step 3 </li></ul></ul><ul><li>Step 2 : Do screenscaping of required data. </li></ul><ul><ul><li>Use Dapper or feedity to convert htm page to RSS feed. </li></ul></ul><ul><li>Step 3 : Aggregate, filter, manipulate, rank, RSS feeds – You might want to combine different feeds from different sources (e.g. results from Google scholar, Scopus, web of science), filter/de-dupe etc. </li></ul><ul><ul><li>Use Yahoopipes , Postrank etc. </li></ul></ul><ul><li>Step 4 : Enter RSS feed into one of the following widget generators Widgetbox , Netvibes , Iwidget Dapper , Popfly . (advanced, requires Microsoft Silverlight) </li></ul><ul><li>Step 5 : Do some minor adjustment s to color, font and you are done. </li></ul>
  63. 63. More advanced tools <ul><li>Microsoft Popfly </li></ul><ul><li>Yahoo pipes </li></ul>
  64. 64. Microsoft Popfly
  65. 65. Popfly capabilities <ul><li>Allows you to create more flexible widgets by combining content. </li></ul><ul><li>Combine and filter images, video, text from flickr, twitter, youtube etc </li></ul><ul><li>Rumoured to be discontinued soon? </li></ul>
  66. 66. Sample widget created by popfly Sample widget – Carrousel of book jackets from recently added Economics books
  67. 67. Yahoopipes <ul><li>Combine, filter rss/json feeds from different sources. </li></ul><ul><li>Alters output </li></ul><ul><li>Can be output in various formats including RSS, to netvibes, igoogle, myyahoo. </li></ul>
  68. 68. Yahoopipes source
  69. 69. Yahoopipes example
  70. 70. Problems of using widgets <ul><li>Slows down loading – Information is drawn from third party. </li></ul><ul><li>Content from third party might go down (e.g. Youtube, Slideshare goes down) </li></ul><ul><li>Intermediate services such as screenscapers, Widget maker might be down. </li></ul><ul><li>Widgets require either Javascript, Flash or rarely silverlight. Some users might not have javascript turned on, or lack the flash plugin. </li></ul>
  71. 71. Links/resources <ul><li> </li></ul><ul><li> </li></ul>