【正文】 編寫(xiě) OCUnit測(cè)試方法也是要分邏輯測(cè)試和應(yīng)用測(cè)試。所以說(shuō)， “ 最具風(fēng)險(xiǎn)的組件 ” ，也就是那些對(duì)于軟件的運(yùn)行至 關(guān)重要的組件或者那些最有可能隱藏 bug的組件，應(yīng)當(dāng)首先測(cè)試，然后測(cè)試那些風(fēng)險(xiǎn)稍低的組件，依次測(cè)試，直到你覺(jué)得所有剩下的風(fēng)險(xiǎn)因素都不值得再投入時(shí)間和資金去測(cè)試為止 [13]。 合適的軟件測(cè)試方案是：既要保證對(duì)軟件開(kāi)發(fā)進(jìn)度有一定程度的控制，又要在工程開(kāi)銷(xiāo)許可的范圍內(nèi)進(jìn)行一定程度的檢查，以確保產(chǎn)品確實(shí)能夠正常運(yùn)行。 圖 415 幫助效果圖 畢業(yè)設(shè)計(jì)（論文）紙 第 31 頁(yè) 共 37 頁(yè) ┊ ┊ ┊ ┊ ┊ ┊ ┊ ┊ ┊裝 ┊┊ ┊ ┊ ┊ ┊ ┊ ┊ ┊訂┊ ┊ ┊ ┊ ┊ ┊ ┊ ┊ ┊線(xiàn)┊ ┊ ┊ ┊ ┊ ┊ ┊ 5 系統(tǒng)測(cè)試 在進(jìn)行軟件開(kāi)發(fā)的過(guò)程中，避免不了出現(xiàn)錯(cuò)誤或未發(fā)現(xiàn)的 Bug，這些錯(cuò)誤和 Bug發(fā)現(xiàn)得越早，對(duì)后面的開(kāi)發(fā)和維護(hù)越有利 ，因此軟件測(cè)試是必不可少的步驟。先設(shè)問(wèn)并在下邊作答，并且問(wèn)題的 label 背景突出方便于用戶(hù)區(qū)分問(wèn)題和答案。 圖 414 關(guān)于效果圖 畢業(yè)設(shè)計(jì)（論文）紙 第 30 頁(yè) 共 37 頁(yè) ┊ ┊ ┊ ┊ ┊ ┊ ┊ ┊ ┊裝 ┊┊ ┊ ┊ ┊ ┊ ┊ ┊ ┊訂┊ ┊ ┊ ┊ ┊ ┊ ┊ ┊ ┊線(xiàn)┊ ┊ ┊ ┊ ┊ ┊ ┊ “幫助”界面的設(shè)計(jì)及實(shí)現(xiàn) 點(diǎn)擊菜單中帶有問(wèn)號(hào)圖片的按鈕會(huì)進(jìn)入到“幫助”的界面，助界面是幫助用戶(hù)了解系統(tǒng)的功能以及操作步驟。界面中采用兩個(gè)具有代表性的圖片用于顯示聯(lián)系的工具，并在后邊的 label 上填寫(xiě)作者的聯(lián)系方式。 關(guān)于和幫助模塊 “關(guān)于”界面的設(shè)計(jì)及實(shí)現(xiàn) 點(diǎn)擊 菜單中帶有感嘆號(hào)圖片的按鈕 會(huì)進(jìn)入到“關(guān) 于”的界面，用來(lái)介紹該系統(tǒng)的作者及聯(lián)系方式。目前有很多 JSON 數(shù)據(jù)解析工具，最流行的有 SBJSON 和JSONKit，在 iOS5 后蘋(píng)果公司也推出了 NSJson 方法用于解析 JSON 格式的數(shù)據(jù)，這幾種解析工具間的區(qū)別在第三章也詳細(xì)介紹過(guò)。 圖 412 內(nèi)容編輯后效果圖 (3) 分享成功效果圖如圖 413 所示。具體效果圖如下： (1) 內(nèi)容編輯效果圖如圖 411 所示。當(dāng)編輯好要分享的文字內(nèi)容和圖片后點(diǎn)擊右上角的“發(fā)送”按鈕就會(huì)將用戶(hù)編輯好的內(nèi)容分享到新浪微博的平臺(tái)上并跳轉(zhuǎn)回到到“實(shí)景拍攝”的界面。 當(dāng)用戶(hù)輸入完新浪微博的賬號(hào)和密碼并點(diǎn)擊“登錄”按鈕時(shí)會(huì)進(jìn)入到“新浪微博分享”的編輯界面。 新浪微博所有的數(shù)據(jù)都是用 JSON 格式寫(xiě)的，并且發(fā)微博接口的 HTTP 請(qǐng)求方式是POST,在上一節(jié)以及第三章已經(jīng)介紹過(guò) POST 請(qǐng)求方式和 POST 請(qǐng)求方式與 GET請(qǐng)求方式的區(qū)別，所以在次就不作詳細(xì)的介紹了。新浪微博的接口共有二百多個(gè)，就算是官方微博也沒(méi)有實(shí)現(xiàn)全部的接口，而新浪微博的接口都是開(kāi)放的，除了少數(shù)的高級(jí)接口需要權(quán)限外大部分接口都是免費(fèi)供開(kāi)發(fā)者使用。進(jìn)入微博分享部分時(shí)如果用戶(hù)沒(méi)有登錄授權(quán)系統(tǒng)會(huì)調(diào)出授權(quán)方法并彈出授權(quán)界面， OAuth 認(rèn)證效果圖如圖 410 所示。用戶(hù)授權(quán)后， web 應(yīng)用頁(yè)面將會(huì)重定向至你指定 的 回調(diào)界面 。 如果用戶(hù)沒(méi)有登錄新浪微博，則會(huì)要求用戶(hù)登錄。 (3) 用戶(hù)認(rèn)證 這一步主要是發(fā)送你獲取的 oauth_token，并且獲得用戶(hù)的授權(quán)。 由于我們還未獲取到 oauth_token 和 oauth_token_secret，所以我們的 BASE STRING 里沒(méi)有包含 oauth_token 和 oauth_token_secret。需要注意的是 callback 在 URL 中包含請(qǐng)求參數(shù)，由于參數(shù)只 CALLBACK URL 的一部分，所以并不需要將其提出成為獨(dú)立的參數(shù)。這一步主要有兩個(gè)目的：第一，告訴新浪微博你將要做什么 ； 第二，告訴新浪微博你在 callback 里要做什么 。新浪微博要求所有的 OAuth 請(qǐng)求都使用 HMACSHA1 算法生成簽名。 + url_encode( base_uri ) + amp。接下來(lái)，把所有的請(qǐng)求參數(shù)包括 POST 方法體中的參數(shù)，經(jīng)過(guò)排序 (按參數(shù)名進(jìn)行文本排序，如果參數(shù)名有重復(fù)則再安參數(shù)值進(jìn)行重復(fù)項(xiàng)目排序 )，使用 %3D 替代 =號(hào)，并且使用 %26 作為每個(gè)參數(shù)之間的分隔符，拼接成一個(gè)字符串。具體來(lái)講， base string 由 方法名，之后是 amp。 base string 是把 方法名 ,請(qǐng)求 URL 以及請(qǐng)求參數(shù)用amp。接下來(lái)，把所有的請(qǐng)求參數(shù)包括POST方法體中的參數(shù)，經(jīng)過(guò)排序 (按參數(shù)名進(jìn)行文本排序，如果參數(shù)名有重復(fù)則再安 畢業(yè)設(shè)計(jì)（論文）紙 第 25 頁(yè) 共 37 頁(yè) ┊ ┊ ┊ ┊ ┊ ┊ ┊ ┊ ┊裝 ┊┊ ┊ ┊ ┊ ┊ ┊ ┊ ┊訂┊ ┊ ┊ ┊ ┊ ┊ ┊ ┊ ┊線(xiàn)┊ ┊ ┊ ┊ ┊ ┊ ┊ 參數(shù)值進(jìn)行重復(fù)項(xiàng)目排序 )，使用 %3D 替代 =號(hào)，并且使用 %26 作為每個(gè)參數(shù)之間的分隔符，拼接成一個(gè)字符串。具體來(lái)講， base string 由 方法名，之后是 amp。 base string 是把 方法名 ,請(qǐng)求 URL 以及請(qǐng)求參數(shù)用 amp。 Key 跟 Secret 的使用方式跟其他一些協(xié)議中的公鑰私鑰的方案相類(lèi)似， 可以使用 自己 所熟悉的編程語(yǔ)言將 key 和 secret結(jié)合，為 自己 發(fā)出的每個(gè)請(qǐng)求添加簽名，以此來(lái)向新浪微博開(kāi)放平臺(tái)表明自己身份的合法性。 為了使用新浪微博開(kāi)放平臺(tái)提供的 API(應(yīng)用程序接口 )，需要先注冊(cè)一個(gè)應(yīng)用。 當(dāng)用戶(hù)點(diǎn)擊“拍個(gè)照”按鈕時(shí)會(huì)調(diào)用本地相機(jī)進(jìn)行拍照 ,調(diào)出本地相 機(jī)效果圖如圖 49 所示。 圖 48 實(shí)景拍攝效果圖 本系統(tǒng)的分享模塊需要實(shí)現(xiàn)調(diào)用本地相機(jī)的功能， iOS 系統(tǒng)自帶一種調(diào)用本地相機(jī)的方法，首先要繼承代理方法 UIImagePickerControllerDelegate，并在 .m文件實(shí)現(xiàn)該代理方法。分享模塊的第一個(gè)界面 畢業(yè)設(shè)計(jì)（論文）紙 第 23 頁(yè) 共 37 頁(yè) ┊ ┊ ┊ ┊ ┊ ┊ ┊ ┊ ┊裝 ┊┊ ┊ ┊ ┊ ┊ ┊ ┊ ┊訂┊ ┊ ┊ ┊ ┊ ┊ ┊ ┊ ┊線(xiàn)┊ ┊ ┊ ┊ ┊ ┊ ┊ “實(shí)景拍攝”界面，用來(lái)簡(jiǎn)單的告訴用戶(hù)這個(gè)某 塊的功能，里邊共有兩個(gè)按鈕，分別是“拍個(gè)照”和“分享下”。目前也有很多應(yīng)用軟件開(kāi)始注意到這一點(diǎn)并開(kāi)始拓展新的模塊用來(lái)方便用戶(hù) ,天氣預(yù)報(bào)的應(yīng)用軟件也不例外，如墨跡天氣的“實(shí)景拍攝”功能模塊，并有自己的服務(wù)器用來(lái)方便用戶(hù)分享自己拍攝的照片。 蘋(píng)果手機(jī)自 iPhone4 開(kāi)始內(nèi)置 的照相機(jī)像素就已經(jīng)達(dá)到 500W，但卻相當(dāng)于其他手機(jī)的 800W，這也是蘋(píng)果手機(jī)吸引用戶(hù)的原因之一。 圖 47 溫馨提示效果圖 分享模塊 iPhone、 iPad 和 iPod touch 提供了內(nèi)置照相機(jī)和 Photos 應(yīng)用程序，這在現(xiàn)在已經(jīng)不足為奇。趨勢(shì)圖的橫坐標(biāo)帶顯示對(duì)應(yīng)的日期，縱坐標(biāo)顯示的溫度段。 當(dāng)用戶(hù)在天氣查詢(xún)界面點(diǎn)擊右上角的“趨勢(shì)”按鈕時(shí)會(huì)進(jìn)入到“五天內(nèi)天氣變化趨勢(shì)”界面，這個(gè)界面是個(gè)折線(xiàn)圖，可以讓用戶(hù)更直觀的了解到未來(lái) 5天內(nèi)的氣溫變化。 圖 46 溫馨提示效果圖 一個(gè)好的天氣預(yù)報(bào)應(yīng)用軟件一定要有折線(xiàn)圖這部分來(lái)更直觀的顯示出未來(lái)天氣氣溫的變化以方便用戶(hù)更清晰的了解到天氣變化的信息。 圖 44 天氣查詢(xún)效果圖 (2) 天氣詳情效果圖如圖 45所示。當(dāng)用戶(hù)點(diǎn)擊第二個(gè) cell 時(shí)會(huì)進(jìn)入到“天氣詳情”界面；當(dāng)用戶(hù)點(diǎn)擊第四個(gè) cell 時(shí)會(huì)進(jìn)入到“溫馨提示”界面。 圖 43 按市、縣級(jí)城市查詢(xún)效果圖 當(dāng)用戶(hù)選好想要查詢(xún)的城市后會(huì)進(jìn)入到天氣查詢(xún)界面。具體效果圖如下： (1) 按省級(jí)查詢(xún)效果圖 如圖 42所示。 因?yàn)楸鞠到y(tǒng)設(shè)計(jì)的是用戶(hù)需要先進(jìn)行地理位置查詢(xún)?nèi)缓笤龠M(jìn)行天氣查詢(xún)，所以當(dāng)用戶(hù)點(diǎn)擊查詢(xún)天氣的按鈕時(shí)會(huì)先進(jìn)入到地理位置查詢(xún)的界面。 本系統(tǒng)還設(shè)計(jì)了加載齒輪效果，當(dāng)獲取并解析數(shù)據(jù)的時(shí)候屏幕中間會(huì)有加載齒輪在轉(zhuǎn)動(dòng)，同時(shí)用戶(hù)不能進(jìn)行操作。 NSXMLParser 實(shí)例會(huì)逐行讀取傳入的 畢業(yè)設(shè)計(jì)（論文）紙 第 18 頁(yè) 共 37 頁(yè) ┊ ┊ ┊ ┊ ┊ ┊ ┊ ┊ ┊裝 ┊┊ ┊ ┊ ┊ ┊ ┊ ┊ ┊訂┊ ┊ ┊ ┊ ┊ ┊ ┊ ┊ ┊線(xiàn)┊ ┊ ┊ ┊ ┊ ┊ ┊ XML 數(shù)據(jù)，發(fā)現(xiàn)特定的信息后會(huì)向自己的委托對(duì)象發(fā)送消息，例如，找到了新的元素標(biāo)記或找到了位于元素內(nèi)的字符串。 因?yàn)檎?qǐng)求到的數(shù)據(jù)是 XML 數(shù)據(jù)，所以要想解析數(shù)據(jù)只能用解析 XML 數(shù)據(jù)的方法解析 。ASIHttpRequest 用起來(lái)非常方便， 主要實(shí)現(xiàn)里邊的幾個(gè)代理方法即可進(jìn)行數(shù)據(jù)請(qǐng)求。 畢業(yè)設(shè)計(jì)（論文）紙 第 17 頁(yè) 共 37 頁(yè) ┊ ┊ ┊ ┊ ┊ ┊ ┊ ┊ ┊裝 ┊┊ ┊ ┊ ┊ ┊ ┊ ┊ ┊訂┊ ┊ ┊ ┊ ┊ ┊ ┊ ┊ ┊線(xiàn)┊ ┊ ┊ ┊ ┊ ┊ ┊ 圖 41 菜單效果圖 天氣查詢(xún)模塊 用 POST 方法進(jìn)行請(qǐng)求數(shù)據(jù) 在 iOS 中向網(wǎng)絡(luò)請(qǐng)求數(shù)據(jù)或者發(fā)送數(shù)據(jù)一般分為 POST 方法和 GET 方法兩種（兩種方法的區(qū)別見(jiàn)第三章），本系統(tǒng)的天氣查詢(xún)模塊采用的是 POST 方法向網(wǎng)絡(luò)請(qǐng)求數(shù)據(jù)。 本系統(tǒng)實(shí)現(xiàn)的動(dòng)畫(huà)效果主要分為將控件連成一個(gè)圓、在 Button 按 鈕移動(dòng)到后邊時(shí)按鈕要縮放 并且點(diǎn)擊不同按鈕進(jìn)入相對(duì)應(yīng)的下一級(jí)界面 。 菜單模塊的動(dòng)畫(huà)效果實(shí)現(xiàn) 隨著移動(dòng)互聯(lián)網(wǎng)迅猛的發(fā)展，產(chǎn)品重點(diǎn)也漸漸的由 UI 變成 UE，而動(dòng)畫(huà)效果則可以很好的解決 UE 的問(wèn)題。但是列表形式的界面最大的缺點(diǎn)就是不夠靈活，所以本系統(tǒng)采用比較靈活的第一種布局方式。菜單界面的每個(gè)按鈕都對(duì)應(yīng)一個(gè)進(jìn)程的入口，當(dāng)點(diǎn)擊不同的 Button 時(shí)會(huì)進(jìn)入不同的模塊并執(zhí)行該模塊的程序。 菜單模塊 菜單模塊的主要功能 菜單模塊是程序的入口，也是用戶(hù)第一眼所能看到的界面，所以一個(gè)軟件是否 能夠吸引用戶(hù)并留住用戶(hù)，菜單的設(shè)計(jì)至關(guān)重要。本章將描述所有模塊的具體設(shè)計(jì)與實(shí)現(xiàn)，部分列出關(guān)鍵代碼?；谶@些必須達(dá)到的功能需求，本系統(tǒng)的系統(tǒng)內(nèi)容結(jié)構(gòu)圖如圖 33 所示。 圖 32 系統(tǒng)啟動(dòng)流程 系統(tǒng)內(nèi)容結(jié)構(gòu)組織 基于 iOS 的天氣預(yù)報(bào)查詢(xún)系統(tǒng)的設(shè)計(jì)與實(shí)現(xiàn)主要內(nèi)容包括地點(diǎn)查詢(xún)、天氣查詢(xún)、折線(xiàn)圖、實(shí)景拍攝和分享。初始化完所有模塊后再運(yùn)行系統(tǒng)其他核心初始化代碼。整個(gè)系統(tǒng)以菜單模塊為核心，天氣查詢(xún)模塊負(fù)責(zé)顯示天氣情況，分享模塊負(fù)責(zé)分享文字和圖片到新浪微博平臺(tái)。本節(jié) 我們將介紹一下系統(tǒng)的總體結(jié)構(gòu)。 系統(tǒng)總體結(jié)構(gòu) 基于 iOS 的天氣預(yù)報(bào)查詢(xún)的系統(tǒng)設(shè)計(jì)與實(shí)現(xiàn)是一款比較實(shí)用的手機(jī)軟件，系統(tǒng)設(shè)計(jì)包括技術(shù)和組織兩個(gè)方面內(nèi)容。 (2) 用戶(hù) 可以通過(guò)手機(jī)隨時(shí)隨地發(fā)布相關(guān)消息，可以即寫(xiě)即發(fā)，即拍即發(fā) 。 (1) 能夠快速大范圍的傳播信息。雖然目前騰訊微博也在迅猛的發(fā)展并搶占市場(chǎng)，但在微博客的世界中新浪依然占據(jù)老大的位置，無(wú)可撼動(dòng)。 分享模塊 分享模塊是本系統(tǒng)的一個(gè)吸引用戶(hù)的亮點(diǎn)，因?yàn)樵撃K選用了新浪微博平臺(tái)。 (2) GET 的 URL會(huì)有長(zhǎng)度上的限制，則 POST 的數(shù)據(jù)則可以非常大 。 再進(jìn)一步了解下他們兩個(gè)的區(qū)別： (1) GET 使用 URL 或 Cookie 傳參。折線(xiàn)圖則是利用 iOS 中比較復(fù)雜的畫(huà)板顯示，通過(guò)獲取到的未來(lái) 5天內(nèi)的氣溫變化以折線(xiàn)形式顯示在畫(huà)板上，可以方便用戶(hù)更直觀的了解到未來(lái)的天氣變化。 圖 31 菜單模塊效果圖 畢業(yè)設(shè)計(jì)（論文）紙 第 13 頁(yè) 共 37 頁(yè) ┊ ┊ ┊ ┊ ┊ ┊ ┊ ┊ ┊裝 ┊┊ ┊ ┊ ┊ ┊ ┊ ┊ ┊訂