Original title:
Interaktivní grafické prostředí pro vizualizaci penetračního testování
Translated title:
Interactive graphical environment for visualization of penetration testing
Authors:
Klampár, Roman ; Martinásek, Zdeněk (referee) ; Lieskovan, Tomáš (advisor) Document type: Master’s theses
Year:
2024
Language:
cze Publisher:
Vysoké učení technické v Brně. Fakulta elektrotechniky a komunikačních technologií Abstract:
[cze][eng]
Táto diplomová práca sa zaoberá návrhom, vývojom a implementáciou interaktívneho grafického prostredia na podporu penetračného testovania. V teoretickej časti sú popísané základné koncepty penetračného testovania, predstavenie platformy Penterep a~technológie použité pri vývoji, ako sú Vue 3, TypeScript a D3.js. Praktická časť sa zameriava na návrh dátovej štruktúry a architektúry, ako aj implementáciu sieťového grafu s interaktivitou vrátane drag and drop, zoom a panoramatického posunu. Implementované riešenie umožňuje manipuláciu s~grafom a jeho dátami, čím je možné meniť štruktúru grafu. Výsledkom práce je balíček určený na flexibilnú integráciu do existujúcich projektov, ako je platforma Penterep, do ktorej bolo riešenie tiež integrované. Práca taktiež analyzuje výkon vykresľovania grafov pomocou HTML5 Canvas a SVG. Testovanie sledovalo čas vykreslenia, FPS a využitie pamäte pri rôznych veľkostiach grafov. Výsledky ukazujú, že HTML5 Canvas je výkonnejší pri väčšom množstve dát. Cieľom práce je zvýšiť efektivitu penetračného testovania, znížiť časovú náročnosť a~zjednodušiť potrebné procesy v~porovnaní s~aktuálne dostupnými nástrojmi.
This thesis deals with the design, development and implementation of an interactive graphical environment to support penetration testing. The theoretical part describes the basic concepts of penetration testing, introduces the Penterep platform and the technologies used in the development, such as Vue 3, TypeScript and D3.js. The practical part focuses on the design of the data structure and architecture, as well as the implementation of the network graph with interactivity including drag and drop, zoom and pan. The implemented solution allows manipulation of the graph and its data, making it possible to change the graph structure. The thesis resulted in a package designed for flexible integration into existing projects such as the Penterep platform, into which the solution was also integrated. The thesis also analyses the performance of graph rendering using HTML5 Canvas and SVG. Rendering time, FPS and memory usage for different sizes of graphs were monitored during testing. The results show that HTML5 Canvas achieves better performance for larger amount of data. The aim of this work is to increase the efficiency of penetration testing, reduce the time consumption and simplify the necessary processes compared to the currently available tools.
Keywords:
D3.js; GitHub Packages; graph performance; HTML5 Canvas; interactive visualization; network graphs; Penetration testing; Penterep; PrimeVue; SVG; TypeScript; Vite; Vue; D3.js; GitHub Packages; HTML5 Canvas; interaktívna vizualizácia; Penetračné testovanie; Penterep; PrimeVue; sieťové grafy; SVG; TypeScript; Vite; Vue; výkon grafov
Institution: Brno University of Technology
(web)
Document availability information: Fulltext is available in the Brno University of Technology Digital Library. Original record: https://hdl.handle.net/11012/246099