vernon's one-page portfolio

name: loic vernon thommeret
e-mail: lthommeret@wesleyan.edu
cell: (440) 935-5328
address: 45 Wyllys Ave. #91413 / Middletown, CT 06459

Web applications

Rideboard (work in progress) open in a new window

I developed the Rideboard after I was tired of paying for taxis to and from the airport. Conceived, designed, and developed over a series of months, this PHP + MySQL web application includes unobtrusive JavaScript, CSS, and Ajax interactivity.

Kalliope: Interactive Language Tool

Kalliope is a tool that leverages the Flash Media Server and allows faculty to quickly create questions, associate them with quizzes, publish them, grade them, and later review them. Its strength lies in its ability to associate audiovisual files with questions, and to require students to provide video or audio responses. This allows language teachers to evaluate a student's pronunciation or understanding. It is also useful for sign language professors, for whom giving tests and quizzes is traditionally difficult.

Working with web application developer Phil Isaacs (pictured above) and graphic designer Jason Lalor, I was initially chosen as an intern to do PHP and MySQL web development. We began with an initial set of specs in early June, designed and developed the program over the next two months, and began heavy beta testing in August. My involvement included developing many of the interactive DOM scripting user interface elements, database design (the concept of publishing quizzes), proposing interface compositions, and designing and developing the architecture for various parts of the application. A screencast was created using an in-development version (I have a brief cameo near the end).

Crew: The Gathering

My friends always have trouble figuring out what to do, so I wrote this side project to help us propose and keep track of various events. It's based on the LAMP architecture.

Classroom Controller (in internal development)

As part of my duties as a classroom technician that monitors and supports issues in classrooms and computer labs, I was commissioned to develop an internal application that allows us to more easily VNC into the Macs, PCs, and touchscreens around campus. It is currently in development and is to be deployed on a 32" touchscreen.

Rethinking the Media Database (ongoing) open in a new window

I was comissioned to help rebuild a legacy product that allows faculty to upload and organize media into public and private collections. There were problems with importing media, organizing media, general interface issues. I wrote architectural documents, designed compositions, and met regularly with my team members.

Web Design

Mike's Icon Design open in a new window

Developed in 2004, I worked closely with graphic designer Mike Matas, transforming his Photoshop comps and vision into clean XHTML and CSS. JavaScript is used to dynamically provide different icon view options (list vs. thumbnail).

La maison francophone à Oberlin open in a new window

The French House at Oberlin has always had a strong online presence, regularly posting photo albums and news. Without an update for four years, I designed and developed this rebranded site, working closely with the faculty-in-residence.

Paper.com open in a new window

Provided a complete redesign for leading online paper store, Paper.com and designed product banners.

WesWiki open in a new window

As a freshman at Wesleyan University, I set out to create my own Wesleyan encyclopedia. I reviewed restaurants, added dorm information, and spent time in the university archives.

Student home @ Wesleyan open in a new window

I was commissioned to design and develop the main student page on Wesleyan's website. Working directly with the administration, I created a student portal, eventually to be deployed as the home page for all the lab computers.

Instructional Media Services open in a new window

Working with fellow web developer Mike Leone, we set out to re-envision and re-develop the previous computing labs webpage. It uses a simple HTML-centric, file-based CMS with flexible templates and 404 pages with spelling suggestions. The hours page is transformed from XML files using XSLT. It also pulls in information from the university timeclock database to display which consultants are currently available.

Print, briefly

Nicolas Dickner

The client wanted a conservative, yet clean design for posters announcing a lecture by Québécois author Nicolas Dickner.

Broadside

This is an assignment I completed while taking Typography. The purpose was to design and print a broadside that reflected the nature of a passage of text. The image was printed on the computer and the type was set on the letterpress.

Other

University Center Touch Panels

With the building of our new university center, we wanted to develop a new, fresher design for the touch panels that control the AV systems in the meeting and event rooms. I designed this interface as a simple, one-page, Wesleyan-branded touschscreen application.

Code

The Big Code Cleanup

As a freshman, I wanted to create an online community where students could share knowledge and gain historical perspective. Using WikiMedia seemed a logical choice, but the quality of its XHTML and CSS wasn't the best:

Thousands of lines later, I completely overhauled the XHTML and CSS, also removing the unnecessary JavaScript:

Note: The WesWiki article is longer in layout and content, but shorter in code.

Bookshelf

These are some of the books I've finished (not necessarily including appendixes or extended, back-of-the-book cookbook examples) to keep up with my trade:

Don't Make Me ThinkPHP and MySQL DevelopmentThe Little SchemerJavaScriptPro JavaScript TechniquesThinking With TypeDesigning With Web StandardsRESTful Web ServicesGetting Real

These are books that I'm currently reading (at least half-finished):

Mythical Man-MonthMastering Regular ExpressionsLearning XMLHTTP

Conclusion

Code samples are available upon request. A copy of my resume is also available in multiple formats.