nopaque/vre_www/website/nlp.html

296 lines
12 KiB
HTML
Raw Normal View History

2019-06-03 12:57:09 +00:00
<!DOCTYPE html>
<html lang="de">
<head>
<meta charset="UTF-8">
<title>Opaque | Linguistische Datenverarbeitung</title>
<link href="/vre/images/sfb_1288.png" rel="icon" type="image/png">
<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
<link rel="stylesheet" href="css/materialize.min.css">
<link rel="stylesheet" href="css/style.css">
<script src="js/vre_manager_rest.js"></script>
<script src="js/vre.js"></script>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
</head>
<body class="blue-grey lighten-5">
<header>
<ul id="main-nav-account-dropdown" class="dropdown-content">
<li>
<a href="account.html">Benutzerverwaltung</a>
</li>
<li class="divider"></li>
<li>
<a href="javascript:logout();">Abmelden</a>
</li>
</ul>
<nav class="blue-grey darken-2">
<div class="container">
<div class="nav-wrapper">
<a href="portal.html" class="brand-logo">
<i class="material-icons hide-on-small-only">cloud</i>
Opaque
</a>
<a href="#" data-target="main-nav-mobile" class="sidenav-trigger">
<i class="material-icons">menu</i>
</a>
<ul id="main-nav" class="right hide-on-med-and-down">
<li>
<a href="job_manager.html">
<i class="material-icons left">work</i>
Auftragsübersicht
</a>
</li>
<li class="active">
<a href="nlp.html">
<i class="material-icons left">format_textdirection_l_to_r</i>
Linguistische Datenverarbeitung
</a>
</li>
<li>
<a href="ocr.html">
<i class="material-icons left">find_in_page</i>
Texterkennung
</a>
</li>
<li>
<a id="main-nav-account" class="dropdown-trigger" href="#!" data-target="main-nav-account-dropdown">
<i class="material-icons left">account_circle</i>
Benutzer
<i class="material-icons right">arrow_drop_down</i>
</a>
</li>
</ul>
</div>
</div>
</nav>
<ul class="sidenav" id="main-nav-mobile">
<li>
<a href="job_manager.html">
<i class="material-icons left">work</i>
Auftragsübersicht
</a>
</li>
<li class="active">
<a href="nlp.html">
<i class="material-icons left">format_textdirection_l_to_r</i>
Linguistische Datenverarbeitung
</a>
</li>
<li>
<a href="ocr.html">
<i class="material-icons left">find_in_page</i>
Texterkennung
</a>
</li>
<li>
<a href="account.html">
<i class="material-icons">account_circle</i>
Benutzer
</a>
</li>
<li>
<a href="javascript:logout();">
<i class="material-icons">account_circle</i>
Abmelden
</a>
</li>
</ul>
</header>
<main>
<div class="container">
<div class="row">
<div class="col s12 m8">
<div class="card">
<div class="card-content">
<span class="card-title">Linguistische Datenverarbeitung</span>
<p>
Mit Hilfe computergestützter linguistischer
Datenverarbeitungsmethoden können Textdateien mit weiteren
Informationen angereichert werden. Auf dieser Plattform werden
derzeit die im folgenden aufgeführten
Textverarbeitungsroutinen in automatisierter Form zur
Verfügung gestellt.
</p>
<div class="row">
<div class="col s12 m6">
<div class="card z-depth-0">
<div class="card-content">
<span class="card-title">
<i class="material-icons blue-grey-text text-darken-2 left">layers</i>
Tokenisierung
</span>
<p>
Aufteilung eines Textes in Sätze und Wörter. Dies
ist zur weiteren Verarbeitung notwendig.
</p>
</div>
</div>
</div>
<div class="col s12 m6">
<div class="card z-depth-0">
<div class="card-content">
<span class="card-title">
<i class="material-icons blue-grey-text text-darken-2 left">layers</i>
Lemmatisierung
</span>
<p>
Reduktion der Flexionsformen eines Wortes auf dessen
Grundform.
</p>
</div>
</div>
</div>
<div class="col s12 m6">
<div class="card z-depth-0">
<div class="card-content">
<span class="card-title">
<i class="material-icons blue-grey-text text-darken-2 left">layers</i>
Part-of-speech-Tagging
</span>
<p>
Kontext- und definitionsbezogene Zuordnung von Wörtern
und Satzzeichen zu Wortarten.
</p>
</div>
</div>
</div>
<div class="col s12 m6">
<div class="card z-depth-0">
<div class="card-content">
<span class="card-title">
<i class="material-icons blue-grey-text text-darken-2 left">layers</i>
Eigennamenerkennung
</span>
<p>
Identifikation von Wörtern, die eine Entität
beschreiben, wie Firmen- und Personennamen.
</p>
</div>
</div>
</div>
</div>
<p>
Die Ausgabe erfolgt in Form einer <i>verticalized text</i>
Datei (Dateiendung: .vrt). In diesem Format kann der Text
einfach in Auswertungsprogramme, wie zum Beispiel der <a href="http://cwb.sourceforge.net/">IMS Open Corpus Workbench</a>,
eingefügt werden.
</p>
</div>
</div>
</div>
<div class="col s12 m4">
<div class="card">
<div class="card-content">
<span class="card-title">Auftrag erstellen</span>
<p>
<i class="material-icons medium blue-grey-text text-darken-2 left">playlist_add</i>
Auftragsformular zur linguistische Datenverarbeitung von
Textdateien.
</p>
</div>
<div class="card-action right-align">
<a href="#create_job" class="waves-effect waves-light btn modal-trigger">Erstellen</a>
</div>
</div>
<div class="card">
<div class="card-content">
<span class="card-title">Auftragsübersicht</span>
<p>
<i class="material-icons medium blue-grey-text text-darken-2 left">work</i>
Hier wird der aktuelle Status sämtlicher vom Benutzer
erstellten Aufträge aufgelistet.
</p>
</div>
<div class="card-action right-align">
<a href="job_manager.html" class="waves-effect waves-light btn">Öffnen</a>
</div>
</div>
</div>
</div>
</div>
<div id="create_job" class="modal overflow-visible">
<div class="modal-content">
<h4 style="line-height: 60px;"><i class="material-icons medium blue-grey-text text-darken-2 left">playlist_add</i>Linguistische Datenverarbeitung</h4>
<p>
Um den Auftrag abschicken zu können, müssen alle Formularfelder
ausgefüllt werden. Anschließend erhalten Sie fortlaufende
Benachrichtigungen über den aktuellen Bearbeitungsstand des
Auftrags. Nach erfolgreicher Bearbeitung, stehen die Ergebnisse in
der <a href="job_manager.html">Auftragsverwaltung</a> zum Download
zur Verfügung.
</p>
<form id="job_form" class="row">
<div class="input-field col s12">
<input placeholder="Mein Auftragsname" id="job_form_name" type="text" class="validate">
<label for="job_form_name">Auftragsname</label>
</div>
<div class="file-field input-field col s12 m6">
<div class="btn">
<span>Datei</span>
<input id="job_form_file" type="file" accept="text/plain">
</div>
<div class="file-path-wrapper">
<input class="file-path validate" type="text">
</div>
</div>
<div class="input-field col s12 m6">
<select id="job_form_language">
<option value="" disabled selected>Option auswählen</option>
<option value="de">Deutsch</option>
<option value="en">Englisch</option>
<option value="fr">Französisch</option>
<option value="pt">Portugisisch</option>
<option value="es">Spanisch</option>
</select>
<label>Sprache der Eingabedatei</label>
</div>
<div class="input-field col s12 m6 hide">
<select id="job_form_service">
<option value="nlp" selected></option>
</select>
</div>
</form>
</div>
<div class="modal-footer">
<a href="#!" class="modal-close waves-effect waves-green btn-flat">Abbrechen</a>
<a href="javascript:jobFormSubmitHandler();" id="job_form_submit" class="modal-close waves-effect waves-green btn disabled">Abschicken</a>
</div>
</div>
</main>
<footer class="page-footer blue-grey darken-2">
<div class="container">
<div class="row">
<div class="col s12">
<p class="grey-text text-lighten-4 left">
<a href="https://www.uni-bielefeld.de/">
<img src="images/universitaet_bielefeld.png" alt="Logo: Universität Bielefeld" style="height: 72.5px">
</a>
</p>
<p class="grey-text text-lighten-4 right">
Gefördert durch die<br>
<a href="https://www.dfg.de/">
<img src="images/dfg.png" alt="Logo: Deutsche Forschungsgemeinschaft" style="height: 50px;">
</a>
</p>
</div>
</div>
</div>
<div class="footer-copyright">
<div class="container">
© 2019 Copyright
<a class="grey-text text-lighten-4" href="https://www.uni-bielefeld.de/sfb1288">Universität Bielefeld | SFB 1288</a>
<a class="grey-text text-lighten-4 right" href="impressum.html">Impressum</a>
</div>
</div>
</footer>
<script src="js/materialize.min.js"></script>
<script>
M.AutoInit();
</script>
<script src="js/job_form_handler.js"></script>
</body>
</html>