在当今这个数据时代,各种各样的社交网络充斥着我们的生活,人们迫切希望能高效的获取一手讯息而不必花费时间去浏览很多个网站,迫切希望一个网站可以在手机、Pad、电脑等多种屏幕设备上有着一致的令人满意的呈现。中小企业也希望网站开发能实现“一源多屏”,节约人力物力。本文以新浪微博、北邮人论坛、水木社区、天涯社区等各大高校论坛和主流新闻媒体网站为数据源,将项目组采集的数据进行加工处理,以Web可视化的方式集中呈现出来。同时对数据的关键指标进行统计分析与数据呈现,如包含的会话、热门话题、关键词、重要用户等。系统对用户提供区域、话题、关键词跟踪与监控的功能,实现用户根据自身兴趣爱好快速获取信息。然后研究了多屏自适应技术的设计实现方案,并将其运用于系统,实现系统网站呈现在多种屏幕设备的自适应调整。本文从系统的需求分析、总体方案设计、详细模块设计与具体实现细节上对系统进行了详细的说明。系统基于MVC模型来实现,分为数据存储层、应用服务层、表现层。(1)数据存储层定义了系统的数据结构模型,存储了本地的数据表。(2)应用服务层细分为账户与安全、业务逻辑、通信支持三个子系统,完成了系统的账户体系、用户信息与请求安全加密,与外部分析平台Actor通信机制,及系统的业务逻辑功能,包括实时监控、用户分析、会话分析、关键词分析、话题分析、区域分析六大模块。(3)表现层负责系统的视图呈现,包括前后端分离情况下用户界面的具体设计实现,以及多屏自适应的具体设计与实现。最后,对系统做了功能测试和兼容性测试,验证了系统功能满足需求描述、浏览器兼容性符合要求。