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

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

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

【參考文獻】

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

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

本文編號：2659737