1、 毕业设计（论文）纸 装 订线基于 iOS 的天气预报查询系统的设计与实现 摘要 随着 科学技术的发展，移动 终端逐渐走进人们的视线，相关应用越来越广泛，并在人们的日常生活中扮演着越来越重要的角色。本课题研究的是基于 iOS 平台下的天气软件，目的是帮助用户随时随地查询天气信息及天气变化情况，让生活更加舒适方便。本 文详细讲述了 iOS 平台下天气软件的界面设计及 数据 处理部分，主要包括界面的实现、控件的使用、界面的布局和 数据 的处理等 内容，结合 WEB 服务 网的 气象 数据，将准确的天气情况以友好的方式呈现给用户，使用户可以更加 愉快 地体验本软件的服务。 关 键词 iOS 界面 查
2、询 天气 预报 毕业设计（论文）纸 装 订线Design And Implementation Of Weather Query System Based On iOS Abstract With the development of science and technology, the mobile terminal gradually into the peoples attention, related to more widely, and play an increasingly important role in peoples daily lives. The study of
3、 this topic is the weather forecast software based on the iOS platform ,and designed to help the user to query weather information and weather changes anytime, anywhere, to make life more comfortable and convenient. This paper describes the software interface design of the iOS platform under the wea
4、ther and data handling part, including the contents of the interface implementation, the use of controls, the layout of the interface, and data handling and so on, combined with weather data of the Web Service, will be accurate weather conditions presented to the user-friendly way, allows the user t
5、o experience more enjoyable the service of this software. Key words iOS interface query weather orecast 毕业设计（论文）纸 装 订线目录 1 引言 . 1 1.1 项目开发背景 . 1 1.2 国内外相关领域研究现状 . 1 1.3 论文研究的内容 . 2 1.4 论文研究的意义 . 3 1.5 论文内容的安排 . 3 2 系统解决方案 . 4 2.1 需求分析 . 4 2.1.1 功能需求 . 4 2.1.2 可靠性和可用性需求 . 7 2.1.3 系统内容需求 . 8 2.2 技术架构
6、. 8 2.2.1 Foundation 框架简介 . 8 2.2.3 UIKit 框架简介 . 9 2.2.3 ASIHTTPRequest 类库简介 . 9 2.2.4 JSONkit 类库简介 . 9 2.2.5 MVC 设计模式简介 . 10 2.3 开发平台 . 10 2.3.1 iOS 开发基本背景简介 . 10 2.3.2 iOS 开发平台搭建 . 11 3 系统总体设计 . 12 3.1 系统模块划分 . 12 3.1.1 菜 单模块 . 12 3.1.2 天气查询模块 . 13 3.1.3 分享模块 . 13 3.2 系统总体结构 . 13 3.2.1 系统模块协作关系 .
7、13 毕业设计（论文）纸 装 订线3.2.2 系统启动流程 . 14 3.2.3 系统内容结构组织 . 14 4 系统详细设计 . 16 4.1 菜单模块 . 16 4.1.1 菜单模块的主要功能 . 16 4.1.2 菜单模块的 UI 布局 . 16 4.1.3 菜单模块的动画效果实现 . 16 4.2 天气查询模块 . 17 4.2.1 用 POST 方法进行请求数据 . 17 4.2.2 处理请求到的数据 . 17 4.2.3 模块功能实现及效果图 . 18 4.2.3 创建画板并画折线图 . 21 4.3 分享模块 . 22 4.3.1 实景拍摄 . 22 4.3.2 调用本地相机 .
8、 23 4.3.2 调用 OAuth 认证 . 24 4.3.3 向发微博接口发送请求 . 26 4.3.4 用 JSONKit 处理数据 . 29 4.4 关于和帮助模块 . 29 4.4.1“关于”界面的设计及实现 . 29 4.4.2“帮助”界面的设计及实现 . 30 5 系统测试 . 31 5.1 单元测试 . 31 5.2 集成测试 . 32 5.3 可用性测试 . 33 6 结论 . 35 致谢 . 36 参考文献 . 37 毕业设计（论文）纸 1 装 订线1 引言 1.1 项目开发背景 苹果 iOS 是由 苹果公司 开发的手持设备操作系统。苹果公司最早于 2007 年 1月9 日
9、的 Macworld 大会上公布这个系统 。 iOS 与苹果的 Mac OS X 操作系统一样，它也是以 Darwin 为基础的，因此同样属于 类 Unix 的商业 操作系统。原本这个系统名为iPhone OS，直到 2010 年 6 月 7 日 WWDC 大会上宣布改名为 iOS。截止至 2011 年 11月，根据 Canalys 的数据显示， iOS 已经占据了全球智能手机系统市场份额的 30%，在 美 的 国 市场占有率为 43%。 iPhone 将基于 OS X 的移动计算与创新的多点触摸屏幕、位置感知、板载加速计等结合在一起。苹果公司于 2008 年 3 月首次发布 iPhone S
10、DK beta 时，开发人员蜂拥而至，一度造成服务器瘫痪。不到一周， iphone SDK 的下载量就超过 10 万 1。 天气软件是一种非常实用的信息服务，随着智能手机的不断普及，各种智能手机平台下都有各种各样的天气软件。 iOS 作为现在 主流的智能手机之一 ，自然也需要这方面的软件。天气关系到人们的日常生活，如告知温暖，方便出行等。此外，对未来天气的预测还可以帮助人们进行农作物的浇灌、施肥、收割等工作。 基于 iOS 平台的天气软件已经有很多，经过分析，用户第一眼往往是一个软件的外观，一个好看的界面才能让用户以一种爱美之 心去尝试，才能进一步了解一个软件的好坏，所以吸引眼球的界面是争取用
11、户的第一步。因此，界面设计工作对应用程序来说非常重要，在界面上吸引了用户，才能进一步让用户体验应用程序中的功能，使用这个软件。 1.2 国内外相关领域研究现状 随着 iOS 蓬勃的发展， 涌入了大量的 iOS 开发人员，同时华丽的 iOS 产品也层出不穷。虽然 iOS 的发展达到了前所未有的高度，但是在国内关于天气预报的软件也紧紧只有 19 款，所以开发出用户体验好并且实用的软件越来越重要。 下面 介绍一下国内外最流行的三 款 iOS系统天气软件 并做个简单的对比 ，他们分别是 墨迹天气、 涂鸦天气 和 蜜蜂天气。 (1) 墨迹天气 天气显示面板： 墨迹天气算是 国内最 有名的天气 查询 软件
12、，用户比较 最多，界面显示也比较 美观、华丽，并且 可以添加多个城市。默认显示四天 的 天气 情况 ， 并且 左右滑动可以切换城市管理 -天气 -温度趋势图三个 界面 。温度趋势图可以显示 未来 五天的气温 变化情况 和日夜天气情况。 设置以及其他功能： 墨迹 天气的软件 设置只包括更新间隔等设置，除了天气 信息外 不提供其它更多的相关资讯 ，是一款 相对 来说 比较单纯的软件 。 毕业设计（论文）纸 2 装 订线 CPU 内存占用： 在软件开启 的 情况下，实时 CPU 占用 率 在 50%-70%，运行过程中一直居高不下。内存占用大概为 10M左右 。 (2) 涂鸦天气 天气显示面板： 国
13、外的一款小软件，特色在其涂鸦的天气显示方式，非常生动 ，就像掌中的一个小剧场。左下角的按钮可以 切换“ 显示 ”和“ 隐藏 ”详细信息，天气预报也不是国人习惯的非晴即雨，预报的天气带有问号，给出下雨的几率百分比。 其他功能： 软件还有的功能就是分享 模块 ，可以分享到 Twitter 和Facebook。 CPU 内存占用 ： 软件比较小，运行过程中 CPU 占用 14%左右，内存占用也很低，不到 5M。 (3) 蜜蜂天气 天气显示面板： 蜜蜂天气 虽然 没有墨迹 天气 老牌，但是蜜蜂系列是无线多媒体软件的大家族，还包括蜜蜂读书、蜜蜂新闻、蜜蜂音乐 、 蜜蜂视频和蜜蜂 股票 等，所以在 新闻
14、资讯方面比较强。天气界面同样走的简洁精致路线。并且该软件 支持 未来 五天天 气预报 和所在城市的每小时的准点详细温度走势 、风向等 。 其他功能： 系统的设置和信息按钮出现在所有天气面板的左 、 右下角，用户交互上非常方便。 CPU 内存占用：该软件再 CPU 和内存占用上 控制的还算不错 。 软件在没有进行操作时， CPU 占用控制在 5%，进行刷新天气等操作时 CPU 占用 27%，软件内存占用 20M 左右 。 1.3 论文研究的内容 要做一个用户体验好并且实用的天气查询软件，要做到一下几点，同时也是本论文的主要内容： (1) 实现可旋转的菜单界面。 (2) 运用 ASIHttpReq
15、uest 获取并解析数据 XML。 (3) 运用 iOS 的 frame 框架显示解析后的数据。 (4) 运用 iOS 的画图框架 QuartzCore 画出未来 5 天内的天气趋势。 (5) 实现调用系统的照相机并拍照。 (6) 实现用 Jsonkit 工具解析 Json 数据。 (7) 实现调用本地相册并将图片和文字发送到新浪微博平台上。 毕业设计（论文）纸 3 装 订线1.4 论文研究的意义 天气软件是一种非常实用的信息服务，随着智能手机的不断普及，各种智能手机平台下都有各种各样的天气软件。用天气预报软件可以在第一时间掌握天气情况，以便提前预防，把气象灾害造成的损失降到最低。同时也可以
16、强化气象公共服务的职能，完善公共服务体系、改善公共服务手段、增加公共服务产品、提高公共服务质量，更好地发挥 了 气象事业对经济社会发展的现实性作用。 iOS 作为现在 主流的智能手机之一，自然也需要这方面的软件。 我们需要额外注意怎么样设计用户界面（ UI）。当我们需要设计自定义的 UI 元件时，这些元件用以直接支持我们设计的应用程序的交互需要，这个时候我们需要尊重原生的 Apple iOS控件的习惯用法 2。因此，界面设计工作对应用程序来说非常重要，在界面上吸引了用户，才能进一步让用户体验应用程序中的功能，使用这个软件。 1.5 论文内容的安排 本文将在以后 5 章节中介绍本系统的设计与实现
17、。我们将在第 2章分析一下整个系统，包括使用的技术、开发平台、以及项目部署的环境。 第 3 章，总体介绍一下系统的设计思路，包括架构的选择，模块的划分，模块之间如何协同工作等。 第 4 章，将详细介绍各个模块的实现。 第 5 章，将介绍一下系统的测试，包括测试的方法，测试的结果，以及使用的工具等。 毕业设计（论文）纸 4 装 订线2 系统解决方案 2.1 需求分析 为了开发出真正满足用户需求的软件产品，首先必须知道用户的需求。对软件需求的深入理解是软件开发工作获得成功的前提条件， 不论人们把设计和编码工作做得如何出色，不能真正的满足用户需求的程序只会令用户失望，给开发者带来麻烦。在本节，我们将
18、对基于 iOS 的天气预报查询系统的设计与实现提出完整、准确、清晰、具体的需求分析，并使用 UML2.0 用例图直观的表示系统各角色所具备的功能。 2.1.1 功能需求 基于 iOS 的天气预报查询系统的主要用途是为可以在第一时间掌握天气情况以及未来 5 天内的天气情况，可以通过折线图更直观的了解到未来 5天内气温的趋势，并且可以用手机拍下当时的人、物、风景等，再通过本软件将手机相册内的图片以及自己写下的文字分享 到新浪微博平台上。用例图（ Use Case Diagram）是由软件需求分析到最终实现的第一步，它描述人们希望如何使用一个系统。 (1) 系统用例图如图 2-1所示 。 图 2-1
19、 系统用例图 查询当日天气预报 查询未来 5 天天气预报 分享图片和文字 毕业设计（论文）纸 5 装 订线(2) 天气查询用例图如图 2-2所示 。 图 2-2 天气查询用例图 (3) 分享图片和文字用例图如图 2-3所示 。 图 2-3 分享图片和文字到新浪微博平台用例图 调用本地相机拍摄 分享图片和文字到新浪微博 查询当日天气情况 查询未来 5 天天气情况 查看未来 5 天气温折线图 按省、市、县查询地理位置 毕业设计（论文）纸 6 装 订线(4) 天气预报 业务流程图如图 2-4 所示 。 图 2-4 天气预报业务流程图 (5) 分享图片和文字业务流程图如图 2-3所示 。 图 2-5 分享图片和文字业务流程图 进入系统 选择分享 选择实景拍摄 选择拍照 退出系统 进入列表 进入折线图页面 选择地址 进入天气预报页面 退出系统
