End User Manual - Web Port

Web Port is a web-based user interface for visualization of various types of control systems. The following features are included in the basic installation.

• Built-in web server
• File-based database (SQLite), possibility of MSSQL or MySQL
• Communication with control systems based on drivers
• Graphic system images with active components
• Personal parts lists
• Alarm list
• Alarm transmission via e-mail and SMS
• Real-time and Historical trend
• Reports (Configurable energy report and custom reports)
• Event log
• Extended functionality via software extensions

Interface

The interface is fully web-based and uses open web standards (html, css, javascript) without the need for third-party browser extensions. The layout is also designed in such a way that it adapts depending on the type of device used. This provides a product that works regardless of browser and device.

Screen                                                             Panel-PC                                     Mobile

Login

When browsing to the Web Port via a web browser or client application, you will first be taken to the login page. There are two types of logins. These are described below.

1. Username and Password
   • Login with username and password always works and user accounts and permissions are set up by the system administrator.
2. Code
   • All user accounts except administrator accounts have the possibility to use a pin code. This code can be used for local login in the control cabinet to facilitate login via touch panels.

Home

The start page shows the selected start page, as well as quick links to the alarm list, my pages and other
activated modules (e.g. object collection).

Examples of quick links from the home page

Menus

The Web Port menu system is built around a top menu that is always available at the top of the screen. From here you can access the main menu (MENU) where you can navigate between the different systems. For a system there can also be several views, these by clicking on the button for each view. If there are options to edit the page displayed, an edit button will appear.

The top menu also contains a link to the alarm page (ALARM), if this function is activated. If unacknowledged alarm events are present, the alarm icon displays an exclamation mark and moves sideways. Depending on the page displayed, help and print buttons may also appear, which can be found under the menu icon consisting of 3 dots and a circle.

On the far left of the top menu, there is a back button to return to the previous page and a Web Port icon that leads back to the home page.

Top menu

Example of Main Menu

System image

When a system image is opened, a dynamic flowchart of the current system is displayed. The image is composed of a static background image with dynamic objects illustrating measured values and alarm events.

Example of system image

Page object

Dynamic objects on the car are clickable. When such an item is selected, a menu with all the adjustable
values for the current item is displayed. Depending on the level of access and the signals available, the setting options may vary. If manual control is available, buttons are displayed for this purpose.

Time stamps for measured values are also shown here. To save the changes made, click on the SAVE button at the bottom of the settings menu. To close the settings menu without saving, click OFF.

Example of a settings menu for a page object

Examples of manual driving

Trend

If the trend function has been activated, trends and reports can be accessed by clicking on the item of interest and then selecting TREND from the button bar at the bottom. You can also select TREND from the top menu. This will open the trend page without any default tags.

       

Access via object settings or Trend in the top menu.

Trend configuration

When a trend is selected via an object, trend data for the last 24 hours is displayed for all signals associated with the current object. Above the trend image there is a pop-up menu with the following options:

• Trend settings opens side panel with additional settings
• Ability to lock zoom in X and/or Y axis
• Turn off / on the overview view below the trend area
• Turn on/off real-time trend
• Turn on/off high level of detail on the trend graph
• Step period back and forth
• Select own period, last day, last week, last month
• Ability to choose where to place the grave information or if it should be completely hidden

Quick settings for trend

If the trend page is opened via the top menu, a page menu is displayed instead, where settings can be made to choose which trend data to retrieve and how to display it. This page menu is also accessible via the TRENDS button in the top menu.

Examples of trend settings

The following settings can be made:

• From, date and time from which data is to be retrieved
• To, date and time when data should stop being retrieved
• Show multiple axes allows you to separate different data types on different axes.
• Trendvy allows you to present trend data in the following ways:
  • Trend, curve trend (standard)
  • Trend (real-time), retrieves measurements as quickly as possible and builds a trend curve.
  • Annual average, bar chart with annual average
  • Monthly average, bar chart showing the average of all months of the year
  • Weekly publications, bar chart with average for all weeks of the year
  • Daily average, bar chart with average value for all days in selected month
  • Hourly average, bar chart with average value for each hour during selected day.
  • Annual consumption, bar chart with annual consumption
  • Monthly consumption, bar chart with consumption for all months of the year
  • Weekly consumption, bar chart with consumption for all weeks of the year
  • Daily consumption, bar chart with consumption for all days of the selected month
  • Hourly consumption, bar chart with consumption for each hour of the selected day.
  • Annual activity, bar chart with annual activity (% of time measurement value > 0)
  • Monthly activity, bar chart with activity for all months of the year
  • Weekly activity, bar chart with activity for all weeks of the year
  • Daily activity, bar chart with activity for all days of the selected month
  • Hourly activity, bar chart with activity for each hour of the selected day
• Search, filter the list to find what you are looking for faster
• Tags, tick the tags for which trend data should be retrieved
• Update, click here to download new trend data
• Export, exports underlying trend view data to .csv file
• Cancel, close page menu

Example of trend

Change Y-axis (reach the change y-axis menu by clicking on any y-axis)

Zooming/selecting a time period can also be done by using the mouse wheel and selecting the desired area in the overview.
It is also possible to right-click on items and from there select trend tags for a custom trend basket. This can be used, for example, to combine trend tags from different pages into a single view.

Functional description

Via the Document button in the top menu, there is the option for function description. If such a description is available, it will be displayed. Otherwise, a text is displayed stating that the function description is missing.

Log

The log button in the top menu provides a log option. This option displays an event log with the possibility of user comments. The log shows the changes made to objects belonging to the current system.

It is possible to add a comment to a log message by clicking on the "comment" icon . You can also modify an existing comment by clicking on the same icon. If you try to save an empty comment, nothing will be saved. If you open an existing comment and delete all text, this comment will be deleted when you save. A comment on a log message is shown with a yellow line next to it, see picture below.

It is also possible to attach a log message by clicking on the "attach" icon . The message will then always be at the top of the log list. A pinned comment is indicated by a red line next to it and by another "pinned" icon , see image below.

Example of system log with comment and attached log message

Alarm list

The alarm page is accessed via the ALARM button on the top menu.

Example of alarm page

Alarm views

Below is a list of the alarm views available from the alarm page.

Active alarms

When the active alarm button is clicked, a list of the currently active alarms is displayed.

Blocked alarms

Upcoming funtion

All alarms

When the All alarms button is clicked, a list of all defined alarms is displayed.

Analysis

Displays a list of the most frequent alarms for different time periods.

History

For each alarm in the list there is a link to the right for history. When clicked, a list of all stored alarm events for the current alarm is displayed.

Filter

Each of the above views can be filtered by clicking on the Filter button. If the system is configured for users to save default filters, there is also a checkbox with the option to save a default filter. This will be saved on the user until a new default filter is saved, and applies to both the alarm list and alarm dispatch. To clear the default filter, an empty filter is saved with Use as default checked.

Acknowledge alarms

Alarms can be acknowledged individually by clicking on the acknowledge link in the alarm line. It is also possible to acknowledge all active alarms by clicking on Acknowledge All. When using the filter function to filter out more specific alarms, the "Acknowledge All" button will change behaviour to acknowledge only those alarms that appear in the filtered alarm list. The text on the button is also changed to "Acknowledge filtered".

Go to page

If the alarm has an underscore, this can be clicked to go to the current system page for the alarm.

Export to CSV

Export alarm list to .csv file

Time Channels

Time channels are found either via the main menu where all time channels are listed, or via the top menu
under a system screen where the time channels associated with that page are displayed.

There are two different views for time channels, a list view where special periods and the weekly schedule
are shown in the right menu or a calendar view.

Time channel in right menu

Time channel in calendar view

Add/remove

Open the desired time channel and press new event or add period.
Choose the start and end time and the permit that will apply during the period. Then select the days of the week, special days or groups of time periods to which the permit applies. The whole day is given as Start Time: 00:00, end time: 00:00. For example, if you specify Wednesday 17:00 - 02:00, the period will be from Wednesday 17:00 to Thursday 02:00. If time periods overlap, they are automatically merged.

Change / Delete to / from

Modifying an existing assignment is done by clicking on it. You can delete a cover by clicking on the trash can to the right of the cover. In the calendar view, you can edit the add-on by moving or resizing it with the mouse.

Change / Delete special day

The Special Days menu allows you to change a special day to Evening, Weekend or Normal day.

Object collection

If object collections are enabled, personal lists can be created of system objects. These can be organized and divided by headings. This allows for quick information of key values and the creation of lists to compare different systems with each other.

Create collection

To create a new collection, go to my collections from the home page or via the main menu. Then click on create collection and give it a name in the menu that appears. Then save the collection.

Add items

Go to a system page where you want to retrieve an item. Select the item to display the settings menu. Then click + Collection at the bottom of the box. Then select the collection you created before. When you open your collection, the items you added will now be displayed. To change the order, the different objects can be dragged and dropped.

Add heading

To add a heading to the collection, click on + Subgroup at the top of the collection. Then name the heading and move it to the desired location by dragging and dropping.

Change / Delete items

Click on the item to be modified or deleted in the collection. A menu appears with possible settings and a delete button at the bottom of the box.

Help

Help is accessed from the main menu where you can reach the full manual.pdf.

Profile, change user, log out

At the bottom of the main menu, you can change language, change password, log in as another user or log out.