Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

電商網站開發 - 應用Weebly (Part 3 QRcode與其他服務)

2,056 views

Published on

Weebly是一個提供使用者假設網站的服務。Weebly提供視覺化模組,以免撰寫程式的方式(*亦保留可撰寫html code的彈性),讓大多數人能快速進入並制作屬於自己的網站。

請註冊/登入 Weebly.com (http://www.weebly.com)

Published in: Business
  • Be the first to comment

電商網站開發 - 應用Weebly (Part 3 QRcode與其他服務)

  1. 1. + Website Solution Advance – 二維條碼應用 (QRCODE) 與其他
  2. 2. + Outline n Advance n 二維碼應用 QRcode Application n 延伸擴增Weebly n 互動表單元件 n 運用embed code元件 整合其他服務 n VIMEO n DISQUS n Google+ n Facebook POST n 成果展示與問答 (15 min) YS, Fang. ys.fang@thinkinviz.com
  3. 3. + QR-Code E-commerce/M-commerce Application QR-Code商務應用 YS, Fang. ys.fang@thinkinviz.com 3
  4. 4. + QR-Code Case Study: eMart Sunny Sale (South Korea) YS, Fang. ys.fang@thinkinviz.com 4 QR-Code 應用案例: eMart https://www.youtube.com/watch? v=EvIJfUySmY0
  5. 5. + What is a QR-Code? n http://en.wikipedia.org/wiki/ QR_code n Quick Response Code n Automotive industry in Japan (Toyota) n four standardized types ("modes") of data (numeric, alphanumeric, byte / binary, Kanji) n Google Chart Tool API: https:// developers.google.com/ chart/infographics/?hl=zh- TW&csw=1 YS, Fang. ys.fang@thinkinviz.com 5 QR-Code可以藏什麼?
  6. 6. + How to generate a QR-Code? n http://www.unitaglive.com/qrcode n http://www.qrhacker.com/ n http://quickmark.com.tw/cht/qrcode-datamatrix-generator/ default.asp?qrLink n à 只要是一個URL,就可以轉成QR-CODE! Let’s Do it! YS, Fang. ys.fang@thinkinviz.com 6 Google search: “QR-Code產生器”
  7. 7. + Generate a QR-Code with Free Service - http://www.unitaglive.com/qrcode YS, Fang. ys.fang@thinkinviz.com 7 來產生QR-Code吧! http://www.unitaglive.com/qrcode
  8. 8. + Generate a QR-Code with Free Service - http://www.unitaglive.com/qrcode YS, Fang. ys.fang@thinkinviz.com 8 選擇「WebLink」,把PayPal的結帳連結貼上去吧! Confirm.
  9. 9. + Generate a QR-Code with Free Service - http://www.unitaglive.com/qrcode YS, Fang. ys.fang@thinkinviz.com 9 客制化選項。
  10. 10. + Generate a QR-Code with Free Service - http://www.unitaglive.com/qrcode YS, Fang. ys.fang@thinkinviz.com 10 QR-Code完成,使用QRcode掃描器試試吧!
  11. 11. + Generate a QR-Code with Free Service - http://www.unitaglive.com/qrcode YS, Fang. ys.fang@thinkinviz.com 11 QR-Code掃描畫面,顏色、圖樣越多越複雜,辨識度下 降,請確認可以存取!
  12. 12. + Embed QR-Code supporting PayPal payment link in Weebly Website YS, Fang. ys.fang@thinkinviz.com 12 在Weebly中嵌入可支援PayPal結帳連結的QR-Code吧!
  13. 13. + Hands on! n 動手作吧 n 1. PayPal 產生付款按鈕 n 2. 選擇為Email-link取得付款的URL n 3. 製作QR-CODE n 4. 將QR-CODE圖檔 放在Weebly上 n 5. 手機掃描,完成付款。 YS, Fang. ys.fang@thinkinviz.com 13
  14. 14. + Power Up Your Weebly Site! 用互動表單元件 延伸擴增Weebly YS, Fang. ys.fang@thinkinviz.com 14
  15. 15. + 網站編輯進階操作 YS, Fang. ys.fang@thinkinviz.com 15 互動表單元件。
  16. 16. + 網站編輯進階操作 YS, Fang. ys.fang@thinkinviz.com 16 互動表單元件,表單選項。 設定回應要自動寄送通知的Email 輸入接收通知的email信箱
  17. 17. + 網站編輯進階操作 YS, Fang. ys.fang@thinkinviz.com 17 互動表單元件。 查看目前的回應。請發佈網站,填寫表單,觀察變化!
  18. 18. + 網站編輯進階操作 YS, Fang. ys.fang@thinkinviz.com 18 互動表單元件。 表單記錄(可用於制作簡易訂單系統)
  19. 19. + Hands on! n 動手作吧 請制作一個收集通訊錄 的表單,可自由運用表 單元件。 n 到彼此的網站去填一筆 資料吧!

×