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.