-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathindex.html
More file actions
165 lines (154 loc) · 9.87 KB
/
Copy pathindex.html
File metadata and controls
165 lines (154 loc) · 9.87 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
<!DOCTYPE html>
<html lang="en">
<head>
<!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=G-FBE786CMQW"></script>
<script src="/scripts/g-analytics.js"></script>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<meta name="color-scheme" content="light dark">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css" integrity="sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm" crossorigin="anonymous">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@forevolve/bootstrap-dark@2.0.0/dist/css/bootstrap-light-prefers-dark.min.css" />
<link rel="stylesheet" href="/css/styles.css">
<title>James's Projects</title>
</head>
<body>
<header>
<nav class="navbar navbar-expand-md navbar-dark fixed-top bg-dark">
<div class="d-flex">
<a class="navbar-brand tight-right" href="/index.html">James Kristoff</a>
<div id="text-carousel" class="carousel slide" data-ride="carousel" data-interval="2500">
<div class="carousel-inner">
<div class="carousel-item active">
<span class="navbar-text">                    </span>
</div>
<div class="carousel-item">
<span class="navbar-text">Engineer            </span>
</div>
<div class="carousel-item">
<span class="navbar-text">Physicist           </span>
</div>
<div class="carousel-item">
<span class="navbar-text">Roboticist               </span>
</div>
<div class="carousel-item">
<span class="navbar-text">Software Developer  </span>
</div>
<div class="carousel-item">
<span class="navbar-text">Problem Solver  </span>
</div>
</div>
</div>
</div>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarCollapse" aria-controls="navbarCollapse" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarCollapse">
<ul class="navbar-nav mr-auto">
<li class="nav-item active">
<a class="nav-link" href="/index.html">Home <span class="sr-only">(current)</span></a>
</li>
<li class="nav-item">
<a class="nav-link" href="/aboutMe.html">About</a>
</li>
<li class="nav-item">
<a class="nav-link" href="/resume.html">Résumé</a>
</li>
</ul>
</div>
</nav>
</header>
<main role="main">
<div class="container marketing">
<div class="row">
<div class="col-lg-12">
<p>Hello Hackers and Mobile Scrollers ^_^</p>
</div>
</div>
<hr class="featurette-divider">
<div class="row">
<div class="col-lg-12">
<h2>Featured Projects</h2>
<p>The following projects were developed by me. This is by no means an exhaustive list of my software development experience.</p>
<p>If you have any questions, please send me a message on <a href="https://www.linkedin.com/in/james-kristoff/">LinkedIn</a> or add an <a href="https://github.com/jskrist/jskrist.github.io/issues/new?labels=question">Issue</a> on my GitHub page for this website.</p>
</div>
</div>
<!-- START THE FEATURETTES -->
<hr class="featurette-divider">
<div class="row featurette">
<div class="col-md-7">
<h2 class="featurette-heading">[WIP] Quadcopter Design</h2>
<p class="lead">A friend and I are building an educational platform for teaching controls and design. We have begun this project with a prototype quadcopter.</p>
</div>
<div class="col-md-5">
<img class="featurette-image img-fluid mx-auto" alt="Quadcopter prototype" src="/media/images/Quadcopter.png">
</div>
</div>
<hr class="featurette-divider">
<div class="row featurette">
<div class="col-md-7">
<h2 class="featurette-heading">The Road to Victory: <span class="text-muted">Making Embedded Processors More Accessible.</span></h2>
<p class="lead">The NXP Cup was a world-wide autonomous racing competition in which, mainly undergraduate, student teams competed to program an NXP microcontroller powered model vehicle, to complete laps on unknown tracks faster than anyone else.</p>
<p class="lead">Most of these students were not embedded developers, and many teams failed to complete a single lap. Even in the final round, typically half of teams failed to complete the track.</p>
<p class="lead">I developed <a href="https://www.mathworks.com/hardware-support/frdm-kl25z.html">a Simulink Support Package</a> that allowed teams to focus on the high level control logic, and let Simulink take care of the embedded C code and hardware drivers.</p>
<p class="lead">After this Support package was created, the 10th aniversary competition saw the first ever final round in which 100% of the teams completed the track.</p>
</div>
<div class="col-md-5">
<img class="featurette-image img-fluid mx-auto" alt="NXP Cup Model Vehicle" src="/media/images/nxpCupCar.png">
<a href="https://www.mathworks.com/hardware-support/frdm-kl25z.html">Image Source</a>
</div>
</div>
<hr class="featurette-divider">
<div class="row featurette">
<div class="col-md-7 order-md-2">
<h2 class="featurette-heading">Creating the Matrix: <span class="text-muted">Simulation and Success.</span></h2>
<p class="lead">Many of the teams could not afford a full scale physical track to test their vehicles on, so I built a physical simulation of the model vehicle and an App that allowed teams to design their own custom tracks to test their algorithms on.</p>
<p class="lead"> <a href="https://www.mathworks.com/matlabcentral/fileexchange/57778-track-designer">This MATLAB App</a> allows them to better understand how various gains in their controllers affected the behavior of the car; when the physical car did something odd they could model the behavior and figure out a fix more rapidly in simulation than they could modifying embedded code by hand.</p>
</div>
<div class="col-md-5 order-md-1">
<video class="featurette-image img-fluid mx-auto" width="500" height="281" poster="/media/images/simulatedTrack.png" controls>
<source src="/media/video/simulationVideo.mp4" type="video/mp4">
Your browser does not support the video tag.
</video>
</div>
</div>
<hr class="featurette-divider">
<div class="row featurette">
<div class="col-md-7">
<h2 class="featurette-heading">Can you see it now? <span class="text-muted">Open Source Visualizations</span></h2>
<p class="lead">MATLAB is a fantastic language for creating plots of data, but many MATLAB users want to visualize a physical object, not a plot of the objects position over time.</p>
<p class="lead">The open source MATLAB Toolbox, <a href="https://github.com/mathworks/physvis">PHYSVIS</a> allows users to write the equations that define a physical system (like a simple pendulum) and auto<i>magically</i> get an animation of that physical system.</p>
</div>
<div class="col-md-5">
<video class="featurette-image img-fluid mx-auto" width="500" height="281" poster="/media/images/simplePendulum.png" controls loop>
<source src="/media/video/simplePendulum.mp4" type="video/mp4">
Your browser does not support the video tag.
</video>
</div>
</div>
<hr class="featurette-divider">
<!-- /END THE FEATURETTES -->
</div>
<!-- FOOTER -->
<footer class="container">
<p class="float-right"><a href="#">Back to top</a></p>
<div>
<a href="https://github.com/jskrist">
<picture>
<source srcset="/media/images/GitHub_Invertocat_Light.svg" media="(prefers-color-scheme: dark)">
<img src="/media/images/GitHub_Invertocat_Dark.svg" alt="GitHub" height="32px">
</picture>
</a>
<a href="https://www.mathworks.com/matlabcentral/profile/authors/3290269-james-kristoff"><img src="/media/images/L-Membrane.png" alt="MATLAB Community" height="32px"></a>
<a href="https://www.linkedin.com/in/james-kristoff/"><img src="/media/images/In-2C-34px-R.png" alt="LinkedIn" height="32px"></a>
</div>
<p>© 2017-2025 James Kristoff</p>
</footer>
</main>
<section id="scripts">
<script src="https://code.jquery.com/jquery-3.3.1.min.js" integrity="sha384-tsQFqpEReu7ZLhBV2VZlAu7zcOV+rXbYlF2cqB8txI/8aZajjp4Bqd+V6D5IgvKT" crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.12.9/umd/popper.min.js" integrity="sha384-ApNbgh9B+Y1QKtv3Rn7W3mgPxhU9K/ScQsAP7hUibX39j7fakFPskvXusvfa0b4Q" crossorigin="anonymous"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js" integrity="sha384-JZR6Spejh4U02d8jOt6vLEHfe/JQGiRRSQQxSfFWpi1MquVdAyjUar5+76PVCmYl" crossorigin="anonymous"></script>
</section>
</body>
</html>