Sobes.tech
Junior

Proqram təminatı inkişafı kontekstində təqdimat səviyyəsində nə baş verir?

sobes.tech Süni İntellekt

AI-dan cavab

Çox pilləli memarlıqda təqdimat qatmanı (Presentation Layer) istifadəçi ilə qarşılıqlı əlaqədən məsuliyyət daşıyır. Bu, istifadəçi interfeysidir (UI), istifadəçiyə məlumatları göstərir və onun girişlərini toplayır.

Əsas funksiyalar:

  • Məlumatların göstərilməsi: Biznes məntiqi səviyyəsindən alınan məlumatların vizuallaşdırılması.
  • Məlumatların daxil edilməsi: İstifadəçi girişlərinin alınması (düymələrə kliklər, formaların doldurulması, mətn daxil edilməsi).
  • İstifadəçi girişinin doğrulanması: Məlumatların biznes məntiqi səviyyəsinə göndərilmədən əvvəl ilkin yoxlanması. QA kontekstində, burada UI elementlərinin istifadə rahatlığı, görünüşü və qarşılıqlı əlaqəsi test edilir.
  • Məlumatların formatlaşdırılması: Məlumatların istifadəçi üçün əlverişli və başa düşülən formaya çevrilməsi.
  • Sessiyaların idarə olunması: Veb tətbiqlərdə, bu, müştəri tərəfində sessiya vəziyyətinin idarə olunmasında qismən iştirak edə bilər.

Nümunələr:

  • Veb səhifələr (HTML, CSS, JavaScript).
  • Mobil tətbiqlər (UI komponentləri).
  • Masaüstü tətbiqlər (GUI).

QA kontekstində, təqdimat səviyyəsində testlər aşağıdakılardan ibarətdir:

  • UI funksional testlər: Düymələrin, linklərin, giriş formalarının düzgün işləməsini yoxlamaq.
  • İstifadə rahatlığı testləri: İstifadə rahatlığı, interfeysin aydınlığı qiymətləndirilir.
  • Kross-brauzer / platforma testləri: UI-nin müxtəlif brauzerlərdə/cihazlarda düzgün göstərilməsi və işləməsini yoxlamaq.
  • Lokallaşdırma və beynəlxalqlaşdırma testləri: Mətnlərin, valyutaların, tarixlərin regional parametrlərə uyğun göstərilməsini yoxlamaq.
  • UI performans testləri: Yükləmə sürəti və elementlərin cavab vermə qabiliyyətinin qiymətləndirilməsi.

React ilə təqdimat səviyyəsini göstərən nümunə kod:

// React-də sadə təqdimat komponentinin nümunəsi

import React from 'react';

function Greeting({ userName }) {
  return (
    <div>
      <h1>Salaam, {userName}!</h1>
      <p>Tətbiqimizə xoş gəlmisiniz.</p>
    </div>
  );
}

export default Greeting;