【微信小程序】粤语教学平台-粤言粤语(上)

简介: 【微信小程序】粤语教学平台-粤言粤语

展示视频

image.png

粤言粤语小程序演示视频


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(用于记录用户翻译数据)

该数据主要用于翻译模块,小程序记录每个人用户翻译的文本,然后在页面展示用户最近几次翻译的内容,通过这种方式可以方便用户查找最近的翻译记录。

相关文章
|
28天前
|
小程序 开发者
第一个微信小程序的初始化过程、小程序微信开发平台的下载、如何注册一个微信小程序的账号
这篇文章介绍了微信小程序的初始化过程,包括如何注册微信小程序账号、下载微信小程序开发者平台,并指导了新建小程序的详细步骤。
第一个微信小程序的初始化过程、小程序微信开发平台的下载、如何注册一个微信小程序的账号
|
2月前
|
小程序 前端开发 物联网
无人桌球室小程序平台系统定制开发方案
【项目摘要】随着社会进步和科技发展,无人桌球室小程序应运而生,解决传统桌球室管理难题。提供在线预订、自动计分、赛事查询及会员管理功能,采用微信小程序前端、微服务后端及物联网智能设备技术实现。市场推广结合社交媒体、线下活动及口碑营销。需开发支持,请联系小编。
|
2月前
|
JavaScript Java 测试技术
基于springboot+vue.js+uniapp的新冠抗原自测平台小程序附带文章源码部署视频讲解等
基于springboot+vue.js+uniapp的新冠抗原自测平台小程序附带文章源码部署视频讲解等
22 2
|
2月前
|
JavaScript Java 测试技术
基于SpringBoot+Vue+uniapp的童装购买平台微信小程序的详细设计和实现(源码+lw+部署文档+讲解等)
基于SpringBoot+Vue+uniapp的童装购买平台微信小程序的详细设计和实现(源码+lw+部署文档+讲解等)
|
2月前
|
小程序
美团买菜小程序平台开发:搭建便捷的线上买菜渠道
随着时代的发展和人们生活水平的提高,网上购物已经成为更多人的首选。在此背景下,类似美团买菜小程序平台开发应运而生,为消费者提供方便快捷的网上购物体验。下面我们将详细讲解美团买菜小程序平台开发的功能特点和优势。
|
2月前
|
小程序 安全 搜索推荐
陪玩交友互动小程序开发:打造有趣的社交互动平台
【陪玩交友小程序】融合趣味与实用,打造安全社交新平台。用户经实名认证后,可享在线匹配、语音聊天、游戏组队等多元互动。智能推荐系统助你高效找到玩伴,共享游戏攻略与娱乐资讯。个性化推荐服务,让每一次交流都充满乐趣,邀请好友共赴精彩社交之旅。
|
2月前
|
JavaScript Java 测试技术
基于springboot+vue.js+uniapp的校园疫情防控管理平台小程序附带文章源码部署视频讲解等
基于springboot+vue.js+uniapp的校园疫情防控管理平台小程序附带文章源码部署视频讲解等
19 0
|
20天前
|
小程序 JavaScript Java
微信小程序的后端开发需要使用什么语言?
【8月更文挑战第22天】微信小程序的后端开发需要使用什么语言?
221 65
|
13天前
|
小程序 JavaScript
Taro@3.x+Vue@3.x+TS开发微信小程序,使用轮播图
本文介绍了使用 Taro 和 Vue 创建轮播组件的两种方法:一是通过 `<swiper>` 实现,二是利用 Nut UI 的 `<nut-swiper>` 组件实现。
Taro@3.x+Vue@3.x+TS开发微信小程序,使用轮播图
|
5天前
|
移动开发 小程序 JavaScript
uni-app开发微信小程序
本文详细介绍如何使用 uni-app 开发微信小程序,涵盖需求分析、架构思路及实施方案。主要功能包括用户登录、商品列表展示、商品详情、购物车及订单管理。技术栈采用 uni-app、uView UI 和 RESTful API。文章通过具体示例代码展示了从初始化项目、配置全局样式到实现各页面组件及 API 接口的全过程,并提供了完整的文件结构和配置文件示例。此外,还介绍了微信授权登录及后端接口模拟方法,确保项目的稳定性和安全性。通过本教程,读者可快速掌握使用 uni-app 开发微信小程序的方法。
19 3

热门文章

最新文章