TWI518547B - Method for generating and displaying a 2d barcode - Google Patents

Method for generating and displaying a 2d barcode Download PDF

Info

Publication number
TWI518547B
TWI518547B TW103126112A TW103126112A TWI518547B TW I518547 B TWI518547 B TW I518547B TW 103126112 A TW103126112 A TW 103126112A TW 103126112 A TW103126112 A TW 103126112A TW I518547 B TWI518547 B TW I518547B
Authority
TW
Taiwan
Prior art keywords
picture
dimensional barcode
displaying
divided
pictures
Prior art date
Application number
TW103126112A
Other languages
Chinese (zh)
Other versions
TW201604708A (en
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 帝商科技股份有限公司
Priority to TW103126112A priority Critical patent/TWI518547B/en
Application granted granted Critical
Publication of TWI518547B publication Critical patent/TWI518547B/en
Publication of TW201604708A publication Critical patent/TW201604708A/en

Links

Landscapes

  • Information Transfer Between Computers (AREA)

Description

二維條碼的產生及顯示方法2D barcode generation and display method

本發明是關於一種二維條碼系統,特別是關於一種二維條碼的產生及顯示方法。 The present invention relates to a two-dimensional barcode system, and more particularly to a method for generating and displaying a two-dimensional barcode.

現今科技越趨發達,網際網路的使用率隨之普及,因此運用網際網路來達到消費目的亦是常有之事。市面上有相當多地行動電子票券系統,藉以以電子票券取代實體票卷。電子票券例如:文數字訊息、或者諸如一維條碼、二維條碼、或快速響應矩陣碼(Quick Response Code;QR code)等條碼影像。 Nowadays, the technology is getting more developed, and the usage rate of the Internet is becoming more and more popular. Therefore, it is often common to use the Internet to achieve consumer goals. There are quite a number of mobile e-ticket systems on the market to replace physical tickets with e-tickets. The electronic ticket is, for example, a digital message or a barcode image such as a one-dimensional barcode, a two-dimensional barcode, or a Quick Response Code (QR code).

而此文字訊息或條碼影像可代表任一商品資訊、電影票、車票或門禁鑰匙等。消費者在網路上完成購票動作之後,行動電子票券系統會經由網路傳送電子票券到消費者的手機上。消費者到服務提供單位時,以手機出示所接收的電子票券,即可兌換對應的服務。 This text message or barcode image can represent any product information, movie ticket, ticket or access control key. After the consumer completes the ticket purchase action on the Internet, the mobile electronic ticket voucher system transmits the electronic ticket to the consumer's mobile phone via the network. When the consumer goes to the service provider, the corresponding electronic service ticket can be exchanged by the mobile phone to display the received electronic ticket.

其中,文數字訊息相當容易複製及偽造,是最不安全的電子票券形式。條碼影像是經由編碼處理之影像不易偽造,但仍亦於利用攝像模組翻拍複製,故其保密性仍是不足。 Among them, the digital information is quite easy to copy and forge, and it is the most insecure form of electronic ticket. Barcode images are not easily forged by the image processed by the encoding, but they are still copied and reproduced by the camera module, so the confidentiality is still insufficient.

在一實施例中,一種二維條碼的產生方法包括:提供一設 定網頁、利用設定網頁經由網路接收設定信號、根據設定信號產生條碼資訊、呼叫一條碼產生器、利用條碼產生器將條碼資訊轉為二維條碼形式的複數個分割圖片並將此些分割圖片依序繪製在一圖片元件中、對具有此些分割圖片的圖片元件進行傳輸編碼以產生一傳輸資料、以及經由網路回傳傳輸資料。 In an embodiment, a method for generating a two-dimensional barcode includes: providing a setting Setting a webpage, receiving a setting signal via a network using a setting webpage, generating barcode information according to a setting signal, calling a code generator, converting a barcode information into a plurality of divided images in a two-dimensional barcode format by using a barcode generator, and dividing the divided images The picture elements having the divided pictures are transmitted and encoded in a picture element to generate a transmission data, and the data is transmitted back via the network.

在一實施例中,一種二維條碼的顯示方法包括:取得具有二維條碼形式的多個分割圖片之圖片元件、依據一圖片數量與圖片元件的尺寸取得一單一圖片的尺寸、以及利用一處理單元依據單一圖片的尺寸裁切圖片元件來依序得到各分割圖片並且依序顯示各分割圖片在一螢幕上。 In an embodiment, a method for displaying a two-dimensional barcode includes: obtaining a picture element having a plurality of divided pictures in a two-dimensional barcode format, obtaining a size of a single picture according to a number of pictures and a size of the picture element, and utilizing a process The unit cuts the picture elements according to the size of the single picture to sequentially obtain the divided pictures and sequentially displays the divided pictures on a screen.

綜上,根據本發明之二維條碼的產生及顯示方法由多張二維條碼(分割圖片)依序顯示來構成完整之動態二維條碼,以提升以二維條碼表現之電子票卷或認證資訊的保密性及防偽性。 In summary, the method for generating and displaying a two-dimensional barcode according to the present invention is sequentially displayed by a plurality of two-dimensional barcodes (divided pictures) to form a complete dynamic two-dimensional barcode to enhance an electronic ticket or authentication information represented by a two-dimensional barcode. Confidentiality and anti-counterfeiting.

10‧‧‧伺服器 10‧‧‧Server

110‧‧‧處理單元 110‧‧‧Processing unit

130‧‧‧儲存單元 130‧‧‧storage unit

150‧‧‧網路模組 150‧‧‧Network Module

20‧‧‧遠端裝置 20‧‧‧ Remote device

210‧‧‧處理單元 210‧‧‧Processing unit

230‧‧‧儲存單元 230‧‧‧ storage unit

250‧‧‧網路模組 250‧‧‧Network Module

270‧‧‧使用者介面 270‧‧ User interface

30‧‧‧網路 30‧‧‧Network

50‧‧‧圖片元件 50‧‧‧ Picture components

51‧‧‧分割圖片 51‧‧‧Divided pictures

52‧‧‧分割圖片 52‧‧‧Split pictures

53‧‧‧分割圖片 53‧‧‧Divided pictures

54‧‧‧分割圖片 54‧‧‧Divided pictures

55‧‧‧廣告圖片 55‧‧‧Advertising pictures

S410‧‧‧提供一設定網頁 S410‧‧‧ provides a setting page

S420‧‧‧利用設定網頁經由網路接收設定信號 S420‧‧‧Using the setting web page to receive the setting signal via the network

S430‧‧‧根據設定信號產生一條碼資訊 S430‧‧‧ Generate a code information based on the set signal

S440‧‧‧呼叫一條碼產生器 S440‧‧‧ Call a code generator

S450‧‧‧利用條碼產生器將條碼資訊轉為二維條碼的複數個分割圖片,並將此些分割圖片依序繪製在一圖片元件中 S450‧‧‧ Use bar code generator to convert bar code information into a plurality of divided pictures of two-dimensional bar code, and sequentially draw the divided pictures in a picture element

S451‧‧‧設定條碼產生器的元件屬性 S451‧‧‧Set the component properties of the barcode generator

S452‧‧‧取得單一圖片的尺寸 S452‧‧‧Get the size of a single picture

S453‧‧‧依據單一圖片的尺寸建立圖片元件 S453‧‧‧Create picture components based on the size of a single image

S454‧‧‧依據單一圖片的尺寸設定圖片元件的尺寸 S454‧‧‧Set the size of the picture element according to the size of a single picture

S455‧‧‧圖片引數是否大於分割數量? Is the S455‧‧‧ picture engraving greater than the number of divisions?

S456‧‧‧利用當前的圖片引數與單一圖片的寬度計算圖面繪製位置 S456‧‧‧Use the current picture arguments to calculate the drawing position of the width of a single picture

S457‧‧‧依據條碼資訊及分割數量產生一張分割圖片,並依據圖面繪製位置將產生的分割圖片繪製在圖片元件中 S457‧‧‧Generate a segmented image based on the bar code information and the number of segments, and draw the segmentation image generated in the image component according to the drawing position

S458‧‧‧將圖片引數加1 S458‧‧‧Add 1 to the picture citation

S459‧‧‧將一廣告圖片嵌入在圖片元件中之任二分割圖片之間 S459‧‧‧ Embed an ad image between any two split images in the image component

S460‧‧‧對具有此些分割圖片的圖片元件進行傳輸編碼以產生一傳輸資料 S460‧‧‧Transport encoding picture elements having such divided pictures to generate a transmission data

S470‧‧‧經由網路回傳傳輸資料 S470‧‧‧Transfer data transmission via the Internet

S610‧‧‧接收一設定網頁 S610‧‧‧ Receive a setup page

S620‧‧‧利用設定網頁經由網路輸出設定信號 S620‧‧‧ Output setting signal via the network using the setting webpage

S630‧‧‧經由一網路接收一傳輸資料 S630‧‧‧ Receive a transmission data via a network

S640‧‧‧轉換傳輸資料的資料格式來生成圖片元件 S640‧‧‧ Convert the data format of the transmission data to generate picture components

S650‧‧‧依據分割數量與圖片元件的尺寸取得單一圖片的尺寸 S650‧‧‧Dimensions of a single picture based on the number of divisions and the size of the picture elements

S660‧‧‧依據單一圖片的尺寸裁切圖片元件來依序得到各分割圖片,並且依序顯示各分割圖片在使用者介面上 S660‧‧‧Cut the picture elements according to the size of a single picture to sequentially obtain the divided pictures, and sequentially display the divided pictures on the user interface.

S661‧‧‧圖片引數是否大於圖片數量? S661‧‧‧Is the picture citation greater than the number of pictures?

S662‧‧‧裁切圖片元件以取得顯示圖片 S662‧‧‧Cut the picture component to get the display picture

S663‧‧‧依據顯示解析度調整顯示圖片的尺寸 S663‧‧‧Adjust the size of the displayed image according to the display resolution

S664‧‧‧將顯示圖片顯示在使用者介面上一既定時間 S664‧‧‧ displays the displayed image on the user interface for a given time

S665‧‧‧將圖片引數加1 S665‧‧‧Add the picture number to 1

S666‧‧‧將旋轉角度增加一既定角度 S666‧‧‧ Increase the angle of rotation by a predetermined angle

S667‧‧‧重置圖片引數 S667‧‧‧Reset picture quotation

S664’‧‧‧根據一旋轉角度將顯示圖片顯示在使用者介面上一既定時間 S664'‧‧‧ displays the displayed image on the user interface for a given time based on a rotation angle

P‧‧‧顯示位置 P‧‧‧Display location

[第1圖]是根據本發明之二維條碼的產生及顯示方法的應用裝置的示意圖。 [Fig. 1] is a schematic diagram of an application device of a method for generating and displaying a two-dimensional bar code according to the present invention.

[第2圖]是根據本發明一實施例之二維條碼的產生方法的概要流程圖。 [Fig. 2] is a schematic flow chart of a method of generating a two-dimensional barcode according to an embodiment of the present invention.

[第3圖]是根據本發明一實施例之二維條碼的顯示方法的概要流程圖。 [Fig. 3] is a schematic flow chart showing a method of displaying a two-dimensional barcode according to an embodiment of the present invention.

[第4圖]是步驟S450之一實施例的細部流程圖。 [Fig. 4] is a detailed flowchart of an embodiment of step S450.

[第5圖]是圖片元件之一實施例的示意圖。 [Fig. 5] is a schematic diagram of an embodiment of a picture element.

[第6圖]是步驟S660之一實施例的細部流程圖。 [Fig. 6] is a detailed flowchart of an embodiment of step S660.

[第7A~7D圖]是二維條碼之第一實施例的示意圖。 [Figs. 7A to 7D] are schematic views of the first embodiment of the two-dimensional barcode.

[第8圖]是步驟S660之另一實施例的細部流程圖。 [Fig. 8] is a detailed flowchart of another embodiment of step S660.

[第9A~9E圖]是二維條碼之第二實施例的示意圖。 [Fig. 9A to 9E] is a schematic view of a second embodiment of a two-dimensional bar code.

[第10圖]是步驟S450之另一實施例的細部流程圖。 [Fig. 10] is a detailed flowchart of another embodiment of the step S450.

[第11圖]是圖片元件之另一實施例的示意圖。 [Fig. 11] is a schematic view of another embodiment of a picture element.

[第12A~12D圖]是二維條碼之第三實施例的示意圖。 [Fig. 12A to 12D] is a schematic view of a third embodiment of a two-dimensional bar code.

第1圖是根據本發明之二維條碼的產生及顯示方法的應用裝置的示意圖。第2圖是根據本發明一實施例之二維條碼的產生方法的概要流程圖。第3圖是根據本發明一實施例之二維條碼的顯示方法的概要流程圖。 Fig. 1 is a schematic view showing an application apparatus of a method for generating and displaying a two-dimensional barcode according to the present invention. 2 is a schematic flow chart of a method of generating a two-dimensional barcode according to an embodiment of the present invention. Fig. 3 is a schematic flow chart showing a method of displaying a two-dimensional barcode according to an embodiment of the present invention.

參照第1圖,二維條碼的產生方法應用在一伺服器10。伺服器10至少包括處理單元110、儲存單元130與網路模組150,並且處理單元110電性連接儲存單元130與網路模組150。伺服器10藉由網路模組150連結網路30。遠端裝置20至少包括處理單元210、儲存單元230、網路模組250與使用者介面270,並且處理單元210電性連接儲存單元230、網路模組250與使用者介面270。遠端裝置20能藉由網路模組250連結網路30。因此,伺服器10與遠端裝置20能經由網路30相互通訊。於此,使用者介面270可為一觸控螢幕、一般顯示螢幕與多個實體按鍵之組合、或觸控螢幕與一個或多個實體按鍵之組合。為了方便說明,以 下以使用者介面270為觸控螢幕為例進行運作說明。 Referring to Fig. 1, a method of generating a two-dimensional barcode is applied to a server 10. The server 10 includes at least a processing unit 110, a storage unit 130, and a network module 150, and the processing unit 110 is electrically connected to the storage unit 130 and the network module 150. The server 10 is connected to the network 30 by the network module 150. The remote device 20 includes at least a processing unit 210, a storage unit 230, a network module 250, and a user interface 270, and the processing unit 210 is electrically connected to the storage unit 230, the network module 250, and the user interface 270. The remote device 20 can connect to the network 30 via the network module 250. Therefore, the server 10 and the remote device 20 can communicate with each other via the network 30. The user interface 270 can be a touch screen, a combination of a general display screen and a plurality of physical buttons, or a combination of a touch screen and one or more physical buttons. For the convenience of explanation, The user interface 270 is used as a touch screen as an example for operation.

搭配參照第2及3圖,處理單元110提供一設定網頁(步驟S410)。處理單元210經由網路30接收設定網頁並顯示在使用者介面270上,以供使用者透過操作使用者介面270在此設定網頁上進行資訊的選擇、輸入與傳送(至伺服器10)(步驟S610)。 Referring to Figures 2 and 3, the processing unit 110 provides a setting web page (step S410). The processing unit 210 receives the setting webpage via the network 30 and displays it on the user interface 270 for the user to select, input and transmit information to the setting webpage through the user interface 270 (to the server 10) (step S610).

使用者完成設定後,處理單元210利用設定網頁經由網路30輸出一設定信號(步驟S620)。然後,處理單元110利用設定網頁經由網路30接收來自遠端裝置20的設定信號(步驟S420),並且根據設定信號對應產生對應之條碼資訊(步驟S430)。 After the user completes the setting, the processing unit 210 outputs a setting signal via the network 30 using the setting web page (step S620). Then, the processing unit 110 receives the setting signal from the remote device 20 via the network 30 using the setting webpage (step S420), and generates corresponding bar code information according to the setting signal (step S430).

舉例來說,以電子票卷來說,設定網頁可為一票卷訂購網頁。處理單元210經由網路30接收票卷訂購網頁並顯示在使用者介面270上,以供使用者透過操作使用者介面270在此票卷訂購網頁上進行票卷的訂購。使用者完成訂購後,處理單元210利用票卷訂購網頁經由網路30輸出一購買信號。然後,處理單元110利用票卷訂購網頁經由網路30接收來自遠端裝置20的購買信號,並且根據訂購信號對應產生使用者所選購之票卷的票卷資訊(即,條碼資訊)。於此,票卷資訊可為實施時間、實施場次、實施地點、節目名稱、價格、座位、會員編號、流水號、優惠訊息、或其組合等。 For example, in the case of an electronic ticket, a set web page can order a web page for a ticket. The processing unit 210 receives the ticket ordering webpage via the network 30 and displays it on the user interface 270 for the user to place a ticket order on the ticket ordering webpage through the user interface 270. After the user completes the order, the processing unit 210 outputs a purchase signal via the network 30 using the ticket ordering web page. Then, the processing unit 110 receives the purchase signal from the remote device 20 via the network 30 by using the ticket ordering webpage, and correspondingly generates the ticket information (ie, barcode information) of the ticket purchased by the user according to the order signal. Here, the ticket information may be an implementation time, an implementation time, an implementation location, a program name, a price, a seat, a member number, a serial number, a discount message, or a combination thereof.

以認證資訊來說,設定網頁可為一認證資訊設定網頁。處理單元210經由網路30接收認證資訊設定網頁並顯示在使用者介面270上,以供使用者透過操作使用者介面270在此認證資訊設定網頁上進行認證資訊的輸入及/和選擇。使用者完成輸入及/和選擇後,處理單元210 利用認證資訊設定網頁經由網路30輸出一設定信號。然後,處理單元110利用認證資訊設定網頁經由網路30接收來自遠端裝置20的設定信號,並且根據設定信號對應產生對應之認證資訊(即,條碼資訊)。於此,認證資訊可為公司名稱、工號、職稱、戶名、流水號或其組合等。 In the case of authentication information, setting a web page can set a web page for a certification message. The processing unit 210 receives the authentication information setting webpage via the network 30 and displays it on the user interface 270 for the user to input and/or select the authentication information on the authentication information setting webpage through the user interface 270. After the user completes the input and/or selection, the processing unit 210 The setting information is output via the network 30 using the authentication information setting web page. Then, the processing unit 110 receives the setting signal from the remote device 20 via the network 30 by using the authentication information setting webpage, and correspondingly generates the corresponding authentication information (ie, barcode information) according to the setting signal. Here, the certification information may be a company name, a job number, a job title, a name, a serial number, or a combination thereof.

然後,處理單元110呼叫條碼產生器,以啟動並初始化條碼產生器(步驟S440)。舉例來說,在步驟S440中,處理單元110先建立視窗元件(FORM)、接著建立安控元件中之條碼產生器,然後將條碼產生器加入視窗元件裡。其中,安控元件主要為可在不同的作業系統環境底下執行的軟體,例如在本實施例中,安控元件可為微軟公司開發的ActiveX控制項元件,並運行在Windows作業系統之下。而於其他實施例中,安控元件亦可為運行在如Android或其他作業系統下之軟體。並且,安控元件可直接安裝於伺服器10,亦可以外掛(Plug-in)方式來執行,不加以限定。當安控元件為ActiveX控制項元件時,條碼產生器可為AxSQRCmaker。 Then, the processing unit 110 calls the barcode generator to start and initialize the barcode generator (step S440). For example, in step S440, the processing unit 110 first creates a window element (FORM), then establishes a bar code generator in the security control element, and then adds the bar code generator to the window element. The security control component is mainly a software that can be executed under different operating system environments. For example, in this embodiment, the security control component can be an ActiveX control component developed by Microsoft Corporation and runs under the Windows operating system. In other embodiments, the security component can also be a software running under Android or other operating systems. Moreover, the security control component can be directly mounted on the server 10, or can be executed in a plug-in manner, and is not limited. When the security component is an ActiveX control component, the barcode generator can be AxSQRCmaker.

處理單元110利用此條碼產生器將條碼資訊轉為二維條碼形式的複數個分割圖片,並將此些分割圖片依序繪製在一圖片元件中(步驟S450)。於此,各分割圖片均具有相同圖片尺寸。並且,各分割圖片可為獨立可讀取之二維條碼或獨立不可讀取之二維條碼。獨立可讀取之二維條碼是指單獨掃描一張分割圖片能轉換取得其所攜帶的部份條碼資訊。獨立不可讀取之二維條碼是指單獨掃描一張分割圖片無法轉換取得其所攜帶的部份條碼資訊。 The processing unit 110 uses the barcode generator to convert the barcode information into a plurality of divided images in the form of a two-dimensional barcode, and sequentially draws the divided images into a picture element (step S450). Here, each divided picture has the same picture size. Moreover, each divided picture may be an independently readable two-dimensional barcode or an independently unreadable two-dimensional barcode. The independently readable 2D barcode means that scanning a single divided image can convert and obtain part of the barcode information carried by the image. An independent and unreadable 2D barcode means that a single scanned image cannot be converted to obtain part of the barcode information carried by it.

其中,二維條碼可為Data Matrix、MaxiCode、Aztec碼、 QR碼(快速響應矩陣碼;Quick Response Code)、Vericode、PDF417碼、Ultracode、Code 49、Code 16K、Code one、CP碼、Codablock F碼、田字碼、或漢信碼等。 Among them, the 2D barcode can be Data Matrix, MaxiCode, Aztec code, QR code (Quick Response Code), Vericode, PDF417 code, Ultracode, Code 49, Code 16K, Code one, CP code, Codablock F code, Tian word code, or Han Xin code.

在步驟S450的一實施例中,參照第4圖,以QR碼為例,條碼產生器初始化後,先進行條碼產生器的元件屬性的設定(步驟S451),例如:繪製方式、分割數量、中間空白大小、邊框空白大小、資料內容等。以AxSQRCmaker為例,需設定的元件屬性如下表一。 In an embodiment of step S450, referring to FIG. 4, taking the QR code as an example, after the barcode generator is initialized, setting the component attributes of the barcode generator (step S451), for example, drawing mode, number of divisions, and intermediate Blank size, border blank size, data content, etc. Taking AxSQRCmaker as an example, the component attributes to be set are shown in Table 1 below.

接著,取得單一圖片的尺寸(步驟S452)。並且,依據單一圖片的尺寸建立圖片元件(步驟S453),以及依據單一圖片的尺寸設定圖片元件的尺寸(步驟S454)。在步驟S453中,處理單元110定義產生之分割圖片在儲存單元150中的儲存區塊。在步驟S454中,處理單元110設定圖片元件的高度為單一圖片的高度,並且設定圖片元件的寬度為所有分割圖片的寬度加總。 Next, the size of a single picture is obtained (step S452). And, the picture element is created in accordance with the size of the single picture (step S453), and the size of the picture element is set in accordance with the size of the single picture (step S454). In step S453, the processing unit 110 defines a storage block of the generated divided picture in the storage unit 150. In step S454, the processing unit 110 sets the height of the picture element to the height of a single picture, and sets the width of the picture element to be the sum of the widths of all the divided pictures.

然後,處理單元110根據條碼資訊與分割數量依序產生每張分割圖片。於此,處理單元110先判斷圖片引數是否大於分割數量(步驟S455)。當圖片引數不大於分割數量時,處理單元110利用當前的圖片引數與單一圖片的寬度計算圖面繪製位置(步驟S456)。然後,處理單元110依據條碼資訊及分割數量產生一張分割圖片,並依據圖面繪製位置將產生的分割圖片繪製在圖片元件中(步驟S457)。完成繪製後,處理單元110將圖片引數加1(步驟S458)。 Then, the processing unit 110 sequentially generates each divided picture according to the barcode information and the number of divisions. Here, the processing unit 110 first determines whether the picture index is greater than the number of divisions (step S455). When the picture argument is not greater than the number of divisions, the processing unit 110 calculates the drawing position using the current picture argument and the width of the single picture (step S456). Then, the processing unit 110 generates a divided picture according to the barcode information and the number of divisions, and draws the divided picture generated according to the drawing position position in the picture element (step S457). After the rendering is completed, the processing unit 110 increments the picture argument by one (step S458).

接著回到步驟S455,處理單元110再次判斷當前的圖片引數是否大於分割數量。若否,處理單元110則接續執行步驟S456以繼續產生下一張分割圖片。若是,處理單元110即是完成所有分割圖片的繪製。舉例來說,參照第5圖,假設分割數量為4,圖片元件50具有4張分割圖片51、52、53、54,並且此些分割圖片51、52、53、54依序配置。於此,此些分割圖片51、52、53、54具有相同尺寸與形式。 Next, returning to step S455, the processing unit 110 determines again whether the current picture index is greater than the number of divisions. If not, the processing unit 110 continues to perform step S456 to continue to generate the next divided picture. If so, the processing unit 110 completes the drawing of all the divided pictures. For example, referring to FIG. 5, assuming that the number of divisions is 4, the picture element 50 has four divided pictures 51, 52, 53, 54, and the divided pictures 51, 52, 53, 54 are sequentially arranged. Here, the divided pictures 51, 52, 53, 54 have the same size and form.

然後,處理單元110對具有此些分割圖片的圖片元件進行傳輸編碼以產生一傳輸資料(步驟S460),並利用網路模組150經由網路30回傳傳輸資料給遠端裝置20(步驟S470)。舉例來說,處理單元 110使用Base64將具有此些分割圖片的圖片元件重新編碼成傳輸資料。 Then, the processing unit 110 performs transmission encoding on the picture element having the divided pictures to generate a transmission data (step S460), and uses the network module 150 to transmit the transmission data to the remote device 20 via the network 30 (step S470). ). For example, the processing unit 110 Re-encodes picture elements having such divided pictures into transmission data using Base64.

處理單元210利用網路模組250經由網路30接收伺服器10回傳的傳輸資料(步驟S630),並轉換接收到的傳輸資料的資料格式來生成(還原回)圖片元件(步驟S640)。舉例來說,在步驟S640的一實施例中,處理單元110使用Base64將傳輸資料進行解碼,以將傳輸資料轉回位元組陣列。然後,處理單元110再將位元組陣列轉為圖片文件。 The processing unit 210 receives the transmission data returned by the server 10 via the network 30 by using the network module 250 (step S630), and converts the received data format of the transmission data to generate (revert back) the picture element (step S640). For example, in an embodiment of step S640, processing unit 110 decodes the transmission data using Base64 to transfer the transmission data back to the byte array. Processing unit 110 then converts the array of bytes into a picture file.

接著,處理單元210將生成之圖片元件儲存在儲存單元230中並且在使用者介面270上顯示。 Next, the processing unit 210 stores the generated picture elements in the storage unit 230 and displays them on the user interface 270.

於顯示上,處理單元210依據圖片數量與圖片元件的尺寸取得一單一圖片的尺寸(步驟S650)。處理單元210依據單一圖片的尺寸裁切圖片元件來依序得到各分割圖片,並且依序顯示各分割圖片在使用者介面270上(步驟S660)。 On the display, the processing unit 210 obtains the size of a single picture according to the number of pictures and the size of the picture element (step S650). The processing unit 210 sequentially cuts the picture elements according to the size of the single picture to sequentially obtain the divided pictures, and sequentially displays the divided pictures on the user interface 270 (step S660).

在步驟S660的一實施例中,參照第6圖,處理單元210先判斷圖片引數是否大於圖片數量(步驟S661)。於此,圖片數量即為圖片元件中圖片的總數。 In an embodiment of step S660, referring to FIG. 6, the processing unit 210 first determines whether the picture index is greater than the number of pictures (step S661). Here, the number of pictures is the total number of pictures in the picture element.

當圖片引數不大於圖片數量時,處理單元210依據單一圖片的尺寸裁切圖片元件,以取得其中第一張分割圖片作為顯示圖片(步驟S662)。 When the picture argument is not greater than the number of pictures, the processing unit 210 crops the picture element according to the size of the single picture to obtain the first divided picture as the display picture (step S662).

取得顯示圖片後,處理單元210依據使用者介面270的顯示解析度調整顯示圖片的尺寸(步驟S663),然後將顯示圖片顯示在使用者介面270上一既定時間(步驟S664)。於此,既定時間例如為50毫秒。 After the display picture is obtained, the processing unit 210 adjusts the size of the display picture according to the display resolution of the user interface 270 (step S663), and then displays the display picture on the user interface 270 for a predetermined time (step S664). Here, the predetermined time is, for example, 50 milliseconds.

顯示後,處理單元210將圖片引數加1(步驟S665)。接著 回到步驟S661,處理單元210再次判斷當前的圖片引數是否大於圖片數量。若否,處理單元210則接續執行步驟S662,以繼續裁切圖片元件來取得其中的下一張分割圖片作為顯示圖片。若是,處理單元210即是完成所有分割圖片的顯示。 After the display, the processing unit 210 increments the picture argument by one (step S665). then Returning to step S661, the processing unit 210 again determines whether the current picture citation is greater than the number of pictures. If not, the processing unit 210 continues to perform step S662 to continue cutting the picture element to obtain the next divided picture as the display picture. If so, the processing unit 210 completes the display of all the divided pictures.

舉例來說,以第5圖所示之圖片元件50為例,此時圖片數量為4。於此,處理單元210先依據圖片引數1將分割圖片51作為顯示圖片並顯示在使用者介面270的顯示位置P上20毫秒(如第7A圖所示),並且將圖片引數加1。接著,處理單元210依據當前的圖片引數2將分割圖片52作為顯示圖片並顯示在使用者介面270的同一顯示位置P上20毫秒(如第7B圖所示),並且將圖片引數加1。然後,處理單元210依據當前的圖片引數3將分割圖片53作為顯示圖片並顯示在使用者介面270的同一顯示位置P上20毫秒(如第7C圖所示),並且將圖片引數加1。隨後,處理單元210依據當前的圖片引數4將分割圖片54作為顯示圖片並顯示在使用者介面270的同一顯示位置P上20毫秒(如第7D圖所示),並且將圖片引數加1。 For example, taking the picture element 50 shown in FIG. 5 as an example, the number of pictures at this time is 4. Here, the processing unit 210 first displays the divided picture 51 as a display picture according to the picture index 1 and displays it on the display position P of the user interface 270 for 20 milliseconds (as shown in FIG. 7A), and increments the picture index by one. Next, the processing unit 210 displays the divided picture 52 as a display picture according to the current picture index 2 and displays it on the same display position P of the user interface 270 for 20 milliseconds (as shown in FIG. 7B), and adds 1 to the picture index. . Then, the processing unit 210 displays the divided picture 53 as a display picture according to the current picture index 3 and displays it on the same display position P of the user interface 270 for 20 milliseconds (as shown in FIG. 7C), and adds 1 to the picture index. . Subsequently, the processing unit 210 displays the divided picture 54 as a display picture according to the current picture index 4 and displays it on the same display position P of the user interface 270 for 20 milliseconds (as shown in FIG. 7D), and adds 1 to the picture index. .

再者,當當前的圖片引數大於圖片數量時,處理單元210可重置圖片引數(步驟S667),然後回到步驟S662繼續執行接續的步驟,以重新依序顯示每張分割圖片。依此類推接續執行,直至使用者操作停止顯示為止。換言之,藉由多張分割圖片依序顯示來形成完整的動態二維條碼,而此動態二維條碼即為電子票卷或認證資訊(例如:門禁認證、身分認證等任何開啟硬體鎖或軟體鎖所需之認證)。 Moreover, when the current picture citation is greater than the number of pictures, the processing unit 210 may reset the picture citation (step S667), and then return to step S662 to continue the subsequent steps to redisplay each of the divided pictures in sequence. And so on, until the user operation stops displaying. In other words, a complete dynamic two-dimensional bar code is formed by sequentially displaying a plurality of divided pictures, and the dynamic two-dimensional bar code is an electronic ticket or authentication information (for example, access control, identity authentication, etc., any open hard lock or software) The authentication required for the lock).

在一些實施例中,參照第8圖,處理單元210根據一旋轉角 度依序顯示各顯示圖片在使用者介面270上(步驟S664’),並且於每次顯示後將旋轉角度增加一既定角度(步驟S666)。其中,此既定角度可為一固定值或一亂數值。 In some embodiments, referring to FIG. 8, the processing unit 210 is based on a rotation angle. The display pictures are sequentially displayed on the user interface 270 (step S664'), and the rotation angle is increased by a predetermined angle after each display (step S666). Wherein, the predetermined angle can be a fixed value or a random value.

舉例來說,以第5圖所示之圖片元件50以及既定角度為15度為例,此時圖片數量為4,並且旋轉角度初始設定為0。首先,處理單元210依據當前之圖片引數1將分割圖片51作為顯示圖片,並且依據當前之旋轉角度(即,0度)逆時針旋轉當前的顯示圖片(即,分割圖片51)。處理單元210再將旋轉後之分割圖片51顯示在使用者介面270上(如第9A圖所示),並且將圖片引數加1及將旋轉角度增加15度。接著,處理單元210依據當前之圖片引數2將分割圖片52作為顯示圖片,並且依據當前之旋轉角度(即,15度)逆時針旋轉當前的顯示圖片(即,分割圖片52)。處理單元210再將旋轉後的分割圖片52顯示在使用者介面270上(如第9B圖所示),並且再將圖片引數加1及將旋轉角度增加15度。然後,處理單元210依據當前之圖片引數3將分割圖片53作為顯示圖片,並且依據當前之旋轉角度(即,30度)逆時針旋轉當前的顯示圖片(即,分割圖片53)。處理單元210再將旋轉後的分割圖片53顯示在使用者介面270上(如第9C圖所示),並且再將圖片引數加1及將旋轉角度增加15度。隨後,處理單元210依據當前之圖片引數4將分割圖片54作為顯示圖片,並且依據當前之旋轉角度(即,45度)逆時針旋轉當前的顯示圖片(即,分割圖片54)。處理單元210再將旋轉後的分割圖片54顯示在使用者介面270上(如第9D圖所示),並且再將圖片引數加1及將旋轉角度增加15度。當圖片引數大於圖片數量時,處理單元210將圖片引 數重置為1,然後接續依據當前之圖片引數1及當前之旋轉角度(即,60度)逆時針旋轉分割圖片51並將旋轉後的分割圖片51顯示在使用者介面270上(如第9E圖所示),並且再將圖片引數加1及將旋轉角度增加15度。依此類推接續執行,直至使用者操作停止顯示為止。如此一來,使用者介面270即顯示出由不同的分割圖片構成之逆時針旋轉的二維條碼(電子票卷或認證資訊)。於此,雖以逆時針旋轉為例,但本發明不限於此,亦可順時針旋轉每張分割圖片,以顯示順時針旋轉的二維條碼在使用者介面270上。 For example, taking the picture element 50 shown in FIG. 5 and the predetermined angle as 15 degrees, the number of pictures is 4 at this time, and the rotation angle is initially set to 0. First, the processing unit 210 uses the divided picture 51 as a display picture according to the current picture index 1, and rotates the current display picture (ie, the divided picture 51) counterclockwise according to the current rotation angle (ie, 0 degree). The processing unit 210 then displays the rotated divided picture 51 on the user interface 270 (as shown in FIG. 9A), and increments the picture index by one and increases the rotation angle by 15 degrees. Next, the processing unit 210 uses the divided picture 52 as a display picture according to the current picture index 2, and rotates the current display picture (ie, the divided picture 52) counterclockwise according to the current rotation angle (ie, 15 degrees). The processing unit 210 then displays the rotated divided picture 52 on the user interface 270 (as shown in FIG. 9B), and then increments the picture index by one and increases the rotation angle by 15 degrees. Then, the processing unit 210 takes the divided picture 53 as a display picture according to the current picture index 3, and rotates the current display picture (ie, the divided picture 53) counterclockwise according to the current rotation angle (ie, 30 degrees). The processing unit 210 then displays the rotated divided picture 53 on the user interface 270 (as shown in FIG. 9C), and then increments the picture index by one and increases the rotation angle by 15 degrees. Subsequently, the processing unit 210 takes the divided picture 54 as a display picture according to the current picture index 4, and rotates the current display picture (ie, the divided picture 54) counterclockwise according to the current rotation angle (ie, 45 degrees). The processing unit 210 then displays the rotated divided picture 54 on the user interface 270 (as shown in FIG. 9D), and then increments the picture index by one and increases the rotation angle by 15 degrees. When the picture argument is greater than the number of pictures, the processing unit 210 directs the picture The number is reset to 1, and then the segmentation picture 51 is rotated counterclockwise according to the current picture citation 1 and the current rotation angle (ie, 60 degrees) and the rotated segment picture 51 is displayed on the user interface 270 (eg, Figure 9E shows), and then increase the picture argument by 1 and increase the rotation angle by 15 degrees. And so on, until the user operation stops displaying. In this way, the user interface 270 displays a two-dimensional bar code (electronic ticket or authentication information) that is rotated counterclockwise by different divided pictures. Here, although the counterclockwise rotation is taken as an example, the present invention is not limited thereto, and each divided picture may be rotated clockwise to display a clockwise rotated two-dimensional barcode on the user interface 270.

在一些實施例中,參照第10圖,在步驟S460之前,處理單元210將一廣告圖片嵌入在圖片元件中之任二分割圖片之間(步驟S459)。舉例來說,參照第11圖,假設分割數量為4,圖片元件50具有4張分割圖片51、52、53、54以及一廣告圖片55。於此,廣告圖片55嵌入在分割圖片52、53之間。隨後,在步驟S460中,處理單元110對具有所有分割圖片與廣告圖片的圖片元件進行傳輸編碼以產生一傳輸資料。 In some embodiments, referring to FIG. 10, prior to step S460, processing unit 210 embeds an advertisement picture between any two-part pictures in the picture element (step S459). For example, referring to FIG. 11, assuming that the number of divisions is four, the picture element 50 has four divided pictures 51, 52, 53, 54 and an advertisement picture 55. Here, the advertisement picture 55 is embedded between the divided pictures 52, 53. Subsequently, in step S460, the processing unit 110 performs transmission encoding on the picture element having all the divided pictures and the advertisement picture to generate a transmission material.

於顯示時,在每次執行步驟S662時,處理單元210依據單一圖片的尺寸依序裁切圖片元件,以取得其中一張圖片(即,分割圖片或廣告圖片)作為顯示圖片。然後,處理單元210再直接或依據旋轉角度將取得之顯示圖片顯示在使用者介面270上。 At the time of display, each time step S662 is performed, the processing unit 210 sequentially crops the picture elements according to the size of the single picture to obtain one of the pictures (ie, the divided picture or the advertisement picture) as the display picture. Then, the processing unit 210 displays the obtained display picture on the user interface 270 directly or according to the rotation angle.

舉例來說,以第11圖所示之圖片元件50以及既定角度為20度為例,此時圖片數量為5,並且旋轉角度初始設定為0。首先,處理單元210依據圖片引數1及當前之旋轉角度(即,0度)將分割圖片51顯示 在使用者介面270上(如第12A圖所示),並且將旋轉角度增加20度。接著,處理單元210依據圖片引數2及當前之旋轉角度(即,20度)將分割圖片52顯示在使用者介面270上(如第12B圖所示),並且再將旋轉角度增加20度。然後,處理單元210依據圖片引數3及當前之旋轉角度(即,40度)將廣告圖片55顯示在使用者介面270上(如第12C圖所示),並且再將旋轉角度增加20度。隨後,處理單元210依據圖片引數4及當前之旋轉角度(即,60度)將分割圖片53顯示在使用者介面270上(如第12D圖所示),並且再將旋轉角度增加20度。如同前述以此類推執行下去,直至使用者操作停止顯示為止。 For example, taking the picture element 50 shown in FIG. 11 and the predetermined angle as 20 degrees, the number of pictures is 5 at this time, and the rotation angle is initially set to 0. First, the processing unit 210 displays the divided picture 51 according to the picture argument 1 and the current rotation angle (ie, 0 degrees). On the user interface 270 (as shown in Figure 12A), and increasing the angle of rotation by 20 degrees. Next, the processing unit 210 displays the divided picture 52 on the user interface 270 according to the picture argument 2 and the current rotation angle (ie, 20 degrees) (as shown in FIG. 12B), and then increases the rotation angle by 20 degrees. Then, the processing unit 210 displays the advertisement picture 55 on the user interface 270 according to the picture argument 3 and the current rotation angle (ie, 40 degrees) (as shown in FIG. 12C), and then increases the rotation angle by 20 degrees. Subsequently, the processing unit 210 displays the divided picture 53 on the user interface 270 according to the picture index 4 and the current rotation angle (ie, 60 degrees) (as shown in FIG. 12D), and then increases the rotation angle by 20 degrees. Execute like this and so on until the user operation stops displaying.

在一些實施例中,圖片元件中每一張圖片於顯示時,其中心點均顯示在使用者介面270的同一顯示位置上。 In some embodiments, each of the picture elements is displayed at the same display position of the user interface 270 when displayed.

此外,處理單元210亦可從儲存單元230中讀出先前儲存的圖片元件,並接續執行步驟S650以依序顯示圖片元件中的各圖片。 In addition, the processing unit 210 may also read out the previously stored picture elements from the storage unit 230, and then perform step S650 to sequentially display the pictures in the picture elements.

於此,根據本發明之二維條碼的產生方法可藉由處理單元110執行儲存在儲存單元130中之韌體或軟體演算法而實現。根據本發明之二維條碼的顯示方法可藉由處理單元210執行儲存在儲存單元230中之韌體或軟體演算法而實現。 Here, the method for generating a two-dimensional barcode according to the present invention can be implemented by the processing unit 110 executing a firmware or software algorithm stored in the storage unit 130. The display method of the two-dimensional barcode according to the present invention can be realized by the processing unit 210 executing the firmware or software algorithm stored in the storage unit 230.

其中,遠端裝置20例如手持式電子裝置。手持式電子裝置例如智慧型手機(smart phone)、導航機(PND)、數位相框(PDF)、電子書(e-book)、筆記型電腦(netbook)、或平版電腦(Tablet or Pad)等。於此,處理單元210可執行行動作業系統(Mobile operating system;簡稱Mobile OS),並且利用行動作業系統單機執行應用程式 與伺服器10互動。於此,行動作業系統例如:安卓(Android)作業系統、芒果(Mango)作業系統、iOS作業系統、探戈(Tango)作業系統、或阿波羅(Apollo)作業系統等。 Among them, the remote device 20 is, for example, a handheld electronic device. Handheld electronic devices such as smart phones, navigation devices (PNDs), digital photo frames (PDF), e-books, netbooks, or tablet or pad devices. Here, the processing unit 210 can execute a mobile operating system (Mobile OS) and execute the application by using the mobile operating system. Interact with server 10. Here, the mobile operating system is, for example, an Android operating system, a Mango operating system, an iOS operating system, a Tango operating system, or an Apollo operating system.

各處理單元110/210可由一個或多個處理元件所實現。處理元件可以是微處理器、微控制器、數位信號處理器、微型機算計、中央處理器、場編程閘陣列、可編程邏輯設備、狀態器、邏輯電路、類比電路、數位電路和/或任何基於操作指令操作信號(類比和/或數位)的設備。 Each processing unit 110/210 can be implemented by one or more processing elements. Processing elements can be microprocessors, microcontrollers, digital signal processors, microprocessors, central processing units, field programmable gate arrays, programmable logic devices, state devices, logic circuits, analog circuits, digital circuits, and/or any A device that operates on signals (analog and/or digits) based on operational instructions.

儲存單元130/230用以儲存相關之軟體/韌體程式、資料、數據及其組合等。各儲存單元130/230可由一個或多個儲存元件所實現。於此,儲存元件可以是例如記憶體或暫存器等,但在此並不對其限制。各網路模組150/250可為無線網路連結模組、無線通訊模組或其組合。 The storage unit 130/230 is used to store related software/firmware programs, data, data, combinations thereof, and the like. Each storage unit 130/230 can be implemented by one or more storage elements. Here, the storage element may be, for example, a memory or a temporary storage device, but is not limited thereto. Each network module 150/250 can be a wireless network connection module, a wireless communication module, or a combination thereof.

綜上,根據本發明之二維條碼的產生及顯示方法由多張二維條碼(分割圖片)依序顯示來構成完整之動態二維條碼,藉以提升以二維條碼表現之電子票卷或認證資訊的保密性及防偽性。 In summary, the method for generating and displaying a two-dimensional barcode according to the present invention is sequentially displayed by a plurality of two-dimensional barcodes (divided pictures) to form a complete dynamic two-dimensional barcode, thereby improving the electronic ticket volume or authentication information represented by the two-dimensional barcode. Confidentiality and anti-counterfeiting.

雖然本發明以前述之實施例揭露如上,然其並非用以限定本發明,任何熟習相像技術者,在不脫離本發明之精神和範圍內,當可作些許之更動與潤飾,因此本發明之專利保護範圍須視本說明書所附之申請專利範圍所界定者為準。 While the present invention has been described above in the foregoing embodiments, it is not intended to limit the invention, and the invention may be modified and modified without departing from the spirit and scope of the invention. The scope of patent protection shall be subject to the definition of the scope of the patent application attached to this specification.

S610‧‧‧接收一設定網頁 S610‧‧‧ Receive a setup page

S620‧‧‧利用設定網頁經由網路輸出設定信號 S620‧‧‧ Output setting signal via the network using the setting webpage

S630‧‧‧經由一網路接收一傳輸資料 S630‧‧‧ Receive a transmission data via a network

S640‧‧‧轉換傳輸資料的資料格式來生成圖片元件 S640‧‧‧ Convert the data format of the transmission data to generate picture components

S650‧‧‧依據分割數量與圖片元件的尺寸取得單一圖片的尺寸 S650‧‧‧Dimensions of a single picture based on the number of divisions and the size of the picture elements

S660‧‧‧依據單一圖片的尺寸裁切圖片元件來依序得到各分割圖片,並且依序顯示各分割圖片在使用者介面上 S660‧‧‧Cut the picture elements according to the size of a single picture to sequentially obtain the divided pictures, and sequentially display the divided pictures on the user interface.

Claims (15)

一種二維條碼的產生方法,包括:提供一設定網頁;利用該設定網頁經由一網路接收一設定信號;根據該設定信號產生一條碼資訊;呼叫一條碼產生器;利用該條碼產生器將該條碼資訊轉為二維條碼形式的複數個分割圖片,並將該些分割圖片依序繪製在一圖片元件中,其中該些分割圖片構成帶有該條碼資訊的完整二維條碼;對具有該些分割圖片的該圖片元件進行傳輸編碼以產生一傳輸資料;以及經由該網路回傳該傳輸資料。 A method for generating a two-dimensional barcode comprises: providing a setting webpage; receiving a setting signal via a network by using the setting webpage; generating a piece of code information according to the setting signal; calling a code generator; using the barcode generator The bar code information is converted into a plurality of divided pictures in a two-dimensional bar code form, and the divided pictures are sequentially drawn in a picture element, wherein the divided pictures constitute a complete two-dimensional bar code with the bar code information; The picture element of the divided picture is transcoded to generate a transmission data; and the transmission data is returned via the network. 如請求項1所述之二維條碼的產生方法,更包括:設定該條碼產生器的一元件屬性,其中該元件屬性包括該分割圖片的數量。 The method for generating a two-dimensional barcode according to claim 1, further comprising: setting a component attribute of the barcode generator, wherein the component attribute includes the number of the divided images. 如請求項1所述之二維條碼的產生方法,更包括:取得一單一圖片的尺寸;以及依據該單一圖片的尺寸設定該圖片元件的尺寸。 The method for generating a two-dimensional barcode according to claim 1, further comprising: obtaining a size of a single picture; and setting a size of the picture element according to a size of the single picture. 如請求項1所述之二維條碼的產生方法,更包括:在進行編碼之前,嵌入一廣告圖片在該圖片元件中之該些分割圖片的任兩者之間。 The method for generating a two-dimensional barcode according to claim 1, further comprising embedding an advertisement picture between any of the divided pictures in the picture element before performing encoding. 如請求項1所述之二維條碼的產生方法,其中各該分割圖片為一獨立可讀取之二維條碼。 The method for generating a two-dimensional barcode according to claim 1, wherein each of the divided pictures is an independently readable two-dimensional barcode. 如請求項1所述之二維條碼的產生方法,其中各該分割圖片為一獨立不可讀取之二維條碼。 The method for generating a two-dimensional barcode according to claim 1, wherein each of the divided pictures is an independent unreadable two-dimensional barcode. 一種二維條碼的顯示方法,包括:取得一圖片元件,其中該圖片元件包括二維條碼形式的複數個分割圖片,其中該些分割圖片構成帶有該條碼資訊的完整二維條碼;依據一圖片數量與該圖片元件的尺寸取得一單一圖片的尺寸;以及利用一處理單元依據該單一圖片的尺寸裁切該圖片元件來依序得到各該分割圖片,並且依序顯示各該分割圖片在一螢幕上。 A method for displaying a two-dimensional barcode comprises: obtaining a picture element, wherein the picture element comprises a plurality of divided pictures in a two-dimensional bar code form, wherein the divided pictures constitute a complete two-dimensional bar code with the bar code information; Obtaining a size of a single picture from the size of the picture element; and cutting the picture element according to the size of the single picture by using a processing unit to sequentially obtain each of the divided pictures, and sequentially displaying each of the divided pictures on a screen on. 如請求項7所述之二維條碼的顯示方法,其中該顯示步驟包括:在該螢幕上的同一顯示位置依序顯示各該分割圖片。 The method for displaying a two-dimensional barcode according to claim 7, wherein the displaying step comprises: sequentially displaying each of the divided pictures on the same display position on the screen. 如請求項7所述之二維條碼的顯示方法,其中該顯示步驟包括:根據一旋轉角度依序顯示各該分割圖片在該螢幕上;以及於每次顯示後增加該旋轉角度。 The method for displaying a two-dimensional barcode according to claim 7, wherein the displaying step comprises: sequentially displaying each of the divided pictures on the screen according to a rotation angle; and increasing the rotation angle after each display. 如請求項7所述之二維條碼的顯示方法,其中該取得步驟包括:經由一網路接收一傳輸資料;以及 轉換該傳輸資料的資料格式來生成該圖片元件。 The method for displaying a two-dimensional barcode according to claim 7, wherein the obtaining step comprises: receiving a transmission data via a network; The data format of the transmission data is converted to generate the image component. 如請求項7所述之二維條碼的顯示方法,其中該取得步驟包括:從一儲存單元讀取該圖片元件。 The method for displaying a two-dimensional barcode according to claim 7, wherein the obtaining step comprises: reading the picture element from a storage unit. 如請求項7所述之二維條碼的顯示方法,其中在該顯示步驟中,各該分割圖片在該螢幕上顯示一既定時間。 The method for displaying a two-dimensional barcode according to claim 7, wherein in the displaying step, each of the divided pictures is displayed on the screen for a predetermined time. 如請求項7所述之二維條碼的顯示方法,其中該圖片元件更包括一廣告圖片,該廣告圖片位在該些分割圖片的任兩者之間,以及該顯示步驟包括依據該旋轉角度反覆依序顯示該些分割圖片與該廣告圖片中之每一者在該螢幕上。 The method for displaying a two-dimensional barcode according to claim 7, wherein the image element further comprises an advertisement picture, the advertisement picture is located between any two of the divided pictures, and the displaying step comprises: repeating according to the rotation angle The divided pictures and each of the advertisement pictures are sequentially displayed on the screen. 如請求項7所述之二維條碼的顯示方法,其中各該分割圖片為一獨立可讀取之二維條碼。 The method for displaying a two-dimensional barcode according to claim 7, wherein each of the divided pictures is an independently readable two-dimensional barcode. 如請求項7所述之二維條碼的顯示方法,其中各該分割圖片為一獨立不可讀取之二維條碼。 The method for displaying a two-dimensional barcode according to claim 7, wherein each of the divided pictures is an independently unreadable two-dimensional barcode.
TW103126112A 2014-07-30 2014-07-30 Method for generating and displaying a 2d barcode TWI518547B (en)

Priority Applications (1)

Application Number Priority Date Filing Date Title
TW103126112A TWI518547B (en) 2014-07-30 2014-07-30 Method for generating and displaying a 2d barcode

Applications Claiming Priority (1)

Application Number Priority Date Filing Date Title
TW103126112A TWI518547B (en) 2014-07-30 2014-07-30 Method for generating and displaying a 2d barcode

Publications (2)

Publication Number Publication Date
TWI518547B true TWI518547B (en) 2016-01-21
TW201604708A TW201604708A (en) 2016-02-01

Family

ID=55640441

Family Applications (1)

Application Number Title Priority Date Filing Date
TW103126112A TWI518547B (en) 2014-07-30 2014-07-30 Method for generating and displaying a 2d barcode

Country Status (1)

Country Link
TW (1) TWI518547B (en)

Families Citing this family (3)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
TWI610243B (en) * 2016-05-17 2018-01-01 System and method for generating complete information barcode by using multiple barcodes
TWI675342B (en) * 2018-01-24 2019-10-21 柯博昌 E-commerce system with barcode-based publisher electronic ticket
CN109255277B (en) * 2018-08-31 2020-04-28 阿里巴巴集团控股有限公司 Two-dimensional code analysis method and device

Also Published As

Publication number Publication date
TW201604708A (en) 2016-02-01

Similar Documents

Publication Publication Date Title
US11695820B2 (en) Commerce oriented uniform resource locater (URL) shortener
US10210659B2 (en) Augmented reality system, method, and apparatus for displaying an item image in a contextual environment
US9665817B2 (en) Techniques for generating customized two-dimensional barcodes
US8451266B2 (en) Interactive three-dimensional augmented realities from item markers for on-demand item visualization
US8807434B1 (en) Techniques for generating customized two-dimensional barcodes
US20160117061A1 (en) System and method for image based interactions
US9684920B2 (en) Dual encoding of machine readable code for automatic scan-initiated purchase or uniform resource locator checkout
Kan et al. QR code based augmented reality applications
KR102219827B1 (en) Presentation of information on multiple devices
WO2012075608A1 (en) Indicia encoding system with integrated purchase and payment information
US9292697B2 (en) Matrix code for encryption, storage, and transmission of data
US9805354B2 (en) Methods and devices for generating and reporting digital QR receipts
US9740901B2 (en) Graphical menu builder for encoding applications in an image
TWI518547B (en) Method for generating and displaying a 2d barcode
EP2953084A1 (en) Social network messaging with integrated advertising
JP6794112B2 (en) Terminal devices, information processing methods, and programs
KR20220085338A (en) System for providing cloud based document template service
US20220318536A1 (en) Qr ent. (entertainment) ware
US9349139B1 (en) Fine art samples
KR102133863B1 (en) System for displaying and management purchase information using qr code and method thereof
KR102213871B1 (en) System and method for advertisement delivery, and apparatus applied to the same
Lee Implementation of Smartphone System using QR Code in Mobile Environment
JP6915028B2 (en) Information processing equipment, information processing methods, and programs
TWI715853B (en) Digital smart business card management system and implementing method thereof
JP2010092449A (en) Browsing system of web site by cellular phone

Legal Events

Date Code Title Description
MM4A Annulment or lapse of patent due to non-payment of fees