Order this Assignment Now: £179 VALID THRU: 24-Sep-2024
Assignment Briefs
01-28-2024
QHO431 Web Technologies - Event Website
Coursework Assessment Brief
QHO431 Web Technologies
Event Website
Assessment Details
Module Title:
Web Technologies
Module Code:
QHO431
Module Leader:
Level:
4
Assessment Title:
Event Website
Assessment Number:
1
Assessment Type:
Practical with Supporting Documentation
Restrictions on Time/Word Count:
1500 words (+/- 10%)
Consequence of not meeting time/word count limit:
There is no penalty for submitting below the word/count limit, but you should be aware that there is a risk you may not maximise your potential mark.
Assignments should be presented appropriately in line with the restrictions stated above; if an assignment exceeds the time/word count this will be taken in account in the marks given using the assessment criteria shown.*
Individual/Group:
Individual
Assessment Weighting:
100%
Issue Date:
October 2023
Hand In Date:
2nd of February 2024 before 4pm (UK time)
Planned Feedback Date:
3 weeks after submission
Mode of Submission:
Online via SOL:
- 1 zip file AND
- 1 Word/PDF document
Only FINAL submissions will be accepted. DRAFT submissions will not be considered an attempt and will not be marked.
Anonymous Marking
This assessment will be marked anonymously
Assessment Task
Scenario
It goes without saying that the pandemic was tough for the live entertainment industry and people in general.
Now, with restrictions lifted, the live entertainment industry is looking to get back on its feet.
You have been asked to develop a marketing website for a small music festival. The organisers are giving you a lot of freedom in terms of branding and design, just make sure the website is 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/categories – Like most events, this will have multiple things happening simultaneously (like how music festivals have different stages) – Our event will be no different. Themed ‘stages’/’areas’ (depending on your choice) should be represented on the website.
This event will take place on the 20th of January – This should be very clear!
An FAQ or advice page – Just a page to inform people of what they can do in advance.
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.
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.
Tasks
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:
HTML
CSS
JavaScript
Node JS
Express
SQLite
EJS
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.
Proof that your website conforms to W3C standards (use their online validator)
Pick one feature of the website (preferably one involving the database) and explain how it works, with particular emphasis on explaining what aspects are client-side and what is server-side.
Legal and ethical considerations
What legal considerations have been made? (Sourcing images from websites like Pexels for example)
What makes the website accessible? (i.e. alt text on images)
(Where applicable) – What security considerations have been made.
If you have used version control (i.e. Git/GitHub) you must declare it here by providing a screenshot of your commit history. Your GitHub username must be fully visible in the screenshot.
What you should submit
You will need to upload two files to Solent Online learning:
A .zip file containing your web project.
A word document or PDF containing the supporting documentation.
The .zip file and the word/pdf document should be uploaded as separate files.
Attention
To speed up the marking process, it would be helpful if you.
Use your student ID as the name for your submitted files. For example, if your student ID is 123456 then you should submit a .zip file called 123456.zip and either a word document or a pdf called 123456.docx or 123456.pdf respectively
Please use port number 5000.
When the marker downloads your submission they will do the following to make it run – You should ensure that this will work
o Unzip the zip file
o Open the now unzipped project folder in VSCode
o In the terminal run: npm install
o In the terminal run: node index.js
o The marker should now be able to view the website by going to http://localhost:5000
You have been asked to develop a marketing website for a small music festival. The organisers are giving you a lot of freedom in terms of branding and design, just make sure the website is themed appropriately
Assessment criteria
Here is what the website needs to do to:
To Achieve an F Grade
Any of the following will result in an F (or S) grade being awarded:
The submission does not run in a node environment, or the features are not accessible using custom URLs
The website uses unapproved technologies that are not in line with those listed on the previous page.
The website has little to no layout
Very poor practice has been demonstrated.
i.e. using deprecated HTML tags that style the page rather than CSS
The requirements (listed in the scenario) have not been met and/or the criteria for the D grade (below) have not been met.
The submitted website is very similar to a class task – has perhaps been slightly restyled or just given different content.
No client-side JavaScript has been added to the website at all
No supporting documentation has been submitted
A .zip file containing the website was not submitted
The supporting documentation is off topic or does not follow the points requested
in the ‘supporting documentation’ section of this brief.
The supporting documentation must be submitted outside of the .zip file and must generate a Turnitin report.
The use of bad, rude, or offensive language/imagery. This includes its usage as
‘filler’ text
Lack of professionalism – Similar to the previous point. Attempts to prank the marker, redirect them to unrelated material, or otherwise hinder them from carrying out their duties.
Evidence of plagiarism or collusion
To Achieve a D Grade
To achieve a D grade, the website should:
Meet all the requirements listed in the Scenario.
Have a basic layout
Include some basic client-side JavaScript functionality
A basic Express app has been set up using Node JS. The website should be navigable using routes. Templating should be used where needed.
At least one part of the website retrieves information from the database (i.e., line up)
Mostly conform to W3C standards
An up-to-date package.json file has been provided.
All functionalities should be easy to navigate to. Content that cannot be navigated to by browsing the website or content that is behind broken links will not be considered.
The homepage should load from the default route (i.e., the marker should be able to go to http://localhost:5000/ and the home page will load)
Supporting documentation has been submitted and covers the points mentioned on page 3 of this document (supporting documentation section)
To Achieve a C Grade
To achieve a C grade, (in addition to the D criteria) the website should:
Fully conform to W3C Standards
Be responsive to different devices and adjust well to different screen sizes. Media queries should be demonstrated.
Work on different browsers, specifically Chrome, Firefox and Edge
The form (as required in the scenario) should have some simple validation – performed by a JavaScript
Retrieve data from an SQLite database and display it on the page.
The stages and line up information should be retrieved from the database
The contact us form, when submitted, should now store the information in the database.
Your database file has been provided in the project folder. This is important! If you don’t include it then the marker cannot connect to your database, which means your database won’t work on their machine. If it does not work, then the C criteria is not met
General good practice should be observed, including but not limited to:
an organised folder structure with images, styles and scripts separated appropriately
Using stylesheets appropriately and not repeating code by having an individual stylesheet for each page.
Supporting documentation should note what security considerations have been made when developing the website.
To Achieve a B Grade
To achieve a B grade, (in addition to the C criteria) the website should:
In general, the website should not break. There should not be errors in the developer console (on the browser or in node) as you navigate the website or use features (including the ones below)
An additional page should be created for an activity that you should come up with. This ‘activity’ will be interactive and involve JavaScript. It might make your life easier if you develop this for a younger audience.
This should be original and not taken from the internet.
Can be any kind of activity (i.e., a guess the picture game where you have an image covered up by squares that vanish when you click them etc.)
Supporting documentation is strengthened by further reading (i.e. in to accessibility or security issues)
To Achieve an A4 or A3 Grade
To achieve an A4 or A3 grade, the website should:
Meet the D, C and B criteria (listed above) with no exceptions
Look professional (would be publishable for its intended purpose) and conform to professional standards
Include a search feature that demonstrates AJAX
Include AJAX for at least one other feature.
The feature you pick to explain client-side/server-side elements in your supporting documentation, should be one that includes AJAX as well as a database connection.
To Achieve an A2 or A1 Grade
To achieve an A2 or A1 grade, the website should:
Meet the D, C, B and A4/A3 criteria (listed above) with no exceptions
Should have AJAX throughout – especially where database connections are involved
Provides an additional feature that allows for multiple years to be looked up. For example, by default the website should display this year’s line-up. However, the user should also be able to view what past events have occurred.
The user should then be able to select a year and then view the line-up for the given year.
The database will be needed for this
Learning Outcomes
This assessment will enable you to demonstrate in full or in part your fulfilment of the following learning outcomes identified in the Module Descriptor:
Living CV
As part of the University`s Work Ready, Future Ready strategy, you will be expected to build a professional, Living CV as you successfully engage and pass each module of your degree.
The Living CV outputs evidenced on completion of this assessment are:
1.
2.
Please add these to your CV via the Living CV builder platform on Solent Futures Online Solent Futures Online
Important Information
Solent University Academic Regulations 2023-24
Late Submissions
You are reminded that:
If this assessment is submitted late i.e. within 7 calendar days of the submission deadline, the mark will be capped at 40% if a pass mark is achieved;
If this assessment is submitted later than 7 calendar days after the submission deadline, the work will be regarded as a non-submission and will be awarded a zero;
If this assessment is being submitted as a referred piece of work, then it must be submitted by the deadline date; any Refer assessment submitted late will be regarded as a non-submission and will be awarded a zero.
Assessment regulations
Extenuating Circumstances
The University’s Extenuating Circumstances (EC) procedure is in place if there are genuine short term exceptional circumstances that may prevent you submitting an assessment. You are able to self-certify for up to two assessment dates in any semester without supporting evidence for an extension of up to seven calendar days for coursework or to defer an exam to the resit period.
Alternatively, if you are not `fit to study’ (or you have used up your two self-certification opportunities), you can request:
- an extension to the submission deadline of 7 calendar days, or
- a request to submit the assessment at the next opportunity, i.e. the resit period (as a Defer without capping of the grade).
In both instances you must submit an EC application with relevant evidence. If accepted under the university regulations there will be no academic penalty for late submission or non-submission dependent on what is requested. You are reminded that EC covers only short-term issues (20 working days) and that if you experience longer term matters that impact on your learning then you must contact the Student Hub for advice.
Please find a link to the EC policy below:
Extenuating Circumstances
Academic Misconduct
Any submission must be your own work and, where facts or ideas have been used from other sources, these sources must be appropriately referenced. The University’s Academic Regulations includes the definitions of all practices that will be deemed to constitute academic misconduct. You should check this link before submitting your work.
Procedures relating to student academic misconduct are given below:
Academic Misconduct
Ethics Policy
The work being carried out must be in compliance with the university Ethics Policy. Where there is an ethical issue, as specified within the Ethics Policy, then you will need an ethics release or ethics approval prior to the start of the project.
The Ethics Policy is contained within Section 2S of the Academic Handbook:
Ethics Policy
Grade marking
The University uses an alpha numeric grade scale for the marking of assessments. Unless you have been specifically informed otherwise your marked assignment will be awarded a letter/number grade. More detailed information on grade marking and the grade scale can be found on the portal and in the Student Handbook.
Grade Marking Scale
Guidance for online submission through Solent Online Learning (SOL)
Online Submission
Order this Assignment Now:£179
100% Plagiarism Free & Custom Written, Tailored to your instructions