Web-based management

Web-based management is a way to parameterize, diagnose, and start up devices that are equipped with a web server using web pages. The web pages are stored on the device and are made available by the device web server. Phoenix Contact devices that are equipped with an Ethernet interface and IP protocol should offer web-based management with a uniform design.

  • Aim: ensuring uniform web-based management at Phoenix Contact
  • Customer benefits: Phoenix Contact devices are operated in the same way
  • Internal benefits: working with templates and specifications speeds up device development
  • Phoenix Contact benefits: gaining a competitive advantage, replacing Windows-based software

Layout

The illustration shows the basic arrangement of the elements on a web-based management page.

Web-based management page layout
  1. Language: switcher Up to three languages can be displayed next to each other in the national language. More than three languages are offered as drop-down (without flag). English is the default language. Each device supports at least English. For the first startup, the page is displayed in English.
  2. Signal chain with logo: The logo is linked to www.phoenixcontact.com. The page opens in a new browser tab.
  3. Horizontal navigation (optional): This may wrap when the width of the web page is reached.
  4. Navigation tree (obligatory)
  5. Content area  
  6. Device information: This information is visible on all sub-pages (e.g., firmware version, device number)
  7. Copyright: The copyright may not be a link.
  8. Legal notes

 

The following also applies:

  • Verdana is used for headings (the typographical rules also apply)
  • There is no search in web-based management
  • Settings are only made in the content area of the page
  • No radio buttons are used. Instead, combo boxes and check boxes are used.
Back to top

Navigation

A navigation tree is always on the left-hand side. This navigation element corresponds to the facets.

A product image (product photo from the catalog) and the product name with order number is located above the navigation tree. There is a link to the start page of the currently selected product both on the image and on the product name.

As an option, horizontal navigation can be used. For example, this can be used for selecting devices in a station

The terms in the navigation tree are set:

Main categorySub-categoryCompulsory elementNote
Quick Setup YesFor complex devices, the necessary settings on a page for starting up the device can be shown on such a page.
Information YesThis item contains helpful information on a device, which is intended to offer the customer enough information to at least make startup possible without a data sheet.
 General dataYesContains data such as Phoenix Contact address, product name/number, FW/HW status, MAC, IP, etc….
 Technical dataYesContains an overview of important technical data, which is also in the data sheet.
 Rotary coding switchOptional 
 Diagnostics indicatorsOptional 
 Modbus registersOptional 
 I/O register assignmentOptional 
Configuration OptionalProvides the device with diagnostics options; should be represented in such a way under this main folder.
 IP AddressOptional 
 WatchdogOptional 
 Startup behaviorOptional 
 LAN portOptional 
Diagnostics OptionalProvides the device with diagnostics options; should be represented in such a way under this main folder.
 Bus couplerOptional 
 Local busOptional 
Administration YesIn this folder, all web sites can be stored, which are not absolutely necessary for operation of the device, but could change device settings (such as name, password).
 System IdentificationOptional 
 PasswordYesCompulsory if password is required. Allows the password to be changed.
 Save/load configurationOptional 
 Default settingsOptional 
 Firmware updateOptional 
Help OptionalIf the device has the necessary memory, it is possible to store data sheet, user manual etc. here. Categorized as required, e.g., documentation, links, wizard, …

Note:

  1. Order of the menu items: Basically the order of the menu items should be adhered to in order to ensure the same representation for all Phoenix Contact devices.
  2. Names of the sub-items: Adding the name of the main item to the name of the sub-item, e.g., IP address instead of IP configuration, should always be avoided.

 

Back to top

Help

In addition to help in the main menu (optional), information about a special item is also provided as a tool tip. The tool tip can include not only text, but also images.

An “i” appears after every item that offers help. The icon opens when you either hover over it with the mouse (one second delay) or you click the tool tip.

The help in the main menu can include data sheets, user manuals, and FAQs

Back to top

Technology

The web-based management is limited to the use of the following technologies:

  • HTML/CSS (HTML 5 is recommended)
  • JavaScript (jQuery is recommended)
  • Optional security (https)

Browser support

  • At least Internet Explorer Version 8 is supported.

Test requirements:

  • Design: The elementary functions must be properly displayed and function in the browser mentioned.
  • Function: The interaction between web-based management and device firmware must be tested for correct function.
Back to top

Print function

The print function of the browser is used. Only the page content should be printed, without frame and language switcher. The necessary style sheet is supplied with the template.

Back to top

Legal notes

Manufacturer identification – integrated into the device identification page

Manufacturer name: Phoenix Contact GmbH & Co. KG
Address: Flachsmarktstr. 8, 32825 Blomberg, Germany
Internet: phoenixcontact.com

No other contact data is required.

Third-party licenses

Notes on general conditions:

  • Sources that are subject to GPL may not be changed (otherwise compulsory publication is necessary).

When using third-party licenses:

  • The license supplier must be named.
  • The license conditions of the license supplier must be stored in the device.
  • The license conditions must be available at least in English and if possible, in German.

Which licenses can we use?

  • All third-party software licenses must first be checked and approved by the legal department.

EULA – End User License Agreement

The Phoenix Contact EULA license conditions must be stored in the device. It must be possible to print them. The EULA must be at least in English and if possible, in all languages that we currently have in the EULA. The EULA can be opened on the “Legal notes” page.

Copyright

The copyright may not be a link. It is specified with year, preferably from the first creation up to the current modification (e. g., © 2001 - 2013 Phoenix Contact).

Only the copyright from Phoenix Contact, not Phoenix Contact Electronics or other subsidiaries.

Back to top

Samples

Description Language Updated
AXL F BK WebUI [ZIP, 0.34 MB] German 15.10.2014
AXL F BK screen shots [ZIP, 2.36 MB] German 15.10.2014
PLC V8C screen shots [ZIP, 1.81 MB] German 15.10.2014
Back to top

PHOENIX CONTACT
GmbH & Co. KG

+49 5235 3-41984

Christine Nolte-Dietrich

Christine Nolte-Dietrich

Coordinator Communication Guidelines