prikaz prve stranice dokumenta Dizajn i razvoj osobnog web sjedišta primjenom modernih web tehnologija i alata
  Preuzmi
PDF 2.72 MB
završni rad
Dizajn i razvoj osobnog web sjedišta primjenom modernih web tehnologija i alata
2018. urn:nbn:hr:122:396866
Brakus, Bruna
Sveučilište Sjever
Sveučilišni centar Varaždin
Odjel za multimediju

Citirajte ovaj rad

Brakus, B. (2018). Dizajn i razvoj osobnog web sjedišta primjenom modernih web tehnologija i alata (Završni rad). Koprivnica: Sveučilište Sjever. Preuzeto s https://urn.nsk.hr/urn:nbn:hr:122:396866

Brakus, Bruna. "Dizajn i razvoj osobnog web sjedišta primjenom modernih web tehnologija i alata." Završni rad, Sveučilište Sjever, 2018. https://urn.nsk.hr/urn:nbn:hr:122:396866

Brakus, Bruna. "Dizajn i razvoj osobnog web sjedišta primjenom modernih web tehnologija i alata." Završni rad, Sveučilište Sjever, 2018. https://urn.nsk.hr/urn:nbn:hr:122:396866

Brakus, B. (2018). 'Dizajn i razvoj osobnog web sjedišta primjenom modernih web tehnologija i alata', Završni rad, Sveučilište Sjever, citirano: 18.04.2024., https://urn.nsk.hr/urn:nbn:hr:122:396866

Brakus B. Dizajn i razvoj osobnog web sjedišta primjenom modernih web tehnologija i alata [Završni rad]. Koprivnica: Sveučilište Sjever; 2018 [pristupljeno 18.04.2024.] Dostupno na: https://urn.nsk.hr/urn:nbn:hr:122:396866

B. Brakus, "Dizajn i razvoj osobnog web sjedišta primjenom modernih web tehnologija i alata", Završni rad, Sveučilište Sjever, Koprivnica, 2018. Dostupno na: https://urn.nsk.hr/urn:nbn:hr:122:396866

Za citiranje koristite ovu mrežnu adresu: https://urn.nsk.hr/urn:nbn:hr:122:396866
Prijavite se u repozitorij kako biste mogli spremiti objekt u svoju listu.
Podaci o radu
NaslovDizajn i razvoj osobnog web sjedišta primjenom modernih web tehnologija i alata
Naslov (engleski)Design and development of personal website using modern web technologies and tools
AutorBruna Brakus
MentorMario Tomiša (mentor)
Član povjerenstvaDean Valdec (predsjednik povjerenstva)
Član povjerenstvaRobert Geček (član povjerenstva)
Član povjerenstvaMario Tomiša (član povjerenstva)
Ustanova koja je dodijelila
akademski / stručni stupanj		Sveučilište Sjever
(Sveučilišni centar Varaždin)
(Odjel za multimediju)
Koprivnica
Datum i država obrane2018-11-20, Hrvatska
Znanstveno / umjetničko
područje, polje i grana		TEHNIČKE ZNANOSTI
Grafička tehnologija
Procesi grafičke reprodukcije
Sažetak
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.
Sažetak (engleski)
Modern software solutions are more often being developed in the form of web applications, and less frequently as native applications intended for a particular operating system. The reason for this is reflected in the accessibility of web applications directly through the web browser, with only limits being internet connection speed, hardware performance of devices, and browser capabilities. In order to eliminate these limitations, the specification of Progressive Web Applications (PWA) has been developed, as well as the technologies that enable it's implementation. The most important features of progressive web applications are reflected in the responsiveness of the user interface and the various web experience realization techniques to be more similar to those used in native application, with a great focus on performance. This work explains the methodology of responsive web design and the concept of progressive web applications. It critically considers the reasons for their application in modern web design. It also describes tools and technologies (SCSS, Preact, Webpack) which enable the practical implementation of these concepts. Practical part of the work shows the process of designing and implementing a personal web site which satisfies the characteristics of the PWA specification - responsiveness, fast content loading and fast perceived loading of media files. User interface was realised using the Figma web application. Described technologies and tools have been used to implement the responsive and high performance web site.
Ključne riječi
Ključne riječi (engleski)
Jezikhrvatski
URN:NBNurn:nbn:hr:122:396866
Studijski programNaziv: Multimedija, oblikovanje i primjena
Vrsta studija: stručni
Stupanj studija: stručni
Akademski / stručni naziv: stručni/a prvostupnik/prvostupnica (baccalaureus/baccalaurea) inženjer/inženjerka multimedijske i grafičke tehnologije (bacc. ing. techn. graph.)
Vrsta resursaTekst
Način izrade datotekeIzvorno digitalna
Prava pristupaOtvoreni pristup
Uvjeti korištenjaIkona licence Zaštićeno autorskim pravom.
Datum i vrijeme pohrane2018-11-27 12:58:42