Web Technologies

Assessment Details

Unit Title: Web Technologies
Unit Code: QHO431
Level: 4
Assessment Title: Virtual Event
Assessment Number: AE1
Assessment Type: Practical with Supporting Documentation
Restrictions on Time/Word Count: 1500 words

Individual/Group: Individual
Assessment Weighting: 100%
Issue Date:


The bit you get to choose!

This scenario will be based around an online or ‘virtual’ event.

In order to try and cater towards your interests and thus spark ideas and creativity, your event can be one of the following:

• A music festival

• A non-music festival (basically, instead of bands have something else – i.e. comedy)

• An online convention like ‘comic con’ – obviously give it your own name and theme.

The Scenario

It goes without saying that 2020 has been a tough year for the live entertainment industry and the effects are still ongoing in to 2021.

With many industries and events moving to an online model, it is perhaps unsurprising that some see an opportunity for live events to do the same.

You have been asked to develop a marketing website for an online event (in line with the choice you made above).

The organisers are well aware that they can never capture the atmosphere of an in-person event, however they would still like their website to be themed appropriately.

This is a promotional website – it is not a ticket selling website (assume they will use something like ticket master for that), thus you need not concern yourself with the selling or booking of tickets.

There are some core requirements that this website must have (at absolute minimum):

• Line up – It must promote the different acts/guests that are expected.

• Stages/Channels – Like most events, this will have multiple things happening simultaneously (like how music festivals have different stages) – Our virtual event will be no different. Themed ‘stages’/’areas’/’channels’ (depending on your choice) should be represented on the website.

• This event will take place on the 30th July through to the 1st August – This should be very clear!

• An FAQ or advice page – Just a page to inform people of what they can do in advance (i.e. install Zoom or sign up to a streaming service)

• A contact us page – this must have an appropriate HTML form on it.

Additional notes

Regarding the theme and layout of this website, that is up to you. Style your website as you feel appropriate – in the way that you envision when you imagine an event like this.

Take music festivals for example:

• Reading and download traditionally go for darker themes.

• Glastonbury goes for a more ‘earthy’ kind of theme.

• Isle of Wight is normally a little more vibrant.

• Bestival normally announces a theme each year and creates branding around that.

In other words, you have creative freedom over how it should look, as long as it is appropriate. You may want to consider the fact that it is an online event and give it a more futuristic or cyber like theme.


There are two elements to this assessment:

• A website – based on the above scenario.

• Supporting documentation – To be submitted as a word or pdf document alongside the website.

The Website

The main element of this assessment is the development of a website based on the scenario (see previous page).

I have provided detailed grading criteria (page 4) which will state what the website must do to achieve the different grades.

You must only use the following to develop this website:



• JavaScript

• Node JS
o Express


Any technologies that were not covered in this unit will not be counted and any features developed using them will be overlooked.

(Bootstrap and JQuery, whilst mentioned in the unit, are not to be used)

Supporting Documentation

This will be a brief and concise document that will be written after you have completed your website.
It should detail the following.

• Very clear and concise evidence that your website meets the requirements as set out in the scenario (above) and the grading criteria (below)

• Proof that your website conforms to W3C standards (use their online validator)

• Explanation of the client-side and server-side components used in the construction of the website.

• Legal and ethical considerations
o What makes the website accessible? (i.e. alt text on images)

o What legal considerations have been made? (sourcing images from websites like pexels for example)

• (Where applicable) – What security considerations have been made.

• Testing – Show basic evidence of testing (The website works on different browsers etc)



Sample Solution