淡江大學覺生紀念圖書館 (TKU Library)
進階搜尋


下載電子全文限經由淡江IP使用) 
系統識別號 U0002-2208201612281200
中文論文名稱 建築物耐風設計規範查詢系統於iOS平台上之開發與設計
英文論文名稱 The Development and Design of an iOS APP for Taiwan's Building Wind Code
校院名稱 淡江大學
系所名稱(中) 土木工程學系碩士班
系所名稱(英) Department of Civil Engineering
學年度 104
學期 2
出版年 105
研究生中文姓名 李哲安
研究生英文姓名 Che-An Lee
學號 602380023
學位類別 碩士
語文別 中文
口試日期 2016-06-23
論文頁數 77頁
口試委員 指導教授-王人牧
委員-張正興
委員-陳振華
中文關鍵字 建築物耐風設計規範與解說 
英文關鍵字 Xcode  iOS  Swift  Mobile Application 
學科別分類 學科別應用科學土木工程及建築
中文摘要 隨著現代科技之進步,行動裝置的技術趨於成熟與穩定,普及率愈來愈高的時代,人們仰賴行動裝置的程度也相對提升許多。因此,衍生出了許多具有功能性的應用程式(Mobil Application,App),提供給使用者使用。
在土木工程的領域當中,有部分的工作皆是透過電腦技術支援來輔助完成,如同結構之計算與分析,而這些分析的依據皆來自於各式各樣的規範。土木工程師在進行設計時會參考許多規範的內容,不過規範通常皆為數百頁之多,工程師在有需求時無法逐一的進行翻閱。
因此,本研究將內政部建築研究所所頒佈之「2014建築物耐風設計規範與解說」以應用程式之型態呈現,希望以此提升土木工程師在翻閱規範時之便利性。
本研究以Apple公司所提供之整合式開發平台Xcode為開的主要工具,並且使用新推出的程式語言Swift為其開發iOS 系統之語言,整合「2014建築物耐風設計規範與解說」後完成一個功能性較完整的應用程式。
最後,透過Xcode進行實作之後,於Apple Device上實測,藉此了解在iOS系統上開發與土木工程相關App的程序與技術,以及評估在使用上之優缺點,以此為未來進行後續相關的App開發及改善的標準。
英文摘要 With the advance of science and technology, mobile devices are tending towards much more stability and maturity. It penetrates into our life with a fast speed that we don’t even notice. As we can see that people rely on mobile phone more than ever. Therefore, there are many mobile applications with different functions available for users to install.

Regarding the field of civil engineering, it’s a profession that highly needs assistance with computer technology when it comes to the calculation and analysis of structures. All of these depend on variety of codes and specifications. Civil engineers refer to all these documents when doing their designs. However, it would be hard for them to cite material while they only need a few thing inside hundreds of pages of design code.

As the research shows, this mobile application (App) is based on Wind Resistance Design Specifications and Commentary of Buildings, announced by Architecture and Building Research Institute, Ministry of the Interior. We seek to provide more convenience for civil engineers when they need to read over the specifications.

The goal of the research is to combine all the material into a functional mobile application. Not only Xcode was used as the integrated development platform, the new iOS programming language Swift, provided by Apple Inc., was selected at the beginning of the project.

Last but not least, we developed this application using Xcode and tested the App using the simulator as well as several Apple devices to realize the technology and process about developing an application for civil engineering on iOS system, and to evaluate the pros and cons for improving the App in the future.
論文目次 目錄
目錄 i
圖目錄 iii
表目錄 vi
程式目錄 vii
第一章 緒論 1
1.1 研究動機 1
1.2 研究目的 2
1.3 研究方法 3
1.4 研究內容 4
第二章 文獻回顧 5
2.1 設備與裝置 5
2.1.1 蘋果電腦 5
2.1.2 蘋果手機 5
2.1.3 作業系統 6
2.2 系統開發環境與架構解析 9
2.2.1 iOS系統架構解析 9
2.2.2 iOS SDK 13
2.2.3 Xcode IDE 14
2.2.4 Interface Builder 15
2.2.5 Simulator 16
2.2.6 iOS專案檔案的目錄與結構 17
2.2.7 iOS 應用程式生命週期 22
2.3 行動裝置之應用程式設計與開發 24
2.4 建築物耐風設計規範與解說 25
第三章 系統設計與分析 26
3.1 系統分析 26
3.1.1 使用者需求 26
3.1.2 使用者預期之目標 27
3.2 開發環境 28
3.2.1 Xcode安裝 28
3.2.1 SourceTree安裝 29
3.3 設計模式 31
3.3.1 MVC Model 31
3.3.2 Auto Layout 34
3.4 流程設計與介面設計 34
3.4.1 系統概要 34
3.4.2 系統流程 35
3.4.3 系統介面設計 37
3.5 系統寫作 39
3.5.1 App啟動畫面 39
3.5.2 程式概要 41
3.5.3 進階搜尋 43
3.5.4 風力規範 46
3.5.5 關於我們 50
3.5.6 App傳輸安全 52
第四章 系統演示 54
4.1 系統規格 54
4.2 系統啟動之展示 55
4.3 中心簡介之頁面展示 58
4.4 進階搜尋之頁面展示 59
4.5 風力規範之頁面展示 63
4.6 關於我們之頁面展示 69
4.7 計算功能之頁面展示 72
第五章 結論與建議 74
5.1 結論 74
5.2 未來展望與建議 75
參考文獻 77

圖目錄
圖1-1 研究流程圖 3
圖 2-1 iOS系統架構圖 9
圖 2-2 Simultor模擬iPhone 5/ iPhone 6s之間的視圖大小差異 16
圖 2-3 Xcode 專案目錄結構圖 17
圖2-4 UITests 目錄 18
圖 2-5 AppDelegate 協定 18
圖2-6 ViewController 19
圖 2-7 Main Storyboard 架構 20
圖2-8 Assets目錄 20
圖2-9 Info.Plist目錄 21
圖2-10 Tests 目錄 22
圖2-11 Products目錄 22
圖2-12 應用程式狀態變化示意圖 23
圖2-13 建築物耐風設計規範與解說架構圖 25
圖3-1 Apple Developer Program網頁 28
圖3-2 Xcode下載頁面(1) 28
圖3-3 Xcode下載頁面(2) 29
圖3-4 SourceTree下載頁面 29
圖3-5 SourceTree介面 30
圖3-6 SourceTree記載變動之頁面 30
圖3-7 變動記載對話窗 30
圖3-8 Xcode 使用者介面設計之頁面 31
圖3-9 MVC Model架構圖 32
圖3-10 MVC Model運作機制說明圖 33
圖3-11 手機程式開發架構 35
圖3-12 系統架構圖 35
圖3-13 App架構圖 36
圖3-14 系統設計流程圖 36
圖3-15 系統介面架構圖 37
圖3-16 Laucn Image來源選取圖 40
圖3-17 啟動畫面顯示的尺寸及畫質 40
圖3-18 啟動畫面屬性設定圖 40
圖3-19 兩畫面中以Segue 進行連接圖 41
圖3-20 直接將文字置入Text View示意圖 42
圖3-21 進階搜尋介面配置圖 43
圖3-22 使用者介面預覽圖 44
圖3-23 風力規範分頁配置圖 46
圖3-24 介面Scene的內容物示意圖 46
圖3-25及圖3-26 關於我們介面瀏覽、網頁加載示意圖 52
圖3-27 Info.Plist設定圖 53
圖4-1 建築物耐風設計規範查詢系統 56
圖4-2 App啟動畫面 57
圖4-3 App預設之首頁 57
圖4-4 程式簡介之內文 58
圖4-5版本解說之內文 59
圖4-6 進階搜尋之頁面 60
圖4-7 搜尋範例1 60
圖4-8 搜尋範例2 61
圖4-9 搜尋結果1 61
圖4-10 搜尋結果2 62
圖4-11 風力規範列表 63
圖4-12 第一章內之小節 64
圖4-13 1-1規範內文 65
圖4-14 1-2規範內文 65
圖4-15 表目錄之列表 66
圖4-16 表2.1(a)之內文 66
圖4-17 表2.1(a)進行放大功能 67
圖4-18 圖目錄之列表 67
圖4-19 圖3.1(a)之內文 68
圖4-20 圖3.1(a)進行放大功能 68
圖4-21 關於我們之頁面 69
圖4-22 淡江大學土木系系網 70
圖4-23 風工程研究中心網站 70
圖4-24 淡江大學土木系Facebook帳號 71
圖4-25 計算功能之頁面 72
圖4-26 為方形高塔之計算結果 73
圖4-27 為三角形高塔之計算結果 73

表目錄
表 2-1 全球各大廠牌智慧型手機於2015年第二季的銷售量 ....................................... 7
表 2-2 iOS與Android系統之比較 ........................................................................................... 8
表3-1 使用者需求表 ................................................................................................................... 27
表3-2 介面檔案說明表 ............................................................................................................... 38
表4-1 手機規格表 ........................................................................................................................ 54
表4-2 電腦規格表 ........................................................................................................................ 55

程式目錄
程式3-1 將啟動畫面的時間延長成10秒 .......................................................................... 41
程式3-2 Search Bar設定 .......................................................................................................... 45
程式3-3執行比對工作 .............................................................................................................. 45
程式3-4顯示比對結果 .............................................................................................................. 45
程式3-5 列表顯示欄位的控制 ................................................................................................ 47
程式3-6章節名稱範圍 .............................................................................................................. 47
程式3-7 小節頁面的選取機制 ................................................................................................ 47
程式3-8 讓畫面中的Label確實能載入系統 ................................................................... 48
程式3-9 IBOutlet宣告Label內容 ....................................................................................... 48
程式3-10 使用者點擊螢幕後台的顯示機制 ..................................................................... 48
程式3-11 Scroll View能進行放大及縮小 ......................................................................... 48
程式3-12 規範內文儲存的形式 ............................................................................................. 49
程式3-13 宣告陣列 .................................................................................................................... 50
程式3-14 回傳相對應的列數 ................................................................................................. 50
程式3-15 利用SFSafari進行網站加載 ............................................................................... 50
程式3-16 網站Links設定 ....................................................................................................... 51
程式3-17 利用UIWebView進行加載 ................................................................................ 51
參考文獻 1. Mac電腦,維基百科,URL:https://zh.wikipedia.org/wiki/Mac電腦
2. 蘋果公司,維基百科,URL: https://zh.wikipedia.org/wiki/蘋果公司
3. iPhone,維基百科,URL:https://zh.wikipedia.org/wiki/IPhone
4. iOS,維基百科,URL:https://zh.wikipedia.org/wiki/IOS
5. 「全球各大廠牌智慧型手機於2015年第二季的銷售量」,URL:http://www.techbang.com/posts/23902-garter-2015-q1
6. 張景翔 ,「Android 與 iOS 作業系統的比較 」,URL:http://www.shs.edu.tw/works/essay/2013/03/2013032501310777.pdf
7. 「iOS系統架構」,URL:https://read01.com/7DmRR.html
8. 賴季欣,「建築風載種計算分析系統於Android平台上之設計與開發」,淡江大學土木工程學系碩士論文
9. iOS SDK,維基百科,URL:https://zh.wikipedia.org/wiki/IOS軟體開發工具包
10. Xcode,Apple開發者官方網站,URL:https://developer.apple.com/xcode/
11. 「Xcode中的iOS模擬器(iOS Simulator)的介绍」,URL:http://www.crifan.com/intro_ios_simulator_in_xcode_and_usage_summary/
12. 「iOS應用程序的生命周期」,URL:http://www.jianshu.com/p/aa50e5350852
13. 杜尚珀,「iOS與Android系統下應用軟體設計方法之研究」,正修科技大學資訊工程系碩士論文
14. 「建築物耐風設計規範及解說」,URL:http://www.cpami.gov.tw/chinese/index.php?option=com_content&view=article&id=10479&Itemid=57
15. Simon Ng,「iOS 9 程式設計實力超進化實戰策略」,博碩文化股份有限公司
論文使用權限
  • 同意紙本無償授權給館內讀者為學術之目的重製使用,於2016-08-22公開。
  • 同意授權瀏覽/列印電子全文服務,於2016-08-22起公開。


  • 若您有任何疑問,請與我們聯絡!
    圖書館: 請來電 (02)2621-5656 轉 2486 或 來信