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 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 Multimedia (zdjęcia i wideo - tytuł, lead 5. Siły Powietrzne Multimedia (zdjęcia i wideo - tytuł, lead 6. Marynarka Wojenna Multimedia (zdjęcia i wideo - tytuł, lead 7. Wojska Specjalne 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