|
5 | 5 | </div> |
6 | 6 | </div> |
7 | 7 |
|
8 | | -{{#bs-navbar class='sub-nav' type='dark' backgroundColor='dark' position='sticky-top' as |navbar|}} |
| 8 | +{{#bs-navbar class="sub-nav" type="dark" backgroundColor="dark" position="sticky-top" as |navbar|}} |
9 | 9 | <span class="navbar-brand text-center">Work Projects</span> |
10 | 10 | {{/bs-navbar}} |
11 | 11 |
|
12 | 12 | <div class="container top-container"> |
13 | 13 | <div class="card-deck mb-3 text-center"> |
14 | | - {{#info-block main-class='mb-4 box-shadow' title='Open Tapestry'}} |
| 14 | + {{#info-block main-class="mb-4 box-shadow" title="Open Tapestry"}} |
15 | 15 | <ul class="list-unstyled mt-3 mb-4"> |
16 | 16 | <li>Finding open educational resources and clipping them for others to see and use. This web app allows teachers to gather open educational resources from about the web, and place them into tapestries for their students to view. Or perhaps make lessons to show the class. Possibilities are numerous. It can also be very useful to corporations wanting to train their employees and give them quizzes to make sure they understand the training. Anyone can build up a course for someone to take.</li> |
17 | 17 | <li>Technology: Ruby on Rails, Javascript, mysql</li> |
|
20 | 20 | {{/info-block}} |
21 | 21 | </div> |
22 | 22 | <div class="card-deck mb-3 text-center"> |
23 | | - {{#info-block main-class='mb-4 box-shadow' title="Hacking Instructure's Canvas"}} |
| 23 | + {{#info-block main-class="mb-4 box-shadow" title="Hacking Instructure's Canvas"}} |
24 | 24 | <ul class="list-unstyled mt-3 mb-4"> |
25 | 25 | <li>I took Instructure's Canvas and modified it for the EDC Maine EM2 Project. It now has the ability to enter misconception probabilities for an assessment. So when the student takes an assessment, it calculates the probability that they have a misconception. It does not show a score to the student or the teacher. The teacher can pull up a report that shows them which students have misconceptions about mathematics. I also incorporated new features into taking an assessment. The student can type in an explanation. They can also draw an explanation as to why they feel the answer they chose is correct.</li> |
26 | 26 | <li>Technology: Ruby on Rails, Javascript, mysql</li> |
|
29 | 29 | {{/info-block}} |
30 | 30 | </div> |
31 | 31 | <div class="card-deck mb-3 text-center"> |
32 | | - {{#info-block main-class='mb-4 box-shadow' title='Saylor.org'}} |
| 32 | + {{#info-block main-class="mb-4 box-shadow" title="Saylor.org"}} |
33 | 33 | <ul class="list-unstyled mt-3 mb-4"> |
34 | 34 | <li>Online free educational institution called <a target="_blank" rel="noopener" href="http://www.saylor.org/">Saylor.org</a>. I helped develop the <a target="_blank" rel="noopener" href="http://eportfolio.saylor.org/"> ePortfolio</a> for the site.</li> |
35 | 35 | <li>Check it out if you want some free education. Very cool.</li> |
|
41 | 41 | </div> |
42 | 42 | <div class="container"> |
43 | 43 | <div class="card-deck mb-3 text-center"> |
44 | | - {{#info-block main-class='mb-4 box-shadow' title='Matti - graph theory'}} |
| 44 | + {{#info-block main-class="mb-4 box-shadow" title="Matti - graph theory"}} |
45 | 45 | <ul class="list-unstyled mt-3 mb-4"> |
46 | 46 | <li>Created some interactive modules to teach students about graph theory. This included Euler Circuits, Minimum Spanning Tree - Kruskal's Algorithm, and Map Coloring. The modules are included with this book "<a target="_blank" rel="noopener" href="http://www.wiley.com/WileyCDA/WileyTitle/productCd-EHEP002457.html">The Heart of Mathematics: An Invitation to Effective Thinking, 4th Edition</a>."</li> |
47 | 47 | <li>Technology: HTML5, Javascript (KineticJS)</li> |
48 | 48 | </ul> |
49 | 49 | {{/info-block}} |
50 | 50 | </div> |
51 | 51 | <div class="card-deck mb-3 text-center"> |
52 | | - {{#info-block main-class='mb-4 box-shadow' title='Matti - Base Blocks'}} |
| 52 | + {{#info-block main-class="mb-4 box-shadow" title="Matti - Base Blocks"}} |
53 | 53 | <ul class="list-unstyled mt-3 mb-4"> |
54 | 54 | <li>Base Blocks had previously been written by my boss <a target="_blank" rel="noopener" href="http://www.joelduffin.com/">Joel Duffin</a> however it was written in Java. It can be found on the <a target="_blank" rel="noopener" href="http://enlvm.usu.edu/ma/nav/index.jsp">eNLVM</a>: <a target="_blank" rel="noopener" href="http://enlvm.usu.edu/ma/nav/activity.jsp?sid=nlvm&cid=4_2&lid=152">Base Blocks</a>. This made it useless to be ran on an iOS device. So I was enlisted to re-write the code in HTML5 so it could be ran on mobile devices as well. I wrote a lot of it and Kami Wilson took over the project so I could focus on other projects.</li> |
55 | 55 | <li>Technology: HTML5, Javascript (KineticJS)</li> |
56 | 56 | </ul> |
57 | 57 | {{/info-block}} |
58 | 58 | </div> |
59 | 59 | <div class="card-deck mb-3 text-center"> |
60 | | - {{#info-block main-class='mb-4 box-shadow' title='Octopi'}} |
| 60 | + {{#info-block main-class="mb-4 box-shadow" title="Octopi"}} |
61 | 61 | <ul class="list-unstyled mt-3 mb-4"> |
62 | 62 | <li>Another project that wanted Instructure's Canvas modified for use in an adaptive math testing environment. I made the system work, however the guy never got the funding to complete it.</li> |
63 | 63 | <li>Technology: Ruby on Rails, Javascript, mysql</li> |
|
67 | 67 | </div> |
68 | 68 | <div class="container"> |
69 | 69 | <div class="card-deck mb-3 text-center"> |
70 | | - {{#info-block main-class='mb-4 box-shadow' title='Open Assessments'}} |
| 70 | + {{#info-block main-class="mb-4 box-shadow" title="Open Assessments"}} |
71 | 71 | <ul class="list-unstyled mt-3 mb-4"> |
72 | 72 | <li>This is a project that we built and was funded by MIT. It is a way for anyone to create online assessments and embed them anywhere on the web. Put them inside Instructure's Canvas, or put them on your blog. Doesn't really matter. After people have taken the assessment, you can view the statistics. It was built with Ruby on Rails. We will switch it over to Ruby on Rails combined with Ember.js eventually.</li> |
73 | 73 | <li>Technology: Ruby on Rails, Javascript</li> |
|
76 | 76 | {{/info-block}} |
77 | 77 | </div> |
78 | 78 | <div class="card-deck mb-3 text-center"> |
79 | | - {{#info-block main-class='mb-4 box-shadow' title='CMAT'}} |
| 79 | + {{#info-block main-class="mb-4 box-shadow" title="CMAT"}} |
80 | 80 | <ul class="list-unstyled mt-3 mb-4"> |
81 | 81 | <li>CMAT stands for Concept Map Authoring Tool. You can build concept maps with it.</li> |
82 | 82 | <li>Technology: Ruby on Rails, HTML5, Javascript (KineticJS, Ember)</li> |
|
85 | 85 | {{/info-block}} |
86 | 86 | </div> |
87 | 87 | <div class="card-deck mb-3 text-center"> |
88 | | - {{#info-block main-class='mb-4 box-shadow' title='OEIT Player'}} |
| 88 | + {{#info-block main-class="mb-4 box-shadow" title="OEIT Player"}} |
89 | 89 | <ul class="list-unstyled mt-3 mb-4"> |
90 | 90 | <li>I rebuilt the MIT OEIT Player to work with html5 using JW Player 6. If you check it out, go to the bottom left video of Walter Lewin for a good example. I made it so they can easily put new videos together and using data tags set the parameters of the video.</li> |
91 | 91 | <li>Technology: HTML5, Javascript, JW Player 6</li> |
|
96 | 96 | </div> |
97 | 97 | <div class="container"> |
98 | 98 | <div class="card-deck mb-3 text-center"> |
99 | | - {{#info-block main-class='mb-4 box-shadow' title='OEIT Player Authoring'}} |
| 99 | + {{#info-block main-class="mb-4 box-shadow" title="OEIT Player Authoring"}} |
100 | 100 | <ul class="list-unstyled mt-3 mb-4"> |
101 | 101 | <li>I built an authoring interface for MIT to build the html for the players.</li> |
102 | 102 | <li>Technology: HTML5, Javascript</li> |
|
105 | 105 | {{/info-block}} |
106 | 106 | </div> |
107 | 107 | <div class="card-deck mb-3 text-center"> |
108 | | - {{#info-block main-class='mb-4 box-shadow' title='panOpen'}} |
| 108 | + {{#info-block main-class="mb-4 box-shadow" title="panOpen"}} |
109 | 109 | <ul class="list-unstyled mt-3 mb-4"> |
110 | 110 | <li>panOpen is an app that an instructor can create a course with a book. The students can read the book and take quizzes for the chapters. The instructor can view the statistics for each student in the class. Statistics include the time they have spent reading the book and each of their attempts at the quizzes. I also wrote a node app that accepts an image request with user and book id's. It stores that information in Redis. While the student is reading the book, every 15 seconds it sends a request for the image, thus recording that they are reading the book. I then wrote an iron.io task that gets all that data out of Redis and crunches it to compute how long they have been reading for. It then sends that data to rails to store in the database.</li> |
111 | 111 | <li>After some time, we decided we needed a faster system. So I converted from a node app to a phoenix elixir app. We no longer send image requests. We just POST to it with CORS as it is on a separate domain, and store it in postgres. During the POST I do an upsert on the data. Each day gets it own entry in the database. So now I no longer need iron.io to compute the data. I can just query the database on demand.</li> |
|
115 | 115 | {{/info-block}} |
116 | 116 | </div> |
117 | 117 | <div class="card-deck mb-3 text-center"> |
118 | | - {{#info-block main-class='mb-4 box-shadow' title='FreightLink Tracker'}} |
| 118 | + {{#info-block main-class="mb-4 box-shadow" title="FreightLink Tracker"}} |
119 | 119 | <ul class="list-unstyled mt-3 mb-4"> |
120 | 120 | <li>FreightLink Tracker is an app that enables you to create and track shipments via Truck, Ship, Plane, and Train. I have been re-implementing the shipments pages from Rails to Ember.</li> |
121 | 121 | <li>Technology: Ruby on Rails, Javascript (Ember), postgres</li> |
|
126 | 126 |
|
127 | 127 | <div class="container"> |
128 | 128 | <div class="card-deck mb-3 text-center"> |
129 | | - {{#info-block main-class='mb-4 box-shadow' title='Adhesion'}} |
| 129 | + {{#info-block main-class="mb-4 box-shadow" title="Adhesion"}} |
130 | 130 | <ul class="list-unstyled mt-3 mb-4"> |
131 | 131 | <li>SCORM package manager and player</li> |
132 | 132 | <li>Technology: Ruby on Rails, Javascript (React)</li> |
|
135 | 135 | {{/info-block}} |
136 | 136 | </div> |
137 | 137 | <div class="card-deck mb-3 text-center"> |
138 | | - {{#info-block main-class='mb-4 box-shadow' title='Arrowhead Infobase'}} |
| 138 | + {{#info-block main-class="mb-4 box-shadow" title="Arrowhead Infobase"}} |
139 | 139 | <ul class="list-unstyled mt-3 mb-4"> |
140 | 140 | <li>Dentist and patients management</li> |
141 | 141 | <li>Technology: Ruby on Rails, Javascript</li> |
142 | 142 | </ul> |
143 | 143 | {{/info-block}} |
144 | 144 | </div> |
145 | 145 | <div class="card-deck mb-3 text-center"> |
146 | | - {{#info-block main-class='mb-4 box-shadow' title='TherapyMate'}} |
| 146 | + {{#info-block main-class="mb-4 box-shadow" title="TherapyMate"}} |
147 | 147 | <ul class="list-unstyled mt-3 mb-4"> |
148 | 148 | <li>Therapist and patients management</li> |
149 | 149 | <li>Technology: Ruby on Rails, Javascript (React, Ember)</li> |
|
153 | 153 | </div> |
154 | 154 | </div> |
155 | 155 |
|
156 | | -{{#bs-navbar class='sub-nav' type='dark' backgroundColor='dark' position='sticky-top' as |navbar|}} |
| 156 | +{{#bs-navbar class="sub-nav" type="dark" backgroundColor="dark" position="sticky-top" as |navbar|}} |
157 | 157 | <span class="navbar-brand text-center">School Projects</span> |
158 | 158 | {{/bs-navbar}} |
159 | 159 |
|
160 | 160 | <div class="container top-container"> |
161 | 161 | <div class="card-deck mb-3 text-center"> |
162 | | - {{#info-block main-class='mb-4 box-shadow' title='CS5460 Final Project'}} |
| 162 | + {{#info-block main-class="mb-4 box-shadow" title="CS5460 Final Project"}} |
163 | 163 | <ul class="list-unstyled mt-3 mb-4"> |
164 | 164 | <li>My CS5460 Computer Securities final project for authenticating a user.</li> |
165 | 165 | <li>Technology: Ruby on Rails, Javascript</li> |
|
168 | 168 | {{/info-block}} |
169 | 169 | </div> |
170 | 170 | <div class="card-deck mb-3 text-center"> |
171 | | - {{#info-block main-class='mb-4 box-shadow' title='CS5100 HTML5 Project'}} |
| 171 | + {{#info-block main-class="mb-4 box-shadow" title="CS5100 HTML5 Project"}} |
172 | 172 | <ul class="list-unstyled mt-3 mb-4"> |
173 | 173 | <li>Made a site with Scott Biery that highlighted HTML5 and gave some examples. I wrote the two HTML5 canvas examples and Scott formatted the site and put together the HTML5 examples page. It was a lot of fun to write the javascript for this project. And yes, it works with an iPad. :]</li> |
174 | 174 | <li>Technology: HTML5</li> |
|
178 | 178 | </div> |
179 | 179 | </div> |
180 | 180 |
|
181 | | -{{#bs-navbar class='sub-nav' type='dark' backgroundColor='dark' position='sticky-top' as |navbar|}} |
| 181 | +{{#bs-navbar class="sub-nav" type="dark" backgroundColor="dark" position="sticky-top" as |navbar|}} |
182 | 182 | <span class="navbar-brand text-center">Volunteer Projects</span> |
183 | 183 | {{/bs-navbar}} |
184 | 184 |
|
185 | 185 | <div class="container top-container"> |
186 | 186 | <div class="card-deck mb-3 text-center"> |
187 | | - {{#info-block main-class='mb-4 box-shadow' title='The Living Planet Aquarium'}} |
| 187 | + {{#info-block main-class="mb-4 box-shadow" title="The Living Planet Aquarium"}} |
188 | 188 | <ul class="list-unstyled mt-3 mb-4"> |
189 | 189 | <li>Currently building a page to highlight a Sea Turtle that has been rescued.</li> |
190 | 190 | <li>Technology: HTML5, Javascript (Ember)</li> |
|
0 commit comments