web-based 網路管理
DESCRIPTION
Web-based 網路管理. 陳 彥 錚 ( Yen-Cheng Chen) 暨南國際 大學 資訊管理學系 [email protected] http://www.im.ncnu.edu.tw/ycchen/. 大 綱. WWW 技術與網路管理 網路管理實務. WWW 技術與網路管理. Web-Based Application Model. WWW Client. WWW Server. App. CGI, ASP. Database. HTML. HTTP. HTTP Server. App. H. Socket, RMI, - PowerPoint PPT PresentationTRANSCRIPT
![Page 1: Web-based 網路管理](https://reader030.vdocuments.pub/reader030/viewer/2022012820/56813ad4550346895da30886/html5/thumbnails/1.jpg)
Web-based Web-based 網路管理網路管理
陳 彥 錚 陳 彥 錚 ((Yen-Cheng Chen)Yen-Cheng Chen)
暨南國際大學 資訊管理學系暨南國際大學 資訊管理學系[email protected]@ncnu.edu.tw
http://www.im.ncnu.edu.tw/ycchen/http://www.im.ncnu.edu.tw/ycchen/
![Page 2: Web-based 網路管理](https://reader030.vdocuments.pub/reader030/viewer/2022012820/56813ad4550346895da30886/html5/thumbnails/2.jpg)
大 綱大 綱
• WWWWWW技術與網路管理技術與網路管理• 網路管理實務網路管理實務
![Page 3: Web-based 網路管理](https://reader030.vdocuments.pub/reader030/viewer/2022012820/56813ad4550346895da30886/html5/thumbnails/3.jpg)
WWWWWW 技術與網路管理技術與網路管理• Web-Based Application ModelWeb-Based Application Model
HTTP HTTPHTTP
ServerServer
Applet
HTMLCGI,CGI,ASPASP App.
HSocket,RMI,
CORBA,DCOM
App.
App.
Applet
Database
WWWWWWClientClient
WWWWWWServerServer
![Page 4: Web-based 網路管理](https://reader030.vdocuments.pub/reader030/viewer/2022012820/56813ad4550346895da30886/html5/thumbnails/4.jpg)
Why Web-Based Applications?Why Web-Based Applications?
• Client-Server BaseClient-Server Base• Universal ClientUniversal Client• Rich Multimedia ContentRich Multimedia Content• Platform IndependencePlatform Independence• Open & Common Communication Protocol Open & Common Communication Protocol • Easy Maintenance & UpdateEasy Maintenance & Update• Executable Programs Embedded Executable Programs Embedded • Distributed & Network-Centric ComputingDistributed & Network-Centric Computing
![Page 5: Web-based 網路管理](https://reader030.vdocuments.pub/reader030/viewer/2022012820/56813ad4550346895da30886/html5/thumbnails/5.jpg)
Web-Based Web-Based 網路管理網路管理WWW Client Managed
Device (Agent)WWW Server
User Interface (UI) ManagerUser Interface (UI) Manager
UI/ManagerUI/Manager Proxy Agent Proxy Agent
UI/ManagerUI/Manager
UI Manager UI Manager
UI/ManagerUI/Manager
UIUI Manager/ORB Manager/ORB
UI/Manager/ORB (ORB) UI/Manager/ORB (ORB)
UI/ManagerUI/Manager Agent with Web Server Agent with Web Server
SNMPSNMP
Proprietary ProtocolProprietary Protocol(Java RMI, Socket,…)(Java RMI, Socket,…)
Objects/ORBObjects/ORB
ORB: Object Request Broker
![Page 6: Web-based 網路管理](https://reader030.vdocuments.pub/reader030/viewer/2022012820/56813ad4550346895da30886/html5/thumbnails/6.jpg)
SNMP Support in AgentSNMP Support in Agent
HTTP serverHTTP server
AA
MM
MMHH
PP
UU
MMUU
UU
HHHTTP
HTTP
SNMP
SNMP
SNMP
U
M
H
A
P
User
Interface
Manager
HTTP Server
Proxy Agent
SNMP Agent
WWW ClientWWW Client Managed DevicesManaged Devices
![Page 7: Web-based 網路管理](https://reader030.vdocuments.pub/reader030/viewer/2022012820/56813ad4550346895da30886/html5/thumbnails/7.jpg)
Agent with Web ServerAgent with Web Server
AAUU HHHTTP
MM
AAUU HHHTTP/SNMP
MMSNMP
![Page 8: Web-based 網路管理](https://reader030.vdocuments.pub/reader030/viewer/2022012820/56813ad4550346895da30886/html5/thumbnails/8.jpg)
Design Considerations of Design Considerations of Web-Based Network ManagementWeb-Based Network Management
• General Design ConsiderationsGeneral Design Considerations• System ArchitectureSystem Architecture• User Interface DesignUser Interface Design• Database Access DesignDatabase Access Design• Event ReportingEvent Reporting• Trouble TicketTrouble Ticket• Security Management Security Management
![Page 9: Web-based 網路管理](https://reader030.vdocuments.pub/reader030/viewer/2022012820/56813ad4550346895da30886/html5/thumbnails/9.jpg)
System ArchitectureSystem Architecture
• Support SNMP ?Support SNMP ?
• Integrated with Legacy Tools/Systems ?Integrated with Legacy Tools/Systems ?
• Maintenance and Update Task ?Maintenance and Update Task ?
• Single or Multiple Users ?Single or Multiple Users ?
• Require Client Mobility ?Require Client Mobility ?
• Support CORBA/DCOM ?Support CORBA/DCOM ?
![Page 10: Web-based 網路管理](https://reader030.vdocuments.pub/reader030/viewer/2022012820/56813ad4550346895da30886/html5/thumbnails/10.jpg)
User Interface DesignUser Interface Design
• Icons for Network DevicesIcons for Network Devices
• Status of Network DevicesStatus of Network Devices
• Network ConfigurationNetwork Configuration
– Network Topology
– Hierarchical Display
![Page 11: Web-based 網路管理](https://reader030.vdocuments.pub/reader030/viewer/2022012820/56813ad4550346895da30886/html5/thumbnails/11.jpg)
How to make GUI dynamic?How to make GUI dynamic?
Animated GIF. Change browser object’s properties by JavaScript, VBScript. Java Applet (AWT, JFC), ActiveX control. Interactively load web pages from server. AJAX HTML 5
![Page 12: Web-based 網路管理](https://reader030.vdocuments.pub/reader030/viewer/2022012820/56813ad4550346895da30886/html5/thumbnails/12.jpg)
NM Data RepresentationNM Data Representation
• Gauge/ThresholdGauge/Threshold
• PiePie
Table
![Page 13: Web-based 網路管理](https://reader030.vdocuments.pub/reader030/viewer/2022012820/56813ad4550346895da30886/html5/thumbnails/13.jpg)
NM Graph RepresentationNM Graph Representation
Still Image (GIF/JPEG)
Java
JavaScript
ActiveX
0
200
400
600
800
1000
1 4 7 10 13 16 19 22
0
200
400
600
800
1000
1 4 7 10 13 16 19 22
![Page 14: Web-based 網路管理](https://reader030.vdocuments.pub/reader030/viewer/2022012820/56813ad4550346895da30886/html5/thumbnails/14.jpg)
JavaScript ExamplesJavaScript Examples
![Page 15: Web-based 網路管理](https://reader030.vdocuments.pub/reader030/viewer/2022012820/56813ad4550346895da30886/html5/thumbnails/15.jpg)
Web Client-Server CommunicationWeb Client-Server Communication
• HTTP for normal client-req-server-resp HTTP for normal client-req-server-resp communication.communication.
• Application-specific TCP/UDP socket Application-specific TCP/UDP socket communication.communication.
• Socket for server-to-client communication Socket for server-to-client communication • Java Sand Box IssuesJava Sand Box Issues• Communication among clients.Communication among clients.• CORBA/IIOP or DCOM for distributed object CORBA/IIOP or DCOM for distributed object
communication.communication.
![Page 16: Web-based 網路管理](https://reader030.vdocuments.pub/reader030/viewer/2022012820/56813ad4550346895da30886/html5/thumbnails/16.jpg)
AJAXAJAX
• Asynchronous JavaScript And XMLAsynchronous JavaScript And XML• 在在 JavaScriptJavaScript 程式中,可以使用程式中,可以使用 httphttp 連至伺服器讀連至伺服器讀
取取 xmlxml檔案。檔案。• 讀取動作於背後進行,網頁維持原畫面正常運作。讀取動作於背後進行,網頁維持原畫面正常運作。• 一旦資料從伺服器讀取後,再更新網頁內容。一旦資料從伺服器讀取後,再更新網頁內容。
Ex: gmail, google maps,…Ex: gmail, google maps,…
![Page 17: Web-based 網路管理](https://reader030.vdocuments.pub/reader030/viewer/2022012820/56813ad4550346895da30886/html5/thumbnails/17.jpg)
Event ReportingEvent Reporting
• Requirement:Requirement:When a network event/fault occurs, networkmanagers should be notified as soon as possible.
• WWW Client should be capable of passively WWW Client should be capable of passively
receiving information from WWW Server.receiving information from WWW Server.
HTTP serverHTTP server
Applet
HTTP
TCP/UDP
SNMPICMP
![Page 18: Web-based 網路管理](https://reader030.vdocuments.pub/reader030/viewer/2022012820/56813ad4550346895da30886/html5/thumbnails/18.jpg)
Server-to-Client CommunicationServer-to-Client Communication
HTTP serverHTTP server
Applet
SNMPICMP
Applet
Applet
Communication mechanism? Standard message format? Which clients are running?
![Page 19: Web-based 網路管理](https://reader030.vdocuments.pub/reader030/viewer/2022012820/56813ad4550346895da30886/html5/thumbnails/19.jpg)
Types of Alarm ReportTypes of Alarm Report
• Pure Text EventPure Text Event
• Audio AlarmAudio Alarm
• Visible AlarmVisible Alarm
• PagerPager
• E-mailE-mail
WWWBrowser
Server
Java, JavaScriptHTML, Plug-in ...
RS-232, mail, ...
![Page 20: Web-based 網路管理](https://reader030.vdocuments.pub/reader030/viewer/2022012820/56813ad4550346895da30886/html5/thumbnails/20.jpg)
Trouble TicketTrouble Ticket
HTTP serverHTTP server
SNMP
ICMP
DB
TT
![Page 21: Web-based 網路管理](https://reader030.vdocuments.pub/reader030/viewer/2022012820/56813ad4550346895da30886/html5/thumbnails/21.jpg)
網路管理實務網路管理實務• HiNetHiNet網路管理系統網路管理系統
– HiViewHiView: A Web-Based Network Management System for HiNet Backbone Network.
– HiPOPHiPOP: A Web-Based Network Management System for HiNet POP Network.
• HiNetHiNet網管應用網管應用– Government Service Network (GSN)– Taiwan Internet Exchange (TWIX)– Chunghwa Telecomm. Intranet
![Page 22: Web-based 網路管理](https://reader030.vdocuments.pub/reader030/viewer/2022012820/56813ad4550346895da30886/html5/thumbnails/22.jpg)
MailServer
DNSServer
WWWServer
... HiNet ServersHiNet Servers
............
........台北
高雄
台中新竹
桃園
出國
台南
....RouterRouter
Internet
OtherISP
ModemPool
ModemPool
Modem
BackboneBackboneSwitch
HiNet網路示意圖PoPPoP
......
...... ...
End-UserPC
Switch
NM
T1Channel
T1Channel
HiView
HiPOP
NM
RemoteAccessServer
RemoteAccessServer
PoP: Point of Presence
![Page 23: Web-based 網路管理](https://reader030.vdocuments.pub/reader030/viewer/2022012820/56813ad4550346895da30886/html5/thumbnails/23.jpg)
HiNet
HiNetCisco Routers HiNet Servers
HiView ServerHiView Clients
. . .
HiNet網路管理系統硬體架構圖
MailServer
DNSServer
WWWServer
. . .......
..............
PC UNIX UNIX
Sybase Database
![Page 24: Web-based 網路管理](https://reader030.vdocuments.pub/reader030/viewer/2022012820/56813ad4550346895da30886/html5/thumbnails/24.jpg)
System ArchitectureSystem Architecture
Web Clients
HiView Client
Network Elements
Apache WebServer
Apache WebServer
JavaApplets
HTMLPages
CGIPrograms
CGIPrograms Sybase
ServerHiView
程式HiView
程式
HiView Server
SNMPICMP
SolarisHTTPSocketJDBC
NetscapeNavigator 4.04+ Java 1.1.4
![Page 25: Web-based 網路管理](https://reader030.vdocuments.pub/reader030/viewer/2022012820/56813ad4550346895da30886/html5/thumbnails/25.jpg)
Technologies for Developing HiViewTechnologies for Developing HiView• JavaJava
– Java Management API– JDBC– JFC (Java Foundation Class)– RMI (Remote Method Invocation)
• JavaScriptJavaScript• SNMP ProgrammingSNMP Programming• Web Server Authentication and Access ControlWeb Server Authentication and Access Control• Client-Side State MaintenanceClient-Side State Maintenance• CGICGI• C, C++, PerlC, C++, Perl• Sybase DB-librarySybase DB-library
![Page 26: Web-based 網路管理](https://reader030.vdocuments.pub/reader030/viewer/2022012820/56813ad4550346895da30886/html5/thumbnails/26.jpg)
Management Features:Management Features:
• Status DisplayStatus Display• QoS MonitoringQoS Monitoring• Alarm ReportingAlarm Reporting• Trouble TicketingTrouble Ticketing• Traffic MonitoringTraffic Monitoring• System AdministrationSystem Administration
![Page 27: Web-based 網路管理](https://reader030.vdocuments.pub/reader030/viewer/2022012820/56813ad4550346895da30886/html5/thumbnails/27.jpg)
LoginLogin
![Page 28: Web-based 網路管理](https://reader030.vdocuments.pub/reader030/viewer/2022012820/56813ad4550346895da30886/html5/thumbnails/28.jpg)
Main MenuMain Menu
![Page 29: Web-based 網路管理](https://reader030.vdocuments.pub/reader030/viewer/2022012820/56813ad4550346895da30886/html5/thumbnails/29.jpg)
Status DisplayStatus DisplayName: CHT-DNS&MailType: Domain Name ServerState: NormalPacket Loss Rate: 3%Round Trip Time: 21ms
State Critical Major Minor Warning Normal Unknown
Color
>80% >60% >40% >20% <20%PacketLoss Rate
RoundTrip Time
>Threshold
![Page 30: Web-based 網路管理](https://reader030.vdocuments.pub/reader030/viewer/2022012820/56813ad4550346895da30886/html5/thumbnails/30.jpg)
Interface InformationInterface Information
![Page 31: Web-based 網路管理](https://reader030.vdocuments.pub/reader030/viewer/2022012820/56813ad4550346895da30886/html5/thumbnails/31.jpg)
QoS MonitoringQoS Monitoring
Packet Loss Rate Round Trip Time
![Page 32: Web-based 網路管理](https://reader030.vdocuments.pub/reader030/viewer/2022012820/56813ad4550346895da30886/html5/thumbnails/32.jpg)
Alarm Alarm ReportingReporting
Round Trip Time Threshold Setting
Trouble Ticketing
Audio Alarm
Pager Alarm
E-Mail Alert
![Page 33: Web-based 網路管理](https://reader030.vdocuments.pub/reader030/viewer/2022012820/56813ad4550346895da30886/html5/thumbnails/33.jpg)
Trouble TicketTrouble Ticket
![Page 34: Web-based 網路管理](https://reader030.vdocuments.pub/reader030/viewer/2022012820/56813ad4550346895da30886/html5/thumbnails/34.jpg)
Traffic MonitoringTraffic Monitoring
![Page 35: Web-based 網路管理](https://reader030.vdocuments.pub/reader030/viewer/2022012820/56813ad4550346895da30886/html5/thumbnails/35.jpg)
Traffic Data GraphTraffic Data Graph
![Page 36: Web-based 網路管理](https://reader030.vdocuments.pub/reader030/viewer/2022012820/56813ad4550346895da30886/html5/thumbnails/36.jpg)
Weekly/Monthly Weekly/Monthly Traffic Monitoring ReportTraffic Monitoring Report
![Page 37: Web-based 網路管理](https://reader030.vdocuments.pub/reader030/viewer/2022012820/56813ad4550346895da30886/html5/thumbnails/37.jpg)
Weekly/Monthly Weekly/Monthly Traffic Monitoring Report Traffic Monitoring Report (cont.)(cont.)
![Page 38: Web-based 網路管理](https://reader030.vdocuments.pub/reader030/viewer/2022012820/56813ad4550346895da30886/html5/thumbnails/38.jpg)
Access Control for Access Control for Customer Network Traffic MonitoringCustomer Network Traffic Monitoring
![Page 39: Web-based 網路管理](https://reader030.vdocuments.pub/reader030/viewer/2022012820/56813ad4550346895da30886/html5/thumbnails/39.jpg)
On-Line Traffic MonitoringOn-Line Traffic Monitoring
![Page 40: Web-based 網路管理](https://reader030.vdocuments.pub/reader030/viewer/2022012820/56813ad4550346895da30886/html5/thumbnails/40.jpg)
WebNMSWebNMS
http://www.webnms.com/webnms/index.html
![Page 41: Web-based 網路管理](https://reader030.vdocuments.pub/reader030/viewer/2022012820/56813ad4550346895da30886/html5/thumbnails/41.jpg)
結 語結 語
• Web-based network management systems will be Web-based network management systems will be more popular in the near future. more popular in the near future.
• Network management from ISP’s viewpoint.Network management from ISP’s viewpoint.• Provide remote access of customer’s network traffic Provide remote access of customer’s network traffic
monitoring.monitoring.• More integration with HiNet’s operations and More integration with HiNet’s operations and
services.services.