Skip to content

GitLab

Switch branch/tag
Find file Normal viewHistoryPermalink
info_partizipation.html 13 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
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31 
<!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">
    <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.8.2/css/all.css" integrity="sha384-oS3vJWv+0UjzBfQzYUhtDYW+Pj2yciDJxpsK1OYPAYjqT085Qq/1cq5FLXAZQ7Ay" crossorigin="anonymous">
</head>

<body>

    <div style="background-color: #dadada;">
        
        <div class="container" style="background-color: #ffffff;margin-bottom: 30px;">
            <div class="row">
            </div>
       </div> 
        <div id="Gitlab_Text" style="margin-top: 40px;margin-bottom: 30px;">
            <div class="container" style="background-color: #ffffff;">
                <div style="margin-bottom: 0;padding-top: 20px;padding-bottom: 20px;">
                    <div class="col-lg-12">
                        <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>
                    </div>
                    <div class="col-auto flex-row flex-grow-1 flex-fill" style="background-color: #ffffff;">
Patrick's avatar
Update to the info_partizipation.html    
Patrick committed
32 
                        <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
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56 
                        </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"
                            role="button" style="background-color: #E0001B;" href="https://transfer.hft-stuttgart.de/partizipation/#/"><strong>Zugriff auf die Beteiligungsplattform</strong></a>
                </div>
            </div>
        </div>
        <div id="help_Text" style="margin-top: 10px;margin-bottom: 30px;">
            <div class="container" style="background-color: #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>Funktionen der Beteiligungsplattform</strong></h2> 
                    </div>
                    <div class="col-auto" style="background-color: #ffffff;">
                        <div class="help">
                            <div class="card">
                                <div class="card-header">
                                    <h3 class="card-title">
                                        <a class="collapsed" data-toggle="collapse" href="#collapse1" aria-expanded="false" aria-controls="collapse1">
                                        <small>3D Modelle</small></a>
                                    </h3>
                                </div>
                                <div id="collapse1" class="card-body collapse" style="">
                                    <p>
Patrick's avatar
Update to the info_partizipation.html    
Patrick committed
57
58
59 
                                        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
60
61
62
63
64
65
66
67
68
69
70
71
72
73 
                                    </p>
                                    <img style="width:100%" src="/img/partizipation/3DModel.JPG" alt="3D Modelle">
                                </div>
                            </div>
                            <br/>
                            <div class="card">
                                <div class="card-header">
                                    <h3 class="card-title">
                                        <a class="collapsed" data-toggle="collapse" href="#collapse2" aria-expanded="false" aria-controls="collapse2">
                                            <small>Markers</small></a>
                                    </h3>
                                </div>
                                <div id="collapse2" class="card-body collapse" style="">
                                    <p>
Patrick's avatar
Update to the info_partizipation.html    
Patrick committed
74
75 
                                        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
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 
                                    </p>
                                    <img style="width:100%" src="/img/partizipation/Marker.JPG" alt="3D Modelle">
                                </div>
                            </div>
                            <br/>
                            <div class="card">
                                <div class="card-header">
                                    <h3 class="card-title">
                                        <a class="collapsed" data-toggle="collapse" href="#collapse3" aria-expanded="false" aria-controls="collapse3">
                                            <small>Informationen</small></a>
                                    </h3>
                                </div>
                                <div id="collapse3" class="card-body collapse" style="">
                                    <p>
                                        Da nicht alle Informationen in einem Pop-Up Ballon untergebracht werden können bietet die Plattform auch einen Extra Bereich für Informationen.
                                    </p>
                                    <img style="width:100%" src="/img/partizipation/InfoScreen.JPG" alt="3D Modelle">
                                </div>
                            </div>
                            <br/>
                            <div class="card">
                                <div class="card-header">
                                    <h3 class="card-title">
                                        <a class="collapsed" data-toggle="collapse" href="#collapse4" aria-expanded="false" aria-controls="collapse4">
                                            <small>Simulationsergebnisse</small></a>
                                    </h3>
                                </div>
                                <div id="collapse4" class="card-body collapse" style="">
                                    <p>
Patrick's avatar
Update to the info_partizipation.html    
Patrick committed
105 
                                       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.
Wolfgang Knopki's avatar
added info page partizipation platform  
Wolfgang Knopki committed
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129 
                                       Diese Ergebnisse können ebenfalls in die Beteiligungsplattform integriert werden und somit eine zusätzliche Ebene an Informationen bieten.
                                    </p>
                                    <img style="width:100%" src="/img/partizipation/Simulation.JPG" alt="3D Modelle">
                                </div>
                            </div>
                            <br/>

                    </div>
                </div>
            </div>
        </div>
    </div>
    <div id="Projects_Text" style="margin-top: 10px;margin-bottom: 30px;">
        <div class="container" style="background-color: #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" style="background-color: #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">
Patrick's avatar
Update to the info_partizipation.html    
Patrick committed
130 
                                    <small>Weilimdorf (in Arbeit)</small></a>
Wolfgang Knopki's avatar
added info page partizipation platform  
Wolfgang Knopki committed
131
132
133
134 
                                </h3>
                            </div>
                            <div id="collapse5" class="card-body collapse" style="">
                                <p>
Patrick's avatar
Update to the info_partizipation.html    
Patrick committed
135 
                                    Das Projekt Weilimdorf ist eine Zusammenarbeit mit der STEG und Stuttgart. Es soll ein Beteiligungsverfahren in Weilimdorf mit der Plattform unterstützt werden.
Wolfgang Knopki's avatar
added info page partizipation platform  
Wolfgang Knopki committed
136
137
138
139
140
141
142
143
144 
                                </p>
                                
                            </div>
                        </div>
                        <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">
Patrick's avatar
Update to the info_partizipation.html    
Patrick committed
145 
                                    <small>Nordbahnhof (in Arbeit)</small></a>
Wolfgang Knopki's avatar
added info page partizipation platform  
Wolfgang Knopki committed
146
147
148 
                                </h3>
                            </div>
                            <div id="collapse6" class="card-body collapse" style="">
Patrick's avatar
Update to the info_partizipation.html    
Patrick committed
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163 
                                <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>
                        </div>
                        <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" style="">
Wolfgang Knopki's avatar
added info page partizipation platform  
Wolfgang Knopki committed
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189 
                                <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>
                                </div>
                        </div>
                        <br/>
                </div>
            </div>
        </div>
    </div>
</div>
    <div class="container" style="background-color: #ffffff;margin-bottom: 30px;">
        <div class="row">
        </div>
    </div> 
</div>

<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>
</body>

</html>

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