206 Web Design

Leena Järvenkylä-Niemi and Eerikki Maula from Tredu.

Producing websites is a versatile field that requires artistic creativity and the ability to create websites that are easy to use and technically functional. The competitor must be familiar with the different phases of the website production process.

Skill requirements

The competitor must be able to gain an accurate impression of the customer, as well as the website’s information contents and services, target user group and essential concept.

The competitor must be able to produce a wireframe of the site, a layout plan for the main and/or frontpage interface, and to specify the technologies to be used in creating the site (programming languages, software, etc.).

The competitor will assemble the website using different technologies and software. The competitor will test the site with different browsers, data terminal equipment and a W3C validator. The competitor will publish the site on a server and present the site to the customer. The competitor must have a good command of matters related to servers and databases.

The competitor will produce the documentation needed in website maintenance and guide the customer in implementing and using the site. The competitor must have interaction skills needed in team work and

manifest his or her style of entrepreneurship in the competition situation. The competitor must take into account the ergonomic factors contributing to his or her own well-being at work.

In addition to these requirements, the competitor must also know how to

  • take into account data security and the most common standards
  • design websites that are visually impressive and responsive with the help of style sheets
  • observe the current trends of the trade
  • take accessibility and usability into account
  • produce websites that can be updated via the browser
  • produce media files required by the service
  • manage projects and work in a team
  • solve problems occurring during the project
  • connect the finished website into social media software.

Competition task structure and key task modules components

The task for the finals is a website designed and implemented for the customer. The task is divided into modules. Each module is evaluated separately.

The customer has a business need to develop a website and the related functionalities, which require a relational database.

In modules A and B, the competitor designs the website to customer needs and partly implements it. The competitor must produce design documentation for the site (e.g. a structural diagram, a layout plan, technologies used, and an ER model for the database). The competitor must follow the customer’s graphic guidelines for the parts implemented and use the graphic material the customer provides.

In modules C and D, the competitor implements a service on the site, using databases. Information from site users is collected and stored. The stored information is used in producing content for the service.

In module E, the competitor publishes the work.

Task duration and allotted time

Over the three competition days, competitors have approximately 17 hours to perform the tasks.

Assessment criteria for the competition task

You can find the assessment criteria for the competition task in the description of the final task from 2017, which may be found in the Skills Finland competition task bank.

Assessment method description

Ca. 60% of the assessment of the competition task is objective and ca. 40% is subjective.

Competitorsmaterials and equipment

Competitors do not have to bring anything to the competition site but if they wish, they may bring their own keyboards and mice. As there may be some noise in the event area, we recommend bringing headphones as well.

Materials and equipment available at the competition site

Competitors receive the assignments for each module and the rating scales as Word documents before starting the task. Competitors do not need to print anything out while performing the competition tasks.

Each competitor is given a workstation with the Windows 10 operating system and two monitors. The following software has been installed:

  • Microsoft Visual Studio 2015
  • Adobe Photoshop, Illustrator and Fireworks
  • Microsoft Office 2016
  • The latest versions of Google Chrome, Mozilla Firefox, and Internet Explorer
  • Sublime text 2
  • NoteTap Light
  • NotePad++
  • Geany
  • Eclipse
  • NetBeans
  • WinSCP
  • FileZilla
  • GitHub Desktop

 

Competitors are not allowed to bring or install other versions of the software listed above. In addition to the above-mentioned software, competitors may use software that they have installed on their competition workstations before the competition. The competitor or the institute he or she represents must have a licence for the software or it must be a shareware or a freeware.

The following freely available libraries, frameworks and content management systems have been uploaded on competitors’ workstations:

  • HTML5 Shiv
  • HTML5 Boilerplate
  • jQuery
  • Bootstrap
  • Foundation
  • Drupal
  • WordPress
  • Joomla
  • Node.js

The competition tasks are performed either directly on the Apache web server (PHP, MySQL, phpMyAdmin), which is displayed as a separate network drive on the competitor’s workstation, or in an XAMPP environment. If the Apache web server is in use after the task has ended on the server, a “snapshot” of the server is taken so the final task to be assessed is recovered automatically.

The competition organizers reserve all rights to make changes to the competition arrangements and to computers, equipment and software. Notification of any changes will be made immediately at www.taitaja2018.fi.
Sample task and assessment criteria

The sample task is the 2017 competition finals task. The task, with complete assessment criteria, can be found in the Skills Finland task bank.