網(wǎng)站式教學(xué)平臺在印刷設(shè)備教學(xué)中的應(yīng)用.doc

網(wǎng)站式教學(xué)平臺在印刷設(shè)備教學(xué)中的應(yīng)用 姚振趙鑫張貴山馬登輝陳虹 （北京印刷學(xué)院機電工程學(xué)院，中國北京102600） 【摘要】新形勢下傳統(tǒng)的教學(xué)方式難以滿足印刷設(shè)備的教學(xué)需求，通過結(jié)合互聯(lián)網(wǎng)技術(shù)的混合式教學(xué)，有助于學(xué)生能更好地理解印刷設(shè)備課程的內(nèi)容。針對這一問題和當下網(wǎng)絡(luò)上缺少印刷專業(yè)知識的現(xiàn)狀，設(shè)計了這個教學(xué)平臺，以期解決教學(xué)的困境，提高教學(xué)質(zhì)量。教學(xué)平臺中添加了大量的印刷機械和印刷專業(yè)知識的相關(guān)知識，在windows操作系統(tǒng)下，使用AdobeDreamweaverCS6軟件進行了教學(xué)平臺的頁面設(shè)計，并在此基礎(chǔ)上添加了后臺操作，以便于教學(xué)平臺的信息更新和其它操作。也為今后的網(wǎng)絡(luò)教學(xué)平臺設(shè)計提供了借鑒的空間。 關(guān)鍵詞網(wǎng)站式教學(xué)平臺；印刷設(shè)備；研究流程；界面設(shè)計 TheApplicationofTeachingPlatformofWebinTeachingofPrintingEquipment YAOZhenZHAOXinZHANGGui-shanMADeng-huiCHENHong （SchoolofMechanicalandElectricalEngineering,BeijingInstituteofGraphicCommunication,Beijing102600,China） 【Abstract】Underthenewsituation,itisthetraditionalwayofteachingthatisdifficulttosatisfytheteachingrequirementsofprintingequipment.IthelpsstudentstounderstandthecontentofthecourseofprintingequipmentpreferablythroughthehybridteachingbinedwithIntertechnology.Inordertosettletheissuethatthestatusquoofthelackofknowledgeaboutprintingonthe,todesignedtheteachingplatform.Asaresult,itcansolvetheplightandimprovethequalityofteaching.Addingalotofknowledgeofmachineryandspecializedontheteachingplatform.CarryingonthepagedesignofteachingplatformbyusingAdobeDreamweaverCS6softwareandthenaddbackgroundoperationintheWindowsoperatingsystem,sothattheteachingplatformofinformationupdatesandotheroperations.Also,theycandrawlessonsofworkteachingplatformdesignfromthis. 【Keywords】Teachingplatformofweb;Printingequipment;Processofresearch;Interfacedesign 印刷設(shè)備原理是一門專業(yè)技術(shù)基礎(chǔ)課程，它的教學(xué)從屬于基本課程到專業(yè)課程的過渡階段，在印刷機械及印刷機設(shè)計學(xué)科中有著至關(guān)重要的作用，對學(xué)生今后的視野開拓和專業(yè)基礎(chǔ)知識的綜合運用起著積極作用。近年來，在機械專業(yè)教學(xué)方向，多媒體互聯(lián)網(wǎng)技術(shù)成功地應(yīng)用到了一些專業(yè)課程的教學(xué)中，比如為輔助力學(xué)實驗教學(xué)開發(fā)虛擬實驗平臺1，為輔助課程設(shè)計教學(xué)開發(fā)的相應(yīng)軟件或程序2，但是在印刷設(shè)備原理這門課程上的應(yīng)用仍處于真空狀態(tài)。一些網(wǎng)絡(luò)平臺存在著內(nèi)容單一、形式單一的問題，不能很好地達到綜合教學(xué)的目的，從而失去了開發(fā)這類教學(xué)平臺的意義3。為此，通過協(xié)同專業(yè)老師，查閱大量參考書籍，開發(fā)了這個復(fù)合式的網(wǎng)絡(luò)教學(xué)平臺，爭取讓用戶能夠以印刷機中單張紙的走線過程為基礎(chǔ)，更好的理解和領(lǐng)會印刷機械原理和印刷工藝的知識。 1教學(xué)平臺的設(shè)計 1.1設(shè)計理念 教學(xué)設(shè)計的第一步就是要對學(xué)習(xí)內(nèi)容和教學(xué)目標進行分析4。學(xué)習(xí)的理念和理念的先進性對于學(xué)生學(xué)習(xí)有著深遠的影響，創(chuàng)新型的教學(xué)就是要把數(shù)字化學(xué)習(xí)的優(yōu)勢與傳統(tǒng)教學(xué)的優(yōu)勢二者結(jié)合起來的混合式教學(xué)5。而印刷設(shè)備學(xué)習(xí)中有著很多難點和重點需要掌握，通過使用教學(xué)平臺作為教學(xué)的輔助工具可以更好地完成教學(xué)任務(wù)，并且保證了教學(xué)效果。而要實現(xiàn)教學(xué)平臺的這個優(yōu)勢，在網(wǎng)頁界面的設(shè)計問題上，要考慮以下內(nèi)容： 結(jié)構(gòu)上：教學(xué)平臺以一張單張紙印刷品所要經(jīng)歷的“走出”過程為主線而設(shè)計，通過將工藝過程與機械結(jié)構(gòu)結(jié)合起來，使教學(xué)由淺入深，由易漸難，由理論到實踐，在這種循序漸進的過程中，讓用戶最大程度地掌握印刷設(shè)備及其機械原理。 內(nèi)容上：強調(diào)以學(xué)生為使用主體的設(shè)計理念，實現(xiàn)與課堂教學(xué)的相互匹配，即該教學(xué)平臺將老師的課本或者講義進行系統(tǒng)化的展示，同時也為使用者提供了豐富的自主學(xué)習(xí)資源，將靜止的機械原理圖變成了動畫模型，加強了學(xué)生對于知識內(nèi)容的理解。 操控上：與一般的門戶網(wǎng)站的操作風(fēng)格相近，以導(dǎo)航條目引導(dǎo)逐層展開，方便突出高效快捷、易于使用的使用特點。 1.2研究流程 為了避免在研究創(chuàng)新型事物時出現(xiàn)過多的失誤，通過借鑒前輩經(jīng)驗，類比6，“機器設(shè)計”的一般設(shè)計流程，提出以下流程：首先明確設(shè)計問題，通過分析提出有利于解決問題的具體要求；進而有針對性地查閱大量的相關(guān)文獻，提出可行性操作界面方案；通過討論、評價不斷地遴選，最終選定最佳設(shè)計方案；之后再確定具體的設(shè)計細節(jié)，進行細節(jié)設(shè)計的敲定，如圖1和圖2所示。要強調(diào)的是，這個過程是周而復(fù)始的，也是做好學(xué)習(xí)平臺的重要條件。 而針對界面的設(shè)計問題，不僅要求學(xué)習(xí)平臺具有嚴謹性，而且應(yīng)該考慮到它的簡潔性、創(chuàng)意性與個性，因此在界面的制作上必須考慮以下因素： 界面設(shè)計：界面是人與機器之間傳遞和交換信息的媒介。要求界面樸素、美觀、創(chuàng)意，以一種舒服的感覺呈現(xiàn)在用戶面前； 用戶導(dǎo)向：明確使用者，站在用戶觀點和立場上考慮設(shè)計； 導(dǎo)航菜單：簡潔易操作； 布局：欄目選擇項目最佳在59之間，過少則會在頁面中起不到吸引用戶的目的，過多則會使用戶產(chǎn)生厭倦心理，因此合理分布欄目就顯得尤為重要； 視覺平衡：考慮到現(xiàn)在的“快餐閱讀”，學(xué)習(xí)平臺將視頻和圖片占領(lǐng)主導(dǎo)。且注意圖片界面要用更多的文字來平衡一幅圖片，以做到整體頁面的美觀7。 1.3網(wǎng)站內(nèi)容 針對前面提到的界面設(shè)計問題，依據(jù)印刷單元區(qū)別將學(xué)習(xí)平臺分為六個一級導(dǎo)航菜單：給紙裝置、定位傳遞裝置、印刷裝置、輸墨裝置、輸水裝置、印后裝置；在一級導(dǎo)航菜單下，又依據(jù)具體的構(gòu)成進行了進一步的分類。一級菜單與二級菜單的邏輯聯(lián)系，如圖3所示。而在二級導(dǎo)航菜單下又建立了對應(yīng)子菜單，對二級菜單內(nèi)容進行了具體的闡述。二級菜單與子菜單的聯(lián)系，如圖4所示8-9。 1.4平臺設(shè)計過程應(yīng)用工具 平臺界面制作主要使用AdobeDreamweaverCS6、C#語言編程等； 文字輸入則使用了MicrosoftWordxx、MicrosoftOneNotexx等； 圖片處理使用了AdobePhotoshopCS5、AutoCADxx、SolidWorksxx等； 視頻的制作則使用了Matlab、MacromediaFlashCS3等。 2操作功能的實現(xiàn) 2.1前臺學(xué)習(xí)界面 1）首界面代碼設(shè)計以及界面展示 為了能更大程度的服務(wù)用戶，使教學(xué)平臺具有更好的開放性，在此教學(xué)平臺學(xué)習(xí)中沒有設(shè)計密碼驗證界面。從首界面（如圖5所示）進入一級導(dǎo)航菜單界面（如圖6所示）的主要代碼設(shè)計如下： 印刷發(fā)展歷史視頻 印刷工作演示視頻 開始學(xué)習(xí) 2）熱點鏈接制作 利用map熱點制作鏈接，進行單擊操作時，跳轉(zhuǎn)到指定頁面，即通常的“熱區(qū)處理”。主要代碼如下： 3）導(dǎo)航菜單制作 利用DIV的定位技術(shù)制作導(dǎo)航菜單，鼠標點擊可以進入對應(yīng)內(nèi)容的學(xué)習(xí)。主要代碼如下（由于六個一級導(dǎo)航菜單的代碼相似，這里只列出了“給紙裝置”的代碼）： 給紙裝置 圖7主要對學(xué)習(xí)平臺子菜單的學(xué)習(xí)界面進行了展示。 2.2后臺操作界面 1）后臺登錄界面 考慮到程序和后臺資源的安全性，進入后臺時設(shè)置了輸入用戶名、密碼的驗證操作（如圖8所示）。利用dl創(chuàng)建一個普通列表，dd創(chuàng)建列表中的上層項目，dt創(chuàng)建列表中的下層項目，從而完成登陸界面的制作，主要代碼如下： 用戶名： 密碼： 2）預(yù)覽頁面連接建立 利用href實現(xiàn)從網(wǎng)站后臺（網(wǎng)站后臺界面如圖9所示）到預(yù)覽頁面的連接，主要代碼如下： 給紙裝置 修改 3）添加多媒體文件制作 利用emble添加各種多媒體文件，有Midi、Wav、AIFF、AU、MP3的格式，主要代碼如下： 3結(jié)語 相對于印刷設(shè)備課程的傳統(tǒng)教學(xué)方法，網(wǎng)絡(luò)教育平臺越來越受到了廣大教育者的重視。近年來隨著互聯(lián)網(wǎng)技術(shù)的迅速發(fā)展，傳統(tǒng)的教學(xué)模式已經(jīng)不能滿足現(xiàn)代化教學(xué)的需求，而網(wǎng)絡(luò)平臺的出現(xiàn)進而解決了這個問題，使得教學(xué)趨于普及化。 交互式互聯(lián)網(wǎng)網(wǎng)站畢竟有一些技術(shù)發(fā)展還不是很成熟，同學(xué)們對于平臺式教學(xué)還不是特別的了解，可能在使用上會出現(xiàn)一些問題。并且在學(xué)習(xí)時學(xué)生潛意識里可能還在用傳統(tǒng)學(xué)習(xí)方法來看待平臺式學(xué)習(xí)，甚至有些學(xué)生把網(wǎng)站教學(xué)認為成資源包。這些都足以說明，網(wǎng)絡(luò)教學(xué)平臺的功能和角色遠遠沒有得到充分的發(fā)揮和體現(xiàn)。 對于這些現(xiàn)象我們應(yīng)該明確認識到，課堂教學(xué)和網(wǎng)站式教學(xué)不應(yīng)該是相互對立的教學(xué)方案。必須將二者有機的結(jié)合起來,從而實現(xiàn)傳統(tǒng)式教學(xué)與網(wǎng)絡(luò)式教學(xué)的互補與互動，進而最大限度的提高教學(xué)質(zhì)量。 參考文獻 1童長仁,李明周,徐志峰,等.開放式冶金仿真過程在實驗教學(xué)平臺中的應(yīng)用J.江西理工大學(xué)學(xué)報,xx,32(3):61-63. 2夏建波,梁成,等.井巷工程課程設(shè)計程序開發(fā)J.昆明冶金高等?？茖W(xué)校學(xué)報,xx,27(3):41-45. 3倪向東,李盛林,曹杰,等.網(wǎng)絡(luò)教學(xué)平臺在課程輔助教學(xué)應(yīng)用中的利弊J.現(xiàn)代教育科學(xué),xx(4):31,70-71. 4皮連生.面向21世紀課程教材:教學(xué)設(shè)計M.2版.北京:高等教育出版社,xx:9. 5王秀玲.引領(lǐng)式網(wǎng)絡(luò)課程有效教學(xué)探究J.北京印刷學(xué)院學(xué)報,xx,8. 6吳松梅,張殿清.論科學(xué)研究中的創(chuàng)造性思維J.北京印刷學(xué)院學(xué)報,xx,6.