HTML5是W3C(万维网联盟)正在制定的一个新标准,提供了众多的网页新元素,已经得到新版主流浏览器(如IE9、Chrome10和Firefox 4.0等)的广泛支持。可以预见,Web应用即将进入HTML5的时代,而这也必将给社交网络带来深远的影响,因为Web应用正是社交网络实现信息分享和传播的平台。目前很多开发人员开始对HTML5如何应用到现有的产品中进行了研究,但如何使用HTML5具有的新特性来构建富媒体的Web应用还在探讨中。本文首先对HTML5中新的特性进行了深入的研究并在主流浏览器上进行了测试,主要包括:新的结构化元素、新的智能表单控件和属性、新的内嵌对象对多媒体的支持和新的API(应用程序接口)。通过使用HTML5的这些新的特性,Web应用能够原生的对多媒体进行支持而不需要任何第三方插件。同时,通过使用HTML5新的应用程序接口,浏览器能够实现一些原本需要服务器才能实现的功能,主要包括离线应用、本地存储、网络通信和地理位置信息,这些新的功能对于Web应用来说是非常有价值的。然后作者将社交网络和教学信息平台两者结合起来,社交网络和教学信息平台两者之间有许多共同点,其中最主要的两个分别是:社交网络和教学信息平台两者都强调信息的分享和传播;社交网络和教学信息平台两者都有特定的目标群体。通过将社交网络中主流的交互手段微博、博客和小组讨论应用于教学信息平台的建设中,能够使得学生在跟老师交流的时候更加的主动和方便,信息的传播更加的高效和快捷。同时,在信息平台中加入了百科功能,以此促进教学知识的分享。最后在以上工作的基础上,本文实现了一个基于HTML5的SNS(社交网络)教学信息平台,在论文中对系统的使用场景进行建模、分析了用户在使用系统中的主要用例,设计了系统的总体架构,接着对系统中各个模块进行了详细的设计,包括模块之间的调用关系、接口和类的功能实现。最后,使用了Spring和Hibernate来实现系统的业务逻辑层和数据访问层,在客户端表现层方面,则使用HTML5的一些新的特性,包括结构化元素、智能表单和属性、多媒体支持、离线应用、本地存储和基于地理位置信息的服务等。通过这些新特性的支持来构建一个浏览器原生支持的HTML5 Web应用。