Visualization.html

<!DOCTYPE HTML>
<html>

<head>
  <title>Visualization - IN-Source FWE</title>
  <meta name="description" content="website description" />
  <meta name="keywords" content="website keywords, website keywords" />
  <meta http-equiv="content-type" content="text/html; charset=windows-1252" />
  <link rel="stylesheet" type="text/css" href="style/style.css" />
</head>

<body>
    <div id="header">
      <div id="logo">
        <!-- class="logo_colour", allows you to change the colour of the text -->
        <h1><img src="style/HFT_Logo.png" alt="logo" width="20%" height="20%" style="float:right" /></h1>
        <h1><a href="index.html">INSOURCE<span class="logo_colour"> Food-Water-Energy Simulation and Visulization</span></a></h1>
        
      </div>
      <div id="menubar">
        <ul id="menu">
          <!-- put class="selected" in the li tag for the selected page - to highlight which page you're on -->
          <li><a href="index.html">Home</a></li>
          <li><a href="Biomass.html">Biomass Simulator</a></li>
          <li><a href="FWEADE.html">FWE ADE</a></li>
          <li class="selected"><a href="Visualization.html">Visualization</a></li>
          <li><a href="contact.html">Contact Us</a></li>
        </ul>
      </div>
    </div>
    <div id="site_content">
      <div class="sidebar">
        <h1>Latest News</h1>
        <h4>New Website Launched</h4>
        <h5>15.05.2020</h5>
        <p>A website contains all the outcomes from HFT for project IN-Source has been launched.<br /></p>
        <h1>Useful Links</h1>
        <ul>
          <li><a href="http://www.simstadt.eu/de/index.jsp">SimStadt</a></li>
          <li><a href="https://www.hft-stuttgart.de/forschung/projekte/standard-titel">IN-Source</a></li>
          <li><a href="https://drc.ait.ac.at/sites/insource/">IN-SOURCE VisToolBox</a></li>

        </ul>

    </div>
    
    <div id="content">
       <h1>Web 3D visualization</h1>
          <p>3D tiles6 is an OGC standard developed by Cesium to deliver, render and visualise massive 3D geospatial data on web. As of today, Cesium web globe is able to render 3D tiles out of box. CityGML can be out of box converted to 3D tiles using Cesium ion which is a cloud platform provided by Cesium to convert and host 3D geospatial data. For free users, a limit of 5GB is applicable on using cesium ion for data hosting. Alternatively, Feature Manipulation Engine (FME) can be used to convert CityGML to 3D tiles. However, via FME, data is not hosted on cloud using cesium ion but stored on a local machine. Such an arrangement can be useful if data sharing privacy and security is of importance.  
            Ones CityGML is converted to 3D tiles, it can be render on web using CesiumJS for cesium web globe. CesiumJS is an open source JavaScript library for creating interactive 3D web applications. </p>
        <span class="center"><img src="img/cesiumLB.png" alt="Landkreis Ludwigsburg Cesium Application" width="90%" height="90%" /></span>

  </div>
  </div>
</body>
</html>