(3.227.208.0) 您好!臺灣時間:2021/04/18 13:18
字體大小: 字級放大   字級縮小   預設字形  
回查詢結果

詳目顯示:::

我願授權國圖
: 
twitterline
研究生:黃金德
研究生(外文):Chin-Te Huang
論文名稱:以IPCAM實現即時影像監視及網頁解析之iOS應用程式開發
論文名稱(外文):Development of iOS application for Implementation of Real-Time Image Surveillance and Web Parser Using IPCAM
指導教授:容志輝
指導教授(外文):Chee-Fai Yung
學位類別:碩士
校院名稱:國立臺灣海洋大學
系所名稱:電機工程學系
學門:工程學門
學類:電資工程學類
論文種類:學術論文
論文出版年:2013
畢業學年度:101
語文別:中文
論文頁數:40
中文關鍵詞:iOS、Objective-C、App、IPCAM
外文關鍵詞:iOS、Objective-C、App、IPCAM
相關次數:
  • 被引用被引用:4
  • 點閱點閱:860
  • 評分評分:系統版面圖檔系統版面圖檔系統版面圖檔系統版面圖檔系統版面圖檔
  • 下載下載:9
  • 收藏至我的研究室書目清單書目收藏:2
本論文是研究Apple之iPhone智慧型行動裝置上的應用程式App實作開發。目的為開發一個強健控制實驗室的自有App,其內容包含了常見的手機UI介面應用、手機端結合網路做網頁解析與地圖應用以及即時影像監視功能。即時影像監視功能的設計方面,則採用現有的網路攝影機來做整合應用,並加上了影像擷取功能。網路應用方面我們利用了iOS網頁解析功能,解析網頁資訊傳遞給使用者,其結果包含有海大News、海大演講公告與台灣各地天氣資訊。地圖方面我們利用了定位功能,顯示了使用者當下的位置,並增加了海大校園各單位的經緯度資訊,實現了校園導覽之功能。
The purpose of this thesis is to study App programming of iPhone of Apple. We develope one of the robust control laboratory's own Apps. The App’s function includes user-interface application, the mobile combining the web parser applcation, the map development application and Real-Time Image Surveillance application. We use IPCAM to implement the Real-Time Image Surveillance application and to add the function of image capture. For the Internet applications, we use the iOS web analytic function to parser pages of information to users, and the result contains NTOU News, NTOU Speech Announcement and the weather information of Taiwan. For the map application, we use the positioning function to display the location of the user and the longitude and latitude information of all departments of NTOU.
目錄
摘要…………………………………………………………………………………….I
Abstract………………………………………………………………………………..II
目錄…………………………………………………………………………………..III
圖目錄………………………………………………………………………………...V
第一章 緒論..................................................................................................................1
1.1前言…...………………………………………………………………………...1
1.2研究動機與目的…………...…………………………………………………...1
1.3論文架構...……………………………………………………………………...1
第二章 開發工具與環境……………………………………………………………..3
2.1智慧型手機作業系統…………………………………………………………..3
2.1.1智慧型手機作業系統之介紹………………………………………………...3
2.2智慧型手機開發工具與環境…………………………………………………..5
2.2.1 Objective-C簡介.…...………………………………………………………..5
2.2.2 Xcode開發環境使用權限…………………………………………………...6
2.3開發用硬體工具………………………………………………………………..7
第三章 App實作……………………………………………………………………..8
3.1 Model-View-Controller…………………………………………..……………..8
3.1.1 App架構……………………………………………………………………...8
3.2網路應用………………………………………………………………………..9
3.2.1網路偵測……………………………………………………………………...9
3.2.2 XML Parser…………………………………………………..……………...10
3.2.3 HTML Parser………………………………………………………………...12
3.3地圖應用………………………………………………………………………14
3.4即時動態………………………………………………………………………17
3.4.1 IPCAM………………………………………………………………………17
3.4.2遠端監視實作……………………………………………………………….17
3.5使用者介面元件應用…………………………………………………………20
3.5.1 Navigation Controller………………………………………………………..20
3.5.2 UIScrollView………………………………………………………………...22
3.5.3 UITableView………………………………………………………………...23
3.5.4 UIPickerView………………………………………………………………..24
第四章 App成果與畫面展示………………………………………………………25
4.1開場動畫與首頁展示…………………………………………………………25
4.2指導教授、成員與海大導覽展示……………………………………………28
4.3海大News展示……………………………………………………………….31
4.4位置展示………………………………………………………………………33
4.5臉書社團與即時動態展示……………………………………………………36
第五章 結論與未來展望……………………………………………………………38
5.1結論……………………………………………………………………………38
5.2未來展望………………………………………………………………………38
參考文獻……………………………………………………………………………..39

圖目錄
圖2-1 Xcode開啟畫面……………………………………………………………….5
圖2-2 各類型開發者帳號比較………………………………………………………6
圖3-1 基於MVC結構建立的視窗應用程式………………………………………8
圖3-2 系統架構圖……………………………………………………………………9
圖3-3 網路偵測四種類別方法………………………………………………..……10
圖3-4 網頁原始碼…………………………………………………………………..11
圖3-5 XML語法標籤……………………………………………………………….11
圖3-6 Parser結果……………………………………………………………………12
圖3-7 HTML結構…………………………………………………………………..13
圖3-8網頁解析流程………………………………………………………………...14
圖3-9 標的顯示在地圖上並顯示基本資訊………………………………………..16
圖3-10 資訊按鈕內容………………………………………………………………16
圖3-11 使用者位置不斷更新………………………………………..……………..17
圖3-12 顯示使用者位置(台北車站)…………….………………..………………..17
圖3-13 使用者權限彈跳視窗………………………………………………………18
圖3-14 Xocde資訊欄……………………………………………………………….19
圖3-15 網頁原始碼中的畫面連結…………………………………………………19
圖3-16 點擊連結得到的串流影像…………………………………………………19
圖3-17 IPCAM圖…………………………………………………………………...20
圖3-18 IPCAM規格…...……………………………………………………………20
圖3-19 Navigation Controller架構圖……...……………………………………….21
圖3-20 UIScrollVire使用情境……...………………………………………………22
圖3-21 UITableView呈現樣式…...………………………………………………...24
圖3-22 UITableView架構…...……………………………………………………...24
圖3-23 UIPickerView元件…...……………………………………………………..25
圖4-1實機上安裝的App畫面……………………………………………………..26
圖4-2 動畫用底圖…………………………………………………………………..26
圖4-3 動畫效果……………………………………………………………………..27
圖4-4 App首頁……………………………………………………………………...27
圖4-5 使用WiFi網路………………………………………………………………28
圖4-6 Xcode資訊欄測試結果……………………………………………………...28
圖4-7 App指導教授頁面…………………………………………………………...29
圖4-8 App成員列表頁面…………………………………………………………...29
圖4-9 App撥號功能(老師辦公室)…………………………………………………29
圖4-10 App撥號功能(實驗室)……………………………………………………..29
圖4-11 App電郵功能(寫信給老師)………………………………………………..30
圖4-12 App電郵功能(寫信給成員)………………………………………………..30
圖4-13 App內編寫郵件…………………………………………………………….30
圖4-14 App郵件編寫取消………………………………………………………….30
圖4-15 海大平面導覽………………………………………………………………31
圖4-16 海大平面導覽縮放…………………………………………………………31
圖4-17 成員頭像檢視………………………………………………………………31
圖4-18 海大News列表……...…………………………………………………….32
圖4-19 海大News內容……...…………………………………………………….32
圖4-20 演講公告列表……...….................................................................................33
圖4-21 演講公告內文………………………………………………………………33
圖4-22目標地與天氣資訊(標準型)……………………………..…………………34
圖4-23校本部資訊(標準型)………………………………..………………………34
圖4-24工學院位置資訊(標準型)…………………………………………………..35
圖4-25工學院資訊………………………………………………………………….35
圖4-26可搜尋其他單位…….………………………………………………………35
圖4-27其他單位標的顯示….………………………………………………………35
圖4-28使用者位置與經緯度(標準型)……………………………………………..36
圖4-29使用者位置與經緯度(衛星型)……………………………………………..36
圖4-30使用者位置與經緯度(混合型)……………………………………………..36
圖4-31各區天氣資訊……………………………………………………………….36
圖4-32網頁載入中………………………………………………………………….37
圖4-33載入完成………………………………………………………….................37
圖4-34 IPCAM 1影像………………………………………………………………38
圖4-35 IPCAM 2影像………………………………………………………………38
圖4-36手機相簿內從IPCAM 2畫面擷取下的影像……………………………...38

[1]沈建宏, “智慧型手機遙控車之設計與實作” ,國立臺灣海洋大學電機工程學系碩士學位論文,民國101年。
[2]林凡, “使用智慧型手機實現嬰幼兒安全監控之整合應用” ,淡江大學電機工程學系碩士論文,民國101年。
[3]林英泓,”網際網路之遠端監控系統”,國立臺灣大學電機工程學系研究所碩士學位論文,民國90年。
[4]楊正洪/鄭齊心/李建國, ”輕鬆學Objective C開發你的iPhone/iPad應用程式” ,上奇,民國100年。
[5]彼得潘, ”App程式入門設計iPhone.iPad” ,松崗,民國101年。
[6]林柏全, “iOS創意程式設計家” ,松崗,民國101年。
[7]Dave Mark/Jack Nutting/Jeff LaMarche, “探索iOS 5程式開發實戰” ,碁峯,民國101年。
[8]何孟翰, “超強圖解 前進 App Store!iOS6 SDK 實戰演練” ,知悅,民國101年。
[9] https://developer.apple.com/
[10] http://www.cocoachina.com/ask/
[11] http://dev.iphonetw.net/index.php
[12] http://furnacedigital.blogspot.tw/
[13] https://www.facebook.com/groups/iostw/
[14] http://zh.wikipedia.org/zh-tw/Wikipedia:%E9%A6%96%E9%A1%B5
[15] http://www.digitimes.com.tw/tw/dt/n/shwnws.asp?CnlID=13&;Cat=&;Cat1=&;id=
166722
[16] http://www.avsi.com.tw/dvr-nvr.htm
[17] http://www.flickr.com/photos/ntouoga/6167757987/in/photostream
[18] http://www.ntou.edu.tw/
[19] http://www.cwb.gov.tw/V7/index.htm
[20]http://zh.zendframework.wikia.com/index.php?title=MVC%E6%9E%B6%E6%A7%8B%E6%A6%82%E8%BF%B0&;variant=zh-tw
[21] http://www.raywenderlich.com/14172/how-to-parse-html-on-ios

連結至畢業學校之論文網頁點我開啟連結
註: 此連結為研究生畢業學校所提供,不一定有電子全文可供下載,若連結有誤,請點選上方之〝勘誤回報〞功能,我們會盡快修正,謝謝!
QRCODE
 
 
 
 
 
                                                                                                                                                                                                                                                                                                                                                                                                               
第一頁 上一頁 下一頁 最後一頁 top
系統版面圖檔 系統版面圖檔