Skip to content

GitLab

Switch branch/tag
Find file Normal viewHistoryPermalink
info_partizipation.html 14.2 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">
Varun Srivastava's avatar
styling changes    
Varun Srivastava committed
28 
                <div class="info_partizipation_text">
Wolfgang Knopki's avatar
added info page partizipation platform  
Wolfgang Knopki committed
29 
                    <div class="col-lg-12">
Varun Srivastava's avatar
styling changes    
Varun Srivastava committed
30
31 
                        <h2 class="d-flex flex-column flex-shrink-1 justify-content-lg-start text-center heading p_top_15">
                            <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 
                        </p>
                    </div>
Varun Srivastava's avatar
styling changes    
Varun Srivastava committed
39
40 
                    <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 background_e0001b"
                        role="button"
Varun Srivastava's avatar
css and style changes    
Varun Srivastava committed
41
42 
                        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 
                </div>
            </div>
        </div>
Varun Srivastava's avatar
styling changes    
Varun Srivastava committed
46 
        <div id="help_Text" class="m_top_10 margin_bottom_30">
Varun Srivastava's avatar
css and style changes    
Varun Srivastava committed
47 
            <div class="container background_ffffff">
Varun Srivastava's avatar
styling changes    
Varun Srivastava committed
48 
                <div class="info_partizipation_text">
Wolfgang Knopki's avatar
added info page partizipation platform  
Wolfgang Knopki committed
49 
                    <div class="col-lg-12">
Varun Srivastava's avatar
styling changes    
Varun Srivastava committed
50
51 
                        <h2 class="d-flex flex-column order-1 justify-content-lg-start text-center heading p_top_15">
                            <strong>Funktionen der Beteiligungsplattform</strong></h2>
Wolfgang Knopki's avatar
added info page partizipation platform  
Wolfgang Knopki committed
52 
                    </div>
Varun Srivastava's avatar
css and style changes    
Varun Srivastava committed
53 
                    <div class="col-auto background_ffffff">
Wolfgang Knopki's avatar
added info page partizipation platform  
Wolfgang Knopki committed
54
55
56
57 
                        <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
58
59
60 
                                        <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
61
62 
                                    </h3>
                                </div>
Varun Srivastava's avatar
css and style changes    
Varun Srivastava committed
63 
                                <div id="collapse1" class="card-body collapse">
Wolfgang Knopki's avatar
added info page partizipation platform  
Wolfgang Knopki committed
64 
                                    <p>
Varun Srivastava's avatar
css and style changes    
Varun Srivastava committed
65
66
67
68
69
70
71
72
73 
                                        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
74 
                                    </p>
Varun Srivastava's avatar
css and style changes    
Varun Srivastava committed
75 
                                    <img class="width_100" src="/img/partizipation/3DModel.JPG" alt="3D Modelle">
Wolfgang Knopki's avatar
added info page partizipation platform  
Wolfgang Knopki committed
76
77 
                                </div>
                            </div>
Varun Srivastava's avatar
css and style changes    
Varun Srivastava committed
78 
                            <br />
Wolfgang Knopki's avatar
added info page partizipation platform  
Wolfgang Knopki committed
79
80
81 
                            <div class="card">
                                <div class="card-header">
                                    <h3 class="card-title">
Varun Srivastava's avatar
css and style changes    
Varun Srivastava committed
82
83 
                                        <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
84
85
86 
                                            <small>Markers</small></a>
                                    </h3>
                                </div>
Varun Srivastava's avatar
css and style changes    
Varun Srivastava committed
87 
                                <div id="collapse2" class="card-body collapse">
Wolfgang Knopki's avatar
added info page partizipation platform  
Wolfgang Knopki committed
88 
                                    <p>
Varun Srivastava's avatar
css and style changes    
Varun Srivastava committed
89
90
91
92
93
94
95 
                                        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
96 
                                    </p>
Varun Srivastava's avatar
css and style changes    
Varun Srivastava committed
97 
                                    <img class="width_100" src="/img/partizipation/Marker.JPG" alt="3D Modelle">
Wolfgang Knopki's avatar
added info page partizipation platform  
Wolfgang Knopki committed
98
99 
                                </div>
                            </div>
Varun Srivastava's avatar
css and style changes    
Varun Srivastava committed
100 
                            <br />
Wolfgang Knopki's avatar
added info page partizipation platform  
Wolfgang Knopki committed
101
102
103 
                            <div class="card">
                                <div class="card-header">
                                    <h3 class="card-title">
Varun Srivastava's avatar
css and style changes    
Varun Srivastava committed
104
105 
                                        <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
106
107
108 
                                            <small>Informationen</small></a>
                                    </h3>
                                </div>
Varun Srivastava's avatar
css and style changes    
Varun Srivastava committed
109 
                                <div id="collapse3" class="card-body collapse">
Wolfgang Knopki's avatar
added info page partizipation platform  
Wolfgang Knopki committed
110 
                                    <p>
Varun Srivastava's avatar
css and style changes    
Varun Srivastava committed
111
112 
                                        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
113 
                                    </p>
Varun Srivastava's avatar
css and style changes    
Varun Srivastava committed
114 
                                    <img class="width_100" src="/img/partizipation/InfoScreen.JPG" alt="3D Modelle">
Wolfgang Knopki's avatar
added info page partizipation platform  
Wolfgang Knopki committed
115
116 
                                </div>
                            </div>
Varun Srivastava's avatar
css and style changes    
Varun Srivastava committed
117 
                            <br />
Wolfgang Knopki's avatar
added info page partizipation platform  
Wolfgang Knopki committed
118
119
120 
                            <div class="card">
                                <div class="card-header">
                                    <h3 class="card-title">
Varun Srivastava's avatar
css and style changes    
Varun Srivastava committed
121
122 
                                        <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
123
124
125 
                                            <small>Simulationsergebnisse</small></a>
                                    </h3>
                                </div>
Varun Srivastava's avatar
css and style changes    
Varun Srivastava committed
126 
                                <div id="collapse4" class="card-body collapse">
Wolfgang Knopki's avatar
added info page partizipation platform  
Wolfgang Knopki committed
127 
                                    <p>
Varun Srivastava's avatar
css and style changes    
Varun Srivastava committed
128
129
130
131
132
133 
                                        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
134 
                                    </p>
Varun Srivastava's avatar
css and style changes    
Varun Srivastava committed
135 
                                    <img class="width_100" src="/img/partizipation/Simulation.JPG" alt="3D Modelle">
Wolfgang Knopki's avatar
added info page partizipation platform  
Wolfgang Knopki committed
136
137 
                                </div>
                            </div>
Varun Srivastava's avatar
css and style changes    
Varun Srivastava committed
138 
                            <br />
Wolfgang Knopki's avatar
added info page partizipation platform  
Wolfgang Knopki committed
139
Varun Srivastava's avatar
css and style changes    
Varun Srivastava committed
140 
                        </div>
Wolfgang Knopki's avatar
added info page partizipation platform  
Wolfgang Knopki committed
141
142
143
144 
                    </div>
                </div>
            </div>
        </div>
Varun Srivastava's avatar
styling changes    
Varun Srivastava committed
145 
        <div id="Projects_Text" class="m_top_10 margin_bottom_30">
Varun Srivastava's avatar
css and style changes    
Varun Srivastava committed
146 
            <div class="container background_ffffff">
Varun Srivastava's avatar
styling changes    
Varun Srivastava committed
147 
                <div class="info_partizipation_text">
Varun Srivastava's avatar
css and style changes    
Varun Srivastava committed
148 
                    <div class="col-lg-12">
Varun Srivastava's avatar
styling changes    
Varun Srivastava committed
149
150 
                        <h2 class="d-flex flex-column order-1 justify-content-lg-start text-center heading p_top_15">
                            <strong>Projekte auf der Beteiligungsplattform</strong></h2>
Varun Srivastava's avatar
css and style changes    
Varun Srivastava committed
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169 
                    </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
170 
                            </div>
Varun Srivastava's avatar
css and style changes    
Varun Srivastava committed
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187 
                            <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
188 
                            </div>
Varun Srivastava's avatar
css and style changes    
Varun Srivastava committed
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207 
                            <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
208 
                                </div>
Varun Srivastava's avatar
css and style changes    
Varun Srivastava committed
209
210 
                            </div>
                            <br />
Wolfgang Knopki's avatar
added info page partizipation platform  
Wolfgang Knopki committed
211 
                        </div>
Varun Srivastava's avatar
css and style changes    
Varun Srivastava committed
212 
                    </div>
Wolfgang Knopki's avatar
added info page partizipation platform  
Wolfgang Knopki committed
213
214
215 
                </div>
            </div>
        </div>
Varun Srivastava's avatar
css and style changes    
Varun Srivastava committed
216
217
218 
        <div class="container background_ffffff margin_bottom_30">
            <div class="row">
            </div>
Wolfgang Knopki's avatar
added info page partizipation platform  
Wolfgang Knopki committed
219 
        </div>
Varun Srivastava's avatar
css and style changes    
Varun Srivastava committed
220 
    </div>
Wolfgang Knopki's avatar
added info page partizipation platform  
Wolfgang Knopki committed
221
Varun Srivastava's avatar
css and style changes    
Varun Srivastava committed
222
223
224
225
226
227
228
229 
    <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
230
231 
</body>
Varun Srivastava's avatar
css and style changes    
Varun Srivastava committed
232 
</html>

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