電子商務 與全球資訊網Electronic Commerce and World Wide Web

授課老師: 羅崇銘

時間: Thursday 3, 4

網

路

實

務

應

用

2015/4/28 2

架設實體網路

Email-電子郵件

FTP-檔案傳輸

瀏覽器

熱鍵操作

DHCP動態主機配置協定每個連網裝置只有唯一IP IP不夠用,有使用才指派

除固定IP外另外保留

自動指派IP給TCP/IP網路用戶

學校網路指派學校網域IP

家庭網路 ISP提供真實IP

IP分享器管理DHCP 手動或自動指派虛擬IP

虛擬IP就是不存在真實世界的IP

虛擬IP對應Mac(真實網卡位址)

192.168.x.x 虛擬IP

00046F12301AMac address

所有電腦以一個真實IP對外,對內由Mac決定封包誰屬

架

設

實

體

網

路

2015/4/28 3

架

設

實

體

網

路

2015/4/28 4

示意圖

裝設圖

IP對應圖

DDNS(動態網域名稱系統)DNS

IP位址不容易記住,使用網域名稱

140.112.29.49 vs. www.ntpu.edu.tw

DNS server作名稱對應

TWNIC (http://www.twnic.net.tw)所授權的網站申請 xxx.com.tw (公司登記証)、xxx.idv.tw(身分證)

NT. 450/年

YAHOO! (http://domains.yahoo.com)申請網域名稱 .com、.net、.org

US. 9.95/年, 信用卡

Dynamic DNS把網域名稱指往一個可能經常改變的IP位址即時更新

1.每隔數分鐘檢查電腦的IP位址

2.發現IP變更後,送出更新IP的請求至動態DNS伺服器

可免費申請

架

設

實

體

網

路

2015/4/28 5

網路來源專線(成本高)

光纖上網(下載/上傳=6M/2M, $683)ADSL(下載/上傳=8M/640K, $698)

ADSL上傳頻寬小不適合做為伺服器

非固定制 IP不固定、採用DHCP隨機取得

便宜、安全(不易被攻擊)

重連視為新使用者

重連需重撥號PPPoE 不適合做為伺服器(架站)

IP分享器可設定自動撥號

動態DNS

Hinet申請1固定IP及7動態IP 還是需要撥號,只是得到同一IP

PPPoE: xxxxxxx@ip.hinet.net帳號區隔

Google:”申請非固定制固定IP”

控制台網路和網際網路網路和共用中心

架

設

實

體

網

路

2015/4/28 6

固定制 IP固定

IP設定後開機即上網

成本高、易被攻擊

學校電腦、Hinet提供6個IP

http://sysadm.ntpu.edu.tw/dns.html

控制台網路和網際網路網路和共用中心左邊的項目中點擊「變更介面卡設定」

架

設

實

體

網

路

2015/4/28 7

區域網路多台電腦、手機

集線器(Hub) IP分享器

虛擬IP

無線基地台 天線發射WiFi

自動PPPoE撥號

無線網路名稱/密碼

防火牆 防止攻擊、限制使用者不當網頁

限制能夠連線的網路卡

限制使用時間及頻寬

架

設

實

體

網

路

2015/4/28 8

Hub1: 接電腦2: 接數據機

電腦設定

架

設

實

體

網

路

2015/4/28 9

找尋網路連線

電腦設定

架

設

實

體

網

路

2015/4/28 10

找尋網路卡

選擇自動後續由IP分享器設定

分享器設定

架

設

實

體

網

路

2015/4/28 11

以虛擬IP進入分享器的網頁設定介面

輸入預設的管理者帳號及密碼

分享器設定

架

設

實

體

網

路

2015/4/28 12

來源為DHCP(社區網路,隨插隨連)

自動讀取Mac位址(IP與Mac對應)

分享器設定

架

設

實

體

網

路

2015/4/28 13

ADSL撥接

設帳號密碼

以後可自動撥接,重連

分享器設定

架

設

實

體

網

路

2015/4/28 14

固定IP設定IP: ISP分配遮罩: 子網路定義閘道: 過濾封包DNS: 網域名稱

分享器設定

架

設

實

體

網

路

2015/4/28 15

要連線時看到的無線網路名字

分享器設定

架

設

實

體

網

路

2015/4/28 16

無線網路頻道:不同頻率電波

加密格式選擇

分享器設定

架

設

實

體

網

路

2015/4/28 17

網路連線密碼:現在都要8位數

網路測試, http://sysadm.ntpu.edu.tw/ping.html‘應用程式’: ‘命令提示字元’

ipconfig: 網路設定是否正確

ping: 丟封包看有否回應

ping 127.0.0.1 網路卡是否故障

ping 自己IP TCP/IP設定是否正確

ping 通訊閘 區域網路是否可連出去ping tw.yahoo.com 對方網站是否正常

tracert: 檢查網路連線路徑.經過那些路線

架

設

實

體

網

路

2015/4/28 18

北市三大商圈導入Beacon，用手機就能逛街、瀏覽店家優惠訊息(2015/03, iThome)

資策會與聯經數位合作打造智慧商圈，

在台北信義、永康、西門三個商圈導入Beacon，只要民眾手機下載

安裝App「i優台北」，進入三個商圈之後手機就會自動接收到店家提供的優惠促銷訊息，更提供AR擴增實境功能，導引民眾前往有興趣的店家消費。

任何採用低功耗藍牙（BLE或藍牙4.0）的微定位訊號發射器皆能稱之為Beacon，簡 而言之，Beacon就像是一個不停地在廣播訊號的燈塔，當手機進入到燈塔照射的範圍內，Beacon就會發送一串代碼給手機，手機的App偵測到代碼後 便會觸發一連串的動作，也許是從雲端下載資訊，也可能是開啟其他App或連動裝置。

日本NRI利用地磁場做室內定位，部署更容易，支援任何平台的手機(2015/01, iThome)

日本野村綜合研究所（NRI）發表地磁場（earth's magnetic field）室內定位技術實驗結果，不需在室內額外設置其他機器，支援任何具有電子羅盤功能的智慧型手機，不但節省建置成本，定位誤差也可控制在2m內。

要在無法收到GPS訊號的室內透過智慧型手機提供大範圍的定位導航服務，不論是Wi-Fi、BLE或IMES技術，都必須設置電波發訊器，而且在大規模地下街不論新設或增設相關器材時，所有相關人員、店家的資訊都要跟著進行調整，手續繁雜。

活用建築物本身擁有的磁場特性進行定位，因此可用來解決上述問題。利用實驗型App取得智慧型手機地磁場感應器的數據，接著

對事先登錄的地磁場數據資料庫進行比對，找到目前手機位置後立刻顯示於App的地圖上， NRI指出，活用此技術後，在商業設施

內就能引導消費者往指定的店鋪前進，消費者靠近店鋪時也能立刻在手機上提供消費資訊。

電子郵件(Email)除了學校email為什麼還需要別的email

不想讓別人知道自己身分

畢業後可能無法續用

以不同email管理不同事情/使用不同功能 註冊論壇、上網購物

使用轉寄功能彙整所有信箱 寄到A、B信箱的信都轉到C信箱

寄信給自己測試收信功能 NTPU email

http://sysadm.ntpu.edu.tw/faq.html

空間50MB

單封<20MB(15MB+中文重編碼(Outlook))

電

子

郵

件

2015/4/28 21

一封寄不出去的信收件人信箱爆了(50MB)

452 Message for **** would exceed mailbox quota450 **** : out of quota

收件人不存在(有可能打錯字了)451 Requested mail action not taken: mailbox unavailable

信件過大，收件人伺服器拒收(>20MB)421 The Size of the Message Exceeds the Recipient‘s Size Limits

For Incoming Emails

被視為是垃圾信(修改內容,避免廣告字眼)To Protect Our Users From Spam(垃圾信)

郵件附件檔被拒(如 .exe,可能夾帶病毒)554 5.7.1 The File Xxx Has Been Blocked. File Quarantined

As:b100493a.xxx

利用壓縮程式減少檔案大小,副檔名因此變更成.zip, .rar

直接更改副檔名,但需告知收件者再改回

電

子

郵

件

2015/4/28 22

檔案格式副檔名(預設為隱藏)

代表相對應的應用程式

也以不同圖案的icon表示

當double click開啟檔案時,作業系統會找出以該附檔名註冊的應用程式來解釋文件,並顯示編輯介面

Example:

1.原檔名The.Amazing.Spider-Man.2.1080p.H264.AC3.srt

2.更改副檔名為.txtThe.Amazing.Spider-Man.2.1080p.H264.AC3.txt

3.可用記事本開看到內容並做更改

電

子

郵

件

2015/4/28 23

電子郵件(Email)免費email, Webmail (隨時隨地存取)

電

子

郵

件

2015/4/28 24

Gmail Yahoo! mail Outlook mail

免費容量 15 GB 1 TB 5 GB

透過其他郵件帳戶傳送郵件

Yes Yes Yes

自訂類別、資料夾

- Yes Yes

建立時間規則，例如「10 天後刪除」

- - Yes

聊天 Google+ Facebook Skype、Facebook、

Google+

文件處理(減少下載和上傳的步驟)

共用、檢視和編輯 Google文件 ,編輯Office文件

垃圾信多(垃圾信設成未來時間會排頁頂)，正常信被誤認

共用、檢視和編輯 Office 文件

收信軟體Outlook/Outlook express

http://sysadm.ntpu.edu.tw/student_outlook_2010.html

信件儲存檔>4G無法以FAT檔案格式儲存

目前系統多為NTFS

與Mac共用需要exFAT

純文字/HTML

簽名檔 [郵件][包括][簽章][簽名]

已讀取回條

信件規則寄件人

刪除伺服器上信件垃圾郵件

1.分析使用者偏好

2.自動過濾

約會/開會提醒

電

子

郵

件

2015/4/28 25

FTP軟體主機端

提供資料

全年無休、頻寬大

需固定IP或DDNS

桌上型電腦(成本低)/檔案伺服器(成本高)

高穩定性(磁碟陣列-RAID 0,1,5) RAID 0 兩個硬碟一起讀寫,速度快

RAID 1 1對1備份,最安全

RAID 5 犧牲一個硬碟做檢驗,其餘可平行讀寫

F

T

P

檔

案

傳

輸

2015/4/28 26

FTP軟體客戶端

下載資料

需要資料時連上主機端下載/更新

網站首頁: index.htmlhttp://sysadm.ntpu.edu.tw/student_web.html

FireFTP是Firefox的附加元件

F

T

P

檔

案

傳

輸

2015/4/28 27

FireFTP是Firefox的附加元件

F

T

P

檔

案

傳

輸

2015/4/28 28

找到後按安裝

按自訂

FireFTP是Firefox的附加元件

F

T

P

檔

案

傳

輸

2015/4/28 29

左方圖示拖曳到右方擺放

已可Click打開

FireFTP是Firefox的附加元件

F

T

P

檔

案

傳

輸

2015/4/28 30

帳號名稱/主機登入/密碼

安全性: SFTP, 埠: 22開始資料夾

Character Set: 正體中文

FireFTP是Firefox的附加元件

F

T

P

檔

案

傳

輸

2015/4/28 31

下載上傳

index.html

.htm/.html超文字標記語法

定義網頁文字與圖片的顯示方式

建立文件間的連結

可由記事本編輯再更改副檔名為.html

語法成對呈現

H

T

M

L

2015/4/28 32

以<h>來表示設定標題文字的開始

<Font Color>可改變顏色H

T

M

L

2015/4/28 33

src 屬性：圖檔來源，可以使用gif、jpg 以及png格式。若圖片檔與HTML 文件檔放在同一個目錄中則只需寫上圖檔名稱，否則必須加上正確的路徑，例如：

H

T

M

L

2015/4/28 34

Dreamweaver可不需編寫HTML語言

所見即所得(WYSIWYG)H

T

M

L

2015/4/28 35

Dreamweaver利用分割畫面檢視'編輯碼'與'版面設計'結果可修改'模板網站'或已複製的網站

H

T

M

L

2015/4/28 36

WWW(World Wide Web) 主從式架構由瀏覽器解譯HTML圖文內容由瀏覽器要求網頁伺服器提供資源

微軟Internet Explorer (IE)即將被Spartan取代

直接在網頁上打字、畫重點、寫筆記

透過應用程式分享筆記

網址列輸入字以獲得資訊

支援語音助理Cortana

網頁靜態、動態網頁(Java, Flash(耗資源), HTML5)

首頁瀏覽器的第一頁(常用的網站)

網站的第一頁(門面、導覽功能)

瀏

覽

器

2015/4/28 37

網址(Address或URL, Uniform Resource Locator)指出資源的位置及存取方式

http傳輸埠預設為80,ftp為21,可變更避免入侵

瀏覽器瀏覽網頁必須使用的軟體

瀏覽器持續改版-分頁瀏覽、搜尋列

微軟將IE變成作業系統的一部分Safari內建在Mac OS之中Firefox為自由及開放原始碼Google Chrome市占率越來越高

瀏

覽

器

2015/4/28 38

http://www.ntpu.edu.tw/chinese/about/about1.php

存取協定://主機名稱 存放路徑 網頁名稱

Firefox火狐隱私瀏覽

不會儲存造訪過的網站與頁面資料按開啟選單後,接著按”新增隱私視窗”

隱私瀏覽不會保留哪些資料？造訪過的頁面表單與搜尋紀錄密碼下載項目Cookie網頁內容快取 與 離線網頁內容及使用者資料

瀏

覽

器

2015/4/28 39

Firefox火狐網站識別

大多數網站均使用 HTTP (未加密)

或 HTTPS (部分加密) 的傳輸方式,並不會來回傳輸重要資訊,不具備驗證或加密連線

銀行資料、身分證號、信用卡資料等不應該在顯示灰色地球的網站上執行僅部分加密

僅部分加密,同意在有風險時,允許顯示混合式內容

不應該傳送銀行資料、身分證號、信用卡資料等

已通過驗證已加密,不是釣魚網站

已通過EV驗證已加密,非釣魚網站

瀏

覽

器

2015/4/28 40

Firefox火狐附加元件

IE Tab 解決某些僅支援 IE 的網頁瀏覽

Foxmarks Bookmark Synchronizer 每台電腦安裝後,會自動使每台電腦的書籤保持一致

DownloadHelper 從影音網站下載到電腦裡,還可設定自動轉檔

gTranslate 將選擇的文字、網頁送至 Google Translator 翻譯

瀏

覽

器

2015/4/28 41

Firefox火狐選項介紹

瀏

覽

器

2015/4/28 42

預設: 開啟連結 (Line, PDF)時呼叫

保留上次瀏覽視窗與分頁

選擇下載檔案存放處

確定更改按”確定”回復原設定按”取消”

Firefox火狐選項介紹

瀏

覽

器

2015/4/28 43

開啟新分頁或新視窗

Firefox火狐選項介紹

瀏

覽

器

2015/4/28 44

選擇預設搜尋引擎,可拖拉進搜尋列

Firefox火狐選項介紹

瀏

覽

器

2015/4/28 45

阻擋彈出視窗可過濾廣告,但要注意重要事項

字型,大小,色彩, 語言

Firefox火狐選項介紹

瀏

覽

器

2015/4/28 46

直接開啟,不用選儲存位置(實際上已儲存在暫存區)

每次詢問: 開啟(何種應用程式) or 儲存

呼叫應用程式,mail Outlook

Flash越來越慢了,可能被HTML5取代

Firefox火狐選項介紹

瀏

覽

器

2015/4/28 47

網站會追蹤訪客行為，提供或販售給其他公司偏好設定或登入狀態,使用時間

是否保留歷史瀏覽紀錄

Cookies 是瀏覽網站時，網站儲存在你電腦的紀錄，包含偏好

設定,登入狀態

搜尋歷史紀錄與相關字串

Firefox火狐選項介紹

瀏

覽

器

2015/4/28 48

避免被安裝後門程式無認證網站釣魚網站 可自行新增信任

或不信任的例外網站

自動記錄密碼或

需輸入主控密碼才會自動顯示

Firefox火狐選項介紹

瀏

覽

器

2015/4/28 49

以帳號登入來同步已儲存的分頁,書籤,密碼

Firefox火狐選項介紹

瀏

覽

器

2015/4/28 50

個人憑證: 安全性考量科技部網站, 券商下單

熱

鍵

操

作

Windows快速鍵 - 左手使用鍵盤+右手使用滑鼠

打開檔案總管Window+E

關閉程式Alt+f4

選取多個檔案/全選Ctrl+滑鼠左鍵/Ctrl+A

連續選取Shift+方向鍵

剪下Ctrl+X

拷貝Ctrl+C

貼上Ctrl+V

UndoCtrl+Z

RedoCtrl+Y

存檔Ctrl+S

顯示桌面Window+D

切換已打開的應用程式Alt+Tab

切換應用程式內的文件Ctrl+Tab

擷取螢幕畫面Prt sc小畫家或Photoshop貼上

關閉無回應程式Ctrl+Alt+Delete

選檔案後拖曳至應用程式可開檔

利用記事本去除文字格式後貼入Word2015/4/28 51

波音電漿專利申請通過，能量護盾有望成真(2015/03, TechNews)

科幻電影中，有透明的能量護盾包圍在戰艦或是戰鬥機器人

身邊，擋下各種光束或子彈，現今，航太兼軍武大廠波音於2015 年 3 月，申請能量防護技術專利獲得通過。

這種防護技術，針對的是炸彈產生的爆震波，人體即使躲在掩體之後，也可能遭爆震波震得內臟破裂而死，波音的能量防護系統，一偵測到炸彈爆炸，就會以雷射、電弧以及微波，在爆震波傳來的方

向高度加熱空氣成為電漿狀態，製造一個超熱電漿區域。當爆震波來到這個電漿區域，就如同水面會反射與折射光波一樣，反射或彈開爆震波，保護後方的載具與人員。

這個護盾專為爆震波設計，沒辦法抵擋子彈或彈片，而且也不會一直留在空中，需要時再製造出來。能量護盾能反射、折射爆震波，對保護人員的生命安全來說或許比擋子彈更重要。

輕薄Hitoe運動衣，直接幫你紀錄心跳數據(2015/02, FIND)

智慧型穿戴裝置: Google 智慧眼鏡、Apple智慧手表、LG、Samsume智慧手環

日本電信NTT DoCoMo在2014年10月與日本東麗工業公司Toray，聯手

推出智慧型運動衣Hitoe，以納米纖維製作，非常輕薄，能放在洗衣機內清洗，Hitoe採用的穿戴型設備C3fit IN-pulse聯動，利用可傳輸

數據的塗層將心率數據(心跳數和 心電波)，通過藍牙發送到智慧手機上。

DoCoMo希望將來腦電波和肌電圖都可以監測，包含飲食健康管理(監測攝取熱量及推薦最佳食譜)、人際關係交流(分析腦波「喜歡」和

「不喜歡」的情緒)、醫療健康管理(監控身體異常狀況)、運動管理(有效運動評估)、睡眠監控(睡眠品質測量)。