-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
365 lines (264 loc) · 10.6 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
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html;charset=utf-8" />
<title>mark fischer :: portfolio</title>
<link rel="stylesheet" type="text/css" href="style.css" />
</head>
<body>
<div id="page">
<!--
I have to give credit to Al Gore's wonderful blog layout for the inspiration
for the card theme. http://blog.algore.com/
-->
<div class="graphpaper intro">
Here is just a small sample of some of the projects I have contributed to in a major way.
</div>
<!--
CS337
-->
<div class="graphpaper">
<div class="title">
<a href="csc346.html" name="csc346">CSC 346 :: The University of Arizona</a>
</div>
<a href="csc346.html">
<img src="images/csc346-thumbnail.gif" alt="CSC 346 thumbnail" width="300" height="300" />
</a>
<div class="description">
In the fall of 2022 the Computer Science department at the University of Arizona asked if I would teach their
Cloud Computing class, CSC 346. By this time I felt I was experienced enough with cloud principles in general,
and with Amazon Web Services (AWS) in particular to take on the class. They liked my teaching well enough to
ask me back to teach the course again in the spring of 2024.
<p>
As the principle instructor for the course, I was responsible for curriculum planning,
lectures, project assignments and exams.
</p>
<p>
<a href="csc346.html">Read more for details of the class</a>.
</p>
<p>
<a href="csc346/index.html">See the archived course website from Spring 2024</a>.
</p>
</div>
<div class="closure"></div>
</div>
<!--
MTG: Virtual Table
-->
<div class="graphpaper">
<div class="title">
<a href="mtgtable.html" name="mtgtable">MTG: Virtual Table</a>
</div>
<a href="mtgtable.html">
<img src="images/mtgtable-thumbnail.jpg" alt="MTG Virtual Table thumbnail" width="300" height="300" />
</a>
<div class="description">
During the 2020 COVID pandemic, my brother and I started playing Magic: The Gathering together again
virtually over Zoom. After a couple of games I lamented the fact that we couldn't easily see each
others cards, or read the descriptions. I looked around a bit for virtual shared game table, but
everything I found wanted you to play the entire game within their app. We had all our physical cards,
wanted to play with those, and just needed something to share the state of the game table with each other.
<p>
Since I had been out of the web app building business for a few years at this point, I took this as
an opportunity to get familiar with the more modern web application technologies, and this app was
the result.
</p>
<p>
<a href="mtgtable.html">Read more for details of the app</a>, or see it in action at
<a href="https://mtgvirtualtable.fischco.org/">mtgvirtualtable.fischco.org</a>.
</p>
</div>
<div class="closure"></div>
</div>
<!--
Cloud Migration
-->
<div class="graphpaper">
<div class="title">
<a href="cloud.html" name="cloud">Enterprise Cloud Migration :: The University of Arizona</a>
</div>
<a href="cloud.html">
<img src="images/cloudaprise.png" alt="AWS Cloud Logo" width="300" />
</a>
<div class="description">
In 2015, the University of Arizona IT made the strategic decision to adopt a Cloud First strategy.
An agressive project started around there to move our major Enterprise applications into Amazon Web Services.
I joined the project team to help learn about and guide our migration of these services to the AWS Cloud.
<p>
<a href="cloud.html">Read more for details of the migration</a>.
</p>
</div>
<div class="closure"></div>
</div>
<!--
CS337
-->
<div class="graphpaper">
<div class="title">
<a href="cs337.html" name="cs337">CS 337 :: The University of Arizona</a>
</div>
<a href="cs337.html">
<img src="images/cs337-thumb.jpg" alt="CS 337 thumbnail" width="300" height="300" />
</a>
<div class="description">
I had the pleasure of being an adjunct lecturer for the Computer Science department
at the University of Arizona, where I taught CS 337: Web Programming in the Fall of 2014
and Spring of 2016.
<p>
As the principle instructor for the course, I was responsible for curriculum planning,
lectures, project assignments and exams.
</p>
<p>
<a href="cs337.html">Read more for details of the class</a>.
</p>
<p>
<a href="cs337/index.html">See the archived course website</a>.
</p>
</div>
<div class="closure"></div>
</div>
<!--
OpsWeb
-->
<div class="graphpaper">
<div class="title">
<a href="opsweb.html" name="opsweb">OpsWeb :: The University of Arizona</a>
</div>
<a href="opsweb.html">
<img src="images/opsweb-thumb.png" alt="OpsWeb thumbnail" width="300" height="300" />
</a>
<div class="description">
I wrote an inventory and log web application for the University of Arizona's main
operations center.
<a href="opsweb.html">Read more for details of the project</a>.
</div>
<div class="closure"></div>
</div>
<div class="graphpaper">
<div class="title">
<a href="training.html" name="training">Training :: The University of Arizona</a>
</div>
<a href="training.html">
<img src="images/training-thumb.png" alt="Training video thumbnail" width="300" height="300" />
</a>
<div class="description">
Writing software is only part of the battle. Next you have to make sure people know how to
use it.
<a href="training.html">Read more for details on my training efforts.</a>.
</div>
<div class="closure"></div>
</div>
<div class="graphpaper">
<div class="title">
<a href="zabbix.html" name="zabbix">Zabbix Enterprise Monitoring :: The University of Arizona</a>
</div>
<a href="zabbix.html">
<img src="images/zabbix-thumb.png" alt="Zabbix thumbnail" width="300" height="300" />
</a>
<div class="description">
I was primarily responsible for implementing the Open Source Enterprise Monitoring software
Zabbix. Aside from the standard sort of monitoring associated with Enterprises, Zabbix
is very maleable, and I was able to integrate with just about anything with a network address.
Making decisions based on data is crucial for any operation today, and Zabbix allows for the
collection of any just about any data you may need.
<a href="zabbix.html">Read more for details of the project</a>.
</div>
<div class="closure"></div>
</div>
<div class="graphpaper">
<div class="title">
<a href="uits.html" name="uits">University Information Technology Services :: The University of Arizona</a>
</div>
<a href="uits.html">
<img src="images/uits-thumb.jpg" alt="UITS Homepage thumbnail" />
</a>
<div class="description">
The University Information Technology Services (UITS) department is the
central technology department for the University of Arizona. In 2009 I
lead a team to re-design the website to bring it up to date both visually
and technologically. <a href="uits.html">Read more for details of the project</a>.
</div>
<div class="closure"></div>
</div>
<div class="graphpaper">
<div class="title">
<a href="workflow.html" name="workflow">Workflow Management Application :: The University of Arizona</a>
</div>
<a href="workflow.html">
<img src="images/workflow-thumb.png" alt="Workflow Homepage thumbnail" />
</a>
<div class="description">
UITS hires a lot of student employees each year. Keeping track of who's finished their
paperwork, gotten their picture taken, granted systems access, etc was becoming a big
headache. I led the effort to create a web application to streamline the process, and
make it clear who was on what step of the hiring process. The application has led to
a great reduction of people who 'fall through the cracks' when they're hired.
<a href="workflow.html">Read more for details of this application</a>.
</div>
<div class="closure"></div>
</div>
<div class="graphpaper">
<div class="title">
<a href="oscr.html" name="oscr">Office of Student Computing Resources :: The University of Arizona</a>
</div>
<a href="oscr.html">
<img src="images/oscr-thumb.jpg" alt="OSCR Homepage thumbnail image" />
</a>
<div class="description">
The Office of Student Computing Resources (OSCR) at the University of Arizona
was responsible for the open computer labs on campus, free multimedia gear for
checkout, classroom technology, and much much more. <a href="oscr.html">Read more for details
of this site</a>.
</div>
<div class="closure"></div>
</div>
<div class="graphpaper">
<div class="title">
<a href="admin.html" name="admin">OSCR / UITS Administration Site :: The University of Arizona</a>
</div>
<a href="admin.html">
<img src="images/admin-thumb.jpg" alt="OSCR / UITS Administrative site thumbnail image" />
</a>
<div class="description">
This web application was administrative back-end for the OSCR, UITS, and other websites.
The site allowed for room and equipment reservations, user profiles and information,
workshop scheduling, and much more. <a href="admin.html">Read more for the details of this site</a>.
</div>
<div class="closure"></div>
</div>
<div class="graphpaper">
<div class="title">
<a href="catmail.html" name="catmail">CatMail Opt-In Application :: The University of Arizona</a>
</div>
<a href="catmail.html">
<img src="images/catmail-thumb.gif" alt="CatMail Opt-In Application thumbnail image" />
</a>
<div class="description">
This web application was built to help the nearly 40,000 students at the U of A migrate
from our in-house email system to Google Apps for Education, which we branded as CatMail.
This application was the user interface to an API developed by our infrastructure team.
Their API communicated with Google to create, activate, and manage accounts. The front
end that I wrote was used to guide students and staff through the opt-in process, and
ensure a great user experience.
</div>
<div class="closure"></div>
</div>
<div class="graphpaper">
<div class="title">
<a href="busloc.html" name="busloc">Suntran Bus Stop & Arrival Times</a>
</div>
<a href="busloc.html">
<img src="images/busloc-thumb.png" alt="Suntran bus stop & arrival times image" />
</a>
<div class="description">
This simple web based tool uses the location features of WebKit based browsers to
find nearby bus stops and link to arrival times.
</div>
<div class="closure"></div>
</div>
<div class="graphpaper">
Back to <a href="http://www.fischco.org">fischco.org</a>.
</div>
</div>
</body>
</html>