11:Portege 關鍵字查詢範例

owlModel.getOWLDatatypeProperty("video");

//列出有這個 TAG 的所有影片 Collection tags =

owlModel.getOWLIndividual(“key”).getPropertyValues(kindProperty);

第四章 系統實現

本章共有三節，第一節內容為說明系統架構、系統環境建置，第二節以使用 者案例圖及循序圖說明使用情況及系統內部的溝通流程，第三節為系統實際操作 畫面。

4.1 系統架構與建置

圖 4-1 為系統架構圖，本系統以影片瀏覽做為首頁，上面是以 Carousel 的形 式列出最新的四部上傳影片，使用者可以進行登入或註冊，不登入也可以使用本 系統，但是只有影片搜尋及影片、片段瀏覽的功能，使用者進行登入之後，可多 提供影片上傳以及影片清單編輯的功能，如果進行影片上傳，系統就會將影片及 會員帳號一起儲存成 XML 資訊的檔案，並將 XML 檔案上傳至資料庫。上傳完 畢後會將影片利用 OpenCV 來進行切割，最後將資訊裡包含的主題標籤做 Apriori 的計算，並將結果儲存至 OWL 格式檔案中，以利使用者做搜尋。

圖 4-1 系統架構圖

本系統的環境建置如表 4-1，以 eXML 原生資料庫 eXist 管理 XML 檔案的上 傳、編輯、輸出，以 XML 檔案為單位儲存在資料庫中，保有 XML 檔案的結構，

對於管理及存取文件的功能更有效率。對於 XML 文件處理的部份則是使用

JDOM API[13]，將 XML 方便利用 JSP 頁面修改及新增元素，最後再以 XML 的 格式輸出。分類部分則是由 OWL 文件的部分來儲存，主要是利用 Protégé API 來進行 OWL 文件的修改。由於 eXist 及 Protégé 皆以 Java 語言開發，因此需安 裝 Java JDK 作為執行環境，而網頁管理部分以 Tomcat 網頁伺服器作為網頁容 器。

本系統中影片自動分段的功能是利用 OpenCV 函式庫所完成，因此需要建置

ASP .NET(C#)作為影像處理環境。

表 4-1 系統環境建置列表

名稱 版本

作業系統 Windows Server 2008 r2、Android 4.0+

Java 環境 Java JDK 6.0

網頁容器 Tomcat5.5.28、IIS7

網頁技術 JSP/Servlet、JavaScript、HTML、CSS 資料庫 eXist1.2.6

開發環境 Notepad++、Eclipse 程式語言 C#、JSP、Java、Android 其他工具 OpenCV

Java API JDOM1.0、eXist、protégé-owl

4.2 系統功能及流程

圖 4-2 使用案例圖

本小節利用 UML(United Modeling Language)的概念，從使用者的觀點來描 述行為者和使用案例之間互動與關係，包含行為者和使用案例兩個元件，行為者 就是不同身分使用系統的腳色，在本系統中的行為者為會員和非會員，使用案例 是完成某一特定工作的集合，本系統使用案例為影片上傳、影片處理、讀寫資料 庫、新增片段等動作。行為者用人形符號表示，使用案例用橢圓形表示。行為者 與使用案例以實線作連接，使用案例之間以虛線單向箭頭作連接。

如圖 4-2，本系統功能有影片上傳、影片查詢、影片瀏覽及會員註冊/登入，

上述四個功能為會員和非會員者有權限使用，除此之外，還包含影片清單與編輯 這個會員才有權限使用的功能。以下為各個功能的簡易描述：

1. 影片瀏覽:使用者可在此功能下觀看目前系統包含的的所有影片內容。

函式庫對影片進行自動分段(如圖 4-11)，片段相關資訊也會上傳至 eXist 資料庫。

圖 4-3 影片上傳頁面

圖 4-4 影片資訊上傳至資料庫

圖 4-5 自動分段後的片段瀏覽頁面

4.3.2

影片瀏覽

本系統首頁是影片瀏覽的地方，上面是以一個 carousel 的部分做呈現，

列出目前最新上傳的四部影片。而下面是以書櫃的方式做呈現，列出所有上 傳過的影片，使用者可預覽封面並選擇欲瀏覽的影片。點選影片後，會跳至 影片預覽的頁面，系統會將影片的資訊呈現出來，並且將影片封面及片段畫 面以 ScorllView 方式呈現，使用者可點選該影片的其他片段，系統一樣會列 出片段的資訊。使用者可選擇播放整部影片，或者是只想看其中片段就好，

使用者可根據片段的畫面來選擇。

圖 4-6 影片瀏覽頁面

圖 4-7 影片預覽頁面

4.3.3

影片普通搜尋

使用者可以在系統首頁利用關鍵字進行影片及片段搜尋(如圖 4-8)，輸入完 畢送出後系統便會列出包含關鍵字的所有影片及片段(如圖 4-9)。

圖 4-8 根據關鍵字搜尋標題及內容

圖 4-9 搜尋結果

4.3.4

影片標籤搜尋

使用者可以在系統首頁利用關鍵字進行標籤搜尋(如圖 4-10)，輸入完畢送出 後系統便會從 Association Rule Map 中尋找是否有包含關鍵字的標籤，如果有的 話，便將標籤下記錄的所有影片打包成 json 格式，並檢查此標籤是否有其他關 聯標籤，有的話就將關聯標籤下的影片一起打包，並傳回至 Android 智慧型裝置 中以 ListView 的方式呈現給使用者瀏覽。

圖 4-10 標籤搜尋頁面

4.3.5

影片清單及編輯

使用者在帳號登入頁面進行登入之後(如圖 4-12)，可點選影片清單的功能，

系統便會列出使用者上傳的所有影片的清單，使用者可編輯清單中的影片資訊，

或是點選影片後，選擇編輯該影片中的所有片段資訊。

圖 4-12 使用者登入頁面

圖 4-13 影片清單瀏覽頁面

4.3.6

自動分段與手動分段

本系統提供使用者上傳影片後，自動幫使用者做影片分段的功能。系統 會根據使用者上傳的影片長度來決定分段的多寡。分段完後，使用者也必須 自行在影片清單編輯功能中輸入片段相關資訊。使用者也可以在編輯功能中 為影片手動分段，根據自己的需求來為影片分出精彩的片段或是主題片段。

兩種分段都能讓使用者能夠更快速的找到影片中想要瀏覽的部分。

圖 4-14 影片自動分段結果

圖 4-15 影片手動分段頁面

第五章 結論與未來發展

5.1 結論

在現今的網路環境中有著非常豐富的資源，人們在網路上可以找到幾乎是你 想找到的任何東西，近年來由於影音分享平台的蓬勃發展，在網路上能夠找到的 影片資源也是越來越多。本系統提供一個良好的影音分享平台，透過功能豐富的 使用者介面，使用者可以上傳影片與他人分享，而使用者也可透過搜尋的功能來 瀏覽資料庫中的影片資源。但是由於影片長度較長以及影片資源過於豐富等等原 因，使用者可能會不容易找到想要瀏覽的影片內容，因此本系統提供了自動分段 和手動分段的功能，將影片切割，並且依照影片類別輸入不同的片段相關描述，

提供使用者進行搜尋，讓使用者能夠更輕鬆的找到想要瀏覽的內容。還有結合 Association Rule 也讓影片的分類更多樣化，使用者可以搜尋到除了關鍵字以 外，和關鍵字相關聯的所有影片，讓使用者瀏覽到的影片更加完整。分段功能及 關聯分類功能的結合，可以提供強大的功能，例如：語言學習的影片，使用者可 將不同單字的學習做分段，並且加上主題標籤，如此一來除了可利用標籤關鍵字 來搜尋欲瀏覽的片段之外，還可以看到其他使用者上傳的與關鍵字有關聯的影片 或片段，學習到更多的相關單字。

5.2 未來發展

 增加與 NFC 技術結合之應用

目原有的系統利用 HTML5 的特性將關鍵字存在 NFC Tag 裡，感應時就能列 出和關鍵字相關的影片。

移植到新系統尚未加入此功能，構想是在使用者上傳完影片後，產生影片網 址儲存在 NFC Tag 裡，感應時 APP 便會播放影片，只要別人也有這個 APP，便 可把影片分享給別人。

 直播頻道

P2P 互動式影音直播應用平台技術是工研院在經濟部技術處支持下，開發之 高效能視訊串流技術。開發者可在 windows 與 android 環境使用系統 SDK 設計 應用軟體，SDK 包含影音廣播操作與影音觀賞操作。影音廣播操作可進行 Live 影音廣播、個人頻道設定、個人節目表設定…等功能。提供多重彈性可方便開發 者進行 Live 網路影音應用設計。

參考文獻

[10]

OpenCV | OpenCV http://opencv.org/

[11]

Gartner Says Annual Smartphone Sales Surpassed Sales of Feature Phones for the First Time in 2013

http://www.gartner.com/newsroom/id/2665715

[12]

Protégé Wiki

http://protege.stanford.edu/

[13]

JDOM http://www.jdom.org/

[14]

Chueh-Wei Chang, Kuan-Ying Li. A Representative Images Selection Method for Videos of Multiple Scenes

[15]

W3C Recommendation (2007, Jan). XQuery 1.0: An XML Query Language.

Retrieved from

http://www.w3.org/TR/xquery/

[16]

D. Peintner, H. Kosch, J. Heuer. Efficient XML Interchange for rich internet applications. Multimedia and Expo, 2009. ICME 2009. IEEE International Conference on

[17]

Engin Mendi, Coskun Bayrak. A Web-based Medical Video Indexing Environment. 2010 IEEE Fourth International Conference on Semantic

[18]

I.A. Azzam,A. G. Charlapally,C.H.C. Leung,J.F, Horwood .Content-based Image Indexing and Retrieval with XML Representations. Proceedings of 2004 International Symposium on Intelligent Multimedia. Video and Speech Processing October 20-22.2004 Hong Kong

[19]

Megrhi Sameh, Souidène , Azeddine Beghdadi, Chokri B. Amar.Video Indexing Using Salient Region Based Spatio-temporal Segmentation Approach. Multimedia Computing and Systems (ICMCS), 2012 International Conference on

[20]

Arno Bakker,Riccardo Petrocco,Michael Dale,Jan Gerber,Victor

Grishchenko,Diego Rabaioli,Johan Pouwelse.Online video using BitTorrent and HTML5 applied to Wikipedia, IEEE P2P 2010 proceedings

在文檔中 基於關聯規則之標籤分類影音檢索系統 (頁 55-73)