an introduction to the use of widgets in libraries
Post on 06-May-2015
4.068 Views
Preview:
DESCRIPTION
TRANSCRIPT
By Aaron Tay20/3/2009
An introduction to the use of widgets by libraries (Theory)
What is a widget?
“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
Examples of library WidgetsSearch pluginsCustom toolbars (Powerpoint presentation)BookmarkletsGreasemonkey scriptsWeb widgetsDesktop/browser/mobile widgets
Browser widgets
Today’s focus
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 organizations.
Most of these custom toolbars require no programming or scripting skill to configure.
Example 1 : Conduit toolbar
Custom toolbars II Libraries have started using custom toolbars as a way to promote their resources.
1. Set up custom searches to subscribed databases2. Links to useful library pages and recommended resources3. RSS feeds to library rss feeds4. Embed Meebo widgets for askalib services etc.5. Federated searches, openurl resolvers6. Provide enhanced services beyond searchplugins
Example 2 : Libx toolbar - Live download of toolbar
Bookmarklet “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
NUS Proxy bookmarklet Jon Udell’s Librarylookup bookmarklet OCLC’s xisbn bookmarklet (NUS Library version available) Search bookmarklets (
Sample Linc keyword search bookmarklet)
Greasemonkey scripts• Special extension addon for Firefox/IE that
allows users to install scripts that automatically modifies certain pages on the fly when loading.
• Users need to install – – Gm4ie (IE)– Greasemonkey (Firefox)
• Some examples • Modifies Amazon pages to display if item is a
vailable in our catalogue.
• Modifies pages to add ezproxy proxy stem to outgoing links
Web widgets• Reusable web sniplets that are placed on
html pages or require web browsers to render them
• Allows embedding of dynamic information from third party sources
• Also known as gadgets, badges, modules, snipplets etc.
• Uses either javascript/DHTML or Flash.
Precreated widgets• Offered by web services/websites e.g web
counters, web 2.0 services and more.
• Limited customization, auto-generates html code that you place on your webpage.
• Simple matter of just placing html code/snipplet on the part of your webpage where you want it to appear.
Some precreated widgetsChat – Meebo etcFilesharing – Slideshare etcCalenders – 30boxes.com etcWeb counters Maps – Google maps etcSocal bookmarking linkrolls – Delicious. EtcSocial network badgesPolls – Polladaddy.com
Examples
Sample precreated widget
http://www.youtube.com/sharing
How to add precreated widgets• Go to service/page and look for html
snipplet (customize if needed)
• Copy snipplet
• Paste snipplet in part of webpage you want to appear.
• That’s all
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• http://www.scopus.com/scopus/search/form
/authorFreeLookup.url
• http://info.scopus.com/topcited/
• http://sciencewatch.com/
• http://www.scimagojr.com/
Some precreated widgets to add to our subject guides
A) Dynamic bookmarking widgets
• 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)
• Allows tracking to see how often page is being emailed, bookmarked, blogged etc.
• Provides a better measure of “impact” as opposed to simply page views/hits.
•Options include•Addthis!•Sharethis•Tellafriend•Addany•Share+
Alternatives
http://www.lib.nus.edu.sg/webtool/widgets/sharewidgets.htm
B) Dynamic display of documents
• Instead of just displaying a link to our powerpoint, word documents, we can add widgets that will display the document
• Most well known is Slideshare but there are a dozen or more alternatives including
• Scribd• Issuu•Slideboom•Docstoc•Slidesix•Myplick• Zohoshow•edocr
Alternatives
C) Embeding blogrolls from social bookmarking services
• Use social bookmarking sites like delicious, spurl, ma.gnolia (down) , Diigo, Qiteria, connotea, Iterisa, Furl (dead), Simpy, Fleck to bookmark pages.
• Embed widgets provided by these services on subject guide.
• Result : As you add/remove links to the bookmarking service, subject guide will be automatically updated
• For more reading
“Delicious Subject Guides: Maintaining Subject Guides Using a Social Bookmarking Site”
OTHER WIDGETS CAN BE ADDED
LIMITED ONLY BY YOUR IMAGINATION!!!
D) Other ideas
• Meebo, Wimzi, Plugoo , Digsby and other chat widgets (twitter!)
• Facebook, myspace, and other social networking badges
• See Libguides for more ideas (requires $$$)
Creating your own widgets
Creating your own widget
NOT SIMPLE, REQUIRES KNOWLEDGE OF JAVASCRIPT, XML, FLASH PROGRAMMING ETC.
Using "universal" 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• Requires no programming.
• Uses web forms
• Content is fed via RSS feeds
• Allows minor changes in color, font etc.
• “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.
Widgetbox
Netvibes
iwidgets
Dapper
Sprouts (not free)
SELF MADE WIDGET
BLOGS
e.g. Blogger, Wordpress
WEBSITE iGoogle
Netvibes
MyYahooFacebook
MySpace
OperaWindows Live
Apple Dashboard
Vista
Sharepoint
Pageflakes
Nexus
Google desktopBebo
Wiki.nus (Confluence)
Adapted from Guus van den Brekel
Where widgets can be addedWebsites Blogs Social
networking sites
Start pages
Desktops
Mobile Other formats
Html (Flash/javascript)
WordPress1
Facebook135
Netvibes145 Vista desktop2
Iphone23 Json4
Sharepoint Blogger15 Myspace3
5
Igoogle12345 Apple dashboard2
Android3 Icalender4
Wiki.Nus1 (confluence)
Typepad1 Bebo35 Pageflakes145
Google desktop4
Palm3 CSV4
Livejournal15
Multipy15 Live.com2 Opera2 YAML4
Ning1 Nexus (NUS endorsed)?
Yahoowidgets23
Googlemap4
Hi53 My yahoo5
Friendster5
Via 1. Widgetbox , 2. Netvibes , 3. Iwidgets 4. Dapper 5.Sprouts
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 desktopWindows Vista
Google gadgets (google desktop)
Yahoo Widgets (Konfabulator)
Apple dashboard
NUS related Adding to Microsoft sharepoint (instructions
)
Adding to NUS.Wiki (instructions)
Adding to Nexus (NUS customized home page)
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
How to create widgets without programmingStep 1 : Obtain data/content - Needs to be in RSS format to be dynamic.
Content available in RSS/ATOM/JSON etc ? If No go to step 2 , otherwise go to Step 3
Step 2 : Do screenscaping of required data. Use Dapper or feedity to convert htm page to RSS feed.
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. Use Yahoopipes, Postrank etc.
Step 4: Enter RSS feed into one of the following widget generators Widgetbox, Netvibes, Iwidget Dapper, Popfly. (advanced, requires Microsoft Silverlight)
Step 5 : Do some minor adjustment s to color, font and you are done.
• Microsoft Popfly• Yahoo pipes
More advanced tools
Microsoft Popfly
Popfly capabilitiesAllows you to create more flexible widgets
by combining content.
Combine and filter images, video, text from flickr, twitter, youtube etc
Rumoured to be discontinued soon?
Sample widget created by popfly
Sample widget – Carrousel of book jackets from recently added Economics books
YahoopipesCombine, filter rss/json feeds from different
sources.
Alters output
Can be output in various formats including RSS, to netvibes, igoogle, myyahoo.
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• Slows down loading – Information is drawn
from third party.• Content from third party might go down
(e.g. Youtube, Slideshare goes down)• Intermediate services such as
screenscapers, Widget maker might be down.
• Widgets require either Javascript, Flash or rarely silverlight. Some users might not have javascript turned on, or lack the flash plugin.
Links/resourceshttps://team.nus.edu.sg/library/socialsciences/
Tutorials/subjectguidewidgets.htm
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
top related