# Dashboard

<div id="bkmrk-" style="padding: 52.78% 0 0 0; position: relative;"><iframe allow="autoplay; fullscreen; picture-in-picture; clipboard-write; encrypted-media" frameborder="0" height="" src="https://player.vimeo.com/video/1071626433?h=48497c86cc&title=0&byline=0&portrait=0&badge=0&autopause=0&player_id=0&app_id=58479" style="position: absolute; top: 0; left: 0; width: 100%; height: 100%;" title="Agency monitoring" width=""></iframe>

</div>#### **Getting Started**

**Logging In with an Accessible User Account**

To begin, log in using a user account with access privileges.  
You can find more options for [**user authentication**](https://book.weetizen.com/books/appex-opensase/page/authentication "User Athentication").

[![스크린샷 2025-03-30 오후 7.53.58.png](https://book.weetizen.com/uploads/images/gallery/2025-03/scaled-1680-/2025-03-30-7-53-58.png)](https://book.weetizen.com/uploads/images/gallery/2025-03/2025-03-30-7-53-58.png)

<p class="callout info">This guide is based on SKT’s SmartWAN Portal. Updates will be continuously applied to reflect future changes.</p>

---

#### **Pre-Configured Dashboards**

<div id="bkmrk-the-system-currently">The system currently offers three pre-configured dashboard types for users.</div><div id="bkmrk-the-visualization-of">The visualization of data provided by the SmartWAN Portal is categorized into three distinct types. Upon accessing the SmartWAN Portal, the default landing page is fixed to the **Agency Dashboard**.</div><div id="bkmrk--1"></div><div id="bkmrk--8"></div><div id="bkmrk--9"></div>[![image.png](https://book.weetizen.com/uploads/images/gallery/2025-04/scaled-1680-/Bfqimage.png)](https://book.weetizen.com/uploads/images/gallery/2025-04/Bfqimage.png)

<p class="callout info">Currently, the dashboards are configured for the monitoring purposes of SKT’s agency SmartWAN system.</p>

---

#### **Event Dashboard (under development)**

<div id="bkmrk-the-event-dashboard-">The Event Dashboard delivers aggregated information and status management insights for Incidents, Alerts, Threats, and other data collected from various data sources.</div><div id="bkmrk--13"></div>[![스크린샷 2025-03-30 오후 5.33.21.png](https://book.weetizen.com/uploads/images/gallery/2025-03/scaled-1680-/2025-03-30-5-33-21.png)](https://book.weetizen.com/uploads/images/gallery/2025-03/2025-03-30-5-33-21.png)

<div id="bkmrk-purpose%3A-provides-a-">- **Purpose**: Provides a centralized view of security and network event data, enabling users to monitor and manage incidents effectively.
- **Data Sources**: Integrates information from multiple origins, including agents, agentless systems, and external feeds.
- **Key Information**: Displays summaries of event counts, severity levels, and current statuses to facilitate quick decision-making.

</div>---

#### **Agency Dashboard**

<div id="bkmrk-the-agency-dashboard">The Agency Dashboard provides visualized status information on network and security events for agencies where SmartWAN CPE (Customer Premises Equipment) is installed, displayed through an interactive map interface.</div><div id="bkmrk--16"></div><div id="bkmrk-there-are-2-monitor-">There are 2 monitor dashboards</div><div id="bkmrk-agency-monitoring-sy">- Agency monitoring
- System monitoring

</div>[![스크린샷 2025-03-30 오후 7.21.07.png](https://book.weetizen.com/uploads/images/gallery/2025-03/scaled-1680-/2025-03-30-7-21-07.png)](https://book.weetizen.com/uploads/images/gallery/2025-03/2025-03-30-7-21-07.png)

---

#### **Agency monitoring**

[![image.png](https://book.weetizen.com/uploads/images/gallery/2025-03/scaled-1680-/HSbimage.png)](https://book.weetizen.com/uploads/images/gallery/2025-03/HSbimage.png)

##### **Map View**

[![image.png](https://book.weetizen.com/uploads/images/gallery/2025-03/scaled-1680-/EJJimage.png)](https://book.weetizen.com/uploads/images/gallery/2025-03/EJJimage.png)

<div id="bkmrk-this-view-offers-a-c">This view offers a comprehensive overview of all agency locations and detailed information segmented by major cities. It aggregates and classifies network and security events into four categories. **Block**, **Critical**, **Minor**, and **Info**.</div><div id="bkmrk--21"></div><p class="callout info">Event levels are defined by SKT's requirements.</p>

##### **Agency List**

[![스크린샷 2025-03-30 오후 8.20.03.png](https://book.weetizen.com/uploads/images/gallery/2025-03/scaled-1680-/2025-03-30-8-20-03.png)](https://book.weetizen.com/uploads/images/gallery/2025-03/2025-03-30-8-20-03.png)

When a specific region is selected in the Map View, the dashboard displays a list of agencies registered in that region, along with detailed information on the **Network Status (CPE)** and **Security Status (SDP)** for each agency.

<div id="bkmrk-agency-list%3A-a-compr">- **Agency List**: A comprehensive roster of agencies within the selected region.
- **Network Status (CPE)**: Provides the current operational status of the Customer Premises Equipment for eacßh agency.
- **Security Status (SDP)**: Details the security posture, including Software-Defined Perimeter (SDP) metrics, for each agency.

</div>##### **View details of the agency**

To access an agency's detailed information:

1. Go to the **Agency List** in the dashboard
2. Click the desired **agency name**
3. The system will load the **detailed agency view**

**Network View**

This view provides a granular view of both network performance and security status for the selected agency. Users can toggle between Network View and Security View to access specific metrics.

[![image.png](https://book.weetizen.com/uploads/images/gallery/2025-03/scaled-1680-/f7qimage.png)](https://book.weetizen.com/uploads/images/gallery/2025-03/f7qimage.png)

The dashboard is divided into two main tabs:

- **Network View**: Displays real-time CPE status and network performance.
- **Security View**: Shows security-related alerts and SDP metrics (if applicable).

Displays hardware and connectivity details:

- **CPE ID/Name/Model**: Identifies the device.
- **High Availability**: Indicates redundancy status ( Enabled / Disabled).
- **CPE Status**:
    
    
    - **Active**: Normal operation.
    - **Degraded**: Performance issues detected.
    - **Inactive**: Connection lost.
- **Connected Data Centers**: Primary (Seoul) and Secondary (Daejeon) links.

Network Performance Metrics data(Live) for troubleshooting:

- **CPU/RAM/Disk**: Resource usage (% or GB).
- **Latency/Jitter**: Measured in milliseconds (ms).
- **Packet Loss (TX/RX)**: Percentage of lost data packets.

Lists recent events with types and levels:

<table id="bkmrk-column-description-e"><thead><tr><th>**Column**</th><th>**Description**</th><th>**Example**</th></tr></thead><tbody><tr><td>**Type**</td><td>Event category (Network/Security).</td><td>`Network`</td></tr><tr><td>**Event**</td><td>Description of the issue.</td><td>`CPE ETH0 Link Down`</td></tr><tr><td>**Level**</td><td>Severity: `Info`, `High`, `Critical`.</td><td>`Critical`</td></tr><tr><td>**Time**</td><td>Timestamp (HH:MM:SS.milliseconds).</td><td>`16:13:31.00256`</td></tr></tbody></table>

**Security View**

This view provides comprehensive monitoring and management capabilities for the selected agency, displaying real-time network status, user information, security events, and service connectivity. The interface is divided into multiple sections for efficient administration.

[![스크린샷 2025-03-30 오후 8.21.48.png](https://book.weetizen.com/uploads/images/gallery/2025-03/scaled-1680-/2025-03-30-8-21-48.png)](https://book.weetizen.com/uploads/images/gallery/2025-03/2025-03-30-8-21-48.png)

**User Management Section**

- User List 
    - Displays all registered users (currently **3 users**) with:
        
        
        - **ID**: Unique user identifier (e.g., `mskimos3`)
        - **Name**: Full name of the user (e.g., `Minsco.ftm`)
        - **Email**: Associated email address (e.g., `mskim.ios8@tworld.com`)
        - **Lock Status**: 💬 indicates an active session (no lock applied).
- User Detail 
    - Expands on selected user profiles with:
        
        
        - **Department/Role**: Organizational hierarchy (e.g., `Solution Development > Developer`).
        - **Contact**: Email (`tworld_win@tworld.com`) and phone (`010-5587-1154`).
        - **Device List**: Managed devices linked to the user (e.g., `SDP Router` with OS details).

**Agency Policy &amp; Configuration**

- **Connected CPE**
    - Hardware details of the Customer Premises Equipment:
        
        
        - **CPE ID/IP**: Unique identifiers for the network device.
        - **CPE Name**: Label for easy recognition.
- **Mandatory Processes**
    - Critical processes are monitored by type, name, and operating system.

**Security Monitoring**

- Security Events Table 
    - Lists real-time security incidents with:
        
        
        - **Type/Name**: Event description (e.g., `Blocked access to ransomware sites`).
        - **Level**: Severity (`Critical`, `High`).
        - **Time**: Precise timestamp (e.g., `16:13:01.0025`).
- Example Events: 
    - `Critical`: Ransomware detection, essential process violations.
    - `High`: Blocked access to malicious domains, outdated OS alerts.

##### **Agency Groups**

[![스크린샷 2025-03-30 오후 7.32.12.png](https://book.weetizen.com/uploads/images/gallery/2025-03/scaled-1680-/2025-03-30-7-32-12.png)](https://book.weetizen.com/uploads/images/gallery/2025-03/2025-03-30-7-32-12.png)

The Agency Group section provides a summary of agency counts per region and detailed status information for CPE.

<div id="bkmrk-region-based-counts%3A">- **Region-Based Counts**: Displays the total number of agencies in each region.
- **CPE Status Info**: Offers insights into the operational status of CPE devices across the agencies

</div>##### **Event List**

[![스크린샷 2025-03-30 오후 7.39.42.png](https://book.weetizen.com/uploads/images/gallery/2025-03/scaled-1680-/2025-03-30-7-39-42.png)](https://book.weetizen.com/uploads/images/gallery/2025-03/2025-03-30-7-39-42.png)

<div id="bkmrk-the-event-list-secti">The Event List section displays a table of recent events, providing detailed information including the event type, name, severity level, and timestamp for all recorded incidents.</div><div id="bkmrk-columns%3A-type%3A-indic">**Columns**: - **Type**: Indicates the category of the event (e.g., <span class="text-sm px-1 rounded-sm !font-mono bg-sunset/10 text-rust dark:bg-dawn/10 dark:text-dawn">sdp-audit</span>, <span class="text-sm px-1 rounded-sm !font-mono bg-sunset/10 text-rust dark:bg-dawn/10 dark:text-dawn">Security</span>).
- **Event Name**: Specifies the event description (e.g., <span class="text-sm px-1 rounded-sm !font-mono bg-sunset/10 text-rust dark:bg-dawn/10 dark:text-dawn">NdpPerformance</span>, <span class="text-sm px-1 rounded-sm !font-mono bg-sunset/10 text-rust dark:bg-dawn/10 dark:text-dawn">Hardware State Check</span>, <span class="text-sm px-1 rounded-sm !font-mono bg-sunset/10 text-rust dark:bg-dawn/10 dark:text-dawn">ProcessCheck</span>, or security-related messages like <span class="text-sm px-1 rounded-sm !font-mono bg-sunset/10 text-rust dark:bg-dawn/10 dark:text-dawn">\[JAMES\] Blocked access to www…</span>).
- **Level**: Denotes the severity of the event, categorized as <span class="text-sm px-1 rounded-sm !font-mono bg-sunset/10 text-rust dark:bg-dawn/10 dark:text-dawn">Info</span>, Minor, or <span class="text-sm px-1 rounded-sm !font-mono bg-sunset/10 text-rust dark:bg-dawn/10 dark:text-dawn">Critical, Block</span>.
- **Time**: Shows the timestamp of the event in the format <span class="text-sm px-1 rounded-sm !font-mono bg-sunset/10 text-rust dark:bg-dawn/10 dark:text-dawn">MM/DD HH:MM:SS.milliseconds</span> (e.g., <span class="text-sm px-1 rounded-sm !font-mono bg-sunset/10 text-rust dark:bg-dawn/10 dark:text-dawn">03/30 16:13:00.025</span>).

**Examples**: - <span class="text-sm px-1 rounded-sm !font-mono bg-sunset/10 text-rust dark:bg-dawn/10 dark:text-dawn">sdp-audit</span> events such as <span class="text-sm px-1 rounded-sm !font-mono bg-sunset/10 text-rust dark:bg-dawn/10 dark:text-dawn">NdpPerformance</span> and <span class="text-sm px-1 rounded-sm !font-mono bg-sunset/10 text-rust dark:bg-dawn/10 dark:text-dawn">Hardware State Check</span> with <span class="text-sm px-1 rounded-sm !font-mono bg-sunset/10 text-rust dark:bg-dawn/10 dark:text-dawn">Info</span> level.
- <span class="text-sm px-1 rounded-sm !font-mono bg-sunset/10 text-rust dark:bg-dawn/10 dark:text-dawn">Security</span> events like <span class="text-sm px-1 rounded-sm !font-mono bg-sunset/10 text-rust dark:bg-dawn/10 dark:text-dawn">\[JAMES\] Access blocked: Rans…</span> with <span class="text-sm px-1 rounded-sm !font-mono bg-sunset/10 text-rust dark:bg-dawn/10 dark:text-dawn">Critical</span> level or <span class="text-sm px-1 rounded-sm !font-mono bg-sunset/10 text-rust dark:bg-dawn/10 dark:text-dawn">\[JAMES\] Android OS version is to…</span> with <span class="text-sm px-1 rounded-sm !font-mono bg-sunset/10 text-rust dark:bg-dawn/10 dark:text-dawn">High</span> level.

</div>---

#### **System monitoring**

[![image.png](https://book.weetizen.com/uploads/images/gallery/2025-03/scaled-1680-/8bgimage.png)](https://book.weetizen.com/uploads/images/gallery/2025-03/8bgimage.png)

##### **SecureEdge point of presence**

[![image.png](https://book.weetizen.com/uploads/images/gallery/2025-03/scaled-1680-/I6aimage.png)](https://book.weetizen.com/uploads/images/gallery/2025-03/I6aimage.png)

It shows SecureEdge's distributed architecture. The visual indicators show system statuses, and on the bottom, highlight critical/security events of the agency.

<p class="callout info">This monitoring supports SKT's internal operations only, providing real-time monitoring of their SecureEdge deployment through redundant controllers and gateways at each location.</p>

##### **Agency List** 

It's the same as the **agency list** in **Agency Monitoring.**

##### **Events List**

It's the same as the **events list** in **Agency Monitoring.**

---

#### **Risk Scoring (under development)**  


This dashboard provides a consolidated view of **network security compliance, threat protection status, and regulatory adherence** for monitoring and reporting purposes.

![스크린샷 2025-03-31 오전 12.48.43.png](https://book.weetizen.com/uploads/images/gallery/2025-03/scaled-1680-/2025-03-31-12-48-43.png)

<p class="callout info">The current visualization serves as a prototype. We will develop optimized data representation formats aligned with operational objectives during the implementation phase.</p>