You cannot select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

118 lines
10 KiB
HTML

4 years ago
<!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&amp;action=edit&amp;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&amp;action=edit&amp;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&amp;action=edit&amp;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
Postexpand 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 postexpand 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>