基于小程序的“藍(lán)胖子”體育器材借還機(jī)程序開發(fā)設(shè)計(jì)

陳寶玲 杜龍 高嘉鑫 曾詩懿

摘要：為了鼓勵大學(xué)生積極參與體育活動，筆者開發(fā)了一款基于微信小程序的體育運(yùn)動器材借還機(jī)，該小程序能夠?qū)崿F(xiàn)體育器材計(jì)時借還，普及健康小知識，提升鍛煉技能等實(shí)用功能，并且方便快捷，使用者不受時間、空間和設(shè)備條件的制約。

關(guān)鍵詞：微信平臺;微信小程序;運(yùn)動器材借還機(jī)

1現(xiàn)狀與項(xiàng)目需求分析

高校是培育人才的主要場所，國家為鼓勵大學(xué)生積極參與體育活動，推出了《國家體育標(biāo)準(zhǔn)》，并且每年專批一項(xiàng)公款用于高校添置、維修和維護(hù)體育器材，但是大部分學(xué)生在校期間，除了體育課，課余運(yùn)動基本較少，甚至有學(xué)生體育課期間也未達(dá)到運(yùn)動標(biāo)準(zhǔn)。據(jù)了解，一部分學(xué)生認(rèn)為學(xué)校開設(shè)的體育課程單一，提不起興趣;一部分學(xué)生認(rèn)為自行購買喜愛的運(yùn)動器材，會增加消費(fèi)負(fù)擔(dān)，又沒有堅(jiān)持運(yùn)動的習(xí)慣，故漸漸也不怎么運(yùn)動;少部分學(xué)生學(xué)習(xí)壓力大，沒心情，不懂鍛煉而拒絕運(yùn)動。

隨著我國大數(shù)據(jù)互聯(lián)網(wǎng)時代的到來和智能移動設(shè)備的普及，越來越多的學(xué)生選擇將閑余時間用來網(wǎng)上沖浪，用來實(shí)際鍛煉的時間更是少之又少。學(xué)生長期缺乏運(yùn)動不僅會危害體質(zhì)健康，而且容易導(dǎo)致肥胖，進(jìn)而提早出現(xiàn)高血脂、糖尿病等疾病。

基于以上情況，我們關(guān)注到微信以其獨(dú)特的社交性、便捷性、自由性等優(yōu)勢在眾多社交網(wǎng)絡(luò)載體中脫穎而出，以其時尚方便、資費(fèi)低廉、功能豐富等特點(diǎn)占領(lǐng)市場，備受大學(xué)生的喜愛，而且其中小程序的應(yīng)用更是滿足了許多商戶入駐，與用戶而言，小程序使用起來不需耗費(fèi)太多內(nèi)存且方便易接受。所以我們考慮線上推出“藍(lán)胖子”體育運(yùn)動器材借還小程序，線下推出“藍(lán)胖子”體育運(yùn)動器材借還機(jī)的設(shè)想。

2.可行性分析

2.1. 機(jī)器生產(chǎn)情況可行性

據(jù)調(diào)查，目前國內(nèi)很多地區(qū)的體育用品的借還還處于最原始階段，由體育用品管理員進(jìn)行登記再將體育用品借出或收回，不僅效率低下，而且容易出現(xiàn)疏漏，據(jù)調(diào)查，以體育運(yùn)動器材借還的自助機(jī)器為主要產(chǎn)品的生產(chǎn)企業(yè)為數(shù)不多，并且以這種自助借還機(jī)來進(jìn)行體育器材租借的企業(yè)在市面上還未出現(xiàn)以上情況表明：以體育器材租借的自助機(jī)器生產(chǎn)目前處于起步階段。

2.2 人力資源可行性分析

本項(xiàng)目需要 1 人市場調(diào)研和撰寫報(bào)告，2 人編寫運(yùn)用程序，2 人代碼測試及代碼審核，各司其職，目前該項(xiàng)目團(tuán)隊(duì)人數(shù)已滿員，已經(jīng)在開展項(xiàng)目的開發(fā)。

2.3 軟件資源可行性分析

開發(fā)語言：WXSS、WXML、JavaScript、JSON。

開發(fā)工具：微信開發(fā)者工具。

框架：視圖層（View）、邏輯接口層（App Service）、原生實(shí)現(xiàn)層（Native）。

3小程序設(shè)計(jì)與實(shí)現(xiàn)

3.1微信開發(fā)者工具

微信開發(fā)者工作是微信官方提供的針對微信小程序的開發(fā)工具，集中了開發(fā)，調(diào)試，預(yù)覽，上傳等功能。微信團(tuán)隊(duì)發(fā)布了微信小程序開發(fā)者工具、微信小程序開發(fā)文檔和微信小程序設(shè)計(jì)指南，全新的開發(fā)者工具，集成了開發(fā)調(diào)試、代碼編輯及程序發(fā)布等功能，幫助開發(fā)者簡單和高效地開發(fā)微信小程序。

開發(fā)者在啟動工具時，首先需要在后臺使用已經(jīng)綁定成功的微信號進(jìn)行掃碼登陸操作，然后后續(xù)所有的開發(fā)操作都是基于這個微信號。

3.2Adobe Photoshop

簡稱“PS”，是由Adobe Systems公司開發(fā)和發(fā)行的圖像處理軟件，主要用來處理以像素所構(gòu)成的數(shù)字圖像。其內(nèi)有多種多樣的編修和繪圖工具，作者開發(fā)團(tuán)隊(duì)將用其進(jìn)行小程序中的頁面設(shè)計(jì)、產(chǎn)品圖片設(shè)計(jì)以及美化等。

3.3小程序設(shè)計(jì)分析

在需求分析和可行性分析的基礎(chǔ)上，制定了如圖1所示的設(shè)計(jì)流程圖。

3.3.1初始化

在進(jìn)行小程序開發(fā)時，首先創(chuàng)建項(xiàng)目，然后進(jìn)行初始化操作，即清除app.wxss中的內(nèi)容，然后將pages文件夾中index內(nèi)的index.wxml和index.wxss中的內(nèi)容清除。

接下來在根目錄中新建一個images文件夾，用于存放圖片文件。

3.3.2首頁頭部模塊設(shè)計(jì)

首頁的頭部模塊主要由兩部分組成，一個是作者開發(fā)團(tuán)隊(duì)的logo圖標(biāo)，另外一個就是消息圖標(biāo)，點(diǎn)擊消息圖標(biāo)可以打開客服聊天界面進(jìn)行咨詢。

3.3.3海報(bào)輪播模塊設(shè)計(jì)

實(shí)現(xiàn)海報(bào)輪播模塊的核心就是運(yùn)用swiper組件即可實(shí)現(xiàn)，而開發(fā)海報(bào)輪播模塊主要是有兩個作用，一是用來進(jìn)行展示最新公告和小程序更新的簡介，二是待軟件有了一定用戶量之后可以尋求廣告商贊助，用于播放廣告。

3.3.4器材展示模塊設(shè)計(jì)

實(shí)現(xiàn)器材展示模塊需要在index.wxml中操作，首先使用src屬性插入器材圖片，然后寫出器材名稱，最后在index.wxss中進(jìn)行模塊展示的效果設(shè)置，以便于器材能夠一目了然的展現(xiàn)在用戶面前。

3.4小程序視覺設(shè)計(jì)

小程序的背景色為白色，導(dǎo)航欄部分將背景色改為黑色，文字設(shè)置為白色，這樣能夠在一定程度上減輕用戶的視覺疲勞。

區(qū)域1為該小程序logo圖標(biāo)以及客服咨詢圖標(biāo)展示區(qū)域，另外對客服圖標(biāo)添加了閃爍動畫效果，以便于用戶能夠更加容易的找到客服咨詢。

區(qū)域2為該小程序海報(bào)展示區(qū)域，采用輪播圖片的設(shè)計(jì)，能夠循環(huán)播放宣傳海報(bào)和廣告內(nèi)容，位置較為醒目。

區(qū)域3為該小程序的核心展示部分，即體育器材展示部分，用戶能夠很輕松的選擇自己需要的器材進(jìn)行租借，會讓用戶使用起來方便簡潔。

首頁效果圖如圖2所示。

3.5臨時模擬器部署

由于筆者開發(fā)團(tuán)隊(duì)條件有限，將個人計(jì)算機(jī)臨時部署為模擬服務(wù)器進(jìn)行開發(fā)和測試。

4 結(jié)束語

本文基于于微信小程序的“藍(lán)胖子”體育借還機(jī)程序設(shè)計(jì)開發(fā)為了面向需要運(yùn)動卻沒有運(yùn)動器材的大學(xué)生，通過在微信中搜索小程序名稱即可直接訪問小程序界面。在首頁即可查詢各類器材的使用情況，根據(jù)使用情況選擇適當(dāng)機(jī)器進(jìn)行使用，同時不用擔(dān)心下載太多應(yīng)用等問題。小程序中還有普及健康小知識，提升鍛煉技能，即借即還，提前預(yù)定，精準(zhǔn)定位等實(shí)用功能，不受時間、空間和設(shè)備條件的制約，幫助使用者盡快了解各體育借還機(jī)的位置及其使用情況，為大家運(yùn)動時間、運(yùn)動項(xiàng)目的合理安排提供了便利。

參考文獻(xiàn)

[1]杭莉，聶莉娟.基于微信小程序的點(diǎn)餐系統(tǒng)[J].電子制作，2019（23）：54-58.

[2]申晨彥.基于微信小程序的網(wǎng)上購物系統(tǒng)設(shè)計(jì)模式[J].信息與電腦（理論版），2019，31（19）：90-92.

[3]張圣篩，梅志虎.基于微信小程序的云班課管理系統(tǒng)設(shè)計(jì)[J].軟件導(dǎo)刊，2020，19（11）：141-145.

[4]趙劍冬，許智超.微信小程序?qū)崙?zhàn)課程開發(fā)與實(shí)施[J].現(xiàn)代計(jì)算機(jī)，2020（30）：98-102.

[5]彭可磊，趙霞，張龍霞，段學(xué)瑛，周艷紅.基于微信平臺的老年性認(rèn)知障礙測試小程序開發(fā)[J].南方農(nóng)機(jī)，2021，52（05）：160-162.

[6]甘藝垚，蔡永香，王薈奧.學(xué)會微信小程序的設(shè)計(jì)與實(shí)現(xiàn)[J].電腦知識與技術(shù)，2021，17（04）：7-9+28.

[7]陸嬌嬌.基于微信小程序的教學(xué)資源平臺構(gòu)建[J].電腦知識與技術(shù)，2021，17（03）：46-47+54.