prikaz prve stranice dokumenta Web aplikacija za pristup animiranom edukacijskom sadržaju
Access restricted to authenticated users
undergraduate thesis
Web aplikacija za pristup animiranom edukacijskom sadržaju
2022. urn:nbn:hr:179:338850
Franov, Marcelo
University of Split
Faculty of Electrical Engineering, Mechanical Engineering and Naval Architecture
Department of Electronics and Computing

Cite this document

Franov, M. (2022). Web aplikacija za pristup animiranom edukacijskom sadržaju (Undergraduate thesis). Split: University of Split, Faculty of Electrical Engineering, Mechanical Engineering and Naval Architecture. Retrieved from https://urn.nsk.hr/urn:nbn:hr:179:338850

Franov, Marcelo. "Web aplikacija za pristup animiranom edukacijskom sadržaju." Undergraduate thesis, University of Split, Faculty of Electrical Engineering, Mechanical Engineering and Naval Architecture, 2022. https://urn.nsk.hr/urn:nbn:hr:179:338850

Franov, Marcelo. "Web aplikacija za pristup animiranom edukacijskom sadržaju." Undergraduate thesis, University of Split, Faculty of Electrical Engineering, Mechanical Engineering and Naval Architecture, 2022. https://urn.nsk.hr/urn:nbn:hr:179:338850

Franov, M. (2022). 'Web aplikacija za pristup animiranom edukacijskom sadržaju', Undergraduate thesis, University of Split, Faculty of Electrical Engineering, Mechanical Engineering and Naval Architecture, accessed 17 April 2024, https://urn.nsk.hr/urn:nbn:hr:179:338850

Franov M. Web aplikacija za pristup animiranom edukacijskom sadržaju [Undergraduate thesis]. Split: University of Split, Faculty of Electrical Engineering, Mechanical Engineering and Naval Architecture; 2022 [cited 2024 April 17] Available at: https://urn.nsk.hr/urn:nbn:hr:179:338850

M. Franov, "Web aplikacija za pristup animiranom edukacijskom sadržaju", Undergraduate thesis, University of Split, Faculty of Electrical Engineering, Mechanical Engineering and Naval Architecture, Split, 2022. Available at: https://urn.nsk.hr/urn:nbn:hr:179:338850

Please login to the repository to save this object to your list.
Metadata
TitleWeb aplikacija za pristup animiranom edukacijskom sadržaju
AuthorMarcelo Franov
MentorDinko Begušić (mentor)
GranterUniversity of Split
Faculty of Electrical Engineering, Mechanical Engineering and Naval Architecture
(Department of Electronics and Computing)
Split
Defense date and country2022-09-21, Croatia
Scientific / art field,
discipline and subdiscipline		TECHNICAL SCIENCES
Computing
Abstract
Web aplikacije su moderan i čest način predstavljanja sadržaja kojeg korisnik može stvarati i s kojim može interaktirati.Tema završnog rada je izrada web aplikacije za pristup animiranom edukacijskom sadržaju. Za izradu web aplikacije korištene su tehnologija MERN hrpe koju čine MongoDB, Express, React.js i Node.js. Za animaciju korisničkog sučelja i elemenata u sučelju su korištene animacijske biblioteke React-spring i Framer Motion. U uvodnom dijelu su opisane karakteristike navedenih MERN tehnologija i animacijskih biblioteka uz primjere sintakse za njihovu implementaciju. U praktičnom dijelu rada opisan je procesa izrade poslužiteljskog i klijentskog dijela sustava te njihov konačni izgled i funkcionalnosti. Korisniku se nudi mogućnost registracije i prijave u web aplikaciju te stvaranje i pregled animiranog edukacijskog sadržaja. Kroz izgled i animirane dijelove sučelja aplikacije prikazane su mogućnosti koje nude navedene animacijske biblioteke iz kojih se zaključilo da je za generalnu animaciju elemenata bolji odabir biblioteke Framer Motion dok je biblioteka React-spring bolja za precizno animiranje kretanja na kojem se žele vidjeti utjecaji fizike.
Abstract (english)
Web applications are a modern and common way of presenting content that the user can create and interact with. The theme of this bachelor thesis is the creation of a web application for accessing animated educational content. The MERN stack technology consisting of MongoDB, Express, React.js and Node.js was used to create the web application. Animation libraries Reactspring and Framer Motion were used to animate the user interface and elements in the interface. In the introductory section, the characteristics of the mentioned MERN technologies and animation libraries are described along with examples of the syntax for their implementation. The practical section of the work describes the process of creating the server and client parts of the system, as well as their final appearance and functionality. The user is offered the option of registering and logging into the web application, as well as creating and viewing animated educational content. Through the appearance and animated parts of the application interface, the options offered by the mentioned animation libraries are shown, from which it was concluded that the Framer Motion library is a better choice for the general animation of elements, while the React-spring library is better for precise animation of movement where you want to see the effects of physics.
Keywords
Keywords (english)
Languagecroatian
URN:NBNurn:nbn:hr:179:338850
Study programmeTitle: Computing
Study programme type: professional
Study level: undergraduate
Academic / professional title: stručni/a prvostupnik/ prvostupnica inženjer/inženjerka računarstva (stručni/a prvostupnik/ prvostupnica inženjer/inženjerka računarstva)
Type of resourceText
File originBorn digital
Access conditionsAccess restricted to authenticated users
Terms of useLicence In copyright icon
Created on2023-05-04 12:24:30