鐘育群 曾浩杰 莊燦林 歐威敬 楊文茵
摘要:在信息化時代,很多高校自行舉辦的年度運動會卻依然在使用人工方式來管理數(shù)據(jù),例如用紙記錄成績后再通過人工排序得出排名等。本文介紹一個運動會微信小程序的開發(fā)過程,實現(xiàn)了運動會線上報名、實時錄入成績、自動實現(xiàn)成績排序等功能。這個小程序基于HTML5+CSS3樣式+JS腳本語言的Web前端技術(shù)與云開發(fā)來實現(xiàn),該程序方便了校運會的工作人員與運動員,提高了舉辦運動會的效率。
關(guān)鍵詞:運動會;微信小程序;云開發(fā)
中圖分類號:TP311.52? ? 文獻(xiàn)標(biāo)識碼:A? ? 文章編號:1007-9416(2020)10-0000-00
1開發(fā)背景與研究現(xiàn)狀
各大高校、企業(yè)單位等每年都會舉行一次運動會。但不少運動會的管理效率很低,組織者依然采用傳統(tǒng)人工方式來管理運動會。例如:比賽前采用人工報名方式,用Excel表保存報名信息,比賽中用筆和紙記錄成績,比賽后通過人工排序方式得出排名等等。一方面,這種方式浪費組織方、裁判員與運動員許多的精力與時間,例如報名、檢錄這些環(huán)節(jié)都特別繁瑣;另一方面,人工的工作方式容易出現(xiàn)差錯導(dǎo)致工作效率低下,甚至出現(xiàn)記錄錯誤或成績排名錯誤,導(dǎo)致比賽的不公平現(xiàn)象出現(xiàn)。因此,校運會信息化系統(tǒng)應(yīng)運而生。然而,目前的校運會信息化系統(tǒng)多為C/S或B/S結(jié)構(gòu)的校運會信息數(shù)據(jù)后臺管理系統(tǒng)[1-2],移動端的運動會管理系統(tǒng)鳳毛麟角。但隨著微信小程序的出現(xiàn),移動端的輕量級運動會信息系統(tǒng)為運動會相關(guān)人員提供了一個便捷的數(shù)據(jù)管理手段。
微信小程序是一種不需要下載安裝即可使用的應(yīng)用,它實現(xiàn)了應(yīng)用“觸手可及”的夢想,用戶只需要通過搜索小程序、掃描二維碼,通過公眾號的推送或者朋友的分享就可以用小程序,無需安裝,“用完即走”的理念,用戶不用關(guān)心是否安裝太多應(yīng)用的問題,成為取代手機(jī)客戶端APP的最佳選擇。微信為微信小程序提供了一套基礎(chǔ)組件庫,可以滿足開發(fā)的基礎(chǔ)開發(fā)需求,從而實現(xiàn)簡單的快速開發(fā)。目前尚還未搜索到有關(guān)于運動會的微信小程序,只有零星體現(xiàn)運動會中某些功能的小程序,例如基于微信小程序的簽到系統(tǒng)[3],通過設(shè)計微信小程序就能輕松實現(xiàn)簽到的功能,打破了傳統(tǒng)點名的方法。但尚未由能夠完整地實現(xiàn)運動會,尤其是針對高校運動會的微信小程序。
2系統(tǒng)架構(gòu)設(shè)計
高“效”運動會微信小程序的整體開發(fā)架構(gòu)如圖1所示,前端代碼運用了HTML語言,CSS樣式與JavaScript這三種語言的結(jié)合。而后臺的搭建主要是運用了微信開發(fā)者工具的云開發(fā)控制臺,通過制定接口云函數(shù)在前端代碼中調(diào)用,以此實現(xiàn)前后臺的交互,以及數(shù)據(jù)的存儲。
圖1上半部分是本小程序的邏輯架構(gòu),至上而下分為用戶層、應(yīng)用層、平臺層和基礎(chǔ)設(shè)施層。其中,用戶層負(fù)責(zé)處理用戶請求的網(wǎng)關(guān),負(fù)載均衡等;應(yīng)用層負(fù)責(zé)業(yè)務(wù)處理,以友好的用戶界面為用戶提供所需的各項應(yīng)用軟件和服務(wù),應(yīng)用層直接面向用戶需求;平臺層是中間件層,起承上啟下的作用,在基礎(chǔ)設(shè)施層提供的資源的基礎(chǔ)上為用戶提供服務(wù),包括訪問控制,資源管理,數(shù)據(jù)庫和中間件等集群;基礎(chǔ)設(shè)施層是為中間層或用戶提供其所需的計算或存儲等資源。
圖1下半部分的云開發(fā),是指云端一體化的后端云服務(wù),它為開發(fā)者提供完整的原生云端支持和微信服務(wù)支持,弱化后端和運維概念,無需搭建服務(wù)器,使用平臺提供的API進(jìn)行核心業(yè)務(wù)開發(fā),即可實現(xiàn)快速上線和迭代。使用云開發(fā)可以構(gòu)建完整的小程序/小游戲、H5、Web、移動App等應(yīng)用。
3系統(tǒng)功能設(shè)計與實現(xiàn)
本系統(tǒng)以提高校運會的運作效率和準(zhǔn)確性未宗旨,故命名為“高‘效運動會微信小程序”,以微信小程序作為用戶端軟件,主要面向高校運動會的用戶,實現(xiàn)運動會的線上報名、線上檢錄、線上成績錄入和成績排序等功能。本系統(tǒng)主要劃分為四種角色,包括賽事組織者,裁判員,運動員和普通游客,每種角色有與其身份相關(guān)的功能。
(1)賽事組織者。賽事組織者角色也就是活動舉辦方,主要負(fù)責(zé)創(chuàng)建比賽中會舉行的項目比賽。賽事組織者在小程序首頁中創(chuàng)建比賽項目、安排賽程、設(shè)置比賽報名的參數(shù)、安排裁判員等工作人員的任務(wù)。
(2)裁判員。裁判員的功能主要有對運動員進(jìn)行檢錄、錄入運動員的比賽成績、申請重賽等功能。在進(jìn)入系統(tǒng)后,裁判員可以在個人頁中選擇人員檢錄一欄,選擇自己負(fù)責(zé)的比賽,對已提交檢錄信息的運動員進(jìn)行檢錄,在將其報名信息與提交的檢錄信息進(jìn)行對比之后,若沒有作弊的嫌疑即可通過檢錄。而在比賽期間,裁判員可將運動員的成績錄入系統(tǒng)中,即裁判員通過首頁的成績錄入入口,選擇自己負(fù)責(zé)的比賽,錄入對應(yīng)的運動員的成績信息。提交之后,其他人員即可在首頁成績排名一項查看運動員的成績。
(3)運動員。運動員具有報名參賽、查看比賽、賽事提醒、提交檢錄信息、退出比賽等功能。
1)參加比賽:運動員在完善相關(guān)信息之后,在比賽前規(guī)定時間內(nèi),通過首頁點擊參加比賽按鈕進(jìn)入?yún)①愴撁?,在比賽項目頁面里選擇自己想?yún)⒓拥谋荣愴椖?,進(jìn)入比賽詳情頁進(jìn)一步了解,點擊報名比賽按鈕,即可成功參加比賽。
2)查看比賽及退出比賽:成功報名的運動員可以在個人頁中的查看已報名的比賽項目的相關(guān)信息,以及項目參賽者名單。
3)賽事提醒:在比賽開始的前一天,系統(tǒng)會提醒運動員第二天需要參加的比賽項目的基本信息,例如參賽時間、參賽地點等。
4)檢錄:在比賽開始之前,運動員需要將自己的證件信息以及自己的實時位置進(jìn)行定位之后提交,以便于裁判員進(jìn)行檢錄,檢錄未通過的運動員則無法參加比賽,系統(tǒng)無法錄入其比賽成績。
5)退出比賽:在比賽開始的前一天,若運動員無法參加某項比賽,則可以在個人頁中的查看我的比賽一欄進(jìn)入自己無法參加的比賽項目的詳情頁,點擊退出比賽按鈕,即可退出該比賽項目。
(4)普通游客。普通游客角色在本系統(tǒng)中無需進(jìn)行個人資料的完善,在進(jìn)入本系統(tǒng)之后即可查看比賽的賽程安排以及已經(jīng)結(jié)束的比賽項目的運動員成績。普通游客角色的功能是本系統(tǒng)的基礎(chǔ)功能,也就是賽事組織者,裁判員,運動員這三種角色都擁有的功能。
4結(jié)語
本文研究采用云開發(fā)技術(shù)構(gòu)建高“效”運動會微信小程序的過程,該小程序?qū)崿F(xiàn)線上報名,在線檢錄、實時成績錄入及排序等功能,基于Web的前端技術(shù)(HTML5+CSS3樣式+JS腳本語言)與云開發(fā)后端技術(shù)實現(xiàn)。本系統(tǒng)的設(shè)計和實現(xiàn)成本低,代碼簡潔,主要面向高校用戶,亦可推廣至各級學(xué)校及企事業(yè)單位使用,對于其它具有相似功能的系統(tǒng)也有一定的借鑒意義。
參考文獻(xiàn)
[1]李秋錦.基于Java和數(shù)據(jù)庫的學(xué)生運動會系統(tǒng)的開發(fā)[J].信息與電腦(理論版),2019(9):72-73+76.
[2]李向園.校園運動會管理系統(tǒng)的設(shè)計[J].中國新通信,2016,18(2):153.
[3]陳少涌,李哲夫,許曉旋,等.基于微信小程序的簽到系統(tǒng)設(shè)計與實現(xiàn)[J].中國教育信息化,2018(11):87-92.
收稿日期:2020-08-18
基金項目:佛山科學(xué)技術(shù)學(xué)院大學(xué)生創(chuàng)新創(chuàng)業(yè)訓(xùn)練計劃項目(XJ2019192);2018年廣東省高等教育教學(xué)研究和改革項目(2018-607)
作者簡介:鐘育群(1998—),男,廣東揭陽人,本科,研究方向:網(wǎng)絡(luò)軟件開發(fā)。
通訊作者:楊文茵(1982—),女,廣東開平人,博士,講師,研究方向:智能計算與網(wǎng)絡(luò)安全。
Design and Implementation of Wechat Mini Program for Efficient Sports Games Management Based on CloudBase
ZHONG Yu-qun,ZENG Hao-jie,ZHUANG Can-lin,OU Wei-jing,YANG Wen-yin
(School of Electronic Information Engineering, Foshan University, Foshan? Guangdong? 528200)
Abstract: In the information age, many colleges and universities still hold their own annual games and manage the data manually, such as using paper to record the results, and then sorting and ranking manually. This paper introduces the development process of a Wechat mini program for sports games, which realizes the functions of online registration, real-time input of scores and automatic ranking of results. This mini program adopts HTML5 + CSS3 style + JavaScript as front-end technologies and CloudBase as back-end service. It is convenient for school sports staff and athletes, and improves the efficiency of holding sports meetings.
Keywords: sports games; Wechat mini program; CloudBase