Search

Cilj ovog završnog rada je izrada web aplikacije za kupovanje nakita. Svrha ove aplikacije je olakšati i ubrzati pristup proizvodima fiktivne zlatarne „Gold“. Olakšan te ubrzan pristup proizvodima je ostvaren putem preglednog razvrstavanja proizvoda po kategorijama. Također aplikacija ima mogućnost lakog pregleda prijašnjih narudžbi. Sve je to omogućeno korištenih tehnologija za razvoj web aplikacija kao što su React.js, koji služi za razvoj korisničkog sučelja, a Express.js služi kao radni okvir na poslužiteljskoj strani aplikacije. Osim toga za administratore stranice je omogućeno administratorsko sučelje, zaštićeno autorizacijom. Osim lakog korištenja resursa aplikacije, dodane su i razne analitike. Za spremanje podataka korišten je sustav za upravljanje bazama podataka MySQL., The goal of this thesis is to create a web application for buying jewelry. The purpose of this application is to facilitate and speed up access to the products of the fictitious jewelry store "Gold". Easier and faster access to products is achieved through a clear classification of products by category. The application also can easily review previous orders. All this is made possible by the technologies used for the development of web applications such as React.js, which is used for the development of the core interface, and Express.js serves as the working framework on the server side of the application. In addition, an administrator interface, protected by authorization, is provided for site administrators. In addition to the easy use of the application's resources, various analytics have also been added. The MySQL database management system is used to store data.

Cilj diplomskega dela je izdelati hitro, varno in uporabniku prijazno spletno trgovino ter aplikacijo za upravljanje vsebin s sodobnimi tehnologijami, ki se uporabljajo pri razvoju enostranskih spletnih aplikacij. Aplikaciji pridobivata in posodabljata podatke preko skupnega aplikacijskega programskega vmesnika - API, izdelanega s pomočjo tehnologije Node.js in Express.js ter nerelacijske podatkovne baze MongoDB. Aplikacija za upravljanje vsebin je razvita s pomočjo odprtokodne knjižnice React.js in je namenjena upravitelju spletne trgovine, ki ima možnost upravljanja s podatki v spletni trgovini. Spletna trgovina je razvita z ogrodjem Next.js in kupcem omogoča hiter ter varen nakup izdelkov preko spleta, z možnostjo plačila s kreditno kartico. Izdelane aplikacije zadostujejo vsem zahtevam, ki sem si jih zadal na začetku razvoja in imajo še veliko možnosti za izboljšave. The goal of the thesis is to create a fast, secure, and user-friendly webstore and a content management application using modern technologies commonly used in the development of single-page web applications. The applications obtain and update data through a common application programming interface (API) created using Node.js and Express.js, as well as a non-relational MongoDB database. The content management application is developed using the open-source React.js library and is intended for the webstore manager, who has the ability to manage the website's data. The webstore is developed using the Next.js framework and allows customers to quickly and safely purchase products online, including the option to pay by credit card. The developed applications meet all the requirements I set at the beginning of the development and have many opportunities for improvements.

Проєкт містить 65с тексту, 31 рисунок, 6 таблиць, посилання на 41 літературне джерело, 2 додатки та 4 конструкторських документи. Об`єкт розробки: вебзастосунок для відображення прогнозу погоди. Мета дипломного проєкту: створення зручного та інтуїтивно зрозумілого вебзастосунку для відображення прогнозу погоди з використанням реальних метеорологічних даних. Для створення вебзастосунку було обрано найбільш стабільні та сучасні технології розробки. Також було використано зовнішній сервіс, який надає актуальні метеорологічні дані. За допомогою API цього сервісу, забезпечено зв'язок між вебзастосунком та джерелом даних про погоду. Застосовано алгоритми обробки цих даних з метою підготовки інформації для подальшого відображення у вебзастосунку. Як результат було створено вебзастосунок для відображення прогнозу погоди який швидко та зручно дозволяє здійснювати пошук прогнозу погоди у бажаній локації. Отримані результати можуть бути використані для покращення розробки вебзастосунків для відображення прогнозу погоди The project contains 65 pages. text, 31 figures, 6 tables, links to 41 literary sources, 2 annexes and 4 design documents. The object of development: a web application for displaying the weather forecast. The aim of the diploma project: create a convenient and intuitive web application for displaying the weather forecast using real meteorological data. The most stable and modern development technologies were chosen to create the web application. An external service that provides up-to-date meteorological data was also used. Using the API of this service, the connection between the web application and the source of weather data is provided. Algorithms for processing this data were applied in order to prepare information for further display in the web application. As a result, a web application was created to display the weather forecast, which quickly and conveniently allows you to search for the weather forecast in the desired location. The obtained results can be used to improve the development of web applications for displaying weather forecasts

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

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

U današnje vrijeme chatbot je postigao veliku popularnost i njegova primjena je sve učestalija, često se opisuje kao jedan od najnaprednijih i najperspektivnijih izraza interakcije između ljudi i strojeva. Razlog njegovoj popularnosti je što daje zaposlenicima vremena da se usredotoče na važnije zadatke i sprječava klijente da čekaju na odgovore. Cilj ovog završnog rada je izraditi chatbot i internetsku stranicu za udrugu Novogradiške njuške koja je usmjerena na spašavanje, zbrinjavanje, i liječenje napuštenih kućnih ljubimaca. Web stranica i chatbot su izrađeni kao primjer kako sadašnja tehnologija može pozitivno utjecati i pridonijeti veliku pomoć raznim udrugama. U udruzi kao što su Novogradiške njuške, najbitnija je razmjena informacija, kako bi se omogućilo što uspješnije djelovanje izrađena je internetska stranica na kojoj se nalaze sve važne informacije o kućnim ljubimcima. U konačnici, primarna zadaća bila bi omogućiti bolju komunikaciju, to jest lakšu i bržu razmjenu informacija između dvije vrste korisnika, onih koji su spremni udomiti svog novog kućnog ljubimca i onih koji su željni dati ih na udomljavanje. Nowadays chatbot has achieved great popularity and its application is all participants, it is often described as one of the most advanced and promising expressions of interaction between humans and machines. The reason for its popularity is that it gives employees time to focus on more important tasks and for clients to wait for answers. The goal of this final work is to create a chatbot and a website for the Novogradiške njuške association, which is focused on rescuing, caring for and treating abandoned pets. The website and chatbot were created as an example of how current technology can positively influence and contribute greatly to various associations. In an association such as Novogradiške njuške, the most important thing is the exchange of information, in order to enable the most successful operation, an internet page was created, which contains all important information about pets. Ultimately, the primary task would be to enable better communication, that is, an easier and faster exchange of information between two types of users, those who are looking for their new pets and those who are eager to give them up for adoption.

Cilj ovog rada je izrada web aplikacije društvene mreže koja omogućava svojim korisnicima dijeljenje i komentiranje slika Na početku su opisane back-end i front-end tehnologije koje su korištene prilikom razvoja aplikacije. Front-end i back-end kod pisani su JavaScript programskim jezikom uz pomoć okvira React i Express.js. Svi podaci se spremaju u MongoDB (NoSQL bazu podataka). Kako bi korisnik pristupio aplikaciji mora se registrirati i prijavit. Nakon prijave korisniku se izlistaju objave svih korisnika te sam ima mogućnost kreiranja novih. Korisnik, također, ima mogućnost komentirati objave i odgovarati na već postojeće komentare, pratiti druge korisnike i spremati objave u favorite. The goal of this paper is the creation of a web application of a social network that enables its users to share and comment on images. At the beginning, the backend and frontend technologies that were used during the development of the application were described. The frontend and backend code are written in the JavaScript programming language with the help of the React and Express.js frameworks. All data is stored in MongoDB (NoSQL database). To access the application, the user must register and log in. After logging in, the user is shown the posts of all users and has the option of creating new ones. The user also can comment on posts and reply to existing comments, follow other users, and save favourite posts.

Mnogi moderni uredi informatičara zahtijevaju prilagođene programske proizvode za komunikaciju i razmjenu podataka o projektu s kolegama unutar određenog tima. Prisutne solucije su u redu, no obuhvaćaju pre specifičnu nišu unutar cijelog jednog poduzeća te nemaju mogućnost integracije više od jednog odjela u istom sustavu, iako bi svi beneficirali od toga. Ovaj rad se fokusira na tematiku upravljanja timova informatičara unutar poduzeća odnosno ureda, ali ujedno se fokusira i na druge odjele i druge funkcionalnosti koje nisu podržane na platformama sličnog tipa. Cilj je bio zbližiti i zadržati što više funkcionalnosti unutar istog eko sistema. Kroz ovaj rad se raspravlja o glavnim značajkama web servisa i načinima integracije funkcionalnosti istih. Diskutira se o prednostima i manama trenutne implementacije te razlozima iza tih odabira kroz cijeli rad. Na kraju se sve spaja opisom i vizualnim prikazima web aplikacije, njezinim značajkama i metodama povezivanja s web servisom. A lot of modern IT offices require custom software for communication and data exchange about projects between colleagues in the same team. The existing solutions are fine, but they cover a rather specific niche within an entire company and they do not have the posibility of integrating more than one department in the same system, although everyone would benefit from it. This paper focuses on the topic of managing teams of IT professionals within companies or offices, but at the same time it focuses on the other departments and other functionalities that are not supported on platforms of a similar type. The goal was to bring together and keep as much funcionality as possible within the same ecosystem. The advantages and disadvantages of the current implementation and the reasons behind these choices are disscussed throughout the paper. In the end, everything comes together with a description and visual representations of the web application, its features and methods of connecting to the web service.

Cilj ove aplikacije je korištenjem Vue.js framework-a pružiti korisniku što lakše sučelje za svladavanja gradiva teorijskog dijela vozačkog ispita. Glavni dio aplikacije sastavljen je od 4 komponente Teorije, Pitanja, Kvizova te Znakova. Teorija pruža setove pitanja i odgovora po poglavljima priloženim na jednom mjestu. Komponenta Pitanja pruža korisniku samoprovjeru naučenih pitanja također po poglavljima. Kvizovi omogućuju korisniku pripremu za kviz teorijskog dijela vozačkog ispita. Kvizovi su sastavljeni kao pravi kvizovi, odnosno sastoje se od 38 pitanja, sadržavaju 120 bodova, imaju vremensko ograničenje i tako dalje. Spremanjem riješenih kvizova u SQLite bazu podataka pomoću Express.js i Sequelize-a, korisniku pružamo uvid u rezultate svih njegovih riješenih kvizova. Svi ti dijelovi pružaju korisniku veću mogućnost prolaska teorijskog dijela vozačkog ispita. The goal of this application is to use the Vue.js framework to provide the user with the easiest possible interface for mastering the theoretical part of the driving test. The main part of the application is composed of 4 components: Theory, Questions, Quizzes and Signs. Theory provides sets of questions and answers by chapters attached in one place. The Questions component provides the user with a self-evaluation of learned questions also by chapter. Quizzes prepare the user for theoretical part of the driving test quiz. They are composed like real quizzes, i.e. they consist of 38 questions, contain 120 points, have a time limit and so on. By saving the solved quizzes in the SQLite database using Express.js and Sequelize, we provide the user with insight into the results of all his solved quizzes. All these parts provide the user with a greater possibility of passing the theoretical part of the driving test.

Cilj ovog rada bio je napraviti web aplikaciju koja podržava stvaranje soba i igranje više zasebnih igara u isto vrijeme. To je postignuto pomoću socket.io knjižice za Node.js. Stranica se brzo i efikasno učitava na klijentskoj strani zbog odabira okvira React.js. The goal of this thesis was to make a web application which supported creating of rooms and playing multiple separate games at once. That was implemented using socket.io library for Node.js The web page loads fast and efficient on the client side because of the React.js framework.

U okviru ovog završnog rada razvijena je aplikacija za vježbanje snalaženja u vremenu. Aplikacija se dijeli na sučelje za nastavnika i sučelje za učenike. Aplikacija se temelji na analognom satu razvijenom pomoću HTML Canvasa kroz koji je omogućeno očitavanje i namještanje vremena. Učenicima se također nudi opcija vježbanja zbrajanja i oduzimanja vremena. U radu su detaljno opisani nastavnikovo i učenikovo sučelje te su opisane sve funkcionalnosti za lakše korištenje. As part of this final exam task, an application for practicing time management was developed. The application is divided into a teacher interface and a student interface. The application is based on an analog clock developed using HTML Canvas through which both reading and setting time are enabled. Students are also offered the option of practicing addition and subtraction of time. The final exam task describes in detail both the teacher's and student's interface and describes all the functionalities for easier usage.

U sklopu ovog završnog rada razvijena je mobilna igra za vježbanje matematike koja se težinom prilagođava igraču i web stranica koja omogućava jednostavnu izradu postavki igre i detaljni pregled rezultata pojedinog učenika u nekoj igri. Navedena igra i web stranice čine jedan jednostavni sustav. Unutar ovog rada detaljno je opisano što ovaj sustav sve nudi te su također opisani i najznačajniji implementacijski detalji. As part of this thesis, there were developed a mobile game for practicing mathematics that is adaptive to the player’s abilities and a website that allows easy creation of game settings and a detailed overview of the results of each student in a game. Mentioned game and website make one simple system. Within this paper, it is described what this system offers in details, just like the most important implementation details.

U ovom radu prikazana je izrada web aplikacije za vježbanje računanja sa višestrukim ciljem. Korišten je set programskih paketa poznat pod nazivom MERN (MongoDB, Express.js, ReactJS, Node.js) uglavnom baziranih na programskom jeziku JavaScript u kombinaciji s drugim programskim paketima i bibliotekama koji potiču iz obitelji ovih tehnologija. Kroz ovaj rad opisana je tehnička implementacija aplikacije koja se koristi navedenim tehnologijama, ali i ona reprezentacijska koja pokazuje funkcionalnosti koje sama aplikacija pruža. Ona kao glavni cilj ima savladavanje matematičkih operacija u nižim razredima osnovne škole, povećavanje njihove motivacije i želje za učenjem novog nastavnog sadržaja putem zabavnog i natjecateljskog materijala. S druge strane aplikacija olakšava i cijeli proces učitelju koji njezinim korištenjem ima nadzor nad učenicima, povratnu informaciju o usvojenom sadržaju i zagarantiranu uštedu vremena pri osmišljanju sadržaja školskog sata. Na kraju rada proučene su i postojeće matematičke aplikacije te analizirane njihove prednosti i nedostatci uključujući i tehnike za povećavanje motivacije kod učenika. Pokazalo se kako je razvijena aplikacija spoj svih dobrih karakteristika koje mnogo veće, analizirane aplikacije imaju te kao takva dobra jezgra i podloga za nadogradnju i uvođenje u škole. This paper presents the development of web application for practicing calculation with multiple goals. A set of software packages known as MERN (MongoDB, Express.js, ReactJS, Node.js) was used, mainly based on the JavaScript programming language in combination with other software packages and libraries that come from the family of these technologies. This paper describes the technical implementation of the application that uses these technologies but also the representation that shows the functionalities that the application itself provides. Its main goal is to master mathematical operations in the lower grades of primary school, increase their motivation and desire to learn new teaching content through fun and competitive material. On the other hand, the application also facilitates the whole process for the teacher who uses it to supervise students, provide feedback on the adopted content and guaranteed time savings in creating the content of the school lesson. At the end of the paper, the existing mathematical applications are studied and their advantages and disadvantages are analyzed including techniques for increasing motivation in students. It turned out that the developed application is a combination of all the good features that much larger, analyzed applications have and as such a good core and basis for upgrading and introducing itself in schools.

У бакалаврській дипломній роботі створено прикладний програмний інтерфейс системи з продажу авто. Програма дає користувачеві змогу виконувати різні операції в системі продажу автомобілів: створювати чи редагувати оголошення щодо продажу автомобіля, знаходити по заданим параметрам оголошення інших користувачів, отримати інформацію щодо вартості розмитнення транспортного засобу, тощо. Продукт було реалізовано за допомогою мови програмування JavaScript на платформі Node.js із використанням фреймворку Express у редакторі коду Visual Studio Code. Для симуляції вводу й виводу даних використовувалася платформа для тестування прикладних програмних інтерфейсів Postman. Дані, що будуть потрібні для роботи програмної системи зберігатимуться в реляційній базі даних PostgresQL. I n the bachelor's thesis the applied software interface of the car sales system was created. The program allows the user to perform various operations in the car sales system: create or edit ads for car sales, find other users' ads according to the specified parameters, get information about the cost of customs clearance of the vehicle, etc. The product was implemented using the JavaScript programming language on the Node.js platform using the Express framework in the Visual Studio Code editor. A platform for testing Postman application programming interfaces was used to simulate data input and output. The data required for the operation of the software system will be stored in a relational database PostgresQL.

U ovome radu prikazana je izrada web aplikacije u JavaScript razvojnom okruženju, koristeći skup tehnologija (tzv. stack) pod zajedničkim akronimom MERN. MERN skup tehnologija je danas jedan od najpopularnijih skupova na svijetu i koristi se u izradi modernih web aplikacija, a sastoji se od različitih dijelova softverske arhitekture u koje spadaju nerelacijska baza podataka (MongoDB), programski okviri poslužiteljske strane (Node.js i Express.js), te programski okviri klijentske strane (React). Može se reći da navedeni skup tehnologija većinski koristi tzv. MVC obrazac za izradu web aplikacija, gdje upravo React osigurava pogled (tzv. view) aplikacije, za razliku od klasičnih MVC aplikacija gdje bi pogled bio usko vezan uz serversko posluživanje stranica. Cilj izrade ove web aplikacije bio je olakšati studentima strojarstva, ali i svima nezaposlenima s ciljem rada u strojarskoj branši, pronalaženje novih poslovnih ponuda. Pri tome su uzete u obzir potrebe kako posloprimaca tako i poslodavaca. This paper presents the creation of a web application in a JavaScript development environment, using a set of technologies (so-called stack) under the common acronym MERN. MERN technologies stack is today one of the most popular stacks in the world and is used in the creation of modern web applications, and consists of various parts of the software architecture, which include a non-relational database (MongoDB), server-side programming frameworks (Node.js and Express.js) and client-side program frameworks (React.js). It can be said that the above set of technologies predominantly uses the so-called MVC design pattern to create web applications, where React.js ensures the visual appearance (so-called view) of the application, unlike the classic MVC applications where the view would be closely related to the server-side rendering of the pages. The goal of creating this web application was to make it easier for mechanical engineering students, but also for all unemployed with the aim of working in the engineering industry, to find new business offers. In doing so, the needs of both employees and employers were taken into account.

Revidirana europska uredba PSD2 o elektroničkim platnim uslugama sadrži propise o novim uslugama kojima će upravljati pružatelji platnih usluga treće strane u ime korisnika platnih usluga. Banke se obvezuju da izlože svoje platne usluga i podatke licenciranim trećim stranama. U ovome radu će se proučiti PSD2 uredba i sve njezine odredbe. Posebna pažnja će se posvetiti novim inovacijama i sigurnosnim specifikacijama PSD2 uredbe. Proučit će se postojeće API specifikacije kao što su PolishAPI, Berlin Group NextGenPSD2, Open Banking UK i STET PSD2 API. Analizirat će prilagođenost hrvatskih banaka PSD2 europskoj uredbi. Izlaganjem svojih platnih usluga i podataka trećim stranama banke su postale potencijalna meta raznih hakerskih napada i prevara. Rješenje koje se nametnulo je izrada posrednika koji bi nadzirao pristup elektroničkim platnim uslugama izloženim putem programskog sučelja PSD2. Osnovni cilj ovog rada je oblikovati i tehnički ostvariti takav posrednik. Posrednik ima mogućnost presretanja, analize i izmjene mrežnog prometa između sudionika. Na takav način potencijalno štiti od mogućih napada i prevara. Temelji se na mikroservisnoj arhitekturi. Komunikacija između neovisnih komponenti je ostvarena pomoću redova poruka i distribuiranog posrednika RabbitMQ. Izvođenja je moguće u računalnom oblaku kao nezavisna komponenta ili kao komponenta integrirana u informacijski sustav platne institucije. Analizom tehnologija za implementaciju komponenti sustava odabrano je okruženje za izvođenje programskog jezika JavaScript, Node.js s njegovim aplikacijskim okvirom Express.js. Također, posebna pažnja je posvećena automatiziranom generiranju pristupnih programa na osnovi javno dostupnih opisa programskog sučelja PSD2. Na kraju rada posrednika je ispitan uz pomoć zaštićenih okruženja Erste i RBA banke. Revised European directive PSD2 about electronic payments contains regulations about new services which will be managed by the third-party providers in the name of the payment service users. Banks are obligated to make their payment services and data visible to licensed third-party companies. This thesis studies the PSD2 regulation and all of its directives. Within that, innovations and security specifications are studied in detail. Some of the existing API specifications are described, such as: PolishAPI, Berlin Group NextGenPSD2, Open Banking UK and STET PSD2 API. The adaptation of the croatian banks to the PSD2 will be analyzed. With exposing its payment services and data to third-parties, the banks have become a potential target to various hacking attacks. The solution which presents itself is developing a proxy that will supervise the access to the payment services exposed through PSD2. The main goal of this thesis is to design and develop that access control proxy. The proxy will have an ability to intercept, analyze and change the network traffic between participants. In that way, it protects the bank from possible hacking attacks. The agent is based on the microservice architecture. The communication between the independent components is achieved with messages queues and distributed message queue system RabbitMQ. Running of the proxy is possible from the cloud as an independent component or it can be integrated in the IT system of the bank. After analyzing the technologies used for the implementation of the system components, JavaScript runtime environment Node.js with its framework Express.js was chosen. Special attention was dedicated to the automated generation of the access programs based on the publicly available documentation of the PSD2. In the end, the proxy was tested using the Erste and RBA bank sandbox.

En los últimos años ha habido un crecimiento en la cantidad de información sobre desarrollo software y junto a este, un incremento de recursos como libros, vídeos y plataformas de e-learning para aprender dichos conocimientos. No obstante, toda esta información se encuentra distribuida por todo internet, lo que dificulta encontrar el recurso de aprendizaje adecuado. Este proyecto intenta centralizar, categorizar y puntuar toda esta información gracias a los usuarios que la usen, consiguiendo así simplificar el proceso de búsqueda de recursos a la hora de aprender nuevos conocimientos sobre alguna tecnología o bloque de contenido. Con este fin se ha desarrollado una aplicación web con tecnologías MERN, donde el almacenamiento se realiza en una base de datos NoSQL, MongoDB, el front-end está construido con la librería React y el back-end con el framework Express de Node.js.

Cilj rada je napraviti dokumentaciju izrade servisa ili API-ja. Zajedno s tim servisom bit će izrađena i web stranica koja prikazuje zamišljenu upotrebu navedenog servisa. Aplikacija bi trebala korisnicima omogućiti jednostavno praćenje novih i popularnih filmova, pretragu bilo kojeg filma ili serije te ocjenjivanje istog. Korisnici bi imali svoju vlastitu biblioteku u koju spremaju svoje filmove i serije u grupe s obzirom na to da li im se sviđaju ili su ih pogledali i slično. Ujedno bi aplikacija trebala korisnicima predlagati filmove i serije koje bi im se mogle svidjeti na osnovi prethodno danih ocjena svakog korisnika. Glavni dio ovog rada je servis dok web stranica (frontend) ima zadaću prikazati podatke koje joj servis šalje. The aim of this thesis is to document a development of a web service or API. Along with the service, a website will be created in order to show the intended use of the said service. The application should allow users to easily follow new and popular movies and or shows, search for any movie or series, and rate it. Users would have their own library where they will be able to store their movies and series in groups depending on whether they like it or have watched it and so on. At the same time, the application should suggest to users movies and series that they might like based on previous user ratings. The main part of this thesis is the service (backend) while the website (frontend) has the task of displaying the data that the service sends.

U ovom završnom radu izrađena je i modelirana web aplikacija za pomoć pronalaska posloprimaca u inozemstvu. Korisničko sučelje i programska podrška na serverskoj strani omogućava registraciju poslodavaca, prijavu poslodavaca, dodavanje novih poslova, prikaz spremljenih poslova te ocjenjivanje kompanija. U izradi web aplikacije korištena je React.js biblioteka za izradu korisničkog sučelja, Node.js izvršno okruženje, Express.js programski okvir i MySQL baza podatak za programsku podršku na serverskoj strani. A web application that helps people find employees abroad has been modeled and developed within this bachelor thesis. User interface and software support enables employer registration, employer application, adding new jobs, viewing saved jobs and allows employees to grade a company. The application was developed using React.js library for creating user interface, Node.js runtime environment, Express.js framework and MySQL database for storing data.

Cilj ovog rada je dati pregled najvažnijih metoda upravljanja projektima te izrada sustava za potporu agilnom upravljanju projektima. Postoji tradicionalni pristup upravljanju projektima po vodopadnom modelu, te moderniji agilni pristup. Glavna razlika je što kod tradicionalnog pristupa sve faze projekta slijede jedna iza druge, dok se u agilnom pristupu koristi model iteracija. Tako se u jednoj iteraciji izvrše sve faze na manjem dijelu projekta te se kroz iteracije polako gradi krajnji proizvod. Sustav za potporu agilnom upravljanju projektima korisnicima omogućuje stvaranje i pregled projekata u tri glavne vrste agilnog upravljanja: Scrum, Kanban i XP. Za svaku vrstu projekta omogućeno je upravljanje njegovim posebnostima. Za Scrum omogućeno je upravljanje sprintovima, za Kanban upravljanje stanjem dovršenosti zadataka, a za XP upravljanje korisničkim pričama. Sustav omogućuje i pretvorbu iz jedne vrste projekta u drugu. Također, sustav ima sučelje za administraciju sustava. The goal of this thesis is to give an overview of the most important project management methods and the design of an agile project management support system. There are two main approaches to project management: the traditional one with the Waterfall model, and the more modern one, the agile approach. The main difference is that with the Waterfall model project phases come one after the other, whereas the agile approach has the project organized into iterations. Each iteration contains all phases applied to a smaller part of the project so that through multiple iterations the final product is built. This agile project management support system allows users to create and manage the three main types of projects: Scrum, Kanban and XP. For each type, users can manage the project according to its methodology. For Scrum that means managing sprints, for Kanban the state of completion of tasks and for XP the user stories. The system also enables conversion between project types. Also, the system has the administrative interface.

U radu je opisan proces razvoja NewHome web aplikacije za oglašavanje nekretnina. Prvi dio rada usredotočuje se na već postojeća rješenja na tržištu te opisuje njihove funkcionalnosti. Sljedeći dio rada se specificira funkcionalne i nefunkcionalne zahtjeve aplikacije. Model podataka je prvo prikazan konceptualnim, a zatim relacijskim dijagramom. Objašnjena je svaka relacija i značenje svakog atributa svake relacije. Sljedeće poglavlje objašnjava arhitekturu sustava na visokoj razini, a zatim su detaljnije opisani pojedinačni dijelovi sustava poput web poslužitelja i web klijenta. Na kraju je prikazano korisničko sučelje i objašnjene su funkcionalnosti iz korisničke perspektive. Izrađena aplikacija omogućava korisnicima objavu vlastitih nekretnina, pri čemu korisnici mogu definirati vlastita svojstva na nekretninama. Ugrađeno je višekriterijsko pretraživanje koje korisnicima olakšava proces pretrage. Implementiran je sustav ocjenjivanja korisnika kako bi korisnici mogli provjeriti je li druga osoba pouzdana. Uz ocjenjivanje, aplikacija omogućuje dopisivanje između korisnika. Korisnici također mogu omogućiti notifikacije koje će im dolaziti čak i kada aplikacija nije pokrenuta. This master thesis describes the process of developing a web application for real estate advertising, named NewHome. The thesis begins with analyzing already existing solutions on the market and describes their features. The next part of the thesis specifies functional and non-functional requirements of the Newhome application. The data model is first represented by a conceptual and then a relational diagram.. For a relational diagram, each entity and its attributes are explained in detail. The next section of the thesis shows the high-level system architecture, and then describes the individual parts of the system, such as the web server and the web client, in more detail. Finally, the user interface is presented and the functionality offered by the application is described from a user perspective. The developed application allows users to publish their own real estate, where users can define their own properties on real estate. The application implements multi-criteria search to make the search process easier for users. The app implements a user rating system so users can check if the other person is trustworthy. In addition to rating, the app offers chatting between users. Users can also enable notifications that will be delivered to them even when the app is not running.

U okviru ovog rada napravljena je web aplikacija za povezivanje ponude i potražnje za uslugama specijalizirana za uslugu popravka uređaja. Sustav razlikuje dvije vrste korisnika: oglašivače i servise. Oglašivači mogu stvoriti oglase u kojima potražuju uslugu popravka uređaja, nakon čega servisi mogu stvoriti ponude kojima nude traženu uslugu. Tada oglašivači mogu prihvatiti ili odbiti primljene ponude. Implementiran je jednostavan preporučiteljski sustav kojim se servisima preporučuju oglasi za koje bi mogao stvoriti ponudu. Oglašivači također mogu stvoriti recenzije za pojedine servise. Svim registriranim korisnicima se omogućava pretraživanje oglasa, pretraživanje ovlaštenih servisa te usluga čavrljanja. Aplikacija je implementirana korištenjem „Express.js“ razvojnog okvira, biblioteke „React“ i PostgreSQL sustavom za upravljanje bazom podataka. As part of this thesis, a web application has been created to connect supply and demand for services specializing in device repair services. The system distinguishes two types of users: advertisers and service providers. Advertisers can create ads asking for a device repair service, after which service providers can create offers offering the requested service. Advertisers can then accept or decline received offers. A simple recommender system has been implemented which recommends ads for which service providers could create an offer. Advertisers can also create reviews for individual service providers. All registered users are allowed to search for ads, search for authorized service providers and use the chat service. The application is implemented using the "Express.js" web application framework, the "React" library and the PostgreSQL database management system.

Ovaj rad bavi se izradom informacijskog sustava koji vizualno prikazuje parametre konfiguracije Apache Kafka računalnog grozda. Budući da je u konfiguraciji Apache Kafka računalnog grozda prisutna nepotpuna povezanost podatkovnih cjelina, bilo je potrebno proučiti strukturu Apache Kafke te napraviti usmjereni graf koji rješava taj problem. Nakon što je graf bio implementiran u sustav, za svaki parametar konfiguracije odabran je redoslijed obilaska i prikazivanja ostalih parametara povezanih s njim koji se nalaze u sustavu. Za te parametre vidljivi su njihovi međusobni odnosi te je omogućen dinamički odabir elemenata koji će se prikazivati. Za implementaciju sustava korišteno je razvojno okruženje Node.js i radni okvir Express.js. The purpose of this paper was to create an information system that visually displays parameters of Apache Kafka configuration. Since some elements of the configuration are not connected, it was necessary to study the structure of Apache Kafka to create a directed graph with more connections between the elements. After the graph was implemented in the system, it was selected in which order will the parameters be displayed for every element. The connections between the parameters are visible and it is possible to dynamically select them. Node.js and Express.js were used for the implementation of the system.

Cilj rada je osmisliti sustav za cjelovito upravljanje znanstvenim konferencijama. Proučeni su slični sustavi dostupni na tržištu. Detaljno su opisane specifikacija i model sustava koji treba omogućiti cjelokupnu pripremu i provedbu znanstvene konferencije na što jednostavniji način. Razrađeni su detalji svih potrebnih modula za organizaciju znanstvenog događaja. Razvijena je web aplikacija koja se sastoji od klijentskog i poslužiteljskog dijela. Okvir Angular korišten je za izradu aplikacije klijenta, a na strani poslužitelja korišten je Node.js uz okvir Express.js. Unutar aplikacije implementirani su temeljni moduli uz planirana buduća proširenja kako bi se izradila aplikacija bazirana na razrađenoj specifikaciji i modelu. This bachelor thesis aims to construct a system for complete academic conference management. Similar systems that are currently available on the market have been examined. The system specification and model have been described in detail to create a system capable of preparing and executing an entire academic event. All modules needed for event organization have been elaborated. A web application has been implemented consisting of a client and a server. Angular framework was used for creating the client-side while the server-side consists of Node.js with Express.js framework. The core modules of the system have been implemented with further module development planned in the future to create an application based on the specification and model.

Svrha rada bila je izraditi web aplikaciju za iznajmljivanje dobara. Aplikacija je podijeljena na klijentsku i poslužiteljsku stranu a napravljena je pomoću PERN tehnologija čija je uloga i svrha opisana kroz rad. Kroz dijagram obrasca uporabe vizualno su prikazane funkcionalnosti aplikacije. U nastavku su prikazani i objašnjeni pojedini dijelovi aplikacijskog sučelja, njihova uloga i način korištenja. Implementacija objašnjava tijek i način izrade aplikacije sa pojedinim tehnologijama i alatima. Prikazane su slike pojedinih blokova koda koji najbolje prikazuju funkcionalnost i rad aplikacije. Korisničke upute opisuju način korištenja aplikacije kroz sve moguće funkcionalnosti. Aplikacija je objavljena preko Heroku cloud hosting na https://rentmi.herokuapp.com besplatnoj domeni. The purpose of this thesis was to create a web application for renting goods. The application is divided into client and server side and is made using PERN technologies whose role and purpose are described throughout the work. The application functionalities are visually displayed through the use case diagram. The individual parts of the application interface, their role and method of use are presented and explained below. Implementation explains the course and method of application development with individual technologies and tools. Images of individual blocks of code are shown, which best show the functionality and operations of the application. User instructions describe how to use the application through all possible functionalities. The application was published through Heroku cloud hosting on the https://rentmi.herokuapp.com free domain.

An der FH JOANNEUM wird JupyterHub, bereitgestellt in einem Kubernetes-Cluster, als integrierte Übungsumgebung für Informatikkurse eingesetzt. Die Infrastruktur zu konfigurieren ist jedoch ein sehr fehleranfälliger und zeitaufwändiger Prozess, der aus vielen verschiedenen Schritten besteht, welche jedes Semester durchgeführt werden müssen und Know-how über Kubernetes, Ansible und JupyterHub erfordern. Darüber hinaus ist die Umgebung in einigen Aspekten eingeschränkt, wie z.B. die Möglichkeit Wahlfächer abzubilden, wodurch eine Nutzung an mehreren Studiengängen verhindert wird. Das Ziel dieser Arbeit ist es, ein Representational State Transfer (REST) Application Programming Interface (API) und eine Benutzeroberfläche einzuführen, die eine benutzerfreundliche Konfiguration der Infrastruktur ermöglichen, ohne spezielle Kenntnisse über die genannten Technologien zu erfordern. Zusätzlich sollte das Anpassen der Konfiguration zeitsparender und fehlerresistenter gestaltet werden und die Einschränkungen, die den Einsatz von JupyterHub in mehreren Studiengängen verhindern, beseitigt werden. Durch die Vorstellung der zugrundeliegenden Technologien und der bestehenden Infrastruktur erhält der Leser einen Überblick über die verschiedenen Komponenten und die Probleme, die sich daraus ergeben. Basierend auf den Ergebnissen wird die Umgebung durch die Integration einer Mock-API überarbeitet, wodurch die Anforderungen an die REST-API und die Benutzerschnittstelle spezifiziert werden können. Anschließend werden die entwickelten Backend- und Frontend-Anwendungen im Hinblick auf Implementierung, Sicherheit und Bereitstellung im Cluster untersucht und die Gründe für bestimmte Entscheidungen, welche während der Entwicklung getroffen wurden, erläutert. Zuletzt erhält der Leser einen Überblick über den neu erstellen Helm Chart und über die finale Lösung. Die Arbeit zeigt, dass die modulare Natur von JupyterHub die Integration einer REST-API erlaubt, wodurch die Infrastruktur über ein Webinterface konfiguriert werden kann, was ein benutzerfreundlicheres Erlebnis ermöglicht. Studierende eines Kurses können individuell verwaltet werden, haben jederzeit Zugriff auf ihre alten Jupyter-Notebooks und Wahlfächer können abgebildet werden. Dadurch wird die Umgebung den Anforderungen verschiedener Studiengänge gerecht, was eine breitere Nutzung ermöglicht. Leider konnte keine absolute Fehlersicherheit erreicht werden, da die Schüler- und Lehrerversion eines \textit{Images} denselben Namen haben muss, worüber ein Benutzer der Webanwendung Bescheid wissen muss. Die Schlussfolgerung, die aus dieser Untersuchung gezogen werden kann, ist, dass die Konfiguration einer JupyterHub-Infrastruktur, bereitgestellt in einem Kubernetes-Cluster, so weit vereinfacht werden kann, dass sie ohne spezielles Know-how verwendet werden kann. Da die REST-API als eine einzige Quelle der Wahrheit fungiert, können Ungereimtheiten vermieden werden, was zu einer stabileren Infrastruktur führt. Da JupyterHub alle nötigen Informationen von der API erhält, kann die Infrastruktur an ein neues Semester angepasst werden, ohne sie erneut bereitstellen zu müssen. JupyterHub deployed in a Kubernetes cluster is used as an integrated practicing environment for computer science classes at the FH JOANNEUM. However, configuring the infrastructure is a very error-prone and time-consuming process, consisting of many different steps that must be performed every semester and require know-how of Kubernetes, Ansible and JupyterHub. Furthermore, the environment is limited in some aspects, like the inability to depict elective subjects, preventing a more widespread use of it. The thesis aims to introduce a Representational State Transfer (REST) Application Programming Interface (API) and a user interface which allow for a user-friendly configuration of the infrastructure, without requiring specialized knowledge of the technologies that are used to operate the environment. In addition, the process of updating the configuration should be designed to be more time-efficient and less prone the errors. Furthermore, the limitations preventing JupyterHub from being used at more study programs should be removed. By introducing the underlying technologies and the existing infrastructure, the reader gains an overview of the different components and the issues that arise with them. Based on the results, the environment is refactored by integrating a mock API, allowing the requirements for the REST API and the user interface to be specified. Following this, the developed backend and frontend applications are examined in respect to implementation, security and deployment and the reasoning behind certain decisions is elaborated. Finally, the reader is provided with a summary of the newly created Helm chart and an overview of the working solution. The thesis shows that the modular nature of JupyterHub allows for the integration of a REST API which enables the infrastructure to be configured via a web interface, resulting in a more flexible and user-friendly experience. Students of a course can be managed on an individual basis and have access to their previous Jupyter notebooks at any time. Furthermore, elective subjects can be depicted. Thus, the environment can fulfill the requirements of different study programs, allowing for a more wide-spread use. Unfortunately, an absolute resistance to errors could not be achieved since the student and teacher versions of an image must have the same name, which is something a user of the web application must know. The conclusion that can be drawn from this research is that the configuration of a JupyterHub infrastructure running in a Kubernetes cluster can be facilitated to a point, where it can be used by teaching staff without specialized know-how. Since the REST API acts as a single source of truth, inconsistencies can be avoided, resulting in a more stable infrastructure. Additionally, due to JupyterHub receiving information from the API, modifications to the environment that have to be performed every semester can be realized, without having to re-deploy the infrastructure. Stefan Krasser Masterarbeit Graz, Fachhochschule Joanneum 2021

В Ñ Ð¾Ð´Ðµ выпускной квалификационной работы был проведен сравнительный анализ ÑÑƒÑ‰ÐµÑÑ‚Ð²ÑƒÑŽÑ‰Ð¸Ñ Ð¸Ð½Ñ„Ð¾Ñ€Ð¼Ð°Ñ†Ð¸Ð¾Ð½Ð½Ñ‹Ñ Ð¿Ð»Ð°Ñ‚Ñ„Ð¾Ñ€Ð¼. По его результатам были сформулированы функциональные требования к создаваемой платформе и модель взаимодействия пользователей с ней. В качестве Ð°Ñ€Ñ Ð¸Ñ‚ÐµÐºÑ‚ÑƒÑ€Ñ‹ для платформы была выбрана Ñ‚Ñ€ÐµÑ ÑƒÑ€Ð¾Ð²Ð½ÐµÐ²Ð°Ñ Ð°Ñ€Ñ Ð¸Ñ‚ÐµÐºÑ‚ÑƒÑ€Ð° и выбраны средства разработки платформы, а именно: Node.js сервер с использованием Express.js, общающийся с PostgreSQL базой Ð´Ð°Ð½Ð½Ñ‹Ñ Ð² качестве серверной части, и клиент, основанный на Vue.js. Результатом работы является веб-сайт, позволяющий осуществлять кроссжанровый поиск Ñ ÑƒÐ´Ð¾Ð¶ÐµÑÑ‚Ð²ÐµÐ½Ð½Ñ‹Ñ Ð¿Ñ€Ð¾Ð¸Ð·Ð²ÐµÐ´ÐµÐ½Ð¸Ð¹, добавлять, просматривать и редактировать информацию о Ð½Ð¸Ñ , а также ÑƒÑ‡Ð°ÑÑ‚Ð½Ð¸ÐºÐ°Ñ Ð¸Ñ ÑÐ¾Ð·Ð´Ð°Ð½Ð¸Ñ, и получать рекомендации, основанные как на Ð¿Ñ€Ð¸Ð·Ð½Ð°ÐºÐ°Ñ ÐºÐ¾Ð½ÐºÑ€ÐµÑ‚Ð½Ð¾Ð³Ð¾ произведения, так и на портрете конкретного пользователя., In the course of the final qualifying work, a comparative analysis of existing information platforms was carried out. Based on its results, functional requirements for the created platform and a user interaciton model were formulated. As the architecture for the platform, a three-tier architecture was chosen and platform development tools were chosen, namely: a Node.js server using Express.js, exchanging with a PostgreSQL database as a server part, and a client based on Vue.js. The result of the work is a website that allows you to carry out a cross-genre search for works of art, add, view and edit information about them, as well as participants in their creation, and receive recommendations based both on the characteristics of a particular work and on a portrait of a particular user.

Rad opisuje proces izgradnje poslužiteljskih komponenti web aplikacije za stvaranje novih prijateljskih i ljubavnih veza. Opisuje početnu problematiku modernih rješenja za upoznavanje novih prijatelja i sklapanje novih ljubavnih veza, potom opisuje korištene tehnologije i objašnjava kako će biti korištene unutar samog projekta. Zatim se radi pregled modela baze podataka i objašnjava što svaki element predstavlja i kako će se koristiti unutar projekta. U arhitekturi opisuje podjelu na tri manja servisa i za što je koji zaslužan. Detaljno opisuje kako se koji od zahtjeva na određeni servis izvršava i što je sve potrebno da bi se taj zahtjev uspješno izvršio, te objašnjava koncepte potrebne za razumijevanja odnosa među servisima i zahtjevima korisnika. Na kraju se daje osvrt na izvršenje ovog rada i moguća buduća proširenja. The contents of this paper cover the process of developing server-side components of a web application for forming new friendships and love relationships. Firstly, it describes the problems of modern existing applications for forming new friendships and love relationships, it then lists the technology that will be used and how it will be used in this project. It further presents models used to describe the data and what each element represents as well as how it’s used in the work. Architecture section describes the division of components in three smaller services and the purpose of each service. It explains in detail how is each request to the server handled and all prerequisites that are required to successfully handle the request. It further explains the needed concepts to understand interworking between services and user requests. In the end it gives the summery of what was done and how the application could be upgraded.

Cilj ovog rada bio je izgraditi web aplikaciju koja će poslužiti kao turistički vodič i pomoći korisnicima sa snalaženjem u nekom gradu. Aplikacija nudi šetanje gradom koristeći Google StreetView, popis uslužnih objekata, smještaja, znamenitosti i događaja za neki grad, uključujući i informacije o njima, te slike. Za razvoj aplikacije korišten je programski jezik JavaScript, razvojni okviri React.js i Express.js, Google service, te kao baza podataka PostgreSQL. Sustav podržava tri vrste korisnika: neverificiranog (gosta), verificiranog (registriranog) korisnika i administratora. Administratori su vlasnici uslužnih objekata i/ili smještaja. Aplikacija se sastoji od početne stranice, stranice za prijavu, stranice za registraciju, upravljačke ploče, stranice grada, stranice popisa objekata i stranice pojedinog objekta. Cilj ovog rada bio je izgraditi web aplikaciju koja će poslužiti kao turistički vodič i pomoći korisnicima sa snalaženjem u nekom gradu. Aplikacija nudi šetanje gradom koristeći Google StreetView, popis uslužnih objekata, smještaja, znamenitosti i događaja za neki grad, uključujući i informacije o njima, te slike. Za razvoj aplikacije korišten je programski jezik JavaScript, razvojni okviri React.js i Express.js, Google service, te kao baza podataka PostgreSQL. Sustav podržava tri vrste korisnika: neverificiranog (gosta), verificiranog (registriranog) korisnika i administratora. Administratori su vlasnici uslužnih objekata i/ili smještaja. Aplikacija se sastoji od početne stranice, stranice za prijavu, stranice za registraciju, upravljačke ploče, stranice grada, stranice popisa objekata i stranice pojedinog objekta.

[ES] La depresión postparto afecta a un número elevado de mujeres, por ello es importante contar con un buen método para la detección temprana de la depresión postparto. Estos métodos van desde las encuestas básicas a la evaluación por parte de un psiquiatra. El objetivo del presente trabajo es el diseño y desarrollo de una aplicación web que recopile, analice y compare los resultados de diferentes encuestas para el diagnóstico de la depresión. El desarrollo se realiza mediante un conjunto de subsistemas de software denominado MEAN Stack. Esta aplicación se desarrolla aplicando una metodología ágil que divide cada una de las etapas del desarrollo de este proyecto., [CA] La depressió postparto afecta un nombre elevat de dones, per això és important comptar amb un bon mètode per a la detecció primerenca de la depressió postparto. Estos mètodes van des de les enquestes bàsiques a l’avaluació per part d’un psiquiatre. L’objectiu del present treball és el disseny i desenrotllament d’una aplicació web que recopile, analitze i compare els resultats de diferents enquestes per al diagnòstic de la depressió. El desenrotllament es realitza per mitjà d’un conjunt de subsistemes de software denominat MEAN Stack. Esta aplicació es desenrotlla aplicant una metodologia àgil que dividix cada una de les etapes del desenrotllament d’este projecte., [EN] Postpartum depression affects a large number of women, so it is important to have a good method for early detection of postpartum depression. These methods include from basic surveys to evaluation by a psychiatrist. The objective of this work is the design and development of a web application that collects, analyzes and compares the results of different surveys for the diagnosis of depression. Development is done using a set of software subsystems called MEAN Stack. This software is developed applying a methodology that divides each development stage of this project.

Raspored sati jedan je od klasičnih modela upravljanja vremenom kod kojeg se javlja optimizacijski problem alociranja resursa u vremenske jedinice pod uvjetom zadovoljavanja postavljenih ograničenja. Sustav za upravljanje rasporedom nudi svojevrsno rješenje i djelomičnu automatizaciju ovog procesa te je namijenjen korištenju na sveučilišnoj razini sa ciljem olakšavanja izrade semestralnog modela rasporeda sati i optimizacije organizacije resursa potrebnih za izvođenje nastave. U ovom je radu opisan logički dizajn sustava, njegove funkcionalnosti, programsko rješenje te web tehnologije koje su korištene u implementaciji.

En aquest treball es presenta el projecte relacionat amb la creació d'una plataforma d'anuncis de serveis mitjançant eines de desenvolupament populars. Concretament, es tracta del disseny d'una web que té com a objectiu principal l'intercanvi de serveis entre particulars. Aquest treball neix amb l'objectiu d'actuar com a plataforma de serveis per donar resposta a necessitats sorgides davant crisis sanitàries com la COVID-19. Així doncs, el projecte, amb nom Service Exchange Platform, aplica tecnologies com ara Node.js per a la creació del back-end, mitjançant el framework per defecte d'Express. També, n'aplica d'altres més innovadores com ara els framework Vue.js, ElasticSearch i Bootstrap pel front-end amb la finalitat d'aconseguir una experiència d'usuari satisfactòria. Així mateix, la base de dades escollida per guardar tota la informació a processar pel back-end és PostgreSQL. Per dur a terme el projecte, s'han definit uns requisits i posteriorment s'ha planificat un seguit de tasques a l'Eina de Planificació d'Asana. Mitjançant una metodologia en format cascada, s'ha procedit a la creació en primer lloc del front-end, posteriorment el back-end i la integració amb la BD i per últim la unió del front-end i back-end mitjançant Axios. This paper presents the whole project related to the creation of a service announcement platform using popular development tools. Specifically, it contains the design of a website whose main objective is the exchange of services between individuals. This work was born with the aim of acting as a service platform to respond to needs arising from health crises such as COVID-19. Thus, the project, named Service Exchange Platform, applies technologies such as Node.js for back-end creation, using the default framework of Express. Regarding the front-end, the project makes use of more innovative technologies such as Vue.js framework, ElasticSearch and Bootstrap, in order to achieve a satisfactory user experience. In addition, the chosen database that stores all the information to be processed by the back-end is PostgreSQL. To carry out the project, some requirements have been defined and subsequently a series of tasks have been planned in Asana Planning Tool. Using a cascade methodology, the front-end was created in first place, while later the back-end jointly the integration of DB. Finally, the front-end and back-end were merged through Axios. En este trabajo se presenta el proyecto relacionado con la creación ́de una plataforma de anuncios de servicios mediante herramientas de desarrollo populares. Concretamente, se trata del diseño de una web que tiene ́como objetivo principal el intercambio de servicios entre particulares. Este trabajo nace con el objetivo de actuar como plataforma de servicios para dar respuesta a necesidades surgidas ante crisis sanitarias como la COVID-19. Así pues, el proyecto, con nombre Service Exchange Platform, aplica tecnologías como por ejemplo Node.js para la creación del back-end, mediante el frameowk por defecto de Express. También, aplica otras tecnologías más innovadoras como por ejemplo el framework Vue.js, ElasticSearch y Bootstrap para el front-end con el fin de conseguir una experiencia de usuario satisfactoria. Así mismo, la base de datos escogida para guardar toda la información a procesar por el back-end es PostgreSQL. Para llevar a cabo el proyecto, se han definido unos requisitos y posteriormente se ha planificado una serie de tareas a la Herramienta de Planificación de Asana. Utilizando una metodología en formado cascada, se ha procedido a la creación en primer lugar del front-end, posteriormente el back-end y la integración ́con la BD, y por último la unión del front-end y back-end mediante Axios.

Trenutno jedna od najraširenijih tehnologija razvijenih za lako upravljanje ogromnim skupovima podatka unutar velikih sustava jest Apache Kafka. Apache Kafka je distribuirana platforma za prijenos temeljena na objavi-pretplati sistemu razmijene poruka. Popularizacijom ove platforme stvara se potreba za izgradnjom repozitorija koji će okupljati Apache Kafka procesore toka (engl. streaming processor) te datoteke koje ih opisuju. Osnovni cilj ovog rada je ostvariti sustav za provjeru ispravnosti i učitavanje Apache Kafka procesora toka na repozitorij. Sustav se temelji na REST arhitekturnom stilu koji je prethodno proučen i opisan. Posebna pozornost posvećena je strukturi programskog paketa i metapodacima za opis Apache Kafka procesora. Analizom tehnologija za oblikovanje poslužiteljskih aplikacija odabrano je okruženje za izvođenje programskog jezika JavaScript, Node.js s njegovim aplikacijskim okvirom Express. Izgrađeno je klijentsko sučelje koje uz atraktivan i moderan izgled pruža klijentu mogućnost učitavanja vlastitog Apache Kafka procesora toka na povuci i spusti način ili uz pomoć čarobnjaka za učitavanje. Sustav je izgrađen na modularan način te je kao takav spreman za promijene i nadogradnju. One of the most popular technologies used for easy managing of Big Data within large systems is Apache Kafka. Apache Kafka is a distributed streaming platform based on publish-subscribe messaging system. With popularization of this platform comes the need to build the repository which will store the Apache Kafka stream processors and their data. The main goal of this project was to create a system for validation and upload of the Apache Kafka stream processors in Apache Kafka processors' repository. The system is based on REST architectural style which was previously studied and described. A special attention was paid to the structure of the programme package and metadata for describing the Apache Kafka stream processor. After analysing the technologies for developing service applications, JavaScript runtime environment Node.js with its framework Express was chosen. An attractive and modern client interface for uploading components was built. The client has the possibility to upload his Apache Kafka stream processor in a drag and drop way or via upload wizard. The system was built in a modular way and it is open to changes and upgrades.

Področje implementacije zalednih sistemov za mobilne rešitve lahko že pred začetkom projekta predstavlja težavo, sploh zaradi tega, ker je na voljo ogromno poti, po katerih se lahko sprehodimo, vse pa nas ne vodijo na cilj, vsaj ne racionalen. V diplomski nalogi so predstavljeni vsi sestavni deli zalednega sistema, izbrane arhitekture in dobre prakse pri zavoju. Osrednji področji diplomske naloge sta izbira in analiza ogrodij iz celotnega spektra, od zelo fleksibilnih do tistih, ki nam vsiljujejo svoj način razvoja. Pozornost smo namenili tako klasičnemu skladu kot tudi modernim platformam, ki ogromno dela opravijo že iz škatle. Za potrebe lažje podaje primerjave smo razvili rešitev, ki rešuje problem iz realnega sveta. backend systems, serverless, firebase, express.js, django rest framework