-
-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
198 lines (181 loc) · 12.5 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
---
layout: default
title: Home
---
<div class="section-title mt-4"><h2><span>New here?</span></h2></div>
<details>
<summary><b>What is peer production and why is there a need for a webdesign guide specifically for this?</b></summary>
<p> Peer production is a way of online distributed knowledge production that relies on the collective intelligence of
self-organizing groups of individuals, without or with less rigid hierarchical control and management (Benkler et al., 2015).
This mode of knowledge production is most commonly known from projects like Wikipedia or Open Source Software.
Because contributors self-organize in peer production, online environments that are tailored to the task and that
facilitate collaboration and coordination can have an important impact on the success of the project.
Developing a website (or deciding on an existing tool, like wikis or GitHub) that works best for your peer production project
can seem quite complicated in the beginning. This website aims to give some guidance for those just starting out with online collaboration projects,
but also those interested the features other projects use to facilitate peer production.
In conclusion, this resource is thought to provide guidance, inspire and share great features and mechanisms other peer production projects developed! :)</p>
</details>
<details>
<summary><b>How to use this website?</b></summary>
<p> Right below these introductory questions, you find a section giving a structured introduction to elements of peer production platforms.
For each element, there is a list of blog posts that use the respective tag. These blog posts contain information on features of peer production
projects that implement these elements. You can also search directly for tags or other keywords, if you know what you are looking for. The guide to
peer production, as well as the exemplary features are thought to help you understand and implement peer production elements to your own online collaboration
projects. </p>
</details>
<details>
<summary><b>Who are you and why did you create this website?</b></summary>
<p> See <a href="https://peer-produced.science/design-practices/about">About</a>.</p>
</details>
<details>
<summary><b>Can I contribute to this website or reuse its content or code?</b></summary>
<p> See <a href="https://peer-produced.science/design-practices/get-involved">Get Involved</a>.</p>
</details>
<br>
<!-- Peer Production Elements Jumbotron with collapsible element descriptions
============================================================================== -->
<div id="accordion" class="accordion-group">
<div class="section-title mt-4"><h2><span>Guide to Peer Production Elements for Websites</span></h2></div>
<div class="jumbotron fortags mb-0" style="height:160px;">
<div class="d-md-flex h-100">
<div class="col-md-12 p-3 align-self-center text-center">
<p>Click on one of the elements below for explanations and examples!</p>
<a class="mt-1 mb-1" href="#knowledgeproductionflow" data-toggle="collapse" data-parent="#accordion">Knowledge Production Flow</a>
<a class="mt-1 mb-1" href="#stigmergicbasicstructure" data-toggle="collapse" data-parent="#accordion">Stigmergic Basic Structure</a>
<a class="mt-1 mb-1" href="#equipotentialselfselection" data-toggle="collapse" data-parent="#accordion">Equipotential Self-Selection</a>
<a class="mt-1 mb-1" href="#rangeoftasks" data-toggle="collapse" data-parent="#accordion">Range of Tasks</a>
<a class="mt-1 mb-1" href="#granularityandmodularity" data-toggle="collapse" data-parent="#accordion">Granularity and Modularity</a>
<a class="mt-1 mb-1" href="#communalqualitycontrol" data-toggle="collapse" data-parent="#accordion">Communal Quality Control</a>
<a class="mt-1 mb-1" href="#transparency" data-toggle="collapse" data-parent="#accordion">Transparency</a>
<a class="mt-1 mb-1" href="#learningfeatures" data-toggle="collapse" data-parent="#accordion">Learning Features</a>
<a class="mt-1 mb-1" href="#socialfeatures" data-toggle="collapse" data-parent="#accordion">Social Features</a>
</div>
</div>
</div>
<div id="knowledgeproductionflow" class="collapse">
<div class="jumbotron-appendix">
<div class="d-md-flex h-100">
<div class="col-md-12 p-3 align-self-center">
<div class="section-title mt-4"><h2>Knowledge Production Flow</h2></div>
<p>To begin with, ask yourself how users are creating <i>knowledge</i> (e.g. in the form of articles, data classifications or analyses, software code...) in your case. Which steps are possible? How does a complete <i>knowledge production flow</i> look like? Where can users enter the knowledge production? Which steps do they usually take?</p>
<p><i>Example from Wikipedia:</i> In a very simplified manner, a user creates an article and writes a first draft, which is then extended and improved iteratively by this or other users.</p>
{% include tagged-post-list.html tag="knowledge-production-flow" %}
</div>
</div>
</div>
</div>
<div id="stigmergicbasicstructure" class="collapse">
<div class="jumbotron-appendix">
<div class="d-md-flex h-100">
<div class="col-md-12 p-3 align-self-center">
<div class="section-title mt-4"><h2>Stigmergic Basic Structure</h2></div>
<p><i>Stigmergy</i> is a term from biology, referring, for example, to the coordinated behavior of termites building a termite mound. This system can be uses as a metaphor for
online collaboration: Users come together in an online environment (a website) to work towards a shared purpose. They coordinate either directly or indirectly via digital <i>signs</i>
in the environment and build upon the work of other users.</p>
<p><i>Example from Wikipedia:</i>
<ul>
<li><b>Shared purpose:</b> Creation of an open encyclopedia</li>
<li><b>Environment:</b> wikipedia.org</li>
<li><b>Agents:</b> Users of Wikipedia</li>
<li><b>Digital signs:</b></li>
<ul>
<li><b>Research artifacts:</b> Articles</li>
<li><b>Related signs:</b> e.g. talk pages for discussions for every article, red links signalling missing articles, hints for article stubs that need more content</li>
</ul>
<li><b>Accessibility of content/signs:</b> All content (articles, discussions …) is publicly accessible on the platform
</li>
</ul></p>
{% include tagged-post-list.html tag="stigmergy" %}
</div>
</div>
</div>
</div>
<div id="equipotentialselfselection" class="collapse">
<div class="jumbotron-appendix">
<div class="d-md-flex h-100">
<div class="col-md-12 p-3 align-self-center">
<div class="section-title mt-4"><h2>Equipotential Self-Selection</h2></div>
<p>Users self-select which and how many tasks they want to work on, no one assigns them tasks. In addition, there are no formal credentials, e.g. a university degree, needed as an entry requirement</p>
<p><i>Example from Wikipedia: </i> Without the need to create an account, anyone can in theory edit or create any article.</p>
{% include tagged-post-list.html tag="equipotential-self-selection" %}
</div>
</div>
</div>
</div>
<div id="rangeoftasks" class="collapse">
<div class="jumbotron-appendix">
<div class="d-md-flex h-100">
<div class="col-md-12 p-3 align-self-center">
<div class="section-title mt-4"><h2>Range of Tasks</h2></div>
<p>Which tasks from the knowledge production cycle are available to the users? Do they work mainly on clearly defined microtasks (e.g. classifying data points according
to a protocol) or can they also work on more open-ended and conceptual tasks (e.g. creation of new data collection protocols, determination of their own reserach priorities...)?
</p>
<p><i>Example from Wikipedia: </i> Users can decide which topics they would like to write articles about, can conceptualize and write them and give feedback and contribute to articles other people have written.</p>
{% include tagged-post-list.html tag="range-of-tasks" %}
</div>
</div>
</div>
</div>
<div id="granularityandmodularity" class="collapse">
<div class="jumbotron-appendix">
<div class="d-md-flex h-100">
<div class="col-md-12 p-3 align-self-center">
<div class="section-title mt-4"><h2>Granularity and Modularity</h2></div>
<p>Tasks should be broken down to smaller modules that fit together as a whole. This helps to attract people with different skills, backgrounds and time available. Also it makes it easier for newcomers if there are smaller and easier tasks available.</p>
<p><i>Example from Wikipedia: </i>The most salient modules in Wikipedia are articles, whose subparts (sections, paragraphs, etc.) can be edited semi-independently. In addition, templates can be created and reused across articles, and images are reusable across articles and languages.</p>
{% include tagged-post-list.html tag="granularity-modularity" %}
</div>
</div>
</div>
</div>
<div id="communalqualitycontrol" class="collapse">
<div class="jumbotron-appendix">
<div class="d-md-flex h-100">
<div class="col-md-12 p-3 align-self-center">
<div class="section-title mt-4"><h2>Communal Quality Control</h2></div>
<p>Quality control is performed by the community (communal validation). There are processes to guide coordination in case of conflicts (negotiated coordination).</p>
<p><i>Example from Wikipedia: </i>There are communal validation mechanisms, like “talk” pages: A discussion page for every article, where validation and coordination takes place. Articles can also be assessed and a grade can be assigned to them, following publicly available and community-built guidelines.
There are special roles like “WikiProject coordinators”, who serve as points-of-contact and maintain their respective project, without having any special executive powers.</p>
{% include tagged-post-list.html tag="communal-quality-control" %}
</div>
</div>
</div>
</div>
<div id="transparency" class="collapse">
<div class="jumbotron-appendix">
<div class="d-md-flex h-100">
<div class="col-md-12 p-3 align-self-center">
<div class="section-title mt-4"><h2>Transparency</h2></div>
<p>Visibility of contribution histories for artifacts and users</p>
<p><i>Example from Wikipedia: </i>There are automatically generated contribution histories for every article and user.</p>
{% include tagged-post-list.html tag="transparency" %}
</div>
</div>
</div>
</div>
<div id="learningfeatures" class="collapse">
<div class="jumbotron-appendix">
<div class="d-md-flex h-100">
<div class="col-md-12 p-3 align-self-center">
<div class="section-title mt-4"><h2>Learning Features</h2></div>
<p>Mechanisms that allow users to learn the necessary skills to participate in the knowledge production</p>
<p><i>Example from Wikipedia: </i>There are a multitude of guidelines and tutorial sites on writing articles.</p>
<h4>How did others solve this? - Articles on this topic</h4>
{% include tagged-post-list.html tag="learning" %}
</div>
</div>
</div>
</div>
<div id="socialfeatures" class="collapse">
<div class="jumbotron-appendix">
<div class="d-md-flex h-100">
<div class="col-md-12 p-3 align-self-center">
<div class="section-title mt-4"><h2>Social Features</h2></div>
<p>Communication and socialising mechanisms that help to build and strengthen the community</p>
<p><i>Example from Wikipedia: </i>There are socializing events, like the annual Wikimania conference, thematic groups, and communication possibilities like forums or chats.</p>
{% include tagged-post-list.html tag="social" %}
</div>
</div>
</div>
</div>
</div>