王志飛 梁曉琳 張宇奇

摘? 要：國家一向重視教育公平，注重教育資源均衡分配的問題。國外致力于發(fā)展支教的組織和志愿者，支教活動主要開展于亞非拉等欠發(fā)達的國家。許多國際組織都會吸納包括大學生在內的志愿者參與支教活動。大范圍支教活動的有序開展，離不開支教平臺的助力。為此，文章設計開發(fā)一款“互聯(lián)網(wǎng)+支教”平臺，將大學生作為支教主力軍。大學生支教平臺不僅為大學生提供社會實踐的機會，還能夠彌補城鄉(xiāng)教育資源分配不均的劣勢。

關鍵詞：互聯(lián)網(wǎng)+;大學生支教;平臺設計

中圖分類號：TP311? ? ? ? 文獻標識碼：A文章編號：2096-4706（2022）03-0009-06

Design and Implementation of “Internet + Volunteer Education” Platform

WANG Zhifei， LIANG Xiaolin， ZHANG Yuqi

（Shandong Huayu University of Technology， Dezhou? 253034， China）

Abstract： The state has always attached importance to education equity and the balanced distribution of education resources. Foreign countries are committed to developing education support organizations and volunteers， education support activities are mainly carried out in less developed countries such as Asia， Africa and Latin America. Many international organizations will attract volunteers， including college students， to participate in education support activities. The orderly development of large-scale education support activities is inseparable from the help of the education support platform. Therefore， this paper designs and develops an “Internet + volunteer education” platform， and takes college students as the main force of supporting teaching. The college students support teaching platform not only provides opportunities of social practice for college students， but also can make up for the disadvantage of uneven distribution of educational resources between urban and rural areas.

Keywords： Internet+; college students support teaching; platform design

0? 引? 言

隨著互聯(lián)網(wǎng)技術的不斷發(fā)展，新媒體的應用越來越廣泛，互聯(lián)網(wǎng)+支教具有靈活性的優(yōu)點，通過引入線上支教來推動支教學質量的提高，不但給大學生的社會實踐提供了新視角，更是符合新時代的支教需求。在“互聯(lián)網(wǎng)+”背景下，計算機技術應該與支教方式高度融合，一改傳統(tǒng)的支教模式，打破支教活動受時空限制的弊端。本文從網(wǎng)站建設的角度闡述基于支教平臺的功能設計、交互設計、界面設計，整合優(yōu)質教育資源，實現(xiàn)大學生高效支教，提高支教質量，彌補傳統(tǒng)支教的不足。

1? 支教現(xiàn)狀

目前國內支教的發(fā)展情況并不理想，傳統(tǒng)支教模式存在許多弊端。支教活動常發(fā)生在偏遠地區(qū)，這些地區(qū)路途遙遠、地形復雜、交通不便、自然災害頻繁等，傳統(tǒng)方式的支教非常耗費人力財力，支教成本較高。在支教人員監(jiān)管方面，許多支教組織管理松散，沒有明確的規(guī)章制度去挑選和約束支教人員，導致支教隊伍的流動性大、教育能力差，建立健全的管理制度迫在眉睫。在支教活動組織方面，缺乏規(guī)范性的支教活動計劃，活動過程中遇到的突發(fā)問題難以及時得到妥善解決，一定程度上影響了支教效果。在支教區(qū)資源方面，由于支教區(qū)經(jīng)濟落后，存在電力不足等客觀條件，無法使用一些現(xiàn)代化的教育設備如電腦、多媒體等。很多授課想法都無法實現(xiàn)，學生也不能更好地理解和掌握復雜的知識點，限制了知識的傳播與共享。

2? “互聯(lián)網(wǎng)+支教”平臺的設計

2.1? 平臺簡介

支教平臺是一個針對大學生到偏遠地區(qū)支教的平臺，旨在提高支教質量，促進教育資源的合理配置。支教平臺采取按需選擇、就近分配的原則，平臺會根據(jù)距離遠近，對提交申請的大學生與學校相匹配后進行優(yōu)先推送。對于路程較遠而難以到達的支教區(qū)，我們采用線上授課的方式進行支教。支教平臺作為連接支教大學生與支教區(qū)學校的橋梁，在平臺上，大學生與學?？梢灾苯勇?lián)系。支教區(qū)的學校也可以直接篩選學生的簡歷，挑選優(yōu)秀的學生，與學生進行直接對話。大學生通過支教平臺進行信息注冊登錄、提交支教申請;高校審查驗證申請者身份和詳細信息;政府相關部門對支教大學生和支教區(qū)學校進行復查和審批，審查通過后，方可進行支教。支教平臺上還設立專門的公益板塊——希望小屋，可以幫助支教區(qū)的學生獲取慈善贊助，為他們爭取學習教材和相關資料以及優(yōu)質的教學環(huán)境。85B84264-B065-4501-B6D1-16683D056D0B

2.2? 平臺框架及流程設計

2.2.1? 功能框架

大學生支教平臺的功能包括系統(tǒng)相關、總覽時訊、功能板塊、希望小屋四個模塊。在系統(tǒng)相關模塊中，用戶可選擇以學校身份或學生身份登入，進行學校身份或學生身份的注冊和信息錄入，點擊頁面中的四個不同選項，可進入對應的功能模塊。在總覽時訊模塊中，左右滑動可以查看主題，點擊主題，進入對應頁面，上下滑動可查看內容。在時訊資訊內容結束的位置，可左右滑動查看其他主題。在功能板塊模塊中，幫助用戶解決相關疑問，有助于用戶獲得更好的使用體驗，同時也能看到國內以及國際支教組織的實時資訊。在希望小屋模塊中，平臺計劃與社會愛心人士聯(lián)手，旨在給支教地區(qū)的孩子們提供幫助，鑄造學子們的成長之路。大學生支教平臺功能清單如圖1所示。

2.2.2? 界面設計

在支教平臺界面色彩設計上，通過對支教服務圖標的引用分析，采用以農(nóng)村支教區(qū)特色為主的界面背景設計。通過對支教區(qū)特色的再創(chuàng)作，基于現(xiàn)代的審美和扁平化的設計追求，實現(xiàn)了現(xiàn)代風格的界面背景設計。將個性突出的界面背景展現(xiàn)給用戶，是支教文化的另一種體現(xiàn)。界面背景設計主要使用淺色調，使得界面整體效果較清新活躍，同時搭配較深顏色的字體，增加顏色深淺對比，有利于用戶在室外強光條件下的使用與閱讀，也便于引起用戶在色彩上的共鳴，從而提高用戶的使用體驗。支教平臺界面設計的字體部分以黑體、宋體為主，在視覺感受上更清晰，更易于閱讀，如圖2、圖3、圖4所示。

2.2.3? 首頁設計

首頁主要是對本平臺的系統(tǒng)介紹和分類，包含logo、導航設計、banner設計、內容設計和底部信息版權設計。其中l(wèi)ogo主要通過Photoshop軟件完成png格式的圖片，導航設計主要通過HTML的ul和li實現(xiàn)，并添加二級菜單，方便網(wǎng)站的SEO優(yōu)化，另外可通過flex實現(xiàn)橫向并排布局。導航的內容全部添加超級鏈接并鏈接到相應的網(wǎng)頁文件，另外，為方便用戶使用，我們通過使用div和submit定義創(chuàng)建登錄和注冊按鈕，并通過CSS進行優(yōu)化。核心代碼如圖5所示。

頁面banner效果主要用來表達支教地區(qū)的各項活動，使支教者能夠更好地了解支教地區(qū)的自然環(huán)境和區(qū)域建設。我們在主頁的banner部分插入輪播效果，主要效果是底部點擊切換和左右兩側點擊輪換，亦可實現(xiàn)鼠標經(jīng)過自動播放。本模塊主要通過bootstrap框架來完成，可以下載bootstrap并安裝相關的運行環(huán)境，通過外部調用JavaScript程序獨立完成CSS部分和HTML部分，代碼為：

<！--輪播 -->

頁面內容主要包含系統(tǒng)相關、總覽時訊、功能板塊、希望小屋，其中頁面布局主要通過div和bootstrap框架來完成，通過CSS中的flex彈性盒子來實現(xiàn)模塊布局?？紤]到首頁內容過長用戶在瀏覽時不方便，我們通過div盒子創(chuàng)建快速導航欄，并通過position定位屬性將其固定在右下方，當用戶想要瀏覽其中的一個內容時，可以通過快速導航欄快速定位到想要瀏覽的地方。為了美化頁面，我們在紅玫瑰計劃中為圖片添加動畫效果，通過改變div的位置、overflow：hidden溢出隱藏和a：hover相互配合，實現(xiàn)當鼠標經(jīng)過時有文字提示，其中HTML部分代碼和CSS部分代碼為：

HTML部分代碼