Help with final year Project


Please use the link provided to help me with my final year project.  The project is a study of eDemocracy.

Edemocracy is basically the use of Information Communication Technologies (ICT); such as smart phones, laptops and computers, to allow the public to engage with the Government or Local Council in the management of society.

Here is the link to the questionnaire:

It only takes 5 minutes to complete.  Your details will not be recorded and your identity will remain anonymous at all times.  The questionnaire has undergone an ethical review process and meets the University of Portsmouth Ethical Policies.

Please forward this to as many of your friends as possible.

Project evaluation final

Well it was certainly eventful toward the end. Best laid plans don’t always work out. I am glad I had done the majority of the work prior to christmas 2011. Unfortunately just before christmas my marriage suffered some difficulties and my daughter and I had to move house at short notice. Luckily I have some good friends and things have worked out ok. The fact I had no internet connection for 2 weeks did pose a few additional problems in terms of getting project work done, but hopefully the effort I made prior to christmas and the long hours applied since I regained network access have paid off.

Overall the site has come out better than I could have hoped. I realise it may appear a little clinical but the focus was on usability and access to content rather than building a flash site which didn’t meet the criteria I had set myself in the design stage. Hopefully in the future I can further develop the site to incorporate some more videos of my own together with audio descriptions of the parts within a computer. By utilizing both these techniques the site will be more accessible to a variety of learners.

It was really useful to meet up with Tony Skinner and Adnan Ahmed over the christmas break and compare our work. This proved invaluable as we each had ideas for one another’s work, through the PLN and email as well as face to face reviews of work we have all benefitted. It was good to get an alternative perspective of the work we had been doing. My thanks to both of these gentlemen for their friendship, kindness and use of the internet when I had none.

A useful resource I found when reviewing some of the lectures from EdCom in 2011 was Kathy Shrock’s web site evaluation which you can get by using the link. It lists some of the most important things that as a developer you should consider when implementing a website.



Who wrote the pages and are they an expert? Is a biography of the author included? How can I find out more about the author?


What does the author say is the purpose of the site? What else might the author have in mind for the site? What makes the site easy to use? What information is included and does this information differ from other sites?


When was the site created? When was the site last updated?


Where does the information come from? Where can I look to find out more about the sponsor of the site?


Why is this information useful for my purpose? Why should I use this information? Why is this page better than another?

20012009. Kathy Schrock

I believe if you follow this advice and make sure your site adheres to these principles your are on the right track.

Creating the videos part 2

You can view the videos here .  I am reasonably pleased with them.. The only downside in my opinion is the sound quality, however it was only a webcam microphone that was being used and although the gain on the microphone was set quite high having 4 pc’s running in my room has a tendency to disrupt the sound.

Once I had my Ubuntu system up and running it took all of 10 minutes to convert the 4 videos I had recorded and upload them to my flash drive, which was being used as a temporary host whilst the website was under development.

I tested a few different methods of displaying the videos but OGM with HTML5 was my favorite.  I didn’t like the way the Flash player I had available would insist on auto-playing the videos as soon as the web page loads.  I tried a Lightbox effect to, but the file size for the video was too large.  If I had the time to upload them to YouTube this may have been a neat option as I liked the way the player sprung out from the page to play the video.

So overall the video’s do as I intended, they allow new users to familiarize themselves with the navigation of the site and explain how to operate the interactive features I have built into the site.

Link to my project.

Late Sunday evening (8/01/2012) I realised that the overall size of my project website was in excess of 38mb.  Victory the University of Portsmouth Virtual Learning Enviroment, to the best of my knowledge only allows you to upload a 10mb file, therefore I had a major issue.  Luckily I had my web server up and running.  The only problem was the version of Apache I was running did not include PHP5 the script I had chosen to write my site with.

After some digging around I found the package I needed hosted on Debian’s server and proceeded to install this.  I was still having an issue with connectivity.  I checked the resolv.conf file in the root directory of my server and realised where I was going wrong.  I didn’t give much thought to my recent house move and the fact that my ISP Gateway had changed even though DynDns updater was reporting the correct IP address.  A quick change to the resolv.conf file and everything began working as expected.  Now I had no need to upload my file to Victory and my site was live.

Here is the link BlackBox Project  URL:

Creating videos for the project part 1

Thjs morning I decided to create the videos for the help page of the project website.  The screencasting using BBFlash Express went well with a reasonable quality video and audio.  I remember doing something similar for another project and converting the generated BBFlash file to AVI.  This went ok and exported from the recorder and saved to the file I had created.

My problems began when I realised that in the previous example of this type of webpage I had used the HTML5 format to display the video as it does not require the user to have a player installed.  The format for this type of video file is OGV.  Now whilst there are convertors out there they are not free and £69 is more than I want to pay at the moment.  Then I remembered that I had used Ubuntu and a free convertor last time to generate the OGV file required to embbed the video in a webpage.

Ok so now I have a solution to my problem, what about Ubuntu?  The machine I have as a test bed for various software installs and testing different OS’s has currently got Windows Developer Preview on it, effectively Windows 8 Beta, together with Windows 7 64 Bit.  What to do?  I know, use a spare harddrive and install Ubuntu.   After about 2 hours messing around I had installed Ubuntu and now needed to find the convertor.  The version of Ubuntu I had decided to run was old, I think version 9.  The convertor I wanted is no longer supported in this version so now I have to upgrade to the latest version of Ubuntu.

I will report back once this process is completed.

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.

Accessibility considerations for my project

Since the design stage of this website, accessibility has been a priority in the development of the site.  A number of applications have been tested in an effort to discover what might work best across the site.

I have tested ATbar on the BlackBox site with mixed results.  I had planned to incorporate the ATBar in the header of the page so that it was always accessible to the user.  This produced a number of errors.  The first being the PHP scripts used by the ATBar developers rely on the designer of the site implementing a Live website.  Currently this project is only a prototype and will not be hosted live at the moment, for development purposes it is being Hosted via Xampp.  The second issue with this type of accessibility feature is the way the application changes the layouts within the website, in some cases completely removing the divs used to hold elements of the page in certain places, rendering image position and text wrapping useless.  After further testing I found that using the ATBar in the web browser itself was a much better option.  This will also be an option from the accessibility page for the project, together with instructions for the user, so that they can adjust the viewing preferences for the site via their prefered web browser.

Download ATBar from here.

As a result of the difficulties experienced above I searched for alternatives.  I found a number of fixes which could be implemented but again they are reliant on a Live site.

Had I had more experience I would have liked to have developed a CSS selection bar to sit at the top of the webpage in the header, which on this site is always present.  This would have allowed the user to select the most appropriate format for viewing via a number of selection buttons.  Text resizing would work independently of all the other features of this controller.  Background colours could be adjusted according to the users preference and the font colour would contrast with the background accordingly.  Due to a lack of knowledge of suitable ways to achieve this I have not spent anytime developing the idea.

One change I have made since the development of the site from the design stage is to use an Off White/Shade of white background for the entire site.  Having done some research it was found that this type of colour was recommended as it works for more users than the light grey I had used previously.

I have included screenshots here to give you an impression of the before and after effects.

The home page before the background colour change
The home page before the background colour change
Photo showing the change of background colour
Screenshot of the website with background colour changed










Project Evaluation Update part one

The development of this website has followed the plan created at the outset, focusing on the use of easily understood descriptions of the components of a computer.  External sources have been used to deliver information about the history of computing and how the silicon chip is made.

It was felt that the use of video to guide the user in the best way to navigate the site would be useful.  This has been included on the main page (index.php).

The external assessment included in the site is still under development although the basic function is in place the questions need to tweaked and additional challenges for different types of learning techniques need to be incorporated.

The revision quiz functions as planned and adds a useful instant feedback feature to help students with the learning process.

Finding suitable hardware tutorials written at an appropriate level to be included in the resources was difficult.  One resource that really met the need was  This site is really full of useful information and resources for students and teachers to develop their knowledge if ICT.

More Resources for ICT This carefully crafted website contains absolutely everything you would need to learn about IT with great quizzes included.  The authors have given a lot of time to making the site really usable and easy to navigate.  The amount of information could be overwhelming if it had not been categorized so well.  There is plenty of information and ideas for students and good quality links and resources for teachers too.  The site even includes ideas for lesson plans and another feature i really like were the free posters available to download and print yourself, a very useful resource for preparing a classroom.  Even if your specialism is not IT this site might just get your creative juices flowing and help you develop an exciting lesson in your own field.