Skip to content

GitLab

Switch branch/tag
Find file Normal viewHistoryPermalink
info_partizipation.html 14.5 KB
Newer Older
Wolfgang Knopki's avatar
added info page partizipation platform  
Wolfgang Knopki committed
1
2
3
4
5
6
7
8
9
10
11
12
13 
<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, shrink-to-fit=no">
    <title>Infos zur Bürgerbeteiligung</title>
    <link rel="stylesheet" href="/css/bootstrap.min.css">
    <link rel="stylesheet" href="/css/m4lab.css">
    <link rel="stylesheet" href="/fonts/font-awesome.min.css">
    <link rel="stylesheet" href="/fonts/ionicons.min.css">
    <link rel="stylesheet" href="/css/Testimonials.css">
    <link rel="stylesheet" href="/css/help.css">
Varun Srivastava's avatar
css and style changes    
Varun Srivastava committed
14
15 
    <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.8.2/css/all.css"
        integrity="sha384-oS3vJWv+0UjzBfQzYUhtDYW+Pj2yciDJxpsK1OYPAYjqT085Qq/1cq5FLXAZQ7Ay" crossorigin="anonymous">
Wolfgang Knopki's avatar
added info page partizipation platform  
Wolfgang Knopki committed
16
17
18
19 
</head>

<body>
Varun Srivastava's avatar
css and style changes    
Varun Srivastava committed
20
21
22 
    <div class="background_dadada">

        <div class="container margin_bottom_30">
Wolfgang Knopki's avatar
added info page partizipation platform  
Wolfgang Knopki committed
23
24 
            <div class="row">
            </div>
Varun Srivastava's avatar
css and style changes    
Varun Srivastava committed
25
26
27 
        </div>
        <div id="Gitlab_Text" class="margin_top_30 margin_bottom_30">
            <div class="container background_ffffff">
Wolfgang Knopki's avatar
added info page partizipation platform  
Wolfgang Knopki committed
28
29 
                <div style="margin-bottom: 0;padding-top: 20px;padding-bottom: 20px;">
                    <div class="col-lg-12">
Varun Srivastava's avatar
css and style changes    
Varun Srivastava committed
30
31 
                        <h2 class="d-flex flex-column flex-shrink-1 justify-content-lg-start text-center"
                            style="padding-top: 15px;color: #708090;"><strong>Beteiligungsplattform</strong></h2>
Wolfgang Knopki's avatar
added info page partizipation platform  
Wolfgang Knopki committed
32 
                    </div>
Varun Srivastava's avatar
css and style changes    
Varun Srivastava committed
33
34
35
36 
                    <div class="col-auto flex-row flex-grow-1 flex-fill background_ffffff">
                        <p> Die im M4_Lab entwickelte Beteiligungsplattform soll den Bürgern ermöglichen ihre Meinung in
                            Beteiligungsprozessen einzubringen. Sie befindet sich momentan noch in einem
                            Entwicklungsstadium.
Wolfgang Knopki's avatar
added info page partizipation platform  
Wolfgang Knopki committed
37
38
39 
                        </p>
                    </div>
                    <a class="btn btn-primary text-center d-inline-flex d-lg-flex flex-column flex-grow-1 flex-shrink-1 flex-fill justify-content-between align-items-baseline align-content-center align-self-baseline flex-wrap order-3 mb-auto justify-content-md-center align-items-md-end align-items-lg-center justify-content-xl-center mx-auto"
Varun Srivastava's avatar
css and style changes    
Varun Srivastava committed
40
41
42 
                        role="button" style="background-color: #E0001B;"
                        href="https://transfer.hft-stuttgart.de/partizipation/#/"><strong>Zugriff auf die
                            Beteiligungsplattform</strong></a>
Wolfgang Knopki's avatar
added info page partizipation platform  
Wolfgang Knopki committed
43
44
45
46 
                </div>
            </div>
        </div>
        <div id="help_Text" style="margin-top: 10px;margin-bottom: 30px;">
Varun Srivastava's avatar
css and style changes    
Varun Srivastava committed
47 
            <div class="container background_ffffff">
Wolfgang Knopki's avatar
added info page partizipation platform  
Wolfgang Knopki committed
48
49 
                <div style="margin-bottom: 0;padding-top: 20px;padding-bottom: 20px;">
                    <div class="col-lg-12">
Varun Srivastava's avatar
css and style changes    
Varun Srivastava committed
50
51
52 
                        <h2 class="d-flex flex-column order-1 justify-content-lg-start text-center"
                            style="padding-top: 15px;color: #708090;"><strong>Funktionen der
                                Beteiligungsplattform</strong></h2>
Wolfgang Knopki's avatar
added info page partizipation platform  
Wolfgang Knopki committed
53 
                    </div>
Varun Srivastava's avatar
css and style changes    
Varun Srivastava committed
54 
                    <div class="col-auto background_ffffff">
Wolfgang Knopki's avatar
added info page partizipation platform  
Wolfgang Knopki committed
55
56
57
58 
                        <div class="help">
                            <div class="card">
                                <div class="card-header">
                                    <h3 class="card-title">
Varun Srivastava's avatar
css and style changes    
Varun Srivastava committed
59
60
61 
                                        <a class="collapsed" data-toggle="collapse" href="#collapse1"
                                            aria-expanded="false" aria-controls="collapse1">
                                            <small>3D Modelle</small></a>
Wolfgang Knopki's avatar
added info page partizipation platform  
Wolfgang Knopki committed
62
63 
                                    </h3>
                                </div>
Varun Srivastava's avatar
css and style changes    
Varun Srivastava committed
64 
                                <div id="collapse1" class="card-body collapse">
Wolfgang Knopki's avatar
added info page partizipation platform  
Wolfgang Knopki committed
65 
                                    <p>
Varun Srivastava's avatar
css and style changes    
Varun Srivastava committed
66
67
68
69
70
71
72
73
74 
                                        Ein essentieller Bestandteil der Beteiligungsplattform ist die 3D Umgebung.
                                        Diese basiert auf der CesiumJS Javascript Bibliothek. Es werden verschiedene
                                        Gebäudemodelle dargestellt, die aus CityGML Modellen in 3D Tiles Modelle
                                        konvertiert wurden. Dieses Format ist gut für Webvisualisierungen geeignet.
                                        Die Gebäudedaten stammen aus verschiedenen Quellen: Das Grundmodell in LoD1
                                        (Level of Detail) wird von der HFT zu Verfügung gestellt, neuere Modelle oder
                                        Modelle in einem höheren LoD können ebenfalls integriert werden.
                                        Wenn kein Modell vorhanden ist kann ein Modell generiert werden. Ein Beispiel
                                        dafür ist das Nordbahnhof Areal welches im Prototyp angesehen werden kann.
Wolfgang Knopki's avatar
added info page partizipation platform  
Wolfgang Knopki committed
75 
                                    </p>
Varun Srivastava's avatar
css and style changes    
Varun Srivastava committed
76 
                                    <img class="width_100" src="/img/partizipation/3DModel.JPG" alt="3D Modelle">
Wolfgang Knopki's avatar
added info page partizipation platform  
Wolfgang Knopki committed
77
78 
                                </div>
                            </div>
Varun Srivastava's avatar
css and style changes    
Varun Srivastava committed
79 
                            <br />
Wolfgang Knopki's avatar
added info page partizipation platform  
Wolfgang Knopki committed
80
81
82 
                            <div class="card">
                                <div class="card-header">
                                    <h3 class="card-title">
Varun Srivastava's avatar
css and style changes    
Varun Srivastava committed
83
84 
                                        <a class="collapsed" data-toggle="collapse" href="#collapse2"
                                            aria-expanded="false" aria-controls="collapse2">
Wolfgang Knopki's avatar
added info page partizipation platform  
Wolfgang Knopki committed
85
86
87 
                                            <small>Markers</small></a>
                                    </h3>
                                </div>
Varun Srivastava's avatar
css and style changes    
Varun Srivastava committed
88 
                                <div id="collapse2" class="card-body collapse">
Wolfgang Knopki's avatar
added info page partizipation platform  
Wolfgang Knopki committed
89 
                                    <p>
Varun Srivastava's avatar
css and style changes    
Varun Srivastava committed
90
91
92
93
94
95
96 
                                        Um wichtige Orte für Beteiligungsverfahren zu markieren beinhaltet die Plattform
                                        eine Marker Funktion. Damit können bestimmte Icons an bestimmten Lokalitäten in
                                        der 3D Umgebung dargestellt werden. Sie beinhalten ebenfalls die Möglichkeit
                                        Bilder oder Text in einem Pop-Up Ballon anzuzeigen, welcher aufgerufen wird wenn
                                        der Marker geklickt wird.
                                        Momentan wird daran gearbeitet, dass Nutzer im Rahmen eines
                                        Beteiligungsverfahrens neue Marker anlegen können.
Wolfgang Knopki's avatar
added info page partizipation platform  
Wolfgang Knopki committed
97 
                                    </p>
Varun Srivastava's avatar
css and style changes    
Varun Srivastava committed
98 
                                    <img class="width_100" src="/img/partizipation/Marker.JPG" alt="3D Modelle">
Wolfgang Knopki's avatar
added info page partizipation platform  
Wolfgang Knopki committed
99
100 
                                </div>
                            </div>
Varun Srivastava's avatar
css and style changes    
Varun Srivastava committed
101 
                            <br />
Wolfgang Knopki's avatar
added info page partizipation platform  
Wolfgang Knopki committed
102
103
104 
                            <div class="card">
                                <div class="card-header">
                                    <h3 class="card-title">
Varun Srivastava's avatar
css and style changes    
Varun Srivastava committed
105
106 
                                        <a class="collapsed" data-toggle="collapse" href="#collapse3"
                                            aria-expanded="false" aria-controls="collapse3">
Wolfgang Knopki's avatar
added info page partizipation platform  
Wolfgang Knopki committed
107
108
109 
                                            <small>Informationen</small></a>
                                    </h3>
                                </div>
Varun Srivastava's avatar
css and style changes    
Varun Srivastava committed
110 
                                <div id="collapse3" class="card-body collapse">
Wolfgang Knopki's avatar
added info page partizipation platform  
Wolfgang Knopki committed
111 
                                    <p>
Varun Srivastava's avatar
css and style changes    
Varun Srivastava committed
112
113 
                                        Da nicht alle Informationen in einem Pop-Up Ballon untergebracht werden können
                                        bietet die Plattform auch einen Extra Bereich für Informationen.
Wolfgang Knopki's avatar
added info page partizipation platform  
Wolfgang Knopki committed
114 
                                    </p>
Varun Srivastava's avatar
css and style changes    
Varun Srivastava committed
115 
                                    <img class="width_100" src="/img/partizipation/InfoScreen.JPG" alt="3D Modelle">
Wolfgang Knopki's avatar
added info page partizipation platform  
Wolfgang Knopki committed
116
117 
                                </div>
                            </div>
Varun Srivastava's avatar
css and style changes    
Varun Srivastava committed
118 
                            <br />
Wolfgang Knopki's avatar
added info page partizipation platform  
Wolfgang Knopki committed
119
120
121 
                            <div class="card">
                                <div class="card-header">
                                    <h3 class="card-title">
Varun Srivastava's avatar
css and style changes    
Varun Srivastava committed
122
123 
                                        <a class="collapsed" data-toggle="collapse" href="#collapse4"
                                            aria-expanded="false" aria-controls="collapse4">
Wolfgang Knopki's avatar
added info page partizipation platform  
Wolfgang Knopki committed
124
125
126 
                                            <small>Simulationsergebnisse</small></a>
                                    </h3>
                                </div>
Varun Srivastava's avatar
css and style changes    
Varun Srivastava committed
127 
                                <div id="collapse4" class="card-body collapse">
Wolfgang Knopki's avatar
added info page partizipation platform  
Wolfgang Knopki committed
128 
                                    <p>
Varun Srivastava's avatar
css and style changes    
Varun Srivastava committed
129
130
131
132
133
134 
                                        An der Hochschule für Technik Stuttgart wird unabhängig vom M4_Lab Projekt die
                                        Simulationssoftware SimStadt entwickelt. SimStadt ermöglicht es aus 3D Modellen
                                        (im CityGML Format) und Metadaten zu den Gebäuden, Simulationen zu
                                        beispielsweise Wärmeenergiebedarf oder Photovoltaik Potential durchzuführen.
                                        Diese Ergebnisse können ebenfalls in die Beteiligungsplattform integriert werden
                                        und somit eine zusätzliche Ebene an Informationen bieten.
Wolfgang Knopki's avatar
added info page partizipation platform  
Wolfgang Knopki committed
135 
                                    </p>
Varun Srivastava's avatar
css and style changes    
Varun Srivastava committed
136 
                                    <img class="width_100" src="/img/partizipation/Simulation.JPG" alt="3D Modelle">
Wolfgang Knopki's avatar
added info page partizipation platform  
Wolfgang Knopki committed
137
138 
                                </div>
                            </div>
Varun Srivastava's avatar
css and style changes    
Varun Srivastava committed
139 
                            <br />
Wolfgang Knopki's avatar
added info page partizipation platform  
Wolfgang Knopki committed
140
Varun Srivastava's avatar
css and style changes    
Varun Srivastava committed
141 
                        </div>
Wolfgang Knopki's avatar
added info page partizipation platform  
Wolfgang Knopki committed
142
143
144
145 
                    </div>
                </div>
            </div>
        </div>
Varun Srivastava's avatar
css and style changes    
Varun Srivastava committed
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171 
        <div id="Projects_Text" style="margin-top: 10px;margin-bottom: 30px;">
            <div class="container background_ffffff">
                <div style="margin-bottom: 0;padding-top: 20px;padding-bottom: 20px;">
                    <div class="col-lg-12">
                        <h2 class="d-flex flex-column order-1 justify-content-lg-start text-center"
                            style="padding-top: 15px;color: #708090;"><strong>Projekte auf der
                                Beteiligungsplattform</strong></h2>
                    </div>
                    <div class="col-auto background_ffffff">
                        <div class="help">
                            <div class="card">
                                <div class="card-header">
                                    <h3 class="card-title">
                                        <a class="collapsed" data-toggle="collapse" href="#collapse5"
                                            aria-expanded="false" aria-controls="collapse5">
                                            <small>Weilimdorf (in Arbeit)</small></a>
                                    </h3>
                                </div>
                                <div id="collapse5" class="card-body collapse">
                                    <p>
                                        Das Projekt Weilimdorf ist eine Zusammenarbeit mit der STEG und Stuttgart. Es
                                        soll ein Beteiligungsverfahren in Weilimdorf mit der Plattform unterstützt
                                        werden.
                                    </p>

                                </div>
Patrick's avatar
Update to the info_partizipation.html    
Patrick committed
172 
                            </div>
Varun Srivastava's avatar
css and style changes    
Varun Srivastava committed
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189 
                            <br />
                            <div class="card">
                                <div class="card-header">
                                    <h3 class="card-title">
                                        <a class="collapsed" data-toggle="collapse" href="#collapse6"
                                            aria-expanded="false" aria-controls="collapse6">
                                            <small>Nordbahnhof (in Arbeit)</small></a>
                                    </h3>
                                </div>
                                <div id="collapse6" class="card-body collapse">
                                    <p>
                                        Das Nordbahnhof Projekt ist ein internes Projekt im Teilvorhaben 3 des M4_Labs.
                                        Hier sollen alle vorhandenen Expertisen in einem Gebiet gebündelt angewendet
                                        werden.
                                    </p>

                                </div>
Patrick's avatar
Update to the info_partizipation.html    
Patrick committed
190 
                            </div>
Varun Srivastava's avatar
css and style changes    
Varun Srivastava committed
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209 
                            <br />
                            <div class="card">
                                <div class="card-header">
                                    <h3 class="card-title">
                                        <a class="collapsed" data-toggle="collapse" href="#collapse7"
                                            aria-expanded="false" aria-controls="collapse7">
                                            <small>Böckinger Straße</small></a>
                                    </h3>
                                </div>
                                <div id="collapse7" class="card-body collapse">
                                    <p>
                                        In einem Realexperiment werden Konzepte und Ideen in Verknüpfung mit lokalen
                                        Akteuren erarbeitet und ausprobiert.
                                        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.
                                        <br />Mehr Informationen auf der Beteiligungsplattform.
                                    </p>
Wolfgang Knopki's avatar
added info page partizipation platform  
Wolfgang Knopki committed
210 
                                </div>
Varun Srivastava's avatar
css and style changes    
Varun Srivastava committed
211
212 
                            </div>
                            <br />
Wolfgang Knopki's avatar
added info page partizipation platform  
Wolfgang Knopki committed
213 
                        </div>
Varun Srivastava's avatar
css and style changes    
Varun Srivastava committed
214 
                    </div>
Wolfgang Knopki's avatar
added info page partizipation platform  
Wolfgang Knopki committed
215
216
217 
                </div>
            </div>
        </div>
Varun Srivastava's avatar
css and style changes    
Varun Srivastava committed
218
219
220 
        <div class="container background_ffffff margin_bottom_30">
            <div class="row">
            </div>
Wolfgang Knopki's avatar
added info page partizipation platform  
Wolfgang Knopki committed
221 
        </div>
Varun Srivastava's avatar
css and style changes    
Varun Srivastava committed
222 
    </div>
Wolfgang Knopki's avatar
added info page partizipation platform  
Wolfgang Knopki committed
223
Varun Srivastava's avatar
css and style changes    
Varun Srivastava committed
224
225
226
227
228
229
230
231 
    <script src="https://code.jquery.com/jquery-3.3.1.slim.min.js"
        integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo"
        crossorigin="anonymous"></script>
    <!--<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js" integrity="sha384-UO2eT0CpHqdSJQ6hJty5KVphtPhzWj9WO1clHTMGa3JDZwrnQq4sF86dIHNDz0W1" crossorigin="anonymous"></script>-->
    <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js"
        integrity="sha384-JjSmVgyd0p3pXB1rRibZUAYoIIy6OrQ6VrjIEaFf/nJGzIxFDsf4x0xIM+B07jRM"
        crossorigin="anonymous"></script>
    <script src="/js/headfoot.js"></script>
Wolfgang Knopki's avatar
added info page partizipation platform  
Wolfgang Knopki committed
232
233 
</body>
Varun Srivastava's avatar
css and style changes    
Varun Srivastava committed
234 
</html>

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