文档介绍：该【基于Vue构建现代化博物馆可视化应用 】是由【十二贾氏】上传分享，文档一共【3】页，该文档可以免费在线阅读，需要了解更多关于【基于Vue构建现代化博物馆可视化应用 】的内容，可以使用淘豆网的站内搜索功能，选择自己适合的文档，以下文字是截取该文章内的部分文字，如需要获得完整电子版，请下载此文档到您的设备，方便您编辑和打印。E-******@
ISSN1009-3044:
http//
CCoommppuutteerrKKnnooww●●eeddggeeaannddTTeecchhnnoo●●ooggyy电脑知识电脑知识与技术与技术:第17卷第14期(2021年5月)第17卷第14期(2021年5月)
,+86-551-6569096365690964
:
基于Vue构建现代化博物馆可视化应用
刘朔言,吴涵,杨一夫,郑雯锴,高晗,刘杰
1000000
(北京信息科技大学计算机学院,北京)
摘要:本文探讨了现有博物馆文物应用的现状,基于知识图谱的博物馆文物应用的优缺点,知识图谱可视化介绍以及知识
VUE
图谱的构建过程,并且简要说明如何基于构建一个现代化博物馆可视化应用。
关键词:知识图谱;可视化;画作;前端
TP311A
中图分类号:文献标识码:
1009-3044(2021)14-0188-03OSID
文章编号:开放科学(资源服务)标识码():
PB
1博物馆应用的现状爆炸式的增长。在面对级别的数据选取中,如何在这些数
App据中筛选、整理有价值的数据,并将这些数据展现给使用者,这
目前以数字化博物馆为主体的通常是对实体物品进
一问题给人们带来了巨大的挑战。
行扫描、建模等方式,将其转化为数字化的电子媒介,并且通过
图像、文字、声音、及影像等形式进行展示。2知识图谱可视化
App
这些的类型大致分为两种,第一种是介绍型。例如故
宫博物院推出的“每日故宫”。在这种类型的中大多数的
展现形式为图片,并配上一些与其相关的文字资料,以及它位目前,数据可视化更多应用于互联网上,这种方法更易于
App用来解读数据。因此,很多人都更喜欢用图形来表示数据,也
于博物馆的展示位置。该类型缺少成体系的结构化知识,3D
App可以用建模的方式来表示,这让数据变得更加生动形象。
这种类型的更偏向是对文物知识有一定基础的人群。A
数据可视化形式有很多,比如柱状图,饼图,散点图等,
我们现在通过计算机可以更方便地制作图表,它们让数据更具
体的表现出来。
例如:目前数据库中存在海量的著名诗人的数据,我们可
以将数据进行抽取以饼图来展示,通过该种形式的图表可以看
出诗人所在的各个朝代的占比,但是各个诗人之间的联系我们
却看不出来。例如李白和杜甫同是唐代的诗人,但是无法通过
传统图表的形式展示出两人朋友的关系。如果想要展示这些
复杂的关系是无法通过传统图表进行展示。如果通过某种形
式使用传统图表来展示这些复杂的关系,则会造成阅读混乱、
表现力差等问题。通过数据可视化所需的目的是简化数据、方
法阅读,因此该种可视化的形式没有存在的意义
知识图谱则是把一组数据转换成实体,实体是有属性的,
在不同实体之间会存在各种联系。比如我们说苹果,我们知道
它的属性是水果,那么与它相关联的就有如香蕉,橘子等其他
水果,它又是季节性水果,我们也可以想到与它同季节的水果
图1现有博物馆文物应用App截图IT
App有哪些,同时苹果还是美国的公司,属于电子产品,我们又可
第二种是导游型,例如中国国家博物馆的。这种类型
App以想到如华为,小米等电子产品,这些关系我们用传统手段是
的更加注重游客在馆内浏览文物时,对实体文物起到知识
App无法展示出来的,而知识图谱可视化工具可以将它们的联系清
补充的作用。游客通过使用其,将使用者的可移动设备当
晰地展示出来,就如同网一样,将这些信息都关联起来,这些数
作讲解器使用,使用者可在需要讲解的地方通过扫码来触发语
AR据之间的关系也就简单明了地呈现在我们眼前了。现在知识
音讲解功能,通过参与馆内互动。但这种也仅限于在博物
图谱技术已经很成熟了,最早的知识图谱技术是应用在搜索引
馆内使用,有很大的局限性。
App擎上的。
这些传统的介绍和导游型仅局限于单一个体进行介
绍,却没有将各种实体之间联系起来。
PB
来,以为单位的数据被存放在数据库中,海量的信息数据呈构建知识图谱的过程,分为三步。第一步信息抽取,从得
收稿日期:2020-06-30
基金项目:由北京信息科技大学2020年大学生创新创业训练计划项目(5102010805)资助
188
多媒体技术及其应用本栏目责任编辑:唐一东
第17卷第14期(2021年5月)第17卷第14期(2021年5月)ComputerKnow●edgeandTechno●ogy电脑知识与技术
:IntelIrisPlusGraphics645
到的数据中抽取实体,关系和属性,再在此基础上形成知识表图形处理器图形处理器
:512GBSSD
达;第二步知识融合,得到新的数据后,就需要进行整合,消除外置存储设备
:MacOSCatalina
歧义和矛盾,因为有的实体会有不同的表达,如人名,地名,公操作系统
司名称都有可能存在不同的别名。比如我们称呼一个明星,
龙,但他也还有很多其他的称呼,陈港生(原名)、房仕龙、元楼、
、、、、
陈元龙等,---Cook-
、、、
下;第三步知识加工,得到这些融合后的信息之后,
别,最终把合格的信息加入知识库中,以确保知识的正确性和
质量。5构建图谱
,http:
本图谱主要基于名画和作者中的关系抽取数据源于
//://
CSSJS和本
在传统开发的模式中,当一个页面拥有过多、等静lstm,
图谱基于长短期记忆模型对画家和画作的描述文本进行
态资源时,浏览器会限制允许异步发出的请求数,一旦超出这,,neo4j
分类抽取出画家画作实体和关系在存入数据库后通过
个数量将会阻塞页面加载。或当一个页面存在可重用部分,当
业务规则描述新的关系。
自己去维护这些依赖关系的时候通常会使项目变得复杂。或
TypeScriptSCSS
当使用、等强化语言进行编写代码的时候,浏览
器无法直接识别这些代码,只有去进行编译转换为浏览器可识
,Webpack
别语言当处理应用程序时,它会递归地构建一个依
JavaScript
赖关系图,其中包含应用程序需要的每个模块,找到
模块以及其他的一些浏览器不能直接运行的拓展语言后将所
有这些模块编译、打包成一个或多个模块。
是一款基于构建用户界面的渐进式框架,
VueVue
的使用者仅需要关心视图层,并不需要的底层原理就
可以方便、快速的构建出一套中大型应用。图3LSTM模型
7:
数据的预测类别有种
-SUBJECT
B/S主语开头:
根据对系统整体架构进行分析,决定采用架构。I-SUBJECT
B/SBrowser/Server主语非开头:
本系统采用架构(),在架构下用户通过B-PREDICATE
HTTPServer谓语开头:
使用浏览器浏览,基于协议提供的服务。通过提I-PREDICATE
apiAJAX谓语非开头:
供接口的方式响应请求、传递数据,前端通过发送B-OBJECT
GETPOSTPUTapiServer宾语开头:
、、等请求调用这些接口,接收请求并响I-OBJECT
HTTP宾语非开头:
应后,前端将数据展示给用户。基于协议,也可以将O
Serverapi其他:
提供的接口方便地提供给其他平台使用,最终实现跨:
2举例
平台。模式结构如图所示。,:
凡·高来到法国小镇阿尔创作了《阿尔的吊桥》被标注为
B-SUBJECTI-SUBJECTOOOOOOOOB-PREDICATE
I-PREDICATEO
B-OBJECTI-OBJECTI-OBJECTI-OBJECTI-OBJECT
图2系统架构图
CPU:
处理器
:8GB2133MHzLPDDR3
内存主板集成内存
189
本栏目责任编辑:唐一东多媒体技术及其应用
ComputerKnow●edgeandTechno●ogy电脑知识与技术第17卷第14期(2021年5月)第17卷第14期(2021年5月)
图6构建完成图谱(部分)
6前端设计
AJAX
可以实现在不刷新网页的情况下,与服务器交换数
NodeJS
图4数据标签(部分)和使用正则表达式(部分)据并更新部分视图的一种技术。是一种运行环境,与
JAVAJVMJSWebpack
,为提供运行环境。是
JS
一种打包技术,用于打包文件,并且能够起到转换代码的作
用。是一款渐进式前端框架,能够方便快速的构建中大
,idword2idJavaScriptweb
实现包括低频词过滤字与的映射()、预测类别型应用。是作为开发的基础技术,用于处理事
idlable2id,id--CSS(SCSS)
与的映射()实现词类别的映射绑定。件、数据交换等作用。用于描述页面控件的样式。
HTML
。
,
id,,,node_modules
典将句子和标注转换为实现句子和标签的离散化同时为了其中目录为自动生成,只需在该项目目录下
npminstall
保证数据的维度一致,在行向量中进行句子填充。运行即可自动安装相关依赖。
apisrc/api/paintsrc/
,
构建模型api/
pytorchrnnlstm,,为公共请求封装文件。
利用中的类传入数据量词嵌入和标签的src/as-
,,modelSequential()项目中所用到的静态资源,例如图片等将会保存于
行向量标签大小等超参数之后利用等函数sets
,crf,tagloss,目录中。
进行序列化在层利用参数进行函数的构建最后将src/pages
40epoch项目中所有页面文件将会保存于目录中。
数据集导入模型中训练个。src/plugins
项目中所用到的插件将会保存于目录中。
图谱存储项目中页面路由被统一封装于目录中。
scrapyjsoup,src/theme
利用爬虫引擎和元素解析引擎进行数据挖掘项目中的主题文件被封装于目录中。
,mysql,batch
将数据源网站上的文本进行持久化导入到中按进
,,
入模型进行识别输出形式化结果利用正则表达式筛选合并后
csv,neo4jimport
存入文件中利用图数据库提供的工具进行导
.:(
入和存储存储的实体类型和属性包括作品作品名、作者名、
url)(
创作时间、类型、图片、博物馆名称、作者姓名、国籍、出生
url),:
年份、死亡年份、头像图片、描述关系类型和属性包括相同
(SAME_ERA)(SAME_MUSEUM)
时期、相同博物馆、被创作
(MADE_BY)(SAME_MAKER)
、同作者。
图7画作和作者详情界面
7总结
通过本网站的知识图谱模块可以把很多碎片化的数据联
系起来,能够方便地看出各个数据之间有何种联系。如果我们
搜索唐朝,我们不只能够得到这个朝代的信息,我们还可以得
到是谁建立的唐朝,有几任皇帝,唐朝之前的朝代是什么,之后
的朝代是什么,它们之间有什么特殊关系。知识图谱运用简单
的图来表达各种各样的关系。知识图谱最大的价值就在于凡
是有关系的地方都可以用到知识图谱。相比于传统方式,知识
图5作者数据(部分)
图谱关系表达能力极强,并且它能像人一样分析数据,它可以
模拟人的思考过程,去推理、发现、分析问题。
【通联编辑:光文玲】
190
多媒体技术及其应用本栏目责任编辑:唐一东