-
Notifications
You must be signed in to change notification settings - Fork 2
/
index.html
374 lines (361 loc) · 25.4 KB
/
index.html
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
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
<!DOCTYPE html>
<html>
<head>
<title>What is Systems?</title>
<link rel="icon" type="img/png" href="res/img/icons/glyphicons_064_lightbulb.ico"/>
<link rel="stylesheet" type="text/css" href="res/css/index.css">
</head>
<body id="background">
<!-- beta login -->
<!-- Splash -->
<div class="page" id="splash">
<div id="text">
<h1>What is Systems Design Engineering?</h1>
<!-- <p><a href="#about">Coming Soon!</a></p> -->
<p>The Systems Design Engineering experience at the University of Waterloo</p>
</div>
<div id='down-container'>
<a id='down-link' href="#about"><img id='down-icon' src='res/img/icons/icon_8303.svg'></a>
</div>
</div> <!-- .splash -->
<div class="clear"></div>
<!-- Nav -->
<div id="nav">
<div id="nav-content">
<div id="title">
<P>What is Systems?</p>
</div>
<div id="links">
<ul>
<li><a class="nav-link" id="about-link" href="#about">About</a></li>
<li><a class="nav-link" id="experience-link" href="#experience">Experience</a></li>
<li><a class="nav-link" id="work-link" href="#work">Work</a></li>
</ul>
</div>
</div>
</div>
<div class="clear"></div>
<!-- #page -->
<div class="page" id="about">
<div class="content">
<h2 class="content-title">Systems design engineers use a design-oriented, interdisciplinary method to solve large, complex problems.</h2>
<div class="tile tile-tall" id="what-the-school-says" onclick="showPopup('what-the-school-says')">
<img src="res/img/tiles/school_logo.jpg">
<h3>What the School Says</h3>
</div>
<div class="popup" id="popup-what-the-school-says">
<h2 class="popup-title">What the School Says</h2>
<h2 class="popup-exit" onclick="hidePopup()">x</h2>
<div class="clear"></div>
<div class="popup-content">
<p>The Department of Systems Design Engineering is a unique interdisciplinary department in the Faculty of Engineering that offers an accredited engineering program that gives students a full complement of courses in the engineering sciences as well as an unmatched set of courses to learn about and practice engineering design. We offer an educational program for engineering students wanting to learn how to address and solve problems that transcend traditional boundaries in engineering. Modern engineering projects are comprised of elements from all the traditional engineering disciplines and these elements must be integrated into a functioning whole to meet the overall design objectives. Systems Design Engineering teaches the student how to acquire and integrate knowledge across multiple disciplines. The framework we use to do this is systems theory through which we view the world as comprising systems that interact. Examples of the systems we may consider include human physiological and psychological systems, ecological systems, transportation systems, communication systems, energy systems and mechatronic systems. It is through systems thinking, modeling and analysis that we learn to know the world.</p>
<br />
<p>Solving engineering problems often requires the modification or creation of systems. The process we use to do that is design practice, which are the skills of creative problem solving, and interdisciplinary teamwork for innovation and synthesis. Systems design engineering is characterized by its philosophy, methods, and approaches to solving problems that are intrinsically multi-disciplinary. By considering the objective and subjective performance requirements a design solution is created that meets the needs of the customer, the user and society. The very feasibility of today\'s most demanding engineering projects may depend on the balanced insight that is needed to assemble the best combination of human and technical resources to fulfill the required objectives. This is the kind of knowledge provided by the department of Systems Design Engineering at the University of Waterloo.</p>
<br />
<p>Finally, systems design engineering prepares the student for leadership in a complex technological society that requires interdisciplinary thinking capability to meet future needs for complex, balanced decision-making.</p><br /><p>You can view more information the school has <a href="https://uwaterloo.ca/systems-design-engineering/about-systems-design-engineering/what-systems-design-engineering" target="_blank">here.</a></p>
</div>
</div>
<div class="tile tile-square" id="design-projects" onclick="showPopup('design-projects')">
<img src="res/img/tiles/design_symposium.jpg">
<h3>Design Projects</h3>
</div>
<div class="popup" id="popup-design-projects">
<h2 class="popup-title">Design Projects</h2>
<h2 class="popup-exit" onclick="hidePopup()">x</h2>
<div class="clear"></div>
<div class="popup-content">
<p>One of the foundations of the Systems Design Engineering program is the study of Engineering Design Methodology. This is accomplished through a series of five interdisciplinary project-oriented courses, together known as the "Systems Design Engineering Workshop".</p>
<br />
<p>Check out 4th year design projects <a href="https://uwaterloo.ca/systems-design-engineering/workshop-projects" target="_blank">here.</a></p>
</div>
</div>
<div class="tile tile-square" id="the-history" onclick="showPopup('the-history')">
<img src="res/img/tiles/tile-our-history.png">
<h3>The History</h3>
</div>
<div class="popup" id="popup-the-history">
<h2 class="popup-title">The History of Systems Design Engineering</h2>
<h2 class="popup-exit" onclick="hidePopup()">x</h2>
<div class="clear"></div>
<div class="popup-content">
<p>How does such a unique program such as Systems Design Engineering come to be? Over the years, the program has been re-modelled and shifted into many different forms, and it continues to change to this day, absorbing the influences of the people within it. This timelie outlines the key turning point in SyDe history. It is adapted from an Alumni's investigation into the matter, titled <a href="res/origins-of-syde-abridged.pdf" target="_blank">The Origins of SyDe, Abridged</a>, which is an excellent read if you have a few minutes to spare.</p>
<div class="timeline-entry">
<div class="timeline-date">
<p>1960</p>
</div>
<div class="timeline-connector"></div>
<div class="timeline-content">
<p>George Soulis, a Furniture Designer and Distinguished Mechanical Engineer, is hired to teach design classes at the young University of Waterloo. Soulis had never received any formal education in design; his only experience stemming from his time spent working in industry. Realizing the importance of formal design education, Soulis agrees to teach a first-year Engineering course focused on Engineering Design. There's just one problem: Soulis has no Master's Degree. Soulis, along with his family, is sent to Germany to complete a degree at the prestigious Hochschule für Gestaltung.</p>
<p>Peter Roe, a PhD student in Electrical Engineering at the time, was finishing up his dissertation in systems modeling and analysis. However, Roe has a shows a strong interest in Engineering Design, and Dr. Kesavan, Roe's Ph.D. supervisor, sends Roe to Dartmoth University in the States to participate in an experimental design-teaching course.</p>
</div>
</div>
<div class="clear"></div>
<div class="timeline-entry">
<div class="timeline-date">
<p>1963</p>
</div>
<div class="timeline-connector"></div>
<div class="timeline-content">
<p>Upon Soulis' and Roe's return to Canada, the two team up with Professor Handa and create the first Engineering Design course at the university, known as General Engineering (GE) 11. GE 11 was a mandatory first-year course where groups of students were mentored by a faulty member through the process of solving an engineering design problem. At the end of the term, solutions would compete for a grand prize – a set of beer steins. The GENE11 course framework was the foundation for Systems Design's 1st year design course - SYDE161.</p>
</div>
</div>
<div class="clear"></div>
<div class="timeline-entry">
<div class="timeline-date">
<p>1964</p>
</div>
<div class="timeline-connector"></div>
<div class="timeline-content">
<p>Soulis, Roe, and Professor Johann, a Civil Engineering Professor, found the Institute of Design at the University of Waterloo. The purpose of the Institute is to pursue contracts in Engineering and Industrial Design, which would fund the development of the institute at the University. One of the first contracts for the Institute is to design 3 of the 6 main pavilions for the 1967 International Expo, which would be help in Montréal.</p>
<p>Soulis, Roe, and Handa curate the content of the GE 11 course into a textbook to be used for further teachings of the course. The book was one of the first to explicitly outline a holistic view of the engineering design process.</p>
</div>
</div>
<div class="clear"></div>
<div class="timeline-entry">
<div class="timeline-date">
<p>1965</p>
</div>
<div class="timeline-connector"></div>
<div class="timeline-content">
<p>Funding from the Institute of Design's contract work allows the group to expand. The Institute of Design is transformed into the Department of Design after a heated argument and a Faculty meeting, which passed the motion by a margin of only one vote.</p>
<p>The Department of Design offered a diploma and masters program, as well as holding responsibilities for teaching design and graphics courses for the rest of the undergraduate population. Shortly after, an undergraduate and Ph.D program were added to round out the department's offering. In order to fill the quickly expanding department, professionals from all backgrounds within the university and in industry were brought in to add their expertise to the program. Film Makers, Civil Engineers, Architects, Mechanical Engineers, Human Factors Specialist, Electrical Engineers, and Photographers composed the roster of faculty setting the tone for the multidisciplinary foundation of the program.
</div>
</div>
<div class="clear"></div>
<div class="timeline-entry">
<div class="timeline-date">
<p>1968</p>
</div>
<div class="timeline-connector"></div>
<div class="timeline-content">
<p>In the wake of major restructuring of the University's faculties and programs, the Systems Design Engineering program separated from the rest of the Department of Design to stand as it's own Engineering Program. The program consisted of three years of general study, one year of specialization, and one year of deep study. Systems Design Engineering students had access to a great range of specializations in addition to the course engineering programs offered by the university, reflected the unique background and capabilities of the faculty staff.</p>
</div>
</div>
<div class="clear"></div>
<div class="timeline-entry">
<div class="timeline-date">
<p>1969</p>
</div>
<div class="timeline-connector"></div>
<div class="timeline-content">
<p>The Department of Systems Design Engineering is ready to accepts it's first official class. True to being unique, the faculty decides to hire a co-op student to travel across Ontario via motorbike, promoting the new program to advent-seeking and risk-taking high school students. In September of 1969, 60 student show up to take on the challenge.</p>
</div>
</div>
<div class="clear"></div>
<p style="margin-top:15px">Jump forward, and the Department of Systems Design Engineering still offers it's original degree programs, in addition to a new Biomedical Engineering program. The collective academic background of the faculty has grown and evolved with the influence of the department's leadership and the rapid advancements of technology. However, the founding principle of Systems Design Engineering, '...to produce leaders of technology', remains unchanged and holds true to this day.</p>
</div>
</div>
<div class="tile tile-wide" id="syde-vs-the-rest" onclick="showPopup('syde-vs-the-rest')">
<img src="res/img/tiles/systems_design_logo.png">
<h3>Systems Design v.s. The Rest</h3>
</div>
<div class="popup" id="popup-syde-vs-the-rest">
<h2 class="popup-title">What makes Systems Design different?</h2>
<h2 class="popup-exit" onclick="hidePopup()">x</h2>
<div class="clear"></div>
<div class="popup-content">
<p>The most fundamental attribute which differentiates Systems Design from other programs is it's interdisciplinary nature. In most traditional engineering programs, one develops a deep understanding of concepts within that field of study, allowing them to address complex problems within that field. By contrast, a similar goal definition in Systems Design would be to develop an overviewing understanding of a wide range of disciplines, allowing one to tackle complex problems which span or consider a wide range of disciplines.</p>
<p>To truly understand what is meant by 'a wide range of disciplines' within the Systems Design Engineering program, consider the original 9 categories of courses within the Systems Design Curriculum:</p>
<ul>
<li>10's: Mathematics</li>
<li>20's: Software and Computation</li>
<li>30's:</li>
<li>40's:</li>
<li>50's: System Modelling and Control</li>
<li>60's: Design</li>
<li>70's: Intelligent Systems</li>
<li>80's: Physics</li>
<li>90's: Circuits and Digital Systems</li>
</ul>
<p>Although the specific combination of disciplines which compose Systems Design Engineering have evolved over time, this inter-disciplinary focus remains a core value of the SYDE department. The Systems Design course list today spans fields such as human-centered design, biomedical systems, decisions and optimization, social and environmental systems, and intelligent systems, to name a few. Throughout their studies, students are exposed to courses from a wide range of these disciplines so they may develop and understanding of these disciplines and how they might work together.</p>
<!--<p>Systems Design Engineering has been said to be similar to Mechatronics, Software, Computer, and Management Engineering. In fact, they're quite different, and the numbers show it all!</p>
<img src="res/enrollment.png"/>
<p>Source: https://uwaterloo.ca/engineering/about/faculty-statistics</p>-->
</div>
</div>
</div>
</div> <!-- #about -->
<div class="clear"></div>
<div class="page" id="experience">
<div class="content">
<h2 class="content-title">You'll have a blast here.</h2>
<div class="tile tile-wide" id="the-6th-floor-of-e5" onclick="showPopup('the-6th-floor-of-e5')">
<img src="res/img/tiles/e5.png">
<h3>The Space</h3>
</div>
<div class="popup" id="popup-the-6th-floor-of-e5">
<h2 class="popup-title">The Systems Design Engineering Space</h2>
<h2 class="popup-exit" onclick="hidePopup()">x</h2>
<div class="clear"></div>
<div class="popup-content">
<p>The physical space the Systems Design Engineering program uses is a big contributor to it's uniqueness. The Systems Design Engineering program is located on the 6th floor of <a href="https://uwaterloo.ca/engineering/about/engineering-5" target="_blank">Engineering 5 (E5)</a>, One of the university's newer buildings which also hosts the <a href="https://uwaterloo.ca/sedra-student-design-centre/about" target="_blank">Student Design Teams</a> and <a href="https://uwaterloo.ca/engineering-machine-shop/" target="_blank">Student Machine Shop</a>.</p>
<div class="pano">
<script type="text/javascript" src="http://occipital.com/360/embed.js?pano=ZjzReK&width=640&height=480"></script>
<p>Open space on the 6th floor.</p>
</div>
<p>On the 6th floor of E5 sits the Systems Design Engineering Administration and Secretary, as well as 3 classrooms, a lounge, workshop, electronics lab, computer room, and 2 workshop rooms - all of which are dedicated to supporting Systems Design students.</p>
<div class="pano">
<script type="text/javascript" src="http://occipital.com/360/embed.js?pano=wduQqE&width=640&height=480"></script>"></script>
<p>The Systems Design 1st-year classroom, complete with decorations.</p>
</div>
<p>The 3 classrooms are where all core SYDE courses are taught for the on-stream students. This close physical proximity encourages students from different years to connect, contributing to the close-knit Systems Design community. Students from all years are able to sit in on lectures and seminars being held for any SYDE class, allowing students to make the most of their time here.</p>
<div class="pano">
<script type="text/javascript" src="http://occipital.com/360/embed.js?pano=9AAXYR&width=640&height=480"></script>
<p>The lounge.</p>
</div>
<p>The lounge serves as a space where students can work or relax just steps away from lectures, and in the presence of classmates. Equipped with chalkboards, couches, desks, bar-seating, even a microwave and a fridge, the space is a great resource for students throughout their time here.</p>
<div class="pano">
<script text="text/javascript" src="http://occipital.com/360/embed.js?pano=dpuU7g&width=640&height=480"></script>
<p>The computer room.</p>
</div>
<p>The computer room and workshop rooms are great places for individual and group study, with resources ranging from printers and scanners to electrical equipment. These space provide more options for SYDE students looking for study, hold meetings, and work on projects.</p>
<div class="pano">
<script type="text/javascript" src="http://occipital.com/360/embed.js?pano=YRDMzh&width=640&height=480"></script>
<p>One of the SYDE workshop rooms.</p>
</div>
<p>Whether you're working on an assignment and asking an upper-year student for help, going through review questions with a group of classmates, fixing up a design project prototype, or sharing ideas over lunch, the SYDE space provides an unparalleled environment for students to work and interact.</p>
</div>
</div>
<div class="tile tile-square" id="coop" onclick="showPopup('coop')">
<img src="res/img/tiles/coop.png">
<h3>Co-op</h3>
</div>
<div class="popup" id="popup-coop">
<h2 class="popup-title">Go anywhere, try anything. For example:</h2>
<h2 class="popup-exit" onclick="hidePopup()">x</h2>
<div class="clear"></div>
<div class="popup-content">
<div class="map-canvas" id="coop-map-canvas"></div>
</div>
</div>
<div class="tile tile-square" id="all-systems-go" onclick="showPopup('all-systems-go')">
<img src="res/img/tiles/asg.jpg">
<h3>All Systems Go</h3>
</div>
<div class="popup" id="popup-all-systems-go">
<h2 class="popup-title">All Systems Go</h2>
<h2 class="popup-exit" onclick="hidePopup()">x</h2>
<div class="clear"></div>
<div class="popup-content">
<p>It's been said that systems students are among the more social engineers. We validate this by launching the term running All Systems Go, a gathering of systems students across all years at a residence of one of the students. It\'s a great opportunity to meet upper year students! Unfortunately this is a professional site, so we can't show pictures.<p>
</div>
</div>
<div class="tile tile-wide" id="exchange" onclick="showPopup('exchange')">
<img src="res/img/tiles/the-culture-wide.png">
<h3>Systems Design Culture</h3>
</div>
<div class="popup" id="popup-exchange">
<h2 class="popup-title">The culture of SYDE students.</h2>
<h2 class="popup-exit" onclick="hidePopup()">x</h2>
<div class="clear"></div>
<div class="popup-content">
<p>Exchange is a strong aspect of the University of Waterloo\'s Engineering Program. We have exchange partnerships with over 70 schools worldwide. Systems Design Engineering consistently sends the most students by percentage on exchange out of all the engineering departments. If you are looking to grow your perspectives on the world and gain life-changing experiences, Systems Design Engineering is filled with people like you.</p>
</div>
</div>
</div>
</div> <!-- #about -->
<div class="clear"></div>
<div class="page" id="work">
<div class="content">
<h2 class="content-title">We build the world.</h2>
<div class="tile tile-half" id="careers" onclick="showPopup('careers')">
<img src="res/img/tiles/careers.png">
<h3>Careers</h3>
</div>
<div class="popup" id="popup-careers">
<h2 class="popup-title">Careers</h2>
<h2 class="popup-exit" onclick="hidePopup()">x</h2>
<div class="clear"></div>
<div class="popup-content">
<div class="map-canvas" id="linkedin-map-canvas"></div>
</div>
</div>
<div class="tile tile-half" id="initiatives" onclick="showPopup('initiatives')">
<img src="res/img/tiles/innovation.png">
<h3>Initiatives</h3>
</div>
<div class="popup" id="popup-initiatives">
<h2 class="popup-title">Initiatives</h2>
<h2 class="popup-exit" onclick="hidePopup()">x</h2>
<div class="clear"></div>
<div class="popup-content">
<p>The Systems Design Engineering program tends to attract innovative thinkers with a desire to make a dent in the world. The program\'s focus on high-level thinking while allowing students to customize it to their interests accelerates their ability to follow their passions and make an impact. Here are just a few of the successful companies started by systems graduates.</p>
<a href="http://en.wikipedia.org/wiki/Janna_Systems" target="_blank">
<img src="res/img/logos/janna.gif" height="50px">
</a>
<p>Customer relationship management software for the financial industry. Acquired for $1.4 Billion, largest purchase of a Canadian software company! Founder: Bill Tatham</p>
<br />
<a href="http://www.desire2learn.com/" target="_blank">
<img src="res/img/logos/d2l.jpg" height="50px">
</a>
<p>Enterprise eLearning solutions and learning management systems. Founder: John Baker</p>
<br />
<a href="http://www.nexj.com/" target="_blank">
<img src="res/img/logos/nexj.png" height="40px">
</a>
<p>Customer relationship management (CRM) solutions for financial services, insurance, and healthcare. Founder: Bill Tatham</p>
<br />
<a href="http://www.vidyard.com/" target="_blank">
<img src="res/img/logos/vidyard.jpg" height="40px">
</a>
<p>Video marketing and sales enablement platform. Founder: Michael Litt</p>
<br />
<a href="https://getpebble.com/" target="_blank">
<img src="res/img/logos/pebble.png" height="40px">
</a>
<p>Android and iPhone smartwatch. Founder: Eric Migicovsky</p>
<br />
<a href="https://www.loosebutton.com" target="_blank">
<img src="res/img/logos/loosebutton.jpg" height="40px">
</a>
<p>Discover, sample, and purchase beauty and lifestyle products online. Founder: Ray Cao</p>
</div>
</div>
</div>
</div> <!-- #about -->
<div class="clear"></div>
<div id="footer">
<div id="footer-content">
<p class="left">Made by students, for prospective students.</p>
<a href="mailto:whatissystems@gmail.com" class="right" target="_blank">Contact</a>
<a href="https://docs.google.com/forms/d/1CcNywvMCDBpCpQCwLqCyAiWf6be1E-AsmtVCn5x79PA/viewform" class="right" target="_blank">Feedback</a>
<a class="right" id="thanks" onclick="showPopup('thanks')">Thanks</a>
</div>
<div class="popup" id="popup-thanks">
<h2 class="popup-title">Hey, Thanks!</h2>
<h2 class="popup-exit" onclick="hidePopup()">x</h2>
<div class="clear"></div>
<div class="popup-content">
<p>Thanks to <a href="http://www.balsamiq.com" target="_blank">Balsamiq</a> for giving us their amazing mockup software for free.</p>
<p>Thanks to <a href="http://favicons.com" target="_blank">Favicons</a> for making great icons.</p>
<p>Thanks to Dana and Russ for their input and guidance.</p>
<p>Thanks to the SYDE student body and YOU for their input and constructive criticism.</p>
<p>Icons:</p>
<p>Down by John Chapman from The Noun Project</p>
<br/>
</div>
</div>
</div>
<!-- The popup that will store the content -->
<div id="popup-background"></div>
<!-- Google Analytics -->
<script>
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
})(window,document,'script','//www.google-analytics.com/analytics.js','ga');
ga('create', 'UA-31570718-1', 'whatissystems.com');
ga('send', 'pageview');
</script>
<!-- Need jquery, etc. -->
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.1/jquery.min.js"></script>
<script src="https://maps.googleapis.com/maps/api/js?v=3.exp&libraries=visualization&sensor=false"></script>
<script type="text/javascript" src="res/js/jquery.scrollTo-1.4.3.1.js"></script>
<script type="text/javascript" src="res/js/jquery.localscroll-1.2.7.js"></script>
<script type="text/javascript" src="map-content/linkedIn-data/profiles.js"></script>
<script type="text/javascript" src="res/js/utils.js"></script>
<script type="text/javascript" src="res/js/CoopMap.js"></script>
<script type="text/javascript" src="res/js/LinkedinMap.js"></script>
<script type="text/javascript" src="res/js/index.js"></script>
</body>
</html>