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


下載電子全文限經由淡江IP使用) 
系統識別號 U0002-0301201201253900
中文論文名稱 建構基於無線路由器之網路相簿
英文論文名稱 A Web Albums based on Wireless Router
校院名稱 淡江大學
系所名稱(中) 資訊工程學系碩士在職專班
系所名稱(英) Department of Computer Science and Information Engineering
學年度 100
學期 1
出版年 101
研究生中文姓名 林國隆
研究生英文姓名 Kuo-Lung Lin
學號 798410139
學位類別 碩士
語文別 中文
第二語文別 英文
口試日期 2011-12-30
論文頁數 91頁
口試委員 指導教授-黃連進
委員-蔡正雄
委員-陳伯榮
委員-黃連進
中文關鍵字 非同步JavaScript與XML技術  嵌入式系統  家用網路相簿  PHP:超本文前置處理器 
英文關鍵字 Asynchronous JavaScript And XML  Embedded System  Home Web Album  PHP: Hypertext Preprocessor 
學科別分類 學科別應用科學資訊工程
中文摘要 數位相機與智慧型手機、平板電腦、攝錄放影機硬體產品的普及,使用者可以利用它們的拍照功能無時無刻輕輕鬆鬆地拍下所有生活中點點滴滴的珍貴畫面,並且分類地保存數位照片檔於USB介面的Flash或容量較大的隨身碟儲存裝置內,以滿足使用者的需求。本文主要運用伺服器端的PHP動態網頁技術結合客戶端的非同步JavaScript與XML技術與框架來撰寫家用網路相簿程式,並將其移植至以嵌入式硬體系統為架構的無線路由器中。此實作過程運用了具備開放原始碼(Open Source)特性的跨平台編譯工具及函式庫,程式開發也導入SQLite嵌入式資料庫的管理功能,讓無線路由器新增家用網路相簿功能來管理數位相片及分享瀏覽相片的功能,使其成為操作簡單又具備家用網路相簿功能的無線路由器,解決家用網路相簿系統之建置不易與相片檔案不易分享的問題。
英文摘要 Digital cameras and smart phones, tablet PCs, the continuous popularity of camcorders, users can use their camera feature allows us to easily photographed all the time all the bits and pieces of the picture of life, and the classification to preserve digital photos file on the USB interface of the larger capacity flash drive or Flash storage device to meet the needs of users.In this paper, using the PHP server-side dynamic web technology combined with client-side Ajax technologies and frameworks to write web album program and ported to the embedded hardware system architecture of the wireless network router. This implementation process with the use of open source (Open Source) features cross-platform build tools and libraries, developers can import the SQLite embedded database management system, the wireless router to add functionality to Web Albums View photo management and sharing of photo functions, making it easy and have a home network wireless router album, web album system built to solve difficult and photo files easy sharing.
論文目次 目錄
目錄III
圖目錄VI
表目錄IX
第一章 緒論1
1-1 前言1
1-2 研究背景與目的3
1-3 研究動機5
1-4 研究方法與步驟7
1-5 論文架構8
第二章 相關技術探討9
2-1 Linux嵌入式系統9
2-2 HTML超本文標記語言11
2-3 CSS串接樣式表12
2-4 Ajax非同步JavaScript與XML技術13
2-5 jQuery Ajax框架14
2-6 Lighttpd 輕量級網頁伺服器15
2-7 SQLite嵌入式資料庫17
2-8 PHP伺服器端網頁程式語言19
第三章 實作LSP(Lighttpd+SQLite+PHP)網頁開發環境建置21
3-1 軟體系統編譯環境建置25
3-2 使用bash Shell環境26
3-3 下載原始碼27
3-4 解壓縮原始碼28
3-5 Cross-Compiler Toolchain環境建立29
3-6 Lighttpd安裝與組態設定30
3-7 PHP支援SQLite安裝與組態設定39
3-8 開始編譯tomato原始碼48
3-9 編譯完成並封裝成firmware image(*.trx)49
3-10 更新firmware image50
第四章 家用網路相簿程式開發設計與展示54
4-1 系統架構設計55
4-2 系統功能58
4-3 資料表設計62
4-4 使用者介面設計64
4-5 系統測試與成果展示65
第五章 結論與未來研究方向74
5-1 結論74
5-2 未來研究方向75
參考文獻76
附錄–英文論文82

圖目錄
圖 1 研究步驟流程圖7
圖 2 ASUS WL-520gU二合一125M無線寬頻路由器10
圖 3 ASUS WL-520gU二合一125M無線寬頻路由器硬體規格表10
圖 4 系統架構22
圖 5 安裝基本開發工具25
圖 6 切換至bash shell環境26
圖 7 更改預設Shell為bash26
圖 8 下載tomato原始碼27
圖 9 解壓縮tomato原始碼28
圖 10 複製Cross Compiler Toolchain29
圖 11 將Cross Compiler路徑加入至PATH環境變數 29
圖 12 檔案位置架構邏輯圖30
圖 13 LSP運作流程圖39
圖 14 開始編譯tomato原始碼48
圖 15 編譯完成49
圖 16 進入Recovery Mode50
圖 17 設定電腦IP位址51
圖 18 準備開始刷新韌體52
圖 19 開始刷新韌體52
圖 20 刷新韌體完成52
圖 21 Recovery Mode燈號53
圖 22 tomato主畫面53
圖 23 家用網路相簿程式系統示意圖54
圖 24 家用網路相簿程式系統架構圖56
圖 25 家用網路相簿程式系統基礎架構圖57
圖 26 家用網路相簿程式家庭成員登入之功能架構圖58
圖 27 家用網路相簿程式家庭成員瀏覽與管理之功能架構圖60
圖 28 家用網路相簿程式資料服務之功能架構圖61
圖 29 系統硬體架構圖65
圖 30 註冊與登入畫面67
圖 31 網路相簿瀏覽畫面68
圖 32 數位相片瀏覽畫面68
圖 33 下載相片畫面69
圖 34 相片留言畫面69
圖 35 登入相簿管理畫面70
圖 36 相簿系統管理畫面70
圖 37 新增相簿與相片畫面71
圖 38 刪除相簿畫面71
圖 39 刪除數位相片畫面72
圖 40 相片查詢畫面72
圖 41 相片查詢結果畫面73

表目錄
表 1 家庭成員登入帳號資料表62
表 2 相簿資料表62
表 3 數位相片資料表63
表 4 相片留言資料表63
參考文獻 [1]何建璋,”網路相簿之經營及獲益模式”,南華大學資訊管理學系碩士論文,2006。
[2]林慧琪,”「無名」中,成就有名-網路相簿之閱聽人研究”,國立中正大學電訊傳播研究所碩士論文,2006。
[3]李冠霈,”網路相簿使用者介面之排版型式與廣告類型對使用者滿意度之影響”,國立台灣科技大學設計研究所碩士論文,2009。
[4]陳姵如,”不同年齡族群之網路相簿標籤索引動機與行為之研究”,國立交通大學應用藝術研究所,2009。
[5]鍾佳容,”網路相簿介面設計對於企業行銷策略之探討”,銘傳大學設計管理研究所碩士論文,2010。
[6]Christopher Hallinan, “Embedded Linux Primer, Second Edition : A Practical, Real-World Approach” Prentice Hall , November 04, 2010.
[7]Neil Matthew, Richard Stones, “Beginning Linux Programming, 4th Edition” Wrox Press , November , 2007.
[8]Andre Bogus, “Lighttpd Installing, compiling, configuring, optimizing, and securing this lightning-fast web server” Packt Publishing , October 29 , 2008.
[9]Grant Allen, Mike Owens, “The Definitive Guide to SQLite, Second Edition” Apress , November 5 , 2010.
[10]Jay A. Kreibich, “Using SQLite” O’Reilly Media, Inc. , August 16 , 2010.
[11]David Sklar, “Learning PHP 5” O’Reilly Media, Inc. , July 1 , 2004.
[12]Rasmus Lerdorf, Kevin Tatroe, Peter MacIntyre, “Programming PHP, 2/e” O’Reilly Media, Inc. , April 27 , 2006.
[13]Robert Mecklenburg, “Managing Projects with GNU Make, Third Edition” O’Reilly Media, Inc. , October 31 , 2004.
[14]Rebecca M.Riordan, “Head First Ajax” O’Reilly Media, Inc. , August , 2008.
[15]How to compile Tomato Firmware – TomatoUSB , URL: http://tomatousb.org/tut:how-to-rebuild-tomato-software
[16]Tomato Firmware | polarcloud.com. URL: http://www.polarcloud.com/tomato
[17]www.dd-wrt.com | Unleash Your Router. URL: http://www.dd-wrt.com/site/index
[18]ASUS WL-520GU 二合一125M無線寬頻路由器 , URL: http://tw.asus.com/product.aspx?P_ID=cOWUB0XOSysr4sBM&templete=2 , 華碩電腦股份有限公司
[19]Source Forge :tomato , URL: http://sourceforge.net/projects/tomatofirmware/files/older/
[20]Tomato NDUSB GIT Host URL: http://repo.or.cz/w/tomato.git?a=shortlog;h=refs/heads/tomato-ND-USBmod
[21]Tw-Tomato , URL: http://code.google.com/p/twtomato/downloads/list#
[22]The Blog of Mark and Vickie Vejvoda , URL: http://soft-haus.com/blog/2009/04/11/
[23]LinksysInfo.org,URL: http://www.linksysinfo.org/forums/index.php
[24]jQuery: The Write Less, Do More, JavaScript Library , URL: http://jquery.com/
[25]MIPS Technologies Home, URL: http://www.mips.com/
[26]Homepage | Ubuntu, URL: http://www.ubuntu.com/
[27]World Wide Web Consortium (W3C),URL: http://www.w3.org/
[28]software.visicommedia.com - Home - Products - AceHTML Freeware, URL: http://software.visicommedia.com/en/products/acehtmlfreeware/
[29]Dynamic HTML Editor: WYSIWYG HTML Editor (web design,make your own website,web page design,website design), URL: http://www.dynamic-html-editor.com/
[30]Rapid CSS Editor - cascading style sheet editor, URL: http://www.blumentals.net/rapidcss/download.php
[31]Style Master CSS Editor for Windows and Mac OS X, URL: http://www.westciv.com/style_master/
[32]TopStyle, URL: http://www.topstyle4.com/
[33]lighttpd fly light, URL: http://www.lighttpd.net/
[34]SQLite Home Page, URL: http://www.sqlite.org/
[35]PHP: Hypertext Preprocessor, URL: http://www.php.net/
[36]lighttpd-1.4.29.tar.gz, Index of /lighttpd/releases-1.4.x/ , URL: http://download.lighttpd.net/lighttpd/releases-1.4.x/
[37]bzip2-1.0.6.tar.gz,bzip2 : Downloads, URL: http://www.bzip.org/downloads.html
[38]zlib-1.2.5.tar.gz, zlib Home Site, URL: http://zlib.net/
[39]php-5.2.17.tar.gz,PHP: Downloads, URL: http://us3.php.net/downloads.php
[40]libpng-1.5.6.tar.gz, PNG reference library: libpng - Browse /libpng15/1.5.6 at SourceForge.net, URL: http://sourceforge.net/projects/libpng/files/libpng15/1.5.6/
[41]libjpeg8_8a.orig.tar.gz,8a-1 : “libjpeg8” package : Ubuntu, URL: https://launchpad.net/ubuntu/+source/libjpeg8/8a-1
[42]libiconv-1.14.tar.gz,libiconv - GNU Project - Free Software Foundation (FSF), URL: http://www.gnu.org/software/libiconv/
[43]sqlite-autoconf-3070900.tar.gz,SQLite Download Page, URL: http://www.sqlite.org/download.html
[44]MySQL :: The world's most popular open source database, URL: http://www.mysql.com/
[45]PostgreSQL : The world's most advanced open source database,URL: http://www.postgresql.org/
論文使用權限
  • 同意紙本無償授權給館內讀者為學術之目的重製使用,於2012-01-04公開。
  • 同意授權瀏覽/列印電子全文服務,於2012-01-04起公開。


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