1 / 39

互動式多媒體網頁製作技術之內涵現況與趨勢

互動式多媒體網頁製作技術之內涵現況與趨勢. 戴建耘 www.ntnu.edu.tw/tvc/www/index.html dai@cc.ntnu.edu.tw. 主要大綱. 壹、 Internet/Intranet/Extranet 之標準協定與發展 貳 、分散式軟體平台之概念與內涵 參、三層式主從架構 肆、 Internet/Intranet 資料存取技術 伍 、網頁製作工具與檔案 陸、結論與建議 柒、 Q&A. Internet/Intranet/Extranet 之定義. 壹、 Internet/Intranet/Extranet 之協定與發展.

chacha
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. 互動式多媒體網頁製作技術之內涵現況與趨勢 戴建耘 www.ntnu.edu.tw/tvc/www/index.html dai@cc.ntnu.edu.tw

  2. 主要大綱 壹、Internet/Intranet/Extranet之標準協定與發展 貳、分散式軟體平台之概念與內涵 參、三層式主從架構 肆、 Internet/Intranet資料存取技術 伍、網頁製作工具與檔案 陸、結論與建議 柒、Q&A

  3. Internet/Intranet/Extranet之定義 壹、Internet/Intranet/Extranet之協定與發展

  4. Internet/Intranet/Extranet之關係 • Intranets/Extranets offer many of the features, services and technologies that are available on the Internet. Internet Open Firewall Non-Open Intranet A Intranet B Intranet C Extranet

  5. Internet/Intranet/Extranet之標準協定 • TCP/IP (Transmission Control Protocol / Internet Protocol ) • HTTP-HTML (HyperText Transfer Protocol - HyperText Markup Language) • SMTP (Simple Mail Transmission Protocol )

  6. PING www.epa.gov.tw Route print

  7. 貳、分散式軟體平台之概念與內涵 ActiveX Platform

  8. 什麼是ActiveX技術? COM 物 件 導 向 技 術 物件1 物件2 COM (Component Object Model) 物件與物件間溝通的機制

  9. 什麼是ActiveX技術? ActiveX：提供豐富網頁內容 • 進階網站應用 •使用者互動性 OLE：桌上應用軟體整合軟體元件 COM OLE：Object Linking & Embedding

  10. Active Server Active Client ActiveX Platform架構 主從架構 標準協定　與　ActiveX

  11. ActiveX Platform架構 Active Server Active Client HTML HTML + + VBScript JavaScript Scripting Scripting Components Components + + + + System Services System Services 標準協定　與　ActiveX

  12. ActiveX Platform特性 • Component-Base應用軟體架構 • 提供網頁開發與多媒體特效與 • 良好的互動性 • 可供使用者需求產生動態式網頁 • 可引用現有控制項重新產生新控制項 • 塑造軟體元件工業的好環境

  13. ActiveX Client-ActiveX Platform的Client端支援技術 軟體工程師 Web軟體開發者 Web使用者 軟體元件1 傳統靜態資訊 資訊傳遞 快速 互動 整合 軟體元件2 軟體元件3 新一代軟體應用架構

  14. HTML ActiveX Client的特性（一） Scripting 整合與跨 平台傳送 Components Network Services

  15. ActiveX Client的特性（二） 根據World Wide Web Consortium 最新HTML標準 發展 Ｄynamic HTML技術 （DHTML）

  16. ActiveX Client的特性（三） 不受語言限制的Script環境 ActiveX Scripting VB Script Engine Java Script Engine

  17. ＡctiveX Controls控制項 ＡctiveX Controls控制項 ＡctiveX Controls控制項 ＡctiveX Controls控制項 ＡctiveX Controls控制項 ＡctiveX Controls控制項 ＡctiveX Controls控制項 ＡctiveX Controls控制項 ＡctiveX Controls控制項 ＡctiveX Controls控制項 ActiveX Client的特性（四）

  18. ActiveX Client的特性（五） Microsoft Java Virtual Machine 整合 應用 Java applets

  19. Server Client ActiveX Server應用軟體開發 ActiveX元件 ActiveX 介面 開發應用程式 ActiveX元件 撰寫低階程式 ActiveX元件 （介面） Transaction Server HTMLDCOM Unix或　其它系統 Message Queue （Distributive COM）

  20. ActiveX Platform 對等式發展架構 Client Server Script Component 利用熟悉技術與工具專注解決問題

  21. 參、三層式主從架構 ３－Tiers Client／Server Architecture

  22. Server應用軟體 Client Data Source Browser 傳統應用軟體運作模式 RDBMS ISAM

  23. Server應用軟體 Client Data Source (VB,Office) Browser 新運作模式：Apps+TP Monitor DCOM RDBMS ISAM HTTP TP Monitor (Transaction Process)

  24. Server應用軟體 Client Data Source (VB,Office) (Browser) 更新運作模式：Apps+TP Monitor＋單一資料存取 DCOM RDBMS ADO/ OLE DB ISAM HTTP MTSMicrosoft (Transaction Process)

  25. Server應用軟體 Ｂrowser/Client LUG2 XA ActiveX Platform與多層式架構 Data Source (Internet Information Server) SNA Server HTTP IIS RDBMS OLETX ISAM DCOM nt ActiveX Compone

  26. ActiveX Platform與多層式架構 • 多層式應用軟體 • 簡化應用軟體開發過程 • 元件導向 • 交易監控 • Internet整合 • 延展性 • 後端主機整合性

  27. Static HTML Pages SQL Server Active Server Pages 三層式主從架構實例 Client Browser IIS ActiveX Enables Web Browser ActiveX ActiveX ActiveX ActiveX ActiveX ActiveX

  28. 三層式主從架構之特點 • 一．三層式系統架構 • 應用軟體開發有彈性 • 　（提高企業／校園競爭力） • 可適用於不同前端 • 　（開放式結構） • 維護容易 • (Reuse程式碼）

  29. 三層式主從架構之特點 • 二．運用Transaction Server • 資源有效運用 • 　（大量用戶資源共用） • 資料一致完整 • 　（分散式處理與運算）

  30. 三層式主從架構之特點 • 三．縮短開發時間 • 元件共用規格　DCOM • 運用熟悉工具

  31. 肆、Internet/Intranet資料存取技術 一．DAO/Jet (Data Access Object) 二．DAO ODBCDirect (Open Database Connectivity Direct) 三．RDO/RDC (Remote Data Object /Control ) 四．VBSQL API 五．ODBC API 六．ADO/ADC (ActiveX Data Object /Control)

  32. ODBC Declares DB LIB Declares Jet Database Engine ODBC Driver Manager ODBC Driver Manager ODBC Driver Manager ODBC Driver Manager ODBC Driver ODBC Driver ODBC Driver ODBC Driver ODBC Driver 資料存取技術與方式 DAO ODBC Direct RDO RDC VBSQL API ODBC API ADO ADC DAO/Jet 應用程式 應用程式 應用程式 應用程式 應用程式 應用程式 DAO 3.5 DAO 3.5 ADO 1.5 RDO 2.0 RDO 2.0 LIB Library OLE DB Kagera Network Interface

  33. 資料存取技術與方式 • ODBC • DAO-->RDO • OLE DB • ADO

  34. 伍、網頁製作工具與檔案 • 工具演進實例 • 主要相關檔案 Office 97-IA • HTML • GIF FrontPage 98 • HTML • GIF • DHTML • VB Script • Java Script Visual InterDev • ASP (ActiveX Server Page) • ASF ( ActiveX Server File) Site Server

  35. 多媒體網頁製作工具與檔案 .WAV .MID .RA .AVI .ASF .GIF .Script .IDC .HTX Active Server Page DHTML HTML

  36. 多媒體網頁製作工具剖析實例 • CRS • CA • PS • ILS • MSA • MVA Visual FoxPro Visual Basic Visual C++ Visual J++ Visual InterDev Visual InterDev • Web Page Creator • Web Site Administrator • Image Composer • Music Producer • Media Manager • GIF Animator

  37. 陸、結論與建議 一．新軟體開發觀念與技術降臨 二．儘速推廣與落實Internet/Intranet基礎平台之建置技術 三．Internet/Intranet的網頁軟體開發重要工具 　　　．Visual InterDev（含FrontPage） 　　　．VB Script/Java Script 四，認識HTML是製作多媒體網頁的基礎 五．應開辦互動式多媒體網頁製作技術之研習會

  38. 主要參考文獻 １、Microsoft Press(1997中文版）, VB與SQL,松崗圖書代理 ２、台灣微軟(1997), Create Power Web Application, 研習會資料 ３、 戴建耘(民86),我愛ActiveX與VB Script,松崗圖書 ４、張炳雄等(民86),我愛HTML與多媒體網頁製作, 松崗圖書

  39. 柒、Ｑ　＆　Ａ

More Related