首页 > APP

基于 Hybrid 的校园卡 APP 设计与开发

  • 手机考勤
  • 电话录音
  • 自定义导航
  • 企业微信
  • 电话提示
  • 语音工作
  • 附近同事
  • 个性化设置

2018-04-24 10:22:37

一、引言

当前,移动终端完全融入人们生活,时间和兴趣的 “碎片化”需要有产品提供随时随地的事件处理和信息 获取能力。 智能手机、手持终端等移动设备接入互联网 后拥有无可比拟的优势,为“碎片化”需求提供了最佳载 体,而移动 APP 的出现,以其低成本、高精确性、高便捷 性和高用户粘度,伴随智能手机的发展成为应用潮流。

本文在比较三种 APP 开 发 技 术 (Native、Web 和 Hybrid)特点基础上,结合浙江大学手机门户现有成果 及校园卡 APP 服务需求,考虑时间成本和开发成本,设 计校园卡 APP 系统架构,采取中间件+原生态的混合模 式(Hybrid),开发实现校园卡 APP 服务端和客户端,拓 展校园卡服务时空,并与移动门户相融合,为高校各类 移动 APP 统一共融作探索。



二、校园卡服务盲区及 APP 应用需求

根据对校园卡应用数据的统计分析, 以及 APP 需 提供认可度和实用性高的服务给用户的原则,首先将 用户使用频率最高、花费时间最长的应用在 APP 中实现, 如业务查询、转账充值、挂失解卦、密码修改,丢捡卡查 询等; 其次是利用手机移动的特点为各类业务系统提 供缴费支撑, 让师生不去业务部门就可以办理各类缴 费手续;最后实现校园卡移动支付,让校园卡物理设备 无法架设的地方, 能通过无线网络及手机终端实现校 园卡支付,将服务延伸至校园的角角落落甚至校外。 但是校园卡 APP 设计时必须考虑学校已有 APP,按 照主次角色作融合统一,同时减少师生麻烦。 浙江大学 手机门户已上线应用,内容包括资讯、活动、图书馆等公 开信息,也集成移动公文、移动邮件、财务工资等个人信 息,因此,校园卡 APP 可以作为个人信息中最重要应用 融入浙大手机门户。

三、校园卡 APP 选型及设计

1.APP 开发技术及特点 目前 APP 客户端开发的主流技术主要有三种: 原 生态(Native)模式、中间件(Web)模式和混合(Hybrid)即 原生态+中间件模式。 原生态针对某种类型的操作系统 如 iOS、Android、RIM 等,开发能移动设备上运行的本地 应用;中间件是指利用通用的 Web 编程语言,开发能够 运行在手机 Web 浏览器中的应用;Hybrid 是本地应用 和 Web 应用混合开发的一款应用, 允许一部分应用运 行在本地设备上,一部分运行在 Web 上[7]。 三种开发模 式特点对比如表所示。 每种开发接入模式都有其特定的应用背景,考量当 前专业 APP 终端开发所用模式, 没有哪一套技术绝对 领先, 因此校园卡 APP 还是需要根据浙江大学移动门

2.校园卡 APP 技术选型

浙江大学移动门户采用基于 Exmobi 的中间件开发 模式,是集合开发工具包、应用发布、服务器托管等一整 套的解决方案,通过数据集成技术和跨平台客户端展现 能力,将业务系统移植到移动终端,并以开放和标准的 基础架构支持 HTML5 和原生插件扩展[10]。 而校园卡系统核心服务器部署在专网上,业务相对 独立,支付、转帐、认证等核心应用对安全、性能及速度 要求极高,考虑到技术实现的可能性、实现成本以及对 双方系统的影响,因此,校园卡 APP 最终以 Hybrid 混合 模式,采用原生态独立开发,再按照中间件 ExMobi 接入 标准集成,这种跨平台混合开发模式[11],保持双方即融 合统一又相对独立的关系,还可减轻对校园移动门户修 改量的冲击。

3.校园卡 APP 界面 UI 设计

鉴于手机门户已实现对页面切换控制的 UITabBarController,并设置四个图标在 UITabBar 里切换服务,为 避免重复造成用户视觉误差, 校园卡 APP 在 UI 设计时 必须对功能进行高度加工, 用简单的页面展示所有应 用,消除过多功能切换按键。 考虑到视觉效果及手指在移动设备上触控范围,经 过反复检验和认证,采用九宫格阵列效果最佳,如图 1 所示,九宫格阵列简捷明快、方便易用。 在一个页面罗列 所有功能,后继增加应用超过一个页面,可采用 UIPageControl 上下翻页。 阵列采用动态设计,程序载入过程中 自动获取最新功能列表及相应图标。



四、校园卡 APP 开发实现

1.APP 系统架构 校园卡 APP 架构类似 C/S,其主要工作交由手机服 务端(API)完成,手机客户端只作数据呈现和用户交互, 大量计算集中于服务器端, 从而提高程序的运行速度, 避免大数据流通讯导致客户端反馈迟滞。 因此,APP 开 发分为服务器端与客户端两部分,系统从架构划分手机 端、手机服务端、业务支撑层和校园卡支撑层,如图 2 所 示。 手机端和手机服务端 API 是本次开发的内容,是对 iOS 和 Andriod 系统进行的客户端指定开发。 业务支撑 层和校园卡系统层是现有系统集成, 是校园卡 APP 实 现的基础,非开发内容。 服务端 API 需要实现以下功能:信息查询、密码修 改、转账充值、公共通讯缴费、网络缴费、丢卡捡卡和移 动支付等,通过 API 接口展现至手机客户端。 2.校园卡 APP 服务端开发 手机服务端采用基于.NET Framework 4 的开发 环 境和 MVC 的框架模式。 MVC 强制性将应用程序的输 入、处理和输出分开,构成模型、视图和控制器三个核心 部件,各自处理自己的任务,具备部件耦合性低、生命周 期成本低、 部署快等优点 [12]。 选取微软的.NET Framework4.0 作开发环境, 主要是因为它能支持生成并运行 下一代应用程序和 XML Web Services 的内部 Windows 组件,降低基础设施复杂性,提供一个一致的元系统,让 企业级服务、工作流解决方案和用户体验软件系统的开 发更容易[13][14]。 基于.NET Framework4 的 APP 服务端实现流程如 图 3 所示,分数据层、业务层、http 层和 Client 层。最终服 务端接口响应速度:普通读数据接口≤2s,大数据量查 询响应≤10s,支付转账响应≤10s。