基于小程序的甲骨文学习系统设计
移动应用
基于小程序的甲骨文学习系统设计
汪加楠，崔紫光，吴亮，崔小玉，王聪聪
(安阳师范学院软件学院，河南安阳455000)
摘要：甲骨文是刻写在龟甲、兽骨上的古典文献遗产，是汉语的母体，为实现甲骨文更好的活化利用，让人们以一种喜闻乐见的形式来学习甲骨文，设计了一款基于小程序、数据库技术和MINA框架的甲骨文学习系统。系统实现了甲骨文成语填空、甲骨文选汉字、汉字查询甲骨文和甲骨文小学堂等功能，有助于让甲骨文得到更多人所熟知。
关键词：甲骨文；小程序；MINA框架
1概述
甲骨文是刻写在龟甲、兽骨上的古典文献遗产［1］，是汉语的母体，与现代汉语语法结构一脉相承，是研究汉字原初构形与汉语语料最早形态的重要素材。同时，甲骨文作为我国迄今发现最早的一种成熟文字系统，在古代汉语的研究和学习中发挥着重要的作用［2］。从甲骨 文被发现至今，甲骨文学术研究硕果
累累。据不完全统计，目前已出土了约19万余片甲骨，甲骨文单字约5000个，已出版的有关甲骨文方面的著书约300种［3」，甲骨文以其推动人类文明进程的巨大贡献入选世界记忆名录。
中国文字博物馆以推动甲骨文活起来、动起来为使命，先后成立了以文字为主题的集甲骨文保护、展示和传播为一体的平台，同时也积极承办了如“甲骨文发现120周年国际文化论坛”等与甲骨文化相关的各种重大活动。此外，安阳师范学院在甲骨文研究中引入了云计算和大数据技术，为甲骨学研究提供了大数据支持，汇聚甲骨文研究成果的专业互联网搜索平台也面向全世界用户开放。
甲骨文活化利用的意义非常重要。小程序在用户与服务之间搭建了一座全新的桥梁，在的生态体系中具有极为便利的访问入口和传播渠道，使用方便且推广简单，在实现跨平台的同时，开发门槛比原生App 开发要低。因此，设计并开发的基于小程序的甲骨文学习系统，有助于更好地推进甲骨文被更多人了解和熟知。
2小程序特性和甲骨文学习系统架构
2.1小程序特点
小程序在用户与服务之间搭建了一座全新的桥梁，在的生态体系中具有极为便利的访问入口和传播渠道，使用方便且推广简单，同时具有极为良好的用户体验。它的特点如下性
(1)无需下载和安装，实现了用完服务即走的理想模式。
(2)开发成本低，能够实现跨平台。小程序不用针对iOS、Android平台分别编写两套代码，只要在装有的系统平台上就能够运行，因此小程序的开发门槛比原生App开发要低。
(3)使用方便，推广简单。
(4)小程序不能分享到朋友圈，只能分享给朋友和。
(5)小程序没有推送功能，不能向用户推送消息。
2.2基于小程序的甲骨文系统架构
甲骨文学习系统小程序的开发基于MINA框架，它由视图层(View)、逻辑层(App Service)和系统层3部分组成l5-6J o视图层采用WXML(WeiXin Markup Lan­guage)和WXSS(WeiXin Style Sheets)来开发，能够用以实现渲染页面结构；逻辑层使用JavaScript语言来开发，它将数据处理后再交给视图层进行展现相应的变化，同时也接受视图层对它的事件反馈，能够用以实现
基金项目：河南省软科学项目(212400410261)；安阳师范学院甲骨文活化利用项目
作者简介：汪加楠(1990-)，男，硕士，助教，研究方向：甲骨文活化利用、人工智能；崔紫光(2001-)，男，本科；吴亮(1982-)，男，硕士，副教授，研究方向：甲骨文活化利用、图像处理；崔小玉(2000-)，女，本科；王聪聪(1999-)，男，本科
。
逻辑处理、数据请求和接口调用［7］遥视图层和逻辑层通 过系统层的JSBridge进行通信［8］，逻辑层将数据的变化告知视图层，并导致视图层的页面发生对相应的变化，视图层将触发时间告知逻辑层进行业务处理。MINA框架的具体架构如图1所示。
图1MINA框架结构图
3系统总体结构
按照软件设计的模块化思想，甲骨文学习系统小程序由“首页”、“讲解”、“查询”和“学堂”4个模块组成。其功能结构图如图2所示。
图2甲骨文学习系统小程序功能结构图
4甲骨文学习系统的设计与实现
4.1甲骨文学习系统交互设计
为使甲骨文学习平台小程序有更好的用户体验，该小程序的交互由“首页”、“讲解”、“查询”和“学堂”4个模块组成。
(1)首页模块包含“甲骨文成语填空”和“甲骨文选汉字”两个功能。“甲骨文成语填空”功能采用选择题的形式供人们用来趣味认识、学习甲骨文。“甲骨文选汉字”功能以“单字选字”、“词组选字”和“成语选字”的多种呈现形式来展现甲骨文和汉字的对应关系，让人们在做题的趣味中去感受甲骨文的魅力。
(2)讲解模块以视频和文字的形式来“趣味”讲解甲骨文知识。
(3)甲骨文查询模块用以查询汉字所对应的甲骨文。
(4)甲骨文学堂模块用以观看、收藏关于甲骨文知识的短视频。
4.2甲骨文成语填空
甲骨文成语填空界面如图3所示，图中有4个选项，其中只有一个选项是正确的。当点击了错误的选项，会出现“选项错误”的提示，而选择正确时，则会出现“选择正确”的提示，并使正确选项的背景颜变 为绿。判断答案是否正确的核心代码如下：
var index=e.currentTarget.id;
var index_1=e.currentTarget.dataset.index;
if(index==index_1){
this.setData({status:index})
wx.showToast({title:'选择正确:icon: 'success',image:'［duration:1500,});
}else{
wx.showToast({title:'选择错误：icon: 'none',duration:1500});
}
在每道成语填空题的下面都有“解析”和“答案”两个按钮。当点击解析按钮会出现甲骨文字解说页面，而点击答案按钮则出现正确答案的提示。
WeChat^10:2990%HI'
<；甲骨文•••®
图片中显示的是哪个字？
A.闪
B.由
C.山
D.上
图3甲骨文成语填空图4单字选字
4.3甲骨文选汉字
甲骨文选汉字界面包含“单字选字”、“词组选字”和“成语选字”3种方式。在此以“单字选字”为例进行详细阐述，“词组选字”和“成语选字”的操作和“单字选字”一致。当点击“单字选字”选项，
小视频app开发
便会进
移动应用
入"单字选字”的页面，单字选字页面如图4所示，可
见图中共有4个选项，当甲骨文选汉字答案选错时，会
出现“选择错误”的提示，相反，如果选择正确，则会 出现“选择正确”的提示，并使正确选项的背景颜变
为绿。继续往下翻，会有更多的练习题目供学习。4.4甲骨文讲解和汉字查询甲骨文
(1) 甲骨文讲解模块以短视频和文字两种形式来展
现甲骨文知识。当使用短视频讲解时，甲骨文小程序具
有观看、暂停和拖拽进度条功能。而使用文字展现甲骨
文知识形式时，点击甲骨文对应的图片能够详细查看其 详细解说。
(2) 在甲骨文查询模块的搜索框输入要查询的汉字
后，屏幕会出现关于该汉字的甲骨文图片以及详细讲解 这个汉字对应的甲骨文知识。汉字查询甲骨文页面和甲
骨文“安”的搜索结果页面如图5和图6所示。
匕新房 丸新如
字型含义：
女子居住在家中.
深度理解：
甲腎文字的美妙之处在于，能够让人的精神沉静在一 幅幅的生活画面中，只需要安静的看着，就解解并记住这
些甲骨文字的原初本意，而且是中国汉字的最美好的原初本
意！虽然甲骨文字是殷商时期先祖们使用的文字，但是作为
.・・・・WeChat 令
13:11
100% S*
<
甲骨文
对应汉字：
安
演变历程：
图5汉字查询甲骨文
4.5甲骨文小学堂
图6甲骨文“安”搜索结果
红以表明该视频收藏成功， 已收藏的视频可以到收藏界
面再次打开观看。
5 结语
目前，人们对于甲骨文的学习仍以传统的课堂和书
籍为主，学习起来较为枯燥，同时也缺乏和信息化手段
的融合。该系统借助小程序实现了甲骨文成语填
空、 甲骨文选汉字、 汉字查询甲骨文和甲骨文小学堂等
功能，让人们“触手可及”学习甲骨文的同时，又能够
以一种“赞新”的方式来学习甲骨文，有助于甲骨文更 好的活化利用。
参考文献
[1] 孙慧良，杜鑫，王月.再创插画艺术中的甲骨文文
化[J].设计艺术研究，2018, 8 (05) : 29-32.
[2] 陈光田.古文字与古代汉语学习的关系研究[J]-
新乡学院学报，2010, 24 (4) : 125-127.
[3] 潘悠.甲骨学研究述评[J].华东师范大学学报
(自然科学版)，1980, (04) : 84-88.
[4] 倪红军.小程序案例开发[M].北京：清华大
学出版社, 2020.
[5] 马静.基于小程序差旅补助系统的设计与实现
[J] . 科技创新与生产力, 2020, (08) : 52-54.[6] 刘森林，李云飞，何错宸，等.基于小程序的地方
高校大型仪器共享系统设计探究[J].现代信息科
技, 2020, 004 (004) : 28-30.
[7] 闫烁.基于小程序的商品展示系统的设计与实
现[D].大连海事大学，2019.
[8] 史可欣，杨俊杰.基于小程序的物业缴费系统
的设计与实现[J].上海电机学院学报，2020, 23
(04) : 239-243.
在甲骨文小学堂界面，用户可以选择观看、收藏自
己喜欢的视频，当点击收藏按钮后，收藏框的心形会变
(上接第16页)
机技术得到广泛普及及发展，我国科技水平也得到显著 [2] 提升。分析探究Java 数据库编程及其运用，希望能够
让更多技术人员深入了解Java 数据库编程，并发挥其 [3] 本身的运用价值。
参考文献
[4][1]刘琴.基于Java 数据库编程及其应用分析[J].信
息与电脑 (理论版), 2020, 32 (15) : 152-154. 王凤玲.基于Java 数据库编程及其应用分析[J].
计算机产品与流通, 2020, (08) : 57.杨霞，唐颖.Java 网络数据库编程及其应用[J].
数字技术与应用, 2012, (09) : 49+52.
侯彰弟.Java 网络数据库编程及其应用[J].中国
新通信, 2012, 14 (09) :
90-91.

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。