Skip to content
GitLab
Switch branch/tag
Find file BlameHistoryPermalink
info_partizipation.html 14.51 KiB
Open in Web IDE
1 
<!DOCTYPE html>
2 
<html>
3
4 
<head>
5 
    <meta charset="utf-8">
6 
    <meta name="viewport" content="width=device-width, initial-scale=1.0, shrink-to-fit=no">
7 
    <title>Infos zur Bürgerbeteiligung</title>
8 
    <link rel="stylesheet" href="/css/bootstrap.min.css">
9 
    <link rel="stylesheet" href="/css/m4lab.css">
10 
    <link rel="stylesheet" href="/fonts/font-awesome.min.css">
11 
    <link rel="stylesheet" href="/fonts/ionicons.min.css">
12 
    <link rel="stylesheet" href="/css/Testimonials.css">
13 
    <link rel="stylesheet" href="/css/help.css">
14 
    <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.8.2/css/all.css"
15 
        integrity="sha384-oS3vJWv+0UjzBfQzYUhtDYW+Pj2yciDJxpsK1OYPAYjqT085Qq/1cq5FLXAZQ7Ay" crossorigin="anonymous">
16 
</head>
17
18 
<body>
19
20 
    <div class="background_dadada">
21
22 
        <div class="container margin_bottom_30">
23 
            <div class="row">
24 
            </div>
25 
        </div>
26 
        <div id="Gitlab_Text" class="margin_top_30 margin_bottom_30">
27 
            <div class="container background_ffffff">
28 
                <div style="margin-bottom: 0;padding-top: 20px;padding-bottom: 20px;">
29 
                    <div class="col-lg-12">
30 
                        <h2 class="d-flex flex-column flex-shrink-1 justify-content-lg-start text-center"
31 
                            style="padding-top: 15px;color: #708090;"><strong>Beteiligungsplattform</strong></h2>
32 
                    </div>
33 
                    <div class="col-auto flex-row flex-grow-1 flex-fill background_ffffff">
34 
                        <p> Die im M4_Lab entwickelte Beteiligungsplattform soll den Bürgern ermöglichen ihre Meinung in
35 
                            Beteiligungsprozessen einzubringen. Sie befindet sich momentan noch in einem
36 
                            Entwicklungsstadium.
37 
                        </p>
38 
                    </div>
39 
                    <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"
40 
                        role="button" style="background-color: #E0001B;"
41 
                        href="https://transfer.hft-stuttgart.de/partizipation/#/"><strong>Zugriff auf die
42 
                            Beteiligungsplattform</strong></a>
43 
                </div>
44 
            </div>
45 
        </div>
46 
        <div id="help_Text" style="margin-top: 10px;margin-bottom: 30px;">
47 
            <div class="container background_ffffff">
48 
                <div style="margin-bottom: 0;padding-top: 20px;padding-bottom: 20px;">
49 
                    <div class="col-lg-12">
50 
                        <h2 class="d-flex flex-column order-1 justify-content-lg-start text-center"
51 
                            style="padding-top: 15px;color: #708090;"><strong>Funktionen der
52 
                                Beteiligungsplattform</strong></h2>
53 
                    </div>
54 
                    <div class="col-auto background_ffffff">
55 
                        <div class="help">
56 
                            <div class="card">
57 
                                <div class="card-header">
58 
                                    <h3 class="card-title">
59 
                                        <a class="collapsed" data-toggle="collapse" href="#collapse1"
60 
                                            aria-expanded="false" aria-controls="collapse1">
61 
                                            <small>3D Modelle</small></a>
62 
                                    </h3>
63 
                                </div>
64 
                                <div id="collapse1" class="card-body collapse">
65 
                                    <p>
66 
                                        Ein essentieller Bestandteil der Beteiligungsplattform ist die 3D Umgebung.
67 
                                        Diese basiert auf der CesiumJS Javascript Bibliothek. Es werden verschiedene
68 
                                        Gebäudemodelle dargestellt, die aus CityGML Modellen in 3D Tiles Modelle
69 
                                        konvertiert wurden. Dieses Format ist gut für Webvisualisierungen geeignet.
70 
                                        Die Gebäudedaten stammen aus verschiedenen Quellen: Das Grundmodell in LoD1
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
(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. </p> <img class="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"> <p> 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. </p> <img class="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"> <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 class="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"> <p> 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. </p> <img class="width_100" src="/img/partizipation/Simulation.JPG" alt="3D Modelle"> </div> </div> <br />
141 142 143 144 145 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 172 173 174 175 176 177 178 179 180 181 182 183 184 185 186 187 188 189 190 191 192 193 194 195 196 197 198 199 200 201 202 203 204 205 206 207 208 209 210
</div> </div> </div> </div> </div> <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> </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"> <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> </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"> <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>
211 212 213 214 215 216 217 218 219 220 221 222 223 224 225 226 227 228 229 230 231 232 233 234
</div> <br /> </div> </div> </div> </div> </div> <div class="container background_ffffff margin_bottom_30"> <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