1 / 60

行政院研究發展考核委員會 政府網站共用元件新元件 暨獨立語音驗證碼模組說明會

行政院研究發展考核委員會 政府網站共用元件新元件 暨獨立語音驗證碼模組說明會. 語音驗證功能模組. 凌網科技 廖宜哲 99 年 9 月 15 日. 大綱. 語音驗證元件說明 軟硬體環境需求 語音驗證元件與軟體環境安裝 語音驗證元件使用說明 各種範例程式 如何取得＆最近的修改與更新內容. 語音驗證元件ＤＥＭＯ. 語音驗證碼元件. 符合無障礙規定 替代驗證碼圖片提供中英文語音 獨立的網頁服務應用程式 使用 JAVA 開發開放原始碼 執行 於 符合 J2EE 規範的網頁應用程式伺服器. 運作方式. 硬體環境需求.

albany
Download Presentation

行政院研究發展考核委員會 政府網站共用元件新元件 暨獨立語音驗證碼模組說明會

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript

  1. 行政院研究發展考核委員會政府網站共用元件新元件暨獨立語音驗證碼模組說明會行政院研究發展考核委員會政府網站共用元件新元件暨獨立語音驗證碼模組說明會 語音驗證功能模組 凌網科技 廖宜哲 99年9月15日

  2. 大綱 • 語音驗證元件說明 • 軟硬體環境需求 • 語音驗證元件與軟體環境安裝 • 語音驗證元件使用說明 • 各種範例程式 • 如何取得＆最近的修改與更新內容

  3. 語音驗證元件ＤＥＭＯ

  4. 語音驗證碼元件 • 符合無障礙規定 • 替代驗證碼圖片提供中英文語音 • 獨立的網頁服務應用程式 • 使用JAVA開發開放原始碼 • 執行於符合J2EE規範的網頁應用程式伺服器

  5. 運作方式

  6. 硬體環境需求 • CPU：Intel 2.0GHz以上。 • 記憶體：1GB以上 • 硬碟：1GB以上 NOTE:所使用的主機規格仍要視網頁流量大小與上線人數而定

  7. 軟體環境需求 • 作業系統：能安裝JVM 1.6以上的作業系統 • JAVA虛擬機器(JVM)1.6以上 http://java.sun.com/javase/downloads/?intcmp=1281 • 中介軟體：Apache Tomcat 6.0以上 http://tomcat.apache.org/download-60.cgi

  8. 安裝流程

  9. 安裝ＪＶＭ

  10. 安裝JVM－１ • 版權宣告畫面

  11. 安裝JVM－２ • 選擇安裝路徑與安裝模組

  12. 安裝JVM－３ • ＪＲＥ安裝確認畫面

  13. 安裝JVM－３ • 安裝完成畫面

  14. 安裝JVM－４ • JVM環境確認程式集，附屬應用程式，執行命令提示字元。於命令提示字元視窗輸入java，可得到下列畫面。

  15. 安裝ＴＯＭＣＡＴ

  16. 安裝ＴＯＭＣＡＴ－１ • 歡迎畫面

  17. 安裝ＴＯＭＣＡＴ－２ • 版權宣告畫面，閱讀完授權事項後，點選【I Agree】

  18. 安裝ＴＯＭＣＡＴ－３ • 安裝模組選擇，直接點ＮＥＸＴ

  19. 安裝ＴＯＭＣＡＴ－３ • 安裝模組選擇，直接點ＮＥＸＴ

  20. 安裝ＴＯＭＣＡＴ－４ • 選擇Tomcat安裝路徑，點選【Next】進行下一步

  21. 安裝ＴＯＭＣＡＴ－５ • 設定網頁伺服器之埠號，帳號及密碼

  22. 安裝ＴＯＭＣＡＴ－６ • 設定ＪＲＥ安裝路徑，系統會自動帶入

  23. 安裝ＴＯＭＣＡＴ－７ • 點選【Finish】即完成Tomcat安裝

  24. 安裝ＴＯＭＣＡＴ－８ • 開啟瀏覽器，輸入網址　http://localhost:8080/

  25. 安裝語音驗證元件

  26. 安裝語音驗證元件－１ • 將語音驗證元件之war檔，直接放在Tomcat安裝資料夾下的webapps資料夾內，並重新啟動Tomcat 服務即可。

  27. 安裝語音驗證元件－２ • 點選桌面【我的電腦】單擊右鍵，點選【管理】，出現右方電腦管理程式，展開【服務及應用程式】目錄，點選【服務】。

  28. 安裝語音驗證元件－３

  29. 安裝語音驗證元件－４ • 點選服務【Apache Tomcat】單擊右鍵，點選【重新啟動】，完成Tomcat的重新啟動。

  30. 安裝語音驗證元件－５ • 重新啟動後在Tomcat安裝資料夾下的webapps中該war檔會被自動解壓縮。

  31. 安裝語音驗證元件－６ • 打開瀏覽器，於網址列輸入語音驗證網址：http://localhost:8080/OpenCaptcha

  32. 安裝語音驗證元件－７ • 中文語音測試頁

  33. 安裝語音驗證元件－８ • 英文語音測試頁

  34. 安裝語音驗證元件－９ • 於安裝前修改WAR檔案的名稱，可更改語音驗證元件的WEB名稱。如將原本的OpenCaptcha.war，檔名修改成captcha.war則連結網址為http://localhost:8080/captcha • 備份：將步驟五解壓縮的OpenCaptcha資料夾做備份 • 移除：將步驟五解壓縮的OpenCaptcha資料夾以及OpenCaptcha.war檔案刪除

  35. 使用語音驗證元件

  36. 語音驗證元件WEB服務用途

  37. 語音驗證元件WEB服務呼叫網址

  38. 應用程式撰寫示意圖

  39. 1.取得Session ID以及網站名稱

  40. 2.取得驗證碼圖片（captcha服務） <img id="captchaImage" name="captchaImage“ src="http://localhost:8080/OpenCaptcha/captcha?context=<%=ctx %>&session=<%=sid %>" alt="驗證碼圖片" title="驗證碼圖片"/>

  41. 2.1取得驗證碼圖片參數說明

  42. 3.取得語音檔（sound服務） <a href="http://localhost:8080/OpenCaptcha/sound?context=<%=ctx %>&session=<%=sid %>&lan=tw&time=<%=time %>">播放中文語音 </a>

  43. 3.1取得語音檔參數說明

  44. 3.2語音播放器語法－不可直接使用

  45. 3.3語音播放頁面程式撰寫原則 • 在<noscript>語法中提供語音檔下載連結 • 撰寫一個隱藏區塊，供JavaScript寫入語音播放嵌入HTML碼(上述的語音播放器語法) • 撰寫JavaScript當使用者欲撥放語音檔時，於隱藏區塊寫入語音播放嵌入HTML碼 • 提供一個語音播放按鈕觸發JavaScript語音播放事件

  46. 3.4語音播放頁面程式撰寫原則（續） • 提供文字輸入方塊，讓使用者輸入驗證碼

  47. 3.5<noscript>語法範例

  48. 3.6隱藏區塊語法範例

  49. 3.7JavaScript語法範例

  50. 3.8語音播放按鈕語法範例 <input type="button" value="語音播放" title="語音播放" alt="語音播放" onclick="voiceplay();" onkeypress="voiceplay();"/>

More Related