電子商務 與 全球資訊網
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架
設
實
體
網
路
架 設 實 體 網 路
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位址架
設
實
體
網
路
網路來源
專線(成本高)
光纖上網(下載/上傳=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
控制台網路和網際網路網路和共用中心左邊的項目中點擊「變更介面卡設定」
架
設
實
體
網
路
區域網路
多台電腦、手機
集線器(Hub)
IP分享器
虛擬IP
無線基地台
天線發射WiFi
自動PPPoE撥號
無線網路名稱/密碼
防火牆
防止攻擊、限制使用者不當網頁
限制能夠連線的網路卡
限制使用時間及頻寬架 設 實 體 網 路
2015/4/28 8
Hub
1: 接電腦
2: 接數據機
電腦設定
架 設 實 體 網 路
找尋網路連線
電腦設定
架 設 實 體 網 路
2015/4/28 10
找尋網路卡
選擇自動
後續由IP分享器設定
分享器設定
架 設 實 體 網 路
以虛擬IP進入分享 器的網頁設定介面
輸入預設的 管理者帳號及密碼
分享器設定
架 設 實 體 網 路
2015/4/28 12
來源為DHCP (社區網路,隨插隨連)
自動讀取Mac位址 (IP與Mac對應)
分享器設定
架 設 實 體 網 路
ADSL撥接
設帳號密碼
以後可自動 撥接,重連
分享器設定
架 設 實 體 網 路
2015/4/28 14
固定IP設定IP: ISP分配 遮罩: 子網路定義 閘道: 過濾封包 DNS: 網域名稱
分享器設定
架 設 實 體 網 路
要連線時看到的無 線網路名字
分享器設定
架 設 實 體 網 路
2015/4/28 16
無線網路頻道:
不同頻率電波
加密格式選擇
分享器設定
架 設 實 體 網 路
網路連線密碼:
現在都要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))電
子
郵
件
一封寄不出去的信
收件人信箱爆了(50MB)452 Message for **** would exceed mailbox quota 450 **** : 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.可用記事本開看到內容並做更改電
子
郵
件
電子郵件(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.分析使用者偏好電
子
郵
件
FTP軟體
主機端
提供資料
全年無休、頻寬大
需固定IP或DDNS
桌上型電腦(成本低)/檔案伺服器(成本高)
高穩定性(磁碟陣列-RAID 0,1,5)
RAID 0 兩個硬碟一起讀寫,速度快
RAID 1 1對1備份,最安全
RAID 5 犧牲一個硬碟做檢驗,其餘可平行讀寫F T P 檔 案 傳 輸
2015/4/28 26
FTP軟體
客戶端
下載資料
需要資料時連上主機端下載/更新
網站首頁: index.html
http://sysadm.ntpu.edu.tw/student_web.html
FireFTP是Firefox的附加元件
F
T
P
檔
案
傳
輸
FireFTP是Firefox的附加元件
F T P 檔 案 傳 輸
2015/4/28 28
找到後按安裝
按自訂
FireFTP是Firefox的附加元件
F T P 檔 案 傳 輸
左方圖示拖曳 到右方擺放
已可Click打開
FireFTP是Firefox的附加元件
F T P 檔 案 傳 輸
2015/4/28 30
帳號名稱/主機 登入/密碼
安全性: SFTP, 埠: 22 開始資料夾
Character Set:
正體中文
FireFTP是Firefox的附加元件
F T P 檔 案 傳 輸
下載 上傳
index.html
.htm/.html
超文字標記語法
定義網頁文字與圖片的顯示方式
建立文件間的連結
可由記事本編輯再更改副檔名為.html
語法成對呈現H T M
L
2015/4/28 32
以<h>來表示設定標題文字的開始
<Font Color>可改變顏色
H T M
L
src 屬性：圖檔來源，可以使用gif、jpg 以及png 格式。若圖片檔與HTML 文件檔放在同一個目錄中 則只需寫上圖檔名稱，否則必須加上正確的路徑，
例如：
H T M
L
2015/4/28 34
Dreamweaver
可不需編寫HTML語言
所見即所得(WYSIWYG)
H T M
L
Dreamweaver
利用分割畫面檢視'編輯碼'與'版面設計'結果
可修改'模板網站'或已複製的網站
H T M
L
2015/4/28 36
WWW(World Wide Web)
主從式架構
由瀏覽器解譯HTML圖文內容
由瀏覽器要求網頁伺服器提供資源
微軟Internet Explorer (IE)
即將被Spartan取代
直接在網頁上打字、畫重點、寫筆記
透過應用程式分享筆記
網址列輸入字以獲得資訊
支援語音助理Cortana 網頁
靜態
、動態網頁(Java, Flash(耗資源), HTML5) 首頁
瀏覽器的第一頁(常用的網站)
瀏
覽
器
網址(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火狐
隱私瀏覽
不會儲存造訪過的網站與頁面資料
按開啟選單後,接著按”新增隱私視窗”
隱私瀏覽不會保留哪些資料？
造訪過的頁面
表單與搜尋紀錄
密碼
下載項目瀏
覽
器
Firefox火狐
網站識別
大多數網站均使用 HTTP (未加密)
或 HTTPS (部分加密) 的傳輸方式, 並不會來回傳輸重要資訊,
不具備驗證或加密連線
銀行資料、身分證號、信用卡資料等不應該在顯 示灰色地球的網站上執行
僅部分加密
僅部分加密,同意在有風險時,允許顯示混合式內容 不應該傳送銀行資料、身分證號、信用卡資料等
已通過驗證已加密,不是釣魚網站
已通過EV驗證已加密,非釣魚網站
瀏 覽 器
2015/4/28 40
Firefox火狐
附加元件
IE Tab
解決某些僅支援 IE 的網頁瀏覽
Foxmarks Bookmark Synchronizer
每台電腦安裝後,會自動使每台電腦的書籤保持一致
DownloadHelper
從影音網站下載到電腦裡,還可設定自動轉檔
gTranslate瀏
覽
器
Firefox火狐
選項介紹
瀏 覽 器
2015/4/28 42
預設: 開啟連結 (Line, PDF)時呼叫 保留上次瀏覽視窗與分頁
選擇下載檔案存放處
確定更改按”確定”
回復原設定按”取消”
Firefox火狐
選項介紹
瀏 覽
器
開啟新分頁或新視窗 Firefox火狐
選項介紹
瀏 覽 器
2015/4/28 44
選擇預設搜尋引擎, 可拖拉進搜尋列
Firefox火狐
選項介紹
瀏 覽 器
阻擋彈出視窗
可過濾廣告,但要注意重要事項
字型,大小, 色彩, 語言
Firefox火狐
選項介紹
瀏 覽 器
2015/4/28 46
直接開啟,不用選儲存位置 (實際上已儲存在暫存區)
每次詢問: 開啟(何種應用 程式) or 儲存
呼叫應用程式,mail Outlook
Flash越來越慢了, 可能被HTML5取代
Firefox火狐
選項介紹
瀏 覽 器
網站會追蹤訪客行為，提供或販售給其他公司 偏好設定或登入狀態,使用時間
是否保留歷史瀏覽紀錄
Cookies 是瀏覽網站 時，網站儲存在你電 腦的紀錄，包含偏好
設定,登入狀態
搜尋歷史紀錄與相關字串
Firefox火狐
選項介紹
瀏 覽 器
2015/4/28 48
避免被安裝後門程式 無認證網站
釣魚網站 可自行新增信任
或不信任的例外 網站
自動記錄密碼 或
需輸入主控密碼才會 自動顯示
Firefox火狐
選項介紹
瀏 覽
器
以帳號登入來同步已儲存的分頁,書籤,密碼
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 選檔案後拖曳至應用程式可開檔波音電漿專利申 請通過，能量護 盾有望成真
(2015/03, TechNews)
科幻電影中，有透明的能量護盾包圍在戰艦或是戰鬥機器人 身邊，擋下各種光束或子彈，現今，航太兼軍武大廠波音於2015 年 3 月，申請能量防護技術專利獲得通過。
這種防護技術，針對的是炸彈產生的爆震波，人體即使躲在掩體之 後，也可能遭爆震波震得內臟破裂而死，波音的能量防護系統，一 偵測到炸彈爆炸，就會以雷射、電弧以及微波，在爆震波傳來的方 向高度加熱空氣成為電漿狀態，製造一個超熱電漿區域。當爆震波來到這個電漿區域，就如同水面會反射與折 射光波一樣，反射或彈開爆震波，保護後方的載具與 人員。
這個護盾專為爆震波設計，沒辦法抵擋子彈或彈片，而且也不會一 直留在空中，需要時再製造出來。能量護盾能反射、折射爆震波，對保護人員的生命安全來說或許比擋子彈更重要。
輕薄Hitoe運動衣，
直接幫你紀錄心跳 數據
(2015/02, FIND)
智慧型穿戴裝置: Google 智慧眼鏡、Apple智慧手表、LG、Samsume智慧手環
