Assignment: Implementation

Your task is to implement one of the three given project categories.

Pass with distincion

It is possible to earn optional points in this assignment to pass with distinction.

Qualitative distinction

If your system has outstanding qualitative characteristics in terms of implementation, up to two additional points can be earned.

Points can be earned for:

• Use of css key-frame animations.
• js-based interactive animations (e.g., breakout ball movement).
• Use of web-components.
• Use of web-frameworks.

Mulit-page application

In this assignment it is not mandatory anymore to build a single-page application. However, building a multi-page application can severely increase the complexity. We recommend to only do a mulit-page application if you completed Exercise 2 in assignment 5.

Submission

Publish your project just like you did for the assignments and submit the following via gitlab:

Images and artwork

For this project you will not have access to a graphical design team, so you may use relevant or neutral placeholder artwork that communicates a message that does not conflict with the final product to be. E.g. do not use images of flowers instead of clothes, or animated gif background if the final product will not have them etc. You can also use generative AI for image creation. Please always reference your images and check licenses. You will be held responsible if copyright infringements are committed

Implementation requirements

The implementation MUST be published in the same way as the assignments. If you just use vanilla JavaScript this is not an issue.

If you are considering using a framework such as Svelte, React or Angular, read the section regarding the use of frameworks below.

Category specific implementation requirements: See the category page for category specific implementation requirements such as minimum number of items/properties to customise etc.

Requirements and considerations if you want to use a framework

You are allowed, but not required, to use a web/ui framework for your project.

Keep in mind that even though using a framework can make the development process more effective, this is usually only the case given that you actually know how to use the framework. Of course you may want to try to use a framework for the sake of the experience, but be prepared to put in extra hours for both deciding which framework to use and learning how to use that framework.

Also, as there exist so many different frameworks so no supervision can be guaranteed regarding use of the framework.

If you are considering using a framework such as Svelte/React/Angular/etc that have a build toolchain or require a local server; only use the framework if you are sure you can fullfill the following:

• you MUST be able to publish a static version of the web site. React e.g. does not provide such functionality out of the box and requires the use of various tools and changes in code to achieve this.
• be absolutely, perfectly sure that you are able to generate a static web page if you use a framework. Yes, this is the same requirement as above, but repeated just to make sure that you understand that this is an ABSOLUTE requirement for the implementation. No exceptions will be made.

Frameworks/libraries that you use by including extra CSS and JavaScript in your HTML file are fine to use.