Wat gebeurt er op presentatieniveau in de context van softwareontwikkeling?

De presentatielaag (Presentation Layer) in een gelaagde architectuur is verantwoordelijk voor de interactie met de gebruiker. Het is de gebruikersinterface (UI), die informatie aan de gebruiker toont en invoer van hem verzamelt.

Belangrijkste functies:

• Weergave van gegevens: Visualisatie van informatie ontvangen van de businesslogica-laag.
• Gegevensinvoer: Ontvangst van gebruikersinvoer (knoppen, formulieren invullen, tekst invoeren).
• Validatie van gebruikersinvoer: Eerste controle van gegevens voordat ze naar de businesslogica-laag worden gestuurd. In QA-context is dit de plek waar we de bruikbaarheid, uitstraling en interactiviteit van UI-elementen testen.
• Gegevensopmaak: Omzetten van gegevens in een gebruiksvriendelijke en begrijpelijke vorm.
• Sessiebeheer: Bij webapplicaties kan het gedeeltelijk betrokken zijn bij het beheer van de sessiestatus aan de clientzijde.

Voorbeelden:

• Webpagina's (HTML, CSS, JavaScript).
• Mobiele applicaties (UI-componenten).
• Desktopapplicaties (GUI).

In QA-context omvat testen op presentatie-niveau:

• Functionele UI-testen: Controleren of knoppen, links, invoerformulieren correct werken.
• Usability-testen: Beoordeling van gebruiksgemak, duidelijkheid van de interface.
• Cross-browser / cross-platform testen: Controleren of UI correct wordt weergegeven en functioneert op verschillende browsers/apparaten.
• Lokalisatie- en internationalisatietesten: Controleren of teksten, valuta's, datums correct worden weergegeven volgens regionale instellingen.
• UI-prestatie testen: Beoordeling van laadsnelheid en responsiviteit van UI-elementen.

Voorbeeld van code die een presentatiecomponent (React) demonstreert:

// Voorbeeld van een eenvoudige presentatiecomponent in React

import React from 'react';

function Greeting({ userName }) {
  return (
    <div>
      <h1>Hallo, {userName}!</h1>
      <p>Welkom bij onze applicatie.</p>
    </div>
  );
}

export default Greeting;