可在圖片建立標記的在線編輯方法及其系統的製作方法
2023-06-18 13:16:11 2
專利名稱：可在圖片建立標記的在線編輯方法及其系統的製作方法
技術領域：
本發明是關於一種編輯方法及其系統，特別是指可在圖片建立標記的在線編輯方法及其系統。
背景技術：
在發表營銷策略、教育訓練或對產品功能結構的場合中，一般使用者系通過文書編輯軟體製作一說明數據，例如Office編輯軟體或心智圖編輯軟體等文書編輯軟體。說明數據除了可編入精簡厄要的說明文字，還可進一步通過圖片將欲表達的訊息表現給閱讀者或聆聽者。常見的Office編輯軟體包含有Word及PowerPoint，以Word舉例而言，當要進行圖片說明時，先在一 Word文件中插入圖片，並在Word文件中分別建立快取圖案、文字方塊，或通過繪圖功能在Word文件上分別建立各種線條與圖案，才可對圖片附註說明；同樣地，在PowerPoint文件的圖片說明編輯中，若在一圖片有多處特徵必須說明，使用者必須額外製作多個簡報頁面以針對該圖片說明，從而無法在同一個簡報頁面中將圖片所有的特徵表達完善。綜上所述，Word與PowerPoint在編輯圖片說明的表達，因各線段、快取圖案與文字方塊等均為獨立的對象，使用者必須個別地選用並獨立編輯各線段、快取圖案與文字方塊等對象，導致Word與PowerPoint在編輯過程繁複且費時。請參考圖6所示,一心智圖的示意圖。心智圖包含一主節點41與數個次節點42,次節點42通過線段43連接到主節點41。主節點41與次節點42可為圖片或文字，而次節點42通過圖片或文字說明主節點41的特徵。然而，在心智圖中，線段43僅能延伸到主節點41的外框，若主節點41為圖片，且圖片中有多個特徵須要表達，閱讀者僅能通過次節點42的說明推測其對應至圖片中的位置，若次節點42的表達方式言不及義，可能導致閱讀者難以判斷主節點41與次節點42之間的對應關係，而在閱讀上有窒礙之處。綜上所述，已知在圖片解說的手段除了編輯方式複雜，尚有無法精確表達主節點與次節點之間對應關係的缺點。
發明內容
因此本發明的主要目的是提供一種可在圖片建立標記的在線編輯方法及其系統，供使用者可輕易的編輯主節點、次節點之間的連接，以由標記及線段精確地表達兩者之間的對應關係。為達前揭目的，本發明所採用的技術手段是令該可在圖片建立標記的在線編輯方法包含有:聯機至客戶端，並在客戶端產生一使用者接口，該使用者接口中系具有一編輯區；自客戶端接收一主節點建立指令，以在編輯區中產生一主節點；
自客戶端接收一圖片，並將該圖片呈現在該主節點中；自客戶端接收一次節點建立指令，以在編輯區中產生一次節點，該次節點包含一說明功能區塊及一線段，該線段連接該說明功能區塊且具有一末端；自客戶端接收一定位指令，以將該末端定位在該主節點之圖片內部；以及廣生一標記在該末上，以完成建立標記。為達前揭目的，本發明所採用的技術手段是令該可在圖片建立標記的在線編輯系統包含有:一伺服器，包含有一可讀取記錄媒體，其儲存有複數個圖片；以及一使用者接口，聯機至該伺服器，該使用者接口包含有一編輯區，該編輯區包含:至少一主節點，供插入所述圖片以呈現在該編輯區中；及至少一次節點，該次節點包含有:一說明功能區塊，與主節點為分離設置，該說明功能區塊包含有一文字模式與一圖片模式，分別供編輯文字與插入圖片；一線段，連接該說明功能區塊且具有一末端，該末端位在該主節點的圖片內部；以及一標記，建立在該線段的末端；當建立次節點時，該說明功能區塊與線段同時產生且呈現在該編輯區中，該線段的末端供拖曳移動至主節點圖片的內部而形成所述標記。是以，由於建立次節點時，說明功能區塊與線段同時呈現在該編輯區中，對於進行操作的使用者而言，使用者僅須將線段末端拖曳移動至主節點圖片的內部即可，不須在編輯區中分別選取、建立快取圖案、文字方塊，或建立各種線條與圖案以連接主節點與次節點，因此本發明可供使用者達到主節點與次節點之間快速標記聯機的目的。本發明之編輯系統對於主節點與次節點的連接相當容易且方便編輯，因標記已被定位在圖片內部，閱讀者可沿著線段得知標記對應到的次節點，供閱讀者對照閱讀主節點的圖片與次節點的文字或圖片。
圖1:本發明之系統較佳實施例的系統示意圖。圖2:本發明之方法較佳實施例的流程圖。圖3:本發明較佳實施例的使用者接口示意圖。圖4:本發明之方法在次節點間建立標記的流程圖。圖5:本發明較佳實施例一次節點標記在另一次節點的示意圖。圖6:已知心智圖的示意圖。主要組件符號說明10伺服器20使用者接口21編輯區22主節點23次節點230功能說明區塊231線段232標記
24次節點240功能說明區塊
241線段242標記
25第二次節點250功能說明區塊
251線段252標記
30網際網路41主節點
42次節點43線段具體實施方式
請參考圖1所示，本發明之一較佳實施例的系統示意圖。該較佳實施例包含有一伺服器10與一使用者接20，兩者相互聯機。
該伺服器10設在一服務端，供客戶端通過網際網路30聯機，其中服務端指提供服務的廠商或業者，客戶端指一般使用者的計算機設備，例如個人計算機、筆記型計算機、平板計算機等。客戶端具有上網功能而可聯機至該伺服器10，當客戶端聯機至該伺服器10後，該伺服器10在客戶端產生一使用者接口 20作為一在線操作接口。因此，客戶端必須先聯機、登入到伺服器10，由伺服器提供建立標記的相關編輯方法，客戶端才可進行標記操作，有效避免如單機版的編輯軟體遭到破解之虞。
該伺服器10包含有一可讀取記錄媒體，其儲存有複數個圖片。
請參考圖2所示本方法的流程圖，以及配合圖3所示，首先伺服器10聯機至客戶端，並在客戶端產生一使用者接口 20，該使用者接口 20具有一編輯區21 (101)。
接著，該伺服器10自客戶端接收一主節點建立指令，以在編輯區21中產生一主節點 22(102)。
該伺服器10自客戶端接收一圖片，並將圖片儲存在可讀取記錄媒體，且使該圖片呈現在該主節點22中(103)。
該伺服器10自客戶端接收一次節點建立指令，以在編輯區21中產生一次節點23，該次節點23包含一說明功能區塊230及一線段231 (104)，當建立次節點23時，說明功能區塊230及線段231同時產生且呈現在編輯區21中，該線段231連接該說明功能區塊230且具有一末端。次節點23建立後，該伺服器10可自客戶端接收、儲存純文字數據或圖片，並將純文字數據或圖片呈現在該次節點的說明功能區塊230。
該伺服器10自客戶端接收一定位指令，以將該線段231的末端定位在該主節點22的圖片內部(105)。
在線段231被定位後，線段231末端產生一標記232 (106)，完成標記之建立。
除了在主節點22與 次節點23之間進行聯機標記，請參考圖4與圖5所示，可進一步在兩次節點之間進行標記。
在建立次節點24後，將次節點24的說明功能區塊240設為一圖片標記模式(201)。
該伺服器10自客戶端接收並儲存圖片，並將圖片呈現在該次節點24的說明功能區塊240中(202)，其中次節點24的圖片相關在主節點22的圖片，例如次節點24圖片可為主節點22圖片的局部放大圖。
該伺服器10自客戶端接收一第二次節點建立指令，以在編輯區21中產生一第二次節點25，第二次節點25包含一說明功能區塊250及一線段251，當建立第二次節點25時，說明功能區塊250及線段251同時產生且呈現在編輯區21中，該線段251連接該說明功能區塊250且具有一末端(203)。
該伺服器10自客戶端接收一定位指令，以將該線段251的末端定位在所述次節點24之說明功能區塊240內部(204)。
在線段251被定位後，建立一標記252在第二次節點25的線段251末端上(205)，完成建立標記。
綜上述，該編輯區21供建立至少一主節點22與至少一次節點23、24、25，主節點22與次節點23、24、25的數量可視使用者需求而定。所述主節點22供插入圖片以呈現在編輯區21中，其中圖片的格式可為jpg、png、pdf、tif、gif或swf等,且圖片的尺寸比例可在編輯區21被放大或縮小。
如圖5所示，所述次節點24、25與主節點22彼此為分離設置，且次節點24由一線段241連結至主節點22的圖片內部，線段241的末端在圖片中建立一標記242，所述線段241可為直線或曲線。其中，在主節點22被建立後，當建立次節點24時，次節點24的說明功能區塊240與線段241同時產生且呈現在編輯區21中，線段241的末端供拖曳移動至主節點22圖片內部以形成標記242。
所述次節點24的說明功能區塊240包含有一文字模式與一圖片模式，當該說明功能區塊240為文字模式時，供使用者在說明功能區塊240內編輯文字，例如純文字或超級連結(URL)，當該說明功能區塊240為圖片模式時，供使用者在說明功能區塊240內插入圖片，因此使用者可通過文字或圖片來說明主節點22中圖片所欲表達的意義。
綜上所述，由於標記242可供設定在主節點22中的任意位置，又次節點24的說明功能區塊240可供編輯文字或插入圖片；藉由次節點24的設置，由於標記242已被定位在主節點22的圖片內，又標記242經由線段241連接到說明功能區塊240，閱讀者可自主節點22沿著標記242與線段241立即得知所對應到的說明功能區塊240，供閱讀者輕易地對照閱讀主節點22的圖片與次節點24中說明功能區塊240的文字或圖片。
如圖5所示，次節點24可進一步包含一圖片標記模式，當次節點24為圖片標記模式時，該次節點24可被視為主節點，意即次節點24的說明功能區塊240可供插入一第二圖片以供呈現在該編輯區21中，其它次節點25的說明功能區塊250即可通過標記252及線段251連接在次節點24的說明功能區塊240內部，因此次節點與次節點之間可彼此連接而進行圖片的標記說明。
惟以上所述者，僅為本發明的較佳實施例而已，當不能以此限定本發明實施的範圍，即大凡依本發明申請專利範圍及發明說明內容所作的簡單的等效變化與修飾，皆仍屬本發明專利涵蓋的範圍內。
權利要求
1.一種可在圖片建立標記的在線編輯方法，其特徵在於，包含: 聯機至客戶端，並在客戶端產生一使用者接口，該使用者接口中系具有一編輯區； 自客戶端接收一主節點建立指令，以在編輯區中產生一主節點； 自客戶端接收一圖片，並將該圖片呈現在該主節點中； 自客戶端接收一次節點建立指令，以在編輯區中產生一次節點，該次節點包含一說明功能區塊及一線段，該線段連接該說明功能區塊且具有一末端； 自客戶端接收一定位指令，以將該末端定位在該主節點之圖片內部；以及 廣生一標記在該末端上，以完成建立標記。
2.如權利要求1所述可在圖片建立標記的在線編輯方法，其特徵在於，進一步包含: 將該次節點的說明功能區塊設為一圖片標記模式； 自客戶端接收一第二圖片，並將該第二圖片呈現在該次節點的說明功能區塊中； 自客戶端接收一第二次節點建立指令，以在編輯區中產生第二次節點，第二次節點包含一說明功能區塊及一線段，該線段連接該說明功能區塊且具有一末端； 自客戶端接收一定位指令，以將第二次節點的線段末端定位在前述次節點之說明功能區塊內部；以及 產生一標記在第二次節點的線段末端上。
3.如權利要求1所述可在圖片建立標記的在線編輯方法，其特徵在於，進一步包含: 自客戶端接收純文字數據或圖片，並將純文字數據或圖片呈現在該次節點的說明功能 區塊。
4.一種可在圖片建立標記的在線編輯系統，其特徵在於，包含: 一伺服器，包含有一可讀取記錄媒體，其儲存有複數個圖片；以及 一使用者接口，聯機至該伺服器，該使用者接口包含有一編輯區，該編輯區包含: 至少一主節點，供插入所述圖片以呈現在該編輯區中；及 至少一次節點，該次節點包含有: 一說明功能區塊，與主節點為分離設置，該說明功能區塊包含有一文字模式與一圖片模式，分別供編輯文字與插入圖片； 一線段，連接該說明功能區塊且具有一末端，該末端位在該主節點的圖片內部；以及 一標記，建立在該線段的末端； 當建立次節點時，該說明功能區塊與線段系同時產生且呈現在該編輯區中，該線段的末端供拖曳移動至主節點圖片的內部而形成所述標記。
5.如權利要求4所述可在圖片建立標記的在線編輯系統，其特徵在於，所述說明功能區塊進一步包含一圖片標記模式，供插入一圖片以呈現在該編輯區中，該圖片供其它次節點的說明功能區塊透過標記及線段連接。
6.如權利要求4或5所述可在圖片建立標記的在線編輯系統，其特徵在於，所述圖片文件的格式包含有jpg與Pdf。
7.如權利要求4或5所述可在圖片建立標記的在線編輯系統，其特徵在於，所述次節點為文字模式時系供編輯純文字。
8.如權利要求6所述可在圖片建立標記的在線編輯系統，其特徵在於，所述次節點為文字模式時系供編輯純文字。
9.如權利要求7所述可在圖片建立標記的在線編輯系統，其特徵在於，所述圖片的尺寸比例可在該編輯區被放大或縮小。
10.如權利要求8所述可在圖片建立標記的在線編輯系統，其特徵在於，所述圖片的尺寸比例可在該編 輯區被放大、縮小。
全文摘要
本發明是一種可於圖片建立標記的在線編輯方法及其系統，包含一伺服器與一聯機至該伺服器的使用者接口，伺服器於使用者接口建立一編輯區，編輯區供建立主節點與次節點，其中主節點供插入圖片以呈現於該編輯區中，次節點包含一功能說明區塊與一連接功能說明區塊的線段，該線段並連結至主節點的圖片內部，功能說明區塊可供編輯文字與插入圖片；當建立次節點時，功能說明區塊與線段系同時呈現在該編輯區中，線段的末端供使用者拖曳移動至主節點圖片的內部而形成標記，藉此供使用者快速地將主節點與次節點構成連接。
文檔編號H04L29/06GK103218839SQ20121001798
公開日2013年7月24日 申請日期2012年1月19日 優先權日2012年1月19日
發明者王入賢 申請人:聖僑資訊事業股份有限公司