ner + textline work
Kai Labusch
5 years ago
parent
75c2c856cc
commit
3c12e5538a
@ -0,0 +1,5 @@
|
|||||||
|
data/*
|
||||||
|
*.egg_info
|
||||||
|
venv
|
||||||
|
models
|
||||||
|
*.tar.gz
|
||||||
@ -0,0 +1,155 @@
|
|||||||
|
|
||||||
|
$(document).ready(function(){
|
||||||
|
|
||||||
|
$('#nerform').submit(
|
||||||
|
function(e){
|
||||||
|
e.preventDefault();
|
||||||
|
load_ppn();
|
||||||
|
}
|
||||||
|
);
|
||||||
|
|
||||||
|
$.get( "/models")
|
||||||
|
.done(
|
||||||
|
function( data ) {
|
||||||
|
var tmp="";
|
||||||
|
$.each(data,
|
||||||
|
function(index, item){
|
||||||
|
|
||||||
|
selected=""
|
||||||
|
if (item.default) {
|
||||||
|
selected = "selected"
|
||||||
|
}
|
||||||
|
|
||||||
|
tmp += '<option value="' + item.id + '" ' + selected + ' >' + item.name + '</option>'
|
||||||
|
});
|
||||||
|
$('#model').html(tmp);
|
||||||
|
}
|
||||||
|
);
|
||||||
|
|
||||||
|
$.get( "/ppnexamples")
|
||||||
|
.done(
|
||||||
|
function( data ) {
|
||||||
|
var tmp="";
|
||||||
|
$.each(data,
|
||||||
|
function(index, item){
|
||||||
|
|
||||||
|
tmp += '<option value="' + item.ppn + '">' + item.name + '</option>'
|
||||||
|
});
|
||||||
|
$('#ppnexamples').html(tmp);
|
||||||
|
}
|
||||||
|
);
|
||||||
|
|
||||||
|
task_select()
|
||||||
|
});
|
||||||
|
|
||||||
|
function task_select() {
|
||||||
|
|
||||||
|
var task = $('#task').val();
|
||||||
|
|
||||||
|
if (task < 3) {
|
||||||
|
$('#model_select').hide()
|
||||||
|
}
|
||||||
|
else {
|
||||||
|
$('#model_select').show()
|
||||||
|
}
|
||||||
|
|
||||||
|
$("#resultregion").html("");
|
||||||
|
$("#legende").html("");
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
function load_ppn() {
|
||||||
|
|
||||||
|
var ppn = $('#ppn').val()
|
||||||
|
|
||||||
|
var text_region_html =
|
||||||
|
`<div class="card">
|
||||||
|
<div class="card-header">
|
||||||
|
Ergebnis:
|
||||||
|
</div>
|
||||||
|
<div class="card-block">
|
||||||
|
<div id="textregion" style="overflow-y:scroll;height: 65vh;"></div>
|
||||||
|
</div>
|
||||||
|
</div>`;
|
||||||
|
|
||||||
|
var legende_html =
|
||||||
|
`<div class="card">
|
||||||
|
<div class="card-header">
|
||||||
|
Legende:
|
||||||
|
<div class="ml-2" >[<font color="red">Person</font>]</div>
|
||||||
|
<div class="ml-2" >[<font color="green">Ort</font>]</div>
|
||||||
|
<div class="ml-2" >[<font color="blue">Organisation</font>]</div>
|
||||||
|
<div class="ml-2" >[keine Named Entity]</div>
|
||||||
|
</div>
|
||||||
|
</div>`;
|
||||||
|
|
||||||
|
var spinner_html =
|
||||||
|
`<div class="d-flex justify-content-center">
|
||||||
|
<div class="spinner-border align-center" role="status">
|
||||||
|
<span class="sr-only">Loading...</span>
|
||||||
|
</div>
|
||||||
|
</div>`;
|
||||||
|
|
||||||
|
$("#legende").html("");
|
||||||
|
|
||||||
|
var task = $('#task').val();
|
||||||
|
var model_id = $('#model').val();
|
||||||
|
|
||||||
|
console.log("Task: " + task);
|
||||||
|
|
||||||
|
if (task == 1) {
|
||||||
|
$("#resultregion").html(spinner_html);
|
||||||
|
|
||||||
|
$.get( "/digisam-fulltext/" + ppn)
|
||||||
|
.done(function( data ) {
|
||||||
|
$("#resultregion").html(text_region_html)
|
||||||
|
$("#textregion").html(data.text)
|
||||||
|
})
|
||||||
|
.fail(
|
||||||
|
function() {
|
||||||
|
console.log('Failed.');
|
||||||
|
$("#resultregion").html('Failed.');
|
||||||
|
});
|
||||||
|
}
|
||||||
|
else if (task == 2) {
|
||||||
|
$("#resultregion").html(spinner_html);
|
||||||
|
|
||||||
|
$.get( "/digisam-tokenized/" + ppn,
|
||||||
|
function( data ) {
|
||||||
|
$("#resultregion").html(text_region_html)
|
||||||
|
$("#textregion").html(data.text)
|
||||||
|
}).fail(
|
||||||
|
function() {
|
||||||
|
console.log('Failed.')
|
||||||
|
$("#resultregion").html('Failed.')
|
||||||
|
});
|
||||||
|
}
|
||||||
|
else if (task == 3) {
|
||||||
|
|
||||||
|
$("#resultregion").html(spinner_html);
|
||||||
|
|
||||||
|
$.get( "/digisam-ner/" + model_id + "/" + ppn,
|
||||||
|
function( data ) {
|
||||||
|
$("#resultregion").html(text_region_html)
|
||||||
|
$("#textregion").html(data.text)
|
||||||
|
$("#legende").html(legende_html)
|
||||||
|
}).fail(
|
||||||
|
function(a,b,c) {
|
||||||
|
console.log('Failed.')
|
||||||
|
$("#resultregion").html('Failed.')
|
||||||
|
});
|
||||||
|
}
|
||||||
|
else if (task == 4) {
|
||||||
|
$("#resultregion").html(spinner_html);
|
||||||
|
|
||||||
|
$.get( "/digisam-ner-bert-tokens/" + model_id + "/" + ppn,
|
||||||
|
function( data ) {
|
||||||
|
$("#resultregion").html(text_region_html)
|
||||||
|
$("#textregion").html(data.text)
|
||||||
|
}).fail(
|
||||||
|
function(a,b,c) {
|
||||||
|
console.log('Failed.')
|
||||||
|
$("#resultregion").html('Failed.')
|
||||||
|
});
|
||||||
|
}
|
||||||
|
}
|
||||||
@ -0,0 +1,77 @@
|
|||||||
|
<!doctype html>
|
||||||
|
<html lang="en">
|
||||||
|
<head>
|
||||||
|
<!-- Required meta tags -->
|
||||||
|
<meta charset="utf-8">
|
||||||
|
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
|
||||||
|
|
||||||
|
<!-- Bootstrap CSS -->
|
||||||
|
<link rel="stylesheet" href="css/bootstrap.min.css"
|
||||||
|
integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous">
|
||||||
|
|
||||||
|
<title>NER auf den digitalen Sammlungen</title>
|
||||||
|
<script src="js/jquery-3.4.1.js"></script>
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
<div class="container-fluid" style="height: 95vh;">
|
||||||
|
|
||||||
|
<div class="row" style="margin-top: 5vh">
|
||||||
|
|
||||||
|
<div class="col-2">
|
||||||
|
</div>
|
||||||
|
<div class="col-10">
|
||||||
|
<div class="row">
|
||||||
|
<div class="col-9 text-center">
|
||||||
|
<h1>NER auf den digitalen Sammlungen</h1>
|
||||||
|
</div>
|
||||||
|
<div class="col">
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="row" style="margin-top: 2vh">
|
||||||
|
<div class="col-9">
|
||||||
|
<div class="card">
|
||||||
|
<div class="card-block">
|
||||||
|
<form class="mt-3 mb-3" role="form" id="nerform">
|
||||||
|
<div class="form-group row ml-2">
|
||||||
|
<label for="task" class="col-sm-2 col-form-label">Task:</label>
|
||||||
|
<select id="task" class="selectpicker col-md-auto" onchange="task_select()">
|
||||||
|
<option value="1">OCR-Text aus ALTO Datei</option>
|
||||||
|
<option value="2">Wort- und Satztokenisierung</option>
|
||||||
|
<option value="3" selected>Named Entity Recognition</option>
|
||||||
|
<option value="4">BERT Tokens</option>
|
||||||
|
</select>
|
||||||
|
</div>
|
||||||
|
<div class="form-group row ml-2" id="model_select">
|
||||||
|
<label for="model" class="col-sm-2 col-form-label">Model:</label>
|
||||||
|
<select id="model" class="selectpicker col-md-auto">
|
||||||
|
</select>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="form-group row ml-2">
|
||||||
|
<label for="ppn" class="col-sm-2 col-form-label">PPN:</label>
|
||||||
|
<input id="ppn" list="ppnexamples" class="col-sm-8" type="text"/>
|
||||||
|
<datalist id="ppnexamples">
|
||||||
|
</datalist>
|
||||||
|
<button class="btn btn-primary" type="submit">Go</button>
|
||||||
|
</div>
|
||||||
|
</form>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="col">
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="row mt-5">
|
||||||
|
<div class="col-9" id="resultregion">
|
||||||
|
</div>
|
||||||
|
<div class="col" id="legende">
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
<script src="js/ner-ds-sbb.js"></script>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
Loading…
Reference in New Issue