跳到主要內容

OpenQSignage開源迷你電子看板(Arduino LCD動畫胸牌)

2018年1月31日 星期三

OpenQSignage開源迷你電子看板(Arduino LCD動畫胸牌)

我有沒有聽錯！3.3V / 8MHz 8bit MCU的Arduino Mini Pro竟然可以拿來做「動畫胸牌」，不是LED的那種(圖一左圖)，而是64K彩色LCD的那種(圖一右圖)。它不只可以秀文字還可秀影像，並可選擇多張自己喜歡的影像及輸入自己想要的文字後再下載，更誇張的是竟然沒有用到SD卡，總成本不到二個小朋友(<NT$500)。各位Maker，這是真的！而最主要的功臣就是來揚科技(Lyontek Inc.)的那顆PSRAM(Pseudo Static Random Access Memory)(圖一右圖綠色板子上正中間那顆八隻腳的IC)，到底什麼是PSRAM，又要怎麼才能完成這項作品，就讓我們繼續看下去。

圖一、左圖為傳統LED胸牌，右圖為本開源專案迷你電子看板【OpenQSignage】

近似同義名詞補充：電子看板、數位看板(數字標牌)(Digital Signage)、數位相框(Digital Frame)、胸牌(名牌)(Name Badge)、名片型字幕機、廣告機、跑馬燈(Scrolling Advertising)。

前一陣子剛好買了一些LCD模塊準備來開源另一個項目，正好MAKERPRO歐兄邀我協助想一些點子來推廣來揚科技(Lyontek Inc.)的PSRAM又可幫助Maker們創作出一些有趣的應用。在沒收業配情況下，經過一番集思廣義後，我決定把原先另一個項目延遲，並把LCD模塊先挪過來使用，先推出迷你電子看板【OpenQSignage】並免費開源給各位Maker。

完整開源內容請參考https://github.com/OmniXRI/OpenQSignage


這個開源專案主要是以數位看板(大陸稱為數字標牌)(Digital Signage)俗稱廣告機的架構來實現。一般我們常會在超商或賣場看到此類廣告機，其系統最主要包括一台顯示器、一台本地端主機負責依排程播放內容及一台遠端主機進行內容編輯及多子機管理，或者為了節省成本省去本地端主機，而直接用串流影像方式播放。通常數位看板可以用來顯示靜態影像、動態影片(視頻)及即時文字跑馬，而大型系統還需要一個遠端系統來管理播放排程、更新播放內容及顯示即時資訊，更進階一點的還要提供客戶自行編排播放內容視窗的排列方式。

話說回來，我一個人不可能用幾百塊錢、幾週時間就可完成這麼大的系統，所以這個專案我把它迷你化(Q版)，並將其改成動畫胸(名)牌的應用，方便大家能快速了解整個開發流程及軟硬體架構，所以很多地方寫的不好，有很多改善空間，就留給各位Maker自由發揮，如有任何想法，歡迎來信或留言討論。

目前這個迷你電子看板不只是體積變小，該有的LCD顯示屏、本地端排程播放及內容(影像、文字)編輯及下載功能一樣不缺，可說是麻雀雖小五臟俱全。本地端部份(如圖一右圖)主要由Arduino Pro Mini (3.3V / 8MHz)作為主機，負責接收及播放排程內容，而排程及顯示用影像都儲存在來揚科技提供的那顆PSRAM上，另外還有64K色LCD顯示屏、鋰電池及充放電模組板。而PC端則提供一套排程編輯及下載專屬程式(如圖二)，包括影像選取、轉換成LCD顯示格式、顯示停留時間設定、文字輸入、字體選擇、文字(前、背景)色彩、橫幅文字顯示模式及下載排程到本地端主機等功能。

圖二、PC端排程編輯及影像轉換系統操作介面


本開源專案內容較長，接下來就分別就硬體設計、Arduino程式及PC端程式進行說明，請繼續點擊後閱讀。

OpenQSignage開源迷你電子看板(Arduino LCD動畫胸牌)#1_硬體設計說明
1.1 零件清單
1.2 電路圖
1.3 主要零件使用補充說明
    A. Arduino Pro Mini
    B. LCD模組
    C. Lyontek PSRAM
    D. 充電電池及模組
    E. USB轉UART轉換板

OpenQSignage開源迷你電子看板(Arduino LCD動畫胸牌)#2_Arduino程式說明

OpenQSignage開源迷你電子看板(Arduino LCD動畫胸牌)#3_PC程式說明

本專案目前仍有許多不足的地方有待各位自由發揮，後續如有任何想法或者在實作上遇到任何問題歡迎在下方留言，我會儘我所能回答大家。當然如果有人有興趣把本專案開發成真正的商品，不管是自行發展或找我合作都很歡迎。
於  
標籤： 

沒有留言:

張貼留言



訂閱： 張貼留言 (Atom)

OpenQSignage開源迷你電子看板(Arduino LCD動畫胸牌)

我有沒有聽錯！3.3V / 8MHz 8bit MCU的Arduino Mini Pro竟然可以拿來做「動畫胸牌」，不是LED的那種(圖一左圖)，而是64K彩色LCD的那種(圖一右圖)。它不只可以秀文字還可秀影像，並可選擇多張自己喜歡的影像及輸入自己想要的文字後再下載，更誇張的是...
  • AI是哪回事？Maker怎麼玩
    昨天感謝MakerPro歐兄邀約，和大家分享自己在AI了解的知識。個人二年多前第一次接觸「深度學習」時就馬上被吸引到了，怎麼有這麼厲害的技術，于是上網自學，在當時網上資料並不那豐富，加上數學底子不好，又沒接觸過Linux(Ubuntu)，所以吃了不少苦頭。後來在朋友Edwin贊助...
  • Standford CS224N 「自然語言處理與深度學習」 網路筆記整理
    Standford大學在2017推出「Natural Language Processing with Deep Learning」(課程代號：CS224N)，受到許多想了解自然語言處理問題的人大力推薦。最近剛好看大陸網友將課程逐一翻譯及心得整理，共有兩大套「CS224n筆記」、...

留言

張貼留言

這個網誌中的熱門文章

2017通訊大賽「聯發科技物聯網開發競賽」決賽團隊29強出爐！作品都在11月24日頒獎典禮進行展示

2017通訊大賽「聯發科技物聯網開發競賽」決賽團隊29強出爐！作品都在11月24日頒獎典禮進行展示 LIS   發表於 2017年11月16日 10:31   收藏此文 2017通訊大賽「聯發科技物聯網開發競賽」決賽於11月4日在台北文創大樓舉行，共有29個隊伍進入決賽，角逐最後的大獎，並於11月24日進行頒獎，現場會有全部進入決賽團隊的展示攤位，總計約為100個，各種創意作品琳琅滿目，非常值得一看，這次錯過就要等一年。 「聯發科技物聯網開發競賽」決賽持續一整天，每個團隊都有15分鐘面對評審團做簡報與展示，並接受評審們的詢問。在所有團隊完成簡報與展示後，主辦單位便統計所有評審的分數，並由評審們進行審慎的討論，決定冠亞季軍及其他各獎項得主，結果將於11月24日的「2017通訊大賽頒獎典禮暨成果展」現場公佈並頒獎。 在「2017通訊大賽頒獎典禮暨成果展」現場，所有入圍決賽的團隊會設置攤位，總計約為100個，展示他們辛苦研發並實作的作品，無論是想觀摩別人的成品、了解物聯網應用有那些新的創意、尋找投資標的、尋找人才、尋求合作機會或是單純有興趣，都很適合花點時間到現場看看。 頒獎典禮暨成果展資訊如下： 日期：2017年11月24日(星期五) 地點：中油大樓國光廳(台北市信義區松仁路3號) 我要報名參加「2017通訊大賽頒獎典禮暨成果展」>>> 在參加「2017通訊大賽頒獎典禮暨成果展」之前，可以先在本文觀看各團隊的作品介紹。 決賽29強團隊如下： 長者安全救星 可隨意描繪或書寫之電子筆記系統 微觀天下 體適能訓練管理裝置 肌少症之行走速率檢測系統 Sugar Robot 賽亞人的飛機維修輔助器 iTemp你的溫度個人化管家 語音行動冰箱 MR模擬飛行 智慧防盜自行車 跨平台X-Y視覺馬達控制 Ironmet 菸消雲散 無人小艇 (Mini-USV) 救OK-緊急救援小幫手 穿戴式長照輔助系統 應用於教育之模組機器人教具 這味兒很台味 Aquarium Hub 發展遲緩兒童之擴增實境學習系統 蚊房四寶 車輛相控陣列聲納環境偵測系統 戶外團隊運動管理裝置 懷舊治療數位桌曆 SeeM智能眼罩 觸...
張貼留言
閱讀完整內容

完形心理學！？讓我們了解“介面設計師”為什麼這樣設計

完形心理學！？讓我們了解“介面設計師”為什麼這樣設計 — 說服客戶與老闆、跟工程師溝通、強化設計概念的有感心理學 — 情況 1 : 為何要留那麼多空白? 害我還要滾動滑鼠(掀桌) 情況 2 : 為什麼不能直接用一頁展現? 把客戶的需求塞滿不就完工啦! (無言) 情況 3: 這種設計好像不錯，但是為什麼要這樣做? (直覺大神告訴我這樣設計，但我說不出來為什麼..) 雖然世界上有許多 GUI 已經走得又長又遠又厲害，但別以為這種古代人對話不會出現，一直以來我們只是習慣這些 GUI 被如此呈現，但為何要這樣設計我們卻不一定知道。 由於 完形心理學 歸納出人類大腦認知之普遍性的規則，因此無論是不是 UI/UX 設計師都很適合閱讀本篇文章。但還是想特別強調，若任職於傳統科技公司，需要對上說服老闆，需要平行說服（資深）工程師，那請把它收進最愛；而習慣套用設計好的 UI 套件，但不知道為何這樣設計的 IT 工程師，也可以透過本文來強化自己的產品說服力。 那就開始吧~（擊掌） 完形心理學，又稱作格式塔（Gestalt）心理學，於二十世紀初由德國心理學家提出 — 用以說明人類大腦如何解釋肉眼所觀察到的事物，並轉化為我們所認知的物件。它可說是現代認知心理學的基礎，其貫徹的概念就是「整體大於個體的總合 “The whole is other than the sum of the parts.” —  Kurt Koffka」。 若深究完整的理論將會使本文變得非常的艱澀，因此筆者直接抽取個人認為與 UI 設計較為相關的 7 個原則（如下），並搭配實際案例做說明。有興趣了解全部理論的話可以另外 Google。 1. 相似性 (Similarity)  — 我們的大腦會把相似的事物看成一體 如果數個元素具有類似的尺寸、體積、顏色，使用者會自動為它們建立起關聯。這是因為我們的眼睛和大腦較容易將相似的事物組織在一起。如下圖所示，當一連串方塊和一連串的圓形並排時，我們會看成（a）一列方塊和兩列圓形（b）一排圓形和兩排三角形。 對應用到介面設計上，FB 每則文章下方的按鈕圖標（按讚 Like / 留言Comment / 分享 Share）雖然功能各不相同，但由於它們在視覺上顏色、大小、排列上的相似性，用戶會將它們視認為...
張貼留言
閱讀完整內容
opencv4nodejs Asynchronous OpenCV 3.x Binding for node.js   122     2715     414   0   0 Author Contributors Repository https://github.com/justadudewhohacks/opencv4nodejs Wiki Page https://github.com/justadudewhohacks/opencv4nodejs/wiki Last Commit Mar. 8, 2019 Created Aug. 20, 2017 opencv4nodejs           By its nature, JavaScript lacks the performance to implement Computer Vision tasks efficiently. Therefore this package brings the performance of the native OpenCV library to your Node.js application. This project targets OpenCV 3 and provides an asynchronous as well as an synchronous API. The ultimate goal of this project is to provide a comprehensive collection of Node.js bindings to the API of OpenCV and the OpenCV-contrib modules. An overview of available bindings can be found in the  API Documentation . Furthermore, contribution is highly appreciated....
張貼留言
閱讀完整內容