家校微信小程序的設(shè)計(jì)和開(kāi)發(fā)傅鐘;雷笑天;王強(qiáng);張健【摘要】子女教育在當(dāng)今備受家長(zhǎng)們的關(guān)心，如何隨時(shí)隨地高效快捷地了解子女的學(xué)習(xí)情況和接收學(xué)校、老師發(fā)布的通知，已是一個(gè)與每位家長(zhǎng)都息息相關(guān)的問(wèn)題，故此基于微信平臺(tái)設(shè)計(jì)和開(kāi)發(fā)家校微信小程序，通過(guò)WXML,WXSS和JavaScript等語(yǔ)言來(lái)構(gòu)建起友好的用戶使用界面，用PHP語(yǔ)言搭建后臺(tái)連接到數(shù)據(jù)庫(kù)從而可以讓家長(zhǎng)、老師、學(xué)校上傳的信息實(shí)現(xiàn)共享.將數(shù)據(jù)庫(kù)服務(wù)器MySQL部署在騰訊云服務(wù)器上，更好地保障了家校微信小程序的安全性.家校微信小程序的使用便于家長(zhǎng)與老師、學(xué)校的溝通和聯(lián)系，也會(huì)對(duì)孩子的教育培養(yǎng)起到積極作用.【期刊名稱】《微處理機(jī)》【年(卷)，期】2018(039)006【總頁(yè)數(shù)】4頁(yè)(P30-33)【關(guān)鍵詞】微信小程序;家校平臺(tái);教育溝通【作者】傅鐘;雷笑天;王強(qiáng);張健【作者單位】東北林業(yè)大學(xué)信息與計(jì)算機(jī)工程學(xué)院，哈爾濱150040;東北林業(yè)大學(xué)信息與計(jì)算機(jī)工程學(xué)院，哈爾濱150040;東北林業(yè)大學(xué)信息與計(jì)算機(jī)工程學(xué)院，哈爾濱150040;東北林業(yè)大學(xué)信息與計(jì)算機(jī)工程學(xué)院，哈爾濱150040【正文語(yǔ)種】中文【中圖分類(lèi)】TP311.11引言隨著互聯(lián)網(wǎng)的發(fā)展和智能移動(dòng)終端的普及，現(xiàn)如今家長(zhǎng)可以通過(guò)app及時(shí)了解孩子在學(xué)校的表現(xiàn)，與老師、學(xué)校隨時(shí)進(jìn)行溝通。通常的app在使用中還是存在著一些弊端，比如：占用較多的手機(jī)內(nèi)存、打開(kāi)率低但維護(hù)成本高等。有些用戶只是想使用app當(dāng)中的部分內(nèi)容，卻還是要進(jìn)行繁瑣的注冊(cè)和登錄等步驟。相比之下，小程序(applet測(cè)無(wú)需下載安裝，是一種即用即走的輕應(yīng)用［1］，在微信應(yīng)用中尋?？梢?jiàn)。根據(jù)騰訊發(fā)布的數(shù)據(jù)表明，微信每天有九億多用戶使用，鑒于此，為滿足學(xué)校、教師、家長(zhǎng)三方需求［2］，基于微信平臺(tái)來(lái)設(shè)計(jì)和開(kāi)發(fā)家校微信小程序。家長(zhǎng)通過(guò)微信打開(kāi)微信小程序就能看到老師、學(xué)校發(fā)布的公告；家長(zhǎng)也可以通過(guò)這個(gè)小程序完成孩子在線請(qǐng)假等步驟。家長(zhǎng)老師互相在線留言溝通，提高信息獲取的效率和軟件的使用率；家長(zhǎng)方面操作更加簡(jiǎn)便，符合當(dāng)代教育發(fā)展潮流［3］。2小程序需求分析社交平臺(tái)的應(yīng)用是家校溝通的新模式［4］。設(shè)計(jì)家校微信小程序的目的，即是為了提高老師、學(xué)校、家長(zhǎng)三方的溝通效率，提高學(xué)校、老師的工作效率，也為家長(zhǎng)節(jié)省時(shí)間，以便更好地教育、培養(yǎng)孩子。下面分別從家長(zhǎng)、老師、學(xué)校的角度，對(duì)小程序進(jìn)行需求分析：家長(zhǎng)家長(zhǎng)每天要及時(shí)了解老師布置的各項(xiàng)作業(yè)，督促孩子盡快完成。為了更好教育孩子，要掌握孩子在課堂的表現(xiàn)，及時(shí)調(diào)整教育策略。每學(xué)期的課程安排、考試成績(jī)都要讓家長(zhǎng)在第一時(shí)間獲得，以全面掌握孩子的在校動(dòng)態(tài)。家長(zhǎng)如果有對(duì)自己教育的得失、見(jiàn)解、主張，也可向班主任傳達(dá)［5］；對(duì)學(xué)校的建議也可及時(shí)反饋給學(xué)校。孩子在學(xué)校生活中遇到任何問(wèn)題，家長(zhǎng)也可以和老師隨時(shí)進(jìn)行溝通，了解相關(guān)情況，做出妥當(dāng)?shù)慕鉀Q。老師讓家長(zhǎng)了解到，作業(yè)是反映孩子學(xué)習(xí)情況的一面鏡子［6］。若加入與家長(zhǎng)的互動(dòng)配合，作業(yè)的效果會(huì)更好發(fā)揮出來(lái)。老師每天布置作業(yè)的同時(shí)，也向家長(zhǎng)公布，孩子回家后就可由家長(zhǎng)督促完成。班級(jí)中的重要的事務(wù)，老師也可同樣及時(shí)發(fā)布班級(jí)公告。學(xué)生的考試成績(jī)、平時(shí)表現(xiàn)，學(xué)校的課程安排都要準(zhǔn)確地反饋給家長(zhǎng)。教師與學(xué)生的溝通交流多集中于課堂［7］，但通過(guò)微信小程序，老師們?cè)谄綍r(shí)就可以和家長(zhǎng)隨時(shí)進(jìn)行溝通，更可及時(shí)了解學(xué)生在家中的情況。⑶學(xué)校在傳統(tǒng)的模式下，每學(xué)期開(kāi)學(xué)之初，學(xué)校收取學(xué)費(fèi)的步驟耗時(shí)費(fèi)力，效率較低。而其他的一些日程安排，如有天氣異常變化、學(xué)校發(fā)生突發(fā)事件等情況，怎樣將安排變動(dòng)等動(dòng)態(tài)快速告知家長(zhǎng)，也是極具重要性的問(wèn)題。另外也需要讓家長(zhǎng)及時(shí)獲取學(xué)生的基本信息，了解學(xué)校的每一條規(guī)章制度。3小程序的模塊設(shè)計(jì)小程序由各個(gè)模塊構(gòu)成，各自實(shí)現(xiàn)特定的功能。各模塊的設(shè)計(jì)情況如下：匹配模塊學(xué)校事先將學(xué)生的姓名、年齡、性別、家庭住址、家長(zhǎng)電話、家長(zhǎng)微信賬號(hào)等基本信息收集起來(lái)，并導(dǎo)入到學(xué)校所在的數(shù)據(jù)庫(kù)當(dāng)中。家長(zhǎng)在加入到由班主任創(chuàng)建的班級(jí)房間時(shí)，會(huì)根據(jù)微信賬號(hào)自動(dòng)與數(shù)據(jù)庫(kù)中存儲(chǔ)的數(shù)據(jù)進(jìn)行匹配。公告模塊公告模塊中包括學(xué)校公告和班級(jí)公告，其主要功能為：公告創(chuàng)建、公告發(fā)布、公告查詢、公告刪除。老師、學(xué)?？梢詫?duì)公告進(jìn)行創(chuàng)建、發(fā)布、查詢、刪除。學(xué)校發(fā)布的公告，老師沒(méi)有權(quán)限進(jìn)行更改；老師發(fā)布的公告，學(xué)校也不能進(jìn)行任何操作。家長(zhǎng)對(duì)學(xué)校、老師發(fā)布的公告可以進(jìn)行瀏覽和關(guān)鍵字查詢。信息模塊信息模塊包括學(xué)生課程安排、成績(jī)信息、學(xué)生平時(shí)表現(xiàn)、考試安排等內(nèi)容。學(xué)校、老師可以對(duì)這些功能所涉及到的數(shù)據(jù)進(jìn)行編輯和發(fā)布。家長(zhǎng)可以借此及時(shí)獲知孩子在學(xué)校的基本情況和學(xué)校安排。溝通模塊由老師創(chuàng)建班級(jí)房間，班級(jí)孩子的家長(zhǎng)通過(guò)微信賬號(hào)登錄家校小程序，微信賬號(hào)自動(dòng)與數(shù)據(jù)庫(kù)中存儲(chǔ)的微信賬號(hào)進(jìn)行匹配。匹配成功之后，家長(zhǎng)就能自動(dòng)進(jìn)入到孩子的老師所創(chuàng)建的班級(jí)房間當(dāng)中。在房間中老師與家長(zhǎng)之間可以選擇文字、語(yǔ)音、圖片、視頻等多種方式進(jìn)行互動(dòng)溝通。工具箱模塊工具箱模塊中包括了平時(shí)工作耗時(shí)且效率低的一些活動(dòng)。比如包括學(xué)校在線收費(fèi)、家長(zhǎng)給孩子在線請(qǐng)假、老師布置的作業(yè)信息以及家長(zhǎng)的意見(jiàn)反饋等。該模塊能為此類(lèi)活動(dòng)帶來(lái)便利，有效減輕老師、家長(zhǎng)、學(xué)校的時(shí)間壓力。小程序的各個(gè)模塊的總覽情況如圖1。圖1微信小程序模塊總覽4小程序流程分析家校微信小程序最常用的功能有信息模塊，學(xué)校、老師發(fā)布公告，在線請(qǐng)假，老師與家長(zhǎng)留言溝通這四個(gè)基本模塊。下面對(duì)這些關(guān)鍵模塊的流程展開(kāi)介紹：匹配流程老師、家長(zhǎng)進(jìn)行登錄時(shí)，小程序都要獲取微信賬號(hào)的基本信息。通過(guò)與數(shù)據(jù)庫(kù)存儲(chǔ)的數(shù)據(jù)進(jìn)行匹配，老師、家長(zhǎng)分別可以獲取不同的使用權(quán)限。學(xué)校、老師發(fā)布公告流程在數(shù)據(jù)庫(kù)當(dāng)中存儲(chǔ)著學(xué)校、老師的微信號(hào)信息，他們都有權(quán)限發(fā)布信息。為了保證所發(fā)布的信息能及時(shí)、準(zhǔn)確、高效地讓目的人群接收到，公告分為班級(jí)公告和學(xué)校公告。班級(jí)公告只有在所在班級(jí)的家長(zhǎng)可以看到，學(xué)校公告可以讓所在學(xué)校的所有家長(zhǎng)接收到。工具箱流程在使用工具箱的各項(xiàng)子模塊之前，小程序獲取各微信號(hào)進(jìn)行權(quán)限驗(yàn)證。驗(yàn)證通過(guò)后進(jìn)入到各個(gè)子模塊。在子模塊中進(jìn)行編輯時(shí)，用戶要按小程序的提示完成各個(gè)要填寫(xiě)的任務(wù)。每次在子模塊編輯完成之后，小程序會(huì)把這些編輯的信息按類(lèi)別存儲(chǔ)在數(shù)據(jù)庫(kù)中，方面以后的查詢。在線溝通流程不同的班級(jí)有不同的在線留言模塊。家長(zhǎng)與老師的權(quán)限是相同的。在用戶進(jìn)行留言之前，小程序會(huì)驗(yàn)證用戶信息，根據(jù)信息的不同，用戶被分配到對(duì)應(yīng)班級(jí)的溝通模塊中。5小程序的系統(tǒng)設(shè)計(jì)5.1MINA框架MINA框架是一種在Java技術(shù)的基礎(chǔ)上運(yùn)行的通信網(wǎng)絡(luò)應(yīng)用系統(tǒng)［8］，也是微信小程序開(kāi)發(fā)使用的框架。MINA框架的構(gòu)成如圖2所示，其核心是一個(gè)響應(yīng)的數(shù)據(jù)綁定系統(tǒng)。圖2MINA框架圖微信小程序的框架分為兩大部分：視圖層和邏輯層。MINA的視圖層采用WXML與WXSS編寫(xiě)。將邏輯層的數(shù)據(jù)反映成視圖，同時(shí)將視圖層所發(fā)生的事件發(fā)送給邏輯層。WXML用于描述頁(yè)面的結(jié)構(gòu)，WXSS則用于描述頁(yè)面的樣式。MINA的邏輯層是用JavaScript編寫(xiě)的。邏輯層將數(shù)據(jù)進(jìn)行處理后發(fā)送給視圖層，同時(shí)接受視圖層的事件反饋。每個(gè)頁(yè)面有獨(dú)立的作用域，并提供模塊化能力。最終寫(xiě)就的代碼將會(huì)被打包，成為一份JavaScript，并在小程序啟動(dòng)時(shí)運(yùn)行，直到小程序銷(xiāo)毀。MINA可以讓數(shù)據(jù)與視圖保持同步。當(dāng)用戶做數(shù)據(jù)修改時(shí)，只需要在邏輯層修改數(shù)據(jù)，視圖層就會(huì)同時(shí)更新。由此可見(jiàn)，微信小程序在系統(tǒng)框架上非常清晰易懂［9］。5.2數(shù)據(jù)庫(kù)設(shè)計(jì)數(shù)據(jù)庫(kù)設(shè)計(jì)是家校微信小程序中必不可少的一部分。家校微信小程序選用MySQL數(shù)據(jù)庫(kù)進(jìn)行數(shù)據(jù)庫(kù)設(shè)計(jì)。根據(jù)以上對(duì)小程序的需求分析，來(lái)規(guī)劃和設(shè)計(jì)本系統(tǒng)中的數(shù)據(jù)庫(kù)實(shí)體［10］。實(shí)體包括學(xué)校、老師、家長(zhǎng)、學(xué)生信息，以及學(xué)生作業(yè)等。家校微信小程序?qū)嶓w的E-R圖如圖3。圖3家校微信小程序E-R圖根據(jù)上述分析建立數(shù)據(jù)表，對(duì)數(shù)據(jù)庫(kù)中的內(nèi)容做進(jìn)一步的細(xì)化。家校小程序需要建立用戶信息表、公告信息表、請(qǐng)假數(shù)據(jù)表等，設(shè)計(jì)如下：（1） 用戶信息表（老師、學(xué)生家長(zhǎng)、學(xué)校管理員微信賬號(hào)、學(xué)生姓名、學(xué)生性別、學(xué)生所在班級(jí)、學(xué)生課程安排、學(xué)生成績(jī)、學(xué)生平時(shí)表現(xiàn)）：記錄每一個(gè)使用者的基本信息，在登錄時(shí)會(huì)判斷每一位用戶所擁有的權(quán)限。權(quán)限不同，用戶所擁有的操作也不一樣。（2） 公告信息表（公告內(nèi)容、公告時(shí)間、公告發(fā)布人的微信賬號(hào)、公告關(guān)鍵字）：存儲(chǔ)相關(guān)的內(nèi)容，便于查詢。⑶請(qǐng)假信息表（請(qǐng)假學(xué)生姓名，學(xué)生的監(jiān)護(hù)人，請(qǐng)假時(shí)間、請(qǐng)假事由、返校時(shí)間）：存儲(chǔ)請(qǐng)假人的基本信息，便于以后查找。最終設(shè)計(jì)完成的家校微信小程序界面如圖4所示。圖4家校微信小程序界面6結(jié)束語(yǔ)家校微信小程序是利用現(xiàn)在普及的互聯(lián)網(wǎng)和移動(dòng)終端來(lái)實(shí)現(xiàn)的，是學(xué)校、老師、家長(zhǎng)提高溝通效率的有力工具。利用目前便利的網(wǎng)絡(luò)環(huán)境，實(shí)現(xiàn)了發(fā)布公告、交流溝通、學(xué)生信息創(chuàng)建及發(fā)布、布置作業(yè)、在線請(qǐng)假等一體化的功能。通過(guò)這些功能，對(duì)孩子成績(jī)提高、能力培養(yǎng)都會(huì)有所助益，改變了傳統(tǒng)模式下學(xué)校、家長(zhǎng)、老師的日常溝通的繁瑣和低效，實(shí)現(xiàn)了快速、便捷、高效的設(shè)計(jì)目的。通過(guò)用戶的試用，證明了家校微信小程序適于在各個(gè)學(xué)校普及，對(duì)不同年級(jí)階段的孩子都同樣適用。參考文獻(xiàn)：【相關(guān)文獻(xiàn)】王勛."微信小程序開(kāi)發(fā)”課程構(gòu)建與教學(xué)實(shí)踐[J].計(jì)算機(jī)時(shí)代,2018(3):46-49.WANGXun.Thecourseconstructionandteachingpracticeof"TheDevelopmentofWeChatApplet"[J].ComputerEra,2018(3):46-49.辛紅.基于Android平臺(tái)的家校通管理系統(tǒng)的開(kāi)發(fā)與實(shí)踐[J].知識(shí)文庫(kù),2017(23):208.XINHong.Developmentandpracticeoffamily-schoolmanagementsystembasedonAndroidplatform[J].KnowledgeLibrary,2017(23):208.徐永慧.實(shí)用型小學(xué)家校通平臺(tái)的開(kāi)發(fā)與應(yīng)用[J].信息與電腦,2017(14):87-88.XUYonghui.Thedevelopmentandapplicationofpracticalprimaryschoolfamily-schoolcommunicationplatform[J].ChinaComputerandCommunication,2017(14):87-88.楊青社交平臺(tái)在家校溝通中應(yīng)發(fā)揮更積極作用[J].中國(guó)教育學(xué)刊,2018(1):102.YANGQing.Socialplatformshouldplayamoreactiveroleinfamily-schoolcommunication[J].JournaloftheChineseSocietyofEducation,2018(1):102.趙炳秀.家校溝通為孩子健康成長(zhǎng)護(hù)航[J].教育家,2018(19):60-61.ZHAOBingxiu.Family-schoolcommunicationtoprotectchildren'shealthygrowth[J].Educator,2018(19):60-61.梁顏輝.淺談微信在家校溝通中的運(yùn)用[J].少男少女,2017,1(24):93-94.LIANGYanhui.AbriefdiscussionabouttheapplicationofWeChatinfamily-schoolcommunication[J].BoyandGirl,2017,1(24):93-94.劉正文.微信及時(shí)溝通在小學(xué)家校合作教育中實(shí)踐運(yùn)用研究[J].教師,2018(19):101-102.LIUZhengwen.ResearchontheapplicationofWeChattimelycommunicationinprimaryschoolfamily-schoolcooperativeeducation[J].Teacher,2018(19):101-102.張曉燕.微信"小程序"開(kāi)發(fā)的系統(tǒng)實(shí)現(xiàn)及前景[J].電子技術(shù)與軟件工程,2018(12):49-50.ZHANGXiaoyan.SystemimplementationandprospectofWeChat"SmallProgram"development[J].ElectronicTechnologyandSoftwareEngineering,2018(12):49-50.劉暢，胡楊，張旭，等.基于微信小程序的智能博物館導(dǎo)覽的設(shè)計(jì)與實(shí)現(xiàn)[J].無(wú)線互聯(lián)科技,2018(14):40-41.LIUChang,HUYang,ZHANGXu,etal.Designandimplement