Karta ćwiczenia laboratoryjnego

HTML5 CSS3 JavaScript Vue.js Vue Docs W3Schools Vue

📋 Informacje podstawowe

Pole Wartość
Przedmiot FrontEnd
Forma zajęć laboratorium
Ćwiczenie Lab. 4 / Vue
Data 13.06.2026
Nazwisko i imię studenta 1 ......................................................
Rok/semestr Rok 3, semestr 6 [studia niestacjonarne]
Ocena ocena cząstkowa
Uwagi do ćwiczenia brak

📝 Opis zadania laboratoryjnego

Zadanie projektowe: Aplikacja „Kalkulator trójmianu kwadratowego" w Vue.js

Kontekst zadania

Zadaniem jest zaprojektowanie i zaimplementowanie aplikacji webowej w technologii Vue.js, umożliwiającej użytkownikowi obliczanie delty oraz miejsc zerowych funkcji kwadratowej.

📦 Wymagania

Kod programu należy umieścić w polu Kod programu tego pliku. Plik .md należy dodać do projektu.

Całość należy spakować do formatu .zip:

WSZIB_R3IN_NazwiskoImie_FrontEnd_Lab4.zip

W miejscu NazwiskoImie należy podać swoje nazwisko i imię. Archiwum należy przesłać poprzez:

Upload

✅ Wymagania funkcjonalne [ISO/IEC/IEEE 29148:2011]

ID Wymaganie funkcjonalne Opis
REQ-F-01 Obliczanie delty System musi umożliwiać obliczenie delty funkcji kwadratowej na podstawie współczynników a, b, c.
REQ-F-02 Obliczanie miejsc zerowych System musi obliczyć miejsca zerowe funkcji w zależności od wartości delty.
REQ-F-03 Walidacja danych System musi sprawdzić, czy a ≠ 0, i w przypadku błędu wyświetlić odpowiedni komunikat.
REQ-F-04 Reset formularza System powinien umożliwiać wyczyszczenie formularza wejściowego.

🔧 Wymagania niefunkcjonalne

ID Wymaganie niefunkcjonalne Opis
REQ-NF-01 Czas odpowiedzi System musi prezentować wynik obliczeń w czasie nie dłuższym niż 1 sekunda od zatwierdzenia formularza.
REQ-NF-02 Dostępność System powinien być dostępny w przeglądarkach Chrome, Firefox i Edge w najnowszych wersjach.
REQ-NF-03 Responsywność System powinien poprawnie działać na ekranach o szerokości od 320px do 1920px.

🏅 Wymagania jakościowe

ID Wymaganie jakościowe Opis
REQ-Q-01 Dokładność obliczeń Wyniki muszą być prezentowane z dokładnością do dwóch miejsc po przecinku.
REQ-Q-02 Testy jednostkowe Każda funkcjonalność obliczeniowa musi być pokryta testami jednostkowymi z co najmniej 90% pokryciem kodu.

💻 KOD PROGRAMU - REALIZACJA

Vue (app.js / App.vue)

// Wklej tutaj kod aplikacji Vue

CSS (styles.css)

/* Wklej tutaj kod CSS */

HTML (index.html)

<!-- Wklej tutaj kod HTML -->

Zrzuty ekranu