ˇ Cesk´ e vysok´e uˇcen´ı technick´e v Praze Fakulta elektrotechnick´a
Testov´an´ı administraˇcn´ıho rozhran´ı sluˇzby WordPress.com Semestr´aln´ı pr´ace pro studijn´ı pˇredmˇet ´ ´I U Zˇ IVATELSK YCH ´ T ESTOV AN ROZHRAN´I (A7B39TUR)
V YPRACOVAL : A KADEMICK Y´ ROK : ˇ ´I C´I : V YU CUJ ´ ´I : D ATUM ODEVZD AN
Tom´asˇ Mazaˇc (
[email protected]) 2013/2014 Ing. Adam J. Sporka, Ph.D. 15. 10. 2013
Obsah 1
´ Uvod 1.1 Popis aplikace . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 1.2 Popis c´ılov´e skupiny uˇzivatelu˚ . . . . . . . . . . . . . . . . . . . . .
3 3 4
2
Pˇrehled testovanych ´ pˇr´ıpadu˚ uˇzit´ı ´ ctu . . . . . . . . . . 2.1 Vytvoˇren´ı nov´eho uˇ 2.2 Vytvoˇren´ı nov´eho blogu . . . . . . . . . 2.3 Vytvoˇren´ı nov´eho textov´eho pˇr´ıspˇevku ´ 2.4 Uprava pˇr´ıspˇevku . . . . . . . . . . . . . 2.5 Smaz´an´ı blogu . . . . . . . . . . . . . . .
3
4
. . . . .
. . . . .
. . . . .
. . . . .
. . . . .
. . . . .
. . . . .
. . . . .
5 5 5 5 6 6
Testov´an´ı kognitivn´ım pruchodem ˚ 3.1 Popis metody . . . . . . . . . . . . . . . . . . . . . . . . 3.2 Sc´en´arˇ e jednotlivych ´ pˇr´ıpadu˚ uˇzit´ı a vyhodnocen´ı testu ´ ctu . . . . . . . . . . . . . . . 3.2.1 Vytvoˇren´ı nov´eho uˇ 3.2.2 Vytvoˇren´ı nov´eho blogu . . . . . . . . . . . . . . 3.2.3 Vytvoˇren´ı nov´eho textov´eho pˇr´ıspˇevku . . . . . ´ 3.2.4 Uprava pˇr´ıspˇevku . . . . . . . . . . . . . . . . . 3.2.5 Smaz´an´ı blogu . . . . . . . . . . . . . . . . . . .
. . . . . . .
. . . . . . .
. . . . . . .
. . . . . . .
. . . . . . .
. . . . . . .
. . . . . . .
7 7 7 7 9 10 12 14
Pˇrehled n´alezu˚ 4.1 N´alezy s vysokou prioritou . . . . . . . . . . . . . . . . . . . . . . . 4.2 N´alezy se stˇredn´ı prioritou . . . . . . . . . . . . . . . . . . . . . . . . 4.3 N´alezy s n´ızkou prioritou . . . . . . . . . . . . . . . . . . . . . . . .
17 17 17 18
2
. . . . .
. . . . .
. . . . .
. . . . .
. . . . .
. . . . .
. . . . .
. . . . .
Kapitola 1 ´ Uvod 1.1
Popis aplikace
Objektem testov´an´ı bude webov´a sluˇzba WordPress.com – redakˇcn´ı syst´em, ktery´ slouˇz´ı k publikov´an´ı textu˚ a multimedi´aln´ıho obsahu.
Obr´azek 1.1: Domovsk´a webov´a str´anka sluˇzby WordPress.com Zaregistrovany´ uˇzivatel m´a k dispozici speci´aln´ı rozhran´ı, ve kter´em jsou agre˚ kter´e sleduje. S´am si muˇ ˚ ze zaloˇzit jeden nebo v´ıce gov´any pˇr´ıspˇevky z blogu, ˇ blogu˚ a na nich zveˇrejnovat texty, fotografie, videa, citace, odkazy a dalˇs´ı obsah. ˚ ze byt ˚ ze Pro blog muˇ ´ vybr´ana jiˇz existuj´ıc´ı sˇ ablona urˇcuj´ıc´ı styl, nebo uˇzivatel muˇ pouˇz´ıt vlastn´ı. Moˇznosti tohoto syst´emu jsou opravdu rozs´ahl´e, takˇze n´asleduj´ıc´ı testov´an´ı se bude zabyvat pouze pˇr´ıpady, kdy chce uˇzivatel vyuˇz´ıvat z´akladn´ı funkce po´ psan´e v kapitole 2.
3
´ ´I W ORD P RESS . COM T ESTOV AN
4
Publikaˇcn´ı syst´em WordPress je open source1 – je vyv´ıjen pod licenc´ı GNU GPL. ˚ ze st´ahnout zdrojov´e kody ´ Kdokoliv si tedy muˇ nebo spustitelnou aktu´aln´ı verzi tohoto projektu a zprovoznit je na vlastn´ım serveru. WordPress dodrˇzuje standardy XML, XHTML a CSS, m´a integrovan´eho spr´avce ˚ strukturu trvalych ˚ odkazu, ´ odkazu˚ pˇra´ telskych ´ k internetovym ´ vyhled´avaˇcum, ˚ umoˇznuje ˇ m´a podporu pluginu, rˇ adit pˇr´ıspˇevky do podkategori´ı a oznaˇcovat je sˇ t´ıtky a obsahuje typograficky´ filtr pro form´atov´an´ı a styl textu. [1]
1.2
Popis c´ılov´e skupiny uˇzivatelu˚
C´ılovou skupinou jsou uˇzivatel´e bez vˇekov´eho omezen´ı, kteˇr´ı maj´ı alesponˇ minim´aln´ı tzv. poˇc´ıtaˇcovou gramotnost – v naˇsem pˇr´ıpadˇe tedy mus´ı zvl´adnout pr´aci s bˇezˇ nym ´ webovym ´ prohl´ızˇ eˇcem. Uˇzivatel´e by mˇeli ovl´adat z´aklady anglick´eho jazyka, protoˇze cel´e grafick´e uˇzivatelsk´e rozhran´ı je pr´avˇe v tomto jazyce. Uˇzivatel´e mus´ı umˇet pouˇz´ıvat kl´avesnici a myˇs, popˇr. jin´e bˇezˇ n´e, standardn´ı ˇ vstupn´ı perifern´ı zaˇr´ızen´ı, kter´e jim bude umoˇznovat ovl´adat uˇzivatelsk´e rozhran´ı aplikace.
1
Otevˇreny´ software (anglicky open-source software nebo open software, zkratka OSS) je ´ poˇc´ıtaˇcovy´ software s otevˇrenym [2] ´ zdrojovym ´ kodem.
Kapitola 2 Pˇrehled testovanych ´ pˇr´ıpadu˚ uˇzit´ı
Tabulka 2.1: Pˇrehled testovanych ´ pˇr´ıpadu˚ uˇzit´ı ´ ctu UC1 Vytvoˇren´ı nov´eho uˇ UC2 Vytvoˇren´ı nov´eho blogu UC3 Vytvoˇren´ı nov´eho textov´eho pˇr´ıspˇevku ´ UC4 Uprava pˇr´ıspˇevku UC5 Smaz´an´ı blogu
2.1
Vytvoˇren´ı nov´eho uˇ ´ ctu
K vyuˇz´ıv´an´ı publikaˇcn´ıch funkc´ı webov´e sluˇzby WordPress.com je zapotˇreb´ı byt ´ ˚ zitˇejˇs´ı pˇr´ıpad uˇzit´ı, bez kter´eho by ostatn´ı nemˇely zaregistrov´an – je to tedy nejduleˇ smysl. Zaregistrovat se lze pˇr´ımo na domovsk´e str´ance www.wordpress.com (viz obr. 1.1). Moˇzn´e probl´emy mohou nastat pˇri sˇ patn´em vyplnˇen´ı registraˇcn´ıho formul´arˇ e, kdy by n´as aplikace mohla upozornit napˇr. na jiˇz obsazen´e uˇzivatelsk´e jm´eno.
2.2
Vytvoˇren´ı nov´eho blogu
˚ ze vytvoˇrit libovolny´ poˇcet blogu˚ a do nich n´aslednˇe pˇrid´avat Kaˇzdy´ uˇzivatel si muˇ pˇr´ıspˇevky.
2.3
Vytvoˇren´ı nov´eho textov´eho pˇr´ıspˇevku
Vytvoˇren´ı nov´eho textov´eho pˇr´ıspˇevku je naprosto z´akladn´ı funkce, u kter´e se d´a ˚ protoˇze se jedn´a o neodmyspˇredpokl´adat, zˇ e ji bude vyuˇz´ıvat nejv´ıce uˇzivatelu, litelnou souˇca´ st tradiˇcn´ıho blogov´an´ı.
5
´ ´I W ORD P RESS . COM T ESTOV AN
2.4
6
´ Uprava pˇr´ıspˇevku
˚ ze skrze administraˇcn´ı rozhran´ı jednoduˇse upravit Je nutn´e ovˇerˇ it, zˇ e uˇzivatel muˇ jiˇz vytvoˇreny´ pˇr´ıspˇevek.
2.5
Smaz´an´ı blogu
˚ ˚ blog a t´ım i veˇskery´ Pokud se uˇzivatel z nˇejak´eho duvodu rozhodne smazat svuj ˚ zeme oˇcek´avat, zˇ e tato moˇznost bude jeho obsah, nemˇelo by mu byt ´ br´anˇeno. Muˇ ˚ trochu skryt´a, protoˇze provozovatel nem´a z´ajem na odchodu svych ´ uˇzivatelu.
Kapitola 3 Testov´an´ı kognitivn´ım pruchodem ˚ 3.1
Popis metody
Zvolen´a metoda testov´an´ı bez uˇzivatele se nazyv´ ˚ (anglicky ´ a kognitivn´ı pruchod cognitive walkthrough), pˇri n´ızˇ proch´az´ıme jednotliv´e kroky pr´avˇe testovan´eho pˇr´ıpadu uˇzit´ı a v kaˇzd´em kroku odpov´ıd´ame na ot´azky z tabulky 3.1. Pˇri z´aporn´e odpovˇedi je nutn´e podrobnˇeji popsat zjiˇstˇeny´ nedostatek. ˚ Tabulka 3.1: Ot´azky pro kaˇzdy´ krok kognitivn´ıho pruchodu Q1 Je uˇzivateli jasn´e, co m´a udˇelat? ´ Q2 Dok´azˇ e si uˇzivatel spojit popisky s jednotlivymi ukony? ´ Q3 Obdrˇz´ı uˇzivatel n´aleˇzitou zpˇetnou vazbu? Vystupem cel´eho testu je popis n´alezu˚ a seznam doporuˇcen´ı pˇri rˇ eˇsen´ı nale´ ˚ Pˇrehled n´alezu˚ je v kapitole 4. zenych ´ probl´emu.
3.2 3.2.1
Sc´en´arˇe jednotlivych ´ pˇr´ıpadu˚ uˇzit´ı a vyhodnocen´ı testu Vytvoˇren´ı nov´eho uˇ ´ ctu
Nutnou prerekvizitou tohoto pˇr´ıpadu uˇzit´ı je byt ´ na domovsk´e str´ance t´eto webov´e sluˇzby – na www.wordpress.com (viz obr. 1.1). ´ ctu je zapotˇreb´ı vykonat n´asleduj´ıc´ı kroky: K vytvoˇren´ı nov´eho uˇ 1. Kliknout na tlaˇc´ıtko Get Started“ (viz obr. 3.1). ”
7
´ ´I W ORD P RESS . COM T ESTOV AN
8
Obr´azek 3.1: Tlaˇc´ıtko Get Started“ ” ´ 2. Vyplnit registraˇcn´ı udaje (e-mailov´a adresa, uˇzivatelsk´e jm´eno, heslo a jm´eno subdom´eny, na kter´e bude blog spuˇstˇen) a kliknout na tlaˇc´ıtko Create Blog“ ” (viz obr. 3.2).
Obr´azek 3.2: Tlaˇc´ıtko Create Blog“ ” 3. V pˇr´ıchoz´ım e-mailu kliknout na Activate Blog“ (viz obr. 3.3). ”
Obr´azek 3.3: Tlaˇc´ıtko Activate Blog“ ” ˚ Odpovˇedi na ot´azky kognitivn´ıho pruchodu pro pˇr´ıpad uˇzit´ı vytvoˇren´ı nov´e´ ctu jsou zaznamen´any v tabulce 3.2. ho uˇ
´ ´I W ORD P RESS . COM T ESTOV AN
˚ ´ ctu Tabulka 3.2: Kognitivn´ı pruchod pro vytvoˇren´ı nov´eho uˇ Krok Q1 Q2 Q3 1 ano ano ano 2 ano ano ano 3 ano ano ano
3.2.2
Vytvoˇren´ı nov´eho blogu
Nutnou prerekvizitou k tomuto pˇr´ıpadu uˇzit´ı je pˇrihl´asˇ en´ı do syst´emu. K vytvoˇren´ı nov´eho blogu je zapotˇreb´ı vykonat n´asleduj´ıc´ı kroky: 1. Kliknout na My Blog(s)“ (viz obr. 3.4). ”
Obr´azek 3.4: Poloˇzka menu My Blog“ ” 2. Kliknout na Create a New Blog“ (viz obr. 3.5). ”
Obr´azek 3.5: Moˇznost Create New Blog“ ” ´ 3. Vyplnit udaje o nov´em blogu (dom´enu, jm´eno a viditelnost) (viz obr. 3.6).
9
´ ´I W ORD P RESS . COM T ESTOV AN
10
´ u˚ o nov´em blogu Obr´azek 3.6: Zad´av´an´ı udaj 4. Kliknout na tlaˇc´ıtko Create Blog“ (viz obr. 3.7). ”
Obr´azek 3.7: Tlaˇc´ıtko Create Blog“ ” ˚ Odpovˇedi na ot´azky kognitivn´ıho pruchodu pro pˇr´ıpad uˇzit´ı vytvoˇren´ı nov´eho blogu jsou zaznamen´any v tabulce 3.3. ˚ Tabulka 3.3: Kognitivn´ı pruchod pro vytvoˇren´ı nov´eho blogu Krok Q1 Q2 Q3 1 ne1 ne2 ano 2 ano ano ano 3 ano ano ano 4 ano ano ano
3.2.3
Vytvoˇren´ı nov´eho textov´eho pˇr´ıspˇevku
Nutnou prerekvizitou k tomuto pˇr´ıpadu uˇzit´ı je pˇrihl´asˇ en´ı do syst´emu.
´ ´I W ORD P RESS . COM T ESTOV AN
11
K vytvoˇren´ı nov´eho textov´eho pˇr´ıspˇevku je zapotˇreb´ı vykonat n´asleduj´ıc´ı kroky: 1. Kliknout na New Post“ (viz obr. 3.8). ”
Obr´azek 3.8: Poloˇzka menu New Post“ ” 2. Zvolit typ pˇr´ıspˇevku Text“ (viz obr. 3.9). ”
Obr´azek 3.9: Moˇznost Text“ ” 3. Zadat vlastn´ı obsah pˇr´ıspˇevku, pˇr´ıpadnˇe i titulek a sˇ t´ıtky (tags). (Obr. 3.10)
Obr´azek 3.10: Zad´an´ı obsahu pˇr´ıspˇevku 4. Kliknout na Publish Post“ (viz obr. 3.11). ”
´ ´I W ORD P RESS . COM T ESTOV AN
12
Obr´azek 3.11: Tlaˇc´ıtko Publish Post“ ”
Obr´azek 3.12: Ozn´amen´ı o vloˇzen´ı nov´eho pˇr´ıspˇevku ˚ Odpovˇedi na ot´azky kognitivn´ıho pruchodu pro pˇr´ıpad uˇzit´ı vytvoˇren´ı nov´eho textov´eho pˇr´ıspˇevku jsou zaznamen´any v tabulce 3.4. ˚ Tabulka 3.4: Kognitivn´ı pruchod pro vytvoˇren´ı nov´eho textov´eho pˇr´ıspˇevku Krok Q1 Q2 Q3 1 ano ano ano 2 ano ano ne1 3 ano ne2 ano 4 ano ano ano
3.2.4
´ Uprava pˇr´ıspˇevku
1. Kliknout na My Blog(s)“ (viz obr. 3.4). ” 2. U vybran´eho blogu kliknout na Blog Admin“ (viz obr. 3.13). ”
´ ´I W ORD P RESS . COM T ESTOV AN
Obr´azek 3.13: Moˇznost Blog Admin“ ” 3. V lev´em menu vybrat Posts → All Posts“ (viz obr. 3.14). ”
Obr´azek 3.14: Poloˇzka menu All Posts“ ” 4. U pˇr´ıspˇevku k upraven´ı kliknout na Edit“ (viz obr. 3.15). ”
Obr´azek 3.15: Moˇznost Edit“ ” 5. Upravit pˇr´ıspˇevek a kliknout na Update“ (viz obr. 3.16). ”
13
´ ´I W ORD P RESS . COM T ESTOV AN
14
Obr´azek 3.16: Tlaˇc´ıtko Update“ ” ˚ Odpovˇedi na ot´azky kognitivn´ıho pruchodu pro pˇr´ıpad uˇzit´ı upraven´ı pˇr´ıspˇevku jsou zaznamen´any v tabulce 3.5. ˚ ´ Tabulka 3.5: Kognitivn´ı pruchod pro upravu pˇr´ıspˇevku Krok Q1 Q2 Q3 1 ano ano ano 2 ne1 ano ano 3 ano ne2 ano 4 ano ano ano 4 ano ano ano
3.2.5
Smaz´an´ı blogu
Nutnou prerekvizitou k tomuto pˇr´ıpadu uˇzit´ı je pˇrihl´asˇ en´ı do syst´emu a m´ıt zaloˇzen alesponˇ jeden blog. K smaz´an´ı blogu je zapotˇreb´ı vykonat n´asleduj´ıc´ı kroky: 1. Kliknout na My Blog(s)“ (viz obr. 3.4). ” 2. U vybran´eho blogu kliknout na volbu Blog Admin“ (viz obr. 3.13). ” 3. V lev´em menu vybrat Tools → Delete Site“ (viz obr. 3.17). ”
´ ´I W ORD P RESS . COM T ESTOV AN
15
Obr´azek 3.17: Poloˇzka menu Delete Site“ ” 4. V rozbalovac´ım menu vybrat Permanently delete the site and all content“, ” zaˇskrtnout I want to permanently remove dalsinovyblog.wordpress.com ” and I am aware I can never get its content or its address back.“ a kliknout na tlaˇc´ıtko Delete nazevBlogu.wordpress.com Permanently “ (viz obr. ” 3.18).
Obr´azek 3.18: Formul´arˇ Delete Site“ ” 5. V pˇr´ıchoz´ım e-mailu pˇrej´ıt na odkaz, kde se potvrd´ı smaz´an´ı blogu. ˚ Odpovˇedi na ot´azky kognitivn´ıho pruchodu pro pˇr´ıpad uˇzit´ı smaz´an´ı blogu jsou zaznamen´any v tabulce 3.6.
´ ´I W ORD P RESS . COM T ESTOV AN
˚ Tabulka 3.6: Kognitivn´ı pruchod pro smaz´an´ı blogu Krok Q1 Q2 Q3 1 ano ano ano 2 ano ano ano 3 ne1 ano ano 4 ano ano ano 5 ano ano ano
16
Kapitola 4 Pˇrehled n´alezu˚ ˚ Tato kapitola obsahuje pˇrehled n´alezu˚ z kognitivn´ıho pruchodu zm´ınˇenych ´ pˇr´ıpadu˚ uˇzit´ı a doporuˇcen´ı jejich rˇ eˇsen´ı. Vˇsechny seznamy jsou seˇrazeny sestupnˇe ˚ zit´e. Pˇrehled a definice priorit je od nejz´avaˇznˇejˇs´ıch probl´emu˚ po ty m´enˇe duleˇ v tabulce 4.1. Tabulka 4.1: Definice priorit Vysok´a priorita Takto oznaˇceny´ n´alez je bezpodm´ıneˇcnˇe nutn´e v co nejkratˇs´ı dobˇe vyˇreˇsit. Pokud nebude probl´em odstranˇen, aplikace je nepouˇziteln´a. Stˇredn´ı priorita N´alez se stˇredn´ı prioritou neohroˇzuje celkovou pouˇzitelnost aplikace, ale jeho odstranˇen´ı pˇrinese zeefektivnˇen´ı pr´ace a vyraznˇ e sn´ızˇ ´ı zma´ tenost uˇzivatele. N´ızk´a priorita Drobn´e, kosmetick´e“ vady. ” Identifik´atory pro jednotliv´e pˇr´ıpady uˇzit´ı jsou vysvˇetleny v tabulce 2.1.
4.1
N´alezy s vysokou prioritou
ˇ adn´e n´alezy s vysokou prioritou nebyly nalezeny. Z´
4.2
N´alezy se stˇredn´ı prioritou
Bylo nalezeno pˇet n´alezu˚ se stˇredn´ı prioritou: ˚ ze byt UC4, n´alez 2: Uˇzivateli nemuˇ ´ ihned jasn´e, jaky´ je rozd´ıl mezi volbou Edit“ ” a Quick Edit“ (viz obr. 3.15). ” UC5, n´alez 1: Um´ıstˇen´ı volby Delete Site“ v rozbalovac´ı poloˇzce menu Tools“ ” ” postr´ad´a logiku, tud´ızˇ se ned´a oˇcek´avat, zˇ e ji uˇzivatel najde (viz obr. 3.17). UC4, n´alez 1: Moˇznost Blog Admin“ sp´ısˇ e evokuje administraci obecnych ´ vlast” ´ nost´ı blogu – ne upravu obsahu jednotlivych ´ pˇr´ıspˇevku˚ (viz obr. 3.13). 17
´ ´I W ORD P RESS . COM T ESTOV AN
18
˚ UC2, n´alez 1: Volba v menu My Blog(s)“ pusob´ ı lehce zmateˇcnˇe: Pod takovou ” moˇznost´ı uˇzivatel sp´ısˇ e oˇcek´av´a pˇrehled jiˇz existuj´ıc´ıch blogu˚ – nehledal by zde moˇznost vytvoˇrit blog novy´ (viz obr. 3.4). UC2, n´alez 2: Viz UC2, n´alez 1. Staˇcilo by vytvoˇrit novou poloˇzku menu oznacˇ enou napˇr. Create New Blog“. ”
4.3
N´alezy s n´ızkou prioritou
Byly nalezeny dva n´alezy s n´ızkou prioritou: ˚ chyb´ı popisky. Jsou obsaˇzeny jen ve formˇe UC3, n´alez 2: Formul´arˇ ovym ´ prvkum ˚ ze tzv. placeholders, kter´e po zad´an´ı prvn´ıho znaku samozˇrejmˇe zmiz´ı, coˇz muˇ u v´ıce formul´arˇ ovych ´ prvku˚ znamenat jist´e n´aroky na uˇzivatelovu pamˇet’ (viz obr. 3.10). UC3, n´alez 1: Uˇzivatel nem´a explicitn´ı zpˇetnou vazbu o tom, zda si vybral pr´avˇe typ pˇr´ıspˇevku Text“. N´asledny´ formul´arˇ pro zad´an´ı obsahu pˇr´ıspˇevku vy” pad´a totiˇz velmi podobnˇe jako pˇri volbˇe Quote“ (viz obr. 3.10). ”
Literatura [1] WordPress. In: Wikipedie [online]. 2013 [cit. 2013-10-15]. Dostupn´e z: http://cs.wikipedia.org/wiki/WordPress [2] Otevˇreny´ software. In: Wikipedie [online]. 2013 [cit. 2013-10-15]. Dostupn´e z: http://cs.wikipedia.org/wiki/Otev%C5%99en%C3%BD software
19
