Drummond Education

Table of Contents

  1. Sitemap
  2. Concepts
  3. XHTML & CSS
  4. Development
  5. CMS
  6. Email
  7. Documentation

Details

  • Date Completed:26 March 2006
  • Days/hours spent:15 days
  • About the company:Drummond Education
  • Software used:Photoshop CS, Dreamweaver
  • Tag:CMS, CSS, MySQL, PHP, XHTML

Currently working on…

Lots of freelance and e-commerce projects.

Latest Work

Search Portfolio

Designed and developed the back-end as well as the front-end for this website as FitPro's Junior Web Designer.

1. Sitemap

Top of page

Analysing Drummond's data content to effectively produce a sitemap which allows users to easily navigate around.

Sitemap Sitemap designed in Illustrator

2. Concepts

Top of page

Designing visual concepts based on print work, sitemap and imagery.

Concept Designs Concept Designs done in Photoshop.

3. XHTML & CSS

Top of page

Created XHTML and CSS hand coded as well as compliant with W3C standards. All XHTML coding is valid.

4. Development

Top of page

Using PHP and MySQL with OOP development methods to create a content management system.

Content Management System, module sectionModule section of the Content Management System (dust v0.1.9).

Content Management System, module sectionPage section in the CMS.

Over 7,000 lines of code were written.

5. CMS

Top of page

Pages

  • Columns: the administrator was given the ability to up to three columns. Each column can be either database entry, PHP script, HTML file, text file or Snippet (reusable PHP code that is used throughout the website)
  • HTML: to allow flexibly, I thought of allowing raw HTML to be used rather than sticking the columns setup.
  • Folder: I thought it would be a good idea to add the ability to add a folder path.

Meta Tags

Each page can have a specific meta tag attached to it.

Form

Each form has validation and can be set up without writing any HTML markup (via array).

Form validationAuto Form class, generates the HTML markup, with validation if needed.

Types

Types of courses can be added and linked to either courses or modules.

Courses

These can be added into the database, and using separate tables to link the courses to types, presenters, and course dates (creating a link table allowed to keep data separate while establishing a relationship between them).

Modules

These were more complex than courses. There were 3 types of modules, independent (not like a full course), dependant (part of a course), and both (part of a course as well as an independent module which runs by itself). Now the complexity comes with the pricing, so Drummond did not want to display the price to users when they've clicked on a module from within course that had a type of both. This was done by using HTTP_REFERER to find out if the last viewed page was a course.

Course dates

Dates can be added to courses and module (depending on type) via a javascript calendar. Venues can also be added into database, as courses/modules might occur in different places.

Content Management System, adding a date sectionAdd a date section in the CMS, using JavaScript calendar for the dates.

Presenters

Presenter profiles and descriptions can also be added.

Users

Collective information can be gathered if a user wants to request a brochure. A print to labels function was set up to allow Drummond to print out the user's details onto labeled paper.

6. Email

Top of page

An email template was also designed and created in HTML for promotional campaigns.

Email DesignEmail in Entourage.

7. Documentation

Top of page

Using Microsoft Word to create explanation of how to use the CMS. It was exported into a PDF making it easier to print and transfer around.

DocumentationDocumentation in PDF format.