Mercurial > dive4elements > website

changeset 69:e0fcacb504e6

Find changesets by keywords (author, files, the commit message), revision number or hash, or revset expression.
Added old GNV page to repo and link it in the main page.
author Sascha L. Teichmann <teichmann@intevation.de>
date Wed, 26 Mar 2014 12:32:18 +0100
parents 94c2d13c4e2c
children 2bfeb545e687
files gnv/gnv.html gnv/gnv_files/screenshot1_small.png gnv/gnv_files/screenshot2_small.png gnv/gnv_files/style.css gnv/img/screenshot1.png gnv/img/screenshot2.png main.html
diffstat 7 files changed, 297 insertions(+), 2 deletions(-) [+]
line wrap: on
line diff
--- /dev/null	Thu Jan 01 00:00:00 1970 +0000
+++ b/gnv/gnv.html	Wed Mar 26 12:32:18 2014 +0100
@@ -0,0 +1,189 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml"><head>
+  <meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
+  <meta name="keywords" content="Dive4Elements,Karten, Diagramme, Modelle, Fachdaten, Analyse, WMS, Visualisierung">
+  <link rel="stylesheet" type="text/css" href="gnv_files/style.css">
+  <title>Dive4Elements</title>
+ </head>
+
+<body>
+<div class="wrapper">
+
+<div id="intro">
+<h2>Dive4Elements</h2>
+<p>Webanwendung für Karten, Diagramme und Modelle</p>
+</div>
+
+<div id="main">
+<a name="was-ist-dive4elements"></a>
+<h2>Was ist Dive4Elements?</h2>
+<p> Dive4Elements ist eine datenbankbasierte Webapplikation zur
+raum-zeitlichen Analyse von Fachdaten der 4 Elemente (Feuer, Wasser,
+Luft und Erde).
+<i>Dive</i> steht für <i>Digging, Investigating, Viewing, Exporting</i>.
+</p>
+
+<p>Dive4Elements gewährt webbasiert den Zugriff auf Datenmodelle in
+einem zentralen <b>Datawarehouse</b> und bietet die Möglichkeit zur
+Analyse, Visualisierung der Daten sowie Exportmöglichkeiten in offene
+Formate.</p>
+
+<p>
+Dive4Elements kombiniert die folgenden <b>Vorteile</b>:
+</p><ul>
+ <li> Einheitlicher Aufbau fachlicher Workflows</li>
+ <li> Einheitliche Projektverwaltung für Karten und Diagramme</li>
+ <li> Einheitliche Verwaltung für Nutzereingaben</li>
+ <li> Fachbezogene Sichten auf zentrale und fachbezogene
+ Datenbestände</li>
+ <li>Eingabeunterstützung durch unterschiedliche Widgets: Karten,
+ Tabellen und Eingabefelder</li>
+</ul>
+<p></p>
+
+<a name="visualisierung-analyse"></a>
+<h2>Visualisierung &amp; Analyse</h2>
+
+<p>Mit adäquaten Diagrammtypen und Kartendarstellungen können
+raum-zeit-bezogene Daten visualisiert und miteinander verglichen
+werden. Diese ausschließlich über einen Browser parametrisierten
+Analysen ermöglichen Darstellungen von Zeitserien, Vertikal- und
+Horizontalprofilen, Profilschnitten, Horizontalschnitten, Histogrammen
+und vom Anwender generierten Kartenebenen.</p>
+
+<p>Um derartige Ergebnisse visualisieren zu können, wird zwischen
+Datenzugriff und den unterschiedlichen Ausgaben ein
+Prozessierungsschritt zwischengeschaltet. Hier werden sowohl 2D- und
+3D-Interpolationen als auch statistische Analysen gerechnet.
+Klassifizierungen und Isoliniendarstellungen werden ermittelt;
+Geometriedaten werden ausgeschnitten bzw. geclippt. Die jeweiligen
+Ergebnissen stehen über <b>offene Formate und Schnittstellen</b> zur
+weiteren Nutzung in unterschiedlichen Kontexten zur Verfügung:</p>
+
+<ul>
+    <li><b>CSV-Format:</b> Weiterverarbeitung in einer
+    Tabellenkalkulation</li>
+    <li><b>ODV-Format:</b> Weiterverarbeitung in der Fachsoftware OceanData
+    View des Alfred-Wegner Instituts</li>
+    <li><b>PNG/JPG-Format:</b> Einbindung in Publikationen oder Webseiten</li>
+    <li><b>PDF-Format:</b> Der Export liefert eine Vektordarstellung, so dass
+    diese u.a. für hochaufgelöste Druckprodukte genutzt werden
+    können.</li>
+    <li><b>SVG-Format:</b> Ein offenes und standardisiertes Vektorformat des
+    W3C Consortiums zur Einbindung in Zeichenprogramme, um
+    nutzerspezifische Darstellungen für hochaufgelöste Druckprodukte
+    herstellen zu können.</li>
+    <li><b>Shape-Format:</b> Ausgabe von Geometrie- und Sachdaten zur
+    weiteren Verarbeitung in anderen GIS-Programmen</li>
+    <li><b>WMS-Schnittstelle:</b> Publizieren der Kartendarstellungen für die
+    Integration in Geoportale oder desktopbasierte GI-Systeme</li>
+</ul>
+
+<p>Dive4Elements kann sowohl zur alltäglichen Arbeit als auch
+Durchführung von umfangreicheren wissenschaftlichen Analysen an jedem
+Arbeitsplatz über einen Browser genutzt werden.  Durch die
+o.g. Ausgabemöglichkeiten über offene Formate und
+Schnittstellen können die Ergebnisse in weitere Arbeitsprozesse
+eingebunden werden.</p>
+
+<br> Dive4Elements (1. Generation) wird vom <a href="http://www.bsh.de/">Bundesamt für Seeschifffahrt und Hydrographie</a> in Hamburg
+unterstützt.
+</p>
+
+<a name="entwicklung-download"></a>
+<h2>Entwicklung &amp; Download</h2>
+<p>Dive4Elements ist Freie Software. Der aktuelle Quellcode ist verfügbar in 
+einem <a href="http://wald.intevation.org/scm/?group_id=57">SCM-Repository</a>.
+</p>
+
+<p>
+<a href="http://lists.wald.intevation.org/mailman/listinfo/dive4elements-commits">
+SCM-Commit-Mailingliste abonnieren »</a>
+</p>
+
+
+<a name="technische-daten"></a>
+<h2>Technische Daten</h2>
+<ul>
+    <li>Nutzergeführte Fachdatenauswahl / Parameterisierung und
+    Speicherung</li>
+    <li>Templatebasierte Diagrammkomponente zur Visualisierung von
+    punkt-, linien-, flächenhafte Daten u.a. mit Isolinien</li>
+    <li>Rechenkern mit Interpolationsmethoden und Statistik</li>
+    <li>WMS-Generator, WMS-Dienst mit integriertem
+    OpenLayers-basierten Karten-Viewer</li>
+    <li>Umfangreiche Exportmöglichkeiten: CSV, ODV, PNG/JPEG,
+    vektorisierte PDFs, SVG, Shape</li>
+    <li>Durchgängige Mehrsprachigkeit von GUI bis Diagramm</li>
+    <li>Durchgängig auf Freier Software realisiert</li>
+    <li>Implementierung in Java (Server mit sog. REST-Schnittstelle,
+    WebClient mit Google Web Toolkit)</li>
+    <li>Nutzung von UMN MapServer als Kartenserver</li>
+    <li><a href="http://wald.intevation.org/projects/wsplgen/">WSPLGEN</a>
+    als sog. Wasserspiegellagengenerator</li>
+    <li>Anbindung gegen Oracle und PostgreSQL/PostGIS Datenbanken möglich</li>
+</ul>
+
+</div> <!-- end main -->
+
+
+<div id="sidebar"><h2><a href="http://dive4elements.org/index.html">Dive4Elements</a></h2>
+    <h3>Inhalt</h3>
+    <ul style="list-style-type: square; margin-left:-25px;
+        line-height: 23px;">
+	<li><a href="#was-ist-dive4elements">Was ist Dive4Elements?</a></li>
+        <li><a href="#visualisierung-analyse">Visualisierung &amp; Analyse</a></li>
+        <li><a href="#entwicklung-download">Entwicklung &amp; Download</a></li>
+        <li><a href="#technische-daten">Technische Daten</a></li>
+    </ul>
+</div>
+
+<!--div id="sidebar"><h2><a href="river.html">Dive4Elements River</a></h2>
+    <h3>Inhalt</h3>
+    <ul style="list-style-type: square; margin-left:-25px;
+        line-height: 23px;">
+        <li><a href="river.html#was-ist-dive4elements-river">Was ist Dive4Elements River?</a></li>
+        <li><a href="river.html#visualisierung-analyse">Visualisierung & Analyse</a></li>
+        <li><a href="river.html#entwicklung-download">Entwicklung & Download</a></li>
+        <li><a href="river.html#technische-daten">Technische Daten</a></li>
+    </ul>
+</div-->
+
+<div id="sidebar"><h3>Screenshots</h3>
+    <a href="img/screenshot1.png"><img src="gnv_files/screenshot1_small.png" width="220px"></a> 
+    <small>Zum Vergrößern auf das Bild klicken</small> 
+    <p>Webbasierte und graphische Nutzeroberfläche
+    von Dive4Elements mit der Darstellung der klassifizierten
+    Temperaturverteilung über die Tiefe in der Ostsee, dargestellt in
+    einem Profilschnitt</p>    
+    <br>
+    <a href="img/screenshot2.png"><img src="gnv_files/screenshot2_small.png"></a>
+    <small>Zum Vergrößern auf das Bild klicken</small>
+    <p>Kartenausschnitt, mit dynamisch errechneter horizontaler
+    Temperaturverteilung in Nord- und Ostsee; dargestellt als
+    Horizontalschnitt in Form eines temporär erzeugten
+    WMS-Dienstes</p>
+</div>
+
+<!--div id="sidebar" style="line-height: 20px"><h3>Kontakt / Impressum</h3>
+    <b>Intevation GmbH</b><br>
+    Neuer Graben 17<br>
+    49074 Osnabrück<br>
+    <a href="http://www.intevation.de" target="_blank">www.intevation.de</a><br>
+    <a href="mailto:intevation@intevation.de">intevation@intevation.de</a>
+</div-->
+
+<br clear="all">
+</div> <!-- end wrapper -->
+
+<div id="footer">
+   <br>
+   <div id="sitemap">
+       <p>Dive4Elements ist lizensiert unter der <a href="http://www.gnu.org/licenses/lgpl-2.1.html">GNU LGPL
+           v2.1</a>.</p>
+       © 2011 Intevation GmbH
+  </div>
+</div>
+
+
+</body></html>
Binary file gnv/gnv_files/screenshot1_small.png has changed
Binary file gnv/gnv_files/screenshot2_small.png has changed
--- /dev/null	Thu Jan 01 00:00:00 1970 +0000
+++ b/gnv/gnv_files/style.css	Wed Mar 26 12:32:18 2014 +0100
@@ -0,0 +1,102 @@
+/* Styles for the DIVE4elements Website */
+
+body {
+ font-family: arial, helvetica, sans-serif;
+ font-size: 13px;
+ background: #FFFFFF url('img/page_bg.png') repeat-x;
+ color: #333333;
+ margin: 0;
+ padding:0px;
+}
+
+a {
+ color: #b51a22;
+ text-decoration: none;
+}
+
+a:hover {
+ text-decoration: underline;
+}
+
+img {
+ border: 0px;
+}
+
+.wrapper {
+ width: 900px;
+ margin: 0 auto;
+ text-align: left;
+}
+
+#intro {
+ padding: 30px 250px 20px 20px;
+}
+
+#intro h2 {
+ font-family: georgia, times, serif;
+ font-size: 30px;
+ font-weight: normal;
+ color: #333333;
+ margin: 0px;
+}
+
+#intro p {
+ color: #555555;
+ font-size: 14px;
+ font-weight: normal;
+ line-height: 26px;
+ margin: 10px 0 0;
+ padding: 0;
+}
+
+#main {
+ float: left;
+ padding: 0px 0px 0px 20px;
+ width: 600px;
+}
+
+#main h2 {
+ font-size: 22px;
+ font-weight: normal;
+ color: #333333;
+ margin: 30px 0px 10px 0px;
+ padding: 0px;
+ clear: both;
+}
+
+#main p, #main li{
+ color: #444444;
+ line-height: 20px;
+ margin: 0px 0px 10px;
+}
+
+#sidebar {
+ -moz-border-radius: 10px 10px 10px 10px;
+ background: none repeat scroll 0 0 #EBEBEB;
+ border: 1px solid #99b4c9;
+ float: right;
+ margin-top: 34px;
+ padding: 20px 20px 15px;
+ width: 220px;
+}
+
+#sidebar h3 {
+ color: #333333;
+ margin: 1px 0px 10px 0px;
+}
+#footer {
+    background: none repeat scroll 0 0 #EBEBEB;
+    color: #333333;
+    font-size: 11px;
+    height: 50px;
+    margin-top: 30px;
+    padding-bottom: 20px;
+    text-align: center;
+    width: 100%;
+}
+#sitemap {
+    margin: auto;
+    text-align: left;
+    width: 900px;
+    padding-left: 40px;
+}
Binary file gnv/img/screenshot1.png has changed
Binary file gnv/img/screenshot2.png has changed
--- a/main.html	Wed Mar 26 12:06:19 2014 +0100
+++ b/main.html	Wed Mar 26 12:32:18 2014 +0100
@@ -3,12 +3,15 @@
         <button type="button" class="btn btn-primary btn-xs"
             data-toggle="dive4elements">News Feed</button>
     </p>
-    <p class="lead"> <strong>Dive4Elements</strong>
-        ist ein web-basiertes System zur raum-zeitlichen Analyse von Fachdaten.
+    <div class="jumbotron">
+    <p class="lead">
+      <h3>Dive4Elements</h3>
+        Dive4Elements ist ein web-basiertes System zur raum-zeitlichen Analyse von Fachdaten.
         Es ermöglicht den Zugriff auf Daten in zentralen Datawarehouses,
         kann diese verarbeiten, visualisieren
         sowie in offene Formate exportieren. <a href="d4e.html">Mehr..</a>
     </p>
+  </div>
     <div class="jumbotron">
         <h3>Dive4Elements River</h3>
         <p class="lead">Dive4Elements "River" ist eine datenbankbasierte Webapplikation
@@ -93,5 +96,6 @@
 
     <div class="jumbotron">
         <p>Dive4Elements Ocean (GNV)</p>
+        <a href="gnv/gnv.html">Mehr...</a>
     </div>
 </div><!-- /col-xs-12 -->
This site is hosted by Intevation GmbH (Datenschutzerklärung und Impressum | Privacy Policy and Imprint)