spatna vazba

# Odpovede na doplňujúce otázky k vývoju trojfázovej simulácie

## 1. Matematický model a presnosť výpočtov

- **Konkrétne problémy**: Najväčšou výzvou bolo správne modelovanie vzťahu medzi napätím, prúdom a výkonom v trojfázovom systéme. Implementácia fázového posunu a jeho vplyvu na výkony (činný, jalový, zdanlivý) vyžadovala veľkú pozornosť.

- **Zabezpečenie presnosti**: Využili sme normalizáciu hodnôt a obmedzenie vstupných parametrov na realistické rozsahy. Pre extrémne hodnoty sme implementovali adaptívne škálovanie grafov.

- **Alternatívne prístupy**: Zvažovali sme použitie externej matematickej knižnice pre komplexné výpočty, ale nakoniec sme sa rozhodli pre vlastnú implementáciu kvôli lepšej kontrole nad výpočtami a minimalizácii závislostí.

## 2. Optimalizácia výkonu a plynulosť animácií

- **Výkonnostné problémy**: Hlavným problémom bolo udržať plynulosť animácií pri súčasnom vykresľovaní viacerých grafov a aktualizácii fázorového diagramu.

- **Efektívne techniky**: Využitie `requestAnimationFrame` namiesto `setInterval`, optimalizácia vykresľovacích funkcií a minimalizácia prekresľovania nezmeneých častí grafu.

- **Kompromis vizuál vs. výkon**: Znížili sme počet bodov na krivkách pri vysokých frekvenciách a implementovali adaptívnu kvalitu vykresľovania v závislosti od výkonu zariadenia.

## 3. Škálovateľnosť a adaptabilita

- **Výzvy škálovateľnosti**: Hlavnou výzvou bolo zabezpečiť, aby grafy zostali čitateľné a informatívne pri extrémnych hodnotách prúdu alebo napätia.

- **Riešenie extrémnych hodnôt**: Implementovali sme adaptívne škálovanie osí a automatické prepínanie jednotiek (napr. z A na kA).

- **Responzívny dizajn**: Využili sme flexibilné layouty a percentuálne veľkosti pre prispôsobenie rôznym veľkostiam obrazovky.

## 4. Integrácia komponentov

- **Problémy pri integrácii**: Najväčšou výzvou bola synchronizácia stavu medzi rôznymi komponentmi, najmä pri zmene vstupných parametrov.

- **Riešenie synchronizácie**: Využili sme centralizovaný stav v React komponente najvyššej úrovne a props drilling pre zdieľanie stavu medzi komponentmi.

## 5. Obmedzenia veľkosti kódu

- **Stratégie**: Využili sme vyššie funkcie, mapovanie a redukciu opakujúceho sa kódu. Implementovali sme generické komponenty pre grafy.

- **Kompromisy**: Museli sme vyvážiť medzi čitateľnosťou kódu a jeho kompaktnosťou. V niektorých prípadoch sme obetovali detailné komentáre v prospech kratšieho kódu.

## 6. Voľba technológií

- **Dôvody pre JS a React**: Reaktívnosť, efektívna správa stavu, široká podpora a ekosystém knižníc. Zvažovali sme Vue.js, ale React vyhral kvôli väčšej komunite a osobným skúsenostiam.

- **Canvas vs. iné**: Canvas poskytol lepší výkon pri animáciách oproti SVG. Umožnil tiež väčšiu kontrolu nad vykresľovaním.

## 7. Užívateľské rozhranie a interaktivita

- **Hlavné výzvy**: Vytvorenie intuitívneho rozhrania pre komplexné parametre ako fázový posun a typy záťaže.

- **Spätná väzba**: Na základe spätnej väzby sme pridali tooltip vysvetlenia pre zložitejšie koncepty a vizuálne indikátory zmien.

## 8. Testovanie a ladenie

- **Neočakávané problémy**: Objavili sa problémy s presnosťou výpočtov pri nízkych frekvenciách a extrémnych hodnotách prúdu.

- **Užitočné nástroje**: React Developer Tools pre ladenie stavu komponentov, Chrome DevTools pre profilovanie výkonu.

## 9. Budúce vylepšenia

- **Potenciálne funkcie**: Implementácia 3D vizualizácie fázorového diagramu, pridanie možnosti porovnávať viacero scenárov súčasne.

- **Technické výzvy**: Integrácia 3D renderingu by vyžadovala značné rozšírenie kódovej základne a potenciálne využitie WebGL.

## 10. Získané poznatky

- **Kľúčové ponaučenia**: Dôležitosť počiatočného návrhu architektúry, hodnota priebežného testovania s koncovými užívateľmi.

- **Zmeny pri novom začiatku**: Implementovali by sme robustnejší systém správy stavu (napr. Redux) od začiatku projektu pre lepšiu škálovateľnosť.