Search

U ovom radu opisana je izrada i struktura web aplikacije za planiranje i praćenje putovanja. Na početku rada, analizirane su tri aplikacije vezane uz planiranje i praćenje putovanja te su opisane neke od njihovih funkcionalnosti i specifičnih značajki. Zatim su opisani funkcionalni zahtjevi (obrasci korištenja) te nefunkcionalni zahtjevi. Opisana je arhitektura sustava te arhitektura i model baze podataka. Priloženi su dijagram komponenti, dijagram raspodjele te dijagrami razreda za kontrolere, servise, domenske entitete te DTO-e. Objašnjene su funkcionalnosti aplikacije i način korištenja. Opisane su tehnologije koje su korištene za izradu rada, te je na kraju napisan zaključak u kojem su iznesene mogućnosti daljnjeg razvoja aplikacije This paper describes the development and structure of a web application for travel planning and tracking. At the beginning of the paper, three applications related to travel planning and tracking were analyzed, and some of their functionalities and specific features were described. Then, the functional requirements (use cases) and non-functional requirements were described. The system architecture and the architecture and database model were explained. Component diagrams, deployment diagrams, and class diagrams for controllers, services, domain entities, and DTOs are provided. The application's functionalities and usage are explained. The technologies used in the development of the paper are described, and finally, a conclusion is written, discussing possibilities for further application development.

U ovom završnom radu implementirana je web-aplikacija za oglašavanje izgubljenih i nađenih predmeta. Na sustavu djeluju tri vrste korisnika: neregistrirani, registrirani i admin korisnik. Registrirani korisnici mogu stvarati nove oglase za pronađene ili izgubljene predmete. Mogu se javljati drugim korisnicima na njihove oglase te sa njima komunicirati u vezi nekog oglasa. Vlastiti oglas mogu zatvoriti kada smatraju da su riješili situaciju ili produljiti ako oglas istekne. Neregistrirani korisnici mogu samo pretraživati objavljene oglase, no ne vide sve podatke o njima. Admin korisnik briše oglase koje smatra neprimjerenima. Web-aplikacija ostvarena je PostgreSQL bazom podataka, Amazon S3 spremištem podataka u oblaku, React bibliotekom za izradu korisničkog sučelja i Express okvirom za izradu REST poslužitelja. In this final thesis, a web application for advertising lost and found items has been implemented. The system consists of three types of users: unregistered users, registered users, and admin users. Registered users can create new ads for found or lost items. They can respond to other users' ads and communicate with them regarding a particular ad. Users can close their own ads when they believe the situation has been resolved or extend them if the ad expires. Unregistered users can only browse published ads but do not have access to all the details. The admin user deletes ads deemed inappropriate. The web application is implemented using a PostgreSQL database, Amazon S3 cloud storage for data storage, the React library for creating the user interface, and the Express framework for building the REST server.

U okviru ovog završnog rada osmišljena je i implementirana baza podataka te web aplikacija koja omogućuje korisnicima jednostavno pretraživanje i objavljivanje recepata slastica. Baza pohranjuje sve bitne podatke o korisnicima, receptima, sastojcima, koracima izrade i recenzijama. Korišteni sustav za upravljanje bazom podataka je PostgreSQL. Web aplikacija koristi arhitekturu klijent-poslužitelj. Klijentska strana (frontend) je ostvarena uz pomoć biblioteke React.js i jezika TypeScript , a poslužiteljska (backend) uz pomoć radnog okvira Spring Boot i jezika Java. As part of this final work, a database and web application was designed and implemented, which enables users to easily search and publish dessert recipes. The database stores all important information about users, recipes, ingredients, steps of making a recipe and reviews. The database management system used is PostgreSQL. The web application uses a client-server architecture. The client side (frontend) was created with the help of the React.js library and the TypeScript language, and the server side (backend) with the help of the Spring Boot framework and the Java language.

U okviru ovog rada implementirana je web aplikacija za razmjenu poruka između korisnika u stvarnom vremenu. Aplikacija omogućuje stvaranje pojedinačnih ili grupnih razgovora. Postoji mogućnost dodavanja prijatelja preko zahtjeva za prijateljstvo te upravljanje njima. Prikazuje se status prijatelja (online, away, offline). Omogućeno je slanje tekstualnih poruka ili multimedijalnih zapisa (slike, video, datoteke). Na svaku primljenu poruku može se reagirati emoji simbolom ili se ista može podijeliti u drugom razgovoru. Poruke se primaju u stvarnom vremenu te postoji prikaz nepročitanih poruka. Aplikacija nudi i mobilni prikaz, odnosno prikaz za uređaje s malim ekranom. Aplikacija je realizirana pomoću radnog okvira NextJS, relacijske baze podataka PostgreSQL te tehnologije WebSocket za komunikaciju u stvarnom vremenu. For this paper a web application for real time chatting was developed. The application allows users to create single or group chats. The ability to add friends via friend requests and manage your friends. It displays user status which can be online, away, or offline. Users can send text messages or multimedia files like pictures, video, or files. Each received message can be reacted to with an emoji symbol, or it can be shared to another chat. Messages are received in real time and the number of unread messages is displayed next to every chat. Mobile devices are also supported. The application is built on the NextJS framework, relational database PostgreSQL and WebSocket’s for real time communication.

Za ovaj projekt bilo je potrebno napraviti web aplikaciju koja će omogućiti taekwondo klubu bolje i lakše praćenje podataka o njegovim članovima. Podaci koji se prikupljaju su o članovima, turnirima, polaganjima i lokacijama. Aplikaciju može koristiti bilo tko registracijom kao običan korisnik i tako može pregledavati njemu zanimljive podatke. Administrator može dodavati, brisati i uređivati sve podatke, korisnik ih može samo gledati. Također, administrator može objavljivati objave kako bi obavijestio sve korisnike o novim događanjima čime omogućuje bolju informiranost svih članova kluba. Za implementaciju aplikacije korišteni su „Spring Boot“ za Backend, „React“ za Frontend i „PostgreSQL“ za bazu podataka. The goal of this project was to create a web application that will enable easy and fast monitoring of the data in a taekwondo club. The app stores data about members, tournaments, locations and exams. Everyone can register and browse through the application. The administrator can add, update and delete all data, while the user can only view and browse. The administrator can also publish announcements to inform all users about the newest events that are happening in the club. „Spring Boot“ was used to implement the Backend, „React“ for Frontend and „PostgreSQL“ for database.

U ovom radu opisan je proces izrade web aplikacije za praćenje Magic: the Gathering turnira. Aplikacija prati lige u kojima se odvijaju turnire na kojima sudjeluju igrači sa svojim dekovima. Cilj aplikacije je ponuditi korisnicima dati uvid o rezultatima turnira i liga te informacije o najpopularnijim i najuspješnijim dekovima. Aplikacija je podjeljena na tri podsustava, bazu podataka, back-end i front-end. U bazi podataka se trajno čuvaju podatci koje pratimo. Za opis baze koristimo relacijski model i jezik SQL za definiranje tih relacija. Sustav za upravljanje bazom kod naše aplikacije je PostgreSQL. Back-end prima zahtjeve od front-enda, obrađuje ih i upravlja bazom podataka. Za implementaciju je korišten Spring Boot radni okvir s arhitekturom Controller-ServiceRepository. Front-end prikazuje korisniku grafičko sučelje preko kojeg može upravljati podatcima u aplikaciji. Na određenu korisnikovu akciju, poslat će zahtjev back-endu. Za implementaciju je korištena JavaScript biblioteka React. Za puštanje aplikacije u pogon korišten je servis Render koji besplatno nudi udaljene poslužitelje. Za puštanje aplikacije u pogon potrebno je koristiti Docker koji radi „virtualni konetejner“ u kojemu se aplikacija pokreće. This thesis covers the process of developing a web application for tracking Magic: the Gathering tournaments. The application tracks leagues in which tournaments take place, in which players participate with their decks. The goal of this application is to give users an insight into tournament results and league standings and provide them with information about the most popular and most successful decks. The application is split into three parts; database, back-end and front-end. The data we need to track is permanently stored in the database. To create a database, we use the relational model along with the SQL language. The database management system for our application is PostgreSQL. The back-end receives requests from the front-end, processes them and controls the database. Spring Boot framework with Controller-Service-Repository architecture was used for implementation. The front-end presents the user with a graphical interface through which he can manage data in the application. On a certain user action, a request will be sent to the back-end. JavaScript library React was used for implementation. Render, a service which provides free remote servers, was used for deployment of the application. Docker, a virtualization service which creates a “virtual container” in which an application is run, was also used to aid the deployment.

La gestión de entradas y eventos presenta una serie de problemas, tales como la reventa a precios inflados, la falta de transparencia en la gestión de eventos y la dificultad para verificar la autenticidad de las entradas. En este sentido, la tecnología blockchain y los NFTs se presentan como herramientas prometedoras para abordar estos desafíos, al ofrecer un sistema de gestión de entradas seguro, transparente y eficiente. En primer lugar, se analizarán los beneficios potenciales de utilizar blockchain y NFTs en la gestión de entradas. Estas tecnologías permiten eliminar intermediarios, reduciendo así los riesgos de fraude y reventa a precios muy elevados. Además, la transparencia y trazabilidad inherentes a la tecnología blockchain brindan a los usuarios la posibilidad de verificar la autenticidad de las entradas y rastrear su historial de transferencias. El objetivo principal de este trabajo es explorar cómo la tecnología blockchain y los NFTs pueden aplicarse en la gestión de entradas y eventos. Para ello, se empleará una metodología basada en la revisión bibliográfica y el análisis de casos prácticos. Se examinarán los diferentes aspectos relacionados con la gestión de entradas mediante el uso de blockchain y tickets NFTs, evaluando tanto sus beneficios como sus limitaciones. En resumen, este trabajo se centra en la investigación de la aplicación de la tecnología blockchain y los NFTs en la gestión de entradas y eventos. Se busca comprender y analizar cómo estas herramientas pueden solucionar problemas como la reventa de entradas, la falta de transparencia y la verificación de autenticidad. A través de una metodología rigurosa, se espera obtener conclusiones que contribuyan al avance en este campo y aporten mejoras significativas en la gestión de eventos.

Actualmente, muchos gimnasios ofrecen aplicaciones para facilitar la experiencia de sus clientes. Sin embargo, he ideado una nueva aplicación que complementa y mejora cualquier aplicación de gimnasio existente, incorporando ideas innovadoras. La aplicación cuenta con tres perfiles diferentes: administrador, monitor y cliente. La aplicación consta de: ● Comunicación sencilla: La aplicación se asemeja a una red social, permitiendo que cualquier cliente pueda comunicarse con los monitores y otros clientes. Esto proporciona una forma fácil y eficiente de solicitar información o asesoramiento sobre las actividades del gimnasio. ● Elección de actividades y monitores: La aplicación ofrece una amplia variedad de rutinas entre las que los clientes pueden elegir. Además, los clientes pueden seleccionar a un monitor disponible para guiarlos en sus entrenamientos. ● Seguimiento del ranking: Los clientes pueden hacer un seguimiento de su progreso y del ranking de sus amigos, creando una competencia amistosa y motivadora. ● Información visual de las máquinas: La aplicación muestra imágenes de todas las máquinas disponibles en el gimnasio, proporcionando información sobre cómo utilizarlas correctamente y qué zona del cuerpo trabajan. ● Información visual de las actividades: La aplicación muestra imágenes de todas las actividades registradas en el sistema, proporcionando información sobre cómo realizarlas correctamente y qué zona del cuerpo trabajan. ● Lesiones: Los clientes tendrán la función de añadir lesiones en la aplicación de esa manera podrán ver una advertencia en las actividades que implican la misma zona afectada por la lesión. ● Perfiles de administrador y monitor: Los administradores y monitores tienen acceso a herramientas especiales en la aplicación para gestionar el gimnasio, crear actividades, rutinas y hacer un seguimiento del progreso de los clientes.

[Resumen]: El sector eCommerce ha supuesto una revolución mundial en lo que a transacciones comerciales respecta y, en consecuencia al aumento disparado de su crecimiento en 2020 durante la pandemia, las ventas de este sector han crecido alrededor de un 50% desde entonces. En España, alrededor de 3.5 millones de españoles de entre 16 y 24 años adquirieron en 2022 algún tipo de producto o servicio en internet, una cifra que supera los 8 millones si se tienen en cuenta a los individuos de entre 25 a 34 años [1]. Tanto si hablamos específicamente de aplicaciones de compra-venta de primera o segunda mano (Wallapop, Vinted, etc.), como marketplaces (Amazon, Mediamarkt, etc.) o webs de negocios locales dedicados a la venta online, los vendedores o tiendas comparten en numerosas ocasiones la problemática de no saber con detalle qué rendimiento están teniendo sus anuncios sobre uno o varios artículos puestos a la venta y, en general, la ausencia de herramientas que le permitan estudiar con claridad estrategias creativas de venta que le permitan, en muchas ocasiones, dar salida al género. A partir de este problema, surge la necesidad del desarrollo de una solución software a través de una aplicación multiplataforma web y móvil, que permita gestionar y monitorizar los artículos de un eCommerce de una forma clara y eficiente. En este proyecto se aborda la creación de esta solución. [Abstract]: The eCommerce sector has brought about a global revolution in terms of commercial transactions and, as a result of the skyrocketing growth in 2020 during the pandemic, sales in this sector have grown by around 50% since then. In Spain, around 3.5 million Spaniards between the ages of 16 and 24 purchased some type of product or service on the Internet in 2022, a figure that exceeds 8 million if individuals between the ages of 25 and 34 are taken into account [1]. Whether we are talking specifically about first or second-hand buying-selling applications (Wallapop, Vinted, etc.), such as Marketplaces (Amazon, Mediamarkt, etc.) or local business websites dedicated to online sales, sellers or stores share on numerous occasions, the problem of not knowing in detail how your ads are performing on one or several items for sale and, in general, the absence of tools that allow you to clearly study creative sales strategies that allow you, in many occasions, give outlet to the genre. From this problem, the need arises for the development of a software solution through a multiplatform web and mobile application, which allows the management and monitoring of eCommerce items in a clear and efficient way. In this project, we will cover creating this solution. Traballo fin de grao (UDC.FIC). Enxeñaría Informática. Curso 2022/2023

[Resumo]: Para levar a cabo o aluguer dunha vivenda (tarefa realizada por gran parte da poboación) é preciso, entre outras, a procura da vivenda, a xestión dos gastos, a interacción cun arrendador e a procura de compañeiros. O obxectivo deste traballo é o deseño e desenvolvemento dunha aplicación web con tecnoloxías Java/Spring Boot e JavaScript/React para simplificar as tarefas de xestión relacionadas co aluguer de vivendas. A aplicación contemplará dous tipos de perfís de usuarios diferentes: arrendadores e clientes. Calquera usuario poderá realizar procuras, visualizalos detalles dunha vivenda e ver as valoracións dos arrendadores. Os usuarios con perfil de arrendador poderán poñer en aluguer os seus inmobles, así como modificalos ou dalos de baixa. Os clientes poderán acceder aos inmobles publicados na web para alugalos. A aplicación proporcionará tamén un sistema de mensaxería de texto entre os diferentes usuarios, así como para interaccionar cos anuncios de procura de compañeiros e incidencias sobre os inmobles. Incluirá unha funcionalidade para publicar os gastos e realizar os pagos, e os inquilinos poderán valorar aos arrendadores para que outros posibles arrendatarios poidan ver as súas valoracións e comentarios antes de alugar. [Abstract]: Renting a house (a task carried out by a large part of the population) requires, among other things, house searching, bills management, the interaction with a host and the search for roommates. The objective of this work is the design and development of a web application with Java/Spring Boot and JavaScript/React technologies to simplify the management tasks related to the houses rents. The application will consider two different types of user profiles: hosts and customers. Any user will be able to search, view the details of a house and see the ratings of hosts. Users with a host profile will be able to rent their properties, as well as modify or cancel them. Customers will be able to access the properties published on the web to rent them. The application will also provide a text messaging system between the different users, as well as to interact with the announcements of the search for roommates and incidences on the house. It will include functionality to post bills and make payments, and customers will be able to rate hosts so other potential customers can see their ratings and comments before rent. Traballo fin de grao (UDC.FIC). Enxeñaría Informática. Curso 2022/2023

Cloud and Blockchain-enabled case document management system that combines InterPlanetary File System (IPFS) and Hyperledger Fabric blockchain. The system aims to provide secure, transparent, and decentralized storage and management of case documents, while ensuring the privacy and confidentiality of the documents. The system further implements evidence collection from the public and providing public access to the court records.

My undergraduate thesis portfolio includes both a technical report and STS research paper. I wrote my technical report on an internship project from the summer of 2022, where I built a service development and production support API and web application. My motivations for writing about this project were that it demonstrates the development process and priorities of modern technology departments, and was the most formative engineering experience I had during my time at UVA. My STS research paper was written on how attention and engagement engineering in Meta’s social networking platforms has contributed to addiction among Generation Z, and was motivated by the increase in social media usage during the COVID-19 pandemic and the fact that I have a personal connection to the topic as a member of Gen Z. While the two papers are not connected in subject matter, they both draw attention to the way that the software architecture of modern companies is structured. The technical project is an example of one of these smaller systems that fit into a company’s suite of internal services, while the massive platforms that are the subject of the research are composed of a variety of these smaller services containing different functionalities. My technical report details a finance-area product team at a used car retailer and financer based out of Richmond, Virginia that decided to improve access and usability for various elusive, confusing, and time-consuming functionalities for service development and production support. The system falls under the category of information technology service management, which has become increasingly important to companies for increasing the efficiency of software development teams. As an intern, I achieved this using a custom API and web application that combined functionalities into a centralized suite of tools. The project, titled Service Operation Management (SOM), was built first as an ASP.NET API and later integrated with a web application. Using React and an internal design library, my mentor and I developed a user interface so these tools could be readily available for software developers in the finance area. The functionality of the tools in the SOM comes from both custom company systems and Microsoft Azure, and it has increased the agility and efficiency of the team that developed it. Plans include adding more tools, building out the administration system for customization purposes, as well as rolling the system out to other teams in the company. In the STS research paper I examined the addictive effects of Meta’s Facebook and Instagram platforms on members of Generation Z as a result of engagement and attention engineering practices, and investigated how society might remedy the negative social impacts it has had to protect future generations. Sources included research from academic databases, articles from reputable news outlets, proposed legislation, and books written by experts in the psychology or technology industries. This case study analysis covers the engineering tactics used by Meta and the relationship that they have with social media addiction in young users. Beyond that, I studied how the business models encourage Meta’s practices and how the engineering and widespread adoption of the platforms, for both personal and business uses, have formed a positive feedback loop that has caused the addiction problem to proliferate. This subject was analyzed through the lens of Actor Network Theory, where many relevant human and non-human actors were considered in addition to the ways in which the technology and end users interact with each other. I concluded by informing the reader about the failures of our legislative system, ideas for future work in the area, and recommending some paths forward to a solution. In producing these documents, I gained an immense amount of experience and skill in writing, research, and communication of technical subject matter. In producing these papers simultaneously, I was able to observe the differences in process and structure of papers that serve entirely different, yet both exist in the realm of engineering and computer science. Through writing the technical report, I improved my ability to communicate complex technical concepts to a non-technical audience. This is a valuable skill that I will leverage throughout my professional life, as I will often need to define requirements or discuss system plans with clients or management. As for the STS research paper, I will forever view technologies that I observe, use, or create with a new found understanding of their intricate construction and vast societal implications. Producing these two papers simultaneously has demonstrated the breadth of the purpose and format of engineering and technological knowledge production and communication, growing my competence and confidence as a young engineer just entering the industry.

Web development is one of the most popular fields in software development today. Unlike traditional computer programs or apps tailored to a particular operating system or device, any internet-connected device can access a website through the World Wide Web, whether it’s a phone, a tablet, a laptop, or a desktop computer. While the first websites consisted largely of static documents, over time, users and developers built upon these foundations to build sites where the server could dynamically respond to users’ requests. Today, modern websites run code on both the server and the client, allowing sites to take advantage of the strengths of both platforms to create interactive experiences. The technical portion of this paper focuses on the present state of web development through the lens of the design and implementation of a modern web application built in React using an agile development methodology. The University of Virginia Development Hub developed this application, the Clinical Decision Support Tool, for the Neonatal Antibiotic Stewardship under the supervision of David Kaufman, MD, of the University of Virginia School of Medicine. The goal of the application is to help neonatal clinicians prescribe the appropriate dosage and type of antibiotics based on several factors, including physiological characteristics such as age and weight, their symptoms, and test results. It is important for clinicians to use the most specific treatment possible to prevent antibiotic resistance, by trying to eradicate the infection completely while also attempting to minimize the side effects to the patient. The primary technologies used in the app was the React framework and the MongoDB data platform. React is an open-source frontend JavaScript library, originally developed by Facebook, that allows developers to build user interfaces out of reusable components. MongoDB is a JavaScript-based document-oriented web platform that served as the database backend for this project. JavaScript is a programming language that runs in browsers and is what makes many websites interactive. Initially, although the system collected the inputted data into a MongoDB database, there was no user-friendly way to access the data. Our internship team designed and implemented a user interface with the React framework to display this data. This enabled the user to specify an arbitrary number of filters and sorts, allowing a non-technical user to easily view the desired subset of the data. In addition, we also designed the interface to allow later extension and customization with additional features and visualizations of the relevant data. The STS portion of this paper focuses on the history of web development through the lens of Adobe Flash Player, from its release in 1996 to its discontinuation in 2020. Flash played a pivotal role in the development of the modern web, acting as a platform that unleashed the creativity of amateurs and professionals alike in remaking the web with features such as animation, interactivity, vector graphics, and video to web browsers. To determine what factors played a role in its demise, this portion analyzes the social and technological factors that initially carried it to success, as well as the changes in these factors that led to its decline. On the internet, both servers and clients must mutually understand a protocol for it to be useful. While several web standards have become universal such as IP, HTTP, HTML, CSS, and JS, others have since fallen into obscurity. Unlike other technologies which just failed to catch on or still survive in a limited capacity, Flash dominated the web for nearly a decade before being discontinued, with many historical sites that were never updated no longer being accessible. To determine what the underlying causes of Flash’s success and subsequent decline, we examine the history of the web and the role that Flash played from 1995 to today. Flash was released as a browser plugin during the first browser wars between Netscape Navigator and Internet Explorer, brining those aforementioned features to what had previously been static websites. By contrast, its downfall occurred during the second browser wars, during the rise of internet-connected mobile devices. At this time, standards committees adopted open standards such as HTML5, CSS, JS, SVG, and HLS that would replicate much of Flash’s functionality. In analyzing these events, we chose to apply the approaches of social construction of technology (SCOT), social influence, technical code, and technological stasis. We comment on how Flash suffered from technological stasis due to its emphasis on backwards compatibility, how Apple’s “walled garden” philosophy acted to exclude Flash from the iPhone, how the internet shifted from being more distributed to more centralized, and address what may have been the ultimate cause of Flash’s decline and what steps Adobe might have been able to take to prevent it.

Presentation at the Workshop "Towards a Comprehensive Middle Persian Dictionary", University of Cologne April 20-21, 2023

Cilj ovog rada bio je predstaviti i implementirati programsko rješenje za poslovne i administrativne zahtjeve noćnog kluba na primjeru njegovog specifičnog poslovanja i rada. Analiza problema i rješenje te implementacija napravljeni su na stvarnom primjeru noćnog kluba, s mogućim proširenjem i generalizacijom na veći opseg klubova sa sličnim tipom poslovanja. Pod zahtjevima noćnog kluba uzele su se u obzir administrativne i funkcionalne potrebe, poput upravljanja stanjem skladišta kluba (inventura), upravljanja zaposlenicima i dužnicima, evidencijom prometa kluba, organizacije radnih sati i rasporeda zaposlenika, kao i plaća istih. U okviru rada, provedena je analiza postojećih metoda koje su u primjeni, točnije, aplikacije Google Sheets i Google Forms te njihovih prednosti i nedostataka. Nastavno na to, razvijena je aplikacija koja bi svojom funkcionalnosti i jednostavnim sučeljem odgovarala svim iznad navedenim zahtjevima, tako poboljšavajući efektivnost obavljanja tih poslova. Aplikacija je razvijena koristeći tehnologije ASP.NET, SQL Server i React.js. The purpose of this paper was to present and implement an application for nightclub's business needs. A real world example was analysed and a solution was created that could be expanded and generalised to accommodate similar nightclubs. While gathering requirements for a new implementation, both administrative and functional need were taken into account of which some include inventory tracking, employee management, managing debtors, income tracking, creating schedules and salary calculations. This paper also analysed the usage of apps Google Sheets and Google Forms for the club's needs and their advantages and disadvantages. Following that, a new application was implemented to unify all before mentioned needs. The simple to use interface helps the job get done more effectively. The application was developed using SQL Server database and ASP.NET and React.js frameworks.

Rad opisuje implementaciju web aplikacije za potraživanje poslova. U radu su navedeni korisnički zahtjevi, korištene tehnologije, pregled sustava s navedenim mogućnostima, način izrade korisničkog sučelja, poslužitelja i baze podataka te načini komunikacije između navedenih sustava. Rezultat rada je implementirana i poslužena web aplikacija za povezivanje poslodavaca i posloprimaca. Za izradu rada korištene su tehnologije: ASP.NET Core Web API, SQL Server, Entity Framework Core, React, Material UI i Azure. The paper describes the implementation of a web application for requesting jobs. The paper lists user requirements, used technologies, an overview of the system with the specified capabilities, how to create a user interface, server, and database, and methods of communication between the specified systems. The result of the work is an implemented and served web application for connecting employers and employees. The following technologies were used to create the work: ASP.NET Core Web API, SQL Server, Entity Framework Core, React, Material UI, and Azure.

Razvoj interneta i računalnih tehnologija promijenili su način na koji komuniciramo, utjecali na kreiranje novih oblika poslovanja preselivši i trgovine na zaslone računala i pametnih telefona. Web aplikacija GreenBook specijalizirana za prodaju knjiga udovoljava zahtjevima online kupaca, a prodaju knjiga čini jednostavnijom, pristupačnijom i konkurentnijom. Aplikacija omogućuje registriranom korisniku prijavljivanje i uređivanje vlastitog korisničkog računa, pretraživanje i naručivanje svih dostupnih naslova, pregledavanje svih svojih narudžbi kao i najprodavanijih naslova te sigurno plaćanje. Poslužiteljska strana (engl. backend) napravljena je u platformi Node.js koja koristi programski jezik Javascript, dok su klijentska strana i korisničko sučelje (engl. frontend) napravljeni pomoću Javascript biblioteke (engl. library) React, HTML-a (HyperText Markup Language), osnovnog CSS-a (Cascading Style Sheets), JavaScripta te pomoću CSS okvira Bootstrap koji omogućuje jednostavno implementiranje responzivnog dizajna kao i uređivanje mrežne (engl. web) stranice. Za pohranu podataka korištena je NoSQL (Not Only SQL) baza podataka MongoDB., Development of the Internet and computer technology changed the way we communicate, infuenced the creation of new ways of business by moving the stores on to computer and smartphone screens. Web application GreenBook specialized for selling books meets the needs of online customers and makes selling books easier, more accessible and more competition worthy. Application enables the registered user to log in and edit their profile, to search and place an order of all of the titles available, to view all of their orders as well as the bestsellers and, also, enables secure payment methods. The server side is made in the platform called Node.js in which the programming language Javascript is used, while the client side and frontend are made using a Javascript library called React, HTML (HyperText Markup Language), basic CSS (Cascading Style Sheets), JavaScript and using the Bootstrap CSS framework that enables simple implementation of responsive design as well as editing of a web page. MongoDB which is a NoSQL dana base, is used for data storage.

1. INTRODUCCIÓN ……………………………………………………………………………………10 2. PLATAFORMA ESTRATÉGICA DE LA EMPRESA …………………………………………..10 3. MARCO TEÓRICO O CONCEPTUAL …………………………………………………………..12 3.1. GENERALIDADES…………………………………………………………………………………..12 3.2. DEFINICIÓN DE CONCEPTOS………………………………………………………………12 3.2.1. HTML …………………………………………………………………………………….12 3.2.2. CSS………………………………………………………………………………………. 13 3.2.3. Javascript………………………………………………………………………………. 14 3.2.4. Framework……………………………………………………………………………… 14 3.2.5. AWS ……………………………………………………………………………………… 15 3.2.6. Plataforma web……………………………………………………………………….. 15 3.2.7. Selección de candidatos……………………………………………………………. 16 3.2.8. Servicios Web………………………………………………………………………… 16 3.2.9. Microservicios…………………………………………………………………………. 17 4. DIAGNÓSTICO ESPECÍFICO DE LA EMPRESA ……………………………………………… 17 5. ACTIVIDADES DESARROLLADAS …………………………………………………………… 18 5.2. Especificar los requisitos funcionales y no funcionales del módulo del perfil de la plataforma web. ………… 19 5.3. Diseñar la arquitectura del módulo del perfil de usuario ……………. 20 5.3.1. Primera fase ………………. 20 5.4.2. Segunda fase: Llevar un control de versiones por medio de git …………….. 23 5.4. Utilizar los diferentes microservicios de la arquitectura de la plataforma de selección de candidatos para la puesta en marcha del módulo del perfil de usuario ...................... 24 5.5. Realización de pruebas unitarias sobre el microservicio de traer la información del usuario ......................... 25 6. PROPUESTA DE MEJORAMIENTO ………………………………………………………….. 27 7. APORTES DEL ESTUDIANTE ………………………………………………………………… 28 8. CONCLUSIONES ……………………………………………………………………………….. 29 9. RECOMENDACIONES ………………………………………………………………………… 30 10. BIBLIOGRAFÍA ………………………………………………………………………………. 31 ANEXOS …………………………………………………………………………………………….. 32 Pragma S.A. es una empresa de desarrollo de soluciones tecnológicas nacida en el año 1996, ubicada principalmente en la ciudad de Medellín, Antioquia, la cual busca por medio de estas soluciones facilitar la vida de las personas, mientras se crean experiencias sobresalientes y memorables en todos los canales digitales. Por lo tanto, están comprometidos con obtener resultados grandiosos, siendo responsables y parte de la solución. Así que, con base a lo anterior, la finalidad de la práctica será la de unirse a un equipo heterogéneo donde se tendrá el objetivo de construir una plataforma web para el proceso de selección de candidatos en Pragma de acuerdo a los requerimientos, definir la estructura del software de acuerdo a los requisitos funcionales y no funcionales, documentación del software, y mantener las funcionalidades del software con actualizaciones. Pregrado Ingeniero(a) de Sistemas Práctica Empresarial

Ljudi su emotivna bića i osjećaji igraju važnu ulogu u našim postupcima i odlukama. Zbog važnosti emocija za odnose s drugim ljudima sve je više pokušaja obrazovanja školske djece s ciljem podizanja njihove svijesti o važnosti i ulozi osjećaja u svakodnevnom životu. S druge strane, postoji rizik da djeca ovu temu percipiraju kao nešto nepotrebno i dosadno, te je poželjno pridobiti njihovu pozornost putem zabavnih sadržaja. Iz tog razloga osmišljena je, implementirana i testirana edukativna aplikacija namijenjena djeci predškolske dobi za učenje o emocijama. U aplikaciji su korišteni algoritmi raspoznavanja emocija iz slike lica temeljeni na računalnom vidu koji su u stanju raspoznati šest tzv. osnovnih emocija poznatih iz psihologije: ljutnju, iznenađenje, gađenje, radost, strah i tugu. People are emotional beings and feelings play an important role in our actions and decisions. Because of the importance of emotions for relationships with other people, there are many attempts to educate school children with the aim of raising their awareness of the importance and role of feelings in everyday life. On the other hand, there is a risk that children perceive this topic as something unnecessary and boring, and it is desirable to gain their attention through entertaining content. For this reason, an educational application designed for preschool children to learn about emotions was designed, implemented and tested. The application uses computer vision-based emotion recognition algorithms from facial images that are able to recognize six so-called basic emotions known from psychology: anger, surprise, disgust, joy, fear and sadness.

Cilj ovoga diplomskoga rada je odgovoriti na pitanje koja tehnologija za izradu web aplikacija omogućava stvaranja aplikacija koje su optimizirane za korisnikovu interakciju. Kako bi se dobio odgovor na definirano pitanje u ovome radu biti će prikazana implementacija dviju web aplikacija korištenjem različitih tehnologija za razvoj web aplikacija. Jedna tehnologija obradu i pripremu podataka za prikaz radi na strani korisnika dok druga taj proces radi na strani poslužitelja. Nakon implementacije aplikacija njihova funkcionalnost biti će analizirana korištenjem alata treće strane., The goal of this thesis is to answer the question which technology for creating web applications enables the creation of applications that are optimized for user interaction. To get an answer to the defined question, this paper will present the implementation of two web applications using different technologies for the development of web applications. One technology processes and renders data for display on the user's side, while the other renders data on the server side. After the implementation of the applications, their functionality will be analyzed using third-party tools.

Actualmente, el sistema sanitario español está colapsado y se producen diariamente largas listas de espera en los centros de atención primaria. Este problema se ha visto intensificado con la pandemia Covid-19, que ha revelado a las grandes masas las carencias de nuestro sistema sanitario. Los médicos se ven obligados a aumentar el cupo de pacientes que visitan en un día para dar abasto, lo que acaba afectando tanto a la calidad de la visita del paciente como a su propia salud mental. En la aplicación web que se desarrollará en este proyecto, se implementarán una serie de funcionalidades diseñadas para solucionar algunos de los problemas que padece el actual programa sanitario de atención primaria de Cataluña. Estas funcionalidades tendrán como objetivo principal reducir el tiempo que el personal sanitario invierte introduciendo o buscando información en el sistema. Nowadays, the Spanish health system is collapsed and there are long waiting lists in primary care centers everyday. This problem has intensified with the Covid-19 pandemic, which has revealed to the people the shortcomings of our health system. Doctors are forced to increase the number of patients they visit in a day to cope, which ends up affecting both the quality of the patient's visit and their own mental health. In the web application that will be developed in this project, it will be implemented some functionalities designed to solve the problems suffered by the current primary care health application in Catalonia. The main objective of these functionalities will be to reduce the time that healthcare staff spend entering or searching for information in the system.

Hay datos que no sirven absolutamente de nada. Y, en cambio, hay otros que pueden salvar el día. En el mundo de la ingeniería del software esta pequeña diferencia puede implicar o ahorrar horas y horas de refactorizaciones y de quebraderos de cabeza. Controlamos nuestra salud mediante rigurosos análisis clínicos que toman métricas de nuestro cuerpo. ¿Cómo pretendemos velar por la salud de un programa, aplicación o servicio si no es de la misma forma? La capacidad de monitorización aumenta cada día, así como las herramientas para hacerlo se vuelven más fáciles y mejores. Pero la pregunta sigue siendo la misma: ¿Qué merece la pena monitorizar? En este trabajo de final de máster trataremos de dar e implementar una respuesta a esta pregunta para un sistema de descargas remotas de datos de tacógrafos influenciado por un ámbito laboral que conlleva sus propios requisitos y necesidades.

This thesis arises from the need to update the currently used application to plan and monitor the flights carried out with drones in the Drones for Desert Locust project (dLocust) since the technology and style utilized are obsolete. The projects objective is to develop a mobile application using the most up-to-date technology possible to be used exclusively in this project, which is compatible with the Unmanned Aircraft System (UAS) operated, the Hemav Plane 2 (HP2). Drones for Desert Locust is a Hemav Foundation (HF) project. This private non-profit organization extends the companys activity within the social sphere, with the primary objective of demonstrating and promoting the commitment of UAS technology to human beings and society. The project objective is to design, develop and implement UAS and Artificial Intelligence (AI) technology to strengthen the current desert locust early warning system and preventive control strategy by focusing firstly on detecting risk areas and inspecting preswarm locust occurrences. React, React Native (RN), and Expo are leading technologies used during the applications development. React is a JavaScript (JS) library that creates declarative User Interfaces (UI) using a component-based concept. On the other hand, React Native is an opensource React-based JavaScript framework designed to build apps on multiple platforms like iOS, Android, and web applications, utilizing the same code base. At the same time, Expo is a platform that operates on top of React Native to facilitate development with this technology. Although the application cannot be tested with the HP2 in the desert in natural conditions, the results obtained with a realistic simulation avoiding the flight phase are enough to provide the applications functionality and validate it. Also, an Android Package (APK) has been built to execute the application in test mode without the simulation or drone to see how the app works. Objectius de Desenvolupament Sostenible::2 - Fam zero

El seguent article tracta de la implementació o d'un entorn d'analítiques academiques en format aplicació web. El projecte engloba dos temes principalment, la programació d'aplicacions web amb la creació d'un servidor web funcional, la implementació d'un client per introduir, demanar i visualitzar dades del servidor i una lleu introducció al tractament de dades amb l'estudi i desenvolupament d'una eina de predicció. The following article is about the implementation of an academic analytics environment in web application format. The project covers two main topics, the programming process of a web application with the creation of a functional web server, implementation of a client to enter, request and view data from the server and a slight introduction to data science with the study and development of a prediction tool. El seguente artículo trata de la implementación o de un entorno de analíticas academicas en formato aplicación web. El proyecto engloba dos temas principalmente, la programación de aplicaciones web con la creación de un servidor web funcional, la implementación de un cliente para introducir, solicitar y visualizar datos del servidor y una leve introducción al tratamiento de datos con el estudio y desarrollo de una herramienta de predicción.

Denna rapport beskriver ett kandidatarbete som genomfördes i kursen TDDD96 Kandidatprojekt i programvaruutveckling år 2023. Den produkt som framställdes under projektet är en webbapplikation för felsökning av informationsskyltar via Bluetooth och arbetet genomfördes med en agil arbetsmetodik. Syftet med denna rapport är att förklara hur projektgruppen arbetade under kandidatprojektet och skapade värde för kunden, samt att belysa både tekniska lärdomar och andra erfarenheter som projektgruppen fick under arbetet. Rapporten beskriver överförbar kunskap gällande projektarbeten respektive utveckling med Bluetooth som kan vara användbar i framtida projekt. För att dokumentera erfarenheter, skapa värde för kunden och förbättra arbetsprocessen under projektet genomfördes mätningar, testning, informationssamling, prototypframställning och utvärderingsmöten i form av retrospektiv och en muddy-cards-utvärdering. Projektgruppen har utvecklat en webbapplikation som använder sig av Web Bluetooth API för att hämta en godtyckligt stor fil givet att användaren skriver in dess sökväg i felsökningsapplikationen. För att skicka filer av godtycklig storlek delas de upp i paket som alla skickas separat. En av de främsta fördelarna med det använda API:t är att ingen nedladdning eller installation krävs men en stor nackdel är att det inte är kompatibelt med alla webbläsare. Vidare har erfarenheter såsom för- och nackdelar med mobbprogrammering, vikten av olika sprintlängder, antal scrum-möten samt uppdelning av arbete dokumenterats. Under projektet har det även visats att en systemanatomi hjälper utvecklare att dela in och se kopplingar mellan olika delar i ett system samt att kundmöten är centrala för att säkerställa att en beställd produkt är av värde för kunden.

Цель работы - создание высокопроизводительного веб-приложения, основанного на JavaScript-библиотеках React и Redux, которое будет предоставлять пользователям точные метеорологические данные в режиме реального времени в независимости от месторасположения.

Об’єкт дослідження – алгоритми роботи ППЗ, а також перехідні процеси в системі СУЗ реактора. Предмет дослідження – період реактору, який після спрацювання пришвидченого попереджувального захисту стає T < 10 секунд і виникає сигнал аварыйного захисту. Мета роботи – виявлення оптимального рішення проблеми контролю безпеки реактора в режимі пришвидшеного розвантаження блоку. В роботі було розроблено модель АкЗ для ядерного енергетичного реактора ВВЕР-1000 і змодельовано процеси при пришвидшеному попереджувальному захисті. Розглянута загальна методика розрахунку коефіцієнтів та запропонована нова технологія вирішення проблеми. Результати нової методикидають обґрунтування на використання її, під час розрахунку для модернізації алгоритмів ППЗ. The object of research is the algorithms of PPZ operation, as well as the design regulatory authorities of the reactor control and protection system. The subject of the study is the period of the reactor, which becomes T < 10 seconds after the activation of the PPZ and the AZ signal occurs. The purpose of the work is to identify the optimal solution to the problem of reactor period control in the PPZ mode In the work, the AkZ model for the VVER-1000 reactor was developed and the processes at the PPZ were simulated. The general method of calculating the coefficients is considered and a new technology for solving the problem is proposed. The results of the new method provide a justification for its use during calculation for the modernization of PPZ algorithms.

Aquest projecte es basa en la creació d'un simulador gràfic de TCP per mostrar el funcionament del protocol amb finalitats docents. Una eina gràfica ajuda en gran mesura a entendre funcionalment de TCP. Com a novetat envers altres simuladors, s'ha afegit al mateix temps enviaments automàtics amb retransmissions, probabilitat de pèrdua, dades disponibles als extrems i capacitat de "full-dúplex", o sigui gestió de dos fluxes de dades simultanis. Es detalla el procés d'anàlisi i disseny que ha permès obtenir el producte final. Primer, una llibreria amb la lògica completa de simulació, basada en l'especificació i reconamacions de la RFC9293 de TCP, que combina coneixements de Xarxes i alguns de congestió de Tecnologies Avançades d'Internet, i a més és fàcil d'importar i reutilitzar. En segona instància, una interfície web d'escriptori que a partir de les dades proporcionades per aquesta llibreria, es mostra el fluxe d'execució d'una simulació TCP altament configurable. Este proyecto se basa en la creación de un simulador gráfico de TCP para mostrar el funcionamiento del protocolo con fines docentes. Una herramienta gráfica ayuda en gran medida a entender funcionalmente de TCP. Como novedad para con otros simuladores, se ha añadido al mismo tiempo envíos automáticos con retransmisiones, probabilidad de pérdida, datos disponibles en los extremos y capacidad de hoja-dúplex, o sea gestión de dos flujos de datos simultáneos. Se detalla el proceso de análisis y diseño que ha permitido obtener el producto final. Primero, una librería con la lógica completa de simulación, basada en la especificación y recomendaciones de la RFC9293 de TCP, que combina conocimientos de "Xarxes" y algunos de congestión de "Tecnologies Avançades d'Internet", y además es fácil de importar y reutilizar. En segunda instancia, una interfaz web de escritorio que a partir de los datos proporcionados por esta librería, muestra el flujo de ejecución de una simulación TCP altamente configurable. This project is based on the creation of a TCP graphic simulator to show the operation of the protocol for teaching purposes. A graphical tool greatly helps in functional understanding of TCP. As a novelty compared to other simulators, it has been added at the same time automatic sendings with retransmissions, probability of loss, data available at the ends and full-duplex capability, that is, management of two simultaneous data flows. The analysis and design process that allowed the final product to be obtained is detailed. First, a library with complete simulation logic, based on the TCP RFC9293 specification and renamings, which combines knowledge of "Xarxes" and a few congestion concepts from "Tecnologies Avançades d'Internet", and is also easy to import and reuse. In the second instance, a desktop web interface that, based on the data provided by this library, displays the execution flow of a highly configurable TCP simulation.

The aim of this thesis is to show the development of a web application for adopting pets, with which the user can search and view various animals. Registered users will have the option of publishing ads for individual animals. In addition, it is possible to fill out a questionnaire or quiz in order to match a person with an animal that would match his conditions and habits. A forum will also be implemented where users can ask questions or share their pet-related experiences to which others can respond.

The point of the bachelor thesis will be to present and test the principles of creating so-called isomorphic web applications using the new Next.js and Meteor.js frameworks. The basic characteristic of an isomorphic web application is the sharing of code between its server and client side, in this case it is the use of JavaScript not only for the web browser, but also for the server. The implementation of the topic will focus on the creation of isomorphic applications using two new frameworks Next.js and Meteor.js, which streamline and facilitate the development of applications. Their significance and comparison with the classical creation of web applications will be elaborated, and the advantages and disadvantages of their use will be tested. In the practical part of the work, two isomorphic Single page web applications (SPA) will be created using server-side rendering (SSR), which both frameworks use. Again, a comparison of both used procedures will follow, identifying the differences, advantages and disadvantages of using Next and Meteor from a practical developer's point of view. Traditional JavaScript frameworks React and Node.js will also be used when creating a complex application.

The web application Testpersonbokaren is used by Nordic Medtest to book fake test persons for various actors in healthcare so that they can test and validate their environments without being dependent on real personal data. The purpose of this project is to develop a new version of Testpersonbokaren with new technologies and frameworks as the existing version has several problems and limitations. This was achieved by creating a Node.js server and developing two new web interfaces for Testpersonbokaren, where one is only used by Nordic Medtest and the other is used by Sweden's regions, municipalities and private actors. Both web interfaces are developed with the React framework. The new Testpersonbokaren has a more modern look and more functionality than the old one. Unlike the old version, the new one has good documentation, which makes the further development of the web application easier. The new Testpersonbokaren is ready to be put into operation at Nordic Medtest. Webbapplikationen Testpersonbokaren används av Nordic Medtest för att boka påhittade testpersoner åt olika aktörer inom hälso- och sjukvården så att de kan testa och validera sina miljöer utan att vara beroende av riktiga personuppgifter. Syftet med detta projekt är att utveckla en ny version av Testpersonbokaren med nya tekniker och ramverk då den befintliga versionen har flera problem och begränsningar. Detta uppnåddes genom att skapa en Node.js-server och utveckla två nya webbgränssnitt för Testpersonbokaren, där det ena endast används av Nordic Medtest och det andra används av Sveriges regioner, kommuner och privata aktörer. Båda webbgränssnitten är framtagna med React-ramverket. Den nya Testpersonbokaren har ett modernare utseende och mer funktionalitet än den gamla. Till skillnad från den gamla versionen har den nya bra dokumentation vilket underlättar vidareutvecklingen av webbapplikationen. Den nya Testpersonbokaren är redo att sättas i drift hos Nordic Medtest.

U ovom radu provedene su kvalitativna i kvantitativna analiza JavaScriptovih knjižnica Angular, React i Vue. Za svaku knjižnicu predstavljene su ključne značajke te analizirana je njihova popularnost, dokumentacija i lakoća učenja. Za kvantitativnu analizu, uspješno je razvijen alat za ispitivanje performansi, korištenja memorije i mrežnog prometa, a predstavljeni su i analizirani rezultati za svaku knjižnicu. U rezultatima gledajući performanse prvi je Vue, zatim Angular i zadnji je React. Vue pokazuje vrlo visok stupanj konzistentnosti, dok Angular i React pokazuju visoke performanse u specifičnim područjima. Alat za testiranje performansi razvijen je tako da je moguće analizirati performanse bilo koje postojeće tehnologije za razvoj na strani klijenta.

SPAs (Single Page Applications), die meist mit Frameworks wie React oder Angular erstellt werden, erfreuen sich dank ihrer hervorragenden User Experience und Performance zunehmender Beliebtheit. Wie auch in anderen Bereichen der Softwareentwicklung können umfangreiche Tests dazu beitragen, die Wahrscheinlichkeit von Fehlern und Bugs zu reduzieren, diese jedoch nie ganz verhindern. Dies kann sich jedoch als ein recht zeit- und personalintensiver Prozess erweisen. Automatisierte Tests können den Aufwand für sich wiederholende Aufgaben ohne Qualitätsverlust verringern. Jedoch erfordert dies wiederum in den meisten Fällen einen anfänglichen Konfigurationsaufwand und laufende Wartungen durch geschultes Personal. Während Unit-Tests, die sich auf die Funktionalität der kleinsten Teile einer Anwendung konzentrieren, und Integrationstests, die sich mit dem Zusammenspiel dieser Teile befassen, recht häufig implementiert werden, werden automatisierte E2E (End-to-End)-Tests oft vernachlässigt. Daher verfolgt diese Arbeit zwei Hauptziele: Zum einen soll ein Prozess zur effizienten Realisierung von automatisierten E2E-Tests für SPAs definiert werden. Zum anderen soll eine bestehende Anwendung, Medientransparenz, analysiert werden, um Kriterien für eine geeignete Testautomatisierungslösung festzulegen. Dazu gehören zum Beispiel ein Screenshot-Vergleich, um eingebundene Diagramme und andere Komponenten testen zu können, und die Erstellung von Testskripten mit einen Testgenerator. Darüber hinaus werden die Endnutzer von Medientransparenz analysiert, um im Testprozess die am häufigsten verwendeten Geräte und Browser abzudecken. Um eine objektive Bewertung zu gewährleisten, wird die endgültige Entscheidung mit Hilfe einer Nutzwertanalyse (NWA) getroffen, die drei bekannte Testwerkzeuge, Cypress, Playwright und Selenium (in Kombination mit Mocha und Chai), bewertet. Da sich Playwright laut der NWA als das am besten geeignete Werkzeug für die Durchführung von automatisierten E2E-Tests für Medientransparenz herausstellt, wird es in der ersten Iteration des erarbeiteten Testprozesses, einer Abwandlung des Software Testing Life Cycles, eingesetzt. Um zu definieren, welche Teile der Anwendung getestet werden sollen, werden alle Funktionalitäten in einer Mindmap visualisiert. Somit werden insgesamt 31 Testfälle definiert und erfolgreich implementiert, teils für Desktop- und teils für mobile Geräte. Um die Funktionalitäten den jeweiligen Testfällen zuzuordnen und um einen Überblick über mögliche Schwachstellen zu erhalten, wird eine Requirement Traceability Matrix erstellt. Des Weiteren wird die Ausführung dieser Testfälle in die bestehende Continuous Integration Pipeline eingebunden. Obwohl Playwright erst seit vergleichsweiser kurzer Zeit auf dem Markt ist, erweist es sich als ein sehr ausgereiftes Tool zur Erstellung von E2E-Tests für Medientransparenz. Der definierte Prozess und die bereits erstellten Testfälle, aber auch die vorgestellten Werkzeuge und Templates sind eine solide Grundlage für die Erstellung neuer und die Pflege bestehender Testfälle. Langfristig kann dies nicht nur für Medientransparenz, sondern auch für andere SPAs, zu einer zuverlässigen Test Coverage führen. SPAs (Single Page Applications), built with frameworks such as React or Angular, are becoming increasingly popular thanks to their excellent user experience and performance. Like in other areas of software development, extensive testing can help to reduce the likelihood of errors and bugs, though never prevent them completely. However, this can turn out to be a time-consuming and personnel-intensive process. Automated testing can significantly decrease the time and manpower required for repetitive (testing) tasks, while keeping their quality at the same level. In most cases this results in an initial configuration and maintenance effort conducted by trained personnel. Furthermore, while unit tests, which focus on the functionality of the smallest parts of an application, and integration tests, which deal with the interaction of these parts, are implemented quite often, automated E2E (End-to-End) tests are often neglected. Therefore, this thesis pursues two main goals: On the one hand, a process is to be defined to efficiently realise automated E2E testing for SPAs, on the other hand, an existing application, Medientransparenz, is to be analysed in order to define criteria for a suitable Test Automation Solution. These include, for example, screenshot comparison in order to be able to test integrated charts and other user interface components, and the creation of test scripts with a test generator. Furthermore, the end users of Medientransparenz are analysed in order to cover the most commonly used devices and browsers in the testing process. To ensure an objective assessment, the final decision is made with the help of a Utility Analysis (UA) which evaluates three well-known testing tools, Cypress, Playwright and Selenium (in combination with Mocha and Chai). Since according to the UA Playwright is the most suitable tool for the implementation of automated E2E tests for Medientransparenz, it is used within the first iteration of the elaborated testing process, an alteration of the Software Testing Life Cycle. In order to define which parts of the application should be tested, all functionalities are visualised in a mind map. This leads to a total of 31 test cases defined and successfully implemented, partly for desktop and partly for mobile devices. To assign these functionalities to their respective test cases and to have an overview of possible weak points, a Requirement Traceability Matrix is created. Moreover, the execution of these test cases is added to the existing Continuous Integration pipeline. Despite its relatively short time on the market, Playwright turns out to be a very sophisticated tool for creating E2E tests for Medientransparenz. The defined process and the test cases already created, but also the tools and templates presented are a solid foundation for the creation of new and the maintenance of existing test cases. In the long term, this can lead to reliable test coverage for not only Medientransparenz, but also other SPAs. Birgit Konrad Masterarbeit FH JOANNEUM 2023

Dissertação de mestrado Engenharia Informática, Os dispositivos móveis têm ganho uma enorme relevância ao longo dos últimos anos, especialmente os smartphones, que nos dias de hoje, são indispensáveis para a maioria das pessoas, tanto para a sua utilização pessoal como para a sua utilização profissional. Neste contexto e com algumas dificuldades encontradas nas unidades hospitalares, especialmente a falta de comparência dos utentes às respetivas consultas médicas e a falta de uma relação fluída entre o utente e a sua unidade hospitalar, foi proposta uma possível solução, de modo a combater esses problemas e a integrar os dispositivos móveis no acesso do utente aos cuidados de saúde. No levantamento dos problemas enumerados surgiu a ideia de criar uma aplicação mobile, precisamente para que a interação dos utentes com as suas unidades hospitalares sejam facilitadas e fluídas. Para complementar este projeto e de modo a obter um protótipo completamente funcional, foi criada ainda uma aplicação web, para os profissionais de saúde, com a capacidade de responder aos pedidos dos utentes, feitos através da aplicação mobile. Para procurar as funcionalidades a implementar nesta aplicação foi feita uma análise de mercado e um levantamento do que os utentes mais necessitam nas deslocações aos hospitais. Relativamente à estrutura da solução, a aplicação mobile foi pensada para ser utilizada em qualquer sistema operativo de um smartphone, quer seja iOS ou Android, por essa razão foi desenvolvida em React Native, a aplicação web em React, o servidor em Node.JS e a base de dados relacional em MySQL., Mobile devices have gained enormous relevance over the last few years, especially smartphones, which nowadays are indispensable for most people, both for their personal use and for professional use. Within this context and with some difficulties encountered within the healthcare facilities, especially the lack of attendance of the patients to the respective medical appointments and the lack of a fluid relationship between the patient and his healthcare facility, a solution was devised in order to overcome these problems and to integrate mobile devices in the patient’s access to health care. In surveying the listed problems, an idea to creating a mobile application emerged, precisely so that the interaction of patients with their healthcare facilities is facilitated. To make this this project functional, a prototype of the proposed solution was designed and developed, a web application was also created for health professionals, with the ability to respond to user requests made through the mobile application. To look for the features to be implemented in this application, a market analysis was carried out and a survey of what patients need most when visiting hospitals. Regarding the structure of the solution, the mobile application was designed to be used in any operating system of a smartphone, whether iOS or Android, for that reason it was developed in React Native, the web application in React, the server in Node.JS and the relational database in MySQL.

Dissertação de mestrado em BioInformatics, Throughout the last decades, bacteria have become increasingly resistant to available antibiotics, leading to a growing need for new antibiotics and new drug development methodologies. In the last 40 years, there are no records of the development of new antibiotics, which has begun to shorten possible alternatives. Therefore, finding new antibiotics and bringing them to market is increasingly challenging. One approach is finding compounds that restore or leverage the activity of existing antibiotics against biofilm bacteria. As the information in this field is very limited and there is no database regarding this theme, machine learning models were used to predict the relevance of the documents regarding adjuvants. In this project, the BIOFILMad - Catalog of antimicrobial adjuvants to tackle biofilms application was developed to help researchers save time in their daily research. This application was constructed using Django and Django REST Framework for the backend and React for the frontend. As for the backend, a database needed to be constructed since no database entirely focuses on this topic. For that, a machine learning model was trained to help us classify articles. Three different algorithms were used, Support-Vector Machine (SVM), Random Forest (RF), and Logistic Regression (LR), combined with a different number of features used, more precisely, 945 and 1890. When analyzing all metrics, model LR-1 performed the best for classifying relevant documents with an accuracy score of 0.8461, a recall score of 0.6170, an f1-score of 0.6904, and a precision score of 0.7837. This model is the best at correctly predicting the relevant documents, as proven by the higher recall score compared to the other models. With this model, our database was populated with relevant information. Our backend has a unique feature, the aggregation feature constructed with Named Entity Recognition (NER). The goal is to identify specific entity types, in our case, it identifies CHEMICAL and DISEASE. An association between these entities was made, thus delivering the user the respective associations, saving researchers time. For example, a researcher can see with which compounds "pseudomonas aeruginosa" has already been tested thanks to this aggregation feature. The frontend was implemented so the user could access this aggregation feature, see the articles present in the database, use the machine learning models to classify new documents, and insert them in the database if they are relevant., Ao longo das últimas décadas, as bactérias tornaram-se cada vez mais resistentes aos antibióticos disponíveis, levando a uma crescente necessidade de novos antibióticos e novas metodologias de desenvolvimento de medicamentos. Nos últimos 40 anos, não há registos do desenvolvimento de novos antibióticos, o que começa a reduzir as alternativas possíveis. Portanto, criar novos antibióticos e torna-los disponíveis no mercado é cada vez mais desafiante. Uma abordagem é a descoberta de compostos que restaurem ou potencializem a atividade dos antibióticos existentes contra bactérias multirresistentes. Como as informações neste campo são muito limitadas e não há uma base de dados sobre este tema, modelos de Machine Learning foram utilizados para prever a relevância dos documentos acerca dos adjuvantes. Neste projeto, foi desenvolvida a aplicação BIOFILMad - Catalog of antimicrobial adjuvants to tackle biofilms para ajudar os investigadores a economizar tempo nas suas pesquisas. Esta aplicação foi construída usando o Django e Django REST Framework para o backend e React para o frontend. Quanto ao backend, foi necessário construir uma base de dados, pois não existe nenhuma que se concentre inteiramente neste tópico. Para isso, foi treinado um modelo machine learning para nos ajudar a classificar os artigos. Três algoritmos diferentes foram usados: Support-Vector Machine (SVM), Random Forest (RF) e Logistic Regression (LR), combinados com um número diferente de features, mais precisamente, 945 e 1890. Ao analisar todas as métricas, o modelo LR-1 teve o melhor desempenho para classificar artigos relevantes com uma accuracy de 0,8461, um recall de 0,6170, um f1-score de 0,6904 e uma precision de 0,7837. Este modelo foi o melhor a prever corretamente os artigos relevantes, comprovado pelo alto recall em comparação com os outros modelos. Com este modelo, a base de dados foi populda com informação relevante. O backend apresenta uma caracteristica particular, a agregação construída com Named-Entity-Recognition (NER). O objetivo é identificar tipos específicos de entidades, no nosso caso, identifica QUÍMICOS e DOENÇAS. Esta classificação serviu para formar associações entre entidades, demonstrando ao utilizador as respetivas associações feitas, permitindo economizar o tempo dos investigadores. Por exemplo, um investigador pode ver com quais compostos a "pseudomonas aeruginosa" já foi testada graças à funcionalidade de agregação. O frontend foi implementado para que o utilizador possa ter acesso a esta funcionalidade de agregação, ver os artigos presentes na base de dados, utilizar o modelo de machine learning para classificar novos artigos e inseri-los na base de dados caso sejam relevantes.

In digital image processing and computer vision, image segmentation is the process of partitioning a digital image into multiple image segments. More precisely, it’s the process of assigning a label to every pixel in an image so that pixels with the same label share certain characteristics. Image segmentation is an important step in almost any medical image study. Segments are used in images from microscopes that show us different types of cells and these cells contain hundreds of organelles and macromolecular assemblies. Cell Segmentation is the task of splitting a microscopic image domain into lots of different segments, which represent individual instances of cells, however, this requires enormous time for domain experts to label manually and thus the need for AI-Assisted annotation of medical Images. Our project will aid the annotators in receiving images quickly and easily through our web application and performing the predictions on these images. MedicalImagingAIreport.docx - Final report (Word version) MedicalImagingAIreport.pdf - Final report (PDF version) MedicalImagingAIpresentation.pptx - Final presentation (PowerPoint version) MedicalImagingAIpresentation.pdf - Final presentation (PDF version)

ThermaSENSE Corporation has developed several non-invasive sensing solutions for problems faced in numerous industries. It was founded by Ali Roghani. As part of his corporation, he needs an updated website. The current website is outdated and based on a platform called Wix. This project aims to implement new websites that are visually appealing, easy to use, and have a professional feel. To solve this task, we implemented two websites. The first website was created using a platform called WordPress. It will be used to display all the information needed about the ThermaSENSE corporation. This includes text, images, and videos. The second website was created using React and React libraries. It will handle user login and graph data from the Firebase cloud database that is shared and populated with data by the ThermaSENSE app team. ThermaSENSEwebsiteReport.docx - Final report (Word version) ThermaSENSEwebsiteReport.pdf - Final report (PDF version) ThermaSENSEwebsitePresentation.pptx - Final presentation (PPTX version) ThermaSENSEwebsitePresentation.pdf - Final presentation (PDF version)

Do you wish to express yourself artistically? We believe that becoming an engineer, doctor, or lawyer is relatively simple, yet they argue that artists are born, not produced. Here is an AI-powered program that can help you become a singer or a painter! You may have seen other efforts aimed at certain fields like healthcare, hardware design, and so on. We stopped at nothing in the project to investigate if AI can assist us with modest everyday routine activities. We investigated the use of AI/ML technologies to benefit our everyday lives. We have devised strategies to clarify your voice (transform your bathroom singing to studio-recorded audio quality) and reduce background noise from home-recorded meetings (COVID effect!). It may assist you in transforming your sloppy artwork into a gorgeous painting. Of course, this isn't only for artists; it can be used as a 'filter' for Instagram or Snapchat, and it may be quite useful for police agencies when producing drawings from scribbles. The trick is training the model on a large dataset and utilizing a Generative Adversarial Network (the greatest invention in AI), which results in mapping and producing pictures with a high match score based on the training dataset. We have developed a web application that has two segments : i) Wanna be a Painter - This segment allows users to upload grayscale images/sketches or hand drawings to convert them into beautiful paintings. ii) Wanna be a Singer - This segment allows users to upload audio files into the web application and download the augmented audio with crisp and clear voice. Gitlab link - https://code.vt.edu/wannabe This is the final product for our submission. Gitlab link - https://code.vt.edu/wannabe

U ovom radu biti će opisan razvoj web aplikacije za kontrolu kvalitete zraka. OdreĎeno je 5 mjernih točaka u gradu Splitu prema kojima će se podaci prikazati tablično i grafički. Vrijednosti koje se mjere su temperatura, vlaga te postotoak vlage u zraku. Aplikacija ―Air Quality Control‖ izraĎena je u JavaScript programskom jeziku, HTML prezentacijskom jeziku te CSS stilskom jeziku. Za izradu sučelja aplikacije korištena je kombinacija nekoliko JavaScript biblioteka od kojih treba posebno izdvojiti React te MaterialUI biblioteke. Pozadinski servis temeljen je na Express aplikacijskom okruţenju i Node.js okruţenju za vrijeme izvoĎenja. Za pohranu podataka korišten je MongoDB program baze podataka. Tehnologije MongoDB, Express, React te Node.js zajedno čine takozvani MERN stog. Mjerenja koja su se koristila u izradi ovog rada svojom strukturom temelje se na mjerenjima kolege Ante Botice u njegovom završnom radu ―Beţična senzorska mreţa za mjerenje kvalitete zraka‖. This paper will describe the development of a web application for air quality control. 5 measuring points in the city of Split have been determined, according to which the data will be presented tabularly and graphically. The values that are measured are temperature, humidity and the percentage of moisture in the air. "Air Quality Control" application is created in JavaScript programming language, HTML presentation language and CSS style language. A combination of several JavaScript libraries was used to create the application interface, of which React and MaterialUI libraries should be singled out. The backend service is based on the Express application environment and the Node.js runtime environment. The MongoDB database program was used for data storage. Technologies MongoDB, Express, React and Node.js together form the so-called MERN stack. The measurements that were used in the creation of this work are based on the measurements of my colleague Ante Botica in his final work "Wireless sensor network for measuring air quality".

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