【微信小程序】粤语教学平台-粤言粤语
展示視頻
粵言粵語小程序演示視頻
1 項目簡介
1.1 項目背景
1.1.1 創意來源
根據中共中央辦公廳、國務院辦公廳印發的《關于實施中華優秀傳統文化傳承發展工程的意見》,我小組計劃開發一款推廣中國部分地區傳統文化的可廣泛推廣的軟件。為緊貼國家計劃在2025年前全面復興傳統文化的重大國策,我小組計劃從語言出發,以語言為媒介宣傳當地的傳統文化。語言是文化的載體,語言作為文化的一部分,它不僅僅是一種現象,更是文化的傳播途徑。千百年來,中華民族衍生出了許許多多的地方語言。這些方言各具特色,不論是溫文爾雅的蘇州方言還是粗狂豪放的陜西方言都可以表現出當地的文化內涵。
本世紀初,粵語流行文化席卷內地,粵語流行樂也傳至大街小巷。隨著歐美流行文化的引進,國人對粵語流行文化似乎失去了興趣。除此之外,粵語地區的傳統文化更是無人問津。面對這一現象,我小組計劃實施的語言對象為粵語,宣傳粵語地區的傳統文化。
確定主題后,為使項目有更好的宣傳度,計劃以微信小程序為載體。小組根據需求分析規劃出了小程序五大模塊,以粵語教學為主要功能,分為聽力教學與跟讀教學。除此之外,小程序也有介紹粵語地區傳統文化的部分。通過小程序向用戶介紹粵語文化,讓用戶深刻地體會到粵語之美!
1.1.2選題意義
粵語,又稱廣東話,是一種聲調語言,屬于漢族方言。目前使用粵語的地區主要為中國華南的廣東省中部和西部、廣西東南部、香港特別行政區、澳門特別行政區、海南省個別地區。這些地方有著非常優秀的傳統文化,并且粵語流行文化傳播的也是非常廣泛。通過小程序將粵語文化再次傳播至中華大地,同時也鼓勵粵語地區的人們在講好普通話的同時不要忘記本地區的方言傳播。
2 總體設計
2.1 系統功能
2.1.1 功能概述
系統以微信小程序為載體,名為“粵言粵語”。粵言粵語主要實現五大功能模塊,分別是聽力練習模塊、發音練習模塊、粵語翻譯模塊、知識科普模塊、賬戶管理模塊。
聽力練習模塊:通過選擇題的訓練模式讓用戶練習粵語聽力,用戶可以根據自身的學習能力設置每日學習詞組個數。
發音練習模塊:通過讓用戶跟讀的方式訓練用戶的粵語發音,其中包含粵語電影片段跟讀以及日常情境跟讀。除此之外,系統會對用戶跟讀情況進行評分,由此用戶可以通過評分判斷自己跟讀的好壞。
粵語翻譯模塊:這部分用戶可以輸入自己期望學習的句子,系統會自動將該句子翻譯成粵語并發音。
知識科普模塊:這部分通過三個方面介紹粵語相關文化,分別是粵劇文化專欄、粵語歌曲專欄、粵語音韻專欄。
賬戶管理模塊:這部分可讓用戶進行登錄。除此之外,用戶可在此查看自己某一天的學習記錄。
2.1.2 功能說明
為便于理解需求,這里采用用例圖對系統的功能進行概述,用例圖如下:
2.2 系統軟硬件平臺
粵言粵語的運行載體是微信小程序,前端界面設計以及開發使用微信開發者工具。微信開發者工具是為了幫助開發者簡單和高效地開發和調試微信小程序,微信在原有的公眾號頁面調試工具的基礎上,推出了全新的微信開發者工具,集成了公眾號網頁調試和小程序調試兩種開發模式。
后端使用微信云開發完成,微信云開發是微信團隊聯合騰訊云推出的專業的小程序開發服務。開發者可以使用云開發快速開發小程序、小游戲、公眾號網頁等,并且原生打通微信開放能力。開發者無需搭建服務器,可免鑒權直接使用平臺提供的 API 進行業務開發。
粵言粵語的數據存儲、數據交互以及相關的操作邏輯分別使用云開發中的存儲、數據庫以及云函數解決。
2.3 關鍵接口技術
粵言粵語使用騰訊云的語音合成TTS和語音識別ASR,來生成粵語語音和識別用戶錄音。
所有調用的API均在微信小程序的云函數中調用。即節省了本地的代碼量,同時也方便后期小程序發布之后的調試、修改等工作。
騰訊云語音合成TTS滿足將文本轉化成擬人化語音的需求,支持自定義音量、語速等參數。粵言粵語小程序在翻譯頁面使用了語音合成API接口。在翻譯頁面,用戶可以通過文字輸入普通話,點擊翻譯按鈕,獲取生成的粵語音頻。
同時,粵言粵語中朗讀頁面的所有音頻素材,都是通過騰訊云語音合成TTS生成的,并且存儲在微信小程序數據庫中。
騰訊云錄音文件識別ASR可以將用戶的錄音文件識別為文字。粵言粵語的朗讀頁面中的電影情節調用了錄音文件識別ASR的API,可以識別用戶朗讀電影粵語片段的文字,并且通過準確度識別的算法,計算出用戶朗讀粵語片段的準確度。
2.4 作品特色
本小組分析并匯總了用戶對學習粵語的需求,根據用戶的需求,設計并搭建了粵言粵語小程序。粵言粵語小程序的具體特點如下:
? 小程序搭建了粵語聽力練習模塊,以答題的形式來幫助用戶練習粵語聽力能力,用戶可以自定義每天學習的粵語句子數量。
? 朗讀模塊,為用戶提供了日常用語的聽力和朗讀練習,用戶可以選擇多個日常生活中常見的語音對話練習粵語,或是學習經典粵語電影中的對話。朗讀模塊中使用了語音識別的API,并且可以通過準確率識別的算法,計算出用戶朗讀粵語片段的正確率,為用戶學習粵語提供輔助。
? 翻譯頁面,調用了語音合成的API,為用戶提供了將普通話翻譯為粵語語音的功能,提供了快捷翻譯選項,并且用戶可以查看自己的翻譯記錄。
? 文化頁面,為用戶提供了了解粵語文化知識的渠道,包括粵語發音、粵劇文化、粵語歌曲。用戶可以了解經典的粵劇,粵語歌曲,并可以進行粵語拼音的發音練習。
3 詳細設計
3.1 系統結構設計
3.1.1 技術架構
本項目使用微信小程序開發,從小程序的特點來看,?程序都?常類似于?頁:主要的業務邏輯在服務端、客戶端無需安裝應用程序、?程序的開發采用的HTML+JS+CSS技術。
所以,可以把小程序看成?機端的Web頁,采用B/S架構,其優點是,用戶不需要安裝客戶端,只要有網絡、瀏覽器,可以隨時隨地訪問網頁,進行查詢、瀏覽等操作。 并且方便維護,業務擴展簡單方便且共享性強。
3.1.2 功能模塊設計
小程序模塊的劃分按照“高內聚,低耦合”即盡可能使每一個模塊只完成一件事,并且減少類內部,對其他類的調用的原則來進行劃分。
系統的功能劃分將由SC圖來展示。
3.1.3 關鍵功能設計
3.2 數據存儲設計
粵言粵語小程序所采用的存儲方式是微信小程序自帶的云數據庫,該數據庫是一個既可以在小程序端操作,也可以在云函數中操作的json類型的非關系型數據庫(基于MongoDB)。所以在數據存儲設計中,我們也采用了集合存儲數據的形式來減少時間的損耗。以下一一介紹創建的數據庫集合字段含義。
1、userlnfo(用于整個使用過程)
當用戶點擊登錄時,如果用戶允許使用微信登錄,小程序會記錄用戶的_openid、avatarUrl、name、sex。
2、listen_text(存儲用于聽力練習的內容)
文本的音頻數據沒有存儲在數據庫中,當用戶點擊播放按鈕,小程序會根據文本編號從云存儲中獲取文本音頻。
3、listen_record(用戶聽力記錄)
該部分用于個人中心中學習記錄的使用,當用戶選擇相應的日期后,小程序會根據日期和個人的——openid來獲取當天的數據。包括:用戶當天的學習計劃、用戶的學習內容。
4、life_text(用于朗讀中的日常情況)
該部分存儲了不同場景下的不同片段,同時每句話中也通過集合存儲了用戶在該句話的讀音數據和評分數據。
5、movies(用于朗讀中的電影片段)
該部分存儲了不同電影場景下的不同片段,同時每句話中也通過集合存儲了用戶在該句話的讀音數據和評分數據。
6、transition(用于記錄用戶翻譯數據)
該數據主要用于翻譯模塊,小程序記錄每個人用戶翻譯的文本,然后在頁面展示用戶最近幾次翻譯的內容,通過這種方式可以方便用戶查找最近的翻譯記錄。
3.3 界面設計
我們的小程序主要才用藍色作為主色調,內部的一些組件采用漸變的形式展示,整個布局看上去雖然樸素但內容豐富。以下具體介紹我們小程序的主要界面設計風格。
3.3.1 界面設計風格
該部分我將從以下幾個方面介紹:整體色調、初次進入的動畫、各個頁面的跳轉以及頁面內部的細節展示。
整體色調:粵言粵語小程序使用最多的顏色是藍白。藍白搭配是自然界最經典的搭配之一,這是藍天白云的縮影,這是天空的顏色,白色能讓整個頁面顯的不那么擁擠。而藍色調能夠帶來一種寧靜的感覺,讓人感到放松和舒適。藍與白的配色組合,會有種在云層里的感覺。總能給人一種浩瀚無垠的包容之感,又有流動的柔和與不可破壞的潔凈感。同時,小程序的按鈕大多采用漸變色的形式來展示。我們希望用戶在學習粵語的同時能夠放松心情,快樂的學習粵語、了解粵語文化與特色。
初次進入的動畫:我們希望用戶在第一次進入小程序的時候能夠大致了解粵言粵語的主要功能。同時,為了使小程序更具有美感,我們采用輪播的方式在主要功能頁面之前讓用戶提前了解小程序主要功能。
各個頁面的跳轉:我們小組采用最常見的導航欄的方式來展示主要功能,導航欄固定在頁面的底部方便用戶點擊。同時,當用戶停留在對應頁面的圖標下時,對應的圖標也會以藍色來高亮顯示。
頁面內部的細節展示:小程序的整個頁面布局中我們都加入了一些關于粵語的小細節。廣東塔的添加、粵劇文化、粵語歌曲代表人物等等。最后適當添加了一些繁體字讓整個小程序充斥著粵語文化。
總的來說,整個界面風格比較樸素而不累贅,盡量給用戶粵語文化的熏陶感。接下來是主要功能界面的介紹。
3.3.2 主要功能界面
1、聽力練習界面:
該界面主要讓用戶以答題的形式來幫助用戶練習粵語聽力能力,該界面記錄用戶當天的學習記錄以及登錄的天數。用戶可以根據自己的學習能力來修改每天的學習計劃,用戶也可以對今天的學習成果進行打卡生成海報分享到朋友圈。該頁面添加了搜索功能,用戶可以搜索想要翻譯的漢語,然后頁面會跳轉到翻譯頁面進行翻譯。
2、發音練習界面:
該界面主要讓用戶學習一些粵語的常用語,我們針對每一種場景用情景對話的方式來幫助用戶學習。該界面提供了生活中常見用語以及26個電影片段。用戶可以根據自己的需要和喜好點擊進入詳情頁面。同時頁面頂部的輪播圖也可以點擊,用戶點擊可以跳轉到粵語文化的詳情頁。
在日常情景的詳情頁中,用戶可以聽到每一個場景的所有對話,也可以進行跟讀來學習,我們通比對用戶讀的音頻與標準音頻給出比較科學的評分。
在電影情景中,26個電影片段是我們團隊精心挑選的比較經典的粵語電影。用戶可以觀看我們截取的片段來學習,也可以進行跟讀訓練。
3、粵語翻譯界面:
在粵語翻譯界面,我們運用常見的翻譯網站的設計風格,用文本框來讓用戶輸入漢語,然后點擊翻譯便可以在幾秒鐘給出粵語的發音。我們也在翻譯的下面給出了用戶可能想要搜索的建議。在界面的剩余部分給出了該用戶的最近翻譯記錄。整個界面布局內容充裕而不繁雜,基本可以滿足用戶的所有要求。
4、知識科普界面:
知識科普界面算是我們小程序的一個特點,我們在給用戶提供學習平臺的同時也讓用戶了解了一些關于粵語的文化。包括:粵劇、粵語歌曲以及粵語的發音。
用戶可以根據自己的喜好點擊相應版塊,然后通過一邊瀏覽文章一邊觀看相關例子的方式了解相關內容。在粵劇版塊,我們提供了幾個比較經典的粵劇片段。在粵語歌曲版塊,我們選取了大眾比較喜歡的幾首經典粵語歌曲。在粵語發音版塊,我們的小程序介紹了粵語的聲母、韻母以及聲調。用戶可以根據我們提供的發音標準來練習。同時我們也會給出發音的小技巧。
5、賬戶管理界面:
該頁面主要為用戶個人學習記錄以及客服兩大功能。在個人學習記錄中,用戶可以查詢某一天自己聽力學習的內容。如果用戶對小程序的使用有一些建議和不滿意的地方,用戶可以通過點擊右下方的耳機按鈕來向我們反饋。最后,我們給出關于該小程序的簡單介紹和使用幫助。
4 總結
4.1 功能總結
粵言粵語以微信小程序為載體,目標是宣傳粵語與粵語地區的文化。粵言粵語有五大功能模塊,分別是聽力練習模塊、發音練習模塊、粵語翻譯模塊、知識科普模塊以及賬號管理模塊。用戶可以在粵言粵語中練習粵語聽力、觀看粵語電影片段、跟讀粵語語句、普通話翻譯為粵語、了解粵語地區文化以及查看學習記錄等。
除此之外,美化的UI設計可以提高用戶的學習興趣。用戶在學習完成后可以生成學習記錄海報,并將該海報發布至朋友圈以及其他社交平臺展示自己的學習成果。
4.2技術總結
粵語粵語小程序調用了騰訊云的asr語音識別API和tts語音合成API,來應對小程序中的粵語發音練習和粵語翻譯的場景。調用外部的API可以節省本地的代碼量,同時也方便后期小程序發布之后的調試、修改等工作。
同時,使用了小程序提供的云存儲和云數據庫,在數據庫中建立了表,存儲用戶的信息,并且通過用戶的openid作為唯一的用戶標識,創建了用戶翻譯歷史記錄表,用戶朗讀歷史記錄表,用戶聽力練習歷史記錄表。通過這些數據庫表,建立了完善的用戶信息儲存機制,保障小程序的正常運行。
在朗讀模塊中,本小組添加了智能的跟讀準確率識別系統。通過調用asr語音識別API來對用戶輸入的粵語語音進行識別,通過對比用戶朗讀的字符串和標準答案字符串,來計算用戶朗讀粵語的準確率,為用戶跟讀朗讀粵語提供參的考依據。
4.3 改進方向與后期維護
在功能模塊上,粵言粵語計劃在獲得企業類目后添加論壇模塊,允許用戶在其中交流粵語知識與文化。除此之外,開發小組正在收集大量粵語文化相關數據,建立圖數據庫(Neo4j)。通過該圖數據庫可開發智能問答機器人,供用戶交流使用。
目前小組正在開發后端數據管理平臺,計劃在論壇模塊發布后一起發布。屆時粵言粵語會創立官方賬號在論壇中發布信息。除此之外,粵言粵語管理員可通過后端數據管理平臺發布科普發文章,科普視頻等粵語相關內容。
總結
以上是生活随笔為你收集整理的【微信小程序】粤语教学平台-粤言粤语的全部內容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: 字符迷阵
- 下一篇: Vue进阶(幺贰零):父组件获取子组件验