Search

Dagens webbläsare uppdaterar sitt utseende mer än någonsin och att kunna utföra det på ett effektivt sätt är essentiellt. Att kompilera om en hemsida och ladda upp den på nytt är ineffektivt och framtiden hos dynamisk uppdaterade hemsidor ligger hos MQTT och websockets. Med hjälp av Invencon har jag utforskat detta område genom att få en back-end till ett systemet att bygga på. Det har framställts två användargränssnitt för två gruvrobotar som ska kunna ta ordar av ett publicerar-användargränssnitt. Meddelandena skickas som JSON-objekt som är fyllda med information som robotarna ska ta emot. Dessa ordrar kan vara att ändra robotens maximala hastighet. Robotarna uppdaterar sitt gränssnitt i realtid där de samtidigt skickar sin nuvarande hastighet till publiceraren som visar upp dem. Det finns ett fjärrkontroll-gränssnitt där man kan välja en robot som är igång, där gränssnittet presenterar all information om den valda roboten. Användar- gränssnitten skrivs i HTML och CSS där funktionaliteten görs i JavaScript med hjälp av MQTT och websockets. Flera tester har gjorts där man kollar latensen på hur lång tid det tar för ett meddelande att ta sig till en robot och tillbaka till publiceraren för att mäta hur pålitligt systemet är. Efter testerna utfördes, kom jag fram till att fler tester kommer behöva göras för att testa systemet på en högre nivå, då två robotar och en användare inte räcker för ett konkret resultat. Systemet har potential att användas i riktig verksamhet med vidareutveckling av båda tester och bättre back-end., Today’s web browsers are updating their appearance more than ever, and being able to do so efficiently is essential. Compiling a website and uploading it again is inefficient, and the future of dynamically updated websites lies in MQTT and websockets. With the help of Invencon, I have explored this area by establishing a back-end for the system. Two user interfaces have been developed for two mining robots that can receive commands from a publisher-interface. Messages are sent as JSON-objects filled with information that the robots need to receive. These commands can include changing the robot’s maximum speed. The robots update their interfaces in real-time while si- multaneously sending their current speed to the publisher, which displays them. There is a remote control-interface where you can select a running robot, and the interface presents all information about the chosen robot. The user interfaces are written in HTML and CSS, with functionality implemented in JavaScript using MQTT and websockets. Several tests have been conducted to measure the latency of how long it takes for a message to reach a robot and back to the publisher, proving the reliability of the system. After the tests, it was concluded that more testing needs to be done to evaluate the system on a higher level, as two robots and one user are insufficient for a concrete result. The system has the potential to be used in real-world applications with further development of both testing and a better back-end.

Este documento presenta el desarrollo e implementación de un sistema IoT (“Internet of things”) para el análisis de señales de audio en tiempo real, con un enfoque en la captación, procesamiento y visualización de datos a través de un servidor web. El proyecto aborda diversas etapas clave, desde el diseño de hardware hasta la evaluación del sistema implementado. En términos de desarrollo software, se detalla la implementación de una página web interactiva utilizando tecnologías web modernas como HTTP (“Hypertext Transfer Protocol”), servidores asíncronos y websockets. El backend del sistema está programado en C para garantizar un procesamiento eficiente de los datos de audio, mientras que el frontend se desarrolla con HTML y JavaScript para proporcionar una interfaz intuitiva y accesible a los usuarios finales. El sistema también incluye la integración de NGINX como proxy inverso, facilitando una gestión robusta y segura de las comunicaciones entre el servidor y los usuarios remotos. Además, se implementan algoritmos especializados para el análisis de espectro de audio y la medición de niveles sonoros, asegurando la precisión y fiabilidad de los resultados obtenidos. La evaluación del sistema abarca pruebas exhaustivas del analizador de espectro y del sonómetro integrados, validando su desempeño en diferentes escenarios y condiciones. Este enfoque integral no solo asegura la funcionalidad del sistema, sino que también proporciona una base sólida para su aplicación en diversos campos como la industria, medicina, seguridad y entretenimiento., This document presents the development and implementation of an IoT ("Internet of Things") system for real-time audio signal analysis, focusing on the capture, processing, and visualization of data through a web server. The project addresses various key stages, from hardware design to the evaluation of the implemented system. In terms of software development, it details the implementation of an interactive webpage using modern web technologies such as HTTP, asynchronous servers, and WebSockets. The system's backend is programmed in C to ensure efficient audio data processing, while the frontend is developed with HTML and JavaScript to provide an intuitive and accessible interface for end-users. The system also includes the integration of NGINX as a reverse proxy, facilitating robust and secure management of communications between the server and remote users. Additionally, specialized algorithms are implemented for audio spectrum analysis and sound level measurement, ensuring the accuracy and reliability of the obtained results. The system's evaluation encompasses exhaustive tests of the integrated spectrum analyzer and sound level meter, validating their performance in various scenarios and conditions. This comprehensive approach not only ensures the system's functionality but also provides a solid foundation for its application in diverse fields such as industry, medicine, security, and entertainment.

This thesis presents an empirical analysis of the performance of WebTransport and WebSocket using the Socket.IO framework under varying network conditions. The thesis investigates two primary experiments, message round trip time and multiplexing performance, both conducted under three scenarios—perfect network (0% packet loss), moderate network (5% packet loss), and poor network (15% packet loss). The experiments were conducted on a system running Fedora 40 with a 12th Gen Intel Core i5-12600K processor and 16 GB of memory. The findings demonstrate that WebTransport mitigates Head-of-Line (HOL) blocking more effectively than WebSocket, especially in environments with degraded networks. WebTransport (Reliable) provided a significant performance advantage under suboptimal network conditions when measuring message round trip time, while WebTransport (Unreliable) consistently demonstrated slightly lower latency but with some data loss. When multiplexing, WebTransport showed significant performance benefits compared to using WebSocket.

Libraries supervisors have the administrative duty of control and keep safe their inventories, such as books, documents, manuals, and theses, facilitating access to their users to this information and helping them loan and return, internal or external, in case it’s permitted. We wanted to design and build a prototype for a device capable of complementing these tasks in a low cost. We go through the processes in the design of a prototype for a simultaneous Radio Frequency Identification Reader using Ultra High Frequencies with Internet of Things technologies for data storage and communication between multiple stations, to do so we use a decision matrix method to select hardware tools, and software programming languages and libraries, needed to build such device, comparing, and weighting the characteristics that fit our needs. The resulting hardware selection was the Raspberry Pi and the RedBoard with a 59,7% and 12,4% respectively, and NodeJS with WebSockets for the software selection with a 53,8%. Finally, we present the designed architecture and a working prototype of the device that was built. Obtained response times from the reader and the database storage were as low as 10 milliseconds and as high as 20 milliseconds., Los funcionarios de las bibliotecas cuentan con la obligación administrativa de velar por el control e inventario de sus recursos, tales como libros, documentos, manuales, y tesis de grado, facilitando a sus usuarios el acceso a esta información y proveyendo las facilidades para su préstamo y devolución, interna o externamente, en caso de ser permitido. Queríamos diseñar y construir un prototipo para un dispositivo capaz de complementar estas tareas en un bajo costo. En este documento atravesamos los diferentes procesos en el diseño de un prototipo para un lector simultáneo de alta frecuencia por identificación de radiofrecuencia con tecnologías de Internet de las Cosas para el almacenamiento de datos y la comunicación entre múltiples estaciones, para hacerlo empleamos el método de matriz de decisión para seleccionar herramientas de hardware y librerías para lenguajes de programación en software, necesarias para construir tal dispositivo, comparando y pesando las características que se ajustaran a nuestras necesidades. La selección de hardware resultante fue la Raspberry Pi y la RedBoard con 59,7% y 12,4% respectivamente, y NodeJS con WebSockets para la selección de software con un 53,8%. Finalmente, presentamos el diseño de la arquitectura y un prototipo funcional del dispositivo que fue construido. Los resultados obtenidos del lector y el almacenamiento en la base de datos fueron en su punto más bajo de 10 milisegundos y en su tiempo más alto de 20 milisegundos.

[Resumo]: Este proxecto consistirá nun sistema, dividido en tres partes, que dará soporte ás partidas online do xogo de cartas de Digimon. Por unha parte, o sistema consta dun servidor que almacena a información das cartas existentes, das partidas e das cartas que se vaian xogando na mesma. No servidor empregaremos métodos de procesado de imaxes para identificar as imaxes das cartas xogadas. Por outra parte, o sistema contará con dúas aplicacións cliente. En primeiro lugar unha aplicación móbil permitirá ós usuarios crear, unirse a partidas e enviar fotos das cartas que vaia xogando para que o servidor as identifique e rexistre. Ademais, un cliente web mostrará as partidas de maneira clara, precisando así a mínima interacción por parte do usuario. Para evitar que o usuario teña que actualizar a páxina a información das partidas actualizarase de maneira automática empregando websockets., [Abstract]: This project will consist of a system, divided in three parts, that will support online matchs of Digimon Trading Card Game (DTCG). On one hand, the system consists of a server that stores the information of the existing cards, the games and the cards that are being played in the game. In the server we will use image processing methods to identify the images of the cards played. On the other hand, the system will have two client applications. Firstly, a mobile application will allow users to create, join games and send photos of the cards they are playing so that the server can identify and register them. In addition, a web client will display the games in a clear way, requiring minimal user interaction. To avoid the user having to update the page, the game information will be updated automatically using websockets.

[Resumen]: Este trabajo consiste en el diseño e implementación de una aplicación que permita gestionar una comunidad de juegos en línea. La aplicación tendrá dos tipos de usuarios: administradores y los jugadores que se registren para usarla. Las principales funcionalidades a destacar son la creación y gestión de torneos, una sección de noticias, chat privado y buscador de compañero. La arquitectura de la aplicación es una cliente-servidor por capas donde el servidor es un backend que consta de un servicio REST, un servicio WebSockets y una capa modelo. Por otro lado, el frontend es un cliente que se ejecuta en un navegador y se comunica con el servidor backend. Para el desarrollo de la aplicación se ha utilizado Java en el backend, usando Spring y Hibernate y en el frontend se ha utilizado JavaScript, usando React y Redux., [Abstract]: This project consists in the development and implementation of an application that manages an online game community. This application has two types of users: administrators and players that register to use it. The main functionalities to remark are the creation and management of tournaments, a news section, private chat and a player finder. The chosen architecture is a layered client-server application where the server is a backend that has a REST service, a WebSockets service and a model layer. In the other side the frontend is a client that runs on browser and communicates with the backend server. Java has been used for the development of the application, with Spring and Hibernate and JavaScript has been used in the frontend, with React and Redux.

Práce se zabývá vývojem komplexní realtimové webové aplikace primárně sloužící pro vytváření a spouštění anket. Podrobně popisuje zvolené technologie včetně jejich alternativ a věnuje se rozboru architektury dílčích částí jednotlivých programů. Demonstrační část bude poukazovat na možnosti využití jak v soukromé, tak v komerční sféře. Výsledkem této práce je vyřešení všech dílčích problematik související se správnou implementací a zvolením vhodných technologií včetně dodržení a splnění předem definovaných cílů., The thesis deals with the development of a complex real-time web application primarily used for creating and running surveys. It describes in detail the selected technologies, including their alternatives, and deals with the analysis of the architecture of partial parts of individual programs. The demonstration part will point out the possibilities of use in both the private and commercial spheres. The result of this work is the solution of all partial issues related to the correct implementation and selection of appropriate technologies, including compliance and fulfilment of predefined goals., Fakulta elektrotechniky a informatiky, Cílem diplomové práce bylo vytvořit webovou aplikaci pro realizaci interaktivních real-time hlasovacích anket určených pro dynamické prezentace, přednášky či výuku. Dle vedoucího práce je vytvořenou aplikaci možné zprovoznit a používat, aplikace poskytuje požadované funkcionality. Práce je po formální stránce dobře strukturována. Student reagoval na dotazy vedoucího, oponenta i členů komise pro státní závěrečné zkoušky., Dokončená práce s úspěšnou obhajobou

Nowadays more and more web applications are becoming part of everybody’s daily life. Lots of Internet users are bothered by having to create new accounts on websites. But at the same time, it is believed that sign-up as well as sign-in is a good registration solution which is difficult to replace. In this thesis we considered a certain scenario in which a number of people need a short period of co-operation for certain tasks by using a web application. If everyone creates an account, it will be significantly annoying since it will increase everyone’s work and extend the working period. Due to such consideration we have supplied a possible solution that one user with an account works as a super-client, and then generates short-lived login codes or links for others who work as sub-clients. This solution is called SDMS which is short for Super-client Driving Multiple Sub-clients. The thesis work contains the description and analysis of SDMS as well as designing and developing an example application. The example application is an online board game assistance platform, whose user scenario exactly fulfils the case of multiple users co-operating for a certain task that has been mentioned in the previous paragraph. Finally, we draw the conclusion that SDMS could improve the user experience in certain scenarios., Numera blir allt fler webbapplikationer en del av allas dagliga liv. Massor av Internetanvändare stors av att behöva skapa nya konton på webbplatser. Men samtidigt tror man att både registrering och inloggning ar en bra registreringslösning som ar svar att ersatta. I denna avhandling övervägde vi ett visst scenario dar ett antal personer behöver en kort period av samarbete for vissa uppgifter genom att använda en webbapplikation. Om alla skapar ett konto blir det väldigt irriterande eftersom det kommer att oka allas arbete och förlänga arbetsperioden. Pa grund av sådan övervägande har vi tillhandahållit en möjlig lösning att en användare med ett konto fungerar som en superklient och sedan genererar kortlivade inloggningskoder eller lankar for andra som arbetar som underklienter. Denna lösning kallas SDMS, vilket ar en förkortning for Super-client Driving Multiple Sub-clients. Examensarbetet innehåller beskrivning och analys av SDMS samt utformning och utveckling av en exempelapplikation. Exempelapplikationen ar en online brädspelassistansplattform, vars användarscenario exakt uppfyller fallet med att flera användare samarbetar for en viss uppgift som har nämnts i föregående stycke. Slutligen drar vi slutsatsen att SDMS kan förbättra användarupplevelsen i vissa scenarier.

Actualmente por las calles circulan vehículos de edades muy dispares. Estos vehículos no están pensados para actualizarse e implementar nuevos sistemas de seguridad. Es por esto que cuanto más longevo es un vehículo menos sistemas de seguridad implementa. Además, a pesar de que todos los vehículos utilizan un bus CAN para comunicar todos sus dispositivos, cada fabricante implementa un sistema de mensajes propietario, de este modo un dispositivo solo será compatible con vehículos de la misma marca y en ocasiones modelo. Con el objetivo de estandarizar la comunicación de dispositivos, ampliando así la compatibilidad del vehículo, y añadir la capacidad de implementar nuevos dispositivos, pudiendo así agregar nuevos sistemas de seguridad al vehículo. En este proyecto, se ha confeccionado un sistema que busca substituir o implementar un ordenador de a bordo capaz de gestionar todo tipo de dispositivos., Currently vehicles of all kinds of ages circulate on our streets. Those vehicles are not upgradable and do not offer any way to implement new security systems. That way, a vehicle implements less security systems the older it is. Even though all vehicles use CAN bus to communicate all of its devices, each maker implements its own message system, that way a device will only be compatible with vehicles of the same brand and in some cases vehicles of the same model. With the objective of standardizing the communication of devices, increasing the compatibility of the vehicle, and adding the capability of implementing new devices, enabling to add new security systems on the vehicle. This project implements a system that tries to substitute or implement an on-board computer capable of handling all kinds of devices.