/Enquete

Geef jouw mening over de tot nu gegeven vakken van minor web, en lees jouw antwoorden terug!

Primary LanguageEJSMIT LicenseMIT

Opdracht 1

Opdracht 1 is te vinden onder het mapje Opdracht1/docs

Opdracht 2

Opdracht 2 heb ik gevisualiseerd in een PPT
Daarbij heb ik kleuren bekeken en ben ik erachter gekomen dat de cmd site gebruik maakt van de meest geschikte kleuren: geel en zwart/wit. Hierbij kan elke vorm vam kleuren blind de site op de meest ideale versie zien. Zelf het contrast van zwart/wit is duidelijk en prefect te lezen.

Ook de cookies waren niet aanwezig je hoeft niet in te loggen maar hiervoor is local storge een goeie oplossing ipv cookies als inloggen niet nodig is. Voor inloggen in slechts alleen cookies een optie.
powerpoint

Enquete - minor web 🖍️

Introduction

Geef jouw mening over de tot nu gegeven vakken van minor web, en lees jouw antwoorden terug!

Table of contents

About

Deze enquete gaat over de vakken van de minor web

Gecodeerd met

Deze enquete is gecodeerd in HTML, CSS en JS, serverside gerenderd met EJS en Node

Features

  • Geef jouw mening over de tot nu gegeven vakken
  • Lees jouw antwoorden terug

Wishlist

  • Kom later terug en zie jouw vorige antwoorden al ingevuld
  • Auto toevoeging van vakken

Installing

  1. Clone deze repository naar jouw lokale folder
git clone https://github.com/Fabienne02/Enquete.git
  1. Open de folder in jouw code applicatie Zoals VSCODE
  2. Install all packages
npm install || npm i
  1. Start de applicatie met de volgende command
npm install || npm start
  1. Open de de localhost:3000 in je browser

Wireflow


functional/reliable laag

De functional laag bestaat uit de core html, de css en js zijn uitgeschakeld.

usable laag

De usuable laag bestaat uit de laag met css zonder js. Hierbij zijn alle friendly user styling toegepast zoals grote knoppen, :hover en toepasselijke kleuren om het lezen vriendelijker te maken

pleasurable laag

De pleaseruable laag is met CSS en JS hierbij zijn alle user friendly features ook in JS toegepast zoals weken die niet het zelfde mogen zijn of meer dan 26, een warning als je niet alles hebt ingevuld ook voor IOS ;)

Browsers

Enquete is getest op de volgende browsers:
1 andriod browser, 1 IOS browser, 2 Desktop browsers, 1 niet chromium broswer

  • Revolution andriod browser
  • Chrome
  • Firefox
  • Opera mini
  • Safari

Testverslag

  • Require: werkt niet op IOS --> Error pagina inladen in EJS

In deze code gebruiken we JS elementen zoals Var ipv let, en document.getElementById IPV queryselector ter ondersteuning.
  • Flex-box: Niet supported op oudere versies IE & opera --> Display: Inline-block;
  • Padding: Niet supported in opera mini --> Hij blijft nog steeds functioneel dus geen maatregel
  • Border: Niet supported eerste versie opera, firefox en IE --> Hij blijft nog steeds functioneel dus geen maatregel
  • Min-width: Niet supported in android browsers en IE eerste versie ---> width in % aangeven, Hij blijft nog steeds functioneel dus geen maatregel
  • @keyframes: Niet supported in oudste versie van IE, Friefox, Safari, Opera ---> Hij blijft nog steeds functioneel dus geen maatregel

Voor de rest werden alle elementen goed ondersteund

javascript

De javascript bestaat uit server-side en client-side. Hierbij blijft de server-side werken ondanks de JS word uitgezet. De client-side desondanks niet, dit script bestaat enkel uit een require back-up script voor IOS. En een script waarbij je niet dezelfde week kunt invullen of een week hoger dan 26. Wanneer de gebruiker JS uit heeft staan krijg de gebruiker dit te zien door middel van een tag:

Lighthouse

Met aandacht op het kleurcontrast, leesbaarheidsregels en feedback voor de user: Hierbij heb ik voor user vriendelijkheid ook de radio buttons groter gemaakt zodat het toegankelijker is ondanks de scherm grote

Sources

Author

De maker van deze eqnuete is: Fabienne van den Steen

License

license