izpis_h1_title_alt

Primerjava sodobnih rešitev za izdelavo spletnih animacij
ID Mušič, Jaka (Author), ID Gabrijelčič Tomc, Helena (Mentor) More about this mentor... This link opens in a new window

.pdfPDF - Presentation file, Download (2,33 MB)
MD5: 1F5E2041361281A15998EB1FC7382AA3

Abstract
Vsebine strani svetovnega spleta sestavljajo naslovi, besedila, slike in večpredstavnost, v katero spadajo tudi animacije. Nekatere animacije so hitro opazne na spletnih straneh, nekaterih pa sploh ne opazimo, vseeno pa igrajo pomembno vlogo pri interaktivnosti spletnih rešitev. Uporabniško izkušnjo lahko izboljšajo, če so implementirane pravilno in delujejo brezhibno. Če niso, pa jo lahko zelo poslabšajo. V teoretičnem delu so predstavljene osnovne tehnologije, ki poganjajo spletne strani. To so HTML, CSS in JavaScript. Prav tako sta predstavljeni zgodovina razvoja animacij na spletu in percepcija animacij, kako kakovostne morajo biti, da človeškemu očesu delujejo povezano. V eksperimentalnem delu so bili izbrani nekateri načini izdelave animacij, in sicer CSS animacije, Web Animations API in animacije Lottie. Z vsako metodo je bila oblikovana enaka animacija, ki je bila implementirana v spletno stran. Animacije so bile nato preizkušene pri različnem številu elementov v različnih brskalnikih in na različnih napravah. Ves čas smo spremljali njihov potek izdelave, težavnost implementacije v spletno stran in delovanje glede na zmožnost prikaza števila sličic na sekundo, porabe pomnilnika grafične kartice ter prenesene količine podatkov s strežnika za njihovo delovanje. Rezultate smo zbrali v preglednici (na voljo v prilogi) in jih povzeli v poglavju Rezultati in razprava. Na koncu dela so pripisana še priporočila glede primernosti metod glede na njihov namen uporabe.

Language:Slovenian
Keywords:spletne animacije, CSS, Web Animations API, Lottie animacije
Work type:Bachelor thesis/paper
Organization:NTF - Faculty of Natural Sciences and Engineering
Year:2021
PID:20.500.12556/RUL-127665 This link opens in a new window
Publication date in RUL:18.06.2021
Views:918
Downloads:169
Metadata:XML RDF-CHPDL DC-XML DC-RDF
:
Copy citation
Share:Bookmark and Share

Secondary language

Language:English
Title:A comparison of modern solutions for web animation creation
Abstract:
The content of the world wide web consists of titles, paragraphs, images, and multimedia, including animations. Some animations can be noticed instantly, whereas some visitors might not even notice, however they still play a vital role with interactivity of web sites. Implemented correctly and working flawlessly, can animations greatly improve user experience. If not, animations can ruin it. In the theoretical part, base technologies of the web were presented. Those are HTML, CSS, and JavaScript. History of web animations is also presented along with the perception of them in the sense of the quality needed for the human eye to perceive them as smooth. In the experimental part, methods for animation creation were selected for testing. Those were CSS animations, Web Animations API and Lottie animations. For each one, an identical animation was designed, which was implemented onto a web site. Animations were then tested at a different number of elements in two browsers on several devices. Throughout the creation and testing, we were keeping notes on the difficulty of designing and implementing them in a web site and their performance: the ability to display a high number of frames per second, how much graphics card memory they consume and how much data is transmitted from the server for them to be able to play properly. The results were kept in a spreadsheet (available in the appendix) and recapped in the Rezultati in razprava chapter. At the end, we also provided some recommendations as to which method to use, based on their intended use case.

Keywords:web animations, CSS, Web Animations API, Lottie animations

Similar documents

Similar works from RUL:
Similar works from other Slovenian collections:

Back