Screen shots of the completed project

Personal views and experiences

Screen shots of the completed project

I have made some changes to the project as discussed in a previous post.  This was done to assist with accessibility.

The completed prototype for the website.


Screenshot Description
 accessibility page The Accessibility page with guidance for the user and a useful link to a BBC Accessibility website which has lots of How to guides on it.
 home page The Home Page


Has a brief description of the purpose of the site.

 the computer The Computer page.


Contains a brief description of how to navigate this section of the site and contains a video demonstration.

 the computer - a look inside Inside the case


Has an interactive feature for the user to hover over the pc case and the components are named as the cursor moves over the hotspots.

 the computer  - motherboard The Motherboard


A description of the motherboards purpose together with an interactive feature which names some of the parts of the motherboard.

 the computer - cpu The CPU


Describes the purpose of the CPU and some of the characteristics.

 the computer - harddrive Information about Hard drives
 the computer - Ram Details of RAM and its uses
 the computer - graphics card The Graphics Card


Describes what a graphics card is for and has an interactive feature identifying some of the parts.

 the computer - sound card Sound Card


Details some of the features of a sound card and list the different manufacturers.

 the computer - psu The Power Supply Unit


Describes the purpose and features of the power supply.

 the revision quiz The Black box revision quiz


An interactive quiz giving the user the opportunity to test their knowledge and discover the correct answer if they get it wrong.


  The Graded Quiz


The user can take this quiz and see the results at the end by following the links provided.

black box quiz spreadsheet

 glossary The Glossary


An interactive glossary. The user Identifies the first letter of a part they don’t know and this guide gives them brief details of the component.  All details are hidden until the letter is selected.

 black box quiz spreadsheet The Graded Quiz spread sheet


The spread sheet shows the user how they performed on the test and has the correct answers shown on the top row.

 external resources Links to external resources.


Tis section lists some of the resources available for learning about ITC.

 blog link A link to my WordPress blog where you can read about the development of this site and other blog posts about my time at university and my hopes for the future.

Overall the site is looking as I had planned.  Just wish I had more knowledge to implement some accessibility features of my own.


5 Responses

  1. Tony Skinner says:

    This is very good. It is clear to see that a lot of hard work and ingenuity has been ploughed into this site. I like how have catered for the kinaesthetic learner via the use of the quiz and there are also good images that cater for the visual learner. Do you have anything in place for the auditory learner?

  2. Well done Tony, I like the design of your site a lot. I actually think I could learn a few things by the looks of it! Did you manage to find any auditory resources for your site? If not, may I suggest having a look at Tech Stuff podcasts? They are great and cover a huge variety of technology subjects. Just had a quick look and there are podcasts on RAM, logic gates and how a hard drive works. Might be worth having a quick look. Hope this helps!


  3. Tony Skinner says:

    After our discussion last night I can see that videos are going to be used for the auditory and visual learner. It’s a very good strategy that you’ve used and I must say that I’m gutted. Gutted that I never managed to implement them into my site, still I think that I’ve catered for the types of learner rather well via the strategies that I did use.

    I also like how you’ve broken each individual segment of the PC down with an image and text description. This is nice and clear and it certainly keeps the dyspraxic’s interested.

  4. Tony Skinner says:

    The only reason I can vouch for the comment I just just made is because I’m dyspraxic myself and the two biggest things I struggle with are co-ordination and attention span.

Leave a Reply

Your email address will not be published. Required fields are marked *