Search

Tema ovog završnog rada je izrada web-aplikacije za ocjenjivanje i prikaz kvalitete zraka za određenu lokaciju. U svrhu izrade aplikacije korišteni su razni alati. Baza podataka izrađena je u PostgreSQL-u. Za implementaciju serverske komponente korišten je programski jezik Java kojeg koristi Spring Boot, dok je za klijentsku stranu korištena JavaScript biblioteka React. Funkcionalnosti aplikacije su prikaz statistike za određeno mjesto kroz vrijeme te unos ocjene kvalitete zraka. Korisnik unosom ocjene kvalitete zraka može pomoći u čuvanju svog zdravlja te zdravlja ljudi oko sebe. The topic of this thesis is the creation of a web-application for evaluating and reviewing air quality for a specific location. Different tools were used to create the application. The database was created in PostgreSQL. The Java programming language and Spring Boot technology were used to implement the backend of the application, while React, a JavaScript library was used for the frontend. The functionalities of the application are the display of statistics for a specific place over time and the evaluation of the air quality. By evaluating air quality, users can help preserve their health and the health of the people around them.

Ovaj rad se bavio izradom web aplikacije za upravljanje bazama podataka. Dijelove aplikacije čini klijent, poslužitelj i poslužitelj baze podataka. Klijent je Angular TypeScript projekt kojim je izgrađeno korisničko sučelje. Poslužitelj je Spring Boot projekt u Javi. Poslužitelj koristi odgovarajuće tehnologije kojima pretvara XML datoteku u bazu podataka na PostgreSQL poslužitelju baze podataka. Osim pretvorbe XML datoteke u bazu podataka aplikacija omogućava korisnicima uređivanje njihovih baza i tablica te izvoz njihove baze podataka u XML formatu. This paper dealt with the development of a web application for database management. The application consists of a client, a server, and a database server. A client is an Angular TypeScript project that builds a user interface. The server is the Spring Boot project in Java. The server uses appropriate technologies to convert the XML file to a database on the PostgreSQL database server. In addition to converting an XML file to a database, the application allows users to edit their databases and tables and export their database in XML format.

Kako bi se ubrzao i unaprijedio razvoj novih programskih rješenja uobičajena je praksa koristiti dobro definirana vanjska programska sučelja (engl. Application Programming Interface, API). Neka sučelja zahtijevaju identificiranje aplikacija preko identifikacijske oznake ili API ključa. Ovaj rad opisuje izradu web aplikacije za izradu bloga koja je integrirana s pet različitih programskih sučelja. Za svako programsko sučelje opisan je način korištenja, a za one koji zahtijevaju identifikaciju, opisan je postupak dolaska do identifikacijske oznake ili API ključa. In order to accelerate and improve the development of new software solutions, it is common practice to use well-defined external programming interfaces (APIs). Some APIs require application identification by using an identification token (clientId) or API key. This paper describes the development of a web application for blog development that is integrated with five different programming interfaces. The usage method is described for each API and for those that require identification, the procedure of accessing the identification token or API key is also described.

Potrebna znanja za izradu diplomskog rada su poznavanje React biblioteke, HTML, CSS, JavaScript-a, znanje Java programskog jezika, poznavanje Spring Boot okvira te znanja baza podataka. Prije svega dizajnirana je baza podataka u koju su se spremali svi podaci korišteni u aplikaciji. Aplikacija rješava problem praćenja količina zbrinutog otpada u reciklažnom dvorištu stoga je kreirano korisničko sučelje koje omogućuje upisivanje osobe koja je predala otpad na zbrinjavanje te kategorije i količine otpada. Aplikacija omogućuje pregled raznih statistika koje olakšavaju donošenje poslovnih odluka kao što su radni dani, godišnji odmori, veličine kontejnera za pojedine kategorije i slično. Administrator ima mogućnost registrirati reciklažna dvorišta te dodavati nove gradove koji još nisu spremljeni u bazu. Svi ostali ljudi mogu aplikaciju koristiti tako da upišu svoj OIB te dobiju informacije o količinama otpada koje su osobno predali. Necessary knowledge for the preparation of the thesisi are knowledge of the React library, HTML, CSS, JavaScript, knowledge of the Java programming language, knowledge of the Spring Boot framework and knowledge of databases. First of all, a database was designed in which all the dana used in the application where stored. The application solves the problem of monitoring the amount of waste disposed of in the recycling yard, so a user interface has been cerated that allows you to register the person who recycled waste also as category and weight of that waste. The application allows you to view various statistics that faciliate business decisions such as working day, vacations, container sizes for certain categories. The administrator has the ability to register recycling yards and add new cities that have not yet been saved to the database, All other people can use the application by entering their ID number and getting information about amount of waste they have personally recycled.

Cilj završnog rada bio je izgraditi interaktivnu web trgovinu. Aplikacija podržava više vrsta korisnika. Svaki korisnik ima mogućnost pregledavanja kataloga proizvoda razvrstanih po različitim kriterijima, pregled recenzija za određene proizvode te dodavanje istih u košaricu. Registrirani korisnik dodatno može uređivati vlastiti profil, ostavljati recenzije te kreirati narudžbe. Administrator, osim što ima sve ovlasti korisnika, dodatno uređuje katalog proizvoda dodavanjem i brisanjem određenih kategorija i proizvoda te ima uvid u aktivne narudžbe i brine se o isporuci istih. Odabrana tehnologija za bazu podataka je PostgreSQL. Za ostvarenje poslužiteljske strane korištene su tehnologije: Java, Maven, Spring Boot, Spring Data JPA i Spring Security. Dok su za ostvarenje klijentske strane korištene tehnologije: JavaScript, HTML, CSS, Axios, React i Bootstrap. The goal of the final thesis was to create an interactive online store. The application supports multiple user roles. Each user has the ability to browse product catalogs sorted by different criteria, view reviews for specific products and add them to the cart. The registered user can additionally edit his own profile, leave reviews and place orders. The administrator, in addition to having all the powers of the user, additionally edits the product catalog by adding and deleting certain categories and products, and has insight into active orders and takes care of their delivery. The technology chosen for the database is PostgreSQL. The server side was implemented with the following technologies: Java, Maven, Spring Boot, Spring Data JPA and Spring Security. While the client side was implemented with: JavaScript, HTML, CSS, Axios, React and Bootstrap.

U ovom radu obrađena je tema udaljenog naručivanja u ugostiteljskim objektima tj. prvenstveno restoranima. Početak rada se bavi problemom i zahtjevima aplikacije. Sljedeće poglavlje bavi se korištenim tehnologijama koje su Spring Boot za backend i Vue.js za frontend. Nakon toga je poglavlje u kojem je obrađena arhitektura aplikacije i njezina baza podataka. Na kraju je poglavlje u kojem je prikazano korisničko sučelje aplikacije u kojem je objašnjeno njezino korištenje. Rad završava zaključkom. The topic of this thesis is remote ordering in restaurants. The start of the thesis is tackling the problems and requests of the application. Next chapter describes used technologies which are Spring Boot for backend and Vue.js for frontend. After that, there is a chapter about architecture of the application and its database. Last chapter describes user interface and how its used. Thesis ends with conclusion.

U ovom radu opisan je proces razvoja i izrade web aplikacije za prikaz voznog reda. Opisana su već postojeća programska rješenja te su analizirani funkcionalni i nefunkcionalni zahtjevi aplikacije. Nadalje, opisan je cijela arhitektura sustava. Prikazan je relacijski model podataka te opisan izgled i svrha svakog entiteta. Obrađena je i višeslojna arhitektura na poslužiteljskoj strani aplikacije, konkretno Spring Boota te pobliže objašnjena funkcija svakog sloja. Također, navedene su i ukratko objašnjene glavne komponente na korisničkoj strani aplikacije kao i korištene dodatne biblioteke. Naposlijetku, pobliže su opisane sve funkcionalnosti aplikacije kao i tehnologije koje su korištene u razvoju aplikacije. This paper describes the process of development and implementation of web application for transportation timetable display. Existing software solutions are described, and the functional and non-functional requirements of the application are analysed. Furthermore, the entire system architecture is described. A relational data model is presented that describes the appearance and purpose of each entity. The multi-layered architecture on the server side of the application is also explained, specifically Spring Boot, and the function of each layer is described in more detail. The main components on the user side of the applications are explained as well as the additional libraries that are being used. Finally, all the functionalities of the applications are described in detail as well as the technologies used in the application development.

Tema ovog završnog rada izrada je web-aplikacije za praćenje invazivnih vrsta na području države. Invazivne vrste veliki su ekološki problem i uključivanjem javnosti olakšavamo njihovo praćenje. Aplikacija je implementirana bazom podataka PostgreSQL, s poslužiteljske strane okvir je Spring Boot, a s klijentske strane koristi se okvir React Native. Aplikacija se pomoću alata Expo pokreće na emuliranom uređaju kojeg nudi Android Studio. Sama aplikacija korisniku omogućava pregled trenutnih invazivnih vrsta u državi, kao i pregled broja zapisa za njih. Svaki korisnik može unijeti novi zapis, no samo registriranim korisnicima to se bilježi te mogu postati dio statistike na rangiranoj listi. Administrator sve podatke može pregledavati, dodavati i brisati. The topic of this final paper is the development of a web-application for monitoring invasive species in the country. Invasive species are a major environmental problem and by involving the public we make it easier to monitor them. The application is implemented in the PostgreSQL database, the backend framework is Spring Boot, and React Native is used on the frontend side. The application is launched using the Expo tool on an emulated device offered by Android Studio. The application itself allows the user to view the current invasive species in the country, as well as view the number of records for them. Each user can enter a new record, but only registered users are recorded and can become part of the statistics on the leaderboard. The administrator can view, add and delete all data.

U današnjem svijetu ubrzanog razvoja softvera, potrebe za ispunjavanjem sve većeg broja zahtjeva prema web-servisima te potrebe za globalnom dostupnosti tih web-servisa, popularnost mikroservisne arhitekture je u velikom porastu. Porast popularnosti može zahvaliti dobroj skalabilnosti, visokoj razini modularnosti te decentralizaciji politike. Za razliku od monolitne arhitekture, mikroservisni sustav podijeljen je na komponente s vrlo specifičnim zadaćama. Raspodjelom sustava na komponente nastaje problem komunikacije među komponentama. Jedan od najpopularanijih načina rješavanja tog problema je primjena REST-a. REST-om se mogu postići dobre performanse sustava, no kada se radi o malim količinama podataka, komunikacijskim kanalom prolazi veća količina “beskorisnih” nego “vrijednih” informacija. Jedna od alternativa REST-u je komunikacija porukama koja je idealna za komunikaciju malim porukama na principu objavi/pretplati. Uz to pogodna je i za komunikaciju s IoT uređajima te im olakšava komunikaciju sa mikroservisnim sustavima koji komuniciraju porukama. Tema ovog rada je definiranje slabih točaka komunikacije porukama, ponuditi rješenja za te probleme te ih implementirati na studijskom primjeru sustava. In today's world of rapid software development, ever increasing need for globally available and rugged Web services, popularity of microservice architecture has highly increased owing it to great scalability, high level of modularity and decentralisation of policies. Compared to monolithic architecture, in microservice architecture systems are disassembled into small specialised components. However, dividing systems into small components causes problems in communication between these components. One of the most popular solution to this problem is modelling APIs based on the REST standard. Although REST systems have great performance, when it comes to sending small messages, their communication channel gets cluttered by “useless” information in message headers. So, communication based on event messaging patterns is a great alternative to exchanging small messages via REST, because it is based on publish/subscribe patterns. Most IoT devices use the same communication protocol, so it is easy to connect them to microservice systems using communication based on these patterns. This study explores downsides of using event messaging in microservice systems, suggests solutions to these downsides and implements them in a case study of the system.

Ovaj rad se sastoji od analize dostupnih aplikacija za raspodjelu zadataka i upravljanje osobnim zadacima, izrade programskog rješenja, stvaranja dokumentacije i uputa za uporabu. Oblikovano je programsko rješenje nad bazom podataka te je omogućena evidencija osobnih zadataka i aktivnosti. Aplikacija pruža funkcionalnost upozoravanja o narednim obavezama i događajima tako da na naslovnoj stranici prikazuje sve zadatke kojima se bliži rok. Korisnike za zadatke kojima su rokovi prošli, a zadaci nisu završeni, se obavještavaju tako da zadatak bude bojan crvenom bojom. Aplikacija pruža funkcionalnost statističke analize zadataka. Omogućava filtriranje po projektima i datumima početka i završetka zadataka, prikazuje ukupan broj zadataka te broj zadataka pojedinačnog statusa. Također prikazuje ukupno i prosječno trajanje svih završenih zadataka. Aplikacija pruža funkcionalnost generiranja rasporeda vlastitih aktivnosti temeljem prioriteta i unaprijed poznatog trajanja. This paper consists of analysis of available for task management and personal task management applications, development of a software solution, creation of documentation and instructions for use. I designed my own software solution over the basic data and I enabled the recording of personal tasks and activities. The application provides the functionality of alerts about upcoming obligations and events so that they show all the tasks that are approaching the deadline on the home page. Users for tasks that have passed deadlines and tasks have not been completed are notified in such a way that the task is colored red. The application provides the functionality of statistical analysis of tasks. Enables filtering by projects and task start and end dates, displays the total number of tasks and the number of tasks by individual status. The total and average duration of all completed tasks are also displayed. The application provides the functionality of generating a schedule of own activities based on priorities and predetermined duration.

U radu „Mobilna aplikacija za provođenje inventure na temelju detekcije barkoda iz slike“ prikazan je način izrade aplikacije i njezina implementacija. Prikazane su funkcionalnosti aplikacije, opisane tehnologije i alati koji su korišteni prilikom razvoja. In this thesis the process of creation and implementation of a stocktaking app is explained and shown in detail, the applications functionality is shown as well as the tools and technologies used during its development.

U ovom radu obrađen je postupak izrade baze podatka i web-aplikacije za glazbene albume. Model baze podataka obuhvaća sve relevantne podatke vezane za glazbenu industriju, prvo je opisan ER model, koji je zatim pretvoren u relacijski i onda implementiran u sustavu PostgreSQL. Korisničko sučelje intuitivno je, sigurno i jednostavno za korištenje, omogućuje dohvat i pohranu potrebnih podataka u bazu. Implementacija korisničkog sučelja ostvarena je u radnom okviru Spring, specifično modulu Spring Boot i u JavaScript biblioteci React. This paper deals with the process of creating a database and web application for music albums. The database model includes all relevant data related to the music industry, the ER model is described first, which is then converted to a relational one and then implemented in the PostgreSQL system. The user interface is intuitive, secure and easy to use, allowing you to retrieve and store the necessary data in the database. The implementation of the user interface was accomplished in the Spring framework, specifically the Spring Boot module, and in the React JavaScript library.

U ovom završnom radu prikazan je postupak izrade aplikacije za vođenje podataka o studentima i zaposlenicima studentskog doma te događajima koji se odvijaju u studentskom domu. U web-aplikaciji postoji više uloga koje korisnik može imati te je za svaku izrađeno zasebno korisničko sučelje. Omogućeno je korištenje dijelova aplikacije javnim korisnicima. U radu su najprije definirani funkcionalni zahtjevi. Zatim je detaljno objašnjena izrada baze podataka koja je ostvarena uporabom sustava za upravljanje bazom podataka PostgreSQL. Nakon opisa izrade baze podataka slijedi objašnjenje postupka implementacije aplikacije koristeći radni okvir Spring Boot i knjižnicu React. Na kraju su napisane detaljne upute za korištenje aplikacije. This final paper shows the process of web application design for a student dormitory that provides data management service to its students and employees. Web application enables different interface for each role that user can have. Users who are not registered can use some parts of the app. Firstly, the paper defines functional requirements. Then follows a detailed explanation of database creation using a database management system PostgreSQL. Furthermore, the paper shows an explanation of web application implementation process using Spring Boot and React. Lastly, there is a detailed user guide.

U ovom završnom radu opisan je proces izrade programskog sustava za veleprodajnu tvrtku. Prvo je modelirana i implementirana baza podataka u PostgreSQL-u, a zatim i web aplikacija korištenjem programskih jezika Java i JavaScript, odnosno radnih okvira Spring Boot i React.js. Ostvareno je praćenje svih aspekata rada tvrtke, poput pohranjivanja, izmjene i brisanja podataka o zaposlenicima, proizvodima, poslovnim partnerima, računima, primkama te skladištima i stanjima skladišta. Osim navedenih funkcionalnosti, pružena je mogućnost analize poslovanja putem grafičkog prikaza statistika vezanih za promet grupiran po raznim kategorijama. This bachelor thesis describes the process of creating a software system for a wholesale company. The database was modeled and implemented in PostgreSQL, and then the web application using the Java and JavaScript programming languages, more precisely the Spring Boot and React.js frameworks. Monitoring of all aspects of the company's work was achieved, such as storing, modifying and deleting data on employees, products, business partners, invoices, receipts, and warehouses and warehouse balances. In addition to the above functionalities, the possibility of business analysis is provided through a graphical display of statistical data relating to turnover grouped by various categories.

En el presente Trabajo Final de Grado (TFG) se pretende desarrollar una plataforma web de cálculos geotécnicos para el Área de Ingeniería del Terreno del Departamento de Ingeniería Civil de la Universidad de Alicante. La idea es permitir que los estudiantes del Grado de Ingeniería Civil puedan crear proyectos y realizar cálculos específicos relacionados con el terreno. Concretamente, se busca diseñar una plataforma ampliable que incorpore de inicio un cálculo de la presión admisible usada para cimentaciones superficiales en roca según la Guía de Cimentaciones en Obras de Carretera y otro cálculo del potencial de licuefacción de suelos según el Eurocódigo 8 (EC-8) y la Norma de Construcción Sismorresistente (NCSE-02). Para el desarrollo de la aplicación backend se utilizará Java 8 como lenguaje principal junto con el framework Spring Boot y el ORM Hibernate. Para la parte frontend se emplearán las tecnologías HTML, CSS y Javascript a partir de los frameworks Vue.js y Bootstrap. This Final Degree Project (TFG) aims to develop a web platform for geotechnical calculations for the Geotechnical Engineering Area of the Civil Engineering Department of the University of Alicante. The idea is to allow students of the Civil Engineering Degree to create projects and perform specific calculations related to the ground. Specifically, the aim is to design an extendable platform that incorporates from the start a calculation of the allowable bearing pressure used for surface foundations in rock according to the Guide to Foundations in Road Works and another calculation of the potential for soil liquefaction according to Eurocode 8 (EC-8) and the Earthquake Resistant Construction Standard (NCSE-02). For the development of the backend application, Java 8 will be used as the main language together with the Spring Boot framework and the Hibernate ORM. For the frontend part, HTML, CSS and Javascript technologies will be used from the Vue.js and Bootstrap frameworks. En el present Treball Final de Grau (TFG) es pretén desenvolupar una plataforma web de càlculs geotècnics per a l'Àrea d'Enginyeria de l'Terreny de el Departament d'Enginyeria Civil de la Universitat d'Alacant. La idea és permetre que els estudiants de l'Grau d'Enginyeria Civil puguin crear projectes i realitzar càlculs específics relacionats amb el terreny. Concretament, es busca dissenyar una plataforma ampliable que incorpori d'inici un càlcul de la pressió admissible usada per a fonaments superficials en roca segons la Guia de Fonamentacions en Obres de Carretera i un altre càlcul de l'potencial de liqüefacció de sòls segons l'Eurocodi 8 (EC-8 ) i la Norma de construcció sismoresistent (NCSE-02). Per al desenvolupament de l'aplicació backend s'utilitzarà Java 8 com a llenguatge principal juntament amb el framework Spring Boot i el ORM Hibernate. Per a la part frontal es faran servir les tecnologies HTML, CSS i Javascript a partir dels frameworks Vue.js i Bootstrap.

El trabajo resulta en un producto software que puede ser ejecutado en un dispositivo móvil de cualquier particular con la finalidad de dar la capacidad a los posibles usuarios de acceder a diferentes actividades propuestas en diferentes itinerarios englobados en ubicaciones específicas bajo criterios de rango de fechas, presupuesto y distancia según ubicación de una localidad. El producto se ha desarrollado mediante metodología Agile basado en historias de usuario que representan las funcionalidades requeridas con una clara diferenciación entre backend y frontend. Backend implementado en tecnología Spring Boot haciendo uso de la plataforma Cloud Heroku para su disponibilidad y frontend implementado con tecnología Ionic y disponibilidad en Apache Cordova para su compilación en diferentes dispositivos, siendo el testeo realizado en Android. El resultado obtenido ha sido el esperado con respecto a la finalidad principal y requisitos, siendo un producto mínimo viable con capacidad de mejora en el algoritmo de generación de itinerario de actividades, en las fuentes de obtención de actividades para los itinerarios y en las plataformas Cloud de disponibilidad de backend. The output of this work is a software product which can be run in each smartphone with the aim of giving capacity to the potential users to show the different activities available embedded in different itineraries. Each itinerary has specific criteria of location, date range, distance between it and activity location and maximum limit budget. The product was developed with Agile methodology based in user stories to get the main functionality requirements with a clear difference beside frontend and backend. Backend implemented with Spring Boot technology with Heroku Cloud platform as availability tool of it and frontend implemented with Ionic technology with Apache Cordova as an availability tool. It provides the capacity of compile the frontend to different kind of device operating systems although Android is the one to use as testing environment. The output was the expected one align with the main aims and its requirements. It is a minimal viable product with a huge improvement capacity in the itinerary algorithm generation, in the sources number to obtain the activities for the itineraries and in the Cloud platform as the backend availability tool. El treball resulta en un producte programari que pot ser executat en un dispositiu mòbil de qualsevol particular amb la finalitat de donar la capacitat als possibles usuaris d'accedir a diferents activitats proposades en diferents itineraris englobats en ubicacions específiques sota criteris de rang de dates, pressupost i distància segons ubicació d'una localitat. El producte s'ha desenvolupat mitjançant metodologia Agile basat en històries d'usuari que representen les funcionalitats requerides amb una clara diferenciació entre backend i frontend. Backend implementat en tecnologia Spring Boot fent ús de la plataforma Cloud Heroku per a la seva disponibilitat i frontend implementat amb tecnologia Ionic i disponibilitat en Apatxe Cordova per a la seva compilació en diferents dispositius, sent el testatge realitzat en Android. El resultat obtingut ha estat l'esperat respecte a la finalitat principal i requisits, sent un producte mínim viable amb capacitat de millora en l'algorisme de generació d'itinerari d'activitats, en les fonts d'obtenció d'activitats per als itineraris i en les plataformes Cloud de disponibilitat de backend.

Кваліфікаційна робота включає пояснювальну записку (64 с., 31 р.) Об’єкт розробки – корпоративна комп’ютерна система формування кадрового потенціалу. Мета розробки – комп’ютерна система, що дозволяє користувачам які зареєстровані від імені компанії створювати та поширювати тести будь-яких типів, на користувачів які зареєстровані для проходження тестів. Система має відкритий прикладний програмний інтерфейс що дозволяє інтегрувати її у вже існуючі додатки. В ході розробки: – сформульовані основні вимоги до системи; – розроблена розширювана архітектура системи; – розроблена структура бази даних системи; – розроблено веб-додаток; Основні характеристики та можливості системи: створення, редагування, перегляд та видалення тестів, поширення тестів на користувачів, проходження тестів користувачами, перевірка та відгук на тести, відкритий прикладний програмний інтерфейс, безпека реалізована через підхід JWT. Для розробки використані наступні технології: мова програмування Java, фреймворк для розробки веб-додатків Spring та його складові: для роботи з базою даних Spring Data/JDBC, для створення безпечного середовища Spring Security, база даних PostgreSQL, інструмент автоматизації збірки проєктів Maven. Поліпшення системи можливо за допомогою додавання клієнтської частини додатку, винесення сервісів як окремі мікро-сервіси. Qualification work includes an explanation note (64 p., 31 pictures). The object of development is corporate human resources building computer system. The purpose of the development is a computer system that allows users who are registered on behalf of the company to create and distribute tests of any type to users who are registered to take the tests. The system has an open application programming interface that allows you to integrate it into existing applications. During development: – the basic requirements to the system are formulated; – developed scalable system architecture; – the structure of the system database is developed; – developed a web application; Key features and capabilities of the system: creating, editing, viewing and deleting tests, distributing tests to users, passing tests by users, checking and responding to tests, open application programming interface, security implemented through the JWT approach. The following technologies were used for development: Java programming language, Spring web application development framework and its components: for working with Spring Data / JDBC database, for creating a secure Spring Security environment, PostgreSQL database, Maven project build automation tool. Improving the system is possible by adding the client part of the application, making services as separate micro-services.

Hoy en día es difícil no utilizar la tecnología para el apoyo en tareas que ayuden en servicios a los usuarios, herramientas, control de calidades e incluso en la gestión interna de una empresa. La aplicación surge de la necesidad que tiene la empresa, Salitre, de automatizar procesos de gestión tanto de sus clientes y productos así como también de sus facturas. El programa está desarrollado principalmente en Springboot y Bootstrap, incluso se ha utilizado JQuery para alguna interacción de la web. Para la parte de almacenamiento de los datos, se ha utilizado una base de datos en MySQL. La finalidad principal en el desarrollo ha sido construir una aplicación completa con un diseño minimalista y sencillo. Las necesidades de gestión están completamente cubiertas al permitir crear, editar y eliminar clientes, productos y facturas. Adicionalmente se permite la exportación de facturas en dos formatos (considerados los más comunes): pdf y excel. La aplicación está creada para las necesidades actuales, pero está adaptada a futuras modificaciones e incluso a la adición de nuevos módulos. Finalmente, el cliente puede interactuar con la aplicación de una manera muy sencilla e intuitiva y obtener un control de todas las etapas de gestión en su empresa. Avui dia és difícil no utilitzar la tecnologia per al suport en tasques que ajudin a serveis als usuaris, eines, control de qualitats i fins i tot en la gestió interna d'una empresa. L'aplicació sorgeix de la necessitat que té l'empresa, Salitre, d'automatitzar processos de gestió tant dels seus clients i productes així com també de les seves factures. El programa està desenvolupat principalment en Springboot i Bootstrap, fins i tot s'ha utilitzat JQuery per a alguna interacció de la web. Per a la part d'emmagatzematge de les dades, s'ha utilitzat una base de dades en MySQL. La finalitat principal en el desenvolupament ha estat construir una aplicació completa amb un disseny minimalista i senzill. Les necessitats de gestió estan completament cobertes a l'permetre crear, editar i eliminar clients, productes i factures. Addicionalment permet l'exportació de factures en dos formats (considerats els més comuns): pdf i excel. L'aplicació està creada per a les necessitats actuals, però està adaptada a futures modificacions i fins i tot a l'addició de nous mòduls. Finalment, el client pot interactuar amb l'aplicació d'una manera molt senzilla i intuïtiva i obtenir un control de totes les etapes de gestió a la seva empresa. Today it is difficult not to use technology to support tasks that help in user services, tools, quality control and even in the internal management of a company. The application arises from the need for the company, Salitre, to automate management processes for both its customers and products as well as their invoices. The program is developed mainly in Springboot and Bootstrap, even JQuery has been used for some web interaction. For the data storage part, a MySQL database has been used. The main purpose in development has been to build a complete application with a minimalist and simple design. Management needs are fully covered by allowing you to create, edit and delete customers, products and invoices. Additionally, invoices can be exported in two formats (considered the most common): pdf and excel. The application is created for current needs, but it is adapted to future modifications and even the addition of new modules. Finally, the client can interact with the application in a very simple and intuitive way and obtain control of all the management stages in their company.

Η παρούσα μεταπτυχιακή διατριβή θα ασχοληθεί με την εξατομικευμένη διαμοίραση αρχείων με ασφάλεια. Αρχικά παρουσιάζονται βασικές έννοιες γύρω από την ασφάλεια και την κρυπτογράφηση, προκειμένου να διευκολύνουμε τον αναγνώστη στην κατανόηση της εφαρμογής και των λειτουργιών της. Επιπροσθέτως, αναλύεται ο τρόπος παραγωγής των απαραίτητων κλειδιών και πιστοποιητικών τόσο για την Αρχή Πιστοποίησης όσο και για το χρήστη. Η κατανόηση της καθοριστικότητας της ασφάλειας δεδομένων στην εποχή μας και το πως μπορεί να εξασφαλιστεί αποτελεί τον κυριότερο σκοπό της εφαρμογής. Οι απαραίτητες λειτουργίες για τον χρήστη καταγράφονται και ενσωματώνονται με σκοπό την ομαλή λειτουργία της εφαρμογής και την ύπαρξη ορθής ροής. Ο χρήστης δύναται να εγγραφεί στο σύστημα μας, να δημιουργήσει ψηφιακή υπογραφή και να υπογράψει δικά του αρχεία τα οποία φιλοξενούνται στην εφαρμογή μας. Στη συνέχεια καθίσταται εφικτή η αποστολή τους μέσω ηλεκτρονικού ταχυδρομείου. Σκόπιμα επιλέχθηκε η υλοποίηση της εφαρμογής σε τοπικό δίκτυο ώστε να αποφευχθούν επιπλέον προβλήματα ασφάλειας καθώς και να μειωθεί η ανάγκη δημιουργίας και συντήρησης ενός διαδικτυακού ιστοτόπου από τον διαχειριστή της εφαρμογής., This dissertation will deal with secure personalized file sharing. Basic concepts around security and encryption are introduced first, in order to facilitate the reader in understanding the application and its functions. In addition, the way of producing the necessary keys and certificates for both the Certification Authority and the user is analyzed. Understanding the determinants of data security in our time and how it can be ensured is the main purpose of the application. The necessary functions for the user are recorded and integrated in order for the smooth operation of the application and the existence of a proper flow. The user can register in our system, create a digital signature and sign his own files which are hosted in our application. It then becomes possible to send them via email. analyzed. The implementation of the application on a local network was deliberately chosen in order to avoid additional security problems as well as to reduce the need for the creation and maintenance of a website by the application administrator.

[ES] La gestión deportiva hoy en día es más fácil gracias a la utilización de la tecnología. Este proyecto intenta dotar a dicho problema de una solución rápida, eficiente y sin grandes costes. Dicha solución se basa en la utilización de técnicas modernas aplicadas al diseño de las bases de datos, utilizando a la vez una comunicación asíncrona entre la parte servidor y la parte del cliente, mediante API REST. Para ello se usa el framework Ionic basado en Angular para proporcionar una aplicación Android como iOS para todo tipo de usuarios., [EN] Sports management today is easier thanks to the use of technology. This project tries to provide this problem with a quick, efficient and cost-free solution. This solution is based on the use of modern techniques applied to the design of the databases, using at the same time an asynchronous communication between the server part and the client part, through REST API. For this, the Ionic framework based on Angular is used to provide an Android application such as iOS for all types of users.

[Resumen] La finalidad del proyecto es proporcionar una aplicación web a los usuarios de los principales servicios de streaming (Netflix, HBO, Disney +, Movistar + o Prime Video) para que puedan llevar un seguimiento de las películas y series que vean, puntuarlas y comentarlas de forma que los usuarios puedan interactuar entre ellos. El Backend de la aplicación está desarrollado en Java EE usando el Framework de Spring Boot. Para la persistencia de datos usamos JPA y MySQL. Para la comunicación entre el backend y el Frontend de la aplicación se recurre a una API REST. El frontend consiste en una aplicación Single Page Application (SPA) implementada en Javascript, usando los frameworks React y Redux. Estos servicios de streaming no ofrecen ninguna API para poder consultar su catálogo. Sin embargo, existen APIs de terceros que sí lo hacen, aunque en general, no de forma gratuita. En el proyecto se usa una API que da información sobre el catálogo de Netflix de manera gratuita, pero limita el número de consultas diarias. El modelado de datos utilizado en el presente trabajo es independiente del servicio de streaming. [Abstract]The purpose of the project is to provide a web application to users of major streaming services (Netflix, HBO, Disney +, Movistar + or Prime Video) so they can keep track of the movies and series they watch, rate them and comment on them so that users can interact with each other. The backend of the application is developed in Java EE using the Spring Boot framework. For data persistence we use JPA and MySQL. For the communication between the application’s backend and frontend we use a REST API. The frontend consists of a SPA application implemented in Javascript, using the React and Redux frameworks. These streaming services do not offer any API to query their catalog. However, there are third-party APIs that do, although in general, not for free. The project uses an API that gives information about the Netflix catalog for free, but limits the number of daily queries. The data modeling used in this work is independent of the streaming service. Traballo Fin de Grao. Enxeñaría Informática. Curso 2020/2021

В Ñ Ð¾Ð´Ðµ данной работы было разработано веб-приложение для взаимодействия студентов внутри ÑÑ‚ÑƒÐ´ÐµÐ½Ñ‡ÐµÑÐºÐ¸Ñ Ð³Ñ€ÑƒÐ¿Ð¿. Для этого в работе была поставлена цель, которая декомпозирована на задачи. В первой главе Ð¿Ñ€Ð¾Ð¸ÑÑ Ð¾Ð´Ð¸Ñ‚ анализ предметной области, описаны собранные требования пользователей для определения функционала будущего приложения. После определения функционала, во второй главе были выбраны Ñ‚ÐµÑ Ð½Ð¾Ð»Ð¾Ð³Ð¸Ð¸ для реализации проекта и указаны преимущества Ð²Ñ‹Ð±Ñ€Ð°Ð½Ð½Ñ‹Ñ Ð¿Ð¾Ð´Ñ Ð¾Ð´Ð¾Ð². В третей главе описывается база Ð´Ð°Ð½Ð½Ñ‹Ñ , упоминаются все сущности, связи между ними и Ð¸Ñ Ð°Ñ‚Ñ€Ð¸Ð±ÑƒÑ‚Ñ‹. После этого Ð¿Ñ€Ð¾Ð¸ÑÑ Ð¾Ð´Ð¸Ñ‚ описание реализации серверной и клиентской частей приложения, указаны способы Ð¸Ñ Ð²Ð·Ð°Ð¸Ð¼Ð¾Ð´ÐµÐ¹ÑÑ‚Ð²Ð¸Ñ для достижения правильного функционирования разделов веб-приложения. В четвёртой главе были приведены результаты тестирование функционала Ð²ÑÐµÑ Ñ€Ð°Ð·Ð´ÐµÐ»Ð¾Ð² проекта и апробации работы. Указаны ошибки в работе приложения и замечания Ñ€ÐµÐ°Ð»ÑŒÐ½Ñ‹Ñ Ð¿Ð¾Ð»ÑŒÐ·Ð¾Ð²Ð°Ñ‚ÐµÐ»ÐµÐ¹, которые были зафиксированы и в дальнейшем исправлены исправлены для корректной работы., In the course of this work a web application for the interaction of students within student groups has been developed. For this work a goal has been set and decomposed into tasks. The first chapter analyzes the subject area, describes the collected user requirements to determine the functionality of the future application. After defining the functionality, in the second chapter, technologies for the implementation of the project were selected and the advantages of the selected approaches were indicated. The third chapter describes the database, mentions all entities, relationships between them andtheir attributes. After that, there is a description of the implementation of the server and client parts of the application, the ways of their interaction are indicated to achieve the correct functioning of the sections of the web application. In the fourth chapter, the results of testing the functionality of all sections of the project and approbation of work were presented. Errors in the operation of the application and comments of real users are indicated, which were fixed and subsequently corrected for correct operation.

[Resumo] O obxectivo deste proxecto consiste no deseño e implementación dunha aplicación web inspirada nas necesidades dunha empresa familiar de venta de gravados. Esta aplicación debe ter a función de realizar pedidos pagándoos de forma online e debe permitir a un usuario administrador ter o control tanto dos pedidos como dos usuarios creados en dita aplicación. A lóxica de negocio esta comprendida no backend, o cal consiste nunha API REST programada en Java xunto co framework Spring Boot. Este backend utiliza tamén MySQL para persistir os datos da aplicación. O frontend da aplicación consiste nunha aplicación SPA desenvolta utilizando Javascript xunto cos frameworks React, Material-UI e a libraría Redux. [Abstract] The goal of this project is to design and implement a web application inspired by the needs of a family business which makes and sells prints. This application must have the functionality to make orders by paying them online and must allow an administrator to have the control over both orders and users created in the application. The bussiness logic is included in the backend, which consists in a REST API programmed in Java along with Spring Boot. This backend also uses MySQL to persist the application’s data. The application’s frontend consists of a SPA developed using Javascript along with the frameworks React, Material-UI and the library Redux Traballo fin de grao. Enxeñaría Informática. Curso 2020/2021

Kvalifikācijas darbā ir aprakstīta sistēma, kas paredzēta repetitoru konsultāciju organizēšanai. Sistēmas lietotāji ir skolēni, repetitori un administratori. Sistēma piedāvās iespēju reģistrētiem lietotājiem elektroniski pierakstīties uz konsultāciju pie repetitora, aplūkot savu pierakstu vēsturi un atstāt atsauksmi par repetitoru. Lietotāji ar repetitora lomu varēs izvēlēties mācību priekšmetus, kurus viņi vēlētos pasniegt, un izveidot konsultācijas, norādot atrašanās vietu un laiku. Repetitors varēs pārskatīt savas konsultācijas, lietotāju komentārus un redzēt to lietotāju kontaktinformāciju, kas pierakstījušies pie konkrētā repetitora. Administratori sistēmā varēs piešķirt lietotājiem repetitora vai administratora lomu, izveidot mācību priekšmetu sarakstu, labot vai dzēst konsultācijas un komentārus. Sistēma implementēta Java programmēšanas valodā, izmantojot Spring Boot satvaru un Thymeleaf veidņu dzinēju. Dati tiek uzglabāti H2 datu bāzē., This qualification paper describes a system for organizing tutor consultations. The users of the system are students, tutors and administrators. The system will offer registered users the opportunity to electronically register for a consultation with a tutor, view their record history and leave feedback about the tutor. Users with the tutor role will be able to choose the subjects they would like to teach and create consultations providing the location and time. The tutor will be able to review his consultations, user comments and see the contact information of the users who have registered for the consultation with the particular tutor. Administrators will be able to give users a tutor or administrator role in the system, create a list of subjects, edit or delete consultations and comments. System is implemented in Java programming language, using Spring Boot framework and Thymeleaf template engine. Data is being stored in H2 database.

Bibliotēkas pārvaldības sistēma paredzēta bibliotēkā esošo grāmatu un to izsniegumu uzskaitei. Tās galvenais uzdevums ir atvieglot bibliotekāriem izsekošanu tam, kādas grāmatas ir pieejamas bibliotēkā, kā arī grāmatu izsniegumu reģistrēšanu, izmantojot tīmekļa lietotni. Šī sistēma ir paredzēta četrām lietotāju grupām – viesim, reģistrētam lietotājam, bibliotekāram un administratoram. Tā dod iespēju meklēt kādas grāmatas ir bibliotēkā pēc to nosaukuma, to autorus, kā arī meklēt izsniegumu pēc lietotāja vārda vai uzvārda. Bibliotekāri var veidot grāmatu izsniegumus tikai tiem lietotājiem, kuri ir reģistrējušies sistēmā, “Library management system” is for tracking books and their loans in library. It’s main goal is to simplify tracking of the books in a library and book loan creation for librarians using a web application. This library management system is intended for 4 user roles – guest, registered user, librarian and administrator. It provides the oppurtunity to search for books in library by their titles, book authors and also book loans by reader’s first and last name. Librarians are capable of issuing books to users who are registered in the system.

Como se ha podido ver a lo largo de este trabajo con Vaadin se pueden crear aplicaciones empresariales que siguen los estándares de diseño y usabilidad de una manera muy ágil, permitiendo al desarrollador disponer de un amplio número de componentes visuales que se pueden configurar y utilizar fácilmente en la aplicación. Además, al estar integrado con Spring Boot podemos utilizar los módulos de Spring para configurar la parte de seguridad de la aplicación como es el caso de Spring Security, RestTemplate para consumir servicios y también módulos de acceso a datos como JPA., As has been seen throughout this work with Vaadin, business applications that follow design and usability standards can be created in a very agile way, allowing the developer to have a large number of visual components that can be easily configured and used in the app. In addition, being integrated with Spring Boot we can use Spring modules to configure the security part of the application such as Spring Security, RestTemplate to consume service and also data access modules such as JPA., Máster Universitario en Desarrollo Ágil de Software para la Web (M188)

В данной работе рассмотрена реализация клиент-серверного приложения для управления, создания и проведения Ð³Ð¾Ð½Ð¾Ñ‡Ð½Ñ‹Ñ Ð¾Ð½Ð»Ð°Ð¹Ð½ событий в игре «GTA Online». Изучены способы проектирования API, тестирования и развертывания программного обеспечения. Разработан веб-сервис с авторизацией и аутентификацией, предоставляющий доступ к администрированию, созданию, управлению и мониторингу соревнований на базе игры «GTA Online». Были рассмотрены паттерны тестирования законченного программного обеспечения и написаны различные виды тестов: модульные и интеграционные. В Ñ Ð¾Ð´Ðµ разработки был задействован процесс непрерывной интеграции и доставки. В результате были проанализированы Ð¿Ð¾Ð´Ñ Ð¾Ð´Ñ‹ к проектированию и реализации ÑÐ¾Ð²Ñ€ÐµÐ¼ÐµÐ½Ð½Ñ‹Ñ Ð²ÐµÐ±-сервисов для оказания Ñ€Ð°Ð·Ð»Ð¸Ñ‡Ð½Ñ‹Ñ ÑƒÑÐ»ÑƒÐ³. Рассмотрены актуальные Ñ‚ÐµÑ Ð½Ð¾Ð»Ð¾Ð³Ð¸Ð¸ для разработки веб-приложений и выбран конкретный стек для реализации поставленной задачи. Оценены ныне существующие угрозы безопасности Ð¿Ð¾Ð»ÑŒÐ·Ð¾Ð²Ð°Ñ‚ÐµÐ»ÑŒÑÐºÐ¸Ñ Ð´Ð°Ð½Ð½Ñ‹Ñ Ð¿Ñ€Ð¸ Ð¸Ñ Ñ Ñ€Ð°Ð½ÐµÐ½Ð¸Ð¸ и передаче и приведены способы Ð¸Ñ Ð»Ð¸ÐºÐ²Ð¸Ð´Ð°Ñ†Ð¸Ð¸. Разработаны и введены в эксплуатацию клиентская и серверная части приложения с применением Ð¿ÐµÑ€ÐµÐ´Ð¾Ð²Ñ‹Ñ Ð˜Ð¢-Ñ‚ÐµÑ Ð½Ð¾Ð»Ð¾Ð³Ð¸Ð¹., This paper discusses the implementation of a client-server application for managing, creating and conducting online racing events in the game "GTA Online". Examined how to design APIs, tests and deploy software. A web service with authorization and authentication has been developed, which provides access to administration, creation, management and monitoring of competitions based on the game "GTA Online". Also, within the framework of this final qualifying work, the patterns of testing the finished software were considered and various types of tests were written: modular, integration. The development involved a continuous integration and delivery process. As a result, the approaches to the design and implementation of modern web services for the provision of various services were analyzed. Relevant technologies for developing web applications are considered and a specific stack is selected for the implementation of the task. The current threats to the security of user data during their storage and transmission are assessed and methods for their elimination are given. The client and server parts of the application have been developed and put into operation using advanced IT technologies.

En la actualidad, cuando algún paciente presenta alguna patología o circunstancia personal, que le impide acudir a su centro de salud más cercano, el personal sanitario se ve en la necesidad de desplazarse a los correspondientes domicilios particulares. Tras la visita al paciente, el sanitario siguiendo un protocolo preestablecido debe actualizar el historial clínico del paciente con aquella información que considere necesaria, reflejando así, su visita y seguimiento, para el caso de que fuera necesario. Como no se dispone de ninguna aplicación o herramienta, que permita a los sanitarios actualizar “in situ” el historial del paciente, éstos, al final de su jornada laboral, deben volver al centro de salud para actualizar todos los historiales médicos de los pacientes visitados. Por este motivo, el objetivo del presente proyecto es crear un sistema, que permita enviar y recibir datos desde cualquier punto de la geografía española de manera segura, dada la naturaleza sensible de los datos a tratar. Con esto, se consigue gestionar información útil y valiosa de forma rápida y más eficiente, a la vez que supone una mejora laboral para el personal sanitario que realiza la intervención. Y siempre en un contexto de máxima seguridad, siendo esto último el objetivo principal del presente proyecto. Para ello, se han utilizado diversas técnicas de seguridad con las que garantizar en todo momento la confidencialidad, integridad y disponibilidad. Se han implementado diversas medidas para ofrecer un sistema lo más fiable y robusto posible utilizando algoritmos de encriptación simétricos, asimétricos, redes VPN y certificados SSL para cada uno de los servicios utilizados. A lo largo del presente Trabajo Final de Máster se exponen todos los elementos y tecnologías utilizadas para implementar el servidor del sistema propuesto.