890 likes | 1.11k Views
第五章電子商務資訊流與資訊安全. 課前指引 本章在於瞭解電子商務的資訊流,學習資訊流各種相關概念,從早期的 EDI 電子資料交換、目前最流行的 HTML 相關技術、到未來的 XML 應用。網路和類型也和電子商務息息相關。另外,資訊安全日趨重要,亦須學習相關的資訊安全以防止損害。. 章節大綱. 5-1 資訊流. 5-4 XML. 5-2 EDI 電子資料交換. 5-5 電子商務三大網路類型. 5-3 HTML. 5-6 電子商務資訊安全. 備註:可依進度點選小節. 5-1 資訊流.
E N D
第五章電子商務資訊流與資訊安全 課前指引 本章在於瞭解電子商務的資訊流,學習資訊流各種相關概念,從早期的EDI電子資料交換、目前最流行的HTML相關技術、到未來的XML應用。網路和類型也和電子商務息息相關。另外,資訊安全日趨重要,亦須學習相關的資訊安全以防止損害。
章節大綱 5-1 資訊流 5-4XML 5-2EDI 電子資料交換 5-5 電子商務三大網路類型 5-3HTML 5-6 電子商務資訊安全 備註:可依進度點選小節
5-1資訊流 • 「資訊流」簡單的說就是資訊的交流,用來記錄電子商務的金流、物流和商流的流動資訊。
5-1資訊流 • 資訊流的收集靠電腦系統
5-1資訊流 • 資訊流的四大特性 • 1.系統性 • 2.連續性 • 3.管理導向 • 4.整體性結構
5-1資訊流 • 操作網頁(例如:商品放入購物車時)就已使用到資訊系統
5-1資訊流 • 資訊流的主要功能 • 1.傳遞 • 2.轉換 • 3.儲存
5-1資訊流 • 電子商物資訊流的功能 • 商品瀏覽 • 購物車 • 結帳 • 留言版 • 會員管理
5-1資訊流 • 電子商務網站常見功能
5-1資訊流 • 電子商務資訊流特性 • 電子商務是消費者操作電腦網站的資訊系統,在網路上下單,該網站(伺服器)會儲存訂單的相關資訊,也就是說電子商務原本其特性就會將資訊流,很容易的透過網際網路從消費者手上取得。
5-1資訊流 • 資訊流相關科技的演進
5-2 EDI-電子資料交換定義 • 電子資料交換的技術定義 • 國際標準化組織(ISO)於1994年確認的電子資料交換的技術定義:根據商定的交易或電子檔案資料的結構標準,實施商業或行政的交易,並且是電腦到電腦的電子傳輸。
5-2 EDI-電子資料交換定義 • EDI只是一堆欄位格式的代碼或資料—以關貿公司在報關事件代碼為例
5-2 EDI-電子資料交換定義 • EDI的傳輸和應用方式 • 一台電腦的應用系統,運用協定的標準與資料格式,經電子化傳遞方式,將資料傳送到定一台電腦的應用系統,讓電腦能夠自動瞭解處理和回應。
5-2 EDI-電子資料交換定義 • EDI的運作原理
5-2 EDI-電子資料交換定義 • EDI的相關應用案例 • 製造業EDI: JIT即時回應系統(Just In Time) • 商業EDI: QR(Quick Response)快速回應系統 • 海空運通關EDI:快速通關報檢
5-2 EDI-電子資料交換定義 • 關貿公司應用EDI在報關出口通關的流程
5-3 HTML • HTML是一種網頁設計語言,它的全名是 HyperText Markup Language。 • HTML (HyperText Markup Language) 是由 CERN 所制定出來的一種多媒體、超文件的標示語言。
5-3 HTML • 網頁 • 超文件檔(Hypertext)俗稱網頁,是一種具有結構性的文書架構提供了全文式的索引,能夠在檔案內容的任何一部份,只要有超連結(HyperLink),就能找到和其相關的內容,使得讀者在瀏覽超文件檔所建立的檔案時,可以將一個觀念徹底瞭解,這個格式同時也符合 Internet 上 HTTP 通訊協定網頁的形式。
5-3 HTML • 超文件檔的一個範例
5-3 HTML • HTML 的最新規格 • 目前 HTML 的最新規格為 4.01 版,可以支援動態效果網頁 (DHTML、Dynamic HTML),也就是在網頁當中加入動畫及音效等多媒體效果。
5-3 HTML • 網頁範例-瀏覽器不會將HTML標籤顯示出來
5-3 HTML • 網頁和首頁和網站 • 透過瀏覽器在 WWW 上所看到的每一個畫面都是網頁(Web Page),每個網頁都是用HTML所寫成的超文件檔; • 而進入一個網站時所看到的第一個網頁,就是首頁(Home Page),負責導覽及介紹最新消息。 • 網站就是網頁的集合,包括首頁和各種不同網頁,通常採用階層式的架構。
5-3 HTML • 網站包括首頁和各種不同網頁
5-3 HTML • 「即見即所得」的軟體 • 而現在大部份的網頁都是透過Dreamweaver 、FrontPage或Namo..等易學好用的軟體,這類「即見即所得」的軟體來輕鬆編輯網頁。
5-3 HTML • 靜態網頁和動態網頁 • 網頁依據技術又分靜態網頁和動態網頁; • 而動態網頁又分客戶端動態網頁技術和伺服器端動態網頁技術; • 而客戶端動態網頁技術常見的技術又分VB Script 和 Java Script; • 而伺服器端動態網頁技術常見的技術又分PHP、JSP、ASP和ASP.NET..等。
5-3 HTML • 網頁技術的分類
5-3 HTML • 動態網頁 • 動態網頁有別於靜態網頁只能單純地顯示 html 內容,其可以依據瀏覽者的輸入資訊不同(例如:不同的瀏覽者、瀏覽行為、瀏覽時間…),而呈現不同的內容,舉凡線上購物,討論區,網路拍賣都需由動態網頁來達成。
5-3 HTML • 使用者提供的資料常會加到網址的後面
5-3 HTML • 客戶端動態網頁技術 • 客戶端動態網頁技術,是指程式碼在使用者客戶端瀏覽器上執行,通常需要在瀏覽器內安裝插件或附加程式,用來處理動態網頁的指令。
5-3 HTML • 計數器達到動態的效果,通常是透過Script語言
5-3 HTML • 伺服器端動態網頁技術 • 目前伺服器端動態網頁技術,包括 ASP(微軟)、ASP.NET (微軟)、PHP (自由網路社群)、JSP (Sun昇陽)。
5-3 HTML • 使用php技術的網頁
5-3 HTML • 伺服器端動態網頁的原理 • 伺服器收到查詢某網頁後,例如.asp檔。 • 伺服器會依據嵌入式的網頁程式語言,可能存取相關資料庫的資料。 • 轉換成HTML標籤的網頁格式。 • 最後透過http協定,傳輸給客戶端的瀏覽器。
5-3 HTML • 全球資訊網 • 全球資訊網指的是 World Wide Web,簡稱為 WWW 或 W3,其中文意義是全球資訊網。
5-3 HTML • WWW的運作原理
5-3 HTML • 電子商務的推手 • 全球資訊網是網際網路(Internet)上一項很重要的服務,發展出的新型態網路資訊交換方式,可以結合多媒體資訊、又具有全圖形化的使用者介面,讓網際網路上的使用者能在很短的時間裡取得所需的網路資訊,是目前流行的資訊流的最主要技術,也是電子商物的推手。
5-3 HTML • B2C的企業和消費者透過HTML完成資訊流
5-3 HTML • 搜尋引擎 • 搜尋引擎就是所謂的「網路查號台」,它提供的服務就是「搜尋」功能,根據您所輸入的中英文關鍵字來快速查詢所要的資訊,它會在網路上「找到」與這文字相關的所有網站或網頁
5-3 HTML • 最著名的搜尋引擎網站-Google網站
5-3 HTML • 臺灣著名的搜尋引擎網站
5-3 HTML • 入口網站 • 入口網站,一般來講指的就是方便讓第一次上網際網路的民眾所做的網站,就像網路上的一個大門,讓你在茫茫大海的網際網路中,快速的找到你要的服務, • 在國內的如Yahoo!奇摩站、PChome、蕃薯藤都是較為國人熟悉的入口網站
5-3 HTML • 台灣第一大入口網站—Yahoo!奇摩網站
5-3 HTML • 將瀏覽器的首頁改為慣用的入口網站
5-4 XML • XML中文翻譯成「可延伸性標示語言」(Extensible Markup Language,簡稱XML),主要是有別於HTML那種單一固定的語法,而要讓全球資訊網上製作頁面時有一個更具彈性、更容易添加新功能,而又不失統一標準的語言格式。
5-4 XML • XML標籤範例
5-4 XML • XML和HTML差異 • XML和HTML這兩者之間最大的不同在於HTML的目的是給人看的,而XML卻是給機器讀的,類似EDI的技術,將欄位的資料用自訂的XML標籤描述,自動由程式判別,存取傳輸的資料。
5-4 XML • XML用來傳遞資訊
5-4 XML • 互相用XML來溝通 • 大家都是用相同的方式來定義檔案之中各個標誌的涵義,就可以互相用XML來溝通了。例如:出版商和書店之間用定義好的XML檔案,來傳輸資訊流。
5-4 XML • XML的應用