Zhodnocení stávajících stránek umístěných na adrese Nabídka zhotovení nových webových stránek

Transkript

1 Zhodnocení stávajících stránek umístěných na adrese Nabídka zhotovení nových webových stránek Pro Agenturu Farad, J. Múčka vytvořili: Blanka Salavcová Jiří Reitmayer Kontakt: dne

2 1 Stávající stránky dpmp.cz Kód webových stránek Zobrazení stránek v různých prohlížečích Odkazy otevírané do nových oken Drobečková navigace Hierarchie stránek Název firmy Názvy stránek Banner Úvodní stránka Skupina odkazů WAP PDA Skupina odkazů Home O společnosti Mapa Webu Odkazy Galerie Partneři Skupina odkazů Tarif MHD Podmínky přepravy Kontakty Skupina odkazů Jízdní řády MHD Služby Prodejny Archiv Skupina odkazů Skupina odkazů Forma, jazyková stránka, typografie Korektura textu novinky z : Náš návrh nové stránky dpmp.cz Nová struktura stránek Technologie a standardy Provedení webu po vizuální stránce Schématický diagram rozvržení prvků webové stránky (viz obr. 3) Odhad ceny Statická část Dynamická část Správa webových stránek...11

3 1 Stávající stránky dpmp.cz 1.1 Kód webových stránek Tento materiál si neklade za cíl zhodnotit technickou stránku webu, tj. kód stránek. Nelze však alespoň krátce nezmínit, že v kódu je mnoho chyb různého druhu. Mimo jiné není kód validní (tj. neodpovídá specifikaci pro daný typ jazyka HTML). Validnost kódu ověřují on-line nástroje; např. jen úvodní stránka vykazuje ve validátoru konsorcia W3C celkem 453 chyb. Viz Zobrazení stránek v různých prohlížečích Obr.1: Stránky dpmp.cz v prohlížeči Mozilla Firefox Zobrazení stránek, např. rozvržení jednotlivých prvků, není stejné v různých prohlížečích; např. v prohlížeči Mozilla Firefox, jehož podíl na internetu stále stoupá (viz např html#news:9a7ca5408c05b5b294e4c980bc9fe2a 0), jsou novinky na úvodní straně zobrazeny dole pod jízdními řády místo uprostřed (viz obr. 1). 1.3 Odkazy otevírané do nových oken Moderní přístup v tvorbě webových stránek doporučuje eliminovat prvky, které ovlivní systém uživatele bez jeho přičinění a bez upozornění. Takovým ovlivněním je i otevření nového okna prohlížeče po kliknutí na odkaz. Na celém webu dpmp.cz se vyskytuje velké množství odkazů otevíraných do nového okna, což může zkomplikovat uživatelovu cestu po webu, návrat na původní stránku, ze které odkaz vedl apod. Každý uživatel může každý odkaz jednoduše do nového okna otevřít sám pokud chce (např. přidržením klávesy Shift při kliknutí myší). Pokud je přece jenom třeba odkaz do nového okna otevřít, pak je na tuto skutečnost nutno u odkazu upozornit. 1.4 Drobečková navigace Např. její existence je kladem, to že jednotlivé položky nejsou živé odkazy, je jejím nedostatkem. 1.5 Hierarchie stránek Vzhledem k různým vstupním odkazům, vedoucím z úvodní stránky, a nesjednocenému designu jednotlivých sekcí, není hierarchie stránek patrná. Hledání konkrétní informace bude pro uživatele problematické. 1.6 Název firmy Ačkoli podle výpisu z obchodního rejstříku je správný název firmy Dopravní podnik města Pardubic a.s., na stránkách se rovněž vyskytuje nesprávný tvar Dopravní podnik města Pardubice a.s. (např. v hlavičce stránky nad fotografií, v názvu stránky v horní liště prohlížeče, na stránce Názvy stránek Názvem stránek, v HTML kódu nazývaným title, se rozumí text, který se při prohlížení stránky vypíše v horní liště prohlížeče; při minimalizaci prohlížeče je pak (v OS Windows) jeho zkrácená část na ikoně prohlížeče v liště, rovněž se zobrazí u ikony prohlížeče při přepínání mezi okny systému Windows pomocí kláves Alt+Tab. Tento název stránky by měl korespondovat s tím, co je na stránce zobrazeno. Ve stávající verzi stránek je tento název stále stejný a neměnný.

4 1.8 Banner Dne je součástí fotky v banneru vánoční motiv. 1.9 Úvodní stránka Obr.2 Úvodní stránka stávajícího webu s vyznačenými různými skupinami odkazů Úvodní stránka působí neuspořádaným dojmem. Poskytuje šest základních navigačních oblastí (viz obr. 2), což způsobuje nepřehlednost a ztěžuje orientaci už při prvním vstupu na stránky. Novinky se na úvodní stránce ztrácejí; při kliknutí pro zobrazení celého záznamu se zápis zobrazí v novém okně, v odlišném designu Skupina odkazů WAP Vyhledávání v jízdních řádech pomocí mobilního telefonu s technologií wap PDA Vyhledávání v jízdních řádech pomocí PDA (pocket PC) Skupina odkazů Home odkaz na úvodní stránku O společnosti - organizační schéma (otevře se po kliknutí na odkaz O společnosti)

5 o jedná se pouze o obrázek, jehož části nejsou aktivní. Uživatel by mohl čekat, že může na každou sekci kliknout a získat informace např. o personálním obsazení, přímých kontaktech apod. Čísla u některých sekcí nejsou objasněna. - identifikační údaje Mapa Webu o odkaz na obchodní rejstřík se otevírá v novém okně, což neodpovídá trendům moderního webu o uvedené DIČ není správné, je napsáno ve starém formátu. Po vstupu ČR do EU se úvodní trojmístné předčíslí nahradilo prefixem CZ. o IČO, DIČ, PSČ nejsou zapsány dle typografických konvencí (skupiny po třech, resp. dvou číslicích oddělené nedělitelnou mezerou) - žádný obsah Odkazy - žádný obsah Galerie první miniatura není zobrazena s dodrženým poměrem stran, obraz je deformován pro zobrazení velké fotografie je třeba kliknout na odkaz, ačkoli běžné je klikání na miniaturu velká fotka se otevírá v novém okně Partneři žádný obsah 1.12 Skupina odkazů Tarif MHD - defaultně se otevře stránka Tarif V této sekci jsou stále k dispozici dva řádky odkazů, které vypadají jako hierarchické uspořádání; veškeré tyto odkazy jsou ale hierarchicky na stejné úrovni. Po prvním vstupu do sekce není aktivní odkaz Tarif 2005 (stránka je právě zobrazena), ale ani odkaz Tarifní podmínky. Po kliknutí na odkaz Tarifní zásady a pojmy se zobrazí stránka Tarifní podmínky a odkaz Tarifní zásady a pojmy zmizí bez náhrady. Stránka Tarifní zásady a pojmy zřejmě neexistuje. - na většině stránek v této sekci se vyskytuje formulace jízdné na rok 2005 apod.; bylo by vhodné rok aktualizovat nebo nahradit termínem aktuální či platné. - Tarif Občanské jízdné - Občanské jízdné nepřenosné - Občanské jízdné zlevněné - Žákovské jízdné - Studentské jízdné - Senioři - Organizace - Tarifní podmínky - Zlevněná přeprava - Bezplatná přeprava - Další podmínky přepravy

6 Podmínky přepravy - Přepravní podmínky - Jízdné a jízdní doklad - Všeobecná přeprava - Ostatní ustanovení Kontakty - Kontaktní údaje 1.13 Skupina odkazů Jízdní řády - odkazy na jednotlivé stránky se zobrazí ve vodorovném menu; odkaz Jízdní řády není nikdy aktivní. - Vyhledávání z DB o Jízdní řády nejsou aktuální (dne na webu stav k ) o V upozornění pod formulářem jsou navíc lomítka před uvozovkami: \"aktuální\" o Pod vyhledávacím formulářem jsou jakoby zapomenuté dva odkazy: Plán linek v novém okně se otevře mapa ve formátu JPG o rozměrech 1230x840 px a datovém objemu cca 1,5 MB. Otevírání nového okna se nedoporučuje, rozměr obrázku je příliš velký, datový objem rovněž; navíc by velikost takového souboru měla být přinejmenším uvedena u odkazu; Ukázky odkaz vede na obrázkový návod k vyhledávání, otevírá se do nového okna. Název odkazu je nepřesný, otevírání do nového okna bez upozornění uživatele nesprávné. - Seznam jízdních řádů stránka je graficky nedotažená. Po kliknutí na odkaz se zobrazí jedno rozevírací pole, jehož funkce není zcela jasná. Po zvolení požadované linky se objeví druhý rozevírací seznam; po výběru směru linky se bez varování otevírá nové okno. - Jízdní řády pro PDA nejsou aktuální, použití není zcela intuitivní. - Zastávkové jízdní řády opět se bez upozornění otevírají v novém okně. Grafika této sekce je v nesouladu s grafikou webu. Jediná verze s aktuálními daty; ani tato nebyla v minulosti vždy aktuální včas při změně MHD - název sekce je nejasný, nevypovídá o obsahu - MHD neaktuální statický seznam linek a jejich zastávek; stránka je dlouhá, chybí jakékoli navigační prvky pro pohyb ve stránce (např. aktivní odkazy na začátku pro skok na požadovanou linku, zpětné odkazy pro návrat na začátek stránky). - Grafické znázornění název odkazu je nejasný (lépe by bylo např. plán linek ve městě Pardubice); je třeba myslet i na roboty zaznamenávající odkazy pro vyhledávače. Zvětšení obrázku by se mělo dát docílit kliknutím na samotný obrázek. Plán linek viz bod Jízdní řády Vyhledávání z DB Plán linek Služby - odkazy na jednotlivé části sekce jsou tvořeny ikonami, což: o je na první pohled nejasné; uživatel nejprve musí zjistit, že jsou to odkazy; dále musí zjistit, kam který vede, a zapamatovat si to. Názvy odkazů jsou k dispozici v bublině, která ovšem za chvíli zmizí a názvy všech odkazů by si uživatel musel zapamatovat, aby se mohl po stránkách efektivně pohybovat a najít co hledal.

7 o nekoresponduje to s grafickým provedením jiných částí webu o díky tomu je v této sekci nutno se pro přechod na jinou stránku na stejné úrovni vrátit na rozcestník s ikonami - řazení odkazů není logické, např. viz umístění odkazů Celoplošná reklama a Reklama - Autoškola samostatná sekce, vlastně samostatný webový celek o Po kliknutí na některý z odkazů není možné se vrátit nějakým odkazem na úvodní stránku o on-line přihláška, k jejíž vyplnění na internetu odkaz nabádá, je ve formátu PDF, ve kterém nic vyplnit nelze - Celoplošná reklama - Čerpací stanice - Lakovna - Mytí vozidel - Odtahová služba - Písmomalírna - Příprava STK - Rehabilitace - Reklama - Údržba vozidel - Zájezdová doprava Prodejny - fotografie by mohly být přímo zobrazeny u údajů o prodejnách; není třeba je zobrazovat až po kliknutí. - Prodejna Karlovina - Prodejna nádraží ČD - Prodejna Dubina Archiv - Je otázkou, zda je přínosné archivovat více než rok staré ankety - Archiv novinek - Archiv anket 1.14 Skupina odkazů 5 Jedná se o navigační prvky příslušející k aplikaci vyhledávání v jízdních řádech, což však není z textu odkazů patrné. Odkazy dublují některé položky sekce Jízdní řády. O jejich funkci platí to, co bylo řečeno výše (viz 2.4.1). Dva různě pojmenované odkazy, a to Nápověda (horní část formuláře) a Ukázky (spodní část formuláře), vedou na stejnou stránku s obrázkovým návodem pro vyhledávání Skupina odkazů 6 Obrázkové odkazy, až na jeden totožné s odkazy v sekci Služby (viz 2.4.3) Přeprava handicapovaných osob tato stránka je dosažitelná pouze z úvodní stránky jednou z ikon, ukrytou mezi ostatními

8 1.16 Forma, jazyková stránka, typografie Gramatické a typografické chyby a nedostatky přispívají špatnému dojmu ze stránek. Pro příklad jsme provedli jazykovou a formální korekturu nejnovější zprávy z úvodní strany: Korektura textu novinky z : Původní text Opravený text Zdůvodnění 1. průměrné stáří dosahuje 9let průměrné stáří dosahuje 9 let Mezi číslicí a slovem se píše mezera 2. Předmětem modernizací jsou vozidla jejichž stáří se pohybuje okolo 15 let. 3. cena tohoto typu trolejbusů byla v roce ,-Kč Předmětem modernizací jsou vozidla, jejichž stáří se pohybuje okolo 15 let. cena tohoto typu trolejbusů byla v roce ,- Kč. 4. zabudování informační systém zabudování informačního systému 5. Dopravní podnik města Pardubic a.s. se touto modernizací, která bude pokračovat i v příštích letech snaží zlepšit podmínky 6. doufá, že tyto aktivity ocení všichni cestující a zároveň si přeje aby se opravená vozidla nestala terčem vandalů 7. Cena nových trolejbusů, jejichž typové označení je ŠKODA 24 Tr je přibližně ,-Kč. 8. nakupovat v celkovém počtu 3 kusů a to díky finanční podpoře 9. Strukturálních fondů evropské unie Dopravní podnik města Pardubic a.s. se touto modernizací, která bude pokračovat i v příštích letech, snaží zlepšit podmínky doufá, že tyto aktivity ocení všichni cestující, a zároveň si přeje, aby se opravená vozidla nestala terčem vandalů Cena nových trolejbusů, jejichž typové označení je ŠKODA 24 Tr, je přibližně ,- Kč. nakupovat v celkovém počtu 3 kusů, a to díky finanční podpoře Strukturálních fondů Evropské unie Vedlejší věta v souvětí se odděluje čárkou. Na konci věty chybí tečka. Čísla se píší ve skupinách po třech číslicích, které od sebe oddělujeme úzkou nedělitelnou mezerou. Rovněž mezi pomlčkou a zkratkou měny by měla být nedělitelná mezera. Formální nepřesnost Věta podřazená se od věty nadřazené odděluje čárkami. Viz 6. Viz 3., 6. Závazně se čárkou odděluje výraz, který tvoří s členem předcházejícím volné přístavkové spojení. Jde o oficiální jméno mezinárodní organizace, píše se s velkým písmenem.

9 2 Náš návrh nové stránky dpmp.cz Po zralé úvaze zcela zavrhujeme možnost přepracování stávajících stránek, a to z těchto důvodů: Obsah a jeho hierarchické členění kromě jízdních řádů v několika formách a verzích (i neaktuálních) obsahuje web vlastně jen citace z tarifu a přepravního řádu a stručné nabídky služeb; dalších užitečných informací je zde poskrovnu. Vzhled stránek je nesjednocený, znesnadňuje pohyb po stránkách namísto aby jej umožňoval, navigační prvky jsou roztroušené a špatně pojmenované, orientace na stránce je nesnadná, Kód stránek působí amatérským dojmem, neodpovídá standardům, může způsobovat chyby při prohlížení stránek. V případě zájmu provedeme odborné zhodnocení. 2.1 Nová struktura stránek Níže Vám předkládáme návrh struktury obsahu stránek dopravního podniku. V následujícím přehledu neuvádíme jako samostatný bod nový odbavovací systém; samozřejmostí by během jeho zkušebního provozu byla průběžná aktualizace informací o něm. I. Jízdní řády MHD - interaktivní vyhledávání v jízdních řádech, varianta s vyhledáním spojení i zastávkové jízdní řády - plán linek grafické provedení; jednodušší a modernější než v současnosti (např. viz ). V novém grafickém zpracování by bylo vhodné podle současného trendu vyznačit trasy závislé trakce výrazněji. - Schéma komplikovanějších nástupních zastávek, např. u nádraží - dokumenty ke stažení off-line verze jízdních řádů II. Přepravní podmínky, tarif - aktuální informace (výluky, změny) tato stránka se otevře při prvním vstupu na web - informace pro cestující, tj. informace o tarifech, slevách, podmínkách přepravy, odbavovací systém, návody k čipovým kartám, přeprodej apod. - prodejní místa vč. kontaktů a otevírací doby, orientačních plánků - seznam prodejních automatů na jízdenky, příp. prodejních míst (zvlášť s prodlouženou pracovní dobou) - přepravní kontroly, pokuty, práva a povinnosti cestujících, vymáhání dluhů, stav vymáhaných pohledávek - FAQ (často kladené dotazy) přehledně sestavené často hledané informace, které jsou obsaženy např. v tarifu či přepravním řádu - dokumenty ke stažení tarify, přepravní řád, formuláře, návody III. O společnosti - profil společnosti, právní forma, orgány společnosti, napojení na Statutární město Pardubice - kontaktní údaje, interaktivní organizační schéma včetně rozsahu působnosti jednotlivých oddělení (informace pro návštěvníka webu kam se s čím obrátit) - informace pro média tiskové zprávy, logotypy, grafické manuály - základní historie dopravního podniku - vypsaná výběrová řízení, veřejné zakázky, informace o jejich průběhu a plnění - nabídka volných pracovních míst, záměry do budoucna - sekce Napsali o nás

10 - dokumenty ke stažení výroční zprávy, veřejně přístupné dokumenty, usnesení představenstva společnosti IV. Vozový park - přehled používaných vozidel (stáří, ceny, náhledy, obsaditelnost, technická data); historické vozy - fotogalerie - údržby, modernizace, generální opravy vč. vyčíslení nákladů V. Služby - nabídka služeb zcela novou formou s důrazem na obsah, rozdělená podle oborů (reklama, auta, zdraví, autoškola apod.) včetně kompletních ceníků, fotografií, příkladů, technických dat používaných zařízení a referencí - doplnění dalších služeb např. zajištění smluvní dopravy, historických jízd; možnost poptat zavedení mimořádného spoje - dokumenty ke stažení ceníky, formuláře VI. Zajímavosti - fan zone podrobnější historie dopravy na Pardubicku, historie trolejbusové a autobusové dopravy, další zajímavosti a ne příliš známé údaje (např. měnírny, zapůjčená vozidla) Ostatní - vyhledávání v rámci webu 2.2 Technologie a standardy Web vytváříme kódem XHTML 1.0 strict, validním podle standardů konsorcia W3C. Veškeré stylování (formátování) je odděleno od kódu a provedeno pomocí validních kaskádových stylů CSS. Samozřejmostí je funkční a kvalitní zobrazení ve všech majoritních grafických prohlížečích (IE 6.0, 5.5, 5.0; Mozilla, Firefox). Dynamickou část webu zajistí skripty v PHP ve spolupráci s databází MySQL. Web bude vytvořen s důrazem na maximální použitelnost a zároveň přístupnost a s ohledem na doporučení a standardy platné ve světě (Section 508, WCAG 1.0) i v ČR (doporučená Pravidla pro tvorbu přístupného webu). 2.3 Provedení webu po vizuální stránce Obsahem tohoto materiálu není zpracování grafického vzhledu budoucích stránek. Překládáme pouze vlastní návrh rozmístění ovládacích a navigačních prvků, kterých by podle našeho názoru mělo být méně a měly by být jasně uspořádány tak, aby každý návštěvník jednoduše našel informaci, kterou hledá. Jednotlivé stránky by měly jednotný design, jasnou navigaci a přehlednou strukturu Schématický diagram rozvržení prvků webové stránky (viz obr. 3) V následujícím diagramu je schématicky naznačeno rozvržení prvků: Oranžově umístění záhlaví (hlavička, foto, logo, název podniku) Žlutě vodorovné menu s odkazy na jednotlivé základní sekce webu; aktuálně zvolená sekce je zvýrazněná Modře menu odpovídající zvolené základní sekci (v každé sekci jiné); aktuálně zvolená položka je zvýrazněná Bíle prostor pro obsah odpovídající zvolené položce Fialově prostor pro zápatí (základní kontaktní údaje apod.)

11 banner - hlavička Jízdní řády Tarif O společnosti Vozový park Služby Zajímavosti O společnosti: Profil společnosti Obsah stránky Organizační schéma Kontaktní údaje Informace pro média Historie dopravního podniku Výběrová řízení Kariéra Napsali o nás Ke stažení Obr.3 schématické rozvržení prvků stránky 2.4 Odhad ceny Navržený web lze rozdělit na část statickou a dynamickou. Statická část je veškerý obsah; dynamickou částí je interaktivní vyhledávání v jízdních řádech Statická část Cena závisí na kvalitě předaných podkladů a potřeby jejich dalšího zpracování; v navrženém rozsahu by se cena měla pohybovat kolem Kč bez DPH (včetně grafického řešení vzhledu). Cena nezahrnuje úpravu dodaných elektronických podkladů (fotografií apod.). U části témat jsme schopni dodat i potřebný obsah Dynamická část Je nám známo, že data jízdních řádů generuje systém firmy FS software. Náročnost databázového zpracování a skriptování pro interaktivní vyhledávání a jeho cena závisí na formě dat. Zde můžeme zvážit, zda by bylo možné upravit tuto část stávajícího webu (k tomu bychom ale museli mít skriptovací soubory umístěné na serveru, bez nich to posoudit nelze) Správa webových stránek Web je třeba udržovat aktuální, a to jak již umístěné informace (např. platnost tarifů, jízdních řádů apod.), tak z hlediska doplňování novinek. Web, na kterém se nová datovaná informace objeví jednou za dva měsíce, budí dojem neudržovaných stránek. Součástí naší nabídky je i práce na průběžné aktualizaci webu, a to nejen po servisní stránce (umisťování novinek, aktualizace z dodaných dat), ale rovněž po stránce redakční (dodávání nových informací, návrhů k obsahu, fotografií apod.). Nabízíme tak rovněž dohled nad aktuálností webu, a v tomto ohledu získávání nových informací ať přímo z podniku, nebo z jeho okolí a praxe. Cena této služby by se pohybovala (v závislosti na další dohodě o rozsahu prováděných prací) mezi Kč bez DPH měsíčně. Dne Vypracovali: Blanka Salavcová, Jiří Reitmayer pro Agenturu Farad Kontakt: tel , ag.farad@inmail.cz