簡易檢索 / 詳目顯示

研究生: 鄒華剛
TSOU-HUA-KANG
論文名稱: 透過模組色彩與關鍵影格調整實現彩色動畫QR碼
Colored Animation QR Codes via Module Color and Keyframe Adjustment
指導教授: 賴坤財
Kuen-Tsair Lay
口試委員: 曾德峰
Der-Feng Tseng
方文賢
Wen-Hsien Fang
學位類別: 碩士
Master
系所名稱: 電資學院 - 電子工程系
Department of Electronic and Computer Engineering
論文出版年: 2022
畢業學年度: 110
語文別: 中文
論文頁數: 85
中文關鍵詞: QR碼視覺性動畫彩色QR碼
外文關鍵詞: QR codes, Visual Comprehensibility, Animation, Color QR
相關次數: 點閱:139下載:4
分享至:
查詢本校圖書館目錄 查詢臺灣博碩士論文知識加值系統 勘誤回報
  • 隨著智慧型手機與行動網路普及,QR碼(Quick Response code)於過去十年內已發展出多元化應用,逐漸成為生活必需品的一部分;同時得益於大尺寸面板技術精進與自動化趨勢,近兩年來世界各處商家,正加速導入大螢幕自助式點餐機。然而,當前應用於顯示器上的QR碼,仍多數呈現傳統靜態黑白樣式,未能充分利用上顯示器畫面可迅速變化的特性。
    本論文基於此發想,提出QR碼與動畫結合的方法,將帶有QR訊息的圖片藏入動畫中部分片段,QR碼部分先根據基線QR碼(baseline-QR code)編碼再逐步進行美化,步驟包含基線QR碼彩色化、模組分割、模組中央近似色調整、原圖重點區域回填等,本研究同時開發出易用的編碼微調互動介面,提供使用者進行最後的細節修飾。
    論文後段實驗成果篇章中,先從單張帶有大面積圖片的QR碼進行比較,分析不同版本與錯誤更正能力的優劣特性,文末則是透過模擬真實掃描情境,尋找出最適合動畫QR碼的相關詳細參數。


    With the popularization of smartphones and mobile networks, QR codes (Quick Response codes) have gained diversified applications and gradually become a part of daily necessities in the last decade. Traders are also accelerating the introduction of large-screen self-ordering machines because of the advancement of large panel technology and the trend of automation in the past two years. However, most of the QR codes currently displayed on the screen are still with the traditional black and white static style, which underutilizes the capability of the powerful screen displays.
    Based on this idea, this thesis proposes a method to combine QR codes and animation, by hiding QR messages in some segments of the animation. The first step of the QR code part is to encode the QR code with “Baseline QR code”, and then beautifying them step by step -- including the “Colorful Baseline QR code”, “Module segmentation”, “Adjustment the approximate color of the middle module”, and “Filling the key areas with the original image”. This research also provides a friendly interactive coding interface for users to adjust the final QR code.
    The later chapter is the experimental results. First, we compare the single QR code with a large image, then analyze the advantages and disadvantages of different versions and error correction capabilities. After that, we try to find the suitable parameters of QR animation by simulating the real scanning situation.

    摘要 i ABSTRACT ii 誌謝 iii 圖索引 vii 表索引 ix 中英文對照表 x 符號索引 xiii 第一章 緒論 1 1.1前言 1 1.2 QR碼 1 1.3 研究動機 2 1.4 論文章節 2 第二章 QR碼相關技術介紹 4 2.1 QR碼外觀特徵 4 2.2 QR碼結構 5 2.3 QR碼錯誤更正能力 7 2.4 QR編碼 8 2.4.1資料碼字 8 2.4.2 里德-所羅門碼編碼 9 2.4.3 QR碼回填與遮罩 11 第三章 動畫QR碼編碼機制 13 3.1關鍵影格 14 3.1.1 關鍵影格設計 15 3.1.2 GIF分離與resize 16 3.1.3 關鍵影格區間選擇與重複幀設計 17 3.2基線QR碼 20 3.2.1 圖像與遮罩進行XOR運算 20 3.2.2 視覺碼挑選 21 3.2.3 彩色基線QR碼 24 3.3 模組分割QR碼 25 3.3.1 模組分割 25 3.3.2 圖像主體位置偵測 28 3.3.3 中央近似QR碼 29 3.4 大標誌美化QR碼 35 3.4.1圖案主題回填 35 3.4.2 編碼微調互動介面 36 3.4.3 進階微調 38 3.5 動畫漸變設計 40 第四章 實驗結果與討論 42 4.1 大標誌美化QR碼實驗結果 42 4.1.1 各階段QR碼比較 42 4.1.2 QR碼版本比較 45 4.1.3 QR碼錯誤更正能力比較 46 4.2 動畫QR碼實驗結果 48 4.2.1 實驗環境與方法 48 4.2.2 動畫QR碼版本測試 50 4.2.3 關鍵影格數量與成功率 54 4.2.4 影格停留時間測試 59 4.2.5 動畫QR碼實驗總結 61 第五章 結論與未來展望 63 參考來源 65 附錄A 67 附錄B 68 附錄C 69

    [1]ISO, "Information technology Automatic identification and data capture techniques QR Code bar code symbology specification," International Organization for Standardization, Geneva, Switzerland, ISO/IEC 18004:2015
    [2]Standard, "Graphics Interchange Format, Version 89a," W3C, Jul. 1990
    [3]Paul Read, Mark-Paul Meyer, Gamma Group, "Restoration of motion picture film," Conservation and Museology, Butterworth-Heinemann. pp. 24–26, 2000
    [4]Zhou Wang, Alan C. Bovik, Hamid R. Sheikh, Eero P. Simoncelli, "Image quality assessment: from error visibility to structural similairty," IEEE Transactions on Image Processing, vol. 13, no. 4, pp. 600−612, Apr. 2004
    [5]陳亭君,"內嵌無失真標誌之高度視覺性QR碼," 國立台灣科技大學電子工程所,2017
    [6]K. Lay, T. Chen, "Visual QR codes with lossless picture embedding, " 2018 3rd International Conference on Intelligent Green Building and Smart Grid (IGBSG), pp. 1-4, Apr. 2018.
    [7]Sean Owen, Daniel Switkin, ZXing Team, Barcode Scanner(aka ZXing or Zebra Crossing), Sep. 2018 [Online].
    Available: https://github.com/zxing/zxing, Accessed on: Jan. 2020
    [8]韓佩倫,"使用圓錐分割法辨識球面上的 QR 碼影像," 國立 台灣科技大學電子工程所,pp. 6-7,2015
    [9]Keith Jack, "Video Demystified A Handbook for the Digital Engineer 4th ed," pp. 15-19, 2005
    [10]Irwin Sobel, "History and Definition of the Sobel Operator, " pp. 2- 5, Feb. 2014
    [11]Hung-Kuo Chu, Chia-Sheng Chang, Ruen-Rone Lee, Niloy J. Mitra, "Halftone QR Codes," ACM Transactions on Graphics vol. 32, no. 6, pp. 217:1–217:8, Nov. 2013
    [12]Georg A. Klein, "Industrial Color Physics," Springer New York Dordrecht Heidelberg London, pp. 146-149, 2009
    [13]https://youtu.be/gX0CmJa5Gdk
    [14]https://dribbble.com/shots/2359291-IKEA-Logo-Animation
    [15]https://youtu.be/WIm7ieMaIZE

    QR CODE