此作品使用於:櫃台點餐_菜單看版

專案動機
一、改善傳統看版的問題

內容更換麻煩-燈片製作、寄送、更換 工程浩大
連鎖店管理瓶頸-POS變更快,燈片寄送慢,時常不同步
展示格數限制-新燈片上不去,隨意亂貼
二、數位價目表 可創造效益

維護很容易-單店、連鎖店 一人維護得宜
效果加倍好-大小比例、輪播,獲得更好效果
訊息可互動-與POS串接,可即時推送訊息到螢幕
技術架構

重點技術
技術1.播放內容由資料庫管理(mysql)
登入門市帳號、完成資料增刪改查,前端30秒內同步更新


技術2.前端網頁-有主次的畫面視覺
主力/重要商品不輪播(A區),大眾商品排入輪播區(B區)
套餐商品用大圖,單點商品用小圖...

技術3.使用輪播-突破固定格數限制
主商品(A區1~8項) & (B區9~N項)、C區單品(1~8項內固定,大於開始輪播)

技術3.與POS機訊息互動

POS機發動,操作商品[售完]設定
產出TXT文檔到指定路徑
後台定時撈取文檔
匯入mysql資料庫
前端html定時reload更新
專案作品:
販售菜單與完售資訊

販售菜單輪播聯動展示

專案心得&教學回饋
擁有-完整驗收網頁與資料庫增刪改查的開發能力
獲得-Google compute engine上架實務經驗
過去嚐試過買書自修、線上學習,但最終都半途而廢
這次利用工作空檔一鼓作氣,終於學會,有產出作品的實力
充分受惠達內專業團隊各司其職,讓我真的有收穫,更上一層樓。
Bình luận