CSCU9X5 UX Design Assignment: Web-based multimedia application
Assessment: Assignment Semester: Autumn Level: Year 3
CSCU9X5 UX Design (60%)
The Assignment -- Important Information
This is the introduction page for the Assignment that you are expected to work on and submit from 26th October 2023 and hand in no later than 27th November 2023 at 17:00 (Beijing). Read the info here carefully before moving on the next screen.
Important information about the Assignment:
-
It is worth 60% of your final grade in the module.
-
It will cover material from learning outcomes 1, 2, 3, 4, 5, 6 in the module.
-
It is an Individual Assessment, which carries all the usual rules, and regulations set out in
the University's policies on Assessments and Academic Integrity. The main things to consider about this are:
1. You must work on the assignment alone.
2. You are allowed to utilize any source (online or otherwise) to help you create your
solution for the assignment if it is not in breach of rules 1.
-
If you rely on any external source for any part of your solution (no matter how small),
you must properly acknowledge the source both where you use it and in a bibliography
at the end of your submission.
-
If you reuse code from external source in your solution, in addition to rule 4, you must
also briefly explain how you adjusted it to fit with your solution.
D. You will have about 4 weeks to complete the assignment.
E. You can submit a solution as often as you like from 26th October 2023 until 27th November
2023 at 17:00 (Beijing), but only your last submission will be marked.
We recommend that you submit at least once 1-2 days before the deadline.
The Assignment -- submission instructions
These are the instructions you must follow to prepare your submission to the Assignment.
1. First, of course, follow all the instructions in the assignment itself to create your solution. You can use any IDE of your choice.
-
Save all the application’s related files into a folder named: "ZZZZZZZ_Application_name", where you replace "ZZZZZZZ" with student number [This is important for anonymous marking]
-
Open the html in a browser and make sure everything is displaying, as it should. All printouts, graphs, figures, and other multimedia elements like videos, animations are visible as you intended. Upload the zipped folder of the assignment on VLE.
4. The Assignment
THE BRIEF
You have to develop a web-based multimedia application and a prototype version of it. This prototype application must be constructed with HTML5 + CSS + JavaScript technologies, as well as libraries and frameworks. The application's general topic should be something that will help with computing studies. A few other options are listed below.
SELECT ONE OF THESE.
-
An interactive instructional course, e.g., learn how switching gates work, basic computational thinking, sorting, and searching algorithms.
-
A guide to using a software package, or a piece of hardware.
-
What every computing science student needs to know about your university
-
An interactive game for school children to switch them on to computing.
-
Another topic of your choice related to studying computing. (Check with the
module coordinator if you are unsure.)
|
Use the work of the CSCU9X5 multimedia practicals as a guide to the kinds of basic features that you could incorporate. Be informed and inspired by any other multimedia applications and |
|
web pages that you are aware of as sources of ideas. Be creative! Treat the assignment as a “commercial” exercise: you have a deadline for producing your design and prototype (i.e., the assignment submission date) and you have a “budget” – it is worth 60% of your overall marks for the module. Use these criteria to determine how long you should spend on the assignment and how much to produce. (If at any stage you are unsure whether you need to do more (or less) work, then please ask). |
CSCU9X5 Page 2 of 7 Assignment
|
REQUIREMENTS There will be TWO components to the submission for the assignment: The report should fully document your design for a multimedia application. You should design a whole product, but only have to build part of it to illustrate the idea. The report should contain: a description of the general concept including details of users, wireframe designs and justification |
|
of design choices, a plan for testing. Using HTML5+CSS+JS technologies, you will build a prototype version of your designed multimedia application, that is, it is probably a partial implementation of your design which illustrates key elements. Your prototype should clearly demonstrate the concept of your design, good use of multimedia, and technical competence with dynamic web development. The sections below give more detail on the requirements for these components and the breakdown of marks. 1.THE REPORT The report should be in the form of a design document that fully documents your design for a multimedia application. Remember that you should design a whole product, but only have to build part of it to illustrate the idea. Your report should detail a consistent design process and be specific to your development. Do not include generic information about design and testing procedures. 5% of the marks are for the overall quality and structure of the report itself. |
|
Hint: use the areas mentioned below as your structure. The report should contain the following: |
-
The title of your application, the file name of the main HTML file, and your student ID (but not your name).
-
A description of the general concept of the presentation – What is it? Who is it aimed at? How would you deliver it? This should include an overview of who your target users are and two specific distinct personas, each with a scenario detailing an activity, context and technology. [14% of assignment marks]
CSCU9X5 Page 3 of 7 Assignment
|
|
|
Note: you should design the whole application but build a prototype (restricted) version of it. |
|
Word count / page limit: 3500 words +/- 20%. That's roughly 14 pages or less. 2.THE APPLICATION PROTOTYPE Using HTML5+CSS+JS technologies, you will build a prototype version of your designed multimedia application, that is, it is probably a partial implementation of your design which illustrates key elements. Your prototype should clearly demonstrate the concept of your design, good use of multimedia, and technical competence with dynamic web development. An excellent submission will satisfy all of these criteria to a high level. |
