發(fā)布時間：2018-06-29 04:05

  本文選題：三維交互課件 + 跨平臺技術(shù)�。� 參考：《河北師范大學(xué)》2017年碩士論文

【摘要】：隨著互聯(lián)網(wǎng)技術(shù)發(fā)展,基于移動終端應(yīng)用的互聯(lián)網(wǎng)技術(shù)也得到了迅猛的發(fā)展,同時課堂教學(xué)的形式和方法也發(fā)生了重大的變化,越來越多的教師可以通過網(wǎng)絡(luò)把優(yōu)質(zhì)的教學(xué)資源高效地傳遞給成千上萬的學(xué)生,基本實現(xiàn)了任何人、隨時、隨地、隨意愿地進行學(xué)習(xí)的目標。目前這些教學(xué)資源大都是文字、圖片、音頻、視頻等傳統(tǒng)多媒體教學(xué)資源,而傳統(tǒng)教學(xué)資源的單向傳播、不可交互性凸顯,現(xiàn)有的視頻格式的三維教學(xué)內(nèi)容需要安裝轉(zhuǎn)換播放插件,空間占用大,不利于存儲和網(wǎng)絡(luò)傳輸。新的瀏覽器技術(shù)發(fā)展為三維展示技術(shù)提供了可能。新推出的瀏覽器HTML5中的canvas標簽可以實現(xiàn)基于Web GL的三維內(nèi)容的渲染,結(jié)合three.js三維引擎,為在課件中呈現(xiàn)三維內(nèi)容提供了一種新的途徑,同時HTML5具有的跨平臺特性為適應(yīng)不同的移動終端應(yīng)用鋪平了道路。學(xué)生的信息終端從傳統(tǒng)的桌面端過渡到了手機、Pad,從Windows、Android到i OS等多類型終端都能很好進行交互應(yīng)用。同時基于HTML5瀏覽器的應(yīng)用具有更強大的功能、更強的表現(xiàn)力、語法邏輯更清晰等優(yōu)勢,可以預(yù)見將來會有越來越多的三維教學(xué)內(nèi)容將采用HTML5瀏覽器來展示。因此研究基于HTML5瀏覽器的三維內(nèi)容展示技術(shù)對信息化教學(xué)環(huán)境的建設(shè)具有一定的現(xiàn)實指導(dǎo)意義。本研究從理論和應(yīng)用兩方面對基于HTML5瀏覽器的三維內(nèi)容展示技術(shù)進行了研究。首先對傳統(tǒng)的三維制作、交互展示技術(shù)做了總結(jié),對基于HTML5的三維交互技術(shù)特點做了介紹,對該技術(shù)應(yīng)用于教育教學(xué)的理論基礎(chǔ)進行了探索,在對其獨特的教學(xué)體驗進行了闡述的基礎(chǔ)上對其教學(xué)應(yīng)用的可能性進行了分析。同時對基于HTML5的三維交互課件的開發(fā)和制作的一般技術(shù)流程做了歸納總結(jié),并利用基于HTML5的三維交互課件的開發(fā)和制作的一般技術(shù)流程方法實際制作了一系列的跨平臺三維交互課件,最后對課件教學(xué)應(yīng)用狀況及效果進行了總結(jié)。本論文在以下幾個方面進行了嘗試探究:總結(jié)梳理了三維交互技術(shù)的發(fā)展歷程;介紹了課件開發(fā)的流程和工具以及關(guān)鍵技術(shù),總結(jié)了基于HTML5的三維交互課件的開發(fā)和制作的一般技術(shù)流程并對該流程進行了實證;通過分子立體結(jié)構(gòu)模型這一開發(fā)實例探索和實現(xiàn)了HTML5三維交互課件在教學(xué)中的應(yīng)用,并對應(yīng)用效果進行了分析和評價。論文由六大部分展開闡述:第一部分,論文研究背景、意義第二部分,跨平臺三維交互課件技術(shù)綜述第三部分,跨平臺三維交互課件的理論基礎(chǔ)第四部分,基于HTML5技術(shù)的三維交互課件設(shè)計與制作第五部分,HTML5三維交互課件開發(fā)實例第六部分,總結(jié)及展望。
[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.
【學(xué)位授予單位】：河北師范大學(xué)
【學(xué)位級別】：碩士
【學(xué)位授予年份】：2017
【分類號】：G434;G436

【相似文獻】

相關(guān)期刊論文 前4條

1 何焱;樊繼;;《三維交互設(shè)計》課程開發(fā)實踐[J];職業(yè)技術(shù)教育;2010年02期

2 潘洋宇;劉英杰;王超;;文化旅游網(wǎng)站的3D交互設(shè)計與開發(fā)[J];蘭州工業(yè)學(xué)院學(xué)報;2013年03期

3 賀昆;;Shockwave 3d—新一代技術(shù)動作展示媒體淺析[J];首都體育學(xué)院學(xué)報;2007年06期

4 葉建華;朱春華;許明三;曾壽金;;基于VC的3DS三維交互查看器的設(shè)計與開發(fā)[J];韶關(guān)學(xué)院學(xué)報;2009年12期

相關(guān)會議論文 前4條

1 廖祝華;劉曉平;;EAST裝配仿真的三維交互和用戶界面設(shè)計[A];全國第13屆計算機輔助設(shè)計與圖形學(xué)（CAD/CG）學(xué)術(shù)會議論文集[C];2004年

2 張賀;侯紫峰;;3D交互方式綜述[A];第七屆和諧人機環(huán)境聯(lián)合學(xué)術(shù)會議（HHME2011)論文集【oral】[C];2011年

3 康強;劉鑫;尹興波;馬進兆;;航海儀器仿真界面中三維交互應(yīng)用研究[A];計算機技術(shù)與應(yīng)用進展——全國第17屆計算機科學(xué)與技術(shù)應(yīng)用（CACIS）學(xué)術(shù)會議論文集（上冊）[C];2006年

4 付永剛;安維華;;Pen3D:一個筆式三維交互系統(tǒng)[A];第六屆和諧人機環(huán)境聯(lián)合學(xué)術(shù)會議（HHME2010)、第19屆全國多媒體學(xué)術(shù)會議（NCMT2010）、第6屆全國人機交互學(xué)術(shù)會議（CHCI2010）、第5屆全國普適計算學(xué)術(shù)會議（PCC2010）論文集[C];2010年

相關(guān)博士學(xué)位論文 前2條

1 王亮;虛擬環(huán)境中基于語義的三維交互技術(shù)研究及應(yīng)用[D];中國科學(xué)技術(shù)大學(xué);2008年

2 付永剛;桌面環(huán)境下的三維用戶界面和三維交互技術(shù)研究[D];中國科學(xué)院研究生院（軟件研究所）;2005年

相關(guān)碩士學(xué)位論文 前10條

1 吳清龍;基于三維交互的發(fā)動機遠程在線監(jiān)測及分析技術(shù)研究[D];山東大學(xué);2015年

2 張帆;基于三維交互的軸系輔助對中系統(tǒng)設(shè)計[D];華北電力大學(xué)(北京);2016年

3 吳素杰;三維交互課件跨平臺應(yīng)用研究[D];河北師范大學(xué);2017年

4 鄧紅;三維交互技術(shù)的研究與應(yīng)用[D];大慶石油學(xué)院;2007年

5 賀毅岳;多通道三維交互研究與在城市規(guī)劃系統(tǒng)中的應(yīng)用[D];西北大學(xué);2009年

6 劉劍鋒;虛擬環(huán)境下幾種三維交互技術(shù)的研究[D];浙江大學(xué);2010年

7 張翔宇;三維交互界面的敘事性研究[D];北京郵電大學(xué);2012年

8 陳俊;分娩機制三維交互示教軟件設(shè)計與開發(fā)[D];西南交通大學(xué);2010年

9 張爍男;多功能辦公一體機的虛擬三維用戶交互系統(tǒng)設(shè)計[D];沈陽建筑大學(xué);2012年

10 扈園園;基于轉(zhuǎn)K7型轉(zhuǎn)向架的三維交互仿真系統(tǒng)的研究與實現(xiàn)[D];北京交通大學(xué);2009年

，

本文編號：2080775