Search

U ovom radu se prezentira primjena AADL-a (Architecture Analysis and Design Language) koji se koristi za dizajn i analizu softvera i hardvera ugradbenih računala i sustava koji rade u stvarnom vremenu. Ovaj programski jezik je pogodan za dizajn kritičnih performansi sustava kao što su: latencija s kraja na kraj, mogućnost zakazivanja i pouzdanost sustava. Strukture sustava koji rade u stvarnom vremenu opisuju se AADL jezikom koji generira skup softverskih komponenti koje se preslikavaju na izvršnu platformu. AADL jezik se temelji na paradigmi komponenta-konektor. Komponente se koriste za opise funkcionalnih sučelja (npr., ulazi i izlazi podataka, ulazi i izlazi događaja) i aspekte koji se odnose na performanse (kao što su kašnjenja i rukovanje pogreškama). Karakteristike konektora (asinkroni ili sinkroni) među komponentama softvera imaju preciznu operativnu semantiku unutar razvojnog okruženja za modeliranje AADL-a. Vremenska dinamika izvođenja programa opisuje se modeliranjem modova rada i prijelaza. Softverske komponente vezuju se uz hardverske platforme koje se modeliraju tako da podržavaju specifične karakteristike procesora, sabirnica i memorije.

Hrvatska ima prepoznatljiv potencijal za razvitak industrije temeljene na programskom inženjerstvu zahvaljujući visoko motiviranoj i odgovarajuće educiranoj radnoj snazi. Kompetitivno izdvajanje Hrvatske iz skupine vrlo uspješnih zemalja s ekstenzivnom proizvodnjom programskih produkata može se temeljiti na visokoj kakvoći proizvoda uz istovremeno smanjivanje vremenskog razmaka od razvojne koncepcije do stavljanja proizvoda na tržište. Držimo da se navedeni međusobno protuslovni inženjerski zahtjevi mogu razriješiti primjenom formalnih metoda tijekom istraživačko-razvojnog procesa. Postizanje toga cilja traži uvođenje studija i programa na hrvatska sveučilišta s usmjerenjem prema novim metodologijama projektiranja i oblikovanja programskih proizvoda, uz financijsku potporu domaćih i međunarodnih istraživačkih fondova, te stručnu podršku međunarodno priznatih znanstvenika i istraživača hrvatskog podrijetla.

Microsoft Active Directory je programsko rješenje za upravljanje resursima u organizacijskim okolinama. Temelji elementi AD sustava su njegovi korisnici, računala odnosno poslužitelji te glavni poslužitelj zvan Domain Controller. Unutar Active Directoryja administratorima je omogućena hijerarhijska organizacija pojedinih objekata, kao i granularno upravljanje i primjenjivanje politika nad navedenim objektima koristeći grupne politike (engl. Group Policy Object). Glavni strukturalni dijelovi AD sustava su pojedine organizacijske jedinice, domene i stabla odnosno šume, koji čine organiziranu cjelinu. Autentifikacija se unutar AD okruženja vrši koristeći dva protokola: stariji NTLM i moderniji Kerberos. Autorizacija se ne oslanja na mrežne protokole, već na ugrađene mehanizme pristupnih lista. Zbog svojih implementacijskih mana i lokalne prirode Active Directory on-premises rješenja, napade na ove protokole poput Pass-the-Ticket i Pass-the-Hash je nemoguće mitigirati te se napadači uz relativno malo znanja mogu ukorijeniti duboko u mreži. U nastavku rada moguće je saznati daljnje korake kako se zaštititi od ovih vrsta napada. Microsoft Active Directory is a software solution used to manage resources in an organizational environment. The foundational elements of an AD system are its users, computers or servers, and the main server dubbed the Domain Controller. Within Active Directory, administrators are given the leverage to organize their objects in a hierarchical manner, as well as to granularly control and enforce policies on the objects’ behaviour using group policies (Group Policy Objects, GPO). The main structural components of an AD environment are the organizational units, domains, trees and forests which form an organized unit. Alongside the on-premises version of Active Directory, there exists a modern, cloud-based version of AD dubbed Azure Active Directory. Authentication in AD is handled by two protocols: the older NTLM and the more modern Kerberos. Authorization within an AD environment is not handled by the mentioned network protocols, but rather a model of Access Control Lists is used. Due to their implementation flaws and the nature of AD on-premises solution, attacks to these protocols are impossible to mitigate and it is possible for an attacker with little knowledge to persist deep within the network. One of the most famous toolkits for performing AD attacks and, more specifically, attacking the authentication protocols within is Mimikatz, a tool used to extract hashes and tickets from memory and abuse them later. The main principle for defending from these types of attacks is the Principle of Least Privilege model, since it is the defenders’ goal to make the attacker’s path to sensitive information and highly-privileged accounts as difficult as possible. Alongside this, it is necessary to have an up-to-date asset inventory, use firewalls and intrusion prevention systems, as well as per-computer Endpoint Detection and Response (EDR) agents. By combining the aforementioned methodologies and toolsets it is possible to significantly reduce the attack surface, however it is impossible to mitigate it completely.

In this paper, the authors compare the features and the overall performance of the two high-level numerical computing and modeling software environments: the freeware Scilab and commercially available industry-standard MATLAB. The motivation for the work emanated from the educational use of these tools at the college and university level, but with a perspective to their professional and scientific use as well. Their performance is tested by measuring the execution times of several combined-task benchmarks implemented as test functions, built upon nine common numerical tasks that are often found in programs for solving standard engineering problems. They include basic algebra and matrix calculations, signal generation, signal analysis, and storing and retrieving data to and from the hard disk drive. Although MATLAB outperforms Scilab in all the benchmarks except the disk file manipulations, in the presumed vectorization versions of the benchmarks, it is not for much. The overall performance of the freeware rival is very satisfactory, making it a good choice not only for educational use but also for scientific and professional purposes, especially when funding is critical.

Cilj ovog završnog rada jest usporediti knjižnicu React.js za izradu dinamičnih web aplikacija i radni okvir Next.js, dodatak na knjižnicu React.js koji omogućava renderiranje aplikacije na poslužitelju. Izrađene su po dvije istovjetne aplikacije u obje tehnologije, a zatim uspoređen proces razvoja, kao i aplikacije koje su rezultat razvoja. Za statične aplikacije koje ne pružaju mogućnost izmjene podataka Next.js pokazao se kao bolji izbor jer pruža renderiranje na poslužitelju, koje je bitno radi boljeg rangiranja na internetskim tražilicama, ali i bolje performanse prilikom prvog učitavanja. Za aplikacije koje omogućavaju izmjenu podataka React se pokazao kao bolji izbor, jer unatoč nešto sporijem prvom učitavanju i nedostatku renderiranja na poslužitelju, React pruža mogućnost implementacije priručne memorije na klijentskoj strani, pa je nakon svake izmjene na poslužitelju moguće samo izmijeniti priručnu memoriju, dok je u Nextu potrebno opet dohvatiti sve podatke na trenutnoj stranici (pa čak i one koji se nisu promijenili). Također, takve su aplikacije uglavnom sakrivene iza autentifikacije pa renderiranje na poslužitelju i brzina prvog učitavanja nisu presudni. The aim of this bachelor thesis is to compare the dynamic web front-end library React.js with its companion for rendering these web applications on the server side, Next.js. Two identical pairs of applications were built, then analysed along with the process of their development. It is concluded that Next.js is a better option for static websites that do not allow mutating data as it allows for server-side rendering, making these applications better with search engines, as well as having better first load speed. React, however, is a better choice for web applications that allow for mutating data, as despite its lack of server-side rendering and slower first load, it allows for implementing a frontend cache which can be easily updated after mutating data, whereas applications built with Next.js need to refetch all the displayed data, even if some of it might not have changed. These applications are usually protected by authentication as well, so server-side rendering and first load speed are not of such importance.

Ovaj diplomski rad bavi se analizom i usporedbom nativnog iOS i višeplatformskog Flutter pristupa razvoju mobilnih aplikacija. Cilj rada je pronaći i analizirati razlike u performansama oba pristupa i odrediti njihov utjecaj na korisničko iskustvo. Kako bi se postigla objektivna usporedba, razvijene su dvije aplikacije identičnih funkcionalnosti, od kojih je jedna razvijena nativnim iOS pristupom, a druga Flutter pristupom. Analiza se najviše temelji na usporedbi performansi obje platforme. Provedeni su brojni testovi kao što su: analiza opterećenja centralne procesorske jedinice, analiza zauzeća memorije i analiza potrošnje baterije. Ovaj rad pruža uvid u prednosti i nedostatke oba pristupa te može pomoći pri odabiru odgovarajuće tehnologije za razvoj mobilnih aplikacija. This thesis deals with the analysis and comparison of native iOS and cross-platform Flutter approaches to mobile application development. The goal of the paper is to find and analyze the differences in the performance of both approaches and determine their impact on the user experience. In order to achieve an objective comparison, two applications with identical functionalities were developed, one of which was developed with a native iOS approach, and the other with a Flutter approach. The analysis is mostly based on a comparison of the performance of both platforms. Numerous tests were carried out, such as: analysis of the load on the central processing unit, analysis of memory usage and analysis of battery consumption. This paper provides an insight into the advantages and disadvantages of both approaches and can help in choosing the appropriate technology for mobile application development.

Trenutno jedna od najrelevantnijih tema koja se provlači kroz polje mobilnih tehnologija u svijetu IT-a je koja tehnologija je najnaprednija i može donijeti najbolje poslovne rezultate. U ovom radu istraživane su mogućnosti i problemi višeplatformskog i nativnog razvoja mobilnih aplikacija, alati, te programska arhitektura i načina testiranja performansi aplikacija. Naglasak je na razvoju Android mobilne aplikacije koristeći Android native i njegov Jetpack Compose skupinu alata za korisničko sučelje te Flutter za višeplatformski razvoj. Nakon definiranja funkcionalnih i nefunkcionalnih zahtjeva aplikacije i implementacije, glavni cilj je testiranje performansi oba dva pristupa i njihov utjecaj na krajnjeg korisnika te subjektivni doživljaj programera tijekom razvoja. Nakon obavljenog testiranja performansi, ali i funkcionalnosti koristeći alate razvojnog okruženja, provedena je analiza dobivenih rezultata te zaključak o tome koji pristup je prikladniji za određeni projekt i tvrtku koja mora odlučiti koju tehnologiju će koristiti. Rezultati su pokazali da je najpogodnije koristiti nativni razvoj ako su potrebne visoke performanse i kompleksni korisnički zahtjevi, a Flutter ako nema puno raspoloživih resursa i potrebno je dijeljenje koda. Currently, one of the most relevant topics running through the field of mobile technologies in the world of IT is which technology is the most advanced and can bring the best business results. In this paper, the possibilities and problems of multi-platform and native mobile application development, tools, and program architecture and methods of application performance testing were investigated. Emphasis is on Android mobile application development using Android native and its Jetpack Compose suite of user interface tools and Flutter for cross-platform development. After defining the functional and non-functional requirements of the application and implementation, the main goal is to test the performance of both approaches and their impact on the end user and the subjective experience of developers during development. After performing performance and functionality testing using the tools of the development environment, an analysis of the obtained results was carried out and a conclusion was made as to which approach is more suitable for a specific project and company, which must decide which technology to use. The results showed that it is most suitable to use native development if high performance and complex user requirements are required, and Flutter if there are not many available resources and code sharing is required.

Ovaj rad sadrži sve elemente razvojnog procesa kreiranja mobilne aplikacije počevši od koncepta koji se sastoji od analize postojećeg digitalnog proizvoda, preko postavljanja temeljnih uvjeta za vizualni prikaz svog sadržaja aplikacije, vizualizacija sadržaja i dodavanje ponašanja značajkama mobilne aplikacije. Aplikacija služi kao pomagalo inventurnom povjereniku prilikom sakupljanja i bilježenja informacija o inventaru. This work contains all the elements of the development process for creating a mobile application starting from the concept which consists of the analysis of the existing digital product, through the setting of the basic conditions for the visual display of the application's content, the visualization of the content and the addition of behaviour to the mobile application's features. The application serves as an aid to the inventory commissioner when collecting and recording information about the college's inventory. Keywords: android, application, inventory

Školjkaši (bivalvia) su pogodni indikatorski organizmi za biomonitoring i procjenu kvalitete okoliša jer hrane se i dišu pomoću škrga, filtriraju velike količine morske vode, fitoplanktona i partikularne organske tvari te tako akumuliraju i prisutna zagađivala, a ujedno pročišćuju okoliš. Sukladno uvjetima u okolišu i prisutnom zagađenju školjkaši reagiraju na stresne uvjete promjenom ponašanja, zatvaranjem i otvaranjem ljuštura mjenjajući intenzitet filtriranja. Uslijed izloženosti zagađivalima nastaju i drugi biološki učinci, od oštećenja i promjena na razini molekula, organela, stanica, tkiva, organa, organskih sustava, do cijelog organizma. Komunikacijom i suradnjom s znanstvenicima Centra za istraživanje mora u Rovinju Instituta Ruđer Bošković, ukazala se potreba za razvojem ugradbenog računalnog sustava koji bi mjerio odabrane parametre okoliša i pratio funkciju filtriranja mjerenjem otvorenosti ljuštura engl. Valve Gaping (VG) tijekom eksprimentalnih izlaganja školjkaša, prvenstveno dagnji Mytilus galloprovincialis. Za tu potrebu razvijen je VG-MM engl. Valve Gaping - Mussel Monitor sustav na bazi Arduino mikrokontrolera prvenstveno namijenjenom za laboratorijski eksperimentalni rad s školjkašima. VG-MM sustav omogućava ovisno o potrebi spajanje 6 ili 12 Hall senzora i praćenje VG funkcije istog broja školjkaša spojenih na uređaj ili 6 senzora spojenih putem UTP kabla dužine 20 m za mjerenje VG dagnji u vanjskim bazenima, odnosno putem WIFI mreže. Kao osnova za izradu ugradbenog računalnog sustava odabrana je mikrokontrolerska platforma Arduino zbog višestruke funkcionalnosti: male potrošnje struje, velike modularnosti i dostupnosti-dobavljivosti komponenti. Za mjerenje VG funkcije filtriranja tj. otvorenosti ljuštura školjkaša odabrani su analogni Hall senzori magnetskog toka, vodeći računa da sustav bude robustan, praktičan i funkcionalan, uz mogućnost dalnje nadogradnje, usavršavanja i potencijalne široke primjene nastalog prototipa ugradbenog računalnog sustava VG-MM-a. Razvijen VG-MM sustav uspješno je primijenjen za praćenje VG funkcije tj. normalnog filtriranja dagnji tijekom višednevnog laboratorijskog držanja u bazenima (0-24 sata) te real time opažanja napada i predacije dagnji nakon izlaganja invazivnom grabežljivom plaštenjaku Imogine mediterranea kao primjeru racentne prijetnje u uzgajalištima školjkaša na području Istarske županije. Shellfish (bivalvia) are suitable indicator organisms for biomonitoring and assessment of environmental quality because they feed and breathe using gills, filter large amounts of seawater, phytoplankton and particulate organic matter, and thus accumulate present pollutants, and at the same time purify the environment. According to environmental conditions and pollution present, bivalves react to stressful conditions by changing their behavior, closing and opening their shells, changing the intensity of filtering. As a result of exposure to pollutants, other biological effects occur, from damage and changes at the level of molecules, organelles, cells, tissues, organs, organic systems, to the whole organism. Through communication and cooperation with scientists from the Center for Marine Research in Rovinj of the Ruđer Bošković Institute, the need for the development of a built-in computer system that would measure selected environmental parameters and monitor the filtering function by measuring shell openness emerged. Valve Gaping (VG) during experimental exposures of shellfish, primarily the mussel Mytilus galloprovincialis. VG-MM English was developed for this purpose. Valve Gaping - Mussel Monitor system based on Arduino microcontroller primarily intended for laboratory experimental work with mussels. The VG-MM system allows, depending on the need, to connect 6 or 12 Hall sensors and monitor the VG function of the same number of shellfish connected to the device or 6 sensors connected via a 20 m long UTP cable for measuring the VG of mussels in outdoor pools, i.e. via a WIFI network. The Arduino microcontroller platform was chosen as the basis for the creation of an embedded computer system due to its multiple functionality: low power consumption, high modularity and availability of components. To measure the VG filtering function, i.e. the openness of bivalve shells, analog Hall magnetic flux sensors were chosen, taking care to make the system robust, practical and functional, with the possibility of further upgrading, improvement and potential wide application of the created prototype of the built-in VG-MM computer system. The developed VG-MM system was successfully applied to monitor the VG function, i.e. the normal filtering of mussels during several days of laboratory keeping in pools (0-24 hours) and real time observations of attacks and predation of mussels after exposure to the invasive predatory mantled Imogine mediterranea as an example of a relative threat in farms shellfish in the area of ​​the Istrian County.

Tema ovog diplomskog rada je mobilna chat aplikacija, a cilj rada je omogućiti korisnicima razmjenu poruka tekstualnog sadržaja, slika i datoteka. Za potrebe rada napravljena je klijentska aplikacija uz Firestore bazu podataka koja služi kao poslužiteljski dio. Klijentski dio aplikacije odrađen je uz pomoć Flutter razvojnog okruženja. The topic of this thesis is a mobile chat application, and the goal of this work is to enable users to exchange messages of textual content, as well as images and files. For work purposes, a client application was created with Firestore database serving as backend. The client part of the application was developed with the help of Flutter development environment.

Današnjim brzim rastom tehnologija, posebice pametnih uređaja kao što su tableti i telefoni, omogućeno je olakšano odrađivanje svakodnevnih poslova i zadataka. Najviše zato što jer na koji god problem naiđemo, već postoji nekakvo rješenje, jer je netko već imao takvih problema i za tu potrebu kreirana je mobilna aplikacija. Svaka osoba danas većinu vremena uz sebe ima pametni mobilni uređaj koji koristi z rješavanje svakodnevnih problema. Odabran je problem praćenja financijskog budžeta. Za izradu rješenja ovog problema odabrana je platforma Android zbog njene rasprostranjenosti i jednostavnosti korištenja. Uvidom u već gotove primjere rješenja, odlučeno je napraviti aplikaciju koja omogućuje brzo i jednostavno rukovanje s transakcijama. Omogućena je registracija korisnika kako bi se budžet mogao neometano pratiti s više različitih uređaje u isto vrijeme. Today's rapid growth of technologies, especially smart devices such as tablets and phones, has made it possible to perform everyday tasks and tasks more easily. Mostly for the reason that whatever problem we come across, there is already some kind of solution, because someone has already had such problems and a mobile application was created for that need. Today, every person has a smart mobile device with them most of the time, which they use to solve everyday problems. The problem of monitoring the financial budget was chosen. To create a solution to this problem, the Android platform was chosen because of its prevalence and ease of use. By looking at already finished examples of solutions, it was decided to create an application that enables quick and easy handling of transactions. User registration is enabled so that the budget can be monitored without interruption from several different devices at the same time.

Pas kao kućni ljubimac ima sve važniju ulogu u životu svoga vlasnika. Za mnoge je poput člana obitelji. Broj pasa u svijetu raste sve više, a tako i čitava industrija vezana za pse. Kako bi vlasnici bolje brinuli o svojim ljubimcima, nastaje potreba za što kvalitetnijim informiranjem o karakteristikama svoga psa te brizi o njemu. Kao rezultat rada izrađena je web aplikacija koja može vlasniku pomoći pri traženju usluga za svoga psa ili pri informiranju o raznim proizvodima za pse. Vlasnici imaju mogućnost istražiti važne podatke o rasi psa koju imaju ili žele imati. Također, aplikacija nudi komunikaciju korisnika s uzgajivačima, veterinarima, edukatorima, šetačima i čuvarima pasa, šišačima i udrugama za zaštitu životinja. Daje mogućnost navedenim sudionicima reklamiranje svojih usluga. Izrađena je u Laravel razvojnom okruženju. Od tehnologija su korištene: HTML, CSS, JavaScript, PHP, MySQL, Apache XAMPP. Aplikacija je praktično rješenje za istraživanje o svim čimbenicima bitnima za brigu o psu. Provedena i provjera za potrebom za takvom aplikacijom na ciljnoj grupi koja bi koristila aplikaciju. Dog as a pet nowadays has increasingly significant role in its owner’s life. For many owners, dogs are family members. The number of dogs in the world is rising, Therefore, the entire dog industry is rising as well. In order for owners to take better care of their pets, there comes the need for getting relevant information about the characteristics of their dog. Created web application could help dog owners who are looking for services for their dog or help informing about various products for dogs. Owners have the possibility to explore important information about the breed of dog they have or wish they had. Also, the application offers users communication with breeders, veterinarians, educators, dog walkers and dog sitters, groomers and animal protection associations. This application gives an opportunity to advertise dog services. It was developed with the Laravel framework. The following technologies are used: HTML, CSS, JavaScript, PHP, MySQL, Apache XAMPP. The app is a practical solution for researching all the factors essential to dog care. A survey about the need for such an application was conducted on the target group that is people who would use the app.

GUI aplikacija za korištenje računala na blagajni maloprodajne trgovine. Aplikacija omogućava rad zaposlenika za prodaju artikala. Aplikacija omogućava administratoru sustava upravljanje artiklima i praćenje rada zaposlenika kroz jednostavni prikaz podataka koji su spremljeni u bazi podataka. Aplikacija je napravljena u Java programskom jeziku kako bi se omogućilo korištenje na različitim računalima neovisno o arhitekturi. GUI application for use on a cash register computer in a retail store. Application enables employees to sell items. The application enables the system administrator to manage items and monitor the work of employees through a simple display of data from a database. The application is made in the Java programming language to enable use on different computers regardless of architecture.

Zadatak ovog diplomskog rada je bio izraditi mobilnu aplikaciju za evidenciju prisutnosti na nastavi. Bilo je potrebno izraditi plan izrade, bazu podataka i arhitekturu datoteka. Nadalje, trebalo je unaprijed zadati svrhe i vrste objekata, dodijeliti prava različitim korisnicima te detaljno voditi evidenciju prisutnosti za svaki pojedini kolegij kojeg student sluša. Nakon postavljanja logičkog dijela, sva pažnja je posvećena korisničkom iskustvu te je dizajnirano sučelje koje može manipulirati bazom podataka i pristupiti svim svojstvima aplikacije. The premise of this thesis was to create a mobile application for attendance records. It was necessary to create plan for whole process, database and file architecture. Furthermore, it was necessary to predetermine the purposes and types of facilities, to distribute rights to different users in order to keep detailed records of attendance for each individual course that student listens to. After setting up the logical part, all attention is paid to the user experience and an interface has been designed that can manipulate databases and access all application properties.

U završnom radu opisan je način rada aplikacije od unosa podataka u korisničkom sučelju preko API-a sve do servera koji je zaslužan za obradu dobivenih podataka te njihovo spremanje u bazu podataka. Opisana je arhitektura aplikacije, REST arhitektura korisničkog sučelja te MVC arhitektura servera. Velik fokus završnog rada je sama aplikacija koja je izrađena u svrhu demonstracije izrade fullstack aplikacije koristeći Laravel i React. Ključne riječi: aplikacija, MVC, REST, PHP, Laravel, React. The final thesis describes how the application works, starting with data entry in the user interface through the API all the way to the server responsible for processing the received dana and theirs save to database. The architecture of the application, REST architecture of the user interfaces and MVC server architecture is described. A big focus of the final thesis is the application itself, which is created for the purpose of demonstrating the creation of a fullstack application using Laravel and React.

U ovom radu je prikazana je arhitektura sloja za apstrakciju mikrokontrolera koja omogućava neovisnost o sklopovlju. Postojeći sustavi za apstrakciju nemaju toliku fleksibilnost kada je riječ o korištenom sklopovlju. Najčešći je slučaj da se pod „slojem za apstrakciju mikrokontrolera“ smatra generiranje dijela programske podrške koji pomaže pri bržoj konfiguraciji, no i dalje služi za razvoj programske podrške za određeni mikrokontroler. Slojem BM_HAL za apstrakciju mikrokontrolera omogućava se također izvršavanje aplikacije i u virtualnom okruženju. Prilikom razvoja u aplikacijskom sloju, programer ima mogućnost izbora na kojem sustavu će se izvršavati izvršna datoteka. Pomoću jedne pretprocesorske naredbe odabire se o kojem je sustavu riječ. Trenutno je omogućen rad sa STM32F103C8 mikrokontrolerom te radom u virtualnom okruženju Windows operacijskog sustava. Razvojni inženjer pomoću zajedničkog API-a, naziva BM_HAL, ima mogućnost pisati programski kod bez razmišljanja o fizičkom sloju te kada želi testirati aplikaciju, dovoljno je samo definirati ciljnu platformu. Nakon prevođenja, aplikacija se bez ikakvih dodatnih izmjena može izvršavati na prethodno definiranom željenom sustavu. Osim programske podrške i upravljačkih programa, fizički su napravljena dva sustava sa STM32F103C8 mikrokontrolerima, potrebna za demonstraciju rada apstrakcijskog sloja. Sustavi su spojeni preko uvrnute parice preko koje se odvija komunikacija CAN protokolom. Za potrebe demonstracije rada BM_HAL sloja za apstrakciju, razvijena je i jedna aplikacija sa grafičkim sučeljem putem koje je omogućeno postavljanje virtualnih ulaza i izlaza. This paper presents the architecture of a microcontroller abstraction layer that allows hardware independence. Existing abstraction systems do not have as much flexibility when it comes to the hardware used. The most common case is that the "microcontroller abstraction layer" is considered to generate a piece of software that helps in faster configuration, but still serves to develop software for a particular microcontroller. The BM_HAL layer, developed for microcontroller abstraction, also allows application execution in a virtual environment. When developing in the application layer, the programmer has the ability to choose on which system the executable file will be executed. One preprocessor command selects which system it is. It is currently possible to work with the STM32F103C8 microcontroller and work in the virtual environment of the Windows operating system. A development engineer using a common API, called BM_HAL, has the ability to write program code without thinking about the physical layer, and when he wants to test an application, all he has to do is define the target platform. After compiling, the application can be run on a predefined desired system without any additional changes. In addition to software and drivers, two boards with STM32F103C8 microcontroller, required to demonstrate the operation of the abstraction layer, were made. The boards are connected via a twisted pair through which communication via CAN protocol takes place. For the purpose of demonstrating the operation of the BM_HAL abstraction layer, an application with graphical user interface has been developed, which enables the setting of virtual inputs and outputs.

Rad obrađuje temu korištenja tehnologija proširene stvarnosti u informacijskim ustanovama (knjižnicama, arhivima i muzejima). Tehnologije proširene stvarnosti bave se simulacijama trodimenzionalnog okruženja, ruše već poznato o dizajn principima "tradicionalnih" programskih rješenja i donose potpuno novu vrstu interakcije i doživljavanja aplikacija. Tehnologije proširene stvarnosti okupljaju virtualnu, nadodanu stvarnost. Rad se kratko osvrće na definiciju cjelokupne tehnologije, a zatim potanko opisuje povijest i trenutno stanje virtualne i nadodane stvarnosti. Rad nudi pregled slučajeva korištenja tehnologija virtualne i nadodane stvarnosti iz prijašnjih radova koji su testirani na slučajevima svakodnevnog života i rada te opisuje kako one mogu utjecati na boljitak života i olakšanje teških i nekad opasnih poslova. Zatim se nude specifični slučajevi korištenja istih tehnologija u okruženjima informacijskih ustanova - javnih knjižnica, muzeja, sveučilišnih i specijaliziranih knjižnica te arhiva. Zatim se u radu predstavlja ideja o dokazu koncepta - programskom rješenju dizajniranom za dokazivanje funkcionalnosti neke ideje, u ovom slučaju korištenja novih tehnologija u informacijskim ustanovama. Ulazi se duboko u ideje iza svake aplikacije. raspisuje se funkcionalnost i struktura aplikacija te se detaljno ali laički ulazi u proces izrade samih aplikacija kako bi čitatelju bilo donekle jasno što se događa "pod haubom" ovakvih rješenja. Nakon što su se opisale metode izrade aplikacija za svaku aplikaciju se ističu prednosti i nedostaci, što se moglo napraviti bolje i gdje se potencijalno može ići dalje s aplikacijama. Za kraj rada, spekulira se o budućnosti tehnologija, kakav će one utjecaj imati na cjelokupno društvo i za konteksta rada najbitnije: kako će to djelovati na informacijske ustanove.

Glavni zadatak ovog diplomskog rada je napraviti web aplikaciju za pisanje online dnevnika koja će korisniku omogućiti pisanje, objavu, uređivanje, brisanje i komentiranje raznih objava. Kao baza podataka, koristio se MongoDB. Baza podataka se povezuje s projektom pomoću metode gdje se privatni URL s korisničkim podacima povezuje unutar programskog koda. Programski kod je pisan unutar Microsoft Visual Studio Code uređivača koda. Express.js se koristio kao Node.js web aplikacijski okvir za pomoć u upravljanju poslužiteljem i rutama. Backend dio se podijelio na modele i rute. Za svaki od modela su kreirane sheme kojima su pridružena određena svojstva. Rute su kreirane za svaki model zajedno s API-jima za kreiranje, dohvaćanje, uređivanje i brisanje podataka. Frontend dio je kompletno realiziran unutar React-a. React aplikacija je podijeljena stranice, koje su izgrađene od različitih komponenti. Cijela aplikacija je stilski uređena pomoću SCSS-a, koji je unutar aplikacije preveden i minimiziran u CSS. Aplikacija je pokrenuta i testirana, stoga se može potvrditi da je potpuno funkcionalna i da radi bez ikakvih problema. The main task of this graduate thesis is to create a web application for writing an online diary that will allow the user to write, publish, edit, delete, and comment on various posts. MongoDB was used as a database. The database is connected to the project using a method where a private URL with user data is connected inside the program code. The program code is written within the Microsoft Visual Studio Code editor. Express.js was used as a Node.js web application framework to help manage the server and routes. The backend is divided into models and routes. For each of the models, schemes were created with certain properties associated with them. Routes are created for each model together with APIs for creating, reading, updating, and deleting data. The frontend part is completely implemented within the React. A React application is divided into pages, which are built from different components. The entire application is styled using SCSS, which is compiled and minimized to CSS within the application. The application has been launched and tested, so it can be confirmed that it is fully functional and works without any problems. Express.js, MongoDB, React, SCSS, web application

Tema ovog završnog rada je istražiti Eulerovu metodu i rješavanje Cauchyjevog problema Eulerovom metodom te izrada web aplikacije na temelju istraženog. Korištene web tehnologije u izradi ove web aplikacije su: HTML,CSS i JavaScript. JavaScript je korišten za implementaciju algoritama za izračunavanje rezultata pomoću Eulerove metode. Postupci korištenja web aplikacije se nalazi u ovom radu. Link na ovu aplikaciju je: http://www.etfos.unios.hr/~antonio.corak / The topic of this final paper is to investigate Euler's method and the solution of the Cauchy problem with Euler's method, as well as the creation of a web application based on the research. The web technologies used in the creation of this web application are: HTML, CSS and JavaScript. JavaScript was used to implement the algorithms to calculate the results using Euler's method. Procedures for using the web application can be found in this paper. The link to this application is: http://www.etfos.unios.hr/~antonio.corak /

U ovom su diplomskom radu detaljno opisana pravila korištenja Hooks funkcija kao i svrha njihova uvođenja. Opisane su i prednosti kao i nedostatci koji se pojavljuju njihovim korištenjem u odnosu na klasne komponente. Nadalje, opisane su sve često korištene funkcije, dana su uputstva za njihovo korištenje, te je njihova izvedba uspoređena sa razvojem iste funkcionalnosti pomoću klasne komponente. Provedeno je i istraživanje među lokalnim tvrtkama i razvojnim programerima i utvrđeno je kako su React programeri s velikim odobravanjem prihvatili promjene uvedene u React sa Hooks funkcijama. Izrađene su vlastita Hooks funkcija te, po funkcionalnosti, identična komponenta višeg reda iz čega su vidljive sve prednosti koje donosi razvoj Hooks funkcijama. Na posljetku, korištenjem isključivo Hooks funkcija, izrađena je web stranica za prikaz rasporeda prema zauzeću prostorija, djelatnicima, te kapacitetu i terminu. Development of Web Applications using React Hooks functions of the ReactJS framework In this master’s thesis, a detailed description of using the Hooks functions has been given, as well as the reasons for introducing them to the React library. The advantages and disadvantages of using them instead of using the class component are described. Furthermore, all often used functions, as well as instructions for their usage are also described. The research within the local community and among the developers was conducted, and it was found that the changes introduced in React with the Hooks feature were received with great approval by React developers. The custom Hooks function and identical higher-order component were created from which all the advantages of using the Hooks feature are visible. Finally, web application for displaying the schedule by room availability, employee availability, and by capacity and time has been realized by using only Hooks functions.

Cilj rada bio je detaljno opisati proces stvaranja blockchain aplikacija primjenom Truffle alata. Stvaranje blockchain aplikacije je težak proces i zahtjeva znanje ne samo o blockchainu nego i o web stranicama. Ali korištenjem Truffle alata nam uvelike olakšava čitav proces. Čak i osobe koje nemaju nikakvo predznanje mogu pratiti neke od mnogih tutoriala za svaki program te razviti blockchain aplikaciju. Razvojno okruženje Truffle Suite sadrži tri programa: Truffle, Ganache i Drizzle od kojih smo prva dva koristili tijekom razvoja naše aplikacije u radu. Pomoću Ganache smo napravili privatni blockchain na kojem se vršile transakcije naše aplikacije. A koristili smo Truffle kako bismo skinuli Truffle box kojim smo dobili već godov dio aplikacije za početak te smo ga koristili prilikom pisanja i testiranja pametnih ugovora. Blockchain aplikacije su budućnost interneta, a pomoću alata kao Truffle neiskusni programeri ih mogu početi razvijati i naučiti važne vještine koje će im pomoći tijekom stvaranja budućih blockchain aplikacija. The aim of this work was to describe in detail the process of creating blockchain applications using Truffle tools. Creating a blockchain application is a difficult process and requires not only knowledge about blockchain but also about websites. But using the Truffle tool we greatly makes the whole process easier. Even people who have no prior knowledge can follow some of many tutorials for each program and develop a blockchain application. Developmentally The Truffle Suite environment contains three programs: Truffle, Ganache and Drizzle of which we are the first two were used during the development of our application at work. We use Ganache we made a private blockchain on which our application transactions were performed. And used we are Truffle in order to download the Truffle box with which we have already received part of the application for beginning and we used it when writing and testing smart contracts. Blockchain applications are the future of the Internet, and using tools like Truffle inexperienced developers them they can begin to develop and learn important skills that will help them during creation future blockchain applications.

Cilj rada bio je upoznati se sa svim alatima koji se koriste u stvaranju igre u Unity razvojnom okruženju. RPG Runner trodimenzionalna je igra sa RPG elementima, poput sistema magije i sistem odabira oružja sa posebnim efektima, dok implementira „Runner“ mehaniku u proceduralnom generiranom svijetu, gdje je cilj preći što veću udaljenost i pobijediti što više neprijatelja prije nego igrač izgubi život. U glavne mehanike igre ubrajamo beskonačno generirani teren, način na koji se proceduralno generiraju neprijatelji, kojima se povećava napad i brzina što dalje je igrač od početne točke. U glavnu prednost igre također brojimo dinamičnu mehaniku borbe gdje igrač ima mogućnost slobodnog kretanja i teleportacije pomoću specifičnih oružja, sistem levela koji iscjeljuje igrača te ga tjera da bira koje neprijatelje će napasti ako planira preživjeti. The goal of this Bachelor's thesis was to get acquainted with all the tools used in creating a game in the Unity development environment. RPG Runner is a three-dimensional game with RPG elements, such as a magic system and a weapon select system where each weapon has special effects, while implementing "Runner" mechanics in a procedurally generated world, where the goal is to cover as much distance as possible and defeat as many enemies as possible before the player loses his life. The main mechanics of the game include the infinitely generated terrain, the way in which enemies are procedurally generated, which increase their attack and speed the further the player is from the starting point. The main advantage of the game is also its dynamic combat mechanics where the player has the ability to move freely and teleport using specific weapons, and a level system that heals the player and forces him to choose which enemies to attack if he plans to survive.

Cilj ovog diplomskog rada je provedba automatiziranih testova za aplikaciju Azil Osijek. Za provedbu automatiziranih testova izrađen je testni plan i testni slučajevi. Detaljno su opisane vrste i razine testiranja mobilnih aplikacija, izazovi koji se pojavljuju prilikom testiranja. Posebno je istaknuta uloga regresijskog testiranja i njena povezanost s automatiziranim testovima. Za izradu testova korišteno je programsko okruženje IntelliJ IDE te alat Appium s Cucumber dodatkom te su svi testovi pisani jezikom Java. Nakon što je aplikacija testirana automatiziranim testovima, rezultati su analizirani i prikazani grafički. Analizirano je prosječno trajanje testova, maksimalno trajanje testova, učestalost pojavljivanja koraka u testovima. Kreirano je izvješće o grešci koji se daje programeru na pregled kako bi ispravio grešku. Predloženo je poboljšanje za testiranu mobilnu aplikaciju. The goal of this thesis is the implementation of automatic tests for the application Azil Osijek. A test plan and test cases were created for the implementation of automatic tests. The types and levels of mobile application testing, the challenges that arise during testing are described in detail. It is important to emphasize the role of regression testing and it's connection with automatic tests. The IntelliJ IDE programming environment and the Appium tool with the Cucumber plugin were used to create the tests, and all tests were written in the Java language. After the application was tested with automatic tests, the results were analyzed and presented graphically. Average duration of tests, maximum duration of tests, frequency of occurrence of steps in tests were analyzed. A bug report is created and given to the developer to review in order to fix the bug. An improvement was proposed for testing the mobile application.

Temeljni zadatak diplomskog rada je izraditi web portal za vijesti koji omogućava prijavu i registraciju korisnika, dohvaćanje, kreiranje, ažuriranje i brisanje članaka, njihovo komentiranje i pretragu članaka prema njihovom naslovu. Ovaj rad prikazuje način izrade web portala za vijesti primjenom tehnologija kao što su Node.js, Express.js, MongoDB i React. Node.js, Express.js i MongoDB korišteni su kako bi se izradila poslužiteljska strana, dok je React korišten za izradu klijentske strane. Fundamental task of this paper was to create web portal for news which provides login and registration for users, reading, creating, updating and deleting articles, commenting on them and searching articles by their headline. This paper shows a way to create web portal for news using technologies like Node.js, Express.js, MongoDB and React. Node.js, Express.js and MongoDB are used to implement server side while React was used to implement client side.

U ovom radu izložena je funkcionalnost aplikacije „Promotezone“ i njena arhitektura i korištene tehnologije. Kako je danas marketing postao nužan za opstojanje bilo kojeg poslovnog poduhvata, tvrtke su prisiljene tražiti inovativne i kreativne načine za promociju svojih proizvoda kako bi se istaknule od konkurencije i povećale prodaju. Jedan od sve popularnijih načina na koji tvrtke šire svjesnost o svom brendu je promocija preko društvenih mreža korištenjem tzv. influencer marketinga u kojem tvrtke pronalaze utjecajne ljude koji će promovirati njihove proizvode. Aplikacija „Promotezone“ služi za spajanje brendova sa njegovim možebitnim promotorima. Brendovima (tvrtkama) nije uvijek lako naći relevantne promotore u njihovom području i taj problem nastoji riješiti aplikacija „Promotezone“. Također, iz drugog aspekta, može ponuditi nove prilike za promotore. Brendovi i promotori se mogu međusobno tražiti po raznim kategorijama i lokaciji kao i međusobno komunicirati preko live chata te spremati u svoje liste suradnika. Aplikacija je razvijena korištenjem tehnologija Vue JS što je frontend razvojni okvir za JavaScript, Firebase (Google – ova platforma za razvoj aplikacija koja rješava cjelokupni backend dio aplikacije) i SASS (CSS predprocesor) za uređivanje izgleda. This paper presents the functionality of the "Promotezone" application, its architecture and the technologies used. As marketing has become necessary for the survival of any business venture today, companies are forced to look for innovative and creative ways to promote their products in order to stand out from the competition and increase sales. One of the increasingly popular ways in which companies spread awareness of their brand is promotion through social media using the so-called influencer marketing in which companies find influential people to promote their products. The "Promotezone" application serves to connect brands with their potential promoters. It is not always easy for brands (companies) to find relevant promoters in their area, and the "Promotezone" application tries to solve this problem. Also, from another aspect, it can offer new opportunities for promoters. Brands and promoters can search for each other by various categories and locations, as well as communicate with each other via live chat and save other users in their lists of collaborators. The application was developed using technologies Vue JS, which is a frontend development framework for JavaScript, Firebase (Google's application development platform that handles the entire backend part of the application) and SASS (CSS preprocessor) for layout editing.

Web aplikacija za organiziranje turnira u košarci korištenjem višekriterijskog raspoređivanja razvijena u ovom radu temelji se na potrebama poboljšanja i olakšavanja organiziranja sportskih događaja, a u prvom redu u košarci. Razvijena web aplikacija korisniku omogućuje registriranje i prijavu u sustav, dodavanje novih dvorana u sustav, stvaranje turnira i pregled prijašnjih turnira. Glavni cilj aplikacije je stvaranje turnira gdje korisnik unosi vremenske raspoloživosti ekipa koje sudjeluju u turniru te za uzvrat dobiva raspored utakmica koji odgovara svakoj ekipi. Korišten je programski jezik JavaScript, te Express JS koji pomaže u upravljanju poslužiteljima i rutama, a za bazu podataka korišten je MySQL. Rezultati ispitivanja aplikacije pokazuju njenu ispravnost u radu. The web application for organizing basketball tournaments using multi-criteria scheduling developed in this paper is based on the need to improve and facilitate the organization of sports events, primarily basketball. The developed web application allows the user to register and log in to the system, add new sports halls to the system, create tournaments, and view previous tournaments. The main goal of the application is to create a tournament where the user enters the time availability of the teams participating in the tournament and in return receives a match schedule that suits each team. The programming language JavaScript was used, as well as Express JS, which helps in managing servers and routes, and MySQL was used for the database. The test results of the application show its accuracy in work.

Uz užurbani način života i laku dostupnost brze hrane, planiranje i osmišljavanje zdravih obroka može biti izazov, kojeg upravo tehnologija može olakšati. U ovome radu izrađena je aplikacija za pomoć u promjeni načina prehrane, koja korisniku znatno olakšava planiranje obroka, a s time i pospješuje samo održavanje dijete. Za izradu aplikacije korišteno je Node.js razvojno okruženje, biblioteka za izgradnju korisničkih sučelja React, programski okvir Next.js, baza podataka Sanity, opisni jezik HTML te pretprocesorski jezik SCSS. Ne prijavljeni korisnik ima mogućnost pretraživanja i pregledavanja recepata sukladno odabranoj dijeti. Prijavljenom korisniku pruža se dodatna mogućnost spremanja recepata, kao i postavljanja vlastitog profila. With a hectic lifestyle and easy availability of fast food, planning and designing healthy meals can be a challenge. However, it is the challenge that technology can make easier. In this paper, an application is developed to help change the diet, which makes it much easier for the user to plan a meal, and thus improves the maintenance of the diet. Technologies used to create the applications are Node.js development environment, the React user interface library, the Next.js framework, the Sanity database, the HTML markup language and the SCSS preprocessor language. An unregistered user has the ability to search and review recipes according to the selected diet. The registered user has an additional option to save the recipe, as well as to set their own profile.

U sklopu ovog završnog rada realizirana je aplikacija za igru Podmornice u programskom jeziku C. Cilj rada bio je istražiti i objasniti kako funkcionira sama igra u teoriji te potom realizirati aplikaciju s kojom računalo može simulirati drugog igrača na što optimalniji način. U radu je analiziran razvoj programskih jezika u opčenitom smislu te je uz primjere opisan programski jezik C u kojem je aplikacija u sklopu ovog rada i realizirana. Potom je opisana igra Podmornice kroz svoju povijest od prvog pojavljivanja do danas te su opisana sama pravila i ideja igre. Za razliku od uobičajenog načina igranja ove igre koja je namijenjena za dva igrača, realizacija ove aplikacije je napravljena na način da igrač može igrati protiv računala. As part of this final work, an application for the Submarine game was realized in the programming language C. The aim of the work was to investigate and explain how the game itself works in theory, and then realize an application with which the computer can simulate another player in the most optimal way. The paper analyzes the development of programming languages ​​in a general sense and describes the programming language C in which the application was implemented as part of this work, along with examples. Then the Submarine game is described through its history from its first appearance until today, and the rules and idea of ​​the game itself are described. Unlike the usual way of playing this game, which is intended for two players, the implementation of this application is made in such a way that the player can play against the computer.

U ovome radu obrađena je kontinuirana integracija i osnovni pojmovi vezani uz nju. Rad započinje osnovnim informacijama o kontinuiranoj integraciji, njenoj primjeni i testiranju programske podrške. Nakon toga slijedi pregled korištenih alata i tehnologije koji su bili potrebni za izradu sustava za kontinuiranu integraciju. Potom se pruža primjer sustava za kontinuiranu integraciju koji je korišten u izradi mrežnog sustava za automobilsku industriju, opisuje se proces njegove izrade, njegova arhitektura i arhitektura mrežnog sustava. Nakon toga se opisuje metodologija rada u sustavu za verzioniranje koda i dobre prakse u radu sa sustavom za verzioniranje koda, nakon čega je opisan rad s alatom Jenkins, njegov konzolni ispis i pokretanje testova unutar njega. Rad završava zaključkom o dobrobitima korištenja kontinuirane integracije pri razvoju programske podrške. U ovome radu obrađena je kontinuirana integracija i osnovni pojmovi vezani uz nju. Rad započinje osnovnim informacijama o kontinuiranoj integraciji, njenoj primjeni i testiranju programske podrške. Nakon toga slijedi pregled korištenih alata i tehnologije koji su bili potrebni za izradu sustava za kontinuiranu integraciju. Potom se pruža primjer sustava za kontinuiranu integraciju koji je korišten u izradi mrežnog sustava za automobilsku industriju, opisuje se proces njegove izrade, njegova arhitektura i arhitektura mrežnog sustava. Nakon toga se opisuje metodologija rada u sustavu za verzioniranje koda i dobre prakse u radu sa sustavom za verzioniranje koda, nakon čega je opisan rad s alatom Jenkins, njegov konzolni ispis i pokretanje testova unutar njega. Rad završava zaključkom o dobrobitima korištenja kontinuirane integracije pri razvoju programske podrške. Title: Usage of the continuous integration in the development of network systems for the needs of automotive industry This paper deals with the topic of continuous integration and basic terms related to it. The paper begins with basic information on continuous integration (CI), its application and software testing. This is followed by an overview of the necessary tools and technologies used for the making of a continuous integration system. Next is an example of the continuous integration system that was used in the production of network system for the automotive industry, as well as a description of its creation process, its architecture and the architecture of the network system. Afterwards, the work methodology used in the version control system and good practices in working with code versioning are described, which is followed by description of Jenkins tool, its console output and running software testing using Jenkins. The paper ends with the conclusion on the benefits of the usage of CI in software production.

Tema završnog rada bila je napraviti mobilnu aplikaciju za rješavanje logičke zagonetke Mostovi. Za izvršenje je korišten Swift programski jezik i razvojno okruženje Xcode. Aplikacija je realizirana koristeći SwiftUI način programiranja. Ulaz u algoritam je matrica cjelobrojnih podataka gdje brojevi od 1 do 8 označavaju otok i koliko mostova taj otok posjeduje u konačnom rješenju, a broj 0 označava prazno polje. Izlaz algoritma također je polje cjelobrojnih brojeva gdje negativne vrijednosti od 1 do 4 predstavljaju povučeni most. Algoritam je osmišljen da rješava sve tipove zagonetke mostovi u kojima je broj redaka jednak broju stupaca. Završni rad sadrži opis najbitnijih dijelova algoritma i korištenih struktura. U radu je detaljno opisana logička zagonetka Mostovi i dani su neki načini rješavanja. The topic of the final paper was to create mobile application for solving the logic puzzle Bridges. Swift programming language and Xcode integrated development environment were used for execution. Input value for algorithm is matrix of integers. Integers from 1 to 8 denote an island and the number of bridges that island has in final solution, and number 0 denotes empty field. Output value of algorithm is also matrix of Integers where negative values from 1 to 4 represent bridges. Algorithm was designed to solve all types of bridges puzzle in which the number of rows matches the number of columns. The paper contains descriptions of the most important parts of algorithm and structures used. The paper describes in detail the logic puzzle Bridges and gives some ways to solve it.

Tema rada je modeliranje lica i tijela u programima za računalnu grafiku te usporedba metoda i alata za 3D modeliranje. Uvodni dio rada opisuje što je 3D modeliranje te se nabrajaju osnovne metode i tehnike za rad nad 3D modelima Nadalje se govori o tome što je računalna grafika te su prikazane njezine prednosti. Opisuju se neke od metodi 3D modeliranja, uz to što su prikazane njihove prednosti i mane. Prvi program o kojem se govori je Autodesk Maya. Govori se općenito o programu, korisničkom sučelju te alatima za modeliranje unutar programa. Nakon opisa programa, kreće se s procesom izrade 3D lica popraćenog sa slikama modela kroz izradu te završnog modela. Nakon toga, opisuje se još jedan program Autodesk korporacije zvan Autodesk 3ds Max. Opisane su neke osnovne razlike između dva programa, te je ovoga puta riječ o korisničkom sučelju 3ds Max-a. Poslije toga opisuje se izrada tijela u programu 3ds Max. Na posljetku ostaje program za modeliranje Blender, jedini besplatni program kojeg se spominje u ovom radu. U programu Blender opisuje se izrada modela ljudskog lica i tijela s niskim brojem poligona. Kroz sva tri programa koristi se sličan set alata, poput alata za ekstrudiranje, alata za mijenjanje položaja kamere i alata za umetanje petlje rubova. The topic of this final thesis is human face and body modeling in programs for computer graphics and the comparison of the methods and tools used for 3D modeling. The introduction describes what 3D modeling is, and the methods and techniques for working on a 3D model are listed. Onwards, it`s also discussed what computer graphics is and its advantages are presented. Some of the 3D modeling methods are described, along with their advantages and disadvantages. The first program that`s being talked about is Autodesk Maya. There is general talk about the program, the user interface and the tools used for modeling. After the program is described, the process of creating a 3D face accompanied by images of the model right until the creation of the final model is being shown. After that, another program made by Autodesk corporation is being described, called Autodesk 3ds Max. There are some basic differences between the two programs being described, and this time it`s about the user interface of 3ds Max. After that, the process of making a body in 3ds Max is being shown. The end leaves us with Blender, the only free program which is mentioned in this thesis. In Blender, the creation of the low polygon model of the human face and body is being described. In all three programs, the similar set of tools is being used, like the extrusion tool, the mesh view tool and the insert edge loop tool.

Zadatak rada je generirati i obraditi različite signale preko MatLab-a. U uvodu je opis različitih pojmova koji su potrebni za razumjeti rad. Glavni i završni dio se sastoje on tehničkih detalja. Opisan je postupak generiranja različitih signala, njihov kod u MatLabu, vizualizacija signala kod obrađivanja i vizualizacija signala nakon primjene algoritama za detekciju rubova. Testirano je ukupno šest različitih algoritama za detekciju rubova i generirano je četiri različita signala. Algoritmi za detekciju rubova su primijenjeni na signale bez šuma i na signale sa šumom koji imaju tri razine šuma. The task of this final paper was to generate and process different signals with MatLab. In the introduction we se the description of different terms that are needed to understand this paper. The main and final part are consist of technical details. It describes the proces of generating different signals, their code in MatLab, visualization before and after the application of edge detecting algorithms. Six different algorithms were tested on four different signals. The algorithms where applied on signals without noise and with noise ranging beetween 3 noise levels.

U radu se pisalo o važnosti testiranja u osiguranju kvalitete softvera.U početku, tj. unutar uvoda se pisalo o tome što je softver, te se opisalo sve korake SDLC-a. U samom osiguranju kvalitete softvera obuhvaćeni su pojmovi osiguranja kvalitete kao i kontrola kvalitete. Nakon osiguranja kvalitete softvera pojašnjeno jetestiranje softvera kao i njegova načela te se pojasnilo zbog čega je provođenje testiranja softvera neophodno te se potom opisao životni ciklus testiranja softvera. Između ostalog, opisani su i načini testiranja softvera koji mogu biti ručno, kao i automatizirano testiranje softvera. U zadnjoj cjelini metodologije testiranja softvera naveli su se tipovi testiranja softvera pod kojim spadaju funkcionalno te također inefunkcionalno testiranje softvera. Nakon toga su opisane razine testiranja softvera, da bi se na kraju navele i objasnile metode testiranja. In this final paper, it was written about the importance of testing in software quality assurance. In the beginning, i.e. within the introduction, it was written about what the software is, and all the steps of the SDLC were described. Software quality assurance itself includes the concepts of quality assurance and quality control. After software quality assurance, software testing and its principles were explained, why software testing is necessary, and then the life cycle of software testing was described. Among other things, methods of software testing are described, which can be manual, as well as automated software testing. In the last part of the software testing methodology, the types of software testing were listed, which includes functional and also non-functional software testing. After that, the levels of software testing are described, and finally the testing methods are listed and explained.

Cilj ovog završnog rada je izrada Android aplikacije za izračunavanje provjesa izoliranih energetskih vodova na brži i jednostavniji način od ručnog računanja provjesa. Aplikacija je namijenjena inženjerima i studentima koji će to tek postati kako bi mogli brže doći do željenih podataka ili pak kako bi provjerili svoje izračune. Aplikacija je rađena u razvojnom okruženju Android Studio, a kao programski jezik je korištena Java. Aplikacija uz manja odstupanja prikazuje željene podatke. The purpose of this thesis is the creation of an Android application for calculating the sag of overhead powerlines in a faster and simpler way than doing it manually. The application is meant for engineers and students who are yet to become one for the purpose of getting to wanted data faster or to verify their own calculations. The application was created using the Android Studio development environment with Java as the programming language. The application shows the excpected data with slight deviations.

U ovom radu smo se upoznali s osnovnim terminima digitalne pristupačnosti, standardima i dokumentima vezanih za pristupačnost kao što su WCAG, ATAG, te kriterije uspjeha određenih razina. Nadalje, opisani su različiti invaliditeti korisnika kao i njihove potrebe prema pomagalima u korištenju računala i internetskih stranica. Nakon obrađivanja teorijskog znanja koje nam je bilo potrebno za razumijevanje ove teme, najbitniju stavku predstavljaju preprintevi i poslužiteljski serveri istih, provedena je analiza funkcioniranja alata WAVE za automatsku provjeru digitalne pristupačnosti . Testirano je niz početnih stranica poslužiteljskih servera u svrhu pronalaska grešaka vezanih za WCAG 2.1 standarde te uspoređivanje rezultata s kriterijima uspjeha određenih razina na temelju kojih su doneseni zaključci. Rezultati su predstavljeni tabelarno te putem grafičkih prikaza. In this paper, we got acquainted with the basic terms of digital accessibility, standards and documents related to accessibility such as WCAG, ATAG, and success criteria of certain levels. Furthermore, the different disabilities of the users are described, as well as their needs for aids in using computers and internet sites. After processing the theoretical knowledge that we needed to understand this topic, the most important item in this paper is represented by preprints and their servers, an analysis of the functioning of the WAVE tool for automatic verification of digital accessibility was carried out. A number of home pages of servers with preprints were tested for the purpose of finding errors related to WCAG 2.1 standards and comparing the results with the success criteria of certain levels on the basis of which conclusions were drawn. The results are presented tabularly and graphically.

Glavni cilj ovog diplomskog rada bio je utvrditi koje su prednosti i nedostaci prilikom višeplatformskog programiranja. U radu su opisani različiti višeplatformski razvojni okviri, ali glavni razvojni okvir koji je uzet za usporedbu s nativnim razvojem je bio Flutter. Opisane su glavne značajke i postavljanje višeplatformskog razvojnog okvira Flutter i kakvo je trenutno stanje. Razvijena je i aplikacija za praćenje troškova koja služi kao ogledni primjer razvoja višeplatformske aplikacije u Flutteru. Uspoređena su različita područja koja su bitna i utječu na odabir načina razvoja te su navedeni prednosti i nedostaci višeplatformskog razvoja. The main goal of this thesis was to determine the advantages and disadvantages of multi-platform programming. Various cross-platform development frameworks are described in the paper, but the main development framework taken for comparison with native development was Flutter. The main features and setup of the Flutter cross-platform development framework are described and the current state of the framework. An application for monitoring costs was also developed, which serves as an example of the development of a cross-platform application in Flutter. Different areas that are important and influence the choice of development methods are compared, and the advantages and disadvantages of multi-platform development are listed.

Ubrzani razvoj tehnologije omogućio je industrijskim postrojenjima prikupljanje informacija o samom proizvodnom procesu. Nastavno tome, kreirane su brojne aplikacije koje omogućuju spajanje na poslužitelje postrojenja i prikupljanje njegovih informacija. Ovime radom analizirane su postojeće aplikacije temeljene na OPC protokolu za izradu konfiguracije postrojenja. Definirani su korisnički zahtjevi koji će operateru pružati sve potrebne mogućnosti. Zatim je implementirano programsko rješenje koristeći C# programski jezik kao i .Net razvojno okruženje. Rješenje omogućuje pronalazak i spajanje na lokalne ili udaljene OPC poslužitelje kojima se promatra unutarnja struktura u svrhu pronalaska dostupnih OPC signala. Odabirom željenih signala kreira se konfiguracija postrojenja. Također, omogućeno je promatranje stvarnih vrijednosti signala kao i njihovo spremanje u Oracle bazu podataka. Framework for configuring, collecting and processing data from industrial plants The accelerated development of technology has enabled industrial plants to collect information about the production process itself. Subsequently, numerous applications have been created which enable connecting to the plant's servers and collecting its information. This paper analysed the existing applications based on the OPC protocol for creating the plants configuration. User requirements have been defined that will provide the operator with all the necessary options. A programming solution was implemented using the C# programming language as well as the .Net development environment. The solution enables finding and connecting to local or remote OPC servers that observe the internal structure in order to find available OPC signals. By selecting the desired signals, the plant configuration is created. It is also possible to observe the actual values of the signals as well as save them in the Oracle database.

U ovom završnog radu opisana je web aplikacija društvena mreža. Predviđena je za dijeljenje slika i stupanje u kontakt s drugima. Korisnicima nudi mnoštvo funkcionalnosti poput objave slika, brisanje objavljene slike, komentiranje i sviđanje drugih slika, postavljanje i izmjena profilne slike, praćenje drugih korisnika i slično. Kako bi navedene funkcionalnosti bile dostupne prvo je potrebno kreirati korisnički račun i prijaviti se u sustav. Ukoliko neprijavljena osoba pokuša pristupiti nekom od profila preusmjerena je na stranicu za prijavu. Sav kod napisan je koristeći Visual Studio Code. Ukratko su opisane tehnologije koje su bile korištene pri izradi. Za frontend je korištena biblioteka React, a za backend Firebase. This paper describes a social network application. It is intended for sharing pictures and getting in touch with others. It offers users many functionalities such as posting pictures, deleting posted pictures, commenting on and liking other pictures, uploading and changing profile pictures, following other users and so on. In order for the mentioned functionalities to be available, it is first necessary to create a user account and log in. If an unregistered person tries to access one of the profiles, gets redirected to the login page. The entire code was written using Visual Studio Code. The technologies that were used are briefly described. React library was used for the frontend and Firebase for the backend.

Ovaj diplomski rad opisuje korištenje informatičkih-komunikacijskih tehnologija u svrhu prodaje proizvoda putem interneta. Naveden je razvoj elektronske trgovine kroz zadnjih 40-tak godina te su objašnjene različite tehnologije za stvaranje web i mobilnih aplikacija. Definirana je elektronska trgovina te je pojašnjena njezina podjela na dva glavna dijela: B2B i B2C. Također, pojašnjen je položaj manjih proizvođača na tržištu, poput obiteljski poljoprivrednih gospodarstava. Dodatno, govori se o načinima prodaje poljoprivrednih proizvoda, utjecaju COVID-19 virusa na prodaju te značaj digitalnog marketinga u današnjem poslovanju i probijanju manjih poduzeća na tržište. U nastavku, dani su postojeći primjeri elektronskih trgovina u svrhu prodaje hrane i poljoprivrednih proizvoda. Najvažniji dio predstavlja praktični dio rada, primjer jedne e-trgovine za prodaju poljoprivrednih proizvoda kreirane u obliku virtualne tržnice. Web Tržnica je kreirana uz pomoć modernih, aktualnih web tehnologija čije funkcionalnosti su ukratko objašnjene. Na kraju, opisan je sam način rada web stranice i njezine funkcionalnosti. This paper describes the use of information and communication technologies for the purpose of selling products via the Internet. The development of e-commerce over the last 40 years is listed, and various technologies for creating web and mobile applications are explained. Electronic commerce is defined and its division into two main parts is clarified: B2B and B2C. Furthermore, the position of small - scale producers on the market, such as family farms, was clarified. In addition, the paper talks about the ways of selling agricultural products, the impact of the COVID-19 virus on sales, and the importance of digital marketing in today's business and breaking of smaller companies into the market. In continuation, the existing examples of electronic stores for the purpose of selling food and agricultural products have been given. The most important part of the paper represents the practical part of the work, an example of an e-shop for the sale of agricultural products created in the form of a virtual market. The Web Market was created with the help of modern, up-to-date web technologies, whose functionalities are briefly explained. The final part of the paper includes the description of the way the website works and its functionalities.

Razvojem mobilnih uređaja i njihovih mogućnosti, te društvenih mreža ljudi se sve više privikavaju imati sve potrebne informacije na dlanu ruke. Primjeri ispitivanja stranaca o lokaciji ili detaljima lokacije su sve rjeđe i rjeđe te sve više postaje navika tražiti povratnu informaciju o mjestu na društvenim mrežama ili novinskim člancima. Upravo ovaj problem rješava ova mobilna aplikacija gdje zapravo korisnici imaju mogućnost listanja svih obližnjih objekata i manifestacija te pritom im je omogućeno gledanje i objavljivanje subjektivnih komentara. Također, u slučaju nejasnoća uvijek mogu postaviti pitanje kreatoru objekta ili manifestacije u dodatku razgovora koji omogućava komunikaciju dvaju korisnika u stvarnom vremenu. Za kreiranje aplikacije bilo je potrebno kreiranje čitavog sustava koji zadovoljava zahtjeve te se u konačnici odlučilo za tehnologiju Firebase koja rješava problem udaljene baze podataka i prijave i registracije korisnika. Također, zaslužan je i za obavještavanje korisnika o novo dodanim mjestima i dolazećim porukama. Kako se radi o aplikaciji za Android operacijski sustav programski jezik Kotlin je bio logično rješenje jer upravo on je primarni jezik za kreiranje aplikacija za Android. Kako bi se korisnicima mogla pružiti podrška s točnom lokacijom objekta ili manifestacije te pregled iste, za rješenje te inačice se koristi Google Maps API koji prikazuje kartu na koju su korisnici navikli. Development of smartphones, their possibilities, and social network users are getting used to having all the essential information on the tip of their hands. Examples of strangers on the street asking about the location or details of a certain location are rear nowadays. Nowadays practice is reading about the location on social networks or in paper articles. Exactly this problem is what the mobile application is trying to solve. In the application, users can scroll through all nearby places. Also, they can read and post subjective comments. For any misunderstanding, they can always ask the creator questions in real-time chats. For creating the application it was required to firstly create a system that solves all requests that this problem has. In the end, the chosen technology was Firebase for remote database and user authentication. Also, Firebase was used to notify users about newly added places and receive messages. Because it is the application for the Android operating system, Kotlin programming language was the logic solution because it is the primary language for creating applications for Android. Providing users with exact locations and a preview, the Google Maps API was a solution because of his wide user and users habit.

U ovom radu razvijena je Android aplikacija za praćenje i preporuku tjelovježbi. Aplikacija služi za jednostavno zabilježavanje tjelovježbe tako da se vježbe preporučuju dinamički, te se njihovi parametri prilagođuju kako bi se osiguralo progresivno opterećenje potrebno za napredak korisnika. Korisnik se mora registrirati i unijeti osnovne parametre pomoću kojih se stvaraju preporuke tjelovježbi. Svaka vježba sadrži naziv, te radnu kilažu i broj ponavljana za svaku pojedinu seriju koje korisnik može urediti. Aplikacija vodi bilješke o izvedenim tjelovježbama kako bi korisnik mogao vidjeti svoj napredak. In this final paper, an Android application was developed for monitoring and recommending exercises. The application serves to easily record the exercise in such a way that the exercises are recommended dynamically, and their parameters are adjusted to ensure the progressive load necessary for the user's progress. The user must register and enter the basic parameters with which exercise recommendations are created. Each exercise contains a name, working weight and number of repetitions for each series, which the user can edit. The application keeps notes on the exercises performed so that the user can see his progress.

Ovaj završni rad opisuje stvaranje aplikacije za generiranje slučajnih brojeva. Namijenjena je za korisnike Android pametnih uređaja. Vrsta slučajnih brojeva koja se generira koristeći ovu aplikaciju su istinski slučajni brojevi. Istinska slučajnost postiže se tako da se prilikom pritiska na gumb za generiranje brojeva zabilježe trenutni podaci zadanih senzora i ubace u jednadžbu. Rezultat jednadžbe ubacuje se u sigurni algoritam SHA-512 koji vraća hash čija je vrijednost heksadekadska. Ta heksadekadska vrijednost se pretvara nazad u decimalnu i vraća korisniku kao finalni slučajni broj. Mobile application for generating random numbers This undergraduate thesis describes the creation of a random number generation application. It is intended for users of Android smart devices. The type of random numbers generated by this application are “true” random numbers. The “true” randomness is achieved by pressing the number generation button to capture the instantaneous data of the default sensors and inserting them into the equation. The result of the equation shall be inserted into a secure SHA-512 algorithm that returns hash with hexadecadine value. This hexadecaden value is converted back to decimal and returned to the user as a final random number.

U ovom završnom radu cilj je predložiti i ostvariti mobilnu aplikaciju za višekriterijsko personalizirano preporučivanje fizičkih aktivnosti. Mobilna aplikacija ostvarena je u razvojnoj okolini Android Studio koristeći programski jezik Kotlin, aplikaciji Figma za stvaranje korisničkog sučelja i platformi Firebase za stvaranje baze podataka. Omogućuje registriranje, odnosno prijavu korisnika i unos korisničkih parametara i zdravstvenih ograničenja. Na temelju unesenih parametara, korisniku se predlažu preporučeni programi tjelovježbe idealne za njegovo zdravstveno ograničenje. Također, korisnik ima uvid u svoj indeks tjelesne mase te mogućnost izmjene svoje težine čime se mijenja i indeks tjelesne mase. Mobilna aplikacija za višekriterijsko personalizirano preporučivanje fizičkih aktivnosti omogućuje pregled povijesti odrađenih vježbi te motivira korisnika da održi zdrav i aktivan život. Mobile Android application for multi-criteria personalized recommendation of physical activities. In this final work, the goal was to propose and evolve a mobile application for multi-criteria personalized recommendation of physical activities. The mobile application was created in the Android Studio development environment using the Kotlin programming language, Figma application for creating a user interface, and Firebase platform for creating a database. It enables registration, i.e. user login and entry of user parameters and health restrictions. Based on the entered parameters, the user is suggested recommended exercise programs ideal for his health restriction. He also has insight into his body mass index, and has the option of changing his weight, which also automatically adjusts the body mass index. The mobile application for multi-criteria personalized recommendation of physical activities gives insight in the history of performed exercises and motivates the user to maintain a healthy and active life.

U suvremenom svijetu hrana koja se konzumira postaje sve prerađenija, puna aditiva i sastojaka koji uzrokuju razne vrste intolerancija i alergijskih reakcija. Istovremeno, ljudski život postaje ubrzan te kupci često nemaju vremena ili mogućnosti pročitati sitne deklaracije na proizvodima. Uz pomoć arhiva tvrtke Kraš u radu se sagledava povijesni razvoj deklaracija, odnosno tiska na ambalažama; način na koji su se one tiskale, što su u sebi sadržavale i kako su se mijenjale sve do danas. S ciljem prilagodbe deklaracija digitalnome dobu izrađen je „proof of work“ temeljen na nekoliko proizvoda različitih grupacija na različitim jezicima. Njihov je sastav uvršten unutar sustava koji pojedincu pomaže da brže i lakše pretražuje sastav željenog proizvoda, a istovremeno ga obavještava sadrži li određeni proizvod neki neželjeni, sastojak. Takav pristup sastavu proizvoda omogućuje se skeniranjem „deklaracije“ tj. QR koda čije je korištenje danas sve popularnije, a sam sustav utemeljen je na web stranici u kojoj su pohranjene informacije o proizvodu. In the modern world, the food is becoming increasingly processed, full of additives and ingredients that cause various types of intolerances and allergic reactions. At the same time, the way of living is tending to accelerate, which results in the lack of time or ability to read tiny product labels. With the help of the materials from Kraš archives this thesis looks at development of labels throughout the history as well as their appearance on product packaging; the way they were printed, what they contained, and how have they changed to this day. In order to adapt the labels to the digital age a „proof of work" is presented. It is based on several products taken out of a different group of products presented in various foreign languages. Their ingredient composition is included within a system that helps an individual to search for the composition of a desired product in a faster and easier way and that informs a consumer if a particular product contains an undesirable ingredient. Such an approach to the composition of the product is enabled by scanning the label, namely QR code, which usage is becoming increasingly popular today. The system itself is based on a web page which contains product information.

Web aplikacija pod nazivom Web trgovina za odjeću izrađena je u HTML jeziku te dorađena pomoću tehnologija: CSS, Bootstrap 5, JavaScript, JQuery i AJAX. Ovisno je li korisnik registriran kao Korisnik ili Administrator ili je samo Gost, ima razne mogućnosti u aplikaciji, a to su: pregled asortimana, dodavanje sadržaja u košaricu, manipuliranje sadržajem, ali i korisnicima te artiklima, ako ima ulogu Administratora. Na posljetku, moguća je kupovina proizvoda, naručivanje, te odjava iz sesije. The web application Clothing web shop was created in HTML language and refined using technologies: CSS, Bootstrap 5, JavaScript, JQuery and AJAX. Depending on is user registered as a User or Administrator or is just a Guest, he has various options in the application, such as: viewing the assortment, adding items to the cart, manipulating the content, but also manipulate with users and articles too, if user has the role of Administrator. Finally, it is possible to purchase the product, order it and log out of the session by end of using the web application.

Zadatak ovog rada je kreiranje web portala za ljubitelje filmova koji će imati mogućnosti ocjenjivanja filmova, kao i komentiranja te dodavanja naslova na listu želja za gledanje. Registrirani korisnici imaju ponuđene najbolje ocijenjene filmove te mogu voditi evidenciju o onima koje su već pogledali kao i onima koje žele pogledati. Korisnicima su omogućene najbitnije informacije o svakom filmu (godina izlaska, glumci, redatelji, poster, opis, žanrovi). Aplikacija je ostvarena u tehnologijama PostgreSQL, ASP.NET Core Web API te u radnom okviru Angular. The premise of this paper is to create a web portal for movie lovers who will have the ability to rate movies, as well as comment and add titles to the watchlist. Registered users are offered the highest rated movies and can keep track of the ones they have already watched as well as the ones they want to watch. Users are provided with the most important information about each film (year of release, actors, directors, poster, description, genres). The application was created using PostgreSQL, ASP.NET Core Web API and Angular framework.

Teorijski dio rada obuhvaća izazove u održavanju on-line nastave te on-line ispita. Prikazuje i postojeća programska rješenja za navedenu tematiku, sukladno čemu je razvijena web aplikacija za održavanje on-line ispita kao zadatak ovog diplomskog rada. Model izrađene aplikacije izrađen je principom višeslojne arhitekture. Aplikacija je implementirana korištenjem PostgreSQL baze podataka, razvojnog okruženja ASP.NET Core te JavaScript biblioteke React. Na primjerima korištenja objašnjeni su ključni dijelovi implementacije. Nakon prolaska kroz implementaciju, prikazan je i analiziran rad aplikacije na strani krajnjeg korisnika. The theoretical part of the thesis explains challenges in online teaching and examination. It explains existing software solutions for the said topic. This thesis proposes a solution in a form of the web application made accordingly to the covered topics. The application is made on the priciples of multilayered architecture. It is implemented by using PostgreSQL database, ASP.NET Core framework and React JavaScript library. The key parts of the implementation are explained with use cases. Ultimately, the application is shown and analyized in the hands of the end user.

Cilj ovog završnog rada je izraditi web aplikaciju za prodaju odjevnih predmeta. Na početku su opisane tehnologije koje su korištene za izradu ove web aplikacije. Pokretanje aplikacije je opisano u samom radu. Postoje tri uloge korisnika, korisnik-gost, registrirani korisnik i korisnik-administrator. Administrator ima uvid u razne stvari poput popisa svih proizvoda, svih korisnika, brendova te analitike korisnika te ima prava dodavanja, uređivanja i brisanja istih. Korisnik gost nema prava kupovine i komentiranja već samo uvida u proizvode. Registrirani korisnik ima pravo kupovine proizvoda, komentiranja te ima omogućenu pogodnost sakupljanja bodova koji se koriste ta popust. The goal of this thesis is to create a web application for selling clothes. At the beginning of this work, the technologies used to create this web application were described. Starting the applications is described in the paper itself. There are three user roles, guest user, registered user and administrator user. The administrator has insight into various things such as the list of all products, all users, brands and user analytics and has the right to add, edit and delete them. The guest user does not have the right to buy or comment, but only to view the products. The registered user has the right to buy products, comment and has the convenience of collecting points that can be used for discounts.

Web aplikacija pod nazivom Upravljanje autoškolom izrađena je pomoću tehonologija: HTML, CSS, Bootstrap 5, JavaScript , Php i Firebase. Ovisno o postavljenoj ulozi registriranog korisnika, mogu se izvršavati različite radnje i to su: unos polaznika, unos vozila, odabir polaznika, kreiranje rasporeda, dodavanje sati, prijavljivanje ispita i dodavanje rezultata. Podaci se mogu brisati i ažurirati u ovisnosti o ulozi prijavljenog korisnika. The web application called Driving School Management was created using the following technologies: HTML, CSS, Bootstrap 5, JavaScript, PHP and Firebase. Depending on the set role of the registered user, different actions can be performed and those are: entry of participants, entry of vehicles, selection of participants, creation of schedules, addition of hours, registration of exams and addition of results. Data can be deleted and updated depending on the role of the logged-in user.

Na samom početku završnog rada obrađeni su jezici za izradu Internet stranica kao uvod u cjelokupno područje razvoja Internet stranica kao i aplikacija. Spomenuti su ne programski jezici poput HTML-a i CSS-a te njihove osnove kako bi se jednostavno razumjela njihova sama struktura. Nakon toga obrađen je programski jezik Ruby i njegovo okruženje u kojem je odrađen praktični dio rada Rails kao i njegova glavna obilježja te struktura aplikacije odnosno MVC model. Predstavlja se prikaz konkretnog MVC modela aplikacije te dragulj (engl. gem) koje koristi kao što je Devise. Za lakše razumijevanje i shvaćanje potrebe dragulja (engl. gem) opisana su i njegove mogućnosti. Uz sve navedeno spomenut je i izbornik datuma koji se također nalazi u aplikaciji. Pristup Hotwire te njegovi dijelovi Turbo i Stimulus opisani su prije monolitnih i SPA. Kako i zašto se koriste i zašto stvaraju prednosti u priloženoj aplikaciji. Na samom kraju nalaze se obilježja i razlika između monolitnih i SPA. At the very beginning of the final work, the languages for creating web pages were covered as an introduction to the entire field of web site development as well as applications. Non-programming languages are mentioned such as HTML and CSS and their basics in order to easily understand their structure. After that, the programming language Ruby and its environment Rails, in which the practical part of application was made, as well as its main features and the structure of the MVC model. A presentation of a specific MVC model of the application and a gem called Devise. To make it easier to understand and comprehend the need for a gem, its possibilities are also described. In addition to all the above, the date menu is also mentioned, which is also in the application. The Hotwire approach and its Turbo and Stimulus parts have been described before monolithic and single-page applications. How and why they are used and why they create advantages in the attached application. At the very end are the features and differences between monolithic and one-sided applications.