TWI817014B - 基於時間軸的圖形使用者介面提供方法、系統與紀錄媒體 - Google Patents

基於時間軸的圖形使用者介面提供方法、系統與紀錄媒體 Download PDF

Info

Publication number
TWI817014B
TWI817014B TW109118481A TW109118481A TWI817014B TW I817014 B TWI817014 B TW I817014B TW 109118481 A TW109118481 A TW 109118481A TW 109118481 A TW109118481 A TW 109118481A TW I817014 B TWI817014 B TW I817014B
Authority
TW
Taiwan
Prior art keywords
user interface
graphical user
timeline
edited images
electronic device
Prior art date
Application number
TW109118481A
Other languages
English (en)
Other versions
TW202121282A (zh
Inventor
詹婕妤
江翹竹
翁豪箴
徐雅芳
Original Assignee
仁寶電腦工業股份有限公司
Priority date (The priority date is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the date listed.)
Filing date
Publication date
Application filed by 仁寶電腦工業股份有限公司 filed Critical 仁寶電腦工業股份有限公司
Publication of TW202121282A publication Critical patent/TW202121282A/zh
Application granted granted Critical
Publication of TWI817014B publication Critical patent/TWI817014B/zh

Links

Classifications

    • 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
    • G06Q30/00—Commerce
    • G06Q30/06—Buying, selling or leasing transactions
    • G06Q30/0601—Electronic shopping [e-shopping]
    • G06Q30/0641—Shopping interfaces
    • G06Q30/0643—Graphical representation of items or shoppers
    • 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
    • G06Q30/00—Commerce
    • G06Q30/02—Marketing; Price estimation or determination; Fundraising
    • G06Q30/0241—Advertisements
    • G06Q30/0276—Advertisement creation
    • 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
    • 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
    • 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/04812—Interaction techniques based on cursor appearance or behaviour, e.g. being affected by the presence of displayed objects
    • 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/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/04842—Selection of displayed objects or displayed text elements
    • 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
    • G06T—IMAGE DATA PROCESSING OR GENERATION, IN GENERAL
    • G06T11/00—2D [Two Dimensional] image generation
    • G06T11/001—Texturing; Colouring; Generation of texture or colour
    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06T—IMAGE DATA PROCESSING OR GENERATION, IN GENERAL
    • G06T11/00—2D [Two Dimensional] image generation
    • G06T11/60—Editing figures and text; Combining figures or text

Landscapes

  • Engineering & Computer Science (AREA)
  • Theoretical Computer Science (AREA)
  • General Physics & Mathematics (AREA)
  • Physics & Mathematics (AREA)
  • General Engineering & Computer Science (AREA)
  • Business, Economics & Management (AREA)
  • Finance (AREA)
  • Accounting & Taxation (AREA)
  • Human Computer Interaction (AREA)
  • Development Economics (AREA)
  • Strategic Management (AREA)
  • Economics (AREA)
  • Marketing (AREA)
  • General Business, Economics & Management (AREA)
  • Software Systems (AREA)
  • Entrepreneurship & Innovation (AREA)
  • Game Theory and Decision Science (AREA)
  • User Interface Of Digital Computer (AREA)
  • Indexing, Searching, Synchronizing, And The Amount Of Synchronization Travel Of Record Carriers (AREA)
  • Signal Processing For Digital Recording And Reproducing (AREA)

Abstract

一種基於時間軸的圖形使用者介面提供方法，包括於一圖形使用者介面中顯示多個編輯後影像，編輯後影像依據一時間軸排列，且分別包括一特定特徵；以及 放大編輯後影像中最接近圖形使用者介面之預先定義的一視覺中心者。其中圖形使用者介面實質上呈一長方形，時間軸為位於長方形之長軸中心線之一直線，且編輯後影像係於直線上排列。

Description

基於時間軸的圖形使用者介面提供方法、系統與紀錄媒 體
本發明係關於一種使用者介面提供方法與裝系統，特別關於一種具有特定訊息顯示方式的圖形使用者介面提供方法與裝系統。
如何運用軟硬體技術來提升使用者操作圖形使用者介面的效率，長久以來為一重要的技術課題。針對不同的應用，工程師會在電子裝置上，設計出各種不同的圖形使用者介面功能，並調整介面的運作邏輯與訊息的呈現方式，以提升使用者體驗。
例如，目前的監視器僅單純地提供監視功能。在拍攝不同時間的影像之後，目前的監視器欠缺自動判別並整理影像的功能，而這在某些應用情境下，會造成使用者很大的負擔。例如，養育嬰兒的父母平常已經非常繁忙。替嬰兒安裝了嬰兒監視器之後，父母若欲整理嬰兒的影像成長紀錄，必須自行整理嬰兒監視器每天拍攝的影像。這是一項繁重的工作。若能提供一使用者介面，具備自動判別、整理並呈現嬰兒的影像功能，將大幅降低父母的負擔。
有鑑於上述課題，本發明提出一種基於時間軸的圖形使用者介面提供方法、系統與電子裝置可讀取紀錄媒體，其可自動判別、整理並呈現影像，大幅降低使用者的負擔。
為達上述目的，本發明提出一種基於時間軸的圖形使用者介面提供方法，包括接收多個編輯後影像，以及於一圖形使用者介面中依據一時間軸排列顯示多個分別包括特定特徵的編輯後影像。其中圖形使用者介面實質上呈一長方形，時間軸為位於長方形之長軸中心線之一直線，且多個編輯後影像係於直線上排列。
在一實施例中，編輯後影像中最接近圖形使用者介面之預先定義的一視覺中心者之顯示尺寸可大於其他編輯後影像之顯示尺寸、加上一特別效果、或移除一特別效果。
在一實施例中，特定特徵可為一臉部表情特徵。編輯拍攝影像以得到編輯後影像的步驟可包括：決定臉部表情特徵對應的一臉部區域的一中心位置，以及基於臉部範圍之中心位置，裁切包括臉部區域之一編輯後影像。
在一實施例中，圖形使用者介面中可提供對應編輯後影像的一情境對話框。對話內容可依據一屬性自一對話資料庫中取得，以於情境對話框中顯示。屬性可包括與編輯後影像相關聯的一日期。
在一實施例中，當編輯後影像位於圖形使用者介面之預先定義的一視覺中心時，編輯後影像可被放大。
在一實施例中，圖形使用者介面實質上呈一長方形。時間軸為位於長方形之長軸中心線之一直線，且編輯後影像係於直線上排列。
在一實施例中，圖形使用者介面可顯示一對應編輯後影像的提示訊息。當提示訊息被選擇，且一偏好標籤被設定時，可顯示對應提示訊息之一廣告訊息。當廣告訊息被選取，可開啟一商品購買流程。
依本發明的另一態樣，一種基於時間軸的圖形使用者介面提供系統包括一處理器、一顯示裝置以及一儲存裝置。儲存裝置儲存多數個程式指 令，使處理器於執行程式指令後，能夠進行以下步驟：接收多個編輯後影像，以及於一圖形使用者介面中依據一時間軸排列顯示多個分別包括特定特徵的編輯後影像。圖形使用者介面實質上呈一長方形，時間軸為位於長方形之長軸中心線之一直線，且多個編輯後影像係於直線上排列。
依本發明的另一態樣，一種非暫態電子裝置可讀取媒體儲存多數個程式指令。一電子裝置於執行該程式指令後，能夠進行以下步驟：接收多個編輯後影像，以及於一圖形使用者介面中依據一時間軸排列顯示多個分別包括特定特徵的編輯後影像。圖形使用者介面實質上呈一長方形，時間軸為位於長方形之長軸中心線之一直線，且多個編輯後影像係於直線上排列。
依據上述內容，本發明可自動判別與編輯具備特定特徵的影像，並在使用者介面上依時間軸呈現，因此大幅降低了使用者的負擔。
1:系統
11:處理器
12:顯示裝置
13:儲存裝置
2:攝影機
3:對象
51~57:流程步驟
511~515:流程步驟
E:眼睛位置
M:嘴巴位置
C:中心位置
B:基準圓
VF:視覺中心
L1~L3:放大圓
15:圖形使用者介面
151:時間軸
152a~152d:編輯後影像
153:情境對話框
154:對話資料庫
155:半透明濾鏡
156:邊框
61:提示訊息
62:偏好標籤
71:廣告訊息
[圖1]為一示意圖，顯示依本發明一實施例之基於時間軸的圖形使用者介面提供系統的架構。
[圖2]為一流程圖，顯示依本發明一實施例之基於時間軸的圖形使用者介面提供方法的流程。
[圖3]為一示意圖，顯示依本發明一實施例得到編輯後影像的方式。
[圖4a]至[圖4f]為示意圖，顯示依本發明一實施例的圖形化使用者介面。
[圖5a]至[圖5e]為示意圖，顯示於依本發明一實施例的圖形化使用者介面中顯示的情境對話框與相關的對話資料庫內容。
[圖6]為一示意圖，顯示於依本發明一實施例的圖形化使用者介面中顯示的提示訊息與偏好標籤。
[圖7]為一示意圖，顯示於依本發明一實施例的圖形化使用者介面中顯示的廣告訊息。
[圖8]為一示意圖，顯示於依本發明一實施例中，關於拍攝影像的進一步判斷步驟。
請參考圖1，依本發明一實施例的基於時間軸的圖形使用者介面提供系統1包括一處理器11、一顯示裝置12以及一儲存裝置13。在本實施例中，系統1實施於一行動電子裝置，例如一智慧型手機或一平板電腦。處理器11可為行動電子裝置的主要處理器。顯示裝置12可為一觸控式螢幕，其顯示一使用者介面，同時將使用者的觸摸轉換成控制訊號。儲存裝置13可為電子裝置非暫態的記憶體，例如快閃記憶體或其他種類的記憶體。儲存裝置13中儲存了處理器11可執行的程式指令。系統1的處理器11於執行程式指令後，可進行各種相對應的步驟。
系統1的另一種可能性，是包括一雲端伺服器以及一行動電子裝置。雲端伺服器與行動電子裝置，例如智慧型手機之間，可以透過無線電信網路建立網際網路連接，以便傳送資料。處理器11可包括雲端伺服器的處理單元以及行動電子裝置的主要處理器。顯示裝置12可位於行動電子裝置，儲存裝置13則包括雲端伺服器的磁碟機陣列以及行動電子裝置的快閃記憶體。藉由此種架構，部分運算，例如圖形的辨識與編輯等運算，可在雲端伺服器完成後，再透過網際網路連接傳送到行動電子裝置，從而加快處理速度，減少行動電子裝置的負荷。
在本實施例中，系統1可與一攝影機2訊號連接。攝影機2可外接於行動電子裝置、與行動電子裝置無線訊號連接、或是內建於行動通訊裝置。攝影機用於拍攝一對象3。對象3可為一行動受限而需要照顧的人，例如嬰兒、病人、或是需要長期照護的年長者。攝影機2被設定為定期自動拍攝對象3的影 像，並將拍攝到的影像傳送至系統1。藉由此架構，系統1的使用者可以藉由攝影機2所拍攝的影像，監視對象3的狀況。
以下為系統1的處理器11於執行程式指令後，可進行的各步驟的說明。請參考圖2，在接收到來自攝影機2的一或多個拍攝影像後，系統1進行步驟51，判斷接收到的拍攝影像是否為可接受，例如是否包括一特定特徵。在本實施例中，特定特徵為對象3的某個特定的臉部表情特徵，例如微笑或哭泣等等。在處理器11所執行的程式指令中，可包括在拍攝影像中尋找特定臉部表情特徵的人工智慧引擎，或任何可判斷拍攝影像中是否包括特定臉部表情特徵的分析演算法或程式。例如，如果在拍攝影像中，人工智慧引擎確認了眼睛與嘴巴的位置，且嘴巴的嘴型被判斷為符合微笑的特徵，則可判定拍攝影像中包括了微笑的特定特徵。
若拍攝影像包括特定特徵，則系統1進行步驟52，以決定該臉部表情特徵對應的一臉部區域的一中心位置C。例如，請參考圖3，在拍攝影像中，當眼睛位置E與嘴巴位置M的位置被確認之後，可基於兩個眼睛與嘴巴的位置，找出三者的中心，以做為臉部區域的中心位置C。接著，基於臉部範圍的中心位置，裁切包括臉部區域的部分，並以一特定形狀的遮罩遮蓋，以得到一圓形的編輯後影像。例如，可先決定一個以中心位置C為圓心，並通過兩個眼睛位置E與嘴巴位置M的位置的基準圓B，再以此基準圓的圓心為基準，決定另一個半徑為兩倍、二點五倍或三倍的放大圓L1、L2和L3。接著基於其中一個放大圓，比如L2，裁切包括臉部區域的部分，並以一圓形的遮罩遮蓋，以得到編輯後影像。圓形遮罩的半徑可以隨機決定，或是以其他方式，比如以一預設值，或是依據基準圓相對於拍攝影像的大小比例來決定。此外，裁切與遮罩遮蓋的動作可以在不同裝置上進行。例如，裁切的動作可以在雲端伺服器進行，以減少系統1的運算負擔；遮罩遮蓋的動作則可以在行動電子裝置，例如智慧型手機上，以不同的容器(container)進行。遮罩的形狀除了圓形之外，也可以 是其他形狀，或是添加例如邊框等其他特效，其可修改在系統1處理影像的容器即可。
在得到編輯後影像後，系統1進行步驟53，提供一圖形使用者介面15，並在圖形使用者介面15中依據一時間軸151排列編輯後影像。例如，請參考圖4a與圖4b，圖形使用者介面15實質上呈一長方形，時間軸151為位於長方形之長軸中心線的一直線，且編輯後影像152a、152b與152c被安排於時間軸151上依據拍攝時間的先後順序排列。編輯後影像152a、152b與152c在圖形使用者介面15中，可以同時沿著時間軸151移動。例如，當使用者點選其中一個編輯後影像152a，使其沿著時間軸151朝圖形使用者介面15的上方移動時，編輯後影像152a、152b與152c會同時朝圖形使用者介面15的上方移動。
在本實施例中，當編輯後影像152a、152b、152c與152d的任何一個位於圖形使用者介面15的視覺中心VF時，此位於視覺中心的編輯後影像會不同於其他的編輯後影像。圖形使用者介面15的視覺中心VF是預先定義的，可以如圖4a所示，是圖形使用者介面15的中心區域，或是圖形使用者介面15中預先定義的任何一個位置或區域。當編輯後影像152b如圖4a所示，最接近預先定義好的視覺中心VF時，其他的編輯後影像152a與152c的顯示尺寸會被縮小，使得編輯後影像152b的顯示尺寸相對較大。舉例，如圖4a，假設編輯後影像152b的顯示倍率為1.0x，那麼152a、152c的顯示倍率會小於152b，可以設定在1.0x~0.6x之間，比如0.9、0.8、0.7、0.6…等等。在圖4a中，編輯後影像152b有最大的顯示尺寸、顯示倍率，這樣的顯示方法，當畫面中呈現許多影像時，能引導使用者，自然的關注特定的影像，也就是編輯後影像152b。
當編輯後影像152c如圖4b所示，被移動到視覺中心，則變成編輯後影像152b與152d被縮小。
如圖4c與4d所示，在另一個例子中，編輯後影像152a、152b、152c與152d在圖形使用者介面15中的顯示尺寸也可保持不變。當編輯後影像152b位於視覺中心VF時，其容器會在152b的周圍加上其他編輯後影像沒有的特 別效果，例如一特別的邊框156。當編輯後影像152c如圖4b所示，被移動到視覺中心，則變成編輯後影像152c被加上邊框156。換言之，編輯後影像的容器可以採用各種不同方式，例如改變編輯後影像的顯示尺寸，或是對編輯後影像加上特別效果，來強調接近視覺中心VF的編輯後影像。
如圖4e與4f所示，在又一個例子中，當編輯後影像移動到視覺中心後，也可以移除特別效果，比如移除一半透明濾鏡155。亦即，在圖形使用者介面15中，編輯後影像原本被預設會覆蓋一半透明濾鏡155，只有在位於視覺中心VF時，才不覆蓋此半透明濾鏡155。此外另一種強調視覺中心的影像的方法。
系統1可進一步進行步驟54，於圖形使用者介面15中提供對應編輯後影像的情境對話框153。例如，請參考圖5a，若位於視覺中心的編輯後影像152b符合某個觸發條件，則依據一屬性自一對話資料庫154中取得一對話內容，並於情境對話框153中顯示該對話內容。屬性可以是與位於視覺中心的編輯後影像相關聯的日期，比如拍攝的日期，也可以是例如使用者操作系統1當天的日期，或是系統1所在的位置等等。觸發條件可以是與對象3相關的特定日期、特定的節日、或是特定的事件等等。
請參考圖5b至圖5e，當視覺中心的編輯後影像152b符合某個觸發條件，例如拍攝日期是被拍攝對象3的生日，系統1會在對話資料庫154中取得跟生日有關的對話內容。對話資料庫154紀錄了各種不同屬性與觸發條件所對應的不同對話內容，例如圖5b所示，對話資料庫154中可定義「角色」，並記錄「角色」對應的參數值，比如「父親」或「母親」等。對話內容可以是包括了參數值的句子結構，如此可以讓最終情境對話框153所顯示的句子更為多樣化。又例如，在圖5c所示的對話資料庫中，與生日有關的對話內容可能有四個句子，系統1可以隨機從四個不同的句子中選取一個來顯示。對話資料庫154還可以定義特定的參數值，讓對話內容可以帶入。圖5d與圖5e則顯示與節日與 成長里程碑相關的對話資料庫，包括觸發的屬性、對話內容的結構、以及例句等等。
請參考圖6，系統1可進一步進行步驟55，以顯示一提示訊息61。在某些觸發條件符合，比如當天日期是對象3應該施打疫苗的日期的情況下，系統1可以在圖形使用者介面15顯示施打疫苗的提示訊息。使用者在選擇這個提示訊息之後，可以為提示訊息的內容設定偏好標籤62，比如對其按讚，以表示使用者覺得這個提示訊息對其而言是有用的訊息。
請參考圖7，當提示訊息被選擇，且偏好標籤被設定時，系統1可進行步驟56，顯示對應提示訊息之廣告訊息71。例如，若當天日期是對象3開始適合使用某種產品的日期，系統1可先在圖形使用者介面15上顯示相關的提示訊息。若使用者對此提示訊息設定了偏好標籤，則系統1可在圖形使用者介面15上顯示該種產品的廣告訊息71。當廣告訊息71被選取，系統1就進行步驟57，開啟商品購買流程，以便使用者購買該種商品。
熟悉相關技藝者可對上述實施例進行各種的改變，而不超出本發明的範疇。例如，請參照圖8，在步驟51判斷拍攝影像是否可接受時，系統1除了判斷拍攝影像中是否有特定特徵(步驟511)之外，還可以判斷拍攝影像中的特定特徵是否有兩組以上(步驟512)，亦即拍攝影像中有兩個以上的人臉。若有兩組以上的特定特徵，則放棄此拍攝影像。系統1也可以先判斷特定特徵是否在一安全區域內(步驟513)，例如距離拍攝影像的邊緣一定距離的區域之內。如此可確保後續決定的放大圓不會超出拍攝影像的邊緣以外。
此外，為了拍攝較佳的拍攝影像，系統1可控制攝影機2從一天中的預設開始時間，例如每天早上六點開始，每隔一段時間，例如3分鐘，就拍攝對象3的影像，並於每次拍攝之後，檢查所拍攝的影像是否符合上述條件，即是否僅包括一組特定特徵，以及此特定特徵是否在安全區域內。若拍到的影像符合條件，則結束拍攝。若拍到的影像不符合條件，則判斷一預設結束時間，例如早上九點是否已經到了(步驟514)，若預設結束時間尚未到，則計算 3分鐘(步驟515)然後再次接收拍攝影像，直到接收到符合條件的影像，或是預設結束時間已到。拍攝前也可以先檢查攝影機2的狀態，是否比如在夜視模式等。
依以上的實施例，本發明可自動判別與編輯具備特定特徵的影像，並在使用者介面上依時間軸呈現，因此大幅降低了使用者的負擔。
綜上所述，雖然本發明已以實施例揭露如上，然其並非用以限定本發明。本發明所屬技術領域中具有通常知識者，在不脫離本發明之精神和範圍內，當可作各種之更動與潤飾。因此，本發明之保護範圍當視後附之申請專利範圍所界定者為準。
51~57:流程步驟

Claims (33)

  1. 一種基於時間軸的圖形使用者介面提供方法，包括：接收相關於一目標的多個編輯後影像；以及於一圖形使用者介面中顯示該等編輯後影像，該等編輯後影像依據一時間軸排列，且分別包括該目標的一特定特徵，其中該圖形使用者介面呈一長方形，該時間軸為位於該長方形之長軸中心線之一直線，且該等編輯後影像係於該直線上以該等編輯後影像被拍攝的一時間順序來排列；該直線包括多個線段，該等線段視覺上位於該等編輯後影像的兩個或更多個之間；該等編輯後影像回應於一選擇操作可沿著該直線移動。
  2. 如請求項1的基於時間軸的圖形使用者介面提供方法，更包括：使該等編輯後影像中最接近該圖形使用者介面之預先定義的一視覺中心者之顯示尺寸大於其他該等編輯後影像之顯示尺寸。
  3. 如請求項1的基於時間軸的圖形使用者介面提供方法，更包括：對該等編輯後影像中最接近該圖形使用者介面之預先定義的一視覺中心者加上一特別效果。
  4. 如請求項1的基於時間軸的圖形使用者介面提供方法，更包括： 對該等編輯後影像中最接近該圖形使用者介面之預先定義的一視覺中心者移除一特別效果。
  5. 如請求項1的基於時間軸的圖形使用者介面提供方法，其中該特定特徵為該目標的一臉部表情特徵。
  6. 如請求項1的基於時間軸的圖形使用者介面提供方法，更包括：於該圖形使用者介面中提供對應該等編輯後影像之至少一的一情境對話框。
  7. 如請求項6的基於時間軸的圖形使用者介面提供方法，其中提供該情境對話框的步驟包括：依據一屬性自一對話資料庫中取得一對話內容；以及於該情境對話框中顯示該對話內容。
  8. 如請求項7的基於時間軸的圖形使用者介面提供方法，其中該屬性包括與該等編輯後影像之至少一相關聯的一日期。
  9. 如請求項1的基於時間軸的圖形使用者介面提供方法，更包括：於該圖形使用者介面顯示一提示訊息。
  10. 如請求項9的基於時間軸的圖形使用者介面提供方法，更包括：當該提示訊息被選擇，且一偏好標籤被設定時，顯示對應該提示訊息之一廣告訊息。
  11. 如請求項10的基於時間軸的圖形使用者介面提供方法，更包括：當該廣告訊息被選取，開啟一商品購買流程。
  12. 一種基於時間軸的圖形使用者介面提供系統，包括：一處理器；一顯示裝置，以及一儲存裝置，儲存多數個程式指令，該處理器於執行該程式指令後，能夠進行以下步驟：接收相關於一目標的多個編輯後影像；於該顯示裝置之一圖形使用者介面中顯示多個編輯後影像，該等編輯後影像依據一時間軸排列，且分別包括該目標的一特定特徵，其中該圖形使用者介面呈一長方形，該時間軸為位於該長方形之長軸中心線之一直線，且該等編輯後影像係於該直線上以該等編輯後影像被拍攝的一時間順序來排列；該直線包括多個線段，該等線段視覺上位於該等編輯後影像的兩個或更多個之間；該等編輯後影像回應於一選擇操作可沿著該直線移動。
  13. 如請求項12的基於時間軸的圖形使用者介面提供系統，其中該處理器於執行該程式指令後，更能夠進行以下步驟：使該等編輯後影像中最接近該圖形使用者介面之預先定義的一視覺中心者之顯示尺寸大於其他該等編輯後影像之顯示尺寸。
  14. 如請求項12的基於時間軸的圖形使用者介面提供系統，其中該處理器於執行該程式指令後，更能夠進行以下步驟：對該等編輯後影像中最接近該圖形使用者介面之預先定義的一視覺中心者加上一特別效果。
  15. 如請求項12的基於時間軸的圖形使用者介面提供系統，其中該處理器於執行該程式指令後，更能夠進行以下步驟：對該等編輯後影像中最接近該圖形使用者介面之預先定義的一視覺中心者移除一特別效果。
  16. 如請求項12的基於時間軸的圖形使用者介面提供系統，其中該特定特徵為該目標的一臉部表情特徵。
  17. 如請求項12的基於時間軸的圖形使用者介面提供系統，其中該處理器於執行該程式指令後，更能夠進行以下步驟：於該圖形使用者介面中提供對應該等編輯後影像之至少一的一情境對話框。
  18. 如請求項17的基於時間軸的圖形使用者介面提供系統，其中提供該情境對話框的步驟包括：依據一屬性自一對話資料庫中取得一對話內容；以及於該情境對話框中顯示該對話內容。
  19. 如請求項18的基於時間軸的圖形使用者介面提供系統，其中該屬性包括與該等編輯後影像之至少一相關聯的一日期。
  20. 如請求項19的基於時間軸的圖形使用者介面提供系統，其中該處理器於執行該程式指令後，更能夠進行以下步驟：於該圖形使用者介面顯示一提示訊息。
  21. 如請求項20的基於時間軸的圖形使用者介面提供系統，其中該處理器於執行該程式指令後，更能夠進行以下步驟：當該提示訊息被選擇，且一偏好標籤被設定時，顯示對應該提示訊息之一廣告訊息。
  22. 如請求項21的基於時間軸的圖形使用者介面提供系統，其中該處理器於執行該程式指令後，更能夠進行以下步驟：當該廣告訊息被選取，開啟一商品購買流程。
  23. 一種非暫態電子裝置可讀取媒體，其儲存多數個程式指令，使一電子裝置於執行該程式指令後，能夠進行以下步驟：接收相關於一目標的多個編輯後影像；以及於一圖形使用者介面中顯示多個編輯後影像，該等編輯後影像依據一時間軸排列，且分別包括該目標的一特定特徵，其中該圖形使用者介面呈一長方形，該時間軸為位於該長方形之長軸中心線之一直線，且該等編輯後影像係於該直線上以該等編輯後影像被拍攝的一時間順序來排列；該直線包括多個線段，該等線段視覺上位於該等編輯後影像的兩個或更多個之間；該等編輯後影像回應於一選擇操作可沿著該直線移動。
  24. 如請求項23的非暫態電子裝置可讀取媒體，其中該電子裝置於執行該程式指令後，更能夠進行以下步驟：使該等編輯後影像中最接近該圖形使用者介面之預先定義的一視覺中心者之顯示尺寸大於其他該等編輯後影像之顯示尺寸。
  25. 如請求項23的非暫態電子裝置可讀取媒體，其中該電子裝置於執行該程式指令後，更能夠進行以下步驟：對該等編輯後影像中最接近該圖形使用者介面之預先定義的一視覺中心者加上一特別效果。
  26. 如請求項23的非暫態電子裝置可讀取媒體，其中該電子裝置於執行該程式指令後，更能夠進行以下步驟：對該等編輯後影像中最接近該圖形使用者介面之預先定義的一視覺中心者移除一特別效果。
  27. 如請求項23的非暫態電子裝置可讀取媒體，其中該特定特徵為該目標的一臉部表情特徵。
  28. 如請求項23的非暫態電子裝置可讀取媒體，其中該電子裝置於執行該程式指令後，更能夠進行以下步驟：於該圖形使用者介面中提供對應該等編輯後影像之至少一的一情境對話框。
  29. 如請求項28的非暫態電子裝置可讀取媒體，其中提供該情境對話框的步驟包括：依據一屬性自一對話資料庫中取得一對話內容；以及於該情境對話框中顯示該對話內容。
  30. 如請求項29的非暫態電子裝置可讀取媒體，其中該屬性包括與該等編輯後影像之至少一相關聯的一日期。
  31. 如請求項23的非暫態電子裝置可讀取媒體，其中該電子裝置於執行該程式指令後，更能夠進行以下步驟：於該圖形使用者介面顯示一提示訊息。
  32. 如請求項31的非暫態電子裝置可讀取媒體，其中該電子裝置於執行該程式指令後，更能夠進行以下步驟：當該提示訊息被選擇，且一偏好標籤被設定時，顯示對應該提示訊息之一廣告訊息。
  33. 如請求項32的非暫態電子裝置可讀取媒體，其中該電子裝置於執行該程式指令後，更能夠進行以下步驟：當該廣告訊息被選取，開啟一商品購買流程。
TW109118481A 2019-11-25 2020-06-02 基於時間軸的圖形使用者介面提供方法、系統與紀錄媒體 TWI817014B (zh)

Applications Claiming Priority (2)

Application Number Priority Date Filing Date Title
US201962940202P 2019-11-25 2019-11-25
US62/940,202 2019-11-25

Publications (2)

Publication Number Publication Date
TW202121282A TW202121282A (zh) 2021-06-01
TWI817014B true TWI817014B (zh) 2023-10-01

Family

ID=75923640

Family Applications (1)

Application Number Title Priority Date Filing Date
TW109118481A TWI817014B (zh) 2019-11-25 2020-06-02 基於時間軸的圖形使用者介面提供方法、系統與紀錄媒體

Country Status (3)

Country Link
US (1) US11397983B2 (zh)
CN (1) CN112835663B (zh)
TW (1) TWI817014B (zh)

Families Citing this family (2)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
JP7437684B2 (ja) * 2020-03-27 2024-02-26 パナソニックＩｐマネジメント株式会社 ライフログ提供システムおよびライフログ提供方法
TWD213149S (zh) * 2020-04-09 2021-08-11 仁寶電腦工業股份有限公司 顯示螢幕之圖形化使用者介面

Citations (12)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US20080062141A1 (en) * 2006-09-11 2008-03-13 Imran Chandhri Media Player with Imaged Based Browsing
US20120102431A1 (en) * 2010-10-26 2012-04-26 Marc Krolczyk Digital media frame providing customized content
US8875023B2 (en) * 2007-12-27 2014-10-28 Microsoft Corporation Thumbnail navigation bar for video
US20150256899A1 (en) * 2014-03-05 2015-09-10 Ricoh Co., Ltd. Generating Enhanced Advertisements Based on User Activity
US20160110070A1 (en) * 2014-03-26 2016-04-21 Tencent Technology (Shenzhen) Company Limited Photo collection display method and apparatus
CN105912216A (zh) * 2016-04-25 2016-08-31 珠海格力电器股份有限公司 一种电子照片的显示方法、***及终端
CN107277274A (zh) * 2017-08-01 2017-10-20 北京宝福万通科技有限公司 一种成长历程记录终端以及成长历程记录方法
US20170352380A1 (en) * 2016-06-06 2017-12-07 Avigilon Corporation Method, system and computer program product for interactively identifying same individuals or objects present in video recordings
US20180084198A1 (en) * 2016-09-19 2018-03-22 Samsung Electronics Co., Ltd. Method of displaying images in a multi-dimensional mode based on personalized topics
CN107992540A (zh) * 2017-11-24 2018-05-04 南京融升教育科技有限公司 一种基于人脸自动识别的智能儿童相册
TW201820248A (zh) * 2016-11-17 2018-06-01 劍聲文教事業股份有限公司 智能嬰幼兒照護系統
CN110418076A (zh) * 2019-08-02 2019-11-05 新华智云科技有限公司 视频集锦生成方法、装置、电子设备及存储介质

Family Cites Families (1)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
WO2018212815A1 (en) * 2017-05-17 2018-11-22 Google Llc Automatic image sharing with designated users over a communication network

Patent Citations (12)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US20080062141A1 (en) * 2006-09-11 2008-03-13 Imran Chandhri Media Player with Imaged Based Browsing
US8875023B2 (en) * 2007-12-27 2014-10-28 Microsoft Corporation Thumbnail navigation bar for video
US20120102431A1 (en) * 2010-10-26 2012-04-26 Marc Krolczyk Digital media frame providing customized content
US20150256899A1 (en) * 2014-03-05 2015-09-10 Ricoh Co., Ltd. Generating Enhanced Advertisements Based on User Activity
US20160110070A1 (en) * 2014-03-26 2016-04-21 Tencent Technology (Shenzhen) Company Limited Photo collection display method and apparatus
CN105912216A (zh) * 2016-04-25 2016-08-31 珠海格力电器股份有限公司 一种电子照片的显示方法、***及终端
US20170352380A1 (en) * 2016-06-06 2017-12-07 Avigilon Corporation Method, system and computer program product for interactively identifying same individuals or objects present in video recordings
US20180084198A1 (en) * 2016-09-19 2018-03-22 Samsung Electronics Co., Ltd. Method of displaying images in a multi-dimensional mode based on personalized topics
TW201820248A (zh) * 2016-11-17 2018-06-01 劍聲文教事業股份有限公司 智能嬰幼兒照護系統
CN107277274A (zh) * 2017-08-01 2017-10-20 北京宝福万通科技有限公司 一种成长历程记录终端以及成长历程记录方法
CN107992540A (zh) * 2017-11-24 2018-05-04 南京融升教育科技有限公司 一种基于人脸自动识别的智能儿童相册
CN110418076A (zh) * 2019-08-02 2019-11-05 新华智云科技有限公司 视频集锦生成方法、装置、电子设备及存储介质

Also Published As

Publication number Publication date
US11397983B2 (en) 2022-07-26
US20210158432A1 (en) 2021-05-27
CN112835663A (zh) 2021-05-25
CN112835663B (zh) 2024-05-07
TW202121282A (zh) 2021-06-01

Similar Documents

Publication Publication Date Title
US11321385B2 (en) Visualization of image themes based on image content
US11354825B2 (en) Method, apparatus for generating special effect based on face, and electronic device
US10127632B1 (en) Display and update of panoramic image montages
CN111383304B (zh) 用于计算设备的图像检索
US8041076B1 (en) Generation and usage of attractiveness scores
US20210287439A1 (en) 3d cutout image modification
TWI817014B (zh) 基於時間軸的圖形使用者介面提供方法、系統與紀錄媒體
JP2021519995A (ja) 画像処理方法、装置、コンピュータ装置及びコンピュータプログラム
US7813526B1 (en) Normalizing detected objects
WO2022194102A1 (zh) 图像处理方法、装置、计算机设备、存储介质及程序产品
US11030815B2 (en) Method and system for rendering virtual reality content
JP7421010B2 (ja) 情報表示方法、装置及び記憶媒体
US11500510B2 (en) Information processing apparatus and non-transitory computer readable medium
JP2013210868A (ja) 情報処理装置、情報処理方法及びコンピュータプログラム
KR20220160084A (ko) 튜토리얼 콘텐츠와 함께 증강 현실 콘텐츠를 디스플레이
US11699412B2 (en) Application programming interface for setting the prominence of user interface elements
TW201411564A (zh) 瞌睡提醒裝置
CN115699130A (zh) 增强现实美容产品教程
WO2022179344A1 (en) Methods and systems for rendering virtual objects in user-defined spatial boundary in extended reality environment
US20210383097A1 (en) Object scanning for subsequent object detection
US10331330B2 (en) Capturing objects in editable format using gestures
US20190082002A1 (en) Media file sharing method, media file sharing device, and terminal
CN108334821B (zh) 一种图像处理方法及电子设备
US11144750B2 (en) Association training related to human faces
EP3244293A1 (en) Selection option information presentation system and method