{"id":30818,"date":"2021-12-10T18:53:41","date_gmt":"2021-12-10T17:53:41","guid":{"rendered":"https:\/\/www.vtei.cz\/2021\/12\/predstavujeme-novy-web-vuv-tgm\/"},"modified":"2024-07-18T14:05:26","modified_gmt":"2024-07-18T13:05:26","slug":"predstavujeme-novy-web-vuv-tgm","status":"publish","type":"post","link":"https:\/\/www.vtei.cz\/en\/2021\/12\/predstavujeme-novy-web-vuv-tgm\/","title":{"rendered":"We present the new website of TGM WRI"},"content":{"rendered":"

V\u00daV TGM se po v\u00edce ne\u017e 11 letech do\u010dkal nov\u00e9ho webu. P\u016fvodn\u011b byla snaha p\u0159edstavit nov\u00fd web v r\u00e1mci v\u00fdro\u010d\u00ed 100 let od zalo\u017een\u00ed instituce na konci roku 2019, nicm\u00e9n\u011b celkov\u00fd rozsah zm\u011bn si nakonec vy\u017e\u00e1dal \u0161ir\u0161\u00ed diskuzi nap\u0159\u00ed\u010d celou instituc\u00ed tak, aby se pracovn\u00edci \u00fastavu mohli se z\u00e1m\u011brem, motivac\u00ed a p\u0159edev\u0161\u00edm \u00fa\u010delem nov\u00e9ho webu podrobn\u011b sezn\u00e1mit. T\u00edm, \u017ee nejde o pouhou zm\u011bnu designu, ale o zcela nov\u00fd web v\u010detn\u011b grafiky a struktury, bylo toto p\u0159echodn\u00e9 obdob\u00ed jist\u011b na m\u00edst\u011b a my ve V\u00daV TGM v\u011b\u0159\u00edme, \u017ee n\u00e1v\u0161t\u011bvn\u00edci z \u0159ad laick\u00e9 i odborn\u00e9 ve\u0159ejnosti jeho u\u017eivatelskou vst\u0159\u00edcnost a p\u0159ehlednost brzy ocen\u00ed.<\/p>\n\"\"<\/a>\n

Obr. 1.\u00a0 Srovn\u00e1n\u00ed vizu\u00e1lu a z\u00e1kladn\u00ed struktury \u00favodn\u00ed str\u00e1nky p\u016fvodn\u00edho a nov\u00e9ho webu (zdroj T. Hrdinka)<\/span><\/h6>\n

Pro\u010d nyn\u00ed?<\/span><\/h2>\n

Ka\u017ed\u00fd web m\u00e1 svoji \u017eivotnost, ud\u00e1v\u00e1 se, \u017ee pr\u016fm\u011brn\u011b kolem p\u011bti let. Dosavadn\u00ed webov\u00e9 str\u00e1nky na\u0161\u00ed instituce poch\u00e1zej\u00ed z\u00a0roku 2010, m\u00edrn\u00fd redesign ve prosp\u011bch v\u011bt\u0161\u00ed u\u017eivatelsk\u00e9 vst\u0159\u00edcnosti prob\u011bhl v\u00a0roce 2016. Nicm\u00e9n\u011b nejen ve srovn\u00e1n\u00ed s\u00a0komer\u010dn\u00ed sf\u00e9rou, ale i\u00a0mnoha zahrani\u010dn\u00edmi v\u011bdeck\u00fdmi institucemi st\u00e1vaj\u00edc\u00ed web ji\u017e p\u0159estal odpov\u00eddat po\u017eadavk\u016fm na webov\u00e9 str\u00e1nky t\u0159et\u00ed dek\u00e1dy 21.\u00a0stolet\u00ed. A\u00a0vzhledem k\u00a0tomu, \u017ee pro v\u011bdeckou instituci je webov\u00e1 platforma st\u00e1le hlavn\u00edm informa\u010dn\u00edm n\u00e1strojem pro obousm\u011brnou komunikaci s\u00a0ve\u0159ejnost\u00ed, rozhodli jsme se, \u017ee zm\u011bn bude v\u00edce. Krom\u011b modern\u011bj\u0161\u00edho a\u00a0u\u017eivatelsky p\u0159\u00edv\u011btiv\u011bj\u0161\u00edho vizu\u00e1lu tak bylo zapot\u0159eb\u00ed zcela p\u0159ehodnotit i\u00a0dosavadn\u00ed \u010dlen\u011bn\u00ed webu, je\u017e doposud pevn\u011b odr\u00e1\u017eelo vnit\u0159n\u00ed strukturu instituce.<\/p>\n

Zac\u00edleno na u\u017eivatele<\/span><\/h2>\n

Dosavadn\u00ed struktura webu, rozpadaj\u00edc\u00ed se na jednotliv\u00e9 v\u00fdzkumn\u00e9 odbory a\u00a0odd\u011blen\u00ed, byla definitivn\u011b opu\u0161t\u011bna a\u00a0z\u00a0pohledu n\u00e1v\u0161t\u011bvn\u00edka p\u0159ich\u00e1zej\u00edc\u00edho na na\u0161e str\u00e1nky je web nov\u011b rozd\u011blen na t\u0159i hlavn\u00ed sekce: V\u00fdzkum a\u00a0v\u00fdvoj<\/em> (aneb Co d\u011bl\u00e1me), Na\u0161e slu\u017eby<\/em> (Co nab\u00edz\u00edme) a\u00a0Pro m\u00e9dia<\/em> (Co v\u00e1s zaj\u00edm\u00e1). \u00da\u010delem nov\u00e9ho rozd\u011blen\u00ed je, aby se n\u00e1v\u0161t\u011bvn\u00edk co nejrychleji (tj. na co nejm\u00e9n\u011b kliknut\u00ed) dozv\u011bd\u011bl pot\u0159ebnou informaci, a\u0165 u\u017e se tou\u017e\u00ed pod\u00edvat, \u010demu se ve V\u00daV TGM aktu\u00e1l-\u2028n\u011b v\u011bnujeme, co si u\u00a0n\u00e1s m\u016f\u017ee objednat, nebo jak\u00e1 vodohospod\u00e1\u0159sk\u00e1 t\u00e9mata pr\u00e1v\u011b rezonuj\u00ed v\u00a0m\u00e9di\u00edch. \u00davodn\u00ed obrazovkou lze rolovat sm\u011brem dol\u016f tak, \u017ee ka\u017ed\u00e1 z\u00a0uveden\u00fdch sekc\u00ed je rozd\u011blena do \u201edla\u017edic\u201c reflektuj\u00edc\u00edch hlavn\u00ed oblasti v\u00fdzkumu, instituc\u00ed nab\u00edzen\u00e9 slu\u017eby a\u00a0medi\u00e1ln\u011b zaj\u00edmav\u00e1 t\u00e9mata. Rychl\u00fd p\u0159\u00edstup k\u00a0t\u011bmto odd\u00edl\u016fm je mo\u017en\u00fd t\u00e9\u017e z\u00a0horn\u00edho roletov\u00e9ho menu; vertik\u00e1ln\u00ed menu, je\u017e b\u00fdvalo sou\u010d\u00e1st\u00ed p\u016fvodn\u00edho webu, bylo pro p\u0159ehlednost odstran\u011bno. P\u0159i prvn\u00ed n\u00e1v\u0161t\u011bv\u011b \u00favodn\u00ed str\u00e1nky se u\u017eivateli na modr\u00e9m vodn\u00edm pozad\u00ed po n\u011bkolika sekund\u00e1ch za\u010dne p\u0159ehr\u00e1vat kr\u00e1tk\u00e9 video, kter\u00e9 jej klipovou formou sezn\u00e1m\u00ed s\u00a0na\u0161\u00ed \u010dinnost\u00ed a\u00a0provede i\u00a0z\u00e1zem\u00edm instituce. Pod videem je um\u00edst\u011bn tzv. slider, na n\u011bm\u017e se st\u0159\u00eddaj\u00ed hlavn\u00ed aktuality t\u00fdkaj\u00edc\u00ed se na\u0161\u00ed \u010dinnosti \u010di vodohospod\u00e1\u0159sk\u00e9 problematiky v\u00a0\u010cR i\u00a0v\u00a0zahrani\u010d\u00ed. Pod sliderem jsou um\u00edst\u011bny t\u0159i dla\u017edice odkazuj\u00edc\u00ed na v\u00fd\u0161e zm\u00edn\u011bn\u00e9 hlavn\u00ed sekce webu.<\/p>\n

\"\"<\/a>Obr. 2. Postup tvorby nov\u00e9ho webu od prvn\u00ed skici \u00favodn\u00ed str\u00e1nky p\u0159es strukturu webu v PowerPointu, prvn\u00ed grafick\u00fd n\u00e1vrh a\u017e po n\u00e1hled sekce Slu\u017eby tak, jak se jev\u00ed u\u017eivateli (foto T. Hrdinka)<\/span><\/h6>\n

Struktura webu<\/span><\/h2>\n

Z\u00a0\u00favodn\u00ed str\u00e1nky webu se lze skrze horn\u00ed menu \u010di kliknut\u00ed na p\u0159\u00edslu\u0161nou dla\u017edici p\u0159en\u00e9st do 2. \u00farovn\u011b webu, kde je p\u0159\u00edslu\u0161n\u00e1 oblast \u010di aktivita p\u0159edstavena detailn\u011bji. V\u00a0sekci V\u00fdzkumu a\u00a0v\u00fdvoje<\/em> jsou jednotliv\u00e9 oblasti v\u00fdzkumu (nap\u0159. Hydrologie, extr\u00e9mn\u00ed jevy a\u00a0zm\u011bna klimatu<\/em>) v\u00a0anotaci kr\u00e1tce uvedeny a\u00a0pot\u00e9 d\u00e1le konkretizov\u00e1ny v\u00a0 p\u0159\u00edslu\u0161n\u00fdch z\u00e1lo\u017ek\u00e1ch. V\u00a0prvn\u00ed z\u00e1lo\u017ece V\u00fdzkumn\u00e1 t\u00e9mata<\/em> jsou srozumitelnou formou pops\u00e1na d\u00edl\u010d\u00ed t\u00e9mata v\u00a0r\u00e1mci vybran\u00e9 v\u00fdzkumn\u00e9 oblasti. Z\u00e1lo\u017eka St\u011b\u017eejn\u00ed projekty<\/em> obsahuje informace o\u00a0nejd\u016fle\u017eit\u011bj\u0161\u00edch, tedy nosn\u00fdch a\u00a0\u017eiv\u00fdch projektech, na kter\u00fdch pracovn\u00edci jednotliv\u00fdch v\u00fdzkumn\u00fdch t\u00fdm\u016f samostatn\u011b \u010di ve vz\u00e1jemn\u00e9 sou\u010dinnosti pracuj\u00ed. V\u00a0dal\u0161\u00edch z\u00e1lo\u017ek\u00e1ch jsou prezentov\u00e1ny nejd\u016fle\u017eit\u011bj\u0161\u00ed Aplikovan\u00e9 v\u00fdsledky<\/em> a\u00a0Publikace<\/em>, podle nich\u017e se v\u00fdzkumn\u00e1 \u010dinnost hodnot\u00ed, a\u00a0pokud pracovi\u0161t\u011b disponuje unik\u00e1tn\u00edmi \u010di speci\u00e1ln\u00edmi p\u0159\u00edstroji, jsou pops\u00e1ny v\u00a0z\u00e1lo\u017ece Vybaven\u00ed<\/em>.<\/p>\n

Obdobn\u011b v\u00a0sekci Slu\u017eeb<\/em> jsou jednotliv\u00e9 slu\u017eby nejprve v\u00a0kr\u00e1tk\u00e9 anotaci p\u0159edstaveny a\u00a0d\u00e1le konkretizov\u00e1ny z\u00e1lo\u017ekami Co nab\u00edz\u00edme<\/em> (bli\u017e\u0161\u00ed popis nab\u00edzen\u00e9 slu\u017eby), Certifikace<\/em> (\u00fadaj o\u00a0opr\u00e1vn\u011bn\u00ed nab\u00edzet slu\u017ebu jako z\u00e1ruka kvality pro z\u00e1kazn\u00edka), Cen\u00edk<\/em> (ceny slu\u017eeb, pokud jsou ve\u0159ejn\u011b dostupn\u00e9 a\u00a0nejsou p\u0159edm\u011btem individu\u00e1ln\u00ed konzultace), Popt\u00e1vkov\u00fd formul\u00e1\u0159<\/em> (nejjednodu\u0161\u0161\u00ed cesta k\u00a0z\u00edsk\u00e1n\u00ed dal\u0161\u00edch informac\u00ed pro klienta) a\u00a0Fotogalerie<\/em> ze z\u00e1zem\u00ed poskytovan\u00e9 slu\u017eby, je-li mo\u017en\u00e9 fotografie zve\u0159ejnit. V\u00a0r\u00e1mci 3. \u00farovn\u011b webu se lze s\u00a0nab\u00edzen\u00fdmi slu\u017ebami sezn\u00e1mit detailn\u011bji a\u00a0v\u00a0r\u00e1mci fotogalerie nahl\u00e9dnout i\u00a0do ter\u00e9nu \u010di laborato\u0159e, kde v\u011bdci pracuj\u00ed a\u00a0poznat metody, je\u017e p\u0159i sv\u00e9 pr\u00e1ci pou\u017e\u00edvaj\u00ed.<\/p>\n

Otev\u00edr\u00e1me se ve\u0159ejnosti<\/span><\/h2>\n

Nejen u\u017eivatelsk\u00e1 jednoduchost a\u00a0responzivita webu z\u00a0d\u016fvodu spr\u00e1vn\u00e9ho zobrazen\u00ed str\u00e1nky na r\u016fzn\u00fdch technick\u00fdch za\u0159\u00edzen\u00edch, ale i\u00a0kompletn\u00ed anglick\u00e1 jazykov\u00e1 mutace jsou atributy, kter\u00e9 pom\u00e1haj\u00ed na\u0161i instituci prezentovat svou \u010dinnost jak laick\u00e9, tak i\u00a0zahrani\u010dn\u00ed odborn\u00e9 ve\u0159ejnosti. P\u0159\u00edpadn\u00fdm z\u00e1jemc\u016fm o\u00a0profesn\u00ed zku\u0161enost ve V\u00daV TGM, a\u00a0nejen jim, jsou ur\u010deny informace o\u00a0sportovn\u00edch a\u00a0kulturn\u00edch akc\u00edch, kter\u00e9 V\u00daV TGM po\u0159\u00e1d\u00e1 pro sv\u00e9 zam\u011bstnance, jejich rodiny a\u00a0p\u0159\u00e1tele. Lze je, obdobn\u011b jako z\u00e1kladn\u00ed informace o\u00a0instituci, jej\u00edch org\u00e1nech a\u00a0pr\u00e1vn\u00edch n\u00e1le\u017eitostech nal\u00e9zt v\u00a0z\u00e1lo\u017ece horn\u00edho menu O\u00a0n\u00e1s<\/em>. Posledn\u00ed sekce Pro m\u00e9dia<\/em> je v\u011bnov\u00e1na novin\u00e1\u0159sky vd\u011b\u010dn\u00fdm a\u00a0frekventovan\u00fdm t\u00e9mat\u016fm sezonn\u00edho charakteru, jako je problematika dlouhodob\u00e9ho sucha \u010di um\u011bl\u00e9 zasn\u011b\u017eov\u00e1n\u00ed, ale i\u00a0aktu\u00e1ln\u00edm ot\u00e1zk\u00e1m, nap\u0159. v\u00fdskytu viru COVID-19 v\u00a0odpadn\u00edch vod\u00e1ch. Zde mohou m\u00e9dia na\u010derpat z\u00e1kladn\u00ed poznatky pro sv\u00e9 report\u00e1\u017ee a\u00a0obr\u00e1tit se pak na na\u0161e pracovn\u00edky pro\u00a0dopl\u0148uj\u00edc\u00ed informace.<\/p>\n

A\u00a0budoucnost?<\/span><\/h2>\n

V\u00a0n\u00e1sleduj\u00edc\u00edch m\u011bs\u00edc\u00edch, po sjednocen\u00ed datab\u00e1z\u00ed V\u00daV TGM, bude na web nav\u011b\u0161ena nadstavbov\u00e1 funkcionalita umo\u017e\u0148uj\u00edc\u00ed filtrov\u00e1n\u00ed z\u00a0polo\u017ekov\u00fdch seznam\u016f (jmenn\u00fd seznam pracovn\u00edk\u016f, dostupn\u00e9 laboratorn\u00ed anal\u00fdzy, v\u00fdsledky RIV, star\u0161\u00ed projekty a\u00a0jin\u00e9), d\u00e1le budou p\u0159ipraveny dal\u0161\u00ed jazykov\u00e9 mutace webu a\u00a0postupn\u011b funk\u010dn\u011b p\u0159idru\u017eeny a\u00a0graficky sjednoceny ji\u017e existuj\u00edc\u00ed d\u00edl\u010d\u00ed weby v\u00a0r\u00e1mci dom\u00e9ny www.vuv.cz. Propojen\u00ed na p\u016fvodn\u00ed web bude zachov\u00e1no v\u00a0odkazu ve spodn\u00ed \u010d\u00e1sti \u00favodn\u00ed str\u00e1nky nov\u00e9ho webu minim\u00e1ln\u011b po dobu v\u00fdvoje t\u00e9to nadstavby, p\u0159\u00edpadn\u011b do doby, ne\u017e bude pro mal\u00fd z\u00e1jem u\u017eivatel\u016f zcela opu\u0161t\u011bn.<\/p>\n

P\u0159ejme si tedy, aby nov\u00fd web V\u00daV TGM za\u010dal co nejd\u0159\u00edve \u017e\u00edt vlastn\u00edm \u017eivotem, a\u00a0doufejme, \u017ee pro v\u00e1s bude po letech p\u0159\u00edjemn\u00fdm osv\u011b\u017een\u00edm.<\/span><\/p>\n","protected":false},"excerpt":{"rendered":"

V\u00daV TGM se po v\u00edce ne\u017e 11 letech do\u010dkal nov\u00e9ho webu. P\u016fvodn\u011b byla snaha p\u0159edstavit nov\u00fd web v r\u00e1mci v\u00fdro\u010d\u00ed 100 let od zalo\u017een\u00ed instituce na konci roku 2019, nicm\u00e9n\u011b celkov\u00fd rozsah zm\u011bn si nakonec vy\u017e\u00e1dal \u0161ir\u0161\u00ed diskuzi nap\u0159\u00ed\u010d celou instituc\u00ed tak, aby se pracovn\u00edci \u00fastavu mohli se z\u00e1m\u011brem, motivac\u00ed a p\u0159edev\u0161\u00edm \u00fa\u010delem nov\u00e9ho webu podrobn\u011b sezn\u00e1mit. T\u00edm, \u017ee nejde o pouhou zm\u011bnu designu, ale o zcela nov\u00fd web v\u010detn\u011b grafiky a struktury, bylo toto p\u0159echodn\u00e9 obdob\u00ed jist\u011b na m\u00edst\u011b a my ve V\u00daV TGM v\u011b\u0159\u00edme, \u017ee n\u00e1v\u0161t\u011bvn\u00edci z \u0159ad laick\u00e9 i odborn\u00e9 ve\u0159ejnosti jeho u\u017eivatelskou vst\u0159\u00edcnost a p\u0159ehlednost brzy ocen\u00ed.<\/p>\n","protected":false},"author":8,"featured_media":13545,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[2],"tags":[3541,1484],"coauthors":[30],"class_list":["post-30818","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-from-the-world-of-water-management","tag-new-website","tag-tgm-wri"],"acf":[],"_links":{"self":[{"href":"https:\/\/www.vtei.cz\/en\/wp-json\/wp\/v2\/posts\/30818","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.vtei.cz\/en\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.vtei.cz\/en\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.vtei.cz\/en\/wp-json\/wp\/v2\/users\/8"}],"replies":[{"embeddable":true,"href":"https:\/\/www.vtei.cz\/en\/wp-json\/wp\/v2\/comments?post=30818"}],"version-history":[{"count":2,"href":"https:\/\/www.vtei.cz\/en\/wp-json\/wp\/v2\/posts\/30818\/revisions"}],"predecessor-version":[{"id":30820,"href":"https:\/\/www.vtei.cz\/en\/wp-json\/wp\/v2\/posts\/30818\/revisions\/30820"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.vtei.cz\/en\/wp-json\/wp\/v2\/media\/13545"}],"wp:attachment":[{"href":"https:\/\/www.vtei.cz\/en\/wp-json\/wp\/v2\/media?parent=30818"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.vtei.cz\/en\/wp-json\/wp\/v2\/categories?post=30818"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.vtei.cz\/en\/wp-json\/wp\/v2\/tags?post=30818"},{"taxonomy":"author","embeddable":true,"href":"https:\/\/www.vtei.cz\/en\/wp-json\/wp\/v2\/coauthors?post=30818"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}