1 Załącznik nr 1a Projekt graficzny

Załącznik nr 1a
Projekt graficzny:
MULTISERWIS
MULTI SZABLON oraz 7 TABLIC INFORMACYJNYCH
www.mon.gov.pl
OPIS PRZEDMIOTU KONKURSU – projekty graficzne stron internetowych MULTISERWISU.
Przedmiotem konkursu jest wykonanie projektów graficznych stron internetowych MULTISERWISU
wraz ze schematami funkcjonalnymi stron z uwzględnieniem zasad użyteczności i dostępności –
w oparciu o rekomendację W3C zawartą w „liście kontrolnej WCAG” (w zrealizowanym przedmiocie
zamówienia musi być zastosowana lub zagwarantowana zgodność kodu stron z zasadami dostępności
i użyteczności, zgodnie z rekomendacją W3C).
Dodatkowo projekt graficzny MULTI SZABLONU musi uwzględniać w swojej strukturze także treści
Biuletynu Informacji Publicznej. Wspomniane dane powinny być zachowane w menu głównym
(poziomym czy pionowym) jako jego integralny element.
Reasumując strona jednostki wojskowej/komórki/instytucji MON to także strona BIP – nie tworzymy
oddzielnego bytu BIP. Strona www swoją strukturą i funkcją jest wspólnym miejscem do
zamieszczania/publikowania materiałów o jednostce – aktualności , galerii itd. oraz danych BIP.
ZAŁOŻENIA MULTISERWISU
Przedmiotem konkursu jest stworzenie nowego wyglądu MULTISERWISU czyli nowej grafiki MULTI
SZABLONÓW oraz TABLIC INFORMACYJNYCH.
Założeniem powstania MULTISERWISU (MULTI SZABLONÓW oraz 7 TABLIC INFORMACYJNYCH) jest
stworzenie środowiska www na potrzeby instytucji Ministerstwa Obrony Narodowej oraz jednostek
wojskowych Sił Zbrojnych RP.
Celem projektu jest jednocześnie ustandaryzowanie szaty graficznej wszystkich serwisów www
w resorcie obrony narodowej i wprowadzenie MULTISERWISU – zbioru zróżnicowanych ze względu
na charakter i cel istnienia jednostki wojskowej/komórki/instytucji organizacyjnej resortu ON –
szablonów graficznych.
Wybór wspomnianych szablonów prezentacji graficznej serwisu www dla jednostki
wojskowej/komórki/instytucji organizacyjnej nastąpi w systemie MULTISERWIS umieszczonym na
serwerze resortowym Ministerstwa Obrony Narodowej.
Nieodłącznych i powiązanym elementem systemu MULTISERWISU są także tablice informacyjne,
które za pośrednictwem wspomnianych szablonów będą tworzyć dynamiczny system informacyjny
jednostek wojskowych oraz komórek i instytucji podległych resortowi obrony narodowej.
Informacje z SZBLONÓW MULTISERWISU będą przekazywane do TABLIC za pośrednictwem XML.
1
Organizator konkursu zakłada, że jednym z elementów odróżniających serwisy www np. jednostek
wojskowych będzie szablon, gdzie administrator systemu będzie mógł umieścić zdjęcie lub zdjęcia,
logo oraz nazwę jednostki widniejące w górnej części strony startowej.
Poszczególne strony MULTI SZBLONU powinny być zróżnicowane kolorystycznie tak aby oddawały
charakter i funkcję jednostki/instytucji MON i SZRP. Zalecane jest przedstawienia projektów
graficznych zróżnicowanych kolorystycznie pod kątem identyfikacji Rodzajów Sił Zbrojnych RP
(Marynarka Wojenna, Wojska Lądowe, Siły Powietrzne oraz Wojska Specjalne).
W związku z tym przedstawiamy założenia kolorystyki Rodzajów Sił Zbrojnych do zobrazowania
w projekcie:
SIŁY POWIETRZNE
PANTONE 307 C
CMYK 100 20 4 18
RGB 0 120 171
WOJSKA SPECJALNE
PANTON Process Black C
CMYK 0 0 0 100
RGB 31 26 23
WOJSKA LĄDOWE
PANTON 362 C
CMYK 78 2 98 9
RGB 41 153 38
MARYNARKA WOJENNA
PANTON 662 C
CMYK 100 88 0 20
RGB 15 31 122
Kolorystyka SZABLONU instytucji lub komórki organizacyjnej MON czy SZ powinna być inna.
Projekty graficzne stron internetowych MULTISERWISU muszą zostać opracowane na podstawie
własnych wniosków z analizy aktualnych rozwiązań i treści stron MULTISERWISU oraz zaleceń
sformułowanych w poniższym opisie przedmiotu.
Przykłady obecnie funkcjonującej strony w MULTISERWISIE/MULTI SZABLON:
http://www.brepr.wp.mil.pl/
http://www.2wog.wp.mil.pl/
http://www.3pplot.wp.mil.pl/
http://www.25bkpow.wp.mil.pl
http://www.2slt.wp.mil.pl/
2
Projekty graficzne powinny jednoznacznie wskazywać na charakter instytucji i dziedzin, którymi
zajmuje się resort obrony narodowej. Jednocześnie powinny uwzględniać elementy, które będą
odróżniały poszczególne strony (MULTI SZABLONU), od siebie. Chodzi o stworzenie wspólnej
identyfikacji wizualnej posiadającej możliwość subtelnego podkreślenia tożsamości i identyfikacji
strony z funkcją i zadaniami poszczególnej jednostek wojskowych lub instytucji.
W projekcie powinny być zastosowane bezpłatne czcionki możliwe do wykorzystania w internecie bez
konieczności ponoszenia przez administratora systemy kosztów z tego tytułu.
Uczestnik konkursu opracuje i przedstawi grafikę MULTISERWISU:
– 2 różne widoki MULTI SZABLONU (strony startowej/głównej) – wizualizacja sposobu
indywidualizacji (rozróżnienia) poszczególnych jednostek;
– 4 wybrane widoki z zasobów strony MULTI SZABLONU np. dział aktualności, dział multimediów,
pojedyncza aktualność, pojedyncza galeria foto/video, zwykła strona informacyjna/tekstowa
wybierana z menu serwisu;
– oraz 7 widoków dla TABLIC INFORMACYJNYCH (szczegóły poniżej w tekście).
Forma przedstawienia projektów graficznych:
Przedstawienie projektu graficznego powinno odbyć się poprzez prezentację w formie HTML
z podlinkowanymi podstronami. Wszystkie elementy graficzne występujące w projekcie graficznym
(tła, ramki, buttony, loga i inne) powinny zostać dołączone w osobnym folderze w formacie png, tiff,
jpg, gif (cdr - dla elementów grafiki wektorowej - o ile występuje w projekcie) oraz pliku flv i swf dla
elementów flash. Kolory tła i poszczególnych elementów graficznych powinny zostać zdefiniowane za
pomocą wartości metrycznych składowych kolorów w systemie RGB.
OPIS MULTISERWISU
Nową grafikę powinna charakteryzować oryginalna architektura informacji, wyglądu (design),
struktury, interfejsu, użyteczności oraz optymalizacji pod wyszukiwarki, integracji rozwiązań
i zarządzania zawartością.
W celu poprawienia atrakcyjności serwis powinien:




uwzględniać specyfikę estetyki właściwej dla stron internetowych o tematyce obronnej;
przewidywać to, że strona będzie posiadała wersję na systemy mobilne, dostosowaną do
przeglądarek urządzeń przenośnych (telefonów, smartphone’ów, tabletów i innych – „bez
konfliktu systemów operacyjnych Apple, Windows i Android;
uwzględniać m.in. bloki tematyczne, slider main news, przeniesienie do social media, wersje
językowe, blok tematyczny Biuletynu Informacji Publicznej, galerie i multimedia, okno
wyszukiwania;
zawierać nazwę jednostki wojskowej, komórki organizacyjnej, instytucji oraz jej logotyp, znak
itd.;
3








w zakresie koncepcji graficznej strony internetowej oraz co do stosowania znaków Sił
Zbrojnych (logotypów) uwzględniać postanowienia Ustawy o znakach Sił Zbrojnych
Rzeczypospolitej Polskiej (Dz. U. z 1993 nr 34 poz. 154) i innych aktów wykonawczych do
ustawy;
uwzględniać takie zaprojektowanie grafiki, aby poszczególne działy odróżniały się
np. układem;
uwzględniać to, że SZABLON będzie posiadał menu główne;
posiadać zdefiniowane miejsce na potrzeby umieszczania banerów okolicznościowych
(w formacie jpg, giff, png, swf) oraz statycznych linków tekstowych przekierowujących do
poszczególnych stron zewnętrznych lub podstron strony w zależności od potrzeb;
posiadać wersję okolicznościową serwisu – wersja żałobna;
uwzględniać możliwość łatwego powiększania zakresu zawartości (treści, danych,
multimediów) strony w przyszłości;
zapewniać prawidłowe wyświetlania treści oraz obsługę strony dla użytkowników
następujących przeglądarek internetowych: Opera, Mozilla Firefox, Google Chrome i Internet
Explorer;
w przypadku korzystania ze starszych przeglądarek, na stronie powinien wyświetlać się
komunikat o sposobie poprawnego wyświetlania strony oraz wersji przeglądarek do których
portal jest zoptymalizowany.
Ponadto projekt powinien spełniać następujące wymogi:













zawierać dostatecznie obszerny moduł właściwy do publikowania treści aktualności (tytuł,
lead, treść artykułu, pliki multimedialne);
zawierać moduł z przydatnymi adresami (linkami) – także w formie plików graficznych (jpg,
gif, png, swf);
zawierać widoczne moduły z odnośnikami do działów serwisu: „kanały RSS”, „publikuj do
PDF”, „mówiąca strona internetowa” (mówiąca strona internetowa IVONA);
uwzględniać wszelkie standardy związane z układem, kolorystyką oraz czytelnością serwisu;
architektura strony nie powinna ograniczać ilości zawartych w serwisie treści;
serwis powinien być przygotowany na zwiększającą się ilość informacji;
projekt strony – schemat funkcjonalny, powinien zawierać makietę obrazującą
rozmieszczenie poszczególnych elementów strony głównej i wskazanych w przedmiocie
konkursu podstroi: menu główne, podmenu, prezentacja zdjęć oraz tekstów;
być bazą wyjściową do zaprojektowania interfejsu graficznego;
projekt graficzny powinien obejmować zaprojektowanie strony głównej oraz zdefiniowanych
podstron, pokazanie ich koncepcji kolorystyki i typografii;
niezbędne jest zaprojektowanie grafiki odróżniającej poszczególne działy;
projekt powinien zawierać widoczne elementy graficzne z odnośnikami do angielskiej wersji
językowej oraz spełniać warunki korzystania przez osoby niepełnosprawne o różnym stopniu
dysfunkcji, wyszukiwarek, danych kontaktowych i mapy serwisu;
powinien zawierać ikony mediów społecznościowych;
stopkę z danymi adresowymi administratora strony.
4
Stałe elementy podstron konkretnego MULTI SZABLONU w ramach identyfikacji wizualnej
projektu:
– nazwa i logo jednostki wojskowej / instytucji;
– spójna grafika ze stroną główną;
– informacja o miejscu w strukturze (menu pokrokowe);
– aktywne menu pokazujące zawartość działu;
– ikony „poleć stronę”, „kanały RSS”, „publikuj do PDF”, „mówiąca strona internetowa” (mówiąca
strona internetowa IVONA);
– powrót do strony głównej.
TABLICE INFORMACYJNE
Celem istnienia TABLIC INFORMACYJNYCH będzie prezentacja określonych treści znajdujących się na
ponad 600 serwisach w ramach MULTI SZBLONÓW. Tablice informacyjne stworzą warunki dla
użytkownika do przeglądania wyselekcjonowanych za pośrednictwem przygotowanych przez
administratora MULTISERWISU TABLIC, które zostały wymienione poniżej.
Tablice powinna charakteryzować oryginalna architektura informacji, wyglądu (design), struktury,
interfejsu, użyteczności oraz optymalizacji pod wyszukiwarki, integracji rozwiązań i zarządzania
zawartością.
TABLICE I ICH TREŚCI:
1. Aktualności
 Aktualności (tytuł, lead, treść artykułu oraz zdjęcie)
2. Biuletyn Informacji Publicznej według danych zawartych w dziale BIP (tekst poniżej)
3. Multimedia (FOTO i Wideo)
 Zdjęcia i wideo (tytuł, lead)
4. Wojska Lądowe
 Aktualności (tytuł, lead, treść artykułu oraz zdjęcie)
 Multimedia (zdjęcia i wideo - tytuł, lead
5. Siły Powietrzne
 Aktualności (tytuł, lead, treść artykułu oraz zdjęcie)
 Multimedia (zdjęcia i wideo - tytuł, lead
6. Marynarka Wojenna
 Aktualności (tytuł, lead, treść artykułu oraz zdjęcie)
 Multimedia (zdjęcia i wideo - tytuł, lead
7. Wojska Specjalne
 Aktualności (tytuł, lead, treść artykułu oraz zdjęcie)
 Multimedia (zdjęcia i wideo - tytuł, lead
8. Startowa – integrująca wszystkie 7 powyższych tablic, tak aby z poziomu tej tablicy,
użytkownik mógł rozpocząć korzystać z pozostałych 7. Czyli tzw. strona startowa tablic
informacyjnych.
5
CECHY WSPÓLNE TABLIC INFORMACYJNYCH:





nazwa tablicy;
znak Ministerstwa Obrony Narodowej i logo Wojska Polskiego;
ikony mediów społecznościowych;
możliwość filtracji wyświetlanych danych np. po dacie czy nazwie jednostki;
oraz dodatkowo zobrazowanie XML aktualności strony mon.gov.pl; wojsko-polskie.pl;
polska-zbrojna.pl;
BIULETYN INFORMACJI PUBLICZNEJ
Projekt graficzny MULTI SZABLONU powinien uwzględniać w swojej strukturze także treści Biuletynu
Informacji Publicznej. Wspomniane dane powinny być zachowane w menu głównym (poziomym czy
pionowym) jako jego integralny element.
Reasumując strona jednostki wojskowej/komórki/instytucji MON to także strona BIP – nie tworzymy
oddzielnego bytu BIP. Strona www swoją strukturą i funkcją jest wspólnym miejscem do
zamieszczania/publikowania materiałów o jednostce – aktualności , galerii itd. oraz danych BIP.
Podmiot startujący w konkursie zaproponuje wspólny i spójny wygląd struktury strony www dla
publikowania wspomnianych informacji.
Zgodnie z Rozporządzeniem Ministra Spraw Wewnętrznych i Administracji z dn. 18 stycznia 2007 r.
w sprawie Biuletynu Informacji Publicznej strona WWW podmiotu może być jednocześnie stroną
podmiotową BIP, o ile spełnia wszystkie wymogi ustawy z dn. 6 września 2001 r. o dostępie do
informacji publicznej ((Dz. U. 2001 r., Nr 112, poz. 1198, z późn. zm.).
W związku z powyższym projekt graficzny powinien uwzględniać w swojej strukturze treści
następujących szczegóły:
– logo BIP, umieszczone w górnej części strony;
– adres redakcji strony podmiotowej BIP;
– imię i nazwisko, nr telefonu i adres poczty elektronicznej co najmniej jednej z osób redagujących
stronę podmiotową BIP;
– instrukcję korzystania ze strony BIP;
– menu przedmiotowe umożliwiające odnalezienie informacji publicznych;
– moduł wyszukujący.
Struktura graficzna powinna posiadać możliwość umieszczania treści – informacji publicznych:
– o których mowa w art. 6 ust. 1 pkt 1-3, pkt 4 lt. a tiret 2, lit. c i d i pkt 5. ustawy o dostępie do
informacji publicznej,
6
– inne informacje publiczne, w szczególności takie, których publikacja leży w interesie publicznym,
zaspakaja potrzeby obywateli i ich wspólnot, wspiera rozwój społeczeństwa obywatelskiego lub
przyczynia się do polepszenia działalności podmiotu udostępniającego informacje.
– informacje publiczne przeznaczone do publikacji w BIP na podstawie przepisów odrębnych.
Projekt graficzny powinien uwzględniać także informację o podmiocie prowadzącym stronę www
w której części znajdują się informacje BIP:
Dane podstawowe:
– nazwa podmiotu,
– logo podmiotu (opcjonalnie).
Dane strony podmiotowej BIP:
– adres URL (czyli adres internetowy strony podmiotowej BIP),
– imię i nazwisko redaktora (w przypadku wielu redaktorów wybranej osoby),
– numer telefonu redakcji,
– numer faksu redakcji.
Dane uzupełniające:
– kod pocztowy i miejscowość,
– ulica,
– numer domu,
– numer telefonu,
– numer telefaksu,
– lokalizacja na mapie wskazująca położenie podmiotu.
7