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

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

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

【相似文獻(xiàn)】

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

3 吳素杰;三維交互課件跨平臺(tái)應(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 陳俊;分娩機(jī)制三維交互示教軟件設(shè)計(jì)與開(kāi)發(fā)[D];西南交通大學(xué);2010年

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

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

，

本文編號(hào)：2080775