|
|
<!DOCTYPE html>
|
|
|
<html xmlns="http://www.w3.org/1999/xhtml" lang="" xml:lang="">
|
|
|
<head>
|
|
|
<meta charset="utf-8" />
|
|
|
<meta name="generator" content="pandoc" />
|
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes" />
|
|
|
<title>epicpedia_2024_notes</title>
|
|
|
<style>
|
|
|
html {
|
|
|
line-height: 1.5;
|
|
|
font-family: Georgia, serif;
|
|
|
font-size: 20px;
|
|
|
color: #1a1a1a;
|
|
|
background-color: #fdfdfd;
|
|
|
}
|
|
|
body {
|
|
|
margin: 0 auto;
|
|
|
max-width: 36em;
|
|
|
padding-left: 50px;
|
|
|
padding-right: 50px;
|
|
|
padding-top: 50px;
|
|
|
padding-bottom: 50px;
|
|
|
hyphens: auto;
|
|
|
overflow-wrap: break-word;
|
|
|
text-rendering: optimizeLegibility;
|
|
|
font-kerning: normal;
|
|
|
}
|
|
|
@media (max-width: 600px) {
|
|
|
body {
|
|
|
font-size: 0.9em;
|
|
|
padding: 1em;
|
|
|
}
|
|
|
h1 {
|
|
|
font-size: 1.8em;
|
|
|
}
|
|
|
}
|
|
|
@media print {
|
|
|
body {
|
|
|
background-color: transparent;
|
|
|
color: black;
|
|
|
font-size: 12pt;
|
|
|
}
|
|
|
p, h2, h3 {
|
|
|
orphans: 3;
|
|
|
widows: 3;
|
|
|
}
|
|
|
h2, h3, h4 {
|
|
|
page-break-after: avoid;
|
|
|
}
|
|
|
}
|
|
|
p {
|
|
|
margin: 1em 0;
|
|
|
}
|
|
|
a {
|
|
|
color: #1a1a1a;
|
|
|
}
|
|
|
a:visited {
|
|
|
color: #1a1a1a;
|
|
|
}
|
|
|
img {
|
|
|
max-width: 100%;
|
|
|
}
|
|
|
h1, h2, h3, h4, h5, h6 {
|
|
|
margin-top: 1.4em;
|
|
|
}
|
|
|
h5, h6 {
|
|
|
font-size: 1em;
|
|
|
font-style: italic;
|
|
|
}
|
|
|
h6 {
|
|
|
font-weight: normal;
|
|
|
}
|
|
|
ol, ul {
|
|
|
padding-left: 1.7em;
|
|
|
margin-top: 1em;
|
|
|
}
|
|
|
li > ol, li > ul {
|
|
|
margin-top: 0;
|
|
|
}
|
|
|
blockquote {
|
|
|
margin: 1em 0 1em 1.7em;
|
|
|
padding-left: 1em;
|
|
|
border-left: 2px solid #e6e6e6;
|
|
|
color: #606060;
|
|
|
}
|
|
|
code {
|
|
|
font-family: Menlo, Monaco, 'Lucida Console', Consolas, monospace;
|
|
|
font-size: 85%;
|
|
|
margin: 0;
|
|
|
}
|
|
|
pre {
|
|
|
margin: 1em 0;
|
|
|
overflow: auto;
|
|
|
}
|
|
|
pre code {
|
|
|
padding: 0;
|
|
|
overflow: visible;
|
|
|
overflow-wrap: normal;
|
|
|
}
|
|
|
.sourceCode {
|
|
|
background-color: transparent;
|
|
|
overflow: visible;
|
|
|
}
|
|
|
hr {
|
|
|
background-color: #1a1a1a;
|
|
|
border: none;
|
|
|
height: 1px;
|
|
|
margin: 1em 0;
|
|
|
}
|
|
|
table {
|
|
|
margin: 1em 0;
|
|
|
border-collapse: collapse;
|
|
|
width: 100%;
|
|
|
overflow-x: auto;
|
|
|
display: block;
|
|
|
font-variant-numeric: lining-nums tabular-nums;
|
|
|
}
|
|
|
table caption {
|
|
|
margin-bottom: 0.75em;
|
|
|
}
|
|
|
tbody {
|
|
|
margin-top: 0.5em;
|
|
|
border-top: 1px solid #1a1a1a;
|
|
|
border-bottom: 1px solid #1a1a1a;
|
|
|
}
|
|
|
th {
|
|
|
border-top: 1px solid #1a1a1a;
|
|
|
padding: 0.25em 0.5em 0.25em 0.5em;
|
|
|
}
|
|
|
td {
|
|
|
padding: 0.125em 0.5em 0.25em 0.5em;
|
|
|
}
|
|
|
header {
|
|
|
margin-bottom: 4em;
|
|
|
text-align: center;
|
|
|
}
|
|
|
#TOC li {
|
|
|
list-style: none;
|
|
|
}
|
|
|
#TOC ul {
|
|
|
padding-left: 1.3em;
|
|
|
}
|
|
|
#TOC > ul {
|
|
|
padding-left: 0;
|
|
|
}
|
|
|
#TOC a:not(:hover) {
|
|
|
text-decoration: none;
|
|
|
}
|
|
|
code{white-space: pre-wrap;}
|
|
|
span.smallcaps{font-variant: small-caps;}
|
|
|
span.underline{text-decoration: underline;}
|
|
|
div.column{display: inline-block; vertical-align: top; width: 50%;}
|
|
|
div.hanging-indent{margin-left: 1.5em; text-indent: -1.5em;}
|
|
|
ul.task-list{list-style: none;}
|
|
|
.display.math{display: block; text-align: center; margin: 0.5rem auto;}
|
|
|
</style>
|
|
|
</head>
|
|
|
<body>
|
|
|
<h2 id="revisiting-epicpedia-2024">Revisiting Epicpedia (2024)</h2>
|
|
|
<p><a href="https://pzwiki.wdka.nl/mediadesign/Epicpedia">Epicpedia</a>
|
|
|
was a graduation work made in 2008 by then Networked Media student
|
|
|
Annemieke van der Hoek.</p>
|
|
|
<p>Sadly, the site is no longer online, however via the wayback machine,
|
|
|
a <a
|
|
|
href="https://web.archive.org/web/20100331135533/http://www.epicpedia.org/">partial
|
|
|
snapshot</a> is visible.</p>
|
|
|
<p>Several screenshots are available on the <a
|
|
|
href="https://pzwiki.wdka.nl/mediadesign/Epicpedia">pzi wiki
|
|
|
page</a>.</p>
|
|
|
<h2 id="wikipedia-articles-as-conversations">Wikipedia articles as
|
|
|
conversations…</h2>
|
|
|
<p>Though we tend to read Wikipedia articles as a unified linear text
|
|
|
representing the latest revision, they are in fact are written in a much
|
|
|
more conversational manner with often thousands of individual edits,
|
|
|
corrections, deletions, and contestations. All these edits are
|
|
|
(meticulously) tracked and are made publically available when one views
|
|
|
the <em>history</em> of an article. Besides the edits themselves, edits
|
|
|
are associated with the user account or IP address (if made
|
|
|
<em>anonymously</em>) of the author, a timestamp, as well as an optional
|
|
|
comment, often the justification of the edit, and a flag for whether or
|
|
|
not the edit was is considered “minor”.</p>
|
|
|
<p>A wikipedia edit may be small, as in fixing a typo, or large, such as
|
|
|
the addition of a new section, or contentious, such as changing existing
|
|
|
wording to reflect a different point of view. No matter the size or
|
|
|
intent, however, each edit contains a collection of <em>meta-data</em>
|
|
|
about the edit. In Epicpedia, this <em>meta-data</em> was likened to the
|
|
|
meta-text of a stage play, ie the stage directions, and other texts in a
|
|
|
screenplay besides the actual lines that are spoken. In invoking the
|
|
|
figure of Berthold Brecht, and the ideas of Epic Theater, a parallel is
|
|
|
made between the intents of Brechtian “distancing” as a means of
|
|
|
heightened engagement with a theater piece through an acknolwedgement of
|
|
|
its construction and artificiality, with the experience of engaging with
|
|
|
a contemporary web publishing platform such as Wikipedia.</p>
|
|
|
<h2 id="hands-on-with-the-api">Hands-on with the API</h2>
|
|
|
<p>Let’s consider this article on the english language Wikipedia about
|
|
|
recent Nobel prize for Literature winner Han Kang:</p>
|
|
|
<p><a href="https://en.wikipedia.org/wiki/Han_Kang"
|
|
|
class="uri">https://en.wikipedia.org/wiki/Han_Kang</a></p>
|
|
|
<p>Looking at this articles <a
|
|
|
href="https://en.wikipedia.org/w/index.php?title=Han_Kang&action=history">history</a>,
|
|
|
we can go back in time (click on “oldest” near the bottom) to find that
|
|
|
the article was created in August 2010:</p>
|
|
|
<p><a
|
|
|
href="https://en.wikipedia.org/w/index.php?title=Han_Kang&oldid=376586279"
|
|
|
class="uri">https://en.wikipedia.org/w/index.php?title=Han_Kang&oldid=376586279</a></p>
|
|
|
<p>Note that when you click on “View history”, the URL changes to reveal
|
|
|
the actual underlying URL structure. The URL of the api is the same,
|
|
|
just replace “index.php” with “api.php”.</p>
|
|
|
<p>To work with the history of an article in javascript, you can use
|
|
|
mediawiki’s <a
|
|
|
href="https://www.mediawiki.org/wiki/API:Revisions">Revisions
|
|
|
API</a></p>
|
|
|
<p>The examples given on API:Revisions page, show for instance how to
|
|
|
access the last 5 edits of an article:</p>
|
|
|
<p><a
|
|
|
href="https://www.mediawiki.org/w/api.php?action=query&prop=revisions&titles=MediaWiki&rvlimit=5&rvprop=timestamp%7Cuser%7Ccomment"
|
|
|
class="uri">https://www.mediawiki.org/w/api.php?action=query&prop=revisions&titles=MediaWiki&rvlimit=5&rvprop=timestamp|user|comment</a></p>
|
|
|
<p>or the first 5 edits:</p>
|
|
|
<p><a
|
|
|
href="https://www.mediawiki.org/w/api.php?action=query&prop=revisions&titles=MediaWiki&rvlimit=5&rvprop=timestamp%7Cuser%7Ccomment&rvdir=newer"
|
|
|
class="uri">https://www.mediawiki.org/w/api.php?action=query&prop=revisions&titles=MediaWiki&rvlimit=5&rvprop=timestamp|user|comment&rvdir=newer</a></p>
|
|
|
<p>Adding ids and flags</p>
|
|
|
<p><a
|
|
|
href="https://www.mediawiki.org/w/api.php?action=query&prop=revisions&titles=MediaWiki&rvlimit=5&rvprop=timestamp%7Cuser%7Ccomment%7Cids%7Cflags&rvdir=newer"
|
|
|
class="uri">https://www.mediawiki.org/w/api.php?action=query&prop=revisions&titles=MediaWiki&rvlimit=5&rvprop=timestamp|user|comment|ids|flags&rvdir=newer</a></p>
|
|
|
<p>Now, let’s adapt this to an article on the English-language
|
|
|
wikipedia, to Han Kang’s page (note the change of host!)…</p>
|
|
|
<p><a
|
|
|
href="https://en.wikipedia.org/w/api.php?action=query&prop=revisions&titles=Han%20Kang&rvlimit=5&rvprop=timestamp%7Cuser%7Ccomment%7Cids%7Cflags&rvdir=newer"
|
|
|
class="uri">https://en.wikipedia.org/w/api.php?action=query&prop=revisions&titles=Han%20Kang&rvlimit=5&rvprop=timestamp|user|comment|ids|flags&rvdir=newer</a></p>
|
|
|
<p>The API also provides a <a
|
|
|
href="https://www.mediawiki.org/wiki/API:Compare">Compare action</a> to
|
|
|
show the differences between two versions (revisions) of an article.</p>
|
|
|
<p><a
|
|
|
href="https://en.wikipedia.org/w/api.php?action=compare&format=json&fromtitle=Han+Kang&totitle=Han+Kang&torelative=next&formatversion=2&prop=diff%7Cids%7Ctitle%7Cuser%7Ccomment%7Cparsedcomment%7Ctimestamp&difftype=inline&fromrev=376586279"
|
|
|
class="uri">https://en.wikipedia.org/w/api.php?action=compare&format=json&fromtitle=Han+Kang&totitle=Han+Kang&torelative=next&formatversion=2&prop=diff%7Cids%7Ctitle%7Cuser%7Ccomment%7Cparsedcomment%7Ctimestamp&difftype=inline&fromrev=376586279</a></p>
|
|
|
<h2 id="a-sketch">A sketch</h2>
|
|
|
<p>See: <a href="showdiff.html">showdiff</a>.</p>
|
|
|
</body>
|
|
|
</html>
|