Initial commit
This commit is contained in:
Stephan Porada
9
app/blog/templates/blog/about.html
Executable file
9
app/blog/templates/blog/about.html
Executable file
@ -0,0 +1,9 @@
|
||||
{% extends "blog/base.html" %}
|
||||
|
||||
{% block content %}
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<h1>About page!</h1>
|
||||
</div>
|
||||
</div>
|
||||
{% endblock content %}
|
||||
90
app/blog/templates/blog/base.html
Executable file
90
app/blog/templates/blog/base.html
Executable file
@ -0,0 +1,90 @@
|
||||
{% load static %}
|
||||
|
||||
<!DOCTYPE html>
|
||||
<html lang="ger">
|
||||
|
||||
<head>
|
||||
<!-- Required meta tags -->
|
||||
<meta charset="utf-8">
|
||||
<!--Let browser know website is optimized for mobile-->
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
||||
<!--Import materialize.css-->
|
||||
<link type="text/css" rel="stylesheet" href="{% static "blog/materialize/css/materialize.css" %}" media="screen,projection" />
|
||||
<!-- import materialize icons css -->
|
||||
<link type="text/css" rel="stylesheet" href="{% static "blog/material-design-icons/iconfont/material-icons.css"%}">
|
||||
<!-- Import own css -->
|
||||
<link type="text/css" rel="stylesheet" href="{% static "blog/main.css" %}" media="screen,projection" />
|
||||
{% if title %}
|
||||
<title>Bundesdata – {{ title }}</title>
|
||||
{% else %}
|
||||
<title>Bundesdata</title>
|
||||
{% endif %}
|
||||
</head>
|
||||
|
||||
<body class="blue-grey lighten-5">
|
||||
<!-- Dropdown Structure -->
|
||||
<ul id="dropdown_protocols" class="dropdown-content">
|
||||
<li><a href="{% url "Protokoll-list" %}"><i class="material-icons left"">insert_drive_file</i>Protokolle</a></li>
|
||||
<li><a href="{% url "Reden" %}"><i class="material-icons left"">insert_comment</i>Reden</a></li>
|
||||
</ul>
|
||||
<nav class="light-green darken-1 nav-extended">
|
||||
<div class="container">
|
||||
<div class="nav-wrapper">
|
||||
<a href="/" class="brand-logo">Bundesdata</a>
|
||||
<a href="#" data-target="mobile-demo" class="sidenav-trigger"><i class="material-icons">menu</i></a>
|
||||
<ul class="right hide-on-med-and-down">
|
||||
<li><a href="{% url "MdBs" %}"><i class="material-icons left"">account_circle</i>MdBs</a></li>
|
||||
<!-- Dropdown Trigger -->
|
||||
<li><a class="dropdown-trigger" href="#!" data-target="dropdown_protocols"><i class="material-icons left"">insert_drive_file</i>Dokumente<i class="material-icons right">arrow_drop_down</i></a></li>
|
||||
<li><a href="{% url "ngram-viewer-jahr" %}"><i class="material-icons left"">trending_up</i>Ngram Viewer</a></li>
|
||||
<li><a href="{% url "about-page" %}"><i class="material-icons left"">info_outline</i>Info</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
{% block nav-tabs %}
|
||||
{% endblock nav-tabs %}
|
||||
</nav>
|
||||
<ul id="dropdown_protocols_side" class="dropdown-content">
|
||||
<li><a href="{% url "Protokoll-list" %}"><i class="material-icons left"">insert_drive_file</i>Protokolle</a></li>
|
||||
<li><a href="{% url "Reden" %}"><i class="material-icons left"">insert_comment</i>Reden</a></li>
|
||||
</ul>
|
||||
<ul class="sidenav" id="mobile-demo">
|
||||
<li><a href="/" class="brand-logo">Bundesdata</a></li>
|
||||
<li><a href="{% url "MdBs" %}}"><i class="material-icons"">account_circle</i>MdBs</a></li>
|
||||
<li><a class="dropdown-trigger" href="#!" data-target="dropdown_protocols_side"><i class="material-icons left"">insert_drive_file</i>Dokumente<i class="material-icons right">arrow_drop_down</i></a></li>
|
||||
<li><a href="{% url "ngram-viewer-jahr" %}"><i class="material-icons"">trending_up</i>Ngram Viewer</a></li>
|
||||
<li><a href="{% url "about-page" %}"><i class="material-icons"">info_outline</i>Info</a></li>
|
||||
</ul>
|
||||
|
||||
<main>
|
||||
{% block content %}
|
||||
{% endblock content %}
|
||||
</main>
|
||||
|
||||
<footer class="page-footer light-green darken-1">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col s12">
|
||||
<h5 class="white-text">Bundesdata</h5>
|
||||
<p class="grey-text text-lighten-4">Ein Projekt für Politikinteressierte.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="footer-copyright">
|
||||
<div class="container">
|
||||
© 2019 Copyright <a class="grey-text text-lighten-4" href="#">Stephan Porada</a>
|
||||
<a class="grey-text text-lighten-4 right" href="{% url "impressum" %}">Impressum</a>
|
||||
</div>
|
||||
</div>
|
||||
</footer>
|
||||
<!-- Optional JavaScript -->
|
||||
<script src="{% static "blog/materialize/js/materialize.min.js" %}"></script>
|
||||
<script>
|
||||
M.AutoInit();
|
||||
M.Dropdown.init(
|
||||
document.querySelectorAll('.dropdown-trigger'),
|
||||
{"coverTrigger": false}
|
||||
)
|
||||
</script>
|
||||
<script src="{% static "blog/chartjs/Chart.bundle.js"%}"></script>
|
||||
</body>
|
||||
</html>
|
||||
9
app/blog/templates/blog/blog.html
Executable file
9
app/blog/templates/blog/blog.html
Executable file
@ -0,0 +1,9 @@
|
||||
{% extends "blog/base.html" %}
|
||||
|
||||
{% block content %}
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<h1>Blog page!</h1>
|
||||
</div>
|
||||
</div>
|
||||
{% endblock content %}
|
||||
208
app/blog/templates/blog/home.html
Executable file
208
app/blog/templates/blog/home.html
Executable file
@ -0,0 +1,208 @@
|
||||
{% extends "blog/base.html" %}
|
||||
{% load static %}
|
||||
|
||||
{% block content %}
|
||||
<div class="parallax-container">
|
||||
<div class="parallax"><img src="{% static "/blog/images/4116197.jpg" %}"></div>
|
||||
<div class="section white hide-on-large-only">
|
||||
<div class="row container">
|
||||
<ul class="collection">
|
||||
<li class="collection-item avatar">
|
||||
<a href="{% url "MdBs" %}"><i class="material-icons circle blue-grey">account_circle</i>
|
||||
<span class="title">Abgeordnete (MdBs)</span></a>
|
||||
<p class="grey-text text-darken-3 lighten-3">Profile aller Mitglieder des Deutschen Bundestags von 1949 bis heute.</p>
|
||||
<p class="grey-text text-darken-3 lighten-3">Durchsuch- und sortierbare Liste.</p>
|
||||
</li>
|
||||
<li class="collection-item avatar">
|
||||
<a href="{% url "Protokoll-list" %}"><i class="material-icons circle blue-grey">insert_drive_file</i>
|
||||
<span class="title">Protokolle</span></a>
|
||||
<p>Liste der Plenarprotokolle von 1949 bis einschließlich 2017.</p>
|
||||
</li>
|
||||
<li class="collection-item avatar">
|
||||
<a href="{% url "Reden" %}"><i class="material-icons circle blue-grey">insert_comment</i>
|
||||
<span class="title">Reden</span></a>
|
||||
<p>Übersicht über alle einzelnen Reden und Redebeiträge der Mitglieder des Bundestags von 1949 bis 2017.</p>
|
||||
</li>
|
||||
<li class="collection-item avatar">
|
||||
<a href="{% url "ngram-viewer-jahr" %}"><i class="material-icons circle blue-grey">trending_up</i>
|
||||
<span class="title">Ngram Viewer</span></a>
|
||||
<p>Mit dem Ngram Viewer können Begriffshäufigkeiten dargestellt werden.</p>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<div class="container hide-on-med-and-down">
|
||||
<div class="row" style="margin-top: 25px;">
|
||||
<div class="col s12 m3 l3">
|
||||
<div class="card medium hoverable">
|
||||
<div class="card-content">
|
||||
<p class="center-align"><i class="large material-icons blue-grey-text darken-4"">account_circle</i></p>
|
||||
<span class=" card-title">Abgeordnete (MdBs)</span>
|
||||
<p class="grey-text text-darken-3 lighten-3">Profile aller Mitglieder des Deutschen Bundestags von 1949 bis heute.</p>
|
||||
</div>
|
||||
<div class="card-action">
|
||||
<a href="{% url "MdBs" %}"><span class="light-green-text text-darken-4"><i class="material-icons right">send</i>Zu den MdBs</span></a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col s12 m3 l3">
|
||||
<div class="card medium hoverable">
|
||||
<div class="card-content">
|
||||
<p class="center-align"><i class="large material-icons blue-grey-text darken-4">insert_drive_file</i></p>
|
||||
<span class="card-title">Protokolle</span>
|
||||
<p class="grey-text text-darken-3 lighten-3">Liste der Plenarprotokolle von 1949 bis einschließlich 2017.</p>
|
||||
</div>
|
||||
<div class="card-action">
|
||||
<a href="{% url "Protokoll-list" %}"><span class="light-green-text text-darken-4"><i class="material-icons right">send</i>Zu den Protokollen</span></a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col s12 m3 l3">
|
||||
<div class="card medium hoverable">
|
||||
<div class="card-content">
|
||||
<p class="center-align"><i class="large material-icons blue-grey-text darken-4">insert_comment</i></p>
|
||||
<span class="card-title">Reden</span>
|
||||
<p class="grey-text text-darken-3 lighten-3">Übersicht über alle einzelnen Reden und Redebeiträge der Mitglieder des Bundestags von 1949 bis 2017.</p>
|
||||
</div>
|
||||
<div class="card-action">
|
||||
<a href="{% url "Reden" %}"><span class="light-green-text text-darken-4"><i class="material-icons right">send</i>Zu den Reden</span></a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col s12 m3 l3">
|
||||
<div class="card medium hoverable">
|
||||
<div class="card-content">
|
||||
<p class="center-align"><i class="large material-icons blue-grey-text darken-4">trending_up</i></p>
|
||||
<span class="card-title">Ngram Viewer</span>
|
||||
<p class="grey-text text-darken-3 lighten-3">Stellt Begriffshäufigkeiten der Reden über den Zeitram von 1949 bis 2017 dar.</p>
|
||||
</div>
|
||||
<div class="card-action">
|
||||
<a href="{% url "ngram-viewer-jahr" %}"><span class="light-green-text text-darken-4"><i class="material-icons right">send</i>Zum Ngram Viewer</span></a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="parallax-container">
|
||||
<div class="section white">
|
||||
<div class="row">
|
||||
<div class="container grey-text text-darken-3 lighten-3">
|
||||
<h4 class="header black-text">Das Projekt</h4>
|
||||
<p">Das Projekt Bundesdata
|
||||
möchte die Bundestagsplenarprotokolle für alle
|
||||
Bürger und Bürgerinnen in einer strukturierten und einfachen Form
|
||||
zugänglich und analysierbar machen sowie interaktive Statistiken zu diesen liefern.</p>
|
||||
<p>Für dieses Unterfangen
|
||||
wurden die von der Bundesregierung bereitgestellten XML-Versionen der
|
||||
Bundestagsplenarprotokolle automatisch mit zusätzlichen Informationen
|
||||
versehen und strukturiert. Mit den verschiednen Tools auf Bundesdata
|
||||
können die Protokolle von 1949 bis 2017 einfach durchsucht und
|
||||
deren Inhalte analysiert werden.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="parallax"><img src="{% static "/blog/images/4116197.jpg" %}"></div>
|
||||
</div>
|
||||
<div class="parallax-container">
|
||||
<div class="section white">
|
||||
<div class="row">
|
||||
<div class="container grey-text text-darken-3 lighten-3">
|
||||
<h4 class="header black-text">Die Tools</h4>
|
||||
<p>Politikinteressierte können z.B.
|
||||
recherchieren, welches <a href="{% url "MdBs" %}">Mitglied des Bundestags</a> zu welcher Zeit der
|
||||
deutschen Geschichte welche <a href="{% url "Reden"%}">Reden oder Redebeiträge</a> im Bundestag
|
||||
gehalten hat. Mit Hilfe des <a href="{% url "ngram-viewer-jahr"%}">Ngram Viewers</a> können Begriffe im Verlauf
|
||||
der Zeit dargestellt werden, um geschichtliche und politische Ereignisse,
|
||||
die sich in der Sprache der Reden widerspiegeln, sichtbar und analysierbar
|
||||
zu machen.</p>
|
||||
<p>Das Projekt ist im Rahmen einer Masterarbeit entstanden.
|
||||
Mehr Informationen zum Projekt, der Arbeit, der Datengrundlage sowie der
|
||||
automatischen Auszeichnung mit zusätzlichen Informationen und
|
||||
Metadaten gibt es auf der <a href="{% url "about-page" %}">Info-Seite</a>.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="parallax"><img src="{% static "/blog/images/4116197.jpg" %}"></div>
|
||||
</div>
|
||||
<div class="parallax-container">
|
||||
<div class="section white">
|
||||
<div class="row ">
|
||||
<div class="container grey-text text-darken-3 lighten-3">
|
||||
<h4 class="header black-text">Datengrundlage</h4>
|
||||
<p>Die Ausgangsdaten, welche für das Projekt genutzt wurden, sind für
|
||||
alle Bürger und Bürgerinnen auf der
|
||||
<a href="https://www.bundestag.de/service/opendata">Webseite des Bundestag</a>
|
||||
frei zugänglich.</p>
|
||||
<p>Im Rahmen einer Open
|
||||
Data-Initiative stellt der deutsche Bundestag alle Plenarprotokolle
|
||||
sowie die biografischen Daten aller Abgeordneten seit 1949 als
|
||||
XML-Dateien zur Verfügung.</p>
|
||||
<p>
|
||||
Das Projekt Bundesdata umfasst alle XML-Protokolle der Wahlperioden 1.
|
||||
bis 18. und deckt somit den Zeitraum von 1949 bis 2017 ab.<p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="parallax"><img src="{% static "/blog/images/4094966.jpg" %}"></div>
|
||||
</div>
|
||||
<div class="parallax-container">
|
||||
<div class="section white">
|
||||
<div class="row ">
|
||||
<div class="container grey-text text-darken-3 lighten-3">
|
||||
<h4 class="header black-text">Automatische Auszeichnung</h4>
|
||||
<p>Da die von derBundesregierung bereitstellen XML-Protokolle nur wenig
|
||||
bis keine maschinenlesbare Informationen dazu enthalten, welcher
|
||||
Abgeordnete oder welche Abgeordnete zu welchem Zeitpunkt einen Redebeitrag
|
||||
im Bundestag hatte, sind die Ausgangsdaten im Rahmen des Projekts
|
||||
automatisch mit weiteren Informationen angereichert und strukturiert
|
||||
worden. Hierfür wurde eine eigene Software entwickelt, die die öffentlich verfügbaren XML-Protokolle automatisch mit zusätzliche Metadaten auszeichnet. Diese Auszeichnung ermöglicht es die Protokolle auf der Website strukturiert darzustellen und durchsuchbar zu machen. Ebenfalls können so auch erst die N-Gramme für den Ngram Viewer berechnet werden.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="parallax"><img src="{% static "/blog/images/4094966.jpg" %}"></div>
|
||||
</div>
|
||||
<div class="parallax-container">
|
||||
<div class="section white">
|
||||
<div class="row ">
|
||||
<div class="container grey-text text-darken-3 lighten-3">
|
||||
<h4 class="header black-text">Quellcode für Software und Webanwendung</h4>
|
||||
<p>
|
||||
Der Quellcode für die eigens entwickelte Software, welche die automatische
|
||||
Auszeichnung erstellt hat, kann auf <a href="https://gitlab.ub.uni-bielefeld.de/sporada/bundesdata_markup_nlp_software">GitLab</a> eingesehen und
|
||||
heruntergeladen werden. Der Quellcode für die Webseite ist ebenfalls
|
||||
auf <a href="https://gitlab.ub.uni-bielefeld.de/sporada/bundesdata_web_app">GitLab</a> verfügbar.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="parallax"><img src="{% static "/blog/images/4094966.jpg" %}"></div>
|
||||
</div>
|
||||
<div class="parallax-container">
|
||||
<div class="section white">
|
||||
<div class="row ">
|
||||
<div class="container grey-text text-darken-3 lighten-3">
|
||||
<h4 class="header black-text">Download der ausgezeichneten Daten</h4>
|
||||
<p>
|
||||
Die für das Projekt mittels der eigenen Software erstellten XML-Protokolle sowie weitere Forschungsdaten können <a href="https://gitlab.ub.uni-bielefeld.de/sporada/bundesdata_markup_nlp_data"> hier heruntergeladen werden</a>.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="parallax"><img src="{% static "/blog/images/4094966.jpg" %}"></div>
|
||||
</div>
|
||||
<div class="parallax-container">
|
||||
<div class="section white">
|
||||
<div class="row ">
|
||||
<div class="container grey-text text-darken-3 lighten-3">
|
||||
<h4 class="header black-text">Fehlerquoten und Probleme der Ausgangsdaten</h4>
|
||||
<p>Die automatische Auszeichnung der Protokolle ist nicht gänzlich fehlerfrei.
|
||||
Somit können Fehler bei der Darstellung der Reden auf der Website auftreten.
|
||||
Wie hoch genau die einzelen Fehlerqouten sind, sowie weitere Informationen zum
|
||||
Projekt, der Arbeit, der Datengrundlage und der automatischen Auszeichnung mit
|
||||
zusätzlichen Informationen und Metadaten gibt es auf der
|
||||
<a href="{% url "about-page" %}">Info-Seite</a>.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="parallax"><img src="{% static "/blog/images/4094966.jpg" %}"></div>
|
||||
</div>
|
||||
{% endblock content %}
|
||||
62
app/blog/templates/blog/impressum.html
Executable file
62
app/blog/templates/blog/impressum.html
Executable file
@ -0,0 +1,62 @@
|
||||
{% extends "blog/base.html" %}
|
||||
|
||||
{% block content %}
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col s12">
|
||||
<div class="card">
|
||||
<div class="card-content">
|
||||
<span class="card-title">Impressum</span>
|
||||
|
||||
<b>Angaben gemäß § 5 TMG</b>
|
||||
<br />
|
||||
<p>Stephan Porada<br />
|
||||
Bremer Straße 43<br />
|
||||
33613 Bielefeld</p>
|
||||
<br />
|
||||
<b>Kontakt</b>
|
||||
<br />
|
||||
<p>E-Mail: sporada@uni-bielefeld.de</p>
|
||||
<br />
|
||||
<b>Verantwortlich für den Inhalt nach § 55 Abs. 2 RStV</b>
|
||||
<br />
|
||||
<p>Stephan Porada<br />
|
||||
Bremer Straße 43<br />
|
||||
33613 Bielefeld</p>
|
||||
<br />
|
||||
<b>Haftung für Inhalte</b>
|
||||
<br />
|
||||
<p>Als Diensteanbieter sind wir gemäß § 7 Abs.1 TMG für eigene Inhalte auf diesen Seiten nach den
|
||||
allgemeinen Gesetzen verantwortlich. Nach §§ 8 bis 10 TMG sind wir als Diensteanbieter jedoch nicht
|
||||
verpflichtet, übermittelte oder gespeicherte fremde Informationen zu überwachen oder nach Umständen zu
|
||||
forschen, die auf eine rechtswidrige Tätigkeit hinweisen.
|
||||
Verpflichtungen zur Entfernung oder Sperrung der Nutzung von Informationen nach den allgemeinen
|
||||
Gesetzen bleiben hiervon unberührt. Eine diesbezügliche Haftung ist jedoch erst ab dem Zeitpunkt der
|
||||
Kenntnis einer konkreten Rechtsverletzung möglich. Bei Bekanntwerden von entsprechenden
|
||||
Rechtsverletzungen werden wir diese Inhalte umgehend entfernen.</p>
|
||||
<br />
|
||||
<p>Haftung für Links
|
||||
Unser Angebot enthält Links zu externen Websites Dritter, auf deren Inhalte wir keinen Einfluss haben.
|
||||
Deshalb können wir für diese fremden Inhalte auch keine Gewähr übernehmen. Für die Inhalte der
|
||||
verlinkten Seiten ist stets der jeweilige Anbieter oder Betreiber der Seiten verantwortlich. Die verlinkten
|
||||
2 / 4Seiten wurden zum Zeitpunkt der Verlinkung auf mögliche Rechtsverstöße überprüft. Rechtswidrige Inhalte
|
||||
waren zum Zeitpunkt der Verlinkung nicht erkennbar.
|
||||
Eine permanente inhaltliche Kontrolle der verlinkten Seiten ist jedoch ohne konkrete Anhaltspunkte einer
|
||||
Rechtsverletzung nicht zumutbar. Bei Bekanntwerden von Rechtsverletzungen werden wir derartige Links
|
||||
umgehend entfernen.</p>
|
||||
<br />
|
||||
<p>Quelle:
|
||||
eRecht24</p>
|
||||
<br />
|
||||
<b>Quelle der Bilder:</b>
|
||||
<p>
|
||||
Bild 4094966.jpg auf der Homepage: (c) Deutscher Bundestag / Marc-Steffen Unger <br />
|
||||
Bild 4116197.jpg auf der Homepage: (c) Deutscher Bundestag / Thomas Köhler/photothek.net <br />
|
||||
</p>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{% endblock content %}
|
||||
Reference in New Issue
Block a user