【摘要】：隨著信息技術(shù)的發(fā)展,人們進(jìn)入了“互聯(lián)網(wǎng)+信”時(shí)代。手機(jī)網(wǎng)民占比達(dá)96.3%,移動(dòng)互聯(lián)網(wǎng)主導(dǎo)地位強(qiáng)化[1]。人們?cè)谶M(jìn)入“移動(dòng)生活”的同時(shí),也在呼喚“移動(dòng)學(xué)習(xí)”。手機(jī)在線教育課程得到發(fā)展迅速,但是以視頻、圖片為主的教學(xué)資源相對(duì)單一,缺少了演示程序和交互動(dòng)畫(huà)的支持。缺乏web前端的交互性,已經(jīng)成為制約移動(dòng)學(xué)習(xí)環(huán)境提高學(xué)習(xí)效果的瓶頸之一。功能強(qiáng)大,適合給移動(dòng)學(xué)習(xí)開(kāi)發(fā)演示程序和交互動(dòng)畫(huà)的HTML5在商業(yè)領(lǐng)域發(fā)展迅猛,但是在教學(xué)領(lǐng)域的推廣應(yīng)用卻仍然有待突破。HTML5技術(shù)給制作現(xiàn)代富web內(nèi)容帶來(lái)了一些革命性的新功能,其中包括能夠在瀏覽器上直接繪制矢量圖形的能力,結(jié)合JavaScript強(qiáng)大的運(yùn)算能力、交互響應(yīng)和時(shí)間事件功能,在web前端開(kāi)發(fā)功能強(qiáng)大的演示程序和交互動(dòng)畫(huà)成為了可能。但是目前,如何在保證科學(xué)性的前提下進(jìn)行HTML5開(kāi)發(fā),在理論研究上還是亟待填補(bǔ)的空白。本研究從物理教學(xué)規(guī)律出發(fā),將HTML5適合程序、動(dòng)畫(huà)開(kāi)發(fā)的新特性與移動(dòng)學(xué)習(xí)的發(fā)展應(yīng)用相結(jié)合,對(duì)支撐HTML5開(kāi)發(fā)物理演示程序和交互動(dòng)畫(huà)的關(guān)鍵技術(shù)進(jìn)行了系統(tǒng)研究。分析了建設(shè)移動(dòng)學(xué)習(xí)環(huán)境對(duì)物理演示程序和交互動(dòng)畫(huà)的各種需求,對(duì)如何保證程序動(dòng)畫(huà)的科學(xué)性、規(guī)范性、交互性和跨平臺(tái)適應(yīng)性給出了解決思路。并且針對(duì)各種典型的物理問(wèn)題、物理現(xiàn)象與過(guò)程,分別進(jìn)行分析與建模,提出了對(duì)其進(jìn)行模擬仿真和直觀表現(xiàn)的設(shè)計(jì)思路和編程實(shí)現(xiàn)方法。本研究一邊進(jìn)行理論探索,一邊投入實(shí)際開(kāi)發(fā)應(yīng)用,完成了《物理學(xué)》(第五版)(劉克哲等著)新形態(tài)教材中“HTML5物理程序動(dòng)畫(huà)庫(kù)”的開(kāi)發(fā)�！癏TML5物理程序動(dòng)畫(huà)庫(kù)”是教材對(duì)應(yīng)數(shù)字課程網(wǎng)站的重要組成部分,讀者可以使用移動(dòng)設(shè)備掃描印刷在紙質(zhì)教材上的二維碼,對(duì)新形態(tài)教材中的對(duì)應(yīng)學(xué)習(xí)資源進(jìn)行訪問(wèn)。該新形態(tài)教材已經(jīng)進(jìn)入出版流程,即將由高等教育出版社出版。
【圖文】：

為了方便學(xué)生在學(xué)習(xí)相關(guān)章節(jié)時(shí)快速訪問(wèn)對(duì)應(yīng)數(shù)字課程資源，紙質(zhì)教材在逡逑相應(yīng)的位置印刷二維碼，配有簡(jiǎn)短文字介紹，讀者可以通過(guò)使用移動(dòng)設(shè)備掃描逡逑二維碼的方式對(duì)數(shù)字課程資源進(jìn)行訪問(wèn)（圖１－２）。逡逑４逡逑

邐山東大學(xué)碩士學(xué)位論文邐逡逑２．２獲取瀏覽器相關(guān)信息逡逑讓程序動(dòng)畫(huà)適應(yīng)不同分辨率、不同方向的屏幕，第一步是獲取瀏覽器顯示逡逑區(qū)域?qū)挾群透叨瘸叽�，根�?jù)屏幕尺寸絕對(duì)定位界面元素位置，實(shí)現(xiàn)居中、靠邊逡逑等效果。因?yàn)楦鳛g覽器支持的屬性名稱不統(tǒng)一，所以這段代碼顯得有點(diǎn)奇特。逡逑ｖａｒ邋ｗ邋＝邋ｗｉｎｄｏｗ．ｉｎｎｅｒＷｉｄｔｈ邋｜｜邋ｄｏｃｕｍｅｎｔ．ｄｏｃｕｍｅｎｔＥｌｅｍｅｎｔ．ｃｌｉｅｎｔＷｉｄｔｈ逡逑｜｜邋ｄｏｃｕｍｅｎｔ．ｂｏｄｙ．ｃｌｉｅｎｔＷｉｄｔｈ；逡逑ｖａｒ邋ｈ邋＝邋ｗｉｎｄｏｗ．ｉｎｎｅｒＨｅｉｇｈｔ邋｜｜邋ｄｏｃｕｍｅｎｔ．ｄｏｃｕｍｅｎｔＥｌｅｍｅｎｔ．ｃｌｉｅｎｔＨｅｉｇｈｔ逡逑｜｜邋ｄｏｃｕｍｅｎｔ．ｂｏｄｙ．ｃｌｉｅｎｔＨｅｉｇｈｔ；逡逑例如“剛體的平動(dòng)與轉(zhuǎn)動(dòng)”演示程序，獲取屏幕大小后動(dòng)態(tài)調(diào)整運(yùn)動(dòng)初始值逡逑的大小，使得不管屏幕寬高如何變化，，旋轉(zhuǎn)的三角板重心剛好劃出一個(gè)充滿屏逡逑幕的拋物線（圖２－２）。逡逑
【學(xué)位授予單位】：山東大學(xué)
【學(xué)位級(jí)別】：碩士
【學(xué)位授予年份】：2018
【分類號(hào)】：TP311.52

【參考文獻(xiàn)】

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

1 閆慧仙;吳天剛;王祖源;;基于HTML5 Canvas的跨平臺(tái)物理模型構(gòu)建[J];物理與工程;2014年S1期

本文編號(hào)：2659737