# Karta ćwiczenia laboratoryjnego

[![HTML5](https://img.shields.io/badge/HTML5-E34F26?style=for-the-badge&logo=html5&logoColor=white)](https://developer.mozilla.org/en-US/docs/Web/HTML)
[![CSS3](https://img.shields.io/badge/CSS3-1572B6?style=for-the-badge&logo=css3&logoColor=white)](https://developer.mozilla.org/en-US/docs/Web/CSS)
[![JavaScript](https://img.shields.io/badge/JavaScript-F7DF1E?style=for-the-badge&logo=javascript&logoColor=black)](https://developer.mozilla.org/en-US/docs/Web/JavaScript)
[![Vue.js](https://img.shields.io/badge/Vue.js-35495E?style=for-the-badge&logo=vuedotjs&logoColor=4FC08D)](https://vuejs.org/)
[![Vue Docs](https://img.shields.io/badge/Vue-Documentation-35495E?style=for-the-badge&logo=vuedotjs&logoColor=4FC08D)](https://vuejs.org/guide/introduction.html)
[![W3Schools Vue](https://img.shields.io/badge/W3Schools-Vue-04AA6D?style=for-the-badge&logo=vuedotjs&logoColor=white)](https://www.w3schools.com/vue/index.php)


## 📋 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](https://img.shields.io/badge/Upload-upload.pelo.com.pl-blue?style=for-the-badge&logo=upload&logoColor=white)](https://upload.pelo.com.pl)

## ✅ 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. |


## <span style="color:red">💻 KOD PROGRAMU - REALIZACJA</span>

### Vue (app.js / App.vue)

```js
// Wklej tutaj kod aplikacji Vue
```

### CSS (styles.css)

```css
/* Wklej tutaj kod CSS */
```

### HTML (index.html)

```html
<!-- Wklej tutaj kod HTML -->
```

### Zrzuty ekranu

<!-- Wklej tutaj zrzuty ekranu działającej aplikacji -->