Hide menu
Valid for: HT24

Implementation

Your implementation should follow your submitted specification and implement the functionality specified for your chosen category. Also read the general implementation requirements below.

You are allowed to make modifications to your specification while implementing your project, but these these should be documented in a separate document which should be included when you submit your implementation.

For example, you may have originally specified a feature which turned out to be really hard to implement within the given time frame. If this feature is required by the category, you can simply remove it from your specification.

If something is required by the category, you modify your specification so it is easier to implement but still provides the required functionality.

Optional implementation points

It is possible to earn optional implementation points by building and using web components in your project:

  • 1 point: Use 1 web component that you built (does not have to be interactive)
  • 2 points: Use 2 web components that you built, at least one must be interactive.
  • 3 points: Use 3 web components that you built, at least two must be interactive.

You must have built the web components yourselves, and the ones you built in Assignment 4 don’t count.

The Web Component(s) must be used in at least 2 places with different content, i.e. if it is a component for showing images, it must be able to show different images and be used in at least two different places in your implementation.

Submission

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

  • The URL for your project.
  • Your specification. If you did not make any modifications, submit the same specification as earlier, otherwise submit an updated version.
  • If you implemented and used web components:
    • write how many optional points you are aiming for
    • write their tag names and in which files they are defined

Links to all the groups’ projects will be published on the course web page. If you want to give your project a name, you can write it in the submission as well.

Implementation requirements

The implementation MUST be published in the same way as the assignments, i.e. available via the php-web.edu.liu.se web server. If you just use vanilla JavaScript this is not an issue.

If you are considering using a framework such as 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.

Single page implementation

Your implementation should be contained by a single html file, i.e. do not split your GUI accross multiple .html pages. Note: Using a framework that uses multiple html files in its template system is ok.

You are allowed to use multiple CSS and JavaScript files though.

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.

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 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.


Page contact: Johan Falkenjack
Last update: 2022-12-02