Diplomsko delo se ukvarja s knjižnico ReactJS in ogrodjem Vue z namenom ugotovitve, kateri ima višjo uporabno vrednost, kar bi podjetjem, kolegom razvijalcem in meni olajšalo izbiro med njima.
Narava takšne raziskave zahteva izdelavo dveh primerljivih spletnih aplikacij, vsake z drugim orodjem.
Izkazalo se je, da se razvijalec lahko hitreje nauči uporabljati knjižnico ReactJS.
Obstaja veliko tehnologij za razvoj front-end dela spletnih aplikacij. Diplomsko delo se ukvarja s knjižnico ReactJS in ogrodjem Vue z namenom ugotovitve, kateri ima višjo uporabno vrednost, kar bi podjetjem, kolegom razvijalcem in meni olajšalo izbiro med njima. Narava takšne raziskave zahteva izdelavo dveh primerljivih spletnih aplikacij, vsake z drugim orodjem. Izkazalo se je, da se razvijalec lahko hitreje nauči uporabljati knjižnico ReactJS. Sledila je raziskava tržnega položaja, kjer je na podlagi primerjav razširjenosti in priljubljenosti, možnosti zaposlitve ter skupnosti ugotovil, da je ReactJS v boljšem položaju.
Zakaj je problem resničen
Obstaja veliko tehnologij za razvoj front-end dela spletnih aplikacij. Diplomsko delo se ukvarja s knjižnico ReactJS in ogrodjem Vue z namenom ugotovitve, kateri ima višjo uporabno vrednost, kar bi podjetjem, kolegom razvijalcem in meni olajšalo izbiro med njima.
Metoda
Narava takšne raziskave zahteva izdelavo dveh primerljivih spletnih aplikacij, vsake z drugim orodjem. Najprej je namestil in pripravil integrirano razvojno okolje Visual Studio Code, v katerem je aplikaciji lahko ustvaril. Po tem je si zamislil koncept aplikacij in narisal skico ter spisal načrt delovanja, v katerem je opredeljeno, kaj morata aplikaciji vsebovati in na kakšen način bosta delovali.
Naslednji korak je bila izdelava samih aplikacij. V nadaljevanju je primerjal, katerega orodja se je moč hitreje naučiti glede na dostop do učnega gradiva in spletnih tečajev ter na njuno skupnost in kompleksnost.
Kaj je nastalo
Izkazalo se je, da se razvijalec lahko hitreje nauči uporabljati knjižnico ReactJS. Sledila je raziskava tržnega položaja, kjer je na podlagi primerjav razširjenosti in priljubljenosti, možnosti zaposlitve ter skupnosti ugotovil, da je ReactJS v boljšem položaju. Potem je začel meritve obremenjenosti sistemov, za kar je meril porabo pomnilnika in obremenjenost centralne procesne enote.
Za tem je izvedel meritve hitrosti in odzivnosti. Aplikaciji sta lokalni na njegovem računalniku, zato je bil gostitelj in hkrati odjemalec, kar je zahtevalo, da je za meritve uporabil različna orodja (Windows Performance Monitor in Google Chrome devTools). S poglobljeno analizo je ugotovil, da ogrodje Vue porabi več sredstev in tako bolj obremeni sistem.
Meritve hitrosti so bile namenjene ugotavljanju, katera aplikacija se hitreje naloži do različnih faz uporabnosti. Izkazalo se je, da pri osnovni količini podatkov aplikacija, izdelana z ReactJS, potrebuje dlje do faze interaktivnosti, medtem ko pri povečani količini podatkov potrebuje manj časa kot aplikacija, izdelana z Vue. Na podlagi meritev obremenjenosti je tudi ugotovil, da ima ReacJS aplikacija večji potencial za rast, v kolikor se narava aplikacije ne spremeni, ampak se spremeni zgolj količina podatkov, kar je hkrati privedlo do spoznanja, da ReactJS aplikacija učinkovitejše dela z Big Data.
Na podlagi vseh meritev in ugotovitev je spoznal, da ima knjižnica ReactJS večjo uporabno vrednost kot ogrodje Vue.
Objavljeno 21. 2. 2024 · licenca CC BY-NC 4.0 (besedilo in PDF diplomskega dela; fotografije in videi © Academia) · izvirna objava: academia.si.
Slike, sheme in zaslon
Še iz modula Programsko inženirstvo
Varnostna analiza lokalnega in oblačnega shranjevanja podatkov pri celičnih terapijah
Avtomatizacija backend procesov z uporabo umetne inteligence
Primerjava dveh orodij za statično analizo kode (SAST) za začetnike: SonarQube CE proti Semgrep
Želite v dveh letih narediti tak projekt?
Pustite e-pošto. V enem delovnem dnevu dobite osebni odgovor karierne svetovalke: ali je modul pravi za vas, kako se prizna vaša služba kot praksa in koliko stane – plus predmetnik, urnik in cenik.
Go Higher.