Szczegółowy opis przedmiotu zamówienia

Załącznik nr.. do SIWZ (załącznik nr 1 do umowy) Szczegółowy opis przedmiotu zamówienia Strona internetowa projektu Adżarskie Obserwatorium Rynku Pracy i Prognoz Gospodarczych wraz z modułem do wizualizacji danych. I. Ogólny opis przedmiotu zamówienia i uzasadnienie realizacji Przedmiotem zamówienia jest utworzenie witryny internetowej wraz z modułem do wizualizacji danych w ramach międzynarodowego projektu pn. Wsparcie procesu wdrażania i programowania polityki rozwoju przez administrację Autonomicznej Republiki Adżarii w obszarze rynku pracy i przedsiębiorczości, poprzez utworzenie Adżarskiego Obserwatorium Rynku Pracy i Prognoz Gospodarczych. Partnerami projektu są: Województwo Małopolskie oraz Autonomiczna Republika Adżarii (Republika znajduje się w Gruzji, dalej zwana Adżarią). Projekt został wybrany do dofinasowania w ramach konkursu Polska pomoc rozwojowa 2014, którego organizatorem jest Ministerstwo Spraw Zagranicznych RP. Realizacja zamówienia została przewidziana we wniosku o dofinansowanie projektu. Strona internetowa będzie dedykowana i użytkowana przez projekt Adżarskie Obserwatorium Rynku Pracy i Prognoz Gospodarczych. Przedmiot zamówienia obejmuje: a) Wykonanie strony internetowej projektu w technologii Content Management System; b) Wykonanie modułu do wizualizacji danych, stanowiącego integralną część strony projektu (lit. a) i b), czyli strona z modułem w dalszej części specyfikacji nazywana będzie serwisem); c) Utworzenie narzędzia do raportowania błędów dla wykonanej strony (Wykonawca w ramach tego elementu będzie zobowiązany do przyjmowania uwag dotyczących zmian, błędów itp. w języku angielskim); d) Instalację całego serwisu na serwerze w Adżarii; (dane serwisu udostępni zamawiający) e) Wykonanie dokumentacji strony w języku polskim, angielskim i gruzińskim. II. Ogólne warunki realizacji zamówienia: 1

a) Wykonanie jednolitego projektu graficznego dla witryny i modułu wizualizacyjnego (dalej razem zwane serwisem). Wykonawca przedstawi co najmniej 3 projekty szaty graficznej dla serwisu. Projekty powinny różnić się między sobą (przedstawiać różniące się od siebie koncepcje graficzne). Zamawiający wybierze jeden z przedstawionych projektów do realizacji. Ostateczny wybór grafiki należy do Zamawiającego, a jej forma będzie określona i uzgodniona podczas realizacji zamówienia. Strona będzie napisana z wykorzystaniem HTML 5 i CSS 3, bezpłatnego oprogramowania CMS (np. Joomla, Wordpress itp.). Serwis powinien być przygotowany do pracy na serwerze PHP (versja 5.3.28) i MySQL (5.5.36-cll). Strona powinna spełniać standardy W3C. Całość serwisu będzie oparta o system zarządzania treścią (CMS) tzn. oprogramowania pozwalającego na łatwe utworzenie serwisu WWW oraz jego późniejszą aktualizację i rozbudowę przez redakcyjny personel nietechniczny. Kształtowanie treści i sposobu ich prezentacji w serwisie internetowym zarządzanym przez CMS odbywa się za pomocą prostych w obsłudze interfejsów użytkownika, zazwyczaj w postaci stron WWW zawierających rozbudowane formularze i moduły. b) Serwis powinien obsługiwać dwie wersje językowe: gruzińską i angielską (treści dostarczy Zamawiający). Wszystkie elementy na stronie gruzińskiej będą miały swoje odpowiedniki w wersji angielskiej. c) Wykonawca jest zobowiązany zapewnić prawidłowe kodowanie strony umożliwiające wyświetlanie liter w alfabecie angielskim i gruzińskim. d) Witryna będzie responsywna, dostosowana do urządzenia na którym jest wyświetlana (desktop, tablet, smartfon i poprawnie wyświetlać się na przeglądarkach Internet Explorer 8.x oraz wyższej, Firefox 3.x oraz wyższej, Chrome 1.x, Safari 3.x oraz wyższej, Opera 8.x oraz wyższej). e) Serwis będzie oparty na bazie danych umożliwiającej swobodny upload plików wykorzystywanych na stronie (utworzenie repozytorium plików). Dostęp do repozytorium plików będzie możliwy z poziomu systemu zarządzania treścią (CMS). f) Serwis będzie napisany w sposób umożliwiający jego indeksowanie przez wyszukiwarki internetowe oraz będzie posiadać kod śledzenia umożliwiający generowanie statystyk za pomocą mechanizmów google analytycs. g) Serwis będzie wyposażony w następujące elementy: 2

- czytniki kanałów RSS; - Newsletter. Mechanizm będzie umożliwiać wysyłanie wiadomości email do osób zapisanych w bazie danych. Dla internautów będzie udostępniona strona umożliwiająca zapisanie się do newslettera z poziomu serwisu. Rejestracja wyposażona w mechanizm opt-in i opt-out. Możliwość administrowania bazą adresów zapisanych do newslettera oraz mechanizm do tworzenia i wysyłania newslettera (zaprojektowany szablon do wysyłania wiadomości z możliwością edycji); - Wyszukiwarkę treści zamieszonych na stronie; - Skrypt odwołujący się do wtyczki mediów społecznościowych na stronie głównej (facebook) ; - System nawigacji strony oparty co najmniej na: automatycznie generowanej mapie strony oraz wyświetlaniu struktury dostępu do podstrony ( bread crumbs ); - Udogodnienia dla osób niepełnosprawnych; - Mechanizm powiadom znajomego. - Mechanizm drukowania treści artykułu oraz zapisywania do pliku PDF III. Wytyczne dotyczące wykonania strony internetowej. a) Szablon głównej strony będzie obejmować: nagłówek, menu obejmujące podział na kategorie i podkategorie, mechanizm wyświetlania aktualności w postaci slidera (przewijanie grafiki w określonym interwale czasowym), obszar treści właściwych, wydzieloną kolumnę z banerami oraz stopkę. Każdy z tych elementów będzie można edytować z poziomu systemu CMS. Ostateczny kształt i koncepcja strony głównej i podstron serwisu będzie ustalony na etapie realizacji umowy. b) System CMS wyposażony będzie w angielski i gruziński interfejs. Wprowadzanie treści do serwisu także będzie odbywać się w języku angielskim i gruzińskim. Wersja gruzińska i angielska serwisu będą odrębnymi wersjami, do których treści będą wprowadzane oddzielnie. c) Kształtowanie treści i sposobu ich prezentacji za pośrednictwem CMS powinno odbywać się za pomocą prostych w obsłudze interfejsów użytkownika. Wstawianie materiałów będzie odbywać się przy pomocy intuicyjnego edytora opartego na zasadzie WYSIWYG (what you see is what you get). Powinien być to wygodny mechanizm, pozwalający na 3

przenoszenie treści ze sformatowanych w popularnych formatach biurowych plików tekstowych, edycję oraz podgląd dokumentu w formacie XHTML. d) Możliwość bieżącej aktualizacji i rozbudowę serwisu przez osoby posiadające podstawowe umiejętności obsługi komputera, poprzez m.in. tworzenie, dodawanie (odkrywanie) nowych działów (zakładek) i podstron (w postaci artykułów - jednolita ciągła treść z możliwością edycji oraz aktualności - wyświetlających tytuł i lead z możliwością rozwinięcia wiadomości na kolejnej podstronie), zmianę nazw w menu, ukrywanie/edycję zakładek, wstawianie materiałów graficznych, audio, video itp. e) Dołączanie na stronach serwisu plików do pobrania (zdefiniowane formaty), dostęp do plików umieszczanych na stronie serwisu tj. możliwość podmiany lub dodawania nowych plików (utworzenie repozytorium plików). f) Dostęp do systemu CMS z poziomu przeglądarki internetowej. Logowanie dla administratora za pomocą loginu i bezpiecznego hasła (możliwość zmiany hasła w panelu administracyjnym). IV. Wytyczne dotyczące modułu wizualizacyjnego. a) Celem modułu jest przedstawienie wskaźników dotyczących sytuacji społecznogospodarczej w Adżarii oraz ich prezentacja za pomocą map, wykresów, tabel oraz opisów. b) Moduł wizualizacyjny będzie jedną z kategorii menu serwisu. c) Zarządzanie modułem będzie wydzielonym elementem w systemie CMS, oparte na swobodnym dodawaniu/usuwaniu/ukrywaniu kategorii menu pozwalających na swobodne zarządzanie istniejącymi wskaźnikami. d) Swobodne dodawanie nowych wskaźników do bazy danych. Każdy nowy wskaźnik będzie budowany przez określenie: zakresu czasowego dla zmiennej (możliwe opcje: układ roczny, kwartalny lub miesięczny) oraz zakresu przestrzennego (możliwe opcje: podział na 6 jednostek administracyjnych oraz prezentacja dla regionu jako całości). e) Import danych dla wybranego wskaźnika z pliku.xml lub.csv upload pliku w odpowiednim formacie, przetwarzanie, weryfikacja danych, zatwierdzenie i wprowadzenie do bazy danych. f) Prezentacja wskaźnika na ekranie wynikowym z możliwością określenia zakresu czasowego i/lub przestrzennego (w zależności od rodzaju wskaźnika). 4

g) Menu główne (przykładowa wizualizacja na rys. 1), grupujące wskaźniki (w lewej lub górnej części witryny ostateczny wybór należy do Zamawiającego w trakcie realizacji zamówienia) w postaci ikon symbolizujących określoną grupę wskaźników (przykład: demografia ikona symbolizująca człowieka). Pojedyncza ikona (kategoria w menu głównym) będzie rozwijaną listą wskaźników (po kliknięciu na ikonę pojawia się lista). Po wybraniu wskaźnika pojawia się ekran ze szczegółową prezentacją danych dla wskaźnika strona wynikowa. h) Wykonawca wykona interaktywną mapę, która będzie częścią serwisu. Mapa będzie prezentować podział administracyjny Adżarii. Domyślnie mapa będzie prezentować podział 6 jednostek administracyjnych. Mapę w pliku graficznym dostarczy Zamawiający. i) W wybranych przez Zamawiającego miejscach witryny będzie istnieć możliwość zapisywania obrazu (wykresu, mapy) witryny do pliku.pdf lub.jpg, na którym będzie znajdować się tytuł, źródło oraz elementy graficzne w postaci logotypów. j) Strona wynikowa (przykładowa wizualizacja na rys. 2) będzie składać się z następujących elementów (oprócz nagłówka i stopki): i. Nazwa wskaźnika (zgodnie z wybraną zakładką z menu). ii. iii. Zakładki local differentiation i trends (możliwość przechodzenia między dwoma kartami w ramach wybranego wskaźnika). Wybór zakresu czasowego możliwość zaznaczenia z listy konkretnego roku (lub kilku lat) do wybranej analizy z opcją podziału lat na kwartały (zakres czasowy danych każdorazowo samodzielnie ustalany przez Administratora przy wprowadzaniu danych dla wskaźnika). iv. Wybór obszaru możliwość zaznaczenia z przewijanej listy jednostki administracyjnej lub całego regionu (zakres danych: sześć jednostek administracyjnych i dane zagregowane dla całego regionu). v. Przycisk show analysis przenosi do nowego ekranu wynikowego dla wybranych vi. kryteriów. Zakładka map prezentacja danych wskaźnika w podziale terytorialnym (poszczególne obszary wydzielone na mapie będą opisane nazwą terytorium, wartością wskaźnika, nasyceniem koloru w zależności od wartości wskaźnika, obok mapy legenda możliwość zapisania przez użytkownika mapy do formatu.jpg,.pdf). 5

vii. Zakładka chart prezentacja graficzna w postaci wykresu. viii. Zakładka table tabela prezentującą dane w przekroju czasowym (możliwość zapisania przez użytkownika wykresu do formatu.jpg,.pdf). ix. Zakładka description krótki opis tekstowy zmiennej zawierający: nazwę wskaźnika, źródło, krótką charakterystykę, link do raportu lub bazy danych. x. Opcja pobierz dane dla wskaźnika na dysk twardy w postaci pliku.csv lub.xls możliwość pobrania danych w postaci edytowalnego pliku przez użytkownika, dane w pliku będą posiadały układ analogiczny do rozkładu zaprezentowanego w zakładce table. k) Zarządzanie grupami wskaźników (menu z ikonami), umożliwiające co najmniej: i. Dodawanie do menu nowych ikon reprezentujących grupę wskaźników (możliwość dodania nieograniczonej liczby ikon, powodujące automatyczne rozbudowanie menu o kolejny wiersz z ikonami i podpisem pod ikoną). ii. Pobieranie nowych grafik, które mogą być wykorzystane jako ikony w menu. iii. Edytowanie menu umożliwiające: zmianę kolejności ikon, wprowadzanie i zmianę podpisów pod ikonami, usuwanie i dodawanie ikon (Wykonawca przygotuje w ramach zamówienia przykładowe grafiki w postaci 8 ikon o formacie około 40 x 40 pikseli i umieści w wersji startowej witryny). l) Zarządzanie wskaźnikami: i. Dodawanie, usuwanie, modyfikowanie zawartości i zmianę kolejności wyświetlania wskaźników na liście możliwość dodania nieograniczonej liczby wskaźników do danej grupy (ikony w menu). ii. Dodawanie i modyfikowanie wskaźników odbywać się będzie przez określenie: - zakresu czasowego dla zmiennej w zakładce można wybrać lata dla których będzie wyświetlany zakres zmiennej układ roczny, układ kwartalny lub miesięczny (zaznaczenie danej opcji powoduje utworzenie dla każdego z wybranych lat odpowiedniego liczby komórek na wprowadzenie danych). - wybór zróżnicowania terytorialnego dla zmiennej na mapie regionu z podziałem na jednostki administracyjne (jeśli wskaźnik nie będzie prezentowany na mapie możliwe jest zaznaczenie opcji no data available ). 6

- opcje przyporządkowania różnego nasycenia koloru mapy w zależności od określonych zakresów wartości wskaźnika w podziale terytorialnym (przykład: jasnoniebieski: wartości 1-3; niebieski: wartości 4-7, ciemnoniebieski: wartości: 8-10; możliwość wydzielenia co najmniej 6 kategorii w ramach legendy do mapy); - wykres możliwe wykresy do wyboru: kołowy, liniowy, słupkowy. - opis informacje wprowadzane za pomocą edytora. - ukrywanie/publikowanie możliwość przełączenia między opcjami: publikowania (wskaźnik będzie ogólnodostępny dla wszystkich użytkowników witryny) i ukrywania (wskaźnik będzie zapisany w bazie danych, ale nie będzie wyświetlany jako ogólnodostępny dla wszystkich użytkowników witryny). - wybór grupy wskaźników przyporządkowanie do istniejącej grupy (ikony w lewym menu). - zatwierdzenie wprowadzenie wybranego zakresu danych i opcji dla wskaźnika do witryny. m) Wprowadzanie i importowanie danych dla wybranego wskaźnika z pliku.xls: i. Wykonanie systemu formularzy do wprowadzania danych (administrator wprowadza ii. iii. iv. dane przez formularz do witryny z możliwością określenia nazwy wyświetlanych kategorii oraz uwzględnienia przekroju czasowego i/lub przestrzennego danych). Możliwość ręcznego (wpisywanie z klawiatury) wprowadzania danych i określenie kategorii (nazw) wierszy i kolumn do bazy danych dla konkretnego wskaźnika. Możliwość importu pliku do bazy danych dla każdego wskaźnika. Przetwarzanie pliku umożliwiające przyporządkowanie odpowiednich kategorii z pliku (nazwy wyodrębnione jako tytuły wierszy i kolumn z kategoriami tworzonymi przy konstrukcji wskaźnika). v. Weryfikacja danych (uwzględniająca weryfikację separatorów między jednostkowymi vi. danymi, wierszami i kolumnami). Zatwierdzenie i wprowadzenie danych do bazy dla konkretnego wskaźnika. V. Przygotowanie i obsługa prototypu serwisu. W ramach zamówienia Wykonawca przygotuje prototyp serwisu, który będzie służył Zamawiającemu do testów w przygotowaniu ostatecznej wersji. Prototyp serwisu będzie zainstalowany w miejscu pozostającym w dyspozycji Wykonawcy. Prototyp nie może być 7

stroną ogólnie dostępną w Internecie. Wykonawca udostępni adres pod którym będzie można testować serwis. Dostęp do niego mogą uzyskać osoby wskazane przez Zamawiającego po wcześniejszym otrzymaniu loginu i hasła. Wykonawca jest zobowiązany uwzględnić wszystkie uwagi Zamawiającego dotyczące funkcjonowania prototypu strony. Uwagi/poprawki powinny zostać wprowadzone w ciągu 4 dni roboczych od daty ich przekazania drogą elektroniczną. W ramach prototypu strony Wykonawca przygotuje również sekcję z filmami oraz dokumentami tekstowymi (.pdf) prezentującymi sposób obsługi witryny. VI. Instalacja serwisu na serwerze w Adżarii. Po przyjęciu przez Zamawiającego ostatecznej wersji serwisu Wykonawca dokona jego instalacji na serwerach będących w dyspozycji partnera projektu w Adżarii. Wykonawca w tym zakresie będzie zobowiązany do samodzielnego kontaktu z przedstawicielami administracji publicznej w Adżarii. Zamawiający przekaże kontakty do osób upoważnionych do kontaktu z Wykonawcą Adżarii. Wszelkie techniczne kwestie oraz ustalenie sposobu przeprowadzenia instalacji serwisu leży po stronie Wykonawcy. Komunikacja będzie odbywać się w języku angielskim. VII. Wykonanie dokumentacji strony. Wykonawca przekaże Zamawiającemu witrynę z kompletem plików i kodów źródłowych, w pełnej funkcjonalności wraz ze wszystkimi odpowiednimi hasłami dla administratora na nośnikach elektronicznych (płyta DVD) w dwóch kopiach. Wykonawca opracuje również dokumentację techniczną serwisu oraz podręcznik obsługi serwisu pozwalające na wykonywanie niezbędnych zmian w trakcie funkcjonowania witryny. Oba dokumenty zostaną opracowane w języku polskim, angielskim oraz gruzińskim. Podręcznik obsługi powinien zawierać wzbogaconą elementami graficznymi instrukcję wszystkich procesów rozbudowy i dostarczania treści do serwisu. Dokumenty zostaną przekazane w postaci elektronicznej (plik Word lub PDF na płycie DVD), pozwalającej na jej zwielokrotnienie. VIII. Harmonogram realizacji zamówienia: 1. Najpóźniej do trzeciego roboczego dnia po podpisaniu umowy Wykonawca ustali z Zamawiającym szczegóły realizacji zamówienia. Ustalenia będą miały formę warsztatów, po których Wykonawca przygotuje dokumentację techniczną, precyzującą 8

wszystkie szczegóły wykonania zamówienia oraz harmonogram cząstkowy etapów prac. Dokumentację techniczną oraz harmonogram zaakceptują obydwie strony. 2. Wykonawca wykonana projekt graficzny dla witryny, który będzie podstawą do prowadzenia dalszych prac. Projekt graficzny zostanie wykonany i przedstawiony do zaakceptowania Zamawiającemu najpóźniej do 14 dni roboczych od daty podpisania umowy. W terminie do 2 dni roboczych od dnia przedłożenia do akceptacji Zamawiający może przedstawić swoje uwagi i zastrzeżenia do wykonanego projektu graficznego, a Wykonawca zobowiązany jest je uwzględnić, o ile nie będą sprzeczne ze szczegółowymi wymaganiami opisanymi Szczegółowym opisie przedmiotu zamówienia. 3. Wykonawca wykonana, zainstaluje i uruchomi testową wersję witryny na serwerze docelowym - będącym w posiadaniu partnera w Adżarii z możliwością wpisywania treści do testowej bazy danych (wraz z wstępną dokumentacją witryny i podręcznikiem obsługi) na co najmniej 20 dni roboczych przed upływem ostatecznego terminu realizacji zamówienia. 4. Zamawiający w ciągu 5 dni roboczych od dnia dostarczenia i zainstalowania przez Wykonawcę wersji testowej witryny może przedstawić uwagi i zastrzeżenia do przedmiotu zamówienia, a Wykonawca zobowiązany jest je uwzględnić, o ile nie będą sprzeczne ze szczegółowymi wymaganiami Zamawiającego opisanymi Szczegółowym opisie przedmiotu zamówienia. 5. W przypadku stwierdzenia przez Zamawiającego wad w dostarczonych materiałach, Wykonawca zobowiązany będzie usunąć je w terminie do 5 dni roboczych od daty otrzymania uwag Zamawiającego. Brak przedłożenia uwag w przewidzianym terminie oznacza akceptację przedstawionych materiałów przez Zamawiającego. 6. Niezwłocznie po zaakceptowaniu przez Zamawiającego wersji testowej witryny i zainstalowania jej przez Wykonawcę, dostarczy on Zamawiającemu przedmiot umowy w wersji instalacyjnej na płytach DVD wraz z kodem witryny oraz plikami źródłowymi oraz dokona instalacji i uruchomienia witryny na serwerze wskazanym przez Zamawiającego. 7. Ostateczny odbiór przedmiotu zamówienia nastąpi do dn. 1 grudnia 2014 r. 9

IX. Informacja o współfinansowaniu: Projekt pn. Wsparcie procesu wdrażania i programowania polityki rozwoju przez administrację Autonomicznej Republiki Adżarii w obszarze rynku pracy i przedsiębiorczości, poprzez utworzenie Adżarskiego Obserwatorium Rynku Pracy i Prognoz Gospodarczych jest współfinansowany w ramach programu polskiej współpracy rozwojowej. 10

Przykładowe wizualizacje szablonów dla modułu wizualizacyjnego (ostateczny kształt zostanie ustalony w trakcie realizacji zamówienia w uzgodnieniu z Zamawiającym). Rys. 1. Przykładowa wizualizacja strony głównej Nagłówek Szata graficzna zaprojektowana przez Wykonawcę z uwzględnieniem uwag Zamawiającego. Menu Ikona 1 Ikona 2 Treść strony głównej Tytuł Podtytuł 1 Ikona 3 Ikona 4 Tekst -> Ikona 5 Ikona 6 Podtytuł 2 Tekst -> Wskaźnik 1 Wskaźnik 2 Wskaźnik 3 Wskaźnik 4 Wskaźnik 5 Podtytuł 3 Tekst -> Treść wprowadzana przez edytor dostępny w panelu administracyjnym. Menu z grupami wskaźników. Ikony importowane za pomocą panelu administracyjnego. Po kliknięciu na ikonę pojawia się rozwijana lista wskaźników. Kliknięcie na wskaźnik powoduje przejście do ekranu wynikowego. Stopka Pasek logotypów / informacje o współfinansowaniu / linki Projekt współfinansowany do stron w / funkcja ramach dodaj programu do ulubionych. polskiej współpracy rozwojowej 11

Rys. 2. Przykładowa wizualizacja strony wynikowej dla wskaźnika Nagłówek Nazwa wskaźnika Zróżnicowanie lokalne Trendy Wybór lat Wybór obszaru Opracowanie mechanizmu wyboru [] podziel na kwartały zakresu czasowego w uzgodnieniu z Zamawiającym Region Jednostka 1 Jednostka 2 Jednostka 3 Jednostka 4 Pokaż analizę >>>> Mapa Wykres Tabela Opis Tytuł wykresu/ mapy / tabeli / opisu Ekran z wykresem/ mapą / tabelą / opisem Legenda (dla opcji mapa): Źródło: Kolor 1 zakres danych Kolor 2 zakres danych Kolor 3 zakres danych Kolor 4 zakres danych Kolor 5 zakres danych Kolor 6 brak danych Zapisz jako pdf Zapisz jako obraz Pobierz dane w pliku Stopka 12