TWI730539B - 動態數位內容的顯示方法、圖形使用者介面與系統 - Google Patents
動態數位內容的顯示方法、圖形使用者介面與系統 Download PDFInfo
- Publication number
- TWI730539B TWI730539B TW108145231A TW108145231A TWI730539B TW I730539 B TWI730539 B TW I730539B TW 108145231 A TW108145231 A TW 108145231A TW 108145231 A TW108145231 A TW 108145231A TW I730539 B TWI730539 B TW I730539B
- Authority
- TW
- Taiwan
- Prior art keywords
- interest
- digital content
- display area
- point
- display
- Prior art date
Links
- 238000000034 method Methods 0.000 title claims abstract description 66
- 230000000694 effects Effects 0.000 claims abstract description 15
- 238000011156 evaluation Methods 0.000 claims description 4
- 230000008859 change Effects 0.000 claims description 3
- 238000010586 diagram Methods 0.000 description 15
- 230000001788 irregular Effects 0.000 description 8
- 230000008569 process Effects 0.000 description 7
- 230000006870 function Effects 0.000 description 6
- 238000005516 engineering process Methods 0.000 description 5
- 230000000007 visual effect Effects 0.000 description 5
- 238000001914 filtration Methods 0.000 description 3
- 238000012545 processing Methods 0.000 description 3
- 230000002452 interceptive effect Effects 0.000 description 2
- 230000001133 acceleration Effects 0.000 description 1
- 238000004891 communication Methods 0.000 description 1
- 230000007246 mechanism Effects 0.000 description 1
- 238000012986 modification Methods 0.000 description 1
- 230000004048 modification Effects 0.000 description 1
- 230000003068 static effect Effects 0.000 description 1
Images
Classifications
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F9/00—Arrangements for program control, e.g. control units
- G06F9/06—Arrangements for program control, e.g. control units using stored programs, i.e. using an internal store of processing equipment to receive or retain programs
- G06F9/44—Arrangements for executing specific programs
- G06F9/451—Execution arrangements for user interfaces
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F16/00—Information retrieval; Database structures therefor; File system structures therefor
- G06F16/40—Information retrieval; Database structures therefor; File system structures therefor of multimedia data, e.g. slideshows comprising image and additional audio data
- G06F16/48—Retrieval characterised by using metadata, e.g. metadata not derived from the content or metadata generated manually
- G06F16/487—Retrieval characterised by using metadata, e.g. metadata not derived from the content or metadata generated manually using geographical or spatial information, e.g. location
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
- G06F3/01—Input arrangements or combined input and output arrangements for interaction between user and computer
- G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
- G06F3/0481—Interaction techniques based on graphical user interfaces [GUI] based on specific properties of the displayed interaction object or a metaphor-based environment, e.g. interaction with desktop elements like windows or icons, or assisted by a cursor's changing behaviour or appearance
- G06F3/04817—Interaction techniques based on graphical user interfaces [GUI] based on specific properties of the displayed interaction object or a metaphor-based environment, e.g. interaction with desktop elements like windows or icons, or assisted by a cursor's changing behaviour or appearance using icons
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F16/00—Information retrieval; Database structures therefor; File system structures therefor
- G06F16/20—Information retrieval; Database structures therefor; File system structures therefor of structured data, e.g. relational data
- G06F16/24—Querying
- G06F16/245—Query processing
- G06F16/2457—Query processing with adaptation to user needs
- G06F16/24578—Query processing with adaptation to user needs using ranking
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F16/00—Information retrieval; Database structures therefor; File system structures therefor
- G06F16/20—Information retrieval; Database structures therefor; File system structures therefor of structured data, e.g. relational data
- G06F16/29—Geographical information databases
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F16/00—Information retrieval; Database structures therefor; File system structures therefor
- G06F16/90—Details of database functions independent of the retrieved data types
- G06F16/95—Retrieval from the web
- G06F16/953—Querying, e.g. by the use of web search engines
- G06F16/9537—Spatial or temporal dependent retrieval, e.g. spatiotemporal queries
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F16/00—Information retrieval; Database structures therefor; File system structures therefor
- G06F16/90—Details of database functions independent of the retrieved data types
- G06F16/95—Retrieval from the web
- G06F16/958—Organisation or management of web site content, e.g. publishing, maintaining pages or automatic linking
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
- G06F3/01—Input arrangements or combined input and output arrangements for interaction between user and computer
- G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
- G06F3/0481—Interaction techniques based on graphical user interfaces [GUI] based on specific properties of the displayed interaction object or a metaphor-based environment, e.g. interaction with desktop elements like windows or icons, or assisted by a cursor's changing behaviour or appearance
- G06F3/0482—Interaction with lists of selectable items, e.g. menus
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
- G06F3/01—Input arrangements or combined input and output arrangements for interaction between user and computer
- G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
- G06F3/0481—Interaction techniques based on graphical user interfaces [GUI] based on specific properties of the displayed interaction object or a metaphor-based environment, e.g. interaction with desktop elements like windows or icons, or assisted by a cursor's changing behaviour or appearance
- G06F3/0483—Interaction with page-structured environments, e.g. book metaphor
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
- G06F3/01—Input arrangements or combined input and output arrangements for interaction between user and computer
- G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
- G06F3/0484—Interaction techniques based on graphical user interfaces [GUI] for the control of specific functions or operations, e.g. selecting or manipulating an object, an image or a displayed text element, setting a parameter value or selecting a range
- G06F3/04845—Interaction techniques based on graphical user interfaces [GUI] for the control of specific functions or operations, e.g. selecting or manipulating an object, an image or a displayed text element, setting a parameter value or selecting a range for image manipulation, e.g. dragging, rotation, expansion or change of colour
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
- G06F3/01—Input arrangements or combined input and output arrangements for interaction between user and computer
- G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
- G06F3/0487—Interaction techniques based on graphical user interfaces [GUI] using specific features provided by the input device, e.g. functions controlled by the rotation of a mouse with dual sensing arrangements, or of the nature of the input device, e.g. tap gestures based on pressure sensed by a digitiser
- G06F3/0488—Interaction techniques based on graphical user interfaces [GUI] using specific features provided by the input device, e.g. functions controlled by the rotation of a mouse with dual sensing arrangements, or of the nature of the input device, e.g. tap gestures based on pressure sensed by a digitiser using a touch-screen or digitiser, e.g. input of commands through traced gestures
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
- G06F3/14—Digital output to display device ; Cooperation and interconnection of the display device with other functional units
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06Q—INFORMATION AND COMMUNICATION TECHNOLOGY [ICT] SPECIALLY ADAPTED FOR ADMINISTRATIVE, COMMERCIAL, FINANCIAL, MANAGERIAL OR SUPERVISORY PURPOSES; SYSTEMS OR METHODS SPECIALLY ADAPTED FOR ADMINISTRATIVE, COMMERCIAL, FINANCIAL, MANAGERIAL OR SUPERVISORY PURPOSES, NOT OTHERWISE PROVIDED FOR
- G06Q50/00—Information and communication technology [ICT] specially adapted for implementation of business processes of specific business sectors, e.g. utilities or tourism
- G06Q50/01—Social networking
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06Q—INFORMATION AND COMMUNICATION TECHNOLOGY [ICT] SPECIALLY ADAPTED FOR ADMINISTRATIVE, COMMERCIAL, FINANCIAL, MANAGERIAL OR SUPERVISORY PURPOSES; SYSTEMS OR METHODS SPECIALLY ADAPTED FOR ADMINISTRATIVE, COMMERCIAL, FINANCIAL, MANAGERIAL OR SUPERVISORY PURPOSES, NOT OTHERWISE PROVIDED FOR
- G06Q50/00—Information and communication technology [ICT] specially adapted for implementation of business processes of specific business sectors, e.g. utilities or tourism
- G06Q50/10—Services
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06T—IMAGE DATA PROCESSING OR GENERATION, IN GENERAL
- G06T13/00—Animation
- G06T13/80—2D [Two Dimensional] animation, e.g. using sprites
Landscapes
- Engineering & Computer Science (AREA)
- Theoretical Computer Science (AREA)
- General Engineering & Computer Science (AREA)
- Physics & Mathematics (AREA)
- General Physics & Mathematics (AREA)
- Databases & Information Systems (AREA)
- Human Computer Interaction (AREA)
- Data Mining & Analysis (AREA)
- Business, Economics & Management (AREA)
- Software Systems (AREA)
- Tourism & Hospitality (AREA)
- General Business, Economics & Management (AREA)
- Health & Medical Sciences (AREA)
- General Health & Medical Sciences (AREA)
- Human Resources & Organizations (AREA)
- Marketing (AREA)
- Primary Health Care (AREA)
- Strategic Management (AREA)
- Economics (AREA)
- Remote Sensing (AREA)
- Computational Linguistics (AREA)
- Computing Systems (AREA)
- Multimedia (AREA)
- Library & Information Science (AREA)
- User Interface Of Digital Computer (AREA)
- Controls And Circuits For Display Device (AREA)
Abstract
一種動態數位內容的顯示方法、圖形使用者介面與系統,圖形使用者介面以非規則排列方式顯示多個數位內容連結形成的興趣點,在瀏覽頁中,其中幾個主要的興趣點可以關聯的數位內容的縮圖表示,讓使用者瀏覽並可以觸控方式點選其中興趣點而開始播放所關聯的數位內容。當於點選其中之一興趣點時,此興趣點成為一個中心點,其餘興趣點會朝向被點選興趣點的方向移動,產生一個收攏的動畫效果。接著進入播放頁順序播放關聯此興趣點的數位內容,當關閉播放頁並回到瀏覽頁面時,興趣點縮圖也會因為部分數位內容已被播放而更新。
Description
說明書公開一種顯示數位內容的方法,特別是指一種在一顯示區內動態呈現可供點選的數位內容縮圖的一種動態數位內容的顯示方法、圖形使用者介面與系統。
在電腦與網路通訊技術發達的現今,人們經常利用社群媒體相互聯繫,並可利用社群媒體進行信息互動與分享所看到的或是自己製作的數位內容,包括影片、圖片與文字,其中主要的方式是在社群媒體的留言中提供影音或文字內容的網頁網址,讓查看此則留言的人可以點入後在相關網頁中觀看數位內容。
然而,傳統利用社群媒體分享內容的方式在使用者介面上較為單純,主要仍是以條列式地表示出每則分享連結,或是以圖形縮圖方式呈現給使用者觀看,若是分享了影片,則可能會在瀏覽到相關內容時直接播放出來,或是播出前面幾秒鐘內容,以吸引使用者繼續觀看。
現行較為人熟知影音分享社群軟體如Instagram™,它是一個提供線上圖片及視訊分享的社交應用軟體,其主要呈現出其中可點選數位內容的方式主要是在主頁上以陣列(或格狀)排列的圖片或影片縮圖顯示出每則數位內容的畫面,其中排序方法可能依照字母先後順序、關聯性,甚至依照商業廣告的費用等,可讓使用者可從這些圖片或影片片段中點選有興趣的內容,並再以另一畫面顯示或播放內容。
不同於現行或傳統在社交應用軟體中呈現影音內容播放連結的方式,說明書公開一種動態數位內容的顯示方法、圖形使用者介面與實現所述方法的系統,其中提供使用者點選數位內容的技術是採用一種非規則性排列數位內容連結(link)的方式,而不是傳統以條列或是陣列形式呈現每則數位內容(縮圖或代表圖)連結的方式,其中技術在於提供了一個可以動態呈現各個數位內容連結的圖形使用者介面(Graphical User Interface,GUI),例如是一個電子地圖,通過特定篩選機制得出與座標或地點位置相關的數位內容,然而依照產生這些數位內容的座標或地點將數位內容的連結圖案顯示在對應的圖形使用者介面的某個位置上。所述數位內容的連結圖案可以是數位內容的一張縮圖、代表圖,或是製作此數位內容的用戶頭像或圖形。
根據動態數位內容的顯示方法的實施例,方法應用的系統包括了提供數位內容服務的伺服系統,以及執行於使用者裝置的軟體程式,可以是一個數位內容播放程式,軟體程式即為形成運行在使用者裝置上的圖形使用者介面的程式。在方法流程中,先取得使用者裝置的一顯示區的座標範圍,這個顯示區的範圍由使用者操作使用者裝置而定,一旦決定了顯示區,軟體程式運行的程序即連線伺服系統,查詢伺服系統的資料庫,取得關聯於此顯示區的多個數位內容、各數位內容的連結位址(資料庫位址)、各數位內容連結於顯示區的座標位置(創作的位置),以及各數位內容的評分。
之後,可根據顯示區的座標範圍、各數位內容關聯於顯示區的座標位置以及顯示區內每個興趣點顯示的條件,設定顯示區內的多個興趣點,其中每個興趣點具有一個顯示於顯示區的座標位置以及關聯一個座標範圍與數量的數位內容。所述條件還包括考量了每個興趣點關聯的數位內容的數量與評分所決定的連結圖案或一般連結圖示的顯示大小、每個興趣點關聯多個數位內容的數量上限、顯示多個興趣點之間的間距,以及以連結圖案表示該興趣點的數量等。
接著,根據各興趣點關聯的數位內容的評分,計算顯示區內多個興趣點的一排行,於是可以依照排行以多個連結圖案表示排行中排行最高的一數量的興趣點,並將這些連結到興趣點的連結圖案顯示在顯示區內。而大於此數量的其餘興趣點則以一般連結圖示標示於顯示區內,就沒有使用連結圖案,讓整個顯示區能凸顯排行高的興趣點,也讓畫面不會顯得擁擠。
進一步地,當上述顯示區改變,即重新執行動態數位內容的顯示方法的步驟,以刷新於顯示區內顯示的多個興趣點。另一方面,在使用者裝置中運行的軟體程序可以註記已經播放的數位內容,因此這個狀態在回到瀏覽頁時,會刷新於顯示區內顯示的多個興趣點。
優選地,所述數位內容的評分可為伺服系統依照數位內容的創作用戶的作品數量、數位內容的跟隨者數量、播放次數、評價、創作時間以及目前使用者裝置的瀏覽用戶的個人喜好的其中之一或任意組合所進行的評分,而實際實施時,評分並不受限於所列舉項目。
進一步地,當使用者裝置接收一選擇訊號,系統可根據選擇訊號判斷選擇的興趣點,於是,進入播放頁前可以執行一收攏動畫。在步驟中,設所選擇的定興趣點為一中心,使興趣點以外的多個興趣點的連結圖案以及一般連結圖示形成多個移動圖案,根據各興趣點朝向興趣點的方向與距離建立一移動路徑,以每個移動圖案產生在移動路徑上的多個圖案,以及於一時間內,對每個興趣點而言,連續顯示每個移動路徑上的多個圖案,可形成朝向興趣點方向移動的連續變化圖案,顯示收攏的效果。
根據一實施例,呈現動態數位內容的圖形使用者介面顯示於使用者裝置的觸控顯示器上,圖形使用者介面主要包括視覺化的顯示區。這個顯示器的選擇決定了其中關聯的數位內容,通過軟體方法,可以將多個數位內容的連結關聯到興趣點,使得利用顯示區表示多個興趣點,每個興趣點則關聯了多個數位內容的連結,並能取得這些數位內容的排序,因此,當此興趣點被選取時,可以依照排序順序播放當中的數位內容。
根據再一實施例,由提供數位內容服務的伺服系統以及執行於使用者裝置的軟體程序形成一個系統,由此系統實現動態數位內容的顯示方法。
為使能更進一步瞭解本發明的特徵及技術內容,請參閱以下有關本發明的詳細說明與圖式,然而所提供的圖式僅用於提供參考與說明,並非用來對本發明加以限制。
以下是通過特定的具體實施例來說明本發明的實施方式,本領域技術人員可由本說明書所公開的內容瞭解本發明的優點與效果。本發明可通過其他不同的具體實施例加以施行或應用,本說明書中的各項細節也可基於不同觀點與應用,在不悖離本發明的構思下進行各種修改與變更。另外,本發明的附圖僅為簡單示意說明,並非依實際尺寸的描繪,事先聲明。以下的實施方式將進一步詳細說明本發明的相關技術內容,但所公開的內容並非用以限制本發明的保護範圍。
應當可以理解的是,雖然本文中可能會使用到“第一”、“第二”、“第三”等術語來描述各種元件或者信號,但這些元件或者信號不應受這些術語的限制。這些術語主要是用以區分一元件與另一元件,或者一信號與另一信號。另外,本文中所使用的術語“或”,應視實際情況可能包括相關聯的列出項目中的任一個或者多個的組合。
說明書公開了一種動態數位內容的顯示方法、圖形使用者介面(Graphical User Interface,GUI)與系統,所提出的動態數位內容的顯示方法適用顯示一個隨時會改變的數位內容的圖形使用者介面上,由於其中的數位內容會經常性變動,因此需要定時刷新(refreshing),讓顯示在圖形使用者介面上的內容是保持更新狀態,例如是在一個快速內容變換的新聞性內容的網頁或是每個人都可提供即時分享內容的社群應用程式。
然而,不同於現行或傳統以條列式或是陣列方式在社交應用軟體中呈現可供點選的影音內容的方式,所述系統與其中圖形使用者介面所提供使用者點選數位內容的技術為採用一種非規則性排列數位內容連結(link)的方式,其中技術在於提供了一個可以動態呈現各個數位內容連結的圖形使用者介面,可以在一個在模擬情境的使用者介面中呈現出可點選數位內容連結,或是在一個電子地圖上根據產生數位內容的座標位置標示出數位內容連結,讓使用者可以直覺地操作以選擇觀看有興趣的數位內容。其中數位內容可以包括而不受限於文字、圖案、影音或其任意組合等內容。
這是一個電腦實現的方法,通過顯示於使用者裝置的一圖形使用者介面以及系統實現動態數位內容的顯示方法,顯示的方式呈現非規則性的方式,打破傳統需要以規則的列表(list)或是陣列/格狀(array/grid)形式顯示數位內容縮圖的方式,動態數位內容的顯示方法除了提供使用者方便瀏覽與選擇數位內容的圖形使用者介面外,還能依據使用者選擇所要瀏覽的顯示區的變動,或是根據播放數位內容的狀態(已播放或未播放),而刷新顯示在圖形使用者介面提供播放數位內容的連結點。
如此,當在圖形使用者界面以動態而非規則性呈現出多個數位內容連結時,執行了所述動態數位內容的顯示方法,其中通過特定篩選與排序的方法得出與標示在某個顯示區(viewport)中的特定位置(如電子地圖的座標或地點位置)相關的數位內容連結,除了定時依照所述篩選與排序的方法刷新標示在圖形使用者介面上的數位內容連結外,還可以依照使用者是否觀看其中數位內容的狀態刷新標示在圖形使用者介面上的數位內容連結。其中,所述數位內容連結例如為數位內容中擷取的一個縮圖、創作此數位內容的創作用戶的代表圖案,如某一圖像或頭像,代表圖案可為靜態或動態圖案,其中數位內容連結記載了實際播放內容的位址,藉此連結到伺服系統中資料庫的一個數位內容檔案。
實現動態數位內容的顯示方法的系統架構實施例圖如圖1所示,提出一個伺服系統12,通過網路10向終端各種使用者裝置101, 103提供數位內容服務,讓使用者裝置101, 103可以通過網路10取得數位內容的連結(link),而各式使用者裝置101, 103中執行了一動態顯示數位內容的軟體程序,用以接收數位內容連結以及之後依據需求取得播放檔案,並執行瀏覽與播放數位內容,其中可以特定情境畫面或是電子地圖顯示多個圖形化的數位內容連結,可參考圖示中圖形使用者介面111, 113。所述提供數位內容服務的伺服系統12以及使用者裝置101, 103中執行的軟體程式形成一個實現動態數位內容的顯示方法的系統。
所述使用者裝置101, 103如使用者端的行動裝置,特別是具有觸控顯示器的行動裝置,讓使用者可以手指手勢在觸控面板上操作,包括控制由使用者裝置101, 103中執行的軟體程式以一瀏覽頁決定要瀏覽的顯示區,以及選擇要播放的數位內容的興趣點,之後可點選興趣點後,再以軟體程式所啟始的播放頁播放興趣點所關聯的數位內容。
其中伺服系統12以軟體或搭配硬體實現多種功能元件,包括一使用者管理單元121,用以管理使用伺服系統12提供的數位內容服務的使用者,包括需要通過身份認證才能瀏覽並播放數位內容,並記載每個使用者使用伺服系統12中數位內容的記錄、使用者自己創作的數位內容,以及相關社群的活動記錄。
伺服系統12包括一資料庫單元123,實務上為一資料庫,其中儲存了多個數位內容的檔案,每個數位內容檔案在資料庫單元123中具有一個資料庫位址,也就是顯示區中每個數位內容連結所連結的實體檔案的位址,資料庫單元123提供使用者裝置中的軟體程序依照顯示區進行查詢。較佳地,查詢伺服系統的資料庫可取得關聯於顯示區的多個數位內容、各數位內容的連結位址、各數位內容連結於顯示區的座標位置,以及各數位內容的評分。
伺服系統12設有運算單元125,為伺服系統12用以處理各使用者裝置傳送的顯示區座標範圍、回傳數位內容的連結位址、各興趣點關聯的內容與位置、刷新顯示內容,以及計算各數位內容評分的電路。
數位內容管理單元127用於處理上傳與下載的數位內容,每個數位內容檔案可以儲存在資料庫中,並演算出每個數位內容的資料庫位址,所屬興趣點的座標位置,還隨同所屬創作用戶的資料一併記載於資料庫中。
圖形使用者介面111, 113以電子地圖為例,依照產生這些數位內容的地理座標將數位內容的連結圖案顯示在對應在顯示區的某個位置上。所述數位內容的連結圖案就是集合多個數位內容的興趣點的代表圖,可以是數位內容的一張縮圖或是創作此數位內容的用戶頭像或圖形。
上述提到的數位內容的評分,是依據多個評分標準得出的,例如,由伺服系統依照數位內容的創作用戶的作品數量、數位內容的跟隨者數量、播放次數、評價(如按讚數)、創作時間以及目前使用者裝置的瀏覽用戶的個人喜好的其中之一或任意組合所進行的評分,同理,在實際實施時,評分並不受限於所列舉項目。
每個瀏覽用戶具有自己建立的喜好清單,讓伺服系統可以依照喜好清單判斷用戶的興趣,因此相關的數位內容可以為優先播放者,或是成為設定興趣點的依據。
圖2進一步顯示系統中伺服系統與使用者裝置中的功能元件實施例圖,這些功能元件可為軟體程序搭配硬體實現。
在伺服系統12中,根據以上實施例描述,設有使用者管理單元121、資料庫單元123、運算單元125以及數位內容管理單元127,通過網路可連線使用者裝置20,使用者裝置20可為使用者手持隨身的裝置,是一種智慧型裝置,設有處理來往數據的數據處理單元201;設有記憶單元202,為使用者裝置20的儲存媒體,可用以暫存從伺服系統12中資料庫單元123所下載的數位內容,以及與數位內容、興趣點等相關的資料。
使用者裝置20設有觸控顯示單元203,這是可以讓使用者操作並決定所述顯示區的電路;設有網路單元204,這是使用者裝置20對外連線來往訊息的電路,與伺服系統12連線後,可以傳遞取得數位內容的訊息,並根據連結下載數位內容。
使用者裝置20設有攝影單元205,這是可以讓使用者操作使用者裝置20創作數位內容的電路;設有定位單元206,用以產生使用者裝置20的位置訊息,如一全球定位系統(GPS)的接收電路,產生的訊息用於定位使用者裝置20。當使用者裝置20的定位單元206產生位置訊息,以及得出觸控顯示單元203當下顯示的顯示區座標範圍,可以通過網路單元204將這些訊息傳遞到伺服系統12,於是,伺服系統12可以根據這些資訊將關聯到顯示區的數位內容連結傳送到使用者裝置20上,由使用者裝置20中的軟體程式運行的程序處理,並決定出顯示出來的興趣點,形成一個可供使用者選擇興趣點與播放數位內容的圖形使用者介面22。
特別的是,利用顯示區(如電子地圖或在某一模擬情境的使用者介面)顯示興趣點的方式是一種非規則性數位內容顯示方式,若以電子地圖為例,則是提供使用者依據所處位置或是決定特定地點而選擇想要觀看的內容。
動態變化的數位內容顯示的樣態可參考圖3顯示在非規則排列數位內容連結的圖形使用者介面的實施例示意圖,與傳統以條列式或是條列(list)或格狀(grid)方式呈現數位內容縮圖(連結)的方式不同,圖示一個利用圖形使用者介面(GUI)30顯示在以電子地圖為背景的畫面上的數位內容連結,其中連結點中涵蓋的一或多個數位內容分別為很多的使用者所創作的,較佳地,每個數位內容都關聯到一個創作地點,可以是電子地圖上的一個地理座標。
所述電腦實現的圖形使用者介面30可以為顯示於使用者裝置的觸控顯示器上,圖形使用者介面30主要包括視覺化的顯示區(viewport)303,也就是使用者裝置以軟體程式啟始一個圖形使用者介面30,其中可決定涵蓋一個座標範圍的顯示區303,為根據使用者操作觸控顯示器形成具有一座標範圍的顯示區303,以非規則的方式表示出一個區域中多個數位內容的連結(link),也就是形成一個瀏覽頁上的多個興趣點(Point of Interest,POI),每個數位內容的連結分為可以特定頭像、縮圖為代表圖的連結以及一般連結圖示(如此例圖中的小圓圈)的連結,都成為使用者可以點選播放其中數位內容的連結點,呈現出的是用戶圖像311, 312, 313, 314, 315。
在此圖例中,畫面上方是一個用戶連結區301,用戶連結區301可用以顯示最近(如72小時內)的追蹤地點,或是標識所追蹤特定創作用戶創作(或擁有)的數位內容,在特定實施例中,也可以為附上系統判斷出瀏覽用戶有興趣的地點或推薦的創作用戶的數位內容連結,其中每個圖像可以是連結到每個用戶的專屬頁面,讓使用者可以通過點選其中之一用戶的圖像直接進入播放頁觀看這位創作用戶所屬的數位內容。此圖例的下方為操作這個圖形使用者介面30的功能區305,可包括連結到使用者的主頁、取得獎勵、增加數位內容、提醒訊息與使用者設定頁等社群媒體常見的功能按鍵,實際上功能區305可以依照需求調整。
根據圖示之實施例,若以適地性的數位內容為例,所述方法更是以一個電子地圖為呈現數位內容形成的興趣點的方式,例如畫面中的主體為以電子地圖為背景的顯示區303,並以電子地圖呈現興趣點,每個數位內容連結可以多個用戶圖像311, 312, 313, 314, 315(有圓形與人形)表示的興趣點,因此將是非規則排列這些興趣點的態樣。加上,常見使用者以手持式裝置拍攝照片或影片,這些數位內容都會記錄創作時的地理位置,利用電子地圖顯示相對的興趣點更為恰當,也方便使用者隨著地圖尋找有興趣的數位內容。
此例顯示為一個瀏覽頁,每個興趣點為根據創作時的位置標示在電子地圖上,並可適當地顯示一些留言訊息,其中興趣點所連結的數位內容可為適地性數位內容,也就是根據地點(座標位置)產生的數位內容,並依照創作用戶與創作座標位置而儲存在系統的資料庫中。當在此圖形使用者介面30上選取一個涵蓋某個座標範圍的顯示區303,可以通過查詢資料庫得出這個顯示區303範圍內的數位內容,取得連結到資料庫的位址、對應創作用戶的代表圖或數位內容的縮圖等,形成圖示非規則排列的興趣點,每個興趣點因為涵蓋了一個視覺範圍,因此可以關聯到一或多個數位內容(不一定一個連結僅一個興趣點),每個興趣點與所關聯的數位內容就根據此顯示區303的範圍內實際所產生數位內容的座標位置而定。
值得一提的是,在不影響整體畫面的呈現下,更多數位內容連結根據所產生的位置可以大小不一的興趣點(POI)標示在顯示區303內,每個顯示區設定顯示出興趣點連結圖像(創作者頭像、內容縮圖)數量的上限,可為固定值,或根據顯示區大小動態改變數量上限。特別的是,系統根據評分標準對顯示區303內的興趣點進行評分與排行,依據排行僅顯示出一個數量內的興趣點的連結圖像,可以是創作者頭像或其中數位內容的縮圖,並依據產生位置(如地理座標)顯示在顯示區內。如此,超過所述數量的其他興趣點可以僅顯示連結點(不顯示創作者頭像、內容縮圖),以免顯示內容凌亂,也同時凸顯排行(評分)在前的興趣點。
產生上述在圖形使用者介面內的動態數位內容顯示方法可參考圖4所示的實施例流程圖。
所述動態數位內容顯示方法應用於一系統中,系統為供數位內容服務的伺服系統以及執行於使用者裝置的軟體程式的雲端系統,根據方法實施例,如步驟S401,根據使用者操作圖形使用者介面選擇一個顯示區,顯示區所涵蓋的座標範圍會依據使用者裝置的螢幕解析度而定,系統將取得使用者裝置的顯示區的座標範圍。
接著,在系統中,查詢一資料庫,這個資料庫可以設在伺服系統中,但仍不排除可以為本地端或使用者裝置所記載的資料庫,如步驟S403,查詢後可取得關聯於顯示區的多個數位內容、各數位內容的連結位址、各數位內容連結於顯示區的座標位置,以及各數位內容的評分,其中多個數位內容的座標位置即形成顯示區內提供點選而播放的多個連結點。
對於系統而言,如步驟S405,系統與使用者裝置中的軟體程式將設定出顯示區內的多個興趣點,以及每個興趣點涵蓋的數位內容。當取得資料庫中在所選擇座標範圍內的數位內容時,執行於使用者裝置中的軟體程式,可根據顯示區的座標範圍、各數位內容關聯於顯示區的座標位置以及顯示區內每個興趣點顯示的條件,設定顯示區內的多個興趣點,其中每個興趣點具有一個顯示於顯示區的座標位置以及關聯一個座標範圍與數量的數位內容。
在步驟S407中,運行於使用者裝置中的軟體程式可以根據所得到每個數位內容的評分計算出每個興趣點的評分與排行,每個興趣點的評分可為所涵蓋的所有數位內容的評分總和或是特定統計值,這些根據各興趣點關聯的數位內容的評分用於計算顯示區內多個興趣點的排行,這個排行影響著顯示在顯示區的連結圖案。其中,表示興趣點的連結圖案可為興趣點所關聯的數位內容中的縮圖或是其中之一數位內容的創作用戶的代表圖案。
如步驟S409,根據上述排行可得出顯示區內具有連結圖案的興趣點以及一般連結標示的興趣點。之後根據各興趣點所關聯的座標位置,將興趣點的連結圖像或是一般連結圖示映射在顯示區的對應位置上,如步驟S411,在使用者裝置中,一開始顯示瀏覽頁,也顯示出顯示區內的多個興趣點。在步驟S413中,軟體程式可根據一選擇訊號,例如使用者操作使用者裝置的觸控顯示器決定一個顯示區範圍,以及感測得出其中之一興趣點的觸碰,接著順序播放所點選興趣點所關聯的數位內容。
舉例來說,所述顯示區範圍為根據使用者操作使用者裝置選擇的一個電子地圖的座標範圍,也就是,當使用者操作使用者裝置,以觸控手勢(手指或任一觸控裝置)在觸控顯示器上操作選擇電子地圖中的一個座標範圍,就執行於使用者裝置中的作業系統與軟體程式而言,即由作業系統接收到一序列觸控訊息,軟體程式可以根據這些訊息判斷得出的一個顯示區範圍,也就轉換得到電子地圖上的座標範圍,所述各數位內容連結於此顯示區的座標位置為創作數位內容的地理位置。
在一實施例中,於設定顯示區內多個興趣點時,每個興趣點為記錄於使用者裝置之一記憶體中的標籤資訊,每個標籤資訊記錄此興趣點所關聯並依照評分排序的一或多個數位內容的連結位址,其中興趣點以及播放與刷新其中數位內容的方法可參考圖5所示的實施例流程圖。
在步驟S501中,圖形使用者介面一開始呈現在瀏覽頁中的興趣點為接收使用者操作所產生的一選擇訊號,其中顯示的興趣點之間的排行為各興趣點所關聯的數位內容的評分計算得出,可以多個連結圖案表示排行中排行最高的一數量的興趣點(例如一個瀏覽頁的排行前5名的興趣點),並顯示在顯示區內;而大於此數量的其餘興趣點(如瀏覽頁排行前5名以外的興趣點)則可以一般連結圖示標示於顯示區內。
在步驟S503中,運行於使用者裝置內的軟體程式根據使用者的手勢判斷出所選擇的興趣點,顯示區每個興趣點關聯一或多個數位內容的連結位址,因此,如步驟S505,軟體程式將開啟一個播放頁順序播放此興趣點所關聯的一或多個數位內容。這些關聯在同一興趣點的數位內容可以依照評分排序後順序播放,另外,播放的順序也不一定要依照這些數位內容的評分順序,例如,可以隨機播放,或是僅依照多個評分標準中的特定一或多個條件的順序來評分。
當軟體程式根據選擇訊號順序播放其中之一興趣點所關聯的數位內容,將通過使用者裝置註記已播放的數位內容,之後根據註記的訊息刷新於顯示區內顯示的多個興趣點。例如,在步驟S507中,運行在使用者裝置的軟體程式將註記滿足已播放條件的數位內容,所述關聯所選擇興趣點的數位內容將依序播放,播放幾秒後可轉換下一個數位內容,所述滿足已播放的條件可以為系統設定要觀看的秒數。接著,在步驟S509中,當使用者關閉播放頁時,軟體程式接收回到瀏覽頁的訊號,在步驟S511中,軟體程式將刷新瀏覽頁的顯示區內興趣點。其中,特別的是,當興趣點所關聯的數位內容被播放時,軟體程式接收到這個狀態資訊,即不再將已播放數位內容的縮圖作為興趣點的代表提,於回報瀏覽頁時,刷新顯示區內顯示的多個興趣點就以尚未被播放的數位內容的圖性為代表圖。
更者,刷新顯示區內興趣點的條件還有,當顯示區所涵蓋的座標範圍改變時,例如使用者裝置的瀏覽用戶移動使用者裝置的顯示區所涵蓋的座標範圍,或是縮放顯示區大小,即改變了顯示區,系統重新執行上述動態數位內容的顯示方法的步驟,如圖4與圖5的流程,包括重新查詢對應顯示區中的數位內容、對各興趣點評分、重新標示興趣點等步驟,刷新於顯示區內顯示的多個興趣點。
在動態數位內容的顯示方法中更新顯示內容的實施例圖可參考圖6A與6B,圖6A顯示有一顯示區60的部分內容,其中示意顯示有興趣點一601與興趣點二602,經過播放所點選的興趣點二602所關聯的數位內容後,也就是原本以連結圖案表示的興趣點所關聯的數位內容註記為已播放,畫面從播放頁回到瀏覽頁,即刷新顯示區內顯示的多個興趣點,興趣點的連結圖案將被置換為尚未被播放的其中之一數位內容的縮圖,如圖6B所示,原本的位置變換為興趣點三603,這是經過排除已播放數位內容後刷新顯示圖像後的示意圖。
值得一提的是,一個興趣點可關聯的數位內容會跟每個興趣點(連結圖像)佔據顯示區的範圍(方形、圓形)有關,以地圖為例,所佔據的範圍對應一個地理範圍,其中包括一或多個媒體內容,形成一個媒體群組(grouping)。若相鄰興趣點的連結圖像所佔據顯示區的範圍若有重疊或距離過近(會因顯示區大小而變動),可以合併為一個群組,這可以是為了瀏覽的方便。因此,根據一實施例,上述提到的顯示區內每個興趣點顯示的條件包括依據興趣點關聯的數位內容的數量與評分所決定的連結圖案或一般連結圖示的顯示大小、每個興趣點關聯多個數位內容的數量上限、顯示多個興趣點之間的間距,以及以連結圖案表示興趣點的數量。
圖7顯示在圖形使用者介面中播放數位內容的播放頁實施例示意圖,如同上述瀏覽頁這是一個電腦實現的圖形使用者介面,特別為顯示於使用者裝置的觸控顯示器上,在播放頁70中,可以不用間斷地播放所選擇的興趣點下所關聯的多個數位內容,這些數位內容可依照評分產生的排序自動順序播放,或者可讓使用者手勢操作播放前一則(如向螢幕右方滑動)或後一則(如向螢幕左方滑動)數位內容。
播放頁70上還有其他可使用的功能圖示,如畫面左上角的創作用戶代表圖701以及創作用戶名稱702,右上角則設有加入好友703的功能按鈕,用於瀏覽用戶將創作用戶加入好友,還有一個可以關閉播放頁704的按鈕,可讓畫面返回瀏覽頁。圖形使用者介面包括有互動功能705的幾個按鈕,畫面下方有創作地點資訊706,其中揭示目前數位內容的創作地點的資訊。
另外,在所述動態數位內容的顯示方法,根據再一實施例,當使用者裝置接收選擇其中之一興趣點的選擇訊號時,運行於使用者裝置的軟體程序根據此選擇訊號判斷選擇興趣點,使用者裝置所運行的程序即執行一收攏動畫,實施例流程圖如圖8,示意圖可參考圖9。
根據圖8所示動態數位內容的顯示方法中播放時產生動畫的實施例流程圖,如步驟S801,當運行於使用者裝置中的軟體程序接收到使用者選擇顯示區中之一的興趣點所產生的選擇訊號時,如步驟S803,可判斷選擇其中之一興趣點,如此,如步驟S805,將可執行收攏動畫。
根據實施例,以所選擇的興趣點為中心,將四周興趣點的連結圖案與一般連結圖示形成移動圖案,根據其餘各興趣點朝向選擇的興趣點的方向與距離建立一移動路徑,以每個移動圖案產生在此移動路徑上的多個圖案,於一時間內,對每個興趣點而言,連續顯示每個移動路徑上的多個圖案,形成朝向興趣點方向移動的連續變化圖案,顯示一收攏的效果,產生的動畫呈現即是這些興趣點朝向選擇的興趣點方向移動的效果。
移動的過程可以一加速度移動,顯示一收攏的效果。過程中,所述連結圖案或是一般連結圖示原本都有一定的尺寸大小,可以在收攏過程中變化大小,例如,愈接近中心興趣點,尺寸就愈小,顯示出一個收攏聚集的視覺效果。最後,在步驟S807中,進入播放頁順序播放數位內容。
示意圖可參考圖9所示顯示方法中產生收攏動畫效果的實施例示意圖,圖中顯示一瀏覽頁,畫面中間為顯示區90,上下分別為用戶連結區與功能區,若要選擇其中之一興趣點901,可以畫一手指點到興趣點901,這時,其餘週邊的點就向901收攏聚集,呈現出收攏動畫的效果。
綜上所述,根據所述動態數位內容的顯示方法、圖形使用者介面與相關系統的實施例,提出的顯示方法以圖形使用者介面呈現非規則性的興趣點的視覺效果,並提出畫面刷新與收攏動畫的顯示效果,提供使用者視覺化的操作體驗,適合運行以分享數位內容為主的社群媒體。
以上所公開的內容僅為本發明的優選可行實施例,並非因此侷限本發明的申請專利範圍,所以凡是運用本發明說明書及圖式內容所做的等效技術變化,均包含於本發明的申請專利範圍內。
10:網路
12:伺服系統
121:使用者管理單元
123:資料庫單元
125:運算單元
127:數位內容管理單元
101,103:使用者裝置
111,113:圖形使用者介面
20:使用者裝置
201:數據處理單元
202:記憶單元
203:觸控顯示單元
204:網路單元
205:攝影單元
206:定位單元
22:圖形使用者介面
30:圖形使用者介面
301:用戶連結區
303:顯示區
305:功能區
311,312,313,314,315:用戶圖像
60:顯示區
601:興趣點一
602:興趣點二
603:興趣點三
70:播放頁
701:創作用戶代表圖
702:創作用戶名稱
703:加入好友
704:關閉播放頁
705:互動功能
706:創作地點資訊
90:顯示區
901:興趣點
步驟S401~S413:動態數位內容的顯示流程
步驟S501~S511:刷新顯示內容的流程
步驟S801~S807:產生動畫效果的流程圖
圖1顯示實現動態數位內容的顯示方法的系統架構實施例示意圖;
圖2顯示系統中伺服系統與使用者裝置之功能元件實施例圖;
圖3顯示在非規則排列數位內容連結的圖形使用者介面的實施例示意圖;
圖4顯示動態數位內容的顯示方法的實施例流程圖;
圖5顯示在動態數位內容的顯示方法中刷新顯示內容的實施例流程圖;
圖6A與6B顯示在動態數位內容的顯示方法中更新顯示內容的實施例示意圖;
圖7顯示動態數位內容的顯示方法中播放數位內容的頁面實施例示意圖;
圖8顯示動態數位內容的顯示方法中播放時產生動畫的實施例流程圖;
圖9顯示動態數位內容的顯示方法中產生收攏動畫效果的實施例示意圖。
30:圖形使用者介面
301:用戶連結區
303:顯示區
305:功能區
311,312,313,314,315:用戶圖像
Claims (24)
- 一種動態數位內容的顯示方法,方法包括:取得一使用者裝置的一顯示區的座標範圍;查詢一資料庫以取得關聯於該顯示區的多個數位內容、各數位內容的連結位址、各數位內容連結於該顯示區的座標位置,以及各數位內容的評分;根據該顯示區的座標範圍與各數位內容的座標位置,設定該顯示區內的多個興趣點,其中每個興趣點具有一個顯示於該顯示區的座標位置以及所涵蓋的一或多個數位內容;根據各興趣點關聯的數位內容的評分,計算該顯示區內該多個興趣點的一排行;以及依照該排行,以多個連結圖案表示該排行中排行最高的一數量的興趣點,並顯示在該顯示區內,大於該數量的其餘興趣點則以一般連結圖示標示於該顯示區內;其中該顯示區內每個興趣點關聯一或多個數位內容的連結位址,於該興趣點被選取時順序播放該一或多個數位內容。
- 如請求項1所述的動態數位內容的顯示方法,其中該方法應用於提供數位內容服務的一伺服系統以及執行於該使用者裝置的一軟體程式形成的一系統中,該資料庫設於該伺服系統上。
- 如請求項1所述的動態數位內容的顯示方法,其中,當該顯示區改變,即刷新於該顯示區內顯示的該多個興趣點;以及根據各興趣點所關聯的數位內容已經播放的狀態刷新於該顯示區內顯示的該多個興趣點。
- 如請求項1所述的動態數位內容的顯示方法,其中該顯示區範圍為根據使用者操作該使用者裝置選擇的一個電子地圖的座標範圍,各數位內容連結於該顯示區的座標位置為創作該數位內容的地理位置。
- 如請求項1所述的動態數位內容的顯示方法,其中,於設定該顯示區內該多個興趣點時,每個興趣點為記錄於該使用者裝置之一記憶體中的標籤資訊,每個標籤資訊記錄該興趣點所關聯並依照評分排序的該一或多個數位內容的連結位址。
- 如請求項5所述的動態數位內容的顯示方法,其中各數位內容的評分為該伺服系統依照該數位內容的創作用戶的作品數量、該數位內容的跟隨者數量、播放次數、評價、創作時間以及目前該使用者裝置的瀏覽用戶的個人喜好的其中之一或任意組合所進行的評分。
- 如請求項1所述的動態數位內容的顯示方法,其中,於設定該顯示區內的多個興趣點時,還依據該顯示區內每個興趣點顯示的條件,包括依據該興趣點關聯的數位內容的數量與評分所決定的連結圖案或一般連結圖示的顯示大小、每個興趣點關聯該多個數位內容的數量上限、顯示該多個興趣點之間的間距,以及以該連結圖案表示該興趣點的數量。
- 如請求項1至7中任一項所述的動態數位內容的顯示方法,其中,當該使用者裝置接收一選擇訊號,根據該選擇訊號判斷選擇該興趣點,該使用者裝置執行一收攏動畫,包括:設定該興趣點為一中心,使該興趣點以外的多個興趣點的連結圖案以及一般連結圖示形成多個移動圖案;根據各興趣點朝向該興趣點的方向與距離建立一移動路徑;以每個移動圖案產生在該移動路徑上的多個圖案;以及於一時間內,對每個興趣點而言,連續顯示每個移動路徑上的該多個圖案,形成朝向該興趣點方向移動的連續變化圖案,顯示一收攏的效果。
- 如請求項1至7中任一項所述的動態數位內容的顯示方法,其中,當使用該使用者裝置的瀏覽用戶移動該使用者裝置的該顯 示區所涵蓋的座標範圍,或是縮放該顯示區大小,即改變了該顯示區,該系統重新執行該動態數位內容的顯示方法的步驟,以刷新於該顯示區內顯示的該多個興趣點。
- 如請求項1至7中任一項所述的動態數位內容的顯示方法,其中,根據一選擇訊號順序播放其中之一興趣點所關聯的數位內容,通過該使用者裝置註記已播放的數位內容,之後根據註記的訊息刷新於該顯示區內顯示的該多個興趣點。
- 一種電腦實現的圖形使用者介面,其中該圖形使用者介面顯示於一使用者裝置的一觸控顯示器上,該圖形使用者介面主要包括視覺化的一顯示區,其中:根據一使用者操作該觸控顯示器形成具有一座標範圍的該顯示區,經查詢一資料庫取得關聯於該顯示區的多個數位內容、各數位內容的連結位址、各數位內容連結於該顯示區的座標位置,以及各數位內容的評分;根據該顯示區的座標範圍與各數位內容關聯於該顯示區的座標位置,設定該顯示區內的多個興趣點,其中每個興趣點具有一個顯示於該顯示區的座標位置以及關聯一個座標範圍與數量的數位內容;根據各興趣點關聯的數位內容的評分,計算該顯示區內該多個興趣點的一排行;以及依照該排行,以多個連結圖案表示該排行中排行最高的一數量的興趣點,並顯示在該顯示區內,大於該數量的其餘興趣點則以一般連結圖示標示於該顯示區內;其中該顯示區內每個興趣點關聯一或多個數位內容的連結位址,於該興趣點被選取時順序播放該一或多個數位內容。
- 如請求項11所述的圖形使用者介面,其中該顯示區顯示一電子地圖,該顯示區涵蓋該使用者操作該觸控顯示區選擇的一個地 理座標範圍,各數位內容連結於該顯示區的座標位置為創作該數位內容的地理位置。
- 如請求項11所述的圖形使用者介面,其中,於設定該顯示區內的多個興趣點時,還依據該顯示區內每個興趣點顯示的條件,包括依據該興趣點關聯的數位內容的數量與評分所決定的連結圖案或一般連結圖示的顯示大小、每個興趣點關聯該多個數位內容的數量上限、顯示該多個興趣點之間的間距,以及以該連結圖案表示該興趣點的數量。
- 如請求項11至13中任一項所述的圖形使用者介面,其中,當該使用者裝置通過該觸控顯示器接收一選擇訊號,根據該選擇訊號判斷選擇該興趣點,該使用者裝置於該圖形使用者介面上執行一收攏動畫,包括:設定該興趣點為一中心,使該興趣點以外的多個興趣點的連結圖案以及一般連結圖示形成多個移動圖案;根據各興趣點朝向該興趣點的方向與距離建立一移動路徑;以每個移動圖案產生在該移動路徑上的多個圖案;以及於一時間內,對每個興趣點而言,連續顯示每個移動路徑上的該多個圖案,形成朝向該興趣點方向移動的連續變化圖案,顯示一收攏的效果。
- 如請求項11至13中任一項所述的圖形使用者介面,其中,當使用該使用者裝置的瀏覽用戶移動該使用者裝置的該顯示區所涵蓋的座標範圍,或是縮放該顯示區大小,即改變了該顯示區,並刷新於該顯示區內顯示的該多個興趣點。
- 如請求項11至13中任一項所述的圖形使用者介面,其中,根據一選擇訊號順序播放其中之一興趣點所關聯的數位內容,通過該使用者裝置註記已播放的數位內容,之後根據註記的訊息刷新於該顯示區內顯示的該多個興趣點。
- 如請求項16所述的圖形使用者介面,其中,當以該連結圖案表示的該興趣點所關聯的該一或多個數位內容註記為已播放,於刷新該顯示區內顯示的該多個興趣點時,該興趣點的該連結圖案將被置換為尚未被播放的其中之一數位內容的縮圖。
- 一種動態數位內容顯示系統,包括提供數位內容服務的一伺服系統以及執行於一使用者裝置的一軟體程式,執行於該系統的一動態數位內容的顯示方法包括:取得該使用者裝置的一顯示區的座標範圍;查詢該伺服系統的一資料庫,取得關聯於該顯示區的多個數位內容、各數位內容的連結位址、各數位內容連結於該顯示區的座標位置,以及各數位內容的評分;根據該顯示區的座標範圍與各數位內容關聯於該顯示區的座標位置,設定該顯示區內的多個興趣點,其中每個興趣點具有一個顯示於該顯示區的座標位置以及關聯一個座標範圍與數量的數位內容;根據各興趣點關聯的數位內容的評分,計算該顯示區內該多個興趣點的一排行;以及依照該排行,以多個連結圖案表示該排行中排行最高的一數量的興趣點,並顯示在該顯示區內,大於該數量的其餘興趣點則以一般連結圖示標示於該顯示區內;其中該顯示區內每個興趣點關聯一或多個數位內容的連結位址,於該興趣點被選取時順序播放該一或多個數位內容。
- 如請求項18所述的動態數位內容顯示系統,其中,於設定該顯示區內該多個興趣點時,每個興趣點為記錄於該使用者裝置之一記憶體中的標籤資訊,每個標籤資訊記錄該興趣點所關聯並依照評分排序的該一或多個數位內容的連結位址。
- 如請求項19所述的動態數位內容顯示系統,其中各數位內容的 評分為該伺服系統依照該數位內容的創作用戶的作品數量、該數位內容的跟隨者數量、播放次數、評價、創作時間以及目前該使用者裝置的瀏覽用戶的個人喜好的其中之一或任意組合所進行的評分。
- 如請求項18所述的動態數位內容顯示系統,其中,於設定該顯示區內的多個興趣點時,還依據該顯示區內每個興趣點顯示的條件,包括依據該興趣點關聯的數位內容的數量與評分所決定的連結圖案或一般連結圖示的顯示大小、每個興趣點關聯該多個數位內容的數量上限、顯示該多個興趣點之間的間距,以及以該連結圖案表示該興趣點的數量。
- 如請求項18至21中任一項所述的動態數位內容顯示系統,其中,當該使用者裝置接收一選擇訊號,根據該選擇訊號判斷選擇該興趣點,該使用者裝置執行一收攏動畫,包括:設定該興趣點為一中心,使該興趣點以外的多個興趣點的連結圖案以及一般連結圖示形成多個移動圖案;根據各興趣點朝向該興趣點的方向與距離建立一移動路徑;以每個移動圖案產生在該移動路徑上的多個圖案;以及於一時間內,對每個興趣點而言,連續顯示每個移動路徑上的該多個圖案,形成朝向該興趣點方向移動的連續變化圖案,顯示一收攏的效果。
- 如請求項18至21中任一項所述的動態數位內容顯示系統,其中,當使用該使用者裝置的瀏覽用戶移動該使用者裝置的該顯示區所涵蓋的座標範圍,或是縮放該顯示區大小,即改變了該顯示區,該系統重新執行該動態數位內容的顯示方法的步驟,以刷新於該顯示區內顯示的該多個興趣點。
- 如請求項18至21中任一項所述的動態數位內容顯示系統,其中,根據一選擇訊號順序播放其中之一興趣點所關聯的數位內 容,通過該使用者裝置註記已播放的數位內容,之後根據註記的訊息刷新於該顯示區內顯示的該多個興趣點。
Applications Claiming Priority (2)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
US201962912845P | 2019-10-09 | 2019-10-09 | |
US62/912,845 | 2019-10-09 |
Publications (2)
Publication Number | Publication Date |
---|---|
TW202115549A TW202115549A (zh) | 2021-04-16 |
TWI730539B true TWI730539B (zh) | 2021-06-11 |
Family
ID=72811677
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
TW108145231A TWI730539B (zh) | 2019-10-09 | 2019-12-11 | 動態數位內容的顯示方法、圖形使用者介面與系統 |
Country Status (6)
Country | Link |
---|---|
US (1) | US11175795B2 (zh) |
EP (1) | EP3805952A1 (zh) |
JP (1) | JP6976003B2 (zh) |
KR (1) | KR102391719B1 (zh) |
CN (1) | CN112650428B (zh) |
TW (1) | TWI730539B (zh) |
Families Citing this family (2)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN114930882A (zh) * | 2020-03-09 | 2022-08-19 | 游戏橘子数位科技股份有限公司 | 以时间与位置为基础的讯息管理方法 |
TWI806396B (zh) * | 2022-01-28 | 2023-06-21 | 開曼群島商粉迷科技股份有限公司 | 提供使用者有興趣區域內容的方法與系統 |
Citations (12)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
TW201029429A (en) * | 2009-01-21 | 2010-08-01 | Htc Corp | Method, system and apparatus for managing images and geographic location data in a mobile device |
TW201122425A (en) * | 2009-12-22 | 2011-07-01 | Mitac Int Corp | Personal navigation device and its method for querying and displaying information of point of interest items |
TW201122431A (en) * | 2009-12-31 | 2011-07-01 | Tomtom Int Bv | Dynamic point of interest suggestion |
TW201408993A (zh) * | 2012-08-22 | 2014-03-01 | Inst Information Industry | 興趣點資訊地圖呈現系統、方法及其記錄媒體 |
TW201415854A (zh) * | 2009-01-22 | 2014-04-16 | Htc Corp | 管理與顯示影像及關聯地理位置資料的方法、裝置及媒體 |
TW201439506A (zh) * | 2013-04-10 | 2014-10-16 | Mitac Int Corp | 顯示興趣點的方法及其相關行動電子裝置 |
TW201447798A (zh) * | 2013-05-26 | 2014-12-16 | Compal Electronics Inc | 資料搜尋方法及行程規劃方法 |
CN104408043A (zh) * | 2014-10-17 | 2015-03-11 | 深圳大学 | 一种信息处理方法及服务器 |
CN104899368A (zh) * | 2015-05-29 | 2015-09-09 | 浙江宇视科技有限公司 | 基于数据热度的监控布点需求图生成方法及装置 |
CN105243136A (zh) * | 2015-09-30 | 2016-01-13 | 北京奇虎科技有限公司 | 一种挖掘互联网中的兴趣点poi数据的方法和装置 |
TW201612836A (en) * | 2014-09-26 | 2016-04-01 | Mercuries Data Systems Ltd | Method of fast estimation for developing a store in a city in accordance with magnetic distance |
CN105740401A (zh) * | 2016-01-28 | 2016-07-06 | 北京理工大学 | 一种基于个体行为和群体兴趣的兴趣地点推荐方法及装置 |
Family Cites Families (64)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CA2613782A1 (en) * | 2005-06-28 | 2007-01-04 | Metacarta, Inc. | User interface for geographic search |
JP4337839B2 (ja) * | 2006-04-26 | 2009-09-30 | ソニー株式会社 | 情報処理装置および方法、並びにプログラム |
US20080033944A1 (en) * | 2006-08-04 | 2008-02-07 | Metacarta, Inc. | Systems and methods for presenting results of geographic text searches |
US20080172627A1 (en) * | 2006-12-28 | 2008-07-17 | Sharp Kabushiki Kaisha | Information display apparatus, information providing server, information display system, method for controlling information display apparatus, method for controlling information providing server, control program and recording medium |
WO2008044605A1 (fr) * | 2006-10-04 | 2008-04-17 | Nikon Corporation | Appareil électronique et caméra électronique associée |
US10454995B2 (en) * | 2007-06-11 | 2019-10-22 | Crackle, Inc. | System and method for obtaining and sharing content associated with geographic information |
JP4831079B2 (ja) * | 2008-01-17 | 2011-12-07 | ソニー株式会社 | プログラム、画像データ処理方法、画像データ処理装置 |
US7948502B2 (en) * | 2008-05-13 | 2011-05-24 | Mitac International Corp. | Method of displaying picture having location data and apparatus thereof |
KR101480194B1 (ko) * | 2008-11-05 | 2015-01-26 | 엘지전자 주식회사 | 이동 단말기 및 그 표시방법 |
US8433136B2 (en) * | 2009-03-31 | 2013-04-30 | Microsoft Corporation | Tagging video using character recognition and propagation |
US8306973B2 (en) * | 2009-04-06 | 2012-11-06 | Google Inc. | Method for generating location targeted, keyword-triggered, ads and generating user recallable layer-based ads |
US8819597B2 (en) * | 2009-04-10 | 2014-08-26 | Google Inc. | Glyph entry on computing device |
JP2011009846A (ja) * | 2009-06-23 | 2011-01-13 | Sony Corp | 画像処理装置、画像処理方法及びプログラム |
JP2011028560A (ja) * | 2009-07-27 | 2011-02-10 | Sony Corp | 情報処理装置、表示方法及び表示プログラム |
CN101995258B (zh) * | 2009-08-17 | 2012-12-05 | 宏达国际电子股份有限公司 | 邻近兴趣点的浏览方法、系统及所使用的计算机程序产品 |
US20110246269A1 (en) * | 2009-08-27 | 2011-10-06 | MWR Int'l Inc. | GMPS/TMS search engine and method thereof |
CN101996210A (zh) * | 2009-08-31 | 2011-03-30 | 国际商业机器公司 | 用于搜索电子地图的方法和系统 |
KR20110024262A (ko) * | 2009-09-01 | 2011-03-09 | 엘지전자 주식회사 | 데이터 표시 장치 및 그 방법 |
US8396888B2 (en) * | 2009-12-04 | 2013-03-12 | Google Inc. | Location-based searching using a search area that corresponds to a geographical location of a computing device |
US8698762B2 (en) * | 2010-01-06 | 2014-04-15 | Apple Inc. | Device, method, and graphical user interface for navigating and displaying content in context |
US9338197B2 (en) * | 2010-11-01 | 2016-05-10 | Google Inc. | Social circles in social networks |
US20120141046A1 (en) * | 2010-12-01 | 2012-06-07 | Microsoft Corporation | Map with media icons |
WO2013049374A2 (en) * | 2011-09-27 | 2013-04-04 | Picsured, Inc. | Photograph digitization through the use of video photography and computer vision technology |
KR101873525B1 (ko) * | 2011-12-08 | 2018-07-03 | 삼성전자 주식회사 | 휴대단말기의 콘텐츠 표시장치 및 방법 |
JP5932354B2 (ja) * | 2012-01-20 | 2016-06-08 | キヤノン株式会社 | 情報処理装置、その制御方法、およびプログラム |
RU2012119843A (ru) * | 2012-05-15 | 2013-11-20 | Общество с ограниченной ответственностью "Синезис" | Способ отображения видеоданных на мобильном устройстве |
KR20140017397A (ko) * | 2012-08-01 | 2014-02-11 | 삼성전자주식회사 | 브라우징 이력을 이용하여 지도를 검색할 수 있는 전자 장치 및 방법 |
US20140074712A1 (en) * | 2012-09-10 | 2014-03-13 | Sound Halo Pty. Ltd. | Media distribution system and process |
CN102868919B (zh) * | 2012-09-19 | 2016-03-30 | 上海基美文化传媒股份有限公司 | 交互式播放设备及播放方法 |
US20140108383A1 (en) * | 2012-10-16 | 2014-04-17 | Xtreme Labs Inc. | Method and System for Filtering Search Results for Maps Using Social Graph |
US9299116B2 (en) * | 2013-03-28 | 2016-03-29 | Verizon and Redbox Digital Entertainment Services, LLC | Trip playlist management systems and methods |
US9465513B2 (en) * | 2013-04-11 | 2016-10-11 | General Electric Company | Visual representation of map navigation history |
EP2994873A4 (en) * | 2013-05-10 | 2017-02-15 | Uberfan LLC | Event-related media management system |
JP2014235532A (ja) * | 2013-05-31 | 2014-12-15 | 株式会社Nttぷらら | リスト生成装置、リスト生成方法及びリスト生成プログラム |
US9288249B1 (en) * | 2013-08-02 | 2016-03-15 | Purplecomm Inc. | Content interaction technology |
US20150169139A1 (en) * | 2013-08-08 | 2015-06-18 | Darren Leva | Visual Mapping Based Social Networking Application |
JP2015069313A (ja) * | 2013-09-27 | 2015-04-13 | 株式会社日立ソリューションズ東日本 | 電子アルバム装置 |
KR20150072819A (ko) | 2013-12-20 | 2015-06-30 | 삼성전자주식회사 | 전자장치에서 디지털 콘텐츠를 디스플레이하기 위한 방법 및 장치 |
US9304657B2 (en) * | 2013-12-31 | 2016-04-05 | Abbyy Development Llc | Audio tagging |
KR102255087B1 (ko) * | 2014-05-19 | 2021-05-24 | 삼성전자주식회사 | 객체를 디스플레이하는 전자 장치 및 방법 |
JP2016038615A (ja) * | 2014-08-05 | 2016-03-22 | 株式会社未来少年 | 端末装置及び管理サーバ |
US20160140244A1 (en) * | 2014-08-20 | 2016-05-19 | Boomalang Company | Systems and methods for connecting native language speakers and second language learners across a network |
US10078703B2 (en) * | 2014-08-29 | 2018-09-18 | Microsoft Technology Licensing, Llc | Location-based media searching and sharing |
JP6429382B2 (ja) * | 2015-01-05 | 2018-11-28 | 日本放送協会 | コンテンツ推薦装置、及びプログラム |
US9528848B2 (en) * | 2015-03-30 | 2016-12-27 | Alpine Electronics, Inc. | Method of displaying point on navigation map |
AU2016251812B2 (en) * | 2015-04-20 | 2021-08-05 | Snap Inc. | Interactive media system and method |
US10097973B2 (en) * | 2015-05-27 | 2018-10-09 | Apple Inc. | Systems and methods for proactively identifying and surfacing relevant content on a touch-sensitive device |
US20200404464A1 (en) * | 2015-06-22 | 2020-12-24 | YouMap, Inc. | Location-based quest request and performance system |
US11265687B2 (en) * | 2015-06-22 | 2022-03-01 | YouMap, Inc. | Creating and utilizing map channels |
US11138217B2 (en) * | 2015-06-22 | 2021-10-05 | YouMap, Inc. | System and method for aggregation and graduated visualization of user generated social post on a social mapping network |
US10616727B2 (en) * | 2017-10-18 | 2020-04-07 | YouMap, Inc. | System and method for location-based content delivery and visualization |
US20170126592A1 (en) * | 2015-10-28 | 2017-05-04 | Samy El Ghoul | Method Implemented in an Online Social Media Platform for Sharing Ephemeral Post in Real-time |
US11573678B2 (en) * | 2016-09-26 | 2023-02-07 | Faraday & Future Inc. | Content sharing system and method |
US10623801B2 (en) * | 2015-12-17 | 2020-04-14 | James R. Jeffries | Multiple independent video recording integration |
US10628463B2 (en) * | 2016-04-07 | 2020-04-21 | Adobe Inc. | Applying geo-tags to digital media captured without location information |
US20170357414A1 (en) * | 2016-06-12 | 2017-12-14 | Apple Inc. | Map Application with Novel Search, Browsing and Planning Tools |
US11893647B2 (en) * | 2017-04-27 | 2024-02-06 | Snap Inc. | Location-based virtual avatars |
KR102449545B1 (ko) * | 2017-04-27 | 2022-10-04 | 스냅 인코포레이티드 | 지리공간적 활동 메트릭들을 표시하는 지도-기반 그래픽 사용자 인터페이스 |
WO2018222512A1 (en) * | 2017-06-02 | 2018-12-06 | Apple Inc. | Presenting related points of interest |
WO2020010355A1 (en) * | 2018-07-06 | 2020-01-09 | ImageKeeper LLC | Secure digital media capture and analysis |
CN109446348A (zh) * | 2018-09-22 | 2019-03-08 | 北京微播视界科技有限公司 | 一种聚合兴趣点的操作方法、装置、终端及存储介质 |
US11009625B2 (en) * | 2019-03-27 | 2021-05-18 | The Climate Corporation | Generating and conveying comprehensive weather insights at fields for optimal agricultural decision making |
CN110209843B (zh) * | 2019-05-31 | 2024-06-18 | 腾讯科技(深圳)有限公司 | 多媒体资源播放方法、装置、设备及存储介质 |
US11627287B2 (en) * | 2019-09-30 | 2023-04-11 | Kiana Analytics Inc. | System and method for identity discovery |
-
2019
- 2019-12-11 TW TW108145231A patent/TWI730539B/zh active
-
2020
- 2020-09-17 CN CN202010978284.7A patent/CN112650428B/zh active Active
- 2020-10-01 JP JP2020166778A patent/JP6976003B2/ja active Active
- 2020-10-06 KR KR1020200128993A patent/KR102391719B1/ko active IP Right Grant
- 2020-10-08 US US17/065,585 patent/US11175795B2/en active Active
- 2020-10-08 EP EP20200762.1A patent/EP3805952A1/en not_active Ceased
Patent Citations (12)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
TW201029429A (en) * | 2009-01-21 | 2010-08-01 | Htc Corp | Method, system and apparatus for managing images and geographic location data in a mobile device |
TW201415854A (zh) * | 2009-01-22 | 2014-04-16 | Htc Corp | 管理與顯示影像及關聯地理位置資料的方法、裝置及媒體 |
TW201122425A (en) * | 2009-12-22 | 2011-07-01 | Mitac Int Corp | Personal navigation device and its method for querying and displaying information of point of interest items |
TW201122431A (en) * | 2009-12-31 | 2011-07-01 | Tomtom Int Bv | Dynamic point of interest suggestion |
TW201408993A (zh) * | 2012-08-22 | 2014-03-01 | Inst Information Industry | 興趣點資訊地圖呈現系統、方法及其記錄媒體 |
TW201439506A (zh) * | 2013-04-10 | 2014-10-16 | Mitac Int Corp | 顯示興趣點的方法及其相關行動電子裝置 |
TW201447798A (zh) * | 2013-05-26 | 2014-12-16 | Compal Electronics Inc | 資料搜尋方法及行程規劃方法 |
TW201612836A (en) * | 2014-09-26 | 2016-04-01 | Mercuries Data Systems Ltd | Method of fast estimation for developing a store in a city in accordance with magnetic distance |
CN104408043A (zh) * | 2014-10-17 | 2015-03-11 | 深圳大学 | 一种信息处理方法及服务器 |
CN104899368A (zh) * | 2015-05-29 | 2015-09-09 | 浙江宇视科技有限公司 | 基于数据热度的监控布点需求图生成方法及装置 |
CN105243136A (zh) * | 2015-09-30 | 2016-01-13 | 北京奇虎科技有限公司 | 一种挖掘互联网中的兴趣点poi数据的方法和装置 |
CN105740401A (zh) * | 2016-01-28 | 2016-07-06 | 北京理工大学 | 一种基于个体行为和群体兴趣的兴趣地点推荐方法及装置 |
Also Published As
Publication number | Publication date |
---|---|
EP3805952A1 (en) | 2021-04-14 |
US11175795B2 (en) | 2021-11-16 |
TW202115549A (zh) | 2021-04-16 |
JP2021060991A (ja) | 2021-04-15 |
JP6976003B2 (ja) | 2021-12-01 |
US20210109645A1 (en) | 2021-04-15 |
KR102391719B1 (ko) | 2022-04-28 |
CN112650428B (zh) | 2024-03-29 |
CN112650428A (zh) | 2021-04-13 |
KR20210042822A (ko) | 2021-04-20 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
JP6363758B2 (ja) | 関連コンテンツを見るためのジェスチャー・ベースのタグ付け | |
KR101645763B1 (ko) | 서버 장치, 전자 기기, 전자 서적 제공 시스템, 전자 서적 제공 방법, 전자 서적 표시 방법 및 기록 매체 | |
TWI604325B (zh) | 搜尋輔助系統與方法 | |
US20120154444A1 (en) | Social media platform | |
US20210042809A1 (en) | System and method for intuitive content browsing | |
TWI730539B (zh) | 動態數位內容的顯示方法、圖形使用者介面與系統 | |
JP7316695B2 (ja) | ロケーションベースのデジタルコンテンツを推奨する方法およびシステム | |
JP6096853B1 (ja) | 情報表示プログラム、情報表示方法、および情報表示装置 | |
JP6684306B2 (ja) | 端末装置、動画配信装置、プログラム | |
JP6706977B2 (ja) | 情報表示プログラム、情報表示装置、情報表示方法および配信装置 | |
JP6695826B2 (ja) | 情報表示プログラム、情報表示装置、情報表示方法および配信装置 | |
JP2017129999A (ja) | 情報表示プログラム、情報表示装置、情報表示方法および配信装置 | |
JP7477235B1 (ja) | 電子機器、表示制御方法及びアプリケーションプログラム | |
JP6664590B2 (ja) | 情報表示プログラム、情報表示方法、情報表示装置、及び配信装置 | |
JP7486257B1 (ja) | 情報処理装置、情報処理方法及び情報処理プログラム | |
JP7520400B2 (ja) | ユーザー関心領域のコンテンツを提供する方法およびシステム | |
US11392261B1 (en) | Visualized item based systems | |
JP6362757B1 (ja) | 情報表示プログラム、情報表示方法、情報表示装置、及び配信装置 | |
JP6490122B2 (ja) | 情報表示プログラム、情報表示装置、情報表示方法および配信装置 | |
JP6104437B1 (ja) | 情報表示プログラム、情報表示装置、情報表示方法および配信装置 | |
JP2023164352A (ja) | 適応型トピックディスカッションシステム、及びその実行方法 | |
CN115114511A (zh) | 推荐适地性数字内容的方法与系统 | |
WO2017123746A1 (en) | System and method for intuitive content browsing |