抗阻組合訓(xùn)練方法的多媒體網(wǎng)課的系統(tǒng)實現(xiàn),運(yùn)動訓(xùn)練學(xué)論文

抗阻組合訓(xùn)練方法的多媒體網(wǎng)課的系統(tǒng)實現(xiàn),運(yùn)動訓(xùn)練學(xué)論文【題目】【第一章第二章】【3.13.2】【3.33.4】【3.5】抗阻組合訓(xùn)練方式方法的多媒體網(wǎng)課的系統(tǒng)實現(xiàn)【3.6-3.8】【結(jié)論/以下為參考文獻(xiàn)】3.5抗阻組合訓(xùn)練方式方法手段的多媒體網(wǎng)絡(luò)課件的系統(tǒng)實現(xiàn)課件實現(xiàn)其實就是將我們之前所做的設(shè)計付諸實踐的經(jīng)過，實現(xiàn)的核心思想是根據(jù)課件要傳遞的主要內(nèi)容、遵循課件制作的原則、將文字、圖片、視頻根據(jù)構(gòu)造設(shè)計和具體設(shè)計組合在一起的經(jīng)過。俗話講：巧婦難為無米之炊,有了完美的設(shè)計，還要有必須的素材，才能夠制作出內(nèi)容豐富、有血有肉的好作品。因而，在進(jìn)行腳本代碼編寫之前，除了要進(jìn)行以上介紹的需求分析、構(gòu)造設(shè)計、具體設(shè)計之外，還要收集素材、處理素材，最后才是進(jìn)行課件的整合制作及后期的調(diào)試測試、運(yùn)行發(fā)布等幾個環(huán)節(jié)。3.5.1課件的素材收集3.5.1.1課件的文字的收集文字部分是出自本人的導(dǎo)師跟本人正在撰寫的一本書，即青少年功能性體能訓(xùn)練指導(dǎo)叢書-(抗阻組合訓(xùn)練〕；華而不實與抗阻速度訓(xùn)練器結(jié)合的器材中，欄架、軟梯、彈力帶相關(guān)的訓(xùn)練叢書已經(jīng)印刷出版了，這些叢書對抗阻組合訓(xùn)練方式方法手段與欄架、軟梯、彈力帶結(jié)合部分的撰寫提供了相當(dāng)成熟的技術(shù)動作方面的參考；當(dāng)然大部分是通過查閱相關(guān)的文獻(xiàn)資料、網(wǎng)站信息、書籍等途徑所獲得的啟迪；前期撰寫文字素材是在MicrosoftWord文檔中，文字要求是言簡意賅、通俗易懂。3.5.1.2課件圖片的收集在選擇拍攝對象時是比擬有目的性的，第一部分〔抗組速度訓(xùn)練器結(jié)合田徑基本步伐及起跑加速練習(xí)〕找的是我院運(yùn)動隊隊員，本科運(yùn)動訓(xùn)練專業(yè)，國家二級跳高運(yùn)發(fā)動。在國內(nèi)很多重大賽事獲得過好成績；第二部分〔抗組速度訓(xùn)練器結(jié)合田徑專項的抗阻組合練習(xí)〕由于是田徑專項訓(xùn)練，所以拍攝對象都是我院在田徑各專項最優(yōu)秀的本科運(yùn)動系專業(yè)的學(xué)生；后面兩部分基本是合適應(yīng)用于教學(xué)方面的方式方法手段，所以對拍攝對象的田徑競技運(yùn)動不做要求，為方便團(tuán)隊建設(shè)均由本人導(dǎo)師所帶的研究生完成，當(dāng)然包括本人在內(nèi)。拍攝工具為2000萬像素的NikonD7000單反數(shù)碼照相機(jī)，我們在拍攝圖片之前專門向攝影專業(yè)人員學(xué)習(xí)了具體的相機(jī)使用方式方法，2020年9月至10月，先讓拍攝對象熟悉并練習(xí)拍攝動作，然后在我院的田徑場及中間的草坪上進(jìn)行了屢次拍攝，在拍攝中我們采用了運(yùn)動經(jīng)過中的連拍形式，以便保證技術(shù)動作的完好性。第一階段總共拍攝了2254張圖片；第二階段根據(jù)動作方式方法要求的關(guān)鍵環(huán)節(jié)挑選出450張圖片；第三階段把選出來的圖片與動作名稱相對應(yīng)存放，由于圖片過大，還要通過一些圖片處理工具對圖片進(jìn)行進(jìn)一步修改。3.5.1.3課件視頻的收集2020年8月份，同譚教師一起研究學(xué)習(xí)了抗阻組合訓(xùn)練方式方法手段，并反復(fù)指導(dǎo)拍攝對象〔與圖片拍攝對象基本一致〕的動作，視頻的拍攝是聘請了北京五彩之星影視藝術(shù)有限公司的專業(yè)工作人員來我院進(jìn)行的，采用雙機(jī)同時拍攝的方式，用Administrator攝像機(jī)從正向和側(cè)向同時攝像，根據(jù)動作需求會再加一遍動作特寫，拍攝經(jīng)過中不僅要與拍攝對象強(qiáng)調(diào)動作要求，更要與攝像師很好的溝通溝通，要讓他們了解每個動作拍攝的重點(diǎn)。拍攝完之后去拍攝公司指導(dǎo)工作人員對視頻進(jìn)行修改制作，在這經(jīng)過中，我們以青少年功能性體能訓(xùn)練指導(dǎo)叢書-(軟梯組合訓(xùn)練〕(欄架組合訓(xùn)練〕為參考模板。其經(jīng)過如下，一、把每個動作做得最標(biāo)準(zhǔn)的一遍挑選出來，多余的小動作刪掉；二、對動作進(jìn)行分類并把需要加慢動作的，有特寫的，需要連放屢次的整理出來；三、把每個動作的動作名稱以文字形式相應(yīng)加上并放上不用類別的音樂，音樂要陽光、愉快與體育運(yùn)動相吻合；四、輸出后反復(fù)查看有沒有修改不到位的，并再次修改。3.5.2課件的素材整理文字是人類記錄語言的符號，是一種信息的載體，是人們獲取知識的一種主要途徑。課件中的文字要求簡潔明了、語句流暢。這些文字從表示出意義上來看，主要包含對抗阻訓(xùn)練器的介紹，抗阻組合訓(xùn)練種類的描繪敘述，每種抗阻組合訓(xùn)練的練習(xí)目的、練習(xí)方式方法、注意事項。在課件制作之前，將這些文字根據(jù)一定的順序，逐一列出，把一個主題的內(nèi)容整理到一起，在課件制作時，方便取材。文字對學(xué)習(xí)者產(chǎn)生的影響是間接的。而以圖片的形式傳達(dá)信息，要更為直觀、詳細(xì)和形象一些。圖片是本多媒體課件不可或缺的素材，主要包括兩個方面：一類是關(guān)于抗阻訓(xùn)練組合動作的圖片；另一類是為加強(qiáng)多媒體課件效果而選取的背景圖片。由于拍攝出的圖片像素較高，占用空間較大，不合適直接應(yīng)用在課件中，因而，我們利用格式工廠來將圖片轉(zhuǎn)換為存儲空間較小的格式，當(dāng)然，可以以利用比擬流行的Photoshop來改變圖片的大小，對于圖片格式的轉(zhuǎn)換，我們選用的工具是格式工廠。對于點(diǎn)綴頁面的背景圖片，我們使用photoshop進(jìn)行裁剪、合成。視頻豐富的畫面，能夠有效的幫助學(xué)習(xí)者記憶、理解和考慮。比單純的文字表示出更有助于學(xué)習(xí)者記憶、把握。尤其對于體育方面的動作方式方法，視頻顯得愈加重要。多媒體課件中放置的視頻，同文字描繪敘述一樣，需要簡潔精練。在視頻錄制經(jīng)過中，難免會錄制上多余的信息，因而，需要我們對視頻進(jìn)行剪輯，一方面是去掉錄制時產(chǎn)生的無效信息，另一方面能夠制作一些視頻特效，使視頻更具有吸引力和表示出力，第三方面是將整段的長視頻剪切成各個分段，以便放置到課件中特定的位置。多媒體視頻的格式有很多，例如AVI、MPEG、MPEG2、MP4、WMV、FLV、RM、RMVB等格式。不同格式的視頻在占用內(nèi)容和視頻質(zhì)量上有一定的差異不同，我們在選擇格式時要在性能和質(zhì)量上做一個權(quán)衡，選取最適宜的視頻格式。3GP格式占用內(nèi)存小，但視頻不是很清楚明晰，AVI和MP4占用空間大但視頻比擬清楚明晰，3GP格式占用空間最小，但在電腦上播放，清楚明晰度也會大打折扣。綜合分析，占用空間小同時格式又清楚明晰的有RMVB、RM格式，其次是WMV格式。因而，我們利用格式工廠，一種視頻格式轉(zhuǎn)換的軟件工具將錄制的視頻轉(zhuǎn)換成RMVB格式。然后利用會聲會影進(jìn)行視頻的剪輯及效果編輯。素材處理的難點(diǎn)在于技術(shù)實現(xiàn)上。首先我們要明確圖片、視頻要處理成什么樣子，上面已經(jīng)介紹過了，即既要關(guān)注資源所占空間大小，又要關(guān)注圖片、視頻的質(zhì)量問題，這些答案:是本人通過和相關(guān)專業(yè)人員咨詢以及查閱相關(guān)資料得知。其次，要了解哪些工具對我們有幫助，并且下載、安裝并學(xué)習(xí)這些軟件的使用方式方法。如今，類似功能的軟件非常多，例如：視頻轉(zhuǎn)換工具就有格式工廠、貍窩全能視頻轉(zhuǎn)換器、艾奇全能視頻轉(zhuǎn)換器、暴風(fēng)轉(zhuǎn)碼等多款軟件，圖片處理軟件也是如此，在這種情況下，本人選擇的是排行榜中點(diǎn)擊率最高的一款軟件。最后是運(yùn)用這些工具將素材處理成本課件需要的素材，本課件制作經(jīng)過中使用的處理方式是，通過Photoshop對圖片進(jìn)行美化和大小的轉(zhuǎn)換，通過格式工廠軟件將視頻轉(zhuǎn)換成占用空間小且質(zhì)量相對較高的視頻格式。3.5.3課件合成經(jīng)過整體構(gòu)造設(shè)計、詳細(xì)頁面具體設(shè)計、素材收集以及素材處理，接下來我們需要編寫腳本，將準(zhǔn)備好的素材根據(jù)原定設(shè)想進(jìn)行課件合成。3.5.3.1開發(fā)工具的選取選取一款合適的IDE工具。常用的網(wǎng)頁制作軟件有Macromedia、Dreamweaver、webstorm、SharePointDesigner等等。Dreamweaver網(wǎng)頁制作軟件，已經(jīng)成為專業(yè)級網(wǎng)頁制作程序，支持、css、php、jsp以及asp等諸多腳本語言的語法著色顯示，同時提供了模板套用功能，支持一鍵式生成網(wǎng)頁框架功能。WebStorm是jetbrains公司旗下一款JavaScript開發(fā)工具，被廣大中國js開發(fā)者譽(yù)為web前段開發(fā)神器、最強(qiáng)大的5編輯器、最智能的JavaScriptIDE等，另外，還具有批量代碼分析、編碼語言混合或內(nèi)混、拼寫檢查、重復(fù)代碼檢查、代碼智能提示功能。由于WebStrorm占用空間較小，并且功能強(qiáng)大，完全能夠支持我們多媒體課件制作，因而，經(jīng)過權(quán)衡，本網(wǎng)絡(luò)課件選擇的開發(fā)工具是WebStorm9.3.5.3.1代碼構(gòu)造設(shè)計在代碼開場編寫之前，要設(shè)計代碼構(gòu)造，分別建立不同的目錄，將同類素材組織到一起，目的在于建立清楚明晰的代碼構(gòu)造，提高可讀性和可維護(hù)性。Css目錄用來放置樣式信息，javascript目錄用來放置js腳本，jquery目錄放置引入的jquery庫，resource用來放置課件制作經(jīng)過中用到的圖片、視頻等資源，樣式、js、jquery、resource元數(shù)據(jù)，這些都是必不可少的元素，關(guān)于每個抗阻訓(xùn)練的動作，要求單獨(dú)建立一個文件夾，例如此圖7中的xlj,表示抗阻訓(xùn)練器結(jié)合小欄架練習(xí)，xlj目錄中存放所有關(guān)于小欄架組合動作的頁面。3.5.3.3主頁面制作代碼編寫時，首先從主頁面開場。主頁面是學(xué)習(xí)者最先看到的頁面，因而，主頁面承當(dāng)著非常重要的角色，本課件要求頁面尊重閱讀者的閱讀習(xí)慣，排版上使用盡可能簡單的列表，不使用兩列三列混排的方式，在視覺上要符合課件主題的定位，在情感上與閱讀者拉近距離，在內(nèi)容上要寫出強(qiáng)有力的語句，讓讀者有理由逗留?？傊?，主頁面要做到趣味盎然，引人入勝。首頁分為三部分，頂部logo,左側(cè)菜單欄，底部講明，右側(cè)內(nèi)容介紹。華而不實，頂部logo、左側(cè)菜單、底部講明不僅僅僅是首頁的一部分，也是整個課件的公共部分。也就是講，無論學(xué)習(xí)者跳轉(zhuǎn)到任何一個鏈接，變化的只是內(nèi)容區(qū)域，頂部、左側(cè)導(dǎo)航、底部講明都是始終不變的。因而，我們將這些公共板塊放到一個頁面中，而內(nèi)容區(qū)域通過語言中的iframe技術(shù)實現(xiàn)動態(tài)嵌入不同子頁面，也就是講，被嵌入的頁面，只包含其特定的內(nèi)容，不必再重新復(fù)制頭部、左側(cè)導(dǎo)航、底部的腳本代碼。實現(xiàn)最大程度的解耦合，使代碼愈加清楚明晰、靈敏。在實現(xiàn)技術(shù)上，本課件運(yùn)用iframe和javascript動態(tài)腳本共同實現(xiàn)。有了javascript腳本，便能夠只寫一段iframe相關(guān)代碼，通過javascript中的變量找到詳細(xì)對應(yīng)的子頁面。3.5.3.4頭部制作頭部區(qū)域，以首都體育學(xué)院背景圖片為logo,并且在圖片右側(cè)空白區(qū)域參加本課件主題內(nèi)容，抗阻組合練習(xí)。頁面頭部在一個div內(nèi)，并設(shè)置其高度為固定高度100px,寬為相對寬度100%,在這個div內(nèi)通過img屬性參加背景圖片，設(shè)置圖片的寬和高分別為100%,這樣，整個圖片就會改變之前原有大小，而完全的符合div的大小，不會出現(xiàn)整體布局的錯亂。這樣，在一個背景圖片上面添加文字，在查閱資料后，也是比擬容易實現(xiàn)的，完全由css樣式控制，不需要任何動態(tài)腳本來控制3.5.3.5導(dǎo)航欄及具體頁面制作左側(cè)導(dǎo)航欄，是閱讀者學(xué)習(xí)所有內(nèi)容的一個快速入口，需要涵蓋所有內(nèi)容，并且還不能給人臃腫的感覺。顏色布局上，需要比頭部略微奪目一點(diǎn)的顏色，并且，要通過javascript腳本設(shè)置鼠標(biāo)滑過效果、當(dāng)下點(diǎn)擊效果。由于抗阻組合訓(xùn)練內(nèi)容比擬多，每一個大的分類里又有不同的小分類，因而，左側(cè)導(dǎo)航欄顯示全部大分類，在點(diǎn)擊每個導(dǎo)航欄鏈接的內(nèi)容頁是，把其對應(yīng)的各小類依次展示，給每個小分類添加鏈接，進(jìn)入該分類的詳情介紹。下面以抗阻訓(xùn)練器結(jié)合走步練習(xí)為例展示詳細(xì)的實現(xiàn)經(jīng)過。圖9、圖10、圖11這三張圖片是一個連貫的操作，點(diǎn)擊左側(cè)菜單欄的走步練習(xí)，出現(xiàn)抗阻訓(xùn)練器結(jié)合走步練習(xí)的多種動作，高抬腿走、墊步高抬腿走、側(cè)向滑步走、側(cè)向前穿插步走點(diǎn)擊任何一個動作類型，就會進(jìn)入第三張圖片展示的效果，例如點(diǎn)擊高抬腿走，進(jìn)入第三張圖片展示的效果，出現(xiàn)高抬腿走的練習(xí)方式方法、注意事項、訓(xùn)練目的、視頻等。而點(diǎn)擊第二張圖片中的任何一個動作之后，同樣也是進(jìn)入這個詳情頁面。圖9和圖10的切換由右上角的橫屏、豎屏切換按鈕來實現(xiàn)，這個是通過jquery來動態(tài)控制css樣式及頁面跳轉(zhuǎn)，在代碼中需要引入jquery庫。其實，這兩個頁面的主要內(nèi)容是一樣的，但是，之所以做成兩種效果，是為了給頁面增加活潑性，去除一種重復(fù)頁面的單調(diào)乏味感。其余動作組合和上面的設(shè)計類似，下面的一組圖片〔如此圖12、圖13〕演示的是抗阻訓(xùn)練器結(jié)合田徑基本步伐的動作練習(xí)。首先，點(diǎn)擊左側(cè)導(dǎo)航欄的結(jié)合田徑基本步伐，出現(xiàn)橫屏顯示的各種田徑動作的組合〔如此圖12〕。在頁面的右上角，有一個全屏顯示和豎屏顯示的切換按鈕，點(diǎn)擊豎屏后，每個田徑動作類型按豎屏顯示〔如此圖13〕。由于有些模塊的動作高達(dá)幾十種，因而，這里采用了分頁的方式，每個頁面只顯示部分分類，在頁面底部增加分頁的button按鈕。這樣，避免了頁面過長且單一的現(xiàn)象，對于課件制作者本人來講，僅僅僅是增加幾個頁面，增加幾個頁數(shù)的鏈接罷了，.而且這樣做確實能夠帶來更好的用戶體驗性，符合如今軟件的常用設(shè)計方式方法，也知足了用戶的閱讀習(xí)慣。無論是橫屏顯示還是豎屏顯示，每個動作類型上都加了超鏈接，點(diǎn)擊進(jìn)入即可看到對應(yīng)組合的具體介紹〔如此圖14〕。3.5.3.6橫向?qū)Ш街谱髯髠?cè)導(dǎo)航欄是用來幫助讀者快速閱讀并定位課件主要內(nèi)容的，橫向?qū)Ш綑凇踩绱藞D15〕是提示讀者當(dāng)下閱讀內(nèi)容屬于哪個分類。要注意和縱向?qū)Ш綑谙嘟Y(jié)合使用，從整體到細(xì)節(jié)上都給讀者全方位的提示。例如：當(dāng)閱讀者打開田徑基本步伐中的小步跑時，橫向?qū)Ш綏l的位置提示由之前的您的位置：首頁結(jié)合田徑基本步伐及起跑加速練習(xí)改變?yōu)槟奈恢茫菏醉摻Y(jié)合田徑基本步伐及起跑加速練習(xí)小步跑.這樣設(shè)計的好處在于，一方面使頁面排版看起來愈加協(xié)調(diào)，