基于Cordova框架的天津移动App系统设计和实现
发布时间：2020-08-11 22:23
【摘要】：随着运营商4G网络提速和OTT企业的迅猛发展,智能手机大范围普及和应用,促使移动互联网迎来了一个数字化智能的崭新时代。技术革新推动社会化媒体发展,智能终端刺激社会化APP等应用软件的流行,作为拥有智能手机的用户,更加习惯利用移动互联网的方式,获得自身所需要的信息和服务。根据中国工信部统计数据,中国的移动通信用户已超过11.46亿户,其中8.1739亿用户接入移动互联网,占整体用户的71.34%。作为通信运营商,将尸体渠道提供的服务搬到网络上,建立一套给用户提供“准确、便捷、快速”的查询和服务的电子渠道,促使我们进行电子渠道转型中进行App渠道升级。为了提高天津移动为用户服务的办事效率和增加4G用户的活跃度,进而节约服务中的人工劳动成本,开发了一款天津移动App。本文主要介绍如何搭建运营商天津移动的App系统。该App系统可以实现天津移动业务从营业厅到“PC端”再到“移动客户端”的转型,在承担运营商“管道运输”角色的同时,针对移动业务进行互联化,使得运营商业务在操作办理时,更为便捷,从而提高行业的竞争优势。此系统是在Cordova框架的基础上进行开发完成的,结合HTML、CSS和Javascript三大Web开发语言,设计并实现了一套天津移动手机客户端,采用的Html5界面形式可以兼容Adroid/iOS等各类主流操作系统的终端,确保具有良好的兼容性和易用性。文中讲述了如何在Cordova框架的基础上进行符合天津移动APP的需求的改造。在AppV1.0设计上,该系统主要分为四大功能板块,首页、我的移动、手机商城、设置。在程序的实现上,文中对各个应用模块和页面设计的Html形式进行了主要的描述,本系统在天津移动给用户体验和服务的过程中达到了预期设计效果,提高了天津地区移动用户的业务查询和办理功能。本文中对设计的用例图、数据库表等均提供了详细的描述,便于大家可以清晰的理解App系统的实现方式和技术手段。天津移动App是集查话费、交话费、查流量、买手机、娱乐互动等多功能于一体的客户端。全新设计的“我的移动”页面,更贴近用户的使用习惯,增加了“我的金币”等更多互动游戏环节,在查询的同时,为用户增加更多体验乐趣。该系统在提高了运营商为用户服务的服务效率,同事也提高了企业的品牌的信誉度,用户反馈不错,后续还会进一步完善修改的需求。
【学位授予单位】：天津大学
【学位级别】：硕士
【学位授予年份】：2016
【分类号】：TP311.56
【图文】：
Cordova 是通过使用 Web 的标准技术，例如 HTML、Cpt 等技术，开发者进行移动端的应用开发。进而可以在多个移动平，做到一次性编写逻辑和界面等程序代码。采用这样的技术框架可件开发效率、进而利于软件开发周期缩短、减少软件开发及维护成本dova 作为一个跨移动平台的开发框架，主要利用 Web 技术实时调用系统的本地 API 的接口功能[1]。如图 2-1 所示，在 Cordova 技术框下，利用JavaScript的标准接口与框架内的JavaScript接口进行调用联Cordova 提供的核心代码，经过封装成为本地各平台的操作系统 API发人员的 Web 语言向本地操作系统发起调用。[11]如图所示，在 Cor主要包含 Webview 模块、JavaScript 接口模块、本地 Native API PlugWebview 层是由 HTML、CSS、JavaScript 三方面针对 App 内部的 UI 后由 Webview 进行解析和渲染。在后台人员进行 JavaScript 接口时ebview 解析后的模块进行传递和分发至框架内的各平台的本地 Plug地通讯录。在整个接口调用的过程中，涉及各个模块之间的协同处 框架可以通过同步或异步的形式进行处理不同层级间信息的传达[1]
第二章 相关技术基础CordovaActivity 中的核心成员 CordovaWebview 延续了 Android 自身交互Webview，其主体功能是封装浏览器的内核。而 CordovaWebview 集成集成定制化使得原有 Webview 设置融入了初始化、内容加载、错误处理等内容[12]。此外，CordovaActivity 中包含 CordovaWebviewClient，属于重新加载页面针对用户的 URL 进行过滤等方法。而 WebviewClient 作为 Wek it 流量器的内核组建，负责处理 JavaScript 的时间处理。综上所述，CordovaActivity 是由JavaScript 和 Webview 组成了两大关键组件，并以从前者到后者的顺序进行事件处理，在任务处理完成后，交给 Wek it 进行核心处理任务，最终在 Webvie展现中，完成并通过在用户的 Activity[1]。
个开发模式的对比：表 2-1 各大开发模式的对比Web App（网页应用）Hydrid App（混合应用）Native App（原生应用）开发成本 低 中 高维护更新 简单 简单 复杂体验 差 优 优Store 或 Market 认可 不认可 认可 认可安装 不需要 需要 需要跨平台 优 优 差Cordova 开发 Hybrid 应用的主要流程，在众多的移动应用程序的功能模块，对于 Hydrid 而言，必须与本地的接口代码模块进行调用，进而实现重新设计时，迫使依靠 Web 技术的公共代码在架构平台内的本地代码进行剥离[1]，如图 2-3 所示：
本文编号：2789636
【学位授予单位】：天津大学
【学位级别】：硕士
【学位授予年份】：2016
【分类号】：TP311.56
【图文】：
Cordova 是通过使用 Web 的标准技术，例如 HTML、Cpt 等技术，开发者进行移动端的应用开发。进而可以在多个移动平，做到一次性编写逻辑和界面等程序代码。采用这样的技术框架可件开发效率、进而利于软件开发周期缩短、减少软件开发及维护成本dova 作为一个跨移动平台的开发框架，主要利用 Web 技术实时调用系统的本地 API 的接口功能[1]。如图 2-1 所示，在 Cordova 技术框下，利用JavaScript的标准接口与框架内的JavaScript接口进行调用联Cordova 提供的核心代码，经过封装成为本地各平台的操作系统 API发人员的 Web 语言向本地操作系统发起调用。[11]如图所示，在 Cor主要包含 Webview 模块、JavaScript 接口模块、本地 Native API PlugWebview 层是由 HTML、CSS、JavaScript 三方面针对 App 内部的 UI 后由 Webview 进行解析和渲染。在后台人员进行 JavaScript 接口时ebview 解析后的模块进行传递和分发至框架内的各平台的本地 Plug地通讯录。在整个接口调用的过程中，涉及各个模块之间的协同处 框架可以通过同步或异步的形式进行处理不同层级间信息的传达[1]
第二章 相关技术基础CordovaActivity 中的核心成员 CordovaWebview 延续了 Android 自身交互Webview，其主体功能是封装浏览器的内核。而 CordovaWebview 集成集成定制化使得原有 Webview 设置融入了初始化、内容加载、错误处理等内容[12]。此外，CordovaActivity 中包含 CordovaWebviewClient，属于重新加载页面针对用户的 URL 进行过滤等方法。而 WebviewClient 作为 Wek it 流量器的内核组建，负责处理 JavaScript 的时间处理。综上所述，CordovaActivity 是由JavaScript 和 Webview 组成了两大关键组件，并以从前者到后者的顺序进行事件处理，在任务处理完成后，交给 Wek it 进行核心处理任务，最终在 Webvie展现中，完成并通过在用户的 Activity[1]。
个开发模式的对比：表 2-1 各大开发模式的对比Web App（网页应用）Hydrid App（混合应用）Native App（原生应用）开发成本 低 中 高维护更新 简单 简单 复杂体验 差 优 优Store 或 Market 认可 不认可 认可 认可安装 不需要 需要 需要跨平台 优 优 差Cordova 开发 Hybrid 应用的主要流程，在众多的移动应用程序的功能模块，对于 Hydrid 而言，必须与本地的接口代码模块进行调用，进而实现重新设计时，迫使依靠 Web 技术的公共代码在架构平台内的本地代码进行剥离[1]，如图 2-3 所示：
【参考文献】
相关期刊论文 前10条
1 覃旋;;跨平台网络技术的发展与分析[J];电子技术与软件工程;2015年02期
2 潘志宏;罗伟斌;柳青;;基于HTML5跨平台移动应用的研究与实践[J];电脑知识与技术;2013年17期
3 夏大文;;基于Web的信息发布系统的研究与实现[J];计算机与现代化;2012年02期
4 周海华;;微营销+微服务:社交媒体下的运营商客户管理[J];通信世界;2012年05期
5 徐静;邱艳娟;;以电子渠道为核心的整合营销正逐渐成为运营商主流营销手段[J];世界电信;2011年10期
6 李晓梅;;通信运营商在电子商务环境下的转型[J];品牌(理论月刊);2011年Z1期
7 何跃;;基于ASP.NET的党员信息管理系统设计与实现[J];重庆工商大学学报(自然科学版);2010年04期
8 赵健峰;;中国移动的互联网战略思考[J];通讯世界;2008年12期
9 李鹏;;颖源：强化运营商电子渠道的战略适应力[J];通信世界;2008年22期
10 吴洪;德国移动通信对CS、CL、CR的研究及启示[J];邮电企业管理;2001年Z2期
相关硕士学位论文 前3条
1 肖敏;基于Apache Cordova的跨平台智能家居终端应用研发[D];华南理工大学;2015年
2 宁义双;基于HTML5的移动终端应用中间件平台的研究与设计[D];北京工业大学;2013年
3 张磊;中国联通电子渠道网上营业厅的设计和实现[D];北京邮电大学;2009年
本文编号：2789636
本文链接：https://www.wllwen.com/kejilunwen/ruanjiangongchenglunwen/2789636.html
