鄧豪

（西安交通大學(xué)城市學(xué)院 體育部，陜西 西安 710018）

基于WEB的籃球教學(xué)系統(tǒng)的開發(fā)與設(shè)計

鄧豪

（西安交通大學(xué)城市學(xué)院 體育部，陜西 西安 710018）

為了解決傳統(tǒng)籃球教學(xué)中存在的成效低，教學(xué)效果不理想的問題，文中開發(fā)與設(shè)計了基于WEB的籃球教學(xué)系統(tǒng)，其基于J2EE體系，采用SSH框架下的B/S模式作為系統(tǒng)的架構(gòu)、使用Java語言及JSP技術(shù)完成系統(tǒng)的建設(shè)，實現(xiàn)了籃球教學(xué)資源搜索、教學(xué)視頻觀看，論壇互動等功能，提高了學(xué)生的學(xué)習(xí)興趣，擴展了學(xué)生的知識點。經(jīng)過多次測試，本籃球教學(xué)系統(tǒng)運行穩(wěn)定，系統(tǒng)頁面顯示正常，各項功能均可得到正確的響應(yīng)，達到了設(shè)計要求。

WEB；籃球教學(xué)系統(tǒng)；B/S模式；SSH框架

在傳統(tǒng)籃球教學(xué)工作中，學(xué)生由籃球教師教授籃球知識，學(xué)生只能被動接受教學(xué)內(nèi)容，成效低。其次，不同的籃球教師水平參差不齊，其教學(xué)效果通常限制于自身的籃球水平。隨著計算機通信技術(shù)，網(wǎng)絡(luò)技術(shù)的發(fā)展，教學(xué)信息化得到了大力發(fā)展，逐漸形成了網(wǎng)絡(luò)教學(xué)方式。籃球教學(xué)系統(tǒng)利用互聯(lián)網(wǎng)將分散的資源重新整合，加快了資源的傳播速度，促進了教育資源的共享，提高了教學(xué)效率[1-4]。

文中開發(fā)與設(shè)計了基于WEB的籃球教學(xué)系統(tǒng)，其基于J2EE體系采用SSH框架下的B/S模式作為系統(tǒng)的架構(gòu)、使用Java語言及JSP技術(shù)完成系統(tǒng)的建設(shè)，實現(xiàn)了籃球教學(xué)資源搜索、教學(xué)視頻觀看、論壇互動等功能，提高了學(xué)生的學(xué)習(xí)興趣，擴展了學(xué)生的知識點。經(jīng)多次測試，本籃球教學(xué)系統(tǒng)運行穩(wěn)定，系統(tǒng)頁面顯示正常，各項功能均可得到正確的響應(yīng)，達到了設(shè)計要求。

1 J2EE平臺技術(shù)

1.1 J2EE概述

J2EE[5-6]為Sun公司在1998年發(fā)表的Java 2平臺的企業(yè)版。J2EE是開發(fā)企業(yè)級應(yīng)用的一種分布式應(yīng)用模型，其根據(jù)不同功能將應(yīng)用分層次，每個層次支持相應(yīng)的服務(wù)器和組件，組件在分布式服務(wù)器組件容器中運行，容器間通過協(xié)議進行通訊。由圖1可看到，一個典型的J2EE多層分布式應(yīng)用主要分為客戶層、Web層、業(yè)務(wù)層及企業(yè)信息系統(tǒng)層。

圖1 J2EE多層分布式應(yīng)用模型

1.2 JSP技術(shù)

JSP[7]（Java Server Pages），即 Java 服務(wù)器頁面，是由Sun Microsysems公司在Servlet基礎(chǔ)上倡導(dǎo)建立的一種動態(tài)頁面技術(shù)標準，其在傳統(tǒng)網(wǎng)頁HTML（超文本標記語言）文件中插入Java程序代碼（Scriptlet）和JSP標記，實現(xiàn)了Html語法中的Java擴展，與Servlet相比，其大幅度簡便了網(wǎng)頁的設(shè)計與修改。

JSP通過服務(wù)器端執(zhí)行并返回用戶一個HTML文本，客戶端通過瀏覽器即可瀏覽，且其將網(wǎng)頁邏輯與網(wǎng)頁設(shè)計顯示分開，從而支持組件設(shè)計重用，使得基于Web的應(yīng)用程序開發(fā)變得更加容易與迅速，同時可跨平臺使用，便于應(yīng)用程序的移植、擴展與維護。

1.3 Struts框架

Struts[8-9]是一種開發(fā)Java web應(yīng)用的程序框架，其將Java web應(yīng)用程序分為模型（Model）層、視圖（View）層以及控制器（Controller）層，給開發(fā)人員提供了一個成熟的應(yīng)用程序框架，使開發(fā)人員在開發(fā)Web應(yīng)用時無需設(shè)計應(yīng)用程序的框架，而是將精力集中在設(shè)計應(yīng)用程序的具體業(yè)務(wù)上，從而減少了應(yīng)用的開發(fā)時間。

1.4 Spring框架

Spring[10]是為了解決企業(yè)應(yīng)用開發(fā)的復(fù)雜性而創(chuàng)建的一個開源框架，其使用基本的JavaBean來完成以前只可能由EJB完成的事情。Spring的用途不僅限于服務(wù)器端的開發(fā)，從簡單性、可測試性和松耦合的角度而言，任何Java應(yīng)用均可以從Spring中受益。

1.5 Hibernate框架

Hibernate[11]是一個開放源代碼的對象關(guān)系映射框架，其對JDBC進行了輕量級的對象封裝，使得Java程序員在操作數(shù)據(jù)庫時，無需再去與復(fù)雜的SQL打交道，只需像操作對象一樣操作其即可。Hibernate可應(yīng)用在任何使用JDBC的場合，既可以在Java的客戶端程序使用，也可在Servlet/JSP的Web應(yīng)用中使用。

2 系統(tǒng)設(shè)計

2.1 系統(tǒng)功能模塊設(shè)計

本文所開發(fā)的籃球教學(xué)系統(tǒng)[12-15]由8個模塊組成，分別為籃球資訊、籃球技術(shù)、籃球戰(zhàn)術(shù)、籃球規(guī)則、籃球視頻、籃球裁判、籃球百科及籃球論壇組成，如圖2所示。籃球資訊模塊主要是介紹有關(guān)籃球的最新資訊；籃球技術(shù)負責(zé)介紹關(guān)于籃球的技術(shù)，包括基礎(chǔ)技術(shù)、進攻技術(shù)、防守技術(shù)等；籃球戰(zhàn)術(shù)介紹比賽中常用的一些戰(zhàn)術(shù)，包括三角戰(zhàn)術(shù)、全場緊逼戰(zhàn)術(shù)等；籃球規(guī)則介紹籃球比賽的規(guī)則，包括FIBA籃球規(guī)則、NBA籃球規(guī)則、三人籃球規(guī)則等；籃球視頻提供籃球教學(xué)視頻供學(xué)員觀看學(xué)習(xí)；籃球裁判介紹裁判的一些規(guī)則及手勢圖講解；籃球百科負責(zé)普及籃球中的一些概念與常識；籃球論壇為學(xué)生提供一個學(xué)習(xí)交流的地方，學(xué)生可通過在論壇發(fā)帖或回復(fù)帖子，進行學(xué)習(xí)經(jīng)驗的交流。

圖2 系統(tǒng)功能結(jié)構(gòu)圖

2.2 系統(tǒng)架構(gòu)

本系統(tǒng)采用SSH框架，如圖3所示。其由表示層、業(yè)務(wù)邏輯層、數(shù)據(jù)持久層及域模塊層組成[16]。其中，表示層利用Struts來負責(zé)MVC的分離，數(shù)據(jù)持久層使用Hibernate框架來支持系統(tǒng)對數(shù)據(jù)庫的操作，業(yè)務(wù)邏輯層通過Spring來實現(xiàn)應(yīng)用程序的執(zhí)行，負責(zé)著系統(tǒng)功能的邏輯運算，管理struts和hibernate。

圖3 系統(tǒng)架構(gòu)圖

3 系統(tǒng)測試

打開本系統(tǒng)，其界面如圖4所示。由圖可以看到，系統(tǒng)頁面最上方為用戶注冊登錄界面，用戶輸入用戶名和密碼，點擊登錄即可登錄本系統(tǒng)。系統(tǒng)頁面中間為功能導(dǎo)航欄，分別為籃球資訊、籃球技術(shù)、籃球戰(zhàn)術(shù)、籃球規(guī)則、籃球視頻、籃球裁判、籃球百科以及籃球論壇。導(dǎo)航欄右下角為搜索欄，輸入搜索關(guān)鍵詞點擊搜索即可搜索相關(guān)教學(xué)內(nèi)容。

點擊籃球技術(shù)，其頁面如圖5所示。頁面上方為分類模塊，包括基礎(chǔ)技術(shù)、進攻和防守技術(shù)以及一些籃球解說員張衛(wèi)平，籃球訓(xùn)練師加農(nóng)貝克等對籃球技術(shù)的講解教學(xué)。頁面右面為熱門文章排行榜，顯示過去一段時間籃球技術(shù)教學(xué)文章的閱讀熱點，學(xué)生可根據(jù)需求自行選擇閱讀。

圖4 系統(tǒng)主頁

圖5 籃球技術(shù)頁面

點擊籃球技術(shù)，其頁面如圖6所示。頁面左邊為籃球技術(shù)講解文章，右邊為熱門文章排行榜。點擊圖中“掌握破解全場緊逼盯人防守戰(zhàn)術(shù)”，即可觀看相關(guān)的教學(xué)內(nèi)容。學(xué)生也可根據(jù)熱門文章排行榜中的熱門籃球戰(zhàn)術(shù)教學(xué)文章進行閱讀。

圖6 籃球戰(zhàn)術(shù)頁面

點擊籃球視頻，其界面如圖7所示。頁面右上角為教學(xué)視頻分類，包括籃球投籃教學(xué)、籃球過人教學(xué)、籃球基礎(chǔ)教學(xué)、籃球訓(xùn)練教學(xué)、籃球運球教學(xué)和籃球上籃教學(xué)等，點擊籃球投籃教學(xué)，頁面右邊即出現(xiàn)籃球投籃的相關(guān)教學(xué)視頻，任意點擊其中教學(xué)視頻即可觀看相關(guān)教學(xué)內(nèi)容。

點擊籃球裁判選項，其界面如圖8所示。頁面左邊為籃球裁判規(guī)則及手勢圖的講解，學(xué)生任意點擊其中一項即可觀看相關(guān)的籃球規(guī)則教學(xué)內(nèi)容。頁面右邊為熱門文章排行榜，為過去一段時間籃球裁判教學(xué)文章的閱讀熱點。

圖7 籃球視頻教學(xué)頁面

圖8 籃球裁判頁面

經(jīng)過多次測試結(jié)果表明，該系統(tǒng)界面顯示正常，用戶注冊登錄、資源搜索、教學(xué)視頻觀看和論壇互動等功能均可做出正確響應(yīng)，系統(tǒng)運行取得了預(yù)期的效果，達到了設(shè)計要求。

4 結(jié)束語

為了解決傳統(tǒng)籃球教學(xué)中存在的成效低，教學(xué)效果不理想的問題，本文開發(fā)與設(shè)計了基于WEB的籃球教學(xué)系統(tǒng)，其基于J2EE體系采用SSH框架下的B/S模式作為系統(tǒng)的架構(gòu)、使用Java[17]語言及JSP技術(shù)完成系統(tǒng)的建設(shè)，實現(xiàn)了籃球教學(xué)資源搜索、教學(xué)視頻觀看、論壇互動等功能，提高了學(xué)生的學(xué)習(xí)興趣，擴展了學(xué)生的知識點。經(jīng)過多次測試，本籃球教學(xué)系統(tǒng)運行穩(wěn)定，系統(tǒng)頁面顯示正常，各項功能均可得到正確的響應(yīng)，達到了設(shè)計要求。

[1]辛松和.網(wǎng)絡(luò)環(huán)境下高?；@球教學(xué)模式探析[J].科技信息，2012（16）:6.

[2]胡峻榕，陸宇亮，溫佩芝.普通高校籃球課程網(wǎng)絡(luò)化教學(xué)的數(shù)據(jù)庫設(shè)計研究[J].當(dāng)代體育科技，2015（5）:120-121.

[3]鄧杰.構(gòu)建普通高校籃球網(wǎng)絡(luò)學(xué)堂的理論研究[D].蘇州:蘇州大學(xué)，2007.

[4]李小強.網(wǎng)絡(luò)技術(shù)下高校籃球教學(xué)模式的研究[J].電腦與電信，2012（9）:68-69.

[5]Arun Gupta.Java EE 7精粹[M].韓陸，譯.北京:人民郵電出版社，2015.

[6]譚慶平.J2EE應(yīng)用開發(fā)[M].北京:電子工業(yè)出版社，2008.

[7]孫鑫.Servlet/JSP深入詳解－基于Tomcat的Web開發(fā)[M].北京:電子工業(yè)出版社，2008.

[8]張志鋒，朱顥東.Java Web技術(shù)整合應(yīng)用與項目實戰(zhàn)[M].北京:清華大學(xué)出版社.2013.

[9]袁薇.基于Struts框架的Web系統(tǒng)設(shè)計與實現(xiàn)[J].電子科技，2009，22（8）:55-58.

[10]胡啟敏，薛錦云，鐘林輝.基于Spring框架的輕量級J2EE架構(gòu)與應(yīng)用[J].計算機工程與應(yīng)用，2008，44（5）:115-118.

[11]蔡雪燾.Hibemate開發(fā)及整合應(yīng)用大全[M].北京:清華大學(xué)出版社，2006.

[12]宋寶杰.計算機技術(shù)在籃球攻防意識培養(yǎng)的應(yīng)用思考[J].電子設(shè)計，2011，24（12）:135-136.

[13]周新.籃球網(wǎng)絡(luò)教學(xué)模式的實驗研究[D].鄭州:鄭州大學(xué)，2011.

[14]張學(xué)領(lǐng).基于網(wǎng)絡(luò)的籃球教學(xué)設(shè)計研究[J].武漢體育學(xué)院學(xué)報，2010，44（8）:92-96.

[15]任宇飛，劉海林，任宏飛.籃球網(wǎng)絡(luò)教學(xué)系統(tǒng)的設(shè)計[J].電子設(shè)計工程，2015，23（10）:43-45.

[16]劉楠.Banach空間中(p,Y)-算子框架的穩(wěn)定性研究[J].紡織高?；A(chǔ)科學(xué)學(xué)報，2014，27（2）：194-198.

[17]李晶，王璐.基于Java EE的棉紡織業(yè)管理信息系統(tǒng)開發(fā)[J].西安工程大學(xué)學(xué)報，2013，27（5）：667-670.

The development and design of basketball teaching system based on WEB

DENG Hao
（Department of Physical Education，Xi'an Jiaotong University City College，Xi'an 710018，China）

In order to solve the problems of low efficiency and poor teaching effect in traditional basketball teaching，this paper develops and designs a basketball teaching system based on WEB.The system based on J2EE by SSH framework of B/S mode as the system architecture，uses Java language and JSP technology to complete the system construction，realizesthe functionof the basketball teaching resources search，watch the video teaching，interactive forums and improve the students'interest in learning，extend the students'knowledge.After several tests，the basketball teaching system runs stably，the system page shows the normal，each function can get the correct response，and has reached the design requirements.

WEB；basketball teaching system；B/S model；SSH framework

TN99

A

1674－6236（2017）16-0023-04

2016-06-27稿件編號：201606207

鄧 豪（1984—），男，陜西寶雞人，碩士，講師。研究方向：體育人文社會。