“互聯網+支教”平臺的設計與實現

王志飛 梁曉琳 張宇奇

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

關鍵詞：互聯網+;大學生支教;平臺設計

中圖分類號：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? 引? 言

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

1? 支教現狀

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

2? “互聯網+支教”平臺的設計

2.1? 平臺簡介

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

2.2? 平臺框架及流程設計

2.2.1? 功能框架

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

2.2.2? 界面設計

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

2.2.3? 首頁設計

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

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

<！--輪播 -->

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

HTML部分代碼