“墨象讀書”新型互聯網閱讀平臺開發

謝羽欣，胡曦，劉家旻，葉領然，劉柯希，鮮征征

廣東金融學院 互聯網金融與信息工程學院，廣東廣州，510521

0 引言

近年來，為了應對“后疫情時代”時起時伏的小范圍疫情與大學生閱讀行為的多樣化與碎片化，國內很多高校已經推廣使用線上閱讀教學[1]，例如“好策讀書”與“超星學習通”等。與此同時，西方一些國家和地區已經開始建立了大量數字閱讀教育推廣項目[2]，而在數字閱讀占比中使用線上閱讀資源的青少年（包括高校與中學學生）占有重要地位[3]。

但在大力推廣線上教育與不斷實踐的同時，通過對國內外研究現狀的分析，我們發現目前存在的兩大方面問題：一方面，未能以學生為中心更好地設計平臺[4]，應用模式較為落后，部分平臺的功能只停留在單一的教學；另一方面，未能結合教育心理學，使用創新思維提高學生上線學習的學習效率，用戶激勵機制并不完善[5]。

在當前背景下，線上教學活動與現實課堂的結合對平臺設計提出了更高的要求。可見線上教育功能的創新與教學方法結合密不可分[6]，因此線上教學融入互聯網思維中，要做到以教師為導向，以學生的自主學習為重心，占據主動，積極探索網絡教學的本質，盡量彌補教學資源和教學時空的不足，調整教學評價和考核方式[7]。

在綜合分析后認為，開發一款以學生為中心、更能激勵學生積極自主式閱讀、更能輔助教師提升教學質量，充分滿足高校師生用戶需求的閱讀平臺具有很強的現實意義和應用價值。鑒于此，筆者團隊開發了“墨象讀書”新型互聯網閱讀平臺。

1 平臺主要創新

1.1 界面分離設計

學生端與教師端界面分離設計，功能更加細致且具有針對性，方便教師進行教學管理和更好地了解學情。

1.2 驅動學生自主式閱讀

通過“同伴效應”“排行榜”“用戶激勵體系”與“強化系統”將教育心理學與項目結合，旨在抓住學生心理，驅動學生進行積極自主式閱讀。

采用新穎的“閱讀+社交”模式，即借助校園班級的社交屬性，營造“書友閱讀生態”，在“廣場”板塊添加好友讀書時長排行榜，增強讀者的競爭意識和互動意愿。

1.3 精準書籍推薦

建立基于用戶興趣偏好軌跡的較精準的云計算分析模型，運用協同過濾推薦算法對用戶進行分析并實行個性化推薦。

2 平臺分析與設計

2.1 功能需求分析與設計

2.1.1 功能總體框架

本平臺提出了更全面、更新穎的一系列功能，本文主要分為學生端和教師端來展示平臺的總體功能框架，如圖1～2所示。

圖1 學生端總框架

圖2 教師端總框架

2.1.2 平臺功能模塊描述

針對圖1和2的總體功能框架圖，下面給出各個功能模塊的詳細說明。

（1）登錄模塊。該模塊實現登錄認證功能，平臺用戶分為游客與已登錄用戶兩類，部分功能需要用戶登錄后才能使用。用戶群體為師生，學生可用學號、老師可用教工號登錄平臺。

（2）書桌模塊。書桌模塊包括一頁書單、消息通知、閱讀打卡、更多藏書和整理書桌五個子功能模塊，該模塊用戶角色為學生。用戶可以制定屬于自己的個性書單，接受消息，并進行打卡等。

（3）書館模塊。書館模塊包括書本分類、教學推薦和教學專區三個子模塊，由于教師與學生用戶角色使用功能的側重點不同，在書館模塊中，登錄識別為教師的用戶顯示為書本分類與教學專區兩個模塊功能，識別為學生的用戶顯示為書本分類與教學推薦兩個模塊功能。

（4）廣場模塊。廣場模塊包括好友排行、讀書筆記、書評和書幣活動四個子功能模塊，該模塊用戶角色為學生。用戶可以對閱讀排行榜內的個人認為比較好的閱讀者進行點贊，對所讀書籍進行評價，對于點贊數較高的優質書評，系統將推送至前排位置。

（5）我的模塊。我的模塊包括個人信息、個人書單、邀請碼和設置四個子功能模塊。教師端與學生端在本模塊顯示的內容和功能有所不同。學生端可以顯示學生的基本信息，方便學生查看自己建立的個人書單和添加的公共書單，學生也可以使用自動生成的邀請碼，邀請班級內同學加入相應的班級或者課程。教師端可以顯示教師的基本信息，方便教師查看自己建立的教學推薦書單，同時也可使用自動生成的邀請碼，邀請同學加入課程。

2.2 主界面設計

“墨象讀書”整體主色調為莫蘭迪灰綠（#6C8E93），輔助色調為鉻黃色（#FFD74E），整體配色沉穩明朗，色彩選擇傾向于營造靜謐、舒適、沉靜的用戶體驗氛圍，旨在通過視覺上的色彩刺激，幫助學生更快進入沉浸式閱讀的狀態。

學生端的界面設計更注重學生群體的視覺交互體驗（圖3），整體設計簡潔，又不失活潑，數據信息以圖形方式展現，以減輕用戶理解負擔。

圖3 學生端主要界面設計

教師端的整體界面設計更為簡潔明了，主要突出實時反饋學生閱讀狀況的目的，便于教師更好地監控和實施教學任務，主要界面如圖4所示。

圖4 教師端主要界面設計

2.3 平臺數據庫邏輯結構設計

本平臺使用XMind、MySQL對需求進行整理分析，進而設計數據表，包括用戶表、書籍信息表和閱讀信息表等。下面將對主要數據庫表進行介紹。

（1）用戶表“personal”，用于存儲用戶的基本信息（表1）。

表1 用戶表

（2）書籍信息表“book”，用于存儲書籍的信息（表2）。

表2 書籍信息表

（3）閱讀信息表“read_time”，用于存儲用戶書籍信息（表3）。

表3 閱讀信息表

（4）個人信息表“unit”，用于用戶個人信息，具體設計見表4。

表4 個人信息表

3 平臺核心功能的實現

3.1 登錄認證模塊

登錄認證功能的邏輯流程：用戶點擊微信登錄，獲取手機號，登錄成功后為游客模式。若想使用教學專區等功能，需要點擊“我的界面”，學生用戶通過輸入學校學號和密碼進行登錄，教師用戶輸入教師號，登錄認證識別成功后可使用網站所有功能。

3.2 書館模塊

（1）書館模塊邏輯流程分析。書館模塊邏輯流程如圖5所示，書館內分為兩個子功能模塊，分別是書籍分類與教學推薦。

圖5 書館模塊邏輯流程

（2）書館模塊實現的關鍵函數。書館模塊實現的關鍵函數：

double getSimilar(Map map1,Map map2)

描述：獲取書本相似度；

參數：被推薦目標的書本ID（用戶ID）及評分，推薦目標的書本ID（用戶ID）及評分；

返回值：相似度；

實現分析：當相似度過低或者被推薦人已讀過該書，會跳過本書的推薦，否則計算該書的推薦分數。當推薦分數高于要求時，向用戶推薦書本。

3.2 好友閱讀排行榜功能

（1）好友閱讀排行榜功能邏輯流程分析。好友閱讀排行榜功能流程如圖6所示，用戶可以點擊“廣場-圈子”給好友點贊，平臺會判斷用戶是否登錄，如果登錄成功即可以點贊。

圖6 廣場模塊邏輯流程

（2）好友閱讀排行榜功能實現的關鍵函數。好友閱讀排行榜功能實現的關鍵函數：List> getReadTimeByUnit Name(Long cid, int page, int size)

描述：獲取這個班級所有人的閱讀時間并按閱讀時長倒序排序；

參數：班級ID、頁碼、一頁的數據大小；

返回值：個人信息和閱讀時間；

實現分析：當用戶對在排名榜單上的用戶進行點贊操作時，會先在記錄點贊的表中檢查是否已經點過贊了，沒有則被點贊用戶點贊數加一，并且記錄進行點贊操作的用戶的ID及被點贊的該條閱讀時長的ID，防止重復點贊。

3.3 打卡功能實現

（1）打卡功能邏輯流程分析。

打卡功能邏輯流程分析如圖7所示，用戶點擊打卡功能，平臺判斷任務是否已經完成，若沒有完成或者想要更多的學習任務，可以更改今日任務。更改今日任務之后可以再次進行打卡，若完成任務即可打卡成功。

圖7 打卡功能邏輯流程

（2）打卡功能實現的關鍵函數。打卡功能實現的關鍵函數：

void hitCard(String account)

描述：用戶打卡；

參數：賬號；

返回值：無。

實現分析：首先使用AccountMapper（用戶賬號數據）、ReadingMapper（用戶閱讀數據）獲取個人信息中的賬號ID、該賬號的閱讀時間，并記錄用戶當前的打卡時間。如果閱讀時間少于10分鐘，則打卡失敗；如果同一秒內打卡多次，則打卡失敗。

3.4 學情及成績統計功能

（1）學情及成績統計功能邏輯流程分析。學情及成績統計功能為教師端核心功能，該功能多為對數據的采集與整理，將客戶端采取的數據信息進行相關處理后存儲至數據庫內，當教師打開班級學情統計情況時，服務器將該班級的相關信息返回至客戶端，客戶端通過Echarts組件將數據進行可視化展示。課堂完成進度采用餅圖進行可視化顯示，強調整體和局部之間的相對關系；課堂討論則采用折線圖進行可視化顯示，強調學生在課堂上的學習和訪問人數的改變。

（2）學情及成績統計功能實現的關鍵函數。getDiscussCount為實現該功能的核心方法，具體如下：

DiscussVO getDiscussCount(Long cid, String bookName)

描述：根據學校名、班級名、書本名獲取討論總計；

參數：班級ID、書本名；

返回值：討論數統計；

實現分析：根據班級ID找出學校ID，再使用學校ID、書本名，找出該班級對這本書的討論數。

4 平臺測試

4.1 功能測試

本平臺的功能測試主要在于平臺的核心功能是否與需求一致。通過業務邏輯測試、構造數據測試，使用正常場景覆蓋、異常場景覆蓋等方法對平臺功能進行測試。由于篇幅有限，本文部分功能的測試用例見表5。

表5 部分功能測試用例表

4.2 性能測試

平臺共有23個頁面，本文使用了小程序官方推薦的測試程序Audits進行性能測試。

4.2.1 指標含義

性能：從頁面渲染、網絡、JS腳本等方面評估小程序的性能。

體驗：從視覺、交互等方面評估小程序的體驗是否足夠好。

最佳實踐：避免出現任何 JavaScript 異常，使用https請求。

4.2.2 性能測試及優化

采用Audits，性能測試優化前如圖8所示，經過3次整體測試，性能維持在80分以上，最佳實踐均為60分，但在體驗評分上較差，經過我們后續對圖片伸縮和對ios系統進行滾動優化后，體驗評分提升了一倍，可以確保整體評分保持在80分以上，優化后的性能測試如圖9所示。

圖8 優化前

圖9 優化后

5 結語

本文通過對學生與教師樣本進行調查研究、閱讀相關文獻等方式，對國內外相似產品進行對比，設計并實現了一個可以幫助學生完成讀書任務，并協助教師教學的新型互聯網閱讀教育平臺；該平臺是將“全民閱讀”建立在“互聯網教育”模式之上，使兩個新興領域相結合，碰撞出更具有現實意義和實用價值的軟件產品。筆者團隊嘗試實現全網融合、互聯互通，打通線上線下之間的教育生態。當互聯網技術的光芒照進教育這個領域時，本項目產品需要擁有態度，還原教育本質的意義，歸回教育的初心。

接下來將會對平臺進行剖析整理、對平臺的功能做進一步的完善，例如：增加書籍和書單的篩選功能和排序；添加國家、出版時間等篩選條件，幫助用戶方便、快速地找到自己想要的書籍和書單；擴展書桌功能模塊，增加進度查看功能，讓用戶知道自己已經學習了多少內容，距離學習完成還有多少內容。