Design And Implementation Of The Mobile Client Of Network Monitoring System Based On Responsive User Experience

With the burst of mobile internet,more and more terminal devices with difference sizes and based on various platforms come up.Therefore,it's impractical to know the particular device information in advance.The traditional Apps or websites,designed for a certain type of device,will give rise to clustered layout or compatibility issues by different kinds of terminal devices,which should be taken sophisticated care of for developers.It is meaningful for developers to improve the application which can adjust the layout automatically.Responsive design has been put forward for this circumstance.We designed and implemented the web app that can be responsive for different platforms and devices by HTML,JAVASCRIPT and CSS based on the concept of responsive design.In addition,we propose a design framework of responsive application which combined web app with naive app appropriately.Particularly,we take advantages of the convenience and flexibility from Web App and the fast data access property from the Naive App.Furthermore,we tested the performance by using the framework into the mobile clients of our network monitoring system-TANC and made improvements by performance optimization and UX improvement.In this paper,firstly,we discussed the requirements details of our mobile client and determined the structure of the mobile client which is a hybrid scheme with a container of Android App and a Web App embedded in it.Then we designed and implemented the concrete modules and did a series of testing including functional testing and multi-devices oriented testing.Moreover,we analyzed on problems and issues occurred during the testing,and made a further optimization.Finally,we summarized the whole process of the project and concluded with the future work combined with the current technique development trend.