Here's my resume in PDF and Word format.
The vast majority of the work I've done has been in situations and contracts where I don't have the rights to show the work, but my Resume can help give you an idea of some of the things I've done. Here are some pieces from a few projects where I can show my work.
One Small Child
Murdock Apparel produces fine quality children's outfits for special occasions. They had an existing home-grown ecommerce site developed some time ago in ASP.Net that I was brought in to help update.
The existing code proved very brittle for the new directions Murdock Apparel wanted to go. It was decided to do a clean restart of the site using the Interspire shopping cart system (PHP and mySQL on the server and xhtml, css, and javascript (with jQuery) on the client.) I helped customize and add in code for various desired features that were not available in the Interspire Code.
For this Project I:
Initially was reworking the ASP.Net code
As mentioned the code was very brittle (tightly intertwined between business logic, functionality, and presentation). It also produced very messy html. I was splitting things up into a better "separation of concerns" (document semantics in html, presentation in css, and funtionality in javascript)
After the switch, wrote PHP, HTML, CSS, and Javascript for the new features
This involved getting to know the existing object model used by Interspire, augmenting it, and writing the PHP server-side and HTML, CSS, and Javascript on the client-side to achieve the new features Murodck Apparel wanted.
Technologies/Techniques Used:
- php
- mySql
- xhtml
- css
- javascript and jQuery
Picture Perfect
This is a site I did for Picture Perfect in the U.K. The company creates "virtual tours" of houses that are for sale to allow potential customers to view the house on the web.
The software they use to produce their tours is Java applet-based, so I had to work with that. (My apologies if the tour feature is slow loading because of that).
For this Project I:
Did the design
Picture Perfect gave us a few media files and we went from there
Wrote the markup
It's xhtml + css, semantically meaningful, table-free markup
Technologies/Techniques Used:
- xhtml
- css
EVOC course
I worked with Applied Simulation Technologies to help create a series of lessons to train police officers on how to drive emergency response vehicles safely through intersections
The concept design was done by Andre Chatelain (instructional designer) who also created the different media files. I took the files and made them into what you see in the demo.
Check out the information on A.S.T.'s site about the EVOC 101 course for information about how this course has helped dramatically decrees emergency vehicle accidents and saved lives. It's very cool to know that something I helped make is saving lives!
I was involved with this project at multiple levels:
Bug fixing at every level
This including tracking things through Rapid Intake's template framework that provides the interface.
Content Template development
This involved a lot of ActionScript development with a little bit of Flash animation/layout.
Custom Flash Animations
Most of these had a fair amount of Actionscript to track the state of the users interaction with the animation.
Template Population
It was a different experience to actually be the one to use a template to create content! (I've always programmed templates and never used them as an "end populator").
This content is proprietary. A.S.T. has given permission for me to show a few of the screens I developed, as long as they are displayed in the course interface, and require a user name and password (to limit exposure to only those who are making serious inquiry into my portfolio). So what you will see when you follow the link is a popup asking for a user name and password. Contact MindStorm Development for the username and password. (Alternately you can view a longer demo on A.S.T.'s site without a username and password, but some of the screens used in that demo I was not involved with.)
After you enter the user name and password you will see the EVOC (Emergency Vehicle Operation) course interface. On the top and left are the "bars" of the navigation interface (provided by Rapid Intake's FlashForm and customized by another developer at A.S.T.). The large white square occupying the rest of the screen is the "content" area that displays the screens I did the Flash work for. Use the navigation arrows in the upper right of the interface to view three different examples from the EVOC course. (These 3 screens were originally from different lessons in the EVOC series, but I condensed them down into this 3 page mini-demo.)
Technologies/Techniques Used:
- Flash Animation
- Actionscript
- FlashForm
Musical Instrument Trainers
This was a project I did in association with David Faires, band director at Juan Diego Catholic High School. The first phase/release was part of his Masters program. Phase 2 was for use by his students at the high school. We eventually plan on phase 3, when we create a web site for public use.
These are interactive fingering charts for saxophone and clarinet. The user is presented with a given note and asked to click on the right keys on the instrument.
For this project I:
Created the graphics
Musical instrument Fingering Charts always use very, very basic graphics and Dave wanted to stay with that. The graphics were originally done in SVG using Inkscape, then saved out to pngs. Hopefully some day we'll have an "all SVG" version up since all the major browsers (as of I.E. 9) support it.
Wrote the code
xhtml, css, javascript (using JSON).
Created a population tool
The tool allowed David to populate the answers by using the same interactive fingering interface.
Technologies/Techniques Used:
- xhtml
- javascript
- css
The Living Planet Aquarium Kids Page
I worked with Tony Layne at the The Living Planet Aquarium to create/update their "Kids page".
I did this as almost pro bono work to help the aqurium. Because of the exceedingly limited budget, we had to use the existing design exactly as it was and didn't get to change a thing, other than converting the interface areas (menu bar and header area) from table-based layout with "sliced graphics" to css based layout, with transparent pngs for the words in the menu.
For this project I:
Cleaned up the markup
This was tag-soup table-based layout html. I converted it to semantically meaningful, table-less xhtml+css.
Wrote a small amount of javascript code
To get the words out of the background I converted them to png's - which necessetated a dynamically applied alpha-image loader for the various button states for Internet Explorer 6
Technologies/Techniques Used:
- xhtml
- javascript
- css
Note: This is a local copy of the Kids Page, as in the intervening years, the aquarium has finally been able to do a full redesign of their site
My Story Videography
This was a site I started working on for My Story Videography in Las Vegas. They did videography for any occasion, but specialized in weddings.
This site never went live (indeed the client never had me finish it. Their company unfortunately ended up closing it's doors)
For this project I:
Did the design
It's interesting to do a project with the only available stock photos being from a Corel cd
Wrote the markup
It's xhtml + css, semantically meaningful, tabless markup
Technologies/Techniques Used:
- xhtml
- css
"Mastering My Career" - eLearning Course
Unfortunately (as I consider this some of my best Flash work) I don't have rights to show any visuals from this course, but feel free to ask questions and I'll do my best to "paint an image" for you.
This project, which I did with my good friends at Impact Solutions for Targeted Learning had some nicely intense Actionscript.
For this project I:
Significantly Re-engineered Code
T.L. had some existing code to read and write data from the course to some server-side scripts. It was only set up to handle one basic use case and although it was straight forward for programmers to set up, wasn't as easy for developers without programming experience. I largely rewrote the code to handle many more use cases and also provided a very simple interface to the code so that non-programmers could use it with about 5 minutes of training.
Developed Multiple Template "Engines"
This allowed for the content not to be hard coded in Flash - but in large part be put into external xml files.
Provided mentoring
I got to help the developers working for/with Impact Solutions at multiple times during the project.
Technologies/Techniques Used:
- Flash Animation
- Actionscript
LMS Customization
This project was to help Instructional Technologies, Inc. get their in-house LMS communicating with SCORM-based courses.
For this project I:
Provided consulting for I.T.I decision makers and developers
I.T.I. was wondering what it would take to retrofit their LMS to make it SCORM compliant. I figured out what it would take and explained the ins and outs of the process to them.
Created a new code interface
Ultimately I.T.I decided not to make their LMS SCORM compliant (as they only needed very few pieces of data passed) but to have me write a level of code that would serve as a limited "SCORM API object" for just the fields they were interested in. This partial implementation of the SCORM API Object allows their course to "talk as much SCORM as needed" to communicate their limited data set to the LMS.
Technologies/Techniques Used:
- javascript
- SCORM API