Skip to content

GitLab

Switch branch/tag
Find file Normal viewHistoryPermalink
index.html 7.14 KB
Newer Older
Athanasios's avatar
initial commit  
Athanasios committed
1
2
3
4 
<!DOCTYPE html>
<html>

<head>
Joe T.S.'s avatar
Update public/settings.js, public/home/index.html files    
Joe T.S. committed
5
6
7
8 
	<meta charset="utf-8">
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<meta name="generator" content="GitLab Pages">
	<title>Buildicipate</title>
Joe TS Dell's avatar
up    
Joe TS Dell committed
9
10 
	<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.1/dist/css/bootstrap.min.css" rel="stylesheet"
		integrity="sha384-+0n0xVW2eSR5OomGNYDnhzAbDsOXxcvSN1TPprVMTNDbiYZCxYbOOl7+AMvyTG2x" crossorigin="anonymous">
Joe T.S.'s avatar
Update public/settings.js, public/home/index.html files    
Joe T.S. committed
11
12 
	<link rel="stylesheet" href="../assets/css/style.css">
	<link rel="stylesheet" href="../assets/css/mobile.css">
Joe TS Dell's avatar
up    
Joe TS Dell committed
13 
	<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.5.0/font/bootstrap-icons.css">
Athanasios's avatar
initial commit  
Athanasios committed
14
15
16 
</head>

<body>
Joe T.S.'s avatar
Update public/settings.js, public/home/index.html files    
Joe T.S. committed
17
18
19
20
21
22
23
24
25
26
27
28
29 
	<header id="header">
		<div class="row">
			<div class="logo" id="logo"></div>
			<div class="hamburger">
				<div class="line"></div>
				<div class="line"></div>
				<div class="line"></div>
			</div>
			<nav></nav>
		</div>
		<div id="projectlogo"></div>
		<div id="projectname"></div>
	</header>
Joe TS Dell's avatar
up    
Joe TS Dell committed
30 
	<div class="content">
Joe T.S.'s avatar
Update public/settings.js, public/home/index.html files    
Joe T.S. committed
31
Joe TS Dell's avatar
up    
Joe TS Dell committed
32 
		<h1>Why Buildicipate?</h1>
Joe TS Dell's avatar
up    
Joe TS Dell committed
33
Joe TS Dell's avatar
correct hr    
Joe TS Dell committed
34
Joe T.S.'s avatar
Update public/settings.js, public/home/index.html files    
Joe T.S. committed
35
Joe TS Dell's avatar
up    
Joe TS Dell committed
36 
		<div class="row">
Joe TS Dell's avatar
up    
Joe TS Dell committed
37 
			<div class="col-lg fs-5">
Joe TS Dell's avatar
update    
Joe TS Dell committed
38 
				<h4>Motivation</h4>
Joe TS Dell's avatar
correct hr    
Joe TS Dell committed
39
40
41
42
43
44 
				Cities are to be made for the people, by the people and with the people. We want to help build a two-way
				bridge between City developers/municipalities and citizens where everyone can explore, build, play and
				engage in city development process using digital twin of the city so that the experiments can be first
				made virtually before implementing in the real world.
				<hr class="m-2">
Joe TS Dell's avatar
update    
Joe TS Dell committed
45 
				<h4>Idea</h4>
Joe TS Dell's avatar
update content    
Joe TS Dell committed
46
47 
				<ul>
					<li>
Joe TS Dell's avatar
correct hr    
Joe TS Dell committed
48
49 
						A real world digital 3D platform (Digital Twin) of Stuttgart for citizens and government to
						build, play,
Joe TS Dell's avatar
update content    
Joe TS Dell committed
50
51
52 
						explore and engage in city development process.
					</li>
					<li>
Joe TS Dell's avatar
correct hr    
Joe TS Dell committed
53
54 
						Complimanting traditional citizen particiaption in city development process using visually rich
						digital city
Joe TS Dell's avatar
update content    
Joe TS Dell committed
55
56 
						environment and interaction.
					</li>
Joe TS Dell's avatar
correct hr    
Joe TS Dell committed
57
58 
					<li>Enhancing the digital participation platform with game elements to bring out more creativity and
						sense of
Joe TS Dell's avatar
update content    
Joe TS Dell committed
59
60
61 
						there importance in the city development process.
					</li>
				</ul>
Joe TS Dell's avatar
up    
Joe TS Dell committed
62 
			</div>
Joe TS Dell's avatar
up    
Joe TS Dell committed
63 
			<div class="col-lg">
Joe TS Dell's avatar
up    
Joe TS Dell committed
64
65
66 
				<img src="bp1.jpg">
			</div>
		</div>
Joe TS Dell's avatar
update    
Joe TS Dell committed
67
68
69
70 
		<h1>Buildicipate = Build + Participate</h1>

		<h1>How?</h1>
		<h4>Implementation of the Smart Participation Game in Four Steps</h4>
Joe TS Dell's avatar
update content    
Joe TS Dell committed
71 
		<p>
Joe TS Dell's avatar
correct hr    
Joe TS Dell committed
72
73
74
75 
			A real world visualization and gaming environment which on one hand puts the control of city development in
			the hand of citizens for them to explore, build, play and engage in the city development process while on
			the other hand allows city developers, municipalities and stakeholders to take citizen oriented city
			development decisions
Joe TS Dell's avatar
update content    
Joe TS Dell committed
76
77 
		</p>
		<div class="container px-4 py-2" id="icon-grid">
Joe TS Dell's avatar
up    
Joe TS Dell committed
78
79
80 

			<div class="row row-cols-1 row-cols-sm-2 row-cols-md-3 row-cols-lg-4 g-4 py-5">
				<div class="col d-flex align-items-start">
Joe TS Dell's avatar
correct hr    
Joe TS Dell committed
81
82
83
84
85
86 
					<svg xmlns="http://www.w3.org/2000/svg" width="1.75em" height="1.75em" fill="currentColor"
						class="bi bi-calendar-minus text-muted flex-shrink-0 me-3" viewBox="0 0 16 16">
						<path d="M5.5 9.5A.5.5 0 0 1 6 9h4a.5.5 0 0 1 0 1H6a.5.5 0 0 1-.5-.5z" />
						<path
							d="M3.5 0a.5.5 0 0 1 .5.5V1h8V.5a.5.5 0 0 1 1 0V1h1a2 2 0 0 1 2 2v11a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2V3a2 2 0 0 1 2-2h1V.5a.5.5 0 0 1 .5-.5zM1 4v10a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1V4H1z" />
					</svg>
Joe TS Dell's avatar
up    
Joe TS Dell committed
87
88
89
90 
					<div>
						<h4 class="fw-bold mb-0">PLAN</h4>
						<p>Public/private sector, Real Estate</p>
					</div>
Joe TS Dell's avatar
up    
Joe TS Dell committed
91 
				</div>
Joe TS Dell's avatar
up    
Joe TS Dell committed
92 
				<div class="col d-flex align-items-start">
Joe TS Dell's avatar
correct hr    
Joe TS Dell committed
93
94
95
96
97 
					<svg xmlns="http://www.w3.org/2000/svg" width="1.75em" height="1.75em" fill="currentColor"
						class="bi bi-hammer text-muted flex-shrink-0 me-3" viewBox="0 0 16 16">
						<path
							d="M9.972 2.508a.5.5 0 0 0-.16-.556l-.178-.129a5.009 5.009 0 0 0-2.076-.783C6.215.862 4.504 1.229 2.84 3.133H1.786a.5.5 0 0 0-.354.147L.146 4.567a.5.5 0 0 0 0 .706l2.571 2.579a.5.5 0 0 0 .708 0l1.286-1.29a.5.5 0 0 0 .146-.353V5.57l8.387 8.873A.5.5 0 0 0 14 14.5l1.5-1.5a.5.5 0 0 0 .017-.689l-9.129-8.63c.747-.456 1.772-.839 3.112-.839a.5.5 0 0 0 .472-.334z" />
					</svg>
Joe TS Dell's avatar
up    
Joe TS Dell committed
98
99
100
101 
					<div>
						<h4 class="fw-bold mb-0">BUILD</h4>
						<p>Developer Teams configue the application</p>
					</div>
Joe TS Dell's avatar
up    
Joe TS Dell committed
102 
				</div>
Joe TS Dell's avatar
up    
Joe TS Dell committed
103 
				<div class="col d-flex align-items-start">
Joe TS Dell's avatar
correct hr    
Joe TS Dell committed
104
105
106
107
108
109
110 
					<svg xmlns="http://www.w3.org/2000/svg" width="1.75em" height="1.75em" fill="currentColor"
						class="bi bi-caret-right-square text-muted flex-shrink-0 me-3" viewBox="0 0 16 16">
						<path
							d="M14 1a1 1 0 0 1 1 1v12a1 1 0 0 1-1 1H2a1 1 0 0 1-1-1V2a1 1 0 0 1 1-1h12zM2 0a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V2a2 2 0 0 0-2-2H2z" />
						<path
							d="M5.795 12.456A.5.5 0 0 1 5.5 12V4a.5.5 0 0 1 .832-.374l4.5 4a.5.5 0 0 1 0 .748l-4.5 4a.5.5 0 0 1-.537.082z" />
					</svg>
Joe TS Dell's avatar
up    
Joe TS Dell committed
111
112
113
114 
					<div>
						<h4 class="fw-bold mb-0">PLAY</h4>
						<p>Any Citizens – Young adults</p>
					</div>
Joe TS Dell's avatar
up    
Joe TS Dell committed
115 
				</div>
Joe TS Dell's avatar
up    
Joe TS Dell committed
116 
				<div class="col d-flex align-items-start">
Joe TS Dell's avatar
correct hr    
Joe TS Dell committed
117
118
119
120
121 
					<svg xmlns="http://www.w3.org/2000/svg" width="1.75em" height="1.75em" fill="currentColor"
						class="bi bi-star text-muted flex-shrink-0 me-3" viewBox="0 0 16 16">
						<path
							d="M2.866 14.85c-.078.444.36.791.746.593l4.39-2.256 4.389 2.256c.386.198.824-.149.746-.592l-.83-4.73 3.522-3.356c.33-.314.16-.888-.282-.95l-4.898-.696L8.465.792a.513.513 0 0 0-.927 0L5.354 5.12l-4.898.696c-.441.062-.612.636-.283.95l3.523 3.356-.83 4.73zm4.905-2.767-3.686 1.894.694-3.957a.565.565 0 0 0-.163-.505L1.71 6.745l4.052-.576a.525.525 0 0 0 .393-.288L8 2.223l1.847 3.658a.525.525 0 0 0 .393.288l4.052.575-2.906 2.77a.565.565 0 0 0-.163.506l.694 3.957-3.686-1.894a.503.503 0 0 0-.461 0z" />
					</svg>
Joe TS Dell's avatar
up    
Joe TS Dell committed
122
123 
					<div>
						<h4 class="fw-bold mb-0">REWARD</h4>
Joe TS Dell's avatar
update    
Joe TS Dell committed
124 
						<p>Decision makers give awards to the best planning </p>
Joe TS Dell's avatar
up    
Joe TS Dell committed
125 
					</div>
Joe TS Dell's avatar
up    
Joe TS Dell committed
126
127
128 
				</div>
			</div>
		</div>
Joe TS Dell's avatar
update    
Joe TS Dell committed
129 
		<!-- <p>
Joe TS Dell's avatar
up    
Joe TS Dell committed
130
131 
			<ol type="I">
				<li>
Joe TS Dell's avatar
up    
Joe TS Dell committed
132 
					<b>PLAN</b> (Public/private sector, Real Estate)
Joe TS Dell's avatar
up    
Joe TS Dell committed
133
134 
				</li>
				<li>
Joe TS Dell's avatar
up    
Joe TS Dell committed
135 
					<b>BUILD</b> (Game Developer)
Joe TS Dell's avatar
up    
Joe TS Dell committed
136
137 
				</li>
				<li>
Joe TS Dell's avatar
up    
Joe TS Dell committed
138 
					<b>PLAY</b> (Any Citizens – Young adults)
Joe TS Dell's avatar
up    
Joe TS Dell committed
139
140 
				</li>
				<li>
Joe TS Dell's avatar
update    
Joe TS Dell committed
141 
					<b>REWARD</b> (Decision makers give awards to the best planning)
Joe TS Dell's avatar
up    
Joe TS Dell committed
142
143 
				</li>
			</ol>
Joe TS Dell's avatar
update    
Joe TS Dell committed
144 
		</p> -->
Joe TS Dell's avatar
update    
Joe TS Dell committed
145
146
147
148 
		<h1>Stakeholders</h1>
		<div class="row">
			<div class="col-lg">
				<h3>Direct & Indirect Stakeholders</h3>
Joe TS Dell's avatar
correct hr    
Joe TS Dell committed
149 
				<img src="stakeholder_imp.jpg" alt="">
Joe TS Dell's avatar
update    
Joe TS Dell committed
150
151
152
153
154 
			</div>
			<div class="col-lg">
				<h3>Pains & Gains & Customers jobs</h3>
				<img src="stakeholder.jpg" alt="">
			</div>
Joe TS Dell's avatar
up    
Joe TS Dell committed
155
Joe TS Dell's avatar
update    
Joe TS Dell committed
156 
		</div>
Joe TS Dell's avatar
correct hr    
Joe TS Dell committed
157
Joe TS Dell's avatar
up    
Joe TS Dell committed
158
Joe TS Dell's avatar
update    
Joe TS Dell committed
159
160 
		<h1>First Pilot</h1>
		<h4>The HFT Stuttgart Building 2 in Unreal 4 Game Engine.</h4>
Joe TS Dell's avatar
up    
Joe TS Dell committed
161
162
163 
		<video controls width="100%">

			<source src="Media1.mp4" type="video/mp4">
Athanasios's avatar
initial commit  
Athanasios committed
164
Joe TS Dell's avatar
up    
Joe TS Dell committed
165
166 
			Sorry, your browser doesn't support embedded videos.
		</video>
Athanasios's avatar
initial commit  
Athanasios committed
167
Joe T.S.'s avatar
Update public/settings.js, public/home/index.html files    
Joe T.S. committed
168 
	</div>
Athanasios's avatar
initial commit  
Athanasios committed
169
Joe TS Dell's avatar
up    
Joe TS Dell committed
170 
	<div class="footer content mb-0">
Joe TS Dell's avatar
update    
Joe TS Dell committed
171
172
173 
		<h1 class="mt-4">Our Team</h1>
		<p class="fs-5"> We are a team of researchers from the <b>Urban Geoinformatics Lab (UGL) at HFT Stuttgart</b> who want to build a Smarter City with the future technologies. See our other cool projects at <a href="https://ugl.hft-stuttgart.de/">ugl.hft-stuttgart.de</a>.
		</p>
Joe TS Dell's avatar
up    
Joe TS Dell committed
174 
	</div>
Joe T.S.'s avatar
Update public/settings.js, public/home/index.html files    
Joe T.S. committed
175 
	<div class="legal"></div>
Joe TS Dell's avatar
up    
Joe TS Dell committed
176
177
178 
	<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.1/dist/js/bootstrap.bundle.min.js"
		integrity="sha384-gtEjrD/SeCtmISkJkNUaaKMoLD0//ElJ19smozuHV6z3Iehds+3Ulb9Bn9Plx0x4" crossorigin="anonymous">
	</script>
Joe T.S.'s avatar
Update public/settings.js, public/home/index.html files    
Joe T.S. committed
179
180 
	<script src="../settings.js"> </script>
	<script src="../main.js"> </script>
Athanasios's avatar
initial commit  
Athanasios committed
181
182 
</body>
Joe TS Dell's avatar
update    
Joe TS Dell committed
183 
</html>

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