Portfolio

Below is some of the RIA/Website Design work that I’ve done for work, school, or as a hobby in the past 5 years. I started designing websites back in grade 8, and using graphic designing tools since I was 11. I believe a lot of that experience translates to my current RIA (Rich Internet Application) Development work.

My Resume – http://www.mseth.com/docs/resume.pdf

RIA Development

Rich Internet Application Development places a great emphasis on user experience (UX). RIAs can be developed on top of various underlying technologies such as HTML5, AJAX, Flex/Flash, Silverlight, JavaFX, etc. I believe they all have corresponding benefits and downsides, and the quality of the end-product, as well as time-to-production, will eventually depend on the developer’s ability to identify the optimal technology and his/her level of expertise with said technology. As of now, I have the most amount of experience with the Flex framework and deploying on Flash/AIR, but I am looking to expand my skillset with the other popular RIA technologies in the near future. I’ve recently started experimenting with Silverlight, and am not surprised to see that they are very similar in nature. One of the examples shown below, Contacts2Go, was actually my first real attempt at a Flex-based application back in Summer 2007 . The others are fairly recent.

Usage Report Dashboard – See it in Action

The following application is a testament to how efficient the Flex-framework can be in delivering high-quality results in a short amount of time. While at Adobe Canada, a need arose to monitor closely how a particular software under test was being installed (ensuring that multiple configurations were being tested). This tool was developed to allow everyone to view and interact with that data in a convenient and pleasing way. The demo shown here is a stripped-down version of that tool, and presented with fake data.

WiiSlide – Gesture-based Multimedia Center

WiiSlide is being designed and developed for the ECE Fourth Year Design Project requirements at UW and is a joint effort between myself and three of my classmates. It is a multimedia delivery platform with Wiimote enabled gesture-input capabilities. As the Flash run-time is being rapidly being introduced in mobile phones, gaming consoles, set-top boxes, and TVs, an application like this can find home in a living room setting in the very near future. This application aggregates media from cloud services such as YouTube, Flickr, and GoogleMaps and enriching the end-user experience by building features on top of them. Though it is being prototyped using the Wiimote and it’s motion accelerometers, the final product could use a completely different gesture input device and recognition pipeline. See the screenshots below for the different views of the application, it is still in an unrefined state. This application was designed in Flex and Flash, and deployed on AIR. It also uses a Java-based bluetooth connectivity layer, and the WiiGee open-source gesture recognition library, also Java-based. The end result is an internet-enabled ‘Media Center’ that, in the future, can be deployed on any device with support for AIR and Java. Java is only a requirement for the Wiimote gesture-input. On a mobile device, this will likely respond to touch events instead.

PMC Home Automation Simulator

PMC Home Automation Simulator was a project requirement for a 3rd year Software Design course. This application was the final phase of the project, and it was preceded by a Software Requirements Document, and a Detailed Design Document. The purpose of this project was to experience the Software Development Life Cycle (SDLC) from start-to-end. The requirements were to design an application which would simulate sensors and devices which communicate to a central server for the purpose of controlling various devices or appliances in a typical house via an automated system. Shown below are the client and server/environment components. Another requirement of this project was to allow the client and server to communicate with each other over LAN, for this I used BlazeDS and JMS. When the client first loads up, it synchs up with the server, and then allows the user to change the settings on the server in real-time. This application components were designed in Flex/Flash and deployed using AIR. For the communication requirements, BlazeDS was deployed on the server machine over Tomcat., and all communication logs were stored as XML on the server.

Contacts2Go – See it in Action – (user:test, password:test)

A very basic application, with very little refinement in terms of UI design, which was basically my introduction to the world of Flex. The idea is basically to provide the users with a centrally accessible address book, and the application is the web-based front-end to the service. This front-end, or client, allows the users to add, update, delete, and search contacts in their address book. It uses a Flex-based front-end, with a PHP middle layer, and a MySQL Database.

Try it out for yourself at http://www.mseth.com/c2g/. The username and password are both “test” (without the quotation marks).

Website Design

AIC Heat Exchangers – Link

Screenshots below -

Graphic Design

…coming soon…