index.html 7.19 KB
Newer Older
Athanasios's avatar
Athanasios committed
1
2
3
4
<!DOCTYPE html>
<html>

<head>
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">
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
Athanasios committed
14
15
16
</head>

<body>
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">
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
Joe TS Dell committed
34

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
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
Joe TS Dell committed
46
47
				<ul>
					<li>
Joe TS Dell's avatar
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
Joe TS Dell committed
50
51
52
						explore and engage in city development process.
					</li>
					<li>
Joe TS Dell's avatar
Joe TS Dell committed
53
54
						Complimanting traditional citizen particiaption in city development process using visually rich
						digital city
Joe TS Dell's avatar
Joe TS Dell committed
55
56
						environment and interaction.
					</li>
Joe TS Dell's avatar
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
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
up  
Joe TS Dell committed
67
68
		
		<div class="text-center text-muted"> <h1>Buildicipate = Build + Participate</h1> </div>
Joe TS Dell's avatar
update  
Joe TS Dell committed
69
70
71

		<h1>How?</h1>
		<h4>Implementation of the Smart Participation Game in Four Steps</h4>
Joe TS Dell's avatar
Joe TS Dell committed
72
		<p>
Joe TS Dell's avatar
Joe TS Dell committed
73
74
75
76
			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
Joe TS Dell committed
77
78
		</p>
		<div class="container px-4 py-2" id="icon-grid">
Joe TS Dell's avatar
up  
Joe TS Dell committed
79
80
81

			<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
Joe TS Dell committed
82
83
84
85
86
87
					<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
88
89
90
91
					<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
92
				</div>
Joe TS Dell's avatar
up  
Joe TS Dell committed
93
				<div class="col d-flex align-items-start">
Joe TS Dell's avatar
Joe TS Dell committed
94
95
96
97
98
					<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
99
100
101
102
					<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
103
				</div>
Joe TS Dell's avatar
up  
Joe TS Dell committed
104
				<div class="col d-flex align-items-start">
Joe TS Dell's avatar
Joe TS Dell committed
105
106
107
108
109
110
111
					<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
112
113
114
115
					<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
116
				</div>
Joe TS Dell's avatar
up  
Joe TS Dell committed
117
				<div class="col d-flex align-items-start">
Joe TS Dell's avatar
Joe TS Dell committed
118
119
120
121
122
					<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
123
124
					<div>
						<h4 class="fw-bold mb-0">REWARD</h4>
Joe TS Dell's avatar
update  
Joe TS Dell committed
125
						<p>Decision makers give awards to the best planning </p>
Joe TS Dell's avatar
up  
Joe TS Dell committed
126
					</div>
Joe TS Dell's avatar
up  
Joe TS Dell committed
127
128
129
				</div>
			</div>
		</div>
Joe TS Dell's avatar
update  
Joe TS Dell committed
130
		<!-- <p>
Joe TS Dell's avatar
up  
Joe TS Dell committed
131
132
			<ol type="I">
				<li>
Joe TS Dell's avatar
up  
Joe TS Dell committed
133
					<b>PLAN</b> (Public/private sector, Real Estate)
Joe TS Dell's avatar
up  
Joe TS Dell committed
134
135
				</li>
				<li>
Joe TS Dell's avatar
up  
Joe TS Dell committed
136
					<b>BUILD</b> (Game Developer)
Joe TS Dell's avatar
up  
Joe TS Dell committed
137
138
				</li>
				<li>
Joe TS Dell's avatar
up  
Joe TS Dell committed
139
					<b>PLAY</b> (Any Citizens – Young adults)
Joe TS Dell's avatar
up  
Joe TS Dell committed
140
141
				</li>
				<li>
Joe TS Dell's avatar
update  
Joe TS Dell committed
142
					<b>REWARD</b> (Decision makers give awards to the best planning)
Joe TS Dell's avatar
up  
Joe TS Dell committed
143
144
				</li>
			</ol>
Joe TS Dell's avatar
update  
Joe TS Dell committed
145
		</p> -->
Joe TS Dell's avatar
update  
Joe TS Dell committed
146
147
148
149
		<h1>Stakeholders</h1>
		<div class="row">
			<div class="col-lg">
				<h3>Direct & Indirect Stakeholders</h3>
Joe TS Dell's avatar
Joe TS Dell committed
150
				<img src="stakeholder_imp.jpg" alt="">
Joe TS Dell's avatar
update  
Joe TS Dell committed
151
152
153
154
155
			</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
156

Joe TS Dell's avatar
update  
Joe TS Dell committed
157
		</div>
Joe TS Dell's avatar
Joe TS Dell committed
158

Joe TS Dell's avatar
up  
Joe TS Dell committed
159

Joe TS Dell's avatar
update  
Joe TS Dell committed
160
161
		<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
162
163
164
		<video controls width="100%">

			<source src="Media1.mp4" type="video/mp4">
Athanasios's avatar
Athanasios committed
165

Joe TS Dell's avatar
up  
Joe TS Dell committed
166
167
			Sorry, your browser doesn't support embedded videos.
		</video>
Athanasios's avatar
Athanasios committed
168

169
	</div>
Athanasios's avatar
Athanasios committed
170

Joe TS Dell's avatar
up  
Joe TS Dell committed
171
	<div class="footer content mb-0">
Joe TS Dell's avatar
update  
Joe TS Dell committed
172
173
174
		<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
175
	</div>
176
	<div class="legal"></div>
Joe TS Dell's avatar
up  
Joe TS Dell committed
177
178
179
	<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>
180
181
	<script src="../settings.js"> </script>
	<script src="../main.js"> </script>
Athanasios's avatar
Athanasios committed
182
183
</body>

Joe TS Dell's avatar
update  
Joe TS Dell committed
184
</html>