分類
手機大未來

電子支付、電子票證整併-電支管理條例修法

電支條例大修法 立院初審通過!金管會力拼明年上路 https://ec.ltn.com.tw/article/breakingnews/3346687

這個電子支付與電子票證整併的市場需求與管理的專法, 終於進行修法了, 早幾年的支付狀況可以參考:

https://diary.tw/archives/148

其中除了第三方支付為經濟部管轄外, 另外的電子支付與電子票證皆為金管會下管理, 相關專法如下:

  1. 第三方支付服務定型化契約應記載及不得記載事項: https://gcis.nat.gov.tw/elaw/lawDtlAction.do?method=viewLaw&pk=209
  2. 電子票證發行管理條例: https://law.moj.gov.tw/Hot/AddHotLaw.ashx?pcode=G0380207&cur=Ln&kw=%e9%9b%bb%e5%ad%90%e7%a5%a8%e8%ad%89%e7%99%bc%e8%a1%8c%e7%ae%a1%e7%90%86%e6%a2%9d%e4%be%8b
  3. 電子支付機構管理條例: https://law.moj.gov.tw/Hot/AddHotLaw.ashx?pcode=G0380237&cur=Ln&kw=%e9%9b%bb%e5%ad%90%e6%94%af%e4%bb%98%e6%a9%9f%e6%a7%8b%e7%ae%a1%e7%90%86%e6%a2%9d%e4%be%8b

由於電子支付與電子票證使用情境已深入一般生活, 轉帳, 交易都有很大的需求與應用情境, 將其整併可以強化跨行(機構)轉帳的便利性外, 還有更多應用可能. 另外像是海外分支點(原銀行業務)的開放, 更可以強化開放支付工具在國際上的應用.

另外一則新聞則是全聯 PX Pay已遞交電子支付申請,

https://www.bnext.com.tw/article/60133/pxmart-px-pay-electronic-payment

看來交易額已可以成形一個夠大的支付工具, 並形成用戶數量夠多, 交易量夠大的單一公司支付工具, 往外走出去是很棒的規畫, 讓更多人用, 更多店家用, 來達成更大的收益.

 

分類
手機大未來

如何於手機開啟Facebook APP指定粉絲團、活動、社團、個人頁的方式

在網頁上或是APP裡, 想要於行動設備開啟 Facebook APP的指定粉絲團、活動、社團、個人頁, 要如何進行呢?

可以使用 fb:// 的 intent protocol, 以下為簡單說明:

粉絲專頁, 以 facebook 本身官方的粉絲專頁為例, https://www.facebook.com/facebook/, 我們先找出它的 fan page id: 20531316728, 可以使用工具: https://lookup-id.com/

接下來我們需要實作判定 android 或 iOS 來決定啟動的方式, Android 如下:

fb://page/20531316728

iOS 如下:

fb://page?id=20531316728

大家可以試看看, 若是社團呢? 一樣, 先找出社團代碼, 以這個社團為例: https://www.facebook.com/groups/facebook360community/
, 找出它的 groupid 為: 241193586214590, 然後使用以下網址:

Android: fb://group/241193586214590

iOS: fb://group?id=241193586214590

當然, 像是活動, 或是個人頁, 也都可以使用對應的 event / profile 來進行操作, 很方便也很直覺, 另外最重要的一點, 記得若是有 id 的狀況下, 直接使用:

https://facebook.com/[id]

也會直接到對應的粉絲團、活動、社團、個人頁哦.

參考資料:

https://stackoverflow.com/questions/4810803/open-facebook-page-from-android-app
https://stackoverflow.com/questions/47794033/open-link-to-facebook-group-in-facebook-app-on-android

 

 

分類
Javascript

[HTML]滿版介面

在 web 上做滿版不要出捲軸的設計要如何進行? 主要是要配合 100vh 來操作. 不過由於實務上, 在行動設備下, 會遭遇瀏覽器在計算上方網址列的狀況不同, 如下:

1. iOS Safari 不含網址列
2. iOS Chrome 含網址列 (也就是全高)
3. Android Chrome 不含網址列

這樣的狀況, 所以若是使用 100vh 操作, 仍會有對應不良的困難, 所以建議改用 window.innerHeight 來取得實際的版高, 再來進行套用.

需要監聽的事件為 document ready, window resize, window orientationchange 三個地方, 而套用方式建議使用 css cssText 語法, 能較為準確的套用, 不會有指定高度時, 無法實現的狀況.

參考範例: https://codepen.io/timhuang/pen/pxbwLp

手機版直接測試: https://codepen.io/timhuang/full/pxbwLp/

另外簡單說明如下:

jq 取得 body margin-top 與 margin-bottom 會是 ?px 的文字, 使用 parseInt 可以轉回數字. 而 innerHeight 取得本來就已是數字. 而在原 css 中的 height: 100px!important, 是用來測試在 resizeFull function 中, 使用 css 套用, 亦可蓋過原 css 中的 height important.

分類
手機大未來

支付工具、點數、手機APP電子票證服務整理

台灣現行營運中支付工具與電子票證、點數、手機APP錢包放電子票證與信用卡服務整理.

  1. 支付 APP, 通常為綁定信用卡或銀行帳戶, 使用一維條碼或QR Code或掃碼進行支付:
    1. opay 歐付寶: https://www.opay.tw/
    2. jkos 街口支付: https://www.jkos.com/
    3. ezPay 台灣支付: https://www.ezpay.com.tw/ (藍新科技)
    4. 台灣Pay: https://www.taiwanpay.com.tw/ (這家是財金公司, 僅有銀行帳戶)
    5. My FamiPay: http://www.family.com.tw/marketing/fami_member/famipay.html (全家便利商店支付)
    6. Line Pay: https://line.me/zh-hant/pay (Line)
  2. 電子票證支付:
    1. 悠遊卡: https://www.easycard.com.tw/
    2. 一卡通: https://www.i-pass.com.tw/
    3. 愛金卡(iCash): https://www.icash.com.tw/
    4. 有錢卡(HappyCash): https://www.happycashcard.com.tw/ (遠鑫電子票證)
  3. 紅利點數
    1. Openpoint: 統一超商的點數 https://www.openpoint.com.tw/ (結合 iCash)
    2. UUPon: https://uupon.tw/ (結合悠遊卡)
    3. Happy Go: https://www.happygocard.com.tw/ (結合 Happy Cash, 與多家通路累點)
    4. 得易Ponda: https://www.ponta.com.tw/ (東森, 森森與部分通路累點)
  4. 手機APP結合電子票證, 主要為電信公司營運, 需要 sim卡支援, 可綁定電子票證或信用卡來支付):
    1. Hami Wallet: http://hamiwallet.emome.net/ (中華電信)
    2. WALI智慧錢包: https://www.wali.tw/ (台灣大哥大)
    3. friDay錢包: https://wallet.friday.tw/ (遠傳電信)

由以上各式支付工具, 電子票證, 電子錢包等工具, 再加上原來信用卡, 真的多通路, 多支付工具, 多優惠, 大家可以多利用呢.

[2018/8/21 10:49]
繼續閱讀:
【圖解】台灣行動支付大比拼:line-pay、街口支付、apple-pay https://dahetalk.com/2018/08/19/%E3%80%90%E5%9C%96%E8%A7%A3%E3%80%91%E5%8F%B0%E7%81%A3%E8%A1%8C%E5%8B%95%E6%94%AF%E4%BB%98%E5%A4%A7%E6%AF%94%E6%8B%BC%EF%BC%9Aline-pay%E3%80%81%E8%A1%97%E5%8F%A3%E6%94%AF%E4%BB%98%E3%80%81apple-pay/

[2018/9/5 9:58]
最近 Linepay 結合一卡通帳戶, 可以進行帳戶轉帳了, 為什麼要結合一卡通才能做這件事呢? 先來了解一下相關法規: 電子支付, 電子票證, 第三方支付, 所屬主管機關不同, 也有不同的功能.

第三方支付: 只能做代收付, 不可以轉帳、儲值 (經濟部)
電子票證: 可以儲值, 不可以轉帳 (金管會)
電子支付: 除代收付功能外, 還可儲值、轉帳 (金管會)

第三方支付廠商可以參考 open data: https://data.gov.tw/dataset/22184 (目前為止有 7048家)

電子票證: 永豐商業銀行, 悠遊卡股份有限公司, 一卡通票證股份有限公司, 愛金卡股份有限公司, 遠鑫電子票證股份有限公司, 目前共五家, 可以參考 open data: https://data.gov.tw/dataset/10557

電子支付分為專營、銀行兼營、中華郵政兼營、電子票證兼營, 其中電子支付專營(即非銀行的): 國際連股份有限公司、橘子支行動支付股份有限公司、台灣電子支付股份有限公司、街口電子支付股份有限公司、歐付寶電子支付(股)公司、簡單行動支付股份有限公司, 目前共六家, 可以參考: https://www.banking.gov.tw/ch/home.jsp?id=60&parentpath=0,4&mcustomize=FscSearch_BankType.jsp&type=H1&display=false

那和一卡通在哪? 它是電子票證兼營電子支付的公司, 在這裡: https://www.banking.gov.tw/ch/home.jsp?id=60&parentpath=0,4&mcustomize=FscSearch_BankType.jsp&type=H3&display=false

所以 Linepay 會需要電子支付的一卡通來實施儲值轉帳功能.

所有電子支付機構可以參考: https://www.banking.gov.tw/ch/home.jsp?id=60&parentpath=0,4&mcustomize=FscSearch_BankType.jsp&type=H&display=false

繼續閱讀:
電子支付 VS 第三方支付:別再說這是同個東西,關鍵在能不能「轉帳」啊!https://buzzorange.com/techorange/2016/12/07/e-payment-and-third-party-payment/
【行動支付】電子支付和第三方支付?你真的分得清楚?│Cloud西城 http://playlifecloud.com/20180514-payments/

[2018/9/11 11:38]
相關法規:

  1. 第三方支付服務定型化契約應記載及不得記載事項: https://gcis.nat.gov.tw/elaw/lawDtlAction.do?method=viewLaw&pk=209
  2. 電子票證發行管理條例: https://law.moj.gov.tw/Hot/AddHotLaw.ashx?pcode=G0380207&cur=Ln&kw=%e9%9b%bb%e5%ad%90%e7%a5%a8%e8%ad%89%e7%99%bc%e8%a1%8c%e7%ae%a1%e7%90%86%e6%a2%9d%e4%be%8b
  3. 電子支付機構管理條例: https://law.moj.gov.tw/Hot/AddHotLaw.ashx?pcode=G0380237&cur=Ln&kw=%e9%9b%bb%e5%ad%90%e6%94%af%e4%bb%98%e6%a9%9f%e6%a7%8b%e7%ae%a1%e7%90%86%e6%a2%9d%e4%be%8b

[2018/10/11 19:24]
繼續閱讀:
http://www.worklifeinjapan.net/2018/10/japan-mobile-payment-war.html

[2018/11/2 16:36]
LINE Pay一卡通開通1個月 使用人數快「打趴」街口支付
https://www.ettoday.net/news/20181101/1296025.htm

[2018/12/14 10:31]
台灣的行動支付玩具們 您玩過了嗎?
https://speakerdeck.com/jiimmysu/tai-wan-de-xing-dong-zhi-fu-wan-ju-men-nin-wan-guo-liao-ma

[2019/2/13 16:10]
悠遊卡獲准兼營電支 打造開放參與 平台聯盟
https://www.easycard.com.tw/new?cls=1&id=1549960128

[2019/11/6 9:54]
補充兩份電子發票載具, 由財政部南區國稅局製作, 包含了行動支付說明介紹, 雖然有點舊, 但十分值得參考:

附檔5:行動支付結合雲端發票懶人包.pdf

附檔6:行動支付結合雲端發票大補帖.pdf

還有 108年9月份的兩份統計:

10809電子支付機構業務統計表:

10809電子票證發行資料統計表:

也十分值得參考.

 

分類
手機大未來

台灣行動電話公司覆蓋率查詢

想要了解自己使用的行動電話公司覆蓋率狀況嗎? 可以來查詢各家業者公佈的覆蓋率狀況:

1. 中華電信
https://www.emome.net/internet_coverage

2. 台灣大哥大
https://www.taiwanmobile.com/mobile/calculate/cover_map.html

3. 遠傳
https://ecare.fetnet.net/eServiceV3/serviceCoverageController/serviceCoveragePage.action

4. 亞太電信
http://www.aptg.com.tw/others/Coverage.htm

5. 台灣之星
https://www.tstartel.com/mCWS/serviceCoverage.php

台灣電信產業發展協會資料:
http://freqgis.ttida.org.tw/Freqgisindex/

這樣更方便大家在使用或查詢上有更清楚的了解, 或是出發去旅遊時, 可以先得知可能的收訊狀況, 避免收訊不到或不良的狀況.

[2018/5/17 9:51]
有個 Global Cell Coverage 服務可供應用, 請參考:
https://opensignal.com/networks

另外該服務也提供APP可供回報與檢查手機網路的基站分佈狀況與頻寬測試, 十分實用.

分類
Javascript

線上幸運抽獎-手機版

之前一直要找時間做一個手機用的版本, 終於昨天花點時間寫好了, 有需要的朋友們歡迎多加利用, 網址如下:

http://sample.diary.tw/lucky-draw/m

功能與原來的版本相同, 只是介面用了 jQuery mobile 的方式呈現, 分別將說明、名單、獎項與抽獎放在4個分開的介面上, 利用下方的切換功能來進行切換, 一樣可以隨時加碼. 抽獎結果的部分, 考慮手機介面較小, 所以最後抽出的放在最上面, 而且上方會出現目前待抽的獎項與剩餘人數, 剩餘獎項與已得獎組數等資訊.

最後還是希望大家能多多利用, 也提供建議, 謝謝.

原來的電腦版介紹: https://diary.tw/archives/1187

分類
WebTrend

IT界未來十年趨勢發展

從這裡看來的: http://www.uuu.com.tw/Public/content/Edm/150810_ITtrend1.htm
雖然是電腦學習課程的補習班文宣, 不過真的大趨勢如此:

  1. 智慧型裝置大流行》App應用程式仍未退潮
  2. 大數據Big Data》從大數據中找出新商機
  3. 網路資訊安全》防駭、資安將是每間公司都須要面臨的警戒話題
  4. 雲端應用》 Cost Down及管理是企業首要任務
  5. 3D列印》 Maker自造者在全世界都夯
  6. 物聯網》 下一個Big thing

來一一檢視看看,

  1. 智慧型裝置流行不是一天兩天的事了, 而這個從通訊變成娛樂化的個人終端設備, 目前已經是現在人不可或缺的工具了. PC, NB是 Profession的工具, 但智慧型裝置則是人手一支的設備, 商機就在這裡.
  2. 大數據的資料, 有效地解讀, 分析, 塑模, 再整理, 化整出來的內容, 可是十分驚人的, 探究這些數據的內容, 可以找出意想不到的事實與趨勢, 是一項利器.
  3. 資訊的安全是一直存在的課題, 只是現在隨手可得的數位化資產設備, 可能外流的資訊風險也就愈高, 當然也就是一門重要的課題.
  4. 雲端化是虛擬化的下一步, 有效利用將可節省大量的成本.
  5. 3D列印則是真真正正的新進步, 把以往需要費時費工的塑模打樣, 利用3D列印技術, 快速地成型完成, 甚至於量產, 大幅改善了以往生產與測試的瓶頸, 快速成型.
  6. 物聯網則是會愈燒愈旺, 不過是以野火燎原的方式, 在處處發生, 到處都會出現的方式, 在生活中逐一實現.

看到這樣蓬勃發展的技術科技, 什麼生意是可以實現, 可以努力的呢? 看看大家的創意發想吧…

分類
Javascript

強迫jQuery Mobile換頁不用ajax

同事因為一個使用 jQuery Mobile 的網頁, 因為 login 頁面後的重導頁內容, 無法正常顯示而苦惱, 正在 debug 時, 我和他說明, jQM 預設會使用 ajax 來將網頁內容替代, 包含了 form submit 也都會這樣, 而不需要整頁 refresh, 所以會有這種特殊的狀況.

然而他想做到的功能是 login –submit–> login (check) –redirect–> index 這樣的方式, 所以簡單地說, 就是要將 login page上的 form submit 後的頁面, 不要使用 ajax 即可, 查了一下網路資料, 在 form 表單上, 多加入 data-ajax=”false” 即可, 請同事加上後, 測試果然無誤.

所以若有這樣需求的應用, 可以加入 data-ajax=”false” 來取消這個預設的功能.

參考資料:
http://stackoverflow.com/questions/7739183/jquery-mobile-how-do-i-submit-forms-to-a-url-and-transit-to-another-page-insid
http://dev.chetankjain.net/2011/12/jquery-mobile-page-transitions-with.html
http://tim-fly.iteye.com/blog/1453766

官方資料:
http://jquerymobile.com/demos/1.0/docs/pages/page-links.html

分類
blog服務

Line分享按鈕及連結

早期利用 Facebook 的讚及分享按鈕, 現在看到愈來愈多的網站有提供 Line 的分享按鈕, 不過目前是提供手機版的網頁來應用, 官方有說明的文件, 不過只有日本版:

http://media.line.naver.jp/howto/ja/

應用指令如下:

http://line.naver.jp/R/msg/<CONTENT TYPE>/?<CONTENT KEY>

其中的 <CONTENT TYPE> 目前也就 text 而已, 而重點在於 <CONTENT KEY>, 內容主要是代入傳遞的內容, 可以傳入任意不違反 line 傳送內容規定的文字, 記得要用 utf-8 編碼.

實際上應用還蠻簡單的, 就是傳遞訊息出去, 所以一般我們會需要傳遞的就是網頁標題及連結, 而組合的方式就是利用一個換行符號 %0D%0A 這樣, 整個組合起來如下:

http://line.naver.jp/R/msg/text/?test%20message%0D%0Ahttp%3A%2F%2Fline.naver.jp%2F

上面的內容就是傳遞如下訊息:

test message
http://line.naver.jp/

傳到 line 應用程式中的 http:// 連結, 會自動轉成 url 連結的型態, 也就可以正常讓收到訊息的人利用該 url 來進行連結了.

範例連結: http://sample.diary.tw/30/1.htm

該頁利用 javascript 將傳遞的訊息及 url 組合好, 再傳遞到 line app 中, 很容易理解.

function sendtoline(){
    var link = "http://line.naver.jp/R/msg/text/?";
    link += encodeURIComponent(document.getElementById("msg").value) + "%0D%0A" + encodeURIComponent(document.getElementById("url").value);
    location.href = link;
    return false;
}

試看看在你的手機版網頁上加上 line 的分享吧!

繼續閱讀:
http://sofree.cc/line-share-button/

[2013/5/23 15:39]
補充一下, 利用這樣的重導, 實際上在 MOBILE DEVICE 上的工作狀況又是如何呢?
在 iPhone 上會導入註冊的 protocol: “line:/”, 而在 android 上則是會使用 intent:/ 語法來達成呼叫 line 應用程式出來.

[2015/11/16 13:35]
中文設置說明連結: http://media.line.me/howto/zh-hant/
語法的部份如: http://line.me/R/msg/<CONTENT TYPE>/?<CONTENT KEY>

[2020/11/18 18:33]
若是 wordpress 下, 配合 Jetpack 的分享按鈕設定可以參考: https://prstudio.idv.tw/wp%E5%B0%8F%E6%8A%80%E5%B7%A7%E5%8A%A0%E5%85%A5line%E5%88%86%E4%BA%AB%E6%8C%89%E9%88%95/

分類
手機大未來

jQuery Mobile版本

從阿維筆記本這裡 (http://blog.hsdn.net/1465.html) 看來的, 原來 jQuery 也有 mobile 的版本! 官方網址在這裡: http://jquerymobile.com/

隨著手機的效能愈高, 能支援的網頁複雜度及相容性, 也隨著在手機上的行動瀏覽器而提升, 一般早期在做手機網站大多是單純化, 減少不相的 css 及簡單呈現的方式為主, 不過有了 jQuery for Mobile, 相信又有更多的可能.

這個列表是用來說明目前 jQuery Mobile 支援各型手機 os 及瀏覽器的相容狀況, 共分成了 A, B, C, F 4級, A 為品質最好, B 為次之, C 為較差, 而 F 則是無法相容, 圖片引用自: http://jquerymobile.com/gbs/

看起來相容性最好的是 android 方面的瀏覽器.

有 jQuery for Mobile 對於行動網頁開發者來說, 可以節省不少工夫在實作網頁程式上, 不過行動網頁的要求是更精簡, 更容易地操作, 利用這樣的開發工具, 的確也能減低不少負擔. 來看看 ui 上的狀況: http://jquerymobile.com/designs/

相信對於已經上手 jQuery 的 Developer 們, 這個是一個不錯的好工具!