基于Hybrid App的电影产业数据可视化的研究与实现

  • 时间:
  • 浏览:3
  • 来源:跟我学网络

龙源期刊网 http://www.qikan.com.cn 基于 Hybrid App 的电影产业数据可视化的 研究与实现 作者:黄萍 曹玺 来源:《电脑知识与技术》2018 年第 36 期 摘要:在剖析混合模式移动应用开发相关技术基础上,从系统架构和系统设计等方面阐述 了运用混合模式移动应用开发技术、数据采集技术以及数据可视化技术相结合,开发设计跨 iOS、Android、手机 Web 平台的电影产业数据可视化应用的过程,为 Hybrid App 的可视化开 发提供一定的参考依据。 关键词:混合模式移动应用开发;数据可视化;电影产业数据;跨平台;移动应用 中图分类号:TP311; ; 文献标识码:A; ; ; 文章编号:1009-3044(2018)36-0084-03 Abstract: After analyzing the technology related to the development of hybrid mobile applications, this paper expounds the process of developing and designing the visualization application of movie industry data across iOS, Android, and mobile Web platforms from the aspects of system architecture and system design by combining the hybrid mode mobile application technology, data acquisition technology and data visualization technology. It provides a certain reference for the visual development of Hybrid App. Key words:hybrid app; data visualization; film industry data; mobile applications; crossplatform 1 背景 随着移动互联网技术的广泛应用,在新技术革命与产业变革的历史性交汇时期,创新 3.0 时代正快步到来。创意产业被视为“知识经济的顶点”,在文化创意产业的发展领域中,影视产 业则占据着最重要的发展地位[1]。2013 年全国电影在线售票份额只占全国总票房 217 亿的 22.3%,2015 年则超 50%,达到 65.4%,而 2017 年全国电影在线售票份额已经占据了全国总 票房的 81%,由此可见,电影在线购票方式已经从一种消费行为转变成了用户习惯,“互联网 +”在中国电影市场层面得到了真正的体现。 因此,基于移动 App 的大数据可视化应用为影视从业人员和广大观众了解电影产业相关 数据提供了一个更为便捷、直观、有效的方式。现如今 Hybrid App 开发模式作为一个兼具跨 平台、开发周期短、开发成本小、性能好等特性的新兴模式正受到着广大开发者的喜爱,采用 该种开发模式进行电影产业大数据可视化移动 App 的开发更加快速、高效。 2 相关技术与开发工具介绍 龙源期刊网 http://www.qikan.com.cn 2.1 Hybrid App 目前主流的移动应用开发方式可分为 Native App、Hybrid App 和 Web App 三种。Hybrid App 是 Native App 和 Web App 的中庸产物,既具有 Native App 良好用户体验的特点,又具有 Web App 跨平台的特性。Hybrid App 是一种十分具有潜力的移动应用开发模式,按网页技术与 原生应用技术的混合程度可以分为三类:多 View 混合型、单 View 混合型以及 Web 主体型 [2]。 2.2 Ionic+Cordova Ionic 是用于开发 Hybrid App 和 Progressive Web App 的开源的、免费的代码库,具有性能 好、设计美观、跨平台等特点。Ionic 内置了很多 UI 组件来帮助开发者开发 Hybrid App 或 PWA[3],每款组件都具有 iOS、Android、Windows Phone 三种平台样式。该项目中使用的 Ionic Native 是 Ionic 对 Cordova 插件的 TypeScript 语言封装,更加方便易用。 Cordova 是一款允许开发者使用标准 Web 技术(HTML5、CSS3、JavaScript)进行跨平台 开发的开源移动框架[4]。Cordova 应用由三部分组成:HTML 渲染引擎、Web 应用层、 Cordova 插件。Cordova 框架不提供任何 UI 组件库或 MV*框架,它只提供所需的运行时,所 以需要将 Cordova 框架与其他诸如 Ionic、Onsen UI、Framework7 等的 UI 框架相结合能够更高 效、出色的开发出一款 Hybrid App。 2.3 Charles+Chart.js 该项目使用网络抓包工具 Charles 来进行影业相关数据的采集。它是一个 http 协议调试的 代理工具,能够记录并检查电脑和互联网之间的 http 通讯、断点设置以及所有进出 Charles 数 据。利用 Charles 的网络抓包技术对国内某电影票务系统进行 HTTPS 请求抓包,获取到电影资 讯、电影详情、影院信息、预告片等诸多接口。 数据可视化技术是大数据获得完整数据视图和发现数据价值的一条重要途径,将数据作为 图形中的可视化对象来传达数据或信息的技术,可以认为是大数据的“前端”,其目的是向用户 更高效、更清晰的传达信息。该项目采用数据可视化工具 Chart.js 来完成数据的可视化显示, 它是一款基于 JavaScri