Aplikacja do pracy z interaktywną mapą na ekranie dotykowym

• Preferencje dla programistów w REACT lub GODOT
• Terminy są napięte.
• Projekt jest gotowy w FIGMA i Adobe Illustrator

Program jest wielostronicowym nawigatorem po mapie krajowego parku przyrody (Polusze).

Strona główna, na której znajdują się 4 przyciski z animowanymi obrazami

Przycisk 1 «Miejsca» - po naciśnięciu przenosi na stronę typu 1-1. Strona 1-1 – to duża mapa, na której zaznaczone są obiekty na mapie, do których odwiedzający park może dotrzeć pieszo, na rowerze lub na kajaku.

Funkcjonalność stron «1-1» i «1-2»:

• Na stronie 1-1 na górze znajduje się statyczna pasek (tytuł) a na dole jest menu, którego przyciski są takie same jak na stronie głównej (4 szt).
• Mapa – początkowa rozdzielczość 6264x8488 px. Mapę można powiększać i przesuwać. Przy powiększaniu mapy górny pasek i menu pozostają statyczne (mapa nie nachodzi na nie).
• Miejsca – to punkty na mapie, do których przypisany jest obrazek (ikona lub miniatura) oraz tekstowa nazwa. Przy powiększaniu mapy, rozmiar ikon i bloku tekstowego z nazwą nie zmienia się.
• Użytkownik może «stuknąć» w dowolne z «miejsc» i wtedy otwiera się okno PopUp, w którym wyświetlane są informacje o obiekcie (miejscu). Okno PopUp nazywane jest umownie stroną 1-
• Dla każdego obiektu istnieje swój typowy kontent:
• Nazwa obiektu
• Zdjęcie
• Opis tekstowy

W aktywnych elementach na PopUp  (str. 1-2) znajdują się przyciski do przewijania zdjęć (jeśli jest ich więcej niż jedno) – strzałki w prawo/w lewo oraz przycisk zamknięcia okna – krzyżyk.

Zamknięcie okna PopUp przenosi użytkownika z powrotem na stronę 1-1

Przyciski 2-4  - to wybór typu podróży: kajak, pieszo, na rowerze. Wszystkie trzy przyciski przy «stuknięciu» przenoszą użytkownika na stronę typu 2-1. Ta strona jest typowa. Ale dla każdego z trzech rodzajów tras jest nieco inna. Różnica polega na:

Górny pasek wskazuje na jeden z trzech typów podróży (wyświetlane trasy) – kajak, pieszo i na rowerze.

Aktywny przycisk w menu – jeśli wybrano rodzaj podróży, na przykład «kajak», to odpowiednio przycisk z obrazkiem kajaka jest wyświetlany w aktywnym stanie (kolory tekstu i samego przycisku są odwrócone). Podobnie dla innych dwóch typów tras.

Jeśli na przykład wybrano typ podróży «Kajak», to na mapie będą wyświetlane wszystkie rodzaje wodnych podróży (tras) – obecnie jest ich 3 (V1, V2, V3).

Trasy – to linia przerywana, którą projektant (ja:) narysował zgodnie z plikiem GPX z współrzędnymi punktów trasy. Każda trasa jest klikana  i przy «stuknięciu» przenosi na stronę  2-2.

Strona 2-2 – to strona trasy. Na niej wyświetlane są:

• Nazwa trasy
• Symbol trasy (kolorowy romb)
• Czas trwania i długość trasy
• Znacznik rozpoznawczy trasy (zdjęcie znaku. Na przykład facet na kajaku)
• Treść tekstowa
• Przycięta mapa z wyświetleniem tylko jednej konkretnej trasy i obiektów (miejsc) przypisanych do tej trasy (pozostałe nie są pokazywane).
• Przycisk zamknięcia okna i powrotu na stronę 2-1

Po stuknięciu w dowolny z obiektów, wyświetla się PopUp (strona 1-2) z opisem obiektu (miejsca).

Będzie potrzebny panel administracyjny do dodawania nowych punktów i tras. Szczegóły przy osobistej rozmowie.