Skip to main content

Console Navigation and Common Screens

Table of Contents​

Overview​

This document describes the console frame commonly used across all screens after login. The current console consists of the top domain search, right real-time toolbar, left business group menu, and body based on cards, charts, and tables.

The overall menu map and business flow can be viewed at a glance in Overall Menu Structure and Operational Flow.

Operators typically use the following flow:

  1. Check the site map, pipeline, KPI, and infrastructure health on the Dashboard.
  2. Click on an abnormal KPI to navigate down to Connection Status, Alarm, Equipment, and Daily Statistics.
  3. Use the top Domain Search to immediately find site, asset, tag, OPC, Edge, flow, or alarm configuration IDs and move to the detailed screen.
  4. Check new abnormal signals in the LIVE, alarm, and toast notifications at the top right.

The "Summary" first screen in previous documents has been reorganized as the Dashboard in the current UI. The internal URL remains /map/index.

Full Screen Frame​

┌──────────────┬────────────────────────────────────────────────────────────┐
│ PlantPulse   │ ☰  [도메인 검색  사이트 / 에셋 / 태그 / OPC / ... CTRL+K] │
│ 좌측 메뉴     │                         [LIVE] [알람] [전체] [설정] [매뉴얼] [사용자] │
├──────────────┼────────────────────────────────────────────────────────────┤
│ 개요         │ 페이지 제목 / 현재 업무 설명                                │
│ 연결         │ ┌────────────────────────────────────────────────────────┐ │
│ 공장 모델    │ │ 지도·카드·차트·테이블·트리·드로어 등 선택 화면 본문        │ │
│ ...          │ └────────────────────────────────────────────────────────┘ │
└──────────────┴────────────────────────────────────────────────────────────┘
AreaRole
Top BarMenu toggle, global domain search, LIVE status, alarms, full screen, settings, manual, user menu
Left MenuBusiness group menu based on actual server-web nav-role/admin.jsp
Body TopPage title, current site/business context, inquiry, refresh, and navigation buttons
Body AreaMaps, cards, charts, tables, trees, detail panels
Toast AreaBriefly displays real-time diagnosis and alarm events at the top right

Top Bar​

The top bar operates identically across all screens.

OrderElementUsage
1Menu ToggleCollapses or expands the left menu. Used to secure body space on narrow screens.
2Domain SearchOpens via click, Ctrl+K / Mac Cmd+K. Searches for domain IDs across the entire console.
3LIVE StatusWebSocket connection status. The LIVE dot is displayed as a pulse when normal.
4AlarmDisplays the recent alarm count and preview. Navigate to Alarm via the menu footer.
5Full ScreenToggles the browser's full-screen mode.
6SettingsOpens user display settings such as screen scale, alarm pop-ups, and diagnosis log display.
7ManualOpens the GitBook manual in a new tab.
8User MenuProvides profile, password change, and logout.

Top search is different from the search forms on individual screens. Screen-specific search filters the current list, while domain search finds major IDs across the console and navigates to detailed screens.

Domain search calls /api/v5/domain/search and displays results as a DataTable. Clicking an ID cell copies it to the clipboard, and the action button navigates to the domain-specific detailed screen.

Search Targets​

DomainExampleDestination
SITE / AREA / LINES1_LOTTE_CS_DJ_SITEDashboard, Asset Tree, Model
EQUIPMENT / ASSETASSET_LINE_01Asset Tree, Equipment Details
TAGTAG_EDGE_00303_90000Tag, Data Inquiry, Trend
OPCOPC_MAIN_01Connection Details
EDGEEDGE-303Edge Details
ALARM_CONFIGALARM_CONFIG_000376Advanced Alarm
FLOWFlow IDFlow List/Edit
USER / SECURITYUser/Security Policy IDSystem/Security Management
EMPLOYEE / CUSTOMER / PRODUCTProduction Master IDProduction Management Screen

Using Search Results​

ActionResult
Ctrl+K / Cmd+KOpens the domain search dialog regardless of which input field has focus.
Click Domain ChipFilters only the selected domain.
Click IDCopies the ID to the clipboard.
Click Detail Navigation ButtonNavigates to the domain-specific detailed screen or list screen.
Click Recent Search TermSearches again with the same keyword.

Searching for IDs seen in alarm messages or diagnosis toasts during operation significantly reduces the time to navigate to the root object.

Left Menu Structure​

The current left menu follows the order of the server-web integrated menu rendering. Menu group names also follow the display language (e.g., «Overview», «Connectivity»...). Groups can be collapsed or expanded, and only short names remain when the left menu is collapsed.

In the tables below, ○ in the USER column indicates menus visible to general users — Permissions and Menu Visibility.

Overview​

MenuInternal URLPurposeUSER
Dashboard/map/indexSite map, data pipeline, platform health, core KPI
Statistics/statistics/indexAnnual heatmap and operational statistics for the selected date

Connectivity​

MenuInternal URLPurposeUSER
Protocol/connect/indexData source registration for OPC/PLC/Modbus/DB/API, etc.
Connection Status/connect/statusMonitoring of normal, delay, anomaly, disconnection, and unconnected status for all connections
Edge/edge/indexField Edge equipment status and detailed control

Factory Model​

MenuInternal URLPurposeUSER
Model/model/indexHierarchy model for site, area, line, and equipment
Asset/asset/tree/indexAsset tree and detailed properties○
Tag/tag/indexCollection tag definition and status○
Ontology/ontology/indexSemantic model and relationship definition
Metadata/metadata/indexExtension properties by domain
Standard Information/basedata/indexOperational base values and common codes

Equipment​

MenuInternal URLPurposeUSER
Equipment List/equipment/indexEquipment cards and entry to equipment-level dashboards
Data Inquiry/asset/data/indexCollection data inquiry by asset and tag○
Timeline Comparison/timeline/indexTime-axis comparison between tags and equipment

Production​

MenuInternal URLPurposeUSER
Customer/customer/indexCustomer master
Product/product/indexProduct master
Process/process/indexEquipment connection diagram and process segments
Employee/employee/indexWorker and manager information
Work Schedule/calendar/indexShifts and operational schedules
Work Order/order/indexProduction work instructions
Production Goal/basedata/production-targetsProduction goals

Maintenance​

MenuInternal URLPurposeUSER
Maintenance Status/maintenance/statusOngoing maintenance and maintenance metrics○
Maintenance Order/maintenance/recordsMaintenance order list○
Preventive Maintenance Plan/maintenance/plansPreventive maintenance plan○
Failure Record (RAM)/analysis/ram/failuresFailure records and causes

ISO​

MenuInternal URLPurposeUSER
ISO Data/asset/plugin/indexSource data by equipment for OEE/RAM/EMS calculation○
ISO Analysis/analysis/indexKPI analysis based on ISO 22400

Data​

MenuInternal URLPurposeUSER
Stream/stream/indexReal-time time series streaming charts
Trend/storage/indexTag time series trends and sampling analysis
Snapshot/snapshot/indexTime series snapshots by interval
Data Export/data/indexTag time series data inquiry and CSV export
Object (BLOB)/blob/storeStorage for images, documents, and binary files

Alarm​

MenuInternal URLPurposeUSER
Alarm/alarm/indexReal-time alarm list. Information, Warning, and Critical count badges displayed in the left menu○
Alarm Search/alarm/advsearch/indexSearch by period, range, severity, active, and acknowledgement conditions○
Advanced Alarm/alarm/config/indexAlarm settings, EQL alarm rules, temporary hide, and service exclusion○
Alarm Analysis/alarm/analysis/indexRanking, trend, distribution, and treemap analysis○
Alarm Performance/alarm/performance/indexAlarm system performance based on ISA-18.2 / EEMUA 191○

Visualization​

MenuInternal URLPurposeUSER
Canvas/canvas/indexSVG-based field monitoring screen

Automation​

MenuInternal URLPurposeUSER
Flow/flow/indexAutomation graph list and edit. Error count badge displayed in the left menu
Flow Execution History/flow/logFlow execution logs and failure history
EQL Query/query/indexReal-time event query execution
Statement/statement/indexManagement of deployed EQL statements

There is no separate Trigger menu. Triggers are handled within nodes of the Flow graph or in the context of statements in the EQL Help.

Standard​

MenuInternal URL / External PortPurposeUSER
Namespace/uns/treeUnified Namespace hierarchy and Kafka/MQTT/SparkplugB topic preview
Catalog/catalog/indexData catalog
OPC-UAhttp://[현재호스트]:12780Opens standard OPC-UA tools in a new window.
AAS V3http://[현재호스트]:8091/ui/Opens AAS V3 UI in a new window.

System​

MenuInternal URL / External PortPurposeUSER
User/user/indexUser account management (ADMIN only)
Security Policy/security/indexPassword and access security policies
API Token/token/indexAPI tokens for external integration (ADMIN only)
Monitoring/monitoring/indexInfrastructure health, pipeline, and engine metrics
Diagnosis/diagnostic/indexSystem diagnosis events
Log/log/indexApplication logs
Cluster/cluster/indexCluster node status
HA/ha/indexHigh Availability configuration status
Audit/audit/indexAudit logs
Setting/config/indexSystem key-value settings
Environment Info/env/viewEnvironment setting inquiry by property

Real-time Notifications and Toasts​

Toasts at the top right briefly show new diagnosis events or equipment status changes.

진단 · 192.168.0.41
설비 상태 변경 - 설비=[ASSET_DJ_M_16_2], RUN -> FAULT
ItemMeaning
TitleNotification type and occurring equipment or module
BodyStatus change, alarm content, and diagnosis message summary
ColorHighlighted according to Information, Warning, or Critical levels
Follow-upAlarms are tracked in Alarm, equipment status in Equipment, and system events in Diagnosis

Toasts are signals. Before taking actual action, re-verify the time, target ID, and detailed logs in the relevant screens.

Common Screen Patterns​

Status Colors​

ColorGeneral MeaningExample
GreenNormalConnection normal, infrastructure UP, equipment health normal
OrangeCaution/DelayConnection delay, warning alarm, processing delay
RedAnomaly/CriticalConnection anomaly, critical alarm, engine error
GrayUnconnected/UnconfirmedNo data, no collection history yet

The exact meaning of codes is verified based on the Status Code Definition.

List and Detail​

Most business screens use the Top Search → List Table → Row Click Detail pattern.

StepDescription
Select Search ConditionsPeriod, site, status, keyword, number of displayed items
InquiryUpdate list or cards with current conditions
Click RowOpen detailed screen or drawer for the corresponding domain
RefreshRe-inquire with previous conditions when real-time values are suspected

Time Range​

Alarm, diagnosis, log, and data inquiry screens provide quick time ranges.

ButtonPurpose
10M / 30MTracking recently occurred failures
1H / 6H / 12HAnalysis of the current day's shift time zone
ALLDisplay all periods in the search condition

Shift Start​

  1. Check communication connection rate, today's collection, today's alarms, equipment utilization, equipment availability, and OEE on the Dashboard.
  2. Check for red or orange sites or connection status chips on the map.
  3. Check the status of cache, WS, MQTT, Kafka, event DB, and time series in the right health rail.
  4. Compare yesterday's and today's collection and alarm volumes in Daily Statistics.

Alarm Occurrence​

  1. Identify new alarms via the top right toast or alarm badge.
  2. Open details in Alarm by narrowing down the period and site.
  3. Enter tag or asset IDs into the domain search to navigate to the equipment or data inquiry screen.
  4. If it is a recurring alarm, check rules and automation status in Advanced Alarm, Alarm Performance, Flow, and EQL Help.

Connection Anomaly​

  1. Click the connection rate card or map status chip on the Dashboard.
  2. Find targets with delay, anomaly, or disconnection in Connection Status.
  3. If it appears to be an Edge equipment issue, navigate to Edge details.
  4. Check Diagnosis for diagnosis events occurring at the same time.

Permissions and Menu Visibility​

The left menu varies by role. Each link is visible only when that role can open it on the server, and any group with no remaining links is hidden entirely. The menu and server access control read the same rule (security-rule.xml).

RoleGeneral ScopeVisible Menus
ADMINOverall operation, settings, security, and system managementAll
APIAccounts for external system integration. Assigned along with security policiesAll except User and API Token
USERInquiry-centric○ in the table above — Asset, Tag, Data Inquiry, Maintenance Status, Maintenance Order, Preventive Maintenance Plan, ISO Data, and Alarm

Even if a menu is visible, write permissions within the screen are further divided. For example, a USER can acknowledge alarms individually but cannot acknowledge all, and write buttons do not appear in Advanced Alarm. Buttons that the server would reject are not shown on the screen.

If a function is blocked due to lack of permissions, request a role change from the security administrator. For detailed account management, refer to Security Management.

FAQ​

Q. I cannot see the old "Summary" menu.

A. After the screen reorganization, the first screen menu name has been consolidated into Dashboard. The internal URL remains the same as /map/index.

Q. The time series engine and SQL items in the 도구 menu have disappeared.

A. The only external items that open in a new window from the left menu are OPC-UA and AAS V3 in the Standard group. For general time series inquiries, use the Trend, Data Export, and Snapshot screens in the Data group.

Q. I can see the menu, but there is no save button, or it is blocked when I click it.

A. Menus only show what the role can open, and write buttons are also divided by role. If permissions are needed, request a role change from the Security Management manager.

Q. I searched for data using the top search, but the current table did not change.

A. Top search is for global domain navigation. To filter the current table, use the search form at the top of the body of each screen.

Q. A toast disappeared; can I see the content again?

A. Alarms are re-queried in Alarm, system events in Diagnosis, and detailed application logs in the log screen of System.

Q. The left menu is not visible.

A. Click the menu toggle at the top left. It may be automatically collapsed if the browser width is narrow.