Nalazite se na CroRIS probnoj okolini. Ovdje evidentirani podaci neće biti pohranjeni u Informacijskom sustavu znanosti RH. Ako je ovo greška, CroRIS produkcijskoj okolini moguće je pristupi putem poveznice www.croris.hr
izvor podataka: crosbi

Dizajn i razvoj osobnog web sjedišta primjenom modernih web tehnologija i alata (CROSBI ID 424047)

Ocjenski rad | sveučilišni preddiplomski završni rad

Brakus, Bruna Dizajn i razvoj osobnog web sjedišta primjenom modernih web tehnologija i alata / Tomiša, Mario (mentor); Varaždin, Sveučilište Sjever, . 2018

Podaci o odgovornosti

Brakus, Bruna

Tomiša, Mario

hrvatski

Dizajn i razvoj osobnog web sjedišta primjenom modernih web tehnologija i alata

Moderna programska rješenja sve češće se razvijaju u obliku web aplikacija, a rjeđe kao tzv. nativne aplikacije (engl. native apps) namijenjene određenom operacijskom sustavu. Razlog tome ogleda se u dostupnosti web aplikacija izravno kroz web preglednik, pri čemu su jedini ograničavajući čimbenici brzina internet veze, hardverske performanse uređaja i mogućnosti web preglednika. Kako bi se eliminirala navedena ograničenja razvijena je specifikacija progresivnih web aplikacija (PWA), te sukladno s njom i tehnologije koje omogućuju realizaciju. Najvažnije karakteristike progresivnih web aplikacija ogledaju se u responzivnosti korisničkog sučelja i raznim tehnikama realizacije korisničkog iskustva u web okruženju kako bi bilo što sličnije onome pri korištenju nativne aplikacije, s velikim naglaskom na performansama. Završni rad objašnjava metodologiju responzivnog web dizajna i koncept progresivnih web aplikacija te kritički razmatra razloge njihove primjene u modernom web dizajnu. U kontekstu promatranih tema, opisane su tehnologije i alati koji omogućuju njihovu praktičnu realizaciju. Preact je JavaScript radni okvir koji se koristi za realizaciju dijelova korisničkog sučelja konceptom komponenti. SCSS preprocessor omogućava modularizaciju CSS-a kakvu inače CSS ne podržava. Webpack bundler se koristi za automatizaciju povezivanja izvornog koda, prevođenje izvornog koda koji koristi Preact u nativni JavaScript kod podržan od strane pretraživača, te optimizaciju veličine sadržaja. U praktičnom dijelu završnog rada prikazan je proces dizajniranja te praktične realizacije osobnog web sjedišta koje zadovoljava svojstva responzivnosti, brzog učitavanja sadržaja i brzog prividnog učitavanja medijskih datoteka, koje su navedene PWA specifikacije. Koristeći Figma web aplikaciju izrađeno je korisničko sučelje, a opisanim tehnologijama i alatima realizirano je responzivno web sjedište visokih performansi u smislu brzog učitavanja klijentskog sadržaja, te brzog odgovora na interakciju korisnika sa sučeljem.

web ; PWA ; HTML ; SCSS ; JavaScript ; Preact ; Webpack ; responzivnost

nije evidentirano

engleski

Design and development of a personal web site using modern web technologies and tools

nije evidentirano

web ; PWA , HTML ; CSS ; JavaScript ; Preact ; Webpack ; responsiveness

nije evidentirano

Podaci o izdanju

37

20.11.2018.

obranjeno

Podaci o ustanovi koja je dodijelila akademski stupanj

Sveučilište Sjever

Varaždin

Povezanost rada

Grafička tehnologija, Informacijske i komunikacijske znanosti