1 DelV:Testdokumentasjon
2 1.Forord Viktighetenavbrukertestingkanikkeoverdrives.Deterkungjennomeniterativ arbeidsmetodebeståendeavåprøve>og>feileatvikanklareåunngådestørste feileneogkanimplementereprosjektersåsmertefrittsommulig. Idennedelenavsluttrapportentarviforosstestdokumentasjon,vigårgjennom brukertester,testeravprogramspråk,valideringm.m. DelV:Testdokumentasjon
3 2.#Innholdsfortegnelse# 1.Forord...2 2.Innholdsfortegnelse...3 3.Validering,kodeogdesign...4 3.1Navnevalgoglogodesign... 4 3.2Testingogvalideringoppmothtml5,css3ogWCAGsretningslinjer... 5 4.Dokumentasjonavtesting...7 4.1Hvorfortestervi?... 7 4.2Nettbrettogsmarttelefoner... 8 4.3Testingpåkode... 9 4.4Kodeutviklingisprinter... 10 4.5Funksjonalitetstest... 10 4.6Testingpåbrukervennlighet... 14 5.Konklusjon... 15 DelV:Testdokumentasjon
4 3.Validering,kodeogdesign Idettekapitteletservipåhvordandesignetutvikletseg,hvordanvitestet nettsideneoppmotdiverseonlinevalideringsverktøyforåsikre brukervennlighetenoghvilkeresultaterdetga. 3.1Navnevalgoglogodesign Figur1BHersermanutviklingenavlogoenfravilandetpåstrukturenoggjennomtestingav kontrastogestetiskopplevelse. IFigur1sermanhvordanviendretogjustertefarger,fonterogbakgrunner gjennomprosessenframtildenendeligeversjonennederst.detteerallikevel DelV:Testdokumentasjon
5 ikkedenviendteoppmedtilslutt,davivalgteågåvekkfraenbilledløsningog overtilenløsninghvorselvelogoenvarbilde,menstittelenogundertittelenble skrevetutsomrentekst.vivarogsåinnomflerenavn,hvoravettvar SkiltOgStempel.no,menbådeoppdragsgiverogetuformeltpanellikte Skiltet Ditt best. Andrenavnvitestetutpåulikebrukertypervar: *StempelOgSkilt.no *HelseOgAdvokat.no *AdvokatOgHelse.no *SkiltTilAlt.no Énavhovedinnvendingenemottitlenemedordet skilt varatmanfikk assosiasjonertilskilsmissesomflerementekunnevirkeforvirrendepå potensiellekunder.viderementenoenatbrukenavyrkestitler,somadvokat, kunnevirkeekskluderendeogatordet helse ogsåkunneværemisvisende,all dentidbutikkenikkeskulleselgehelseprodukter. KonklusjonenpåbrukerundersøkelsenomnavnvaraltsåatSkiltetDitt.noga tydeliginformasjonavhvadetdreidesegomogvirkettilenvissgradlokkende påtestpersonene. 3.2Testingogvalideringoppmothtml5,css3ogWCAGsretningslinjer Etterhvertsomsidenetokformvardetviktigåtesteoppmotulike valideringsverktøy,slikatviheletidenholdtossinnenforderetningslinjenesom kravspesifikasjonenstaketut.onlinevalideringssiderunderletterarbeidetmed åletegjennomkodenetterfeilogmanglerenormtogbleetuvurderlig arbeidsverktøyforossiprosessenframmotdetferdigeproduktet. Vibruktew3.orgsinevalideringsverktøyforåtestebådecss>stilarkenevåre (jigsaw.w3.org/css-validator/validator.html.en)oghtml5>koden (http://validator.w3.org).sefigur2og3. DelV:Testdokumentasjon
6 Figur2ButsnittavcssBvalidatorensomviserathovedstilarkettilproduktetvaliderersomcssnivå3 utenfeil. Figur3ButsnittavhtmlBvalidatorensomviseratindex.php(forsiden)validerertilhtml5utenfeil. Advarselengårutpåathtml5Bvalidatorverktøyetkanhendeikkeerheltoppdatertpådesiste utviklingsverktøyeneforhtml5. Vitestetkontrastenmellomforgrunn(tekst)ogbakgrunnhossnook.ca (snook.ca/technical/colour_contrast/colour.html).sefigur4. Figur4Butsnittavkontrastvalidatorentilsnook.casombl.a.sjekkerkompatibilitetentildevalgte fargenemedwcagsretningslinjer. VisjekketkompatibilitetenpånettsidenmedverktøyetfraAChecker.casom validererkodeoppmotwcagsretningslinjerogangirhvormantrefferpåde ulikenivåene(a,aaogaaa).sefigur5.detteverktøyetoppgirogsåenrekke potensielleproblemer,sompåsiktkanføretilfeil,menikkeklassifiseressomfeil ennå.dissekanmanfåenoversiktoverpåsammesideogjobbevideremedå innfriwcagkriterienederdetermuligoghensiktsmessig. DelV:Testdokumentasjon
7 Figur5ButsnittavWCAGBvalidatorvekrtøyetsomviseratindex.php(Forsiden)validerermotWCAG 2.0nivåAA. 4.Dokumentasjonavtesting Idettekapitteletgårvinærmereinnpåbrukertestingog>evaluering,bådeav enkeltfunksjonerogavhelhetsinntrykk. 4.1Hvorfortestervi? Formåletmedågjennomføretesterpåprodukteterforåsørgeforatvioppdager flestmuligfeilogmanglerpåproduktetførdetleverestiloppdragsgiver.dette erforatproduktetvileverskalværesågodtsommulig.vihargjorttesterpå enkeltfunksjonerogtestersomgårpåbrukervennlighet.deretterharvievaluert testresultateneoggjortendringer/forbedringerbasertpådetilbakemeldingene vihargjort.viharlatteksternepersonertesteoggjorttesterselv.deterspesielt nyttigålaandregjøretestenedadeikkeharkjennskaptilkodenogviloftegjøre tingannerledesennensomkjennersystemetvillegjort. DelV:Testdokumentasjon
8 4.2Nettbrettogsmarttelefoner Vårnettbutikkersålangtikkeoptimalisertforandreplattformer,mendener operativif.eks.safaripåipad,selvomstylingenernoeendretfranettleser> versjonenpåenpc(sefigur6) Figur6BskjermbildeavnettbutikkenpåeniPad Viharikkefokusertpåålageenegenmobilversjonavnettsiden,mensiden smarttelefonerharrelativtsofistikertenettleseresåerallefunksjoneneer tilgjengeligeformobilbrukeren.detkrevesdogendelmanøvreringsom forstørringavskjermbilderoglignende(sefigur7). DelV:Testdokumentasjon
9 Figur7BskjermbildeavnettbutikkenpåeniPhone6+,hvornedtrekksmenyenoverlapperannen tekst Selvomnedtrekksmenyenoverlapperannentekstsliksomvistifigur7erden allikevelvirksom,ogfordiviikkeharnoenflash>baserteløsningersåvirker sidenpåios.deterallikeveletpoengforframtidenåutvikleenversjonsomtar hensyntildeulikeplattformenesompotensiellekundergjernebrukeridisse 4.3Testingpåkode Vigjordetesterpånettsidenskode.Dettebleutførtvedatnettsidens funksjonalitetoppførtesegliktuavhengigavnettleser,skjermstørrelse,enhetog hvilkevalgbrukerengjorde.detvarviktigåbeskyttebrukerenfornegative konsekvenseravfeil(f.eks.atdealltidkanavbryteettkjøpinnendetrykker bekreftpåsisteside). DelV:Testdokumentasjon
10 4.4Kodeutviklingisprinter Allkodenvårbleutvikletisprinter.Detvilsiatvigjordeklartendel,testet robusthetenogbrukervennligheten.ettertilbakemeldingenegjordevi forbedringerogtestetigjen.alletestenevigjennomførtevarikkelike omfattende.noenavtesteneblebaregjennomførtpåenkeltpersonerogtok bareettparminutter. 4.5Funksjonalitetstest Funksjonalitetennettsidenskalkunneogsomvitestetvar. ResultatetblevurdertutifrahvorgodtkodenutførteoppgavenefraIkke godkjenttilgodkjent. Registererebruker Oppgave Resultat Kommentar Allefeltermåværefylt Godkjent Enbrukerkanikkegå videreutenatallefeltene erfyltut. Feltenemåværefyltriktig (tallitelefon,ikketalli navn) Alledataenelagresi databasenogkanbenyttes vedlogin. Oppgavenegjortuten javascript Godkjent Godkjent Noksågodkjent Feilmeldingoppstårpå allefeltenesomikkeer riktigfylt. Dataenelagresi databasenogbrukeren kanloggeinn. Ingendirekte feilmeldingerpåfeltene menfeildatavilikkebli skrevettildatabasen. Kundepanel Logginnsomkunde Godkjent Innloggingfungererog DelV:Testdokumentasjon
11 kundenfåropp kundepanelet Endrekontoinformasjon Godkjent Brukerenfårendresin egenkontoinformasjon. Endrepassord Godkjent Brukerenkanendresitt egetpassordsålengeden kjennersittgamle passord. Sebestillinger Godkjent Brukerenharmulighettil åsesineegnebestillinger. Slettebruker Ikkegodkjent Brukerenharikke mulighettilåslettesin egenbrukermen administratorenhar dennemuligheten Loggeut Godkjent Brukerenkanloggeut Utenjavascript Godkjent Allfunksjonalitetfungerer utenjavascript. Annenfunksjonalitet Søkpåsiden Godkjent Brukerenkansøkeetter nyheterogprodukterpå siden. Stillespørsmålpåsiden Godkjent Brukerenkanstille spørsmåldirektefrasiden ogadministratorfårde tilsendtpåmail. Utenjavascript Godkjent Javascriptharingen DelV:Testdokumentasjon
12 innvirkningpådisse sidene. Adminpanel Leggetilprodukt Godkjent Administratorkanlegge tilprodukt Endreeksisterendeprodukt Noksågodkjent Administratorkanendre produktinformasjonen menikkebildet. Skrivenyhet Godkjent Administratorkanskrive nyenyhetersompostes rettpånyhetssiden. Endrenyhet Noksågodkjent Administratorkanendre tekstenpånyhetenemen ikkebildet. Kansekundenes bestillinger. Godkjent Administratorkanse kundensbestillinger. Endrestatuspåbestilling Godkjent Administratorkanendre statuspåbestillingenetil kundene. Slettebruker Godkjent Administratorkansøke oppogsletteenbruker. Endrebruker Ikkegodkjent Administratorkanikke endreenbrukers kontoinformasjon. Utenjavascript Godkjent Ingenmerkbarforskjell utenjavascript DelV:Testdokumentasjon
13 Produkteroghandlekurv Leggeproduktikurven Godkjent Brukerekankjøpe produkter Leggetilflereprodukter Godkjent Brukerekanleggetilet uendeligantallprodukter. Oppdaterekvantitet Godkjent Brukerekanoppdatere kvantitetvedåleggetil flereavdesamme produkteneikurven. Forhåndsvisning Noksågodkjent Forhåndsvisninger tilgjengeligpånoenav produktene. Utenjavascript Noksågodkjent Forhåndsvisningener avhengigavjavascriptfor åfungere Kjøp Kjøpeproduktermed paypal Kjøpeproduktermed faktura Godkjent Godkjent Integrasjonmedpaypal fungererogoverføring skjerdirekte. Fakturablirgenerertfor kundenmedettunikt fakturanummer. Skriveutfaktura Godkjent Brukerkanskriveut fakturadirektefra fakturasiden. Utenjavascript Noksågodkjent Printfunksjonenbenytter javascriptogvilikke DelV:Testdokumentasjon
14 fungereuten. Tabell1Bviserresultatetavdeuliketestenepåfunksjonalitet 4.6Testingpåbrukervennlighet Vigjordeogsåtesterbasertpåbrukervennlighetogforståelseavnettsiden.Dette gikkutpåatvilotbrukeresomikkehaddebenyttetnettsidenførutførediverse oppgaverpåsiden.oppgaversomblegittpåkundesidenvar: *Registrereennybruker *Endrepassordetfordennyebrukeren. *Kjøpeettspesifiktprodukt. *Finnebestillingendenettoppgjorde. Oppgavergitttiladministratorsidenvar: *Leggetiletnyttprodukt. *Leggetilennyartikkel. *Endrestatuspåenbestilling. Testenblegjennomførtvedatenavgruppemedlemmenegaforskjellige oppgavertiltestpersonen.detbleforsøktågjøresmedminstmuliginnblanding, mentestpersonenfikkveiledningenhvisdenstodfastellervedfunksjonsfeil. Baktestpersonenstodenobservatørsomfungertesom"fluepåveggen"og notertehvatestpersonentrykketpåoghvatestpersonensa. Sidenmangeavfeilenevioppdagetkomiforbindelsemedmigreringfralokal server(localhost)tileksternserver,såvardetviktigåtesteallefunksjonene bådelokaltogeksternt.vioppdagetatendelavfunksjonenesomfungertefint pålokalserverikkefungertepåeksternserver.dettegjordeatdetbleveldig mangemindretestermellomhvergangvilastetoppnyfunksjonaliteteksternt. DelV:Testdokumentasjon
15 5.Konklusjon Testenevihargjortharbidratttilatviharetproduktsomermerbrukervennlig enndetviiutgangspunktetkomfremtil.testpersonenestilbakemeldingerhar værtverdifulleforatviskalhaenenkelogoversiktligside.viharogsåfåtten nettsideutenstørrefeilogdetsomgjenstårav"bugs"ellerfunksjonersomikke erheltoptimale,erpågrunnavtidsmangelogprioriteringavandrefunksjoner. Detteerfunksjonersomikkesetternedhelhetsinntrykketogikkereduserer ytelsentilnettsiden.detatvihartestetvårkodebådepålokalserver(localhost) ogpåeksternservererverdifulltdavivetatkodenvårermerrobustogvilbypå færremigreringsproblemerforoppdragsgiver. DelV:Testdokumentasjon