Załącznik 3A do SIWZ Opis Przedmiotu Zamówienia wykonanie

Załącznik 3A do SIWZ
Opis Przedmiotu Zamówienia
wykonanie strony www.twojakrew.pl na obecnie funkcjonującej domenie
Przedmiot zamówienia: wykonanie strony www.twojakrew.pl na obecnie funkcjonującej domenie
Założenia Projektowe:
a) wykonanie strony w technologii Systemu Zarządzania Treścią - CMS, umożliwiającej
użytkownikom samodzielne zarządzaniewyglądem i zawartością,
b) wykorzystanie do wykonania strony najpopularniejszych na rynku polskim systemów CMS
dostępnych na zasadach licencji GNU/GPL,
c) wykonanie strony z zastosowaniem najlepszych praktyk w dziedzinie budowania witryn WWW
i zgodnie z najnowszymi standardami, które wyznacza W3C,
d) zgodność implementacji z HTML 5.0 lub wer. wyższej,
e) projekt layoutu w formie elektronicznej, zarówno strony głównej, jak i wszystkich podstron,
f) warstwa zarządzania treścią oddzielona od warstwy prezentacji danych,
g) zarządzanie zespołem redakcyjnym strony poprzez panel administracyjny,
h) zarządzanie strukturą strony (edycja, przenoszenie, ukrywanie, publikacja, tworzenie, usuwanie
podstron, ustawienie czasu publikacji oraz opublikowania dokumentu),
i) możliwość zarządzania treścią strony bez konieczności pracy na otwartym kodzie HTML
(edycja za pomocą intuicyjnego edytoratreści WYSIWYG),
j) możliwość wprowadzania do dokumentu tekstów, tabel, plików graficznych, filmów oraz
innych plików multimedialnych,
k) zastosowanie komponentów spełniających wymogi bezpieczeństwa,
l) możliwość zapisywania historii zmian i przywracania wersji,
m)możliwość prowadzenia statystyki, tj. ogólnej liczby odwiedzin, liczby unikatowych odwiedzin,
najczęściej odwiedzanychstron serwisu, źródła odwiedzin (kraj, miasto, region itp.) za pomocą
ogólnodostępnych narzędzi, typu Google Analitics, bądźrównoważnych,
n) bezpieczeństwo strony internetowej: strona musi być odporna na znane techniki ataków i
włamań, posiadać szyfrowanie haseł użytkowników, odporność na zmiany treści za pomocą
skryptów i manipulacji w zapytaniach do bazy danych (sqlinjection itp. ), panel administracyjny i
logowanie z wykorzystaniem szyfrowanego kanału SSL
o) zapewnienie możliwości zmian struktury merytorycznej już gotowej i uruchomionej strony
bezpośrednio przez Zamawiającego,
1
p) rozwiązanie zapewniające dalszy rozwój strony, a w szczególności zmianę szaty graficznej,
układu menu nawigacyjnegoi rozmieszczenia poszczególnych elementów serwisu.
r) Serwis WWW zostanie przystosowany do eksploatacji przy zastosowaniu w pełni
zainstalowanych przeglądarek Internet Explorer 9.0, Opera 11 i 12, Firefox 12 i 13, Chrome i
nowszych na komputerze kompatybilnym ze standardem IBM PC, pracującym pod systemami
operacyjnymi, w szczególności Windows 7 i nowsze,
s) serwis musi poprawnie realizować założone funkcjonalności dla przeglądarek tabletów i
telefonów komórkowych instalowanych na najpopularniejszych urządzeniach mobilnych (Apple
iPad i iPhone, tablety i telefony z systemem Android oraz Windows 8 oraz 10) zgodnie z
zasadami elastycznego projektowania (Responsive Web Design),
t) serwis powinien być wykonany zgodnie z aktualnie obowiązującymi przepisami prawnymi.
Wdrożenie.
a) konfiguracja, umieszczenie strony oraz wszystkich niezbędnych komponentów
potrzebnych do jej funkcjonowania na serwerze wskazanym przez Zamawiającego,
b) umożliwienie przeprowadzenia testów funkcjonowania strony przez Zamawiającego przed
jej upublicznieniem,
c) zamieszczenie na stronie internetowej przekazanych przez Zamawiającego treści
startowych,
d) zgłoszenie strony do najpopularniejszych wyszukiwarek i katalogów internetowych.
Opis funkcjonalności i architektura projektu.
Zakłada się:
a) z każdej podstrony serwisu możliwość powrotu do strony głównej,
b) menu górne umożliwiające edycję podstron do trzeciego poziomu,
b) menu górne umożliwiające przejście na podstronę do trzeciego poziomu,
c) możliwość edycji menu (dodanie, usuwanie, edycja, zmiana kolejności),
d) możliwość umieszczania na stronach i podstronach elementów zarówno tekstowych, jak
i multimedialnych,
e) umieszczenie na stronie elementów typu: wyszukiwarka, subskrypcja,
f) galeria zdjęć – wyświetlana na stronie galeria zdjęć z podpisami. Galeria może być podłączana
jako widget do dowolnej treści (strony, aktualności). Możliwość tworzenia galerii z poziomu
panelu administracyjnego:
a. Tworzenie galerii z repozytorium zdjęć na serwerze
2
b. Tworzenie galerii z jednoczesnym uploadem nowych zdjęć (możliwość uploadu 20
zdjęć jednocześnie)
c. Definiowanie nazwy galerii
d. Indywidualnej obróbka zdjęć w zakresie:
i. dodawania opisów do zdjęć (widoczne w galerii)
ii. dodawania treści „alt”
iii. przycinane zdjęć
iv. obracanie zdjęć
v. automatyczne umieszczanie znaku wodnego
e. Zbiorcza zmiana tytułu, opisu, autora zdjęć. Zbiorcze usuwanie zdjęć.
f. tworzenie kolekcji galerii – możliwość dodawania galerii do danej kolekcji (na stronie
galerie przedstawione w postaci miniaturek)
g. Zabezpieczenie przed pobraniem obrazu (wyłączenie prawego przycisku myszy)
h. Możliwość użycia co najmniej 3 odrębnych styli galerii
i.
Możliwość edycji wyglądu (stylu) galerii bez znajomości programowania (html, CSS,
javascript)
j.
Automatyczne tworzenie miniaturek z regulacją jakości miniaturki (kompresji)
k. Wyświetlanie zdjęć w galerii musi być responsywne
g) filmy, animacje – możliwość zamieszczania materiałów video lub animacji z repozytorium
multimediów serwisu, możliwość zamieszczania filmów z serwisów Youtube, Vimeo
h) sonda internetowa – wyświetlana w wybranym miejscu na stronie głównej sonda (pytanie
i kilka odpowiedzi do wyboru). Po kliknięciu w odpowiedź wyświetla się wykres
przedstawiający aktualny wynik sondy. Użytkownik który odpowiedział na sondę ma
wyświetlany wynik (w danej sesji pytania już się nie pojawiają).
i) FAQ – najczęściej zadawane pytania.
a. Strona musi posiadać możliwość tworzenia FAQ (FrequencyAskQuestions) jako
osobny moduł
b. Moduł FAQ musi zezwalać na umieszczanie dowolnej ilości pytań i odpowiedzi
c. Moduł musi posiadać możliwość segregowania pytań i odpowiedzi w kategorie
Opis strony informacyjno – promocyjnej.
Wykonawca będzie kierować się zasadą sporządzenia intuicyjnego i łatwego w obsłudze portalu.
Wymaga się:
a) umieszczenia interaktywnej mapy z rozmieszczeniem CKiK,
3
b) umieszczenia następujących elementów graficznych, spełniających funkcje opisane poniżej:
LOGO PROJEKTU - Stały element graficzny strony przekazany przez Zamawiającego,
umożliwiający powrót bezpośrednio dostrony głównej z każdego jej poziomu.
WYSZUKIWARKA - Stały element strony dostępny na każdej podstronie. Oparta o mechanizm
wyszukiwania fraz w utworzonychartykułach oraz zamieszczonych treściach.
STOPKA LUB NAGŁÓWEK - Zawiera stałe elementy, które są widoczne na stronie główniej i
wszystkich podstronach.
AKTUALNOŚCI - Zawierają najświeższe informacje z życia projektu. Wyświetlane będą tu
artykuły edytowane przez redaktoróww formie krótkiej informacji. Artykuły będą wyświetlane na
stronie w kolejności od najnowszego do najstarszego w postaci tytułu, miniatury zdjęcia
dołączonego do artykułu, leadu artykułu (wprowadzonego do odpowiedniego pola w edytorze
WYSIWYG) oraz daty wprowadzenia artykułu. Kliknięcie w lead lub tytuł spowoduje
przeniesienie do pełnej treści artykułu, który będzie umieszczony w jednym z zakładek strony.
c)wprowadzenia na stronie głównej menu z zakładkami do treści podstron:
1) Aktualności - informacje o najważniejszych akcjach pobierania krwi, eventach
związanych z kampanią, konkursach, sondażach itp.
2) Gdzie można oddać krew - 1 podstrona z listą, danymi adresowymi, godzinami
otwarcia oraz przekierowanie na strony jednostek Służby Krwi z informacją o możliwości
odnalezienia tam informacji m.in. o ekipach wyjazdowych.
3) Oddawanie krwi
a. Kto może oddać krew? podstrona z informacjami o przeciwwskazaniach do
oddania krwi.
b. Droga Dawcy informacje o kolejnych etapach jakie musi przebyć dawca do
oddania krwi i jej składników zawarte w formie wirtualnej wycieczki po
przykładowym centrum krwiodawstwa (techniką zdjęciową 360 stopni);
wycieczka powinna zawierać trasy pokazujące drogę dawcy w centrum
krwiodawstwa, od momentu rejestracji do oddania krwi.
c. Droga krwi informacje o kolejnych etapach, jakie przebywa krew od momentu
pobrania jej od dawcy.
d. Składniki krwi
i. Koncentrat krwinek czerwonych - informacja o KKCz.
ii. Osocze - informacja o Osoczu Świeżo Mrożonym i Inaktywowanym.
iii. Koncentrat krwinek płytkowych - informacja o KKP.
4
iv. Inne produkty krwiopochodne - informacje o najważniejszych
produktach krwiopochodnych.
e. Mity i stereotypy – informacje o funkcjonujących w społeczeństwie mitach i
stereotypach związanych z krwiodawstwem.
4) Przyłącz się!
a. Dla szkół – pakiet dedykowany określonej grupie docelowej.
b. Dla firm - pakiet dedykowany określonej grupie docelowej.
c. Dla podmiotów leczniczych - pakiet dedykowany określonej grupie docelowej.
5) Trasa Czerwonej Nitki – informacja o aplikacji.
6) O kampanii
a.
Łączy nas krew – informacja o haśle i głównym motywie przewodnim
kampanii.
b. Program polityki zdrowotnej pn. „Zapewnienie samowystarczalności
Rzeczypospolitej Polskiej w krew i jej składniki na lata 2015-2020”.
c. Multimedia
d. Galeria zdjęć
7) FAQ
Opis panelu administracyjnego.
Strona musi być wyposażona w panel administracyjny dostępny dla administratora i redaktorów
serwisu, zawierający wszystkie funkcje administracyjne i redakcyjne strony. Dostępny będzie z
poziomuadresu URL. Musi pełnić następujące funkcje:
a) autoryzacji administratora i redaktorów (mających ograniczone prawa) przy pomocy
loginu i hasła.
b) zarządzania kontami użytkowników systemu, w tym: dodawaniem, usuwaniem,
modyfikacją, nadawaniem uprawnień do określonych czynności w serwisie jak tworzenie
treści, edycja, usuwanie, publikowanie,
c) zarządzania prawami dostępu do wszystkich podstron,
d) zarządzania uprawnieniami, hasłami,
e) modyfikacji strony poprzez np. dodawanie linków i zamieszczanie na stronie materiałów
(treści,plików graficznych i multimedialnych).
f) samodzielne, bieżące zarządzanie treścią i grafiką oraz ich układem, wymianę szablonów
graficznych
g) edycję każdego elementu strony z poziomu CMS. Dostęp do całego kontentu i
możliwość jego edycji z poziomu redaktora odpowiedzialnego za stronę
5
h) tworzenie dokumentów przy pomocy intuicyjnego edytora, niewymagającego od
redaktorów znajomości języka HTML (edytor powinien umożliwiać redaktorom wygodny
mechanizm przenoszenia treści ze sformatowanych w popularnych formatach biurowych
plików tekstowych (np. MS Word), jak również edycję wstawianego dokumentu
w formacie HTML) – edytor WYSIWYG
i) równoczesną obsługę CMS przez minimum pięć osób
j) tworzenie i zarządzanie repozytorium plików – dostęp do plików umieszczanych
w serwisie, prezentowanie ich w postaci miniaturek, możliwość dodawania nowych,
usuwania zbędnych plików, a także podmiany plików, które powinny być gromadzone
w sposób pozwalający na swobodne ich przeglądanie, katalogowanie i sortowanie
Elementy interaktywne:
a) mapa interaktywna – po najechaniu na kropelkę, ta podświetla się, a obok niej wyświetla
się button z adresem właściwego Centrum Krwiodawstwa,
b) wysuwany panel z kanałami społecznościowymi (Facebook).
Projekt odpowiada normom dot. obsługi strony przez osoby niepełnosprawne (WCAG 2.0)
w zakresie grafiki.
Pozostały zakres norm zostanie wdrożony na etapie kodowania strony.
Przystosowanie strony dla niepełnosprawnych użytkowników – zgodnie ze standardem
WCAG 2.0 poziom AA, w szczególności:
a) możliwość powiększania czcionek, ułatwiające czytanie osobom niedowidzącym,
b) możliwość wyświetlenia strony w większym kontraście – w opcji czarno-białej, biało-czarnej,
czarnożółtej, żółto-czarnej
c) odnośniki do rozwinięć tekstów zajawkowych w formie tekstowej – „czytaj dalej”.
6
Grafiki:
7