Skip to content

GitLab

Switch branch/tag
Find file Normal viewHistoryPermalink
index.html 7.09 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 
		<h1>Our Idea</h1>
		<h4>The Smart Participation Game in Four Easy Steps</h4>
Joe TS Dell's avatar
update content    
Joe TS Dell committed
69 
		<p>
Joe TS Dell's avatar
correct hr    
Joe TS Dell committed
70
71
72
73 
			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
74
75 
		</p>
		<div class="container px-4 py-2" id="icon-grid">
Joe TS Dell's avatar
up    
Joe TS Dell committed
76
77
78 

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

			<source src="Media1.mp4" type="video/mp4">
Athanasios's avatar
initial commit  
Athanasios committed
162
Joe TS Dell's avatar
up    
Joe TS Dell committed
163
164 
			Sorry, your browser doesn't support embedded videos.
		</video>
Athanasios's avatar
initial commit  
Athanasios committed
165
Joe T.S.'s avatar
Update public/settings.js, public/home/index.html files    
Joe T.S. committed
166 
	</div>
Athanasios's avatar
initial commit  
Athanasios committed
167
Joe TS Dell's avatar
up    
Joe TS Dell committed
168 
	<div class="footer content mb-0">
Joe TS Dell's avatar
update    
Joe TS Dell committed
169
170
171 
		<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
172 
	</div>
Joe T.S.'s avatar
Update public/settings.js, public/home/index.html files    
Joe T.S. committed
173 
	<div class="legal"></div>
Joe TS Dell's avatar
up    
Joe TS Dell committed
174
175
176 
	<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
177
178 
	<script src="../settings.js"> </script>
	<script src="../main.js"> </script>
Athanasios's avatar
initial commit  
Athanasios committed
179
180 
</body>
Joe TS Dell's avatar
update    
Joe TS Dell committed
181 
</html>

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