Online Wormianum

Development Period: November 2007
Tagged as: Postgraduate, CSS, HTML, Object-Oriented, PHP and Web Design.

About

This website gives online access to the contents of a fictional museum exhibition.

All photographs and 3D models were produced by members of Edinburgh University's DDM MSc group.

Site features and characteristics include:

Lean, semantic and valid markup. Abbreviations are marked-up, alternative text is provided where suitable. Both the HTML and the CSS validate as HTML 4.01 Strict with the W3C validator.
MySQL database. Information about materials, shapes and the containers themselves is stored in an SQL database. Tables are named in a conventional fashion and are normalised. Join tables are used to represent many-to-many relationships between models.
Custom-made PHP backend using model-view-controller design pattern. Modular PHP code takes care of outputting the site's HTML, ensuring almost no duplication of code. A model class takes care of fetching result sets and passing them back to the controller. View files are used to output the relevant markup. Separating business and presentation logic in this way makes for code that's easy to read and understand.

Additional notes:

All of the site's JavaScript and CSS degrades gracefully. If a user has either turned off, content will still be available.
Button rollover states are rendered purely with CSS; no JavaScript is used.
Multiple CSS classes are used in various places, allowing the effects of more than one declaration to be combined on one HTML element.

The portfolio RSS feed is available here.

Show all projects, or just those tagged as: