| | SLO | ENG | Cookies and privacy

Bigger font | Smaller font

Show document Help

Title:Evaluation and comparison of software quality within modern web applications : master's thesis
Authors:ID Tomić, Ilija (Author)
ID Beranič, Tina (Mentor) More about this mentor... New window
Files:.pdf MAG_Tomic_Ilija_2022.pdf (2,78 MB)
MD5: 12A0D12AC1BEA7F569771CBE79751104
 
Language:English
Work type:Master's thesis/paper
Typology:2.09 - Master's Thesis
Organization:FERI - Faculty of Electrical Engineering and Computer Science
Abstract:In this thesis, we developed two different full-stack applications using two different approaches. In the first approach, we were focused on the goal to create the application with zero technical debt taking as much time as needed. In the second approach, we took a different strategy for app development. The goal was to develop the second application in the shortest time possible to get to a product that is good enough for deployment in the real world. To achieve that, we were willing to take on technical debt, which meant that we would need to repay that debt later. We took some shortcuts, did not write tests, and ignored non-critical and minor bugs. We were able to analyze both approaches, compare them, and decide which was the most effective approach. To analyze software quality, we used the code quality inspection platform SonarQube. If done correctly, the second approach gets results faster than the first. The best plan of action would be to take some shortcuts and start repaying created debt as soon as possible, for example, right after the delivery deadline.
Keywords:technical, debt, quality, comparison, SonarQube
Place of publishing:Maribor
Place of performance:Maribor
Publisher:[I. Tomić]
Year of publishing:2022
Number of pages:1 spletni vir (1 datoteka PDF (XIV, 50 f.))
PID:20.500.12556/DKUM-83044 New window
UDC:004.777(043.2)
COBISS.SI-ID:145155843 New window
Publication date in DKUM:26.10.2022
Views:670
Downloads:79
Metadata:XML DC-XML DC-RDF
Categories:KTFMB - FERI
:
Copy citation
  
Average score:(0 votes)
Your score:Voting is allowed only for logged in users.
Share:Bookmark and Share



Hover the mouse pointer over a document title to show the abstract or click on the title to get all document metadata.

Licences

License:CC BY-NC-ND 4.0, Creative Commons Attribution-NonCommercial-NoDerivatives 4.0 International
Link:http://creativecommons.org/licenses/by-nc-nd/4.0/
Description:The most restrictive Creative Commons license. This only allows people to download and share the work for no commercial gain and for no other purposes.
Licensing start date:14.09.2022

Secondary language

Language:Slovenian
Title:Vrednotenje in primerjava kakovosti sodobnih spletnih aplikacij
Abstract:V tem diplomskem delu smo razvili dve različni spletni celostni aplikaciji z uporabo dveh različnih pristopov ter primerjali kakovost teh aplikacij. Naš cilj pri razvoju prvega projekta je bil razviti celostno aplikacijo brez tehničnega dolga, pri čemer smo si vzeli toliko časa, kot je bilo potrebno. Pri drugem projektu smo ubrali drugačen pristop za razvoj aplikacije. Cilj drugega projekta je bil razviti celostno spletno rešitev v najkrajšem možnem času, da pridemo do izdelka, ki je dovolj dober za uporabo na trgu. Da bi to dosegli, smo bili pripravljeni prevzeti tehnični dolg, kar je pomenilo, da bi morali ta dolg pozneje odplačati. Ubrali smo nekaj bližnjic; nismo pisali testov in ignorirali nekritičnih in manjših napak. Prva spletna aplikacija je uporabnikom omogočala registracijo in prijavo v aplikacijo z e-poštnim naslovom in geslom. Prijavljeni uporabnik je nato lahko napisal le en motivacijski citat, tega urejal ali izbrisal, pregledoval citate drugih uporabnikov ter tudi vsak citat pozitivno ali negativno ocenil. Citate smo na strani prikazovali na dva različna načina. V prvem načinu smo citate razporedili po številu glasov, od citata z največjim številom glasov do citata z najmanjšim številom glasov. V drugem načinu smo citate razporedili po datumu objave, od najnovejšega do najstarejšega. Uporabnik je lahko na svojem profilu pregledoval citate, ki jih je pozitivno ocenil. Druga spletna aplikacija je prav tako omogočala uporabnikom, da se registrirajo ter prijavijo z e-poštnim naslovom in geslom, tako kot prva. Toda za razliko od prve smo drugo spletno aplikacijo razvili kot geografsko igro, ki je prijavljenim uporabnikom omogočala, da naložijo sliko znane ali tudi manj znane lokacije in označijo na Googlovem zemljevidu, kje je bila ta slika posneta. Drugi uporabniki so nato izbrali sliko lokacije s seznama ter s postavitvijo žebljička na Googlov zemljevid ugotavljali dejansko lokacijo posnete slike. Spletna aplikacija je kot rezultat vrnila informacijo o tem, kako natančen je bil odgovor. Vsaka lokacija je imela tudi lestvico najnatančnejših uporabnikov in njihovih ugibanj. Obe rešitvi sta bili razviti v jeziku Typesctipt; strežniški del smo razvili z uporabo NestJS ogrodja, odjemalčev del pa z React knjižnico. Za analizo kakovosti programske opreme smo uporabili okolje za preverjanje kakovosti kode SonarQube. Ko smo imeli obe rešitvi pripravljeni in delujoči, smo oba pristopa lahko analizirali, ju primerjali in ugotovili, kateri pristop je najučinkovitejši. Če se izvaja pravilno, drugi pristop daje rezultate hitreje kot prvi. Končna izdelka sta po kakovosti dokaj podobna in večina uporabnikov ne bi opazila razlike med njima, medtem ko bi izkušeni razvijalci spletnih aplikacij opazili različna pristopa. V tem delu smo ugotovili, da je v primeru, če imamo tesen časovni okvir za dostavo rešitve, drugi pristop učinkovitejši. Čas, ki ga prihranimo z nekaterimi bližnjicami, je dragocen; tehnični dolg, ki ga s tem ustvarimo, je vsaj v primeru naše aplikacije skoraj zanemarljiv. Pomembno je, da zabeležimo vsako bližnjico, vsak dolg, ki ga ustvarimo. Znano nam je, da je tehnični dolg treba tudi odplačati; najbolje je, če ga začnemo odplačevati čim prej, na primer takoj, ko mine rok izdelave aplikacije in jo objavimo. V nasprotnem primeru se ta kopiči in kmalu bi dolg postal dražji, kot če bi znova začeli izdelovati aplikacijo.
Keywords:tehnični, dolg, kakovost, primerjava, SonarQube


Comments

Leave comment

You must log in to leave a comment.

Comments (0)
0 - 0 / 0
 
There are no comments!

Back
Logos of partners University of Maribor University of Ljubljana University of Primorska University of Nova Gorica