Search

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.

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

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.

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 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.

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.

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.

U ovom završnom radu izrađena je i opisana web aplikacija za tvrtku koja se bavi izradom i prodajom betonskih galanterija. Zahvaljujući toj web stranici, korisnici sada imaju mogućnost modernijeg, jednostavnijeg i bržeg naručivanja proizvoda koje ova tvrtka pruža. Web aplikacija sastoji se od više stranica kao što su Naslovnica, Shop, Sniženje i Kontakt. Funkcionalni dio aplikacije napravljen je u PHP-u i MySQL-u dok su izgled i struktura rađeni uz pomoć HTML-a i CSS-a. S navedenim tehnologijama moguće je upoznati se u radu. In this final paper, a web application for the company was created and described. The company is engaged in the production and sale of concrete accessories. Thanks to this website, users now have the possibility to order the products that this company provides in a more modern, simpler and faster way. The web application consists of several pages such as Home, Shop, Discount and Contact. The functional part of the application was made in PHP and MySQL, while the appearance and structure were made with the help of HTML and CSS. It is possible to get acquainted with the mentioned technologies in the work.

U ovom radu napravljena je aplikacija s ciljem da osobe imaju sve recepte i savjete na temu zdrave prehrane na jednom mjestu što omogućuje lakše korištenje aplikacije i lakše planiranje prehrane u skladu s vlastitim ciljevima. Na početku rada pružen je uvid u aplikacije sa sličnim rješenjem koje su dostupne na internetu. Zatim su objašnjene korištene tehnologije. Nakon toga, opisan je programski dio aplikacije. Na kraju je opisano korištenje aplikacije na temelju sučelja koje korisnik vidi. Prvo je potrebno registrirati se i napraviti prijavu. Nakon uspješne prijave, korisnik može dodavati recepte i savjete. Prilikom završetka korištenja aplikacije, potrebno je odjaviti se. Za razvoj klijentske strane korišteni su HTML, SASS i React, a za razvoj poslužiteljske strane korišten je Symfony. Svi podaci o odgovarajućim entitetima spremljeni su unutar baze podataka SQLite. A platform to encourage cooking healthy food In this paper, an application was created with the aim that people have all the recipes and advice on the topic of healthy eating in one place, which makes it easier to use the application and plan the diet in accordance with their own goals. Firstly, an insight into applications with similar solutions that are available on the Internet was provided. Secondly, the technologies used in this application were explained. Thirdly, application code was described. Finally, the use of the application was described based on the interface that the user sees. First you need to register and log in. After a successful login, the user can add recipes and advice. When you finish using the application, you need to log out. HTML, SASS and React are used for client-side development, and Symfony is used for server-side development. All data about the corresponding entities are stored inside the SQLite database.

U ovom radu opisan je tijek izrade web aplikacije za planiranje događaja te su opisane i potrebne funkcionalnosti takve aplikacije. Korišteni su opisni, stilski i objektno orijentirani jezici. Prikazana je usporedba s već postojećim rješenjima te kako su ona utjecala na izradu ovog rada. Objašnjen je tijek izrade web aplikacije od nule do finalnog produkta u svim potrebnim koracima. Prikazane su funkcionalnosti aplikacije korak po korak od registracije do izrade plana. This final thesis describes the development of a web application for event planning, in addition, the required functionalities of such an application are described. Descriptive, stylistic, and objectoriented programing languages were used in the creation of this application. A comparison of already known solutions are shown, and these had an impact in development. The flow of development of the web application from scratch to final product is shown in steps. Created a walkthrough of all functionalities from the registration to creation of an event.

U današnje vrijeme pojavljuje se potreba za olakšavanjem izbora jela korisnicima. U tu svrhu u ovom radu izrađena je aplikacija za ocjenjivanje jela narodnih kuhinja. Osnovni zahtjevi na aplikaciju bili su: registracija korisničkog računa, pregled jela, izrada recenzije te slanje obrasca s prijedlogom. Aplikacija je izrađena korištenjem tehnologija Node.js i React.js u Visual Studio Code programskom okruženju te uporabom sustava baza podataka PostgreSql pomoću upravitelja DBeaver. Testiranjem je pokazano kako korisnici u većini slučajeva imaju pozitivna iskustva s aplikacijom, ali i da postoje dodatne funkcionalnosti koje bi učinilo aplikaciju boljom i pristupačnijom. Nowadays there is a need to facilitate the choice of dishes for users. An application for evaluating dishes from national cuisines was created for that purpose in this paper. The main requests for this application were: user account registration, dish review, creating a review and sending a proposal form. Application was built using React.js and Node.js in Visual Studio Code programming environment and PostgreSQL database system with the help of DBeaver Manager. User testing has shown that most users have positive experiences with the application, but also that there are additional functionalities that would make the application better and more accessible.

Web aplikacija čija je svrha olakšati korisnicima pristup ponudi koju agencija nudi, pregled svih detalja ponude i mogućnost rezervacije iz udobnosti svog doma. Postoje tri moguće uloge u aplikaciji. Voditelj može kreirati i upravljati ponudom putovanja, vodič može pregledati svoja putovanja na kojima je on zadužen kao vodič i krajnji korisnik koji ima mogućnost pregleda ponude putničke agencije i ima pristup rezervaciji mjesta za izlet. Voditelj se također brine o rezervacijama, što znači da on može brisati i uređivati rezervacije umjesto korisnika ukoliko korisnik zatraži takvo nešto ili ukoliko se dogodi problem. Web application whose purpose is to make it easier for users to access the offer offered by the agency, to review all the details of the offer and to reserve from the comfort of their home. There are three possible roles in the application. The tour manager can create and manage a travel offer, guide can view his travels where he is in charge as a guide and end user who has the possibility to review travel agency's offer and has access to reservation of a place for excursion. The manager also takes care of the reservations, which means that it can delete and edit the reservations instead of the user if the user requests such a thing or if a problem occurs.

U ovom radu kreirana je web aplikacija za pohranjivanje i dijeljenje datoteka među studentima Fakulteta elektrotehnike, računarstva i informacijskih tehnologija u Osijeku. Aplikacija kombinira karakteristike aplikacije za pohranu datoteka i društvenih mreža. U radu je stavljen naglasak na sigurnosni segment aplikacije, odnosno na različite vrste potencijalnih napada na aplikaciju. Navedeni su i objašnjeni najčešće izvedeni napadi te su dani koraci za prevenciju njihovog izvođenja. U praktičnom dijelu, realizirana je navedena aplikacija i prikazani su sigurnosni postupci za svaki od opisanih napada. Aplikacija je realizirana pomoću razvojnog okvira Laravel, uz ispunjavanje različitih funkcionalnosti za običnog korisnika i administratora. In this master thesis, a web application for storing and sharing files for students of Faculty of Electrical Engineering, Computer Science and Information Technology in Osijek was developed. This application combines characteristics of application for storing files and social network. The emphasis of this thesis is security of web application, namely on different types of web attacks aimed at web application. Most common attacks were named and explained, together with a guide on how to prevent their execution. In practical part of this thesis, web application described earlier was implemented and security procedures for preventing each of the attacks named in thesis were shown. Application was implemented with the usage of Laravel framework, together with different types of functionalities for regular user and administrator.

Cilj ovog završnog rada je izrada web aplikacije zasnovane na višeslojnoj arhitekturi kako bi se demonstrirali izazovi prilikom takvog razvoja, ali naglasili i njene prednosti u odnosu na monolitnu arhitekturu. Prednosti i izazovi su demonstrirani na razvoju web aplikacije za vođenje ugostiteljskog objekta pomoću razvojnog okvira Spring. Web usluga komunicira s okolinom putem arhitekture REST, a za razvoj korisničkog sučelja upotrebljava uzorak dizajna MVC. U radu je prvo dan opis sustava World wide web, a nakon toga je opisana višeslojna arhitektura. Također je izložen opis specifikacije arhitekture predloženog programskog rješenja koji je razvijen kako bi se istaknule glavne prednosti, ali i izazovi. Opisane su i sve korištene tehnologije, kao i dvije funkcionalnosti web aplikacije. Po uzorku sloja modela višeslojne arhitekture web aplikacija je podijeljena na slojeve: sloj modela, sloj repozitorija, pomoćni sloj, sloj kontrolera i prezentacijski sloj. U konačnici je donesen zaključak o izazovima razvoja i prednostima višeslojne arhitekture. This aim of the paper is to create web application based on multi-layer architecture in order to demonstrate the challenges of such development, but also emphasize its advantages over monolithic architecture. The advantages and challenges were demonstrated in the development of a web application for running a catering facility using the Spring development framework. The web service communicates with the environment through the REST architecture and uses the MVC design pattern to develop the user interface. The paper first describes the World wide web system, then the multi-layer architecture. The paper also describes the architecture specification of the proposed software solution that was developed to highlight the main advantages and challenges. All the technologies used and the two functionalities of the web application are also described. According to the multilayer architecture model, the web application is divided into; model layer, repository layer, services layer, implementation of a services layer, controller layer and view layer. Ultimately, a conclusion was reached on the challenges of development and the benefits of a multi-layered architecture

Sudoku je igra koja ne prestaje biti popularna u cijelom svijetu već dugi niz godina. Ubrzani razvoj tehnologije donio je brojne aplikacije za rješavanje Sudoku igara, kao i brojne algoritme koje uspješno rješava računalo. U sklopu ovog rada analizirane su postojeće web aplikacije za rješavanje i pomoć pri rješavanju Sudoku igara. Opisani su osnovni zahtjevi na aplikaciju i faze kroz koje će korisnik prolaziti koristeći aplikaciju. Zatim je implementirano programsko rješenje koristeći React okruženje. Aplikacija omogućuje korisniku unos nove Sudoku igre različitih varijanti, provjeru jedinstvenosti rješenja i objavljivanje te igre. Također, omogućeno je rješavanje već postojećih Sudoku igara i njihovo ocjenjivanje. Sudoku is a game that never ceases to stop being popular all around the world for years on end. The evergrowing development of technology brought with it many applications for solving Sudoku, as well as various algorithms successfully solved by computers. Existing web applications for solving and helping to solve Sudoku puzzles have been analyzed as a part of this thesis. Main application requirements and user stories have been described. The solution was implemented using React environment. The application enables the user to enter a new Sudoku which can be of different variants, to check its uniqueness and post it for other users to see. Furthermore, it is also possible to solve already existing puzzles and rate them.

U ovom završnom radu opisana je web aplikacija za frizerski salon. Web aplikacija napravljena je pomoću HTML-a, CSS-a, PHP-a, Bootstrap-a 4 i MySQL-a. Navedene tehnologije opisane su u radu. Opisuje se funkcionalnost aplikacije. Aplikacija ima mogućnost registracije. Registrirani korisnici imaju mogućnost zakazivanja termina, komentiranja, ocjenjivanje usluge i djelatnika. Administrator ima mogućnost prihvaćanja termina, prihvaćanja termina uz uvjet, brisanja komentara, objavljivanje članaka i objavljivanja slika u galeriji. Web aplikacija se sastoji od više stranica kao što su početna stranica, stranica Usluge, stranica Novosti i stranica Galerija. Registrirani korisnici mogu pristupiti stranici Moji termini, a administrator može pristupiti stranicama Termini i Korisnici. This final paper describes a web application for a hair salon. The web application was created using HTML, CSS, PHP, Bootstrap 4 and MySQL. These technologies are described in the paper. The functionality of the application is described. The application has the ability to register. Registered users have the option of scheduling appointments, commenting, evaluating the service and employees. The administrator has the option of accepting appointments, accepting appointments with the condition, deleting comments, posting articles and posting images in the gallery. The web application consists of several pages such as the home page, the services page, the news page and the gallery page. Registered users can access the my appointments page and the administrator can access the appointments and users page.

Zadatak ovog završnog rada je izrada web aplikacije za prijavu korisnika na javne sportske terene. U mjestima stanovanja ljudi su uglavnom povezani na Internet, imaju pristup javnim sportskim terenima i treba im dati što više alata da bi se potaknulo bavljenje sportom. S obzirom da programski jezik PHP, zajedno s okvirom Laravel, nudi brz i jednostavan način izrade web aplikacije, oni su odabrani za izradu. Korištenjem baze MySQL, omogućeno je spremanje podataka o korisnicima i sportskim terenima. Web aplikacija korisniku omogućuje registraciju i prijavu u sustav, pretraţivanje javnih sportskih terena, dodavanje termina dolaska na njih, dodavanje drugih korisnika u svoje kontakte te obavještavanje kada se prijatelj prijavio na odreĎeni teren. Statička analiza programskog koda pokazala je visoku razinu kvalitete rješenja za sva četiri parametra analize (code, complexity, arhitecture, style). Ispitivanje aplikacije pokazalo je da korisnik moţe odraditi sve zadatke zadane u ovom završnom radu. The task of this paper is to create a web application for a user to check in on public sport courts. In inhabited areas, people are mostly connected to the Internet and have access to public sport courts. To actively participate in sports events we need to give them as many tools as we can. Since programming language PHP with framework Laravel offers to create web applications fast and easily, it was chosen for this application. Database MySQL provides a fast and reliable database to store user and sport courts data. The web application allows users to register and log in to the application, search through cities and public sports courts, check-in on desirable date and time on the sport court, add favorite other users, as well as notifying friends when a user applies to court. Static analysis has shown that all four parameters (code, complexity, architecture, style) are excellently written. While testing this web application it was proven that is functional for all edge cases.

Web aplikacija za dodjelu poklona za svrhu je imala olakšati komunikaciju između administratora i korisnika pri dodjeli poklona u velikim tvrtkama ili sličnim sustavima. Administrator ima mogućnost registrirati korisnike te unositi poklone koje će korisnik moći odabrati. Osim unosa i registracije, administrator može uređivati podatke o korisniku ili poklonima. Također, ima pregled svih narudžbi i lista želja koje pojedini korisnik može napraviti. Svi uneseni podaci, od strane administratora ili korisnika, pohranjeni su u digitalnu bazu podataka Korisnik, nakon prijave u aplikaciju, mora unijeti ime i dob djeteta te može odabrati po jedan poklon za pojedino dijete. Korisnik pri odabiru poklona ima filtere po kojima može filtrirati poklone kao što su dob ili spol. Na stranici s osobnim podacima korisnik može vidjeti popis svoje djece, narudžbe koje je napravio te može stvoriti listu želja. The purpose of the gift-giving web application was to facilitate communication between administrators and users when giving gifts in large companies or similar systems. The administrator has the ability to register users and enter gifts that the user will be able to choose. In addition to entry and registration, the administrator can edit user data or gifts. It also has an overview of all orders and wishlists that an individual user can make. All entered data, by the administrator or user, are stored in a digital database. The user, after logging in to the application, must enter the name and age of the child and can choose one gift for each child. When choosing a gift, the user has filters by which he can filter gifts such as age or gender. On the personal information page, the user can see a list of their children, the orders they have made and can create a wishlist.

Web aplikacija čija je svrha bila olakšati komunikaciju pacijenta s doktorom na način da je omogućeno slanje opisa tegoba putem interneta. Postoje tri moguće uloge u aplikaciji. Doktor ima najviše ovlasti i on može kreirati korisničku ulogu sestre i pacijenta. Medicinska sestra može printati nalaze, dodavati i uređivati podatke o pacijentu, ali ne može uređivati i unositi podatke o pregledu. Pacijent je uloga sa najnižim pravima. Pacijent može poslati opis tegoba sa datumom kada može pristupiti pregledu, a doktor mu može promjeniti taj datum ako mu ne odgovara. Pacijent, također može vidjeti svoje osobne podatke. A web application whose purpose was to facilitate the doctor patient communication in such a way that it is possible to send a description of the problem over the internet. There are three possible roles in the application. The doctor role has the most authority and he can create a roles for nurse and patient. The nurse can print medical records, add and edit patients data, but cannot edit and enter examination data. The patient is the role with the lowest rights. The patient can send a description of the problem with the date when he can access the examination, and the doctor can change that date if it does not suit him. The patient can also see their personal information.

U ovom završnom radu osmišljena je i programski ostvarena web aplikacija za poboljšanje učinkovitosti nabave rezervnih dijelova na temelju analize kvarova. Aplikacija je razvijena koristeći Visual Studio Code, dok je programski kod pisan u programskom jeziku JavaScript. Aplikacija omogućuje analizu oštećenja korištenjem protokola On-board diagnostic II, te povezivanjem s on-line tržištem dijelova narudžbu zamjenskog dijela kako bi oštećenje bilo otklonjeno prije nastanka kvara ili u što kraćem roku nakon nastanka kvara, skraćujući tako proces izmjene dijela i čekanja na zamjenski dio. Ispitivanje web aplikacije za prikazane korisničke slučajeve prikazuje uspješno ostvarenje postupka nabave rezervnih dijelova prije nastanka kvara čime je postignuto poboljšanje učinkovitosti nabave i potvrđena ispravnost rada aplikacije. The goal of this bachelor's thesis is to develop Web application for procurement of spare car parts efficiency increase based on fault analysis. Application is developed using Visual Studio Code editor, and programming language JavaScript for implementing functionalities. Application allows usage of OBD-II protocol in fault analysis and connection to online spare parts market for needed spare part procurement before malfunction occurs, shortening thus procedure duration and waiting for spare part's arrival. Testing of application proved through 3 user cases successful realization of spare parts procurement before malfunction occured, by which was achieved efficiency increase, and confirmed correctness of the application.

U sklopu završnog rada napravljena je web aplikacija koja omogućuje kreiranje TODO liste te dodavanje stavki na liste. Aplikacija omogućuje jednostavnu registraciju i prijavu, te nakon prijave je moguće kreirati više listi. Moguće je pregledati sve liste, izmijeniti ih dodavanjem ili brisanjem stavki, te je moguće svaki stavku pojedinačno označiti kao završenu. Aplikacija je napisana u Rust jeziku, koristeći Actix okvir za izgradnju web aplikacija. Kao baza podataka korišten je PostgreSQL koji je pokrenut u Docker-u. Za pristup bazi podataka korišten je DBeaver kao alat koji pruža grafičko sučelje za prikaz podataka. Aplikacija nema „front end“ tako da se za interakciju sa aplikacijom koristio alat Postman. Postman omogućuje jednostavno slanje zahtjeva prema serveru i prikaz dobivenih odgovora. Prilikom slanja svakog zahtjeva provjerava se sadržaj tog zahtjeva te se provjerava i autentičnost korisnika koji šalje zahtjev, uz to radi se i provjera pristupa resursima kako nitko ne bi uspio pristupiti tuđim listama. As part of the final thesis, a web application was created that allows you to create a TODO list and add items to lists. The application allows easy registration and registration, and after logging in it is possible to create multiple lists. You can view all lists, modify them by adding or deleting items, and each item can be marked individually as completed. The application is written in Rust language, using the actix framework to build web applications. PostgreSQL was used as a database, which was launched in Docker. To access the database, DBeaver was used as a tool that provides a graphical interface for displaying data. The application does not have a "front end" so the Postman tool was used to interact with the application. Postman allows you to easily send requests to the server and view the responses received. When submitting each request, the content of that request is validated and the authenticity of the user sending the request is also verified, and resource access is checked so that no one can access other people's lists.

Cilj ovog rada izraditi je web aplikaciju za prikaz vrijednosti temperature i vlage pojedinih prostorija unutar kuće. Na početku su opisane frontend i backend tehnologije koje su bile potrebne za izradu ove aplikacije. Najviše je korišten PHP u kombinaciji s Ajax tehnologijom. Svi podaci se spremaju na MySQL bazu podataka. Aplikacija se pokreće preko web preglednika koristeći XAMPP serverski paket. Potrebno se prijaviti radi pregledavanja vrijednosti. Ovisno o vrijednostima očitanih sa senzora, korisniku se daju preporuke što treba učiniti da vrijednosti održi unutar preporučenih granica. Korisnik ima uvid u dnevno očitanje s najmanjom i najvećom vrijednosti tijekom dana te može sortirati vrijednosti unutar određenog razdoblja. Omogućen je prikaz vremenske prognoze te usporedba prosječnih vrijednosti unutar i izvan kuće. The goal of this thesis is to develop a web application that displays temperature and humidity values inside specific rooms in the house. At the beginning of this work, frontend and backend technologies that were used to create this application have been shortly described. PHP is usually used in combination with Ajax technology. All data is stored in a MySQL database. Application starts through a web browser using the XAMPP cross-platform web server solution stack package. It is necessary to log in to check the values. Depending on the read values from the sensor, the user is given recommendations to keep those values inside the recommended range. User can see daily data with the lowest and highest values during the day and can sort the values within a certain period. It is enabled to display the weather forecast and compare the average values inside and outside of a house.

Udio starijeg stanovništva u svijetu sve više raste zbog produţenja ţivotnog vijeka te smanjenja fertiliteta u razvijenim zemljama. Zbog ovog porasta sve vaţnije teme u politiĉkim krugovima su kvaliteta ţivota starijih osoba. Broj starijih osoba koje koriste internet sve više raste. Internet im pomaţe u boljem informiranju i omogućava im lakšu komunikaciju s obitelji i prijateljima. Mnoge drţave, a tako i Republika Hrvatska, provode razne radionice i teĉaje kako bi olakšali starijim osobama korištenje interneta. U ovom radu razvijena je web aplikacija koja omogućava osobama starije ţivotne dobi veću informiranost o organiziranim druţenjima i edukacijama od strane raznih udruga i institucija ite meĊusobnu interakciju. Web aplikacija napravljena je u Laravel razvojnom okruţenju. Za izgled same aplikacije korišteni su programski jezici HTML, CSS te JavaScript. Na posluţiteljskoj strani korišteni su PHP,Pusher te MySQL baza podataka. The percentage of older population in the world keeps growing due to prolongation of life expectancy and decrease of fertility in well developed countries. Due to this increase, the quality of life of the elderly is becoming increasingly important topic in political circles. The number of older people using the internet is also growing. The internet helps them find relevant information and allows them to communicate with friends and family in an easy way. Many countries, including the Republic of Croatia, are carrying out various workshops and courses in order to make usage of the internet easier for the elderly. In this paper a web application has been developed that helps the elderly communicate with each other and stay informed about organized gatherings and educations by different associations and institutions. The application was made in Laravel development environment. HTML, CSS and JavaScript were the programming languages used for the appearance of the app. PHP, Pusher and MySQL data bases were used on the server side.

U završnom radu prikazana je izrada aplikacije za mobilno anketiranje u stvarnom vremenu. Aplikacija se sastoji od web administratorskog sučelja, te od mobilne aplikacije za anketiranje. Izrađeno je administratorsko sučelje putem kojega korisnik može izraditi anketu, pregledati rezultate provedenih anketa i izraditi te upravljati grupama. Prilikom izrade ankete definiraju se pitanja, odgovori te vremensko ograničenje ankete. Također korisnik prilikom izrade ankete može odabrati grupe za koje će ta anketa biti dostupna. Mobilna aplikacija služi prikazivanju dostupnih anketa te rješavanju istih. Korisnik ima mogućnost pristupa anketi putem koda, ili putem grupa u kojima je anketa objavljena. Izvorni kod web administratorskog sučelja pisan je u HTML i JavaScript jezicima a uređen je u programu Visual Studio Code. Izvorni kod mobilne aplikacije pisan je u Java programskom jeziku a uređen je u programu Android Studio. Svi podaci o anketama i pripadajućim rezultatima spremaju se na Firebase bazu podataka u stvarnom vremenu. The final paper presents the development of a real-time mobile survey application. The application consists of a web administrator interface and a mobile survey application. An administrator interface has been created through which the user can create a survey, view the results of conducted surveys and create and manage groups. When creating a survey, questions, answers and the time limit of the survey are defined. Also, when creating a survey, the user can select the groups for which the survey will be available. The mobile application is used for displaying and solving available surveys. The user has the option of accessing the survey via survey code, or through the groups in which the survey was published. The source code of the web administrator interface is written in HTML and JavaScript languages and was edited in Visual Studio Code. The source code of the mobile application is written in the Java programming language and was edited in the Android Studio program. All survey data and associated results are stored in a Firebase Realtime Database.

U ovom diplomskom radu razvijen je web sustav za praćenje stanja oboljelih od dijabetesa u ovisnosti o izazvanom stresu, s ciljem da pomogne i omogući uvid u utjecaj stresa razinu glukoze. Aplikacija omogućuje korisniku spremanje razine glukoze i podataka o aktivnosti korisnika s pametnog uređaja te njihov grafički prikaz. Korisnik na grafičkom prikazu može vidjeti utjecaj stresa na razinu glukoze, kao i postoji li povezanost između kretanja i razine glukoze. Tijekom razvoja aplikacije, korištena su dva pristupa, a to su agilni razvoj i razvoj pokretan testiranjem. Na kraju razvoja svake funkcionalnosti provedeno je ručno testiranje. Aplikacija je razvijana koristeći razvojni okvir React, a za potrebe spremanja podatka korištena je baza podataka u oblaku računala Firestore. Za potrebe razvoja i pokretanja testova korištena su dva okvira Jest i React Testing Library. U radu je također opisana problematika dijabetesa kao i pristupi i tehnologije korišteni u razvoju web aplikacije. In this thesis, a web system was developed to monitor the condition of diabetics depending on the stress caused, with the aim of helping and providing insight into the impact of stress on glucose levels. The application allows the user to save glucose levels and user activity data from a smart device and display them graphically. The user can see the effect of stress on glucose levels on the chart, as well as whether there is a relationship between movement and glucose levels. During application development, two approaches were used, namely agile development and testing-driven development. At the end of the development of each functionality, manual testing was conducted. The application was developed using the React development framework, and the Firestore database in the cloud was used to store the data. Jest and React test library frames were used to develop and run the tests. The paper also describes the issue of diabetes, as well as the approaches and technologies used in web application development.

U ovom radu razvijena je okolina za učinkovito stvaranje složenih SQL upita. Okolina rješava problem dugotrajnog pisanja SQL upita prilikom pripreme podataka za marketinške promidžbe unutar Salesforce Marketing Clouda. Korisnik pomoću korisničkog sučelja jednostavnom metodom „drag and drop“ prolazi kroz potrebne korake pri stvaranju SQL upita. Na početku je potrebno definirati izvorišna podatkovna proširenja te filtre. Sljedeći korak je odabir ciljnog podatkovnog proširenja u koje će se upisati podaci dobiveni pokretanjem SQL upita. Na kraju se dobiveni podaci prikazuju krajnjem korisniku u obliku tablice. Analizom rada okoline utvrđeno je učinkovitost okoline, te smanjenje vremena stvaranja složenih SQL upita kao i nestanak potrebe za pisanjem SQL upita što pridonosi poboljšanju kvalitete marketinških promidžbi. This paper elaborates on developing an environment for efficiently creating complex SQL queries. The problem of resolving the lengthy writing of SQL queries when preparing data for marketing campaigns within the Salesforce Marketing Cloud. Using a simple drag-and-drop user interface, the user goes through the necessary steps in creating an SQL query. Initially, it is necessary to define the source data extension and the filters. The next step is to select the target data extension in which the dana, obtained by running the SQL query, will be saved. Finally, the obtained data is displayed to the end user in the form of a table. Application performance analysis determined the effectiveness of the application in reducing the time of creating complex SQL queries as well as the disappearance of the need to write SQL queries, which contributed to improving the quality of marketing campaigns.

Unatoč činjenici da programsko inženjerstvo ima prilično kratku povijest postojanja, u zadnjih je nekoliko godina sve zastupljenija znanstvena grana. Web stranice su se razvile do te mjere da je danas gotovo ne moguće pronaći razliku između dinamičke web stranice i web aplikacije s obzirom da dijele relativno jednake osobine. Kako su se aplikacije razvijale tako je postajala sve veća zainteresiranost od strane korisnika za integracijom sustava u određene ustanove kako bi se repetativni poslovi mogli izbjeći te teški poslovi mogli olakšati. Softvere danas možemo pronaći svagdje oko nas od perilice za rublje do aplikacije na zaslonu našega ekrana. Ovaj rad usmjeren je izgradnji klijentskih komponenti web aplikacije koja bi olakšala posao administratorima unutar sveučilišnih ustanova prilikom kreiranja rasporeda sati za narednu akademsku godinu. Detaljno su razrađuje funkcionalnosti na strani klijenta kako bi jedna takva aplikacija mogla nesmetano funkcionirati. Despite the fact that programming engineering has a fairly short history of existence, over the last few years it is increasingly represented in science. Websites have evolved to such an extent that today it is virtually impossible to find the difference between a dynamic web site and web application since they share relatively similar characteristics. As the applications developed, the users have become more and more interested in the integration of software into a certain institution in order to avoid repetitive jobs, and alleviate difficult jobs. The software today can be found everywhere around us from the washing machine to the application on the screen of our monitor. This thesis focuses on building the frontend of web applications that would facilitate business administrators within university institutions while creating a schedule for the next academic year. It elaborates on client-side functionalities so that one such application can run flawlessly.

U ovom radu opisana je web aplikacija za evidenciju radnog vremena zaposlenika u nekoj tvrtki. Web aplikacija opisana u ovom radu napravljena je pomoću modernih tehnologija koje se danas koriste. Cilj rada je prikazati i opisati tehnologije koje su korištene pri izradi aplikacije te prikazati njenu praktičnu funkcionalnost. Izrađena web aplikacija omogućuje zaposlenicima i administratorima lakše praćenje radnih sati. Zaposleniku je omogućen unos radnog vremena koje je obavio za pojedini dan dok je administratoru omogućen pregled sati koje je svaki zaposlenik obavio na dnevnoj ili mjesečnoj bazi. Treba naglasiti da je za backend dio aplikacije korišten pretežito PHP dok su za izradu frontenda korišteni HTML, CSS, Bootstrap i JavaScript. Svi podaci vezani za korisnike i unošene sate spremaju se u lokalnu MySQL bazu podataka koja je omogućena putem lokalnog servera. This final paper describes the development of a web application for measurement of working hours in a company. Web application described in this paper is created using modern web technologies used today. The goal is to demonstrate and describe technologies that are used in the development of application and to show it's practical functionality. The developed web application can be used by both users and administrators to easily track working hours. The user is allowed to log in his working hours each day while the administrator is allowed to view the hours that each user has done on daily or monthly basis. It is important to note that most of the backend part of the application is made with PHP while frontend part of the application is created with mix of HTML, CSS and JavaScript. All user-related data and working hours that are logged are stored in local MySQL database which is enabled through local server.

Sustav na strani korisnika za personalizirano praćenje pacijenata oboljelih od zloćudnih bolesti razvijen u ovom radu temelji se na potrebama poboljšanja prevencije oboljenja od raka pluća, sprječavanja izlaska oboljelih iz remisije detaljnim praćenjem oporavka, te poboljšanjem kvalitete i uspješnosti liječničkih dijagnoza. Na primjeru razvijenog sustava možemo uočiti prijeko potrebna primjena računalnih tehnologija i programskih rješenja u medicinskom području. Razvijeni web sustav se sastoji od web aplikacije koja nakon unesenih podataka, prikazuje obrađene podatke te šalje povratnu informaciju liječniku i pacijentu o zdravstvenom stanju oboljelog. Kroz rad je na temelju praktičnog dijela opisan razvoj web sustava i njegove funkcionalnosti. Rezultati analize sustava pokazuju učinkovitost i potencijal u poboljšanju praćenja zdravstvenog stanja oboljelih od raka pluća te komunikacije pacijenta i liječnika. Client-side based system for personalized monitoring of cancer patients developed for this final paper is based on the need to minimize the impact of living with cancer and developing better care for cancer patients in the remission, as well as improving quality of life with cancer. By developing and using web application it is easy to notice the great need and advantage of computer science in the medical field. The main concept of the application is to estimate the cancer stage of the patient based on data input provided by the doctor, and to help the patient as well as the doctor to monitor the health status more efficiently and to help the patient better understand his situation. In this paper are elaborated all the functionalities of the web application, along with the application performance analysis.

Cilj ovog diplomskog rada je osmisliti, modelirati i izraditi web sustav za upravljanje zalihama krvi. Izrađena aplikacija sastoji se od korisničke i administratorske strane. Na korisničkoj strani omogućeno je praćenje donacija i obavještavanje korisnika o mogućnosti darivanja krvi te prikupljanje informacija o darivateljima. Na administratorskoj strani omogućeno je upravljanje darivateljima i zalihama krvi, odnosno osiguravanje dostupnosti krvnih jedinica za transfuzije uz pomoć višekriterijskog odlučivanja. Korišteni postupak višekriterijskog odlučivanja uzima u obzir vremenske i prostorne kriterije, kriterije kompatibilnosti po krvnim grupama, količini i svrsi za koju je krv potrebna. Sigurnost korisničkih podataka postignuta je obaveznom autentifikacijom bez koje korisnik nema mogućnost korištenja internet aplikacije. Aplikacija je ostvarena uz korištenje Vue.js-a za korisničku stranu, Node.js-a za poslužiteljsku stranu, lokalne MongoDB baze podataka i prikladnih dodataka i biblioteka. Na temelju analize rada aplikacije i izvršenih ispitivanja utvrđeno je da aplikacija ispunjava sve korisničke zahtjeve i radi ispravno te da omogućuje brzo i jednostavno pretraživanje i dobavljanje jedinica krvi. Njene prednosti su jednostavnost korištenja, prilagođeni dizajn, to jest preglednost podataka i svrha kojoj aplikacija služi. The aim of this thesis was to design, model and create a web system for blood supply management. The created application consists of user and administrator sides. On the user's side, it is enabled to monitor donations and to inform users about the possibility of donating blood and to collect information about donors. On the administrator's side, it is enabled to manage blood donors and supplies, that is, to ensure the availability of blood units for transfusions using the multicriteria decision-making procedures. The used multicriteria decision-making procedures take into account temporal and spatial criteria, criteria of blood compatibility by blood groups and quantity and of the criteria of the purpose for which the blood is needed. The protection of user data is achieved by mandatory authentication, without which the user does not have the ability to use the web application. The application development was achieved with the use of Vue.js for frontend, Node.js for backend, local MongoDB database and other suitable plugins and libraries. Based on the analysis of the application operation and performed tests, it was determined that the application meets all user requirements and works properly and that it allows quick and easy searching and getting blood units. The advantages of the application are the ease of use, custom design, i.e. clear interface design and the purpose which the aplication serves.

U ovom radu cilj je bila izrada web aplikacije koja će korisnicima omogućiti pregledavanje aktivnosti i sadržaja koje hotel pruža. Kao uvod u izradu aplikacije objašnjeno je koliki je značaj Internet marketinga u turizmu, pokazani su primjeri turističkih web stranica te je ukazano koja su sva znanja, tehnologije i alati potrebni prije same izrade aplikacije. Zatim su objašnjeni glavni koncepti i usluge koje pružaju dvije tehnologije u kojima će biti izrađena web aplikaciju, a to su React i Firebase. U glavnom dijelu, kroz primjenu ranije spomenutih koncepata i kroz dijelove napisanog koda, objašnjena je implementacija svake značajke koja je bila potrebna za ispravno funkcioniranje web aplikacije. U posljednjem dijelu ovog rada, prikazan je izgled korisničkog sučelja te način na koji ovlašteni korisnici mogu uređivati sadržaje hotela. The main aim of this work was making of a web application which will enable users to browse through the activities and content that a hotel provides. As an introduction into application development, it was explained how crucial Internet marketing is for tourism, examples of tourism web sites were shown, and it was also provided what kind of knowledge, technologies and tools are needed before the beginning of building the application itself. Afterwards, the main concepts and services which React and Firebase - two technologies used for developing this app – provide, were explained. In the main part, through the application of the previously mentioned concepts and through code snippets, the implementation of every feature required for proper functioning of the web application was discussed. In the final part of this paper, user interface layout and the way in which authorized users can edit hotel content, were shown.

Na području Hrvatske mali je broj postojećih aplikacija za naručivanje brze hrane. Ova web aplikacija će pratiti današnje standarde za izračun cijena, naručivanje pojedinih menija, te ispunjavanja podataka korisnika kako bi se određena ponuda iz menija mogla naručiti. U izradi web aplikacije korištene su sljedeće tehnologije: HTML, CSS, JavaScript, MySQL, PHP, te programski alati poput Visual Studio Code, XAMPP i phpMyAdmin. Aplikacija nudi korisniku izbor ponuda iz jelovnika, količinu narudžbe koja se naručuje iz pojedinog jelovnika, komentar, ocjena ponude i usluge, ukupna cijena narudžbe, te se cijela narudžba sprema u bazu podataka In Croatia, there are a small number of existing applications for ordering fast food. This web application will follow today's standards for calculating the price, ordering individual menus and filling in user data to determine the offer from the menu that could be ordered. The following technologies were used in the development of web applications: HTML, CSS, JavaScript, MySQL, PHP, and software tools such as Visual Studio Code, XAMPP and phpMyAdmin. The application offers a user selection offer from the menu, the amount of orders ordered from each menu, comments, ratings and services, the total price of orders, and saves the entire order in the database.

Web aplikacije svakim danom sve više rastu i sve više ih ima. Sve su složenije sa sve više mogućnosti, rješavaju više problema te je korisničko sučelje sve bolje i bolje. Jednostavno se stvari jako brzo razvijaju i sve više je čovjek usmjeren na Internet. Ovaj rad obuhvaća razvoj web aplikacije čija je tema upravljanje projektima. Kroz rad se raspravlja o načinu postavljanja glavnih alata i paketa za razvoj aplikacije te sam način na koji se aplikacija razvija. Od korisničkog sučelja, glavnih funkcionalnosti i detaljnog objašnjavanja metoda koje ih prate do poslužitelja i upravljanja podacima koji dolaze do njega. Web applications grow exponentially and there are more and more of them with each day. They are more complexed with even more functionalities, solve even more problems, plus, user interface is better and better. Simply, things evolve rapidly and human is much more oriented to the Internet. This paper covers the development of web application whose topic is project management. Within the paper discusses how to set up the main tools and packages for application development and the way in which the application is developed. From user interface, main functionalities and detailed explanation of methods to the server and the management of the data from the client.

Web aplikacija razvijena u ovome radu služi da korisniku procjeni rizik obolijevanja od osteoporoze. Pomoću nje, korisnik može izračunati rizik da će u budućnosti oboljeti od osteoporoze. To se čini unosom šest čimbenika rizika: dob, rasa, težina, broj prijeloma koji nisu uzrokovani traumom, prisutnost reumatoidnog artritisa i prijašnje korištenje estrogena. Ti se podatci zatim obrađuju pomoću zadanog izraza te se dobiva rezultat. Korisniku je također omogućena registracija i prijava u sustav čime dobiva dodatnu opciju da spremi svoje rezultate. Sve funkcionalnosti web aplikacije su ispitane na dva načina pomoću alata Selenium. Prvi način je pomoću Selenium WebDrivera-a gdje su se testni scenariji pisali pomoću Java programskog jezika, a drugi način je pomoću Google Chrome ili Mozilla Firefox proširenja Selenium IDE gdje se testni scenariji generiraju snimanjem radnji korisnika. Na temelju praktičnog dijela rada opisani su razvoj i automatizirano ispitivanje web aplikacije pomoću Selenium-a. The web application developed in this paper serves to evaluate a users risk of osteoporosis. With it, the user can calculate the risk of developing osteoporosis in the future. This is done by inputting six risk factors: age, race, weight, number of nontraumatic fractures, presence of rheumatoid arhritis and previous use of estrogen. This data is then processed using a predefined expression followed by the display of the results. The user also has the ability to register and log in into the site, which gives him an additional option to save his results. All the functionality of the web application has been tested in two different ways using the Selenium tool. Firstly using Selenium Webdriver where the test scripts are written using the Java programming language and secondly using the Google Chrome or Mozilla Firefox Selenium IDE extension where the test scripts are generated by recording a users actions. The development and automated testing of a web application using Selenium are described based on the practical part of the paper.

Tema ovog diplomskog rada je izrada i testiranje aplikacije za nogometnu statistiku. Aplikacija je izrađena u razvojnom okviru Angular koji se koristi za razvoj web i mobilnih aplikacija, dok se za bazu podataka koristio Firebase. Aplikacija za nogometnu statistiku omogućuje korisniku prikaz statistike za englesku nogometnu ligu. Osim prikaza statistike, korisnik ima mogućnost unijeti određene podatke za igrače kao što su: ime, prezime, broj golova i asistencija te klub za koji nastupa. Drugi dio rada je testiranje aplikacije, testiranje omogućuje provjeru da li aplikacija ispravno radi. Aplikacija za nogometnu statistiku je testirana pomoću dva testa: Testiranje jedinice (eng. Unit test) i Cjelovito testiranje (eng. End-to-End test). Testiranje jedinice omogućuje da se testira samo jedan dio aplikacije, dok se cjelovitim testiranjem aplikacija testira od početka do kraja, odnosno kod cjelovitog testiranja je potrebno simulirati stvarnog korisnika u pregledniku. The theme of this thesis of graduates is to develop and test applications for football statistics. The application is made in the next window, Angular, which is used for developing web and mobile applications and databases I have used Firebase. App for football statistics allows the user to view the statistics for the English football league. In addition to displaying statistics, the user can enter some data for players, such as name, surname, number of goals and assists, and the club, which is. The second part of testing applications, testing allows you to check whether the application is properly working. App for football statistics was tested using two tests: Unit test and End-to-End test. Unit testing allows you to check only part of the application, and the integrity of the application testing the testing from beginning to end, or the full code test needs to simulate a real user in the browser.

Glavni zadatak ovog diplomskog rada bio je izraditi web aplikaciju za procjenu rizika obolijevanja od bubrežnih bolesti klasifikacijskim postupcima analize podataka. Web aplikacija ostvarena je pomoću programskih jezika i pristupa kao što su PHP, HTML i CSS. Postupci su u web aplikaciju implementirani pomoću PHP biblioteke cURL gdje se ulazni podaci putem razvojnog okruženja Postman proslijede web usluzi koja kao rezultat vraća procjenu rizika obolijevanja. Za klasifikaciju su korišteni postupci logističke regresije, neuronske mreže i slučajne šume, a to su ujedno i najčešće korišteni algoritmi klasifikacije. Najtočnije rezultate daje algoritam slučajne šume jer odabire najtočniju izlazne vrijednost od većeg broja algoritma stabala odluke. Rezultati ispitivanja web aplikacije pokazuju da su klirens kreatinina i procjena brzine glomerularne filtracije glavni pokazatelji kroničnog bubrežnog zatajenja, dok je omjer ureje i kreatinina pokazatelj akutnog bubrežnog zatajenja. The main task of this master's thesis was to realize the web application for predicting risk of kidney failures with classification data analysis procedures. The realization is described with PHP, HTML and CSS. Procedures has been implemented in the web application with cURL PHP library where the input data is forwarded by Postman development environment to the web servis which returns the disease risk prediction. For classification, logistic regression, neural network and random forest were used as data analysis algorithms because they are most widely used for classification. The most accurate results were given by Random forest algorithm because it chooses the most accurate output value of multiple Decision tree algorithms. Results of testing the web application show that Creatinine clearance and estimated glomerular filtration rate are the main indicators of chronic kidney failure, while the urea and creatinine ratio is indicator of accute kidney failure.

Ovaj rad dokumentira proces izgradnje poslužiteljskog dijela web aplikacije za upravljanje rasporedima na fakultetu, počevši od arhitekturnog dizajna koji opisuje postavljene zahtjeve na sustav te izgled korisničkog sučelja aplikacije. Nakon toga slijedi opis interne strukture po uzoru na model klijent-poslužitelj, uvid u funkcionalne aspekte i uloge klijenta i poslužitelja, definicija komunikacijskih kanala RESTful servisa te logički dizajn baze podataka. Predstavljanjem korištenih tehnologija, čitatelj se uvodi u proces fizičke implementacije poslužitelja te projektnu strukturu dok se u narednim poglavljima opisuje cjelokupna izrada projekta kroz faze počevši od konfiguracije poslužitelja, preko implementacije baze podataka i definiranja modela, izrade same poslužiteljske aplikacije i definiranja servisa, zaključno sa uvidom u dodatno korištene posredničke tehnologije. The contents of this paper cover the process of building server-side components of a web-based application for managing schedules in universities, starting with an architectural design that describes the requirements set on the system and the layout of the application's user interface. This is followed by an overview of the internal structure based on the client-server model, insights into the functional aspects and roles of the client and server respectively, the definition of restful based communication channels, and the logical design of the database. By introducing the utilized technologies, the reader is familiarized with the process of physical server implementation which provides insights into the structure and overall design of the project through phases, starting with the server configuration, then going through the implementation of the physical database, the definition of models and server application endpoints, concluding with insight into the used middleware technologies.

Svrha ovog diplomskog rada je agilnim pristupom u razvoju programske podrške izraditi novo web rješenje jedne udruge. Pri tome je provedeno korisničko testiranje postojećeg web rješenja na određenom broju različitih korisnika, te prema rezultatima testiranja planiran postupak razvoja novog web rješenja. U to rješenje implementirani su svi elementi i funkcionalnosti prema prijedlozima korisnika, te prema zahtjevima vlasnika udruge. Tijekom razvoja web rješenja, obavljen je niz testova s ciljem povećanja kvalitete programskog proizvoda. Izvedeno je automatizirano testiranje korisničkog sučelja, odnosno svih funkcionalnosti koje se nalaze na istom, a automatiziranim testiranjem omogućeno pravilno funkcioniranje istih. Korisničko testiranje je provedeno kroz niz razgovora s korisnicima, a na temelju prikupljenih podataka razvijeno je novo web rješenje koristeći platformu WordPress koja pruža brz i pouzdan razvoj web stranica. Isto tako, u bilo kojem trenutku se moglo dodavati nove funkcionalnosti i prikladno ih testirati, pri čemu je važnu ulogu imao alat Elementor, koji omogućuje dodavanje novih elemenata iz samog sučelja. The purpose of this thesis is to develop a new web solution for an association through an agile approach in software development. In doing so, user testing of the existing web solution was carried out on a number of different users, and according to the test results, a planned process of developing a new web solution was planned. All elements and functionalities are implemented in this solution according to the suggestions of the users and according to the requirements of the owners of the association. During the development of the web solution, a series of tests were carried out in order to increase the quality of the software product. Automated testing of the user interface, that is, all the functionalities on the same was performed, and automated testing enabled the proper functioning of the web solution. User testing was conducted through a series of conversations with users, and based on the data collected, a new web solution was developed using the WordPress platform, which provides fast and reliable web development. Also, new functionalities could be added and tested at any time, with the Elementor tool playing an important role, allowing new elements to be added from the interface itself.

U ovom diplomskom radu su objašnjeni i detaljno opisani potencijalni XSS i SQL injekcijski napadi i načini njihovog sprječavanja. Analizirana je mogućnosti ugradnje zaštitnih mehanizama u web aplikacije radi sprječavanja navedenih napada te je napravljena web aplikacija s ugrađenom zaštitom od injekcijskih napada. Izrađena je web aplikacija koja omogućuje korisniku nakon prijave u sustav ili registracije upravljanje prodajom, proizvodima, kategorijama i narudžbom hrane. Načini zaštite od skriptnih napada koji su korišteni u web aplikaciji su provjera korisničkog unosa, izbjegavanje znakova na ulazu i filtriranje posebnih HTML oznaka. Nakon testiranja dokazano je da je web aplikacija pravilno zaštićena i napadi su onemogućeni. This graduate thesis explains and describes in detail the potential XSS and SQL injection attacks and how to prevent them. Possibilities of incorporating security mechanisms into web applications were analyzed to prevent these attacks and a web application with built-in protection against injection attacks was created. A web application has been created that allows the user to manage the sale, products, categories and food order after logging in or registering. The script protection methods used in the web application are: validate user input, escaping inputs, and filtering special HTML tags. After testing it is proven that the web application is properly protected and attacks are disabled.

Ovim završnim radom kreirana je web aplikacija namijenjena za pomoć u odabiru šminke pomoću HTML, CSS i PHP jezika. Aplikacija korisnicima pruža mogućnosti registracije i prijave. Može se koristiti u svrhu edukacije u području koje obuhvaća, te u svrhu zabave. Spomenute su i objašnjene korištene tehnologije poput HTML-a, MySQL-a, Bootstrap-a, itd. TakoĎer, detaljno je pojašnjen postupak realiziranja web aplikacije Created web application, with a purpose of helping users decide on desired makeup choices, was made using HTML, CSS and PHP languages. Application provides registration and login possibilities. It can be used in educational purposes within a specific domain, so as in the fun purposes. Technologies used for creating this application like HTML, MySQL, Bootstrap, etc. were mentioned and described. The procedure of creating the application was also explained in detail.

Tijekom razvoja web aplikacije korišteni su HTML, CSS, PHP, MySQL i XAMPP, koji su prvo teoretski opisani i objašnjeni, a potom se, primjenjujući stečena znanja, pristupilo izradi aplikacije. Prvo je stvorena datotečna struktura web aplikacije i semantička struktura sastavnih stranica web aplikacije. Zatim je izrađen sustav registracije i prijave korisnika, uz diferenciranje vrsta korisnika i sprječavanje neovlaštenog pristupa. Slijedio je rad s bazom podataka, odnosno s dohvaćanjem i zapisivanjem podataka o vozilima i narudžbama. Na kraju je novoizrađena web aplikacija uspoređena s postojećim aplikacijama slične namjene. During the web application development, HTML, CSS, PHP, MySQL, and XAMPP were used. Firstly, they were described and elaborated on from the theoretical point of view and then, with the usage of acquired knowledge, the application design process started. The first step was to create the web application data structure and semantic structure of web application component pages. Secondly, the user registration and login system were created, including the differentiation of user types and the prevention of unauthorized access. The next step in working with the database was fetching and writing data about vehicles and orders. Finally, the newly created web application was compared to existing applications of similar purposes.

U radu je implementiran sustav gdje korisnici mogu izrađivati ankete za ispitivanje javnog mnijenja, kao i odgovoarati na njih. On je realiziran u smislu web aplikacije. Aplikacija razlikuje tri vrste korisnika. Korisnik prijavljen kao ispitanik ima samo mogućnosti popunjavanja anketa. Korisnik s ulogom ispitanika može izrađivati vlastite ankete, te vidjeti njihove rezultate prikazane vizualno. Administrator korisnik ima mogućnost sakrivanja dostupnih anketa, kao i pregled i uklanjanje registriranih korisnika. Pri kreiranju anketa je potrebno odrediti razdoblje u kojemu će ona biti aktivna, te će korisnici moći popunjavati samo one ankete koje su u tom razdoblju označene kao aktivne. Pri dodavanju pitanja je moguće odabrati između 4 vrste pitanja, od kojih se odgovori od svake vrste vizualiziraju na njima pogodan način. Riješenje je realizirano korištenjem ASP.NET razvojnog okruženja i MSSQL baze podataka na poslužiteljskoj strani, te korištenjem Angular 4 razvojnog okružennja, HTML prezentacijskog jezika i CSS stilskog jezika na korisničkoj strani. A system where users can create their own surveys to explore public opinion and respond to them is implemented in this thesis. It is implemented in a way of web application. Application has three different types of users. User logged as examinee can only respond to surveys. User with a role of examineer can create his own surveys, as well as check their responses shown graphically. Administration user has the privilege of hiding available surveys, as well as inspecting all the registered users and deleting them if needed. When creating surveys it is needed to set the period of time when survey will be active, which is needed so users cannot respond to them if they're not active. When adding questions to the survey, it is possible to choose between four different types of questions, whose answers of every of these types are visualised in a different and adequate way. Solution is implemented using the ASP.NET framework and MSSQL database on a server side, and using the Angular 4 framework. HTML markup language and CSS style sheet language on client side.

Svrha ovog rada je razviti web aplikaciju pokretanu testiranjem, te kroz testove prilikom razvoja osigurati kvalitetu i ispravnost. Ispravnost aplikacije osigurana je kroz testiranje pojedinih dijelova i funkcija. Tijekom razvoja, testiranje olakšava programeru pronalazak i brže ispravljanje grešaka. Za provedbu kvalitetnih testova potrebno je odabrati i određeni alat, a sve u ovisnosti o korištenoj tehnologiji. Za potrebe testiranja ove aplikacije korištene su tehnologije i alati koji omogućuju testiranje JavaScript koda. Testovi su podijeljeni na poslužiteljsku i klijentsku stranu. Na poslužiteljskoj strani testirane su funkcionalnosti komunikacije s bazom podataka te pružanja usluga klijentskoj strani. Na klijentskoj strani cilj je osigurati što kvalitetnije korisničko iskustvo. Nakon provedbe testova generirano je izvješće pokrivenosti koda testovima, koji na poslužiteljskoj strani iznosi 84.07%, dok je na klijentskoj 77.4%. Na temelju rezultata može se reći da se osigurala vrlo dobra kvaliteta aplikacije. Uz pomoć funkcionalnih testova utvrđeno je, da je uz određenu kvalitetu ispravnost aplikacije na visokoj razini. The purpose of this paper is to develop a web application by the process of test driven development and through tests ensure quality and correctness of application. Application validity is ensured through testing of individual parts and functions. During development, testing makes it easier for the developer to find and fix errors. For the implementation of quality tests, it is necessary to select a specific tool, all depending on the used technology. For testing purposes of this application, technologies and tools that allow testing Javascript code are used. Tests are divided into server and client side. On the server side, the functionality of communication with the database and functionality of providing services to clients are tested. On the client side, the goal was to provide a better user experience. After the tests were passed, a code coverage report was generated, which is 84.07% for the server side, and 77.4% for the client side. Based on the results, very good application quality is ensured. With the help of functional tests, it was determined that with a certain quality, the application is at a high level.

Ova web aplikacija omogućava brže rješavanje sustava linearnih jednadžbi od tri, četiri i pet jednadžbi koristeći Gaussovu metodu eliminacija. U radu je opisan način na koji se rješavaju sustavi linearnih jednadžbi Gaussovom metodom eliminacije te rad aplikacije. Aplikacija omogućava korisniku provjeru sustava Cramerovim pravilom. U izradi aplikacije korištene su sljedeće tehnologije: HTML, CSS, PHP, JavaScript, MySQL te programski alati Notepad++, XAMPP. This Web application allows faster solving of system of the three, four and five linear equations using Gaussian elimination method. The paper describes the method for solving linear equation systems by Gaussian elimination method and application work. The application provides user to check system with a Cramer policy check. The following technologies have been used in the application development: HTML, CSS, PHP, JavaScript, MySQL, and tools Notepad ++, XAMPP.

Ovaj rad opisuje korištenje Redis baze podataka kao pričuvne memorije web aplikacije te utjecaj Redisa na performanse aplikacije. Cilj je demonstrirati kako koristiti Redis u aplikaciji baziranoj na LEMP stogu. Za potrebe rada izrađena je jednostavna društvena mreža zvana Feritbook. Feritbook je napravljen koristeći Laravel PHP radni okvir. U radu je prikazano kako koristiti Redis u PHP-u bez biblioteke, s bibliotekom Predis te koristeći Laravel apstrakcije za upravljanje pričuvnom memorijom koristeći Cache klasu. Demonstrirano je kako spremati i dohvaćati podatke za naslovnu stranicu u pričuvnu memoriju. Za testiranje performansi korišten je testni alat Apache JMeter. Koristeći JMeter, izvedene su dvije simulacije koje mjere bitne značajke performansi kod dvije varijante aplikacije – sa i bez Redisa. Dobivenim rezultatima utvrđena su poboljšanja performansi Redis varijante pod velikim opterećenjem. Međutim, također je utvrđeno da se korištenjem Redisa povećava kompleksnost backend arhitekture i samog koda što može dovesti do neželjenih pogrešaka i neažurnosti podataka. This graduate paper deals with using Redis database technology as cache memory in web applications. The goal of this paper is to demonstrate how to use Redis in an application that is based on LEMP stack. A social network application called Feritbook was built for the purposes of this demonstration. Feritbook is built using Laravel PHP framework. The paper displays how to use Redis in PHP without library, with Predis library, and by using Laravel cache abstraction layer for managing cache – Cache class. It is demonstrated how to set and get data to and from Redis cache database. A testing tool called Apache JMeter was used for the performance testing. Two simulations that measure significant features with two variants of the application were made by using JMeter – first with and the second time without Redis. The results confirmed that Redis variant performs better under overload. However, it was also confirmed that using Redis increases the complexity of the backend architecture and the code itself which can lead to unwanted errors and out-of-date data.