鄔家成 彭程 李國強(qiáng) 劉子蓓
摘要:設(shè)計(jì)并實(shí)現(xiàn)了大學(xué)物理實(shí)驗(yàn)App系統(tǒng),借助于移動(dòng)學(xué)習(xí)平臺(tái)學(xué)生可以實(shí)現(xiàn)對(duì)實(shí)驗(yàn)項(xiàng)目的查詢、實(shí)驗(yàn)的預(yù)習(xí)、師生的互動(dòng)以及實(shí)驗(yàn)考核項(xiàng)目的抽取與評(píng)定。手機(jī)App系統(tǒng)在大學(xué)物理實(shí)驗(yàn)方面的應(yīng)用將對(duì)常規(guī)的物理實(shí)驗(yàn)課堂教學(xué)實(shí)現(xiàn)強(qiáng)有力的補(bǔ)充,對(duì)提高醫(yī)藥類專業(yè)物理實(shí)驗(yàn)課程的教學(xué)效率和教學(xué)質(zhì)量具有重要的現(xiàn)實(shí)意義。
關(guān)鍵詞:大學(xué)物理實(shí)驗(yàn);移動(dòng)學(xué)習(xí);App
中圖分類號(hào):G642;TP393? ? ?文獻(xiàn)標(biāo)識(shí)碼:A? ? ? 文章編號(hào):1009-3044(2018)31-0090-03
Design and Implementation of App for College Physics Experiments
WU Jia-cheng, PENG Cheng, LI Guo-qiang, LIU Zi-bei
(College of Medical Information Engineering, Anhui University of Chinese Medicine, Hefei 230012,China)
Abstract: This paper designs and implements an App system for college physics experiment. With the help of mobile learning platform, students can query the experiment items, preview the experiment, interact with teachers and students, and extract and evaluate the experiment examination items. The application of mobile phone App system in college physics experiment will be a powerful complement to the conventional physics experiment classroom teaching, and has important practical significance to improve the teaching efficiency and quality of medical physics experiment course.
Key words: college physics experiment; mobile learning; App
1 項(xiàng)目背景
隨著信息技術(shù)的飛速發(fā)展,智能手機(jī)已成為當(dāng)代大學(xué)生學(xué)習(xí)和生活中不可或缺的必備工具之一。在當(dāng)前的網(wǎng)絡(luò)時(shí)代背景下,有必要把移動(dòng)學(xué)習(xí)引入到高校的實(shí)驗(yàn)教學(xué)中。移動(dòng)學(xué)習(xí)是指通過使用移動(dòng)終端設(shè)備及配套的移動(dòng)通信技術(shù)來進(jìn)行的具有空間、時(shí)間自由性的學(xué)習(xí)活動(dòng),是一種全新的學(xué)習(xí)體驗(yàn)[1]。移動(dòng)學(xué)習(xí)具有學(xué)習(xí)動(dòng)機(jī)的自發(fā)性、學(xué)習(xí)內(nèi)容的片段性、學(xué)習(xí)地點(diǎn)的跨越性和學(xué)習(xí)目的的自我調(diào)節(jié)性等特點(diǎn)[2]。大學(xué)物理實(shí)驗(yàn)App正是基于移動(dòng)學(xué)習(xí),為迎合學(xué)生的使用習(xí)慣,克服目前實(shí)驗(yàn)教學(xué)中存在的問題,提高實(shí)驗(yàn)教學(xué)質(zhì)量而設(shè)計(jì)的一款手機(jī)App。
2 項(xiàng)目的結(jié)構(gòu)
大學(xué)物理實(shí)驗(yàn)移動(dòng)學(xué)習(xí)系統(tǒng)主要包含四個(gè)核心模塊,即微查詢、微學(xué)習(xí)、微討論和微考核。微查詢主要功能是進(jìn)行課程和作業(yè)查詢;微學(xué)習(xí)主要功能是進(jìn)行課前預(yù)習(xí)、實(shí)驗(yàn)介紹和微課視頻學(xué)習(xí);微討論主要提供師生互動(dòng)功能;微考核主要是進(jìn)行考核時(shí)實(shí)驗(yàn)的抽取和成績?cè)u(píng)定。
3 項(xiàng)目的實(shí)施
3.1 搭建Android開發(fā)環(huán)境
該項(xiàng)目使用Android studio作為開發(fā)工具,由于他的源代碼是開放的,并且是基于Java的可拓展的開發(fā)平臺(tái),不少的開發(fā)者都是使用Android studio來作為Android開發(fā)的工具。這個(gè)工具是Android原生開發(fā)的專用工具,通過插件和程序運(yùn)行構(gòu)成開發(fā)環(huán)境,其內(nèi)部集成全部的Java工具包。Android studio安裝完成之后需要配置Android sdk和Java sdk,Java sdk指的是Android在運(yùn)行中所需要的java語言環(huán)境,完成Java語言的識(shí)別和編譯。Android sdk指的是Android專屬的軟件開發(fā)包,具備觸摸屏、高級(jí)圖形顯示和上網(wǎng)功能,用戶可以在手機(jī)上觀看視頻和圖像、搜索網(wǎng)頁、查看電子郵件等。Android studio作為Android開發(fā)工具,它提供了快捷Android開發(fā)項(xiàng)目的創(chuàng)建途徑,當(dāng)我們創(chuàng)建成功后可以寫完代碼直接調(diào)試運(yùn)行,同時(shí)在Android studio提供了虛擬設(shè)備,我們稱之為Android虛擬機(jī)(AVD模擬器),所謂模擬器就是在windows系統(tǒng)里的一個(gè)虛擬的Android設(shè)備,每一個(gè)AVD模擬了一套虛擬的設(shè)備來運(yùn)行Android平臺(tái)。當(dāng)然,我們也可以直接把打包好的項(xiàng)目傳輸?shù)绞謾C(jī)上進(jìn)行調(diào)試。
3.2 客戶端設(shè)計(jì)
由于篇幅有限,只對(duì)登錄界面和項(xiàng)目主頁面的部分核心模塊進(jìn)行闡述。在Eclipse中可以直接通過工具欄創(chuàng)建Web項(xiàng)目。
3.2.1 實(shí)現(xiàn)一個(gè)登錄頁面
在login.html中設(shè)計(jì)布局
<div class="header">
<span onclick="history.back()">〈返回</span>
登錄
<span> </span>
</div>
<div class="form-bk">
<form id="form">
<div class="mg-top15">
<img class="icon" alt="學(xué)號(hào)" src="/experiment/img/login/user.png" />
<input type="text" maxlength="20" placeholder="請(qǐng)輸入學(xué)號(hào)" class="login-input" name="stuNO" id="stuNO">
</div>
<div class="mg-top15">
<img class="icon" alt="密碼" src="/experiment/img/login/password.png" />
<input type="password" maxlength="20" placeholder="請(qǐng)輸入密碼" class="login-input" name="password" id="password">
</div>
<div class="login-btn">
<button type="button" class="btn" onclick="check()">登錄</button>
</div>
</form>
</div>
</div>
3.2.2 實(shí)現(xiàn)第二個(gè)界面
在JavaWeb項(xiàng)目中,想要實(shí)現(xiàn)多界面,就需要通過點(diǎn)擊按鈕觸發(fā)事件進(jìn)行頁面的跳轉(zhuǎn),進(jìn)入第二個(gè)頁面必須要在第一個(gè)頁面的登錄按鈕上進(jìn)行事件的監(jiān)聽,當(dāng)按鈕被按下,點(diǎn)用戶名和密碼驗(yàn)證通過,自動(dòng)跳轉(zhuǎn)到第二個(gè)頁面
a. 登錄按鈕的事件
<script>
function toRedirectUrl() {
location.href = location.search.substring(13);
}
function check() {
var paras = [{"label":"學(xué)號(hào)", "ele":g("stuNO")},{"label":"密碼", "ele":g("password")}];
if(!isFormInputed(paras)){
return;
}
var param = $("#form").serialize();
$.post("/experiment/login", param, function(data){
if(data.success==true){
setTimeout(toRedirectUrl, 500);
}else{
alert("登錄失敗,請(qǐng)重新登錄");
}
}, "json");
}
</script>
b. 第二個(gè)界面內(nèi)容
當(dāng)?shù)卿洺晒?,將?huì)自動(dòng)跳轉(zhuǎn)到項(xiàng)目主頁面index.html
<div class="header">
大學(xué)物理實(shí)驗(yàn)平臺(tái)
</div>
<div class="bdy mg-top75">
<ul class="dirs">
<li>
<div>
<img class="icon" src="/experiment/img/index/search.png" />微查詢
<span class="f-right transit arrow"><img class="icon w20px mg-top5" src="/experiment/img/index/arrowdown.png" /></span>
</div>
<ul class="hiden">
<li title="courseOutline.html"><div>
課程查詢
<span class="f-right rotate-90"><img class="icon w16px mg-right14" src="/experiment/img/index/arrowdown.png" /></span>
</div></li>
<li title="homework/index.html"><div>
作業(yè)查詢
<span class="f-right rotate-90"><img class="icon w16px mg-right14" src="/experiment/img/index/arrowdown.png" /></span>
</ul>
</li>
<li>
<div>
<img class="icon" src="/experiment/img/index/search.png" />微學(xué)習(xí)
<span class="f-right transit arrow"><img class="icon w20px mg-top5" src="/experiment/img/index/arrowdown.png" /></span>
</div>
<ul class="hiden">
<li title="preview/index.html"><div>
課前預(yù)習(xí)
<span class="f-right rotate-90"><img class="icon w16px mg-right14" src="/experiment/img/index/arrowdown.png" /></span>
</div></li>
<li title="experiment/index.html"><div>
實(shí)驗(yàn)介紹
<span class="f-right rotate-90"><img class="icon w16px mg-right14" src="/experiment/img/index/arrowdown.png" /></span>
</div></li>
<li title="video/index.html"><div>
微課視頻
<span class="f-right rotate-90"><img class="icon w16px mg-right14" src="/experiment/img/index/arrowdown.png" /></span>
</div></li>
</ul>
</li>
<li>
<div>
<img class="icon" src="/experiment/img/index/search.png" />微討論
<span class="f-right transit arrow"><img class="icon w20px mg-top5" src="/experiment/img/index/arrowdown.png" /></span>
</div>
<ul class="hiden">
<li title="discuss/index.html"><div>
3.3 數(shù)據(jù)庫設(shè)計(jì)
在JavaWeb項(xiàng)目中使用了Mysql數(shù)據(jù)庫。該數(shù)據(jù)庫是一種開放源代碼的關(guān)系型數(shù)據(jù)庫管理系統(tǒng),使用最常用的數(shù)據(jù)庫管理語言--結(jié)構(gòu)化查詢語言SQL進(jìn)行數(shù)據(jù)庫管理。在Java項(xiàng)目中通過數(shù)據(jù)庫連接池可以輕松使用它。
通過Navicat連接Mysql數(shù)據(jù)庫進(jìn)行訪問,根據(jù)項(xiàng)目需求,創(chuàng)建數(shù)據(jù)庫表格,并添加測(cè)試數(shù)據(jù)。其中包括學(xué)生、管理員、成績、話題討論、測(cè)試、作業(yè)、實(shí)驗(yàn)及視頻等,并與項(xiàng)目之間建立相應(yīng)的連接。通過這種方式,我們能有效地管理和查看數(shù)據(jù),實(shí)現(xiàn)了代碼與數(shù)據(jù)的分離,降低了軟件所占用的客戶端資源,并提高了安全性。
3.4 主要功能界面設(shè)計(jì)
圖2、3為系統(tǒng)登錄界面和系統(tǒng)的四個(gè)核心界面模塊界面的實(shí)現(xiàn)圖。
4 結(jié)束語
該項(xiàng)目就大學(xué)物理實(shí)驗(yàn)的移動(dòng)學(xué)習(xí)系統(tǒng)進(jìn)行了初步的探索,相信隨著平臺(tái)開發(fā)技術(shù)的日趨完善和教育研究者實(shí)踐研究的深入,移動(dòng)學(xué)習(xí)平臺(tái)必將在物理實(shí)驗(yàn)教學(xué)領(lǐng)域中有著更加廣闊的應(yīng)用前景,也必將對(duì)常規(guī)的物理實(shí)驗(yàn)課堂教學(xué)實(shí)現(xiàn)更加強(qiáng)有力的補(bǔ)充,對(duì)提高醫(yī)藥類專業(yè)物理實(shí)驗(yàn)課程的教學(xué)效率和教學(xué)質(zhì)量具有重要的現(xiàn)實(shí)意義。
參考文獻(xiàn):
[1] 郭紹青, 黃建軍, 袁慶飛. 國外移動(dòng)學(xué)習(xí)應(yīng)用發(fā)展綜述[J]. 電化教育研究, 2011(5): 105-109.
[2] 張楠. 移動(dòng)學(xué)習(xí)環(huán)境下高校實(shí)驗(yàn)教學(xué)模式的創(chuàng)新和實(shí)踐[J]. 實(shí)驗(yàn)室研究與探索, 2014, 33(10): 225-228.
[3] 歐陽霖. Android編程兵書[M]. 北京: 電子工業(yè)出版社, 2014.
[4] 任玉剛. Android開發(fā)藝術(shù)探索[M]. 北京: 電子工業(yè)出版社, 2015.
[5] 孫衛(wèi)琴. JAVA面向?qū)ο缶幊蘙M]. 北京: 電子工業(yè)出版社, 2006.
[6] 李麗. LBS應(yīng)用開發(fā)[M]. 北京: 人民郵電出版社, 2012.
[7] 鄭建德. 軟件系統(tǒng)架構(gòu)與開發(fā)環(huán)境[M]. 北京: 機(jī)械工業(yè)出版社, 2013.