Search

Cilj ovog rada je izrada web-aplikacije koja će poboljšati proces održavanja kvizova u ugostiteljskim objektima. Web-aplikacija treba omogućiti lakše i elegantnije provođenje kvizova na način da se odgovaranje na pitanja te evaluacija odgovora ne vrše papirnatim putem, već putem aplikacije što će ubrzati cjelokupni proces i smanjiti količinu posla organizatorima kvizova. Korisnici web-aplikacije su organizator kviza te ekipe koje na tom kvizu sudjeluju. Iz tog je razloga aplikacija ostvarena u intranet okruženju bez oslanjanja na Internet te je naglasak stavljen na jednostavnost sučelja za natjecatelje koji kvizu pristupaju putem pametnih telefona. Osim toga, aplikacija je prenosiva i samostojeća kako bi organizatoru kviza bila omogućena što veća jednostavnost korištenja. Glavne tehnologije korištene u izradi web-aplikacije su Python, Flask, Vue.js, SQLite te PyInstaller, a u radu je objašnjena njihova funkcionalnost i kontekst u kojem se koriste prilikom izrade aplikacije. The aim of this paper is to create a web-application that will improve the process of holding pub quizzes. The web-application should enable easier and more elegant quizzes in such a way that answering questions and evaluating answers is not done on paper, but through the application, which will speed up the whole process and reduce the amount of work for quizmasters. Users of the web-application are the quizmaster and the teams that participate in the quiz. For this reason, the application was created in an intranet environment without relying on the Internet, and emphasis was placed on the simplicity of the interface for contestants who access the quiz via smartphones. In addition, the application is portable and stand-alone to offer the quizmaster the most simple way of using the application. The main technologies used in the development of the web-application are Python, Flask, Vue.js, SQLite and PyInstaller, and the paper explains their functionality and the context in which they are used when creating the application.

U ovom radu dizajnirana je i implementirana relacijska baza podataka i web aplikacija za praćenje korištenja ortopedskih implantata. U bazi podataka su pohranjeni potrebni podaci o dobavljačima, zaposlenicima, hijerarhiji komponenti i primjercima određene komponente, pamti se i korištenje komponenti za statističke svrhe. Dizajnirano je intuitivno sučelje koje je jednostavno koristiti. Za implementaciju baze podataka korištena je PostgreSQL tehnologija, dok su za web aplikaciju korištene tehnologije Spring Boot i Vue.js. In this paper, a relational database and a web application for tracking the usage of orthopedic implants have been designed and implemented. The necessary data about suppliers, employees, component hierarchy, and instances of specific components are stored in the database, and the usage of components is recorded for statistical purposes. An intuitive user interface that is easy to use has been designed. PostgreSQL technology was used for implementing the database, while Spring Boot and Vue.js technologies were used for the web application.

[Resumen]: El objetivo de este trabajo de fin de grado es desarrollar una herramienta la cuál permita extraer e importar automáticamente datos de OpenStreetMap (OSM) a bases de datos relacionados de manera rápida y sencilla. Para lograr este objetivo, se definió un Domain Specific Language (DSL) que permitiera simplificar las peticiones para obtener los datos. A continuación, se desarrolló una librería capaz de interpretar y ejecutar el lenguaje diseñado y, finalmente, se creó una aplicación web que simplica el uso de la librería previamente mencionada. En el desarrollo, se usa PostgreSQL como almacén de datos, así como Leaflet para visualizar los datos obtenidos en mapas. Se utiliza Vue.js para implementar el frontend y Spring para el backend. El trabajo de fin de grado se gestiona siguiendo una metodología iterativa e incremental. [Abstract]: The objective of this end-of-degree project is to develop a tool which allows to extract and import automatically data from OpenStreetMap (OSM) to relational databases quickly and easily. In order to achieve this goal, we defined a Domain Specific Language (DSL) which simplifies the requests to obtain the data and insert it on the corresponding database. Following up a library capable of interpreting and executing the language was designed, and finally a small web application to simplify the use of the previously mentioned library was implemented. In the development, PostgreSQL is used for the storage of information, as well as Leaflet for data visualization on maps. Vue.js is used for the frontend as well as Spring for the backend. The end-of-degree work is managed following an iterative and incremental methodology for software development. Traballo fin de grao (UDC.FIC). Enxeñaría Informática. Curso 2022/2023

Cilj rada je izrada web aplikacije zadužene za jednostavno prikazivanje BPMN modela, odnosno procesa u kojem korisnik sudjeluje ili kojeg želi pokrenuti uz svoje arhivirane procese. Ideja za razvoj aplikacije došla je iz potrebe za prikazom BPMN modela, koji se koristi za definiranje procesa, za korisnika tog procesa. Zasniva se na jednom većem sustavu čija je namjena automatizacija i poboljšanje procesa, a sve je započelo sa sustavom prijave prakse kod studenata informatike. Aplikacija je izrađena kroz Vue.js 2 te je velika pozornost posvećena samom sučelju kako bi bilo što jednostavnije i intuitivnije prema korisniku, a naročito dio vezan uz prezentiranje BPMN modela. Razvoj je baziran na svojstvu aplikacije da bude skalabilna kako bi se u bližoj budućnosti mogla jednostavno i brzo nastaviti razvijati na postojeći kod. The goal of thesis is the creation of a web application in charge of simply displaying the BPMN model, i.e. the process in which the actor participates or wants to start with his archived processes. The idea for developing the application came from the need to display the BPMN model, which is used to define a process, for the actor of that process. It is based on one larger system whose purpose is automation and process improvement, which started with the internship application system for computer science students. The application was created using Vue.js 2, and great attention was paid to the interface itself to make it as simple and intuitive as possible for the user, especially the part related to presenting the BPMN model. The development is based on the property of the application to be scalable so that in the near future it can easily and quickly continue to develop on the existing code.

Nowadays enterprise information systems of banks provide modules for calculating creditworthiness of the business. Such systems are complex and it is difficult to maintain and develop them. Moreover, it requires the involvement of large teams. In addition, systems are complicated to change and update in accordance with changes in current legislation. From another point of view, demand for consumer loans is high, and creating a separate module for calculating the creditworthiness of an individual is appropriate in case of increasing the adaptability to changes and updates of the system. Calculating the creditworthiness of an individual is relevant not only for the banking system, but also for other spheres such as logistics and marketing.The work describes the created information system for calculating the creditworthiness of an individual, which calculates the class of the borrower based on data from credit history, credit rating, quality characteristics, financial indicators of the person and characteristics of the credit transaction.The use of the Asp.Net Core platform and the Vue.js framework to build a software module that can be used both independently and easily integrated into other corporate systems is demonstrated.In this work the major steps of designing and developing the system are described., У роботі описано створену інформаційну систему розрахунку кредитоспроможності фізичної особи, яка на основі даних із кредитних історій, кредитного рейтингу, якісних характеристик, фінансових показників особи та характеристик кредитної операції обчислює клас позичальника.Продемонстровано використання платформи Asp.Net Core та фреймворку Vue.js для побудови програмного модуля, що може як застосовуватися самостійно, так і просто інтегруватись в інші корпоративні системи.

The point of the bachelors thesis is to process problematics of the Single Page Applications (SPA further) websites development using promising micro-frontend technologies. Using of micro-frontend technologies for SPA allows processing of data and website content without need of webpage refresh. They are concurrently promising method, how to realize more complex aplications without server overload, thanks to division of labor between server and clients browser. The content of the theoretical part will be focused on meaning and specifications of SPA and micro-frontend, then presentation of specific JavaScript frameworks. In the theoretical part will be presented functionality and the importance of packaging systems for SPA also. The main result of the work will be SPA website demonstrating usement of micro-frontend technologies on specific examples and functionalities. The website will be used as first public documentation in czech language, dedicate with Single Page Applications using micro-frontend, which will be able to be used by IT professionals and students.

Ovaj rad predstavlja implementaciju edukacijske aplikacije za vježbanje matematičkih zadataka za djecu koja pohađaju četvrti razred osnovne škole. Cilj aplikacije je pomoći djeci sa savladavanjem gradiva na zabavan način. U prvom poglavlju rada opisani su svi zahtjevi koje aplikacija zadovoljava. U drugom poglavlju opisane su slične aplikacije koje već postoje. Nakon toga prikazan je model rješenja aplikacije. U četvrtom poglavlju bavimo se arhitekturom aplikacije i korištenim tehnologijama. Nakon toga objašnjeno je kako su sve funkcionalnosti implementirane te kako lokalno pokrenuti izvorni kod. This paper presents the implementation of an educational application for practicing word problems in mathematics. The aim of the application is to help children master the subject matter in a fun and engaging way. First chapter of the paper describes all the requirements that the application meets. In the second chapter, similar applications that already exist are described. After that, a model of the application's solution is presented. In the fourth chapter, we deal with the architecture of the application and the technologies used. After that, it is explained how all the functionalities were implemented and how to run the source code locally.

[Abstract]: The evolution of technologies and their huge importance today in our day-to-day is increasingly evident. An example of this is booking management, as we can see, for example, in cinemas. Even so, booking management could be focused on other areas of life where more traditional actions are still observed, such as booking through a phone call. Therefore, the idea of this TFG arises to develop an application for a specific sports city, which can automate this process of booking its playgrounds and in turn allow the organization of different events within the playgrounds. Two types of users are managed: administrator and registered user. The administrators will be responsible for managing the sports that the sports city offers and its playgrounds. In the meantime, authenticated users can mainly make reservations for the use of the playgrounds or organize events for other users to sign up. The application consists of a REST service, a WEB client, and a relational DBMS. This project was managed following an iterative and incremental methodology for software development. [Resumo]: A evolución das tecnoloxías e inmensa importancia que teñen estas hoxe no noso día a día é cada vez máis evidente. Un exemplo de esto é a xestión de reservas, como podemos ver, por exemplo, nos cinemas. Aínda así a xestión de reservas podería estar enfocada a outros ámbitos da vida onde aínda se observa neles accións máis tradicionais, como a reserva a través dunha chamada telefónica. Por iso, xorde a idea deste TFG de desenvolver unha aplicación para unha cidade deportiva específica, que poida automatizar este proceso de reserva das súas instalacións e á súa vez permita a organización de diferentes eventos dentro destas. Para iso xestiónanse dous tipos de usuarios: administrador e usuario rexistrado. Os administradores encargáranse de xestionar os deportes ofrecidos pola cidade deportiva e as súas instalacións. Mentres, os usuarios rexistrados poderán principalmente realizar reservas para o uso das instalacións ou organizar eventos para que outros usuarios poidan inscribirse neles. A aplicación componse dun servizo REST, un cliente WEB e finalmente un SGBD relacional. Este proxecto xestionouse seguindo unha metodoloxía iterativa e incremental para o desenvolvemento de software. Traballo fin de grao (UDC.FIC). Enxeñaría informática. Curso 2022/2023

Koncept pametne hiše se nanaša na oddaljeno upravljanje in nadzor različnih naprav v hiši s pomočjo omrežnih ali mobilinih naprav. Pri tem je ključen preprost grafični uporabniški vmesnik, ki mora biti prilagojen potrebam uporabnika. V diplomskem delu predstavite izdelavo spletne aplikacije za upravljanje in nadzor konkretne pametne hiše, ki predstavlja primer takega vmesnika. V okviru tega najprej predstavite ozadje, uporabljene tehnologije ter že realiziran strojni del pametne hiše. Pri zasnovi rešitve izhajajte iz specifičnih zahtev uporabnika. Predstavite njen razvoj in uporabo, na koncu pa kratko analizirajte opravljeno delo. The concept of the smart home is focused on the distance management and control of a house using the web or mobile devices. The crucial part of it is a simple graphical user interface based on specific user requirements. The diploma thesis presents the development of a web application for smart home management and control, which is an example of such a user interface. First, describe the context, used technologies, and already realized hardware solution of a specific smart home. The design of the solution is based on specific user requirements. Then, present its development and use. Finally, analyze shortly the completed work.

Dissertação de mestrado em Informatics Engineering, Hypatiamat is a Portuguese project comprised of several applications that aim to develop the Math skills of students from the 1st through 9th grades (Basic Education). The ingraining of mental calculation strategies, numbering systems, and logical operations lead to a better success rate in this subject in later years. One of the project’s components is the online platform (https://www.hypatiamat.com), which aims to foster autonomous learning through more interactive practices due to the current ease of technological access in this age group, by trying to appropriate teaching to everyday life. Several tools are made available, such as videos, tutorials, explanations, questions, etc. on various Math topics that students can easily access at any time. Teachers that aim to enhance their students’ learning process using this digital approach can exercise it in multiple applications provided by the platform, where the interactions are carried out and controlled through these means. The monolithic architecture (written in PHP) has received contributions from multiple developers over the years in order to address the scalability issues introduced with this platform’s growing popularity, which thus far demanded manual efforts for maintenance and content insertion. As such, there has been an incremental process of modernization, turning the various constituent applications into distinct microservices. "I Want to Solve Questions About..." is one of these applications where students are provided with a large selection of questions in the form of mini-games (multiple choice, true or false, ...), regarding the themes mentioned above. The first objective of the dissertation is to develop a back-office that allows the teachers in charge of the project to manage existing questions as well as add new ones for the students, since the current process requires updating the database manually. The second one is the modernization of the application’s interface at the technological level, by making use of adequate frameworks and programming languages and at the user level, by making an effort to maintain the intuitive workflow that led to its popularity but with a modernized design, in order to be consistent with other online tools., O Hypatiamat é um projeto português constituído por várias aplicações que visa desenvolver as aptidões, na disciplina de Matemática, de alunos do 1º ao 9º ano de escolaridade (Educação Básica). O enraizamento de estratégias de cálculo mental, sistemas de numeração e operações lógicas originam uma melhor taxa de sucesso nesta disciplina em anos posteriores. Uma das componentes deste projeto é a plataforma online (https://www.hypatiamat.com), cujo propósito é fomentar a aprendizagem autónoma através de práticas mais interativas, devido à facilidade de acesso tecnológico atual desta faixa etária, tentando apropriar o ensino ao quotidiano. São disponibilizadas várias ferramentas, tais como vídeos, tutoriais, explicações, questões, etc sobre os vários temas da Matemática (Ensino Básico) que os alunos podem facilmente aceder a qualquer momento. Professores que pretendam enriquecer a aprendizagem dos seus alunos com esta metodologia digital podem exercê-lo nas várias aplicações que a plataforma disponibiliza, onde a interação é realizada e controlada através destes meios. A arquitetura monolítica (escrita em PHP) tem recebido contribuições de vários desenvolvedores ao longo dos anos de modo a colmatar os problemas de escalabilidade introduzidos com a popularidade crescente desta plataforma, que até agora exigia esforço manual para manutenção e inserção de conteúdo. Assim, tem existido um processo incremental de modernização, tornando as várias aplicações constituintes em microsserviços distintos. A "Quero resolver questões de..." é uma destas aplicações, onde são disponibilizadas aos alunos várias questões, sob a forma de mini-jogos (escolha múltipla, verdadeiro ou falso, ...), relativas aos temas mencionados anteriormente. O primeiro objetivo da dissertação é o desenvolvimento de um backoffice que permita aos professores responsáveis gerirem as questões existentes assim como adicionarem novas para os alunos, visto que o processo atual obriga a atualização manual na base de dados. O segundo é a modernização da interface da aplicação ao nível: tecnológico, utilizando frameworks e linguagens de programação adequadas ao problema; do utilizador, de modo a manter o fluxo intuitivo que gerou a sua popularidade mas tendo em conta um design mais atualizado para manter a consistência com outras ferramentas online.

The aim of this article is to perform a comparative analysis of the Angular v10 and Vue v3.0 frameworks. The basis of the comparison is the performance tested with two applications that are similar in terms of functionality. The view with a variable number of displayed elements was examined, and the time was measured from the moment the number of components was indicated to the end of rendering. The amount of disk space occupied by the final applications and application segments was also compared in relation to the method of implementing their functionality. The results of the research allowed to formulate the conclusions that Vue is more efficient than Angular and additionally the Vue application takes up less disk space.

Diplomski rad prikazuje kreiranje startup plana te na temelju istog, izradu web aplikacije „myOrder“ čija je glavna svrha optimizacija naručivanja i posluživanja u restoranu. U uvodu je dan kraći opis problema, motivacije, način rješavanja te je navedena korištena tehnologija. Startup plan razrađuje probleme plasiranja proizvoda na tržište u smislu unutarnje vrijednosti proizvoda, konkurencije te u financijskom i marketinškom smislu. Praktični dio ističe najvažnije funkcionalnosti aplikacije, kako su one implementirane i kako naposljetku izgledaju. Rezultat rada je funkcionalna, responzivna web aplikacija. Zaključak sadrži kratak pregled i analizu onoga što je napravljeno dobro, što se moglo napraviti bolje te koje funkcionalnosti bi bilo isplativo implementirati u idućim iteracijama., This graduate thesis deals with the creation of a startup plan and based on it, the making of the web application "myOrder", whose main purpose is to optimize ordering and serving in a restaurant. Introduction gives a brief description of the problem, motivation, solution, and the technology used to accomplish this goal. The startup plan elaborates the problems of placing the product on the market in terms of intrinsic product value, competition, and in financial and marketing terms. The practical part highlights the most important functionalities of the application, how they are implemented and how they look in the end. The result is a functional, responsive web application. The conclusion contains a brief overview and analysis of what was done well, what could have been done better, and which functionalities would be profitable to implement in future iterations.

U završnom radu je izrađena web aplikacija koja omogućuje korisnicima da dijele i slušaju glazbu. Aplikacija podržava dvije vrste korisnika, izvođača i slušatelja. Izvođači imaju mogućnost dijeljenja i organizacije vlastite glazbe uz što im se pruža i praćenje statistike slušanja. S druge strane slušatelju je omogućena pretraga glazbe i ostalog sadržaja, kreiranje vlastitih lista, te naravno slušanje glazbe. Aplikacija je razvijena u Spring Boot i Vue.js programskim okvirima odnosno u Java i JavaScript programskim jezicima., The goal of this project was the development of web application for sharing and listening to music. Application has two types of users, artists and regular users. Artists are users who can upload their own music, create albums or other collection and monitor listening statistics, while regular users can search for music and other artists, create playlists and listen. Application was developed in Java and Spring Boot on the backend and javaScript and Vue.js on the frontend.

V Sloveniji je veliko ljudi, ki se ukvarjajo z rejo ovac. Za uspešno rejo pa je potrebno voditi tudi evidenco. Veliko majhnih rejcev trenutno nima specializirane rešitve za elektronsko vodenje evidence in beleženje dogodkov v zvezi s svojimi čredami. Večina jih vodi evidenco na papirju. To vodi v težave, saj se podatki lahko izgubijo, če si stvari ne beležijo sproti. Prav tako lahko liste kam založijo. Cilj diplomske naloge je bil izdelati prototip sistema, ki bo uporabnikom olajšal delo. Pri izdelavi spletne aplikacije smo najprej pridobili zahteve uporabnikov. Na podlagi tega smo načrtali podatkovni model in funkcionalnosti. Po tem smo izbrali primerne tehnologije in prototip tudi izdelali. Prototip spletne aplikacije omogoča dodajanje, urejanje in pregled nad podatki o ovcah, ovnih, čredah, kotitvah, gonitvah in jagenjčkih. Vključuje tudi evidenco lokacij, na katerih so se črede nahajale. Ta evidenca vsebuje tako hlev kot vse pašnike. Uporabniki, ki jim je aplikacija namenjena, so različnih starosti in imajo različne stopnje znanj upravljanja z računalniki. Oblikovana je bila z mislijo, da mora biti enostavna za uporabo, hkrati pa vključevati vse potrebne funkcionalnosti. There are many sheep breeders in Slovenia. For a successful husbandry, it is necessary to keep good records. Many small breeders currently do not have a specialized solution for digital record keeping. Most of them are currently keeping records on paper. This leads to problems, as data can be forgotten if it is not promptly written down. The papers can also be lost. The goal of the thesis was to create a prototype of a system that will make the user's work easier. When developing the prototype, we first gathered user requests. Then we designed the model and the functionalities. After choosing the appropriate technologies, we implemented the prototype. The web application allows adding, editing and viewing data on ewes, rams, flocks, births, matings and lambs. It also contains a record of locations where the herds are located. The record of locations includes barns as well as pastures. The web application is intended for users of different ages and with different levels of computer management skills. It has been designed with the idea of effortless usage, combined with the inclusion of all the necessary functionalities.

U ovom radu opisan je proces izrade računalnog programa za stvaranje i uređivanje Markdown datoteka, pod nazivom RemisMD. Aplikacija je izrađena u potpunosti koristeći web tehnologije HTML, CSS i JavaScript uz pomoć Electron razvojnog okvira i Vue.js za izradu sučelja. Markdown dokumenti otvoreni u aplikaciji prikazuju se formatirani, a korisnik uređuje svaku liniju datoteke posebno, u izvornom Markdown obliku. Uz to, boje sučelja se mogu prilagođavati definiranjem vlastitih tema. Završni rad se sastoji od opisa funkcionalnosti aplikacije, analize i usporedbe sličnih programskih rješenja, opisa korištenih tehnologija te detaljnog objašnjenja implementacije. This bachelor’s thesis describes the process of developing a desktop program for creating and editing Markdown files, by the name of RemisMD. The application is built entirely using the HTML, CSS and JavaScript web technologies with the help of the Electron framework and Vue.js for creating the interface. Markdown documents opened in the app are shown formatted and the user edits each line of the file separately, in plaintext Markdown. Along with that, the colors of the user interface are customizable by defining themes. The bachelor’s thesis consists of a description of the program’s functionalities, an analysis and comparison of similar applications, a description of technologies used and a detailed explanation of the implementation.

U radu su prikazane komponente aplikacije rađene u klijent-server arhitekturi, a poseban naglasak stavljen je na razvoj klijentskog dijela web aplikacije. Iako se klijentski dio temelji na tehnologijama poput HTML-a, CSS-a i JavaScripta, razvojni inženjeri vrlo često koriste okvire koji pružaju moderan pristup dizajnu i funkcionalnosti, te olakšavaju prikaz podataka dohvaćenih sa servera. U radu su analizirani popularni okviri, njihove prednosti, nedostaci i značajke, kao i mogućnosti njihove integracije u postojeći sustav. U sklopu rada su prikazane sličnosti i razlike u korištenju i sintaksi najpoznatijih razvojnih okvira, poput AngularJS, Vue.js i React.js. The paper presents the components of the application made in the client-server architecture, and special emphasis will be placed on the development of the client part of the web application. Although the client part is based on technologies such as HTML, CSS and JavaScript, developers often use frameworks that provide modern access to design and functionality, and facilitate the display of data retrieved from the server. The paper presents and analyzes popular frameworks, their advantages, disadvantages and features, as well as the possibilities of their integration into the existing system. Also, the paper shows the similarities and differences in the usage and syntax of the most famous frameworks, such as AngularJS, Vue.js and React.js.

Potaknuto težnjom ka olakšanju pisanju JavaScript koda nastali su JavaScript biblioteke i web okviri. Oni obuhvaćaju komplete kraćeg napisanog koda i uvelike olakšavaju posao programera. Popularne mrežne stranice koje se svakodnevno posjećuju i koriste se zapravo sastoje od JavaScript biblioteka i okvira i između ostalog zbog njih su brze i efikasne. Cilj završnog rada je upoznati se s JavaScript bibliotekama i okvirima, proučiti ih te naučiti način na koji se oni koriste, kako olakšavaju izradu aplikacija i mrežnih stranica i čemu služe u odnosu na čistu JavaScript. Kao jedni od najpopularnijih JavaScript biblioteka i okvira u svrhu rada izabrani su jQuery, React, Angular i Vue.js. Na početku je predstavljen JavaScript kao popularni programski jezik zbog kojega su biblioteke i okviri prvenstveno nastali kako bi olakšali i ubrzali cijeli proces pisanja koda, navodi se u čemu se biblioteke i web okviri razlikuju. Također je ukratko prikazan jQuery kao početak biblioteka i predstavnik principa piši manje, napravi više. Prvi dio rada se sastoji od općenitog prikaza biblioteke React i Angular i Vue.js okvira, raspravljaju se čimbenici kao što je njihova povijest, instalacija, hello world primjer i na kraju usporedba zastupljenosti među razvojnim programerima. U drugom djelu rada nalazi se praktični primjer njihove implementacije u jednostavnijem primjeru podsjetnika kako bi se prikazala njihova primjena i razlika od čistog JavaScripta.

[ES] ASys es una plataforma educativa destinada al aprendizaje de programación en Java y Haskell que ha sido desarrollada en la Universitat Politècnica de València. Los objetivos de este sistema son proveer a los alumnos de una plataforma de realización de ejercicios que pueden ser corregidos automáticamente, y que además de rapidez, les proporcione información útil para su desarrollo en la materia. El sistema también permite reducir significativamente la carga de trabajo de corrección de los profesores. Por tanto, los alumnos podrán mejorar sus habilidades y conocimientos de programación mediante ejercicios que les ofrecen retroalimentación instantánea y automática, con información acerca de sus errores, independencia total de un profesor. Todo ello sin necesidad de tener que enseñar la solución correcta o propiedades genéricas, sino que cada corrección estará hecha sobre el propio código del alumno, lo cual mejorará su comprensión. Como hemos mencionado, para los profesores también supone una reducción enorme en carga de trabajo, ya que no será necesario que empleen horas corrigiendo este tipo de ejercicios, pudiendo invertir mejor su tiempo en crear otros nuevos, que fomenten de mejor forma la habilidad de resolución de problemas del alumnado y sus conocimientos específicos de Java. ASys ha sido implementado utilizando Vue.js para el Front-End y Java para el servidor (Spring Boot) y el módulo de corrección automática, en donde se centrará en mayor medida el presente trabajo. Este proyecto aborda el desarrollo de una funcionalidad de corrección automática de código Java, la cual modificará los fragmentos incorrectos del código del alumno, complementando así a la información sobre los errores que se proporciona actualmente. En particular, con el desarrollo de este trabajo, ASys será capaz de añadir herencias no presentes o erróneas, sustituir tanto el tipo como el nombre de un atributo o método por el correcto, modificar los parámetros de un método o constructor para que se ajuste a lo especificado por el profesor, añadir imports necesarios, transformar una clase a una interfaz o viceversa, entre otras correcciones a la solución enviada. Todo esto se hará de manera automática, sin intervención del profesor ni del alumno., [EN] ASys is an educational platform for learning Java and Haskell programming, developed at the Universitat Politècnica de València. Its main objectives are to provide students with an automatic exercise correction platform that provides fast as well as useful information for their correct development in the field, along with reducing the teacher¿s correction workload. Therefore, the students will be able to improve their skills and programming knowledge through exercises that offer instant and automatic feedback, with information regarding their errors and total independence from a teacher. All of this without having to resort to showing the original solution or generic properties. Instead, every correction will be made in the student¿s code, which will improve their comprehension of what is correct and why. As we have previously mentioned, it will result in an enormous reduction of workload for the teachers, because it will not be necessary for them to spend hours correcting these types of exercises, leaving time for them to invest in creating new ones that better foster the problem-solving skills of the students, along with their knowledge of Java. ASys is written in Vue.js for the Front-End and Java for the server (Spring Boot) and correction module, where most of this work will be focusing on. This project addresses the development of an automatic Java correction functionality, which will complement the current information that is offered to the student when they make a mistake, adding a corrected version of their own code. Specifically, when this project is completed, ASys will be able to add missing or correct wrong extends and implements, substitute an incorrect attribute or method type or name, modify a method¿s or constructor¿s parameters to adjust it to the one defined by the teacher, add missing imports, transform a class to an interface and vice versa, among other corrections to the student¿s solution.

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

The diploma thesis encompasses the design and development of a web application for making social plans. The goal is to provide people with a simple, intuitive, and secure way to make social plans with other people or friends online. The provided services of the application include: creating social plans, joining them, chatting with the members within a plan, giving them positive or negative feedback, and adding them as friends afterward. The application is built upon the client-server architecture. The client is a Vue.js web application, and the server is a Node.js REST API. By using this architecture we make room for multiple client applications in the future, such as a mobile application. Moreover, a NoSQL MongoDB database was used and the Mongoose ODM was used for all communication with the database to provide better security and to prevent the risk of external injection attacks. The user interface follows familiar and intuitive Material design guidelines. The server is hosted on Heroku, and the web application is deployed on Netlify, which makes it accessible to the users from any device with a browser, connected to the Internet. Diplomsko nalogo vključuje načrtovanje in razvoj spletne aplikacije za izdelavo družabnih načrtov. Cilj je zagotoviti preprost, intuitiven, a varen način za ustvarjanje družabnih načrtov z neznanci ali prijatelji na spletu. Storitve, ki jih nudi aplikacija, so: ustvarjanje družabnih načrtov, pridružitev le-tem, komunikacijo s člani znotraj načrta, dajanje pozitivnih ali negativnih povratnih informacij in naknadno dodajanje med prijatelje. Aplikacija je zgrajena na arhitekturi odjemalec-strežnik. Odjemalec je spletna aplikacija Vue.js, strežnik pa Node.js REST API. Z uporabo te arhitekture naredimo prostor za več odjemalskih aplikacij v prihodnosti, kot je mobilna aplikacija. Poleg tega je bila uporabljena NoSQL podatkovna baza MongoDB, ter Mongoose ODM za vso komunikacijo s podatkovno bazo, da se zagotovi večja varnost in prepreči tveganje zunanjih napadov z vbrizgavanjem kode. Uporabniški vmesnik sledi znanim in intuitivnim smernicam Material design. Strežnik je nameščen na storitvi Heroku, spletna aplikacija pa na storitvi Netlify, zaradi česar je uporabnikom dostopna s katere koli naprave z brskalnikom, povezane v Internet.

Ovaj rad se bavi izgradnjom mrežnog sustava za kupovinu ulaznica za kino. U početku je opisan problem kojim se ona bavi, te su objašnjeni zahtjevi sustava. Zatim su navedene i objašnjene pojedine tehnologije korištene za izradu ovog rada, nakon čega slijedi detaljan opis arhitekture rješenja kroz sva 3 glavna modula. Nakon toga su prikazani neki primjeri API poziva, zatim je opisan rad sustava uz pomoć slika, te upute za korištenje. This paper deals with the construction of an online system for the purchase of cinema tickets. Initially, the problem it deals with is described, and the system requirements are explained. Then, the individual technologies used to create this paper are listed and explained, followed by a detailed description of the solution architecture through all 3 main modules. After that, some examples of API calls are shown, after which the operation of the system with the help of images is described, as well as instructions for use.

​Treball Final de Grau en Enginyeria Informàtica. Codi: EI1054. Curs acadèmic: 2021/2022 El presente documento expone el Trabajo de Fin de Grado realizado durante la estancia en prácticas en la empresa Easygoband. Pertenece al itinerario de Sistemas de Información del grado en Ingeniería Informática de la Universitat Jaume I. La empresa Easygoband cuenta con una plataforma dirigida a los clientes para gestionar y administrar complejos hoteleros de forma cómoda y sencilla. A lo largo de este documento se detalla el desarrollo de una herramienta para la generación de reservas de hotel personalizables, con el objetivo de realizar pruebas y demostraciones en la plataforma. Está dirigida al equipo técnico, comercial y operacional de la empresa. La herramienta ofrece una personalización total para las reservas, permitiendo especifcar habitaciones, añadir huéspedes y crear distintas cuentas del hotel. El proyecto se ha realizado empleando una metodologíapredictiva tradicional con un ciclo de vida en cascada, donde se han defnido y llevado a cabo una serie de tareas con un tiempo estimado. Algunas de las herramientas y tecnologías utilizadas han sido: Vue.js como lenguaje de programación, Visual Studio Code como entorno de programación, GitLab para la gestión del código, Figma para el diseño de la interfaz y Jira para el control y seguimiento del tiempo.