Search

Представленная статья рассматривает тему мультиплатформенной разработки мобильных приложений и исследует ее на примере использования инструмента Framework7. Разработка мобильных приложений на сегодняшний день стала актуальной и востребованной задачей в сфере информационных технологий. Однако создание приложений для разных платформ, таких как iOS, Android и Windows, может оказаться трудоемким и затратным процессом, требующим от разработчиков особых знаний и навыков. В этой связи мультиплатформенная разработка приложений становится все более популярной и востребованной.Один из инструментов, который может быть использован для создания мультиплатформенных приложений – Framework7. Он предоставляет разработчикам мощные и гибкие инструменты для создания мобильных приложений с использованием HTML, CSS и JavaScript. Кроме того, Framework7 имеет возможность создания пользовательского интерфейса, максимально приближенного к нативным приложениям для iOS и Android.В данной статье рассматривается использование Framework7 для создания мультиплатформенных приложений, в том числе гибридных и веб-приложений, для разных платформ и устройств. В статье анализируются преимущества и недостатки использования Framework7, а также описываются возможности инструмента для создания пользовательского интерфейса, управления маршрутизацией, интеграции с различными API и многое другое.В итоге, статья предоставляет полное представление о мультиплатформенной разработке мобильных приложений с использованием Framework7 и может быть полезна как начинающим, так и опытным разработчикам., The presented article examines the topic of multiplatform mobile application development and explores it on the example of using Framework7 tool. Mobile application development has become an urgent and popular task in the field of information technology today. However, creating applications for different platforms such as iOS, Android and Windows can be a time-consuming and costly process that requires special knowledge and skills from developers. In this regard, multi-platform app development is becoming increasingly popular and in demand.One of the tools that can be used to create multiplatform applications is Framework7. It provides developers with powerful and flexible tools for creating mobile applications using HTML, CSS and JavaScript. In addition, Framework7 has the ability to create a user interface that is as close as possible to native iOS and Android apps.This article reviews the use of Framework7 to create multiplatform applications, including hybrid and web applications, for different platforms and devices. The article analyses the advantages and disadvantages of using Framework7, and describes the tool's capabilities for creating user interfaces, managing routing, integrating with various APIs and much more.As a result, the article provides a comprehensive overview of multi-platform mobile app development using Framework7 and can be useful for both beginners and experienced developers., Международный научно-исследовательский журнал, Выпуск 7 (133) 2023

Un teleprompter es un dispositivo que permite a actores, presentadores y oradores leer su guion o texto mientras mantienen contacto visual con la audiencia. Para solucionar la falta de opciones de código abierto que ofrezcan características similares a los sistemas profesionales, se ha desarrollado un teleprompter de código abierto y multiplataforma mediante el framework ElectronJS. Dichas funcionalidades son la posibilidad de personalizar la presentación del texto, ya sea desde el color del texto o del cuadro de visualización, como de la fuente del texto y su tamaño. Además de poder mostrar el texto tanto de forma manual como automática, también tiene la opción de presentar el texto de forma continua o por diapositivas, funcionar sin internet y en cualquier sistema operativo. Este teleprompter de código abierto ha superado con éxito diferentes pruebas de usabilidad y accesibilidad con usuarios reales. Por ello es una herramienta útil y eficaz que cualquier persona puede utilizar sin tener que pagar por ella.

Farmers may access all the knowledge they need about farming and learning about agriculture on this website. Various technologies, including HTML, CSS, JavaScript, Bootstrap, AWS Polly, AWS Lex, AWS Lambda etc., will be used in this. As a result, the farmers will find our website to be of great use. On this website, we will also include a chat bot so that the farmer can contact us through it. In this we will also include the information page, inside which we provided information of different types, such as fertilizers, water management, and climate change rates. And buttons were also provided inside the information columns so that farmer gain more information. In third part we design an organic farming page in which we provide information about how organic farming is done and its benefits. The results of the experiment contain information regarding the climate and temperature, soil moisture, water usage, and humidity on the farms, as well as a decision-making analysis with farmer input. The main characteristics of the information system include the ability for users to retrieve information from anywhere in the form of statistical data on fertiliser, research facilities, and research, as well as data on diseases, appropriate soil concentrations for appropriate crops, export statistics, and so on. It also provides information on crops that are intercropped with the main crops.

Problem. The creation of WEB applications today is one of the most promising areas of activity for many companies engaged in the field of high-tech digital and computer technologies. Goal. The article analyzes the existing methods of distributed access to the website, developed materials on the principles and technologies of creating sites with distributed access. The creation of such modules as registration, authorization, password recovery, distributed access to courses was analyzed. The tools used to write a site are covered, namely a code editor, a database, and a programming language. In this article, we analyzed the existing methods of distributed access to the site. Methodology. The modernity of the site development is explained by the following factors: the speed of providing information to a wide range of people; improving the company's image and increasing its popularity; the ability to organize feedback with clients; operational communication with branches and representatives in different parts of the country and abroad; organization of marketing research; advertising and attracting buyers and clients; increase in traffic. Results. The developed technological and logical modules were analyzed, namely: registration and authorization; password recovery request form; password recovery; administrator profile; course acquisition module. Originality. If the user was able to enter his profile, then the main page appears in front of him, it displays the main information of the site, which it carries for a person. Practical value. An analysis of the tools used was also carried out, their advantages and disadvantages and the reason why they were chosen were determined., В статті наведено аналіз існуючих методів розподіленого доступу до веб-сайту, опрацьовано матеріал з питань принципів та технологій створення сайтів з розподіленим доступом. Проаналізовано створення таких модулів як: реєстрація, авторизація, відновлення пароля, розподілений доступ до курсів. Розглянуті інструментальні засоби, які використовувалися для написання сайту, а саме редактор коду, база даних та мови програмування.

Kroz ovaj rad bit će opisan postupak izrade web sjedišta od samog početka. U ovom završnom radu detaljno će biti opisani koraci istraživanja tržišta, ispitivanja korisnika, planiranja dizajna i izrade informacijske strukture koja se izvodi prije početka izrade web sjedišta. Kroz rad bit će analizirani rezultati istraživanja tržišta i definiranje poslovnih ciljeva i ciljane publike. Definirat će se cijeli sadržaj web sjedišta koje uključuje njegovu arhitekturu, elemente navigacije i vizualno istraživanje. U radu bit će prikazan dizajn web stranice što uključuje žičani okvir, dizajn, prototip i testiranje prototipa. Bit će opisana izrada web sjedišta koristeći HTML, CSS i JavaScript tehnologije. Na kraju rada, rješenje teme ovog rada testirano je od strane korisnika kako bi se utvrdilo da je postignuto idealno rješenje rada. This paper will describe the process of creating a website from the very beginning. This final paper will describe in detail the steps of market research, user testing, design planning, and creating an information structure that is performed before the start of creating a website. The paper will analyze the results of market research and define business goals and target audiences. The entire content of the website will be defined, including its architecture, navigation elements, and visual exploration. The paper will present the design of the website, which includes wireframe, design, prototype, and prototype testing. The creation of a website using HTML, CSS, and JavaScript technologies will be described. At the end of this work, the solution was tested by the users to determinate that the ideal solution of the work was achieved.

Diplomsko delo je nadgradnja elektronsko računalniškega sistema za nadzor temperature v vinskih sodih, ti. sistema Veritas, produkta podjetja Epiko d.o.o. Sistem je bil v začetku zasnovan izključno za potrebe vinarja, da lahko v lastni vinski kleti nadzoruje temperaturo in posledično kontrolira fermentacijo v vseh vinskih sodih. Uvideli smo priložnost, da lahko produkt postane bolj zanimiv, če bi razvili spletno aplikacijo, preko katere bi bil mogoč vpogled v sistem geografsko neodvisen. V drugem poglavju najprej predstavim obstoječe stanje sistema, vso programsko opremo in naprave. Naknadno smo sistem dopolnili z dodatno strežniško programsko opremo, ki omogoča povezovanje več vinskih kleti na centralni strežnik s podatkovno bazo, hkrati pa omogoča komunikacijo med spletno aplikacijo uporabnika preko centralnega strežnika do lastne vinske kleti. Odločili smo se za pošiljanje podatkov v formatu JSON prek komunikacijskega protokola WebSocket. Pri razvoju spletne aplikacije sem uporabil odprtokodno ogrodje Quasar, ki je namenjeno za izdelavo uporabniških vmesnikov. Quasar je ogrodje, ki ga podpirajo trije programski jeziki: HTML, JavaScript (ogrodje Vue.js) in CSS. Nato predstavim, kako sem izdelal aplikacijo in kako smo določili protokol za izmenjavo podatkov med aplikacijo in strežniško programsko opremo. Na koncu opišem še postopek za izgradnjo projekta in kako produkcijske datoteke namestimo na spletni strežnik. V zaključku izpostavim še možnosti glede nadgradnje, dodelav in prihranka stroškov, saj želimo sistem Veritas v kratkem predstaviti na trgu pod lastno blagovno znamko. This thesis is an extension and upgrade of an electronic computer system for temperature control called Veritas, which was developed by the company Epiko d.o.o. The system was initialy designed for the needs of winemakers, as it allows them to adjust the temperature in the wine barrels and thereby control the fermentation process. We saw an opportunity to make the whole product more appealing, by developing a web application enabling users to access the system from anywhere. In the second chapter, I present the current state of the system, its software and devices. Due to upgrade needs, we supplemented the system with additional server software, which enables several customers/wineries to be connected to a central server with a database. At the same time, it enables communication between the user's web application and their own winery via the central server. I chose the JSON format for sending data via the WebSocket protocol. To develop our web application, I used the Quasar open source framework, whose purpose is creating user interfaces. It is supported by three programming languages: HTML, JavaScript (Vue.js framework) and CSS. In the third chapter, I explain how the application is built and how I defined the protocol for exchanging data between the application and the server software. Lastly, I describe the process of building the project and how to install the production files on the web hosting server. In the conclusion of the thesis, I point out the possibilities for future upgrades, improvements and cost saving potentials, as we plan to present the Veritas system on the market in the near future, under our own brand.

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 TFG desarrolla una aplicación web para gestionar un taller de reparación de automóviles, centrándose en la gestión de vehículos y sus órdenes de trabajo asociadas. Se ha utilizado un framework basado en Java para el backend como Spring Boot y Bootstrap/Jquery para el frontend. Así, el TFG es una muy buena puesta en práctica de los conocimientos adquiridos en el grado., Grado en Ingeniería Informática de Servicios y Aplicaciones

The project described in this report aims to construct a web interface for a multi-purpose transmitter (MPT). The MPT is a submodule that is meant to be used in future chromatography systems. This bachelor thesis project is done at Cytiva in Uppsala. The MPT uses the Azure RTOS development suite with ThreadX as the RTOS, FileX as the file system, and NetX for the TCP/IP protocol stack implementation. The Azure RTOS platform facilitates development for deeply embedded systems and comes with extensive documentation for their services. The web interface consists of 5 web pages with 5 different use cases: Overview for visualization of basic data; Data for visualization, recording, and filtering of all data; Update page for firmware update and file management; Log for development logging purposes; and Config for modifying parameters and running module diagnostic tests. Development of the front end was done in Visual Studio Code. The workflow was streamlined by developing a tool at the beginning of the project that combines the files for the front-end code into variables stored in C source files. Testing of new features was aided by a Python Flask server developed in parallel to the main back end. It embodies the same functionality as the main back end, aside from being hosted on a local computer. The web interface will mainly be used by customers and service personnel. This requires the interface to have two different access levels. The Overview page can be accessed without any authorization while the other pages require the user to be authenticated via username and password. Vid tillverkning och forskning inom Life Science krävs det väldigt noggranna och välkalibrerade instrument. Dessa instrument behöver också underhållas, dels då de riskerar att gå sönder och för att säkerställa att de är korrekt kalibrerade. För att underlätta servicearbetet av Life Science-instrument har vi i detta projekt utvecklat ett webbgränssnitt.Ett webbgränssnitt är en hemsida som är möjlig att nå i en webbläsare för att kunna interagera med en modul. Arbetet har utförts på Cytiva, som är ett världsledande företag inom Life Science. Projektet består till viss del av utvärdering av alternativa lösningar, detta inkluderar val av dataformat, kommunikationsprotokoll, bibliotek, ramverk och metod för datauppdatering. Denna utvärdering baserades huvudsakligen på följande aspekter: minnesavtryck, robusthet och prestanda. Webbservern är skriven i programmeringsspråket C och använder sig av utvecklingsplatformen Azure RTOS. Det innehåller ett realtidsoperativsystem ThreadX, ett filhanteringssystem FileX och en nätverksstack NetX. För att lättare kunna testa uppdateringar skapade vi en utvecklingsserver parallellt med vår webbserver i C. Denna server är skriven i Python med hjälp av ramverket Flask. Den har samma funktionalitet som MPT webbservern och kan köras lokalt på datorn. Slutliga webbgränssnittet har fem olika sidor med fem olika funktioner: Overview för att visualisera grundläggande data, Data för att visualisera och filtrera all data på modulen, Update för filhantering och för att kunna uppdatera modulens mjukvara, Log för loggning vid utveckling och slutligen Config för att kunna justera parametrar och utföra diagnostik på modulen. Det som visas i webbläsaren, front end, är skrivet i programmeringsspråken HTML, CSS och JavaScript. Användandet av ramverk och bibliotek utvärderades men slutsatsen av det är att behovet för det inte övervägde ökningen i minnesavtryck. Koderna från de olika språken vävdes samman med hjälp av ett verktyg som utvecklades för att underlätta skapandet av gränssnittet. Verktyget är skrivet i Python och gör utvecklingen både snabbare och enklare genom att möjliggöra front-end utveckling i programutvecklingsmiljön Visual Studio Code.

La fundació FAADA va realitzar anteriorment un projecte on es calculava la petjada ecològica d'una sèrie d'aliments. Ells tenien un document amb format excel on ells tenien totes les dades emmagatzemades i l'usuari a través d'una sèrie de columnes podia realitzar el càlcul de la petjada del seu menú. El quatrimestre passat, en Robert (estudiant de la UAB) va realitzar l'aplicació mòbil per a dispositus Android, per tant, els hi faltava una pàgina web on es realitzessin els mateixos càlcus per poder implementar a la seva pròpia pàgina web. La fundación FAADA realizó anteriormente un proyecto donde se calculaba la huella ecológica de una serie de alimentos. Tenían un documento en formato Excel donde almacenaban todos los datos, y a través de una serie de columnas, el usuario podía realizar el cálculo de la huella de su menú. El semestre pasado, Robert (estudiante de la UAB) desarrolló la aplicación móvil para dispositivos Android. Sin embargo, les faltaba una página web donde se realizaran los mismos cálculos para poder implementarla en su propio sitio web. The FAADA foundation previously carried out a project in which the ecological footprint of a series of foods was calculated. They had an Excel document where they stored all the data, and users could perform the calculation of their menu's footprint through a series of columns. Last semester, Robert (a student from UAB) developed the mobile application for Android devices. However, they were lacking a website where the same calculations could be performed to implement it on their own web page.

The point of bachelor thesis is presentation of utilisation options CSS Bulma framework, which is meant to make coding website or web applications easier and faster. Bulma is open source CSS framework, which is based on CSS Flexible Box Layout (a.k.a. flexbox) and CSS Grid Layout (a.k.a. grid), which we use to achieve an automatic arrangement of responsive elements depending on the screen size, website is therefore fully responzive. Framework Bulma is library of CSS classes, which can be used like precompiled .css file or .sass file so that the framework can be adapted to the needs of a web designer. In case of use .sass file is Bulma fully modular framework. In the theoretical part of bachelor thesis will be defined basic concepts, which are closely related with framework Bulma (e.g. flexbox), listed his properties, introduced technologies related to the framework and description of the installation of the necessary software for work with Bulma technology. Then will be introduced other types of CSS framework like Bootstrap, Foundation and Pure to compare with Framework Bulma and subsequent processing advantages and disadvantages of the Bulma framework. In the practical part of the bachelor thesis will be made a responsive website with help of framework Bulma to introduce possibility that this technology brings and at the same time also to demonstration of practical advantages and disadvantages Bulma framework.

The point of the bachelor's thesis is to process the issue of voice recognition and voice input using the JavaScript interface SpeechRecognition. This interface is part of the Web Speech API, which allows you to integrate voice data into web applications and contains two components - text-to-speech (SpeechSynthesis) and asynchronous speech recognition (SpeechRecognition). JS API technology allows you to recognize the voice coming into the input, then convert it to text, which can then be used in many ways, such as simply typing as a dictaphone, or invoking other functions using a word command. A very positive and especially current feature is the fact that it is a so-called blind friendly technique, ie technology designed for visually impaired users of web applications in this case. In the theoretical part, the author will focus on the introduction of basic web technologies related to the issue with a focus on JavaScript and especially on the SpeechRecognition API itself and its implementation and incorporation using the aforementioned JavaScript. In the practical part, a web application will be created, which will demonstrate the possibilities, features and advan- tages or disadvantages that this voice recognition technology currently brings.

The aim of the bachelor thesis is to describe and elaborate the PWA (Progressive Web Apps) technology and the possibilities of using Service worker in the creation of so-called progressive web applications. PWA is a technology that enables the creation of a web application that uses a web browser and at the same time allows a so-called cross-platform approach. Service worker is a JavaScript asset that acts as a proxy server and is therefore a necessary component in the creation of progressive web applications. The created application then has the properties of a classic web page, but the main advantage is also the properties of a native application. The PWA technology uses HTML and CSS to create the appearance of the application and JavaScript to implement the Service worker. In the theoretical part, the author will focus mainly on the introduction of the PWA technology itself, advantages and disadvantages of using PWA, implementation of Service worker using JavaScript, description of individual components and general syntax that is necessary for creating an application. In the practical part, a progressive web application will be created using Service worker to demonstrate the possibilities, features and advantages or disadvantages that PWA technology brings. The practical part will also include an exploration of the prevalence of PWAs today in relation to conventional websites..

Moderne Online-Dokumentation bewegt sich im Spannungsfeld zwischen verschiedenen Anforderungen. Auf der einen Seite ist sie als Dokumentation rechtlichen und normativen Regelungen unterworfen, auf der anderen Seite unterliegt sie im Internet Parametern wie Technik, Darstellung und Benutzerfreundlichkeit.Wer Online-Dokumentation selbst erstellen möchte, benötigt aus diesem Grund zumindest Grundkenntnisse von HTML und CSS, um den technischen Anforderungen an diese Form von Dokumentation zu entsprechen. HTML dient dabei zur semantischen Kennzeichnung der Inhalte, während CSS für die Gestaltung des Designs herangezogen wird.CSS-Frameworks haben sich in diesem Zusammenhang in den letzten Jahren einen guten Namen unter Entwickler:innen und Designer:innen gemacht, da sie in der Lage sind, Zeit und Kosten in der täglichen Arbeit einzusparen und Prozesse bei Webprojekten effizienter zu gestalten.Ziel dieser Arbeit war es herauszufinden, ob dies auch für Online-Dokumentation gilt, deren Gestaltung sich häufig nicht mit modernen Designs für Websites und Webanwendungen deckt.Zu diesem Zweck wurden vier verschiedene Designs für das Web-Content-Management- System Typemill erstellt, das auf die Erstellung von textbasiertem Content spezialisiert ist: Drei dieser Designs wurden mit Hilfe von verschiedenen CSS-Frameworks umgesetzt, während das vierte mit reinem CSS entwickelt wurde.Die Ergebnisse dieser Arbeit zeigen, dass sich CSS-Frameworks nur bedingt für die Erstellung von Online-Dokumentation eignen, da CSS-Frameworks nicht für diese Art von Anwendung geschaffen wurden. Je nachdem welche Technik für Online-Dokumentation in Zukunft verwendet wird, ist jedoch eine individuelle Evaluierung notwendig, um festzustellen, ob der Einsatz einzelner CSS-Frameworks sinnvoll ist oder nicht. Modern online documentation is caught between different requirements. Being documentation, it is subject to legal and normative regulations; being content accessed through the Internet it is influenced by parameters such as technology, design and usability.For this reason, it is necessary to have at least a basic understanding of HTML and CSS in order to meet the technical requirements for this kind of documentation. HTML is used to mark up the content semantically whereas CSS is used to create the design.CSS frameworks have made a name for themselves among developers and designers in this context in recent years, as they are able to save time and costs in daily work. Furthermore, they make processes in web projects more efficient and easier to handle than in previous times.This thesis aims to determine if this also applies for online documentation, whose design often does not match the modern designs for websites and web applications.To achieve this goal, four different designs were created for the web content management system Typemill, which specializes in the creation of text-based content: Three of these designs were implemented using various CSS frameworks, while the fourth was developed using pure CSS.The results of this work show that CSS frameworks have limited suitability for creating online documentation, as CSS frameworks were not created for this type of application. However, an individual evaluation for individual CSS frameworks is recommended due to the use of new technologies. Abweichender Titel laut Übersetzung von der:dem Verfasser:in Masterarbeit FH JOANNEUM 2023

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

[ES] Este proyecto se enmarca en el ámbito de las denominadas nubes computacionales. Se propone la implementación de una nube con OpenStack y el diseño de un orquestador para poder trabajar con la nube en Django, con HTML, CSS, JavaScript en Front-end y Python en Back-end, y todo ello en un repositorio en Git. El trabajo se desarrolla en una empresa donde se están realizando prácticas., [EN] This project is part of the field named computational clouds. It proposes the implementation of a cloud with OpenStack and the design of an orchestrator to be able to work with the cloud in Django, with HTML, CSS, JavaScript in Front-end and Python in Back-end, and all this in a Git repository. The work is being developed in a company where internships are being carried out.

[ES] En medio de la era de la digitalización, la pandemia del Covid-19 ha ocasionado un fuerte crecimiento de los medios telemáticos: teletrabajo, videollamadas, redes sociales... Es por ello que cualquier aplicación que digitalice un proceso va a ser imprescindible. Este trabajo de fin de grado consiste en el desarrollo de una aplicación web para poner en contacto a empresas de toda la Unión Europea, que interactuarán a través del sistema para llevar a cabo proyectos conjuntos sin necesidad de desplazarse. Esta aplicación será responsiva, pudiendo utilizarse desde cualquier tipo de dispositivo que cuente con un navegador web. Se basará en el modelo cliente-servidor utilizando distintas tecnologías, y el resultado final será una aplicación web rápida y escalable, que crecerá con las empresas y sus proyectos., [EN] In the middle of the digitalisation age, the Covid-19 pandemic has led to a strong growth in telematic media: remote working, video calls, social networks... This is why any application that digitises a process is going to be essential. This final degree project consists of the development of a web application to connect companies from all over the European Union, which will interact through the system to carry out joint projects without the need to travel. This application will be responsive, being able to be used from any type of device with a web browser. It will be based on a client-server model using different technologies, and the final result will be a fast and scalable web application that will grow with the companies and their projects.

[ES] El presente proyecto tiene como objetivo el desarrollo de una aplicación móvil para la creación de vídeo-análisis a partir de vídeos de deportes tales como golf, tenis,... con herramientas de dibujado en tiempo real, grabación de voz en off, controles de vídeo, etc. Es una app dirigida tanto a entrenadores como alumnos de diversos deportes, para dispositivos móviles con sistemas tanto Android como iOS, con el objetivo de crear vídeos editados a partir de los originales dependiendo de medios de transmisión de multimedia externos para evitar la creación de cuentas y amenizar la experiencia. Para la realización de la aplicación se ha usado el framework Ionic (Angular) + Capacitor como tecnologías core, Android Studio y XCode para el build y testeo de las aplicaciones nativas generadas. Y iconos personalizados. En cuanto a herramientas para la implementación del proyecto se ha utilizado Git+Gitlab para el control de versiones y repositorio online, y Visual Studio Code como IDE junto a extensiones útiles., [EN] The present project aims to develop a mobile application for the creation of video-analyses from videos of sports such as golf, tennis, etc. with real time drawing tools, voice-over recording, video controls, etc. It is an app aimed at both coaches and students of various sports, for mobile devices with both Android and iOS systems, with the simple objective of creating edited videos from the originals depending on external multimedia transmission media in order to avoid the creation of accounts. For the realization of the application has been used the Ionic framework (Angular) + Capacitor as core technologies, Android Studio and XCode for the build and testing of native applications generated. And custom icons. As for tools for the implementation of the project we have used Git+Gitlab for version control and online repository, and Visual Studio Code as IDE along with useful extensions.

[ES] Desarrollo de una aplicación web que muestra a un usuario varias fotos para que seleccione la que más le gusta. La aplicación dispondrá de autenticación de usuarios para poder disponer de perfiles personales. La elección de fotografías de entre una secuencia será guardada en un base de datos de la cual extraer conclusiones a posteriori. La realización del trabajo fin de máster propuesto implicará el uso de tecnologías web de programación como HTML5, CSS, JavaScript, tecnologías Firebase, etc., [EN] Development of a web app that shows several photos to a user in order to select the one that he likes much more. The app will have authentication capabilities in order to provide personal profiles. The choosing of the photographies will be stored in a database that will be used to extract conclusions later. Web programming technologies as HTML5, CSS, Javascript, Google Firebase, etc. will be used in the develop of the project.

[ES] Desarrollo de una página web con CMS WordPress, utilizando Gutenberg con React para acceder a componentes y funciones para añadir bloques, conociendo todo el proceso desde la preparación del entorno de desarrollo de un bloque con la utilización del paquete global wp hasta su activación. Implementar el proyecto bajo tecnologías modernas, permitiendo la optimización y buenas prácticas en el desarrollo web. Crear y subir el sitio web a un repositorio GitLab, trabajar mediante un entorno local con Docker y desplegar en producción con un dominio y hosting real., [EN] Development of a website with CMS WordPress, using Gutenberg with React to access components and functions to add blocks, knowing the whole process from the preparation of the development environment of a block with the use of the global package wp until its activation. Implement the project under modern technologies, allowing optimization and best practices in web development. Create and upload the website to a GitLab repository, work through a local environment with Docker and deploy in production with a real domain and hosting.

Tema ovog završnog rada je istražiti Eulerovu metodu i rješavanje Cauchyjevog problema Eulerovom metodom te izrada web aplikacije na temelju istraženog. Korištene web tehnologije u izradi ove web aplikacije su: HTML,CSS i JavaScript. JavaScript je korišten za implementaciju algoritama za izračunavanje rezultata pomoću Eulerove metode. Postupci korištenja web aplikacije se nalazi u ovom radu. Link na ovu aplikaciju je: http://www.etfos.unios.hr/~antonio.corak / The topic of this final paper is to investigate Euler's method and the solution of the Cauchy problem with Euler's method, as well as the creation of a web application based on the research. The web technologies used in the creation of this web application are: HTML, CSS and JavaScript. JavaScript was used to implement the algorithms to calculate the results using Euler's method. Procedures for using the web application can be found in this paper. The link to this application is: http://www.etfos.unios.hr/~antonio.corak /

If the digital scholarly edition (DSE) is ever to replace the print scholarly edition it must be made truly interoperable so it can be easily secured, moved, published, aggregated, distributed and sold. Current DSEs are customised for particular projects, and must be maintained by their creators. Their contents are also not easily reusable by others. However, digital editions can be made truly interoperable by writing them directly for the Web rather than first in XML, then converting them to HTML. For this to work, some changes to the organisation of the software and data of a DSE are needed. Instead of dividing the software into two parts that run on the server and the client, all software can be moved to the client. In this way, a DSE can become portable, durable and directly usable in any web-browser. Instead of XML, the textual data can use a simplified form of HTML consisting of only two elements: and , controlled and customised by a standard CSS stylesheet. The current practice of encoding alternatives such as variants can be replaced by versions and layers: versions are complete texts written by the author and layers are notional transcripts of local changes ordered chronologically. In this way textual data can express most of the information formerly specified by the complex TEI-XML Guidelines, and the rest via other technologies, and reorganise it in a form that allows easy comparison, editing, searching and textual analysis using standard software tools., Umanistica Digitale, No. 10 (2021)

U ovom radu, među ostalim, objašnjena je povijest dnevnog i noćnog načina rada. Opisan je utjecaj dnevne i noćne teme na vid. Definirane su smjernice, komponenti i alata koji podržavaju najbolje prakse dizajna korisničkog sučelja tamne teme prema Materijalnom dizajnu. Navedena su i objašnjena svojstva i medijski upiti u CSS-u koji su konstruirani posebno za prilagođavanje web stranica različitim temama boja. Prikazani su različiti načini postavljanja noćne i dnevne teme pomoću samo CSS-a, te pomoću CSS-a i JavaScripta. Zatim je opisan localStorage pomoću kojeg se sprema korisnikov izbor u željenu temu. U praktičnom dijelu ovog rada dizajnirana je i osmišljena web stranica sa dnevnom i noćnom temom prema navedenim smjernicama i pravilima. Zatim je stranica izrađena tako da ima dnevnu i noćnu temu koja se prilagođava postavkama operativnog sustava korisnika i koju će korisnik moći promijeniti klikom na ikonu. In this work, among other things, the history of dark and light mode is explained. The influence of dark and light theme on vision is described. Guidelines, components and tools that support the best practices of designing a dark theme user interface according to Material Design are defined. Properties and media queries in CSS that are constructed specifically to adapt web pages to different color themes are listed and explained. Different ways of implementing a dark and light theme using only CSS, and using CSS and JavaScript are shown. Next, localStorage is described, with which the user's choice of desired theme is saved. In the practical part of this work, a website with light and dark theme is designed and developed according to the specified guidelines and rules. The page is then made to have a light and dark theme that adapts to the user's operating system settings and that the user will have the option to change by clicking on the icon.

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

U ovom završnom radu prikazana je izrada i korištenje web stranica za OPG koji služi za informiranje korisnika i kupovinu proizvoda. Za izradu je korišten Microsoft Visual Studio Code. Tehnologije koje su korištene su HTML, CSS, JavaSript i Firebase. Ove tehnologije su ukratko opisane i prikazane kako su se koristile u ovom radu. This paper shows web page for family farms and it is used for giving information to the customers and for purchasing products. Some of the features shown in this paper are giving insight how family farms are organised, what products and services are available and giving opportunity to sign up. Microsoft Visual Code was used for making this paper. Technologies used: HTML, CSS, JavaScrpt and Firebase. Theese technologies are briefly described and shown how are they use din this paper.

Od samih početaka ljudske civilizacije, poljoprivreda je jedna od najstarijih i najvažnijih ljudskih djelatnosti. Cilj je uvijek dobiti što veći i kvalitetniji urod na što utječu brojni faktori, uglavnom klimatski. S vremenom su ljudi naučili promatrati klimu i prilagođavati joj se. U novije vrijeme, tome je uvelike pripomogao razvoj tehnologije. Gotovo svakodnevno razvijaju se nove tehnike mjerenja i obrade izmjerenih podataka. Podaci dolaze iz različitih izvora i u različitim formatima. Programsko rješenje razvijeno u sklopu ovog rada objedinjuje više različitih izvora podataka, obrađuje ih, pohranjuje i prikazuje u web-aplikaciji. Svi podaci, odnosno mjerenja sadrže prostornu komponentu što ih čini pogodnima za prikaz na karti. Zbog toga razvijeno rješenje nije obična web-aplikacija nego spada i u domenu GIS sustava. Rad opisuje cijeli postupak izrade programskog rješenja, od dohvata, obrade i pohrane podataka, preko izrade različitih komponenti web-aplikacije, do samog načina prikaza podataka korisniku na web-stranici. From the very beginnings of human civilization, agriculture is one of the oldest and most important human activities. The goal is always to get as much yield as possible, but also with the best possible quality. This is influenced by many factors, mainly climate ones. Over time, humans have learned to observe the climate and adapt to it. In recent times, the development of technology has greatly contributed to this. New techniques for measuring and processing measured data are being developed almost every day. Data comes from different sources and in different formats. The software solution developed as part of this project combines several different data sources, processes them, stores and displays them in a web application. All measurements contain a spatial component which makes them suitable for displaying on a map. Therefore, this software solution is not an ordinary web application, but also belongs to the domain of GIS systems. The document describes the entire process of creating this software solution. From fetching, processing and storing data, through implementation of various components of the web application, to displaying data to the user on the web page.

El proyecto consiste en el diseño e implementación de una aplicación móvil para la Alcaldía Local de Chapinero, que se pueda ejecutar en los sistemas operativos más utilizados (iOS y Android), con el objetivo de fortalecer la interacción de los habitantes de la localidad de Chapinero con su gobierno local, a través de una herramienta que fomente la comunicación entre la comunidad y la alcaldía, proporcionando una fuente de información de la localidad, transmitiendo contenido de utilidad constantemente actualizado asociado a la gestión de múltiples trámites externos, noticias, ofertas laborales actuales y consultas de interés, evitando al ciudadano acudir presencialmente a la sede de la Alcaldía Local de Chapinero. Para la realización de esta aplicación se empleó una metodología ágil de desarrollo de software llamada Programación Extrema (XP “Extreme Programming”) que está basada en la simplicidad y la agilidad. Entre sus principales ventajas se encuentran la adaptación al cambio y el enfoque en el usuario y no en el proceso, es decir, entregar el software que el cliente necesita en el momento que lo necesita. ChapiMóvil es implementada haciendo uso del desarrollo híbrido multiplataforma debido a que resulta ser más sencillo ya que mejora el tiempo de implementación, al requerir de un solo código diseñado para ser ejecutado en diferentes sistemas operativos, evitando así que se tenga que implementar un desarrollo independiente y específico para cada plataforma. The project consists of the design and implementation of a mobile application for the Local Mayor of Chapinero, which can be executed in the most used operating systems (iOS and Android), with the aim of strengthening the interaction of the inhabitants of the town of Chapinero with your local government, through a tool that promotes communication between the community and the mayor's office, providing a source of information on the locality, transmitting constantly updated useful content associated with the management of multiple external procedures, news, current job offers and consultations of interest, avoiding the citizen to go in person to the headquarters of the Local Mayor's Office of Chapinero. To carry out this application, an agile software development methodology called Extreme Programming (XP “Extreme Programming”) was used, which is based on simplicity and agility. Among its main advantages are the adaptation to change and the focus on the user and not on the process, that is, delivering the software that the client needs at the time they need it. ChapiMóvil is implemented using cross-platform hybrid development because it turns out to be simpler and improves implementation time, by requiring a single code designed to be executed on different operating systems, thus avoiding the need to implement independent development and specific to each platform. Ingeniero Electronico Pregrado

Progress in schooling using competence-based teaching for students is a priority in setting up a quality-centered educational process. Thus, using ICT tools as teaching–learning techniques represents an important objective in reaching scholastic performance and the capacity to offer students various experiences in teaching. Starting with an analysis of research on integrating ICT tools in the educational environment, this study is aimed at presenting teaching opportunities for all students, seeing education through the lens of those instruments specific to a secondary school level, referencing the subject of geography. The applied research design includes mixed methods applied to a total of 674 students, based on results received before and after a written evaluation, to determine the level of knowledge of the students. The present study evaluates the learning environment in which a successful and practical integration of ICT tools is anticipated in the teaching and learning process, from the perspective of the comparative measurement of the impact on the tests, resulting from the formative assessment. The conducted experiment and the Google Forms questionnaires suggest, through the degree of involvement of all students, how technology can facilitate the teaching–learning process. The results showed that there are statistically significant differences between the experimental and the control group, and that information and communication technologies (ICT) represent an important tool for improving performance and developing participatory skills, having the ability to provide students with positive results.