Cel projektu:
Stworzenie interaktywnej mapy usług społecznych miasta, która pozwoli
użytkownikom szybko uzyskiwać informacje o instytucjach wsparcia społecznego, placówkach medycznych,
instytucjach edukacyjnych oraz organizacjach społecznych.
Interaktywna mapa powinna być wbudowana i w pełni działać na stronie organizacji społecznej,
stworzonym na platformie Gamma.
2. Materiały wyjściowe
Zamawiający dostarcza wykonawcy:
plik PDF mapy usług społecznych
plik JPEG mapy (podstawa dla interaktywnej mapy)
tabelę instytucji (18 organizacji)
logo organizacji.
Logo dostarczane jest w formacie PNG lub SVG.
3. Wymagania funkcjonalne
Na mapie powinno być umieszczonych 18 klikalnych znaczników, odpowiadających lokalizacji
instytucji.
Po kliknięciu na znacznik powinno otwierać się okno informacyjne, które zawiera:
nazwę instytucji
adres
telefon
godziny otwarcia
Kategorie usług
Znaczniki powinny mieć różne kolory w zależności od kategorii.
Kategoria Kolor znacznika
Ochrona społeczna niebieski
Pomoc prawna fioletowy
Usługi medyczne i rehabilitacyjne czerwony
Usługi edukacyjne i inkluzywne różowy
Organizacje społeczne i charytatywne zielony
5. Elementy designu
Na interaktywnej mapie powinny być wyświetlane:
nazwa mapy
legenda kategorii
nazwy dzielnic
logo organizacji
informacyjny napis o możliwej zmianie danych w warunkach stanu wojennego
Design mapy powinien maksymalnie odpowiadać dostarczonemu makietowi PDF.
6. Funkcjonalność mapy
Mapa powinna wspierać:
powiększanie (zoom)
przesuwanie mapy (drag)
otwieranie informacji po kliknięciu na znacznik
poprawne działanie na urządzeniach mobilnych
7. Wymagania technologiczne
Rekomendowane technologie realizacji:
HTML5
CSS3
JavaScript
Leaflet.js lub podobna biblioteka
Podstawa mapy - rastrowy obraz JPEG.
8. Panel administracyjny
Interaktywna mapa powinna zawierać panel administracyjny, który pozwala zamawiającemu
samodzielnie zarządzać informacjami.
Administrator powinien mieć możliwość:
dodawania nowych organizacji
edytowania informacji
usuwania wpisów
dodawania nowych kategorii usług
moderowania danych
Dla każdej instytucji powinna być możliwość edytowania:
nazwy
adresu
telefonu
godzin otwarcia
kategorii
lokalizacji punktu na mapie.
9. Dostęp do panelu administracyjnego
Dostęp do panelu administracyjnego odbywa się przez:
login
hasło
Panel administracyjny powinien działać przez przeglądarkę internetową.
10. Integracja mapy na stronie
Strona organizacji stworzona jest na platformie Gamma.
Wykonawca powinien:
1. Umieścić interaktywną mapę na hostingu internetowym.
2. Zapewnić dostęp do mapy przez publiczny link.
3. Wbudować mapę na stronie organizacji przez iframe lub embed.
4. Sprawdzić poprawne działanie mapy na stronie.
Po zakończeniu prac mapa powinna w pełni funkcjonować na stronie organizacji.
11. Responsywność
Interaktywna mapa powinna poprawnie działać:
na komputerach
na tabletach
na urządzeniach mobilnych.
12. Wynik wykonania prac
Po zakończeniu prac wykonawca przekazuje zamawiającemu:
działającą interaktywną mapę
link do mapy
mapę, zintegrowaną na stronie organizacji
pełny dostęp do panelu administracyjnego
login i hasło administratora
pliki źródłowe projektu.
Przekazanie dostępów oraz instrukcji
korzystania
Po zakończeniu prac wykonawca zobowiązany jest przekazać zamawiającemu:
login i hasło administratora do panelu administracyjnego
dostęp do hostingu lub serwera, na którym znajduje się interaktywna mapa
pliki źródłowe projektu
krótką instrukcję korzystania z panelu administracyjnego.
Instrukcja powinna zawierać:
sposób logowania do panelu administracyjnego
sposób dodawania nowej instytucji
sposób edytowania informacji
sposób usuwania wpisów.
Instrukcja dostarczana jest w formacie PDF lub Word.