0
By Aaron Tay 20/3/2009 An introduction to the use of widgets by libraries (Theory)
What is a widget? <ul><li>“ Widgets bring the Libraries Web services to you. They include  Web applications , simple  add-...
Examples of library Widgets <ul><li>Search plugins </li></ul><ul><li>Custom toolbars ( Powerpoint presentation ) </li></ul...
Searchplugin http://www.lib.nus.edu.sg/webtool/srchplugin/searchplugin.htm
Custom toolbars I  Custom toolbars are packages of toolbars designed to be customized for  specific websites or organizati...
Custom toolbars II  <ul><li>Libraries have started using custom toolbars as a way to promote their resources. </li></ul><u...
Bookmarklet <ul><li>“ A  bookmarklet  is an  applet , a small computer application, stored as the  URL  of a  bookmark  in...
Greasemonkey scripts <ul><li>Special extension addon for Firefox/IE that allows users to install scripts that automaticall...
Web widgets <ul><li>Reusable  web sniplets that are placed on html pages or require web browsers to render them </li></ul>...
Precreated widgets <ul><li>Offered by web services/websites e.g  web counters, web 2.0 services and more. </li></ul><ul><l...
Some precreated widgets <ul><li>Chat – Meebo etc </li></ul><ul><li>Filesharing – Slideshare etc </li></ul><ul><li>Calender...
Examples
Sample precreated widget http://www.youtube.com/sharing
How to add precreated widgets <ul><li>Go to service/page and look for html snipplet (customize if needed) </li></ul><ul><l...
Creating widgets based on Scopus article search results http://info.scopus.com/htmlfeeds/
Creating widgets based on Scopus article search results
Final result appearing on webpage
Creating widgets based on other academic researches <ul><li>http://www.scopus.com/scopus/search/form/authorFreeLookup.url ...
Some precreated widgets to add to our subject guides
A) Dynamic bookmarking widgets <ul><li>Allows users who like the page to quickly email, bookmark locally, send to social n...
Alternatives http://www.lib.nus.edu.sg/webtool/widgets/sharewidgets.htm
B) Dynamic display of documents <ul><li>Instead of just displaying a link to our powerpoint, word documents, we can add wi...
Alternatives
C) Embeding blogrolls from social bookmarking services <ul><li>Use social bookmarking sites like  delicious ,  spurl ,  ma...
OTHER WIDGETS CAN BE ADDED LIMITED ONLY BY YOUR IMAGINATION!!!
D) Other ideas <ul><li>Meebo ,  Wimzi ,  Plugoo  ,  Digsby  and other chat widgets ( twitter!) </li></ul><ul><li>Facebook,...
Creating your own widgets
Creating your own widget NOT SIMPLE, REQUIRES KNOWLEDGE OF JAVASCRIPT, XML, FLASH PROGRAMMING ETC.
Using &quot;universal&quot; widget maker
RSS Feed widget
Search widget
Widgetbox http://www.widgetbox.com
Netvibes http://eco.netvibes.com/login
Dapper http://www.dapper.net/
Iwidgets
Sprout http://sproutbuilder.com/  (not free)
Widgetmaker commonality <ul><li>Requires no programming. </li></ul><ul><li>Uses web forms  </li></ul><ul><li>Content is fe...
Widgetbox
Netvibes
iwidgets
Dapper
Sprouts (not free)
SELF MADE WIDGET BLOGS e.g. Blogger, Wordpress WEBSITE iGoogle Netvibes MyYahoo Facebook MySpace Opera Windows Live Apple ...
Where widgets can be added Via  1. Widgetbox  ,  2. Netvibes  ,  3. Iwidgets  4. Dapper  5.Sprouts   Websites Blogs Social...
On webpage
On Blogger
Adding widgets to Social networking sites
On Facebook http://www.facebook.com/home.php#/profile.php?id=556068025&ref=profile
On Myspace http://profile.myspace.com/index.cfm?fuseaction=user.viewProfile&friendID=394134895
On Bebo http://www.bebo.com/Profile.jsp?MemberId=8404708977
Adding widgets to  custom homepages
On Netvibes http://www.netvibes.com/aarontay#General
On igoogle http://www.google.com/ig
On Pageflakes http://www.pageflakes.com/
In Nexus http://nexus/default.aspx
On NUS.wiki (confluence) http://wiki.nus.edu.sg/display/~clbtcha/Sample+widget+on+nus.wiki
On Opera
Widget on desktop
Putting widgets on your desktop <ul><li>Windows Vista </li></ul><ul><li>Google gadgets  (google desktop) </li></ul><ul><li...
NUS related  <ul><li>Adding to  Microsoft sharepoint  ( instructions ) </li></ul><ul><li>Adding to  NUS.Wiki  ( instructio...
Start Put RSS feed into widget maker e.g. Widgetbox Content available in RSS? Use screen scraper e.g.  Dapper Further proc...
How to create widgets without programming <ul><li>Step 1  : Obtain data/content  - Needs to be in RSS format to be dynamic...
More advanced tools <ul><li>Microsoft Popfly </li></ul><ul><li>Yahoo pipes </li></ul>
Microsoft Popfly
Popfly capabilities <ul><li>Allows you to create more flexible widgets by combining content. </li></ul><ul><li>Combine and...
Sample widget created by popfly Sample widget –  Carrousel of book jackets from recently added Economics books
Yahoopipes <ul><li>Combine, filter rss/json feeds from different sources. </li></ul><ul><li>Alters output </li></ul><ul><l...
Yahoopipes source http://pipes.yahoo.com/pipes/pipe.edit?_id=02d2b020817aa3511b6647f33a631fd5
Yahoopipes example http://pipes.yahoo.com/pipes/pipe.info?_id=02d2b020817aa3511b6647f33a631fd5
Problems of using widgets <ul><li>Slows down loading – Information is drawn from third party. </li></ul><ul><li>Content fr...
Links/resources <ul><li>https://team.nus.edu.sg/library/socialsciences/Tutorials/subjectguidewidgets.htm </li></ul><ul><li...
Upcoming SlideShare
Loading in...5
×

An Introduction To The Use Of Widgets in libraries

4,112

Published on

Presentation given on 20/3/2009

Published in: Education, Technology
0 Comments
3 Likes
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total Views
4,112
On Slideshare
0
From Embeds
0
Number of Embeds
0
Actions
Shares
0
Downloads
40
Comments
0
Likes
3
Embeds 0
No embeds

No notes for slide

Transcript of "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 http://www.lib.nus.edu.sg/webtool/srchplugin/searchplugin.htm
  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.” -- http://en.wikipedia.org/wiki/Bookmarklet </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 – 30boxes.com 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 – Polladaddy.com </li></ul>
  12. 12. Examples
  13. 13. Sample precreated widget http://www.youtube.com/sharing
  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 http://info.scopus.com/htmlfeeds/
  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>http://www.scopus.com/scopus/search/form/authorFreeLookup.url </li></ul><ul><li>http://info.scopus.com/topcited/ </li></ul><ul><li>http://sciencewatch.com/ </li></ul><ul><li>http://www.scimagojr.com/ </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 http://www.lib.nus.edu.sg/webtool/widgets/sharewidgets.htm
  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>
  25. 25. OTHER WIDGETS CAN BE ADDED LIMITED ONLY BY YOUR IMAGINATION!!!
  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
  28. 28. Creating your own widget NOT SIMPLE, REQUIRES KNOWLEDGE OF JAVASCRIPT, XML, FLASH PROGRAMMING ETC.
  29. 29. Using &quot;universal&quot; widget maker
  30. 30. RSS Feed widget
  31. 31. Search widget
  32. 32. Widgetbox http://www.widgetbox.com
  33. 33. Netvibes http://eco.netvibes.com/login
  34. 34. Dapper http://www.dapper.net/
  35. 35. Iwidgets
  36. 36. Sprout http://sproutbuilder.com/ (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 Live.com 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 http://www.facebook.com/home.php#/profile.php?id=556068025&ref=profile
  49. 49. On Myspace http://profile.myspace.com/index.cfm?fuseaction=user.viewProfile&friendID=394134895
  50. 50. On Bebo http://www.bebo.com/Profile.jsp?MemberId=8404708977
  51. 51. Adding widgets to custom homepages
  52. 52. On Netvibes http://www.netvibes.com/aarontay#General
  53. 53. On igoogle http://www.google.com/ig
  54. 54. On Pageflakes http://www.pageflakes.com/
  55. 55. In Nexus http://nexus/default.aspx
  56. 56. On NUS.wiki (confluence) http://wiki.nus.edu.sg/display/~clbtcha/Sample+widget+on+nus.wiki
  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 http://pipes.yahoo.com/pipes/pipe.edit?_id=02d2b020817aa3511b6647f33a631fd5
  69. 69. Yahoopipes example http://pipes.yahoo.com/pipes/pipe.info?_id=02d2b020817aa3511b6647f33a631fd5
  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>https://team.nus.edu.sg/library/socialsciences/Tutorials/subjectguidewidgets.htm </li></ul><ul><li>http://www.google.com/url?sa=t&source=web&ct=res&cd=5&url=http%3A%2F%2Fwiki.cali.org%2Fcalicon08%2Fuploads%2FSessions%2FWidgets-CALI2008v5a.ppt&ei=hnzDSc67NNiUkAXyg4XHDA&usg=AFQjCNGh7DYW-ycwUS2fUqUZgAoajmgS5Q&sig2=ZM8P2JVniHmCMHnG4YAguw </li></ul>
  1. A particular slide catching your eye?

    Clipping is a handy way to collect important slides you want to go back to later.

×