摘 要

随着科学技术的发展，移动智能终端系统日渐走进人们的生活，与相关的应用也越来越多，并在人们的日常生活中起到了至关重要的作用。本设计基于HTML5开发编写，采用跨平台开发技术，利用原生方式（有apk安装包）开发App的外壳，此外壳提供WebView 与本地资源的调用功能。利用服务器网页开发App的界面，进行远程数据存取等操作。服务器网页通过WebView来进行加载，且网页可以和App外壳通讯，进行数据交互。本文详细的介绍了一个医疗服务软件的开发过程，以及开发中所用到的技术，主要实现了手机在线挂号，医院及详情检索，医生及详情检索，药品及详情检索，药店及详情检索等功能。

关键词：APP；医疗；HTML5；跨平台

Abstract

With the development of science and technology,smart device gradually into the sight of people.Relevant application is more and more widely,and it plays a more and more important role in people’s daily life.This design is based on the development of HTML5,it uses the development technology of cross-platform.The design develops the shell of App by the native way,the shell provides WebView and calls to the function of the local resources.The design develops the view of App by the Web server,it conducts operations for access to data of long-distance.The Web server loads through the WebView,and it can communicate with the shell of App for data interaction.The paper introduces the process of development about the software of medical service and skills of development.The system realize the registration by the online of mobile phone,hospitals and retrieval for details,doctors and retrieval for details,drugs and retrieval for details,pharmacy and retrieval for details.

Keywords: APP;health and medical;HTML5;cross-platform

目录

1 绪论 - 1 -

1.1 研究的背景和意义 - 1 -

1.2 国内外研究现状 - 1 -

1.3 研究的主要内容与论文结构 - 2 -

1.3.1 研究的主要内容 - 2 -

1.3.2 论文的组织结构 - 2 -

1.4 本章小结 - 3 -

2 软件开发的工具与相关技术 - 4 -

2.1 Appcan - 4 -

2.1.1 简介 - 4 -

2.1.2 技术特色 - 4 -

2.2 Html5 - 4 -

2.2.1 简介 - 4 -

2.3 Ajax、JSON - 5 -

2.3.1 Ajax - 5 -

2.3.2 JSON - 5 -

2.4 本章小结 - 6 -

3 手机医疗服务软件的需求分析 - 7 -

3.1 功能需求分析 - 7 -

3.2 系统流程分析 - 7 -

3.2.1 APP应用框架结构图 - 7 -

3.2.2 医院信息查询模块功能流程图 - 8 -

3.2.3 药品查询模块功能流程图 - 8 -

3.2.4 药店查询模块功能流程图 - 9 -

3.2.5 医生查询模块、账号注册模块及挂号模块功能流程图 - 10 -

3.3 聚合数据返回JSON数据结构 - 10 -

3.3.1 医院查询请求参数及返回JSON数据结构 - 10 -

3.3.2 药品查询请求参数及返回JSON数据结构 - 14 -

3.3.3 药店查询返回JSON数据结构 - 17 -

3.3.4 医生查询返回JSON数据结构 - 21 -

3.4 Ajax 请求示例 - 25 -

3.4.1 Ajax请求示例 - 25 -

3.4.2 JSON数据解析及分页示例 - 26 -

3.6 本章小结 - 27 -

4 软件详细设计及界面展示 - 28 -

4.1 APP主界面模块 - 28 -

4.2 药品查询模块 - 28 -

4.2.1 药品查询主界面 - 28 -

4.2.2 药品查询结果显示界面 - 29 -

4.3 医生查询模块 - 30 -

4.3.1 医生查询主界面 - 30 -

4.3.2 医生列表查询结果显示界面 - 30 -

4.3.3 医生详情查询结果显示界面 - 31 -

4.3.4 挂号主界面 - 32 -

4.3.5 挂号成功短信显示截图 - 32 -

4.4 药店查询模块 - 33 -

4.4.1 药店地域列表显示界面 - 33 -

4.4.2 药店列表及详情显示界面 - 33 -

4.5 医院查询模块 - 34 -

4.5.1 医院查询主机界面 - 34 -

4.5.2 医院列表查询结果显示界面 - 34 -

4.5.3 医院详情查询结果显示界面 - 35 -

4.6 快速注册主界面 - 36 -

4.7 本章小结 - 36 -

结论 - 37 -

参考文献 - 38 -

致 谢 - 39 -

1 绪论

1.1 研究的背景和意义

随着科学技术的发展，移动智能终端系统日渐走进人们的生活，与相关的应用也越来越多，并在人们的日常生活中起到了至关重要的作用。因此，关键应用程序的开发成为影响移动智能终端普及的重要因素，设计并开发实用、方便的应用程序具有重要的意义和良好的市场前景。

手机医疗服务软件的设计，就是这样一款服务大众的应用。 本课题研究的是基于移动操作系统平台下（Android或 ios）的医疗服务软件，目的是帮助用户随时随地查询医疗信息变化情况，通过手机让医疗生活更加舒适方便。本设计包括手机操作系统平台下医院挂号与药品查询等相关服务，主要包括界面的设计、控件的使用，结合医疗数据，提供便捷的移动端医疗服务。

1.2 国内外研究现状

移动医疗（mobile health）是电子医疗(e-health)的一个重要分支，指人们使用通信技术如计算机，移动电话等提供方便的医疗和服务信息。这几年来，随着网络3G业务在人们生活中的普及和医疗与信息通信技术的完美融合，使移动医疗的发展获得了平稳的平台和高效的技术。移动医疗在发达国家得到广泛的应用，其中主要包括了疾病监测、监控、诊疗以及健康管理等几个方面。目前我国也在大力推广移动医疗技术。

经相关机构研究大致可以将这些医疗服务应用分为4类：

1. 信息/通信，该功能主要为了实现：（1）约诊提醒和治疗提示。（2）测试结果和患者数据的管理。（3）健康信息。
2. 监测，主要包含以下几个方面：（1）监测患者情况和位置。（2）药物遵从性。在泰国，医疗服务人员会定期的向肺结核患者打电话，提醒患者扶摇，通过这样，患者的药物遵从性大大提高，可达95%。（3）医疗物资或者设备的实时连接。
3. 监控，在一些欠发达国家，由于这些地区的传染病爆发频繁，监控类应用被频繁使用。
4. 诊断，它主要分为诊断支持和远程医疗这两个方面。通过移动医疗服务，患者可以在家中就接受医生的诊断，而不再需要直接去医疗机构寻找医生。

1.3 研究的主要内容与论文结构

1.3.1 研究的主要内容

本文主要是介绍一个建立在现行主流手机操作系统（Android和IOS）上的手机医疗服务软件（App）。软件基于混合式（Hybrid）的App技术架构及采用HTML5语言开发编写，使用Appcan作为开发框架，通过使用聚合网（www.juhe.cn）提供的现行联网数据库接口对后台数据进行访问实现医疗信息的交互。