Change search
CiteExportLink to record
Permanent link

Direct link
Cite
Citation style
  • apa
  • ieee
  • modern-language-association-8th-edition
  • vancouver
  • Other style
More styles
Language
  • de-DE
  • en-GB
  • en-US
  • fi-FI
  • nn-NO
  • nn-NB
  • sv-SE
  • Other locale
More languages
Output format
  • html
  • text
  • asciidoc
  • rtf
Integrerade valideringsverktyg i webbläsaren: En studie om dess effekt hos människor som lär sig grunderna i HTML
Linnaeus University, Faculty of Technology, Department of computer science and media technology (CM). 1994.
2019 (Swedish)Independent thesis Basic level (degree of Bachelor), 10 credits / 15 HE creditsStudent thesisAlternative title
Integrated validation tools in the browser : A study of its effect in people learning the basics of HTML (English)
Abstract [sv]

I denna uppsats redovisas vilken effekt ett integrerat valideringsverktyg har på inlärningen hos personer som lär sig grunderna i HTML. Tidigare forskning har kartlagt att studenter som är nybörjare inom området ofta får valideringsfel under tiden de arbetar med sina studier och har även valideringsfel i inlämnade uppgifter. Arbetet bygger på insamlad data från 28 frivilliga deltagare som studerade grundläggande webbteknik på universitetsnivå. För att få ett brett spektrum av svarsdata användes tre metoder: experiment, enkäter och fokusgrupp. För att samla in data i experimenten användes ett eget utvecklat verktyg – RawHTML. Med hjälp av detta verktyg kunde information om huruvida en webbsidas källkod validerades utan fel eller ej visualiseras. Detta innebar att deltagare inte behövde validera sin kod via någon av de tjänster som redans finns tillgängliga på internet. För att mäta effekten av verktyget delades deltagarna in i en testgrupp och en kontrollgrupp. Deltagare i kontrollgruppen fick inte någon visualisering av eventuella valideringsfel, detta var endast tillgängligt för testgrupperna.

Resultatet visar att användning av ett integrerat valideringsverktyg i webbläsaren kan ha positiv påverkan på användarens inlärning. Deltagarna i testgrupperna hade i lägre grad upprepade valideringsfel mellan uppdateringar jämfört med kontrollgrupperna. Deltagarna i testgrupperna hade även i lägre grad fel vid inlämning av uppgifter jämfört med kontrollgrupperna.

Datan från fokusgruppen och enkäterna tydde på att deltagarna i testgrupperna uppskattade RawHTML:s hjälpsamhet då verktyget förmedlade feedbacken på ett sådant sätt att deltagarna kunde åtgärda de fel som uppstått. RawHTML:s främsta styrka var, enligt deltagarna, den direkta feedbacken i samband med uppdatering av webbsidor. Resultatet i denna uppsats kan i sin tur leda till nya och förbättrade valideringsverktyg med nybörjare som målgrupp.

Abstract [en]

This thesis presents the effect of an integrated validation tool applied on people learning the basics of HTML. Prior research show that students who are beginning to learn web development often write code containing validation errors and even hand in final submissions containing them. This thesis has collected data from 28 participants who voluntary agreed to participate. All participants studied basic web technology at university level. Three different methods were applied to gather a wide variety of data: experiment, survey and focus group. In order to collect data from the experiments, a tool called RawHTML was developed and used by the participants. Using RawHTML, a user could receive instant feedback weather or not the current website contained validation errors. This eliminates the participant’s use for external validation programs found on the web. To measure the effect of the tool the participants was split into a test group and a control group. The feedback of whether the website contained validation errors was not available for the control group.

The result shows that using an integrated validation tool in the browser may have a positive impact on the user’s learning. The participants in both test groups performed better when calculating repeated validation errors from one update to another, compared to both control groups. The number of participants handing in their final submissions containing validation errors was lower in the test group compared with the control group.

Data gathered from the focus group and surveys indicated that the participants in the test groups appreciated RawHTMLs helpfulness, as the tool conveyed the feedback in such a way that the participants could rectify the errors that occurred. RawHTML’s main strength, according to the test group, was the direct feedback shown when updating a web page. The result of this thesis may in turn lead to new and improved validation tools, having beginners as its target group.

Place, publisher, year, edition, pages
2019. , p. 42
Keywords [sv]
HTML, nybörjare, validering, valideringsfeedback, integrerat valideringsverktyg, webbteknik.
National Category
Media and Communication Technology
Identifiers
URN: urn:nbn:se:lnu:diva-85807OAI: oai:DiVA.org:lnu-85807DiVA, id: diva2:1329523
Subject / course
Media Technology
Educational program
Interactive Media and Web Technologies, specialization in Web Technologies, 180 credits
Supervisors
Examiners
Available from: 2019-06-25 Created: 2019-06-24 Last updated: 2019-06-25Bibliographically approved

Open Access in DiVA

fulltext(1731 kB)21 downloads
File information
File name FULLTEXT01.pdfFile size 1731 kBChecksum SHA-512
14c98a9a2737e5cbaa747d1dd1a7a1510bc625ddcd9a9120417f55c6dce8f04d8ae5dedc592b9ff0bc21ad812d220c37ba73c1e701a2ad2513390937d9bebf66
Type fulltextMimetype application/pdf

Search in DiVA

By author/editor
Lundqvist, Johan
By organisation
Department of computer science and media technology (CM)
Media and Communication Technology

Search outside of DiVA

GoogleGoogle Scholar
Total: 21 downloads
The number of downloads is the sum of all downloads of full texts. It may include eg previous versions that are now no longer available

urn-nbn

Altmetric score

urn-nbn
Total: 38 hits
CiteExportLink to record
Permanent link

Direct link
Cite
Citation style
  • apa
  • ieee
  • modern-language-association-8th-edition
  • vancouver
  • Other style
More styles
Language
  • de-DE
  • en-GB
  • en-US
  • fi-FI
  • nn-NO
  • nn-NB
  • sv-SE
  • Other locale
More languages
Output format
  • html
  • text
  • asciidoc
  • rtf