kth.sePublications
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
Generative AI in frontend web development: A comparison between AI as a tool and as a sole programmer: Evaluation of ChatGPT’s role within frontend development
KTH, School of Electrical Engineering and Computer Science (EECS).
KTH, School of Electrical Engineering and Computer Science (EECS).
2024 (English)Independent thesis Basic level (degree of Bachelor), 10 credits / 15 HE creditsStudent thesisAlternative title
Generativ AI i frontend-webbutveckling : En jämförelse mellan AI som verktyg och som ensam programmerare (Swedish)
Abstract [en]

In recent years, artificial intelligence has seen a large growth in popularity, especially generative artificial intelligence powered by large language models. While some view these models as tools that can assist with their work, there are some discussions about how much human work can be replaced by these models. One example of such a model is ChatGPT which has become popular since its launch in 2022 and has raised concerns about its ability to take over work in different fields. One field where great discussion has been held regarding artificial intelligence and its potential use in work is software development, including frontend web development. The problem is however, that there exists no prior research comparing the use of artificial intelligence as a lone developer and as an assistant to a human developer in frontend web development. The purpose of this thesis is to make a comparison between generative artificial intelligence’s usage as an assistant and as the sole programmer of frontend web pages. The goal is to help frontend web developers understand how generative artificial intelligence can be applied within frontend web development and to provide a basis for future researchers. Three different frontend web pages with different levels of complexity were implemented. For each level, two implementations were created using two methods: one by a developer who used artificial intelligence as an assistance and one which was made entirely by artificial intelligence. Each webpage was evaluated based on user interface design, user experience design, time and lines of code. Data for all criteria was gathered through observations, and data on user interface design and user experience design was also gathered with interviews. The results were then analyzed to compare the two methods of making frontend webpages. The results show that websites that only relied on artificial intelligence took less time when the complexity was low, but the time increased faster for each complexity level and it was slower for a higher complexity level. The two methods had similar amount of lines of code for lower complexity levels, but as the complexity increased websites built only by artificial intelligence wrote much longer code. In terms of user interface design and user experience design, implementations built only with artificial intelligence generally performed better, and there was no correlation between the complexity levels.

Abstract [sv]

Under de senaste åren har artificiell intelligens blivit allt populärare, särskilt generativ artificiell intelligens som bygger på stora språkmodeller. Även om vissa ser dessa modeller som verktyg som kan underlätta deras arbete, finns det diskussioner om hur mycket mänskligt arbete som kan ersättas av dessa modeller. Ett exempel på en sådan modell är ChatGPT som har blivit populär sedan den lanserades 2022 och som har väckt oro över dess förmåga att ta över arbete inom olika områden. Ett område där det har förts stora diskussioner om artificiell intelligens och dess potentiella användning i arbetslivet är mjukvaruutveckling, inklusive frontend-webbutvecklingutveckling. Problemet är dock att det inte finns någon tidigare forskning som jämför användningen av artificiell intelligens som en ensam utvecklare och som en assistent till en mänsklig utvecklare inom frontend-webbutveckling. Syftet med denna avhandling är att göra en jämförelse mellan generativ artificiell intelligens användning som assistent och som ensam programmerare av frontend-webbsidor. Målet är att hjälpa frontend-webbutvecklare att förstå hur generativ artificiell intelligens kan tillämpas inom frontend-webbutveckling och att ge en grund för framtida forskare. Tre olika frontend-webbsidor med olika komplexitetsnivåer implementerades. För varje nivå skapades två implementationer med två metoder: en av en utvecklare som använde artificiell intelligens som hjälp och en som helt och hållet skapades av artificiell intelligens. Varje webbsida utvärderades utifrån design av användargränssnitt, design av användarupplevelse, tidsåtgång och kodrader. Data för alla kriterier samlades in genom observationer, och data om användargränssnittsdesign och användarupplevelsedesign samlades också in genom intervjuer. Resultaten analyserades sedan för att jämföra de två metoderna för att skapa frontend-webbsidor. Resultaten visar att webbplatser som enbart förlitade sig på artificiell intelligens tog kortare tid när komplexiteten var låg, men att tiden ökade snabbare för varje komplexitetsnivå och att den var långsammare för en högre komplexitetsnivå. De två metoderna hade liknande antal rader kod för lägre komplexitetsnivåer, men när komplexiteten ökade skrev webbplatser som byggdes enbart med artificiell intelligens mycket längre kod. När det gäller design av användargränssnitt och användarupplevelse presterade implementeringar som endast byggts med artificiell intelligens i allmänhet bättre, och det fanns ingen korrelation mellan komplexitetsnivåerna.

Place, publisher, year, edition, pages
2024. , p. 59
Series
TRITA-EECS-EX ; 2024:289
Keywords [en]
Generative artificial intelligence, Large language model, frontend web development
Keywords [sv]
Generativ artificiell intelligens, Stor språkmodell, frontend-webbutveckling
National Category
Computer and Information Sciences
Identifiers
URN: urn:nbn:se:kth:diva-350910OAI: oai:DiVA.org:kth-350910DiVA, id: diva2:1885497
Supervisors
Examiners
Available from: 2024-08-14 Created: 2024-07-23 Last updated: 2024-08-14Bibliographically approved

Open Access in DiVA

fulltext(1047 kB)1225 downloads
File information
File name FULLTEXT01.pdfFile size 1047 kBChecksum SHA-512
859575aff493e6529f203efda922992896bd2fd7911c91769afe7ee442316968a5111ab16df5a6f8e721c9c7384ec912e4806be489d40cae15556816d309f043
Type fulltextMimetype application/pdf

By organisation
School of Electrical Engineering and Computer Science (EECS)
Computer and Information Sciences

Search outside of DiVA

GoogleGoogle Scholar
Total: 1225 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: 1153 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