【文章內(nèi)容簡介】 青綠色，簡約而不失美觀。功能按鈕亦按簡約易用的原則設(shè)計和擺放。用戶通過點擊界面下方 tabBar 上的按鈕，即可在本地音樂、網(wǎng)絡(luò)音樂、MV、設(shè)置之間進(jìn)行隨意切換。*************畢業(yè)設(shè)計說明書(論文)第 10 頁 共 37 頁 圖 24 播放器主界面 圖 25 播放子系統(tǒng)播放子系統(tǒng)的界面亦采用青綠色的色調(diào)，整體顯得協(xié)調(diào)美觀。具體如上圖25 所示，同時點擊專輯圖片左右滑動即可在歌詞顯示和歌手圖片顯示畫面間自由的切換。 可行性分析可行性分析也稱為可行性研究，即是在系統(tǒng)調(diào)查的基礎(chǔ)上，針對新系統(tǒng)的開發(fā)是否具備必要性和可能性，對新系統(tǒng)的開發(fā)從技術(shù)、經(jīng)濟、管理的方面進(jìn)行分析和研究，以避免投資失誤，保證新系統(tǒng)的開發(fā)成功?？尚行匝芯康哪康木褪怯米钚〉拇鷥r在盡可能短的時間內(nèi)確定問題是否能解決。該系統(tǒng)的可行性分析包括以下幾個方面的內(nèi)容。 經(jīng)濟可行性主要是對項目的經(jīng)濟效益進(jìn)行評價。隨著 iPhone 手機的流行，設(shè)計和開發(fā)一款能滿足 iPhone 用戶聽音樂需求的播放器是十分必要的。具備音樂的搜索、下載、播放等功能的音樂的播放器是很有市場前景的。本款播放器在經(jīng)濟上是完全可以接受的，只要用戶擁有 iPhone 手機 ，即可安裝這款音樂播放器。所以本款播放器在經(jīng)濟上是可行的。*************畢業(yè)設(shè)計說明書(論文)第 11 頁 共 37 頁 技術(shù)可行性技術(shù)上的可行性分析主要分析技術(shù)條件是否能順利完成開發(fā)工作，硬、軟件能否滿足開發(fā)者的需要等。軟件方面，應(yīng)用程序開發(fā)所需要的各種軟件環(huán)境都已具備，服務(wù)器方面則有 MAMP，安裝管理都很方便。其包括的 PHP 和MySQL 的靈活性、安全性和易用性都為服務(wù)器端的設(shè)計和代碼編寫提供了良好的條件。因此，系統(tǒng)軟件開發(fā)平臺已成熟可行。硬件方面，擁有一臺 Mac 或Mac Book 即可，本人已擁有一臺 Mac Book。因此，系統(tǒng)硬件開發(fā)平臺已成熟可行。 社會可行性分析本應(yīng)用程序為獨立開發(fā)，在技術(shù)上沒有使用任何現(xiàn)有的軟件與方法。所以在法律方面不會存在侵犯專利權(quán)、侵犯版權(quán)等問題，完全符合規(guī)定。*************畢業(yè)設(shè)計說明書(論文)第 12 頁 共 37 頁第 3 章 總體設(shè)計 播放器總體設(shè)計根據(jù)需求分析和功能用例圖，分析得出本播放器功能模塊主要如下四個部分：本地列表、網(wǎng)絡(luò)列表、MV 列表、設(shè)置。具體功能設(shè)計如下圖 31 所示。音樂播放器 本地列表 網(wǎng)絡(luò)列表歌曲播放界面設(shè)置M V 列表上一曲下一曲暫停播放錄音專輯圖片顯示歌詞顯示播放暫停退出下載搜索播放模式隨機播放單曲循環(huán)順序播放關(guān)開圖 31 播放器功能模塊圖具體功能描述如下：（1） 本地音樂播放功能：對保存在本地的歌曲進(jìn)行播放。（2） 網(wǎng)絡(luò)音樂下載功能：網(wǎng)絡(luò)上的音樂可以下載保存到本地。（3） 網(wǎng)絡(luò)歌曲搜索功能：在網(wǎng)絡(luò)歌曲列表中查找自己想要聽的歌曲。（4） 歌詞同步顯示功能：播放音樂的時候同步顯示歌詞。（5） MV 播放功能：播放已下載的 MV。（6） 錄音功能：錄制音頻并可以回放。（7） 系統(tǒng)設(shè)置功能：設(shè)置是否自動下載歌詞、是否自動下載專輯圖片等。*************畢業(yè)設(shè)計說明書(論文)第 13 頁 共 37 頁 服務(wù)器功能模塊設(shè)計為配合上述播放器的功能設(shè)計，服務(wù)器端設(shè)計分為如下 3 個功能模塊：歌曲分類、歌曲列表顯示、歌曲錄入。如圖 32 所示。服務(wù)器歌曲分類歌曲錄入歌曲列表圖 32 服務(wù)器模塊圖具體功能描述如下：（1） 歌曲分類功能：對歌曲進(jìn)行分類，如新歌、經(jīng)典老歌等，方便用戶分類查找。（2） 歌曲列表顯示功能：顯示上傳到服務(wù)器的所有歌曲，并可以刪除已上傳的歌曲，和試聽已存在的歌曲。（3） 歌曲錄入端口功能：錄入歌曲名稱、歌手名，上傳歌手圖片、歌曲資源到服務(wù)器。 數(shù)據(jù)庫設(shè)計根據(jù)上述服務(wù)器功能模塊圖，結(jié)合播放器的的功能，分析、設(shè)計得出如下表 31 所示的系統(tǒng)數(shù)據(jù)庫表。表 31 歌曲屬性表（music_list）字段名稱 類型 是否為空 是否自增 是否主鍵 注釋id int(10) √ √ 序號m_id varchar(20) 歌曲 idm_file_name varchar(100) 歌曲路徑m_file varchar(100) 歌曲名m_who_song varchar(20) 歌手名m_who_image_name varchar(100) 專輯圖片m_downloads int(10) 下載量m_time int(10) 上傳時間m_size varchar(20) 歌曲大小*************畢業(yè)設(shè)計說明書(論文)第 14 頁 共 37 頁第 4 章 詳細(xì)設(shè)計與實現(xiàn) 開發(fā)環(huán)境配置客戶端環(huán)境：（1）Mac OS X 操作系統(tǒng)（2）Safari 瀏覽器及其兼容瀏覽器（3）開發(fā)工具：Xcode （4）開發(fā)語言：Objective C（5）硬件環(huán)境：CPU 主頻為 GHz 及以上，內(nèi)存 4 GB 及以上服務(wù)器環(huán)境：（1）操作系統(tǒng)：Mac OS X 操作系統(tǒng)（2）數(shù)據(jù)庫系統(tǒng)：MySQL （3）開發(fā)語言：PHP（4）開發(fā)工具：MAMP （5）硬件環(huán)境：CPU 主頻為 GHz 及以上，內(nèi)存 4 GB 及以上 服務(wù)器配置安裝好 MAMP 后，在 Finder 中選擇應(yīng)用程序，點擊 MAMP，選擇 Launch MAMP PRO，即可啟動 MAMP 配置。如圖 41 所示。圖 41 Launch MAMP PRO點擊 Hosts 添加本地地址 ，如圖 42 所示。*************畢業(yè)設(shè)計說明書(論文)第 15 頁 共 37 頁圖 42 Hosts 本地地址配置點擊 Server 修改 Apache 端口號為 80，如圖 43 所示。 圖 43 Apache 端口配置*************畢業(yè)設(shè)計說明書(論文)第 16 頁 共 37 頁經(jīng)過上述兩部操作，服務(wù)器即已配置好。點擊右上角的 start 按鈕，即可開啟 Apache 和 MySQL,如圖所 44 示。圖 44 啟動 MAMP PRO 數(shù)據(jù)庫創(chuàng)建此時點擊 WebStart 開啟服務(wù)器，點擊 PHPMyadmin 在新建數(shù)據(jù)庫的位置新建數(shù)據(jù)庫。注意整理那一項要選擇 utf8_general_ci，使其與下面 MySQL 連接校對的地方相同，如圖 45 所示。圖 45 新建數(shù)據(jù)庫*************畢業(yè)設(shè)計說明書(論文)第 17 頁 共 37 頁當(dāng)數(shù)據(jù)庫建立好之后，便可以在數(shù)據(jù)庫中建立數(shù)據(jù)表了，本系統(tǒng)建立了如下兩張數(shù)據(jù)表，如圖 46 所示。圖 46 系統(tǒng)數(shù)據(jù)表 服務(wù)器功能展示整個服務(wù)器共分為 3 部分，第一部分是歌曲的分類，如新歌、經(jīng)典老歌等。其可以添加歌曲的分類，也可以刪除或重命名已有的歌曲分類，如圖 47 所示。*************畢業(yè)設(shè)計說明書(論文)第 18 頁 共 37 頁圖 47 歌曲分類第二部分是歌曲的列表顯示。其可以刪除已有的歌曲，可以查看這首歌曲的詳情，還可以試聽，如圖 48，49 所示。圖 48 歌曲列表*************畢業(yè)設(shè)計說明書(論文)第 19 頁 共 37 頁圖 49 歌曲詳情第三部分是歌曲錄入端口，選擇歌曲類型，輸入歌手名，上傳專輯圖片和歌曲資源即可完成音樂的上傳，如圖 410 所示。圖 410 歌曲錄入端口*************畢業(yè)設(shè)計說明書(論文)第 20 頁 共 37 頁 客戶端設(shè)計與實現(xiàn)客戶端設(shè)計屬于詳細(xì)設(shè)計。詳細(xì)設(shè)計是軟件工程中軟件開發(fā)的一個步驟，就是對概要設(shè)計的一個細(xì)化，就是詳細(xì)設(shè)計每個模塊實現(xiàn)算法，所需的局部數(shù)據(jù)結(jié)構(gòu)。詳細(xì)設(shè)計的目標(biāo)有兩個：實現(xiàn)模塊功能的算法要邏輯上正確、算法描述要簡明易懂。在總體設(shè)計部分已確定了本款音樂播放器的各功能模塊，結(jié)合界面設(shè)計原則，在此部分將對各功能模塊的具體用戶界面設(shè)計和詳細(xì)功能設(shè)計進(jìn)行細(xì)化、并編寫代碼實現(xiàn)。 首頁如圖 411 所示，為本款音樂播放器的首頁。其實現(xiàn)方法使用了 iCarousel控件。這使得用戶只要用手指在本地音樂、網(wǎng)絡(luò)音樂、MV 和設(shè)置模塊之間進(jìn)行輕松滑動，即可實現(xiàn)不同功能的自由切換。同時通過輕輕點擊即可進(jìn)入相應(yīng)的具體功能模塊。 圖 411 首頁圖 412 本地播放列表*************畢業(yè)設(shè)計說明書(論文)第 21 頁 共 37 頁iCarousel 控件的使用可以增加用戶的體驗感受，具體代碼如代碼 41 所示。pragma mark iCarousel methods//顯示每個 iCarousel 的內(nèi)容，如標(biāo)題，圖片(UIView*)carousel:(iCarousel*)carousel viewForItemAtIndex:(NSUInteger)index reusingView:(UIView *)view{ UIButton *button = nil。 UIImageView *imgaeTY=nil。 FXLabel *label = nil。 //create new view if no view is available for recyclingif (view == nil){ //設(shè)置 view 大小 view =[[UIView alloc]initWithFrame:CGRectMake(0,0, 500, 600)]。 =[UIColor clearColor]。 [view setFrame:CGRectMake(0, 0, 200, 340)]。 imgaeTY = [[UIImageView alloc] initWithFrame:CGRectMake(0, 20, 210, 247)]。 // [imgaeTY setImage:[UIImage imageNamed:@page]]。 button = [[UIButton alloc]initWithFrame:CGRectMake(0, 80, 180, 200)]。 label = [[FXLabel alloc]initWithFrame:CGRectMake(40, 20, 180,100)]。 = 3。//設(shè)置行數(shù) = RGBA(0, 120, 125, 1)。 = [UIColor clearColor]。 // NSString *title = [self exchangeNumberToString:index]。 //label 的內(nèi)容可以分別來設(shè)置 =[NSString stringWithFormat:@%@,[arrList objectAtIndex:index]]。 = [UIFont fontWithName:@ArialBoldMT size:20]。 //圖片內(nèi)容 NSString *number = [NSString stringWithFormat:@%d,index+1]。 if (index9) { number = [NSString stringWithFormat:@0%d,index+1]。 } [button setImage:[UIImage imageNamed:[NSString stringWithFormat:@豎條%@,number]] forState:UIControlStateNormal]。 = 。 [button addTarget:self action:@selector(buttonTouched:) forControlEvents:UIControlEventTouchUpInside]。 [view addSubview:imgaeTY]。 [view addSubview:button]。 [view addSubview:label]。 }else{button = [[view subviews] lastObject]。}return view。 }代碼 41 iCarousel 控件實現(xiàn) 本地列表本地列表用于顯示用戶當(dāng)前所擁有的本地歌曲。如圖 412 所示，為當(dāng)前已*************畢業(yè)設(shè)計說明書(論文)第 22 頁 共 37 頁下載在本地的歌曲列表，上下拖動即可以實現(xiàn)列表的滑動，這讓用戶可以輕松自如的瀏覽當(dāng)前歌曲列表或查找想聽的音樂。在本模塊實現(xiàn)方法中，使用了tableView 及 tableViewCell 控