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.

16

Share

Download to read offline

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

Download to read offline

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

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

Related Books

Free with a 30 day trial from Scribd

See all

電商網站開發 - 應用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 到彼此的網站去填一筆 資料吧!
  • ssuserbe98ea

    Apr. 4, 2018
  • archoncapasdfasdf

    Jan. 11, 2018
  • XiaLiang1

    Mar. 24, 2017
  • ChuniHung

    Dec. 20, 2016
  • IsaacChen10

    Dec. 13, 2016
  • brianting168

    Nov. 17, 2016
  • landjb

    Oct. 19, 2016
  • LeeTina1

    Sep. 8, 2016
  • ariesii

    May. 30, 2016
  • TonnyChan

    Feb. 29, 2016
  • allenyao22

    Jan. 15, 2016
  • darren7130

    Dec. 10, 2015
  • Lyr1202

    Oct. 14, 2015
  • plutohope

    Jul. 10, 2015
  • waveman

    Jun. 24, 2015
  • ssuser29cb1d

    Dec. 6, 2014

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

Views

Total views

2,278

On Slideshare

0

From embeds

0

Number of embeds

394

Actions

Downloads

158

Shares

0

Comments

0

Likes

16

×