link to webpage: webpage
The quiz answer mechanism was changed from text input to radio buttons to make it more user-friendly.
Requirements fulfilled:
- Hauk-Morten implemented the translator page (translator.html) with the JavaScript translator.js.
- Kasper implemented the article generator (library.html) including the script generator.js.
- Kasper uploaded the image biggus.jpeg.
- Stine made the quiz page (quiz.html) including the script quiz.js.
- Eivind implemented the header and footer modules, header.html and footer.html with the script base.js. By inserting the elements in all pages with a common script, the code for the headers and footers only exist one place.
- All group members have contributed to the file base.css. The elements unique to each page have been styled by the person who made the page, and the style properties common to all pages were implemented by Hauk-Morten except for the header and footer.
Changes made:
- Stine changed quiz answer mechanism from text input to radio buttons to make it more user-friendly.
- Eivind moved the header to the top, which was easier to implement.
- Eivind put at footer at the bottom. Because it looked nice.
- Eivind made the header mobile-friendly.
- The user group has been changed to students of informatics and technology, graphic designers and web developers. The age of the group is in the region 22-50 years, with fairly even distribution among the genders.
- The header width was changed to fill the page since it was moved to the top, in order to look better.
- Instead of inserting a whitespace to avoid ambigous translations in the translator, a ' will be inserted instead, because it fulfilled the same purpose with a simpler implementation.
- Based on user feedback, Hauk-Morten added a hyperlink to the header image that redirects to the home page.
Final work distribution:
| Filename | Description | Assignee | Deadline |
|---|---|---|---|
index.html | The front page | Hauk-Morten | Nov-01 |
quiz.html | The quiz page | Stine | Nov-01 |
translator.html | The Pig Latin translator | Andreas | Nov-01 |
library.html | The Lorem Library | Kasper | Nov-01 |
about.html | Site info | Eivind | Nov-01 |
info.html | Lorem info | Stine | Nov-01 |
header.html | Header module | Eivind | Nov-01 |
monty_python_dude.png | Footer module | Eivind | Nov-01 |
icon.ico | Site icon | Kasper | Nov-01 |
image.html | Header image | Kasper | Nov-01 |
translator_en-pig-Latin.js | Translator program part 1 | Hauk-Morten | Nov-01 |
translator_pig-Latin-en.js | Translator program part 2 | Nobody | Nov-01 |
quiz.js | Quiz program | Stine | Nov-01 |
article_generator.js | Program to generate Lorem articles | Kasper | Nov-01 |
base_loader.js | Program to load header and footer dynamically | Eivind | Nov-01 |
base.css | Base css | Everyone | Nov-01 |
strong text denotes changes.