ddosgrid / ddos-visualization Goto Github PK

This shouhld make it easier to determine if a fetched dataset was seen before (should not trigger a notification) or if it was newly analysed/added (should trigger notification).

Using vue-material cards and muuri for the grid

This should enable that one can easily add new analysers/parsers in the most convenient way. It should also enable the orchestration of different analysers without having to know about other analysers when writing a new one.

Write miner and report

Some of the components are very large and have duplicate code

Implement a data model, setup infrastructure between DB & server and write an access wrapper.

Ideally this would include vue, vue-router, vuex, pwa plugin for webpack, eslint preset, app shell using vue-material

https://developers.google.com/web/updates/2016/02/font-display?utm_source=lighthouse&utm_medium=devtools

Implement the first card/diagram/chard that we can connect to the API and show the result of the data mining/visitor.
We could do a port analysis and then show it on a scatterplot and barchart.

The dashboard displays default content from an older build of the application. Remove these default items to make room for the new content

Implement a file-based persistence layer that can easily be supplied to each visitor/analyser transparently.

When the file has finished uploading, the user should be notified that the file has been uploaded and analysis has started

Implement a first concrete visitor that does UDP/TCP port analysis using the Abstract visitor and packet iterator

https://web.dev/render-blocking-resources/

This should include/cover the evaluation, discussion and selection of frameworks and libraries

Show which 20 ports/services have the highest traffic.

Implement an AS analyser that gives the following information:

• Top 10 AS where the src IPs stem from
• Prefixes used and their size

Should give share of states w.r.t.:

• SYN
• SYN/ACK
• FIN
• FIN/ACK
• Other (transfer)

This might require to just update the draw.io diagrams.

This causes bugs since ARP is not a L2 protocol where miners expect a L2 protocol

• Change analysis files to category+chart
• show dates
• rounding
• unit

This requires as input the data analysis chapter and evaluation of frameworks.

Use the vuex store by dataset ID

Each dataset must be indentified by a set of metrics that are generic, ie computed for each dataset independent of the analyser used.

Vuejs complains when adding the same visualization multiple times

 Duplicate keys detected: 'xyz.json'. This may cause an update error.

found in

---> <DashBoard> at src/views/DashBoard.vue
       <App> at src/App.vue
         <Root>

This might require to just update the draw.io diagrams.

Each data set needs to have:

• name
• description
• filesize
• status
• date
• metrics
• files

Each file item needs to have:

• JSON file url
• supported diagrams by name
• category

The idea is to split up the very high-level EventEmitter events of node_pcap ("complete" and "packet") into fine grained events. This feature should also cover a structure/design where one can easily add multiple packet analyser/miner and run them in parallel over the same packet stream.

• consistent height of datasettiles
• Metrics visualized
• Preserve order of dashboard tiles in setups

When resizing the window on the data sets page, the hidden content of a card item makes the card grow by itself without displaying additional content (card should not grow, nor display additional content). Also, sometimes the expand button disappears completely

Implement the API over which one can fetch the mined datasets and perform CRUD updates for datasets/dashboards etc.