Margaret's Resumes and Work

My resumes come in two versions, Word Document, Adobe PDF.

My work is varied across different subjects, from course page development to spacing diversity experiments of radio port antennas.

In the Fall of 2001 I was fortunately enough to cross-register at the Massachusetts College of Art. I have a 3-D art porfolio from the class on the MassArt server.

I haven't had a chance to do screenshots of my most recent work. But I do have copies of the working site for you to see. To prevent search engines indexing prototype sites, I have removed links to my archives when live sites are available. I can provide archives on request.

Ivy Plus Conference 2004 - July 2004 (live site)
Based on design provided by independent designer. Many of the details, such as link colors, different sub-header background colors and text treatment were selected by me to be in the same family of design as the original specifications. The homepage was coded purely using div's. Different colors in different sections controlled by CSS. No graphics used in navigation.
MIT News Office - May 2004 (live site)
The MIT News Office was redesigning their website, and I was brought in to optimize their CSS usage, as well as consult on their content management system, which was using XSLT to process data stored in a FileMaker database. I ended up coding templates for the site and reduced file sizes by 50% in the process of optimizing their use of CSS.
Plasma Science and Fusion Center - April 2004 (live site)
Based on design provided by PSFC internal graphics/media designer, created HTML templates using optimized CSS. Converted graphical navigation to text. Site has not yet launched, waiting for final content
Digital Design Fabrication Group (Architecture Department) - March 2004 (live site)
Design was provided by independent designer. I coded Dreamweaver templates to make it easier for the staff to continue maintaining the site
MIT Faculty Newsletter - February 2004 (live site)
Design was provided by outside group. Unfortunately the site is restricted to internal MIT viewing only. I do have an archive of the site I delivered available. The site was coded with extensive use of Dreamweaver Templates given the client's need to create new table of contents for each issue of the newsletter
Seminar XXI - 2003 (live site)
I have been maintaining and adding to this site on a monthly basis for half a year. I'm also responsible for implementing the security features on the restricted readings section.
School of Engineering E-Newsletter - December 2003 (live site)
This one page newsletter template is still going through final review and approval. I coded the page from a photoshop file, delivered by a separate designer.
A Tribute to Jim Bruce - October 2003 (live site)
As a tribute to our VP who has retired after over 20 years of service to Information Systems, we put together a tribute website to collect well wishes and thank you letters. We got the whole thing together in only a few hours. I delivered the first set of coded files and further content was filled in by other team members.
Workplace Center - October 2003 (live site)
This site was designed and maintained by several different people, through different platforms. And since the fonts used in the design were causing the client some maintenance problems, we were asked to come in and fix it. I ended up recoding the overall structure of the site. Due to time restraints I retained a lot of the original coding in the content area and the footer (less than 20 hours).
OpenCourseWare global pages - September 2003 (sample homepage, about page)
I coded HTML versions of the "about OCW" pages (none of the actual courses) and then inserted them into the content management systems they had. The live site is at http://ocw.mit.edu.
Institute for Soldiers Nanotechnologies - Spring 2003 (live site)
I coded this site from template pages provided by the design firm Stoltze and worked with them to resolve some design issues.
Ballroom Dance Team Competition Poster - January 2003 (final JPG)
I was asked to create a publicity poster a week before one of the major competitions where they wanted to hand out the flyers. This is my first poster design
Anthropology Department - Fall 2002 (live site)
First development project after I was hired as a web consultant. A separate designer delivered photoshop files and I coded the entire site.
Spectroscopy Lab - Spring 2002 (live site)
Designer delivered photoshop files and I coded the entire site. Also gave tutorials to the client on site maintenance as a followup.

Pfizer's Applied Statistics for Clinical Researchers (class project) - Fall 2001 - Originally a project for Pfizer that I was incorporating into my Media, Education, and the Market Place class with Prof. Shigeru Miyagawa. Because of the time contraints of class, I ended up creating a "spin-off" of the actual project. See the prototype. There is a splash entrance done in Flash 5. Download the Flash 5 player from Macromedia.

DemoMaker - The key feature of this design that is not in the actual Pfizer project is the fictitious utility called DemoMaker. This utility would allow students to create simple animations explaining the main concepts of specific lectures and sections. I built a prototype of this platform, which in design would act like a simpler, more user friendly version of Flash. In reality it was created with Flash, and only contained graphical representations with almost no functionality attached. However I did create drag and drop functionality on the math symbols in the top section of the DemoMaker palette. All graphics are original and the floating navigation panel is fully functional.

Other Flash demonstrations include Effectiveness of Viagra and Seven Card Stud.

Comparative Media Studies (department graduate site) - Fall 2001 to Fall 2002 - I was the webmaster to the site. The original design is by Margaret Weigel, a grad student in the department. I hand coded the entire site and incorporated javascript for the slideshow in the view finder. I also produced new graphics for rotation on the second level page headers. Go to the live site or the archive.

Wireless Futures - Summer 2001 - MIT and PBS jointly offers online courses for business professionals all over the country. The Wireless Futures project focused on telecommunications, and I designed their logo in Flash. A total of 18 logos plus two spoofs were created over the summer and logo 17 was the final pick. Go to the Wireless Futures Logos Archive to see the other ideas and spoofs.

Museum Loan Network - January 2001
My new project working as a UROP for EMCC (Educational Media Creation Center). I created an additional virtual gallery to the MLN site - http://loanet.mit.edu - called "From One Hand to Another: Native American Treasures from the Children's Museum". This is on a live site, but I have an archive here as well of my work. I learned to use Reality Studio and Live Picture software to create panoramas. I also worked with Photoshop, frames, and layers for the first time.

Boston Chinatown- Spring 2000
This was a class project for Communication in Cyberspace. My group decided to create a database for the different establishments in Boston's Chinatown. Tuan Phan wrote the database, Fei Xing did some of the graphics, Angel Cabellero did most of the content gathering, and I was the main designer. The site went through quite a lot of changes and the archive here is not backed by a database so the individual page designs cannot be displayed.


21W.731 - Writing and Experience - Fall 2000 My second course site. This included the 21W.730 class, but it is identically created so I will not list it separately. It was my first experience with large scale templating. Archive can be found here or the screen shot above.	21W.732 - Introduction to Technical Communication - Spring 2000. My first course page created with Dreamweaver 2.0. Simple Javascripting was included. An archive of the site can be found here, or by clicking on the screen shot above.

The JAM'n Equalizer and JAMan

6.101 - Introductory Analog Electornics Laboratory

Spring 2000, Prof. Ron Roscoe, TA Dan Parker

DCP00690.jpg

LED Display

in log scale, driven by quad-comparators (10 op-amps per col of LED display)

DCP00691.jpg

Equalizer

overlapping band-pass filters at 32, 64, 125, 250, 500, 1K, 2K, 4K, 8K, and 16K Hz

DCP00692.jpg

Real Time Graphical Analyzer

filters piped through rectifiers then ouput through LED display

DCP00693.jpg

Alex Reeve

one of my partners - responsible for the neat driver circuitry and power amps

DCP00694.jpg

Joe Panganiban and Alex

one of my partners as well - Joe's responsible for the filters/equalizer, rectifiers, and numerous power supplies.

DCP00695.jpg

JAMan

the "dancing" robot which has crazy swinging arms, nodding head, and kicking legs. take note of his Dilbert tie, denim vest, and flip-flops!

DCP00696.jpg

Margaret Wong (me)

working on JAMan's motors. responsible for soldering leads to all 100 LEDs for the LED display. became very familiar with the smell of 5 min and 60 sec epoxy.

DCP00697.jpg

JAM

Joe
Alex
Margaret

the JAM'n Equalizer and JAMan