Search

Na temelju zadatka završnog rada – izrade web aplikacije za individualno i timsko dogovaranje sportskih treninga u dvoranama, stvoren je prošireni tekst zadatka kako bi bili jasniji detalji. Iz proširenog teksta zadatka, definirani su entiteti, relacije između entiteta i atributi entiteta iz kojeg je napravljen ER model baze podataka. Iz ER modela baze podataka kreiran je relacijski model baze podataka. Sukladno tomu definirani su entiteti na poslužiteljskoj strani. Nakon povezivanja entiteta stvoreni su repozitoriji, nakon njih servisi koji sadrže metode za poslovnu logiku unutar aplikaciije, nakon njih nadzornici. Potom je kreirana podrška za hvatanje iznimki, zatim modeli za zahtjev i modeli za odgovor te konverteri koji sadrže statičke metode za pretvorbu entiteta u neki od modela i obrnuto. Po završetku na poslužiteljskoj strani ostvarena je podrška za sigurnost uz pomoć radnog okvira Spring Security. Na klijentskoj strani definirane su stranice aplikacije i u njima dohvat željenih podataka uz pomoć biblioteke Axios gdje su sve metode prema pozivu na poslužitelj smještene pod mapu “service“. Zadnje je stvorena podrška sigurnosti uz pomoć “sessionStoragea“ i metoda Axios interceptora. Based on the final thesis assignment – construction of a web application for individual and team scheduling of sports trainings in gyms, an expanded text of the assignment was made to make details clearer. From the expanded text entities, relations between entities and attributes of entities were defined, from which an ER database model was created. From the ER database model, a relation database model was made. Accordingly, application entities on the server side were defined. After connecting entities with each other, the repositories were created, and after them, the services which contain methods for business logic inside of an application were defined. Thereafter, controllers were created to handle HTTP requests to resources. Afterwards, support for exception handling was implemented, and models for request and response, as well as converters which contains static methods for converting entities to models and vice versa were made. By the end of implementation of the server side, security support by Spring Security framework was realized. On the client side, all application pages were defined, and, inside of them, data fetching was enabled with a help of the Axios library. All methods which communicate with the server were defined in the folder “service”. Lastly, security support with browser session storage and Axios interceptor methods was enabled.

The researchers were able to discover that Company A is experiencing difficulties in managing their inventory and purchases. The mode of keeping track of their inventory and purchases are through MS Excel and communicating directly through apps such as Viber and Messenger. This system of theirs would not suffice their needs in the long run as they are facing problems from their current business process such as: (1) lack of data reliability, (2) lack of accessibility, and (3) lack of visibility. The researchers opt to utilize the usage of an Agile Methodology to develop an Inventory Management and Monitoring System for the company. This method would let the researchers divide tasks with the use of the Scrum framework while also maintaining continuous communications with the client regarding the development process and progress of the system. The completion of the software solution aims to provide an accessible web-based avenue for Company A to monitor their materials with the ability to restock supplies and role access in mind. In conclusion, the agile methodology was suitable for the project given the system's current state and client feedback. It enabled issue discovery and the construction of a more efficient and reliable system tailored to the company’s needs.

Web development has evolved on a large scale, this article makes a comparison between two important design frameworks that are essential for the development of web interfaces, such as the responsive and adaptive framework, highlighting its main advantages and differences through the experimental method, properly focused on the development of a web portal, The Google Page Speed Insights tool was used for the comparative study, where evaluation metrics imposed by W3C were applied, with respect to performance and optimization. To guarantee the quality of the research, the Delphi method was applied in a questionnaire directed to 50 teachers from different Ecuadorian Universities, with the purpose of knowing the most adequate design framework at the moment of developing and producing web systems.&nbsp, El desarrollo web ha evolucionado a gran escala, el presente artículo realiza una comparativa entre dos importantes marcos de diseño que son indispensables para el desarrollo de interfaces web, como son el marco responsivo y adaptativo, destacando sus principales ventajas y diferencias a través del método experimental, propiamente enfocado en el desarrollo de un portal web, que se desarrollará para mostrar información sobre la cantidad de investigaciones científicas que publican las Facultades de la Universidad Técnica de Manabí, para el estudio comparativo se usó la herramienta Google Page Speed Insights, donde se aplicaron métricas de evaluación impuestas por W3C, con respecto al rendimiento y optimización. Para garantizar la calidad de la investigación se aplicó el método Delphi, en un cuestionario dirigido a 50 Docentes de diferentes Universidades Ecuatorianas, con la finalidad de conocer el marco de diseño más adecuado al momento de desarrollar y producir sistemas web.&nbsp

The online digital space is a advanced and intricate landscape that offers many opportunities for learning and development. Web applications have become an integral part of this ecosystem, providing exciting interfaces for online users. Many of these applications have vast amounts of content and data, making efficient search a necessary part of these applications. E-commerce and financial systems have also made the jump online. New payment systems are being developed to complement this trend. These two critical aspects of the online space are the focus of my Thesis Portfolio. As part of my technical report, I describe my path towards building and developing a search web application. Specifically, I implemented a search feature to filter through a database of around 30 million users. With the help of my internship team , I designed a clean user interface to easily create queries and search this database. The data that is returned also required a well-designed user interface to navigate between messages, data, and other important information. Additionally, once a particular message or piece of data was identified, action icons and buttons were included to carry out specific functions. This project required significant research and learning into developing Full-Stack applications to this scale. My STS research report focuses on introducation of new type of currency for the digital age: Central Bank Digital Currenices (CBDC). This currencies, backed by a central government or bank, aim to be an new form of digitally currency. It stands as an alternative to physical cash, official currency, and other decentralized digital assets. However, CBDCs come with significant social ramifications, particularly regarding how we think about, use and handle money. My paper aims to address the many ethical concerns that arise from this new techonologies features and proposed benefits. While my technical report and STS research paper focus on different subjects, the topics share some similiaries. Both web applications and CBDCs exist within the online world and aim to facilitate the exchange of data between peole and systems. In fact, many web applications could be built to help make CBDCs more accessible and user-friendly. For example, stores could set up shopping applications that take CBDCs as payments. Additionally, web applications may need to search through past transactions of CBDCs. These two topics may focus on different aspects in the online space; However, CBDCs and web applications can become intertwined to advance and expand our digital age.

The themes of my technical project and STS research are very closely intertwined within the general realm of software engineering in similar scopes under the greater umbrella of the overarching software development process. My technical project encompasses working on a development team to help create a cross-platform mobile application to aid in facilitating an industry event summit. As merely a cog in the machine of many developers across teams focused on different aspects of the software, I implemented backend functionalities as desired by project stakeholders within my line of focus while also offering insight along other avenues. In the same light, my STS research analyzes the motivations behind and the greater importance of developer design decisions within the software development process. In the grand scheme of things, my technical project is focused on carrying out the software development process from start to finish in a specific instance, whereas my research takes a step back and focuses on motivations, decisions, and their resulting consequences within the greater development process in a general sense. The hands-on, physical work done for my technical project was completed through an internship over the course of the previous summer while the academic component of that process involved simply documenting the experience in retrospect as follows. FATHOMWERX, a governmental entity that works to bring together public and private stakeholders for the Department of Defense, needed a software platform to facilitate a meaningful user experience for attendees of an upcoming event summit. This need was addressed through the development of a cross-platform mobile application that served as an event agenda and networking platform for the specific conference itself. Once the problem was communicated and passed off to Naval Information Warfare Center (NIWC) Atlantic, their mobile applications team decided that a mobile app would best suit the needs of the user. FATHOMWERX and the NIWC development team began working closely together to establish and continually evolve requirements and specifications—the event planners articulated what they wanted while the developers returned with evaluations of what was possible and/or realistic. After a few months and many design iterations and adaptations, the mobile application was successfully deployed and utilized by event participants to enhance their attendance experience. The basis of the application could easily be adapted to serve future events, as well as other purposes entirely. My research paper begins with background information regarding the current and ever-evolving landscape of popular computing systems with a focus on smartphones and their respective operating systems. Smartphones have become ubiquitous on a global scale within modern society and have not only changed the way users are accessing software platforms, but have also in turn changed how software developers must design their software. This leads into my assertion that developer design decisions, including release platforms and beyond, are motivated by a variety of factors under unique circumstances in each instance that inevitably cause inequity in justly serving the needs of all end users and other stakeholders. Different use cases call for different platforms, with Android, iOS, and responsive web applications as the three main platforms each with their own set of features and characteristics. A review of related literature provides further information on various software release platforms and how each may serve some cases better than others. This idea is continued with an analysis of outside secondary sources to further the assertion that design decisions are utterly important through evidence consisting of various categories of common motivational factors at play in the software development process. Analysis of those sources is done with the help of actor network theory (ANT) to help interpret evidence in a context meaningful to the study of STS. Working on the development of the cross-platform mobile application during my internship, as well as other past experiences working singularly or among other software development teams, provided vital experience(s) and insight into the software development process and lifecycle. Throughout the research process I have felt not as an outsider looking in, but rather as one organically and innately within the scope of study itself. This helped tremendously in understanding the motivations of design decisions and their effects because I was able to vividly imagine and embody them given the experiences of those past circumstances. I also found it easier to synthesize information that those without development experience might not draw connections to as easily and also draw my own conclusions from sources that may not seem as directly relevant. All in all, I believe the technical project and STS research complement each other very naturally.

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.

[ES] Los microservicios se han convertido en los últimos años en una importante herramienta estratégica que posibilita a las empresas de software acelerar el desarrollo de aplicaciones y aumentar su agilidad. Se trata de sistemas autónomos desarrollados y desplegados de forma independiente con un objetivo concreto. Los microservicios, entre otras ventajas, permiten escalar de forma independiente de otros servicios, tienen un mantenimiento sencillo, pueden mejorar el rendimiento y permiten desarrollar sistemas tolerantes a fallos ya que el fallo en un servicio no afecta al resto del sistema. Dadas las ventajas que supone para empresas tecnológicas el uso de microservicios frente a aplicaciones más monolíticas, en este TFG se propone realizar y caracterizar el proceso de migración de un módulo funcional dentro de un sistema software empleado en un contexto industrial a un microservicio desplegado de forma independiente. Concretamente, se espera que, a partir de un programa complejo empleado en la empresa EDICOM, se genere un microservicio que contenga y mejore el servicio de uno de los módulos funcionales del sistema. Además, paralelamente al proceso de migración, el programa cliente actual del microservicio será modificado al desarrollar una nueva interfaz gráfica de usuario que posibilite el uso de los servicios migrados. Finalmente, una vez migrado el módulo funcional, se pretende realizar el despliegue del microservicio haciendo uso de la tecnología que ofrece Kubernetes. Para llevar a cabo el proyecto se empleará Spring, un framework para el desarrollo de aplicaciones escritas en Java que facilita el desarrollo de microservicios basados en comunicaciones HTTP y se utilizará Maven como herramienta para la gestión y construcción del microservicio. Para el desarrollo de la parte del programa cliente se usará JavaScript como lenguaje de programación y la biblioteca DHTMLX para la implantación de componentes de interfaz de usuario. Además, se empleará Kubernetes, una plataforma de código abierto que permitirá la automatización del despliegue, mantenimiento y gestión del microservicio. Como resultado del TFG se ha desarrollado y desplegado el microservicio en producción en EDICOM. Se espera que este proyecto genere un impacto positivo en el mantenimiento, eficiencia, escalabilidad y tolerancia a fallos del sistema aumentando, de este modo, la calidad del servicio que ofrece la empresa., [EN] Microservices have become an important strategic tool in enabling software companies to accelerate application development and increase agility in recent years. These are loose coupling systems developed and deployed independently with a specific objective. Among other advantages, microservices allow scaling independently of other services ¿ they are easy to maintain, increase performance, and allow fault-tolerant systems to be developed since a failure in one service does not affect the rest of the system. Given the advantages that microservices bring for technological companies (as opposed to monolithic applications), in this TFG, we characterize and describe the migration process of a functional module within a software system used in an industrial context to a microservice deployed independently. Specifically, for a complex system used in EDICOM, we created a microservice to improve the service of one of the functional modules of the system. Moreover, parallel to the migration process, the current client program of the microservice needs to be modified by developing a new graphical user interface that enables the use of the migrated services. Finally, once the functional module has been migrated, we deployed the microservice using the technology offered by Kubernetes. To carry out this project, we used the Spring framework in order to facilitate the development of microservices based on HTTP communications written in Java. In addition, Maven has been adopted as a tool for the construction and management of the microservice. On the one hand, for the development of the part of the client program, we used JavaScript as the programming language, and the DHTMLX library to implement the user interface components. On the other hand, the open-source platform Kubernetes has been employed to allow the automation of the deployment, maintenance, and management of the microservice. As a result of this TFG, the microservice has been developed and deployed in a production environment at EDICOM. This project is expected to positively impact the system maintenance as well as its efficiency, scalability, and fault tolerance, thus increasing the quality of the service offered by the company.

Lancé en 2015, le programme « Grande École du Numérique » (GEN) se présente comme un label de formation aux métiers du numérique qui cible en particulier de jeunes adultes catégorisés comme « NEET » (Not in Education, Employment or Training). Pour y parvenir, la GEN promeut des principes de « pédagogie innovante » au sein des formations labellisées. L’objet de cet article est de décrire la manière dont les apprenants d’une formation au développement web vont se saisir de ce cadre pédagogique particulier, et d’interroger sa portée en termes d’apprentissage au code informatique. Si ce cadre pédagogique n’est pas sans effet, il exige toutefois un certain nombre de conditions de possibilité que le présent article entend mettre à jour, afin d’être perçu comme efficient par des apprenants qui n’ont pas tous intériorisé un même rapport à l’autonomie au cours de leur trajectoire scolaire. Launched in 2015, the "Grande École du Numérique" (GEN) program presents itself as a training label for digital professions that targets in particular young adults categorized as "NEET" (Not in Education, Employment or Training). To achieve this, the GEN promotes the principles of "innovative pedagogy" within the labeled training programs. The purpose of this article is to describe how learners in a web development training course will use this particular pedagogical framework, and to question its scope in terms of learning computer code. If this pedagogical framework is not without effect, it requires a certain number of conditions of the possibility that this article intends to update, in order to be perceived as efficient by learners who have not all internalized the same relationship with autonomy during their schooling.

Publisher Copyright: © 2023 Owner/Author. Programmers rely on the recognition and utilization of reoccurring code sequences to understand and create code. Knowledge of these sequences - programming plans - has been shown to be a factor that differentiates novice programmers from experts. Although the information on the development of programming plans would be beneficial to both teachers and students, explicitly following their development over a longer time period is scarce. In this article, we describe an easy-to-apply methodology for monitoring the development of programming plans. The development of programming plans is evaluated with time-constrained code recall tasks, where students are shown snippets of code for a short period of time, after which they write the snippets they saw. To determine the existence of programming plans, the short duration is designed so that reading the shown code is not feasible in the given time period. We demonstrate the methodology through an experiment in which we studied the development of programming plans in students in a beginner web programming course.

Introduction. Truss structures are widespread in construction due to a number of advantages, such as economy, versatility, and scalability. Accordingly, their modeling and calculation are urgent tasks in the design of building structures. Automatic solution to these problems causes an increase in design efficiency, calculation accuracy, and lower costs. The objective of the study is to examine the functionality and operation algorithm of the software module developed by the authors that generates the geometry of two-dimensional truss structures for subsequent modeling.Materials and Methods. Following the research of the widespread truss configurations, the classification of chords available in the software under consideration is given. The method of parameterizing a truss structure is provided. This method includes base geometric parameters of the structure such as dimensions, model construction rules, and additional features, as well as a comprehensive algorithm. The software is developed in JavaScript.Results. The software module has been integrated into a web application for calculating two-dimensional rod structures. To illustrate the functionality of the software, the examples of user interface are given as well as an example problem. The example includes configuration and calculation of an inclined truss structure. The results, such as support reactions and internal forces with axial force diagram, are provided.Discussion and Conclusions. Using this software module within the framework of the tool for calculating rod structures allows for the simplified process of modeling and calculating complex truss structures, design time, and resource reduction. The software module provides tools for specifying various types of structures, applying loads and assigning properties of a rod system, which makes it a useful instrument for design engineers.

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

El PNN Chingaza es un territorio natural y cultural de toda Colombia, el cual se encuentra ubicado en la cordillera oriental de los Andes al noreste de Bogotá. A través de un contrato de prestación de servicios Ecoturísticos Comunitarios con Parques Nacionales Naturales de Colombia ofrece los servicios de alojamiento, camping, restaurante, Ecotienda e interpretación ambiental para el recorrido de los senderos dentro del PNN Chingaza. Es muy importante para cada estudiante poner en práctica todo lo aprendido durante el proceso de formación profesional de Ingeniería de sistemas. Para cualquier estudiante, el inicio en el mundo laboral se transforma en una situación incierta y desconcertante, por este motivo el desempeño de las prácticas en una empresa es una gran oportunidad para familiarizarse con el entorno para así poder aplicar los conocimientos adquiridos durante la carrera universitaria e incluso llegar a formar parte de la plantilla de una compañía. 1. INTRODUCCIÓN ...................................................................................................................... 9 2. PLATAFORMA ESTRATÉGICA DE LA EMPRESA ....................................................... 10 2.1 PARQUE NACIONAL NATURAL CHINGAZA ........................................................... 10 2.2 CORPOCHINGAZA; ORGANIZACIÓN COMUNITARIA ........................................... 10 2.3 MISIÓN ............................................................................................................................ 11 2.4 VISIÓN ............................................................................................................................. 11 2.5 ORGANIGRAMA ........................................................................................................... 12 2.6 ÁREA DE TRABAJO ..................................................................................................... 13 3. MARCO TEÓRICO O CONCEPTUAL ................................................................................... 13 3.1 DESARROLLO DE SOFTWARE .............................................................................................. 13 3.2 DISEÑO WEB RESPONSIVE ............................................................................................... 14 3.3 METODOLOGÍA SCRUM .................................................................................................... 15 3.4 MODELO VISTA CONTROLADOR (MVC) ....................................................................... 16 4. DIAGNÓSTICO ESPECÍFICO DE LA EMPRESA ........................................................... 18 5. ACTIVIDADES DESARROLLADAS ..................................................................................... 20 5.1 FASE DE APROPIACIÓN ............................................................................................... 22 5.2 FASE DE CONTEXTUALIZACIÓN............................................................................... 23 5.3 FASE DE EJECUCIÓN Y CODIFICACIÓN ................................................................... 24 5.4 FASE DE RETROALIMENTACIÓN .............................................................................. 30 6. PROPUESTA DE MEJORAMIENTO ..................................................................................... 31 7. APORTES DEL ESTUDIANTE............................................................................................... 32 8. CONCLUSIONES .................................................................................................................... 34 9. RECOMENDACIONES ........................................................................................................... 35 10. BIBLIOGRAFÍA ................................................................................................................... 36 ANEXOS........................................................................................................................................... 37 CRONOGRAMA DE ACTIVIDADES ............................................................................................ 37 DIAGRAMA DE GANTT ................................................................................................................ 38 DIAGRAMA DE CASOS DE USO ................................................................................................. 39 Pregrado Ingeniero(a) de Sistemas Práctica Empresarial

In the last decade, the techniques of news aggregation and summarization have been increasingly gaining relevance for providing users on the web with condensed and unbiased information. Indeed, the recent development of successful machine learning algorithms, such as those based on the transformers architecture, have made it possible to create effective tools for capturing and elaborating news from the Internet. In this regard, this work proposes, for the first time in the literature to the best of the authors’ knowledge, a methodology for the application of such techniques in news related to cryptocurrencies and the blockchain, whose quick reading can be deemed as extremely useful to operators in the financial sector. Specifically, cutting-edge solutions in the field of natural language processing were employed to cluster news by topic and summarize the corresponding articles published by different newspapers. The results achieved on 22,282 news articles show the effectiveness of the proposed methodology in most of the cases, with 86.8% of the examined summaries being considered as coherent and 95.7% of the corresponding articles correctly aggregated. This methodology was implemented in a freely accessible web application.

Denna rapport behandlar skapandet av en webbapplikation för filtreraring och visualisering av data i Pythonramverket Dash. Rapporten ger en översikt av gruppens arbetsmetodik och projektets utveckling. Webbapplikationen utvecklades inom kursen TDDD96 Kandidatprojekt i programvaruutveckling av nio studenter som studerar civilingenjör Datateknik och civilingenjör Mjukvaruteknik. Detta uppdrag fick projektgruppen av företaget Ericsson. Projektets resultat blev en fungerade webbapplikation efterfrågad funktionalitet. Resultatet och arbetsmetodiken, bland annat testdriven utveckling, diskuteras i rapporten med fokus på hur utvecklingsprocessen förbättrades. Rapportens slutsatser är att ramverket Dash lämpar sig för webbutveckling i ett mindre projekt, särskilt för datavisualisering, och att produkten skapar värde för kunden.

Высокая конкуренция в бизнес-среде заказной веб-разработки определяет важным эффективное управление рисками. Статья раскрывает теорию и принципы управления рисками в контексте веб-разработки. Автор приводит перечень экономических рисков, характерных для заказной веб-разработки; освещаются практикуемые меры предупреждения реализации рисков. Выводы статьи могут быть полезны предпринимателям и руководителям веб-студий, а также исследователям, интересующимся вопросами управления рисками., High competition in the business environment of custom web-development defines the importance of effective risk management. The article reveals the theory and principles of risk management in the context of web development. The author provides a list of economic risks typical of custom web-development; it highlights practical measures of risk prevention. Conclusions of the article can be useful for entrepreneurs and web-studio managers as well as for researchers interested in risk management., Экономика и предпринимательство, Выпуск 4 (153) 2023, Pages 727-731

State management system plays an essential role in any application. Just as the circulatory system in a living organism aids in transporting nutrients and other vital materials from where they are produced to where they are used to keep the body alive and healthy, the state management system of an application defines how data is controlled, distributed and moves around within the application. However, managing the state of an application could quickly get complex and if not properly addressed, could lead to various issues with the application. The purpose of this research work is to provide a strategy for managing the state of a modern frontend web application to avoid common state-related pitfalls that could arise in the lifetime of an application. To achieve this goal, the thesis work provides a guideline that answers the questions on what should be considered when choosing a state management system and how the states of a frontend application should be handled. To show the effectiveness of this guideline, a case study was conducted on an application called Nokia Test Automation Platform (NTAP) which is an automated test-line solution developed at Nokia. The case study involved re-implementing the NTAP state management system based on the proposed strategy and then comparing the results of similar tests taken before and after the re-implementation. The result of this work includes the identification of features of frontend state and frontend state management, a strategy for modern frontend web state management and the re-implementation of the state management system of NTAP.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque sit amet lacus at mi tincidunt vestibulum sit amet id nulla. Aliquam erat volutpat. Donec interdum placerat erat, id commodo elit pretium in. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Nunc et gravida quam. Vestibulum finibus, eros in sagittis ultricies, tortor felis varius tellus, eget vehicula nunc est nec ante. Pellentesque bibendum, ipsum sed molestie lacinia, metus ligula consectetur libero, id consequat elit dolor vel libero. Vestibulum nibh mi, porttitor non neque vel, malesuada tincidunt turpis. Nam porttitor magna libero, ac commodo erat suscipit sed. In fermentum, nisl ultrices efficitur tincidunt, sapien nulla rutrum mauris, nec volutpat sapien lectus ac nunc. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Interdum et malesuada fames ac ante ipsum primis in faucibus. Nulla lectus massa, ultrices gravida aliquet eget, suscipit non mauris. Aliquam luctus cursus sapien, ut iaculis velit. Aenean eu turpis id lectus pellentesque consequat. Aliquam scelerisque est at tristique tristique. Vivamus mollis enim a dapibus feugiat. In et purus imperdiet, porta enim vel, blandit metus. Morbi id tempus magna. Aenean et auctor felis, ut volutpat orci. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Vestibulum dictum diam eget nibh malesuada, eget dictum tellus lacinia. Fusce ultrices risus a nulla congue consequat.

This article investigates the role of web development in shaping the digital economy of the Shanghai Cooperation Organisation (SCO) countries. It presents an analysis of the current digital economy landscape in these countries and the impact of web development on various sectors. The article further proposes innovative web development strategies for boosting the digital economy, including the adoption of emerging technologies and the promotion of local digital services. The potential future implications and opportunities of these innovations are also discussed, highlighting the critical role of web development in the digital economic growth of the SCO countries.

Σκοπός της παρούσας διπλωματικής εργασίας είναι η ανάπτυξη μιας web και mobile εφαρμογής για την εύρεση επαγγελματιών που υποστηρίζουν υπηρεσίες φύλαξης, εκπαίδευσης, περιπάτου και γενικής περιποίησης/καλλωπισμού κατοικίδιων. Η φύση της εφαρμογής είναι διττή καθώς αποτελείται από δύο δίδυμες εφαρμογές για τους κατόχους κατοικίδιων και τους επαγγελματίες του είδους. Μεταξύ άλλων οι βασικές τεχνολογίες που χρησιμοποιούνται είναι το Ionic/Angular Framework και το .NET Framework. Η χρήση του Ionic Framework σε συνδυασμό με το Capacitor περιβάλλον εκτέλεσης έδωσε τη δυνατότητα για την ανάπτυξη μίας μοναδικής βάσης κώδικα (code base) για την εφαρμογή με την επιλογή διαφορετικών εκδόσεών της όπως web, Android, iOS. Η κάθε εφαρμογή περιλαμβάνει σελίδα σύνδεσης και αποσύνδεσης, μενού πλοήγησης, περιοχή προφίλ και περιοχή συζητήσεων. Επίσης η εφαρμογή για τους κατόχους περιλαμβάνει επιπροσθέτως περιοχή προφίλ κατοικίδιων και περιοχή μενού προσφερόμενων υπηρεσιών. Μία από τις βασικές λειτουργίες της εφαρμογής είναι ο εντοπισμός και η επαφή με επαγγελματές στην περιοχή του κατόχου βάσει μιας ακτίνας κάλυψης που μπορεί ο εκάστοτε επαγγελματίας να εξυπηρετήσει., The purpose of this thesis is to develop a web and mobile application for finding professionals who provide services such as pet sitting, training, walking, and general care/grooming of pets. The nature of the application is dual, as it consists of two separate applications for pet owners and professionals in this field. Among other technologies, the Ionic/Angular Framework and the .NET Framework are used. The use of the Ionic Framework in combination with the Capacitor runtime gave the ability to develop a single common code base for the application with the option of the deployment and publication of different versions such as web, Android, and iOS. Each application includes a login and logout page, navigation menu, profile area, and discussion area. Additionally, the application for pet owners includes an additional profile area for their pets and a menu of services offered. A major advantage of the application is that it allows pet owners to easily find and connect with local professionals.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas eu interdum nulla. Donec turpis nisl, semper eget volutpat dignissim, gravida sagittis lectus. Integer lacus odio, ornare quis quam vitae, varius rutrum mi. Vivamus vestibulum, felis in cursus laoreet, ligula risus finibus sapien, ultricies condimentum ante ante tincidunt nulla. Mauris a ex justo. Duis posuere sollicitudin efficitur. Praesent blandit, augue in iaculis tempor, diam turpis iaculis diam, accumsan aliquet elit enim in diam. Ut volutpat, dui quis auctor pharetra, urna enim lacinia nisl, a faucibus mi justo sit amet elit. Cras dolor ipsum, fermentum eget lobortis id, finibus vitae quam. Nulla vestibulum libero eget malesuada dapibus. Mauris sed porttitor nunc, nec interdum est. Etiam felis ipsum, malesuada nec vehicula id, tristique id justo. Nulla lacinia vestibulum diam, ac pharetra libero posuere sagittis. Pellentesque quis augue ut diam viverra viverra.

Problem and goal. The paper studies how increasing the number of IT degree graduates that are taught in a way that meets the requirements of employers could facilitate digital transformation of Russian economy. This study set out to develop web design teaching methods used in undergraduate training of IT bachelors in the context of blended learning that combines online courses with offline classes in order to make educational approach more practice-oriented. Methodology. The analysis of the research on various aspects of online courses and their usage in university education allows the researchers to construct the optimal model of blended learning in the regional university environment. The comparison of various learning platforms revealed that HTML Academy interactive courses are the best solution to teach web development as they meet the requirements of the professional community for student competencies. The study suggests web design learning methods of IT degree bachelors that are based on the blended learning approach with the help of HTML Academy online courses. It also describes how this methodology was applied in Nizhnevartovsk State University (the Faculty of Information Technology and Mathematics). The observational study was conducted to assess the effectiveness of the approach and whether it is able to increase the quality of universal and professional competencies of IT degree bachelors. Results. The author developed and applied web design teaching methods for IT degree students that meet the employers requirements. The methodology was applied to teach computer science and computer engineering degree and information systems and technologies degree students and was approved by independent experts from the professional community. Conclusion. Blended learning that includes online courses developed by leading experts from the professional community makes IT undergraduate training more practice-oriented, increases education quality, and meets the requirements of professional standards and employers.

The more rapid development of universities in Indonesia, the competition between universities is getting bigger so that the quality and facilities of each university greatly affect the attractiveness and competitiveness of universities. College of Computer Informatics Management (STIKOM) Uyelindo Kupang has 672 students. The campus of STIKOM Uyelindo Kupang has three departments, namely, first-class informatics engineering, undergraduate information systems and D3 informatics engineering with each accredited B. The development and improvement of lecture and practicum facility services at (STIKOM) Uyelindo Kupang is very important to be monitored and maintained. If the campus has provided services and facilities for students but these services and facilities are not monitored and maintained, sooner or later the services and facilities provided will be damaged and can no longer be used. The purpose of this research is to build a complaint information system website for lecture facilities and practicum to help and facilitate students. Based on the results of the test analysis using the Slovin method, there is an average value of 87% with Strongly Agree (SS) criteria. Even with the index value, when viewed based on the type of variable, there are several question items with unfavorable criteria. Question items with these criteria need to be considered for future website development. In the future, the website development will take into account the lowest index value of each indicator, especially those with poor and bad criteria.

[CA] Aquest Treball Fi de Grau (TFG) té com a finalitat estendre dedicada a l'organització, publicació i partici El TFG estendrà Buzzer Beater Buzzer Beater , una xarxa social pació d'esdeveniments esportius a nivell aficionat. amb funcionalitats extra orientades a fomentar l'aspecte més social d'aquesta xarxa. Les extensions plantejades en aquest TFG inclouen el disseny i desenvolupament de 1) una timeline des d'on els usuaris podran compartir publicacions amb la finalitat de fer partícips a altres usuaris de moments, experiències o records relacionats amb l'esport, 2) un sistema de missatges directes denominats " Buzzers " els quals serviran per a posar en contacte de manera directa a diferents usuaris i 3) el perfil de l'usuari en el qual es mostrarà la informació més rellevant de l'activitat d'aquest en la xarxa social. El desenvolupament d'aquestes extensions s'abordarà com una aplicació w eb responsive a la qual es puga accedir tant des d'ordinadors (escriptori i portàtils) com des de dispositius mòbils. La tecnologia per a utilitzar serà WordPress per al frontend llenguatges HTML i SA , on es desenvoluparà un tema des de zero utilitzant els SS (CSS) per a dur a terme la maquetació de totes les pàgines i JQuery (JavaScript) per als aspectes més interactius de la interfície. Quant al , s'emprarà PHP per a realitzar la connexió entre el servidor i la interfície i SQL com a llenguatge de c backend sobre la base de dades relacional, [ES] Este T rabajo F in de G rado (TFG) tiene como finalidad extender Buzzer Beater , una red social dedicada a la organización, publicación y participación de eventos deportivos a nivel aficionado. El TFG extenderá Buzzer Beater timeline con funcionalidade s extra orientadas a fomentar el aspecto más social de esta red. Las extensiones planteadas en este TFG incluyen el diseño y desarrollo de 1) una desde donde los usuarios podrán compartir publicaciones con la finalidad de hacer partícipes a otros usuarios de momentos, experiencias o recuerdos relacionados con el deporte, 2) un sistema de mensajes directos denominados " Buzzers contacto de forma directa a distintos usuarios y 3) " los cuales servirán para poner en el perfil del usuario en el que se mo información más relevante de la actividad de este en la red social . strará la El desarrollo de dichas extensiones se abordará como una aplicación web responsive a la que se pueda acceder tanto desde ordenadores (escritorio y portátiles) como desde disposit ivos móviles. utilizar La tecnología para será WordPress para el frontend, donde se desarrollará un tema desde cero utilizando los lenguajes HTML y SASS (CSS) para llevar a cabo la maquetación de todas las páginas y JQuery (JavaScript) para los aspectos má s interactivos del interfaz. En cuanto al backend, se empleará PHP para realizar la conexión entre el servidor y la interfaz y SQL como lenguaje de consulta sobre la base de datos relacional., [EN] This Final Degree Project aims to extend Buzzer Beater, a social network dedicated to the organisation, publication and participation of amateur sporting events. The project will extend Buzzer Beater with extra functionalities aimed at promoting the more s ocial aspect of this network. The extensions proposed in this project include the design and development of 1) a timeline from where users can share publications in order to share moments, experiences or memories related to sport with other users, 2) a sys tem of direct messages called "Buzzers" which will serve to directly contact different users and 3) the user profile which will show the most relevant information of the user's activity on the social network. The development of these extensions will be app roached as a responsive web application that can be accessed from both computers (desktop and laptops) and mobile devices. The technology to be used will be WordPress for the frontend, where a theme will be developed from scratch using HTML and SASS (CSS) languages to carry out the layout of all pages and JQuery (JavaScript) for the more interactive aspects of the interface. As for the backend, PHP will be used to make the connection between the server and the interface and SQL as a query language on the re lational database

Digital media usage for people eighteen years and older has skyrocketed in recent years. On many occasions, I, too, have found myself being lured into the incredibly addictive practices of apps and websites. Under the guise of entertainment and having nothing else to do, I justify the hours I spend swiping through content. I know that I am not the only one; as shown in Fig 1. Our World in Data reports that the total hours spent on digital media a day by people eighteen and up went from 2.8 in 2008 to 6.2 in 2018. As seen in the graph, it’s clear that many are lured into spending endless hours on digital media. This is exactly the goal that digital media creators have when they spend billions of dollars on research about how to engage with users via media. This represents what is called persuasive technology and it is becoming an increasing aspect of modern society. Through my STS research and technical project, I have gained a unique perspective about a small area of persuasive technology: the unnoticeable persuasion of targeted advertising and commercial websites. More specifically, my STS topic explored specific aspects of political targeted advertising using deliberative democracy as a basis. Additionally, my technical project was a website for a summer camp in which I had to explore ways to be persuasive, rather than being critical of its effects. The technical portion of my thesis included producing a website for a local summer camp from the design phase all the way through production. This website combined a number of commonly used features and designs in a unique way to fit the theme and goals that the client provided. In this project, the goal was to create a website that engaged online visitors, and ultimately, have them sign their children up for the camp. This provided me the opportunity to be on the producer side of persuasive technology, focusing on how to be persuasive. As a result, the entire process felt as though the website was one large, multi-paged, well-disguised advertisement. In my STS research, I expose the principles of deliberative democracy that are violated in targeted advertising. More specifically, I explore the goals and effects of politically targeted advertising to understand why and how it is able to influence the viewer. In my research, it is clear to see the principles of deliberative democracy that are affected by behavioral psychology. The first principle is that it reduces the desire and quality of deliberation amongst the target audience by limiting their exposure to other viewpoints, and the second is the destruction of common knowledge on which to base the deliberation and policies as defined by the deliberative democratic process. Insights into how targeted advertising interacts with viewers will help policy makers better understand the damage caused by political targeted advertising to democracy. While America may not be attempting to emulate deliberative democracy exactly, the deliberative process is fundamental for any functioning democracy and efforts to protect it from harmful practices is essential. My technical project and STS research demonstrate the two competing sides of persuasion using technology: the creator of the technology and the user of the technology. While creating my technical project, I took the side of the creator and attempted to unknowingly persuade visitors to sign up for the camp. In contrast, my STS research explored political targeted advertising and revealed the negative side effects of the leading techniques used in technological persuasion. If I were to only complete one of these projects, it would have likely resulted in a biased understanding of the effects of persuasive technology. However, by exploring both sides, I was able to understand that it is a complex topic. In my STS research, I admit to the fact that political targeted advertising is here to stay, which I believe extends to other forms of technological persuasion. Nevertheless, I also show that there are ways in which technological persuasion can be made more beneficial for society. This begins by getting a better understanding of the problem as a whole and my thesis is just one contributing piece.

Dissertação de mestrado em Informatics Engineering, This document constitutes the final report of a Master’s Thesis focused on developing a working soft ware product for the company Wintouch, with the purpose of managing the delivery of prepared/cooked meals at restaurants. The software product developed and here discussed (the working process and the final product) manages the entire process of deliveries in restaurants, allowing clients to place orders online, via a phone call or in person, and keeping track of the subsequent tasks until the order is delivered to the client. This management includes tasks such as deciding when to start preparing the order, sending the couriers to clients’ homes, while managing their routes and maximizing the number of orders they take to a certain area. The software package and application developed and under discussion also ensures a proper interaction with Wintouch’s products, allowing restaurants to save information about clients, so as to increase the efficiency of future contacts with clients., Este documento constitui o relatório de uma Tese de Mestrado focada no desenvolvimento de um produto de software para a empresa Wintouch, com o propósito de gerir as entregas de refeições preparadas/cozinhadas em restaurantes. O produto deverá gerir todo o processo de preparar entregas em restaurantes, deixando clientes fazer pedidos online, por telefone ou presencialmente, e após o pedido ser realizado, gerir todas as tarefas subsequentes até que o pedido seja entregue ao cliente, tal como gerir quando começar a preparar a entrega do pedido, enviar estafetas para as casas dos clientes, gerir as suas rotas e maximizar o número de pedidos entregues numa determinada área. Deverá também interagir com os restantes produtos da Wintouch, permitindo que os restaurantes guardem informações sobre os seus clientes, de modo a maximizar a eficiencia dos contactos futuros com os mesmos.

El programa “Jóvenes Pasantes” de la Gobernación de Córdoba, es un mecanismo institucional para que los jóvenes cordobeses tengan la posibilidad de desarrollar sus habilidades laborales, en las diferentes dependencias de la entidad, De esta forma, se brinda la oportunidad a los futuros tecnólogos y profesionales de adquirir experiencia en sus áreas de conocimiento específico, siendo éste un factor primordial en la actualidad para poder acceder y desempeñarse en el mercado laboral del país. Por tal motivo, como estudiante del programa de Ingeniería en Sistemas de la Universidad de Córdoba, queda adscrito a la Dirección Técnica de Sistemas de la Gobernación de Córdoba, con el objetivo de brindar apoyo desde el saber específico a esta dependencia, en cabeza del ingeniero Marco Arévalo Yepes, desarrollando actividades de conformidad con las funciones establecidas para esta dirección en el DECRETO No. 0952 de 2016 (Gobernación de Córdoba, 2016). La Dirección Técnica de Sistemas, tiene a cargo uno de los procesos de apoyo, como lo es la Gestión de Tecnología y Sistemas de Información, proceso transversal a los demás procesos de la Entidad Territorial. Es así, que, entre las funciones, se encuentra el levantamiento de requisitos, diseño de aplicaciones web, móvil, y demás soluciones informáticas. Ahora bien, la Dirección Técnica de Sistemas, entre los múltiples requerimientos allegados, destaca uno radicado bajo el oficio Nro. Adtva_2022-0050 (Ver Anexo), suscrito por la Dirección de Ley 550, donde se expresa la necesidad de contar con herramienta de tecnología de gestión de información, que garantice la confidencialidad, integridad y la disponibilidad de los datos, relacionados con todas las acreencias en el marco del Acuerdo de restructuración de pasivos de la Ley 550. Es precisamente ante esta situación, que se prioriza e hizo necesaria la creación de una aplicación web para la administración, gestión y control de las acreencias en el marco de la ley 550 de 1999. 1. INTRODUCCIÓN ___________________________________________9 2. PLATAFORMA ESTRATÉGICA DE LA EMPRESA_____________ 10 2.1. GOBERNACIÓN DE CÓRDOBA ___________________________10 2.2. MISIÓN __________________________________________________10 2.3. VISIÓN ___________________________________________________11 2.4. FUNCIONES _____________________________________________11 2.5. ORGANIGRAMA __________________________________________13 2.6. MAPA DE PROCESOS ____________________________________14 2.7. ÁREA DE TRABAJO ______________________________________15 3. MARCO TEÓRICO O CONCEPTUAL ________________________16 3.1. Aplicación Web __________________________________________16 3.2. Django __________________________________________________16 3.3. Firma digital _____________________________________________17 3.4. GitHub __________________________________________________17 3.5. Modelo Prototipo ________________________________________17 3.6. Python __________________________________________________18 3.7. Visual Studio Code (VS Code) ____________________________18 4. DIAGNÓSTICO ESPECÍFICO DE LA EMPRESA ______________19 5. ACTIVIDADES DESARROLLADAS __________________________21 5.1 Codificación de funcionalidades del aplicativo web _______23 6. PROPUESTA DE MEJORAMIENTO _________________________33 7. APORTES DEL ESTUDIANTE _______________________________35 8. CONCLUSIONES __________________________________________37 9. RECOMENDACIONES _____________________________________38 10. BIBLIOGRAFÍA ___________________________________________39 11. ANEXOS___________________________________________________40 Pregrado Ingeniero(a) de Sistemas Práctica Empresarial

A maior parte da faturação continua a ser feita com recurso a papel. A digitalização do processamento deste tipo de documentos promete apresentar vantagens financeiras e de qualidade. Pretendeu-se então estudar a possibilidade de desenvolver uma ferramenta que, recorrendo a Machine Learning, permita auxiliar na identificação e categorização dos campos presentes num documento. Como ponto de partida do desenvolvimento estudou-se o estado da arte atual de vários campos de estudo, como Machine Learning, Optical Character Recognition e tarefas de classificação, partindo-se em seguida para uma análise dos possíveis utilizadores, levantamento de requisitos e modelação do sistema a desenvolver. Recolhidos os dados que permitiram o treino de um modelo de Machine Learning, desenvolveu-se uma aplicação capaz de gerir documentos e processá-los, permitindo aos seus utilizadores validarem os dados inferidos, guardarem os resultados deste processamento e exportarem vários resultados simultaneamente. O modelo final apresenta uma percentagem de acerto de 69% quando tendo em conta resultados exata e parcialmente corretos, com uma Distância de Levenshtein média de 4, servindo assim como um auxílio ao processamento de faturas. Finalmente são apresentadas algumas propostas de trabalho futuro e áreas que poderão beneficiar de ferramentas que utilizem a mesma tecnologia da aplicação desenvolvida. Most invoicing today continues to use paper. The digitization of this type of document processing promises to present financial and quality advantages. It was then intended to study the possibility of developing a tool that, using Machine Learning, helped identify and categorize the fields present in an invoice. As a starting point for the development, the state of the art of various fields of study was studied, such as Machine Learning, Optical Character Recognition, and classification tasks, followed by an analysis of possible users, requirements gathering, and modeling of the system to be developed. Having collected the data that allowed the training of a Machine Learning model, an application was developed capable of managing documents and processing them, allowing its users to validate the inferred data, save the results of this processing and export several results simultaneously. The final model has an accuracy rate of 69% when considering exact and partially correct results, with an average Levenshtein Distance of 4, thus aiding invoice processing. Finally, some proposals for future work and areas that could benefit from tools that use the same technology as the developed application are presented.

Робота складається зі вступу та чотирьох розділів. Загальний обсяг роботи: 84 аркуші основного тексту, 12 ілюстрацій, 34 таблиці. При підготовці використовувалася література з 33 різних джерел. Актуальність. Економіка та суспільство стають все більш цифровими. Для цього потрібна можливість кожному внести свій внесок у послуги та продукти, які пропонуються в Інтернеті, та отримати вигоду від них. Однак дослідження показують, що більшість веб-сайтів не повністю доступні. Хоча дослідження веб-доступності проводилися понад 20 років і були розроблені різні підходи та контрольні списки, концепція ще не впроваджена в процеси та проекти організацій, і її додаткова цінність для всіх користувачів також не зрозуміла. Мета дослідження. Метою дослідження є розробка керівництва для практиків, таких як: консультантів, дизайнерів та розробників, які підтримують організації у впровадженні веб-доступності у веб-додатках відповідно до міжнародних стандартів. Це керівництво повинно підвищити поінформованість про необхідність доступного веб-контенту та скласти контрольний список, який слід дотримуватися в проєктах веб-розробки. Об’єкт та предмет дослідження. Об’єктом дослідження є веб-доступність. Предметом дослідження є відповідність міжнародних стандартів по веб- доступності до вимог користувачів. А також методи по впровадженню та оцінки веб-доступності. Методи дослідження. В ході дослідження було використано метод аналізу та системний підхід до веб-доступності. Для оцінки відповідності WCAG було використано метод порівняння з вимогами користувача, які були зібрані за допомогою огляду літератури. Наукова новизна. В результаті розроблено посібник по веб доступності, який розглядає доступність як цілісну систему. Для цього було дане визначення веб-доступності, проаналізовано бар’єри з якими стикаються користувачі з обмеженнями зору та їх вимоги. Отримані вимоги порівнювалися з стандартом WCAG 2.1, з результатів порівняння даний стандарт було розширено додатковими описами критеріїв, та додано нових сім критеріїв. Розглянуто правову базу веб- доступності а також методи оцінки та тестування веб-доступності. Практична цінність. Посібник слугує ознайомлювальною та довідковою роботою для практиків та підвищує обізнаність щодо потреб користувачів. З точки зору досліджень, він надає сучасні теоретичні знання щодо концепції, правил, вимог користувачів та ключових питань, які мають бути вирішені в майбутньому, щоб сприяти доступності та забезпечити її встановлення в Інтернеті. The work consists of an introduction and four chapters. Total amount of work: 84 sheets of the main text, 12 illustrations, 34 tables. Literature from 33 different sources was used in the preparation. Relevance of the topic. The economy and society are becoming increasingly digital. This requires everyone to be able to contribute to and benefit from the services and products offered on the Internet. However, research shows that most websites are not fully accessible. Although web accessibility research has been conducted for over 20 years and various approaches and checklists have been developed, the concept has not yet been implemented in organizations' processes and projects, and its added value to all users is also unclear. The aim of the study. The aim of the study is to develop a comprehensive guide for practitioners, such as consultants, designers and developers, who support organizations in implementing web accessibility in web applications in accordance with international standards. This guide should raise awareness of the need for accessible web content and establish a checklist to follow in web development projects. Object and subject of research. The object of research is web accessibility. The subject of the study is the compliance of international standards on web accessibility to the requirements of users. As well as methods for implementing and evaluating web accessibility. Research methods. The research used the method of analysis and a systematic approach to web accessibility. A method of comparison with user requirements collected through a literature review was used to assess WCAG compliance. Scientific novelty. As a result, a web accessibility guide has been developed that considers accessibility as a holistic system. To do this, the definition of web accessibility was given, and the barriers faced by visually impaired users and their requirements were analyzed. The obtained requirements were compared with the WCAG 2.1 standard, from the results of the comparison this standard was expanded with additional descriptions of criteria, and seven new criteria were added. The legal basis of web accessibility as well as methods of assessing and testing web accessibility are considered. Practical value. The manual serves as an introductory and reference work for practitioners and raises awareness of the needs of users. In terms of research, it provides up-to-date theoretical knowledge of the concept, rules, user requirements and key issues to be addressed in the future to facilitate accessibility and ensure its installation on the Internet.

There are many ways that community groups do to survive during the pandemic caused by the COVID-19 virus. One way to survive is done by one of the community groups to work together by planting vegetables that can be consumed as daily food ingredients that are filling and nutritious. Over time, the community realized that its strategy to survive could also be materially profitable. Self-harvested vegetable products can be developed into commercial products with a marketing strategy that combines websites and merchandise strategies. One of the main problems faced by the community is that the community has not adequately understood the strategy for managing and developing a website. However, the community already knows the usefulness of the website and how website development can benefit the community, not only in terms of selling vegetables but also community awareness that is easier to build. Furthermore, with public awareness, more parties will know the products produced by the community. Public awareness will also positively impact the sustainability of the business ecosystem in the community. The existence of synergies, the right strategy in managing and developing websites, collaboration with the community, and community awareness will have a good impact, especially for the community, not only in growing businesses to survive but also in being an example for others communities.

The World Wide Web has become a common platform for interactive software development. Most web applications feature custom user interfaces used by millions of people every day. Information architecture addresses the structural design of information to build quality web applications with improved usability of content, navigation, and findability. One of the most frequently utilized information architecture methods is card sorting—an affordable, user-centered approach for eliciting and evaluating categories and navigable items. Card sorting facilitates decision-making during the development process based on users’ mental models of a given application domain. However, although the qualitative analysis of card sorts has become common practice in information architecture, the quantitative analysis of card sorting is less widely applied. The reason for this gap is that quantitative analysis often requires the use of customized techniques to extract meaningful information for decision-making. To facilitate this process and support the structuring of information, we propose a methodology for the quantitative analysis of card-sorting results in this paper. The suggested approach can be systematically applied to provide clues and support for decisions. These might significantly impact the design and, thus, the final quality of the web application. Therefore, the approach includes proper goodness values that enable comparisons among the results of the methods and techniques used and ensure the suitability of the analyses performed. Two publicly available datasets were used to demonstrate the key issues related to the interpretation of card sorting results and the overall suitability and validity of the proposed methodology, This work was partially supported by the Spanish Government [grant number RTI2018-095255-B-I00]; and the Madrid Research Council [Grant Number P2018/TCS-4314]

Con la llegada de las nuevas tecnologías, los estudios de Diseño Gráfico -centrados en el desarrollo de capacidades visuales y comunicativas- han incorporado disciplinas multimedia e interactivas para hacer frente a los retos laborales. Estas nuevas disciplinas incluyen aspectos competenciales informaticos -necesarios profesionalmente- que se desvian del perfil de estos estudios, provocando dificultades de aprendizaje. Este artículo describe una experiencia docente de diseño, implementación y evaluación llevada a cabo en una asignatura de Estudios Superiores de Diseño Gráfico, donde el alumnado desarrolla webs con los lenguajes HTML y CSS. A través de la Investigación Basada en Diseño se ha verificado que una propuesta fundamentada en el aprendizaje basado en proyectos acompañada por el aprendizaje basado en problemas, la clase invertida y la tecnología educativa, es idonea para este contexto. Las técnicas, instrumentos e indicadores utilizados para evaluar la experiencia han sido: las observaciones de aula, los cuestionarios, la asistencia, la tasa de abandono y las calificaciones. Los resultados han sido positivos, puesto que se ha mejorado la adquisición de competencias, una mayor satisfacción del alumnado, asi como mejores resultados académicos. With the advent of new technologies, Graphic Design studies -focused on the development of visual and communication skills- have incorporated multimedia and interactive disciplines in order to face the industry challenges. These new disciplines include aspects of computer skills -professionally necessary- that deviate from the profile of these studies, causing learning difficulties. This article describes a teaching experience of design, implementation and evaluation carried out in a subject of Bachelor in Graphic Design, where students develop websites built with HTML and CSS. Using Design-Based Research, it has been verified that a proposal based on project-based learning, accompanied by problem-based learning, the flipped classroom and educative technology, is ideal for this context. The techniques, instruments and indicators used to evaluate the experience have been: classroom observations, questionnaires, attendance, dropout rate and grades. The results have been positive, the acquisition of skills has been improved, greater satisfaction has been obtained and better academic results have been achieved.

Citizen Science initiatives often collect the data in an unsystematic way and dependent on the voluntary participation of interested citizens. The visualization of such data must present this incompleteness in a way that is understandable and comprehensible even to scientific laypersons if the correct conclusions are to be drawn. Using the project “Experiencing Biodiversity” as an example, this article shows how these requirements can be taken into account in the development of an online portal. Thereby, we discuss how data gaps can be pointed out by means of maps in order to be able to better interpret the significance of crowd-based data. We use empirical user studies to show the extent to which this was successful in the “Experiencing Biodiversity” project and the role of additional interpretation aids. Finally, we discuss how the findings of this project could be transferred to other use cases.

[ES] Este TFG propone llevar a cabo el diseño e implementación de una página web y de contenido en TikTok sobre ¿Objetivo Viral¿, un concurso online de 4 semanas de duración donde 10 TikTokers se enfrentan cada semana a un reto con el objetivo de descubrir quién será el más viral del concurso. En dicho concurso los espectadores participarán, cada semana, votando para salvar a sus concursantes favoritos. Es por ello por lo que en la página web se deberá mostrar información actualizada semanalmente sobre los retos, las estadísticas, las nominaciones, etc. Para llevar a cabo el presente TFG, se propone realizar inicialmente un análisis de páginas web de reality-shows conocidos para así poder caracterizar e identificar qué tipo de información se muestra típicamente a los usuarios (encuestas, integración con RRSS, estadísticas sobre votaciones, etc.) y cómo se muestra (en qué formato, con qué frecuencia, etc.) e interacción sobre los espectadores. En cuanto a la implementación de la página web se propone hacer uso de un gestor de contenidos como WordPress, así como del conjunto de plugins que den soporte a las características previamente identificadas en el análisis. De esta forma se busca facilitar el mantenimiento de la página web y el desarrollo de contenidos semanales sobre el estado del concurso en tiempo real., [EN] This TFG proposes to carry out the design and implementation of a website and content in TikTok, about "Objetivo Viral", a 4-week online contest where 10 TikTokers face a challenge every week with the aim of discovering who will be the most viral of the contest. In this contest, viewers will participate each week by voting to save their favourite contestants. Therefore, the website will have to display weekly updated information on the challenges, statistics, nominations, etc. To carry out this TFG, it is proposed to initially carry out an analysis of well-known reality-show websites to characterise and identify what type of information is typically shown to users (polls, integration with social media, voting statistics, etc.) and how it is shown (in what format, how often, etc.) and how it interacts with viewers. As for the implementation of the website, it is proposed to make use of a content management system such as WordPress, as well as a set of plugins that support the features previously identified in the analysis. In this way, the aim is to facilitate the maintenance of the website and the development of weekly content on the status of the competition in real time.

El presente trabajo evidencia el proyecto realizado para la facultad de ingeniería de sistemas de la Universidad Santo Tomás, en el cual se describe el diseño, desarrollo, evaluación e implementación de un gestor de peticiones, quejas, reclamos y sugerencias que se realizan por parte del los estudiantes de la facultad. Utilizando una arquitectura basada en el modelo Kruchten 4+1, mediante metodología de prototipado, usando tecnologías de vanguardia en el desarrollo web tales como: Angular, Node.js, Express y PostgreSQL. Una vez implementado el software en los procesos operativos de atención de la facultad, se solucionará la problemática expuesta en el proyecto, mejorando los índices de conformidad y reduciendo los tiempos de espera de las solicitudes. This work evidences the project developed for the faculty of systems engineering of the Saint Thomas University, which describes the design, development, evaluation and implementation of a manager of requests, complaints, claims and suggestions that are made by the students of the faculty. Using an architecture based on the Kruchten 4+1 model, through prototyping methodology, using cutting-edge technologies in web development such as: Angular, Node.js, Express and PostgreSQL. Once the software is implemented in the operational processes of the faculty, the problems exposed in the project will be solved, improving compliance rates and reducing waiting times for requests. Ingeniero Informático Pregrado

[ES] Los museos precisan disponer de sitios web funcionales y amigables que les permita no sólo difundir las actividades de la institución (para captar usuarios y clientes), sino también desarrollar actividades propias directamente de forma online. No obstante, los sitios web de una gran cantidad de museos presentan limitaciones de uso y diseño importantes. La crisis pandémica de la covid-19 ha permitido que muchos museos se percibieran de la importancia de su sitio web y de la necesidad de disponer de pautas específicas que les permitan lograr estos objetivos, adaptando el diseño a las exigencias y necesidades de la actividad museística. El objetivo de este TFM es determinar la calidad del uso y diseño de los sitios web de los museos y proponer unas pautas específicas para su mejora. A tal fin, el trabajo se desarrollará en dos partes diferenciadas. En primer lugar se realizará el análisis de una muestra de sitios web de distintos museos y una propuesta de buenas prácticas. En segundo lugar, se plantea el diseño de una aplicación que permita a los responsables de sitios web museísticos autoevaluar el grado de cumplimiento de las buenas prácticas propuestas y tomar decisiones estratégicas en el diseño de sitios web museísticos., [EN] Museums need functional and friendly websites not only to spread their activities (to attract users and clients) but also to develop their own activities directly online. However, the websites of a large number of museums exhibit remarkable usability and design limitations. The covid-19 pandemic crisis has allowed many museums to realize the importance of their websites and the need to have specific web guidelines that allow them to achieve their core objectives, adapting the design to the demands and needs of museum activity. The main objective of this TFM is to propose a web evaluation model to evaluate the quality of museum websites through specific guidelines and best practices. Then, the model is applied to three Spanish museums as case study. The evaluation model designed is proved to be a useful tool for website managers in order to self-assess the degree of compliance of museum websites against good practices and standardized guidelines, and to take strategic decisions to attract new users and accomplish their core institutional objectives.

Dissertação de Mestrado em Engenharia Informática apresentada à Faculdade de Ciências e Tecnologia Nesta tese foi proposto construir uma ferramenta de software com o objetivo de avaliar serviços. Esta ferramenta consiste numa aplicação web progressiva para consumidores de serviços e um website para fornecedores de serviços. Foram utilizadas as frameworks React e React Native para o desenvolvimento. Todas as fases de um projeto de engenharia de software foram pensadas e executadas. Além da ferramenta de software, outros artefatos importantes foram gerados, tais como um grande estudo sobre o tema que incluiu os temas Etnografia Móvel e Design de Serviço, um documento de requisitos, uma arquitetura de software e diversos casos de teste.A partir da aplicação web progressiva, recolhe-se feedback dos consumidores do serviço utilizando como método de recolha de dados etnografia móvel. Funciona como uma aplicação móvel nativa e permite uma utilização offline. Dessa forma, os utilizadores podem enviar a sua experiência em tempo real e no ambiente do serviço, mesmo não existindo uma conexão com a internet. Estes dois são objetivos da etnografia móvel.O website usa diretrizes de design de serviço para poder avaliar o serviço de forma equitativa. Desta forma, é possível fazer, por exemplo, customer journey maps para cada utilizador, obter um mapa que dita as melhores e piores áreas de um serviço e visualizar alguns gráficos sobre o serviço e ações do consumidor. Esta é uma grande ajuda para os fornecedores de serviços, porque assim têm as ferramentas certas para fazer a avaliação.Com uso da ferramenta de software consegue-se melhorar serviços ao detatar os seus pontos fracos pelo facto de os dados serem ricos, isto é, incluir fotos, vídeos e outra informação importante. Como esta ferramenta é de uso privado entre o consumidor e o fornecedor do serviço atinge-se uma melhor transparência. In this thesis it was proposed to build a software tool with the objective of evaluating services. This tool consists of a progressive web application for service consumers and a website for service providers. React and React Native frameworks were used for development. All phases of a software engineering project have been thought out and executed. Besides the software tool, other important artifacts were generated, such as a major study about the subject which covered the topics Mobile Ethnography and Service Design, a requirements document, a software architecture and several test cases.From the progressive web application, feedback is collected from service consumers using Mobile Ethnography as a data collection method. It works like a native mobile application and allows offline use. In this way, users can submit their experience in real time and in the service environment, despite not having an internet connection. These two are objectives of Mobile Ethnography. The website uses Service Design guidelines to be able to evaluate the service fairly. Thus, it is possible to make, for example, custom journey maps for each user, obtain a map that dictates the best and worst areas of a service and view some graphs about the service and consumer actions. This is a great help for service providers as they have the right tools to carry out the evaluation.By using the software tool, it is possible to improve services by detecting their weaknesses due to the data being rich, this is having photos, videos and other important information. As this tool is for private use between the customer and the service provider, better transparency is achieved.

[ES] El objetivo del TFG consiste en desarrollar una aplicación web para unas oficinas de coworking que permita reservar espacios de coworking a través de internet, sin necesidad de ponerse en contacto con nadie. La aplicación web se centrará en ofrecer servicios de reserva online, con pagos seguros, como también un sistema de suscripciones que nos permitirá acceder a mejores descuentos y a distintos eventos organizados por la empresa. Se hará una distinción en los tipos de reserva y en las salas, variando así el precio y la ubicación. El usuario podrá reservar en los horarios que más le convenga siempre y cuando no estén ocupados. Las reservas podrán realizarse por horas, y decidiendo si la reserva será para un solo día, durante varios días consecutivos o será una reserva recurrente semanalmente. Una vez creada la reserva, se podrá cancelar, una por una, reembolsando el 80% del montante de la reserva. Asimismo, también enfocaremos nuestra página web en crear un vínculo social del usuario con la aplicación, teniendo así una cuenta, una cuenta de empresa y la información de éstas que nos quieran proporcionar. Tanto la reserva como los pagos de ésta se podrán realizar de forma segura tanto online como presencial. El administrador de la web tendrá un apartado de administrador, en el que podrá modificar a su gusto las salas, los usuarios y las reservas., [EN] The objective of our final degree project is to develop a web application for coworking offices. This application allows you to make reservations of our spaces through the internet, without the need to contact anyone. This project will focus on offering online reservation services, with safe payments, as well as a subscription system that will give us some advantages, like access to better discounts and different events organized by the company. A distinction will be made in the types of reservation and in the rooms, thus varying the price and location. The user will be able to book at the times that suit him best if the room by that time is not occupied. Reservation can be made by hours, and the user will be able to decide if the reservation will be for one day, a recursive reservation or a day-by-day reservation. Once the reservation is created, it can be cancelled one by one, refunding 80% of the amount of that reservation. We will also focus our website on creating a social link between the user and the application, thus having an account, a company account, and the information they want to provide to the web. Both the reservation and the payments for it can be made safely online or in person. Otherwise, the subscription system will only be able online. The web administrator will have an administrator section, in which he will have the power to modify, delete or create the rooms, users and reservations., [CA] L'objectiu del TFG és desenvolupar una aplicació web per a unes oficines de coworking que permeta reservar espais de coworking a través d'internet, sense necessitat de posarse en contacte amb ningú. L'aplicació web se centrarà en oferir serveis de reserva online, amb pagaments segurs, com també un sistema de subscripcions que ens permetrà accedir a millors descomptes i diferents esdeveniments organitzats per l'empresa. Es farà una distinció en els tipus de reserva i en les sales, variant així el preu i la ubicació. L'usuari podrà reservar en els horaris que més li convinguen sempre i quan no estiguen ocupats. Les reserves es podran fer per hores, i decidint si la reserva serà per a un sol dia, durant diversos dies consecutius o serà una reserva setmanal recurrent. Una vegada creada la reserva, es podrà cancel·lar, una per una, reembossant el 80% de l’import de la reserva. Així mateix, també enfocarem la nostra pàgina web a crear un vincle social de l'usuari amb l'aplicació, tenint així un compte, un compte d'empresa i la informació que ens vulguen proporcionar. Tant la reserva com els pagaments d'aquesta es podran realitzar de forma segura, tant online com de manera presencial. L'administrador de la web tindrà un apartat d'administrador, on podrà modificar al seu gust les sales, els usuaris i les reserves.

RESUMEN: Hoy en día la digitalización de empresas es uno de los aspectos más demandados en el mundo del software. Muchas empresas necesitan sistemas de información con los que poder tratar sus datos más eficientemente. Además, esta digitalización permite, en muchos de los casos, aumentar el ritmo de trabajo y por tanto contar con mayores beneficios en menos tiempo. Uno de los sectores que en algunas ocasiones no dispone de una plataforma digital adecuada son los centros de investigación. En concreto, en este trabajo nos centraremos en la realización de experimentos round-robin. En este tipo de experimentos, varios centros trabajan conjuntamente a nivel mundial para analizar y establecer propiedades fisicoqíımicas de materiales. De entre los centros participantes, existe un centro coordinador del experimento que define las pruebas a realizar. Todos los centros involucrados realizan dichas pruebas y comparten los resultados con el coordinador para que este los analice y compare mediante tests estadísticos. En un caso cercano conocido, este tipo de experimentos se ha gestionado mediante comunicaciones vía email, lo que supone un trabajo tedioso y propenso a errores para los investigadores. Por lo tanto, este trabajo tiene como objetivo la creación de una plataforma web para la gestión de experimentos round-robin. Por un lado, esta plataforma permitiría a los participantes recibir las instrucciones de las medidas a realizar directamente del coordinador del experimento, así como compartir las medidas analizadas y proporcionar otros datos técnicos de interés. Por otro lado, esta herramienta proporcionará al coordinador una plataforma en la que establecer formularios para los participantes donde recoger toda la información necesaria, así como almacenar las diferentes medidas para su posterior análisis. ABSTRACT: Nowadays, the digitization of companies is one of the most demanded tasks in the software world. Many companies need information systems to process their data more ef ficiently. In addition, this digitization allows, in many cases, to increase the pace of work and therefore to have greater benefits in less time. One of the sectors that frequently does not have have a well-known digital platform to carry out certain tasks are research centers. Concretely, in this paper we focus on perfor ming round-robin experiments. In this type of experiments, these centers work together worldwide to analyze and establish physicochemical properties of materials. Among the participating centers, there is an existing coordinating center of the experiment who de fines some tests to be carried out. Every participant center involved in the experiment perform the defined test and share the results with the coordinator so that he can analyze and compare them through statistical tests. In a well-known close case, this type of experiments has been managed through com munications via email, which is a tedious and error-prone job for researchers. Therefore, this work aims to create a web platform for the management of round-robin experiments. On the one hand, this platform will allow participants to receive the instructions of the measures to be carried out directly from the coordinator of the experiment, as well as sharing the measures analyzed and provide other technical data of interest. On the other hand, this tool will provide the coordinator with a platform to establish forms for the par ticipants where he can collect all the necessary information, as well as store the different measures for later analysis. Grado en Ingeniería Informática

Application Development is not only limited to the business or promotional field, but it also helps to provide the necessary services to the common people across the world by creating an interaction between the companies and the customers through the website. It also creates a platform for the common people who have the ability to attract the audience using their talent. We can take the example of various blog writers, online councilors and fashion influencers who have a large audience because of their quality content and knowledge in their field. We have generally seen how the electronic companies have marked their presence on the online platform via the website which enables the users to contact the company easily. Online retail companies interact with the users via website and provide the orders at the doorsteps of the people. There are various news agencies which had created their website which keeps the users updated with the latest national and international articles. The website development has helped to create a link between the people and the companies, but behind all these facilities there is a powerful language and commands that holds these computational activities and data transfers which helps to create a good interaction between the users and the website owners. Web developers are classified into Front-end and Back-end web developers, Front-end developers help to create an interactive interface that can be easily accessed by the users, whereas Back-end development deals with the main work that is done behind the screens. We can say that it helps to power the website by managing data transfer and other computational activities. In this project, the importance of Django and back-end web development is explained. Using the tools and commands of these languages we can make an interactive and user-friendly interface that can be easily accessed by people. Back-end was earlier known for limited purposes but now when it is explored thoroughly proved to be one of the best languages for website development, gaming, Artificial Intelligence, and highly advanced mobile applications.

In today's era of globalization, websites are very familiar, where many people easily use the web or website. Some can make their own and some ask for it to be made or rather buy. Just use it and then we just need to use it. Our partners are neighborhood associations 05 and 06 which are located in Perumnas Depok Timur, which have young women and men who are curious about website development, and some young women and men want to continue their studies at a higher level by majoring in information and communication. In making a website, they need several stages that they have to apply because our partners are teenagers who are unfamiliar with website creation, for that we here want to make a basic training in website creation which will later be useful for them in terms of application in their environment and society. Where in this training introduced HTML (hypertext markup language). It is hoped that by studying HTML, teenagers can understand how to create a website with HTML.

There are a growing number of jobs related to web development, yet there is little formal literature about the accessibility of web development with a screen reader. This article describes research to explore (1) web development accessibility issues and their impact on blind learners and programmers; (2) tools and strategies used to address issues; and (3) opportunities for creating inclusive web development curriculum and supportive tools. We conducted a Comprehensive Literature Review (CLR) to formulate accessibility issue categories, then interviewed 12 blind programmers to validate and expand on both issues in education and practice. The CLR yielded five issue categories: (1) visual information without an accessible equivalent, (2) orienting, (3) navigating, (4) lack of support, and (5) knowledge and use of supportive technologies. Our interview findings validated the use of CLR-derived categories and revealed nuances specific to learning and practicing web development. Blind web developers grapple with the inaccessibility of demonstrations and explanations of web design concepts, wireframing software, independent verification of computed Cascading Style Sheets (CSS), and navigating browser-based developer tool interfaces. Tools and strategies include seeking out alternative education materials to learn independently, use of CSS frameworks, collaboration with sighted colleagues, and avoidance of design and front-end development. This work contributes to our understanding of accessibility issues specific to web development and the strategies that blind web developers employ in both educational and applied contexts. We identify areas in which greater awareness and application of accessibility best practices are required in Web education, a need to disseminate existing screen reader strategies and accessible tools, and to develop new tools that support Web design and validation of CSS. Finally, this research signals future directions for the development of accessible web curriculum and supportive tools, including solutions that leverage artificial intelligence, tactile graphics, and supportive-online communities of practice.

PurposeFour years after the release of a responsive design website that provides a dynamic screen layout across three access devices (computer, tablet and smartphone), a repeat study was conducted to determine changes in the way that library website functions are and are not accessed.Design/methodology/approachA survey, similar to the original study, was used to determine the rate of access of 20 website functions by three access devices (computer, tablet and smartphone) and a “did not use” (DNU) category. A two-proportion Z-test was used to determine significant differences in the rate of access for each website function and the “did not use” (DNU) category by each access device from 2014 to 2018.FindingsThe computer is still the primary tool used to access website functions, but its rate of use is declining, while access via the smartphone is increasing, including research and for learning functions traditionally accessed only by computer. Access by tablet, with poor website function access rates in 2014, declined in use, with some rates approaching zero. Increases in the DNU category for website functions occurred, but reasons why were not determined. The increases raised questions about the relevance of some of the website functions and if other actions are needed to increase use.Originality/valueRepeating the 2014 study provided insights into the changing landscape of device preferences for accessing library website functions. The number of significant changes identified demonstrates the importance of recurring studies to determine how online access to library website functions evolves over time.

Maternal mortality rates are still high in several areas, including Bantul Regency, Special Region of Yogyakarta. Based on the data obtained from the Bantul District Health Office, from 2018 to 2019, 28 pregnant women died. Posyandu and Puskesmas cadres often encounter problems in collecting data on pregnant women because they still use manual methods. Manual records using books has disadvantages because sometimes pregnant women forget to bring their books. Therefore, an application for recording pregnancy history is needed to enable convenient monitoring by Posyandu cadres, Puskesmas, doctors, and hospitals in order that pregnant women patients can be handled properly in case of emergency. The application used by pregnant women is Mobile App-based, meanwhile, the Web-based Monitoring Information System is used by Posyandu cadres, Puskesmas, doctors, and hospitals. The application allows displaying the medical history and makes it easier for pregnant women to have counseling or examinations without meeting directly with the doctor. If there are any problems in the womb, the doctor will immediately provide a solution or recommendation. The results of the system testing with 15 respondents as users show that 52,1% strongly agree, 37,7% agree, and 10,2% neutral in response to the system interface. The implementation of the information system for monitoring high-risk pregnant women in the majority is accepted by all actors. Hence, it can be concluded that in an attempt to digitalize manual recording of pregnant women's examinations, this information system for monitoring high-risk pregnant women is reliable to be implemented.

E-commerce is an ever-growing field that has undergone steeper growth resulting from the Covid-19 pandemic. Due to this and consumer expectations guiding/following this trend, small to medium sized enterprises (SMEs) are forced to enter the space that was previously only dominated by large corporations. With technological improvements and supply chain advances, companies are now able to enter the space with far less friction leveraging tools such as e-commerce platforms (for example: Shopify, Magento, Salesforce Commerce Cloud, WooCommerce). These platforms enable companies to manage portions of an e-commerce business more easily such as inventory, order management, parcel carrier setup, and online storefronts very accessible to many offered in scalable packages for the business. Considering what these tools provide as base solutions and the previously researched elements in other studies, this study focused on elements that are not inherent to these platforms, requiring investment and consideration otherwise, such as: additional high-quality pictures, user reviews, free returns, free shipping, promotional offers. Then, these elements were tested by monitoring the change in respondent perception of various pages via a survey AB. The data was then analyzed with 4 hypothesis tests and a few other analyses to answer some key hypotheses that were synthesized following a literary review. The takeaways suggest the following: an e-commerce platform-based site provides the key base site elements and meets consumer expectations relative to their previous shopping experiences. Free shipping and free returns advertised on a site page (welcome page for this study) has a positive impact on conversion. Additional high quality product images, special offers, and displaying product reviews were not associated with a statistically significant increase in conversion in this study. As conversion rate optimization (CRO) methods should not be applied as a list of best practices in all situations, it is suggested by the author that these takeaways be considered for any specific business while knowing that these elements and others should considered and tested for any specific business as presentation choices, specific customer base, and many other factors can create very different outcomes

Dissertação de Mestrado em Engenharia Informática apresentada à Faculdade de Ciências e Tecnologia Os incêndios florestais são uma das principais ameaças à biodiversidade de ecossistemas não dependentes do fogo assim como à população. Esta ameaça tem sido, cada vez mais, levada em consideração uma vez que as suas consequências têm comprometido a segurança da população e a sustentabilidade da natureza, prejudicando diversas atividades (sócio-económicas e sócio-culturais). O projeto Fireloc tem como objetivo providenciar um sistema de deteção e prevenção de incêndios florestais por crowdsourcing que permite a contribuição da população geral para auxiliar na gestão e prevenção de incêndios. O sistema é servido de uma grande variedade de fontes de dados que permite providenciar às autoridades as devidas ferramentas para análise de risco e planeamento de atuação sobre as ocorrências de incêndios. Isto é possível através de duas aplicações, uma aplicação móvel para a recolha de dados (contribuições) dos utilizadores e um portal com duas finalidades, fins administrativos e de gestão de incêndios e fins informativos para utilizadores comuns.A presente dissertação descreve o estado atual do sistema FireLoc, permitindo identificar, comparar e realçar as suas virtudes e reconhecer eventuais semelhanças com outros sistemas. Foi também realizada uma especificação das funcionalidades do sistema, nomeadamente o back-end para gestão e processamento de informação geospacial através do desenvolvimento da API FireLoc e criação de serviços com o GeoServer para serem consumidos no front-end. De salientar que é feita uma representação do desenho da arquitetura de software do sistema FireLoc com diferentes vistas arquiteturais para clarificar o funcionamento do sistema e identificação de atributos de qualidade que o sistema deverá garantir. E, finalmente, foram testados todos os módulos desenvolvidos para verificar o bom funcionamento e certificar que todos os objetivos definidos foram atingidos. Forest fires are one of the main threats to the biodiversity of non-fire-dependent ecosystems and to the population. This threat has been increasingly taken into account since its consequences compromise the safety of the population and the sustainability of nature, harming socio-economic and socio-cultural activities. Fireloc aims to provide a crowdsourced forest fire detection and prevention system that allows the contribution of the general population to assist in the management and prevention of fires. The system is served by a wide variety of sources that allows providing risk authorities with suitable tools for analysis and operation of action on fire occurrences. This is through two applications, a mobile application for data collection data (contributions) possible from users and a portal with two purposes, administrative and fire management and informational purposes for common users.This dissertation describes the current state of the FireLoc system, allowing to identify, compare and highlight its virtues and recognize possible similarities with other systems. A specification of the system's functionalities was also carried out, namely the back-end for the management and processing of geospatial information through the development of API FireLoc and the creation of services with GeoServer to be consumed on the front-end. It should be noted that a representation of the FireLoc system's software architecture design is made with different architectural views to clarify the system's operation and identify the quality attributes that the system must guarantee. And, finally, all the modules developed were tested to verify the proper functioning and certify that all the defined objectives were reached. FCT

Dissertação de Mestrado em Design e Multimédia apresentada à Faculdade de Ciências e Tecnologia A Associação Portuguesa para as Perturbações do Desenvolvimento e Autismo Viseu tem como objetivo a promoção da qualidade de vida das crianças, jovens e adultos com perturbações do autismo e suas famílias. A associação carece de um sistema de informação e comunicação que centralize a comunicação entre os diversos intervenientes internos e externos. A presente dissertação propõe-se a desenvolver uma plataforma acessível de gestão de conteúdos internos, administrativos e clínicos, assim como a criação de um canal de comunicação entre cuidadores e técnicos. Para alcançar este objetivo, o desenvolvimento da plataforma foi dividido em três fases: exploração do produto, desenvolvimento e entrega, e suportado por uma combinação de três diferentes metodologias: User Centered Design, Kanban e Automated Continuous Integration.De modo a validar a usabilidade da plataforma após a sua implementação realizaram-se testes de usabilidade com seis técnicos da associação e oito cuidadores. A análise dos resultados permitiu aferir a qualidade da interação dos utilizadores com o produto desenvolvido e elaborar uma lista com mudanças a efetuar à plataforma. Neste contexto, realizou-se também uma verificação do cumprimento dos padrões de acessibilidade estabelecidos pelo W3C, através dos três níveis de classificação do Selo de Usabilidade e Acessibilidade. De um modo geral, os resultados obtidos na avaliação foram positivos, quer para cuidadores quer para técnicos. Esta conclusão foi verificável através das respostas positivas obtidas nos questionários, realizados após os testes de usabilidade, por intermédio dos resultados obtidos nas baterias de testes realizadas durante a avaliação da acessibilidade da plataforma e por meio da satisfação dos membros da associação. The Portuguese Association for Developmental Disorders and Autism Viseu aims to promote the quality of life of children, teenagers, and adults with autism disorders and their families. The association lacks an information and communication system that centralizes communication between internal and external stakeholders. The present dissertation proposes to develop an accessible platform for managing internal, administrative, and clinical content, as well as creating a communication channel between caregivers and technicians. To achieve this goal, the platform's development was divided into three phases: product exploration, development, and delivery, and supported by a combination of three different methodologies: User-Centered Design, Kanban, and Automated Continuous Integration.In order to validate the usability of the platform after its implementation, usability tests were carried out with six association technicians and eight caregivers. Analyzing the results allowed us to assess the quality of user interaction with the developed product and draw up a list of changes to be made to the platform. In this context, verification of compliance with the accessibility standards established by the W3C was also carried out through the three classification levels of the Usability and Accessibility Seal. In general, the results obtained in the evaluation were positive, both for caregivers and technicians. This conclusion was verifiable through the positive responses obtained in the questionnaires carried out after the usability tests, through the results obtained in the batteries of tests carried out during the evaluation of the accessibility of the platform, and through the satisfaction of the association's members.

El presente trabajo final de Grado de Ingeniería en Informática, se desarrolla en el campo de desarrollo web, con el objetivo final de controlar experimentalmente mediante un navegador web, cuatro semáforos de tres luces cada uno (rojo, amarillo y verde), en un cruce de cuatro calles. Como servidor web se ha escogido el famoso minicomputador Raspberry Pi 3 modelo B, debido a que se emplea su conector de expansión conocido como GPIO, para conectar físicamente los cuatro semáforos. Para facilitar el montaje eléctrico, se ha empleado el sombrero PiTraffic de SB Components, puesto que permite incorporar dichos semáforos simplemente enchufando esta tarjeta encima de la RPi, añadiendo además un zumbador y un pulsador. El zumbador se emplea para avisar de que los semáforos se han puesto en amarillo y van a pasar a rojo, y el pulsador se usa para que un peatón pueda pulsar y poner todos los semáforos en rojo unos instantes. Este sistema posee tres modos, el manual, el automático y el modo emergencia. En modo manual podemos encender a voluntad las lámparas de todos los semáforos independientemente, el modo automático realiza sin parar un ciclo semafórico apropiado para la calle en estudio, y el modo emergencia hace parpadear sin fin todos los semáforos en amarillo, sonando el zumbador a cada encendido. Los tiempos de encendido cuando trabaja en el modo automático, son modificables por parte del usuario por medio de selects. Además, tiene un control para resetear el sistema, otro para poner la calle este-oeste en prioridad (dando a esta dirección el doble de tiempo que a la calle norte-sur), y la posibilidad de poner el zumbador en mute, para que no moleste. This final work of Computer Engineering Degree, is developed in the field of web development, with the ultimate goal of controlling experimentally through a web browser, four traffic lights of three lights each (red, yellow and green), at an intersection of four streets. The famous Raspberry Pi 3 model B minicomputer has been chosen as web server, because its expansion connector known as GPIO is used to physically connect the four traffic lights. To facilitate the electrical assembly, the SB Components PiTraffic hat has been used, since it allows to incorporate these traffic lights by simply plugging this card on top of the RPi, also adding a buzzer and a pushbutton. The buzzer is used to warn that the traffic lights have turned yellow and are about to turn red, and the push button is used so that a pedestrian can press and turn all the traffic lights red for a few moments. This system has three modes, manual, automatic and emergency mode. In manual mode we can turn on the lamps of all the traffic lights independently at will, the automatic mode performs without stopping a traffic light cycle appropriate for the street under study, and the emergency mode makes all the traffic lights blink yellow without end, sounding the buzzer at each ignition. The on times, when working in automatic mode, can be modified by the user by means of selects. In addition, it has a control to reset the system, another to set the east-west street in priority (giving this direction twice as much time as the north-south street), and the possibility to set the buzzer on mute, so that it does not disturb. El present treball final de Grau d'Enginyeria en Informàtica, es desenvolupa en el camp de desenvolupament web, amb l'objectiu final de controlar experimentalment mitjançant un navegador web, quatre semàfors de tres llums cadascun (vermell, groc i verd), en un encreuament de quatre carrers. Com a servidor web s'ha triat el famós minicomputador Raspberry Pi 3 model B, pel fet que s'empra el seu connector d'expansió conegut com GPIO, per a connectar físicament els quatre semàfors. Per a facilitar el muntatge elèctric, s'ha emprat el barret PiTraffic de SB Components, ja que permet incorporar aquests semàfors simplement endollant aquesta targeta damunt de la RPi, afegint a més un brunzidor i un polsador. El brunzidor s'empra per a avisar que els semàfors s'han posat en groc i passaran a vermell, i el polsador s'usa perquè un vianant pugui prémer i posar tots els semàfors en vermell uns instants. Aquest sistema posseeix tres maneres, el manual, l'automàtic i la manera emergència. En manera manual podem encendre a voluntat els llums de tots els semàfors independentment, la manera automàtica realitza sense parar un cicle semafòric apropiat per al carrer en estudi, i la manera emergència fa parpellejar sense fi tots els semàfors en groc, sonant el brunzidor a cada encesa. Els temps d'encesa quan treballa en la manera automàtica, són modificables per part de l'usuari per mitjà de selects. A més, té un control per a reinicialitzar el sistema, un altre per a posar el carrer aquest-oest en prioritat (donant a aquesta adreça el doble de temps que al carrer nord-sud), i la possibilitat de posar el brunzidor en muti, perquè no molesti.