Skip to content

GitLab

Switch branch/tag
Find file Normal viewHistoryPermalink
index.html 59.6 KB
Newer Older
Patrick's avatar
first commit  
Patrick committed
1
2
3
4
5
6 
<!DOCTYPE html>
<html lang="en">
  <head>
    <meta http-equiv="X-UA-Compatible" content="IE=edge"/>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1.0, user-scalable=no">
Patrick's avatar
some update    
Patrick committed
7 
    <title>Weilimdorf Beteiligung</title>
Patrick's avatar
first commit  
Patrick committed
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141 
    <meta name="description" content="Möchten Sie Ihre massiven Geodaten, z.B. 3D-Stadtmodell, Schrägluftbilder oder Punktwolken als gehostete Webkarte veröffentlichen?" />
    <meta name="keywords" content="digital@bw, SmartVillages, WebGIS, 3D-Stadtmodell, CityGML, virtualcityMAP, virtualcitySYSTEMS">
    <meta name="author" content="virtualcitySYSTEMS" />
    <meta name="publisher" content="Landesamt für Geoinformation und Landentwicklung Baden-Württemberg">
    <meta name="copyright" content="Landesamt für Geoinformation und Landentwicklung Baden-Württemberg">
    <meta name="robots" content="index,follow">
    <meta name="page-topic" content="Dienstleistung">
    <meta name="page-type" content="company">
    <meta http-equiv="language" content="deutsch, de">
    <meta name="date" content="2017">
    <meta name="audience" content="alle">
    <!--favicon -->
    <link rel="shortcut icon" href="images/favicon.ico"  />
    <meta name="theme-color" content="#ffffff">

    <!-- Social Media Tags -->
    <meta property="og:locale" content="de_DE" />
    <meta property="og:type" content="company" />
    <meta property="og:title" content="virtualcityMAP - 3D-Stadtmodelle im Browser" />
    <meta property="og:description" content="3D-Stadtmodelle im Browser - Entscheiden Sie sich für WebGIS Lösungen von virtualcitySYSTEMS." />
    <meta property="og:url" content="https://www.virtualcitysystems.de" />
    <meta property="og:site_name" content="virtualcitySYSTEMS" />
    <meta property="article:tag" content="Berlin" />
    <meta property="article:tag" content="WebGIS" />
    <meta property="article:tag" content="3D-Stadtmodell" />
    <meta property="article:tag" content="CityGML" />
    <meta property="article:tag" content="Open Data" />
    <meta property="article:tag" content="Cesium" />
    <meta property="article:tag" content="SmartCities" />
    <meta property="article:section" content="company" />
    <meta property="article:section" content="city" />
    <meta property="article:published_time" content="2017-01-01T10:10:10+00:00" />
    <meta property="og:image" content="http://www.virtualcitysystems.de/images/vcs/slider/virtualcitySYSTEMS_Webhosting_Silder.jpg" />
    <meta name="twitter:title" content="virtualcityMAP - 3D-Stadtmodelle im Browser" />
    <meta name="twitter:image" content="http://www.virtualcitysystems.de/images/vcs/slider/virtualcitySYSTEMS_Webhosting_Silder.jpg" />
    <meta name="twitter:site" content="@virtualcity" />
    <meta name="twitter:card" content="summary" />

  <style>
  .login-logo{
        background-image:url("images/digital.png");
        background-size: contain;
        background-repeat: no-repeat;
        display: inline-block;
        float: left;
        width: 180px;
        height: 60px;
    }
    .screen-bkgr{
	    background-image:url("images/backgrd.png");
        background-size: cover;
        background-repeat: repeat;
        position:absolute;
        top:0;
        left:0;
        right:0;
        bottom:0;
        text-align:center;
        font-family:Arial, sans-serif;
        font-size:1rem;
    }	
 .login-header{
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        height: 60px;
        padding: 10px;
        background-color: rgba(255,255,255,0.9);
    }
    .login-header h2{
        color: #000000;
        line-height: 1rem;
        display: inline-block;
    }
    .login-header-links{
        display: inline-block;
        float: right;
    }
    .login-header-links a{
        color: #000000;
        text-decoration: none;
    }
    .login-content-wrap{
        position: absolute;
        top: 80px;
        left: 0;
        right: 0;
        bottom: 50px;
        overflow-y: auto;
    }
    .login-content{
        display: inline-block;
        width: 60%;
        margin-top: 40px;
        background-color: #ffffff;
        text-align: left;
		opacity: 0.9;
    }
    .login-content-header{
        background-color: #c9c9c9;
        padding: 10px;
    }
    .login-content-form{
        padding: 10px;
		opacity: 0.8;
    }
    .login-content-form li{
        line-height: 1.5rem;
    }
    .login-button{
        display: inline-block;
        padding: 5px 10px;
        border: 1 px #000000;
        color: #000000;
        font-weight: bold;
		font-size: 18px;
        background-color: #F7E819;
    }
    .login-footer{
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
        height: 50px;
        background-color: #8f1a1a;
        text-align: right;
    }
    .login-footer a{
        color: #ffffff;
        text-decoration: none;
        font-size: .9rem;
        margin: 20px 10px 0 0;
        display: inline-block;
Hotwani's avatar
Commit for Adding Drop Down menu & mobile bug fix    
Hotwani committed
142 
    }
Patrick's avatar
some updates:    
Patrick committed
143
Patrick's avatar
first commit  
Patrick committed
144
145
146
147 
	 </style>
	
	<link rel='stylesheet' href='css/vcm_ui.css'>
    <link rel='stylesheet' href='css/vcm.css'>
Patrick's avatar
Add Buddis Content    
Patrick committed
148
149 
    <link rel='stylesheet' href='css/collapse.css'>
Patrick's avatar
first commit  
Patrick committed
150
151 
	<!-- // added Story -->	
	<link rel="stylesheet" href="templates/custom.css">
Patrick's avatar
some updates:    
Patrick committed
152
153 
    <link rel="stylesheet" href="templates/story/story.css">
    <link rel="stylesheet" href="templates/cus_Menu.css">
Patrick's avatar
add legend    
Patrick committed
154 
    <link rel="stylesheet" href="sources/nouislider.css">
Patrick's avatar
some updates:    
Patrick committed
155
Patrick's avatar
first commit  
Patrick committed
156
157
158
159
160
161 
	
  </head>
  <body>
  
  <header class="tour-header vcm-header-height vcm-header-base vcm-border-splash">
      <div id="header">
Patrick's avatar
Update Icons and Logo    
Patrick committed
162 
          <div class="logo-box vcm_copyright_headerLogoBox" style="width:40rem!important;">
Patrick's avatar
first commit  
Patrick committed
163 
              <div class="company-logo"></div>
Patrick's avatar
Update Icons and Logo    
Patrick committed
164 
              <div class="company-logo2"></div>
Patrick's avatar
index.html, History.md und 9 weitere dateien aktualisiert...    
Patrick committed
165 
              <div class="company-logo3"></div>
Patrick's avatar
Update    
Patrick committed
166 
              <div class="company-logo4"></div>
Patrick's avatar
first commit  
Patrick committed
167
168 
          </div>
          <div class="title-box vcm_copyright_headerTitle"></div>
Hotwani's avatar
Commit for Adding Drop Down menu & mobile bug fix    
Hotwani committed
169 
                    <!-- Drop down menu starts here -->
Patrick's avatar
mobile menu not working -- disabled    
Patrick committed
170 
                    <div class="dropdown hidden" id="dropdownMain" style="float: right; right:20px">
Patrick's avatar
Add Graph    
Patrick committed
171 
                        <i class="fa fa-bars" id="dropdownMenu" style="font-size:1.8rem;color: white !important; margin-top:1rem;"></i>
Patrick's avatar
index.html, History.md und 7 weitere dateien aktualisiert...    
Patrick committed
172 
                            <div class="dropdown-content" id="dropdownContent">
Patrick's avatar
update color    
Patrick committed
173 
                                    <button class="accordion">Kartenauswahl</button>
Hotwani's avatar
Commit for Adding Drop Down menu & mobile bug fix    
Hotwani committed
174 
                                    <div class="sub-menu">
Patrick's avatar
STEG specific changes    
Patrick committed
175
176
177
178
179
180
181
182
183
184
185 
                                        <!-- <a href="#" onclick="">Luftbilder</a>   -->
                                        <div class='box-4'>
                                            <p id="selectedMap" style="text-align: center; margin-top:0px;color:#000000;">Orthofoto</p><div class='switch2'>
                                            <input type='checkbox' name='toggle' id='SLayerChange' onclick='switchLayer(true);'>
                                            
                                            <label for='toggle'><i></i></label>
                                            <span></span>
                                            
                                            </div>
                                            </div>
Patrick's avatar
update not working    
Patrick committed
186
187
188
189
190 
                                    </div>
                                    <button class="accordion">Gebiete</button>
                                    <div class="sub-menu">
                                        <!-- <a href="#" onclick="">Luftbilder</a>   -->
                                        <div class='box-4'>
Patrick's avatar
index.html, History.md und 27 weitere dateien aktualisiert...    
Patrick committed
191
192 
                                            <p id="selectedArea" style="text-align: center; margin-top:0px;color:#000000;">An</p><div class='switch2'>
                                            <input type='checkbox' name='toggle' id='ALayerChange' onclick='switchArea(true);' checked>
Patrick's avatar
update not working    
Patrick committed
193
194
195
196
197
198
199 
                                            
                                            <label for='toggle'><i></i></label>
                                            <span></span>
                                            
                                            </div>
                                            </div>
Patrick's avatar
add selection of Terrain    
Patrick committed
200
201
202
203
204 
                                    </div>
                                    <button class="accordion">Gelände</button>
                                    <div class="sub-menu">
                                        <!-- <a href="#" onclick="">Luftbilder</a>   -->
                                        <div class='box-4'>
Patrick's avatar
index.html, History.md und 27 weitere dateien aktualisiert...    
Patrick committed
205
206 
                                            <p id="selectedTerrain" style="text-align: center; margin-top:0px;color:#000000;">An</p><div class='switch2'>
                                            <input type='checkbox' name='toggle' id='TLayerChange' onclick='switchTerrain(true);' checked>
Patrick's avatar
add selection of Terrain    
Patrick committed
207
208
209
210
211
212
213 
                                            
                                            <label for='toggle'><i></i></label>
                                            <span></span>
                                            
                                            </div>
                                            </div>
Patrick's avatar
update color    
Patrick committed
214
215
216
217
218
219
220
221
222
223
224
225
226
227 
                                    </div>
                                    <button class="accordion">Gebäude</button>
                                    <div class="sub-menu">
                                        <!-- <a href="#" onclick="">Luftbilder</a>   -->
                                        <div class='box-4'>
                                            <p id="selectedBuilding" style="text-align: center; margin-top:0px;color:#000000;">Einfärben</p><div class='switch2'>
                                            <input type='checkbox' name='toggle' id='BLayerChange' onclick='changeColor(true);'>
                                            
                                            <label for='toggle'><i></i></label>
                                            <span></span>
                                            
                                            </div>
                                            </div>
Hotwani's avatar
Commit for Adding Drop Down menu & mobile bug fix    
Hotwani committed
228 
                                    </div>
Patrick's avatar
update    
Patrick committed
229 
                                    <!-- <button class="accordion">Add Pins</button>
Patrick's avatar
STEG specific changes    
Patrick committed
230 
                                    <div class="sub-menu">
Patrick's avatar
update    
Patrick committed
231
Patrick's avatar
STEG specific changes    
Patrick committed
232
233 
                                        <a href="#" onclick="addingPin()">Adding a Pin</a>
Patrick's avatar
update    
Patrick committed
234
Patrick's avatar
STEG specific changes    
Patrick committed
235 
                                    </div> -->
Patrick's avatar
update    
Patrick committed
236
Hotwani's avatar
Commit for Adding Drop Down menu & mobile bug fix    
Hotwani committed
237
238
239 
                            </div>
                      </div>
                    <!-- Drop down menu ends here -->
Patrick's avatar
first commit  
Patrick committed
240
241
242
243
244 
           <div class="tool-box" style="cursor:pointer"></div> 
      </div>
  </header>
  <div id="story-frame" class="startscreen vcm-map-top">
      <!-- Content Start Screen -->
Patrick's avatar
index.html, History.md und 27 weitere dateien aktualisiert...    
Patrick committed
245 
      <div class="balloon teaser-balloon" style="overflow-y: scroll;" id="balloon-startscreen">
Patrick's avatar
first commit  
Patrick committed
246
247
248 
          <div class="balloon-content">
              <h1 class="balloon-title i18n_balloon_startscreen_title">
 			     <!--img src="images/Logo_SV.png"  width="150"-->
Patrick's avatar
design updates    
Patrick committed
249 
                 <strong>Zukunftsdialog Weilimdorf</strong> <br>
Patrick's avatar
first commit  
Patrick committed
250 
              </h1>
Patrick's avatar
some update    
Patrick committed
251 
              <br>
Patrick's avatar
index.html, History.md und 14 weitere dateien aktualisiert...    
Patrick committed
252 
              <!-- <p class="contentOne">Die digitale Beteiligungsplattform für das Projekt der Landeshauptstadt Stuttgart in Weilimdorf wurde von der <a href="https://www.hft-stuttgart.de/">Hochschule für Technik Stuttgart</a> zusammen mit der <a href="https://www.steg.de/">STEG</a> entwickelt.</p> -->
Patrick's avatar
index.html, History.md und 9 weitere dateien aktualisiert...    
Patrick committed
253
254 
              <!-- <p class="contentOne">Sie beinhaltet ein 3D-Stadtmodell sowie ein Geländemodell durch welches Sie navigieren können.</p>
              <p class="contentOne">Zusätzlich wurden verschiedene Inhalte kuriert und Umfragen erstellt welche Sie auf der Seite beantworten können um sich zu informieren und Ihre Meinung abzugeben.</p><br> -->
Patrick's avatar
Update    
Patrick committed
255 
              <!-- www.stuttgart-meine-stadt.de/stadtentwicklung/walz-areal -->
Patrick's avatar
index.html, History.md und 14 weitere dateien aktualisiert...    
Patrick committed
256 
              <div id="einlP02" style="display:none;">
Patrick's avatar
index.html, History.md und 9 weitere dateien aktualisiert...    
Patrick committed
257 
              <h2>Einleitende Info</h2>
Patrick's avatar
Update    
Patrick committed
258 
              <p class="contentOne">Das Areal der ehemaligen Gärtnerei Walz und das Umfeld westlich der Solitudestraße in Weilimdorf befinden sich in einem umfassenden baulichen und funktionalen Wandel. Neben den bestehenden Sportnutzungen ist der Bereich durch einen teilweisen Leerstand des ehemaligen Gärtnereiareals ebenso geprägt wie durch die in den letzten Jahren neu entstandenen Gebäude für eine Kindertagesstätte und eine Flüchtlingsunterkunft. Ein größerer Teilbereich der ehemaligen Gärtnerei wurden mittlerweile durch die Landeshauptstadt erworben. Nun soll der Gesamtbereich westlich der Solitudestraße städtebaulich weiterentwickelt werden. Hierfür möchte die Landeshauptstadt eine Gesamtkonzeption unter dem Titel "Entwicklungskonzept Westlich der Solitudestraße" erarbeiten. Dabei sollen mögliche kurz- und längerfristige Entwicklungsperspektiven für den Bereich aufgezeigt werden. Ein Kernbereich bei den Planungen ist dabei das Areal der ehemaligen Gärtnerei Walz.<br><br> Das Plangebiet erstreckt sich von der Engelbergstraße im Süden bis zur B 295 im Norden. Es befindet sich mittig im Stadtbezirk und gleichzeitig exponiert an der zentralen (Erschließungs-) Achse des Bezirks, der Solitudestraße. Aufgrund seiner Lage, Größe und Nutzung hat es eine große Bedeutung für den Stadtbezirk. Auch ist es aus verschiedenen Richtungen gut mit dem ÖPNV erreichbar.<br><br> In einem ersten Schritt hat die Verwaltung den politischen Gremien verschiedene Entwicklungsszenarien vorgelegt. Anhand dieser Entwicklungsszenarien wurden künftige Nutzungsmöglichkeiten für den Gesamtbereich geprüft. Nach einem umfassenden Beratungsprozess haben sich die gemeinderätlichen Gremien und der Bezirksbeirat Weilimdorf für ein Entwicklungsszenario ausgesprochen, das sich auf die Schwerpunkte Sport, gemeinschaftliche und soziale Nutzungen (u. a. Bürgerhaus) sowie Frei- und Grünraum fokussiert. <br><br>Im Rahmen des Zukunftsdialogs Entwicklungskonzept Westlich der Solitudestraße können sich nun alle interessierten Bürger*innen umfassend über die Rahmenbedingungen informieren und sich direkt online (über diese Plattform) am Planungsgeschehen beteiligen. Vor Ort haben sie die Möglichkeit an den Quartierssparziergängen teilzunehmen. Diese finden am 11.12.2020 um 13 Uhr, 14:15 und 15:30 Uhr statt. Bitte melden Sie sich für die Teilnahme bis zum 09.12.2020 unter <a href="https://eveeno.com/Quartiersspaziergang">https://eveeno.com/Quartiersspaziergang</a> an. Bitte beachten Sie dabei, dass sich witterungs- bzw. pandemiebedingt - auch kurzfristig – Terminänderungen ergeben können. <br><br>Ihre Ideen sollen in die weitere Bearbeitung des Entwicklungskonzepts einfließen und den politischen Gremien vorgestellt werden. Abschließend wird das Entwicklungskonzept die Basis für alle weiteren planerischen Schritte im Gesamtbereich westlich der Solitudestraße, beispielsweise für im Rahmen eines Bebauungsplanverfahrens, bilden. </p>
Patrick's avatar
index.html, History.md und 14 weitere dateien aktualisiert...    
Patrick committed
259
260 
              </div>
              <div id="einlP01">
Patrick's avatar
Update    
Patrick committed
261
262 
              <h2>Liebe Weilimdorferinnen und Weilimdorfer,</h2>
              <p class="contentOne">seit vielen Jahren beschäftigen wir uns nun schon mit der weiteren Verwendung der Flächen der ehemaligen Gärtnerei Walz an der So-litude-/ Engelbergstraße, im direkten Anschluss an das Sportgelände der SGW.
Patrick's avatar
index.html, History.md und 14 weitere dateien aktualisiert...    
Patrick committed
263
264
265
266 
                Nach anfänglichen Überlegungen, das Gelände dem Wohnungsbau und der Nutzung durch eine Senioreneinrichtung zuzuführen, ergaben die einschlägigen Gutachten, dass diese Pläne bei der dortigen Lärmbelastung nicht realisierbar sind.
                Schon im April 2019 hat der Bezirksbeirat auf der Basis der Vorschläge des Amtes für Stadtplanung und Wohnen das „Entwicklungskonzept westlich der Solitudestraße“ beschlossen. Damit erstreckt sich das neu zu planende Areal vom Jugendhaus bis zur Engelbergstraße. Die Fläche gliedert sich in drei Abschnitte. Während der Bereich A neben dem Jugendhaus Gemeinwesen-Einrichtungen wie das künftige „Forum Weilimdorf“ als Bürgerhaus mit Saal für 250 Personen und einem Stadtteil- und Familienzentrum mit Kita aufnehmen soll, wird im anschließenden Bereich B die bestehende Sportnutzung festgeschrieben und durch weitere Sportstätten arrondiert und ergänzt. Der Bereich C soll dann für Sport und Freizeit zur Verfügung stehen.<br>
                Das, zur näheren Ausgestaltung dieses Leitplankenbeschlusses, bereits für den Sommer 2019, geplante Bürgerbeteiligungsverfahren hat sich wiederholt verzögert und konnte dann im Frühjahr 2020 wegen der Corona-Pandemie nicht mehr durchgeführt werden. <br>
                Im Dezember nun ist ein Bürgerbeteiligungsformat, primär in digitaler Form, vorgesehen. Ich möchte Sie sehr herzlich dazu einladen an der Gestaltung dieser hoch attraktiven Fläche im Schnittpunkt der Stadtteile Bergheim, Giebel, Wolfbusch und Weilimdorf mitzuwirken. Bringen Sie sich ein und gestalten Sie mit an der Zukunft und der Attraktivität unseres Stadtbezirks.
Patrick's avatar
Update    
Patrick committed
267
268
269
270
271
272
273
274
275 
                </p><br>
                <p class="contentOne">
                    Mit freundlichen Grüßen  
                </p><br>
                <p class="contentOne">
                    Ulrike Zich <br>
                    Bezirksvorsteherin

                </p><br>
Patrick's avatar
index.html, History.md und 14 weitere dateien aktualisiert...    
Patrick committed
276
277
278 
                <button id="tourstart-btn2" onclick="showEinleitung();" class="buttonset one"><span class="i18n_balloon_startscreen_btn">Weiter</span>
                </div>
              <details id="detAnleitung" style="display:none;">
Patrick's avatar
some update    
Patrick committed
279 
                <summary class="contentOne">Anleitung zur Benutzung der Plattform</summary>
Patrick's avatar
index.html, History.md und 27 weitere dateien aktualisiert...    
Patrick committed
280
281 
                <p class="contentOne">Hier kommt der ausführliche Inhalt zur Anleitung</p>
                <img style='padding-top:10px' id="erklImage" src='images/erklaerung.png' alt='Simply Easy Learning' usemap="#image-map">
Patrick's avatar
some update    
Patrick committed
282
Patrick's avatar
index.html, History.md und 27 weitere dateien aktualisiert...    
Patrick committed
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307 
                <map name="image-map">
                    <area  alt="ErklaerungOne" title="ErklaerungOne" onclick="erklOne()" coords="1638,121,52" shape="circle">
                    <area  alt="ErklaerungTwo" title="ErklaerungTwo" onclick="erklTwo()" coords="1636,358,48" shape="circle">
                    <area  alt="ErklaerungThree" title="ErklaerungThree" onclick="erklThree()" coords="1746,858,50" shape="circle">
                    <area  alt="ErklaerungFour" title="ErklaerungFour" onclick="erklFour()" coords="388,732,52" shape="circle">
                </map>
                <details id="InhaltOne">
                    <summary class="contentOne">Punkt <img src='images/Intro/Bild1.png' style="width:20px;margin-bottom:-10px;">: Menü</summary>
                    <p class="contentOne">In diesem Menü können Sie verschiedene sogenannte Layer auswählen und damit verschiedene Inhalte wie das Gelände, die einzelnen Gebiete oder eine schematische Karte anzuzeigen. Damit können Sie ihre Anzeige individuell anpassen.</p>
                </details>
                <details id="InhaltTwo">
                    <summary class="contentOne">Punkt <img src='images/Intro/Bild2.png' style="width:20px;margin-bottom:-10px;">: Navigation</summary>
                    <p class="contentOne">Die Navigation bietet verschiedene Möglichkeiten. Die Navigation kann genutzt werden um sich auf der Karte zu bewegen und dient als Alternative zu der Navigation mit den Maustasten. <br>
                        Mit den <b>Pfeilen</b> kann man sich in die entsprechende Richtung bewegen. Das <b>Auge</b> lässt Sie um den momentanen Bildschirmmittelpunkt rotieren.
                        Die beiden Icons der <b>Grids</b> verringern bzw. vergrößern den Neigungswinkel. <b>Plus</b>Plus und <b>Minus</b> dienen zum Zoom. Der schräge Pfeil lässt Sie zu ihrem aktuellen Physischen Standort springen und das Icon des Männchens bringt Sie in einen Fußgänger Modus indem sie sich ähnliches wie in einem Spiele mit Pfeiltasten fortbewegen können. 
                    </p>
                </details>
                <details id="InhaltThree">
                    <summary class="contentOne">Punkt <img src='images/Intro/Bild3.png' style="width:20px;margin-bottom:-10px;">: Funktionalitäten</summary>
                    <p class="contentOne">Die Funktionalitäten welche auf der rechten Seite angzeigt werden erlauben es Ihnen die Ansicht zu verändern. Sie können mit dem Icon des Gebäudes auf die Ausgangsansicht zurückspringen. Über das 3D Icon lässt sich zwischen der 2D und 3D Karte umschalten. Das Kartensymbol erlaubt die Anzeige einer kleinen Übersichtskarte die die Navigation erleichtern soll.</p>
                </details>
                <details id="InhaltFour">
                    <summary class="contentOne">Punkt <img src='images/Intro/Bild4.png' style="width:20px;margin-bottom:-10px;">: Inhalt</summary>
                    <p class="contentOne">Die Inhalte in der Karte welche für das Beteiligungsverfahren relevant sind werden über verschiedene Icons in der Karte verortet.</p>
                </details>
Patrick's avatar
some update    
Patrick committed
308 
              </details>
Patrick's avatar
index.html, History.md und 14 weitere dateien aktualisiert...    
Patrick committed
309 
              <button id="tourstart-btn" onclick="stopStory();" style="display:none;" class="buttonset one"><span class="i18n_balloon_startscreen_btn">Start</span>
Patrick's avatar
Update    
Patrick committed
310 
              </button> <br>
Patrick's avatar
index.html, History.md und 14 weitere dateien aktualisiert...    
Patrick committed
311 
              <div id="iconlist" style="display:none;">
Patrick's avatar
some css updates    
Patrick committed
312
313 
              <img id="balloon_logo01" src="./icons/STUTTGARTmitPferd.png" alt="Stadt_Logo">
              <img id="balloon_logo02" src="./icons/HFT_M4_LAB_rgb.svg" alt="M4_Lab_Logo" >
Patrick's avatar
index.html, History.md und 14 weitere dateien aktualisiert...    
Patrick committed
314
Patrick's avatar
some css updates    
Patrick committed
315
316 
              <img id="balloon_logo03" src="./icons/innHoch.svg" alt="InnHochschule">
              <img id="balloon_logo04" src="./icons/Die_STEG_2010.jpg" alt="STEG">
Patrick's avatar
index.html, History.md und 14 weitere dateien aktualisiert...    
Patrick committed
317 
            </div>
Patrick's avatar
first commit  
Patrick committed
318
319
320
321
322
323
324 
          </div>
          <div class="dialog-image-balloon"></div>
          <div class="balloon-left-edge"></div>
      </div>
      <!-- End of: Content Start Screen -->
      <!-- Content Tour -->
      <div id="tour-frame" style="display: none; overflow-y: scroll;">
Patrick's avatar
Update Buddi Content    
Patrick committed
325 
          <div class="tour-top-navi"  style="z-index:99">
Patrick's avatar
some updates:    
Patrick committed
326
327 
             <a href="#" onclick="goHome()" id = "testing" class="top-nav buttonset one"><i class="fa fa-home"></i>Home</a>
             <!-- <a href="#energiefahrrad" class="top-nav buttonset one"><i class="fa fa-bicycle"></i> Projekt 2</a>
Patrick's avatar
first commit  
Patrick committed
328 
             <a href="#wea" class="top-nav buttonset one"><i class="fa fa-bolt"></i> Projekt 3</a>
Patrick's avatar
some updates:    
Patrick committed
329 
             <a href="#projects" id="back" class="top-nav buttonset one"><i class="fa fa-bolt"></i> Back to Projekt View 3</a> -->
Patrick's avatar
first commit  
Patrick committed
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345 
	<!-- Buttonleiste oben
			  <a href="#demo-viewpoint" class="top-nav buttonset one"><i class="fa fa-globe"></i> Viewpoint</a>	
              <a href="#demo-hiding" class="top-nav buttonset one"><i class="fa fa-eye-slash"></i> Hiding</a>
              <a href="#demo-highlight" class="top-nav buttonset one"><i class="fa fa-building"></i> Higlighting</a>
              <a href="#demo-planning" class="top-nav buttonset one"><i class="fa fa-building"></i> Planning</a>
              <a href="#demo-layer" class="top-nav buttonset one"><i class="fa fa-exchange"></i> Layer Switch</a>
              <a href="#demo-labels" class="top-nav buttonset one"><i class="fa fa-tag"></i> Labels</a>
              <a href="#demo-poi" class="top-nav buttonset one"><i class="fa fa-map-marker"></i> POI</a>
              <a href="#demo-rotate" class="top-nav buttonset one"><i class="fa fa-repeat"></i> Rotate</a>
              <a href="#story_start" class="top-nav buttonset one"><i class="fa fa-arrow-up"></i></a>
	--> 
          </div>
          <!-- Projekt 1
            ======================================================================================================= -->
        <div id="projektOne" class="SideInfo" style="display:none;">
Patrick's avatar
Update    
Patrick committed
346 
            <h1 class="sticky" id="headOne">Überschrift</h1>
Patrick's avatar
first commit  
Patrick committed
347
Patrick's avatar
Update    
Patrick committed
348
349 
            <p class="contentOne">Text fehlt</p>
Patrick's avatar
first commit  
Patrick committed
350
351
352
353
354 
        
                        <!-- Slideshow container -->


        </div>
Patrick's avatar
some update    
Patrick committed
355 
        <!-- <div id="TestText" class="SideInfo" style="display:none;">
Patrick's avatar
first commit  
Patrick committed
356
Patrick's avatar
some update    
Patrick committed
357
358
359
360
361
362
363
364
365 
            <h1 class="sticky" id="headOne">Böckinger Straße</h1>
            
            <p class="contentOne">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent pharetra ut sem nec mattis. Ut gravida consectetur urna quis faucibus. Ut in justo nunc. Suspendisse potenti. Aliquam nec tortor aliquet enim ultricies gravida. Vivamus justo enim, mattis quis malesuada id, iaculis vel orci. Vivamus tortor leo, finibus a eros et, accumsan volutpat nisl. Sed sit amet ex eget lectus finibus rhoncus ac quis metus.
                Aliquam erat volutpat. Vivamus ut fermentum lectus. Quisque hendrerit felis eu convallis tincidunt. Aenean pretium finibus orci. Nam est justo, semper non est id, ultricies laoreet mi. Donec rutrum quam a ex congue ultrices. Nullam vulputate elit at iaculis scelerisque. Aliquam metus diam, vulputate eget purus et, placerat pharetra elit. Integer quis erat ut dolor pellentesque gravida. Aliquam vulputate urna vel neque interdum imperdiet. Quisque facilisis condimentum odio ac sollicitudin. Integer eleifend eget augue eget mattis. Pellentesque eu lectus rhoncus, malesuada lacus ut, lobortis turpis. Mauris in scelerisque orci. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos.
                Phasellus mollis viverra magna vitae semper. Vestibulum turpis mi, elementum in dapibus vel, convallis at odio. Etiam diam leo, rhoncus a risus et, eleifend molestie ipsum. Nullam vitae aliquam metus. Duis efficitur urna ut eros accumsan, sit amet placerat felis laoreet. Cras vitae neque in mauris euismod consequat egestas sed magna. Sed sit amet nibh in enim eleifend pulvinar non eu diam. Integer mauris lacus, malesuada non diam sed, mattis laoreet elit. Suspendisse potenti. Donec pulvinar finibus lorem, posuere varius arcu tempus at.
                Ut nec leo enim. Nullam gravida fringilla aliquam. Proin varius, dui nec euismod tincidunt, urna arcu vehicula ex, in eleifend libero ipsum sit amet lacus. Sed scelerisque urna in odio consectetur, eu pulvinar velit auctor. Morbi fringilla, ipsum vitae sollicitudin condimentum, felis felis sagittis quam, eget varius purus turpis sed ipsum. Ut ut sagittis eros. In sem neque, vehicula et vulputate congue, elementum vitae diam. Mauris nulla orci, pharetra vitae libero ac, sodales vulputate nibh. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Ut blandit cursus aliquam. Maecenas ornare luctus nibh vel consectetur. Quisque eros felis, condimentum a justo nec, facilisis cursus turpis. Praesent sagittis consequat dui, vel rutrum leo sagittis ac. Nullam efficitur libero sed risus tincidunt posuere.
                Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae; Integer finibus nisl sit amet feugiat convallis. Nunc consequat, ex sit amet pretium aliquet, magna nunc rhoncus elit, ut vestibulum tortor dolor sit amet turpis. Nullam neque nisi, rhoncus efficitur lacinia ut, ullamcorper sit amet dui. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin gravida nibh quis congue. </p>
           
        </div> -->
Patrick's avatar
first commit  
Patrick committed
366
367 
        <div id="UmfrageOne" class="SideInfo" style="display:none;">
Patrick's avatar
index.html, History.md und 6 weitere dateien aktualisiert...    
Patrick committed
368
369 
            <p>Falls Sie Probleme mit der integrierten Version der Umfrage haben sollten, können Sie über diesen Link direkt darauf zugreifen:</p>
            <a href="https://umfrage.smartvillages.online/limesurvey/index.php/796921?lang=de">Umfrage</a> <br><br>
Patrick's avatar
change Umfrage    
Patrick committed
370 
            <iframe id="iframe" style="width: 95%; height:50em;margin-left:1em;margin-right:1em;border: none;" src="https://umfrage.smartvillages.online/limesurvey/index.php/796921?lang=de"></iframe>
Patrick's avatar
first commit  
Patrick committed
371
Patrick's avatar
change Umfrage    
Patrick committed
372 
            <!-- <p class="contentOne">Die Reduzierung des privaten Wohnraums bedingt auch das Zusammenleben
Patrick's avatar
first commit  
Patrick committed
373
374
375
376
377
378
379
380
381
382
383
384
385
386
387
388 
                im Quartier. Wohnfunktionen werden wieder in den öffentlichen Raum
                und die Gemeinschaft verlagert und im Sinne von urbanen Gemeingütern
                genutzt. Die Funktionsweise solcher Gemeingüter beruht dabei hauptsächlich
                auf drei Grundelementen: der Ressource, einer Gruppe, die die Ressource
                gemeinsam nutzt und den Regeln, die diese Gruppe zur Nutzung
                festlegt. Aber wie kann man solche Gemeingüter in einem sich neu
                entwickelnden Quartier implementieren?</p>
            <p class="contentOne">In einem Realexperiment werden Konzepte und Ideen in Verknüpfung mit
                lokalen Akteuren erarbeitet und ausprobiert. <br>
                Der Garten des Imanuel Grözinger Hauses dient dabei als Ausgangspunkt. Drei Teams - Kommunikation,
                Programm und Bau - führen Interviews, erarbeiten ein Programm
                und eine bauliche Intervention vor Ort. Den Abschluss bildet ein Aktionstag
                gemeinsam mit Bewohnern und Nachbarn.</p><br>
                <p class="contentOne">Folgen Sie uns auf Instagram! Fotos und Videos führen Sie durch unsere
                gesamte Woche in der Böckinger Straße.</p><br>
                <p>@les_stuttgart</p>
Patrick's avatar
change Umfrage    
Patrick committed
389 
                <p>#ibasummerschool2019 #howtocommons #experiment</p> -->
Patrick's avatar
first commit  
Patrick committed
390
391
392
393
394 
        


        </div>
            <!--=======================================================================================================-->
Patrick's avatar
Add Buddis Content    
Patrick committed
395
396
397 
            <!-- Project Stoeckach Energiekonzept -->
        <div id="Energiekonzept" class="SideInfo" style="display:none;">
Patrick's avatar
Update Buddi Content    
Patrick committed
398 
            <h1 class="sticky" id="headOne">Energy Project Stöckach</h1>
Patrick's avatar
Add Buddis Content    
Patrick committed
399
400
401
402
403
404 
            
            <p class="contentOne">In this study, we have evaluated multiple local energy system scenarios to find the optimal energy system design concepts for the” future” EnBW-Areal. In this study,
                <br> •	we developed a 3D CityGML model for the EnBW-Areal and along with other calculation tools, estimated the electricity, heat, and hot water related energy demand profiles for the neighborhood.
                <br> •	we evaluated multiple energy supply options that includes energy sources and conversion technologies to meet the estimated total energy demand.
                <br> •	we evaluated the cost minimized technology mixes that achieves reduced CO2 emissions and compared the different energy system scenarios against a baseline energy system.
                </p>
Patrick's avatar
first commit  
Patrick committed
405
Patrick's avatar
Update Buddi Content    
Patrick committed
406 
            <button id="energydemand"  onclick="highlightFeatures('energydemand')" type="button" class="collapsible">Energy demand</button>
Patrick's avatar
Add Buddis Content    
Patrick committed
407
408 
            <div class="content">
                <p>The annual electrical, heating, and hot water energy demand for the EnBW-Areal is estimated to be 2.88 GWh, 1.57 GWh, and 1.77 GWh, respectively. </p>
Patrick's avatar
Update Buddi Content    
Patrick committed
409
410
411
412
413
414 
                
                <div class="slideshow-container">

                    <!-- Full-width images with number and caption text -->
                        <div class="mySlides2 fade">
                        <div class="numbertext">1 / 4</div>
Patrick's avatar
image test    
Patrick committed
415 
                        <img src="images/content/contentstoeckach/img1.jpg" style="width:100%">
Patrick's avatar
Update Buddi Content    
Patrick committed
416
417
418
419
420 
                        <div class="text">The estimated hourly heat energy demand (units: kW)</div>
                        </div>
                    
                        <div class="mySlides2 fade">
                        <div class="numbertext">2 / 4</div>
Patrick's avatar
image test    
Patrick committed
421 
                        <img src="images/content/contentstoeckach/img2.jpg" style="width:100%">
Patrick's avatar
Update Buddi Content    
Patrick committed
422
423
424
425
426 
                        <div class="text">The estimated hourly energy demand for hot water generation (units: kW)</div>
                        </div>
                    
                        <div class="mySlides2 fade">
                        <div class="numbertext">3 / 4</div>
Patrick's avatar
image test    
Patrick committed
427 
                        <img src="images/content/contentstoeckach/img3.jpg" style="width:100%">
Patrick's avatar
Update Buddi Content    
Patrick committed
428
429
430
431
432 
                        <div class="text">Electricity demand for non-residential spaces (units: kW)</div>
                        </div>
        
                        <div class="mySlides2 fade">
                        <div class="numbertext">4 / 4</div>
Patrick's avatar
image test    
Patrick committed
433 
                        <img src="images/content/contentstoeckach/img4.jpg" style="width:100%">
Patrick's avatar
Update Buddi Content    
Patrick committed
434
435
436
437
438
439
440
441
442
443
444
445
446
447
448
449
450
451
452 
                        <div class="text">Electricity demand for residential and spaces (units: kW)</div>
                        </div>
        
                    
                        <!-- Next and previous buttons -->
                        <a class="prev" onclick="plusSlides(-1, 1)">&#10094;</a>
                        <a class="next" onclick="plusSlides(1, 1)">&#10095;</a>
                    </div>
                    <br>
                    
                    <!-- The dots/circles -->
                    <div style="text-align:center">
                        <span class="dot" onclick="currentSlide(1)"></span>
                        <span class="dot" onclick="currentSlide(2)"></span>
                        <span class="dot" onclick="currentSlide(3)"></span>
                        <span class="dot" onclick="currentSlide(4)"></span>
  
                    </div>
Patrick's avatar
Add Buddis Content    
Patrick committed
453 
            </div>
Patrick's avatar
Update Buddi Content    
Patrick committed
454 
            <button id="solarpotential" onclick="highlightFeatures('solarpotential')" type="button" class="collapsible">Solar PV potential</button>
Patrick's avatar
Add Buddis Content    
Patrick committed
455 
            <div class="content">
Patrick's avatar
Update Buddi Content    
Patrick committed
456 
                <p>The study shows that the EnBW-Areal has a feasible potential to utilize approx. 30-35% of the roof area to generate local electricity from solar PV. As a result, the energy consumption related CO2 emissions can be reduced by about 30% compared to the base scenario evaluated in this study at an 8% less cost. PV curtailment due to over production and feed-in constraints could lower the share of integrated PV generation significantly above 35% penetration levels. There are both technological and market-based strategies to optimally integrate the local PV generation. However, such concepts must be analyzed further in greater detail.   </p>
Patrick's avatar
Add Buddis Content    
Patrick committed
457 
            </div>
Patrick's avatar
Update Buddi Content    
Patrick committed
458 
            <button id="heatpump" onclick="highlightFeatures('heatpump')" type="button" class="collapsible">Power-to-heat via heat pump</button>
Patrick's avatar
Add Buddis Content    
Patrick committed
459 
            <div class="content">
Patrick's avatar
Update Buddi Content    
Patrick committed
460
461
462
463
464
465
466
467
468 
                <p>High-efficient heat pumps can both reduce the CO2 emissions and the primary energy use. A direct comparison between the heat pumps and district heating is tricky because the emissions from a district heating plant heavily depends on it’s fuel mix. In Stuttgart, it is common to use a fuel mix comprising of coal, gas, and municipal waste to generate heat. <br>
                    It is more economically feasible to schedule the heat pump operation to supply the base-load heating and hot water demand. That increases the utilization of heat pump capacity, and therefore the rate of return on the investment. <br>
                    Thermal storages improve the utilization of heat pump capacity. The flexibility of thermal storage units to meet the peak demand enable the heat pumps to be slightly undersized for the base-load operation. <br>
                    </p>
                    <div class="slideshow-container">

                        <!-- Full-width images with number and caption text -->
                            <!-- <div class="mySlides"> -->
Patrick's avatar
image test    
Patrick committed
469 
                            <img src="images/content/contentstoeckach/img5.jpg" style="width:100%; margin-bottom: 5em;">
Patrick's avatar
Update Buddi Content    
Patrick committed
470
471
472 
                            <div class="text" style="margin-top:0em;">The capacity of heat pump(s) is allocated to supply base-load heat demand. The valley points of heat pump operation are filled by thermal storage charging action to improve heat pump capacity utilization.</div>
                            <!-- </div> -->
                        </div>
Patrick's avatar
Add Buddis Content    
Patrick committed
473 
            </div>
Patrick's avatar
Update Buddi Content    
Patrick committed
474 
            <button id="thermalstorage" onclick="highlightFeatures('thermalstorage')" type="button" class="collapsible">Thermal storage </button>
Patrick's avatar
Add Buddis Content    
Patrick committed
475
476
477 
            <div class="content">
                <p>Thermal storages improve the utilization of heat pump capacity. The flexibility of thermal storage units to meet the peak demand enable the heat pumps to be slightly undersized for the base-load operation.</p>
            </div>
Patrick's avatar
Update Buddi Content    
Patrick committed
478 
            <button id="batterystorage" onclick="highlightFeatures('batterystorage')" type="button" class="collapsible">Battery storage  </button>
Patrick's avatar
Add Buddis Content    
Patrick committed
479
480
481 
            <div class="content">
                <p>The adoption of residential battery storages in Germany is driven by the self-consumption optimization objective. At lower PV levels, the generated PV electricity can be directly consumed, hence the benefits of battery systems are less. However, at higher PV penetration levels and when innovative market designs enable the participation of battery storage systems to provide other services to the electricity network, the value of battery storage systems can increase rapidly. </p>
            </div>
Patrick's avatar
Update Buddi Content    
Patrick committed
482
483
484
485
486
487
488
489
490
491 
            <button id="localEnergy" onclick="highlightFeatures('energydemand')" type="button" class="collapsible">Is local energy transition economically competitive? </button>
            <div class="content">
                <p>The answer to this question has two layers. The first layer is the aggregated system level feasibility, which is what we can see from our study. The second layer is the benefit distribution and economic feasibility at the individual prosumer level that is something that requires much deeper analysis. <br>
                    We see at the system level; the local energy transition has a positive outlook. Some of the scenarios that we looked at recovered their total investment within the first 8 years. 
                     <br></p>
                     <div class="slideshow-container">

                        <!-- Full-width images with number and caption text -->
                            <!-- <div class="mySlides"> -->
Patrick's avatar
image test    
Patrick committed
492 
                            <img src="images/content/contentstoeckach/img6.jpg" style="width:100%; margin-bottom: 4em;">
Patrick's avatar
Update Buddi Content    
Patrick committed
493
494
495
496 
                            <div class="text" style="margin-top:0em;">Comparison of the return of investment in each scenario until the breakeven point compared to the base scenario (units: EUR)</div>
                            <!-- </div> -->
                        </div>
            </div>
Patrick's avatar
Add Buddis Content    
Patrick committed
497 
        </div>
Patrick's avatar
add legend    
Patrick committed
498
499
500
501
502
503
504
505
506
507
508
509
510
511
512
513
514
515
516
517
518
519
520
521
522
523
524 
        <!-- ======================================================================================================================================================================== -->
        <!-- Nordbahnhof -->
        <div id="NordbahnhofInfo" class="SideInfo" style="display:none;">
            <h1 class="sticky" id="headNordB">Nordbahnhof</h1>
            
            <p class="contentOne">Im Nordbahnhof Areal ist ein Neubau geplant. Dieser kann in verschiedenen Aspekten mit den bestehenden Bauten verglichen werden.
                Der Energie Nutzungs Aspekt kann nur bedingt herangezogen werden, da die Gebäude sehr unterschiedliche Nutzungen haben. Hier würde es sich anbieten verschiedene Planungen aufgrund ihrer Energienutzung zu vergleichen.
            </p>
            <br>
            <h2>Specific Space Heating Demand</h2>
            <p>The specific space heating demand wurde mit SimStadt simuliert. Die Werte sind in [kWh/m²·a] angegeben.</p><br>
            <div id="unconstrained"></div><br>
            <span class="example-val" id="unconstrained-values"></span>
            
            <div class='my-legend'>
                <div class='legend-title'>in [kWh/m²·a] </div>
                <div class='legend-scale'>
                  <ul class='legend-labels'>
                    <li id="One"><span class="rectangle" style='background:#38943d;'></span>min-100</li>
                    <li id="Two"><span class="rectangle" style='background:#699438;'></span>100-200</li>
                    <li id="Three"><span class="rectangle" style='background:#d0d40b;'></span>200-300</li>
                    <li id="Four"><span class="rectangle" style='background:#db6f09;'></span>300-400</li>
                    <li id="Five"><span class="rectangle" style='background:#ad0202;'></span>400-max</li>
                  </ul>
                </div>
                <!-- <div class='legend-source'>Source: <a href="#link to source">Name of source</a></div> -->
            </div>
Patrick's avatar
Add Graph    
Patrick committed
525 
            <div style='width:100%;margin-top:200px;' id="chartNordB"></div>
Patrick's avatar
add legend    
Patrick committed
526
527 
        <!-- <div id="slider-color"></div> -->
        </div>
Patrick's avatar
update not working    
Patrick committed
528
529
530
531
532
533
534
535
536
537
538
539
540
541
542
543
544
545
546
547
548
549
550
551
552
553
554
555
556
557
558
559
560
561
562
563
564
565
566
567
568
569
570
571 

        <!-- ========================================================================================================= -->
        <!-- Areas in Weilimdorf -->
        <div id="WeilimdorfAreas" class="SideInfo" style="display:none;">

            <h1 class="sticky" id="headOne">Weilimdorf</h1>
            
            <p class="contentOne">Die Reduzierung des privaten Wohnraums bedingt auch das Zusammenleben
                im Quartier. Wohnfunktionen werden wieder in den öffentlichen Raum
                und die Gemeinschaft verlagert und im Sinne von urbanen Gemeingütern
                genutzt. Die Funktionsweise solcher Gemeingüter beruht dabei hauptsächlich
                auf drei Grundelementen: der Ressource, einer Gruppe, die die Ressource
                gemeinsam nutzt und den Regeln, die diese Gruppe zur Nutzung
                festlegt. Aber wie kann man solche Gemeingüter in einem sich neu
                entwickelnden Quartier implementieren?</p>
            <p class="contentOne">In einem Realexperiment werden Konzepte und Ideen in Verknüpfung mit
                lokalen Akteuren erarbeitet und ausprobiert. <br>
                Der Garten des Imanuel Grözinger Hauses dient dabei als Ausgangspunkt. Drei Teams - Kommunikation,
                Programm und Bau - führen Interviews, erarbeiten ein Programm
                und eine bauliche Intervention vor Ort. Den Abschluss bildet ein Aktionstag
                gemeinsam mit Bewohnern und Nachbarn.</p><br>
                <p class="contentOne">Folgen Sie uns auf Instagram! Fotos und Videos führen Sie durch unsere
                gesamte Woche in der Böckinger Straße.</p><br>
                <p>@les_stuttgart</p>
                <p>#ibasummerschool2019 #howtocommons #experiment</p>
        


            <p class="contentOne"><Strong>TEAM KOMMUNIKATION</Strong> arbeitet direkt mit den Anwohnern zusammen.
                Wer sind relevante Akteure? Welches Potential bringen neue Akteure mit?
                Welche Art der Kommunikation braucht es? In Interviews werden Bedürfnisse
                und Wünsche für das zukünftige Quartier abgefragt und gemeinsam
                eine Kommunikationsstrategie erarbeitet.<br>
                <strong>TEAM PROGRAMM</strong> beschäftigt sich damit, wie man die gegenwärtigen und
                zukünftigen Bewohner*innen des Quartiers aktivieren kann, Gemeingüter
                zu entwickeln und zu nutzen. Welche Aktivitäten gibt es bereits vor Ort?
                Wo finden sie statt? Und durch welches Programm kann man Akteure
                zusammen bringen?<br>
                <strong>TEAM BAU</strong> gestaltet eine bauliche Intervention, die von den Nachbarn
                gemeinschaftlich im Sinne eines Urban Common genutzt werden kann.
                Was fehlt noch? Welche bauliche Intervention kann die Bildung von urban
                commons unterstützen? Und was bleibt am Ende zurück?</p>

        </div>
Patrick's avatar
index.html, History.md und 9 weitere dateien aktualisiert...    
Patrick committed
572 
        <div id="bereichA" class="SideInfo" style="display:none;">
Patrick's avatar
update not working    
Patrick committed
573
Patrick's avatar
index.html, History.md und 9 weitere dateien aktualisiert...    
Patrick committed
574
575
576
577
578
579
580
581
582
583
584
585
586
587
588
589
590
591
592
593
594
595
596
597
598
599
600
601
602
603
604
605
606
607
608
609
610
611
612
613
614
615
616
617
618
619
620
621
622
623
624
625
626
627
628
629
630
631
632
633
634
635
636
637
638
639
640
641
642
643
644
645
646
647
648
649
650
651
652
653
654
655
656
657
658
659
660
661
662
663
664
665
666
667
668
669
670
671
672
673
674 
            <h1 class="sticky" id="headOne">Bereich A - Gemeinbedarf</h1>
            
            <p class="contentOne">Im nördlichen Bereich A bestehen verschiedene gemeinschaftsbezogene Nutzungen (Jugendhaus, Kindertageseinrichtung, Flüchtlingsunterkunft). Für diesen Bereich sind Ergänzungen des bestehenden Gemeinbedarfs um weitere gemeinbedarfsbezogene Nutzungen (z. B. ein Bürgerhaus) denkbar. Ggf. entfallende Stellplätze im Bereich des heutigen Parkplatzes müssen bedarfsbezogen im Umfeld kompensiert werden </p>
            <p class="contentOne">Im Zusammenhang mit der Neuplanung des Stadtbahnbetriebshofes in Weilimdorf und der Stadtbahnverlängerung der U13 nach Hausen/Ditzingen wird die Gleisführung über den nördlichen Bereich A (nordöstlich des Jugendhauses) geführt. </p>
        
                        <!-- Slideshow container -->
        </div>
        <div id="bereichB" class="SideInfo" style="display:none;">

            <h1 class="sticky" id="headOne">Bereich B - Sport</h1>
            
            <p class="contentOne">Der Bereich B ist bereits heute durch sportbezogene Nutzungen geprägt. Die SG Weilimdorf ist in diesem Bereich ansässig. Auch sind Kooperationen mit den anderen Weilimdorfer Sportvereinen angedacht. Größere Flächenpotenziale für sportbezogenen Nutzungen sind in anderen Teilen des Stadtbezirks Weilimdorf nicht vorhanden. Vor diesem Hintergrund spielt das Plangebiet für die künftige Sportentwicklung im Stadtbezirk Weilimdorf eine wichtige Rolle. </p>
            <p class="contentOne">Folgende sportbezogenen Einrichtungen sind im Bereich B u. a. vorhanden:</p>
            <ul class="contentOne">
                <li>Sportplatz (Rasenspielfeld), Sanierung zeitnah denkbar</li>
                <li>Sportplatz (Hauptspielfeld)</li>
                <li>Leichtathletikflächen inkl. Kleinspielfeld</li>
                <li>Kunstrasenspielfeld</li>
                <li>Kunstrasenkleinspielfeld, Sanierung oder Ersatz zeitnah denkbar</li>
                <li>Gewichtheberhalle, Sanierung notwendig</li>
                <li>Tennisplätze </li>
                <li>Kleinspielfelder</li>
                <li>Tennishalle und Geschäftsstelle, Sanierung zeitnah denkbar</li>
                <li>Umkleiden- Funktionsgebäude</li>
                <li>Ringerwiese</li>
            </ul>
            <i class="contentOne">Abstimmung mit dem Amt für Sport und Bewegung, ob hier die schon erarbeitete Zustandsbeschreibung veröffentlicht werden kann. </i>
            <p class="contentOne">Das städtische Amt für Sport und Bewegung hat im Rahmen einer Bedarfsermittlung festgestellt, dass der Bedarf an zusätzlichen sportbezogenen Einrichtungen für weitere Sportentwicklung im Stadtbezirk Weilimdorf besteht. U. a. haben sich dabei folgende Bedarfe ergeben:</p>
            <ul class="contentOne" >
                <li>Fußballspielfeld</li>
                <li>Sportvereinszentrum</li>
                <li>Beachvolleyballfeld</li>
                <li>Ringer-/Kraftsporthalle</li>
                <li>Kunstrasen(klein)-Spielfeld</li>
                <li>Drei-Feld-Sporthalle  </li>
                <li>Frischlufthalle </li>
                <li>zusätzliche Flächenbedarfe für Trendsportarten</li>
            </ul>
                        <!-- Slideshow container -->
        </div>
        <div id="bereichC" class="SideInfo" style="display:none;">

            <h1 class="sticky" id="headOne">Bereich C - Sport/Freiraum</h1>
            
            <p class="contentOne">Im Bereich C sind neben Anlagen des ehemaligen Gärtnereibetriebs Acker-  und Wiesenflächen in einer differenzierten Eigentümerstruktur vorhanden. Den westlichen Rand des Bereichs C begrenzt zudem ein Wohnhaus.</p>
            <p class="contentOne">Die bestehenden Freiflächen im Bereich C haben eine hohe stadtklimatische Bedeutung. Sie sind eingebettet in ein ausgedehntes Kaltluftentstehungsgebiet, das sich zusammenhängend zwischen Weilimdorf und Giebel erstreckt und in die westlich angrenzende Gäulandschaft überleitet. Aus stadtklimatischer Sicht soll zwischen dem ehemaligen Walz-Areal und der Engelbergstraße daher in deutlicher Grünbereich als Korridor erhalten bleiben. </p>
            <p class="contentOne">In einem Band entlang des Verbindungswegs Giebel – Wolfbusch ist deswegen die Entwicklung einer gemischten Struktur von sport-/freizeitbezogenen Nutzungen (z. B. Kleinspielfelder, Beachvolleyballfeld, Bewegungsinsel) sowie Frei- bzw. Grünflächen denkbar. Dieser Bereich soll jedoch frei von Hochbauten bleiben, um den offenen Freiraumcharakter zu stärken und den klimatischen Belangen Rechnung zu tragen. Südlich dieses Bandes aus Sport- und Freizeitnutzungen soll ein sog. „Grüner Korridor“ (Freiraum) in Richtung Engelbergstraße insbesondere aus stadtklimatischen Gründen entwickelt werden.  Dieser soll gänzlich frei von baulichen Entwicklungen bleiben. </p>
                        <!-- Slideshow container -->
        </div>
        <div id="bereichD" class="SideInfo" style="display:none;">

            <h1 class="sticky" id="headOne">Bereich D</h1>
            
            <p class="contentOne">Nördlich des Schnatzgrabens besteht eine kleinteilige Struktur aus Acker-, Wiesen- und Kleingartenflächen mit einer hohen ökologischen Wertigkeit. Entsprechend einem Beschluss des Bezirksbeirats Weilimdorf vom 10.04.2019 soll der gesamte Bereich D planungsrechtlich und tatsächlich unangetastet bleiben. Der heutige Bestand soll erhalten werden.</p>
            <p class="contentOne">Der Schnatzgraben fließt im nördlichen Teil des Plangebiets in Ost-West-Richtung. Er bildet den Übergang zwischen dem Sportgelände und dem offenen Landschaftsraum. Im weiteren Planungsprozess soll der Schnatzgraben renaturiert werden. </p>

                        <!-- Slideshow container -->
        </div>
        <div id="InfoWalz" class="SideInfo" style="display:none;">

            <h1 class="sticky" id="headOne">Areal der ehem. Gärtnerei Walz</h1>
            
            <p class="contentOne">Der Betrieb der ehemaligen Gärtnerei Walz ist seit vielen Jahren aufgegeben. Das Areal erstreckt sich nördlich und südlich des Verbindungsweg Giebel – Wolfbusch (im südlichen Bereich B bzw. Bereich C). Mittlerweile wurde der nördliche Teil des Areals durch die Landeshauptstadt erworben. Neben dem ehemaligen Verwaltungsgebäude der Gärtnerei sind verschiedene Gewächshäuser und sonstige bauliche Anlagen (in einem teils baufälligen Zustand) vorhanden. Daneben besteht das Areal aus verschiedenen Hof- und Grünflächen. Neben teilweisem Leerstand ist das Areal aktuell durch verschiedene Interimsnutzungen geprägt. So betreibt der Verein Chloroplast e. V. auf Teilflächen ein Urban Gardening-Projekt. 
            Die weitere Entwicklung des Areals in kurz- und längerfristigen Entwicklungsschritten (auch als Interimsnutzung) ist denkbar. Dabei soll auch geprüft werden, ob und in welchem Umfang einzelne Bestandsgebäude bei der weiteren Planung integriert werden können.</p>
            <!-- <p class="contentOne">Der Schnatzgraben fließt im nördlichen Teil des Plangebiets in Ost-West-Richtung. Er bildet den Übergang zwischen dem Sportgelände und dem offenen Landschaftsraum. Im weiteren Planungsprozess soll der Schnatzgraben renaturiert werden. </p> -->

                        <!-- Slideshow container -->
        </div>
        <div id="burgerhaus" class="SideInfo" style="display:none;">

            <h1 class="sticky" id="headOne">Zukunftiges Bürgerhaus</h1>
            
            <p class="contentOne">Bereits seit vielen Jahren gibt es Bestrebungen im Hinblick auf die Realisierung eines Bürgerhauses. Frühere Bedarfsermittlungen haben einen Bedarf von ca. 700 qm an Gemeinbedarfsflächen (u.a. für vereins- und Kulturarbeit, Musikschule, Volkshochschule sowie Veranstaltungen) ergeben. Dieser Bedarf kann im Bestand (beispielswiese im zentralen Bereich des Stadtteils Weilimdorf) nicht umgesetzt werden. In seiner Sitzung am 10.04.2020 hat der Bezirksbeirat Weilimdorf einem Standort für ein Bürgerhaus im Bereich A mehrheitlich zugestimmt. Ebenfalls in dieser Sitzung hat der Bezirksbeirat den Bau eines Bürgerhauses/Forum mit folgender Ausstattung beschlossen:</p>
            <!-- <p class="contentOne">Der Schnatzgraben fließt im nördlichen Teil des Plangebiets in Ost-West-Richtung. Er bildet den Übergang zwischen dem Sportgelände und dem offenen Landschaftsraum. Im weiteren Planungsprozess soll der Schnatzgraben renaturiert werden. </p> -->

                        <!-- Slideshow container -->
            <ul class="contentOne">
                <li>Saal für 250 Personen</li>
                <li>Räume für Begegnung und Kultur</li>
                <li>Kita, Kinder- und Familienzentrum, Cafétreff</li>
            </ul>
            <p class="contentOne">In welcher Form darüber hinaus die Kombination eines Bürgerhauses mit weiteren Nutzungen (z. B. Kindertagesstätte, andere gemeinbedarfsbezogene Nutzungen, sozialer Treffpunkt für die umliegenden Quartiere, Sporthalle) möglich ist, soll im weiteren Verlauf vertiefter erörtert werden.</p>
        </div>
        <div id="fluchtling" class="SideInfo" style="display:none;">

            <h1 class="sticky" id="headOne">Temporäre Flüchtlingsunterkunft</h1>
            
            <p class="contentOne">Der Betrieb der ehemaligen Gärtnerei Walz ist seit vielen Jahren aufgegeben. Das Areal erstreckt sich nördlich und südlich des Verbindungsweg Giebel – Wolfbusch (im südlichen Bereich B bzw. Bereich C). Mittlerweile wurde der nördliche Teil des Areals durch die Landeshauptstadt erworben. Neben dem ehemaligen Verwaltungsgebäude der Gärtnerei sind verschiedene Gewächshäuser und sonstige bauliche Anlagen (in einem teils baufälligen Zustand) vorhanden. Daneben besteht das Areal aus verschiedenen Hof- und Grünflächen. Neben teilweisem Leerstand ist das Areal aktuell durch verschiedene Interimsnutzungen geprägt. So betreibt der Verein Chloroplast e. V. auf Teilflächen ein Urban Gardening-Projekt. 
            Die weitere Entwicklung des Areals in kurz- und längerfristigen Entwicklungsschritten (auch als Interimsnutzung) ist denkbar. Dabei soll auch geprüft werden, ob und in welchem Umfang einzelne Bestandsgebäude bei der weiteren Planung integriert werden können.</p>
            <!-- <p class="contentOne">Der Schnatzgraben fließt im nördlichen Teil des Plangebiets in Ost-West-Richtung. Er bildet den Übergang zwischen dem Sportgelände und dem offenen Landschaftsraum. Im weiteren Planungsprozess soll der Schnatzgraben renaturiert werden. </p> -->

                        <!-- Slideshow container -->
        </div>
        <div id="kindertag" class="SideInfo" style="display:none;">
            <h1 class="sticky" id="headOne">Kindertagesstätte</h1>      
            <p class="contentOne">Die im Plangebiet ansässige Kindertagesstätte Spatzennest wird von der Stuttgarter Jugendhaus gGmbH betrieben. Für die achtgruppige Kindertagesstätte liegt eine baurechtliche Genehmigung bis zum Jahr 2025 vor. Nach heutigem Stand ist davon auszugehen, dass auch über das Jahr 2025 hinaus ein Bedarf für eine Kindertagesstätte im Plangebiet bestehen wird.</p>
        </div>
        <div id="jugendhaus" class="SideInfo" style="display:none;">
            <h1 class="sticky" id="headOne">Jugendhaus</h1>      
            <p class="contentOne">Im nordöstlichen Rand des Bereichs A befindet sich das Jugendhaus. Es wird von der der Stuttgarter Jugendhaus gGmbH betrieben. Das Jugendhaus ist ein wichtiger Treffpunkt für Jugendliche im Stadtbezirk Weilimdorf. Auch künftig soll es im Plangebiet eine wichtige identitäts- und gemeinschaftsstiftende Funktion übernehmen. Um das Jugendhaus befinden sich größere Außenbereichsflächen (Bikepark und Bolzplatz), die durch die Jugendlichen genutzt werden.</p>
        </div>
Patrick's avatar
Update    
Patrick committed
675
676
677
678
679
680
681
682
683
684
685
686
687
688
689
690
691
692
693
694
695
696
697
698
699
700
701
702
703
704
705 
        <div id="plangebiet" class="SideInfo" style="display:none;">
            <h1 class="sticky" id="headOne">Erschließung des Plangebiets</h1>      
            <p class="contentOne">Das Plangebiet wird heute über zwei PKW-Zufahrten von der Solitudestraße erschlossen, die beide die Stadtbahntrasse queren. Die SSB ist grundsätzlich bemüht, die Anzahl der Querungen der Stadtbahngleise zu minimieren. Es ist daher davon auszugehen, dass künftig nur noch eine Zu-/Ausfahrt für PKW in das Plangebiet erhalten werden kann. Dies bedeutet wiederum, dass beispielsweise die südliche Zufahrt zum ehemaligen Walz-Areal entfallen müsste. Abhängig von der zukünftigen Nutzung muss daher im weiteren Verlauf geprüft werden, wie das Plangebiet für PKW, aber auch für Fußgänger*innen und Radfahrer*innen sinnvoll erschlossen werden kann. Durch zwei Stadtbahnhaltestelle ist die Anbindung des Gebiets an den öffentlichen Personennahverkehr bereits heute sehr gut.</p>
        </div>
        <div id="potA" class="SideInfo" style="display:none;">
            <h1 class="sticky" id="headOne">Potenzialort 1 im Bereich A:</h1>      
            <ul class="contentOne">
                <li>Areal im Bereich A südwestlich angrenzend an die Flüchtlingsunterkunft (bei einem potentiellen längerfristigen Entfall der Flüchtlingsunterkunft auch an deren Standort denkbar) </li>
                <li>Fläche im städtischem Eigentum</li>
                <li>Der Standort befindet sich mittig im Stadtbezirk. Er liegt in „der ersten Reihe“ an der zentralen Erschließungsachse Solitudestraße. Eine gute Anbindung an den ÖPNV (Stadtbahnhaltestelle Wolfbusch) ist gegeben.</li>
                <li>Heutige Nutzung als Parkplatz (ein adäquater Ersatz für entfallende Stellplätze müsste erfolgen)</li>
            </ul>
        </div>
        <div id="potB" class="SideInfo" style="display:none;">
            <h1 class="sticky" id="headOne">Potenzialort 2 im Bereich B:</h1>      
            <ul class="contentOne">
                <li>Nördlicher Teil des ehemaligen Walz-Areals</li>
                <li>Flächen in städtischem Eigentum </li>
                <li>Teil des brachliegenden Gärtnereigeländes mit teilweise versiegelten Flächen (u. a. das ehemalige Verwaltungsgebäude der Gärtnerei), weitere angrenzende Hochbauten (u. a. Tennishalle)</li>
                <li>U. a. Lage am Verbindungsweg Wolfbusch – Giebel und räumliche Nähe zu zwei Stadtbahnhaltestellen</li>
            </ul>
        </div>
        <div id="potC" class="SideInfo" style="display:none;">
            <h1 class="sticky" id="headOne">Potenzialort 3 im Bereich C:</h1>      
            <ul class="contentOne">
                <li>Südlicher Teil des ehemaligen Walz-Areals</li>
                <li>Flächen in privatem Eigentum</li>
                <li>Teil des brachliegenden Gärtnereigeländes mit teilweise versiegelten Flächen (u. a. ehemalige Gewächshäuser)</li>
                <li>U. a. Lage am Verbindungsweg Wolfbusch – Giebel und räumliche Nähe zu zwei Stadtbahnhaltestellen</li>
            </ul>
        </div>
Patrick's avatar
first commit  
Patrick committed
706
707
708
709
710
711
712
713
714
715
716
717
718
719
720
721
722
723 
      </div>
      <div id="tour-button" title="Karte/Story umschalten">
          <i class="fa"></i>
      </div>
      <!-- End of: Content Tour -->
  </div>

  <div id="vcs_map_container"></div>
  
    <!--div id="vcs_map_container">
      <div id="vcs_loading" style="background-color:#dee2c9; position:absolute; top:0; left:0; right:0; bottom:0; padding:12% 0; text-align:center; font-family:Arial, sans-serif; font-size:1.4rem; line-height:4rem;">
        <div> virtualcity<b>MAP</b></div><img src='images/loading.gif'>
      </div>
    </div-->

    <script src="lib/Cesium/Cesium.js"></script>
    <script src='lib/vcm_thirdparty.js'></script>
    <script src="lib/vcm-compiled_api.js"></script>
Patrick's avatar
add legend    
Patrick committed
724 
    <script src="sources/nouislider.js"></script>
Patrick's avatar
Add Graph    
Patrick committed
725 
    <script src="https://cdn.jsdelivr.net/npm/apexcharts"></script>
Patrick's avatar
add legend    
Patrick committed
726 
    <script src="templates/slider.js"></script>
Patrick's avatar
test    
Patrick committed
727 
    <script src="templates/UserBalloon.js"></script>
Patrick's avatar
index.html, History.md und 27 weitere dateien aktualisiert...    
Patrick committed
728 
    <script src="templates/ErklIntro.js"></script>
Patrick's avatar
add legend    
Patrick committed
729 
    <link href="templates/sliders.css" rel="stylesheet">
Patrick's avatar
first commit  
Patrick committed
730
Patrick's avatar
Test pupup window for chrome users cross domain    
Patrick committed
731
732 
    <script src="templates/limesurvey.js"></script>
Patrick's avatar
first commit  
Patrick committed
733
734
735
736
737
738
739
740
741
742
743
744
745
746
747
748 
	<script>
      var startVCM = function() {
        if(document.getElementById("check").checked === true){
            vcs.vcm.Framework.activateLogging();
            vcs.vcm.Framework.loadConfig('config.json');
        } else {
            alert("Bitte  bestätigen Sie die Nutzungsbedingungen.");
        }
      }
    </script>

    <!--script>
      vcs.vcm.Framework.activateLogging();
      vcs.vcm.Framework.loadConfig('config.json');
    </script-->
    <script src='lib/vcm_ui.js'></script>
Patrick's avatar
Add Buddis Content    
Patrick committed
749
Patrick's avatar
first commit  
Patrick committed
750
751 
    
    <script src="templates/custom.js"></script>
Patrick's avatar
some update    
Patrick committed
752 
    <script src="templates/newDevBahn.js"></script>
Patrick's avatar
mobile menu not working -- disabled    
Patrick committed
753 
    <!-- <script src="templates/cus_Menu.js"></script> -->
Patrick's avatar
some updates:    
Patrick committed
754 
    <script src="templates/cus_SimStadt.js"></script>
Patrick's avatar
Add Buddis Content    
Patrick committed
755
756 
    
    <script src="templates/collapse.js"></script>
Patrick's avatar
first commit  
Patrick committed
757 
    <script src="templates/checkmobile.js"></script>
Patrick's avatar
STEG specific changes    
Patrick committed
758 
	<script src="templates/layerSwitch.js"></script>
Patrick's avatar
first commit  
Patrick committed
759
760
761 
	<script src="https://code.jquery.com/jquery-3.3.1.min.js"
                  integrity="sha256-FgpCb/KJQlLNfOu91ta32o/NMZxltwRo8QtmkMRdAu8="
                  crossorigin="anonymous"></script>
Patrick's avatar
mobile menu not working -- disabled    
Patrick committed
762
763 
    <!-- <script src="https://code.jquery.com/jquery-3.3.1.min.js"></script> -->
    <script src="templates/cus_Menu.js"></script>
Patrick's avatar
first commit  
Patrick committed
764 
    <script src="templates/story/virtualcitystory.js"></script>
Patrick's avatar
some updates:    
Patrick committed
765
Patrick's avatar
first commit  
Patrick committed
766
767 
  </body>
</html>

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