三维交互课件跨平台应用研究

发布时间：2018-06-29 04:05

本文选题：三维交互课件 + 跨平台技术　；参考：《河北师范大学》2017年硕士论文

【摘要】：随着互联网技术发展,基于移动终端应用的互联网技术也得到了迅猛的发展,同时课堂教学的形式和方法也发生了重大的变化,越来越多的教师可以通过网络把优质的教学资源高效地传递给成千上万的学生,基本实现了任何人、随时、随地、随意愿地进行学习的目标。目前这些教学资源大都是文字、图片、音频、视频等传统多媒体教学资源,而传统教学资源的单向传播、不可交互性凸显,现有的视频格式的三维教学内容需要安装转换播放插件,空间占用大,不利于存储和网络传输。新的浏览器技术发展为三维展示技术提供了可能。新推出的浏览器HTML5中的canvas标签可以实现基于Web GL的三维内容的渲染,结合three.js三维引擎,为在课件中呈现三维内容提供了一种新的途径,同时HTML5具有的跨平台特性为适应不同的移动终端应用铺平了道路。学生的信息终端从传统的桌面端过渡到了手机、Pad,从Windows、Android到i OS等多类型终端都能很好进行交互应用。同时基于HTML5浏览器的应用具有更强大的功能、更强的表现力、语法逻辑更清晰等优势,可以预见将来会有越来越多的三维教学内容将采用HTML5浏览器来展示。因此研究基于HTML5浏览器的三维内容展示技术对信息化教学环境的建设具有一定的现实指导意义。本研究从理论和应用两方面对基于HTML5浏览器的三维内容展示技术进行了研究。首先对传统的三维制作、交互展示技术做了总结,对基于HTML5的三维交互技术特点做了介绍,对该技术应用于教育教学的理论基础进行了探索,在对其独特的教学体验进行了阐述的基础上对其教学应用的可能性进行了分析。同时对基于HTML5的三维交互课件的开发和制作的一般技术流程做了归纳总结,并利用基于HTML5的三维交互课件的开发和制作的一般技术流程方法实际制作了一系列的跨平台三维交互课件,最后对课件教学应用状况及效果进行了总结。本论文在以下几个方面进行了尝试探究:总结梳理了三维交互技术的发展历程;介绍了课件开发的流程和工具以及关键技术,总结了基于HTML5的三维交互课件的开发和制作的一般技术流程并对该流程进行了实证;通过分子立体结构模型这一开发实例探索和实现了HTML5三维交互课件在教学中的应用,并对应用效果进行了分析和评价。论文由六大部分展开阐述:第一部分,论文研究背景、意义第二部分,跨平台三维交互课件技术综述第三部分,跨平台三维交互课件的理论基础第四部分,基于HTML5技术的三维交互课件设计与制作第五部分,HTML5三维交互课件开发实例第六部分,总结及展望。
[Abstract]:With the development of Internet technology, the Internet technology based on mobile terminal application has also been developed rapidly, and the forms and methods of classroom teaching have also undergone great changes. More and more teachers can transfer high quality teaching resources to thousands of students efficiently through the network, which basically realizes the goal of learning by anyone, anytime, anywhere and at will. At present, most of these teaching resources are traditional multimedia teaching resources, such as text, picture, audio, video, etc. The existing 3D teaching content in video format needs to install the conversion and play plug-in, which occupies a lot of space, which is not conducive to storage and network transmission. The development of new browser technology provides the possibility for 3D display technology. The canvas tag in the new browser HTML5 can realize the rendering of 3D content based on WebGL. Combined with three.js 3D engine, it provides a new way to render 3D content in courseware. At the same time, the cross-platform feature of HTML5 paves the way for different mobile terminal applications. The student's information terminal has transitioned from the traditional desktop to the mobile phone Pad, and many kinds of terminals, such as Windows Android and I OS, can be used interactively. At the same time, the application based on HTML5 browser has more powerful function, stronger expressiveness, clearer grammar logic and so on. It can be predicted that more and more 3D teaching content will be displayed by HTML5 browser in the future. Therefore, the research of 3D content display technology based on HTML5 browser is of practical significance to the construction of informational teaching environment. In this paper, the three-dimensional content display technology based on HTML 5 browser is studied in theory and application. Firstly, it summarizes the traditional 3D production and interactive display technology, introduces the characteristics of 3D interactive technology based on HTML5, and explores the theoretical basis of applying this technology to education and teaching. On the basis of expounding its unique teaching experience, the possibility of its teaching application is analyzed. At the same time, the general technical flow of developing and making 3D interactive courseware based on HTML 5 is summarized. A series of cross-platform 3D interactive courseware is made by using the general technical flow method of developing and making 3D interactive courseware based on HTML 5. Finally, the application and effect of courseware teaching are summarized. This paper attempts to explore the following aspects: summarized and combed the development of three-dimensional interactive technology, introduced the process and tools of courseware development and key technologies, This paper summarizes the general technical process of developing and making 3D interactive courseware based on HTML5 and demonstrates the process, explores and realizes the application of 3D interactive courseware of HTML5 in teaching through the development example of molecular three-dimensional structure model. The application effect is analyzed and evaluated. The thesis is composed of six parts: the first part, the research background, the significance of the second part, the third part, the theory foundation of the cross-platform 3D interactive courseware, the fourth part. Design and manufacture of 3D Interactive Courseware based on HTML5 the fifth part is an example of developing 3D interactive courseware of HTML5. Part six summarizes and prospects.
【学位授予单位】：河北师范大学
【学位级别】：硕士
【学位授予年份】：2017
【分类号】：G434;G436

【相似文献】