214 lines
11 KiB
HTML
214 lines
11 KiB
HTML
<!DOCTYPE html>
|
||
<html lang="en">
|
||
<head>
|
||
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
|
||
<meta charset="utf-8">
|
||
<meta content="IE=edge" http-equiv="X-UA-Compatible">
|
||
<meta content="width=device-width, initial-scale=1" name="viewport">
|
||
<link href="../../old/assets/style/styles.css" rel="stylesheet" type="text/css">
|
||
<!--[if lt IE 9]>
|
||
<script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
|
||
<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
|
||
<![endif]-->
|
||
<script>
|
||
(function() {
|
||
var s, scheme, wf;
|
||
|
||
this.WebFontConfig = {
|
||
google: {
|
||
families: ['Amaranth:700,700italic:latin', 'Inconsolata::latin']
|
||
}
|
||
};
|
||
|
||
wf = document.createElement('script');
|
||
|
||
scheme = 'https:' === document.location.protocol ? 'https' : 'http';
|
||
|
||
wf.src = scheme + "://ajax.googleapis.com/ajax/libs/webfont/1/webfont.js";
|
||
|
||
wf.type = 'text/javascript';
|
||
|
||
wf.async = 'true';
|
||
|
||
s = document.getElementsByTagName('script')[0];
|
||
|
||
s.parentNode.insertBefore(wf, s);
|
||
|
||
}).call(this);
|
||
</script>
|
||
|
||
<title>Annotating the web: Diigo vs. Google Sidewiki | eRambler</title>
|
||
<link href="https://erambler.co.uk/rss.xml" rel="alternate" type="application/rss+xml">
|
||
</head>
|
||
<body class="single-post">
|
||
<div id="container">
|
||
<header class="page-header">
|
||
<hgroup>
|
||
<div class="h1"><a href="../../">eRambler</a></div>
|
||
<div class="lead">Jez Cope's blog on becoming a research technologist</div>
|
||
</hgroup>
|
||
<nav><ul>
|
||
<li><a href="../../">Home</a></li>
|
||
<li><a href="../../about/">About</a></li>
|
||
<li><a href="../../blogroll/">Blogroll</a></li>
|
||
</ul>
|
||
</nav>
|
||
</header>
|
||
<section>
|
||
<div class="row">
|
||
<p class="archive-warning"><strong><em>Please note:</em></strong> this older content has been <strong>archived</strong> and is no longer fully linked into the site. Please go to the <a href="../../">current home page</a> for up-to-date content.</p>
|
||
</div>
|
||
<div id="content">
|
||
<article class="h-entry">
|
||
<div class="row">
|
||
<h1 class="post-title p-name">Annotating the web: Diigo vs. Google Sidewiki</h1>
|
||
</div>
|
||
<div class="row">
|
||
<div class="post-info">
|
||
<div class="post-date dt-published">
|
||
<a class="u-url" href="http://erambler.co.uk/blog/annotating-the-web-diigo-vs-google-sidewiki/">Saturday 31 October 2009</a>
|
||
</div>
|
||
Tagged with
|
||
<ul class="post-tags">
|
||
<li class="p-category"><span class="tag">Google</span></li>
|
||
<li class="p-category"><span class="tag">Diigo</span></li>
|
||
<li class="p-category"><span class="tag">Magnolia</span></li>
|
||
<li class="p-category"><span class="tag">SideWiki</span></li>
|
||
<li class="p-category"><span class="tag">Annotation</span></li>
|
||
<li class="p-category"><span class="tag">Wiki</span></li>
|
||
<li class="p-category"><span class="tag">Conversation</span></li>
|
||
<li class="p-category"><span class="tag">Bookmarking</span></li>
|
||
<li class="p-category"><span class="tag">Social media</span></li>
|
||
</ul>
|
||
</div>
|
||
<div class="post-body">
|
||
<div class="post-content e-content">
|
||
<div class="wp-caption alignright">
|
||
<a href="http://www.flickr.com/photos/plindberg/32809925/"><img alt="Margin Notes by Peter Lindberg" src="http://farm1.static.flickr.com/21/32809925_6b27ccbda6_m.jpg" title="Margin Notes" width="180" height="240"></a><p>Margin Notes by Peter Lindberg</p>
|
||
</div>
|
||
|
||
<p>For a long time, I’ve been the sort of person who tends to read and absorb information, without really wanting or needing to scribble notes down. This is probably because my background has been maths and computing, and the elegance of mathematics as a language is in its ability to express big ideas and small in a concise way: no annotation needed if everything you need is there.</p>
|
||
|
||
<p>More recently, though, I’ve been reading things with, well, more words in them.</p>
|
||
|
||
<!--more-->
|
||
|
||
<p>Learning how to teach has been an education (pun fully intended) — I’ve started reading a much broader range of material, and a lot of it is quite social-sciencey. This stuff is necessarily quite verbose, and I find I need to take notes and rephrase things in my own way to get the most out of them.</p>
|
||
|
||
<p>Now, with library books, people seem to get a bit upset if you start scribbling in the margins. I have to keep a notebook in which to jot down thoughts.</p>
|
||
|
||
<p>Out on the web, the situation used to be much the same: unless a web page specifically included features for commenting, any annotation had to be kept in a notebook or a separate file, leaving you searching through to find what notes go with which page or dreaming up an ingenious indexing system.</p>
|
||
|
||
<p><strong>No longer!</strong></p>
|
||
|
||
<p>A while back, <a href="http://squiremorley.wordpress.com/">Mark Morley</a> pointed me in the direction of <a href="http://diigo.com/">Diigo</a>. I’d variously been using <a href="http://delicious.com/">Delicious</a> and Magnolia (now defunct, but replaced by the intriguing <a href="http://gnolia.com/">gnolia</a>) for storing bookmarks, so I thought I’d give this rival service a try.</p>
|
||
|
||
<p>For a while, I used it just as a bookmarking service, but it wasn’t long before I cottoned on to the real power of Diigo: highlighting and sticky notes.</p>
|
||
|
||
<p>Using the Diigo plugin for Firefox, or the diigolet (a rather clever little bookmarklet) you can:</p>
|
||
|
||
<ul>
|
||
<li>highlight any part of any web page, in a variety of colours;</li>
|
||
<li>add comments to your highlightings;</li>
|
||
<li>add sticky notes to the page.</li>
|
||
</ul>
|
||
|
||
<p>Now, I can take all the notes I want, and keep them right next to the page they refer to. Great for getting the most learning out of what I read.</p>
|
||
|
||
<p>But the really exciting thing is that I can choose to make my comments public. And so can other people. And when we do that, it becomes a conversation. I can talk and debate with people all over the world on any website, whether or not that site allows it or not.</p>
|
||
|
||
<p>And that’s <em>pretty cool</em>. If you want to learn more, check out this <a href="http://squiremorley.wordpress.com/2009/09/25/video-guide-to-diigo-annotations/">video guide</a> or take a look at an <a href="http://www.diigo.com/bookmark/http%3A%2F%2Fwww.copyblogger.com%2Fbad-writing-habits?tab=comment">annotated blog post</a>.</p>
|
||
|
||
<p>Now, a few weeks ago, Google got in on the act with their new <a href="http://googleblog.blogspot.com/2009/09/help-and-learn-from-others-as-you.html">Sidewiki</a> project, and it’s <a href="http://squiremorley.wordpress.com/2009/09/24/google-sidewiki-the-web-just-changed-again/">caused</a> <a href="http://ouseful.wordpress.com/2009/10/09/surfacing-google-sidewiki-comments-within-a-web-page/">a bit</a> <a href="http://www.socialmediaexplorer.com/2009/09/25/google-force-feeds-social-media-on-the-world/">of a</a> <a href="http://www.web-strategist.com/blog/2009/09/24/googles-sidewiki-shifts-power-to-consumers-away-from-corporate-web-teams/">stir</a>. It’s not as flexible as as Diigo — it’s a very simple sidebar-type affair — but it does a similar job in terms of turning the web into a conversation.</p>
|
||
|
||
<p>The big advantage it has is the Google brand behind it. It’s built into a special version of the Google Toolbar and I think we can expect it to make it into the standard version before long; it’ll also be working its way into Google’s new browser, Chrome. There’s an open API too, which means that if you don’t want to use Google Toolbar, there’s <a href="https://addons.mozilla.org/en-US/firefox/addon/46311">this standalone client for Firefox</a>.</p>
|
||
|
||
<p>So now, I can scribble all over your web page. What are you going to do about it?</p>
|
||
|
||
<p><em>On a semi-related note, I’m still looking for ideas and opinions about <a href="http://erambler.co.uk/2009/10/21/ask-the-readers-do-you-keep-a-portfolio/">using a portfolio to record professional development</a>, so please drop by that post and join in the conversation.</em></p>
|
||
|
||
</div>
|
||
<div id="disqus_thread"></div>
|
||
<script>
|
||
/* * * CONFIGURATION VARIABLES: EDIT BEFORE PASTING INTO YOUR WEBPAGE * * */
|
||
var disqus_shortname = 'erambler'; // required: replace example with your forum shortname
|
||
var disqus_identifier = 'tag:erambler.co.uk,2009-10-31:/blog/annotating-the-web-diigo-vs-google-sidewiki/';
|
||
var disqus_title = 'Annotating the web: Diigo vs. Google Sidewiki'
|
||
var disqus_url = 'http://erambler.co.uk/blog/annotating-the-web-diigo-vs-google-sidewiki/';
|
||
var disqus_developer = 0;
|
||
if (window.location.hostname == 'localhost')
|
||
disqus_developer = 1;
|
||
|
||
/* * * DON'T EDIT BELOW THIS LINE * * */
|
||
(function() {
|
||
var dsq = document.createElement('script'); dsq.type = 'text/javascript'; dsq.async = true;
|
||
dsq.src = 'http://' + disqus_shortname + '.disqus.com/embed.js';
|
||
(document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0]).appendChild(dsq);
|
||
})();
|
||
</script>
|
||
</div>
|
||
</div>
|
||
</article>
|
||
</div>
|
||
<div id="sidebar">
|
||
<div class="sidebar-box about-me h-card">
|
||
<p>Hi, I’m <a href="http://erambler.co.uk" class="p-name u-url">Jez Cope</a> and this is my
|
||
blog, where I talk about technology in research and higher
|
||
education, including:</p>
|
||
|
||
<ul>
|
||
<li>Research data management;</li>
|
||
<li>e-Research;</li>
|
||
<li>Learning;</li>
|
||
<li>Teaching;</li>
|
||
<li>Educational technology.</li>
|
||
</ul>
|
||
</div>
|
||
<div class="sidebar-box links">
|
||
<h2>Me elsewhere</h2>
|
||
<ul>
|
||
<li><a href="https://twitter.com/jezcope" rel="me">Twitter</a></li>
|
||
<li><a href="https://github.com/jezcope" rel="me">github</a></li>
|
||
<li><a href="https://linkedin.com/in/jezcope">LinkedIn</a></li>
|
||
<li><a href="http://diigo.com/user/jezcope">Diigo</a></li>
|
||
<li><a href="https://www.zotero.org/jezcope">Zotero</a></li>
|
||
<li><a href="http://gplus.to/jezcope">Google+</a></li>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
<div class="row">
|
||
<footer><a class="license" href="http://creativecommons.org/licenses/by-sa/4.0/" rel="license">
|
||
<img alt="Creative Commons License" src="http://i.creativecommons.org/l/by-sa/4.0/88x31.png" style="border-width:0">
|
||
</a>
|
||
<span href="http://purl.org/dc/dcmitype/Text" property="dct:title" rel="dct:type" xmlns:dct="http://purl.org/dc/terms/">
|
||
eRambler
|
||
</span>
|
||
by
|
||
<a href="http://erambler.co.uk/" property="cc:attributionName" rel="cc:attributionURL" xmlns:cc="http://creativecommons.org/ns#">
|
||
Jez Cope
|
||
</a>
|
||
is licensed under a
|
||
<a href="http://creativecommons.org/licenses/by-sa/4.0/" rel="license">
|
||
Creative Commons Attribution-ShareAlike 4.0 International license
|
||
</a>
|
||
</footer>
|
||
</div>
|
||
</section>
|
||
</div>
|
||
<script>
|
||
if (!/^http:\/\/localhost/.test(window.location)) {
|
||
var _gaq = _gaq || [];
|
||
_gaq.push(['_setAccount', 'UA-10201101-1']);
|
||
_gaq.push(['_trackPageview']);
|
||
|
||
(function() {
|
||
var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
|
||
ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
|
||
var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
|
||
})();
|
||
}
|
||
</script>
|
||
|
||
</body>
|
||
</html>
|