TWI745620B

TWI745620B - 動態產生客製化圖檔的方法、系統與電腦可讀取儲存裝置

Info

Publication number: TWI745620B
Application number: TW107133396A
Authority: TW
Inventors: 丁偉哲; 鄭宇傑; 張一心; 吳宗蔚
Original assignee: 安永金融科技股份有限公司
Priority date: 2018-09-21
Filing date: 2018-09-21
Publication date: 2021-11-11
Also published as: TW202013166A

Abstract

一種動態產生客製化圖檔的方法與系統，所述方法運作於一電腦系統中，電腦系統設有資料庫，在一使用者裝置中執行一對應的軟體程式，電腦系統可以通過一對話形式取得使用者選擇的素材，各素材對應一編程，也接收使用者對每個素材的設定，例如素材形成在一圖檔中的顯示位置、尺寸與顏色，之後根據各素材對應的編程，可於圖檔中編譯產生程式，經執行程式後，連結一資料庫，形成對應各素材的顯示內容，之後產生一客製化圖檔。

Description

動態產生客製化圖檔的方法、系統與電腦可讀取儲存裝置

說明書公開一種圖檔產生方法，特別是一種通過動態編譯手段產生客製化圖檔的方法、系統，以及相關電腦可讀取儲存裝置。

在資料收集的過程中，常常是得到片段的資訊，有許多習知的工具可以協助使用者將這些片段的資訊整合在一個圖面或是文件中。

常見的方式，例如，在某些網頁服務中，提供使用者選擇多種資訊，之後自動將這些資訊整理在一個網頁上，讓人可以一目瞭然。另有一種試算表(spreadsheet)的套裝軟體，使用者可以經由其中欄位輸入文字、數字、算式等資訊，試算表可自動將這些資訊整理在一起，並可形成各種形式的圖表，讓使用者可以從一個檔案中得到整合過的資訊。

然而，現行技術提供整理資訊的方式是通過傳統的網頁，或是電腦作業系統中軟體程式得到的，仍需要使用者在特定格式下的各種資訊欄位中填入資料，需要特定檔案格式與排版規則，並不方便在具有多樣作業環境的網路裝置之間傳遞。

說明書公開一種動態產生客製化圖檔的方法，以及相關電腦系統與電腦可讀取儲存裝置，其中主要技術特徵是由系統提供一些文字與表格的素材，每個素材背後都有軟體編程，可以根據使用者編排與輸入資訊而動態編譯，將編程編入一個頁面中，能動態產生原本是動態的資訊，動態產生客製化圖檔，能便於在網路上傳遞。

根據實施例，所述動態產生客製化圖檔的方法應用於一電腦系統中，系統提供一些素材選擇，包括文字方塊、時間方塊、數值方塊、表格與圖表等，之後根據使用者選擇的各素材，於電腦系統中預備記憶體空間，接著接收到使用者對這些素材的設定，例如使用者輸入參數、設定在圖檔上的顯示位置、尺寸與顏色的其中之一或任意組合。

之後，系統根據各素材對應的編程，於圖檔中編譯產生一程式，經執行此程式，連結一資料庫，形成對應各素材的顯示內容，以及產生根據使用者設定的一客製化圖檔。

進一步地，這個客製化圖檔為一靜態圖檔，但其中各區塊的資訊都是動態產生。

根據動態產生客製化圖檔的系統實施例，其中包括一電腦系統，設有資料庫，提供一接收參數的服務，以及執行於一使用者裝置中的軟體程式，於使用者裝置中執行軟體程式後接入這個接收參數的服務。

進一步地，這個接收參數的服務例如一種自動聊天的服務，讓使用者通過聊天的過程輸入參數，如素材選擇、設定等，使得系統產生方便在網路上傳遞與分享的客製化圖檔。

在一應用實施例中，所述客製化圖檔由一自動對話程序產生，當電腦系統接收使用者通過一特定系統中的自動對話程序傳送一訊息，此訊息中含有使用者設定，接著，電腦系統根據此訊息執行程式，並同時可以取得外部系統提供的外部訊息，電腦系統即根據此外部訊息與使用者設定，產生客製化圖檔，並傳送至使用者裝置。

在另一應用中，在外部系統設有觸發條件，當有事件滿足此觸發條件，外部系統可以自動產生訊息，傳送到電腦系統，電腦系統即根據這個訊息與使用者設定，產生客製化圖檔，並傳送至使用者裝置。

另提出一種電腦可讀取儲存裝置，儲存執行上述動態產生客製化圖檔的方法的程式集，程式集經電腦系統的一或多個處理器執行後，執行以上方法流程。

為了能更進一步瞭解本發明為達成既定目的所採取之技術、方法及功效，請參閱以下有關本發明之詳細說明、圖式，相信本發明之目的、特徵與特點，當可由此得以深入且具體之瞭解，然而所附圖式僅提供參考與說明用，並非用來對本發明加以限制者。

10:網路

11:伺服主機

15:資料庫

13:使用者裝置

201:素材庫

203:圖檔

211,212,213,214:素材

301,302,303,304:素材編程

40:動態產生客製化圖檔的系統

401:使用者訊息處理模組

403:素材處理模組

405:查詢模組

407:編譯模組

409:客製化圖檔產生模組

411:使用者管理模組

41:對話介面

42:資料庫

43:客製化圖檔

61:伺服器

62:使用者裝置

71:外部系統

72:電腦系統

73:社群媒體

74:使用者

步驟S501~S511:動態產生客製化圖檔的流程

步驟601~610:動態產生客製化圖檔的流程

步驟701~707:動態產生客製化圖檔的應用流程之一

步驟801~804:動態產生客製化圖檔的應用流程之二

圖1顯示動態產生客製化圖檔的系統網路架構實施例圖；圖2顯示通過動態產生客製化圖檔的系統選擇素材的實施例圖；圖3示意顯示連結素材的編程的實施例圖；圖4顯示動態產生客製化圖檔的系統中軟體功能方塊實施例圖；圖5顯示動態產生客製化圖檔的方法的實施例流程圖；圖6顯示動態產生客製化圖檔的方法中通過對話產生客製化圖檔的範例流程圖；圖7顯示產生動態產生客製化圖檔的應用流程之一；圖8顯示產生動態產生客製化圖檔的應用流程之二。

說明書公開一種動態產生客製化圖檔的方法、系統與電腦可讀取儲存裝置，其中主要特徵是系統能夠根據使用者輸入的參數得到一些信息，這些信息為根據即時的查詢結果產生，不同於過去的分享信息的方式，此動態產生客置化圖檔的方式是將動態產生的結果編譯成靜態而方便散布的圖檔，常見如JPG、PNG、GIF等圖檔，但實際實施不限於這些圖檔格式，如此，使得這個客製化圖檔的資訊表示方式不同於一般會因為信息的獨特性而需要提供特定規格的檔案或是讀取器的方式。

相關系統架構可參考圖1所示動態產生客製化圖檔的系統網路架構實施例圖。

動態產生客製化圖檔的系統可以為一種雲端服務，其中服務設於伺服主機11內，其中運作一電腦系統，提供內部或外部資料庫15，用於提供動態查詢資料的用途，電腦系統通過接收參數的服務執行動態產生客製化圖檔的方法。舉例來說，資料庫15提供股票即時訊息，可以讓使用者在此動態產生客製化圖檔的系統中提出查詢某支股票過去一段時間的走勢的需求，系統即查詢資料庫15後得某支股票的相關資訊，以及過去一段時間內的股票指數，之後，在使用者裝置13中執行特定軟體啟始的使用者介面上顯示這些數據，或是依照需求形成走勢圖，最後將資訊整合到一客製化圖檔上。在另一實施例中，系統提供天氣數據，可以根據使用者在動態產生客製化圖檔的系統查詢某地天氣資訊的需求，查詢資料庫15中某地的即時天氣資訊，並製作包括某地資訊與天氣即時信息的客製化圖檔。值得一提的是，客製化圖檔中的每個資訊都是通過系統查詢得出的動態資訊，之後通過動態產生客製化圖檔的方法形成靜態的影像資訊。

在此圖示中，使用者裝置13通過網路10與伺服主機11的服務界接，例如通過執行於使用者裝置13中的軟體程式產生一對話介面，系統可以藉由對接的服務取得對話中的訊息，以取得使用者輸入的參數，進而形成最終圖檔上顯示的資訊。

值得一提的是，伺服主機11的形式不限於特定主機或系統，而可以一雲端系統提供查詢服務，包括動態產生客製化圖檔的服務。

上述實施例中的動態產生客製化圖檔的系統通過伺服主機11與其內部或外部資料庫15提供使用者各種素材，如圖2所示通過動態產生客製化圖檔的系統選擇素材的實施例圖。

系統通過伺服主機11提供素材庫201給使用者，當使用者登入伺服主機11，系統可以通過影像提供使用者選擇各樣素材，如圖所示，素材211,212,213,214為最後編譯為客製化圖檔203中的各資訊區塊，每個素材背後都有支持素材顯示資訊的程式碼，可以根據使用者輸入的訊息執行這段程式碼，最後產生顯示在圖檔上區塊的資訊。

舉例來說，使用者可以設定區塊大小，選擇文字屬性的素材，文字方塊提供使用者輸入文字，其中可以填入名稱，或是經查詢得到的文字訊息；選擇時間屬性的素材，相關的時間方塊提供即時時間；選擇數值屬性的素材，數值方塊提供使用者輸入數值，或是查詢得到的數值；選擇表格屬性的素材，表格提供文字或數值輸入欄位；選擇圖表屬性的素材，圖表提供根據使用者輸入數值產生的動態圖表，使得系統會根據使用者輸入的數據，或是查詢得到的數據，製作成圖表。其中各素材的屬性為偵測素材的輸入參數、設定在圖檔上的顯示位置、尺寸與顏色的其中之一或任意組合。

經選擇各式素材後，最後形成圖檔203，圖中示意表示圖檔203中的素材211,212,213,214。如上所述，值得一提的是，每個素材211,212,213,214背後有支持此素材屬性的程式碼，並非都是提供固定的資訊，而是根據程式碼運算或查詢得到的資訊，當有參數改變，將可能需要重新執行程式碼得到更新後的內容，也就是達到動態產生客製化圖檔的目的。

上述在圖檔203上預覽的各區塊可以是讓使用者選擇性地改變位置、尺寸、顏色等的素材211,212,213,214，圖檔203的設定可以在系統得到使用者輸入或是通過對話方式得到訊息之前，或是完成輸入或是對話之後。

接著，如圖3所示連結素材的編程的實施例圖，此圖顯示上例中圖檔203與其中素材211,212,213,214形成的資訊區塊，每個區塊背後有以腳本語言(script)或是特定形式的程式碼，使得資訊區塊可以產生動態資訊，並最後編程後嵌入圖檔203中。

此例顯示素材211連結一段素材編程301；素材212連結素材編程302；素材213連結素材編程303；以及素材214連結素材編程304。

舉例來說，若以股票查詢功能為例，使用者可以在輸入需求之前設計出安排在這個圖檔中的素材，如素材211為文字屬性，填入股票的名稱；素材212為數值屬性，背後素材編程302為根據素材編程301得到使用者輸入的股票名稱，執行一查詢資料庫的程式碼後得到素材212顯示的股票號碼；素材213為圖表屬性，對應的素材編程303根據素材編程212得出的股票號碼，再依據使用者輸入的查詢期間，得出這支股票在這段期間的每天指數，因此素材編程303即根據這些指數建立走勢圖，成為素材213的輸出；素材214可為文字屬性，其對應的素材編程304根據素材編程212得到的股票號碼，查詢資料庫後，得出素材214顯示的股票相關資訊，如最近的新聞、財報等內容。

最後，系統將素材211,212,213,214對應的素材編程301,302,303,304編譯後，動態產生客製化圖檔203上的各區塊資訊。

圖4顯示根據系統的軟體功能形成的功能方塊實施例圖，其中功能將對應圖5所示方法流程。

圖中顯示動態產生客製化圖檔的系統40中以軟體實現的功能方塊，如系統通過使用者訊息處理模組401提出一種接收參數的服務，用於接收使用者於特定使用者介面輸入的訊息。另一方面是在使用者裝置中執行一對應的軟體程式，使用者裝置可通過網路與系統連線，於執行軟體程式後接入接收參數的服務，例如可以即時通訊軟體產生對話介面41，以對話的方式接收使用者查詢的訊息，經處理後成為形成最終圖檔的訊息，或是成為查詢資料庫的參數。

素材處理模組403為提供素材庫，讓使用者從中選擇與設定素材(圖5，步驟S501)，讓系統通過接收參數的服務接收使用者選擇的一或多個素材，系統即根據選擇的素材於電腦系統中預備記憶體空間，其中暫存各素材對應編程。素材處理模組403即處理使用者選擇與設定的多個素材的組合(圖5，步驟S503)，取得各素材對應的程式碼。電腦系統接著通過使用者介面(如上述對話介面)接收使用者對各素材的設定，如素材內容的位置、尺寸以及/或顏色等設定，包括其中內容，素材的內容可以為根據使用者輸入的參數經執行編程得出。

查詢模組405為根據使用者輸入的訊息查詢資料庫42，能夠從內部或外部資料庫42得出訊息，在特定素材對應的資訊區塊，執行背後編程，成為顯示在圖檔上的內容。

編譯模組407則是將使用者設定圖檔中的各素材背後的素材編程經編譯後，成為最終形成圖檔上內容的程式(圖5，步驟S505)，執行程式後，根據使用者輸入的參數，包括查詢內容(圖5，步驟S507)，形成圖檔上要顯示的內容(圖5，步驟S509)。之後，通過客製化圖檔產生模組409產生根據使用者設定的客製化圖檔43(圖5，步驟S511)。

更者，在這個動態產生圖檔的過程中，系統持續根據使用者輸入的參數(或通過問答對話輸入)得出顯示內容，當電腦系統於執行程式而產生顯示內容時，若接收更新其中素材的參數，將動態改變圖檔上的顯示內容。因此，當其中參數有變化，可立即重新執行整個圖檔的程式後產生更新後的客製化圖檔43，也就是一個參數改變後，重新查詢資料庫42，也更新各圖檔中資訊區塊的可變數值，即時更新最終圖檔的顯示內容，並重新產生客製化圖檔43。

系統中的使用者管理模組411用以管理連接系統的使用者，每個使用者可以被賦予使用者識別碼(user ID)，可以據此得到每個使用者輸入與產生的數據，成為系統提供客製化服務的依據，系統也能根據相關使用者資訊通過上述接收參數的服務傳送至使用者裝置。

圖6顯示動態產生客製化圖檔的方法中通過伺服器61與使用者裝置62之間對話產生客製化圖檔的參數的範例流程圖。

伺服器61對使用者裝置62提供素材(步驟601)，舉例來說，素材可為儲存在系統資料庫中的多種素材，包括文字方塊、時間方塊、數值方塊、表格與圖表中的一或多種。

之後，由使用者裝置62從中選擇素材(步驟602)，包括設定素材(步驟603)。在此使用者設定一或多個素材的步驟中，包括可以讓使用者在一個圖面上進行素材在圖檔上的排版，在設定過程中由電腦系統記憶各素材的顯示位置、尺寸與顏色的其中之一或任意組合的設定值。

接著進入參數輸入的程序，此例顯示系統通過伺服器61提供接收參數的對話服務，由使用者裝置62回應每個問題後，讓伺服器61取得各種參數。例如由伺服器61發出問題一(步驟604)，使用者通過使用者裝置62上啟始的使用者介面回應，形成對應的參數一(步驟605)，這個參數將可能成為最後產生客製化圖檔中特定資訊方塊內的內容，或是程式執行所需的輸入值。由伺服器61發出問題二(步驟606)，使用者回應參數二(步驟607)，再由伺服器61發出問題三608，使用者再回應後產生參數三(步驟 609)。

最後，在伺服器61中運行的電腦系統將根據以上由使用者裝置62接收的參數，執行編譯素材產生的程式，形成客製化圖檔上的顯示內容，最後形成圖檔後傳送給使用者裝置62(步驟610)。

在此一提的是，最後傳送給使用者裝置62的客製化圖檔可為靜態圖檔。

通過電腦系統產生客製化圖檔相關應用可參閱圖7與圖8。

在圖7顯示的應用實施例中，使用者74登入一社群媒體73，如Facebook、Line等具有對話功能的社群媒體，使用者74利用其中對話功能執行一自動對話程序，藉此產生客製化圖檔。

在此實施例中，使用者74在自動對話程序中產生訊息(步驟701)，社群媒體73接收此訊息，根據自動對話程序，傳送請求訊息到電腦系統72(步驟702)。訊息包括如何產生客製化圖檔的使用者設定。

接著，根據訊息所攜帶的指令，在此實施例中，電腦系統72連線外部系統71，請求外部訊息(步驟703)。外部系統71包括了資料庫，可以依照這個請求回覆外部訊息(步驟704)，如上述範例，若訊息是要查詢某支股票的指數以及相關資訊，即根據資料庫得出，據此形成產生客製化圖檔的內容。

於是，電腦系統72根據此外部訊息以及相關的使用者設定，產生客製化圖檔(步驟705)。產生客製化圖檔時，仍會根據使用者選擇的一或多個素材與設定，依照素材對應的編程以及屬性產生圖檔。

最後，電腦系統72依據訊息來源回傳客製化圖檔到社群媒體73(步驟706)，最後傳送至使用者的使用者裝置上，並顯示這個圖檔(步驟707)。

在另一實施例中，使用者可以在外部系統71設定觸發特定訊息的條件，舉例來說，外部系統71如一證券公司，使用者可以在外部系統71設定某支股票到達某個指數時發出通知，讓使用者可以立即利用此動態產生客製化圖檔的技術取得立即的訊息。

在圖8的實施例流程中，流程由外部系統71開始，當某事件符合一觸發條件，外部系統即根據此觸發條件產生一訊息(步驟801)，由電腦系統72接收，電腦系統72將根據此訊息所包括資的資訊，其中亦可以包括使用者對於產生客製化圖檔的使用者設定，根據以上產生客製化圖檔的方法產生客製化圖檔(步驟802)。根據使用者設定，電腦系統72將可回傳給使用者74，此例為通過某個社群媒體73中的自動對話程序傳送給使用者74(步驟803)，讓使用者利用使用者裝置接收並顯示出來(步驟804)。

說明書公開一種電腦可讀取儲存裝置，這是儲存執行以上動態產生客製化圖檔的方法的程式集，這些程式集經上述電腦系統的一或多個處理器執行後，執行動態產生客製化圖檔的方法，其中儲存的指令例如接收使用者選擇的一或多個素材的指令、儲存使用者對一或多個素材的設定的指令、根據各素材對應的編程而於圖檔中編譯產生程式的指令、形成對應各素材的顯示內容的指令，以及產生根據使用者設定的客製化圖檔的指令。

綜上所述，所述動態產生客製化圖檔的方法與相關系統係提供使用者得到根據需求產生的客製化圖檔，圖檔可以由多種如文字、數值、表格、圖表等素材產生得內容所組合，相關編程嵌入圖檔的各顯示區域中，而特別的是，在形成圖檔的過程中，是可以通過圖形化的使用者介面與操作環境完成，甚至是通過對話產生的參數所形成，最後製作客製化圖檔時採用動態編譯，讓使用者可以隨時更新其中參數而能重新產生圖檔。

相對於現行技術提供整理資訊的方式是通過傳統的網頁，或是電腦作業系統中軟體程式得到的資訊是需要特定檔案格式與排版規則，甚至需要特定軟體程式才會讀到各種資訊來源形成的內容，因此，不同的是，在此所述動態產生客製化圖檔的方法產生的客製化圖檔，除了有特殊取得資訊參數的方式外，更是經過編譯形成的靜態圖檔，可以方便傳遞與分享。

以上所述僅為本發明之較佳可行實施例，凡依本發明申請專利範圍所做之均等變化與修飾，皆應屬本發明之涵蓋範圍。

40‧‧‧動態產生客製化圖檔的系統

401‧‧‧使用者訊息處理模組

403‧‧‧素材處理模組

405‧‧‧查詢模組

407‧‧‧編譯模組

409‧‧‧客製化圖檔產生模組

411‧‧‧使用者管理模組

41‧‧‧對話介面

42‧‧‧資料庫

43‧‧‧客製化圖檔

Claims

一種動態產生客製化圖檔的方法，應用於一電腦系統中，包括：根據一使用者選擇的一或多個素材，於該電腦系統中預備記憶體空間，其中各素材對應一編程，其中由一資料庫儲存多種素材，該多種素材為一文字方塊、一時間方塊、一數值方塊、一表格與一圖表中的其中之一或多種；提供該使用者於一圖形化的使用者介面設定該一或多個素材，包括進行該一或多個素材在一圖檔上的排版，由該電腦系統記憶各素材的顯示位置、尺寸與顏色的其中之一或任意組合的設定值；儲存該使用者對該一或多個素材的設定，包括各素材在該圖檔的屬性，其中各素材的屬性為輸入的參數、設定在該圖檔上的顯示位置、尺寸與顏色的其中之一或任意組合；根據各素材對應的編程，於該圖檔中編譯產生該圖檔內容的一程式的指令；以及於該電腦系統中，接收該使用者通過一社群媒體的對話功能執行一自動對話程序傳送一訊息，其中該訊息中含有產生一客製化圖檔的一使用者設定，之後該電腦系統根據該訊息執行該程式，連結該資料庫，同時取得一外部系統提供的一外部訊息，以形成對應各素材的顯示內容，該電腦系統即根據該外部訊息與該使用者設定動態產生該客製化圖檔，使得該客製化圖檔編譯成靜態而方便散布的圖檔。
如請求項1所述的動態產生客製化圖檔的方法，其中，當該電腦系統於執行該程式而產生顯示內容時，若接收更新其中素材的參數，將動態改變顯示內容。
如請求項2所述的動態產生客製化圖檔的方法，其中該文字方塊提供該使用者輸入文字；該時間方塊提供即時時間；該數值方塊提供該使用者輸入數值；該表格提供文字或數值輸入欄位；該圖表提供根據該使用者輸入數值產生的動態圖表。
如請求項1至3中任一項所述的動態產生客製化圖檔的方法，其中該客製化圖檔由該自動對話程序產生，該資料庫設於該外部系統，包括：該外部系統根據一觸發條件產生該訊息，傳送至該電腦系統；以及該電腦系統根據該訊息與該使用者設定，產生該客製化圖檔，並傳送至該使用者的一使用者裝置。
一種動態產生客製化圖檔的系統，包括：一電腦系統，設有一資料庫，該電腦系統提供一接收參數的服務，該資料庫儲存多種素材，該多種素材為一文字方塊、一時間方塊、一數值方塊、一表格與一圖表中的其中之一或多種；執行於一使用者裝置中的軟體程式，該使用者裝置通過一網路與該電腦系統連線，於執行該軟體程式後接入該接收參數的服務；其中，該電腦系統通過該接收參數的服務執行一動態產生客製化圖檔的方法，包括：通過該接收參數的服務接收一使用者選擇的一或多個素材，根據該一或多個素材，於該電腦系統中預備記憶體空間，其中各素材對應一編程；該電腦系統提供該使用者於一圖形化的使用者介面設定該一或多個素材，包括進行該一或多個素材在一圖檔上的排版，由該電腦系統記憶各素材的顯示位置、尺寸與顏色的其中之一或任意組合的設定值；通過該接收參數的服務接收該使用者對該一或多個素材的設定，包括各素材在該圖檔的屬性，其中各素材的屬性為輸入的參數、設定在該圖檔上的顯示位置、尺寸與顏色的其中之一或任意組合；根據各素材對應的編程，於該圖檔中編譯產生該圖檔內容的一程式的指令；以及於該電腦系統中，接收該使用者通過一社群媒體的對話功能執行一自動對話程序傳送一訊息，其中該訊息中含有產生一客製化圖檔的一使用者設定，之後該電腦系統根據該訊息執行該程式，連結該資料庫，同時取得一外部系統提供的一外部訊息，以形成對應各素材的顯示內容，該電腦系統即根據該外部訊息與該使用者設定動態產生該客製化圖檔，使得該客製化圖檔編譯成靜態而方便散布的圖檔。
一種電腦可讀取儲存裝置，儲存執行一動態產生客製化圖檔的方法的程式集，該程式集經一電腦系統的一或多個處理器執行後，執行以下步驟：根據一使用者選擇的一或多個素材，於該電腦系統中預備記憶體空間，其中各素材對應一編程，其中由一資料庫儲存多種素材，該多種素材為一文字方塊、一時間方塊、一數值方塊、一表格與一圖表中的其中之一或多種；提供該使用者於一圖形化的使用者介面設定該一或多個素材，包括進行該一或多個素材在一圖檔上的排版，由該電腦系統記憶各素材的顯示位置、尺寸與顏色的其中之一或任意組合的設定值；儲存該使用者對該一或多個素材的設定，包括各素材在該圖檔的屬性，其中各素材的屬性為輸入的參數、設定在該圖檔上的顯示位置、尺寸與顏色的其中之一或任意組合；根據各素材對應的編程，於該圖檔中編譯產生該圖檔內容的一程式的指令；以及於該電腦系統中，接收該使用者通過一社群媒體的對話功能執行一自動對話程序傳送一訊息，其中該訊息中含有產生一客製化圖檔的一使用者設定，之後該電腦系統根據該訊息執行該程式，連結該資料庫，同時取得一外部系統提供的一外部訊息，以形成對應各素材的顯示內容，該電腦系統即根據該外部訊息與該使用者設定動態產生該客製化圖檔，使得該客製化圖檔編譯成靜態而方便散布的圖檔。