Original title:
Webové aplikace pro podporu výuky základů zpracování signálů
Translated title:
Web applications supporting education of signal processing fundamentals
Authors:
Kuře, Dominik ; Ištvánek, Matěj (referee) ; Rajmic, Pavel (advisor) Document type: Master’s theses
Year:
2023
Language:
cze Publisher:
Vysoké učení technické v Brně. Fakulta elektrotechniky a komunikačních technologií Abstract:
[cze][eng]
Tématem práce je tvorba čtyř webových aplikací, které mají sloužit jako výukový materiál pro studenty, kteří se seznamují se základy zpracování signálů. Jednotlivými oblastmi, na které se aplikace zaměřují, jsou střední a efektivní hodnota signálů, základní operace se signály (zesílení, posunutí, změna měřítka), vliv těchto operací na Fourierovu řadu signálů a také převzorkování signálu pomocí různých druhů interpolací (metoda nejbližšího souseda, lineární interpolace, kubická interpolace a interpolace pomocí funkce sinus cardinalis). Tyto aplikace jsou realizovány pomocí jazyka TypeScript, jenž je rozšířením jazyka JavaScript o statické datové typy. Dále je využita knihovna React, jež slouží pro tvorbu front–endových aplikací a Chart.js, umožňující pohodlnou a velmi detailní práci s grafy. V teoretické části aplikace jsou nejprve v první polovině popsány jednotlivé oblasti zpracování signálů, které je potřeba znát pro vypracování aplikací, a poté jsou představeny informační technologie, jež jsou využity pro implementaci. Kromě již zmíněných technologií se text okrajově zabývá i úvodem do jazyků HTML a CSS a také krátce pojednává o syntaxi JSX. Praktická část popisuje samotnou realizaci těchto aplikací a slouží též jako dokumentace ke zdrojovému kódu. V praktické části je popsáno, jak realizovat jednotlivé druhy signálů (sinus, trojúhelníkový, pilový, obdélníkový s různými střídami, šumový) a jak pro každý z těchto signálů vypočítat Fourierovu řadu, jak lze v kódu provést jednotlivé signálové operace, jakým způsobem lze realizovat různé druhy interpolací a jaké jsou některé konkrétní možnosti výpočtu kubické interpolace (metoda konečných diferencí, kardinální spline, Catmull–Rom spline, přirozená kubická interpolace), jak tyto aplikace vypadají a jaké jsou jejich struktury.
The main topic of the thesis is the creation of four web applications which are used as learning material for students who are studying the basics of signal processing. The areas on which the thesis focuses on are root mean square and expected value of signals, basic signal operations (amplification, geometric translation, scale change), the effect these operations have on the Fourier series of the given signal and also resampling of a signal using different methods of interpolation (nearest neighbour method, linear interpolation, cubic interpolation and interpolation using the sinc function). These applications are implemented using the TypeScript programming language which is an extension of the JavaScript language which enhances it with static types. Other libraries that are used are the React library which is used for front-end web applications and a library which allows easy to implement but still very detailed manipulation of charts called Chart.js. The first half of the theoretical part of the thesis focuses on those areas of signal processing which are necessary to understand so the applications can be created. The second half focuses on information technologies used for the implementation of said applications. Besides the already mentioned technologies, the text also briefly mentions the basics of HTML and CSS languages as well as the JSX syntax. The practical part describes how the applications were implemented and also serves as documentation for the source code. This part shows the reader how to create differently shaped signals in code (sine, triangle, sawtooth, square with different duty cycles, noise) and how to obtain the Fourier series of each of these signals, how to implement different signal operations, how to interpolate between multiple points using different interpolation formulas and what are some of the methods which can be used to apply cubic interpolation (finite difference method, cardinal spline, Catmull–Rom spline, natural cubic interpolation), what the applications look like and what is their structure.
Keywords:
Chart.js; expected value; Fourier series; interpolation; JavaScript; React; root mean square; signal processing.; sinc; TypeScript; web applications; Chart.js; efektivní hodnota; Fourierova řada; interpolace; JavaScript; React; sinc; střední hodnota; TypeScript; webové aplikace; zpracování signálů.
Institution: Brno University of Technology
(web)
Document availability information: Fulltext is available in the Brno University of Technology Digital Library. Original record: http://hdl.handle.net/11012/210230
guest ::
