|
|
|
|
<!DOCTYPE html>
|
|
|
|
|
<!DOCTYPE html>
|
|
|
|
|
<html>
|
|
|
|
|
<head>
|
|
|
|
|
<meta charset="utf-8">
|
|
|
|
|
<title>Tasks of the Contingent Librarian</title>
|
|
|
|
|
<link rel="stylesheet" type="text/css" href="tasks.css">
|
|
|
|
|
<script src="tasks.js"></script>
|
|
|
|
|
</head>
|
|
|
|
|
<body>
|
|
|
|
|
|
|
|
|
|
<div class="card"><DOCUMENT_FRAGMENT><div class="mw-parser-output"><h2><span class="mw-headline" id="Description_of_task">Description of task</span><span class="mw-editsection"><span class="mw-editsection-bracket">[</span><a href="/mw-mediadesign/index.php?title=User:Simon/Etherpad_timed_writing/editing_experiment&action=edit&section=1" title="Edit section: Description of task">edit</a><span class="mw-editsection-bracket">]</span></span></h2>
|
|
|
|
|
<p>In November 2018, I experimented with a timed writing task using Etherpad, a collaborative realtime browser-based text editor. Etherpad automatically assigns authorship colours to users, and I wanted to explore how a text that I was writing, reading and editing over a specific time period could be visualised.
|
|
|
|
|
</p>
|
|
|
|
|
<h2><span class="mw-headline" id="Method">Method</span><span class="mw-editsection"><span class="mw-editsection-bracket">[</span><a href="/mw-mediadesign/index.php?title=User:Simon/Etherpad_timed_writing/editing_experiment&action=edit&section=2" title="Edit section: Method">edit</a><span class="mw-editsection-bracket">]</span></span></h2>
|
|
|
|
|
<p>The method was to write for one hour. I begin by writing a text about what I was doing (writing, reading and editing). For time constraints, I established writing periods of 3 minutes, and a rest period of 2 minutes. After 6 iterations, this shifted to 5 minutes for both respectively. I kept writing and opening up new private tabs in my browser to give each iteration new authorship colours. These are lost when exported, so I recreated the text and authorship colours to make visualisations.<br>
|
|
|
|
|
</p><p><a class="image" href="File:18_11_21_Pad_difs_01.jpg.html" title="The entire text, recreated with authorship colours"><img alt="The entire text, recreated with authorship colours" decoding="async" height="424" src="/mw-mediadesign/images/thumb/a/aa/18_11_21_Pad_difs_01.jpg/300px-18_11_21_Pad_difs_01.jpg" srcset="/mw-mediadesign/images/thumb/a/aa/18_11_21_Pad_difs_01.jpg/450px-18_11_21_Pad_difs_01.jpg 1.5x, /mw-mediadesign/images/thumb/a/aa/18_11_21_Pad_difs_01.jpg/600px-18_11_21_Pad_difs_01.jpg 2x" width="300"></a>
|
|
|
|
|
</p>
|
|
|
|
|
<h2><span class="mw-headline" id="Isolated_iterations">Isolated iterations</span><span class="mw-editsection"><span class="mw-editsection-bracket">[</span><a href="/mw-mediadesign/index.php?title=User:Simon/Etherpad_timed_writing/editing_experiment&action=edit&section=3" title="Edit section: Isolated iterations">edit</a><span class="mw-editsection-bracket">]</span></span></h2>
|
|
|
|
|
<p>Each iteration is isolated in the following visualisations:
|
|
|
|
|
</p>
|
|
|
|
|
<ul class="gallery mw-gallery-traditional">
|
|
|
|
|
<li class="gallerybox" style="width: 155px"><div style="width: 155px">
|
|
|
|
|
<div class="thumb" style="width: 150px;"><div style="margin:15px auto;"><a class="image" href="File:18_11_21_Pad_difs_910.jpg.html"><img alt="" decoding="async" height="120" src="/mw-mediadesign/images/thumb/f/fa/18_11_21_Pad_difs_910.jpg/85px-18_11_21_Pad_difs_910.jpg" srcset="/mw-mediadesign/images/thumb/f/fa/18_11_21_Pad_difs_910.jpg/127px-18_11_21_Pad_difs_910.jpg 1.5x, /mw-mediadesign/images/thumb/f/fa/18_11_21_Pad_difs_910.jpg/170px-18_11_21_Pad_difs_910.jpg 2x" width="85"></a></div></div>
|
|
|
|
|
<div class="gallerytext">
|
|
|
|
|
<p>21:10-21:15
|
|
|
|
|
</p>
|
|
|
|
|
</div>
|
|
|
|
|
</div></li>
|
|
|
|
|
<li class="gallerybox" style="width: 155px"><div style="width: 155px">
|
|
|
|
|
<div class="thumb" style="width: 150px;"><div style="margin:15px auto;"><a class="image" href="File:18_11_21_Pad_difs_915.jpg.html"><img alt="" decoding="async" height="120" src="/mw-mediadesign/images/thumb/b/b8/18_11_21_Pad_difs_915.jpg/85px-18_11_21_Pad_difs_915.jpg" srcset="/mw-mediadesign/images/thumb/b/b8/18_11_21_Pad_difs_915.jpg/127px-18_11_21_Pad_difs_915.jpg 1.5x, /mw-mediadesign/images/thumb/b/b8/18_11_21_Pad_difs_915.jpg/170px-18_11_21_Pad_difs_915.jpg 2x" width="85"></a></div></div>
|
|
|
|
|
<div class="gallerytext">
|
|
|
|
|
<p>21:15-21:20
|
|
|
|
|
</p>
|
|
|
|
|
</div>
|
|
|
|
|
</div></li>
|
|
|
|
|
<li class="gallerybox" style="width: 155px"><div style="width: 155px">
|
|
|
|
|
<div class="thumb" style="width: 150px;"><div style="margin:15px auto;"><a class="image" href="File:18_11_21_Pad_difs_920.jpg.html"><img alt="" decoding="async" height="120" src="/mw-mediadesign/images/thumb/e/ed/18_11_21_Pad_difs_920.jpg/85px-18_11_21_Pad_difs_920.jpg" srcset="/mw-mediadesign/images/thumb/e/ed/18_11_21_Pad_difs_920.jpg/127px-18_11_21_Pad_difs_920.jpg 1.5x, /mw-mediadesign/images/thumb/e/ed/18_11_21_Pad_difs_920.jpg/170px-18_11_21_Pad_difs_920.jpg 2x" width="85"></a></div></div>
|
|
|
|
|
<div class="gallerytext">
|
|
|
|
|
<p>21:20-21:25
|
|
|
|
|
</p>
|
|
|
|
|
</div>
|
|
|
|
|
</div></li>
|
|
|
|
|
<li class="gallerybox" style="width: 155px"><div style="width: 155px">
|
|
|
|
|
<div class="thumb" style="width: 150px;"><div style="margin:15px auto;"><a class="image" href="File:18_11_21_Pad_difs_925.jpg.html"><img alt="" decoding="async" height="120" src="/mw-mediadesign/images/thumb/1/1f/18_11_21_Pad_difs_925.jpg/85px-18_11_21_Pad_difs_925.jpg" srcset="/mw-mediadesign/images/thumb/1/1f/18_11_21_Pad_difs_925.jpg/127px-18_11_21_Pad_difs_925.jpg 1.5x, /mw-mediadesign/images/thumb/1/1f/18_11_21_Pad_difs_925.jpg/170px-18_11_21_Pad_difs_925.jpg 2x" width="85"></a></div></div>
|
|
|
|
|
<div class="gallerytext">
|
|
|
|
|
<p>21:25-21:30
|
|
|
|
|
</p>
|
|
|
|
|
</div>
|
|
|
|
|
</div></li>
|
|
|
|
|
<li class="gallerybox" style="width: 155px"><div style="width: 155px">
|
|
|
|
|
<div class="thumb" style="width: 150px;"><div style="margin:15px auto;"><a class="image" href="File:18_11_21_Pad_difs_930.jpg.html"><img alt="" decoding="async" height="120" src="/mw-mediadesign/images/thumb/4/43/18_11_21_Pad_difs_930.jpg/85px-18_11_21_Pad_difs_930.jpg" srcset="/mw-mediadesign/images/thumb/4/43/18_11_21_Pad_difs_930.jpg/127px-18_11_21_Pad_difs_930.jpg 1.5x, /mw-mediadesign/images/thumb/4/43/18_11_21_Pad_difs_930.jpg/170px-18_11_21_Pad_difs_930.jpg 2x" width="85"></a></div></div>
|
|
|
|
|
<div class="gallerytext">
|
|
|
|
|
<p>21:30-21:35
|
|
|
|
|
</p>
|
|
|
|
|
</div>
|
|
|
|
|
</div></li>
|
|
|
|
|
<li class="gallerybox" style="width: 155px"><div style="width: 155px">
|
|
|
|
|
<div class="thumb" style="width: 150px;"><div style="margin:15px auto;"><a class="image" href="File:18_11_21_Pad_difs_940.jpg.html"><img alt="" decoding="async" height="120" src="/mw-mediadesign/images/thumb/d/d2/18_11_21_Pad_difs_940.jpg/85px-18_11_21_Pad_difs_940.jpg" srcset="/mw-mediadesign/images/thumb/d/d2/18_11_21_Pad_difs_940.jpg/127px-18_11_21_Pad_difs_940.jpg 1.5x, /mw-mediadesign/images/thumb/d/d2/18_11_21_Pad_difs_940.jpg/170px-18_11_21_Pad_difs_940.jpg 2x" width="85"></a></div></div>
|
|
|
|
|
<div class="gallerytext">
|
|
|
|
|
<p>21:35-21:40
|
|
|
|
|
</p>
|
|
|
|
|
</div>
|
|
|
|
|
</div></li>
|
|
|
|
|
<li class="gallerybox" style="width: 155px"><div style="width: 155px">
|
|
|
|
|
<div class="thumb" style="width: 150px;"><div style="margin:15px auto;"><a class="image" href="File:18_11_21_Pad_difs_950.jpg.html"><img alt="" decoding="async" height="120" src="/mw-mediadesign/images/thumb/a/a4/18_11_21_Pad_difs_950.jpg/85px-18_11_21_Pad_difs_950.jpg" srcset="/mw-mediadesign/images/thumb/a/a4/18_11_21_Pad_difs_950.jpg/127px-18_11_21_Pad_difs_950.jpg 1.5x, /mw-mediadesign/images/thumb/a/a4/18_11_21_Pad_difs_950.jpg/170px-18_11_21_Pad_difs_950.jpg 2x" width="85"></a></div></div>
|
|
|
|
|
<div class="gallerytext">
|
|
|
|
|
<p>21:40-21:50
|
|
|
|
|
</p>
|
|
|
|
|
</div>
|
|
|
|
|
</div></li>
|
|
|
|
|
<li class="gallerybox" style="width: 155px"><div style="width: 155px">
|
|
|
|
|
<div class="thumb" style="width: 150px;"><div style="margin:15px auto;"><a class="image" href="File:18_11_21_Pad_difs_1000.jpg.html"><img alt="" decoding="async" height="120" src="/mw-mediadesign/images/thumb/6/6f/18_11_21_Pad_difs_1000.jpg/85px-18_11_21_Pad_difs_1000.jpg" srcset="/mw-mediadesign/images/thumb/6/6f/18_11_21_Pad_difs_1000.jpg/127px-18_11_21_Pad_difs_1000.jpg 1.5x, /mw-mediadesign/images/thumb/6/6f/18_11_21_Pad_difs_1000.jpg/170px-18_11_21_Pad_difs_1000.jpg 2x" width="85"></a></div></div>
|
|
|
|
|
<div class="gallerytext">
|
|
|
|
|
<p>21:50-22:00
|
|
|
|
|
</p>
|
|
|
|
|
</div>
|
|
|
|
|
</div></li>
|
|
|
|
|
<li class="gallerybox" style="width: 155px"><div style="width: 155px">
|
|
|
|
|
<div class="thumb" style="width: 150px;"><div style="margin:15px auto;"><a class="image" href="File:18_11_21_Pad_difs_colours.jpg.html"><img alt="" decoding="async" height="120" src="/mw-mediadesign/images/thumb/3/31/18_11_21_Pad_difs_colours.jpg/85px-18_11_21_Pad_difs_colours.jpg" srcset="/mw-mediadesign/images/thumb/3/31/18_11_21_Pad_difs_colours.jpg/127px-18_11_21_Pad_difs_colours.jpg 1.5x, /mw-mediadesign/images/thumb/3/31/18_11_21_Pad_difs_colours.jpg/170px-18_11_21_Pad_difs_colours.jpg 2x" width="85"></a></div></div>
|
|
|
|
|
<div class="gallerytext">
|
|
|
|
|
<p>22:00-22:10
|
|
|
|
|
</p>
|
|
|
|
|
</div>
|
|
|
|
|
</div></li>
|
|
|
|
|
</ul>
|
|
|
|
|
<p>The authorship colours with text removed:
|
|
|
|
|
</p><p><a class="image" href="File:18_11_21_Pad_difs_colours_all.jpg.html" title="Authorship colours with text removed"><img alt="Authorship colours with text removed" decoding="async" height="566" src="/mw-mediadesign/images/thumb/9/9a/18_11_21_Pad_difs_colours_all.jpg/400px-18_11_21_Pad_difs_colours_all.jpg" srcset="/mw-mediadesign/images/thumb/9/9a/18_11_21_Pad_difs_colours_all.jpg/600px-18_11_21_Pad_difs_colours_all.jpg 1.5x, /mw-mediadesign/images/thumb/9/9a/18_11_21_Pad_difs_colours_all.jpg/800px-18_11_21_Pad_difs_colours_all.jpg 2x" width="400"></a>
|
|
|
|
|
</p><p>The experiment showed me that editing is a way of writing, kind of like making growing a tree while making furniture from it. Whatever is written is there to be pruned and shaped into pieces that are joined together to form a supportive text structure. Etherpad makes this visible with its authorship colours, all the more so when it is used as it has been designed; collaboratively.
|
|
|
|
|
</p>
|
|
|
|
|
<!--
|
|
|
|
|
NewPP limit report
|
|
|
|
|
Cached time: 20200610083231
|
|
|
|
|
Cache expiry: 86400
|
|
|
|
|
Dynamic content: false
|
|
|
|
|
CPU time usage: 0.070 seconds
|
|
|
|
|
Real time usage: 0.358 seconds
|
|
|
|
|
Preprocessor visited node count: 22/1000000
|
|
|
|
|
Preprocessor generated node count: 72/1000000
|
|
|
|
|
Post‐expand include size: 0/2097152 bytes
|
|
|
|
|
Template argument size: 0/2097152 bytes
|
|
|
|
|
Highest expansion depth: 2/40
|
|
|
|
|
Expensive parser function count: 0/100
|
|
|
|
|
Unstrip recursion depth: 0/20
|
|
|
|
|
Unstrip post‐expand size: 5952/5000000 bytes
|
|
|
|
|
-->
|
|
|
|
|
<!--
|
|
|
|
|
Transclusion expansion time report (%,ms,calls,template)
|
|
|
|
|
100.00% 0.000 1 -total
|
|
|
|
|
-->
|
|
|
|
|
|
|
|
|
|
<!-- Saved in parser cache with key wdka_mw_mediadesign-mw_:pcache:idhash:31606-0!canonical and timestamp 20200610083230 and revision id 173467
|
|
|
|
|
-->
|
|
|
|
|
</div></DOCUMENT_FRAGMENT></div>
|
|
|
|
|
|
|
|
|
|
</body>
|
|
|
|
|
</html>
|