prikaz prve stranice dokumenta Dizajn i razvoj osobnog web sjedišta primjenom modernih web tehnologija i alata
  Download
PDF 2.72 MB
undergraduate thesis
Dizajn i razvoj osobnog web sjedišta primjenom modernih web tehnologija i alata
2018. urn:nbn:hr:122:396866
Brakus, Bruna
University North
University centre Varaždin
Department of Multimedia, Design and Application

Cite this document

Brakus, B. (2018). Dizajn i razvoj osobnog web sjedišta primjenom modernih web tehnologija i alata (Undergraduate thesis). Koprivnica: University North. Retrieved from https://urn.nsk.hr/urn:nbn:hr:122:396866

Brakus, Bruna. "Dizajn i razvoj osobnog web sjedišta primjenom modernih web tehnologija i alata." Undergraduate thesis, University North, 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." Undergraduate thesis, University North, 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', Undergraduate thesis, University North, accessed 19 April 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 [Undergraduate thesis]. Koprivnica: University North; 2018 [cited 2024 April 19] Available at: https://urn.nsk.hr/urn:nbn:hr:122:396866

B. Brakus, "Dizajn i razvoj osobnog web sjedišta primjenom modernih web tehnologija i alata", Undergraduate thesis, University North, Koprivnica, 2018. Available at: https://urn.nsk.hr/urn:nbn:hr:122:396866

Please login to the repository to save this object to your list.
Metadata
TitleDizajn i razvoj osobnog web sjedišta primjenom modernih web tehnologija i alata
Title (english)Design and development of personal website using modern web technologies and tools
AuthorBruna Brakus
MentorMario Tomiša (mentor)
Committee memberDean Valdec (predsjednik povjerenstva)
Committee memberRobert Geček (član povjerenstva)
Committee memberMario Tomiša (član povjerenstva)
GranterUniversity North
(University centre Varaždin)
(Department of Multimedia, Design and Application)
Koprivnica
Defense date and country2018-11-20, Croatia
Scientific / art field,
discipline and subdiscipline		TECHNICAL SCIENCES
Graphic Technology
Processes of Graphic Reproduction
Abstract
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.
Abstract (english)
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.
Keywords
Keywords (english)
Languagecroatian
URN:NBNurn:nbn:hr:122:396866
Study programmeTitle: Graphical Studies: Multimedia, Design and Application
Study programme type: professional
Study level: undergraduate
Academic / professional title: stručni/a prvostupnik/prvostupnica (baccalaureus/baccalaurea) inženjer/inženjerka multimedijske i grafičke tehnologije (stručni/a prvostupnik/prvostupnica (baccalaureus/baccalaurea) inženjer/inženjerka multimedijske i grafičke tehnologije)
Type of resourceText
File originBorn digital
Access conditionsOpen access
Terms of useLicence In copyright icon
Created on2018-11-27 12:58:42