Centrum informatizace a výpočetní techniky, Západočeská univerzita v Plznihttp:// Ukázky použití šablony a problémy s jednotným vzhledem Courseware ZČU Přemek Brada březen 2007

Centrum informatizace a výpočetní techniky, Západočeská univerzita v Plznihttp:// 2 Agenda  Zkušenosti se šablonou  Problematické oblasti  Ukázkové předměty

Centrum informatizace a výpočetní techniky, Západočeská univerzita v Plznihttp:// 3 Šablona  Cílem je +/- jednotný vzhled => orientace čtenářů v rozsáhlém webu

Centrum informatizace a výpočetní techniky, Západočeská univerzita v Plznihttp:// Jak to může dopadnout Praktické zkušenosti s volným používáním šablony a problémy z toho plynoucí

Centrum informatizace a výpočetní techniky, Západočeská univerzita v Plznihttp:// 5 Nehezké, nejednotné, nefukční  Šablona pomůže vzhledu i orientaci díra různé šířky sloupců kde jsou aktuality?

Centrum informatizace a výpočetní techniky, Západočeská univerzita v Plznihttp:// 6 Nestandardní umístění prvků  Šablona pomůže orientaci nejsou vidět aktuality kde je uvítáni? zcela chybí pravý sloupec

Centrum informatizace a výpočetní techniky, Západočeská univerzita v Plznihttp:// 7 Funkční ale nevzhledné příliš málo textu => zbytečný portlet

Centrum informatizace a výpočetní techniky, Západočeská univerzita v Plznihttp:// 8 Funkční ale nestandardní  Tolerovat?

Centrum informatizace a výpočetní techniky, Západočeská univerzita v Plznihttp:// 9 Typické problémy  Umístění vizitky  zásadně vpravo – velikost  úvodní stránka: pouze garant  Umístění aktualit  viditelnost „nad ohybem“  Barvy a fonty  ohraničení portletů  pozor na vkládání textu z Wordu  Rozložení stránky  sloupce nejsou samoúčelné  odstranění pravého => některé bloky příliš dole  Díry v ploše stránky  rozmístění portletů – manipulace s šablonou  textové portlety s jednou větou

Centrum informatizace a výpočetní techniky, Západočeská univerzita v Plznihttp:// Co s tím

Centrum informatizace a výpočetní techniky, Západočeská univerzita v Plznihttp:// 11 V čem je význam šablony? Řeší za editory mnoho věcí důležitých pro dosažení co nejlepšího efektu stránek předmětu  Přehlednost, orientace v informacích  druhy a názvy stránek, jejich struktura  rozložení stránky do sloupců  umístění portletů (bloků informací)  Přístup k informacím  celý svět  přihlášení uživatelé / studenti  Množství informací  někdy je nic lepší než málo  délka stránky při rozsáhlých textech (scrollování obtěžuje)  Viditelnost, rozlišení obrazovky   co čtenář vidí na první pohled  typicky 1024x768  „Výtvarné“ schopnosti  co se líbí mně nemusí se líbit nikomu jinému 

Centrum informatizace a výpočetní techniky, Západočeská univerzita v Plznihttp:// 12 Pravidla a návody pro úpravy  Nemanipulovat s rozložením stránky  ani s umístěním portletů, rámečky  Vizitka  vpravo, bude mít pevnou šířku  na titulní stránce velká vizitka a pouze garanta  používat sérii malých vizitek na stránkách Přednášky, Cvičení  Obrázek na úvodní stránce  vpravo, šířka max 280px, podobná výška  Texty  lepší žádný portlet než textový s jednou větou  umírněnost ve formátování – tlačítko „kopírovat z Wordu“, případně přes Notepad (Poznámkový blok)  Zvýraznění portletů  nedělat vlastní barvy, použít skin ZCU Malá tlačítka bez titulku - zvýraznění „V jednotě je síla“

Centrum informatizace a výpočetní techniky, Západočeská univerzita v Plznihttp:// 13 Nástin řešení – systémové  Redakční rada pro CourseWare  dolaďování pravidel – odborníci na jednotlivé oblasti  pomoc editorům při úpravách konkrétních předmětů – pí Hladíková  V něčem ještě hledáme optimum  důvodné přemístění obsahu  barevná paleta, řezy písma

Centrum informatizace a výpočetní techniky, Západočeská univerzita v Plznihttp:// 14 Funkční, přehledné, estetické

Centrum informatizace a výpočetní techniky, Západočeská univerzita v Plznihttp:// Dotazy, náměty, zkušenosti, … Děkuji za pozornost.