Skip to content
GitLab
Commit 70572bae authored by Sven Schneider's avatar Sven Schneider
Browse files

added a working vis and minor updates to design and added a blank publication page

parent 6cbeabea
master
No related merge requests found
Pipeline #1649 passed with stages
in 31 seconds
Hide whitespace changes
Inline Side-by-side
Showing
with 171 additions and 11 deletions
+171 -11
public/buildingTiles/AoI/b3dms/R/SW/NW/NW/SE/NW.b3dm 0 → 100644
+ 0
- 0
View file @ 70572bae
File added
public/buildingTiles/AoI/b3dms/R/SW/NW/NW/SE/SE.b3dm 0 → 100644
+ 0
- 0
View file @ 70572bae
File added
public/buildingTiles/AoI/b3dms/R/SW/NW/SE.b3dm 0 → 100644
+ 0
- 0
View file @ 70572bae
File added
public/buildingTiles/AoI/b3dms/R/SW/NW/SE/NW.b3dm 0 → 100644
+ 0
- 0
View file @ 70572bae
File added
public/buildingTiles/AoI/tileset.json 0 → 100644
+ 1
- 0
View file @ 70572bae
{"asset":{"version":"0.0"},"geometricError":229.3220880265378,"root":{"refine":"ADD","boundingVolume":{"region":[0.15977709773480187,0.8507650625156149,0.16108248046872242,0.8515410894765577,203.872792,428.882009]},"content":{"uri":"b3dms/R.b3dm","boundingVolume":{"region":[0.16036067829890002,0.8514251966867225,0.16046636049860033,0.8515310489448098,231.221165,263.9]}},"children":[{"boundingVolume":{"region":[0.15977709773480187,0.8507650625156149,0.16042978910176214,0.8511530759960863,203.872792,428.882009]},"content":{"uri":"b3dms/R/NE.b3dm","boundingVolume":{"region":[0.15977709773480187,0.8510212723221641,0.15978172479720798,0.8510251770860452,270.259748,286.852634]}},"geometricError":0.0},{"boundingVolume":{"region":[0.16042978910176214,0.8507650625156149,0.16108248046872242,0.8511530759960863,203.872792,428.882009]},"content":{"uri":"b3dms/R/SE.b3dm","boundingVolume":{"region":[0.16107810437316705,0.8507650625156149,0.16108248046872242,0.8507675099038445,416.2911,428.882009]}},"geometricError":0.0},{"boundingVolume":{"region":[0.15977709773480187,0.8511530759960863,0.16042978910176214,0.8515410894765577,203.872792,428.882009]},"content":{"uri":"b3dms/R/SW.b3dm","boundingVolume":{"region":[0.16036573412398705,0.8514227783631574,0.160434862482977,0.8515169777690451,231.248925,276.1]}},"children":[{"boundingVolume":{"region":[0.16010344341828203,0.851347082736322,0.16042978910176214,0.8515410894765577,203.872792,428.882009]},"content":{"uri":"b3dms/R/SW/NW.b3dm","boundingVolume":{"region":[0.16033573476493687,0.8514240636116377,0.16043127365989357,0.8515045650935256,233.548755,281.79]}},"children":[{"boundingVolume":{"region":[0.16026661626002212,0.851347082736322,0.16042978910176214,0.8514440861064397,203.872792,428.882009]},"content":{"uri":"b3dms/R/SW/NW/SE.b3dm","boundingVolume":{"region":[0.16034174151400826,0.8514179833881225,0.16042479071474092,0.8514448205161139,242.104346,284.071874]}},"children":[{"boundingVolume":{"region":[0.16034820268089214,0.8513955844213809,0.16042978910176214,0.8514440861064397,203.872792,428.882009]},"content":{"uri":"b3dms/R/SW/NW/SE/NW.b3dm","boundingVolume":{"region":[0.16035945288220904,0.8514154877685053,0.16043181144750782,0.8514448798384635,238.70414,301.738784]}},"geometricError":0.0}],"geometricError":36.40961273226351},{"boundingVolume":{"region":[0.16026661626002212,0.8514440861064397,0.16042978910176214,0.8515410894765577,203.872792,428.882009]},"content":{"uri":"b3dms/R/SW/NW/NW.b3dm","boundingVolume":{"region":[0.16038742000902362,0.8514435804075354,0.1604305299389919,0.8515069058485158,231.71424,280.85697]}},"children":[{"boundingVolume":{"region":[0.16034820268089214,0.8514440861064397,0.16042978910176214,0.8514925877914987,203.872792,428.882009]},"content":{"uri":"b3dms/R/SW/NW/NW/SE.b3dm","boundingVolume":{"region":[0.16036441173240737,0.8514427124881899,0.16043059945807514,0.8514911370565277,234.97906,270.176376]}},"children":[{"boundingVolume":{"region":[0.16038899589132716,0.8514440861064397,0.16042978910176214,0.8514683369489692,203.872792,428.882009]},"content":{"uri":"b3dms/R/SW/NW/NW/SE/SE.b3dm","boundingVolume":{"region":[0.16040069757771577,0.8514500613049895,0.16041219877903493,0.8514604615609376,241.36276,254.64]}},"geometricError":0.0},{"boundingVolume":{"region":[0.16038899589132716,0.8514683369489692,0.16042978910176214,0.8514925877914987,203.872792,428.882009]},"content":{"uri":"b3dms/R/SW/NW/NW/SE/NW.b3dm","boundingVolume":{"region":[0.16041360209901953,0.8514832345793519,0.1604249885382775,0.8514855865210507,237.28584,245.28584]}},"geometricError":0.0}],"geometricError":9.099519182911566},{"boundingVolume":{"region":[0.16034820268089214,0.8514925877914987,0.16042978910176214,0.8515410894765577,203.872792,428.882009]},"content":{"uri":"b3dms/R/SW/NW/NW/NW.b3dm","boundingVolume":{"region":[0.1603978798581476,0.8514917095213664,0.16041903214526332,0.8514964669297571,234.070953,243.3]}},"geometricError":0.0}],"geometricError":29.939828072458475}],"geometricError":47.26665600927166}],"geometricError":82.9030692307651},{"boundingVolume":{"region":[0.16042978910176214,0.8511530759960863,0.16108248046872242,0.8515410894765577,203.872792,428.882009]},"content":{"uri":"b3dms/R/NW.b3dm","boundingVolume":{"region":[0.16042400255904268,0.851431768917438,0.16050775982192336,0.8515410894765577,203.872792,301.62112]}},"children":[{"boundingVolume":{"region":[0.16042978910176214,0.851347082736322,0.16075613478524228,0.8515410894765577,203.872792,428.882009]},"content":{"uri":"b3dms/R/NW/SW.b3dm","boundingVolume":{"region":[0.16042778482629774,0.8514443242727573,0.16048760253872932,0.851515260611071,232.765342,292.170796]}},"children":[{"boundingVolume":{"region":[0.16042978910176214,0.851347082736322,0.1605929619435022,0.8514440861064397,203.872792,428.882009]},"content":{"uri":"b3dms/R/NW/SW/NE.b3dm","boundingVolume":{"region":[0.16042836993379717,0.8514342854291657,0.16044036330532865,0.851445124189975,271.22098,295.362747]}},"geometricError":0.0},{"boundingVolume":{"region":[0.16042978910176214,0.8514440861064397,0.1605929619435022,0.8515410894765577,203.872792,428.882009]},"content":{"uri":"b3dms/R/NW/SW/SW.b3dm","boundingVolume":{"region":[0.1604284701696494,0.8514477994202222,0.1604986669097732,0.8515182031793607,231.189368,296.593443]}},"children":[{"boundingVolume":{"region":[0.16042978910176214,0.8514440861064397,0.16051137552263217,0.8514925877914987,203.872792,428.882009]},"content":{"uri":"b3dms/R/NW/SW/SW/NE.b3dm","boundingVolume":{"region":[0.16042920781657163,0.851447329473888,0.16050448269004955,0.8514926738509778,234.23584,296.664067]}},"children":[{"boundingVolume":{"region":[0.16042978910176214,0.8514440861064397,0.16047058231219716,0.8514683369489692,203.872792,428.882009]},"content":{"uri":"b3dms/R/NW/SW/SW/NE/NE.b3dm","boundingVolume":{"region":[0.1604310563339491,0.8514453454549544,0.16046649918862185,0.8514681857585579,256.15022,281.490138]}},"geometricError":0.0},{"boundingVolume":{"region":[0.16047058231219716,0.8514440861064397,0.16051137552263217,0.8514683369489692,203.872792,428.882009]},"content":{"uri":"b3dms/R/NW/SW/SW/NE/SE.b3dm","boundingVolume":{"region":[0.1604920118514213,0.8514668632922554,0.16049330962649708,0.8514676232629149,283.2646,294.2646]}},"geometricError":0.0},{"boundingVolume":{"region":[0.16042978910176214,0.8514683369489692,0.16047058231219716,0.8514925877914987,203.872792,428.882009]},"content":{"uri":"b3dms/R/NW/SW/SW/NE/SW.b3dm","boundingVolume":{"region":[0.1604305626818098,0.8514705110232598,0.16045620520761672,0.8514906986281603,241.6255,261.58236]}},"geometricError":0.0},{"boundingVolume":{"region":[0.16047058231219716,0.8514683369489692,0.16051137552263217,0.8514925877914987,203.872792,428.882009]},"content":{"uri":"b3dms/R/NW/SW/SW/NE/NW.b3dm","boundingVolume":{"region":[0.16047018902570037,0.8514681306880377,0.16050813164162658,0.8514808769488293,259.23378,294.710037]}},"geometricError":0.0}],"geometricError":13.202437731741218},{"boundingVolume":{"region":[0.16042978910176214,0.8514925877914987,0.16051137552263217,0.8515410894765577,203.872792,428.882009]},"content":{"uri":"b3dms/R/NW/SW/SW/SW.b3dm","boundingVolume":{"region":[0.16043065385757888,0.85149156906483,0.16049093780408058,0.8515376918207406,230.631884,262.713852]}},"geometricError":0.0}],"geometricError":27.539785061734147}],"geometricError":32.63487198152509}],"geometricError":36.984412706751215}],"geometricError":129.69580320642436},"properties":{"gebaeudekennzeichen_1":{},"LoD1_datenquelleBodenhoehe":{"maximum":2000,"minimum":1000},"gmlIdALKISLageBezeichnung_2":{},"geschossflaeche":{"maximum":31734,"minimum":1},"StoreysAboveGround":{"maximum":9,"minimum":1},"umbauterRaum":{"maximum":118538,"minimum":4},"anzahlDerWohnungenImSondereigentum":{"maximum":38,"minimum":1},"MeasuredHeight":{"maximum":59.7,"minimum":0.9},"FeatureType":{},"baublockseitenNummer":{"maximum":6,"minimum":1},"gmlID":{},"YearOfConstruction":{"maximum":2017,"minimum":1904},"anzahlDerDreiBisVierZimmerWohnungen":{"maximum":15,"minimum":1},"statusDesGebaeudes":{"maximum":2,"minimum":1},"LoD1_datenquelleLage":{"maximum":1000,"minimum":1000},"gmlIdALKISLageBezeichnung_1":{},"StoreysBelowGround":{"maximum":6,"minimum":0},"dachgeschossausbau":{"maximum":3000,"minimum":-1000},"hoeheFirst":{"maximum":431.6,"minimum":239.9},"gebaeudekennzeichen_2":{},"CreationDate":{},"alkisId":{},"baublockNummer":{"maximum":611436,"minimum":107201},"grundflaeche":{"maximum":4653,"minimum":1},"LocalityName":{},"ThoroughfareNumber":{},"ThoroughfareName":{},"Longitude":{"maximum":9.22934628435631,"minimum":9.154800726424682},"Latitude":{"maximum":48.78971050897876,"minimum":48.745302039035174}}}
\ No newline at end of file
public/css/main.css
+ 18
- 4
View file @ 70572bae
......@@ -33,7 +33,7 @@ footer p {
}
body{
background-color: #cc3125;/* thistle; */
background-color: #C6332A;/* thistle; */
}
.bd-placeholder-img {
......@@ -69,14 +69,14 @@ a:visited {
.myBtn {
color: #fff;
background-color: tomato;
background-color: #C6332A;
border-color: thistle; /*set the color you want here*/
width: 180px;
}
.myBtn:hover, .myBtn:focus, .myBtn:active, .myBtn.active, .open>.dropdown-toggle.myBtn {
color: #fff;
background-color: thistle;
border-color: #285e8e; /*set the color you want here*/
background-color: #C6332A;
border-color: thistle; /*set the color you want here*/
}
.thumbimg{
......@@ -133,4 +133,18 @@ a.button {
.btnGroupDiv{
/* padding: 20px 00px 00px 20px; */
padding: 0.5rem;
}
#UrbanVisTitle{
font-family: 'Courier New', Courier, monospace;
/* padding-right: 20px; */
/* text-align: right; */
position: relative;
/* margin-left: 50%; */
color: #fff;
font-size: 3em;
/* width: 0px; */
}
\ No newline at end of file
public/index.html
+ 29
- 7
View file @ 70572bae
......@@ -33,7 +33,7 @@
<h4 class="text-white">About</h4>
<p class="text-white">Explore different ways of visualizing 3D data such as Computational Fluid Dynamics (CFD) simulations
in urban enviroments in your web-browswer. Select a visualization scheme below and interactively explore
the content using the <a href="https://cesium.com/cesiumjs/">CesiumJS</a> .</p>
the content using the <a href="https://cesium.com/cesiumjs/">CesiumJS</a> .</p>
</div>
<div class="col-sm-4 offset-md-1 py-4">
<h4 class="text-white">Contact</h4>
......@@ -57,6 +57,7 @@
<!-- <strong>UrbanVIS</strong> -->
<h1 id='projectname'></h1>
</a>
<div id="UrbanVisTitle"> urbanVIS</div>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarHeader"
aria-controls="navbarHeader" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
......@@ -74,14 +75,18 @@
<h1>Urban Visualization Platform</h1>
<p class="lead text-muted"> On this platform an overview of different visualizations for a variety of (3D) data is provided.</p>
<p>The examples shown here were created during different research projects at HFT Stuttgart (University of
<p>The examples shown here were mainly created during the iCity research projects at HFT Stuttgart (University of
Applied Sciences Stuttgart).
<!-- <p>
<a href="https://www.hft-stuttgart.de/forschung/i-city" class="btn btn-primary my-2 myBtn">iCity Project <br> at HFT</a>
<a href="http://icity.hft-stuttgart.de/hftsmartplatform/" class="btn btn-primary my-2 myBtn">iCity Smart
Cities<br> Platform</a>
Cities<br> Platform</a>
</p> -->
<p>
<a href="publications.html" class="btn btn-secondary my-2 myBtn">iCity Publications</a>
</p>
</div>
</section>
......@@ -222,9 +227,7 @@
<div class="container">
<div class="row">
<div class="col-md-4">
<div class="col-md-4">
<div class="card mb-4 shadow-sm extension">
<h5>WindowDetection on Buildings</h5>
<!-- <svg class="bd-placeholder-img card-img-top" width="100%" height="225" xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="xMidYMid slice" focusable="false" role="img" aria-label="Placeholder: Thumbnail"><title>Placeholder</title><rect width="100%" height="100%" fill="#55595c"/><text x="50%" y="50%" fill="#eceeef" dy=".3em">Thumbnail</text></svg> -->
......@@ -241,7 +244,26 @@
</div>
</div>
</div>
</div>
</div>
<div class="col-md-4">
<div class="card mb-4 shadow-sm extension">
<h5>Under construction</h5>
<!-- <svg class="bd-placeholder-img card-img-top" width="100%" height="225" xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="xMidYMid slice" focusable="false" role="img" aria-label="Placeholder: Thumbnail"><title>Placeholder</title><rect width="100%" height="100%" fill="#55595c"/><text x="50%" y="50%" fill="#eceeef" dy=".3em">Thumbnail</text></svg> -->
<img class="thumbimg" src="imgs/thumbnails/StreamlinesMultipart.PNG" alt="">
<div class="card-body">
<p class="card-text">Under construction</p>
<!-- <small class="text-muted">9 mins</small> -->
</div>
<div class="d-flex justify-content-between align-items-center btnGroupDiv">
<div class="btn-group">
<form action="aoi.html" class="form-signin" method="GET">
<button type="submit" class="btn btn-sm btn-outline-secondary ">Explore</button>
</form>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
......
public/publications.html 0 → 100644
+ 123
- 0
View file @ 70572bae
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<meta name="description" content="">
<title>urbanVIS - i_city</title>
<meta charset="utf-8">
<meta name="generator" content="GitLab Pages">
<!-- <title>Home</title> -->
<!-- <link rel="stylesheet" href="style.css"> -->
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.0/css/bootstrap.min.css"
integrity="sha384-9aIt2nRpC12Uk9gS9baDl411NQApFmC26EwAOH8WgZl5MYYxFfc+NcPb1dKGj7Sk" crossorigin="anonymous">
<link href="css/main.css" rel="stylesheet">
</head>
<body>
<!-- <div id="topbar">
<div id="menu" class="navbar"></div>
</div> -->
<div class="content">
<!-- <h1 id='projectname'></h1> <!--Projektname kommt aus settings.js, hier nichts einfügen -->
<!-- ÄNDERUNGEN NUR NACH DIESER ZEILE -->
<header>
<div class="collapse navbar-light" id="navbarHeader">
<div class="container">
<div class="row">
<div class="col-sm-8 col-md-7 py-4">
<h4 class="text-white">About</h4>
<p class="text-white">Explore different ways of visualizing 3D data such as Computational Fluid Dynamics (CFD) simulations
in urban enviroments in your web-browswer. Select a visualization scheme below and interactively explore
the content using the <a href="https://cesium.com/cesiumjs/">CesiumJS</a> .</p>
<p>
<a href="publications.html" class="btn btn-secondary my-2 myBtn">iCity Publications</a>
</p>
</div>
<div class="col-sm-4 offset-md-1 py-4">
<h4 class="text-white">Contact</h4>
<ul class="list-unstyled">
<!-- <li><a href="#" class="text-white">Follow on Twitter</a></li> -->
<!-- <li><a href="#" class="text-white">Like on Facebook</a></li> -->
<li><a href="mailto:sven.schneider[at]hft-stuttgart.de">Email me</a></li>
</ul>
</div>
</div>
</div>
</div>
<div class="navbar navbar-light shadow-sm" style="background-color: #cc3125;">
<div class="container d-flex justify-content-between">
<a href="https://www.hft-stuttgart.de" class="navbar-brand d-flex align-items-center">
<!-- <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" aria-hidden="true" class="mr-2" viewBox="0 0 24 24" focusable="false"><path d="M23 19a2 2 0 0 1-2 2H3a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h4l2-3h6l2 3h4a2 2 0 0 1 2 2z"/><circle cx="12" cy="13" r="4"/></svg> -->
<!-- <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" aria-hidden="true" class="mr-2" viewBox="0 0 24 24" focusable="false"><path d="M23 19a2 2 0 0 1-2 2H3a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h4l2-3h6l2 3h4a2 2 0 0 1 2 2z"/><circle cx="12" cy="13" r="4"/></svg> -->
<img src="https://www.hft-stuttgart.de/typo3conf/ext/hft_sitepackage/Resources/Public/img/HFT_logo.svg" class="hftlogo" width="100px" alt="wind">
<!-- <img src="imgs/wind-solid.svg" class="windSVG" width="50px" alt="wind"> -->
<i class="fas fa-wind"></i>
<!-- <strong>UrbanVIS</strong> -->
<h1 id='projectname'></h1>
</a>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarHeader"
aria-controls="navbarHeader" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
</div>
</div>
</header>
<main role="main">
<section class="jumbotron text-center">
<div class="container">
<!-- <h1>A platform for urban CFD</h1> -->
<img src="imgs/wind-solid.svg" class="windSVG" width="100px" alt="wind">
<h1>Urban Visualization Platform</h1>
<p class="lead text-muted"> On this platform an overview of different visualizations for a variety of (3D) data is provided.</p>
<p>The examples shown here were mainly created during the iCity research projects at HFT Stuttgart (University of
Applied Sciences Stuttgart).
<!-- <p>
<a href="https://www.hft-stuttgart.de/forschung/i-city" class="btn btn-primary my-2 myBtn">iCity Project <br> at HFT</a>
<a href="http://icity.hft-stuttgart.de/hftsmartplatform/" class="btn btn-primary my-2 myBtn">iCity Smart
Cities<br> Platform</a>
</p> -->
</div>
</section>
</main>
<footer class="text-white">
<div class="container">
<p class="float-right">
<a href="#">Back to top</a>
</p>
<p>urbanVIS is &copy; by Sven Schneider and colaborators at HFT Stuttgart, 2020.</p>
</div>
</footer>
<!-- KEINE ÄNDERUNGEN NACH DIESER ZEILE -->
<script src="settings.js"> </script>
<script src="https://code.jquery.com/jquery-3.5.1.slim.min.js"
integrity="sha384-DfXdz2htPH0lsSSs5nCTpuj/zy4C+OGpamoFVy38MVBnE+IbbVYUew+OrCXaRkfj"
crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/popper.js@1.16.0/dist/umd/popper.min.js"
integrity="sha384-Q6E9RHvbIyZFJoft+2mJbHaEWldlvI9IOYy5n3zV9zzTtmI3UksdQRVvoxMfooAo"
crossorigin="anonymous"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.5.0/js/bootstrap.min.js"
integrity="sha384-OgVRvuATP1z7JjHLkuOU7Xw704+h835Lr+6QL9UvYjZE3Ipu6Tp75j7Bh/kR0JKI"
crossorigin="anonymous"></script>
</body>
</html>
Supports Markdown
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment

Dies ist die Gitlab-Instanz des Transferportals der Hochschule für Technik Stuttgart. Hier geht es zurück zum Portal