Design And Implementation Of Network Topology Presentation System Based On HTML5

With the computer networks increasing larger,network topology management software is also developing rapidly.The system based on Client/Server structure upgrades and maintenances cumbersome.In Browser/Server structure,the system based on Applet is heavily dependent on Java Runtime Environment,and the system based on Flex consumes browser performance seriously.HTML5,as a new generation of technology,brings a new direction to Web application,so it quickly becomes popular in browser application software.This project is under the environment that many companies begin to develop HTML5 network topology.This thesis describes the design and implementation of network topology presentation system in Web topology management software.HTML5 topology can manage many types of topological elements simultaneously,package the data,implement the communication between server and browser,and provide the ability of users'interaction in page.This thesis introduces the network topology presentation system including requirements analysis,functional implementation and system testing.Firstly,analysis user needs,and get functional requirements and non-functional requirements of the system.Then design data model,complete system functional decomposition and level division of topology framework based on the results of the needs analysis.Topology data mainly include topological nodes,links,menus,buttons,and topology model as the container.Topology presentation system needs to achieve functions of loading topology,changing topology style,saving the topology data and displaying elements of the informations.Topology framework involves following modules:1)In server,topology service modules complete the functions including processing the request message,topological expansion,and packaging topological data.2)Data transmission modules pack the topology request and response messages,and complete messaging between server and browser.3)In browser,business modules based on TWaver complete functions of loading topological elements,displaying topology menus and implementing events.Topology presentation system introduces the process of topology functions based on topological framework.The implementation process begins with events from the browser.Then browser sends request message.The server processes the message and sends the topology response message to the browser.The browser finally displays the results of the data.At last,this thesis completes the system testing according to the user's needs.This project is from topology presentation system in network topology application software.The preject transforms the system from Applet to HTML5 by using technology of HTML5,JSF and WebSocket.By grasping the trend of cutting-edge technology,this project can greatly improve the performance of the network topology.Topology presentation system meets the requirements of users.Given the superiority of HTML5 in browser applications and mobile terminals,HTML5 topology presentation system will be able to come to the fore.A new experience will be presented to users.