Skrypt JS do wizualizacji rozmieszczenia paneli fotowoltaicznych na dachu

Zlecimy wykonanie skryptu za pomocą Javascript ( myślę, że z wykorzystaniem biblioteki Canvas, ale inne propozycje również rozważymy).

Skrypt ma służyć do wizualizacji rozmieszczenia paneli fotowoltaicznych na dachu.

Skrypt zostanie później wykorzystany przez nas w istniejącym oprogramowaniu oraz odpowiednio ostylowany, więc strona wizualna nie jest tutaj ważna.

Działanie skryptu:

1. W pierwszym kroku użytkownik importuje zdjęcie dachu w dowolnej perspektywie ( z Google Maps, zdjęcie z drona lub zdjęcie wykonane z ziemi ). Zdjęcie to ustawia się jako tło naszego płótna

2. Kolejnym punktem jest zeskalowanie naszego zdjęcia ( czyli określenie długości i szerokości ) oraz określenie perspektywy (nachylenia płaszczyzny dachu na zdjęciu w osi X i Y). W tym celu rysujemy prostokątny obszar oraz wpisujemy długość jego krawędzi w mm oraz kąt nachylenia X i Y w stopniach. Użytkownik będzie bazował np. na tym, że zna wymiar dachówek i zaznaczy obszar 5 x dachówek.

3. Kolejny krok to podanie wielkości paneli fotowoltaicznych, które chcemy umieścić na dachu ( dwa inputy na długość i szerokość podawane w mm) oraz odstępu między panelami w rzędzie ( również w mm). Załączamy też zdjęcie panelu, które będzie reprezentować go na wizualizacji.

4. Następnie dodajemy rząd paneli. Podajemy układ ( pionowy albo poziomy) oraz ilość paneli w rzędzie. Po zatwierdzeniu na płótnie generuje nam się wizualizacja takiego rzędu zeskalowana do wymiarów dachu oraz w odpowiedniej perspektywie

6. Możemy dodać kolejne rzędy jak w punkcie wyżej

7. Po kliknięciu w rząd na wizualizacji pokazuje nam się formularz danego rzędu i możemy go edytować ( zmienić układ oraz liczbę paneli i poprawić nachylenie X i Y)

8. Możemy również usunąć rząd z wizualizacji

9. Na końcu możemy wyeksportować gotową wizualizację do pliku

Prosimy o oferty z propozycją budżetu oraz czasu realizacji.