CRI projekt
Z MiS
(Rozdíly mezi verzemi)
(Založena nová stránka: Nadřazené stránky: Category:VSE Category:CRI CRI Category:Informatika == Cíle projektu: == # náznak hodnocení použitelnosti webu # praktické cviče...) |
m (→Časté chyby: Nadpis úrovně 3) |
||
| (Nejsou zobrazeny 4 mezilehlé verze od 1 uživatele.) | |||
| Řádka 4: | Řádka 4: | ||
[[Category:Informatika]] | [[Category:Informatika]] | ||
| − | == Cíle projektu: == | + | === Cíle projektu: === |
# náznak hodnocení použitelnosti webu | # náznak hodnocení použitelnosti webu | ||
# praktické cvičení na psaní HTML | # praktické cvičení na psaní HTML | ||
| − | == Zadání == | + | === Zadání === |
* proveďte zestručněnou verzi hodnocení použitelnosti náhodně zvolených webů | * proveďte zestručněnou verzi hodnocení použitelnosti náhodně zvolených webů | ||
| − | * zpracujte protokol o hodnocení | + | * zpracujte protokol o hodnocení formou ručně psané HTML stránky |
== Postup == | == Postup == | ||
| + | |||
| + | === Připravte si protokol === | ||
| + | * Nachystejte si hlavičku webové stránky. | ||
| + | * Titulek stránky bude: ''Projekt CRI: Jméno Příjemní'' | ||
| + | * Hlavní nadpis: ''CRI: hodnocení použitelnosti webu'' | ||
| + | * Dále bude uvedena tabulka: | ||
| + | *: | ||
| + | {| border="1" | ||
| + | ! Autor: | ||
| + | | ''Jméno Příjmení'' | ||
| + | |- | ||
| + | ! Datum zpracování: | ||
| + | | ''Datum'' | ||
| + | |- | ||
| + | ! Škola: | ||
| + | | ''Škola'' | ||
| + | |- | ||
| + | |} | ||
| + | * Protokol naformátujte pomocí kaskádových stylů | ||
| + | ** Styly umístěte do samostatného souboru. | ||
=== Zvolte stránky k hodnocení === | === Zvolte stránky k hodnocení === | ||
* Vyberte dvě stránky, které budete hodnotit | * Vyberte dvě stránky, které budete hodnotit | ||
| − | * Stránky byste neměli znát | + | ** Stránky byste neměli znát |
| − | * | + | * Do protokolu zapište zvolené adresy stránek: jako klikací odkaz |
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | Do protokolu | + | |
| − | + | ||
* Vytvořte snímek (screenshot) zvolené stránky a vložte ho do protokolu: | * Vytvořte snímek (screenshot) zvolené stránky a vložte ho do protokolu: | ||
| − | ** pomocí kláves < | + | ** pomocí kláves <Alt>-<PrintScreen> vložte snímek okna prohlížete do schránky |
** vložte obrázek do grafického editoru (například Malování) | ** vložte obrázek do grafického editoru (například Malování) | ||
| + | * Snímek obrazovky uložte (ve formátu PNG nebo JPG) a vložte do protokolu | ||
| + | |||
| + | <div class="Poznamka"> | ||
| + | ; Jak si vybrat stránky? Například: | ||
| + | * zvolte si nějaké slovo | ||
| + | * zvolené slovo zapište do vyhledávacího okénka Google | ||
| + | * ve vyskakovacím okně najeďte na zvolené okno myší a zvolte „Zkusím štěstí“ | ||
| + | </div> | ||
=== Poznáte účel webu? === | === Poznáte účel webu? === | ||
| Řádka 39: | Řádka 61: | ||
* Pokuste se identifikovat základní navigační prvky webu: | * Pokuste se identifikovat základní navigační prvky webu: | ||
*# Logo webu a motivační slogan | *# Logo webu a motivační slogan | ||
| − | *# Hlavní nabídku akcí (menu) | + | *# Název konkrétní stránky webu, na které se právě nacházíte |
| + | *# Hlavní nabídku akcí (menu)/sekce webu | ||
| + | *# Lokální nabídka akcí (menu)/pohyb v rámci této sekce | ||
*# Informaci o tom, na které stránce v rámci webové prezentace se právě nacházíte (drobky/drops) | *# Informaci o tom, na které stránce v rámci webové prezentace se právě nacházíte (drobky/drops) | ||
| + | *# Okénko pro vyhledávání | ||
| + | *# Vlastní obsah stránky | ||
| + | * Označte na snímku obrazovky v grafickém editoru jednotlivé součásti stránky. | ||
| + | * Bylo jejich nalezení na webu snadné? | ||
| + | |||
| + | === Poznáte, kam kliknout? === | ||
| + | |||
| + | * Letmým pohledem vyberte pět položek, na které lze kliknout. | ||
| + | * kolik procent z nich bylo opravdu klikacích a v kolika případech byl váš odhad mylný? | ||
| + | |||
| + | === Kam jít dál? === | ||
| + | * podle účelu webu se vžijte do role zákazníka webu | ||
| + | * vyberte si informaci, kterou byste na webu mohli chtít získat jako zákazník | ||
| + | * vyzkoušejte, zda odhadnutý postup opravdu fungoval | ||
| + | |||
| + | === Je web dostatečně stručný? === | ||
| + | |||
| + | * stačí k pochopení obsahu stručné přelétnutí stránky očima, nebo je třeba číst dlouhý text? | ||
| + | * zhodnoťte, zda by bylo možné text smysluplně zestručnit. | ||
== Který web je použitelnější? == | == Který web je použitelnější? == | ||
* Zhodnoťte do protokolu, který ze dvou zvolených webů považujete na základě výše uvedených zkoumání za snáze pochopitelný/použitelnější. | * Zhodnoťte do protokolu, který ze dvou zvolených webů považujete na základě výše uvedených zkoumání za snáze pochopitelný/použitelnější. | ||
| + | |||
| + | == Technické požadavky na protokol == | ||
| + | * Předveďte, co jste se naučili z jazyka HTML. Technické zpracování projektu by mělo odpovídat získaným dovednostem! | ||
| + | * Použijte alespoň jednou vlastní (pojmenovaný) kaskádový styl. | ||
| + | * Pokud uvádíte odkaz na stránky, měl by být opravdu aktivní (mělo by na něj jít kliknout a měl by fungovat). | ||
| + | |||
| + | === Časté chyby === | ||
| + | * Nepřiměřené použití elementu <code><br /></code>. | ||
| + | * Odsazování odstavců prázdnými řádky místo pomocí stylů. | ||
| + | * Jen velmi triviální použití kaskádových stylů, „ruční“ formátování přímo ve stránce. | ||
Aktuální verze z 2. 12. 2013, 15:18
Nadřazené stránky: CRI
Obsah |
Cíle projektu:
- náznak hodnocení použitelnosti webu
- praktické cvičení na psaní HTML
Zadání
- proveďte zestručněnou verzi hodnocení použitelnosti náhodně zvolených webů
- zpracujte protokol o hodnocení formou ručně psané HTML stránky
Postup
Připravte si protokol
- Nachystejte si hlavičku webové stránky.
- Titulek stránky bude: Projekt CRI: Jméno Příjemní
- Hlavní nadpis: CRI: hodnocení použitelnosti webu
- Dále bude uvedena tabulka:
| Autor: | Jméno Příjmení |
|---|---|
| Datum zpracování: | Datum |
| Škola: | Škola |
- Protokol naformátujte pomocí kaskádových stylů
- Styly umístěte do samostatného souboru.
Zvolte stránky k hodnocení
- Vyberte dvě stránky, které budete hodnotit
- Stránky byste neměli znát
- Do protokolu zapište zvolené adresy stránek: jako klikací odkaz
- Vytvořte snímek (screenshot) zvolené stránky a vložte ho do protokolu:
- pomocí kláves <Alt>-<PrintScreen> vložte snímek okna prohlížete do schránky
- vložte obrázek do grafického editoru (například Malování)
- Snímek obrazovky uložte (ve formátu PNG nebo JPG) a vložte do protokolu
- Jak si vybrat stránky? Například
- zvolte si nějaké slovo
- zvolené slovo zapište do vyhledávacího okénka Google
- ve vyskakovacím okně najeďte na zvolené okno myší a zvolte „Zkusím štěstí“
Poznáte účel webu?
- Letmo se podívejte na zvolenou webovou stránku.
- Zapište do protokolu svůj názor na to, k jakému účelu web slouží.
- Později web prozkoumáte podrobněji a zhodnotíte, jestli jste účel webu odhadli při letmém prozkoumání správně.
- Pokuste se identifikovat základní navigační prvky webu:
- Logo webu a motivační slogan
- Název konkrétní stránky webu, na které se právě nacházíte
- Hlavní nabídku akcí (menu)/sekce webu
- Lokální nabídka akcí (menu)/pohyb v rámci této sekce
- Informaci o tom, na které stránce v rámci webové prezentace se právě nacházíte (drobky/drops)
- Okénko pro vyhledávání
- Vlastní obsah stránky
- Označte na snímku obrazovky v grafickém editoru jednotlivé součásti stránky.
- Bylo jejich nalezení na webu snadné?
Poznáte, kam kliknout?
- Letmým pohledem vyberte pět položek, na které lze kliknout.
- kolik procent z nich bylo opravdu klikacích a v kolika případech byl váš odhad mylný?
Kam jít dál?
- podle účelu webu se vžijte do role zákazníka webu
- vyberte si informaci, kterou byste na webu mohli chtít získat jako zákazník
- vyzkoušejte, zda odhadnutý postup opravdu fungoval
Je web dostatečně stručný?
- stačí k pochopení obsahu stručné přelétnutí stránky očima, nebo je třeba číst dlouhý text?
- zhodnoťte, zda by bylo možné text smysluplně zestručnit.
Který web je použitelnější?
- Zhodnoťte do protokolu, který ze dvou zvolených webů považujete na základě výše uvedených zkoumání za snáze pochopitelný/použitelnější.
Technické požadavky na protokol
- Předveďte, co jste se naučili z jazyka HTML. Technické zpracování projektu by mělo odpovídat získaným dovednostem!
- Použijte alespoň jednou vlastní (pojmenovaný) kaskádový styl.
- Pokud uvádíte odkaz na stránky, měl by být opravdu aktivní (mělo by na něj jít kliknout a měl by fungovat).
Časté chyby
- Nepřiměřené použití elementu
<br />. - Odsazování odstavců prázdnými řádky místo pomocí stylů.
- Jen velmi triviální použití kaskádových stylů, „ruční“ formátování přímo ve stránce.
