This project aim was to visualize the flow of text when we are browsing the web, or more specific when we make an http request. I ended with just a starting point of the project:
- Using Carnivore Library to sniff the packets received/send when an http request happens
- Creating a node class to store all the nodes on the network based on the IP address of the sender and based on the port
- Parsing the data inside of the packets to extract the hostname, the title of the page and all the text that was available inside the html - extracting the html tags
- Animating the text on the screen
The result:
Each node is define by the hostname and the title of the website. The circle is define by the amount of text that the node contains ( text parsed from the html)
I also did other visualization just showing the text ( the first 10 words) of the node. Visually and technical I couldn't developed better. Here is what results from that experience:
I am not happy with the result of this project. I wanted to make the text fly from one node to the other ( my computer) and I also think that adapting random positions for the nodes based on their IP addresses is not the right choice but I was happy somehow in putting in practice the knowledge learned in class : parsing data using regular expressions and using hashmaps.
I also would like to continuing this idea but using another method to sniff the packets, instead of using Carnivore to do that.