Search

Osnovne tri web tehnologije za izradu modernih web stranica su HyperText Markup Language (HTML), Cascading Style Sheets (CSS) i JavaScript. Kolegij Oblikovanje web stranica koji se predaje na studiju Informacijske tehnologije na Sveučilišnom odjelu za stručne studije u Splitu, obuhvaća gradivo CSS-a, teoriju modernog dizajna te obradu slika korištenjem programa za obradu slika Gimp, smatrajući da studenti već raspolažu znanjem HTML-a i JavaScripta. Nastavni program polazi od same početne faze procesa oblikovanja dizajna, do konačnog cilja, oblikovane moderne web stranice, odnosno modernog web mjesta (skup više web stranica) koje uspješno predstavlja određenu tvrtku, proizvod, uslugu, aktivnost i slično. U akademskim godinama 2015./2016.g. i 2016./2017.g. uvedena je suradnja Sveučilišnog odjela sa Županijskom komorom Split kako bi studenti mogli izrađivati seminarske radove, odnosno moderna web mjesta za stvarne mikro tvrtke, pritom omogućujući studentima povezivanje sa realnim sektorom i upoznavanje sa stvarnim situacijama koje ih očekuju nakon završetka fakulteta. Iako je ovaj način izrađivanja seminarskog rada bio jako zahtjevan za studente, suradnja se pokazala jako uspješna, kao i sami rezultati, odnosno izrađena web mjesta, koja su na suvremeni način prezentirala tvrtke i pripadno poslovanje.

Tematika ovog završnog rada bavi se opisom procesa izrade web aplikacije za organizaciju i dijeljenje prijevoza za putnike, njihove pakete i ljubimce. Za web aplikaciju izrađen je korisnički i administratorski dio aplikacije. U korisničkom dijelu registrirani korisnici mogu pristupiti dodatnim funkcionalnostima web aplikacije, odnosno gosti aplikacije mogu pretraživati i pregledavati osnovne podatke o ponudi mogućih putovanja, dok registrirani korisnici mogu dodavati nova putovanja, pregledavati postojeće ponude, kontaktirati organizatora putovanja, pregledavati profile i preostalu ponudu određenog organizatora. Također, registrirani korisnici imaju mogućnost pregleda svojih putovanja i uređivanje vlastitog profila. Administrator ima mogućnost upravljanja korisnicima i putovanjima te može mijenjati izgled određenih stranica na web aplikaciji, kao i uređivanje podataka za kontakt. Prilikom izrade ovog završnog rada korištene su tehnologije HTML (HyperText Markup Language), CSS (Cascading Style Sheets), JavaScript, PHP (PHP Hypertext Preprocessor), MySQL (My Structured Query Language), Bootstrap kao i Google Maps platforma kako bi bio moguć pregled karte na kojoj se nakon unosa polaznog i konačnog odredišta iscrtala ruta. Podloga za aplikacijsku infrastrukturu je paket XAMPP (CrossPlatform, Apache, MariaDB, PHP and Perl)., This final paper describes the process of developing a web application for organizing and sharing transportation for passengers, their packages and pets. This web application consists of the user and administrator part of the application. In the user part, registered users can access additional functionalities of the web application, i.e. guests of the application can search and view basic information about the listed trips, while registered users can add new trips, view existing offers, contact the travel organizer, view profiles and remaining offers of a particular organizer. Also, registered users have the ability to view their trips and edit their own profile. The administrator can manage users and trips, but also have the ability to change the appearance of certain pages on the web application, as well as edit contact information. Technologies used for this project are HTML (HyperText Markup Language), CSS (Cascading Style Sheets), JavaScript, PHP (PHP Hypertext Preprocessor), MySQL, Bootstrap. The Google Maps platform is also used in order to be able to view the map on which the route was drawn after entering the departure and final destination. The basis of the application infrastructure is the XAMPP package (Cross-Platform, Apache, MariaDB, PHP and Perl).

Cilj ovog završnog rada je izrada aplikacije koja će biti prilagođena mobilnim uređajima, a koristit će studentima za lakše praćenje nastave i profesorima za jednostavnije organiziranje nastave, obavještavanje i zadavanje vježbi. Aplikacija je podijeljena na poslužiteljski dio i korisničko sučelje. Poslužiteljski dio razvijen je koristeći Node.js i razvojni okvir Express i komunicira s PostgreSQL bazom podataka, a za autentikaciju se koriste JSON web tokeni. Za korisničko sučelje koristi se React uz nekoliko standardnih Node.js paketa. Sustav razlikuje tri uloge korisnika i to studenta, profesora i administratora. Administrator je zadužen za dodavanje, uređivanje i brisanje kolegija i općenitih obavijesti te za dodavanje korisnika. Profesor se brine o svemu vezanom za kolegij, a studenti prate obavijesti i predaju zadane vježbe., The goal of this thesis is to create a responsive web application that will help students follow classes easily and professors with organizing classes, notifying, and assigning exercises. Application has server-side and user interface. Server-side is developed using Node.js and Express framework and it communicates with PostgreSQL database, and for authentication, JSON Web Tokens are used. User interface is developed using React and few standard Node.js packages. The system defers three roles, student, professor, and administrator. The administrator is in charge of adding, editing, and deleting courses and general news, and for registering the users. The professor takes care of everything courserelated, and students are following the news and submitting exercises.

Tema ovog završnog rada je izrada responzivne web aplikacije za organiziranje nogometnih turnira ili utakmica korištenjem modernih programskih alata Spring boot, Vue i Postgre. Izrađena web aplikacija bi pojednostavnila i ubrzala organizaciju turnira i utakmica. Aplikacija je implementirana i na klijentskoj i na poslužiteljskoj strani te pruža mogućnosti izrade korisničkog računa za pristupanje i sudjelovanje u nogometnim događajima. Nudi se također i administratorsko sučelje za upravljanje bazom korisnika te kreiranje, pretraživanje i uređivanje nogometnih događaja. Gostima aplikacije omogućen je pregled događaja prije odluke o registraciji., The goal of this undergraduate thesis is the development of a responsive web application for organizing football tournaments or matches using modern programming tools like Spring boot, Vue and Postgre. The created application would make it easier and faster to organize football tournaments and matches. The application was implemented both on the client side and server side and it offers a possibility of creating a user account for accessing and participating in football events. An admin interface is also included, it enables administrators to manage the users’ base as well as create, browse, and edit football events. Application guests are allowed to browse events before committing to register.

Cilj rada je bio obuhvatiti sve produktivne značajke raznih aplikacija, primjerice vođenje budžeta, čitanje knjiga ili ulaganje novca te ih spojiti u jedinstvenu aplikaciju gdje će se na jednom mjestu nalaziti sve što je potrebno za osobni razvoj. Do ove ideje je došlo jer je teško uskladiti sve podatke koji su pohranjeni u ra zličitim aplikacijama i iz njih izvući nekakav smisleni zaključak što se tiče osobnog i financijskog napretka. Web asistent omogućava da se s jednog središnjeg mjesta jednostavno pristupa svim podacima koji su potrebni za spoznaju o trenutnom stanju pojedinca. Moderan dizajn koji prati trenutni trend izrade komponenti sa efektom stakla (eng. Glassmorphism) u razvojnom okruženju React.js će sigurno privući pažnju korisnika. Poslužiteljska strana koristi primarno Node.js okruženje sa bazom podataka MongoDB., The end goal of this project was to embrace productivity features of today's applications, such as budget management, reading books or money management, and connect them inside a single application where everything a person needs for personal growth will be located in a single place. Idea for this application appeared because it is difficult to coordinate information which are stored in different applications and make any meaningful conclusion regarding personal and financial growth. Web assist ant allows the user to simply access information which are necessary for cognition of individual's current state from single location. Modern design which follows the current trend of making components with glass effects in React.js framework will definitely attract user's attention. Server side uses primarily Node.js with MongoDB as database.

Tema završnog rada je „Izrada web aplikacije za prodaju modnih dodataka“. Aplikacija čija se izrada opisuje u ovom radu namijenjena je prodaji nakita. Zadatak rada sastoji se od osmišljavanja arhitekture i realizacije internetske stranice koja omogućuje poslovanje web trgovine nakitom. Administrator stranice može samostalno postavljati proizvode i uređivati informacije o proizvodima te brisati proizvode s web trgovine kao i upravljati korisnicima i narudžbama. Klijent može pregledavati proizvode prije prijave u korisnički račun i dodavati proizvode u košaricu. U košarici klijent može uređivati količinu proizvoda koju želi naručiti. Narudžba se može izvršiti jedino preko korisničkog računa. Ako klijent nema korisnički račun, može ga napraviti, a ako ima može se prijaviti. Korisnik može pregledati i uređivati svoj korisnički profil te pogledati sve svoje narudžbe. Tehnologija koja je primarno korištena u izradi poslužiteljskog dijela aplikacije je Node.js, a za pohranu podataka korišten je sustav za upravljanje bazom MongoDB., The name of this final thesis is „The development of a web application for selling fashion accessories“. The web shop, which is described in this final thesis, is used to sell jewelry. The task of this thesis is to plan architecture and develop jewelry web shop. The administrator can add new products, edit product information and delete products, manage users and orders. The customer can view products and add products to shopping cart before logging in to the account. In shopping cart, customer can edit the quantity of the product he wants to order. The order can be executed only through the user account. If the client does not have an account, he can create one and if he has, he can log in to account. The user can view and edit their user profile and view all their orders. A technology that was primarily used in the creation of the server part of the application is Node.js, and the MongoDB database management system was used to store the data.

U ovom radu prikazana je izrada web aplikacije za simulaciju razmjene kriptovalute Bitcoin. Ova aplikacija je razvijena s ciljem da omogući korisniku testiranje trgovanja kriptovaluta, a specifično se koristi kriptovaluta Bitcoin. Aplikacija se sastoji od korisničkog sučelja (engl. frontend) te poslužiteljskog dijela (engl. backend). Korisničko sučenje web aplikacije služi za prikaz i upravljanje resursima te razmjenu valuta. Pruža korisnicima mogućnost izrade novog računa, podizanje novih narudžbi te pregled povijesti narudžbi i transakcija. Poslužiteljski dio aplikacije se koristi za pohranu podataka o korisnicima i njihovim narudžbama kao i oblikovanje podataka iz baze za korisničko sučelje. Glavna funkcija poslužiteljskog dijela je spajanje korisničkih narudžbi i obrade transakcija među narudžbama., This document shows the creation of the web application for simulation based exchange of Bitcoin cryptocurrency. This application is developed with the goal of enabling the user to test the exchange of Bitcoin. The application consists of two parts; user interface and backend server. The user interface is used for resource management and the exchange of currency via the browser application. It enables users to create new accounts, create new orders or view the order's and transaction's history. The backend server stores data as well as does data modification for requests from the user interface. The main function of the backend server is to match orders and conduct transactions between users.

Ideja za izradom web aplikacije za preuzimanje autobusnih karata nastala je kako bi omogućila korisnicima autobusa brzu i jednostavnu pristupačnost kartama i preplatama, te informacijama vezanih za prometovanje autobusnih linija, a zaposlenicima lakše upravljanje podacima. Aplikacija se sastoji od upravljačke ploče (engl. admin panel), korisničke ploče (engl. user panel) i glavnog prikaza za sve korisnike. Za implementaciju funkcionalnosti aplikacije (engl. backend) korišten je razvojni okvir Python Django REST Framework (tzv. DRF) koji za pohranu podataka koristi ugrađenu vlastitu bazu podataka SQLite, a za dizajn i izgled (engl. frontend) korišten je razvojni okvir Angular verzije 12. Za testiranje točaka aplikacijskog sučelja koje su potrebne za razmjenu podataka između dva poslužitelja (engl. server) korištena je aplikacija Postman., Idea for developing web application was based on providing fast and simple availability of bus tickets and subscriptions, and information about bus lines for the users of the bus as a public transport, as for the employee’s point of view they get to manage data more efficiently. The application consists of three parts: administrators panel, users panel (sc. dashboard) and main view for all users. The application functionality (backend) is implemented using Django REST framework which offers SQLite database for data management, and design was created using Angular framework version 12. Application program interface (API) endpoints that are used for data sharing between two servers were evaluated using Postman application.

Cilj ovog završnog rada je bio izraditi aplikaciju usmjerenu povećanju zapošljavanja osoba s invaliditetom. Poslužiteljska aplikacija (engl. backend) izrađena je u razvojnom okviru Symfony, a korisničko sučelje je realizirano korištenjem Javascript biblioteke React. Svrha spomenute aplikacije je omogućiti postavljanja oglasa za zapošljavanje osoba s invaliditetom, kao i oglašavanje tvrtki koje su pristupačne za rad s njima. Osim pregleda, deaktiviranja i kreiranja oglasa, također je omogućeno pretraživanje, komentiranje te međusobno kontaktiranje između tvrtki i samostalnih djelatnika (engl. freelancer). Vizualni dio je napravljen kao kombinacija vlastitog SASS-a (Syntatically Awesome Style Sheet) i razvojnog okvira Bootstrap. Za pohranu podataka korišten je sustav za upravljanje bazama podataka MySQL, verzija 8.0., The main goal of this final paper was to create an application which is primarily aimed at increasing the employment rate of people with disabilities. The backend server application was successfully developed in the Symfony development framework, while the user interface was implemented using the Javascript library React. The main purpose of this application is to enable the placement of advertisements which are used for employment of people with disabilities, as well as the placement of advertisements of disability-friendly employers which are hiring. In addition to options such as viewing, deactivating and creating ads, this application allows many other options such as searching, commenting and creating contact between companies and freelancers and vice versa. The visual part was made as a combination of SASS which stands for Syntatically Awesome Style Sheet and the Bootstrap development framework. Finally, MySQL database management system (version 8.0) was used for data storage.

U ovom završnom radu izrađena je mrežna (eng. web) aplikacija za prodaju filmova na fizičkim CD uređajima. Aplikacija omogućava korisnicima uvid u ponuđene filmove te jednostavan odabir i kupnju istih. Korisnik također može filtrirati filmove po žanrovima ili po nazivu, vidjeti koji su najpopularniji i ocijeniti pojedine filmove. Aplikacija koristi MVC (Model View Controller) arhitekturu. Poslužiteljska strana (eng. backend) napravljena je u razvojnom okviru ASP.NET (ASP – Active server page), a korisničko sučelje (eng. frontend) je izrađeno koristeći HTML (HyperText Markup Language), CSS (Cascading Style Sheets) te biblioteku Boostrap. Za pohranu podataka korišten je sustav za upravljanje bazama podataka Microsoft SQL Server. Kôd je napisan u integriranom razvojnom okruženju (eng. Integrated Development Enviroment) Visual Studio. Kôd aplikacije podijeljen je u pet mikroservisa (zasebna aplikacija koja je dio jedne veće aplikacije)., In this final work, the ASP.NET web application for selling movie CD-s has been built. The application allows users to view the offered movies and easily select and purchase them. The user can also filter movies by genre or by title, see which movies are the most popular and rate them individually. The MVC architecture was used for the structure of application. Server side of application was made in ASP.NET (ASP - Active Server Page) framework, while user interface (frontend) was made using HTML (HyperText Markup Language), CSS (Cascading Style Sheets) and Bootstrap library. Microsoft SQL Server (the system for managing databases) was used to store the data. The code is written in the integrated development environment Visual Studio. The application code is separated into five different microservices (a separate application that is a part of one larger application).

Cilj završnog rada je rješavanje problematike naručivanja pacijenata u liječničku ordinaciju opće prakse putem mrežne (engl. web) aplikacije. Aplikacija omogućuje prijavu korisnika sa ulogama liječnika i pacijenta. Korisnik s ulogom upravitelja (engl. administrator) nadzire cijeli sustav i ima uvid u sve narudžbe i statistiku narudžbi kroz određeno razdoblje. Rad je napisan u programskom jeziku PHP (PHP Hypertext Preprocessor). Radni okvir (engl. framework) je CodeIgniter. Bootstrap se koristi za stil mrežnih stranica. Za postavljanje aplikacijske infrastrukture je korišten paket XAMPP (Cross-Platform, Apache, MariaDB, PHP and Perl)., This work deals with the problem of ordering patients to a medical practice office, which is solved through a web application. It is possible to sign in to the system to users with the role of the doctor or patient. The system is supervised by the administrator who monitors appointments and statistics within a certain period of time. PHP programming language (PHP Hypertext Preprocessor) is used to write code in CodeIgniter framework. Bootstrap is used for web page style. The package XAMPP (CrossPlatform, Apache, MariaDB, PHP and Perl) is used to set up the application infrastructure on a local development server.

U današnje vrijeme turizam ima jako važnu ulogu. Bilo da je vrijeme godišnjih odmora, produženih vikenda ili kada čovjek jednostavno poželi otputovati da se nakratko udalji od svakodnevice i stresa, vjerojatno će posegnuti za nekom od mnogobrojnih aplikacija za iznajmljivanje smještaja koje nudi internet. Iznajmljivačima privatnog smještaja na raspolaganju stoje različite platforme koje mogu koristiti kako bi oglasili smještaj koji nude. Neke su iznimno poznate i(li) popularne dok se za druge toliko i ne zna ili ih se ne koristi toliko učestalo. Svaka od njih na vlastiti način prezentira smještaj i ističe njegove posebnosti i prednosti. Kod pojedinih aplikacija potrebno se registrirati da bi se moglo rezervirati, a kod nekih ne. Ideja ovog rada bila je kreirati aplikaciju koja bi svakog posjetitelja privukla da posjeti ove stranice i približi im sadržaj. Omogućavanje rezerviranja bez registracije jedna je od važnijih značajki koja omogućuje brži postupak rezervacije, a registracijom aplikacija postaje personalizirana i bliža samom korisniku., Nowadays, tourism plays a very important role in people's lives. Either it is vacation time, extended weekends time or time when a man wishes to travel to get away from everyday life and stress for a little while, probably he'll search for some of booking applications which are offered by the internet. Private accommodation landlords have on their disposition variety of booking platforms on which they can advertise accommodation they offer. Some of them are well known or extremely popular while others are not as just as well known or people does not use them very often. Every one of them on its own way presents accommodation and stands out it's features and benefits. There are certain applications where a person has to register to book accommodation while others do not force it. The idea of this application is to create an application, which will, on little more informal way, attract every visitor to visit its pages and zoom in it's content. Enabling booking without registration is one of the most important features which enables faster reservation and by registration application becomes personalized and closer to the user.

Cilj ovoga završnog rada je testiranje učinkovitosti odziva SQL poslužitelja ovisno o načinu izvedbe samog poslužitelja i pripadnog sustava pohrane. Za izradu i simulaciju SQL poslužitelja pod raznim hardverskim (engl. hardware) uvjetima korišten je besplatni softver (engl. software) za pokretanje virtualnih strojeva pod nazivom VMware Workstation Player, dok je za izradu, upravljanje i pokretanje baze podataka korišten Microsoftov softver naziva SQL Server Management Studio. Testiranja SQL poslužitelja i njegovog odziva bila su izvedena nad SSD-om (engl. soild state drive), HDD-om (engl. hard disk drive), kao i na svim njihovim kombinacijama korištenjem iSCSI protokola (engl. Internet Small Computer Systems Interface) kao načina prijenosa podataka u lokalnoj mreži (LAN) te kao način prijenosa podataka između dva računala preko interneta u kojoj se jedno od ta dva računala nalazi u oblaku (engl. cloud)., This bachelor thesis aims to test the efficiency of SQL server response time depending on how the server itself and the storage system are implemented. VMware Workstation Player, free software for running virtual machines, was used to create and simulate SQL server under various hardware conditions, while the Microsoft software called SQL Server Management Studio was used to create, manage and run the database. Testings of the SQL server and its response time were performed on an SSD, HDD, as well as on all of their combinations using the iSCSI protocol as a way to transfer data on a local network (LAN) and as a way to transfer data between two computers over the Internet where one of the two computers is in the cloud.

Tema ovog završnog rada je internet trgovina za prodaju odjeće. Izrada završnog rada je uključivala korisnički dio gdje se može obaviti kupnja, mogu se pregledavati narudžbe i uređivati osobni podaci. Aplikacija uključuje i administratorski dio u kojem administrator ima mogućnost uređivanja proizvoda i pregled svih narudžbi. Za izradu ovog rada je korištena biblioteka React, verzija 16.8, za klijentski dio aplikacije te razvojni okvir SpringBoot, verzija 2.2, za serverski dio. Izabrane su navedene tehnologije zbog njihovih karakteristika. React koristi programski jezik JavaScript koji je trenutno jedan od najpopularnijih na tržištu. Razvojni okvir SpringBoot programski jezik koristi Java. Pomoću njega je moguće vrlo jednostavno postaviti aplikaciju i posvetiti se razvijanju poslovne logike aplikacije., This article's main topic is web shop for clothes. Application consists of two parts. First one is a client side application where user can make a purchase, can see orders that have been made and can edit account data. There is also an administrator interface where the administrator can see all orders that have been made. Administrator can edit products, as well. This part is made using React, version 16.8. Second part is a server side application which processes all information about the application. This part was made using SpringBoot framework, version 2.2. These technologies were chosen because of their charachteristics. React uses JavaScript programming language. JavaScript is one of the most popular ones and is used in huge amount of websites. SpringBoot framework uses Java programming language, offers quick application setup and allows developers to focus on business logic.

Cilj ovog završnog rada je izrada web aplikacije za rezervaciju smještaja u hotelima ili hostelima. Korištenjem React tehnologije za korisničko sučelje (engl. frontend) te razvojni okvir (engl. framework) Django za pozadinski dio (engl. backend) nastoji se korisniku omogućiti da rezervira smještaj (sobu) u hotelu ili hostelu na određeni datum, pregledava svoje rezervacije, upravlja njima te upravlja svojim profilom. Apache se koristi kao HTTP (engl. HyperText Transfer Protocol) poslužitelj, a za pohranu podataka koristi se MySQL baza podataka. PhpMyAdmin služi za upravljanje bazom podataka, a za dizajn aplikacije koristi se Ant Design., The goal of this final paper is to create a Web application for booking accommodation in a hotel or hostel. Using React technology for frontend and Django framework for backend to enable user to book accommodation (a room) in a hotel or hostel on a particular date, view their reservations, manage them and manage their profile. Apache is used as a HTTP server and MySQL database is used for data storage. PhpMyAdmin is used to manage the database and Ant Design is used for application design.

Izradom aplikacije internetskog dućana za IT opremu želi se pojednostavniti i poboljšati iskustvo trgovanja za kupca i vlasnika trgovine. Pristupom aplikaciji, kupac može pregledati sve proizvode i pripadne recenzije. Registracija kupcu ostvaruje mogućnost kupovine proizvoda te pisanja recenzija za proizvode. Vlasnik trgovine ima pristup svim podatcima o korisnicima, transakcijama, proizvodima i pripadnim recenzijama i kategorijama. Također, vlasnik ima mogućnost dodavanja novih proizvoda, korisnika ili recenzija. Svi podatci su spremljeni u bazu podataka koja se nalazi na poslužitelju te im vlasnik može pristupiti u bilo kojem trenutku. Aplikacija je podijeljena u dva dijela, odnosno prisutna je svojevrsna dihotomija između poslužiteljskog dijela (eng. back end) i klijentskog dijela (front end). Poslužiteljska aplikacije je gdje se nalazi baza podataka i Restful API’s (Application Programming Interface), a klijentska aplikacija se pokreće u korisnikovom web pregledniku. Poslužiteljska aplikacija je napravljena u Laravelu, a klijentska koristeći Vue.js razvojni okvir (eng. framework). Na ovaj način se želi pojednostavniti izrada aplikacije te naknadna ažuriranja aplikacije jer je sama aplikacija podijeljena na manje dijelove., When developing a new web shop application the goal is to make the application easy to use for both buyers and owner, also to simplify the process of buying and selling products. Buyers can browse all the products and read the reviews. Once the buyer successfully registered they can buy products and write reviews for products. Each buyer has their own profile page where they can change their profile information and also monitor their transactions. The web shop owner has control over all the products, users, reviews and categories on the web shop. The owner is able to add new products as well as update or delete any products, users, reviews or categories. All these informations are stored in a database that is located on the server so they are available to the owner at any time. The application is split into two parts. There is a back end aplication that is located on the server, this is where the database and the Restful API’s are. Front end application will be running in the user’s browser. Application is split into smaller parts so it is easier to develop, maintain and latter update.

Ovaj završni rad se temelji na izradi web aplikacije za prodaju medicinskih pomagala (eng. medical aids ecommerce application). Aplikacija se funkcionalno može podijeliti na dva dijela: prezentacijski dio (eng. frontend) te dio koji sadrži svu logiku aplikacije (eng. backend). Glavni dio prezentacijskog sustava čine tehnologije React (biblioteka koja sadrži korisnička sučelja), Javascript, HTML (Hypertext Markup Language) te CSS (Cascading Style Sheets) kao i još nekoliko dodatnih modula. Logički dio aplikacije se sastoji od tehnologija Node.js i Express.js koji u pozadini rade kao poslužitelj te komuniciraju s bazom podataka MongoDB i poslužuju prezentacijski dio informacijama. Aplikacija daje pristup dvjema vrstama korisnika: administrator koji ima sve ovlasti kao što je upravljanje sadržajem aplikacije ili uređivanje narudžbi te običan korisnik koji ima osnovne ovlasti poput pregleda i narudžbe proizvoda. Korisnik preko web aplikacije pregledava medicinske proizvode, sortira ih po popularnosti ili datumu dolaska te filtrira po kategoriji, cijeni ili jednostavno pretražuje pomoću tražilice. Također, korisnik sprema proizvode u košaricu te obavlja plaćanje i narudžbu istih. Unutar svog korisničkog profila korisnik može pregledati statuse svih narudžbi ili uređivati informacije o sebi. Administrator kreira, uređuje, briše te dodaje nove proizvode i kategorije, pregledava narudžbe te ima pregled nad svim prijavljenim korisnicima., This final paper is based on the development of medical aids ecommerce application. Functionally, application can be divided into two parts: presentation part – frontend and backend part which contains all the logic of the application. Technology stack of the frontend part is React (user interface library), Javascript, HTML and CSS as well as few additional modules. Backend part is developed in Node.js and Express.js which are working as a server in the background and communicating with MongoDB database and serving information to the frontend. Application gives acces to two types of users: admin, who has all the authorities like application content management or managing orders or a regular user which has only basic authorities like viewing products and making orders. User uses the application to view medical products, sorts them by popularity or arrival date and filters them by category, price or simply searches them with the help of search bar. Also, user saves the products into the shopping cart, pays and orders the products. Inside his user profile, the user can view the status of all the previous orders or edit his personal information. Admin creates, edits, deletes and adds new products and categories, views orders and has an overview over all the users that signed in.

Tema ovog rada je izrada web aplikacije za wine & cocktail bar s ciljem da se pojednostavni proces rezervacije stolova, olakša pregled menija i pruži detaljan uvid o baru sa mnoštvom informacija koje mogu potaknuti potencijalne goste na dolazak. Kako danas ljudi sve više koriste pametne uređaje, aplikacija je izrađena na način da odgovara svim zaslonima. Zadatak aplikacije je ubrzati proces rezervacije stolova jednostavnim sučeljem te omogućiti korisniku prikaz napravljenih rezervacija i brisanje istih, dok administrator ima uvid u popis svih registriranih korisnika te ima mogućnost ubacivanja novih stavki u meni i uređivanje korisničkih rezervacija. Aplikacijom se želi riješiti problem tradicionalnog sustava za rezerviranje upisivanjem informacija na papir, te tako svesti mogućnost pogreške na minimum. Podaci o rezervaciji i korisnicima se nalaze u bazi podataka čime je povećana sigurnost i privatnost samih korisnika s obzirom da više nema zapisivanja korisničkih podataka na papir., The topic of this paper is the development of a web application for a wine & cocktail bar with the aim of simplifying the process of booking tables, facilitating menu overview and providing a detailed insight about the bar with a lot of information that can encourage potential guests for a visit. As today people mainly use smart phones, application is built to fit all screen sizes. The task of the application is to speed up the process of booking tables with a simple interface and enable the user to view and delete reservations, while administrator has an insight into the list of all registered users and has the ability to insert new menu items and edit user reservations The application aims to solve the problem of the traditional reservation system by writing information on paper, and thus reduce the possibility of error to a minimum. The reservation data is stored in the database, which increases the security and privacy of the users themselves, since there is no more recording of user data on paper.

Naziv ovog završnog rada je „Izrada aplikacije za održavanje raketarskog natjecanja“. Stranica čija se izrada opisuje u ovom radu namijenjena je održavanju raketarskog natjecanja u padobranu i traci koji održava Hrvatski astronautički i raketarski savez. Zadatak rada sastoji se od osmišljavanja same arhitekture i realizacije internet stranice koja omogućuje održavanje natjecanja u kojemu će glavni sudac imati mogućnost kreiranja natjecanja, natjecatelja i sudaca. Unutar tih opcija glavni sudac ima popis svih kreiranih natjecatelja, natjecanja i sudaca. Tehnologija koja je primarno korištena u izradi poslužiteljskog dijela aplikacije je Node.js, uz korištenje AngularJS za izradu klijentskog dijela aplikacije. Za pohranu podataka je korišten sustav za upravljanjem bazom podataka MongoDB., The name of this final thesis is „Rocket Contest web page“. The website, this work is about, is made for rocket competition that is being held by Croatian astronautic and rocketship alliance. The goal of this work contains of design and realisation of the web application architecture that helps the main judge to create competition, competitors and judges. Also main judge have options to review and edit all created competitors, competitions and judge profiles. Technology that is primarily used in the website server site is Node.js, with some usage of AngularJS for user interface. For persistence data storage Mongo database is used.

Cilj ovog rada je izraditi aplikaciju za jednostavnu izradu, dijeljenje i ispis kolekcija PECS kartica namijenjenih za korištenje u komunikaciji s djecom i osobama koje imaju poteškoće sa standardnim oblicima komunikacije. Postojeći alati za izradu PECS kartica su preskupi, zastarjeli i neintuitivni te je dijeljenje kolekcija preko njih u većini slučajeva nemoguće. Radi toga korisnici tih aplikacija pojedinačno troše previše vremena na izradu kolekcija istih tema, umjesto da koriste postojeće kolekcije i fokusiraju se na izradu novih, jedinstvenih kolekcija. PECS card maker aplikacija bi uz minimalnu obuku trebala omogućiti defektolozima, pedagozima i obrazovnim rehabilitatorima jednostavnu izradu kolekcija, te dijeljenje tih kolekcija s kolegama kroz aplikaciju. Dolaskom na stranicu i jednostavnom registracijom preko Google računa, korisnicima se daje pristup javno objavljenim kolekcijama, te im se pruža mogućnost da sami kreiraju i objave svoje kolekcije, kao i da kopiraju postojeće i prilagode ih svojim potrebama. Administratori web aplikacije kontroliraju sadržaj kolekcija te ovisno o prikladnosti odobravaju ili zabranjuju javno objavljivanje, uz slanje tekstualnog obrazloženja autoru kolekcije. Također, korisnici aplikacije mogu ostavljati komentare na javno dostupne kolekcije, te time bolje informirati druge korisnike aplikacije o njenoj kvaliteti i eventualnim nedostacima., The purpose of this work is to make an application for simple creation, sharing and printing of the PECS card collection, whose purpose is to help in communication with children and adults who are having problems with standard forms of communication. Existing tools for PECS card creation are expensive, obsolete and unintuitive, and sharing collections between them is almost impossible. Because of that, users of those applications are individually spending too much time to make collection which someone has already made, instead of creating something new and unique. PECS card maker application should, with minimal training, enable pedagogues, education rehabilitators and defectologists to simply create PECS collection, as well as share them with their colleagues through the application. Once on the web page, users are registered via the Google account, and given access to publicly available collections. They are also given the tools to create their own collections and publish them, as well as to copy existing collections and adapt them to their needs. Web application administrators control the collections content and, depending on it, approve or deny publishing, while sending a message to the author regarding the reasons for the rejection. User can also leave comment on published collections, which helps inform other users about the quality and potential imperfections of the collection in question.

Tema završnog rada je modificiranje i proširivanje funkcionalnosti kućnog usmjernika korištenjem dodatnih elektroničkih komponenti i firmvera OpenWrt. U radu je pokazana procedura dodavanja USB (Universal Serial Bus) priključka na kućni usmjernik (engl. router) i podržavanje istog izradom prilagoĎenog firmvera OpenWrt. Svrha ovakvih modifikacija je proširenje mogućih primjena usmjernika, a u ovom konkretnom slučaju rezultat je ureĎaj koji je u mogućnosti na USB memorijsku karticu preuzimati sadržaje sa interneta i dijeliti ih na lokalnoj mreži. TakoĎer su opisane procedure za osnovno podešavanje i korištenje usmjernika sa firmverom OpenWrt., The topic of this project is modification and achieving extended functionality of a home router by adding additional electronic components and using OpenWrt firmware. This project shows the procedure of adding an USB port to a home router and using a modified OpenWrt firmware to support the use of it. Preforming such modification extends the functionality of a device and in this particular case enables the device to be used for downloading content off the Internet onto an USB memory stick and sharing it on a local area network. Procedures for basic configuration and usage of a router running OpenWrt firmware are also described as a part of this project.

U današnje vrijeme život je postao gotovo nezamisliv bez interneta, na što ukazuje i činjenica da se sve veći broj korisnika i pružatelja usluga okreće elektroničkom načinu poslovanja. Cilj ovog završnog rada je izrada internetske aplikacije koja se temelji na oglašavanju privatnog smještaja. Svrha takvog načina oglašavanja je privući i zainteresirati što veći broj korisnika te im ponudu usluge prezentirati na pregledan način, učiniti je dostupnom i jednostavnom za korištenje. Za izradu internetske aplikacije osim jezika HTML (engl. HyperText Markup Language), CSS (engl. Cascading Style Sheets) i PHP (engl. Hypertext Preprocessor), nužnih za njen rad, korišten je i programski paket XAMPP (engl. X (any of four different operating systems), Apache, MySQL, PHP and Perl )., Increasing number of users are turning to electronic business nowdays, which has made life without internet almost unthinkable. The aim of this final paper is to create an online application with a purpose of advertising private accomodation to potential customers. The goal is also to attract interest of as many users as possible, and also to present accomodation services in an transparent and user friendly and accessible way. In addition to few program languages such as HTML, CSS, and PHP, required for its operation, it was also necessary to use database which in this case was used with XAMPP software to create this application and, in future, make it online.

Cilj ovog završnog rada je implementacija Syslog Watcher paketa za prikupljanje, pohranu i analizu syslog poruka. U prvom dijelu rada opisane su syslog poruke i načini njihovog prijenosa te popis svih tehnologija potrebnih za izradu navedenog sustava. Nakon toga je opisan način implementacije potrebnih tehnologija kao i napravljenih podešavanja kako bi radili u skladu s očekivanjima. Za prikazanu implementaciju sustava bio je potreban Syslog Watcher paket tvrtke “EZ5 Systems Ltd.” koji prikuplja syslog poruke, VMware Workstation Player koji virtualizira više operativnih sustava koji su potrebni za izradu završnog rada (u pitanju su operativni sustavi Windows), GNS3 (engl. Graphical Network Simulator 3) mrežni simulator kojim je i simulirana mreža iz stvarnog života te Microsoft SQL (engl. Stuctured Query Language) server baza podataka u koju su pohranjivane syslog poruke. Implementacijom Syslog Watcher paketa omogućeno je lakše nadgledanje i analiza mreže mrežnom administratoru ili sistem inženjeru koji je zadužen za održavanje sigurnosti mreže., The main goal of this final paper is the implementation of Syslog Watcher Packet for gathering, storing and analyzing syslog messages. Firstly, syslog messages an d methods of their transport are explained and a list of all technologies needed for making mentioned system has been given. After that, methods of implementation required technologies and their settings after which they work in line with expectations has been described. For presented system implementation Syslog Watcher packet by company named “EZ5 Systems Ltd.” for gathering syslog messages was required, VMware Workstation Player for virtualization of operating systems which are needed for completing this final paper (in this case, there are Windows operating systems), GNS3 network simulator with which network, like those in real life, is simulated and Microsoft SQL Server database for storing syslog messages. When finished, implementation of Syslog Watcher packet enables easier supervising and analyzing for network administrator or system engineer who is responsible for keeping network safe.

Kroz ovaj rad opisana je izrada 2D igre koristeći Unity, višeplatformsku programsku podršku za izradu 2D i 3D igara. Tip igre je 2D platformer naziva Martian gdje igrač kontrolira lik koji trči i skače po platformama, ima mogućnost pucanja i skupljanja novčića te se bori protiv neprijatelja. Grafika igre je izrađena u Adobe Photoshopu, a skripte su pisane u C# jeziku koristeći Visual Studio. Cilj ovog rada je izraditi 2D platformer koji ima sve potrebne funkcionalnosti i mehanike tipične za tu vrstu računalne igre. Igra je podržana na Windows, Linux i Mac OS operacijskim sustavima., This thesis explains the development of a 2D game using Unity, a multiplatform software for creating 2D and 3D games. Game genre is a 2D platformer, the game is called Martian where the player controls a character that can run and jump on platforms, has the ability to shoot and collect coins while fighting enemies. Graphics are made using Adobe Photoshop and the scripts are written in C# language in Visual Studio. The goal of this thesis is to make a 2D platformer with all necessary functionalities and mechanics typical for this game genre. The game is supported on Windows, Linux and Mac OS operating systems.

Cilj ovog rada je opis postupka izrade internetskih stranica za obiteljsko poljoprivredno gospodarstvo (OPG) korištenjem sustava za upravljanje sadržajem WordPress. Internetske stranice bi, razvojem sustava narudžbi, poboljšale poslovanje OPGa. Izrađena je nova WordPress tema, te prilagođeni predlošci kako bi svaka internetska stranica imala jedinstven dizajn. Razvijen je sustav za registraciju i prijavu korisnika, te sustav rezervacija proizvoda koji stvara nove narudžbe koje korisnici i administrator mogu pregledati., The goal of this work is to describe the process of creating an OPG website using the WordPress Content Management System. A webiste developed with the ordering system, would improve OPG business. A new WordPress theme was created and in order to obtain unique design for every web page, custom templates were also created. A user registration and login system were developed, as well as a product reservation system that creates new orders that users and administrator can view.

Izrada internetske aplikacije za najam smještaja je napravljena da se pojednostavni proces rezervacije smještaja, olakša upravljanje i organizacija objekta koji se iznajmljuje. Aplikacija je prilagodljiva mobilnim uređajima. Zadatak aplikacije je bio ubrzati proces rezerviranja smještaja, omogućiti korisniku prikaz rezervacija i upravljanje istim, dok je za vlasnika osim prikaza i upravljanja rezervacijama bio cilj omogućiti korigiranje cijene za buduće rezervacije. Aplikacijom se želi riješiti problem ručnog upisa rezervacija gdje je veća mogućnost za stvaranje pogreške. Vođenje evidencije rezervacija nalazi se na jednom mjestu bez potrebe zapisivanja podataka na papir. Korisnik može u svega par minuta odabrati termin i željeni apartman. Na ovaj način, najam smještaja se ubrzao i uvelike pojednostavnio., The rental application is designed to simplify the process of booking accommodation, facilitating the management and organization of the rented facility. The application is made with a responsive design. The task of the application was to speed up the accommodation reservation process, to allow user to view and delete the selected items, and for the owner to be able to track upcoming reservations and correcting the price for future bookings. Also, the goal of application is to solve the problem of manual entry of reservations where there is a greater chance of making a mistake. Keeping the booking records is in one place without the need to write data on paper. In just a few minutes the user can choose the time and the desired apartment. In this way, renting accommodation accelerated and greatly simplified.

Cilj ovog završnog rada je prikazati izradu redizajna stranice Board Game Night i izradu aplikacije za kupnju igara na ploči. Dosadašnja stranica je analizirana kao i zahtjevi klijenta za izgled i funkcionalnost buduće stranice. Napravljena je aplikacija koja omogućuje registriranje korisnika, pregledavanje i kupovinu igara, dok administrator može pregledavati podatke svih korisnika i igara. Konačno rješenje je stranica koja omogućuje pregledavanje sadržaja vezanih uz dobrotvorne svrhe i kupnju igara na ploči., The goal of this graduate thesis is to show the redesign of Board Game Night website and the development of a web application for purchasing board games. Many factors, such as the current website, client's design requests and future website functionality were analysed. The developed application enables user registration, board games review and purchase. The website administrator now has more power through better visibility of all the users and games. The final solution is a website which enables the visitor to view charity contents and to purchase board games.

Naziv ovoga završnog rada je Izrada internetske aplikacije za prodaju ličilačkog asortimana. Ideja za sam rad proizašla je iz potrebe za prodajom određenih artikala od strane prodavača, tj. vlasnika trgovine, kao već postojećeg poslovnog objekta ili u vidu neke fizičke osobe koja će prodavati određene artikle isključivo putem interneta. Daljnjom analizom došlo se do zaključka kako je idealno rješenje za to izrada internetske aplikacije koja, zapravo, predstavlja internetsku lokaciju za prodaju i narudžbu ličilačkog pribora. Internetska aplikacija sastoji se od dva sučelja: korisničkog, namijenjenog kupcima, i administratorskog, namijenjenog prodavaču. Aplikacija korisniku, tj. kupcu, daje kratak uvid u asortiman, usluge, posebne ponude i partnere internet trgovine kao i mogućnost kreira nja svog vlastitog korisničkog računa i potrošačke košarice, dok se administratoru nudi mogućnost unosa nove kategorije proizvoda, njihovo ažuriranje, brisanje i opis, dodavanje akcijskih sniženja te upravljanje bazom podataka preko koje se vrši upravljanjem svim podacima o artiklima i korisnicima (kupcima)., The idea for this thesis was the seller’s need for selling the specific items as well as any other person’s need to sell items exclusively on the Internet. Further analysis brought the conclusion that the ideal solution of this problem is the development of web application which basically presents the web site for selling and ordering the house painting assortment. The web application contains two interfaces: the user’s interface (UI) assigned to the users and the administrator’s interface assigned to the seller. The application gives the user (the customer) short insight of the assortment, services, special offers a nd list of business partners just like the possibility to create proper user account and shopping cart. On the other hand, it gives the administrator the possibility to enter new categories of products, their descriptions and updates as well as various discounts. Furthermore, the web application gives the administrator the abilitiy to manage user and product data in the main database.