ref 12703: Public pages visualised by data miner services and proxies

https://support.d4science.org/issues/12703

Updated DataMiner service public page

git-svn-id: https://svn.d4science.research-infrastructures.eu/gcube/trunk/data-analysis/wps@173649 82a268e6-3cf1-43bd-a215-b396298e98cf
feature/23107
Giancarlo Panichi 6 years ago
parent 76e85a6bb3
commit 48ed80dbf6

File diff suppressed because one or more lines are too long

Binary file not shown.

Before

Width:  |  Height:  |  Size: 8.2 KiB

After

Width:  |  Height:  |  Size: 4.2 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 13 KiB

@ -1,75 +1,131 @@
<!DOCTYPE html>
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8" />
<link rel="shortcut icon" href="favicon.ico" />
<link rel="shortcut icon" type="image/png" href="favicon.ico" />
<!-- Required meta tags -->
<meta charset="utf-8">
<meta name="viewport"
content="width=device-width, initial-scale=1, shrink-to-fit=no">
<title>52&deg;North WPS</title>
<link type="text/css" rel="stylesheet" href="css/wps.css">
<!-- Bootstrap CSS -->
<link rel="stylesheet" href="css/bootstrap.min.css">
<title>D4Science DataMiner</title>
</head>
<body>
<div class="github-fork-ribbon-wrapper right">
<div class="github-fork-ribbon">
<a href="https://github.com/52North/WPS">Fork me on GitHub</a>
</div>
<div
class="d-flex flex-column flex-md-row align-items-center p-3 px-md-4 mb-3 bg-white border-bottom box-shadow">
<h5 class="my-0 mr-md-auto font-weight-normal">
<img style="width: 65px;" alt="D4Science" src="images/_d4science.png">D4Science
</h5>
<nav class="my-2 my-md-0 mr-md-3">
<a class="p-2 text-dark" href="#">Don't have a D4Science account?</a>
</nav>
<a class="btn btn-outline-primary"
href="https://services.d4science.org/home?p_p_id=58&p_p_lifecycle=0&p_p_state=maximized&p_p_mode=view&p_p_col_id=column-1&p_p_col_count=2&saveLastPath=false&_58_struts_action=%2Flogin%2Fcreate_account"
target="_blank">Create one</a>
</div>
<div id="main">
<h1>52&deg;North WPS</h1>
<p>This is the welcome site for the 52&deg;North Web Processing
Service 1.0.0 implementation.</p>
<h2>Usage</h2>
<h3>Requests</h3>
<ul>
<li><a target="_blank"
href="./WebProcessingService?Request=GetCapabilities&amp;Service=WPS">GetCapabilities
request using HTTP GET</a></li>
</ul>
<h3>Clients</h3>
<ul>
<li><strong><a href="./test.html">52&deg;North WPS
form client</a></strong> can be used to submit XML-based requests this WPS
instance manually.</li>
<li><strong><a href="./R/demo/ImageRendering.html"
title="Image Rendering with WPS4R">R Image Rendering</a></strong>
demonstrates a simple client for mobile devices using an R process
to render images.</li>
</ul>
<div
class="pricing-header px-3 py-3 pt-md-5 pb-md-4 mx-auto text-center">
<h1 class="display-4">DataMiner</h1>
<p class="lead">Welcome to the WPS interface of the DataMiner
service hosted by D4Science.</p>
</div>
<div class="mx-auto text-center">
<p class="lead">
By using this service you will have access to a rich array of WPS
processes including data clusterings methods, geospatial data
analytics, and many others, see the <a target="_blank"
href="https://wiki.gcube-system.org/gcube/DataMiner_Algorithms">DataMiner
Algorithms</a>.
</p>
<p class="lead">
To use the service you need to have (a) knowledge on WPS and (b) a proper user token.
For further information see the <a target="_blank"
href="https://wiki.gcube-system.org/gcube/How_to_Interact_with_the_DataMiner_by_client">Wiki
page</a>.
</p>
</div>
<div class="mx-auto text-center">
<p class="lead">
This technology relies on <a target="_blank"
href="https://github.com/52North/WPS">52°North WPS</a>.
</p>
</div>
<div class="mx-auto text-center">
<p class="lead">
Could not find what you are looking for? Visit the <a
href="https://dev.d4science.org/support" target="_blank">Help
Forum</a> or <a href="https://www.d4science.org/contact-us"
target="_blank">Contact us</a>.
</p>
</div>
<h2>Documentation</h2>
<ul>
<li>To learn more about the specification visit the <a
href="http://opengeospatial.org/standards/wps">OGC website</a>.
</li>
<li>To learn more about this implementation visit the <a
href="http://www.52north.org/wps">52&deg;North Geoprocessing
Community website</a>.
</li>
<li>This is an <a href="https://github.com/52North/WPS">open
source project on GitHub</a></li>
<li>Find <a
href="https://wiki.52north.org/bin/view/Geoprocessing/52nWebProcessingService">developer
documentation</a> in the 52&deg;North Wiki
</li>
</ul>
<footer class="pt-4 my-md-5 pt-md-5 border-top">
<div class="row">
<div class="col-12 col-md">
<small class="d-block mb-3 text-muted">&nbsp;&copy;
2017-2018</small>
</div>
<div class="col-6 col-md">
<h5>Legal</h5>
<ul class="list-unstyled text-small">
<li><a class="text-muted"
href="https://www.iubenda.com/privacy-policy/441050"
target="_blank">Privacy</a></li>
<li><a class="text-muted"
href="https://services.d4science.org/terms-of-use" target="_blank">Terms
of Use</a></li>
</ul>
</div>
<div class="col-6 col-md">
<h5>About</h5>
<ul class="list-unstyled text-small">
<li><a class="text-muted"
href="https://www.d4science.org/about-d4science" target="_blank">What
is D4Science</a></li>
<li><a class="text-muted"
href="https://www.d4science.org/empowering" target="_blank">Supported
Projects</a></li>
<li><a class="text-muted" target="_blank"
href="https://services.d4science.org/explore">Supported VREs</a></li>
<li><a class="text-muted" target="_blank"
href="https://services.d4science.org/catalogue">Resource
Catalouge</a></li>
</ul>
</div>
<div class="col-6 col-md">
<h5>Data Scientists</h5>
<ul class="list-unstyled text-small">
<li><a class="text-muted" href="https://dev.d4science.org"
target="_blank">Available REST APIs</a></li>
<li><a class="text-muted"
href="https://dev.d4science.org/authorization/" target="_blank">Authorization
Framework</a></li>
<li><a class="text-muted" href="https://dev.d4science.org/"
target="_blank">Data Analysis through Data Miner</a></li>
<li><a class="text-muted" href="https://dev.d4science.org/"
target="_blank">Spatial Data Infrastructure</a></li>
</ul>
</div>
</div>
</footer>
<h2>Administration</h2>
<p>
<a href="./webAdmin/index.jsp">52&deg;North WPS webAdmin console</a>
</p>
</div>
<div>
<p class="infotext">${project.build.finalName} based on
${git.branch}.${git.revision} built at ${timestamp}</p>
</div>
<!-- Optional JavaScript -->
<!-- jQuery first, then Popper.js, then Bootstrap JS -->
<script src="https://code.jquery.com/jquery-3.3.1.slim.min.js"
integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo"
crossorigin="anonymous"></script>
<script
src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.3/umd/popper.min.js"
integrity="sha384-ZMP7rVo3mIykV+2+9J3UJ46jBk0WLaUAdn689aCwoqbBJiSnjAK/l8WvCWPIPm49"
crossorigin="anonymous"></script>
<script
src="https://stackpath.bootstrapcdn.com/bootstrap/4.1.2/js/bootstrap.min.js"
integrity="sha384-o+RDsa0aLu++PJvFqy8fFScvbHFLtbvScb8AjopnFD+iEQ7wo/CG0xlczd+2O/em"
crossorigin="anonymous"></script>
</body>
</html>

@ -1,315 +0,0 @@
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>WPS Client</title>
<link rel="shortcut icon" href="favicon.ico" />
<link type="text/css" rel="stylesheet" href="css/wps.css">
<style type="text/css">
#content {
margin-top: 10px;
margin-right: auto;
margin-left: auto;
width: 780px;
font-family: Verdana, Arial, Helvetica, sans-serif;
}
#header {
position: relative;
height: 80px;
margin-bottom: 20px;
}
#headline {
position: absolute;
top: 0;
left: 0;
}
#logo {
position: absolute;
top: 0;
right: 0;
}
#url-form {
float: none;
margin-top: 8em;
}
#requestTextarea {
width: 780px;
height: 320px;
/* border-color: #63C4E4; */
}
h1,.title {
font-size: 20pt;
margin-right: 6pt;
}
h3 {
font-size: 12pt;
font-weight: bold;
}
.request-form {
margin-bottom: 12px;
}
.request-form-buttons {
margin: 6px;
}
.editorBorder {
border: 1px solid #eee;
padding: 0px;
}
.CodeMirror-line-numbers {
width: 2.2em;
color: #aaa;
background-color: #eee;
text-align: right;
padding-right: .3em;
font-size: 10pt;
font-family: monospace;
padding-top: .4em;
}
</style>
<script src="codemirror/codemirror.js" type="text/javascript"></script>
<script language="JavaScript" type="text/javascript">
// derive service url from current location
var urlIndex = window.location.href.lastIndexOf("/test.html");
var urlBasisString = window.location.href.substring(0, (urlIndex + 1));
var serviceUrlString = urlBasisString + "WebProcessingService";
var datafolder = window.location.href.substring(0, window.location.href
.lastIndexOf("/") + 1)
+ "requests/";
var editor = null;
var defaultString = "<!-- Insert your request here or select one of the examples from the menu above. -->";
function load() {
if (editor == null) {
initEditor();
}
var placeholderIndex = "PLACEHOLDER";
//load files
var requests = new Array();
requests[100] = datafolder + "GetCapabilities.xml";
requests[101] = datafolder + "DescribeProcess.xml";
requests[102] = datafolder + "EchoProcess_response-both.xml";
requests[103] = datafolder + "EchoProcess_raw-complex.xml";
requests[104] = datafolder + "EchoProcess_reference-complex.xml";
requests[104] = datafolder + "jtsconvexhull_request.xml";
requests[120] = datafolder + "SimpleBuffer.xml";
requests[121] = datafolder + "SimpleBufferRemoteWFSPOST.xml";
requests[123] = datafolder + "Unionrequest.xml";
var rasters = 200;
requests[rasters] = datafolder
+ "r.contour_request_all_bands_out_gml.xml";
requests[rasters + 1] = datafolder
+ "r.contour_request_all_bands_out_shp.xml";
requests[rasters + 2] = datafolder + "r.contour_request_out_gml.xml";
requests[rasters + 3] = datafolder + "r.contour_request_out_shp.xml";
requests[rasters + 4] = datafolder + "r.los_request_out_img.xml";
requests[rasters + 6] = datafolder + "r.los_request_out_tiff.xml";
requests[rasters + 7] = datafolder + "r.neighbors_request.xml";
requests[rasters + 8] = datafolder + "r.resample_request_out_tiff.xml";
requests[rasters + 9] = datafolder
+ "r.resample_request_out_netcdf.xml";
requests[rasters + 10] = datafolder + "r.to.vect_request_out_gml.xml";
requests[rasters + 11] = datafolder + "r.to.vect_request_out_shp.xml";
requests[rasters + 12] = datafolder + "r.watershed_request.xml";
requests[rasters + 13] = datafolder + "r.math_request.xml";
requests[300] = datafolder + "v.buffer_request_in_kml.xml";
requests[301] = datafolder + "v.buffer_request_in_dgn.xml";
requests[302] = datafolder + "v.buffer_request_out_gml.xml";
requests[303] = datafolder + "v.buffer_request_out_kml.xml";
requests[304] = datafolder + "v.buffer_request_out_shp.xml";
requests[305] = datafolder + "v.delaunay_request_out_gml.xml";
requests[306] = datafolder + "v.delaunay_request_out_shp.xml";
requests[307] = datafolder + "v.hull_request_out_gml.xml";
requests[308] = datafolder + "v.hull_request_out_kml.xml";
requests[309] = datafolder + "v.hull_request_out_shp.xml";
requests[310] = datafolder + "v.to.rast_request.xml";
requests[400] = datafolder + "R_echo.xml";
requests[402] = datafolder + "R_SosPlot.xml";
requests[403] = datafolder + "R_pegel-report.xml";
requests[404] = datafolder + "R_pegel-report_pdf.xml";
requests[405] = datafolder + "R_sweave-foo.xml";
requests[406] = datafolder + "R_sweave-foo_pdf.xml";
requests[407] = datafolder + "R_Idw.xml";
requests[408] = datafolder + "R_image.xml";
requests[410] = datafolder + "R_uniform.xml";
requests[411] = datafolder + "R_meuse.xml";
requests[412] = datafolder + "R_meuse2.xml";
requests[413] = datafolder + "R_EO2H_AirQualitySaxony.xml";
requests[414] = datafolder + "R_enviroCar_mapMatching.xml";
var mcs = 500;
requests[mcs] = datafolder + "mc_echo.xml";
//fill the select element
var selRequest = document.getElementById("selRequest");
l = requests.length;
for ( var i = 0; i < l; i++) {
var requestString = "";
if (requests[i] == placeholderIndex) {
//skip this one
} else if (requests[i]) {
try {
var name = requests[i].substring(requests[i]
.lastIndexOf("/") + 1, requests[i].length);
selRequest.add(new Option(name, requests[i]), null);
} catch (err) {
var txt = "";
txt += "Error loading file: " + requests[i];
txt += "Error: " + err + "\n\n";
var requestTextarea = document
.getElementById('requestTextarea').value = "";
requestTextarea.value += txt;
}
} else {
// request is null or empty string - do nothing
}
}
// Put service url into service url field
var serviceUrlField = document.getElementById("serviceUrlField");
serviceUrlField.value = serviceUrlString;
}
function insertSelected() {
try {
var selObj = document.getElementById('selRequest');
var requestTextarea = document.getElementById('requestTextarea');
var requestString = "";
if (selObj.selectedIndex != 0) // Handle selection of empty drop down entry.
requestString = getFile(selObj.options[selObj.selectedIndex].value);
if (requestString == null) {
requestString = "Sorry! There is a problem, please refresh the page.";
}
editor.setCode(requestString);
} catch (err) {
var txt = "";
txt += "Error loading file: "
+ selObj.options[selObj.selectedIndex].value;
txt += "Error: " + err + "\n\n";
requestTextarea.value += txt;
}
}
function getFile(fileName) {
oxmlhttp = null;
try {
oxmlhttp = new XMLHttpRequest();
oxmlhttp.overrideMimeType("text/xml");
} catch (e) {
try {
oxmlhttp = new ActiveXObject("Msxml2.XMLHTTP");
} catch (e) {
return null;
}
}
if (!oxmlhttp)
return null;
try {
oxmlhttp.open("GET", fileName, false);
oxmlhttp.send(null);
} catch (e) {
return null;
}
return oxmlhttp.responseText;
}
function initEditor() {
editor = CodeMirror.fromTextArea("requestTextarea", {
height : "380px",
parserfile : "parsexml.js",
stylesheet : "codemirror/xmlcolors.css",
path : "codemirror/",
lineNumbers : true,
content : defaultString
});
}
</script>
</head>
<body bgcolor="#ffffff" text="#000000" onload="load()">
<div id="content">
<div id="header">
<div id="headline">
<span class="title">WPS TestClient</span>
<p class="infotext">
<br />For more information about the 52&deg; North Web
Processing Service visit <a href="http://52north.org/wps">http://52north.org/wps</a>.
</p>
</div>
<div id="logo">
<a href="http://www.52north.org/" target="_blank"><img
src="http://52north.org/templates/52n-2012/images/52n-logo.gif"
border="0" alt="52North Logo" /></a>
</div>
</div>
<form name="urlform" method="post" action="">
<h3>
Service URL:&nbsp;&nbsp; <span> <input name="url"
id="serviceUrlField" value="./WebProcessingService" size="80"
type="text" />
</span>
</h3>
</form>
<h3>
Request Examples:&nbsp;&nbsp; <select id="selRequest"
onchange="insertSelected();">
<option value=" "></option>
</select>
</h3>
<div class="request-form">
<form name="requestform" method="post" action="">
<div class="editorBorder">
<textarea name="request" id="requestTextarea"></textarea>
</div>
<div class="request-form-buttons">
<input value="Send"
onclick="requestform.action = urlform.url.value" type="submit" />
<input value="Clear" name="reset" type="reset"
onclick="document.getElementById('selRequest').selectedIndex = 0; insertSelected();" />
</div>
</form>
<p class="infotext">This TestClient was successfully tested in
Firefox 3.5.2, Safari 4.0.3, Opera 9.64 and InternetExplorer
8.0.6001.18702 and should work properly in Firefox 1.0 or higher,
Safari 1.2 or higher, Opera 8 or higher and InternetExplorer 5 or
higher.</p>
</div>
</div>
</body>
</html>
Loading…
Cancel
Save