SNS Information System Base On HTML5

HTML5 is new standard being developed by W3C (World Wide Web Consortium). It provides a large number of new page elements and have gained broad support from mainstream browsers with latest versions (such as IE9, Chrome10 and Firefox 4.0). We can be expected that Web application is about to enter the era of HTML5, and this is bound to have far-reaching impact on social networks, because web application provides the platform for social networking to realize information sharing. Currently, many developers began to study on how HTML5 can be applied to existing products. However they are still arguing about how to develop rich media web application using the new HTML5 features.First of all I conduct in-depth research on the new features of HTML5 including new structural elements, new intelligent form controls and properties, the new support for embedded multimedia objects and the new API (application program interface). By using these new features of HTML5, Web applications can provide support for multi-media applications without any third-party plug-ins. Also, by using the new HTML5 application program interface, the browser can provide functionalities that used to be only supported by servers, including off-line applications, local storage, network communications and location information. All these new features are very valuable for web applications.Secondly. I implemented the teaching information application in the format of the social networking because they share a lot of commonalities. Two most important points: they both place emphasis on information sharing and dissemination; they are both targeting at a very specific group of users. I applied the most popular social networking platform micro-blog interaction, blog and group discussions in teaching information platform architecture design and implementation. By leveraging that students can be more active communicating with the teaches. It facilitates the whole communication process and makes the information-dissemination effective and convenient. Meanwhile, I added Wikipedia in the platform in order to promote the teaching knowledge sharing.Finally, on the basis of the above work, I implemented a SNS (social network) Teaching information platform based on HTML5. In my paper I model the users' scenarios, analyze system's main use cases, design the system's high-level architecture. Then I provide detail designs for each module in the system, including interactions between modules, the function of the interface and class implementation. In terms of implementation, I use of the Spring and Hibernate to implement the system business logic and data access layer. As for presentation layer in the client side, I make use a lot of the new HTML5 features, including the structural elements, intelligent forms and properties, and multimedia support, offline applications, local storage and location-based information services. By leveraging these new features I implement a web application that are supported inherently by the browsers.