-
Notifications
You must be signed in to change notification settings - Fork 1
Expand file tree
/
Copy pathindex.html
More file actions
299 lines (224 loc) · 14.2 KB
/
index.html
File metadata and controls
299 lines (224 loc) · 14.2 KB
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
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
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
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
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
<html >
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="generator" content="Mobirise v4.12.3, mobirise.com">
<meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1">
<link rel="shortcut icon" href="assets/images/olinlogo.png" type="image/x-icon">
<meta name="description" content="">
<title>Home</title>
<link rel="stylesheet" href="assets/web/assets/mobirise-icons/mobirise-icons.css">
<link rel="stylesheet" href="assets/bootstrap/css/bootstrap.min.css">
<link rel="stylesheet" href="assets/bootstrap/css/bootstrap-grid.min.css">
<link rel="stylesheet" href="assets/bootstrap/css/bootstrap-reboot.min.css">
<link rel="stylesheet" href="assets/socicon/css/styles.css">
<link rel="stylesheet" href="assets/tether/tether.min.css">
<link rel="stylesheet" href="assets/dropdown/css/style.css">
<link rel="stylesheet" href="assets/theme/css/style.css">
<link rel="preload" as="style" href="assets/mobirise/css/mbr-additional.css"><link rel="stylesheet" href="assets/mobirise/css/mbr-additional.css" type="text/css">
</head>
<body>
<section class="menu cid-sh7MMfmVZn" once="menu" id="menu2-6">
<nav class="navbar navbar-expand beta-menu navbar-dropdown align-items-center navbar-fixed-top navbar-toggleable-sm bg-color transparent">
<button class="navbar-toggler navbar-toggler-right" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
<div class="hamburger">
<span></span>
<span></span>
<span></span>
<span></span>
</div>
</button>
<div class="menu-logo">
<div class="navbar-brand">
<span class="navbar-logo">
<a href="index.html">
<img src="assets/images/olinlogo.png" alt="Mobirise" title="" style="height: 3.8rem;">
</a>
</span>
</div>
</div>
<div class="collapse navbar-collapse" id="navbarSupportedContent">
<ul class="navbar-nav nav-dropdown nav-right" data-app-modern-menu="true"><li class="nav-item dropdown"><a class="nav-link link dropdown-toggle text-black display-4" href="https://mobirise.co" aria-expanded="false" data-toggle="dropdown-submenu">
Modules</a><div class="dropdown-menu"><a class="dropdown-item text-black display-4" href="page3.html" aria-expanded="false" target="_blank">A Face in the Crowd</a><a class="dropdown-item text-black display-4" href="page4.html" aria-expanded="false" target="_blank">Robo Ninja Warrior</a><a class="dropdown-item text-black display-4" href="page4.html" aria-expanded="false" target="_blank">Robo Ninja Warrior</a></div></li><li class="nav-item"><a class="nav-link link text-black display-4" href="page2.html">
Student Work</a></li>
<li class="nav-item">
<a class="nav-link link text-black display-4" href="page1.html">Contact Us
</a>
</li></ul>
</div>
</nav>
</section>
<section class="engine"><a href="https://mobirise.info/e">make your own site for free</a></section><section class="header6 cid-sisDnRkpbl mbr-fullscreen" data-bg-video="https://youtu.be/MFL4gd2IMm8" id="header6-q">
<div class="mbr-overlay" style="opacity: 0.7; background-color: rgb(35, 35, 35);">
</div>
<div class="container">
<div class="row justify-content-md-center">
<div class="mbr-white col-md-10">
<h1 class="mbr-section-title align-center mbr-bold pb-3 mbr-fonts-style display-1">
<a href="https://youtu.be/MFL4gd2IMm8" target="_blank"><strong>QEA</strong></a> IN A NUTSHELL</h1>
<p class="mbr-text align-center pb-3 mbr-fonts-style display-5"><strong>Quantitative Engineering Analysis (QEA) is an interdisciplinary, integrated, course for students to become proficient in learning new technical content and successfully completing projects that have a significant analytical component to them. This video summarizes some of the rationale and specific pedagogy behind the course.</strong><br></p>
</div>
</div>
</div>
<div class="mbr-arrow hidden-sm-down" aria-hidden="true">
<a href="#next">
<i class="mbri-down mbr-iconfont"></i>
</a>
</div>
</section>
<section class="header7 cid-sk1xDsCKF4" id="header7-12">
<div class="container">
<div class="media-container-row">
<div class="media-content align-right">
<h1 class="mbr-section-title mbr-white pb-3 mbr-fonts-style display-1">
Dry Erase Board Action!</h1>
<div class="mbr-section-text mbr-white pb-3">
<p class="mbr-text mbr-fonts-style display-5">
Using whiteboards helps make it easier for students to share their ideas, encourages students to present their ideas systematically, and illustrate their views graphically.
</p>
</div>
</div>
<div class="mbr-figure" style="width: 120%;"><iframe class="mbr-embedded-video" src="https://olin-design-principles.s3.amazonaws.com/5_QEA_Making%20Thinking%20Visible.mp4?loop=0&autoplay=1" width="1280" height="720" frameborder="0" allowfullscreen></iframe></div>
</div>
</div>
</section>
<section class="header7 cid-sk1yB7igAl" id="header7-13">
<div class="container">
<div class="media-container-row">
<div class="media-content align-right">
<h1 class="mbr-section-title mbr-white pb-3 mbr-fonts-style display-1">
Bridging Math, Physics, and Engineering</h1>
<div class="mbr-section-text mbr-white pb-3">
<p class="mbr-text mbr-fonts-style display-5">
Quantitative Engineering Analysis is an interdisciplinary class in which students learn the basics of mathematics, physics, and engineering in and actual engineering context.
</p>
</div>
</div>
<div class="mbr-figure" style="width: 120%;"><iframe class="mbr-embedded-video" src="https://olin-design-principles.s3.amazonaws.com/4_QEA_Crossing%20Disciplinary%20Boundaries.mp4?loop=0&autoplay=1" width="1280" height="720" frameborder="0" allowfullscreen></iframe></div>
</div>
</div>
</section>
<section class="header7 cid-srMplSoQ7h" id="header7-1u">
<div class="container">
<div class="media-container-row">
<div class="media-content align-right">
<h1 class="mbr-section-title mbr-white pb-3 mbr-fonts-style display-1">Virtual Labs</h1>
<div class="mbr-section-text mbr-white pb-3">
<p class="mbr-text mbr-fonts-style display-5">
This video shows the "Robo Ninja Warrior" module in Olin College's Quantitative Engineering Course. We also included a sneak peek at the virtual labs we are creating for our "To Float a Boat" module.
</p>
</div>
</div>
<div class="mbr-figure" style="width: 120%;"><iframe class="mbr-embedded-video" src="https://www.youtube.com/embed/oTADGp6yhQ0?rel=0&amp;showinfo=0&autoplay=1&loop=0" width="1280" height="720" frameborder="0" allowfullscreen></iframe></div>
</div>
</div>
</section>
<section class="features3 cid-sh7GojIXhX" id="features3-5">
<div class="container">
<div class="media-container-row">
<div class="card p-3 col-12 col-md-6 col-lg-4">
<div class="card-wrapper">
<div class="card-img">
<img src="assets/images/faces-collage.png" alt="Mobirise" title="">
</div>
<div class="card-box">
<h4 class="card-title mbr-fonts-style display-7">
A Face in the Crowd</h4>
<p class="mbr-text mbr-fonts-style display-7">
The module "A Face in the Crowd" introduces the major ideas in linear algebra with a focus on intuition building and application in an effort to build deep understanding. The module is organized around the engineering challenging of building a facial recognition system.
</p>
</div>
<div class="mbr-section-btn text-center"><a href="https://qeacourse.github.io/AFaceInTheCrowd/" class="btn btn-primary display-4" target="_blank">
Learn More
</a></div>
</div>
</div>
<div class="card p-3 col-12 col-md-6 col-lg-4">
<div class="card-wrapper">
<div class="card-img">
<img src="assets/images/background2.jpg" alt="Mobirise">
</div>
<div class="card-box">
<h4 class="card-title mbr-fonts-style display-7">
A Face in the Crowd</h4>
<p class="mbr-text mbr-fonts-style display-7">
The module introduces the major ideas in linear algebra with a focus on intuition building and application in an effort to build deep understanding. The module is organized around the engineering challenging of building a facial recognition system.
</p>
</div>
<div class="mbr-section-btn text-center"><a href="https://qeacourse.github.io/AFaceInTheCrowd/" class="btn btn-primary display-4" target="_blank">
Learn More
</a></div>
</div>
</div>
<div class="card p-3 col-12 col-md-6 col-lg-4">
<div class="card-wrapper">
<div class="card-img">
<img src="assets/images/annie-nina-mount-doom.jpg" alt="Mobirise" title="">
</div>
<div class="card-box">
<h4 class="card-title mbr-fonts-style display-7">
Robo Ninja Warrior</h4>
<p class="mbr-text mbr-fonts-style display-7">
The Robo Ninja Warrior module teaches math, physics, and engineering content through fun, hands-on, and customizable challenges. The module includes three challenges that provide scaffolded opportunities to master new theory and apply it to programming a mobile robot to accomplish a task.
</p>
</div>
<div class="mbr-section-btn text-center"><a href="https://qeacourse.github.io/RoboNinjaWarrior/" class="btn btn-primary display-4" target="_blank">
Learn More
</a></div>
</div>
</div>
</div>
</div>
</section>
<section class="mbr-section info2 cid-sh7PrsfuA3" id="info2-8">
<div class="container">
<div class="row main justify-content-center">
<div class="media-container-column col-12 col-lg-3 col-md-4">
<div class="mbr-section-btn align-left py-4"><a class="btn btn-primary display-4" href="https://ieeexplore.ieee.org/document/8658526" target="_blank">Learn More</a></div>
</div>
<div class="media-container-column title col-12 col-lg-7 col-md-6">
<h2 class="align-right mbr-bold mbr-white pb-3 mbr-fonts-style display-2">Other Documents on QEA
</h2>
<h3 class="mbr-section-subtitle align-right mbr-light mbr-white mbr-fonts-style display-5">S. Govindasamy, R.J. Christianson, J. Geddes, C. Lee, S. Michalka, P. Ruvolo, M.H. Somerville, A.C. Strong: <br><br><strong>A Contextualized, Experiential Learning Approach to Quantitative Engineering Analysis, FIE 2018.</strong></h3>
</div>
</div>
</div>
</section>
<section class="cid-sisJGp7TAK" id="social-buttons2-s">
<div class="container">
<div class="media-container-row">
<div class="col-md-8 align-center">
<h2 class="pb-3 mbr-fonts-style display-2">MORE ABOUT OLIN?</h2>
<div class="social-list pl-0 mb-0">
<a href="https://twitter.com/OlinCollege" target="_blank">
<span class="px-2 mbr-iconfont mbr-iconfont-social socicon-twitter socicon"></span>
</a>
<a href="https://www.facebook.com/OlinCollege" target="_blank">
<span class="px-2 mbr-iconfont mbr-iconfont-social socicon-facebook socicon"></span>
</a>
<a href="https://www.instagram.com/olincollege/" target="_blank">
<span class="px-2 mbr-iconfont mbr-iconfont-social socicon-instagram socicon"></span>
</a>
<a href="https://www.youtube.com/c/mobirise" target="_blank">
</a>
<a href="https://www.behance.net/Mobirise" target="_blank">
</a>
</div>
</div>
</div>
</div>
</section>
<script src="assets/web/assets/jquery/jquery.min.js"></script>
<script src="assets/popper/popper.min.js"></script>
<script src="assets/bootstrap/js/bootstrap.min.js"></script>
<script src="assets/smoothscroll/smooth-scroll.js"></script>
<script src="assets/tether/tether.min.js"></script>
<script src="assets/vimeoplayer/jquery.mb.vimeo_player.js"></script>
<script src="assets/dropdown/js/nav-dropdown.js"></script>
<script src="assets/dropdown/js/navbar-dropdown.js"></script>
<script src="assets/touchswipe/jquery.touch-swipe.min.js"></script>
<script src="assets/sociallikes/social-likes.js"></script>
<script src="assets/ytplayer/jquery.mb.ytplayer.min.js"></script>
<script src="assets/theme/js/script.js"></script>
</body>
</html>