【導(dǎo)讀】重慶理工大學(xué)畢業(yè)論文基于IOS平臺的天氣APP應(yīng)用設(shè)計與實現(xiàn)。畢業(yè)設(shè)計（論文）。二級學(xué)院計算機科學(xué)與工程學(xué)院。指導(dǎo)教師職稱教授。查看所選城市未來一周天氣狀況趨勢圖業(yè)務(wù)流程................15

　　

【正文】 溫度曲線 六日最低溫度曲線 穿衣指數(shù) 紫外線指數(shù) 洗車指數(shù) 旅游指數(shù) 舒適指數(shù) 晨練指數(shù) 晾曬指數(shù) 感冒指數(shù) 注冊登陸功能 分享功能 初 次 加 載 軟 件 的引 導(dǎo) 模 塊 引導(dǎo)圖片 圖 41 系統(tǒng)的總體架構(gòu)設(shè)計圖 各系統(tǒng)模塊功能如下： 1).初次加載軟件的引導(dǎo)模塊 安裝軟件后第一次使用 將會 出現(xiàn)友好的引導(dǎo)界面來引導(dǎo)用戶使用軟件。初始化第一個查看天氣的城市。 如若想更換 或者刪除 城市，可點擊左上角的 添加圖標(biāo)進行添加城市操作或者右上角的刪除按鈕進行刪除城市操作 。 2).城市實時天氣信息顯示模塊 顯示指定城市 的實時天氣狀況，包括 實時 城市名稱 、溫度、濕度、風(fēng)力與風(fēng)向情況、 日期、 與發(fā)布時間 。 3).所選城市未來天氣趨勢模塊 在該模塊用戶可以查看所選城市 未來六天內(nèi)的溫度以及氣候趨勢 （如陰晴情況） 。 4).生活模塊 在該模塊用戶可以查看所選 城市實時天氣情況下的各項指數(shù) ，例如： 穿衣指數(shù)、舒適指數(shù)、洗車指數(shù) 等 。 5).“ 其它 ” 模塊 在該模塊用戶可以選擇進行 注冊 登陸， 只有在 注冊并且 登陸之后用戶才可使用天氣 APP 的完整功能，例如：查看所選城市天氣指數(shù) 。 軟件開發(fā)人員還可以根據(jù)用戶注冊時填寫的用戶信息進行相應(yīng)的操作，如更新開發(fā)更具針對性。 除了 注冊 登陸功能，重慶理工大學(xué)畢業(yè)論文 基于 IOS 平臺的天氣 APP 應(yīng)用設(shè)計與實現(xiàn) 23 該模塊還包含了分享 功能 。用戶在選擇想要分享的城市之后，選擇“更多”模塊的分享按鈕之后選擇想要分享到的社交平臺，例如 ：新浪微博之后將進入分享內(nèi)容編輯界面，系統(tǒng)已經(jīng)根據(jù)當(dāng)前城市天氣信息自動為用戶設(shè)置了默認的分享內(nèi)容，如果用戶不需要修改分享內(nèi)容的話可以直接點擊確定按鈕進行分享操作。 系統(tǒng) 詳細 設(shè)計 概念結(jié)構(gòu)設(shè)計 : 用戶信息 實體 圖 : e r d E R用戶信息登錄密碼昵稱生日性別職業(yè) 圖 42 用戶信息實體圖 城市信息 實體 圖 : e r d E R城市信息名稱id溫度風(fēng)力風(fēng)向發(fā)布時間濕度發(fā)布日期未來六日天氣溫度各項生活指數(shù)穿衣詳情 圖 43 城市信息實體圖 重慶理工大學(xué)畢業(yè)論文 基于 IOS 平臺的天氣 APP 應(yīng)用設(shè)計與實現(xiàn) 24 系統(tǒng)實體關(guān)系圖 : e r d E R城市信息用戶信息天氣 APP 應(yīng)用 注冊存儲1 NM1 圖 44 系統(tǒng)實體關(guān)系圖 物理存儲結(jié)構(gòu)設(shè)計 物理結(jié)構(gòu)設(shè)計是為數(shù)據(jù)模型在其運行設(shè)備上選定合適的存儲結(jié)構(gòu)以及存取方法，以獲得數(shù)據(jù)的最佳存取效率。 本天氣 APP 應(yīng)用主要有兩部分 的數(shù)據(jù)存儲：城市天氣信息以及用戶信息 。由于基于 IOS 平臺的天氣預(yù)報 APP 的數(shù)據(jù)量較小，而且數(shù)據(jù)來源是來自于網(wǎng)絡(luò)上的天氣 API接口，故本 APP 應(yīng)用并沒有像 平臺 其他軟件一樣設(shè)計了專門的數(shù)據(jù)庫來存儲數(shù)據(jù)，而是在從接口中獲取數(shù)據(jù)后直接將數(shù)據(jù)以字典的數(shù)據(jù)結(jié)構(gòu) （結(jié)構(gòu)部分如下圖） 存儲于軟件自身的沙盒中。每個城市的數(shù)據(jù)以城市的 ID 編碼命名保存 ，用戶信息則以用戶昵稱命名保存 ，當(dāng)需要數(shù)據(jù)時直接根據(jù) 命名 進行查找，這樣的存儲方式不僅快速靈活，重要的是它及其適用于手機天氣預(yù)報這種對數(shù)據(jù)量需求不高的 APP 應(yīng)用。本 APP 應(yīng)用的數(shù)據(jù)來源為 中國天氣網(wǎng)的兩個數(shù)據(jù)接口： 1. 2. 只要把上述兩個接口地址的 cityid 替換為相應(yīng)的城市代碼即可查詢到城市的天氣信息。 重慶理工大學(xué)畢業(yè)論文 基于 IOS 平臺的天氣 APP 應(yīng)用設(shè)計與實現(xiàn) 25 圖 45 城市信息部分存儲結(jié)構(gòu)圖 界面設(shè)計 一款應(yīng)用軟件的界面的好壞很大在很大程度上決定了軟件 在用戶設(shè)備上的生命周期 。界面一方面引導(dǎo)用戶進行各項操作來實現(xiàn)軟件的功能，另一方面 使天氣 APP應(yīng)用中最 關(guān)鍵性的天氣數(shù)據(jù) 能良好地呈現(xiàn)給用戶觀看，這也是該天氣 App 應(yīng)用軟件的主要目的。 因此在界面的設(shè)計中，必須要做到以下的幾個方面：主界面上必須有清晰的模塊引導(dǎo)入口，并且模塊的名字不能模糊不清，不可有意義上的重疊。界面配圖、色彩必須友好和諧，不可太過突兀，整個界面要突出友好、內(nèi)容清晰 的特點 。 1. 初次加載軟件的引導(dǎo)模塊 的 頁面 設(shè)計 設(shè)計理念： 每次運行 APP 的時候 系統(tǒng)會 自動 判定用戶是否第一次使用本應(yīng)用，若是第一次 登陸 ，則 會 出現(xiàn) 如下 引導(dǎo)界面 : 重慶理工大學(xué)畢業(yè)論文 基于 IOS 平臺的天氣 APP 應(yīng)用設(shè)計與實現(xiàn) 26 圖 46 引導(dǎo)界面圖 1 圖 47 引導(dǎo)界面圖 2 重慶理工大學(xué)畢業(yè)論文 基于 IOS 平臺的天氣 APP 應(yīng)用設(shè)計與實現(xiàn) 27 圖 48 引導(dǎo)界面圖 3 圖 49 引導(dǎo)界面圖 4 重慶理工大學(xué)畢業(yè)論文 基于 IOS 平臺的天氣 APP 應(yīng)用設(shè)計與實現(xiàn) 28 圖 410 選擇城市界面 2. 城市實時天氣信息顯示模塊 的界面設(shè)計 設(shè)計理念：一個天氣預(yù)報 APP 的核心部分便是用戶所選的城市的實時天氣信息的顯示界面了，在參考了當(dāng)下熱門的幾款上線的天氣預(yù)報 APP 后，我篩選了城市天氣數(shù)據(jù)的實時溫度、風(fēng)向風(fēng)力、濕度值、天氣信息日期及時間和天氣陰晴圖信息進行相關(guān)美化處理后展現(xiàn)在城市實時天氣信息界面上，效果如 下 圖所示 : 圖 411 城市實時天氣信息顯示界面 重慶理工大學(xué)畢業(yè)論文 基于 IOS 平臺的天氣 APP 應(yīng)用設(shè)計與實現(xiàn) 29 3. 所選城市未來天氣趨勢模塊 以及所選城市生活指數(shù)界面設(shè)計 設(shè)計理念 :對一款能吸引 住用戶的天氣預(yù)報 APP 而言，單純的顯示城市實時天氣信息是不夠的，豐富的功能將成為拉攏用戶的另一手段，我在獲取相關(guān)城市的今日數(shù)據(jù)以及未來五日數(shù)據(jù)之后進行信息的篩選，描繪出了城市的今日以及未來五日天氣狀況趨勢圖幫助用戶輕易地了解關(guān)注城市未來天氣狀況，展現(xiàn)出了城市的當(dāng)日相關(guān)生活指數(shù)詳情，用戶只需 分別 點擊屏幕下方的趨勢 和生活 選項卡即可看見 ， 點擊穿衣指數(shù)行 還可 查看具體的當(dāng)日穿衣建議 。不過，為了獲取天氣預(yù)報用戶群體的信息以幫助應(yīng)用后續(xù)的針對性改善，我把生活指數(shù)界面設(shè)計成了僅登陸才可看完整界面， 效果如下圖所示： 圖 412 城市天氣趨勢圖 重慶理工大學(xué)畢業(yè)論文 基于 IOS 平臺的天氣 APP 應(yīng)用設(shè)計與實現(xiàn) 30 圖 413 城市天氣生活指數(shù)界面 圖 414 城市穿衣詳情界面 圖 415 未登錄提示界面 重慶理工大學(xué)畢業(yè)論文 基于 IOS 平臺的天氣 APP 應(yīng)用設(shè)計與實現(xiàn) 31 4.“ 其他 ”模塊界面設(shè)計 點擊屏幕下方的更多按鈕可進行一些其他設(shè)置以及功能， 界面格局 如下圖所示。 圖 416 “更多 ”模塊界面 圖 417 注冊模塊界面 重慶理工大學(xué)畢業(yè)論文 基于 IOS 平臺的天氣 APP 應(yīng)用設(shè)計與實現(xiàn) 32 注冊登錄功能 設(shè)計理念： 點擊“ 注冊 ”即可進入 注冊界面，注冊界面如上右圖所示。服務(wù)方可根據(jù)用戶注冊時填寫的信息統(tǒng)計出用戶的相關(guān)信息數(shù)據(jù)，在后期版本的更新中有所針對改善。 注冊之后系統(tǒng)便會自動為用戶登陸：效果如下圖 ： 圖 418 登陸之后“更多”模塊界面 注銷之后的登陸界面如下圖所示： 圖 419 用戶登陸界面 重慶理工大學(xué)畢業(yè)論文 基于 IOS 平臺的天氣 APP 應(yīng)用設(shè)計與實現(xiàn) 33 輸入密碼界面如下： 圖 420 用戶輸入密碼界面 密碼模塊設(shè)計理念：這里采用了在智能手機領(lǐng)域十分熱門的手勢密碼進行密碼的輸入設(shè)置，提高了用戶體驗。 分享模塊設(shè)計理念： 在 觀察了當(dāng)下熱門的 APP 應(yīng)用之后發(fā)現(xiàn)它們都有一個共同的功能：分享（用戶在應(yīng)用中可將自己感興趣的信息快速分享到其它社交平臺中的好友）。故我在 “更多”模塊 中加入了將所選城市的實時天氣信息分享到社交平臺的功能 。點擊分享之后會彈出社交平 臺進行選擇： 重慶理工大學(xué)畢業(yè)論文 基于 IOS 平臺的天氣 APP 應(yīng)用設(shè)計與實現(xiàn) 34 圖 421 選擇分享平臺界面 用戶選擇一個想要分享的平臺之后將進入分享內(nèi)容編輯界面： 圖 422 分享 內(nèi)容編輯 界面 重慶理工大學(xué)畢業(yè)論文 基于 IOS 平臺的天氣 APP 應(yīng)用設(shè)計與實現(xiàn) 35 如果不想對系統(tǒng)自動生成的分享內(nèi)容進行修改編輯的話就點擊右上角的 進行分享。 此外還有“更多”模塊的 意見反饋功能： 圖 423 用戶意見反饋界面 檢查更新功能： 圖 424 檢查更新界面 重慶理工大學(xué)畢業(yè)論文 基于 IOS 平臺的天氣 APP 應(yīng)用設(shè)計與實現(xiàn) 36 顯示 APP 關(guān)于界面： 圖 425 APP“關(guān)于”界面 其它設(shè)計理念： 1. 添加 /刪除城市： 如果 用戶 還想查看其它城市，可點擊天氣界面上的添加按鈕：進行城市的添加操作，若不想 查看某個城市的天氣信息了，可點擊刪除按鈕：進行城市的刪除操作。 2. 刷新城市信息： 如果城市的天氣信息已經(jīng)過時了，則可以根據(jù)需求進行刷新操作，點擊刷新按鈕 : 即可完成天氣信息的更新操作 。 天氣 APP 應(yīng)用的圖標(biāo)： 重慶理工大學(xué)畢業(yè)論文 基于 IOS 平臺的天氣 APP 應(yīng)用設(shè)計與實現(xiàn) 37 應(yīng)用的加載界面： 圖 426 APP 加載界面 本章小結(jié) 本章主要完成了對天氣 APP 應(yīng)用的總體設(shè)計方面的工作，本章開頭首先介紹說明了系統(tǒng)的總體結(jié)構(gòu)設(shè)計，包括了 五 大主要模塊 (初次加載軟件的 引導(dǎo)模塊、城市實時天氣信息顯示模塊、所選城市未來天氣趨勢模塊、 生活模塊 以及“更多”模塊 )的詳細功 能說明，之后 對 天氣 APP 應(yīng)用的界面設(shè)計 結(jié)合詳細的設(shè)計理念 進行了 形象 的說明 。 重慶理工大學(xué)畢業(yè)論文 基于 IOS 平臺的天氣 APP 應(yīng)用設(shè)計與實現(xiàn) 38 5 系統(tǒng) 測試 測試目的 測試不僅是為了找出錯誤，而是通過測試發(fā)現(xiàn)錯誤促使系統(tǒng)向無錯誤、滿足客戶需求的方向進行，使開發(fā)的系統(tǒng)能達到預(yù)期的需求。詳細而嚴謹?shù)臏y試用例可以幫助系統(tǒng)更好的檢查出系統(tǒng)存在的問題。 測試 背景 （ 1）待測試的軟件系統(tǒng)的名稱：基于 IOS 平臺的 天氣 APP 應(yīng)用 （ 2）項目的開發(fā)歷史：項目現(xiàn)已完成可行性分析報告，需求分析，概要設(shè)計，詳細設(shè)計，及各模塊的編碼工作。 （ 3）項目的預(yù)期用戶： 使用蘋果手機并且對天氣 預(yù)報有需求的用戶 （ 4）測試環(huán)境： 硬件： iPhone4S 軟件： IOS 7 測試概要 測試方案說明 由于該 應(yīng)用 分為 五 大模塊，故對該 應(yīng)用 的測試方法采用模塊獨立測試。對每個模塊中重要的功能設(shè)計測試用例，進行測試。 按功能模塊分，測試用例包括 初次加載應(yīng)用的引導(dǎo)模塊 、 城市實時天氣信息 模塊、城市天氣趨勢圖 模塊、 城市生活指數(shù) 模塊 以及“更多”模塊 的測試用例。