Successfully!

Error!

You are viewing 10.0 help doc. More details are displayed in the latest help doc

FVS Plugin Installation & Interface Overview

I. Overview

1. Version


Report server versionJAR packageFVS large screen editing mode ( beta ) versionFunctional changes
11.02021-11-15V1.0.0-
11.0.22022-01-12V1.2.0

1) Added jxbrowser deletion detection

2) Support to directly mount FVS templates in the decision-making platform directory


2. Function introduction

This article will introduce the hardware requirements, plugin installation, interface introduction, function overview, and preview mount of FVS products in detail.

II. Configuration requirements

Note 1: This configuration is a requirement for the "client" computer of the preview, not the "server".

Note 2: The computer of the development environment can be slightly lower than the recommended configuration, but it is recommended to have a discrete graphics card.

Note 3: 3D components refer to: FVS scene map component and FVS 3D city component .

1. 3D scene with large amount of data

A large scene refers to a large amount of data, or there are many custom models. At the same time, 3D map and 3D city are applied, with more than 3 pages, and the city area is larger than the scope of the following map:

1.png   

2.png

The recommended configuration is shown in the following table:

HardwareRecommended configuration
CPUIntel i9 latest 3 generations or AMD R7 latest and above
RAM24.0GB and above
Graphics card

Discrete graphics card

Nvidia RTX 3060ti or AMD RX6700X and above

Operating systemWindows 10
BrowserChrome browser, latest version


2. Common 3D scene

Common 3D scene refers to only one of 3D map or 3D city is applied, with no more than 3 pages , and the city area is approximately equal to the range of the following figure:

3.png

The recommended and minimum configurations are shown in the following table:

HardwareRecommended configurationMinimum configuration
CPUIntel i7 within the last 3 generations, AMD R5 latest upIntel i5 sixth generation and above
RAM16.0GB and above8.0GB and above
Graphics card

Discrete graphics card

GTX 1050ti and above 

Discrete graphics card

GTX 750 and above

Operating systemWindows 10Windows 10
BrowserChrome browser, latest versionChrome browser and the minimum version requirement is version 86

3. No 3D scene

No 3D scene refers to the c cockpit and instrument panel that do not use 3D components and pure 2D charts, as shown in the following figure:

Note: When there are no 3D components, some extended chart components may also cause the card to be slow. It is recommended to drag in the extended chart at the end when making a template.

4.png

The recommended configuration is shown in the following table:

HardwareRecommended configuration
CPUIntel i5 sixth generation and above
RAM8.0GB and above
Graphics cardDiscrete graphics card recommended
Operating systemWindows 10
BrowserChrome browser and the minimum version requirement is version 86

III. Plugin installation

Click to download the plugin: 

Designer plug-in installation method reference: Designer plugin management

Server installation plug-in method refer to: Server plugin management

IV. Create a new large screen template

After the plugin is installed successfully, click "File" to add the "New Big Screen Dashboard" button.

Click the "New Big Screen Dashboard" button to set the large screen template name and canvas size. Canvas size supports common and custom sizes. As shown below:

  • Common size: including HD screen (1280*720px), SD screen (1920*1080px), 2K screen (2560*1440px), Wide screen (4864*1294px)

  • Custom size: You can manually enter the width and height of the canvas, the unit is px , and the width and height value range is 300-50000px.

5.png

Note: For V1.2.0 and later versions, when creating a large screen template, it detects whether the environment file is missing, resulting in the inability to create or open a large-screen template.

If the content is missing in the local designer environment , the interface shown in the figure below will pop up, and click "Upgrade Now" to enter the designer upgrade interface.

In the remote design environment, the large screen template cannot be created, and the message "The environment file is missing, and the large screen template cannot be created or opened. Please contact the administrator for assistance." The administrator can view the report project environment and add related JAR packages.

6.png

Intranet users can download the corresponding version of the JAR package to the %FR_HOME%\lib folder of the designer installation directory.

Designer environment
jxbrowser versionJAR package
Windows6.23

jxbrowser-6.23.jar

jxbrowser-win64-6.23.jar

jxbrowser-win32-6.23.jar

7.15

jxbrowser-7.15.jar

jxbrowser-win64-7.15.jar

jxbrowser-win32-7.15.jar

jxbrowser-swing-7.15.jar

Linux6.23jxbrowser-linux64-6.23.jar
7.15

jxbrowser-linux64-7.15.jar

jxbrowser-linux64-arm-7.15.jar

Mac6.23jxbrowser-mac-6.23.jar
7.15jxbrowser-mac-7.15.jar

V. Interface overview

The production interface of FVS large screen template is shown in the following figure:

7.png

Serial number
NameIntroduction
1Menu Bar

The menu bar is basically the same as the general report

  • Add a "New Big Screen Dashboard" button in the "File" drop-down box to create a new FVS large screen template

    Note: Close the FVS template to open other templates directly, or click the "Close" button in the "File" drop-down box

  • Add a "Page After-load Event" button in the "Template" drop-down box to add JavaScript code

  • Added "Update Built-in Assets" button in the "Server" drop-down box to update various built-in materials in FVS editing mode

2File area

The file area saves the current FineReport sll templates under the project, including general reports, dashboards, FVS large screen templates

  • It is not supported to open non-FVS large screen template and FVS large screen template at the same time

  • Only one FVS large screen template can be opened at the same time

3Data source

The data source area is consistent with the data source area   of the general report and dashboard

  • Template dataset and server dataset can be set and called in the template

4Title areaThe name of the large screen template set when creating a new FVS large screen template
5Action bar
  • Undo and redo actions

  • Assemble and split components

  • Align and adjust the level of components

6Save area
  • After making the FVS large screen template, the user can click to save/preview the template

  • In the FVS large screen template, the save button in the general report menu bar does not exist

7Layer area
  • Display all components under the currently selected pagination

  • Components can be renamed and deleted

  • Component hierarchy can be adjusted

  • Hide and lock components

  • Click the button below " 8. Component bar" to hide/expand the layer area

  • Click the button in the upper right corner of the "Layer Area " to change the position of the layer area

8Component bar

Contains five categories of components, select the required components, add them to the pagination to edit and use

  • 3D components: Including scene maps and 3D cities

  • Chart components: Including various analysis charts and original extended charts

  • Text components: Including single-line header components, multi-line rich text components and table components

  • Media components: Including local video components, surveillance video components and picture components

  • Container components: Including web frame components and carousel components

9Main canvas area

The main part of the large screen template is a WYSIWYG design area

  • Adding components and adjusting components can directly see the effect without saving the preview

  • Only one paged canvas page in one FVS large screen template can be opened at the same time

  • Please place the component inside the canvas, the content beyond the canvas cannot be displayed in the preview

10Canvas page area
  • A FVS large screen template can contain multiple pages

  • Switching between large screen scenes or viewing angles can be achieved by switching between pages

11Canvas Attributes AreaSupport to modify the canvas size, adjust the canvas adaptiv mode, adjust the canvas zoom size
12
Configuration bar
  • When the component is not selected, the configuration bar can configure attributes such as the background and transition effects of the current page

  • When a component is selected, the configuration bar can configure the content, interaction, animation, style and other attributes of the selected component.

VI. Template preview and mount

The completed template can be previewed by clicking the "Preview" button in the upper right corner. Please use the Chrome browser to preview the FVS large screen template.

8.png

For V1.2.0 and later plugin versions, the FVS large screen template can be directly mounted to the decision-making platform directory, the viewing type is "preview", and the display terminal only supports the "PC" terminal, as shown in the following figure:

9.pngBefore V1.2, the FVS large screen template does not support being directly mounted to the decision-making platform directory. Please use the "Add link" method to mount, and the link address is the template preview address.

 


Attachment List


Theme: 11.0 New Features
Already the First
Already the Last
  • Helpful
  • Not helpful
  • Only read

Doc Feedback