Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

delete this #30

Open
wants to merge 25 commits into
base: master
Choose a base branch
from
Open
Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
25 commits
Select commit Hold shift + click to select a range
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
1 change: 1 addition & 0 deletions .gitignore
Original file line number Diff line number Diff line change
@@ -1,3 +1,4 @@
/.idea
/articles

*~
Expand Down
8 changes: 4 additions & 4 deletions website/frontend/templates/404.html
Original file line number Diff line number Diff line change
Expand Up @@ -2,12 +2,12 @@
{% load url from future %}


{% block title %}Error{% endblock title%}
{% block title %}Fehler 404{% endblock title%}

{% block content %}

<h1>Oops, this doesn't look right</h1>
<p>Hmm. If you are on this page, something went wrong.</p>
<p>If you want to tell us what, you can <a href="{% url 'contact' %}">contact us</a>.</p>
<h1>Nanu, das sieht nicht richtig aus.</h1>
<p>Scheint so, als wurde die Seite nicht gefunden.</p>
<p>Falls du weißt, was schief gelaufen ist, kannst du uns gerne <a href="{% url 'contact' %}">kontaktieren</a>.</p>

{% endblock content%}
9 changes: 4 additions & 5 deletions website/frontend/templates/500.html
Original file line number Diff line number Diff line change
Expand Up @@ -2,13 +2,12 @@
{% load url from future %}


{% block title %}Error{% endblock title%}
{% block title %}Error 500{% endblock title%}

{% block content %}

<h1>Oops, this doesn't look right</h1>
<p>
Hm. If you are on this page, something went wrong.
<p>If you want to tell us what, you can <a href="{% url 'contact' %}">contact us</a>.
<h1>Nanu, das sieht nicht richtig aus.</h1>
<p>Wenn du auf dieser Seite bist, scheint etwas schief gelaufen zu sein.</p>
<p>Falls du mehr darüber weißt, kannst du uns gerne <a href="{% url 'contact' %}">kontaktieren</a>.</p>

{% endblock content%}
102 changes: 41 additions & 61 deletions website/frontend/templates/about.html
Original file line number Diff line number Diff line change
Expand Up @@ -5,79 +5,59 @@
{% block active_about %}class="active"{% endblock %}

{% block content %}
<a
href="http://www.newsdiffs.org/diff/192021/192137/www.nytimes.com/2013/03/31/science/space/yvonne-brill-rocket-scientist-dies-at-88.html"><img
src="{% url 'static' 'images/brill.png' %}"
width="450" align="right" style="padding:15px; margin:15px"/></a>
<h1>About NewsDiffs</h1>

<h1>Über NewsDiffs</h1>
<p>

<div class="boldhead">Why NewsDiffs Exists</div>
<div class="boldhead">Warum NewsDiffs existiert</div>

<p>In the age of rapid reporting and digital news, there is rarely a single "final" version of an article.
<p>NewsDiffs watches different versions of highly-placed articles on online news sites, starting with <a href="http://nytimes.com">nytimes.com</a>.
<p>In einer Zeit, in der es vor Eilmeldungen nur so wimmelt und Nachrichten online abrufbar sind, gibt es kaum noch "endgültige" Versionen von Artikeln.
<p>NewsDiffs beobachtet verschiedene Versionen von Artikeln der Titelseiten von großen Online-Zeitungen, wie z.B. <a href="http://www.zeit.de/index">Zeit Online</a>.

<p>For better or worse, readers can now view "the making of the sausage" that historically was discreetly
tucked away from view with dead-tree editions. Some of those changes <a
href="http://blogs.villagevoice.com/runninscared/2011/10/why_did_the_new_1.php">provoke criticism</a>.
<p>NewsDiffs was born of the <a
href="http://opennews-mit.eventbrite.com/">Knight Mozilla MIT hackathon</a> on June 17, 2012.<p>
<p>So können Leser jetzt das "Making-of" eines Artikels, das früher hinter den Kulissen der Nachrichtenagenturen versteckt war, verfolgen. Einige dieser Änderungen <a
href="http://blogs.villagevoice.com/runninscared/2011/10/why_did_the_new_1.php">provozieren Kritik</a>.

<div class="boldhead">What Types of Changes?</div>
<p>Updates to articles on major news web sites happen all the time.</p>
<p>Often the changes to articles are simply minor, small edits that are tightening up (such as "most" to "many.")</p>
<p>Sometimes the changes are the insertion or the deletion of a section.</p>
<p>Sometimes the story changes as a result of a rapidly breaking news, such as <a
href="http://www.newsdiffs.org/diffview?url=http://www.nytimes.com/2012/06/18/us/rodney-king-whose-beating-led-to-la-riots-dead-at-47.html&v1=4914b33add01e16c34ed2d066bba5c829bcfdf8b&v2=eed0278b77d633f80398660ed97d8490ac84fc27&pagewanted=all">the
death of Rodney King</a>. The story grows and deepens over time as more information comes in. To the right is an <a
href="http://www.nytimes.com/2012/06/20/world/middleeast/mubarak-is-on-life-support-egypt-security-officials-say.html&v1=e935fb9e8ce50c90971916796fde2c10f0b8b7ad&v2=99c50b4ba9d0d066c485697d90b0fcd0de0b7b3e&pagewanted=all">example
of a story that evolved about the health of former Egyptian president
Hosni Mubarak</a>, first when it was reported that he was "clinically dead" and then later that he had suffered a stroke.
<p> Another interesting example would have been <a href="https://www.nytimes.com/2011/05/02/world/asia/osama-bin-laden-is-killed.html?_r=1&pagewanted=all">the killing of Osama Bin Laden</a> on May 1, 2011, which broke at 10:40 p.m. with a sparse report from Helene Cooper:
<div class="boldhead">Was für Arten von Änderungen?</div>
<p>Artikel aus Online-Zeitungen großer Nachrichtenportale werden ständig aktualisiert.</p>
<p>Oft sind diese Änderungen geringfügig, da sie nur dazu dienen den Stil des Artikels zu verbessern (z.B. wird aus einem "jene" ein "diese").</p>
<p>Manchmal umfassen die Änderungen das Einfügen oder Löschen eines ganzen Abschnitts.</p>
<p>Gelegentlich verändert sich der Artikel aufgrund von schnell hintereinander eintreffenden Eilmeldungen, wie z.B. bei <a
href="http://www.newsdiffs.org/diffview?url=http://www.nytimes.com/2012/06/18/us/rodney-king-whose-beating-led-to-la-riots-dead-at-47.html&v1=4914b33add01e16c34ed2d066bba5c829bcfdf8b&v2=eed0278b77d633f80398660ed97d8490ac84fc27&pagewanted=all">Rodney
Kings Tod</a>. Mit der Zeit wächst und vertieft sich der Bericht sobald mehr Informationen bekannt werden. Ein weiteres Beispiel hierfür ist die Nachrichtenerstattung über den <a
href="http://www.nytimes.com/2012/06/20/world/middleeast/mubarak-is-on-life-support-egypt-security-officials-say.html&v1=e935fb9e8ce50c90971916796fde2c10f0b8b7ad&v2=99c50b4ba9d0d066c485697d90b0fcd0de0b7b3e&pagewanted=all">Gesundheitszustand
des ehemaligen ägyptischen Präsidenten Husni Mubarak</a>. Zunächst wurde berichtet, er wäre "klinisch tot", später dass er einen Schlaganfall erlitten habe.
<p> Noch ein interessantes Beispiel ist die <a href="https://www.nytimes.com/2011/05/02/world/asia/osama-bin-laden-is-killed.html?_r=1&pagewanted=all">Tötung von Osama Bin Laden</a>, über die am 01. Mai 2011 um 22:40 Uhr EDT die Berichterstattung mit einem dürftigen Bericht von Helene Cooper begann:
<blockquote>WASHINGTON — Osama bin Laden has been killed, a United States official said. President Obama is expected to make an announcement on Sunday night, almost 10 years after the Sept. 11 attacks on the World Trade Center and the Pentagon.</blockquote>


<p>Also interesting are the language changes that reflect subtle differences in connotation. For example, whether <a href="http://www.newsdiffs.org/diffview/?url=http://www.nytimes.com/2012/06/18/world/middleeast/egyptian-presidential-vote-enters-second-day.html&v1=4a202f72ea55330ea84fd3b814996c92b6e54a5b&v2=492777f287e2d052a96c8b0731e3430228cda905">an election was "democratic" vs. "competitive."</a>
<p>In some cases, we can see how a story can substantially change as more reporting comes in, such as <a
href="http://cityroom.blogs.nytimes.com/2011/10/01/police-arresting-protesters-on-brooklyn-bridge/">in a story that
helped inspired this project</a>: the article about the arrests of Occupy Wall Street protestors on October 1, 2011. Two versions, twenty
minutes apart, had substantially different first
paragraphs about the arrests of Occupy Wall Street protestors on the Brooklyn Bridge in October 2011.
The criticism it received was perhaps unfair, but it's hard to determine since the earlier version is
no longer publicly available.</p>
<p>Außerdem interessant sind Änderungen der Sprache, die subtile Unterschiede der Konnotation nach sich ziehen. Eine Wahl z.B. kann als <a href="http://www.newsdiffs.org/diffview/?url=http://www.nytimes.com/2012/06/18/world/middleeast/egyptian-presidential-vote-enters-second-day.html&v1=4a202f72ea55330ea84fd3b814996c92b6e54a5b&v2=492777f287e2d052a96c8b0731e3430228cda905">"democratic" oder "competitive"</a> bezeichnet werden.
<p>In einigen Fällen lässt sich beobachten, wie eine Darstellung sich wesentlich ändert, je weiter die Berichterstattung voranschreitet. So war es bei dem <a
href="http://cityroom.blogs.nytimes.com/2011/10/01/police-arresting-protesters-on-brooklyn-bridge/">Bericht, der die Entstehung von NewsDiffs.org ursprünglich inspirierte</a>: der Artikel über die Festnahmen von Occupy Wall Street Demonstranten am 01. Oktober 2011. Zwei Versionen, zwischen denen nur 20
Minuten verstrichen, hatten grundsätzlich verschiedene
Einleitungsparagraphen.
Die Kritik, die dieser Bericht erfuhr, war eventuell ungerecht, aber das ist schwer zu ermitteln, da die frühere Version nicht mehr öffentlich verfügbar ist.</p>

<p>
<p>
<div class="boldhead">Why the name NewsDiffs?</div>
<div class="boldhead">Warum der Name "NewsDiffs"?</div>

A <a href="https://en.wikipedia.org/wiki/Diff">diff</a> is a popular tool in computer programming that outputs the differences between two files. It is typically used to show the changes between one version of a file and a former version of the same file. This idea of version control is well known within software engineering, and <a href="http://www.greglinch.com/2010/07/quick-thoughts-on-journalism-and-version-control.html">should be used in journalism</a> as journalism moves toward constantly evolving versions of news stories.
We have had many sessions at many newsy <a href="http://newsfoo.org">foo</a> and bar camps on <a href="http://danielbachhuber.com/2011/04/30/bcni-philly-github-for-news/">"Github for news."</a> Well, this time, we literally put the news into git.
<p>Das <a href="http://de.wikipedia.org/wiki/Diff">diff</a> ist ein in der Computerprogrammierung viel genutztes Tool, das die Unterschiede (engl.: differences) zwischen zwei Dateien aufzeigt. Es wird normalerweise dazu genutzt die Unterschiede zwischen der jetzigen und einer früheren Version einer Datei sichtbar zu machen. Diese Idee der Versionskontrolle ist in der Softwareentwicklung altbekannt und <a href="http://www.greglinch.com/2010/07/quick-thoughts-on-journalism-and-version-control.html"> sollte auch im Journalismus benutzt werden</a>, da der Journalismus sich auf sich ständig weiterentwickelnde Versionen von Nachrichtenartikeln hinbewegt.
<p>
<div class="boldhead">How NewsDiffs Works</div>
<p>NewsDiffs regularly looks at the stories that are linked to (or have been linked to)
from the homepage of major online news publications, starting with <a href="http://nytimes.com">nytimes.com</a> and <a
href="http://cnn.com">cnn.com</a>. It parses them and stores them in a <a href="https://en.wikipedia.org/wiki/Git_(software)">git repository</a>.
<p>The records start June 17, 2012.
<p>Not all articles are stored. Only those with changes are displayed. NewsDiffs focuses mostly on ones that
are linked from the homepage.
<div class="boldhead">Wie NewsDiffs funktioniert</div>
<p>NewsDiffs überprüft regelmäßig die Artikel, die auf den Titelseiten von Onlineausgaben einiger großer deutscher Nachrichtenagenturen verlinkt sind (oder einmal verlinkt waren), u.a.
<a href="http://www.zeit.de/index">Zeit Online</a> und <a href="http://www.welt.de/">Die Welt</a>. Die Artikel werden von NewsDiffs geparst und in einem <a href="https://en.wikipedia.org/wiki/Git_(software)">git Repository</a> gespeichert.
<p>Diese Speicherung findet seit 2015 statt.
<p>Nicht alle Artikel der Online-Zeitungen werden gespeichert, NewsDiffs konzetriert sich auf die Artikel, die von der Titelseite verlinkt sind. Nur Artikel, an denen Änderungen vorgenommen wurden, werden angezeigt.
<p>
<div class="boldhead">What Tools Did You Use?</div>
<p>The NewsDiffs source code is available on <a href="https://github.com/ecprice/newsdiffs">Github</a>.
<p>The front end used to view the differences is from the open-source <a href="https://code.google.com/p/google-diff-match-patch/">Diff Match Patch</a> library.
<p>The website is built on <a href="https://www.djangoproject.com/">Django</a>.
<p>The prettiness is courtesy of <a href="http://twitter.github.com/bootstrap/">Twitter Bootstrap</a>, which
has
been saving developers from themselves the world
over.

<div class="boldhead">Who created NewsDiffs?</div>
<p>NewsDiffs is the product of a weekend of work from the <a href="http://opennews-mit.eventbrite.com/">Knight Mozilla MIT
hackathon</a>,
by <a href="http://www.mit.edu/~ecprice/">Eric Price</a>, <a href="http://jennifer8lee.com">Jennifer 8. Lee</a> and <a href="http://web.mit.edu/~price/">Greg Price</a>.

<p>Greg, who works at <a href="http://tddium.com/">Tddium</a>, has his masters in theoretical computer science from MIT and a bachelors in
mathematics from Harvard. (He also led the <a href="http://youtomb.mit.edu/">YouTomb</a> project, which tracked videos removed from
YouTube). Eric is currently in his fourth year of a PhD in theoretical computer science from MIT. Jenny was a reporter at The New York Times for nine years, wonders what it's like to be a product manager and has been
tortured by <a
href="https://en.wikipedia.org/wiki/Semicolon">missing semicolons</a>. </p>
<div class="boldhead">Welche Tools habt ihr eingesetzt?</div>
<p>Der Quelltext zu NewsDiffs ist frei verfügbar auf <a href="https://github.com/NewsdiffsDE/newsdiffs">GitHub</a>.
<p>Das Frontend, das zum Einsehen der Unterschiede verwendet wird, ist aus der Open-Source <a href="https://code.google.com/p/google-diff-match-patch/">Diff Match Patch</a> Library.
<p>Die Webseite wurde mit <a href="https://www.djangoproject.com/">Django</a> gebaut.
<p>Das schöne Layout haben wir <a href="http://twitter.github.com/bootstrap/">Twitter Bootstrap</a> zu verdanken

<div class="boldhead">Wer steckt hinter NewsDiffs?</div>
<p>NewsDiffs.de ist im Sommersemester 2015 als Projekt einiger IMI-Studenten der <a href="http://www.htw-berlin.de/">HTW Berlin</a> auf der Grundlage von <a href="http://newsdiffs.org/">NewsDiffs.org</a> entstanden.
<p>Ziel war das Anpassen der Webseite auf den deutschen Nachrichtenraum und der Ausbau durch neue Features. Dafür wurde zunächst NewsDiffs.org geclont, welches während des <a href="http://opennews-mit.eventbrite.com/">Knight Mozilla MIT
hackathons</a> 2012
von <a href="http://www.mit.edu/~ecprice/">Eric Price</a>, <a href="http://jennifer8lee.com">Jennifer 8. Lee</a> and <a href="http://web.mit.edu/~price/">Greg Price</a> geschaffen wurde.</p>
{% endblock %}
12 changes: 6 additions & 6 deletions website/frontend/templates/article_history.html
Original file line number Diff line number Diff line change
@@ -1,19 +1,19 @@
{% extends 'template.html' %}

{% block title %}Article View{% endblock %}
{% block title %}Artikelansicht{% endblock %}

{% block content %}

{% include "find_by_uri.html" %}

<h1>{{article.latest_version.title}} ({{article.publication}}), Change Log</h1>
<h1>{{article.latest_version.title}} ({{article.publication}}), Änderungsübersicht</h1>
<h3><a href="{{article.url}}">{{article.url}}</a></h3>
<h3>{{article.latest_version.byline}} | First archived on {{article.initial_date}}</h3>
<h3>{{article.latest_version.byline}} | Zuerst archiviert am {{article.initial_date}}</h3>
<p>
<table class="table table-condensed" style="width:100%">
<thead><tr>
<td>Headline</td>
<td>Date/Time EST Archived</td>
<td>Schlagzeile</td>
<td>Datum/Zeit der Archivierung</td>
<td>Diff</td>
</tr> </thead>

Expand All @@ -22,7 +22,7 @@ <h3>{{article.latest_version.byline}} | First archived on {{article.initial_date
<td><a href="{{link}}">{{version.title}}</a></td>
<td>{{version.date}}</td>
{% if difflink %}
<td><a href="{{difflink}}">(Compare with previous)</a></td>
<td><a href="{{difflink}}">(Vergleich mit vorheriger Version)</a></td>
{% else %}
<td></td>
{% endif %}
Expand Down
2 changes: 1 addition & 1 deletion website/frontend/templates/article_history.xml
Original file line number Diff line number Diff line change
@@ -1,6 +1,6 @@
<?xml version="1.0" encoding="utf-8"?>
<feed xmlns="http://www.w3.org/2005/Atom">
<title>{{article.latest_version.title}}, Change Log</title>
<title>{{article.latest_version.title}}, Änderungsübersicht</title>
<id>http://{{request.META.HTTP_HOST}}{% url article_history_feed article.filename %}</id>
<link rel="self" href="http://{{request.META.HTTP_HOST}}{% url article_history_feed article.filename %}"/>
<link rel="alternate" href="{{article.filename}}"/>
Expand Down
6 changes: 3 additions & 3 deletions website/frontend/templates/article_history_missing.html
Original file line number Diff line number Diff line change
@@ -1,13 +1,13 @@
{% extends 'template.html' %}

{% block title %}Article View{% endblock %}
{% block title %}Artikelansicht{% endblock %}

{% block content %}

{% include "find_by_uri.html" %}

<h1>Article Change Log</h1>
<h1>Änderungsübersicht</h1>
<h3><a href="{{url}}">{{url}}</a></h3>
<p>Alas! We don't seem to know anything about this article. Sorry! :(</p>
<p>Huch! Scheint so, als wüssten wir nichts über diesen Artikel. Sorry!</p>

{% endblock %}
4 changes: 2 additions & 2 deletions website/frontend/templates/browse.html
Original file line number Diff line number Diff line change
Expand Up @@ -2,6 +2,6 @@

{% block active_browse %}class="active"{% endblock %}

{% block title %}Changes{% endblock %}
{% block title %}Änderungen{% endblock %}

{% block browse_fromline %}| {% if source %}<a href="http://{{source}}">{{source}}</a>{% else %}All Sources{% endif %}{% endblock %}
{% block browse_fromline %}| {% if source %}<a href="http://{{source}}">{{source}}</a>{% else %}Alle Quellen{% endif %}{% endblock %}
10 changes: 5 additions & 5 deletions website/frontend/templates/browse_base.html
Original file line number Diff line number Diff line change
Expand Up @@ -6,26 +6,26 @@
{% include "find_by_uri.html" %}

<ul id="myTab" class="nav nav-tabs">
<li {% if not source %} class="active" {% endif %} ><a href="{% url 'browse' %}" data-toggle="tab">All</a></li>
<li {% if not source %} class="active" {% endif %} ><a href="{% url 'browse' %}" data-toggle="tab">Alle</a></li>
{% for sourceopt in sources %}
<li {% ifequal source sourceopt %}class="active"{% endifequal %}><a href="{% url 'browse' sourceopt %}" data-toggle="tab">{{sourceopt}}</a></li>
{% endfor %}
</ul>
</li>
</ul>

<h1>Changed Articles {% block browse_fromline %}{% endblock browse_fromline %}</h1>
<p>Starting {{first_update|date:"F d, Y"}} (with occasional downtime)</p>
<h1>Veränderte Artikel {% block browse_fromline %}{% endblock browse_fromline %}</h1>
<p>Erstmals gespeichert {{first_update|date:"F d, Y"}} (mit vereinzelten Ausfallzeiten)</p>
<p>

<table class="table table-condensed" style="width:100%">
<thead><tr><th text-align:"left";>Article</th><th>Version</th><th>Diff</th></tr></thead>
<thead><tr><th text-align:"left";>Artikel</th><th>Version</th><th>Diff</th></tr></thead>
{% for article, last_version, versions in articles %}
<tr><td rowspan="{{versions|length}}" valign="top"><a href="{% url 'article_history' article.filename %}">{{last_version.title}}</a> (<a href="{{article.url}}">{{article.publication}}</a>)<br>{{last_version.byline}}</td>
{% for difflink, version in versions %}
<td>{{version.date}}</td>
{% if difflink %}
<td><a href="{{difflink}}">(Compare)</a></td></tr><tr>
<td><a href="{{difflink}}">(Vergleichen)</a></td></tr><tr>
{% else %}
<td></td></tr>
{% endif %}
Expand Down
Loading